Session goal

Take the Command Center (deployed to Vercel as projects) from a static "AI routine mood-board" and turn it into a daily-use portal with a real visual identity, every number clickable to its source, and live LLM action-taking from inside the app.

Merged to main as PR #24 (commit 12f118e3). Production URL: https://projects-sam-aguiar-injury-lawyers.vercel.app

Principles established (apply to future sessions)

1. Every number is a link to source. No static KPI tiles. If the homepage shows "1,175 open matters", clicking opens the Salesforce list view; "5 calls today" opens CallRail; etc.
2. Every panel is live or refreshable. All panels carry a DataBadge showing live / snapshot / pending. Snapshot panels have a refresh button (currently router.refresh(); becomes a real hydrate when the backend lands).
3. Full opacity white body text. text-slate-{100,200,300,400} are all swapped to text-white. Hierarchy comes from size + weight, not from muted gray tones. Semantic colors preserved: emerald (live), rose (error/offline), amber (warning), orange-300 (accent).
4. Plain words, no jargon. Removed: "Mission Control", "Case book", "Six Pillars", "The integration mesh", "Dream Review", "Ads War Room". Use: "Open dashboard", "Litify · today", "Your AI Stack", "Your Connectors".
5. Reasonable font sizing. No text-[10px] or text-[11px]. Minimum text-xs (12px) for labels, text-sm (14px) for body, text-base (16px) for section headers.
6. Action-taking, not display-only. Every "Run X" button should call a real LLM through /api/run. No fake buttons. Where the backend isn't ready, show a dashed empty-state, not a fake action.

Visual identity (locked)

• Background: near-black ink-900 #05060b with three orange radial-gradient blurs (rgba 249/115/22, 234/88/12, 251/146/60).
• Single accent color: orange / rust (orange-300 through orange-600). Replaced all violet, sky, cyan, blue, lime, pink, fuchsia, purple, indigo with orange shades across 165 occurrences.
• Text gradient brand mark: from-orange-200 via-orange-400 to-orange-600.
• Primary CTA: bg-gradient-to-r from-orange-500 to-orange-600 (Claude's signature solid-rust look).
• Boxshadow.glow: orange rgba (was violet).
• Conic-border (animated live-rim on agent cards): orange shades.
• Selection highlight, scrollbar: orange.
• Semantic preserved: emerald (live status), rose (warning/offline), amber (warmth/warning), slate (neutral). Brand-accurate accents on Gmail / RingCentral / Anthropic connectors.

Built this session