GearBox/.planning/milestones/v1.0-phases/02-planning-threads/02-03-PLAN.md

phase, plan, type, wave, depends_on, files_modified, autonomous, requirements, must_haves

phase	plan	type	wave	depends_on	files_modified	autonomous	requirements	must_haves
02-planning-threads	03	execute	3	02-02		false	THRD-01 THRD-02 THRD-03 THRD-04	truths artifacts key_links User can create a planning thread and see it in the list User can add candidates with weight, price, category, notes, and product link User can edit and remove candidates User can resolve a thread by picking a winner that appears in their collection

Visual verification of the complete planning threads feature. Confirm all user-facing behaviors work end-to-end in the browser.

Purpose: Catch visual, interaction, and integration issues that automated tests cannot detect.

Output: Confirmation that Phase 2 requirements are met from the user's perspective.

<execution_context> @/home/jean-luc-makiola/.claude/get-shit-done/workflows/execute-plan.md @/home/jean-luc-makiola/.claude/get-shit-done/templates/summary.md </execution_context>

@.planning/ROADMAP.md @.planning/phases/02-planning-threads/02-CONTEXT.md @.planning/phases/02-planning-threads/02-01-SUMMARY.md @.planning/phases/02-planning-threads/02-02-SUMMARY.md Task 1: Visual verification of complete planning threads feature Verify the complete planning threads feature in the browser.

What was built: Tab navigation between My Gear and Planning views, thread CRUD with card-based list, candidate CRUD with slide-out panel, and thread resolution flow with confirmation dialog.

Start the dev server if not running: `bun run dev`
Open http://localhost:5173

**1. Tab Navigation (THRD-01)**
- Verify "My Gear" and "Planning" tabs are visible
- Click "Planning" tab -- URL should update to /?tab=planning
- Click "My Gear" tab -- should show your gear collection
- Verify top navigation bar is always visible

**2. Thread Creation (THRD-01)**
- On the Planning tab, create a new thread (e.g. "Helmet")
- Verify it appears as a card in the thread list
- Card should show: name, "0 candidates", creation date
- Create a second thread to verify list ordering (most recent first)

**3. Candidate Management (THRD-02, THRD-03)**
- Click a thread card to open thread detail page
- Verify back navigation to Planning tab works
- Add a candidate via slide-out panel with: name, weight, price, category, notes, product URL
- Verify candidate appears as a card in the grid
- Add 2-3 more candidates with different prices
- Verify the thread card on the list page shows updated candidate count and price range
- Edit a candidate (change price or name) -- verify changes saved
- Delete a candidate -- verify confirmation dialog and removal

**4. Thread Resolution (THRD-04)**
- On a thread with multiple candidates, click "Pick Winner" on one
- Verify confirmation dialog: "Pick [X] as winner? This will add it to your collection."
- Confirm the resolution
- Verify thread disappears from active thread list
- Toggle "Show archived" -- verify resolved thread appears (visually distinct)
- Switch to "My Gear" tab -- verify the winning candidate appears as a new collection item with correct data

**5. Visual Consistency**
- Thread cards match the visual style of item cards (same shadows, rounded corners)
- Candidate cards match item card style
- Pill/chip tags are consistent with existing tag pattern
- Slide-out panel for candidates looks like the item panel
- Empty states are present and helpful

User confirms all checks pass by typing "approved" All four THRD requirements verified by user in browser. Visual consistency confirmed. Resolution flow works end-to-end. User confirms all four THRD requirements work visually and interactively.

<success_criteria>

• All four THRD requirements verified by user in browser
• Visual consistency with Phase 1 collection UI
• Resolution flow creates item and archives thread correctly
• No regressions to existing gear collection functionality </success_criteria>

After completion, create `.planning/phases/02-planning-threads/02-03-SUMMARY.md`