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
Command Center CSS now avoids raw rgb/rgba fallbacks while preserving existing colors.
- Replace rgba fallback colors in date range and mission control styles with color-mix equivalents.
- Add a command-center CSS hygiene test that rejects raw rgb/rgba usage in nested component CSS.
- Document the stricter Command Center styling invariant with FNXC comments.
Files changed:
.../__tests__/component-css-no-raw-rgba.test.ts | 27 ++++++++++++++++++++++
.../components/command-center/DateRangePicker.css | 9 +++++---
.../command-center/MissionControlPanel.css | 11 +++++----
3 files changed, 40 insertions(+), 7 deletions(-)
Fusion-Task-Id: FN-6677
Fusion-Task-Lineage: 72096bb3-e7b6-4e57-b616-2e218c07ab3d
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
MissionControlPanel renders the U6a /live snapshot with push+poll convergence
(SSE-triggered refetch + 5s interval armed only while sessions are in-flight,
cleared when idle), stale-node marking, and the live SDLC funnel. Wired into the
shell's Mission Control tab.
