gsxdsm
|
6ff930e2f2
|
FN-6701: theme workflow editor controls
Theme workflow editor controls and checkbox affordances with Fusion tokens.
- Add scoped React Flow zoom control and mini-map theme overrides for the workflow editor canvas.
- Apply the workflow accent token to workflow settings, field, and column-trait checkboxes.
- Cover the CSS contract with assertions against hardcoded white backgrounds and missing token usage.
Files changed:
.../app/components/WorkflowFieldsPanel.css | 8 +++
.../app/components/WorkflowNodeEditor.css | 55 +++++++++++++++++++
.../app/components/WorkflowSettingsPanel.css | 8 +++
.../__tests__/WorkflowNodeEditor.css.test.ts | 64 ++++++++++++++++++++++
4 files changed, 135 insertions(+)
Fusion-Task-Id: FN-6701
Fusion-Task-Lineage: e2e510ca-e1f7-408b-b113-ec30c9a3763a
|
2026-06-19 05:31:47 -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
|
282b06949e
|
FN-6688: replace dashboard primary text alias
Replace undefined dashboard primary text aliases with the canonical theme-aware text token.
- Swap non-Command-Center CSS references from `--text-primary` to `--text` across dashboard components.
- Extend text token canonicalization tests to block future `--text-primary` usage and root alias definitions.
- Document the dashboard CSS token rule and add a patch changeset for the published CLI bundle.
Files changed:
.changeset/fn-6688-text-primary-cleanup.md | 5 +++++
docs/dashboard-guide.md | 2 ++
.../__tests__/text-token-canonicalization.test.ts | 18 ++++++++++++++++--
.../dashboard/app/components/ActiveAgentsPanel.css | 4 ++--
.../dashboard/app/components/CliBinaryPanel.css | 2 +-
.../app/components/ConversationHistory.css | 6 +++---
.../dashboard/app/components/DesktopLaunchGate.css | 2 +-
packages/dashboard/app/components/ErrorBoundary.css | 2 +-
.../dashboard/app/components/LanguageSelector.css | 2 +-
packages/dashboard/app/components/MobileNavBar.css | 4 ++--
packages/dashboard/app/components/QuickEntryBox.css | 6 +++---
packages/dashboard/app/components/ScriptsModal.css | 21 +++++++++++++--------
.../dashboard/app/components/SkillMultiselect.css | 2 +-
.../dashboard/app/components/TaskFieldsSection.css | 4 ++--
.../app/components/WorkflowFieldsPanel.css | 2 +-
packages/dashboard/app/styles.css | 2 +-
16 files changed, 55 insertions(+), 29 deletions(-)
Fusion-Task-Id: FN-6688
Fusion-Task-Lineage: 96e47af2-8bf5-4326-be24-2816530fd646
|
2026-06-19 01:33:13 -07:00 |
|
gsxdsm
|
fc9f6fe271
|
FN-6185: replace dashboard rgba fallbacks with color-mix
Convert remaining dashboard component rgba() fallbacks to color-mix() and extend the audit to cover the touched stylesheets.
- replace rgba() fallback colors with color-mix() in language selector, pull request, workflow, and settings component CSS
- expand the dashboard color tokenization audit to include the newly cleaned component stylesheets
- make the audit resolve settings component CSS from nested paths so SettingsFieldRow coverage works
Files changed:
.../dashboard-component-color-tokenization.test.ts | 31 ++++++++++++++++------
.../dashboard/app/components/LanguageSelector.css | 2 +-
.../dashboard/app/components/PullRequestView.css | 20 +++++++-------
.../app/components/WorkflowFieldsPanel.css | 2 +-
.../app/components/WorkflowNodeEditor.css | 4 +--
.../app/components/WorkflowSettingsPanel.css | 2 +-
.../app/components/settings/SettingsFieldRow.css | 2 +-
7 files changed, 39 insertions(+), 24 deletions(-)
Fusion-Task-Id: FN-6185
Fusion-Task-Lineage: b1938669-5ebb-4569-864b-bd64543ec843
|
2026-06-10 01:10:11 -07:00 |
|
gsxdsm
|
1f2c7e22dc
|
FN-5992: improve workflow editor mobile responsiveness
Make the workflow editor and related settings panels usable on narrow screens.
- add mobile-specific full-screen layout overrides for the workflow editor, create dialog, sidebar, inspector, settings panel, and AI panel
- stack workflow selector, workflow settings, and workflow fields controls for phone-sized viewports
- document the workflow editor mobile behavior in the dashboard guide
- add CSS contract tests covering the new mobile workflow editor and panel rules
Files changed:
docs/dashboard-guide.md | 13 +++
.../app/components/WorkflowFieldsPanel.css | 15 +++
.../app/components/WorkflowNodeEditor.css | 94 ++++++++++++++++++
.../dashboard/app/components/WorkflowSelector.css | 16 ++++
.../app/components/WorkflowSettingsPanel.css | 20 ++++
.../__tests__/WorkflowNodeEditor.css.test.ts | 105 +++++++++++++++++++++
6 files changed, 263 insertions(+)
Fusion-Task-Id: FN-5992
Fusion-Task-Lineage: c92396dc-88e5-4da0-be3f-687e7bd10972
|
2026-06-07 20:36:35 -07:00 |
|
gsxdsm
|
e87e745379
|
feat(dashboard): WorkflowFieldsPanel — field-definition authoring with live badge preview (U13 completion)
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
2026-06-04 12:44:43 -07:00 |
|