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
This commit is contained in:
gsxdsm
2026-06-02 14:14:24 -07:00
parent 65ddb4d4f5
commit b95e7f7575
11 changed files with 281 additions and 134 deletions

View File

@@ -328,6 +328,31 @@ describe("ProjectOverview", () => {
expect(screen.getByTestId("project-card-proj_1")).toBeDefined();
});
it("does not crash when sorting by status with unknown project statuses", () => {
expect(() => {
render(
<ProjectOverview
projects={[
makeProject({ id: "proj_active", name: "Active Project", status: "active" }),
makeProject({ id: "proj_unknown", name: "Unknown Project", status: "removing" as ProjectStatus }),
]}
onSelectProject={noop}
onAddProject={noop}
onPauseProject={noop}
onResumeProject={noop}
onRemoveProject={noop}
/>
);
}).not.toThrow();
fireEvent.change(screen.getByLabelText("Sort projects"), {
target: { value: "status-asc" },
});
expect(screen.getByTestId("project-card-proj_active")).toBeDefined();
expect(screen.getByTestId("project-card-proj_unknown")).toBeDefined();
});
it("shows loading skeleton when loading prop is true", () => {
render(
<ProjectOverview