feat(ui): sharpen dashboard console visual system #31

Merged

vince merged 2 commits from codex/console-visual-system into main

2026-06-20 02:25:14 +02:00

vince commented

2026-06-20 02:12:49 +02:00

Owner

Summary

Broad appearance-only dashboard redesign toward a darker technical operations console.

Why

The dashboard looked too generic and the theme toggle did not match the brutalist/console visual direction.

Changes

Adds console header, framed telemetry section, indexed telemetry cards, service row status rails, launch icons, and system-bus footer metadata.
Reworks dark/light CSS tokens for layered console surfaces, sharper borders, tabular dense typography, and intentional light mode.
Tightens service panels, runtime rows, telemetry cards, theme toggle states, responsive stacking, and visual snapshots.
Updates unit, Storybook, and Playwright expectations for the new appearance.

Testing

bunx vitest run src/lib/ui/components/render.test.tsx src/App.test.tsx
bun run check
bun run build
env -u NO_COLOR bunx playwright test tests/e2e/dashboard.spec.ts --update-snapshots
env -u NO_COLOR bunx playwright test tests/e2e/storybook.spec.ts
bun run test:qa

Notes

Design-only change. No backend behavior, data contracts, routing, auth, deployment, service list, metric list, or refresh behavior changed.

## Summary Broad appearance-only dashboard redesign toward a darker technical operations console. ## Why The dashboard looked too generic and the theme toggle did not match the brutalist/console visual direction. ## Changes - Adds console header, framed telemetry section, indexed telemetry cards, service row status rails, launch icons, and system-bus footer metadata. - Reworks dark/light CSS tokens for layered console surfaces, sharper borders, tabular dense typography, and intentional light mode. - Tightens service panels, runtime rows, telemetry cards, theme toggle states, responsive stacking, and visual snapshots. - Updates unit, Storybook, and Playwright expectations for the new appearance. ## Testing - bunx vitest run src/lib/ui/components/render.test.tsx src/App.test.tsx - bun run check - bun run build - env -u NO_COLOR bunx playwright test tests/e2e/dashboard.spec.ts --update-snapshots - env -u NO_COLOR bunx playwright test tests/e2e/storybook.spec.ts - bun run test:qa ## Notes Design-only change. No backend behavior, data contracts, routing, auth, deployment, service list, metric list, or refresh behavior changed.

vince added 1 commit 2026-06-20 02:12:49 +02:00