Commit a6878fc
phase 12.0: futuristic operator deck — animated SVG flow + glassmorphism
dashboard.html replaced. design language: HD blue + cyan + electric
red on a near-black grid; glassmorphism panels with backdrop blur;
shimmer-animated heading; pulsing live indicator; soft scanlines;
neon glow text-shadows on numbers and headings.
new center piece: live SVG traffic flow visualization. three nodes —
CLIENTS (left) → HUB CORE (center, pulsing) → PUBLISHERS+EXPOSURES
(right) — connected by dashed lanes. when poll detects new requests
in recent_requests, particles spawn at the left edge and animate
through the hub to the right; color-coded cyan (2xx) / amber (4xx) /
red (5xx). drop-shadow glow per particle. requests/min counter in
the panel header.
publisher cards redesigned as glowing tiles: name + visibility pill,
description, 4-column metrics grid (chats / avg ms / p95 ms / conns),
and an activity bar showing ok-vs-rate-limited ratio at the bottom.
idle publishers dim themselves automatically.
exposure cards in their own neon-orange palette to distinguish from
publishers (different role, different visual lane).
recent requests feed: each entry slides in on first appearance, color-
coded left border by status class (cyan/amber/red), AI tag inline.
peers section gets a chevron prefix.
stats tiles: large neon numbers with cyan underglow strip; p95 tile
flips to red palette when p95 > 2s (visual alert).
connection-state indicator in the header turns red on fetch failure
so operators know if the dashboard lost the hub.
164/164 pytest still green; the 3 dashboard tests still pass because
the HTML still references "/api/dashboard" and "zhub" verbatim.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>1 parent 2aa84fe commit a6878fc
1 file changed
Lines changed: 502 additions & 163 deletions
0 commit comments