docs(17-04): complete initiative dashboard integration plan with summary

Phase 17-04 wires all dashboard components into a functional page with
status filtering, create dialog, and card-to-detail navigation. AppLayout
header cleaned up. Build and types verified.

.planning/STATE.md

@@ -10,18 +10,18 @@ See: .planning/PROJECT.md (updated 2026-02-04)
 ## Current Position
 
 Phase: 17 of 21 (Initiative Dashboard)
-Plan: 3 of 4 in current phase
+Plan: 4 of 4 in current phase (COMPLETE)
-Status: In progress
+Status: Phase 17 complete
-Last activity: 2026-02-04 - Completed 17-03-PLAN.md
+Last activity: 2026-02-04 - Completed 17-04-PLAN.md
 
 Progress: █████████░ 97%
 
 ## Performance Metrics
 
 **Velocity:**
-- Total plans completed: 64
+- Total plans completed: 65
 - Average duration: 3 min
-- Total execution time: 177 min
+- Total execution time: 181 min
 
 **By Phase (v1.0):**
 
@@ -199,6 +199,8 @@ Recent decisions affecting current work:
 - 17-03: No deleteInitiative tRPC procedure; Delete menu item disabled as placeholder
 - 17-03: Controlled dialog pattern: open/onOpenChange props with form reset via useEffect
 - 17-03: shadcn CLI @/ dir bug workaround applied again (same as 16-04)
+- 17-04: Dashboard page owns create action (Option A) — keeps AppLayout generic for other pages
+- 17-04: Route param is $id matching existing $id.tsx file route definition
 
 ### Pending Todos
 
@@ -221,5 +223,5 @@ None.
 ## Session Continuity
 
 Last session: 2026-02-04
-Stopped at: Completed 17-03-PLAN.md
+Stopped at: Completed 17-04-PLAN.md (Phase 17 complete)
 Resume file: None

.planning/phases/17-initiative-dashboard/17-04-SUMMARY.md

@@ -0,0 +1,107 @@
+---
+phase: 17-initiative-dashboard
+plan: 04
+subsystem: ui
+tags: [react, tanstack-router, trpc, tailwind, initiative-dashboard]
+
+# Dependency graph
+requires:
+  - phase: 17-02
+    provides: InitiativeList, InitiativeCard, StatusBadge, ProgressBar components
+  - phase: 17-03
+    provides: CreateInitiativeDialog, SpawnArchitectDropdown, ActionMenu components
+provides:
+  - Fully wired Initiative Dashboard page replacing placeholder
+  - Status filter dropdown with backend-driven filtering
+  - Navigation from card to initiative detail route
+  - Clean AppLayout header with no orphaned placeholder buttons
+affects: [18-initiative-detail, 19-inbox]
+
+# Tech tracking
+tech-stack:
+  added: []
+  patterns: [page-level state management for filter and dialog, useNavigate for card navigation]
+
+key-files:
+  created: []
+  modified:
+    - packages/web/src/routes/initiatives/index.tsx
+    - packages/web/src/layouts/AppLayout.tsx
+
+key-decisions:
+  - "Dashboard page owns create action (not AppLayout header) to keep layout generic"
+  - "Route param is $id (matching existing $id.tsx file route)"
+
+patterns-established:
+  - "Page-level state: filter state and dialog open state managed at page level, passed down as props"
+  - "Option A for header actions: page-specific actions live on the page, not in the global layout"
+
+# Metrics
+duration: 4min
+completed: 2026-02-04
+---
+
+# Plan 17-04: Initiative Dashboard Integration Summary
+
+**Fully wired initiative dashboard with status filter, create dialog, and card navigation to detail route**
+
+## Performance
+
+- **Duration:** 4 min
+- **Started:** 2026-02-04
+- **Completed:** 2026-02-04
+- **Tasks:** 2
+- **Files modified:** 2
+
+## Accomplishments
+- Replaced placeholder DashboardPage with full initiative dashboard matching wireframe
+- Wired status filter dropdown driving InitiativeList's tRPC query
+- Connected card onView to TanStack Router navigation (/initiatives/$id)
+- Removed orphaned "+ New Initiative" button from AppLayout header
+- Verified Vite production build and TypeScript type check both pass cleanly
+
+## Task Commits
+
+Each task was committed atomically:
+
+1. **Task 1: Wire Initiative Dashboard page** - `24bfcfa` (feat)
+2. **Task 2: Connect AppLayout header and verify build** - `cc533c8` (refactor)
+
+## Files Created/Modified
+- `packages/web/src/routes/initiatives/index.tsx` - Full dashboard page with filter, list, create dialog, and navigation
+- `packages/web/src/layouts/AppLayout.tsx` - Removed placeholder button, header now shows only logo
+
+## Decisions Made
+- 17-04: Dashboard page owns create action (Option A) — keeps AppLayout generic for other pages
+- 17-04: Route param is $id matching existing $id.tsx file route definition
+
+## Deviations from Plan
+
+### Auto-fixed Issues
+
+**1. [Route param mismatch] Fixed navigate params from $initiativeId to $id**
+- **Found during:** Task 1 (Dashboard page wiring)
+- **Issue:** Plan suggested navigating to `/initiatives/${id}` but TanStack Router file-based route uses `$id` param
+- **Fix:** Used `/initiatives/$id` with `params: { id }` matching the existing `$id.tsx` route file
+- **Verification:** TypeScript type check passes with route-safe navigation
+- **Committed in:** 24bfcfa (Task 1 commit)
+
+---
+
+**Total deviations:** 1 auto-fixed (route param alignment)
+**Impact on plan:** Necessary for type-safe routing. No scope creep.
+
+## Issues Encountered
+None
+
+## User Setup Required
+None - no external service configuration required.
+
+## Next Phase Readiness
+- Initiative Dashboard is fully functional with all Phase 17 components integrated
+- Phase 18 (Initiative Detail) can build on the navigation from dashboard cards
+- Build passes cleanly, ready for next phase
+
+---
+*Phase: 17-initiative-dashboard*
+*Completed: 2026-02-04*