docs(06-02): complete video playback plan

Tasks completed: 3/3
- Update OutputNode for video detection and playback
- Connect generateVideo output to workflow pipeline
- Bug fix: create generateVideo node for video models in browser

SUMMARY: .planning/phases/06-video-and-polish/06-02-SUMMARY.md

.planning/ROADMAP.md

@@ -85,7 +85,7 @@ Plans:
 
 Plans:
 - [x] 06-01: GenerateVideo node with video-capable model selector
-- [ ] 06-02: Video playback in output node
+- [x] 06-02: Video playback in output node
 - [ ] 06-03: Custom model parameters from provider schemas
 - [ ] 06-04: Edge case handling and final polish
 
@@ -101,4 +101,4 @@ Phases execute in numeric order: 1 → 2 → 3 → 4 → 5 → 6
 | 3. Generate Node Refactor | 3/3 | Complete | 2026-01-09 |
 | 4. Model Search Dialog | 2/2 | Complete | 2026-01-09 |
 | 5. Image URL Server | 2/2 | Complete | 2026-01-09 |
-| 6. Video & Polish | 1/4 | In progress | - |
+| 6. Video & Polish | 2/4 | In progress | - |

.planning/STATE.md

@@ -10,18 +10,18 @@ See: .planning/PROJECT.md (updated 2026-01-09)
 ## Current Position
 
 Phase: 6 of 6 (Video & Polish)
-Plan: 1 of 4 in current phase
+Plan: 2 of 4 in current phase
 Status: In progress
-Last activity: 2026-01-09 - Completed 06-01-PLAN.md (GenerateVideo node)
+Last activity: 2026-01-09 - Completed 06-02-PLAN.md (Video playback in output node)
 
-Progress: [=================================================================================] 87% (13/15 plans)
+Progress: [====================================================================================] 93% (14/15 plans)
 
 ## Performance Metrics
 
 **Velocity:**
-- Total plans completed: 13
+- Total plans completed: 14
-- Average duration: 5.5 min
+- Average duration: 7.1 min
-- Total execution time: 1.18 hours
+- Total execution time: 1.65 hours
 
 **By Phase:**
 
@@ -32,11 +32,11 @@ Progress: [=====================================================================
 | 3. Generate Node Refactor | 3/3 | 13 min | 4.3 min |
 | 4. Model Search Dialog | 2/2 | 17 min | 8.5 min |
 | 5. Image URL Server | 2/2 | 5 min | 2.5 min |
-| 6. Video & Polish | 1/4 | 10 min | 10 min |
+| 6. Video & Polish | 2/4 | 38 min | 19 min |
 
 **Recent Trend:**
-- Last 5 plans: 2 min, 15 min, 3 min, 2 min, 10 min
+- Last 5 plans: 15 min, 3 min, 2 min, 10 min, 28 min
-- Trend: stable
+- Trend: increased (human verification checkpoint)
 
 ## Accumulated Context
 
@@ -85,6 +85,6 @@ Recent decisions affecting current work:
 ## Session Continuity
 
 Last session: 2026-01-09
-Stopped at: Completed 06-01-PLAN.md (GenerateVideo node)
+Stopped at: Completed 06-02-PLAN.md (Video playback in output node)
 Resume file: None
-Next action: Execute 06-02-PLAN.md (Video playback in output node)
+Next action: Execute 06-03-PLAN.md (Custom model parameters)

.planning/phases/06-video-and-polish/06-02-SUMMARY.md

@@ -0,0 +1,112 @@
+---
+phase: 06-video-and-polish
+plan: 02
+subsystem: ui
+tags: [video, output-node, html5-video, workflow-execution]
+
+# Dependency graph
+requires:
+  - phase: 06-01
+    provides: GenerateVideo node with video generation capability
+provides:
+  - Video playback in OutputNode
+  - Video download with .mp4 extension
+  - GenerateVideo → Output workflow pipeline
+affects: [future video features, output node enhancements]
+
+# Tech tracking
+tech-stack:
+  added: []
+  patterns: [video content detection via MIME type and file extension]
+
+key-files:
+  created: []
+  modified:
+    - src/components/nodes/OutputNode.tsx
+    - src/types/index.ts
+    - src/store/workflowStore.ts
+    - src/components/modals/ModelSearchDialog.tsx
+
+key-decisions:
+  - "Video detection via data URL prefix (data:video/) or file extension (.mp4, .webm)"
+  - "Same video element for preview and lightbox with controls, loop, muted autoplay"
+
+patterns-established:
+  - "Content type detection pattern for mixed image/video output nodes"
+
+issues-created: []
+
+# Metrics
+duration: 28min
+completed: 2026-01-09
+---
+
+# Phase 6 Plan 2: Video Playback Summary
+
+**OutputNode now displays video with playback controls, downloads as .mp4, and receives video from GenerateVideo pipeline**
+
+## Performance
+
+- **Duration:** 28 min
+- **Started:** 2026-01-09T10:40:34Z
+- **Completed:** 2026-01-09T11:09:05Z
+- **Tasks:** 3
+- **Files modified:** 4
+
+## Accomplishments
+- OutputNode detects video content and renders HTML5 video element
+- Video playback with controls, loop, muted autoplay, playsinline
+- Video download with .mp4 extension (handles both data URLs and HTTP URLs)
+- Lightbox shows full-size video player
+- GenerateVideo output connects to downstream nodes in workflow
+- Output node sets contentType field for explicit video/image distinction
+
+## Task Commits
+
+Each task was committed atomically:
+
+1. **Task 1: Update OutputNode for video detection and playback** - `b935bc7` (feat)
+2. **Task 2: Connect generateVideo output to workflow pipeline** - `5d8c175` (feat)
+3. **Bug fix: Create generateVideo node for video models in browser** - `28c3edb` (fix)
+
+**Plan metadata:** (this commit)
+
+## Files Created/Modified
+- `src/types/index.ts` - Added video and contentType fields to OutputNodeData
+- `src/components/nodes/OutputNode.tsx` - Video detection, playback, and download
+- `src/store/workflowStore.ts` - generateVideo in getConnectedInputs, video content type in output execution
+- `src/components/modals/ModelSearchDialog.tsx` - Create correct node type for video models
+
+## Decisions Made
+- Video detection uses data URL prefix (data:video/) or file extension (.mp4, .webm)
+- Both data URLs and HTTP URLs handled natively by video element
+- Video element attributes: controls, loop, muted, autoPlay, playsInline
+
+## Deviations from Plan
+
+### Auto-fixed Issues
+
+**1. [Rule 1 - Bug] ModelSearchDialog creating wrong node type for video models**
+- **Found during:** Task 3 (Human verification checkpoint)
+- **Issue:** Model browser always created nanoBanana nodes regardless of model capabilities, so video models weren't pre-selected
+- **Fix:** Check model capabilities for text-to-video/image-to-video and create generateVideo node instead
+- **Files modified:** src/components/modals/ModelSearchDialog.tsx
+- **Verification:** Selecting video model from browser now creates GenerateVideoNode with model selected
+- **Committed in:** 28c3edb
+
+---
+
+**Total deviations:** 1 auto-fixed (bug)
+**Impact on plan:** Bug fix necessary for correct video model selection workflow. No scope creep.
+
+## Issues Encountered
+None
+
+## Next Phase Readiness
+- Video generation pipeline complete: Prompt → GenerateVideo → Output
+- Ready for 06-03: Custom model parameters from provider schemas
+- All video playback and download functionality working
+
+---
+*Phase: 06-video-and-polish*
+*Completed: 2026-01-09*