Bans: confirm unban via alert; audit labels for ip.ban/ip.unban; worker page lucide icons

public/js/audit.js

@@ -4,6 +4,8 @@ const ACTION_LABELS = {
   'user.create': 'Создан пользователь',
   'user.update': 'Изменён пользователь',
   'user.delete': 'Удалён пользователь',
+  'ip.ban': 'Заблокирован IP-адрес',
+  'ip.unban': 'Разблокирован IP-адрес',
   'group.create': 'Создана группа',
   'group.update': 'Изменена группа',
   'group.delete': 'Удалена группа',

public/js/bans.js

@@ -49,43 +49,18 @@ function renderPage() {
   renderPager(document.getElementById('pager'), page, Math.max(1, Math.ceil(allBans.length / PAGE_SIZE)), p => { page = p; renderPage(); });
 }
 
-function askUnban(ip) {
-  const old = document.getElementById('unbanConfirmRow');
-  if (old) old.remove();
-  const tr = document.createElement('tr');
-  tr.id = 'unbanConfirmRow';
-  tr.innerHTML = `
-    <td colspan="5" style="text-align:center;padding:14px;background:rgba(239,68,68,.06)">
-      Разблокировать <b>${esc(ip)}</b>?
-      <button class="btn-primary" id="unbanYes" type="button" style="padding:8px 18px;margin-left:12px">Да, разблокировать</button>
-      <button type="button" class="btn-primary ghost" id="unbanNo" style="padding:8px 18px;margin-left:8px">Отмена</button>
-    </td>`;
-  tr.querySelector('#unbanYes').addEventListener('click', () => doUnban(ip));
-  tr.querySelector('#unbanNo').addEventListener('click', () => tr.remove());
-  document.getElementById('bansBody').appendChild(tr);
-  tr.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-}
-
 async function doUnban(ip) {
+  const ban = allBans.find(b => b.ip === ip) || {};
+  if (!confirm(`Удалить IP ${ip} из блокировки (${reasonLabel(ban.reason)})?`)) return;
   const res = await fetch(`${API}/api/bans/${encodeURIComponent(ip)}`, { method: 'DELETE', headers: hdr() });
-  if (res.ok) showToast('IP разблокирован: ' + ip);
+  if (res.ok) showToast('IP удалён из блокировки: ' + ip);
   else showToast('Ошибка разблокировки');
-  document.getElementById('unbanConfirmRow')?.remove();
   loadBans();
 }
 
 document.getElementById('bansBody').addEventListener('click', e => {
   const ip = e.target.closest('[data-unban]')?.dataset.unban;
-  if (ip) askUnban(ip);
-});
-
-document.getElementById('bansBody').addEventListener('click', async e => {
-  const ip = e.target.closest('[data-unban]')?.dataset.unban;
-  if (!ip) return;
-  const res = await fetch(`${API}/api/bans/${encodeURIComponent(ip)}`, { method: 'DELETE', headers: hdr() });
-  if (res.ok) showToast('IP разблокирован: ' + ip);
-  else showToast('Ошибка разблокировки');
-  loadBans();
+  if (ip) doUnban(ip);
 });
 
 function openBanModal() {

public/js/worker.js

@@ -77,7 +77,7 @@ function renderCards() {
     <div class="sys-card">
       <div class="sys-title">Модель</div>
       <div class="sys-item"><span class="sys-label">Модель</span><span class="sys-value">${esc(state.model)}</span></div>
-      <div class="sys-item"><span class="sys-label">Сервис</span><span class="sys-value">${svc.reachable ? '✅ доступен' : '❌ недоступен'}</span></div>
+      <div class="sys-item"><span class="sys-label">Сервис</span><span class="sys-value">${svc.reachable ? '<span class="lucide-inline" style="color:#16a34a"><i data-lucide="check"></i></span> доступен' : '<span class="lucide-inline" style="color:#ef4444"><i data-lucide="x"></i></span> недоступен'}</span></div>
       <div class="sys-item"><span class="sys-label">Отклик</span><span class="sys-value">${svc.latency_ms !== undefined ? svc.latency_ms + ' мс' : '—'}</span></div>
       <div class="sys-item"><span class="sys-label">Адрес</span><span class="sys-value" style="font-size:.75rem">${esc(state.ai_url || '')}</span></div>
       ${svc.error ? `<div class="sys-meta" style="color:#ef4444">${esc(svc.error)}</div>` : ''}
@@ -149,7 +149,7 @@ function renderRecent() {
       <td>${esc(r.student_name)}</td>
       <td style="color:var(--muted)">${esc(r.group_name || '')}</td>
       <td>${statusBadge(r.ai_status)}</td>
-      <td>${r.changed ? '✏️ исправлен' : '—'}</td>
+      <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('');
 }
@@ -175,6 +175,7 @@ function render() {
   renderPending();
   renderRecent();
   renderErrors();
+  renderIcons();
 }
 
 async function load() {