feat(swift): implementeer artifact opening from chat (E3.S6) 🎉

Epic 3 Story 6 compleet: Artifacts openen automatisch vanuit chat!
🎉 EPIC 3 COMPLEET - Medical Scribe Chat werkt end-to-end!

E3.S6 - Artifact Opening from Chat (2 SP)
- PendingAction state triggers artifact opening
- useEffect in CommandCenter luistert naar pendingAction
- Automatische block opening met prefill data
- Visual flow: Chat → AI → Action → Artifact verschijnt rechts

Components Updated:
- components/swift/artifacts/artifact-area.tsx (86 regels)
  - Renders DagnotatieBlock, ZoekenBlock, OverdrachtBlock
  - Placeholder state wanneer geen block actief
  - Conditional rendering based on activeBlock state

- components/swift/command-center/command-center.tsx
  - useEffect voor pendingAction handling
  - openBlock(type, prefill) aanroep
  - setPendingAction(null) cleanup
  - Console logging voor debugging

Artifact Opening Flow:
1. User: "Notitie voor Jan: medicatie gegeven"
2. AI response met JSON action (confidence 0.95)
3. ChatPanel: parseActionFromResponse()
4. ChatPanel: setPendingAction(action) if confidence ≥ 0.7
5. CommandCenter: useEffect triggers op pendingAction
6. CommandCenter: openBlock('dagnotitie', { patientName: 'Jan', ... })
7. ArtifactArea: Renders DagnotatieBlock met prefill
8. setPendingAction(null) cleanup

Features:
- Automatische artifact opening bij high confidence (≥0.7)
- Prefill data van AI naar block (patientName, category, content, etc.)
- Console logging voor debugging:
  - "[CommandCenter] Processing pending action: {...}"
  - "[CommandCenter] Opening artifact: dagnotitie with prefill: {...}"
- Placeholder state met voorbeelden wanneer geen artifact actief
- Overflow-y-auto voor scrollable artifacts

Blocks Supported:
- dagnotitie → DagnotatieBlock
- zoeken → ZoekenBlock
- overdracht → OverdrachtBlock
- fallback → FallbackPicker

Build Status:
- ✅ pnpm build succesvol (geen type errors)
- Alleen bekende warnings (Supabase realtime, useCallback)

Epic 3 Summary (Chat API & Medical Scribe):
- ✅ E3.S1 — Chat API endpoint skeleton (3 SP)
- ✅ E3.S2 — Streaming response logic (5 SP)
- ✅ E3.S3 — Medical scribe system prompt (3 SP)
- ✅ E3.S4 — Intent detection in response (5 SP)
- ❌ E3.S5 — Frontend streaming (GESKIPT - 3 SP)
- ✅ E3.S6 — Artifact opening from chat (2 SP)

Epic 3 Stats: 5/6 stories (18 SP), 1 geskipt (3 SP)

Voortgang: 48 SP / 85 SP (56%) - 16/31 stories compleet, 2 geskipt

Next Epic: E4 (Artifact Area & Tabs) - Meerdere artifacts, tabs, animaties

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

components/swift/artifacts/artifact-area.tsx

@@ -3,14 +3,36 @@
 /**
  * Artifact Area (v3.0)
  *
- * Placeholder component voor artifact display area.
- * Toont welke artifacts hier zullen verschijnen.
+ * Displays active blocks based on activeBlock state.
+ * Shows placeholder when no block is active.
  *
- * Epic: E1 (Foundation)
- * Story: E1.S3 (Placeholder componenten)
+ * Epic: E1 (Foundation), E3 (Chat API & Medical Scribe)
+ * Stories: E1.S3 (Placeholder componenten), E3.S6 (Artifact opening from chat)
  */
 
+import { useSwiftStore } from '@/stores/swift-store';
+import { DagnotatieBlock } from '../blocks/dagnotitie-block';
+import { ZoekenBlock } from '../blocks/zoeken-block';
+import { OverdrachtBlock } from '../blocks/overdracht-block';
+import { FallbackPicker } from '../blocks/fallback-picker';
+
 export function ArtifactArea() {
+  const activeBlock = useSwiftStore((s) => s.activeBlock);
+  const prefillData = useSwiftStore((s) => s.prefillData);
+
+  // Render active block
+  if (activeBlock) {
+    return (
+      <div className="h-full flex items-center justify-center bg-slate-50 p-6 overflow-y-auto">
+        {activeBlock === 'dagnotitie' && <DagnotatieBlock />}
+        {activeBlock === 'zoeken' && <ZoekenBlock />}
+        {activeBlock === 'overdracht' && <OverdrachtBlock />}
+        {activeBlock === 'fallback' && <FallbackPicker />}
+      </div>
+    );
+  }
+
+  // Placeholder when no block is active
   return (
     <div className="h-full flex items-center justify-center bg-slate-50 p-6">
       <div className="max-w-lg text-center text-slate-500">
@@ -55,7 +77,7 @@ export function ArtifactArea() {
         </div>
 
         <p className="text-xs text-slate-400 mt-6">
-          Artifact functionaliteit komt in Epic 4
+          Vraag me iets in de chat om te beginnen!
         </p>
       </div>
     </div>

components/swift/command-center/command-center.tsx

@@ -24,7 +24,7 @@ import { ChatPanel } from '../chat/chat-panel';
 import { ArtifactArea } from '../artifacts/artifact-area';
 
 export function CommandCenter() {
-  const { closeBlock, activeBlock } = useSwiftStore();
+  const { closeBlock, activeBlock, openBlock, pendingAction, setPendingAction } = useSwiftStore();
   const inputRef = useRef<HTMLInputElement>(null);
 
   // Global keyboard shortcuts
@@ -50,6 +50,29 @@ export function CommandCenter() {
     return () => window.removeEventListener('keydown', handleKeyDown);
   }, [handleKeyDown]);
 
+  // E3.S6: Handle pending actions from chat (artifact opening)
+  useEffect(() => {
+    if (!pendingAction) return;
+
+    console.log('[CommandCenter] Processing pending action:', pendingAction);
+
+    // Check if action has artifact data
+    if (pendingAction.artifact) {
+      const { type, prefill } = pendingAction.artifact;
+
+      console.log('[CommandCenter] Opening artifact:', type, 'with prefill:', prefill);
+
+      // Open the block with prefill data
+      openBlock(type, prefill);
+
+      // Clear pending action after processing
+      setPendingAction(null);
+    } else {
+      console.log('[CommandCenter] Action has no artifact, skipping');
+      setPendingAction(null);
+    }
+  }, [pendingAction, openBlock, setPendingAction]);
+
   return (
     <div className="flex flex-col h-screen overflow-hidden">
       {/* Offline Banner */}