void;
+}
+
+export function ReportComposer({
+ patientId,
+ patientName,
+ selectedReport,
+ onReportCreated,
+}: ReportComposerProps) {
+ const router = useRouter();
+ const [content, setContent] = useState('');
+ const [classification, setClassification] = useState(null);
+ const [selectedType, setSelectedType] = useState<'behandeladvies' | 'vrije_notitie'>('vrije_notitie');
+ const [isAnalyzing, setIsAnalyzing] = useState(false);
+ const [isSaving, setIsSaving] = useState(false);
+ const [error, setError] = useState(null);
+ const [lastAutosave, setLastAutosave] = useState(null);
+ const draftStorageKey = useMemo(() => `rapportage-draft-${patientId}`, [patientId]);
+
+ const characterCount = content.length;
+ const contentInvalid = characterCount < 20 || characterCount > 5000;
+
+ useEffect(() => {
+ if (typeof window === 'undefined') return;
+ const stored = window.localStorage.getItem(draftStorageKey);
+ if (stored) {
+ try {
+ const draft = JSON.parse(stored) as {
+ content?: string;
+ type?: 'behandeladvies' | 'vrije_notitie';
+ updatedAt?: string;
+ };
+ if (draft.content) {
+ setContent(draft.content);
+ }
+ if (draft.type) {
+ setSelectedType(draft.type);
+ }
+ if (draft.updatedAt) {
+ setLastAutosave(new Date(draft.updatedAt));
+ }
+ } catch (draftError) {
+ console.error('Failed to parse draft', draftError);
+ window.localStorage.removeItem(draftStorageKey);
+ }
+ }
+ }, [draftStorageKey]);
+
+ useEffect(() => {
+ if (typeof window === 'undefined') return;
+ if (!content && selectedType === 'vrije_notitie') {
+ window.localStorage.removeItem(draftStorageKey);
+ setLastAutosave(null);
+ return;
+ }
+
+ const timeout = window.setTimeout(() => {
+ const payload = {
+ content,
+ type: selectedType,
+ updatedAt: new Date().toISOString(),
+ };
+ window.localStorage.setItem(draftStorageKey, JSON.stringify(payload));
+ setLastAutosave(new Date(payload.updatedAt));
+ }, 800);
+
+ return () => window.clearTimeout(timeout);
+ }, [content, selectedType, draftStorageKey]);
+
+ const referenceSnippet = useMemo(() => {
+ if (!selectedReport) return null;
+ const createdAt = selectedReport.created_at ? new Date(selectedReport.created_at) : null;
+ return {
+ preview:
+ selectedReport.content.length > 160
+ ? `${selectedReport.content.slice(0, 160)}…`
+ : selectedReport.content,
+ meta: createdAt
+ ? `${createdAt.toLocaleDateString('nl-NL')} • ${createdAt.toLocaleTimeString('nl-NL')}`
+ : 'Onbekende datum',
+ type: selectedReport.type,
+ };
+ }, [selectedReport]);
+
+ const analyzeWithAI = async () => {
+ if (contentInvalid) return;
+ setIsAnalyzing(true);
+ setError(null);
+ try {
+ const response = await fetch('/api/reports/classify', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/json',
+ },
+ body: JSON.stringify({ content }),
+ });
+
+ if (!response.ok) {
+ throw new Error('AI-analyse mislukt');
+ }
+
+ const result: ClassificationResult = await response.json();
+ setClassification(result);
+ setSelectedType(result.type);
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'AI-analyse mislukt';
+ setClassification(null);
+ setSelectedType('vrije_notitie');
+ setError(message);
+ toast({ variant: 'destructive', title: 'AI-analyse mislukt', description: message });
+ } finally {
+ setIsAnalyzing(false);
+ }
+ };
+
+ const saveReport = async () => {
+ setIsSaving(true);
+ setError(null);
+ try {
+ const created = await createReport(patientId, {
+ type: selectedType,
+ content,
+ ai_confidence: classification?.confidence,
+ ai_reasoning: classification?.reasoning,
+ });
+ toast({
+ title: 'Rapportage opgeslagen',
+ description: `${patientName} heeft nu een nieuwe notitie in de tijdlijn.`,
+ });
+ onReportCreated?.(created);
+ setContent('');
+ setClassification(null);
+ setSelectedType('vrije_notitie');
+ if (typeof window !== 'undefined') {
+ window.localStorage.removeItem(draftStorageKey);
+ }
+ setLastAutosave(null);
+ router.refresh();
+ } catch (err) {
+ const message = err instanceof Error ? err.message : 'Opslaan mislukt';
+ setError(message);
+ toast({ variant: 'destructive', title: 'Opslaan mislukt', description: message });
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ const insertReference = () => {
+ if (!selectedReport || !referenceSnippet) return;
+ const prefix = content ? `${content.trim()}\n\n` : '';
+ const block = `> ${referenceSnippet.preview}\n(${referenceSnippet.type} • ${referenceSnippet.meta})`;
+ setContent(`${prefix}${block}\n\n`);
+ };
+
+ return (
+
+
+
+
+ {referenceSnippet && (
+ Nieuwe rapportage
+Voor {patientName}
++ Schrijf vanuit tekst of spraak en gebruik AI voor typebepaling. +
+
+
+ )}
+
+
+ Geselecteerde rapportage
+ {referenceSnippet.meta}
+
+ {referenceSnippet.preview}
+
+ {referenceSnippet.type}
+
+
+
+
+