feat(swift): implementeer intent detection & action parsing (E3.S4)

Epic 3 Story 4 compleet: AI action objects worden geparsed en gevalideerd.

E3.S4 - Intent Detection in Response (5 SP)
- Action parser met JSON extraction uit markdown code blocks
- Zod validatie voor action schema (intent, entities, confidence, artifact)
- Confidence-based artifact opening (≥0.7 threshold)
- Visual feedback met action badges in chat messages
- Console logging voor debugging

Nieuwe Components:
- lib/swift/action-parser.ts (149 regels)
  - parseActionFromResponse(): Extract & validate JSON actions
  - extractJsonBlock(): Regex matching voor ```json blocks
  - removeJsonBlocks(): Clean text zonder JSON
  - shouldOpenArtifact(): Confidence check (≥0.7)
  - getConfidenceLabel(): "Zeer zeker", "Redelijk zeker", etc.
  - validateArtifactType(): Intent/artifact type matching

Components Updated:
- components/swift/chat/chat-panel.tsx
  - Action parsing in onDone callback
  - setPendingAction voor artifact opening (E3.S6)
  - Console logging: "[ChatPanel] Action detected"

- components/swift/chat/chat-message.tsx
  - Action badge met Sparkles icon
  - Intent label (Dagnotitie, Patiënt zoeken, Overdracht)
  - CheckCircle icon voor high confidence (≥0.7)
  - Confidence label display

- stores/swift-store.ts
  - updateLastMessage(): Optional action parameter
  - Type-safe action assignment (null/undefined handling)

Features:
- JSON extraction via regex: /```json\s*\n([\s\S]*?)\n```/
- Zod schema: type, intent, entities, confidence, artifact
- Confidence thresholds: >0.9, 0.7-0.9, 0.5-0.7, <0.5
- Visual feedback: Sparkles + CheckCircle icons
- Cleaned text content (JSON removed from display)
- Action stored in message.action en pendingAction state

Action Schema:
```typescript
{
  type: "action",
  intent: "dagnotitie" | "zoeken" | "overdracht" | "unknown",
  entities: {
    patientName?: string,
    patientId?: string,
    category?: "medicatie" | "adl" | "gedrag" | "incident" | "observatie",
    content?: string,
    query?: string
  },
  confidence: number, // 0-1
  artifact?: {
    type: BlockType,
    prefill: Record<string, any>
  }
}
```

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

Voortgang: 46 SP / 85 SP (54%) - E3.S4 compleet

🤖 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

@@ -0,0 +1,63 @@
+'use client';
+
+/**
+ * Artifact Area (v3.0)
+ *
+ * Placeholder component voor artifact display area.
+ * Toont welke artifacts hier zullen verschijnen.
+ *
+ * Epic: E1 (Foundation)
+ * Story: E1.S3 (Placeholder componenten)
+ */
+
+export function ArtifactArea() {
+  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">
+        <div className="text-5xl mb-4">📋</div>
+        <h3 className="text-xl font-medium text-slate-700 mb-3">
+          Artifacts verschijnen hier
+        </h3>
+        <p className="text-sm mb-6">
+          Wanneer je een actie vraagt in de chat, verschijnt het bijbehorende formulier of overzicht hier.
+        </p>
+
+        <div className="bg-white rounded-lg border border-slate-200 p-4 text-left space-y-3">
+          <div className="flex items-start gap-3">
+            <div className="w-8 h-8 rounded bg-blue-100 flex items-center justify-center text-sm">
+              📝
+            </div>
+            <div className="flex-1">
+              <p className="font-medium text-slate-700 text-sm">Dagnotitie</p>
+              <p className="text-xs text-slate-500">Voor snelle notities tijdens de dienst</p>
+            </div>
+          </div>
+
+          <div className="flex items-start gap-3">
+            <div className="w-8 h-8 rounded bg-green-100 flex items-center justify-center text-sm">
+              🔍
+            </div>
+            <div className="flex-1">
+              <p className="font-medium text-slate-700 text-sm">Patiënt Zoeken</p>
+              <p className="text-xs text-slate-500">Zoek en selecteer patiënten</p>
+            </div>
+          </div>
+
+          <div className="flex items-start gap-3">
+            <div className="w-8 h-8 rounded bg-purple-100 flex items-center justify-center text-sm">
+              🔄
+            </div>
+            <div className="flex-1">
+              <p className="font-medium text-slate-700 text-sm">Overdracht</p>
+              <p className="text-xs text-slate-500">Dienst overdracht met AI-samenvatting</p>
+            </div>
+          </div>
+        </div>
+
+        <p className="text-xs text-slate-400 mt-6">
+          Artifact functionaliteit komt in Epic 4
+        </p>
+      </div>
+    </div>
+  );
+}

components/swift/chat/chat-message.tsx

@@ -12,8 +12,10 @@
 
 import { format } from 'date-fns';
 import { nl } from 'date-fns/locale';
+import { CheckCircle2, Sparkles } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import type { ChatMessage as ChatMessageType } from '@/stores/swift-store';
+import { getConfidenceLabel } from '@/lib/swift/action-parser';
 
 // Message styling configuration per type
 const MESSAGE_STYLES = {
@@ -65,6 +67,27 @@ export function ChatMessage({ message, showTimestamp = false }: ChatMessageProps
         {message.content}
       </div>
 
+      {/* Action badge (E3.S4) - show if action was detected */}
+      {message.action && message.type === 'assistant' && (
+        <div className="mt-2 pt-2 border-t border-slate-200">
+          <div className="flex items-center gap-2 text-xs">
+            <Sparkles className="w-3.5 h-3.5 text-amber-600" />
+            <span className="font-medium text-slate-700">
+              {message.action.intent === 'dagnotitie' && 'Dagnotitie'}
+              {message.action.intent === 'zoeken' && 'Patiënt zoeken'}
+              {message.action.intent === 'overdracht' && 'Overdracht'}
+              {message.action.intent === 'unknown' && 'Onbekend'}
+            </span>
+            {message.action.confidence >= 0.7 && (
+              <CheckCircle2 className="w-3.5 h-3.5 text-green-600" />
+            )}
+            <span className="text-slate-500">
+              {getConfidenceLabel(message.action.confidence)}
+            </span>
+          </div>
+        </div>
+      )}
+
       {/* Timestamp (optional) */}
       {showTimestamp && message.timestamp && (
         <div className="text-xs text-slate-400 mt-1.5">

components/swift/chat/chat-panel.tsx

@@ -15,6 +15,7 @@ import { ChatMessage } from './chat-message';
 import { ChatInput, ChatInputHandle } from './chat-input';
 import { useSwiftStore } from '@/stores/swift-store';
 import { sendChatMessage } from '@/lib/swift/chat-api';
+import { parseActionFromResponse, shouldOpenArtifact } from '@/lib/swift/action-parser';
 import { cn } from '@/lib/utils';
 
 export function ChatPanel() {
@@ -23,6 +24,7 @@ export function ChatPanel() {
   const updateLastMessage = useSwiftStore((s) => s.updateLastMessage);
   const setStreaming = useSwiftStore((s) => s.setStreaming);
   const isStreaming = useSwiftStore((s) => s.isStreaming);
+  const setPendingAction = useSwiftStore((s) => s.setPendingAction);
   const activePatient = useSwiftStore((s) => s.activePatient);
   const shift = useSwiftStore((s) => s.shift);
 
@@ -174,8 +176,28 @@ export function ChatPanel() {
               updateLastMessage(accumulatedContent);
             },
             () => {
-              // On done
+              // On done - parse action from complete response
               setStreaming(false);
+
+              // E3.S4: Parse action object from AI response
+              const parsed = parseActionFromResponse(accumulatedContent);
+
+              if (parsed.action) {
+                console.log('[ChatPanel] Action detected:', parsed.action);
+
+                // Update last message with cleaned text content and action
+                updateLastMessage(parsed.textContent, parsed.action);
+
+                // Store action in pendingAction for artifact opening (E3.S6)
+                if (shouldOpenArtifact(parsed.action.confidence)) {
+                  setPendingAction(parsed.action);
+                  console.log('[ChatPanel] Pending action set (confidence:', parsed.action.confidence, ')');
+                } else {
+                  console.log('[ChatPanel] Action confidence too low:', parsed.action.confidence);
+                }
+              } else {
+                console.log('[ChatPanel] No action detected in response');
+              }
             },
             (error) => {
               // On error

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

@@ -1,25 +1,27 @@
 'use client';
 
 /**
- * Command Center
+ * Command Center (v3.0)
  *
  * Main container for the Swift interface.
- * 4-zone layout: Context Bar | Canvas Area | Recent Strip | Command Input
+ * Split-screen layout: Chat Panel (40%) | Artifact Area (60%)
  *
  * Layout specs:
- * - Context Bar: 48px (h-12)
- * - Canvas Area: flex-1 (fills remaining space)
- * - Recent Strip: 48px (h-12)
- * - Command Input: 64px (h-16)
+ * - Context Bar: 48px (h-12) - UNCHANGED
+ * - Split container: flex-1 (fills remaining space)
+ *   - Chat Panel: 40% width (desktop), 100% (mobile)
+ *   - Artifact Area: 60% width (desktop), 100% (mobile)
+ *
+ * Epic: E1 (Foundation)
+ * Stories: E1.S2 (Split-screen layout), E1.S3 (Placeholders), E1.S4 (Responsive)
  */
 
 import { useEffect, useCallback, useRef } from 'react';
 import { useSwiftStore } from '@/stores/swift-store';
 import { ContextBar } from './context-bar';
-import { CommandInput } from './command-input';
-import { RecentStrip } from './recent-strip';
-import { CanvasArea } from './canvas-area';
 import { OfflineBanner } from './offline-banner';
+import { ChatPanel } from '../chat/chat-panel';
+import { ArtifactArea } from '../artifacts/artifact-area';
 
 export function CommandCenter() {
   const { closeBlock, activeBlock } = useSwiftStore();
@@ -34,7 +36,7 @@ export function CommandCenter() {
         closeBlock();
       }
 
-      // Cmd/Ctrl + K: focus input
+      // Cmd/Ctrl + K: focus input (chat input in v3.0)
       if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
         e.preventDefault();
         inputRef.current?.focus();
@@ -49,21 +51,25 @@ export function CommandCenter() {
   }, [handleKeyDown]);
 
   return (
-    <>
+    <div className="flex flex-col h-screen overflow-hidden">
       {/* Offline Banner */}
       <OfflineBanner />
 
-      {/* Context Bar - 48px */}
+      {/* Context Bar - 48px (unchanged) */}
       <ContextBar />
 
-      {/* Canvas Area - flex */}
-      <CanvasArea />
+      {/* Split-screen container - flex-1 */}
+      <div className="flex-1 flex overflow-hidden">
+        {/* Chat Panel - 40% (desktop), 100% (mobile) */}
+        <div className="w-full lg:w-[40%] border-r border-slate-200 flex flex-col">
+          <ChatPanel />
+        </div>
 
-      {/* Recent Strip - 48px */}
-      <RecentStrip />
-
-      {/* Command Input - 64px */}
-      <CommandInput ref={inputRef} />
-    </>
+        {/* Artifact Area - 60% (desktop), hidden on mobile */}
+        <div className="hidden lg:flex lg:w-[60%] flex-col">
+          <ArtifactArea />
+        </div>
+      </div>
+    </div>
   );
 }