gsxdsm
d486bf49dd
FN-8456: add Dawn dashboard color theme
...
Add a persisted Dawn indigo-and-amber color theme across dashboard and desktop first paint.
- Register Dawn in theme persistence, selector metadata, and pre-hydration validation.
- Define dark and light Dawn tokens plus mode-aware selector swatches.
- Cover persistence, theme registries, token completeness, and selector previews with tests.
Files changed:
.changeset/fn-8456-dawn-theme.md | 7 ++
docs/dashboard-guide.md | 3 +-
docs/settings-reference.md | 2 +-
.../core/src/__tests__/global-settings.test.ts | 8 ++
packages/core/src/types/execution-and-ui.ts | 2 +
.../dashboard/app/__tests__/dawn-theme.test.ts | 98 ++++++++++++++++++++++
.../dashboard/app/components/ThemeSelector.css | 14 ++++
.../components/__tests__/ThemeDropdown.test.tsx | 22 ++---
.../components/__tests__/ThemeSelector.test.tsx | 2 +-
.../__tests__/CommandCenterControls.test.tsx | 7 +-
packages/dashboard/app/components/themeOptions.ts | 1 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 12 +++
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 86 ++++++++++++++++++-
packages/desktop/src/renderer/index.html | 1 +
15 files changed, 248 insertions(+), 19 deletions(-)
Fusion-Task-Id: FN-8456
Fusion-Task-Lineage: 44d9eb05-210d-4be8-8d35-c66ac4857194
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-21 18:33:22 -07:00
gsxdsm
0908e75290
FN-8455: add Calm dashboard color theme
...
Add a persisted Calm theme with slate, sage, and misty light palettes.
- Register Calm across core settings, dashboard selectors, and web/desktop first-paint validators.
- Define Calm theme tokens and selector swatches for dark and light modes.
- Cover persisted selection, previews, and bootstrap validation with tests.
- Document the new theme and add a minor release changeset.
Files changed:
.changeset/fn-8455-calm-theme.md | 7 ++
docs/dashboard-guide.md | 3 +-
docs/settings-reference.md | 2 +-
packages/core/src/__tests__/global-settings.test.ts| 8 ++
packages/core/src/types/execution-and-ui.ts | 2 +
packages/dashboard/app/__tests__/calm-theme.test.ts| 98 ++++++++++++++++++++++
packages/dashboard/app/components/ThemeSelector.css| 14 ++++
packages/dashboard/app/components/__tests__/ThemeDropdown.test.tsx | 22 ++---
packages/dashboard/app/components/__tests__/ThemeSelector.test.tsx | 2 +-
packages/dashboard/app/components/command-center/__tests__/CommandCenterControls.test.tsx | 2 +-
packages/dashboard/app/components/themeOptions.ts | 1 +
packages/dashboard/app/hooks/__tests__/useTheme.test.ts | 12 +++
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 86 ++++++++++++++++++-
packages/desktop/src/renderer/index.html | 1 +
15 files changed, 245 insertions(+), 17 deletions(-)
Fusion-Task-Id: FN-8455
Fusion-Task-Lineage: c2c4624e-7012-491d-bd79-d3de570018f7
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-21 15:04:07 -07:00
gsxdsm
527f734ad4
FN-8454: add Aurora dashboard theme
...
Add the Aurora color theme across dashboard and desktop theme surfaces.
- Register Aurora as a selectable global theme with matching UI styles and metadata
- Load Aurora theme data in dashboard and desktop entry points
- Document the theme and cover selection, token, and settings behavior
Files changed:
.changeset/fn-8454-aurora-theme.md | 7 ++
docs/dashboard-guide.md | 3 +-
docs/settings-reference.md | 2 +-
.../core/src/__tests__/global-settings.test.ts | 8 ++
packages/core/src/types/execution-and-ui.ts | 2 +
.../dashboard/app/__tests__/aurora-theme.test.ts | 98 ++++++++++++++++++++++
.../dashboard/app/components/ThemeSelector.css | 14 ++++
.../components/__tests__/ThemeDropdown.test.tsx | 51 ++++++++++-
.../components/__tests__/ThemeSelector.test.tsx | 2 +-
.../__tests__/CommandCenterControls.test.tsx | 2 +-
packages/dashboard/app/components/themeOptions.ts | 1 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 12 +++
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 91 ++++++++++++++++++++
packages/desktop/src/renderer/index.html | 1 +
15 files changed, 290 insertions(+), 6 deletions(-)
Fusion-Task-Id: FN-8454
Fusion-Task-Lineage: cbae0854-b884-4744-a2fa-f738a71ceb32
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-21 13:28:24 -07:00
gsxdsm
6206af8ce9
FN-8146: restore persistent theme selection
...
Restore the full Settings theme picker while preserving Shadcn Mono selections across reloads.
- Merge the Settings selector into the current-theme row with shared dropdown controls.
- Restore Shadcn Mono across theme metadata, token styles, and dashboard/desktop bootstrap validation.
- Scope Mono light swatches correctly and cover restored options and persistence with tests.
Files changed:
.changeset/FN-8146-theme-dropdown-current-row.md | 7 +++
docs/dashboard-guide.md | 5 ++-
packages/core/src/types/execution-and-ui.ts | 1 +
.../dashboard/app/components/ThemeDropdown.css | 52 ++++++++++++++++++++++
.../dashboard/app/components/ThemeDropdown.tsx | 42 ++++++++++++++---
.../dashboard/app/components/ThemeSelector.css | 42 +----------------
.../dashboard/app/components/ThemeSelector.tsx | 45 +++++--------------
.../components/__tests__/ThemeDropdown.test.tsx | 46 ++++++++++++++++---
.../components/__tests__/ThemeSelector.test.tsx | 29 ++++++++----
.../__tests__/CommandCenterControls.test.tsx | 15 ++++++-
packages/dashboard/app/components/themeOptions.ts | 2 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 8 ++--
packages/dashboard/app/hooks/useTheme.ts | 8 ++--
packages/dashboard/app/index.html | 5 +--
packages/dashboard/app/public/theme-data.css | 16 ++++++-
packages/desktop/src/renderer/index.html | 1 +
16 files changed, 213 insertions(+), 111 deletions(-)
Fusion-Task-Id: FN-8146
Fusion-Task-Lineage: 32ec7f21-ee6b-4459-8e7b-f5a5435c4994
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-17 00:00:46 -07:00
gsxdsm
07e1ceb860
FN-8151: add Cobalt, Clay, and Moss themes
...
Add three synchronized color themes across dashboard and desktop surfaces.
- Register Cobalt, Clay, and Moss theme IDs, token palettes, and light/dark swatches.
- Keep dashboard and desktop bootstrap validators aligned with selector metadata.
- Document and test the cross-surface theme registration invariant.
Files changed:
.changeset/fn-8151-new-themes.md | 7 +
docs/dashboard-guide.md | 3 +-
packages/core/src/types/execution-and-ui.ts | 4 +
.../app/__tests__/new-color-themes.test.ts | 116 ++++++++++++
.../dashboard/app/components/ThemeSelector.css | 42 +++++
packages/dashboard/app/components/themeOptions.ts | 3 +
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 202 +++++++++++++++++++++
packages/desktop/src/renderer/index.html | 3 +
9 files changed, 380 insertions(+), 2 deletions(-)
Fusion-Task-Id: FN-8151
Fusion-Task-Lineage: d97973a7-3387-4b98-b150-8ac2e838bfa9
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-16 18:18:35 -07:00
gsxdsm
a4049971e5
FN-7401: add Glass Silver dashboard theme
...
Adds a frosted silver/gray dashboard color theme across app, desktop, and release metadata.
- Register glass-silver in shared theme types, selector options, and startup validation hooks.
- Add Glass Silver CSS tokens, swatch styling, and dashboard/desktop stylesheet preload coverage.
- Cover theme registration, dropdown/selector rendering, theme persistence, and CSS token invariants with tests.
- Document the new dashboard theme and publish a minor changeset for @runfusion/fusion.
Files changed:
.changeset/fn-7401-glass-silver-theme.md | 7 +
docs/dashboard-guide.md | 3 +-
packages/core/src/types.ts | 2 +
.../app/__tests__/glass-silver-theme.test.ts | 155 ++++++++++++++++++++
.../dashboard/app/components/ThemeSelector.css | 14 ++
.../components/__tests__/ThemeDropdown.test.tsx | 13 ++
.../components/__tests__/ThemeSelector.test.tsx | 16 +++
packages/dashboard/app/components/themeOptions.ts | 1 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 15 ++
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 156 +++++++++++++++++++++
packages/desktop/src/renderer/index.html | 1 +
12 files changed, 383 insertions(+), 2 deletions(-)
Fusion-Task-Id: FN-7401
Fusion-Task-Lineage: e64f14cc-590e-458b-adf6-7c9baa488157
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-07-01 18:01:17 -07:00
gsxdsm
211b18b073
FN-7299: make Shadcn Ember the default dashboard theme
...
Set Shadcn Ember as the default dashboard theme while keeping Shadcn Gray available as an alternate.
- Add Shadcn Ember theme metadata, CSS variables, and boot-time defaults for dashboard and desktop shells.
- Update persisted settings types, schema defaults, and theme selection UI to prefer Ember.
- Cover Ember defaults and theme-option ordering with core, hook, and dashboard component tests.
- Add a published package changeset for the operator-facing default theme change.
Files changed:
.changeset/fn-7299-shadcn-ember-default.md | 7 ++
.../core/src/__tests__/global-settings.test.ts | 23 +++-
packages/core/src/__tests__/store-settings.test.ts | 10 +-
packages/core/src/settings-schema.ts | 6 +-
packages/core/src/types.ts | 4 +-
.../app/__tests__/shadcn-ember-theme.test.ts | 107 ++++++++++++++++
.../app/__tests__/shadcn-gray-theme.test.ts | 2 +-
.../dashboard/app/components/ThemeSelector.css | 15 +++
.../dashboard/app/components/ThemeSelector.tsx | 6 +-
.../components/__tests__/ThemeDropdown.test.tsx | 20 ++-
.../components/__tests__/ThemeSelector.test.tsx | 24 +++-
packages/dashboard/app/components/themeOptions.ts | 7 +-
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 18 ++-
packages/dashboard/app/hooks/useTheme.ts | 8 +-
packages/dashboard/app/index.html | 10 +-
packages/dashboard/app/public/theme-data.css | 137 +++++++++++++++++++++
packages/desktop/src/renderer/index.html | 42 ++++++-
17 files changed, 409 insertions(+), 37 deletions(-)
Fusion-Task-Id: FN-7299
Fusion-Task-Lineage: 7e175752-b8fc-4ba9-8534-cb485f6eb18a
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai >
2026-06-30 13:43:28 -07:00
gsxdsm
4fd8d444fb
fix(dashboard): polish app chrome and workflow defaults
2026-06-22 18:21:06 -07:00
gsxdsm
58f758842b
FN-6816: add shadcn custom color picker
...
Add a Shadcn Custom theme flow for editing and applying sanitized dashboard color tokens.
- Add a lazy-loaded Shadcn color picker modal with token defaults, reset controls, and validation tests.
- Persist sanitized custom color overrides through settings, pre-hydration theme bootstrapping, and Command Center/theme dropdown surfaces.
- Register the Shadcn Custom theme option in core types, schema, docs, theme CSS, and release notes.
Files changed:
.changeset/fn-6816-shadcn-custom-colors.md | 5 +
docs/dashboard-guide.md | 2 +-
docs/settings-reference.md | 3 +-
packages/core/src/settings-schema.ts | 1 +
packages/core/src/types.ts | 4 +
packages/dashboard/app/App.tsx | 7 +-
packages/dashboard/app/components/AppModals.tsx | 6 +
.../dashboard/app/components/SettingsModal.tsx | 12 ++
.../dashboard/app/components/ShadcnColorPicker.css | 101 ++++++++++++++
.../dashboard/app/components/ShadcnColorPicker.tsx | 95 +++++++++++++
.../dashboard/app/components/ThemeDropdown.tsx | 23 +++-
.../dashboard/app/components/ThemeSelector.css | 14 ++
.../dashboard/app/components/ThemeSelector.tsx | 19 ++-
.../__tests__/ShadcnColorPicker.test.tsx | 50 +++++++
.../components/__tests__/ThemeDropdown.test.tsx | 19 +++
.../components/__tests__/ThemeSelector.test.tsx | 64 +++++++++
.../__tests__/shadcnCustomColors.test.ts | 52 ++++++++
.../components/command-center/CommandCenter.tsx | 15 +++
.../command-center/CommandCenterControls.tsx | 8 +-
.../settings/sections/AppearanceSection.tsx | 8 +-
.../dashboard/app/components/shadcnCustomColors.ts | 80 +++++++++++
packages/dashboard/app/components/themeOptions.ts | 1 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 108 +++++++++++++++
packages/dashboard/app/hooks/useTheme.ts | 91 ++++++++++++-
packages/dashboard/app/index.html | 19 ++-
packages/dashboard/app/public/theme-data.css | 148 ++++++++++++++++++++-
26 files changed, 938 insertions(+), 17 deletions(-)
Fusion-Task-Id: FN-6816
Fusion-Task-Lineage: f16baaa9-16f5-4526-8159-9a1ceff4f807
2026-06-21 16:13:54 -07:00
gsxdsm
b20a25c526
FN-6815: add Shadcn Gray Blue theme
...
Add a slate-neutral Shadcn Gray Blue dashboard theme variant.\n\n- Register shadcn-gray-blue across core theme validation, startup bootstrap, and selector options.\n- Add dark and light slate blue-gray design tokens, swatches, and shared shadcn styling coverage.\n- Extend theme tests, dashboard docs, and the published package changeset for the new variant.\n\nFiles changed:\n .changeset/shadcn-gray-blue-theme.md | 5 +\n docs/dashboard-guide.md | 2 +-\n packages/core/src/types.ts | 2 +\n .../dashboard/app/components/ThemeSelector.css | 15 +++\n .../components/WorkflowOptionalStepsDropdown.css | 3 +-\n packages/dashboard/app/components/themeOptions.ts | 2 +\n .../dashboard/app/hooks/__tests__/useTheme.test.ts | 12 ++\n packages/dashboard/app/index.html | 2 +-\n packages/dashboard/app/public/theme-data.css | 143 ++++++++++++++++++++-\n 9 files changed, 177 insertions(+), 9 deletions(-)
Fusion-Task-Id: FN-6815
Fusion-Task-Lineage: 71cca9b3-12ab-4b91-93c5-e3d2498501ce
2026-06-21 13:25:41 -07:00
gsxdsm
12aae94447
FN-6813: add shadcn mono accent variants
...
Expand the shadcn theme family with mono accent variants and migrate the legacy mono id.
- Rename the legacy shadcn-mono theme path to shadcn-mono-red with compatibility migration.
- Add shadcn mono blue, green, purple, pink, orange, and yellow theme tokens and swatches.
- Keep Shadcn Gray registered alongside the expanded shadcn family after conflict resolution.
- Cover theme migration and option registration with hook tests and docs.
Files changed:
.changeset/shadcn-mono-color-family.md | 5 +
docs/dashboard-guide.md | 2 +-
packages/core/src/types.ts | 14 +-
.../dashboard/app/components/ThemeSelector.css | 90 ++-
packages/dashboard/app/components/themeOptions.ts | 8 +-
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 35 +-
packages/dashboard/app/hooks/useTheme.ts | 10 +-
packages/dashboard/app/index.html | 4 +-
packages/dashboard/app/public/theme-data.css | 802 ++++++++++++++++++++-
9 files changed, 947 insertions(+), 23 deletions(-)
Fusion-Task-Id: FN-6813
Fusion-Task-Lineage: c489300c-2131-4914-84f6-41b8e12929d3
2026-06-21 13:25:40 -07:00
gsxdsm
4672203acd
FN-6814: add Shadcn Gray theme variant
...
Adds a neutral Shadcn Gray dashboard color theme across selection, bootstrap, documentation, and release notes.
- Add Shadcn Gray to core theme validation and dashboard theme picker options.
- Define dark and light zinc-gray theme tokens plus matching swatch previews.
- Cover the new theme with regression tests and document the expanded theme count.
Files changed:
.changeset/shadcn-gray-variant.md | 5 +
docs/dashboard-guide.md | 2 +-
packages/core/src/types.ts | 4 +-
.../app/__tests__/shadcn-gray-theme.test.ts | 65 ++++++++++
.../dashboard/app/components/ThemeSelector.css | 15 +++
packages/dashboard/app/components/themeOptions.ts | 2 +
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 143 ++++++++++++++++++++-
8 files changed, 228 insertions(+), 10 deletions(-)
Fusion-Task-Id: FN-6814
Fusion-Task-Lineage: 0548ad7a-5a3c-4e39-8dab-3eb5d40d84c1
2026-06-21 03:40:56 -07:00
gsxdsm
da5fea6e11
FN-6756: add Shadcn color theme variants
...
Add the Shadcn color family to dashboard theme selection and persisted theme validation.
- Register blue, green, red, purple, pink, orange, yellow, mono, and black Shadcn theme IDs across core and dashboard selectors.
- Add swatches and CSS token blocks for light and dark variants, including bootstrap loading coverage.
- Document the expanded theme count and include a minor changeset for the published CLI package.
Files changed:
.changeset/shadcn-color-variants.md | 5 +
docs/dashboard-guide.md | 2 +-
packages/core/src/types.ts | 10 +
.../dashboard/app/components/ThemeSelector.css | 126 +++
packages/dashboard/app/components/themeOptions.ts | 9 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 41 +
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 1177 ++++++++++++++++++++
8 files changed, 1370 insertions(+), 2 deletions(-)
Fusion-Task-Id: FN-6756
Fusion-Task-Lineage: 143e717a-9718-419f-a6c5-34305e53c65d
2026-06-20 17:17:32 -07:00
gsxdsm
fc0636fe90
FN-6748: add Air dashboard theme
...
Adds a minimal, borderless Air color theme across dashboard theme selection and bootstrap validation.
- Register Air in the core theme union, dashboard theme options, and browser/desktop bootstrap validators.
- Add dark and light Air token blocks with flattened chrome styling and matching swatch samples.
- Cover Air registration and CSS invariants with a focused dashboard test.
- Document the Air theme alongside the existing Shadcn theme in dashboard theming guidance.
Files changed:
docs/dashboard-guide.md | 2 +-
packages/core/src/types.ts | 2 +
packages/dashboard/app/__tests__/air-theme.test.ts | 58 ++++++++++++
.../dashboard/app/components/ThemeSelector.css | 14 +++
packages/dashboard/app/components/themeOptions.ts | 1 +
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 101 +++++++++++++++++++++
packages/desktop/src/renderer/index.html | 1 +
8 files changed, 179 insertions(+), 2 deletions(-)
Fusion-Task-Id: FN-6748
Fusion-Task-Lineage: a0caf14f-673d-485c-8886-97e4b273b624
2026-06-19 16:47:34 -07:00
gsxdsm
e19f7c2008
FN-6747: add shadcn dashboard theme
...
Add a shadcn-inspired dashboard theme across the theme picker, persisted startup validation, and public theme tokens.
- Register the Shadcn color theme in core and dashboard theme option lists.
- Add zinc-neutral dark and light CSS tokens with Geist typography, 1px borders, subtle shadows, and neutralized glow effects.
- Add theme swatches, documentation, startup allow-list support, regression coverage, and a published package changeset.
Files changed:
.changeset/shadcn-dashboard-theme.md | 5 +
docs/dashboard-guide.md | 2 +-
packages/core/src/types.ts | 1 +
.../dashboard/app/components/ThemeSelector.css | 14 ++
packages/dashboard/app/components/themeOptions.ts | 1 +
.../dashboard/app/hooks/__tests__/useTheme.test.ts | 28 ++++
packages/dashboard/app/index.html | 2 +-
packages/dashboard/app/public/theme-data.css | 166 +++++++++++++++++++++
8 files changed, 217 insertions(+), 2 deletions(-)
Fusion-Task-Id: FN-6747
Fusion-Task-Lineage: cf0d6732-aa4f-457d-ae6c-e54fca0191b2
2026-06-19 16:47:34 -07:00
gsxdsm
5145e609cc
FN-6727: add Command Center operator controls
...
Add operator controls to the Command Center overview and reuse a shared theme dropdown.
- Add Command Center controls for org chart status, pause toggles, heartbeat, concurrency settings, and theme selection.
- Extract theme option metadata and a reusable ThemeDropdown for app-level and Command Center theme controls.
- Update localization, documentation, and dashboard tests for the new controls and mobile layout behavior.
Files changed:
docs/dashboard-guide.md | 1 +
docs/settings-reference.md | 6 +-
packages/dashboard/app/App.tsx | 8 +-
.../dashboard/app/components/ThemeDropdown.css | 96 +++++
.../dashboard/app/components/ThemeDropdown.tsx | 175 +++++++++
.../dashboard/app/components/ThemeSelector.tsx | 65 +---
.../components/__tests__/ThemeDropdown.test.tsx | 76 ++++
.../components/__tests__/ThemeSelector.test.tsx | 18 +
.../components/command-center/CommandCenter.tsx | 52 ++-
.../command-center/CommandCenterControls.css | 193 ++++++++++
.../command-center/CommandCenterControls.tsx | 424 +++++++++++++++++++++
.../__tests__/CommandCenter.mobile-scroll.test.tsx | 17 +
.../__tests__/CommandCenter.test.tsx | 26 +-
.../__tests__/CommandCenterControls.test.tsx | 241 ++++++++++++
packages/dashboard/app/components/themeOptions.ts | 70 ++++
packages/i18n/locales/en/app.json | 47 +++
16 files changed, 1442 insertions(+), 73 deletions(-)
Fusion-Task-Id: FN-6727
Fusion-Task-Lineage: bd7752cf-9f6e-4359-a5bc-d2a4b68d086b
2026-06-19 16:47:33 -07:00