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>

plugins/traefik/templates/traefik/widget_request_chart.html

@@ -19,8 +19,8 @@
         {
           label: "Req/s",
           data: {{ req_rate_json | safe }},
-          borderColor: "#7c5ef4",
-          backgroundColor: "rgba(124,94,244,0.08)",
+          borderColor: stewardColor("--blue"),
+          backgroundColor: stewardColor("--blue-dim"),
           fill: true,
           tension: 0.3,
           pointRadius: 0,
@@ -30,7 +30,7 @@
         {
           label: "5xx %",
           data: {{ error_rate_json | safe }},
-          borderColor: "#e83848",
+          borderColor: stewardColor("--red"),
           fill: false,
           tension: 0.3,
           pointRadius: 0,
@@ -45,24 +45,23 @@
       animation: false,
       plugins: {
         legend: {
-          labels: { color: "#6858a0", boxWidth: 10, font: { size: 10 } }
+          labels: { boxWidth: 10, font: { size: 10 } }
         }
       },
       scales: {
         x: { display: false },
         y: {
           min: 0,
-          grid: { color: "rgba(30,30,62,0.8)" },
-          ticks: { color: "#6858a0", font: { size: 10 } },
-          title: { display: true, text: "req/s", color: "#6858a0", font: { size: 9 } },
+          ticks: { font: { size: 10 } },
+          title: { display: true, text: "req/s", font: { size: 9 } },
         },
         y2: {
           position: "right",
           min: 0,
           max: 100,
           grid: { drawOnChartArea: false },
-          ticks: { color: "#e83848", font: { size: 10 } },
-          title: { display: true, text: "5xx%", color: "#e83848", font: { size: 9 } },
+          ticks: { color: stewardColor("--red"), font: { size: 10 } },
+          title: { display: true, text: "5xx%", color: stewardColor("--red"), font: { size: 9 } },
         },
       }
     }