E3.S1 - Chat API endpoint skeleton (3 SP)
- /api/swift/chat route met SSE setup
- Zod validation (message, messages, context)
- Authentication check (session required)
- Rate limiting (20 requests per minute)
- Request body schema voor chat messages en context
E3.S2 - Streaming response logic (5 SP)
- Claude API integration (Anthropic Sonnet 4)
- Real-time streaming via Server-Sent Events
- Event parsing (content_block_delta, message_stop, error)
- Simple system prompt met context injection
- Error handling voor API failures
API Route Features:
- Model: claude-sonnet-4-20250514
- Max tokens: 2048, Temperature: 0.7
- Conversation history: max 20 messages
- Rate limiting per user (20 req/min)
- Request cancellation support
- Context: activePatient + shift
SSE Event Format:
- content_block_delta → {"type":"content","text":"..."}
- message_stop → {"type":"done"}
- error → {"type":"error","error":"..."}
Client Helper (lib/swift/chat-api.ts):
- sendChatMessage() function voor frontend
- SSE stream parsing met TextDecoder
- Callbacks: onChunk, onDone, onError
- Error handling en retry logic
ChatPanel Integration:
- Real-time streaming met updateLastMessage()
- isStreaming state voor UI feedback
- Context injection (patient, shift)
- Error messages in chat
System Prompt (Simple):
- Nederlandse medische assistent voor Swift GGZ EPD
- Context-aware (patiënt + dienst)
- Vriendelijk en professioneel
- Medical scribe functionaliteit komt in E3.S3
Files Created:
- app/api/swift/chat/route.ts (279 regels)
- lib/swift/chat-api.ts (113 regels)
Files Updated:
- components/swift/chat/chat-panel.tsx (+52 regels) - Streaming integration
Epic 3 Progress: 2/6 stories compleet (8 SP / 21 SP = 38%)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
110 lines
2.7 KiB
TypeScript
110 lines
2.7 KiB
TypeScript
/**
|
|
* Swift Chat API Client
|
|
*
|
|
* Client-side helper voor het aanroepen van de Swift chat API met streaming support.
|
|
*
|
|
* Epic: E3 (Chat API & Medical Scribe)
|
|
* Story: E3.S1 (Chat API endpoint skeleton)
|
|
*/
|
|
|
|
import type { ChatMessage } from '@/stores/swift-store';
|
|
|
|
export interface ChatContext {
|
|
activePatient?: {
|
|
id: string;
|
|
first_name: string;
|
|
last_name: string;
|
|
} | null;
|
|
shift: 'nacht' | 'ochtend' | 'middag' | 'avond';
|
|
}
|
|
|
|
export interface StreamEvent {
|
|
type: 'content' | 'done' | 'error';
|
|
text?: string;
|
|
error?: string;
|
|
}
|
|
|
|
/**
|
|
* Send a chat message and receive streaming response via SSE
|
|
*/
|
|
export async function sendChatMessage(
|
|
message: string,
|
|
messages: ChatMessage[],
|
|
context?: ChatContext,
|
|
onChunk?: (text: string) => void,
|
|
onDone?: () => void,
|
|
onError?: (error: string) => void
|
|
): Promise<void> {
|
|
try {
|
|
const response = await fetch('/api/swift/chat', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
message,
|
|
messages,
|
|
context,
|
|
}),
|
|
});
|
|
|
|
if (!response.ok) {
|
|
const errorData = await response.json().catch(() => ({ error: response.statusText }));
|
|
throw new Error(errorData.error || 'API request failed');
|
|
}
|
|
|
|
if (!response.body) {
|
|
throw new Error('Response body is null');
|
|
}
|
|
|
|
// Read SSE stream
|
|
const reader = response.body.getReader();
|
|
const decoder = new TextDecoder();
|
|
|
|
let buffer = '';
|
|
|
|
while (true) {
|
|
const { done, value } = await reader.read();
|
|
|
|
if (done) {
|
|
break;
|
|
}
|
|
|
|
// Decode chunk and add to buffer
|
|
buffer += decoder.decode(value, { stream: true });
|
|
|
|
// Process complete SSE events (separated by \n\n)
|
|
const events = buffer.split('\n\n');
|
|
|
|
// Keep the last incomplete event in the buffer
|
|
buffer = events.pop() || '';
|
|
|
|
// Process complete events
|
|
for (const eventStr of events) {
|
|
if (!eventStr.trim()) continue;
|
|
|
|
// Parse SSE event (format: "data: {...}")
|
|
const dataMatch = eventStr.match(/^data: (.+)$/);
|
|
if (!dataMatch) continue;
|
|
|
|
try {
|
|
const event: StreamEvent = JSON.parse(dataMatch[1]);
|
|
|
|
if (event.type === 'content' && event.text) {
|
|
onChunk?.(event.text);
|
|
} else if (event.type === 'done') {
|
|
onDone?.();
|
|
} else if (event.type === 'error') {
|
|
onError?.(event.error || 'Unknown error');
|
|
}
|
|
} catch (parseError) {
|
|
console.error('Failed to parse SSE event:', parseError);
|
|
}
|
|
}
|
|
}
|
|
} catch (error) {
|
|
console.error('Chat API error:', error);
|
|
onError?.(error instanceof Error ? error.message : 'Unknown error');
|
|
}
|
|
}
|