Код:

<script>
document.addEventListener("DOMContentLoaded", () => {
  // === НАСТРОЙКИ ===
  // Формат: 'post_id;forum_id,post_id;forum_id,...'
  const POSTS_AND_FORUMS = '30377;2,30379;5'; // ← Укажите нужные пары
  // === /НАСТРОЙКИ ===

  // Карта для хранения названий разделов
  const forumNames = new Map();

  // Сначала получаем названия всех указанных разделов
  const forumIds = [...new Set(
    POSTS_AND_FORUMS.split(',')
      .map(pair => pair.trim().split(';')[1])
      .filter(id => id)
  )];

  if (forumIds.length === 0) return;

  const fields = 'id,name';
  const url = `/api.php?method=board.getForums&${new URLSearchParams({
    id: forumIds.join(','),
    fields,
    charset: 'utf-8'
  })}`;

  fetch(url)
    .then(response => response.json())
    .then(data => {
      if (!data?.response || !Array.isArray(data.response)) {
        console.warn("API board.getForums вернул пустой ответ");
        fallbackToStatic(); // резерв
        processPairs();
        return;
      }

      data.response.forEach(forum => {
        forumNames.set(String(forum.id), forum.name);
      });

      processPairs();
    })
    .catch(err => {
      console.error("Ошибка загрузки названий разделов:", err);
      fallbackToStatic();
      processPairs();
    });

  // --- ОСНОВНАЯ ЛОГИКА ЗАМЕНЫ ПОСТОВ ---
  function processPairs() {
    const pairs = POSTS_AND_FORUMS.split(',')
      .map(pair => {
        const [postId, forumId] = pair.trim().split(';');
        return { postId, forumId };
      });

    pairs.forEach(({ postId, forumId }) => {
      // Находим контейнер тела поста
      const postBody = document.getElementById(`p${postId}-content`);
      if (!postBody) {
        console.warn(`Пост #p${postId}-content не найден.`);
        return;
      }

      // Получаем название раздела
      let forumName = forumNames.get(forumId) || `Раздел ${forumId}`;

      // Очищаем всё содержимое и вставляем новый каталог
      postBody.innerHTML = '';
      postBody.insertAdjacentHTML('beforeend', `
        <div id="topic-catalog-${postId}" style="background: #e8f1da; border-radius: 5px; padding: 10px; margin: 10px 0; max-height: 400px; overflow-y: auto;">
          <h3 style="margin-top: 0; color: #2e7d32; font-size: 1.2em;">Темы в разделе: ${forumName}</h3>
          <ul id="topic-list-${postId}" style="list-style: none; padding-left: 0;"></ul>
          <div id="loading-${postId}" style="font-style: italic; color: #666;">Загрузка тем…</div>
        </div>
      `);

      const list = document.getElementById(`topic-list-${postId}`);
      const loading = document.getElementById(`loading-${postId}`);

      // Запрашиваем темы из нужного раздела через API
      fetch(`/api.php?method=topic.get&forum_id=${forumId}&limit=50&fields=id,subject&sort_by=last_post&sort_dir=desc&charset=utf-8`)
        .then(response => {
          if (!response.ok) throw new Error(`HTTP ${response.status}`);
          return response.json();
        })
        .then(data => {
          if (!data?.response || !Array.isArray(data.response)) {
            throw new Error("API вернул пустой или некорректный ответ");
          }

          data.response.forEach(topic => {
            const title = topic.subject || '[Без названия]';
            const link = `/viewtopic.php?id=${topic.id}`;
            const li = document.createElement('li');
            li.style.padding = '5px 0';
            li.style.borderBottom = '1px solid #ccc';
            li.innerHTML = `<a href="${link}" target="_blank">${title}</a>`;
            list.appendChild(li);
          });

          loading.style.display = 'none';
        })
        .catch(err => {
          console.error(`Ошибка загрузки тем для поста ${postId}:`, err);
          loading.textContent = 'Не удалось загрузить темы.';
          loading.style.color = 'red';
        });
    });
  }
});
</script>