gsxdsm
4711e875e5
Command Center fixes
2026-06-19 04:37:04 -07:00
gsxdsm
87e87a8f1a
FN-6693: enforce dashboard CSS token references
...
Extend the dashboard CSS token guard and replace stale custom-property references with defined design tokens.
- Add a dashboard-wide CSS token validity test that scans component/app CSS for undefined custom-property references.
- Include dashboard CSS tests in the dashboard Vitest config and document the guard in testing guidance.
- Remap undefined CSS variables across dashboard components and command-center styles to existing semantic or local tokens.
Files changed:
docs/testing.md | 3 +
.../dashboard-css-token-validity.css.test.ts | 165 +++++++++++++++++++++
.../dashboard/app/components/ActiveAgentsPanel.css | 10 +-
.../dashboard/app/components/AgentLogViewer.css | 2 +-
.../app/components/AgentReflectionsTab.css | 10 +-
packages/dashboard/app/components/AgentsView.css | 6 +-
.../dashboard/app/components/BranchGroupCard.css | 6 +-
packages/dashboard/app/components/ChatView.css | 12 +-
.../app/components/CliBinaryInstallBanner.css | 2 +-
.../dashboard/app/components/CliBinaryPanel.css | 2 +-
.../app/components/ConversationHistory.css | 12 +-
.../dashboard/app/components/DashboardLoader.css | 2 +-
.../dashboard/app/components/DesktopLaunchGate.css | 4 +-
.../dashboard/app/components/DirectoryPicker.css | 2 +-
.../dashboard/app/components/FileMentionPopup.css | 4 +-
.../dashboard/app/components/GitHubImportModal.css | 10 +-
packages/dashboard/app/components/GoalsView.css | 2 +-
.../dashboard/app/components/GroupTaskModal.css | 18 +--
packages/dashboard/app/components/InsightsView.css | 10 +-
packages/dashboard/app/components/Lane.css | 8 +-
.../dashboard/app/components/LanguageSelector.css | 8 +-
packages/dashboard/app/components/MailboxModal.css | 62 ++++----
.../app/components/MergeAdvanceNotice.css | 2 +-
.../dashboard/app/components/MissionManager.css | 10 +-
.../app/components/MobileWorkflowGraphView.css | 2 +-
.../app/components/ModelOnboardingModal.css | 12 +-
.../app/components/OnboardingDisclosure.css | 4 +-
.../dashboard/app/components/PlanningModeModal.css | 2 +-
.../dashboard/app/components/PluginManager.css | 58 ++++----
.../components/PostOnboardingRecommendations.css | 4 +-
.../dashboard/app/components/PullRequestView.css | 32 ++--
packages/dashboard/app/components/QuickChatFAB.css | 4 +-
.../dashboard/app/components/QuickEntryBox.css | 6 +-
.../dashboard/app/components/ReliabilityView.css | 6 +-
packages/dashboard/app/components/ScriptsModal.css | 34 ++---
.../dashboard/app/components/SessionTerminal.css | 28 ++--
.../dashboard/app/components/SettingsModal.css | 6 +-
.../dashboard/app/components/SkillMultiselect.css | 2 +-
packages/dashboard/app/components/TaskCard.css | 24 +--
.../dashboard/app/components/TaskDocumentsTab.css | 8 +-
.../dashboard/app/components/TaskFieldsSection.css | 20 +--
.../dashboard/app/components/TerminalModal.css | 22 +--
.../app/components/WorkflowFieldsPanel.css | 6 +-
.../app/components/WorkflowNodeEditor.css | 30 ++--
.../dashboard/app/components/WorkspaceSelector.css | 2 +-
.../components/command-center/CommandCenter.css | 106 ++++++-------
.../components/command-center/DateRangePicker.css | 18 +--
.../command-center/MissionControlPanel.css | 14 +-
.../app/components/command-center/SdlcFunnel.css | 2 +-
.../command-center/areas/SystemStatsArea.css | 24 +--
.../app/components/command-center/areas/areas.css | 62 ++++----
.../components/command-center/charts/charts.css | 104 ++++++-------
packages/dashboard/vitest.config.ts | 1 +
53 files changed, 592 insertions(+), 423 deletions(-)
Fusion-Task-Id: FN-6693
Fusion-Task-Lineage: e9ccf3e6-fee9-47e0-9474-7b5580adbf31
2026-06-19 04:27:01 -07:00
gsxdsm
0f021aee4f
FN-6686: canonicalize Command Center CSS tokens
...
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
2026-06-19 01:21:39 -07:00
gsxdsm
99d799cb31
FN-6683: add analytics pie and line charts
...
Add chart coverage to Command Center analytics without replacing existing surfaces.
- Add pie and Recharts line visualizations to Overview, Tokens, Tools, Activity, and Productivity analytics areas.
- Reuse existing analytics payloads while preserving current bars, sparklines, tables, live refresh, and empty/loading branches.
- Extend Command Center tests and documentation for the new chart affordances.
- Add a patch changeset for the published Fusion package.
Files changed:
.changeset/fn-6683-command-center-charts.md | 5 +
docs/dashboard-guide.md | 14 +-
.../components/command-center/CommandCenter.css | 15 +-
.../components/command-center/CommandCenter.tsx | 37 +++++
.../__tests__/CommandCenter.mobile-scroll.test.tsx | 6 +-
.../__tests__/CommandCenter.test.tsx | 17 +-
.../command-center/areas/ActivityArea.tsx | 42 +++++
.../command-center/areas/ProductivityArea.tsx | 27 +++
.../components/command-center/areas/TokensArea.tsx | 45 +++++
.../components/command-center/areas/ToolsArea.tsx | 22 +++
.../command-center/areas/__tests__/areas.test.tsx | 184 ++++++++++++++++++++-
.../app/components/command-center/areas/areas.css | 11 ++
12 files changed, 407 insertions(+), 18 deletions(-)
Fusion-Task-Id: FN-6683
Fusion-Task-Lineage: ca9d3103-5132-41f8-a9ce-39e0bff581b8
2026-06-19 00:07:50 -07:00
gsxdsm
fe207ca960
FN-6680: fix Command Center mobile chart layouts
...
Fix Command Center chart rendering and visual rhythm on constrained mobile layouts.
- Bound chart primitives, text labels, and grid tracks so mobile Command Center charts do not overflow, collapse, or steal scrolling.
- Normalize stat, table, team, and system chart card surfaces around shared dashboard spacing, border, radius, and surface tokens.
- Add CSS regression coverage and documentation for mobile chart layout limits beyond jsdom.
- Add a patch changeset for the published dashboard bundle.
Files changed:
.../fn-6680-command-center-mobile-chart-fix.md | 5 ++
docs/dashboard-guide.md | 3 +-
docs/testing.md | 3 +
.../components/command-center/CommandCenter.css | 16 +++--
.../CommandCenter.mobile-chart-layout.test.ts | 72 ++++++++++++++++++++++
.../__tests__/CommandCenter.mobile-scroll.test.tsx | 4 ++
.../command-center/areas/SystemStatsArea.css | 14 ++++-
.../app/components/command-center/areas/areas.css | 19 +++---
.../components/command-center/charts/charts.css | 45 +++++++++++++-
9 files changed, 156 insertions(+), 25 deletions(-)
Fusion-Task-Id: FN-6680
Fusion-Task-Lineage: 4dc731c4-6408-4b05-84f7-916bbc572a5d
2026-06-18 23:08:08 -07:00
gsxdsm
8ecd14b5aa
FN-6679: fix Command Center tablet overflow
...
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
2026-06-18 22:20:46 -07:00
gsxdsm
20597901a0
FN-6675: add GitHub close-time backfill action
...
Add a Command Center operator path to backfill exact GitHub source-issue close times.
- Add a dashboard API client for the paginated GitHub source-issue closed-at backfill endpoint.
- Add a GitHub Command Center button, progress/error/result state, and styling for manual backfills.
- Cover backfill success, empty, error, and pagination behavior with area tests and document the operator flow.
Files changed:
.../fn-6675-github-closed-at-backfill-dashboard.md | 5 +
docs/dashboard-guide.md | 4 +-
docs/storage.md | 2 +-
packages/dashboard/app/api/legacy.ts | 25 ++++
.../components/command-center/CommandCenter.css | 39 ++++++
.../components/command-center/areas/GithubArea.tsx | 117 ++++++++++++++++-
.../command-center/areas/__tests__/areas.test.tsx | 140 ++++++++++++++++++++-
7 files changed, 326 insertions(+), 6 deletions(-)
Fusion-Task-Id: FN-6675
Fusion-Task-Lineage: 09e43b60-b9db-421f-a131-740a0d3164fe
2026-06-18 19:50:58 -07:00
gsxdsm
21d8076ae2
FN-6664: polish Command Center mobile charts
...
Polish Command Center chart surfaces and mobile scrolling behavior.
- Keep mobile Command Center chart tabs constrained to the tabpanel scroll owner without clipping or stretch artifacts.
- Normalize chart, stat, table, gauge, and team panel card styling around shared design tokens.
- Expand regression coverage for mobile chart sizing, overflow ownership, and tokenized area styling.
- Document the mobile rendering and token-only invariants and add a patch changeset.
Files changed:
.../fn-6664-command-center-mobile-chart-polish.md | 5 +
docs/dashboard-guide.md | 6 +
.../components/command-center/CommandCenter.css | 112 ++++++++++-------
.../__tests__/CommandCenter.mobile-scroll.test.tsx | 128 ++++++++++++++++++-
.../command-center/areas/__tests__/areas.test.tsx | 47 ++++++-
.../app/components/command-center/areas/areas.css | 63 ++++++----
.../components/command-center/charts/charts.css | 135 +++++++++++++--------
7 files changed, 375 insertions(+), 121 deletions(-)
Fusion-Task-Id: FN-6664
Fusion-Task-Lineage: 14afa9c5-7287-4db1-beea-3bf7cbb70e7b
2026-06-18 19:29:40 -07:00
gsxdsm
f41732d04b
FN-6652: add live token usage timeline
...
Adds live token-over-time analytics and charting to Command Center.
- Add optional token analytics time-series buckets with hour, day, and week granularity.
- Surface live-polled token series data through the Command Center tokens API.
- Render an animated, reduced-motion-safe tokens-over-time chart with granularity controls.
- Cover analytics bucketing, API query parsing, and Command Center chart behavior with tests.
Files changed:
.changeset/fn-6652-token-usage-over-time.md | 5 +
docs/dashboard-guide.md | 4 +-
.../core/src/__tests__/token-analytics.test.ts | 76 ++++++++++++
packages/core/src/index.ts | 2 +
packages/core/src/token-analytics.ts | 65 ++++++++++-
.../components/command-center/CommandCenter.css | 24 +++-
.../components/command-center/CommandCenter.tsx | 12 +-
.../__tests__/CommandCenter.test.tsx | 39 ++++++-
.../command-center/__tests__/charts.test.tsx | 44 +++++++
.../components/command-center/areas/TokensArea.tsx | 46 +++++++-
.../command-center/areas/__tests__/areas.test.tsx | 128 ++++++++++++++++++++-
.../app/components/command-center/areas/areas.css | 57 +++++++++
.../command-center/areas/useAnalyticsArea.ts | 26 ++++-
.../command-center/charts/TokenSeriesChart.tsx | 52 +++++++++
.../components/command-center/charts/charts.css | 76 ++++++++++++
.../register-command-center-routes.test.ts | 38 +++++-
.../src/routes/register-command-center-routes.ts | 15 +++
17 files changed, 691 insertions(+), 18 deletions(-)
Fusion-Task-Id: FN-6652
Fusion-Task-Lineage: ebfd1b5d-5b6c-48ef-bce3-f18bbc1605fa
2026-06-18 15:27:57 -07:00
gsxdsm
2367918fdf
FN-6650: add Overview analytics charts
...
Add graph-rich Overview visuals to the Command Center using existing analytics data.
- Add tokens-by-model, tool-category, and daily activity chart cards to the Overview tab.
- Style the chart section with responsive dashboard-token layouts and reduced-motion safeguards.
- Cover populated, partial, edge-case, and mobile-scroll chart rendering in tests.
- Document the Overview charts and add a patch changeset for the published CLI package.
Files changed:
.../fn-6650-command-center-overview-charts.md | 5 +
docs/dashboard-guide.md | 2 +-
.../components/command-center/CommandCenter.css | 111 +++++++++++++++++++++
.../components/command-center/CommandCenter.tsx | 73 +++++++++++++-
.../__tests__/CommandCenter.mobile-scroll.test.tsx | 73 +++++++++++++-
.../__tests__/CommandCenter.test.tsx | 58 +++++++++++
6 files changed, 313 insertions(+), 9 deletions(-)
Fusion-Task-Id: FN-6650
Fusion-Task-Lineage: 227f5809-ed71-42fb-8847-b137dbef6ac7
2026-06-18 14:38:07 -07:00
gsxdsm
58a34e9cf0
FN-6631: fix Command Center completion gauges
...
Fix Command Center completion analytics and add futuristic activity visualizations.
- Compute SDLC completion rate as a triage cohort conversion capped between zero and one.
- Add a radial completion gauge plus a live activity strip with compact throughput sparkline styling.
- Cover the analytics and chart behavior with targeted tests, docs, and a patch changeset.
Files changed:
.changeset/fn-6631-command-center-rate-gauge.md | 5 +
docs/dashboard-guide.md | 4 +-
.../core/src/__tests__/activity-analytics.test.ts | 32 +++++-
packages/core/src/activity-analytics.ts | 23 +++-
.../components/command-center/CommandCenter.css | 128 ++++++++++++++++++++-
.../components/command-center/CommandCenter.tsx | 45 +++++++-
.../app/components/command-center/SdlcFunnel.tsx | 17 ++-
.../__tests__/CommandCenter.test.tsx | 12 +-
.../command-center/__tests__/SdlcFunnel.test.tsx | 2 +
.../command-center/__tests__/charts.test.tsx | 26 ++++-
.../command-center/charts/RadialGauge.tsx | 50 ++++++++
.../components/command-center/charts/charts.css | 83 +++++++++++++
.../vitest.config.ts | 2 +
scripts/lib/test-quarantine.json | 8 +-
14 files changed, 402 insertions(+), 35 deletions(-)
Fusion-Task-Id: FN-6631
Fusion-Task-Lineage: 0d09f18a-5f93-4dc8-8786-889f32eb63e8
2026-06-18 06:25:08 -07:00
gsxdsm
5c0c162a2b
FN-6609: fix command center CSS token hygiene
...
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
2026-06-17 18:54:24 -07:00
gsxdsm
98baddc3b6
FN-6595: fix mobile Command Center scrolling
...
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
2026-06-17 15:49:06 -07:00
gsxdsm
90cfbfb4fc
feat(dashboard): U4 — Command Center view shell, nav, and chart primitives
...
New command-center built-in view (lazy-loaded, ARIA-tabbed) with hand-rolled
CSS-bar chart primitives (Bar/StackedBar/Sparkline/Funnel), DateRangePicker,
and Overview tab. Animations use --duration-* tokens (IACVT-safe).
2026-06-15 19:23:17 -07:00