gsxdsm
a6885b73f2
FN-8606: migrate core workflow modals to shared floating windows
...
Migrate dashboard dialogs to the shared movable and resizable FloatingWindow contract.
- Move core, workflow, Git, planning, and automation modal surfaces to stable floating-window identities with persisted geometry.
- Suspend geometry and floating controls for phone and short-viewport sheets, including Quick Chat.
- Add accessibility wiring, tablet touch targets, migration tests, and operator documentation.
Files changed:
.changeset/fn-8606-floating-window-core-modals.md | 7 +
docs/dashboard-guide.md | 4 +
packages/dashboard/app/App.tsx | 8 +-
.../dashboard/app/components/ActivityLogModal.tsx | 30 ++--
packages/dashboard/app/components/AddNodeModal.tsx | 8 +-
.../dashboard/app/components/ChangesDiffModal.tsx | 35 +++--
.../dashboard/app/components/ConnectNodeModal.tsx | 9 +-
.../dashboard/app/components/FloatingWindow.css | 71 ++++++++-
.../dashboard/app/components/FloatingWindow.tsx | 27 +++-
.../dashboard/app/components/GitManagerModal.tsx | 30 +++-
.../dashboard/app/components/GroupTaskModal.tsx | 8 +-
.../app/components/ModelOnboardingModal.tsx | 28 ++--
.../dashboard/app/components/NodeDetailModal.tsx | 9 +-
.../dashboard/app/components/PlanningModeModal.css | 1 -
.../dashboard/app/components/PlanningModeModal.tsx | 57 +++----
.../app/components/ScheduledTasksModal.tsx | 9 +-
packages/dashboard/app/components/ScriptsModal.css | 1 -
packages/dashboard/app/components/ScriptsModal.tsx | 32 ++--
.../dashboard/app/components/SettingsModal.css | 1 -
.../dashboard/app/components/SettingsModal.tsx | 58 ++++---
.../app/components/WorkflowAddStepModal.css | 15 --
.../app/components/WorkflowAddStepModal.tsx | 46 +++---
.../components/__tests__/ActivityLogModal.test.tsx | 33 ++--
.../app/components/__tests__/AddNodeModal.test.tsx | 12 +-
.../components/__tests__/ChangesDiffModal.test.tsx | 78 +++++-----
.../components/__tests__/ConnectNodeModal.test.tsx | 7 +
.../components/__tests__/FloatingWindow.test.tsx | 173 ++++++++++++++++++++-
.../components/__tests__/GitManagerModal.test.tsx | 30 ++--
.../components/__tests__/GroupTaskModal.test.tsx | 9 ++
.../__tests__/ModelOnboardingModal.test.tsx | 18 ++-
.../components/__tests__/NodeDetailModal.test.tsx | 9 ++
.../__tests__/PlanningModeModal.autosize.test.tsx | 30 ++--
.../__tests__/ScheduledTasksModal.test.tsx | 21 ++-
.../app/components/__tests__/ScriptsModal.test.tsx | 15 +-
.../__tests__/SettingsModal.mobileClose.test.tsx | 25 ++-
.../__tests__/WorkflowAddStepModal.test.tsx | 7 +
.../floatingWindowMigration.test-helpers.ts | 126 +++++++++++++++
37 files changed, 828 insertions(+), 259 deletions(-)
Fusion-Task-Id: FN-8606
Fusion-Task-Lineage: dab0df2d-73f4-4b0f-bec3-a45016310c91
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-26 14:37:35 -07:00
gsxdsm
b3904f6405
FN-8269: replace raw white component colors with tokens
...
Replace component-level white literals with semantic dashboard tokens and protect the pattern with a hygiene regression scan.
- Add semantic tokens for workflow chip foregrounds and HTML preview canvases
- Apply the tokens to workflow and artifact gallery component CSS
- Extend CSS hygiene coverage and add a patch changeset
Files changed:
.changeset/fn-8269-fff-tokens.md | 7 +++++++
.../dashboard/app/__tests__/css-hygiene-scan.test.ts | 20 +++++++++++++++++++-
.../dashboard/app/components/ArtifactsGallery.css | 4 ++--
.../app/components/WorkflowAddStepModal.css | 3 ++-
.../app/components/WorkflowSimpleCanvas.css | 3 ++-
packages/dashboard/app/styles.css | 13 +++++++++++++
6 files changed, 45 insertions(+), 5 deletions(-)
Fusion-Task-Id: FN-8269
Fusion-Task-Lineage: 5128286d-cdcf-4c9b-b097-e7eaed7d1713
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-18 04:44:53 -07:00
