From 779270fb73e0d1ec67cc52df4d3dd20b4f3e13f6 Mon Sep 17 00:00:00 2001
From: dev <dev@local>
Date: Sat, 12 Sep 2026 14:18:15 +0300
Subject: [PATCH] =?UTF-8?q?UI:=20=D0=BF=D0=B0=D0=B3=D0=B8=D0=BD=D0=B0?=
 =?UTF-8?q?=D1=86=D0=B8=D1=8F,=20=D0=B2=D1=8B=D0=BD=D0=BE=D1=81=20=D0=BF?=
 =?UTF-8?q?=D0=B0=D0=B3=D0=B8=D0=BD=D0=B0=D1=82=D0=BE=D1=80=D0=B0,=20?=
 =?UTF-8?q?=D0=B1=D1=8B=D1=81=D1=82=D1=80=D1=8B=D0=B5=20=D0=B4=D0=B5=D0=B9?=
 =?UTF-8?q?=D1=81=D1=82=D0=B2=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/audit.html   |  2 +-
 public/js/worker.js | 20 ++++++++++++++++----
 public/worker.html  |  1 +
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/public/audit.html b/public/audit.html
index 501149a..42db7fe 100644
--- a/public/audit.html
+++ b/public/audit.html
@@ -34,8 +34,8 @@
         <tbody></tbody>
       </table>
       <div class="empty" id="auditEmpty" style="display:none">Записей пока нет.</div>
-      <div class="pager" id="auditPager"></div>
     </div>
+    <div class="pager" id="auditPager"></div>
   </div>
 </div>
 <div class="modal-overlay" id="auditDetailsModal">
diff --git a/public/js/worker.js b/public/js/worker.js
index 716ab8e..83fba26 100644
--- a/public/js/worker.js
+++ b/public/js/worker.js
@@ -1,4 +1,5 @@
 const AUTO_REFRESH_MS = 5000;
+const RECENT_PAGE_SIZE = 15;
 const STATUS_LABELS = {
   pending: 'В очереди',
   processing: 'Проверяется',
@@ -18,6 +19,7 @@ let state = null;
 let refreshTimer = null;
 let busy = false;
 let recentRows = [];
+let recentPage = 1;
 
 function fmtDur(ms) {
   if (ms === null || ms === undefined || ms < 0) return '—';
@@ -140,10 +142,19 @@ function renderRecent() {
   document.getElementById('recentCount').textContent = `${rows.length} из ${all.length}`;
   const tbody = document.querySelector('#recentTable tbody');
   const empty = document.getElementById('recentEmpty');
-  if (!rows.length) { tbody.innerHTML = ''; empty.style.display = 'block'; return; }
+  const maxPage = Math.max(1, Math.ceil(rows.length / RECENT_PAGE_SIZE));
+  if (recentPage > maxPage) recentPage = maxPage;
+  if (!rows.length) {
+    recentRows = [];
+    tbody.innerHTML = '';
+    empty.style.display = 'block';
+    renderPager(document.getElementById('recentPager'), 1, 1, () => {});
+    return;
+  }
   empty.style.display = 'none';
-  recentRows = rows;
-  tbody.innerHTML = rows.map((r, i) => `
+  const slice = rows.slice((recentPage - 1) * RECENT_PAGE_SIZE, recentPage * RECENT_PAGE_SIZE);
+  recentRows = slice;
+  tbody.innerHTML = slice.map((r, i) => `
     <tr>
       <td style="white-space:nowrap">${fmtTime(r.ai_checked_at)}</td>
       <td>${esc(r.student_name)}</td>
@@ -152,6 +163,7 @@ function renderRecent() {
       <td>${r.changed ? '<span class="lucide-inline" style="color:#f59e0b"><i data-lucide="pencil"></i></span> исправлен' : '—'}</td>
       <td><button type="button" class="ai-details" data-ai-idx="${i}">Подробнее</button></td>
     </tr>`).join('');
+  renderPager(document.getElementById('recentPager'), recentPage, maxPage, p => { recentPage = p; renderRecent(); });
 }
 
 function renderErrors() {
@@ -226,7 +238,7 @@ document.getElementById('refreshBtn').addEventListener('click', load);
 document.getElementById('wakeBtn').addEventListener('click', wake);
 document.getElementById('toggleBtn').addEventListener('click', toggleEnabled);
 document.getElementById('requeueBtn').addEventListener('click', requeueFailed);
-document.getElementById('recentFilter').addEventListener('change', renderRecent);
+document.getElementById('recentFilter').addEventListener('change', () => { recentPage = 1; renderRecent(); });
 document.getElementById('autoRefresh').addEventListener('change', e => setAutoRefresh(e.target.checked));
 
 document.getElementById('recentTable').addEventListener('click', e => {
diff --git a/public/worker.html b/public/worker.html
index 4889850..30bbb2f 100644
--- a/public/worker.html
+++ b/public/worker.html
@@ -75,6 +75,7 @@
           </table>
           <div class="empty" id="recentEmpty" style="display:none">Проверок пока нет.</div>
         </div>
+        <div class="pager" id="recentPager"></div>
       </div>
 
       <div class="settings-card wide" id="errorsCard" style="display:none">