style(design): design review fixes + fresh Warm Terminal design system

[ashish921998]

Summary

Full design system overhaul and code quality cleanup for the AO dashboard.

Design System — Warm Terminal Migration

• Rewrote all CSS custom property tokens (light + dark mode) from cool blue-tinted graphite to warm brown-tinted terminal aesthetic per DESIGN.md spec
• Migrated borders, backgrounds, text, and accent colors to warm stone/cream palette
• Updated PWA manifest and layout metadata colors to match

Inline Style Removal

• Replaced inline style= color mappings with data-* attribute CSS selectors across 5 components:
  • ActivityDot.tsx — data-activity for dot/pill/text colors
  • AttentionZone.tsx — data-level for kanban/accordion/mobile dots
  • Dashboard.tsx — data-tone/data-level for metrics, legend, mobile action strip
  • ProjectSidebar.tsx — data-level/data-health for session/health dots
  • SessionCard.tsx — fixed duplicate className bug on done-title element

Design Audit Fixes (prior commits)

• Added prefers-reduced-motion support
• Removed concurrent breathe animations
• Fixed dashboard title weight/tracking
• Added text-wrap: balance on headings
• Contextual empty state messages per zone
• Fixed section label semantics and spacing
• Used native <h2> for Attention Board heading

Infrastructure (merged from main)

• Reduced GitHub API rate limiting from batch enrichment bypass
• Removed model rate-limit pause functionality

Pre-Landing Review Fixes

• Added base CSS fallback for activity dots/pills (null/unknown states render gray instead of invisible)
• Fixed review stat card color inconsistency (now uses accent-orange, matching all other review indicators)
• Reverted aria-live on empty states (false AT announcements)
• A11y, dead code, and test coverage fixes

Test Coverage

• Web tests: 44 files, 543 tests — all passing
• Integration tests: 3 pre-existing failures (hash path comparison, environment-specific, unrelated to this branch)
• Test Coverage Audit: CSS/styling changes only, no new code paths requiring tests

Pre-Landing Review

• Activity dot invisible for null/unknown states — FIXED (added base CSS fallback rules)
• Review stat card color inconsistency (cyan vs orange) — FIXED (aligned to accent-orange)
• Quick-reply border-top separator — assessed, not needed (content is visually distinct, footer provides separation)
• Scrollbar radius inconsistency (global 3px vs specific 0) — informational, deferred
• Count badge pill shape — intentional per DESIGN.md "0px everywhere"

Adversarial Review

• Claude subagent: 8 findings, 2 high (both fixed), 4 low/informational (assessed, deferred or intentional)

Test plan

• All web tests pass (44 files, 543 tests)
• Activity dots render for all states including null/unknown (fallback gray)
• Review color consistent across stat cards, kanban columns, sidebar, mobile
• Dark mode warm tones preserved throughout
• No inline style attributes in modified components (CLAUDE.md convention)

🤖 Generated with Claude Code

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit af1c1a5. Configure here.}