9b85448a43
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>
64 lines
2.2 KiB
TypeScript
64 lines
2.2 KiB
TypeScript
'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>
|
|
);
|
|
}
|