feat(console): implement approved workspace and cluster designs

[cnjack]

Summary

• implement the approved shared console shell and page-scoped Projects, New Project, Cluster Overview, Models, Connections, onboarding, access-denied, and not-found experiences
• preserve the existing project and task workspaces while adding responsive desktop and mobile behavior plus canonical jcode application and provider icons
• add first-class model-provider persistence and APIs for verification, catalog discovery, custom models, capabilities, credentials, and project grants with visible failure states
• correct Custom model and Project grant alignment and document the provider-owned model contract

Verification

• console: pnpm test — 379 tests passed
• console: pnpm typecheck
• console: pnpm build
• console: pnpm lint:tokens
• orchestrator: go test ./...
• orchestrator: go vet ./...
• local browser E2E: 10 desktop and mobile scenarios passed, 0 failed, including onboarding, projects, task flow, connections, model catalog, custom models, grants, responsive layout, and error routes

Summary by CodeRabbit

• New Features
  • Added cluster administration pages for overview, connections, and model providers.
  • Manage model providers, verify connections, browse catalogs, add custom models, and control project access.
  • Added project creation, searchable project listings, recent-project navigation, and improved empty states.
  • Added clearer role-based access messaging for restricted cluster areas.
• UI Improvements
  • Introduced a redesigned navigation rail, breadcrumbs, responsive layouts, refreshed onboarding, and updated branding.
  • Added light/dark theme support and reusable status, panel, and action components.
• Security
  • Provider credentials remain write-only and are not displayed after saving.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 32393e22-91db-4a1b-a270-f422d7d32341

📥 Commits

Reviewing files that changed from the base of the PR and between bceffb2 and e077098.

⛔ Files ignored due to path filters (5)

• design/assets/app-icon.svg is excluded by !**/*.svg
• design/assets/icons.svg is excluded by !**/*.svg
• design/assets/provider-openai.svg is excluded by !**/*.svg
• design/assets/provider-qwen.svg is excluded by !**/*.svg
• design/assets/provider-zhipu.svg is excluded by !**/*.svg

📒 Files selected for processing (65)

• AGENTS.md
• console/index.html
• console/src/App.tsx
• console/src/api/client.test.ts
• console/src/api/client.ts
• console/src/api/mockClient.test.ts
• console/src/api/mockClient.ts
• console/src/api/queries.ts
• console/src/api/types.ts
• console/src/components/AppShell.module.css
• console/src/components/AppShell.tsx
• console/src/components/PageLayout.module.css
• console/src/components/PageLayout.tsx
• console/src/components/ProviderIcon.module.css
• console/src/components/ProviderIcon.tsx
• console/src/components/Wordmark.module.css
• console/src/components/Wordmark.tsx
• console/src/pages/ClusterAccessDenied.module.css
• console/src/pages/ClusterAccessDenied.tsx
• console/src/pages/ClusterConnectionsPage.module.css
• console/src/pages/ClusterConnectionsPage.test.tsx
• console/src/pages/ClusterConnectionsPage.tsx
• console/src/pages/ClusterModelsPage.module.css
• console/src/pages/ClusterModelsPage.test.tsx
• console/src/pages/ClusterModelsPage.tsx
• console/src/pages/ClusterOverviewPage.module.css
• console/src/pages/ClusterOverviewPage.test.tsx
• console/src/pages/ClusterOverviewPage.tsx
• console/src/pages/NewProjectPage.module.css
• console/src/pages/NewProjectPage.test.tsx
• console/src/pages/NewProjectPage.tsx
• console/src/pages/NotFoundPage.module.css
• console/src/pages/NotFoundPage.tsx
• console/src/pages/OnboardingGate.module.css
• console/src/pages/OnboardingGate.tsx
• console/src/pages/ProjectsPage.module.css
• console/src/pages/ProjectsPage.test.tsx
• console/src/pages/ProjectsPage.tsx
• design/README.md
• design/assets/prototype.css
• design/assets/prototype.js
• design/cluster-access-denied.html
• design/cluster-connections.html
• design/cluster-models.html
• design/cluster-overview.html
• design/index.html
• design/new-project.html
• design/not-found.html
• design/project-workspace.html
• design/projects-empty.html
• design/projects.html
• design/setup.html
• design/sign-in.html
• design/welcome.html
• docs/11-api.md
• orchestrator/internal/api/api.go
• orchestrator/internal/api/model_providers.go
• orchestrator/internal/api/model_providers_test.go
• orchestrator/internal/api/models.go
• orchestrator/internal/domain/domain.go
• orchestrator/internal/store/memory.go
• orchestrator/internal/store/migrate_test.go
• orchestrator/internal/store/migrations/0027_model_providers.sql
• orchestrator/internal/store/pg.go
• orchestrator/internal/store/store.go

---

📝 Walkthrough

Walkthrough

This change adds provider-owned model catalog contracts, persistence, APIs, console administration pages, updated routing and shell layouts, reusable UI components, expanded tests, and page-scoped HTML design prototypes with shared styling and interactions.

Changes

Provider catalog and console

Layer / File(s)	Summary
Provider model domain and persistence orchestrator/internal/domain/..., orchestrator/internal/store/...	Adds provider and capability models, migration support, provider CRUD, model synchronization, grants handling, and cascading deletion.
Model-provider HTTP API orchestrator/internal/api/...	Adds cluster-admin endpoints for provider CRUD, verification, catalog discovery, and provider-backed model creation with credential protection and validation.
Console provider contracts and queries console/src/api/...	Adds provider types, HTTP/mock client methods, query hooks, cache invalidation, and provider catalog tests.
Console routing and page workflows console/src/App.tsx, console/src/components/..., console/src/pages/...	Adds cluster routes, project creation/list views, cluster overview/models/connections pages, redesigned shell and onboarding layouts, reusable page components, and related tests/styles.
Page-scoped design prototypes design/..., AGENTS.md	Adds prototype guidance, shared CSS/JS assets, and standalone HTML surfaces for project, cluster, onboarding, workspace, and error states.

Estimated code review effort: 5 (Critical) | ~120 minutes

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch codex/implement-approved-console-designs

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 golangci-lint (2.12.2)

level=error msg="[linters_context] typechecking error: pattern ./...: directory prefix . does not contain main module or its selected dependencies"

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}