Код:

<script>
(function () {
  let retryCount = 0;
  const retryDelay = 1500;
 
  // 🔢 Настройки
  const maxBuffer = 10;
  const fetchMax = maxBuffer + 5;
  const newestAtBottom = true; // false = новые СВЕРХУ, true = новые СНИЗУ
 
  function initLivePanel($) {
    $(function () {
      if (window.location.pathname !== "/" && !window.location.pathname.endsWith("index.php")) return;
 
      let currentBuffer = [];
      let isFetching = false;
 
      // 🧱 HTML
      const html = `
        <div id="live-posts" class="stats section">
          <div class="live-posts-wrapper">
            <table class="container stats">
              <thead>
                <tr>
                  <th class="tcl">🧑💻 Автор</th>
                  <th class="tc2">🕒 Время</th>
                  <th class="tcr">💬 Последнее сообщение</th>
                </tr>
              </thead>
              <tbody class="hasicon live-posts-tbody">
                <tr><td colspan="3">Загрузка...</td></tr>
              </tbody>
            </table>
          </div>
        </div>
      `;
 
      if ($('.statscon').length) {
        $('.statscon').prepend(html);
      } else {
        $('body').append(html);
      }
 
      const $tbody = $('.live-posts-tbody');
      const $wrapper = $('.live-posts-wrapper');
 
      function showError(msg = "❌ Ошибка загрузки.") {
        $tbody.html(`<tr><td colspan="3">${msg}</td></tr>`);
      }
 
      function formatDate(timestamp) {
        const ts = new Date(1000 * timestamp);
        const mo = String(ts.getMonth() + 1).padStart(2, '0');
        const dd = String(ts.getDate()).padStart(2, '0');
        const hh = String(ts.getHours()).padStart(2, '0');
        const mm = String(ts.getMinutes()).padStart(2, '0');
        return `${dd}.${mo} ${hh}:${mm}`;
      }
 
      function createRow(item, isRecent = false) {
        const timeStr = formatDate(item[0]);
        const rowClass = isRecent ? "new-message" : "";
        return $(`
          <tr class="${rowClass}">
            <td class="tcl">🧑‍💻 ${item[1]}</td>
            <td class="tc2">🕒 ${timeStr}</td>
            <td class="tcr">💬 <a href="${item[2]}" target="_blank">${item[3]}</a></td>
          </tr>
        `);
      }
 
function renderBuffer(newItemIds = new Set()) {
  // Сортируем весь буфер по времени: от старых к новым
  const sortedAll = [...currentBuffer].sort((a, b) => a[0] - b[0]);
  
  // Берём последние maxBuffer сообщений (самые свежие по времени)
  const latestItems = sortedAll.slice(-maxBuffer);
  
  // Определяем порядок отображения
  const displayItems = newestAtBottom
    ? latestItems                // старые сверху → новые снизу
    : latestItems.reverse();     // новые сверху → старые снизу
 
  $tbody.empty();
  displayItems.forEach(item => {
    const isNew = newItemIds.has(item[2]);
    const $row = createRow(item, isNew);
    $tbody.append($row);
  });
 
  // Подсветка новых
  if (newItemIds.size > 0) {
    $tbody.find('.new-message').each(function () {
      const $el = $(this);
      setTimeout(() => {
        $el.animate({ backgroundColor: "transparent" }, 2000, () => {
          $el.removeClass('new-message');
        });
      }, 100);
    });
  }
 
  // Прокрутка вниз, если новые снизу и есть обновления
  if (newestAtBottom && newItemIds.size > 0) {
    $wrapper.scrollTop($wrapper[0].scrollHeight);
  }
}
 
      function fetchLatestPosts(retryCountAjax = 0) {
        if (isFetching) return;
        isFetching = true;
 
        $.getScript(`/export.php?type=js&max=${fetchMax}&_=` + Date.now())
          .done(() => {
            isFetching = false;
 
            if (typeof content === "undefined" || !Array.isArray(content)) {
              if (retryCountAjax < 3) {
                setTimeout(() => fetchLatestPosts(retryCountAjax + 1), retryDelay);
              } else {
                showError();
              }
              return;
            }
 
            const freshItems = [];
            const newItemIds = new Set();
 
            content.forEach(item => {
              if (!item || item.length < 4) return;
              if (item[3].includes('·') || item[3].includes('¬')) return;
              freshItems.push(item);
            });
 
            freshItems.forEach(item => {
              const url = item[2];
              const wasMissing = !currentBuffer.some(msg => msg[2] === url);
              if (wasMissing) {
                newItemIds.add(url);
              }
            });
 
            currentBuffer = freshItems;
 
            if (currentBuffer.length > 100) {
              currentBuffer.sort((a, b) => a[0] - b[0]);
              currentBuffer = currentBuffer.slice(-100);
            }
 
            if (currentBuffer.length === 0) {
              $tbody.html('<tr><td colspan="3">Нет сообщений.</td></tr>');
              return;
            }
 
            renderBuffer(newItemIds);
          })
          .fail(() => {
            isFetching = false;
            if (retryCountAjax < 3) {
              setTimeout(() => fetchLatestPosts(retryCountAjax + 1), retryDelay);
            } else {
              showError();
            }
          });
      }
 
      fetchLatestPosts();
      setInterval(fetchLatestPosts, 15000);
    });
  }
 
  initLivePanel($);
})();
</script>