Fix field name mismatches, add events filter, in-place suppression refresh

- links.html: fix all field name bugs (auto_negotiation→autoneg, full_duplex,
  tx/rx_errors/drops_per_sec→_rate, tx/rx_bytes_per_sec→_rate, poe_total_w/poe_max_w
  computed from ports, renderUnifiSwitches uses top-level updated timestamp)
- suppressions.html: in-place DOM refresh after create/remove (no page reload),
  datalist autocomplete for target names, form reset after submit
- inspector.html: ESC key closes detail panel via lt.keys.on
- index.html: events filter bar with search input + severity pills (All/Critical/Warning),
  MutationObserver re-applies filter after dynamic updates
- style.css: g-section-actions, events-filter-bar, sev-pills layout
- app.js/db.py/monitor.py: carry forward prior session fixes (Promise.allSettled,
  daemon_ok, stale connection handling, double Prometheus call, self.cfg fix)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/app.js

@@ -7,7 +7,10 @@
   const _fetch = window.fetch;
   window.fetch = async function (...args) {
     const resp = await _fetch(...args);
-    if (resp.status === 401) window.location.reload();
+    if (resp.status === 401) {
+      window.location.reload();
+      throw new Error('Session expired — reloading');
+    }
     return resp;
   };
 })();
@@ -29,28 +32,41 @@ function _toIso(s) {
 
 // ── Dashboard auto-refresh ────────────────────────────────────────────
 async function refreshAll() {
+  const refreshBtn = document.querySelector('[data-action="refresh"]');
+  if (refreshBtn) refreshBtn.classList.add('is-loading');
   try {
-    const [net, status] = await Promise.all([
+    const [netResult, statusResult] = await Promise.allSettled([
       lt.api.get('/api/network'),
       lt.api.get('/api/status'),
     ]);
-    updateHostGrid(net.hosts || {});
-    updateUnifiTable(net.unifi || []);
-    updateEventsTable(status.events || [], status.total_active);
-    updateStatusBar(status.summary || {}, status.last_check || '');
-    updateTopology(net.hosts || {});
-  } catch (e) {
-    console.warn('Refresh failed:', e);
+    if (netResult.status === 'fulfilled') {
+      const net = netResult.value;
+      updateHostGrid(net.hosts || {});
+      updateUnifiTable(net.unifi || []);
+      updateTopology(net.hosts || {});
+    } else {
+      console.warn('Network API failed:', netResult.reason);
+    }
+    if (statusResult.status === 'fulfilled') {
+      const status = statusResult.value;
+      updateEventsTable(status.events || [], status.total_active);
+      updateStatusBar(status.summary || {}, status.last_check || '', status.daemon_ok);
+    } else {
+      console.warn('Status API failed:', statusResult.reason);
+    }
+  } finally {
+    if (refreshBtn) refreshBtn.classList.remove('is-loading');
   }
 }
 
-function updateStatusBar(summary, lastCheck) {
+function updateStatusBar(summary, lastCheck, daemonOk) {
   const bar = document.querySelector('.status-chips');
   if (!bar) return;
   const chips = [];
+  if (daemonOk === false) chips.push('<span class="chip chip-critical">⚠ MONITOR OFFLINE</span>');
   if (summary.critical) chips.push(`<span class="chip chip-critical">● ${summary.critical} CRITICAL</span>`);
   if (summary.warning)  chips.push(`<span class="chip chip-warning">● ${summary.warning} WARNING</span>`);
-  if (!summary.critical && !summary.warning) chips.push('<span class="chip chip-ok">✔ ALL SYSTEMS NOMINAL</span>');
+  if (!summary.critical && !summary.warning && daemonOk !== false) chips.push('<span class="chip chip-ok">✔ ALL SYSTEMS NOMINAL</span>');
   bar.innerHTML = chips.join('');
 
   const lc = document.getElementById('last-check');