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
|
7b3c628fba
|
FN-6524: add simple editor step reordering
Enable custom workflow authors to reorder simple editor steps from the mobile graph outline.
- Add move up/down controls for editable outline rows while keeping built-in workflows read-only.
- Swap sibling React Flow positions within columns or template parents so persisted order follows existing graph ordering.
- Cover reorder availability, behavior, styling, and documentation updates.
Files changed:
docs/dashboard-guide.md | 2 +-
.../app/components/MobileWorkflowGraphView.css | 17 ++-
.../app/components/MobileWorkflowGraphView.tsx | 134 +++++++++++++++------
.../app/components/WorkflowNodeEditor.tsx | 20 ++-
.../__tests__/MobileWorkflowGraphView.css.test.ts | 8 +-
.../__tests__/MobileWorkflowGraphView.test.tsx | 123 ++++++++++++++++++-
.../__tests__/workflow-mobile-graph.test.ts | 75 +++++++++++-
.../app/components/workflow-mobile-graph.ts | 41 +++++++
8 files changed, 372 insertions(+), 48 deletions(-)
Fusion-Task-Id: FN-6524
Fusion-Task-Lineage: 25ffa5aa-bdfb-4ee3-9365-07029f5bbbf6
|
2026-06-17 03:12:16 -07:00 |
|
gsxdsm
|
a998f63242
|
FN-6523: add mobile workflow connection picker
Adds a touch-friendly path for creating workflow edges from the mobile editor.
- Add mobile node Connect controls with a target picker that delegates to the existing edge validation path.\n- Surface duplicate-edge feedback and select newly created mobile edges for editing.\n- Document the mobile connection flow, add regression coverage, register locale strings, and add the required changeset.\n\nFiles changed:\n .changeset/fn-6523-mobile-workflow-connect.md | 5 +\n docs/workflow-editor.md | 2 +-\n .../app/components/MobileWorkflowGraphView.css | 67 ++++++++++--\n .../app/components/MobileWorkflowGraphView.tsx | 76 ++++++++++++--\n .../app/components/WorkflowNodeEditor.tsx | 69 +++++++++++--\n .../__tests__/WorkflowNodeEditor.test.tsx | 114 +++++++++++++++++++++\n .../app/components/workflow-mobile-graph.ts | 7 ++\n packages/i18n/locales/en/app.json | 4 +\n packages/i18n/locales/es/app.json | 4 +\n packages/i18n/locales/fr/app.json | 4 +\n packages/i18n/locales/ko/app.json | 4 +\n packages/i18n/locales/zh-CN/app.json | 4 +\n packages/i18n/locales/zh-TW/app.json | 4 +\n 13 files changed, 342 insertions(+), 22 deletions(-)
Fusion-Task-Id: FN-6523
Fusion-Task-Lineage: 23b32826-278f-4230-a49c-22755ee700cc
|
2026-06-17 02:06:32 -07:00 |
|
gsxdsm
|
1b68107eea
|
FN-6147: polish simple editor mobile button states
Polish simple workflow editor controls for clearer mobile interaction.
- add hover, focus, and active states to simple editor graph buttons and mobile tab/add controls
- replace hard-coded simple editor spacing with shared spacing tokens for node labels and edge chips
- add CSS contract tests covering the new button state and spacing rules
Files changed:
.../app/components/MobileWorkflowGraphView.css | 57 +++++++++++-
.../app/components/WorkflowNodeEditor.css | 37 ++++++++
.../__tests__/MobileWorkflowGraphView.css.test.ts | 100 +++++++++++++++++++++
3 files changed, 191 insertions(+), 3 deletions(-)
Fusion-Task-Id: FN-6147
Fusion-Task-Lineage: 5ef4baeb-ccad-4811-aada-a195ecf8d754
|
2026-06-09 17:56:24 -07:00 |
|
gsxdsm
|
c1a723134e
|
feat: redesign mobile workflow editor
|
2026-06-09 08:30:35 -07:00 |
|