test(30): complete UAT - 3 passed, 1 cosmetic, 3 blocked

.planning/phases/30-onboarding-redesign/30-UAT.md

@@ -0,0 +1,70 @@
+---
+status: partial
+phase: 30-onboarding-redesign
+source: [30-01-SUMMARY.md, 30-02-SUMMARY.md, 30-03-SUMMARY.md]
+started: 2026-04-12T19:30:00Z
+updated: 2026-04-12T19:40:00Z
+---
+
+## Current Test
+
+[testing complete]
+
+## Tests
+
+### 1. Onboarding triggers on first login
+expected: After creating a new account and signing in for the first time, a full-screen onboarding flow appears (not the old small modal wizard).
+result: pass
+
+### 2. Welcome step
+expected: First screen shows a welcome message with a "Get Started" button. Full-screen, big visuals, immersive feel.
+result: pass
+
+### 3. Hobby picker (required step)
+expected: Second screen shows hobby cards with icons (Bikepacking, Hiking, Climbing, Cycling, etc.). You can select one or more. This step cannot be skipped.
+result: issue
+reported: "Works but selected cards need stronger visual distinction — dark gray fill with inverted text/icon instead of just a border change."
+severity: cosmetic
+
+### 4. Item browser
+expected: After picking a hobby, you see a grid of popular catalog items filtered by that hobby.
+result: blocked
+blocked_by: server
+reason: "Catalog is empty on test server — no items to browse. Needs seed data migration for test env."
+
+### 5. Review screen
+expected: After selecting items, a review/summary screen shows all selections grouped by category.
+result: blocked
+blocked_by: server
+reason: "Depends on test 4 — no catalog items to select."
+
+### 6. Completion and collection
+expected: After confirming, items are batch-added to collection with auto-created categories.
+result: blocked
+blocked_by: server
+reason: "Depends on test 4 — no catalog items to select."
+
+### 7. Onboarding doesn't show again
+expected: Refresh the page or sign out and back in. Onboarding does NOT appear again.
+result: pass
+
+## Summary
+
+total: 7
+passed: 3
+issues: 1
+pending: 0
+skipped: 0
+blocked: 3
+
+## Gaps
+
+- truth: "Selected hobby cards should have strong visual distinction"
+  status: failed
+  reason: "User reported: selected cards need dark gray fill with inverted text/icon, not just border change"
+  severity: cosmetic
+  test: 3
+  artifacts:
+    - src/client/components/onboarding/OnboardingHobbyPicker.tsx
+  missing:
+    - Stronger selected state styling (dark bg, inverted colors)