(CODUX-108) Add custom dashboards workspace UI

[numnx]

🧩 Task: Add custom dashboards workspace UI

Automated task PR opened by Code UX for T05.

📋 Summary

Sprint: Sprint 185 · Add Custom Data Dashboards · Task: T05

Add a project-scoped Custom Dashboards system where the Project Manager agent can create dashboard bundles, validate them in detached Docker sessions connected to Code UX data, and publish only validated dashboards into the main dashboard UI.

🤖 Model & Provider

Provider	Codex CLI
Model	gpt-5.5

⏱️ Timing

Started	2026-07-07 14:48:06 UTC
Finished	2026-07-07 15:13:51 UTC
Duration	25m 45s

📊 Token Usage

Metric	Value
Input tokens	185,879
Cached input tokens	10,142,208
Output tokens	43,015
Total tokens	10,371,102
Invocations	1
Tool calls	111
Active time	24m 50s

Included usage estimate (subscription/local login): $7.29

✅ QA Review

⏳ QA review runs after this PR is opened. Check the task card in the dashboard for the outcome once it lands.

📝 Full Task Prompt

## Objective
Add the Preact workspace where users can manage custom dashboards, inspect validation status, edit generated manifests/file bundles, and publish only validated revisions.

## Scope
- Create `dashboard/src/v2/CustomDashboardsPage.tsx`
- Create `dashboard/src/v2/lib/custom-dashboard-api.ts`
- Create `dashboard/src/v2/lib/custom-dashboard-view-models.ts`
- Create components under `dashboard/src/v2/components/custom-dashboards/`
- Edit `dashboard/src/main.tsx` to lazy-load `/custom-dashboards`
- Edit `dashboard/src/v2/components/KineticDock.tsx`
- Edit `dashboard/src/v2/components/layout/Sidebar.tsx`
- Edit `dashboard/src/v2/components/onboarding/GuidedDashboardTour.tsx` only if navigation tour markers need the new destination
- Add dashboard tests under `tests/dashboard/lib/custom-dashboard-view-models.test.ts` and `dashboard/src/v2/components/custom-dashboards/__tests__/CustomDashboardsPage.test.tsx`

## Implementation Requirements
1. Add typed frontend API helpers for the T03 routes: list/get/create/update revision, start validation, poll validation session, fetch logs, publish, archive, and data catalog.
2. Build a project-scoped page using existing `PageContainer`, `PageHeader`, shared buttons, dialogs, menus, and feedback components; include empty, loading, error, validating, failed, validated, and published states.
3. Provide draft/revision controls for manifest JSON, generated files, source node graph, styleguide notes, and data catalog selection without requiring external libraries beyond existing dependencies.
4. Add validation controls that start a detached session, show build/start/health status, stream or refresh logs, link to the detached validation preview, and disable publish until the selected revision is validated.
5. Add navigation entries with stable dimensions and accessible labels in both dock and sidebar, using a lucide icon that fits existing navigation patterns.

## Constraints
- Do not implement the embedded published-dashboard renderer in this task; this task can link to or reserve the viewer area but should focus on management workflow.
- Do not add external UI or editor libraries.
- Keep text, controls, and cards responsive without overlap on mobile and desktop.
- Keep custom dashboard code as persisted bundle text managed through API calls, not as runtime imports from `dashboard/src`.

## Verification
- Run `pnpm run lint`.
- Run `pnpm run test:dashboard -- tests/dashboard/lib/custom-dashboard-view-models.test.ts dashboard/src/v2/components/custom-dashboards/__tests__/CustomDashboardsPage.test.tsx`.
- Run `pnpm run build:dashboard`.
- Success means the page is reachable at `/custom-dashboards`, publish is disabled until validation passes, validation logs render, and navigation remains accessible.

🌿 Branch Info

Base: feature/CODUX-185-add-custom-data-dashboards
Head: task/feature-codux-185-add-custom-data-dashboards-t05-codex-mrark811

---

🤖 Generated by Code UX