gsxdsm
b95e7f7575
FN-5894: share project data-boundary and status helpers
...
Centralize project loading and status-state handling across dashboard surfaces.
- add a reusable DataBoundary component for loading, empty, error, and loaded states
- extract shared project status config helpers for labels, colors, icons, and initializing detection
- update project overview, cards, badges, and selector UI to use the shared helpers
- add regression coverage for data-boundary behavior, project overview empty/loading transitions, and status config fallbacks
Files changed:
packages/dashboard/app/components/DataBoundary.tsx | 64 ++++++++++++++++++++++
packages/dashboard/app/components/ProjectCard.tsx | 48 ++--------------
.../app/components/ProjectHealthBadge.tsx | 45 +--------------
.../dashboard/app/components/ProjectOverview.tsx | 4 +-
.../dashboard/app/components/ProjectSelector.tsx | 27 +--------
.../app/components/__tests__/DataBoundary.test.tsx | 62 +++++++++++++++++++++
.../components/__tests__/ProjectOverview.test.tsx | 25 +++++++++
.../__tests__/ProjectThemeTokens.test.tsx | 37 ++++---------
.../utils/__tests__/projectStatusConfig.test.ts | 53 ++++++++++++++++++
.../dashboard/app/utils/projectStatusConfig.ts | 50 +++++++++++++++++
packages/dashboard/vitest.config.ts | 2 +
11 files changed, 282 insertions(+), 135 deletions(-)
Fusion-Task-Id: FN-5894
Fusion-Task-Lineage: 3626a4af-b62b-456d-82d7-cf47bbf55c21
2026-06-02 14:14:24 -07:00
gsxdsm
f20c37471d
FN-5881: guard project status badges against unknown states
...
Prevent Projects view status rendering from crashing on unknown or missing project states.
- add fallback status config helpers to ProjectCard, ProjectHealthBadge, and ProjectSelector
- format unknown status strings into readable labels and default missing values to Unknown
- add regression tests for unknown and missing statuses across project dashboard components
- document graceful degradation for transient registry or health status mismatches
Files changed:
docs/multi-project.md | 1 +
packages/dashboard/app/components/ProjectCard.tsx | 36 ++++++++++++++++-
.../app/components/ProjectHealthBadge.tsx | 36 ++++++++++++++++-
.../dashboard/app/components/ProjectSelector.tsx | 15 ++++++-
.../app/components/__tests__/ProjectCard.test.tsx | 31 +++++++++++++-
.../__tests__/ProjectHealthBadge.test.tsx | 47 ++++++++++++++++++++++
.../components/__tests__/ProjectSelector.test.tsx | 24 ++++++++++-
7 files changed, 182 insertions(+), 8 deletions(-)
Fusion-Task-Id: FN-5881
Fusion-Task-Lineage: 55a9df6f-3fcb-46e8-9e83-3494312b4c24
2026-06-02 08:49:25 -07:00
gsxdsm
2a6f74af17
fix(FN-1031): replace var(--error) with var(--color-error) in project components
...
- Fix incorrect CSS token var(--error) → var(--color-error) in ProjectCard, ProjectHealthBadge, and ProjectSelector
- Add regression test suite (ProjectThemeTokens.test.tsx) covering all project components for correct token usage
- Ensures consistency with the design system's CSS custom property naming convention
2026-04-06 15:05:21 -07:00
gsxdsm
cd165f0bd3
feat(KB-502): implement dashboard multi-project UX
...
- Add project selector, health badge, and overview components to dashboard
- Add multi-project API functions (api.ts) for cross-project operations
- Update App.tsx with project context and navigation improvements
- Add script-store.ts for centralized project script management
- Extend types with multi-project support: SetupState, MigrationOptions, etc.
- Add project runtime fields: baseCommitSha, modifiedFiles, missionId, sliceId
- Add setupComplete to global settings for first-run wizard tracking
- Add project-level settings: scripts, setupScript, ntfyDashboardHost
- Add backward-compatible addSteeringComment method to TaskStore
2026-04-01 16:41:11 -07:00
gsxdsm
2b1e342eaf
feat(FN-674): implement multi-project dashboard UX
...
- Add Project Overview page with responsive grid and health status cards
- Add Project Selector dropdown in header for quick project switching
- Add Setup Wizard for registering new projects with auto-detection
- Implement project drill-down: click project to view its tasks
- Add global activity feed with cross-project activity log
- Add project health monitoring with real-time status polling
- Add deep linking support for tasks via ?task= URL parameter
- Add useTasks hook with project context filtering
- Add ntfy notification deep link to open tasks in dashboard
- Fix terminal error message formatting for agent failures
- Unify comment style across codebase (// instead of /** */)
- Add comprehensive tests for multi-project components
2026-04-01 01:36:24 -07:00
