Command Center token totals now shrink to fit instead of wrapping digit groups.
- Add inline-size containers around stat cards and live metrics for container-query scaling.
- Replace digit wrapping with nowrap overflow clipping and clamp-based numeric font sizes.
- Strengthen Command Center tests for exact live metric values and CSS no-wrap shrink contracts.
Files changed:
.../app/components/command-center/CommandCenter.css | 17 ++++++++++++-----
.../command-center/__tests__/CommandCenter.test.tsx | 3 ++-
.../CommandCenter.token-validity.css.test.ts | 19 +++++++++++++++----
3 files changed, 29 insertions(+), 10 deletions(-)
Fusion-Task-Id: FN-6784
Fusion-Task-Lineage: dfe165f4-7304-49eb-b46b-83c0a9e2c4a3
Contain Command Center token totals so large formatted values stay inside their stat surfaces.
- Add shrink and wrap containment to stat and live metric value styles.
- Cover large comma-grouped token totals across Overview, Tokens, and Team surfaces.
- Guard the emitted CSS declarations and quarantine an unrelated WorkflowNodeEditor flake observed during verification.
Files changed:
.../components/command-center/CommandCenter.css | 10 +++++
.../__tests__/CommandCenter.test.tsx | 9 ++++
.../CommandCenter.token-validity.css.test.ts | 21 ++++++++++
.../command-center/areas/__tests__/areas.test.tsx | 48 ++++++++++++++++++----
packages/dashboard/vitest.config.ts | 5 +++
scripts/lib/test-quarantine.json | 5 +++
6 files changed, 89 insertions(+), 9 deletions(-)
Fusion-Task-Id: FN-6726
Fusion-Task-Lineage: 8a26ca5c-fdbe-4e68-a9d2-ae93340fe685
Canonicalize Command Center CSS token references so chart accents and primary text no longer rely on undefined aliases.
- Replace Command Center uses of `--color-accent` with `--accent` and `--text-primary` with `--text` across shell, chart, area, and control styles.
- Add a scoped CSS token canonicalization regression test for Command Center styles.
- Document the Command Center token-only rule and add a patch changeset for the published package.
Files changed:
.changeset/fn-6686-command-center-css-token-fix.md | 5 +++
docs/dashboard-guide.md | 2 +-
.../components/command-center/CommandCenter.css | 28 +++++++--------
.../components/command-center/DateRangePicker.css | 2 +-
.../command-center/MissionControlPanel.css | 2 +-
...mmand-center-css-token-canonicalization.test.ts | 40 ++++++++++++++++++++++
.../command-center/areas/SystemStatsArea.css | 4 +--
.../app/components/command-center/areas/areas.css | 14 ++++----
.../components/command-center/charts/charts.css | 39 ++++++++++++---------
9 files changed, 93 insertions(+), 43 deletions(-)
Fusion-Task-Id: FN-6686
Fusion-Task-Lineage: 10a79117-9716-4228-b2db-78791ec73d0d
Stabilize Command Center tablet layouts by restoring a bounded flex scroll chain and responsive chart grids.
- Add tablet-specific Command Center CSS to keep the tabpanel as the scroll owner and prevent inline document overflow.
- Collapse live strips, overview charts, Team chart grids, and stat grids within tablet viewport widths.
- Cover tablet layout invariants across overview, Team, Tokens, Tools, and Activity areas with regression tests.
- Document the tablet rendering invariant in the dashboard guide.
Files changed:
docs/dashboard-guide.md | 1 +
.../components/command-center/CommandCenter.css | 41 ++
.../__tests__/CommandCenter.tablet-layout.test.tsx | 463 +++++++++++++++++++++
.../app/components/command-center/areas/areas.css | 19 +
packages/dashboard/app/styles.css | 14 +
5 files changed, 538 insertions(+)
Fusion-Task-Id: FN-6679
Fusion-Task-Lineage: 2cd6bfca-2a52-47ed-ad7b-c8c85343bd70
Command Center styles now rely on canonical muted text and shadow tokens.
- Replace deprecated --text-secondary usages in command center styles with --text-muted.
- Remove the raw rgba fallback from the date range popover shadow token.
- Document the command-center styling token requirements with FNXC comments.
Files changed:
.../app/components/command-center/CommandCenter.css | 13 +++++++++----
.../app/components/command-center/DateRangePicker.css | 8 ++++++--
.../components/command-center/MissionControlPanel.css | 11 ++++++++---
.../app/components/command-center/areas/areas.css | 19 ++++++++++++-------
.../app/components/command-center/charts/charts.css | 11 ++++++++---
5 files changed, 43 insertions(+), 19 deletions(-)
Fusion-Task-Id: FN-6609
Fusion-Task-Lineage: 8a02f4a3-a881-4db6-893e-363b74cbfba8
Keep Command Center content scrollable inside the mobile dashboard shell.
- Let the Command Center fill the flex parent without forcing the page taller than the viewport.
- Make the tab panel the vertical scroll owner while keeping the header and tabs pinned.
- Add regression coverage for the scroll-owner contract across mobile and non-mobile breakpoints.
Files changed:
.../components/command-center/CommandCenter.css | 20 ++++++
.../__tests__/CommandCenter.mobile-scroll.test.tsx | 78 ++++++++++++++++++++++
2 files changed, 98 insertions(+)
Fusion-Task-Id: FN-6595
Fusion-Task-Lineage: 1d069dff-60af-4756-9ad4-27a48dad0e86
