Skip to content

Commit a6878fc

Browse files
Zawwarsami16claude
andcommitted
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

File tree

0 commit comments

Comments
 (0)