feat: design system overhaul — sidebar, AI chats, settings, brainstorm, color cleanup

- Sidebar: dynamic brand-accent colors, brainstorm section restyled
- AI chat general: popup panel with expand/collapse, hides when contextual AI open
- AI chat contextual: tabs reordered (Actions first), X close button, height fix
- Settings: all tabs restyled, 6 new color presets (sage, terracotta, iron, etc.)
- Global color cleanup: emerald/orange hardcoded → brand-accent dynamic
- Brainstorm page: orange → brand-accent throughout
- PageEntry animation component added to key pages
- Floating AI button: bg-brand-accent instead of hardcoded black
- i18n: all 15 locales updated with new AI/billing keys
- Billing: freemium quota tracking, BYOK, stripe subscription scaffolding
- Admin: integrated into new design
- AGENTS.md + CLAUDE.md project rules added

.agent/skills/wds-1-project-brief/templates/project-brief-dialog/02-vision.md

@@ -0,0 +1,85 @@
+# Step 2: Vision Capture
+
+**Completed:** {{date}}
+**Session:** {{session_number}}
+**Substeps:** 01-open-conversation → 02-explore-vision → 03-reflect-confirm → 04-synthesize-document
+
+---
+
+## Opening Question
+
+**Agent asked:**
+{{opening_question_adapted_to_context}}
+
+**User's initial response:**
+{{first_response}}
+
+---
+
+## Conversation Highlights
+
+### Key Exchange 1
+**Agent:** {{question_or_followup}}
+**User:** {{response}}
+**Signal detected:** {{signal_type}} — {{what_this_revealed}}
+
+### Key Exchange 2
+**Agent:** {{question_or_followup}}
+**User:** {{response}}
+**Signal detected:** {{signal_type}} — {{what_this_revealed}}
+
+### Key Exchange 3
+**Agent:** {{question_or_followup}}
+**User:** {{response}}
+**Signal detected:** {{signal_type}} — {{what_this_revealed}}
+
+---
+
+## Conversation Flow Summary
+
+{{narrative_summary_of_conversation}}
+
+**Total exchanges:** {{count}}
+**Duration:** {{approximate_time}}
+
+---
+
+## Reflection Checkpoint
+
+**Agent's synthesis (2-3 sentences):**
+{{what_im_hearing_is}}
+
+**User response:**
+- [x] Confirmed
+- [ ] Corrected
+
+**Corrections (if any):**
+{{what_was_misunderstood_and_corrected}}
+
+---
+
+## Synthesized Vision
+
+{{vision_statement}}
+
+---
+
+## Key Insights Captured
+
+1. {{insight_1}}
+2. {{insight_2}}
+3. {{insight_3}}
+
+---
+
+## Example Context (if applicable)
+
+**Concrete example provided:**
+{{example_scenario_or_none}}
+
+This example shaped understanding of: {{what_example_clarified}}
+
+---
+
+**Documented in:** `wds-project-outline.yaml` → `vision`
+**Referenced in:** Product Brief documentation