Activity

Scope

Phase 10 of the UX overhaul (brief). Migrates the 18 remaining dashboard components from raw zinc/emerald/cyan/violet/amber palette classes to the Phase 1 token system. Closes the gap between the polished hero/showcase (Phase 9) and the Live ops surface below.

What's in (19 files across 6 atomic commits)

• briefing-strip.tsx — 6 stat cards. Was emerald/cyan/violet/amber rainbow; now all text-mono text-strong. Pipeline-health stays warning amber via text-warning-fg.
• dashboard-tabs.tsx — tab labels use text-overline. Removed the per-tab accent differentiator (cyan/red/amber/violet/emerald → all collapse to active-state styling).
• 6 tab panels — overview / breakout / opportunities / security / stack-radar / weekly-intel. Severity badges (critical/high/medium/low) mapped to text-danger-fg / text-warning-fg / text-warning-bg / text-muted.
• feed-item-card.tsx + domain-feed.tsx + discovery-panel.tsx + velocity-panel.tsx + release-radar.tsx + live-ticker.tsx + section-skeleton.tsx + new-data-toast.tsx.
• 3 showcase modules — mindshare, predictor, scoreboard. Decorative emerald-500/70 → emerald-400 gradient flattened to bg-accent-brand. Predictor velocity tiers collapsed two emerald shades into one text-success-fg.
• domain-tabs.tsx — final residual border-zinc-800/80 swept up.

Editorial discipline call

Cyan and violet had no semantic role in the spec — they were just "differentiating metrics", not state indicators. Dropped entirely. Three colours max (success / warning / danger) + brand accent.

Verified locally with Playwright

• Hero + showcase + live ops all read in the same voice
• Briefing strip: stats in mono+strong, success rate amber for warning
• Tab bar: mono uppercase overline, active state via border + bg-hover
• Tests: 192 pass + 2 pre-existing LinkedIn (unrelated)
• npm run build clean
• Grep verified empty in components/dashboard/*.tsx

Screenshots: docs/ux-overhaul/screenshots/phase10-*.png

Out of scope

• lib/constants.ts colour maps — separate surface uses them.
• Recharts data colours — chart data, not chrome.
• Auth + settings pages — separate surface.