docs(04-01): complete floating action bar provider icons plan

Tasks completed: 2/2
- Add provider icon buttons to FloatingActionBar
- Add dialog state management and placeholder

SUMMARY: .planning/phases/04-model-search-dialog/04-01-SUMMARY.md

.planning/ROADMAP.md

@@ -63,7 +63,7 @@ Plans:
 **Plans**: TBD
 
 Plans:
-- [ ] 04-01: Floating action bar with provider icons
+- [x] 04-01: Floating action bar with provider icons
 - [ ] 04-02: Model search dialog with filtering and selection
 
 ### Phase 5: Image URL Server
@@ -99,6 +99,6 @@ Phases execute in numeric order: 1 → 2 → 3 → 4 → 5 → 6
 | 1. Provider Infrastructure | 2/2 | Complete | 2026-01-09 |
 | 2. Model Discovery | 3/3 | Complete | 2026-01-09 |
 | 3. Generate Node Refactor | 3/3 | Complete | 2026-01-09 |
-| 4. Model Search Dialog | 0/2 | Not started | - |
+| 4. Model Search Dialog | 1/2 | In progress | - |
 | 5. Image URL Server | 0/2 | Not started | - |
 | 6. Video & Polish | 0/4 | Not started | - |

.planning/STATE.md

@@ -9,19 +9,19 @@ See: .planning/PROJECT.md (updated 2026-01-09)
 
 ## Current Position
 
-Phase: 3 of 6 (Generate Node Refactor) - COMPLETE
+Phase: 4 of 6 (Model Search Dialog)
-Plan: 3 of 3 in current phase
+Plan: 1 of 2 in current phase
-Status: Phase complete
+Status: In progress
-Last activity: 2026-01-09 - Completed 03-03-PLAN.md (Backward compatibility)
+Last activity: 2026-01-09 - Completed 04-01-PLAN.md (Floating action bar provider icons)
 
-Progress: [======================================================] 53% (8/15 plans)
+Progress: [==========================================================] 60% (9/15 plans)
 
 ## Performance Metrics
 
 **Velocity:**
-- Total plans completed: 8
+- Total plans completed: 9
-- Average duration: 4.9 min
+- Average duration: 4.6 min
-- Total execution time: 0.67 hours
+- Total execution time: 0.70 hours
 
 **By Phase:**
 
@@ -30,9 +30,10 @@ Progress: [======================================================] 53% (8/15 pla
 | 1. Provider Infrastructure | 2/2 | 14 min | 7 min |
 | 2. Model Discovery | 3/3 | 14 min | 4.7 min |
 | 3. Generate Node Refactor | 3/3 | 13 min | 4.3 min |
+| 4. Model Search Dialog | 1/2 | 2 min | 2 min |
 
 **Recent Trend:**
-- Last 5 plans: 5 min, 5 min, 5 min, 3 min
+- Last 5 plans: 5 min, 5 min, 3 min, 2 min
 - Trend: improving
 
 ## Accumulated Context
@@ -61,6 +62,8 @@ Recent decisions affecting current work:
 - Header-based API key passing: X-Replicate-API-Key, X-Fal-API-Key
 - fal.ai sync API (fal.run) instead of queue-based async
 - Dual migration approach: loadWorkflow migrates + UI effect for runtime
+- fal.ai icon always visible in action bar (works without key but rate limited)
+- Replicate icon only visible when API key is configured
 
 ### Deferred Issues
 
@@ -73,6 +76,6 @@ None.
 ## Session Continuity
 
 Last session: 2026-01-09
-Stopped at: Completed 03-03-PLAN.md (Backward compatibility)
+Stopped at: Completed 04-01-PLAN.md (Floating action bar provider icons)
 Resume file: None
-Next action: Plan Phase 4 (Model Search Dialog)
+Next action: Execute 04-02-PLAN.md (Model search dialog with filtering and selection)

.planning/phases/04-model-search-dialog/04-01-SUMMARY.md

@@ -0,0 +1,98 @@
+---
+phase: 04-model-search-dialog
+plan: 01
+subsystem: ui
+tags: [react, zustand, floating-action-bar, provider-icons]
+
+# Dependency graph
+requires:
+  - phase: 03-generate-node-refactor
+    provides: Provider settings state and multi-provider node support
+provides:
+  - Provider icon buttons in FloatingActionBar (Replicate, fal.ai)
+  - Model search dialog state management (modelSearchOpen, modelSearchProvider)
+  - setModelSearchOpen action for toggling dialog with provider filter
+affects: [04-02-model-search-dialog]
+
+# Tech tracking
+tech-stack:
+  added: []
+  patterns:
+    - Conditional icon visibility based on API key configuration
+
+key-files:
+  created: []
+  modified:
+    - src/components/FloatingActionBar.tsx
+    - src/store/workflowStore.ts
+
+key-decisions:
+  - "fal.ai icon always visible (works without key but rate limited)"
+  - "Replicate icon only visible when API key is configured"
+
+patterns-established:
+  - "Provider icon buttons with conditional visibility based on API key"
+
+issues-created: []
+
+# Metrics
+duration: 2min
+completed: 2026-01-09
+---
+
+# Phase 4 Plan 1: Floating Action Bar Provider Icons Summary
+
+**Provider icon buttons with Replicate (R) and fal.ai (lightning) icons, conditional visibility, and placeholder dialog for model search**
+
+## Performance
+
+- **Duration:** 2 min
+- **Started:** 2026-01-09T08:06:19Z
+- **Completed:** 2026-01-09T08:08:36Z
+- **Tasks:** 2
+- **Files modified:** 2
+
+## Accomplishments
+
+- Added provider icon buttons to FloatingActionBar after the Generate combo button
+- Replicate icon shows only when API key is configured in provider settings
+- fal.ai icon always visible since it works without API key (but rate limited)
+- Added modelSearchOpen and modelSearchProvider state to workflowStore
+- Added setModelSearchOpen action to toggle dialog with provider filter
+- Placeholder dialog confirms state wiring works (ready for 04-02)
+
+## Task Commits
+
+Each task was committed atomically:
+
+1. **Task 1: Add provider icon buttons to FloatingActionBar** - `88c6232` (feat)
+2. **Task 2: Add dialog state management and placeholder** - `e0a21f8` (feat)
+
+## Files Created/Modified
+
+- `src/components/FloatingActionBar.tsx` - Added ProviderIconButton component, provider icons section, and placeholder dialog
+- `src/store/workflowStore.ts` - Added modelSearchOpen/modelSearchProvider state and setModelSearchOpen action
+
+## Decisions Made
+
+- fal.ai icon always visible since fal.ai works without API key (but rate limited)
+- Replicate icon only visible when providerSettings.providers.replicate?.apiKey exists
+- Using simple SVG icons: stylized "R" for Replicate, lightning bolt for fal.ai
+
+## Deviations from Plan
+
+None - plan executed exactly as written.
+
+## Issues Encountered
+
+None
+
+## Next Phase Readiness
+
+- Provider icons appear in FloatingActionBar
+- State management ready for 04-02 to implement full model search dialog
+- modelSearchProvider tracks which provider to filter by when dialog opens
+
+---
+*Phase: 04-model-search-dialog*
+*Completed: 2026-01-09*