feat(dashboard): split monolithic CSS into common + per-page bundles

Browse source

dashboard.css was 2500+ lines covering every page. Split into four
separate esbuild entry points:

- common.css  — @hive/shared imports + shared typography, badges,
                buttons, inbox/compose, side panel, diff panel,
                path linkification, logs-header chrome (shared by
                flow + logs)
- dashboard.css — dashboard-only styles (tabs, container rows,
                  approvals, questions, permissions, schedules, etc.)
- flow.css    — flow page chrome (frosted header, composer, inbox pill)
- logs.css    — log viewer sub-tabs (journal-*, build-logs-*)

Each HTML file now loads common.css + its own page-specific bundle.
build.mjs updated to produce all four CSS outputs. All builds pass.

Closes #1056

...

This commit is contained in:

iris 2026-06-02 09:49:19 +02:00 • committed by mara

parent ed6f40ba40

commit ea5115c3a6

8 changed files with 949 additions and 1136 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

1185

frontend/packages/dashboard/src/dashboard.css

View file

File diff suppressed because it is too large Load diff