feat(plugins): Traefik problems first, UniFi/SNMP/fleet on shared shapes, audit names its entities, templates on tokens (#5126)

Traefik: routers are graded from their latest scrape (router_state: crit on
any real 5xx share, warn on p95 past the latency critical cutoff or a high
4xx share). Failing and slow routers lead as cards that say why; healthy
ones fold into one table that stays open or shut across polls. Proxy
counts are stat tiles; certificates are graded by Settings -> Thresholds
(tls_days).

UniFi: WAN health is a stat strip (latency graded by the thresholds),
devices carry status dots, event categories and firewall actions are
badges, the alarm count reuses .count-badge (renamed from .nav-count).
SNMP: each device wears a status badge and its readings are stat tiles.

Agent fleet: the table comes first, with a Status column (Reporting /
Silent / Never reported, by the host page's stale_after_seconds), silent
agents first, hosts linked, last seen as |ago.

Audit: entries name their entity (one query per type, steward/audit/
service.py) and link it; something deleted since keeps the name its entry
recorded and says "(deleted)".

Tokens: charts read colours through chart-colors.js (stewardColor resolves
a token to the rgb the browser computed; Chart.js defaults take the page's
text and border colours), so host, history, Traefik and SNMP charts drop
their hex. Template hex colours reach 0 (HEX_CEILING = 0), the last rgba
pills go, and heavy weights (600/700/bold, 60 of them) become 500, the
house pair being 400/500; a guard keeps templates there.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

steward/templates/ai_access/_connect.html

@@ -16,13 +16,13 @@
   </div>
 
   <details open>
-    <summary style="cursor:pointer;font-weight:600;">Claude Code</summary>
+    <summary style="cursor:pointer;font-weight:500;">Claude Code</summary>
     <pre style="{{ pre }}">claude mcp add --transport http steward {{ mcp_url }} \
   --header "Authorization: Bearer {{ tok }}"</pre>
   </details>
 
   <details style="margin-top:0.75rem;">
-    <summary style="cursor:pointer;font-weight:600;">Claude Desktop</summary>
+    <summary style="cursor:pointer;font-weight:500;">Claude Desktop</summary>
     <div style="font-size:0.8rem;color:var(--text-muted);margin-top:0.4rem;line-height:1.5;">
       Add to <code>claude_desktop_config.json</code>. It bridges through
       <code>mcp-remote</code>, which needs Node.js.
@@ -40,7 +40,7 @@
   </details>
 
   <details style="margin-top:0.75rem;">
-    <summary style="cursor:pointer;font-weight:600;">Open WebUI and other clients</summary>
+    <summary style="cursor:pointer;font-weight:500;">Open WebUI and other clients</summary>
     <div style="font-size:0.8rem;color:var(--text-muted);margin-top:0.4rem;line-height:1.5;">
       Add an MCP server using the <strong>Streamable HTTP</strong> transport, with the URL
       above and bearer authentication set to the token. In Open WebUI this is an external

steward/templates/ai_access/created.html

@@ -7,7 +7,7 @@
   <h1 class="page-title">Token created</h1>
 
   <div class="card" style="border-color:var(--gold);margin-bottom:1rem;">
-    <div style="font-size:0.8rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem;">
+    <div style="font-size:0.8rem;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem;">
       Copy this token now. It can't be shown again.
     </div>
 

steward/templates/ai_access/index.html

@@ -42,7 +42,7 @@
           {% set t = row.token %}
           <tr {% if row.state != 'active' %}style="opacity:0.55;"{% endif %}>
             <td>
-              <div style="font-weight:600;">{{ t.name }}</div>
+              <div style="font-weight:500;">{{ t.name }}</div>
               <div style="font-family:ui-monospace,monospace;font-size:0.75rem;color:var(--text-muted);">{{ t.prefix }}…</div>
             </td>
             <td><span class="badge badge-dim">{{ t.role.value }}</span></td>