CCS Dashboard Design System — Phase 2 (revised scope)

After user feedback caught a density regression, Phase 2 was scoped down: health stays migrated to Monitor archetype, home and cliproxy revert to their original designs. The design system docs are restructured to extract THREE identity-strip patterns from those canonical references.

Phase 2 / 4 Bot score 93

1 · health — Monitor archetype migration

HealthGauge becomes the hero inside MonitorCard variant="terminal". KpiRow with severity tones replaces HealthStatsBar. Each HealthGroupSection becomes its own MonitorCard.

Before

After

2 · home + cliproxy — reverted (no design change)

home.tsx and cliproxy.tsx reverted to their dev-branch state. Their existing designs are now codified as canonical references in ui/docs/design-system.md.

home demonstrates the HeroBar pattern (1-row dense: logo + title + version + 4 inline stats).
cliproxy demonstrates the rail-anchored identity pattern (no top chrome; brand inside the left rail of a Config 3-pane layout).

3 · Three identity-strip patterns (new in v1.1 docs)

Pattern	Reference	When to use
HeroBar (1-row dense)	`pages/home.tsx`	Dashboard pages with ≤4 hero stats packed tight
Rail-anchored (no top chrome)	`pages/cliproxy.tsx`	Multi-entity Config pages where the rail already carries identity
PageHeader (title + desc + actions)	`pages/health.tsx`	Pages where description / status info is non-redundant context

4 · What's actually in this PR

File	Change
ui/src/pages/health.tsx	Migrated to PageShell + PageHeader + Monitor archetype
ui/src/pages/home.tsx	Reverted to original (matches dev)
ui/src/pages/cliproxy.tsx	Reverted to original (matches dev)
ui/src/components/monitor-layout/kpi.tsx	KpiCard gains optional `onClick` prop
ui/docs/design-system.md	Restructured around three identity-strip patterns
ui/docs/design-decisions.md	v1.1 revision row capturing the rationale
ui/src/pages/_styleguide.tsx	Intro copy updated to mention three patterns

PR #1089 · plan plans/260425-1132-ccs-dashboard-design-system/