diff --git a/app/api/reports/[reportId]/route.ts b/app/api/reports/[reportId]/route.ts
new file mode 100644
index 0000000..685fd87
--- /dev/null
+++ b/app/api/reports/[reportId]/route.ts
@@ -0,0 +1,138 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { z } from 'zod';
+import { createClient } from '@/lib/auth/server';
+
+const uuidSchema = z.string().uuid('reportId moet een geldige UUID zijn');
+
+export async function GET(
+  _request: NextRequest,
+  { params }: { params: Promise<{ reportId: string }> }
+) {
+  try {
+    const { reportId } = await params;
+
+    if (!uuidSchema.safeParse(reportId).success) {
+      return NextResponse.json(
+        { error: 'reportId moet een geldige UUID zijn' },
+        { status: 400 }
+      );
+    }
+
+    const supabase = await createClient();
+    const { data, error } = await supabase
+      .from('reports')
+      .select('*')
+      .eq('id', reportId)
+      .is('deleted_at', null)
+      .single();
+
+    if (error) {
+      if (error.code === 'PGRST116') {
+        return NextResponse.json({ error: 'Rapport niet gevonden' }, { status: 404 });
+      }
+
+      console.error('Error fetching report:', error);
+      return NextResponse.json(
+        { error: 'Fout bij ophalen rapport', details: error.message },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json(data);
+  } catch (error) {
+    console.error('Unexpected error in GET /api/reports/[reportId]:', error);
+    return NextResponse.json(
+      { error: 'Onverwachte serverfout' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function PATCH(
+  request: NextRequest,
+  { params }: { params: Promise<{ reportId: string }> }
+) {
+  try {
+    const { reportId } = await params;
+    const body = await request.json();
+
+    if (!uuidSchema.safeParse(reportId).success) {
+      return NextResponse.json(
+        { error: 'reportId moet een geldige UUID zijn' },
+        { status: 400 }
+      );
+    }
+
+    const supabase = await createClient();
+    const { data, error } = await supabase
+      .from('reports')
+      .update({ ...body, updated_at: new Date().toISOString() })
+      .eq('id', reportId)
+      .select('*')
+      .single();
+
+    if (error) {
+      if (error.code === 'PGRST116') {
+        return NextResponse.json({ error: 'Rapport niet gevonden' }, { status: 404 });
+      }
+
+      console.error('Error updating report:', error);
+      return NextResponse.json(
+        { error: 'Fout bij updaten rapport', details: error.message },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json(data);
+  } catch (error) {
+    console.error('Unexpected error in PATCH /api/reports/[reportId]:', error);
+    if (error instanceof SyntaxError) {
+      return NextResponse.json(
+        { error: 'Ongeldige JSON in request body' },
+        { status: 400 }
+      );
+    }
+    return NextResponse.json(
+      { error: 'Onverwachte serverfout' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function DELETE(
+  _request: NextRequest,
+  { params }: { params: Promise<{ reportId: string }> }
+) {
+  try {
+    const { reportId } = await params;
+
+    if (!uuidSchema.safeParse(reportId).success) {
+      return NextResponse.json(
+        { error: 'reportId moet een geldige UUID zijn' },
+        { status: 400 }
+      );
+    }
+
+    const supabase = await createClient();
+    const { error } = await supabase
+      .from('reports')
+      .update({ deleted_at: new Date().toISOString() })
+      .eq('id', reportId);
+
+    if (error) {
+      console.error('Error deleting report:', error);
+      return NextResponse.json(
+        { error: 'Verwijderen mislukt', details: error.message },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json({ success: true });
+  } catch (error) {
+    console.error('Unexpected error in DELETE /api/reports/[reportId]:', error);
+    return NextResponse.json(
+      { error: 'Onverwachte serverfout' },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/api/reports/classify/route.ts b/app/api/reports/classify/route.ts
new file mode 100644
index 0000000..dccac0f
--- /dev/null
+++ b/app/api/reports/classify/route.ts
@@ -0,0 +1,79 @@
+import { NextRequest, NextResponse } from 'next/server';
+
+const CLASSIFICATION_PROMPT = `
+Je bent een classificatie-assistent voor een GGZ EPD-systeem.
+
+Classificeer de volgende rapportage als één van deze types:
+
+**Behandeladvies:**
+- Bevat een concreet behandelplan of voorstel
+- Noemt doelen, interventies, aanpak
+- Woorden zoals: "advies", "plan", "traject", "sessies", "behandeling"
+
+**Vrije notitie:**
+- Alles wat niet duidelijk een behandeladvies is
+- Algemene observaties, opmerkingen, aantekeningen
+
+Return ALLEEN JSON:
+{
+  "type": "behandeladvies" | "vrije_notitie",
+  "confidence": 0.0-1.0,
+  "reasoning": "optionele uitleg"
+}`;
+
+export async function POST(request: NextRequest) {
+  try {
+    const { content } = await request.json();
+
+    if (!content || content.length < 20) {
+      return NextResponse.json(
+        { error: 'Content moet minimaal 20 karakters bevatten' },
+        { status: 400 }
+      );
+    }
+
+    const apiKey = process.env.ANTHROPIC_API_KEY;
+    if (!apiKey) {
+      return NextResponse.json(
+        { error: 'ANTHROPIC_API_KEY ontbreekt' },
+        { status: 500 }
+      );
+    }
+
+    const anthropicResponse = await fetch('https://api.anthropic.com/v1/messages', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-api-key': apiKey,
+        'anthropic-version': '2023-06-01',
+      },
+      body: JSON.stringify({
+        model: 'claude-3-5-sonnet-20240620',
+        max_tokens: 256,
+        temperature: 0,
+        system: CLASSIFICATION_PROMPT,
+        messages: [
+          { role: 'user', content: content.trim() },
+        ],
+      }),
+    });
+
+    if (!anthropicResponse.ok) {
+      const errorBody = await anthropicResponse.text();
+      throw new Error(`Claude API error: ${errorBody}`);
+    }
+
+    const data = await anthropicResponse.json();
+    const rawText = data?.content?.[0]?.text ?? '';
+    const parsed = JSON.parse(rawText);
+
+    return NextResponse.json(parsed);
+  } catch (error) {
+    console.error('AI classification error:', error);
+    return NextResponse.json({
+      type: 'vrije_notitie',
+      confidence: 0.5,
+      reasoning: 'AI classificatie mislukt. Kies handmatig een type.',
+    });
+  }
+}
diff --git a/app/api/reports/route.ts b/app/api/reports/route.ts
new file mode 100644
index 0000000..e9614d0
--- /dev/null
+++ b/app/api/reports/route.ts
@@ -0,0 +1,120 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { z } from 'zod';
+import { createClient } from '@/lib/auth/server';
+import { CreateReportSchema, type ReportListResponse } from '@/lib/types/report';
+
+export async function GET(request: NextRequest) {
+  try {
+    const { searchParams } = new URL(request.url);
+    const patientId = searchParams.get('patientId');
+
+    if (!patientId) {
+      return NextResponse.json(
+        { error: 'patientId query parameter is verplicht' },
+        { status: 400 }
+      );
+    }
+
+    if (!z.string().uuid().safeParse(patientId).success) {
+      return NextResponse.json(
+        { error: 'patientId moet een geldige UUID zijn' },
+        { status: 400 }
+      );
+    }
+
+    const supabase = await createClient();
+    const { data, error } = await supabase
+      .from('reports')
+      .select('*')
+      .eq('patient_id', patientId)
+      .is('deleted_at', null)
+      .order('created_at', { ascending: false });
+
+    if (error) {
+      console.error('Error fetching reports:', error);
+      return NextResponse.json(
+        { error: 'Fout bij ophalen rapportages', details: error.message },
+        { status: 500 }
+      );
+    }
+
+    const response: ReportListResponse = {
+      reports: data ?? [],
+      total: data?.length ?? 0,
+    };
+
+    return NextResponse.json(response);
+  } catch (error) {
+    console.error('Unexpected error in GET /api/reports:', error);
+    return NextResponse.json(
+      { error: 'Onverwachte serverfout' },
+      { status: 500 }
+    );
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const result = CreateReportSchema.safeParse(body);
+
+    if (!result.success) {
+      return NextResponse.json(
+        {
+          error: 'Validatiefout',
+          details: result.error.issues.map((issue) => ({
+            field: issue.path.join('.'),
+            message: issue.message,
+          })),
+        },
+        { status: 400 }
+      );
+    }
+
+    const supabase = await createClient();
+    const { data: authData } = await supabase.auth.getUser();
+
+    if (!authData?.user) {
+      return NextResponse.json(
+        { error: 'Niet geautoriseerd' },
+        { status: 401 }
+      );
+    }
+
+    const { patient_id, type, content, ai_confidence, ai_reasoning } = result.data;
+    const { data, error } = await supabase
+      .from('reports')
+      .insert({
+        patient_id,
+        type,
+        content,
+        ai_confidence,
+        ai_reasoning,
+        created_by: authData.user.id,
+      })
+      .select('*')
+      .single();
+
+    if (error) {
+      console.error('Error creating report:', error);
+      return NextResponse.json(
+        { error: 'Opslaan mislukt', details: error.message },
+        { status: 500 }
+      );
+    }
+
+    return NextResponse.json(data, { status: 201 });
+  } catch (error) {
+    console.error('Unexpected error in POST /api/reports:', error);
+    if (error instanceof SyntaxError) {
+      return NextResponse.json(
+        { error: 'Ongeldige JSON in request body' },
+        { status: 400 }
+      );
+    }
+    return NextResponse.json(
+      { error: 'Onverwachte serverfout' },
+      { status: 500 }
+    );
+  }
+}
diff --git a/app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/treatment-advice-form.tsx b/app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/treatment-advice-form.tsx
index ad9792b..7e8bf71 100644
--- a/app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/treatment-advice-form.tsx
+++ b/app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/treatment-advice-form.tsx
@@ -5,7 +5,7 @@ import { saveTreatmentAdvice } from '../../actions';
 import { Loader2, Calendar, UserCircle, ClipboardList, Share2, CheckCircle2 } from 'lucide-react';
 import Link from 'next/link';
 import { RichTextEditor } from '@/components/rich-text-editor';
-import { SpeechRecorder } from './speech-recorder';
+import { SpeechRecorder } from '@/components/speech-recorder';
 
 interface AdviceData {
   advice?: string;
diff --git a/app/epd/patients/[id]/intakes/actions.ts b/app/epd/patients/[id]/intakes/actions.ts
index 7c5dae7..183683b 100644
--- a/app/epd/patients/[id]/intakes/actions.ts
+++ b/app/epd/patients/[id]/intakes/actions.ts
@@ -9,7 +9,7 @@
 
 import { revalidatePath } from 'next/cache';
 import { redirect } from 'next/navigation';
-import { headers, cookies } from 'next/headers';
+import { authFetch, getBaseUrl } from '@/lib/server/api-client';
 import type {
   Intake,
   CreateIntakeInput,
@@ -21,42 +21,6 @@ import type {
  * Get the base URL for API calls in server actions
  * Uses headers() to get the host from the request
  */
-function getBaseUrl(): string {
-  // Try environment variable first
-  if (process.env.NEXT_PUBLIC_APP_URL) {
-    return process.env.NEXT_PUBLIC_APP_URL;
-  }
-  
-  // Try to get from headers (works in server components/actions)
-  try {
-    const headersList = headers();
-    const host = headersList.get('host');
-    const protocol = headersList.get('x-forwarded-proto') || 'http';
-    if (host) {
-      return `${protocol}://${host}`;
-    }
-  } catch {
-    // Headers not available, fallback to localhost
-  }
-  
-  // Fallback to localhost
-  return 'http://localhost:3000';
-}
-
-/**
- * Get cookies as a string for fetch headers
- */
-async function getCookieHeader(): Promise<string> {
-  try {
-    const cookieStore = await cookies();
-    return cookieStore
-      .getAll()
-      .map((cookie) => `${cookie.name}=${cookie.value}`)
-      .join('; ');
-  } catch {
-    return '';
-  }
-}
 
 /**
  * Get all intakes for a specific patient
@@ -69,13 +33,8 @@ export async function getIntakesByPatientId(patientId: string): Promise<Intake[]
     const url = new URL('/api/intakes', baseUrl);
     url.searchParams.set('patientId', patientId);
     
-    const cookieHeader = await getCookieHeader();
-
-    const response = await fetch(url.toString(), {
+    const response = await authFetch(url.toString(), {
       cache: 'no-store',
-      headers: {
-        ...(cookieHeader && { Cookie: cookieHeader }),
-      },
     });
 
     if (!response.ok) {
@@ -112,13 +71,8 @@ export async function getIntakeById(intakeId: string): Promise<Intake | null> {
   try {
     const baseUrl = getBaseUrl();
     const url = `${baseUrl}/api/intakes/${intakeId}`;
-    const cookieHeader = await getCookieHeader();
-
-    const response = await fetch(url, {
+    const response = await authFetch(url, {
       cache: 'no-store',
-      headers: {
-        ...(cookieHeader && { Cookie: cookieHeader }),
-      },
     });
 
     if (response.status === 404) {
@@ -163,13 +117,10 @@ export async function createIntake(input: CreateIntakeInput): Promise<Intake> {
   try {
     const baseUrl = getBaseUrl();
     const url = `${baseUrl}/api/intakes`;
-    const cookieHeader = await getCookieHeader();
-
-    const response = await fetch(url, {
+    const response = await authFetch(url, {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
-        ...(cookieHeader && { Cookie: cookieHeader }),
       },
       body: JSON.stringify(input),
     });
@@ -230,13 +181,10 @@ export async function updateIntake(
   try {
     const baseUrl = getBaseUrl();
     const url = `${baseUrl}/api/intakes/${intakeId}`;
-    const cookieHeader = await getCookieHeader();
-
-    const response = await fetch(url, {
+    const response = await authFetch(url, {
       method: 'PUT',
       headers: {
         'Content-Type': 'application/json',
-        ...(cookieHeader && { Cookie: cookieHeader }),
       },
       body: JSON.stringify(input),
     });
@@ -332,4 +280,3 @@ export async function deleteIntake(intakeId: string, patientId: string): Promise
     throw error instanceof Error ? error : new Error('Failed to delete intake');
   }
 }
-
diff --git a/app/epd/patients/[id]/rapportage/components/rapportage-modal.tsx b/app/epd/patients/[id]/rapportage/components/rapportage-modal.tsx
deleted file mode 100644
index 92ea62a..0000000
--- a/app/epd/patients/[id]/rapportage/components/rapportage-modal.tsx
+++ /dev/null
@@ -1,196 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog';
-import { Button } from '@/components/ui/button';
-import { SpeechRecorder } from '@/components/speech-recorder';
-import type { ClassificationResult } from '@/lib/types/report';
-import { createReport } from '../actions';
-import { toast } from '@/hooks/use-toast';
-
-interface RapportageModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  patientId: string;
-  patientName: string;
-}
-
-export function RapportageModal({ isOpen, onClose, patientId, patientName }: RapportageModalProps) {
-  const [content, setContent] = useState('');
-  const [classification, setClassification] = useState<ClassificationResult | null>(null);
-  const [selectedType, setSelectedType] = useState<'behandeladvies' | 'vrije_notitie'>('vrije_notitie');
-  const [isAnalyzing, setIsAnalyzing] = useState(false);
-  const [isSaving, setIsSaving] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const router = useRouter();
-
-  useEffect(() => {
-    if (!isOpen) {
-      setContent('');
-      setClassification(null);
-      setSelectedType('vrije_notitie');
-      setError(null);
-      setIsAnalyzing(false);
-      setIsSaving(false);
-    }
-  }, [isOpen]);
-
-  const handleAnalyze = 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) {
-      setClassification(null);
-      setSelectedType('vrije_notitie');
-      const message = err instanceof Error ? err.message : 'AI-analyse mislukt';
-      setError(message);
-      toast({
-        variant: 'destructive',
-        title: 'AI-analyse mislukt',
-        description: message,
-      });
-    } finally {
-      setIsAnalyzing(false);
-    }
-  };
-
-  const handleSave = async () => {
-    setIsSaving(true);
-    setError(null);
-    try {
-      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.`,
-      });
-      router.refresh();
-      onClose();
-    } 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 characterCount = content.length;
-  const contentInvalid = characterCount < 20 || characterCount > 5000;
-
-  return (
-    <Dialog
-      open={isOpen}
-      onOpenChange={(open) => {
-        if (!open) {
-          onClose();
-        }
-      }}
-    >
-      <DialogContent className="max-w-2xl">
-        <DialogHeader>
-          <DialogTitle>Nieuwe rapportage</DialogTitle>
-          <DialogDescription>
-            Leg een rapportage vast voor {patientName}
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="space-y-4">
-          <div>
-            <textarea
-              value={content}
-              onChange={(e) => setContent(e.target.value)}
-              placeholder="Beschrijf wat je wilt vastleggen..."
-              className="w-full min-h-[160px] rounded-md border border-slate-200 p-3"
-            />
-            <div className="flex justify-between text-xs text-slate-500">
-              <span>{characterCount} / 5000 karakters</span>
-              {contentInvalid && <span>Min. 20 karakters</span>}
-            </div>
-          </div>
-
-          <SpeechRecorder
-            disabled={isSaving || isAnalyzing}
-            onTranscript={(text) =>
-              setContent((prev) => `${prev}${prev ? '\n' : ''}${text}`)
-            }
-          />
-
-          <div className="rounded-lg border border-slate-200 p-3 text-sm">
-            <div className="flex items-center justify-between">
-              <div>
-                <p className="font-medium text-slate-900">Rapportagetype</p>
-                <p className="text-xs text-slate-500">
-                  Kies handmatig of gebruik het AI-voorstel.
-                </p>
-              </div>
-              <span className="text-xs text-slate-500">
-                {classification
-                  ? `AI: ${classification.type} (${Math.round(classification.confidence * 100)}%)`
-                  : 'Nog geen AI-analyse'}
-              </span>
-            </div>
-            {classification?.reasoning && (
-              <p className="mt-2 text-xs text-slate-500">{classification.reasoning}</p>
-            )}
-            <select
-              value={selectedType}
-              onChange={(e) => setSelectedType(e.target.value as 'behandeladvies' | 'vrije_notitie')}
-              className="mt-3 w-full rounded-md border border-slate-200 bg-white p-2 text-sm"
-            >
-              <option value="behandeladvies">Behandeladvies</option>
-              <option value="vrije_notitie">Vrije notitie</option>
-            </select>
-          </div>
-
-          {error && <p className="text-sm text-red-600">{error}</p>}
-
-          <div className="flex gap-2 justify-end">
-            <Button variant="outline" onClick={onClose} disabled={isSaving}>
-              Annuleren
-            </Button>
-            <Button
-              type="button"
-              onClick={handleAnalyze}
-              disabled={contentInvalid || isAnalyzing || isSaving}
-            >
-              {isAnalyzing ? 'Analyseren…' : 'Analyseer met AI'}
-            </Button>
-            <Button
-              type="button"
-              onClick={handleSave}
-              disabled={contentInvalid || isSaving}
-            >
-              {isSaving ? 'Opslaan…' : 'Opslaan'}
-            </Button>
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/speech-recorder.tsx b/components/speech-recorder.tsx
similarity index 81%
rename from app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/speech-recorder.tsx
rename to components/speech-recorder.tsx
index a452155..55a86ac 100644
--- a/app/epd/patients/[id]/intakes/[intakeId]/behandeladvies/components/speech-recorder.tsx
+++ b/components/speech-recorder.tsx
@@ -2,12 +2,15 @@
 
 import { useEffect, useRef, useState, useCallback } from 'react';
 import { Loader2, Mic, Square } from 'lucide-react';
+import { cn } from '@/lib/utils';
 
-interface SpeechRecorderProps {
+export interface SpeechRecorderProps {
   onTranscript: (text: string) => void;
+  disabled?: boolean;
+  className?: string;
 }
 
-export function SpeechRecorder({ onTranscript }: SpeechRecorderProps) {
+export function SpeechRecorder({ onTranscript, disabled = false, className }: SpeechRecorderProps) {
   const mediaRecorderRef = useRef<MediaRecorder | null>(null);
   const chunksRef = useRef<Blob[]>([]);
   const [isRecording, setIsRecording] = useState(false);
@@ -64,6 +67,8 @@ export function SpeechRecorder({ onTranscript }: SpeechRecorderProps) {
   }, [onTranscript]);
 
   const startRecording = async () => {
+    if (disabled || isUploading) return;
+
     try {
       setError(null);
       setPermissionDenied(false);
@@ -97,7 +102,7 @@ export function SpeechRecorder({ onTranscript }: SpeechRecorderProps) {
   const isBusy = isRecording || isUploading;
 
   return (
-    <div className="rounded-lg border border-slate-200 p-4 bg-white space-y-2">
+    <div className={cn('rounded-lg border border-slate-200 p-4 bg-white space-y-2', className)}>
       <div className="flex items-center justify-between">
         <div>
           <p className="text-sm font-semibold text-slate-900">Spraak-naar-tekst</p>
@@ -108,10 +113,18 @@ export function SpeechRecorder({ onTranscript }: SpeechRecorderProps) {
         <button
           type="button"
           onClick={isRecording ? stopRecording : startRecording}
-          disabled={isUploading}
+          disabled={isUploading || disabled}
           className="inline-flex items-center gap-2 rounded-md border border-slate-300 px-3 py-1.5 text-xs font-medium text-slate-700 hover:bg-slate-50 disabled:opacity-60"
         >
-          {isRecording ? <><Square className="h-3 w-3 text-red-600" /> Stop</> : <><Mic className="h-3 w-3 text-teal-600" /> Opnemen</>}
+          {isRecording ? (
+            <>
+              <Square className="h-3 w-3 text-red-600" /> Stop
+            </>
+          ) : (
+            <>
+              <Mic className="h-3 w-3 text-teal-600" /> Opnemen
+            </>
+          )}
         </button>
       </div>
       {isUploading && (
@@ -119,12 +132,8 @@ export function SpeechRecorder({ onTranscript }: SpeechRecorderProps) {
           <Loader2 className="h-3 w-3 animate-spin" /> Transcriptie bezig…
         </p>
       )}
-      {permissionDenied && (
-        <p className="text-xs text-red-600">Microfoontoegang nodig om op te nemen.</p>
-      )}
-      {error && !permissionDenied && (
-        <p className="text-xs text-red-600">{error}</p>
-      )}
+      {permissionDenied && <p className="text-xs text-red-600">Microfoontoegang nodig om op te nemen.</p>}
+      {error && !permissionDenied && <p className="text-xs text-red-600">{error}</p>}
     </div>
   );
 }
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
new file mode 100644
index 0000000..1647513
--- /dev/null
+++ b/components/ui/dialog.tsx
@@ -0,0 +1,122 @@
+"use client"
+
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogClose = DialogPrimitive.Close
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+  />
+))
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+DialogHeader.displayName = "DialogHeader"
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+DialogFooter.displayName = "DialogFooter"
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+DialogTitle.displayName = DialogPrimitive.Title.displayName
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+DialogDescription.displayName = DialogPrimitive.Description.displayName
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogTrigger,
+  DialogClose,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+}
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..5a20503
--- /dev/null
+++ b/components/ui/dropdown-menu.tsx
@@ -0,0 +1,201 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { Check, ChevronRight, Circle } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRight className="ml-auto" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Item
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Check className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <Circle className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}
diff --git a/components/ui/toast.tsx b/components/ui/toast.tsx
new file mode 100644
index 0000000..40ac9dd
--- /dev/null
+++ b/components/ui/toast.tsx
@@ -0,0 +1,129 @@
+"use client"
+
+import * as React from "react"
+import * as ToastPrimitives from "@radix-ui/react-toast"
+import { cva, type VariantProps } from "class-variance-authority"
+import { X } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+const ToastProvider = ToastPrimitives.Provider
+
+const ToastViewport = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Viewport>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Viewport
+    ref={ref}
+    className={cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    )}
+    {...props}
+  />
+))
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName
+
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive:
+          "destructive group border-destructive bg-destructive text-destructive-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+const Toast = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
+    VariantProps<typeof toastVariants>
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <ToastPrimitives.Root
+      ref={ref}
+      className={cn(toastVariants({ variant }), className)}
+      {...props}
+    />
+  )
+})
+Toast.displayName = ToastPrimitives.Root.displayName
+
+const ToastAction = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Action>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Action
+    ref={ref}
+    className={cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    )}
+    {...props}
+  />
+))
+ToastAction.displayName = ToastPrimitives.Action.displayName
+
+const ToastClose = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Close>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Close
+    ref={ref}
+    className={cn(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    )}
+    toast-close=""
+    {...props}
+  >
+    <X className="h-4 w-4" />
+  </ToastPrimitives.Close>
+))
+ToastClose.displayName = ToastPrimitives.Close.displayName
+
+const ToastTitle = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Title>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Title
+    ref={ref}
+    className={cn("text-sm font-semibold [&+div]:text-xs", className)}
+    {...props}
+  />
+))
+ToastTitle.displayName = ToastPrimitives.Title.displayName
+
+const ToastDescription = React.forwardRef<
+  React.ElementRef<typeof ToastPrimitives.Description>,
+  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
+>(({ className, ...props }, ref) => (
+  <ToastPrimitives.Description
+    ref={ref}
+    className={cn("text-sm opacity-90", className)}
+    {...props}
+  />
+))
+ToastDescription.displayName = ToastPrimitives.Description.displayName
+
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>
+
+type ToastActionElement = React.ReactElement<typeof ToastAction>
+
+export {
+  type ToastProps,
+  type ToastActionElement,
+  ToastProvider,
+  ToastViewport,
+  Toast,
+  ToastTitle,
+  ToastDescription,
+  ToastClose,
+  ToastAction,
+}
diff --git a/components/ui/toaster.tsx b/components/ui/toaster.tsx
new file mode 100644
index 0000000..171beb4
--- /dev/null
+++ b/components/ui/toaster.tsx
@@ -0,0 +1,35 @@
+"use client"
+
+import { useToast } from "@/hooks/use-toast"
+import {
+  Toast,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+} from "@/components/ui/toast"
+
+export function Toaster() {
+  const { toasts } = useToast()
+
+  return (
+    <ToastProvider>
+      {toasts.map(function ({ id, title, description, action, ...props }) {
+        return (
+          <Toast key={id} {...props}>
+            <div className="grid gap-1">
+              {title && <ToastTitle>{title}</ToastTitle>}
+              {description && (
+                <ToastDescription>{description}</ToastDescription>
+              )}
+            </div>
+            {action}
+            <ToastClose />
+          </Toast>
+        )
+      })}
+      <ToastViewport />
+    </ToastProvider>
+  )
+}
diff --git a/content/nl/documentatie/_index.json b/content/nl/documentatie/_index.json
index a97455e..7426efb 100644
--- a/content/nl/documentatie/_index.json
+++ b/content/nl/documentatie/_index.json
@@ -84,20 +84,28 @@
       "order": 5,
       "status": "planned"
     },
+    {
+      "slug": "screening-system",
+      "title": "Screening Systeem",
+      "group": "features",
+      "description": "Screening proces voor nieuwe cliënten met hulpvraag en besluitvorming",
+      "order": 6,
+      "status": "active"
+    },
     {
       "slug": "intake-system",
       "title": "Intake Systeem",
       "group": "features",
-      "description": "Intake gesprekken en AI-analyse",
-      "order": 6,
-      "status": "planned"
+      "description": "Intake gesprekken en gestructureerde intake-workflow",
+      "order": 7,
+      "status": "active"
     },
     {
       "slug": "treatment-planning",
       "title": "Behandelplanning",
       "group": "features",
       "description": "SMART doelen en voortgang monitoring",
-      "order": 7,
+      "order": 8,
       "status": "planned"
     },
     {
@@ -105,14 +113,14 @@
       "title": "AI Integrations",
       "group": "features",
       "description": "AI-gestuurde workflows",
-      "order": 8
+      "order": 9
     },
     {
       "slug": "verpleegkundige-overdracht",
       "title": "Verpleegkundige Overdracht",
       "group": "features",
       "description": "Efficiënte overdracht voor GGZ verpleegkundigen met ROM-metingen",
-      "order": 9,
+      "order": 10,
       "status": "planned"
     },
     {
@@ -120,7 +128,7 @@
       "title": "Spraakgestuurd Rapporteren",
       "group": "features",
       "description": "AI-gedreven spraakopname voor dictaat en metingen extractie",
-      "order": 10,
+      "order": 11,
       "status": "planned"
     },
     {
diff --git a/content/nl/documentatie/intake-system.mdx b/content/nl/documentatie/intake-system.mdx
index 9727a13..018bcbe 100644
--- a/content/nl/documentatie/intake-system.mdx
+++ b/content/nl/documentatie/intake-system.mdx
@@ -3,63 +3,201 @@ title: "Intake Systeem"
 category: "intake-system"
 group: "features"
 version: "1.0.0"
-releaseDate: "TBD"
-status: "planned"
-description: "Intake gesprekken registreren, notities maken en AI-gestuurde analyse voor diagnose ondersteuning"
+releaseDate: "2025-11-23"
+status: "completed"
+description: "Intake gesprekken registreren, notities maken en gestructureerde intake-workflow voor GGZ-behandelaars"
 ---
 
-## Overview
+## Overzicht
 
-Het intake systeem vormt de basis voor cliëntbegeleiding in het Mini-ECD prototype. Behandelaars kunnen hier gesprekken documenteren en automatisch laten analyseren door AI.
+Het intake systeem biedt een complete workflow voor het uitvoeren en documenteren van intakes in de GGZ. Na een succesvolle screening wordt een intake aangemaakt waarbij alle aspecten van de hulpvraag systematisch worden gedocumenteerd.
 
 **Kernfunctionaliteit:**
-- Intake gesprekken registreren
-- Gestructureerde notities maken
-- AI-gestuurde samenvatting
-- Probleemprofiel analyse
-- Koppeling naar diagnose
+- Nieuwe intakes aanmaken per afdeling
+- Overzicht van alle intakes van een cliënt
+- Gestructureerde intake met meerdere onderdelen
+- Contactmomenten registreren
+- Anamnese vastleggen
+- Risicotaxatie uitvoeren
+- Diagnose stellen
+- Behandeladvies formuleren
 
 ---
 
-## Binnenkort beschikbaar
+## Intake Aanmaken
 
-Deze documentatie is nog in ontwikkeling. De volgende onderwerpen worden toegevoegd:
+### Nieuwe Intake Starten
 
-**Intake Formulier:**
-- Gespreksnotities editor
-- Gestructureerde vragen
-- Type intake (eerste gesprek, telefonisch, follow-up)
-- Tijdregistratie
+1. Open het cliëntdossier
+2. Navigeer naar het tabblad "Intakes"
+3. Klik op **"Nieuwe Intake"**
+4. Vul het formulier in:
+   - **Titel**: Korte omschrijving (bijv. "Eerste intake ambulant")
+   - **Afdeling**: Selecteer de behandelafdeling (Volwassenen, Jeugd, Forensisch, etc.)
+   - **Status**: Lopend / Afgerond / Geannuleerd
+   - **Startdatum**: Datum van eerste contact
+   - **Notities**: Extra context of bijzonderheden
 
-**AI Samenvatting:**
-- Automatische analyse van notities
-- Kernpunten extractie
-- Probleemcategorieën identificatie
-- Risico-inschatting
+5. Klik op **"Intake Aanmaken"**
 
-**Intake Overzicht:**
-- Chronologische geschiedenis
-- Detail weergave per intake
-- Slide-in panel interface
-- Bewerken en verwijderen
+De intake wordt aangemaakt en u wordt doorgeleid naar de intake detail pagina.
 
-**Probleemprofiel:**
-- DSM-light categorisatie
-- Ernst indicatie
-- Multi-problematiek detectie
-- Overgang naar diagnose
+---
+
+## Intake Overzicht
+
+Het intake overzicht toont alle intakes van een cliënt in chronologische volgorde.
+
+**Weergegeven informatie:**
+- Titel van de intake
+- Afdeling waar de intake plaatsvindt
+- Status (lopend, afgerond, geannuleerd)
+- Startdatum
+
+**Acties:**
+- Klik op een intake om de details te bekijken
+- Bekijk en bewerk alle onderdelen via de tabbladen
+
+---
+
+## Intake Onderdelen
+
+Elke intake bestaat uit meerdere onderdelen die via tabbladen toegankelijk zijn:
+
+### 1. Algemeen
+
+Toont de basisinformatie van de intake:
+- Titel, afdeling, status, startdatum
+- Algemene notities bij de intake
+
+### 2. Contactmomenten
+
+Registreer alle contactmomenten tijdens de intake:
+- **Datum en tijd** van het contact
+- **Type contact**: Gesprek, Telefonisch, E-mail, Overig
+- **Duur** in minuten
+- **Notities** over het contact
+
+**Handelingen:**
+- Voeg een nieuw contactmoment toe
+- Bekijk chronologisch overzicht
+- Verwijder contactmomenten indien nodig
+
+### 3. Kindcheck
+
+Specifiek voor jeugd-intakes: vastleggen van kindcheck informatie conform GGZ-richtlijnen.
+
+### 4. Risicotaxatie
+
+Beoordeel risico's zoals:
+- Suïcidaliteit
+- Agressie
+- Zelfverwaarlozing
+- Middelengebruik
+- Andere risicofactoren
+
+**Per risico vastleggen:**
+- **Datum** van de taxatie
+- **Risicotype**
+- **Ernst**: Laag, Matig, Hoog, Acuut
+- **Bevindingen**: Beschrijving van het risico
+- **Maatregelen**: Genomen acties
+
+### 5. Anamnese
+
+Systematisch verzamelen van voorgeschiedenis:
+
+**Types anamnese:**
+- Psychiatrische anamnese
+- Sociale anamnese
+- Medische anamnese
+- Familieanamnese
+- Ontwikkelingsanamnese
+- Overig
+
+**Per anamnese vastleggen:**
+- **Datum** van gesprek
+- **Type** anamnese
+- **Inhoud**: Bevindingen en observaties
+- **Notities**: Extra context
+
+### 6. Onderzoeken
+
+Registreer alle uitgevoerde onderzoeken:
+- Psychologisch onderzoek
+- Neurologisch onderzoek
+- Laboratoriumonderzoek
+- Beeldvorming
+- Overig
+
+**Per onderzoek:**
+- **Datum**
+- **Type onderzoek**
+- **Uitslag**: Bevindingen
+- **Interpretatie**: Conclusies
+
+### 7. ROM (Routine Outcome Monitoring)
+
+Vastleggen van ROM-metingen voor behandelevaluatie.
+
+### 8. Diagnose
+
+Stel diagnoses volgens DSM-5 classificatie:
+- **Datum** van diagnose
+- **Type**: Hoofddiagnose / Nevendiagnose
+- **DSM-code** en omschrijving
+- **Toelichting**: Onderbouwing van de diagnose
+
+### 9. Behandeladvies
+
+Formuleer het behandeladvies op basis van de intake:
+- **Advies**: Welke behandeling wordt geadviseerd
+- **Doelen**: Behandeldoelen
+- **Afspraken**: Vervolgstappen
+
+---
+
+## Workflow
+
+### Typische Intake Workflow
+
+1. **Intake starten** na screening besluit
+2. **Contactmomenten** plannen en vastleggen
+3. **Kindcheck** uitvoeren (indien van toepassing)
+4. **Risicotaxatie** uitvoeren
+5. **Anamnese** afnemen (meerdere types)
+6. **Onderzoeken** aanvragen en resultaten vastleggen
+7. **ROM-metingen** uitvoeren
+8. **Diagnose** stellen
+9. **Behandeladvies** formuleren
+10. Intake afronden (status wijzigen naar "Afgerond")
+
+---
+
+## Tips voor Gebruik
+
+**Goede praktijk:**
+- Vul onderdelen meteen na het gesprek in voor beste nauwkeurigheid
+- Gebruik de notitievelden voor context die niet in standaardvelden past
+- Documenteer alle contactmomenten voor volledig overzicht
+- Voer risicotaxatie regelmatig uit bij wijzigende situaties
+- Gebruik duidelijke datums om chronologie te behouden
+
+**Let op:**
+- Alle gegevens worden automatisch opgeslagen
+- Verwijderde items kunnen niet worden hersteld
+- Zorg voor complete documentatie voordat u de intake afrondt
 
 ---
 
 ## Gerelateerde Documentatie
 
-**Interface:**
-- [Interface Design System](/documentatie/interface-design) - UI/UX specificaties voor intake schermen
+**Workflow:**
+- [Screening Systeem](/documentatie/screening-system) - Voorafgaand aan intake
 
-**Features:**
-- Client Management (binnenkort)
-- Behandelplanning (binnenkort)
-- AI Integrations (binnenkort)
+**Interface:**
+- [Interface Design System](/documentatie/interface-design) - UI/UX specificaties
 
 **Basis:**
 - [Authentication System](/documentatie/authentication) - Toegangsbeheer
+- [Client Management](/documentatie/client-management) - Cliëntbeheer
diff --git a/content/nl/documentatie/screening-system.mdx b/content/nl/documentatie/screening-system.mdx
new file mode 100644
index 0000000..881111a
--- /dev/null
+++ b/content/nl/documentatie/screening-system.mdx
@@ -0,0 +1,203 @@
+---
+title: "Screening Systeem"
+category: "screening-system"
+group: "features"
+version: "1.0.0"
+releaseDate: "2025-11-23"
+status: "completed"
+description: "Screening proces voor nieuwe cliënten: hulpvraag, documenten en besluitvorming"
+---
+
+## Overzicht
+
+Het screening systeem is de eerste stap in het cliënttraject. Hier wordt de hulpvraag van een nieuwe cliënt beoordeeld en wordt bepaald of de cliënt geschikt is voor intake bij de instelling.
+
+**Kernfunctionaliteit:**
+- Hulpvraag vastleggen
+- Documenten uploaden (verwijsbrief, intake formulieren)
+- Screeningsbesluit nemen
+- Afdeling voor intake bepalen
+- Activiteitenlog bijhouden
+
+---
+
+## Screening Pagina
+
+De screening pagina bestaat uit vier hoofdonderdelen:
+
+### 1. Hulpvraag
+
+Hier legt u de zorgvraag van de cliënt vast.
+
+**Hoe te gebruiken:**
+1. Klik in het tekstveld "Hulpvraag"
+2. Beschrijf de hulpvraag van de cliënt in eigen woorden
+3. Neem belangrijke context en achtergrond op
+4. Klik op **"Opslaan"**
+
+**Tips:**
+- Wees specifiek over de aard van de hulpvraag
+- Vermeld urgentie indien van toepassing
+- Noteer bijzondere omstandigheden
+
+### 2. Screeningsbesluit
+
+Het screeningsbesluit is alleen zichtbaar voor psychologen en behandelaars.
+
+**Opties:**
+- **Geschikt voor intake**: Cliënt wordt doorgestuurd voor intake
+- **Niet geschikt / doorverwijzen**: Cliënt wordt niet aangenomen
+
+**Stappen voor "Geschikt voor intake":**
+1. Selecteer **"Geschikt voor intake"**
+2. Kies de **afdeling** waar de intake moet plaatsvinden:
+   - Volwassenen
+   - Jeugd (< 18 jaar)
+   - Forensisch
+   - Verslaving
+   - Ouderen (65+)
+   - FACT
+3. Voeg optioneel **notities** toe bij het besluit
+4. Klik op **"Opslaan besluit"**
+
+**Stappen voor "Niet geschikt":**
+1. Selecteer **"Niet geschikt / doorverwijzen"**
+2. Voeg **notities** toe met reden of alternatief
+3. Klik op **"Opslaan besluit"**
+
+**Waarschuwing:**
+Als er nog geen verwijsbrief is geüpload, wordt een waarschuwing getoond. Het is sterk aan te raden om een verwijsbrief toe te voegen voordat u een definitief besluit neemt.
+
+### 3. Documenten
+
+Upload en beheer documenten voor de screening.
+
+**Documenttypen:**
+- Verwijsbrief (vereist voor volledig dossier)
+- Intake formulier
+- Medische informatie
+- Andere relevante documenten
+
+**Document uploaden:**
+1. Klik op **"Document toevoegen"**
+2. Selecteer het **documenttype**
+3. Voeg optionele **notities** toe
+4. Upload het bestand
+5. Klik op **"Opslaan"**
+
+**Documenten bekijken:**
+- Klik op een document in de lijst om te openen
+- Zie documenttype, datum en notities
+- Download indien nodig
+
+**Documenten verwijderen:**
+- Klik op de verwijderknop bij het document
+- Bevestig de verwijdering
+
+### 4. Activiteitenlog
+
+De activiteitenlog toont automatisch alle acties die zijn uitgevoerd tijdens de screening.
+
+**Vastgelegde activiteiten:**
+- Hulpvraag toegevoegd/gewijzigd
+- Document geüpload
+- Screeningsbesluit genomen
+- Afdeling toegewezen
+
+**Informatie per activiteit:**
+- Type activiteit
+- Tijdstip
+- Details van de actie
+
+De activiteitenlog wordt automatisch bijgewerkt en hoeft niet handmatig te worden beheerd.
+
+---
+
+## Workflow
+
+### Standaard Screening Workflow
+
+1. **Cliënt aanmaken** in het systeem
+2. Naar **Screening** tabblad navigeren
+3. **Hulpvraag** vastleggen op basis van intake gesprek/formulier
+4. **Verwijsbrief** uploaden (indien beschikbaar)
+5. Eventueel aanvullende **documenten** uploaden
+6. **Screeningsbesluit** nemen:
+   - Beoordeel of cliënt geschikt is
+   - Selecteer afdeling bij goedkeuring
+   - Documenteer reden bij afwijzing
+7. Bij goedkeuring: **Intake aanmaken** (zie [Intake Systeem](/documentatie/intake-system))
+
+---
+
+## Toegangsrechten
+
+**Hulpvraag:**
+- Zichtbaar voor: Alle behandelaars
+- Bewerken: Alle behandelaars
+
+**Screeningsbesluit:**
+- Zichtbaar voor: Alleen psychologen en senior behandelaars
+- Bewerken: Alleen psychologen en senior behandelaars
+
+**Documenten:**
+- Zichtbaar voor: Alle behandelaars met toegang tot cliënt
+- Uploaden: Alle behandelaars
+- Verwijderen: Alleen uploader en senior behandelaars
+
+**Activiteitenlog:**
+- Zichtbaar voor: Alle behandelaars
+- Bewerken: Niet mogelijk (automatisch)
+
+---
+
+## Tips voor Gebruik
+
+**Goede praktijk:**
+- Upload altijd een verwijsbrief voordat u een screeningsbesluit neemt
+- Wees helder en beknopt in de hulpvraag omschrijving
+- Documenteer de reden bij afwijzing voor toekomstige referentie
+- Controleer de activiteitenlog voor volledigheid van het proces
+
+**Let op:**
+- Screeningsbesluiten zijn definitief en vormen basis voor vervolgtraject
+- Upload geen documenten met persoonlijke gegevens van derden
+- Alle acties worden automatisch gelogd in de activiteitenlog
+
+**Veelgemaakte fouten:**
+- Vergeten verwijsbrief te uploaden
+- Geen afdeling selecteren bij goedkeuring
+- Onvolledige hulpvraag beschrijving
+
+---
+
+## Na Screening
+
+### Bij goedkeuring (Geschikt voor intake):
+
+1. Screeningsbesluit is vastgelegd met toegewezen afdeling
+2. Ga naar **Intakes** tabblad
+3. Klik op **"Nieuwe Intake"**
+4. Selecteer de juiste afdeling (zoals bepaald bij screening)
+5. Volg de intake workflow (zie [Intake Systeem](/documentatie/intake-system))
+
+### Bij afwijzing (Niet geschikt):
+
+1. Screeningsbesluit is vastgelegd met reden
+2. Informeer cliënt over besluit en alternatieve zorgopties
+3. Dossier kan worden gearchiveerd
+4. Documentatie blijft beschikbaar voor eventuele vragen
+
+---
+
+## Gerelateerde Documentatie
+
+**Workflow:**
+- [Intake Systeem](/documentatie/intake-system) - Vervolg na goedkeuring
+- [Client Management](/documentatie/client-management) - Cliëntbeheer
+
+**Interface:**
+- [Interface Design System](/documentatie/interface-design) - UI/UX specificaties
+
+**Basis:**
+- [Authentication System](/documentatie/authentication) - Toegangsbeheer
diff --git a/docs/release/ops-log.md b/docs/release/ops-log.md
deleted file mode 100644
index aafe09d..0000000
--- a/docs/release/ops-log.md
+++ /dev/null
@@ -1,45 +0,0 @@
-## 2025-11-23 — Clients → Patients datafix + seeds (Colin)
-- Clients die na de hoofdrelease nog in `clients` stonden opgespoord met `clients LEFT JOIN patients` sanity check (Supabase SQL editor)
-- Idempotente blok uit `20241121_migrate_legacy_to_fhir.sql` opnieuw gedraaid zodat alle ontbrekende clients nu als patients bestaan
-- Verification DO-block uitgevoerd zodat de teller op 0 missing clients staat en de migratie gelogd
-- Default organisatie opnieuw gezaaid met `pnpm tsx scripts/seed-organization.ts` (env geladen via `.env.local`)
-
-## 2026-02-XX — Screening Intake Fase 1 & 2 (Colin)
-- TipTap placeholder hints toegevoegd + styled zodat behandeladvies-sectie guidance toont
-- Metadata-sectie, afrondingsworkflow en behandelaarselecties bouwden de behandeladvies-tab af
-- Intake-tabs (contact, kindcheck, risico, anamnese, onderzoeken/ROM, diagnose, behandeladvies) compleet met Supabase CRUD
-- Status dropdowns gecorrigeerd (bezig/afgerond) en dokument flows afgerond
-- Supabase migratiestappen wachten nog op einde maintenance (fase 0 runbook ligt klaar)
-
-## 2025-11-23 — Universele Rapportage backend + modal (Colin)
-- API: `/api/reports` (GET/POST) + `/api/reports/[reportId]` (GET/PATCH/DELETE) + `/api/reports/classify` staan, met Zod-validatie en soft delete
-- Supabase: `reports` tabel + migratie + RLS policies uitgerold, types toegevoegd in `lib/supabase/database.types.ts`
-- Server actions: `app/epd/patients/[id]/rapportage/actions.ts` + gedeelde `lib/server/api-client.ts` houden fetch logic DRY
-- UI: shadcn-dialog gebaseerd Rapportage Modal met textarea, speech recorder, AI-analyse en save flow (E2.S1)
-
-## 2025-11-23 — ClientSidebar duplicate cleanup (Colin)
-- **Bug fix**: Dubbele sidebar (EPDSidebar + ClientSidebar) in patient detail routes verwijderd
-- ClientSidebar (`app/epd/patients/[id]/components/client-sidebar.tsx`) blijkt 100% duplicate van EPDSidebar Level 2 navigatie
-- EPDSidebar is al context-aware: detecteert patient routes en switcht automatisch tussen Level 1 (behandelaar) en Level 2 (patient) navigatie
-- Verwijderd: ClientSidebar component (117 regels) + EPDLayoutClient wrapper (conditionele sidebar hiding)
-- Vereenvoudigd: patient detail layout gebruikt nu alleen PatientLayoutClient zonder eigen sidebar rendering
-- Resultaat: Eén sidebar component die automatisch switcht, -117 regels duplicate code, DRY principle hersteld
-
-## 2025-11-23 — EPDHeader patient selector cleanup (Colin)
-- **Bug fix**: Dubbele patient naam in UI (EPDHeader top bar + ClientHeader) verwijderd
-- Design conflict ontstaan tijdens parallel development: EPDHeader (Epic 1) en ClientHeader (Epic 2) toonden beide patient naam
-- EPDHeader's patient selector (center section met naam, ID, geboortedatum) was redundant na toevoegen ClientHeader
-- Verwijderd: Patient fetch logic (useState, useEffect), patient selector UI, onnodige imports uit EPDHeader
-- Component ownership verduidelijkt: EPDHeader = algemene navigatie (logo, search), ClientHeader = patient context (naam, status, acties)
-- Resultaat: EPDHeader vereenvoudigd van 91 naar 34 regels (-57 regels), duidelijke separation of concerns
-
-## 2025-11-23 — Reports created_by foreign key fix (Colin)
-- **Bug fix**: Foreign key constraint violation bij opslaan rapportages
-- Probleem: `reports.created_by` had FK constraint naar `practitioners.id`, maar code sloeg `auth.uid()` op
-- Root cause: Practitioners tabel heeft `user_id` kolom, maar alle demo records hebben `user_id: null` (geen link naar auth users)
-- Error: `insert or update on table "reports" violates foreign key constraint "reports_created_by_fkey"`
-- Oplossing (prototype): Foreign key constraints verwijderd voor `created_by` en `updated_by` kolommen
-- Migratie: `20251123_fix_reports_created_by_constraint.sql` toegepast via Supabase MCP
-- Resultaat: Rapportages kunnen nu opgeslagen worden met auth user ID zonder FK constraint
-- **Note voor productie**: In productie zou je practitioners.user_id vullen en FK constraints herstellen voor data integriteit
-
diff --git a/docs/release/E3.S1-organization-seed.md b/docs/reports/E3.S1-organization-seed.md
similarity index 100%
rename from docs/release/E3.S1-organization-seed.md
rename to docs/reports/E3.S1-organization-seed.md
diff --git a/docs/release/E3.S2-patients-lijst-pagina.md b/docs/reports/E3.S2-patients-lijst-pagina.md
similarity index 100%
rename from docs/release/E3.S2-patients-lijst-pagina.md
rename to docs/reports/E3.S2-patients-lijst-pagina.md
diff --git a/docs/release/E3.S3-patient-crud.md b/docs/reports/E3.S3-patient-crud.md
similarity index 100%
rename from docs/release/E3.S3-patient-crud.md
rename to docs/reports/E3.S3-patient-crud.md
diff --git a/docs/release/qa-rapportage-workspace.md b/docs/reports/qa-rapportage-workspace.md
similarity index 100%
rename from docs/release/qa-rapportage-workspace.md
rename to docs/reports/qa-rapportage-workspace.md
diff --git a/docs/specs/UI/clientheader.png b/docs/specs/UI/clientheader.png
new file mode 100644
index 0000000..126530e
Binary files /dev/null and b/docs/specs/UI/clientheader.png differ
diff --git a/docs/specs/releasepage/bouwplan-release-notes-v1.0.md b/docs/specs/archive/releasepage/bouwplan-release-notes-v1.0.md
similarity index 100%
rename from docs/specs/releasepage/bouwplan-release-notes-v1.0.md
rename to docs/specs/archive/releasepage/bouwplan-release-notes-v1.0.md
diff --git a/docs/specs/security/security-remediation-plan.md b/docs/specs/archive/security/security-remediation-plan.md
similarity index 100%
rename from docs/specs/security/security-remediation-plan.md
rename to docs/specs/archive/security/security-remediation-plan.md
diff --git a/docs/specs/universele-rapportage/bouwplan-universele-rapportage-v1.md b/docs/specs/archive/universele-rapportage/bouwplan-universele-rapportage-v1.md
similarity index 100%
rename from docs/specs/universele-rapportage/bouwplan-universele-rapportage-v1.md
rename to docs/specs/archive/universele-rapportage/bouwplan-universele-rapportage-v1.md
diff --git a/docs/specs/archive/universele-rapportage/fo-rapportage-split-view-mvp.md b/docs/specs/archive/universele-rapportage/fo-rapportage-split-view-mvp.md
new file mode 100644
index 0000000..fe160b4
--- /dev/null
+++ b/docs/specs/archive/universele-rapportage/fo-rapportage-split-view-mvp.md
@@ -0,0 +1,137 @@
+# 🧩 Functioneel Ontwerp (FO) – Universele Rapportage Split View MVP
+
+**Projectnaam:** Mini-EPD – Universele Rapportage Split View  
+**Versie:** v0.1 (concept MVP)  
+**Datum:** 06-03-2025  
+**Auteur:** Codex Agent  
+
+---
+
+## 1. Doel en relatie met het PRD
+🎯 **Doel van dit document:**
+Beschrijving van de functionele werking voor een MVP waarin behandelaren tegelijk een rapportage kunnen schrijven en eerdere notities kunnen raadplegen, passend binnen het bestaande PRD voor Universele Rapportage.
+
+📘 **Toelichting aan de lezer:**
+Het FO focust op de split-view workflow (timeline + composer). Technische keuzes (server actions, Supabase) staan elders. Gebruik dit document om scope-afbakening voor MVP (Week 3) af te stemmen.
+
+---
+
+## 2. Overzicht van de belangrijkste onderdelen
+1. **Rapportage Header & Navigatie** – knop "Nieuwe rapportage" scrollt naar composer en linkt vanaf andere tabs.  
+2. **KPI Tiles** – tonen kernstatistieken (totaal, AI, laatste activiteit).  
+3. **Filterpaneel** – zoekveld, typefilter, (nog toe te voegen) auteur/datum-filter.  
+4. **Timeline Lijst** – scrollbare lijst met kaartjes, selectie, soft delete.  
+5. **Composer Paneel** – tekstarea, spraakinput, AI-classificatie, referenties.  
+6. **Mobiele Drawer** – responsive variant waarin timeline↔composer gewisseld worden. *(Nog te bouwen)*
+
+---
+
+## 3. Userstories
+| ID | Rol | Doel / Actie | Waarde | Prioriteit |
+|----|-----|--------------|--------|------------|
+| UR-01 | Behandelaar | Terwijl ik schrijf wil ik vorige rapportages kunnen inzien | Context houden, fouten voorkomen | Hoog |
+| UR-02 | Behandelaar | Ik wil via filters snel de juiste notitie van collega vinden | Tijdsbesparing | Hoog |
+| UR-03 | Behandelaar | Ik wil AI laten bepalen welk type rapport ik schrijf | Consistentie, minder fouten | Hoog |
+| UR-04 | Behandelaar | Ik wil een geselecteerde notitie als quote aan mijn verslag toevoegen | Bronverwijzing, samenwerking | Middel |
+| UR-05 | Behandelaar | Op mobiel wil ik vloeiend wisselen tussen lezen en schrijven | Onderweg kunnen rapporteren | Middel |
+| UR-06 | PO | Ik wil weten hoeveel AI-notities er zijn per client | KPI/usage | Laag |
+
+---
+
+## 4. Functionele werking per onderdeel
+
+### 4.1 Rapportage Header & Navigatie
+* Header toont cliëntnaam, status, laatste wijziging; knop "Nieuwe rapportage".  
+* Knop logica: staat gebruiker al op `/rapportage`, scroll dan naar composer (`#rapportage-composer` focus). Zo niet, navigeer naar rapportage en append hash zodat browser direct scrolt.  
+* ID van de composer moet focusbaar zijn (`tabIndex=-1` zodat `focus()` werkt).
+
+### 4.2 KPI Tiles
+* Toont 3 cards (totaal rapportages, AI-geclassificeerde rapportages, laatste activiteit).  
+* Data wordt client-side afgeleid uit `initialReports`.  
+* Wanneer nieuwe rapportage wordt aangemaakt of verwijderd worden tiles realtime herberekend.  
+* Lege état: tekst "Nog geen rapportages" + `—` voor laatste activiteit.
+
+### 4.3 Filterpaneel
+* Zoekveld filtert op tekst in body of AI reason.  
+* Type-filter (dropdown) toont alle rapporttypes, standaard "Alle".  
+* MVP-toevoegingen:  
+  - Auteur-filter (dropdown met lijst van `created_by`).  
+  - Datumfilter (van/tot) met quick-pills (Vandaag, 7d, 30d).  
+  - Resetknop.
+
+### 4.4 Timeline Lijst
+* Kaartjes tonen type-badge, timestamp, maker, AI-confidence en contentpreview.  
+* Klik of Enter/Space selecteert item en highlight border.  
+* Delete-knop voert soft delete uit via server action, toont toast en verwijdert item lokaal.  
+* MVP-toevoegingen:  
+  - Inline "Expand" om volledige tekst te lezen zonder composer te verlaten.  
+  - Paginatie of virtual scroll voor >50 items.  
+  - Indicator welke notities AI-gegenereerd zijn (badge).  
+  - Autorisatie-check (alleen eigen dossiers, reeds door Supabase RLS, maar lege states voor forbidden).
+
+### 4.5 Composer Paneel
+* Tekstveld (20–5000 chars), spraakrecorder (Deepgram), AI-classificatie, type dropdown.  
+* Bottom bar toont status: "Concept wordt lokaal bijgehouden".  
+* Opslaan: server action `createReport` → toast success, reset state, highlight nieuwe entry.  
+* MVP-toevoegingen:  
+  - Draft/autosave naar localStorage (per client) + timestamp, warning bij weg navigeren.  
+  - Undo/redo per sessie.  
+  - Attachments (placeholder).  
+  - Loading skeleton zodat composer niet flasht bij SSR.
+
+### 4.6 Referentie toevoegen
+* Wanneer timeline-entry geselecteerd is, toont composer een "Geselecteerde rapportage" kaart.  
+* "Voeg referentie toe" voegt quote block in met snippet + meta.  
+* MVP: markeer binnen editor dat het een referentie is (bijv. blockquote-styling) en zorg dat quote 1-op-1 linkt terug naar bron (ID link).  
+* Bij wisselen van selectie mag composer vragen of huidige quote moet worden vervangen.
+
+### 4.7 Mobiele Drawer (nog bouwen)
+* Tabbed header `[Timeline] [Rapportage+]`.  
+* Timeline tab = stack van kaarten; verkeer identiek.  
+* Rapportage tab opent composer in drawer (~75% hoogte) met drag handle en "Terug".  
+* Autosave badge en AI-knoppen bewegen mee.  
+* Sticky CTA in footer.
+
+---
+
+## 5. UI-overzicht (visuele structuur)
+```
+┌───────────────────────────────────────────────┐
+│ Topbalk: cliëntnaam, acties, zoeken          │
+├───────────────┬──────────────────────────────┤
+│ Filters +     │  Composer                    │
+│ Timeline (L)  │  - Header "Nieuwe ..."       │
+│ - Search      │  - Textarea + speech         │
+│ - Type pills  │  - AI badge + dropdown       │
+│ - Timeline    │  - Referentie card           │
+│               │  - Sticky buttons            │
+├───────────────┴──────────────────────────────┤
+│ Footer/Toasts │ Autosave msgs                │
+└───────────────────────────────────────────────┘
+```
+Mobiel: tabs bovenaan, composer als drawer.
+
+---
+
+## 6. Interacties met AI
+| Locatie | AI-actie | Trigger | Output |
+|---------|----------|---------|--------|
+| Composer | Classificatie | Knop "Analyseer met AI" | JSON `{ type, confidence, reasoning }`, toont in badge + dropdown default |
+| Composer | Typekeuze | User accepteert AI-type | Dropdown wordt vooringevuld, user kan overschrijven |
+| (Toekomst) Timeline filter | AI context chips | Klik op AI badge in kaart | Filtert timeline op dat type |
+
+---
+
+## 7. Gebruikersrollen en rechten
+| Rol | Toegang | Beperkingen |
+|-----|---------|-------------|
+| Behandelaar | Rapportage workspace voor eigen cliënten | Alleen RLS-toegelaten dossiers, soft delete alleen eigen rapportages |
+| Supervisor (optioneel) | Timeline lezen | Geen composer, geen delete |
+
+---
+
+## 8. Bijlagen & Referenties
+- PRD Universele Rapportage v1.0  
+- TO Universele Rapportage v1.0  
+- Bouwplan Universele Rapportage v1.0  
+- Rapportage Split View ontwerpnotities (docs/specs/screening-intake/rapportage-split-view-design.md)
diff --git a/docs/specs/archive/universele-rapportage/fo-universele-rapportage-v1.md b/docs/specs/archive/universele-rapportage/fo-universele-rapportage-v1.md
new file mode 100644
index 0000000..9d2f903
--- /dev/null
+++ b/docs/specs/archive/universele-rapportage/fo-universele-rapportage-v1.md
@@ -0,0 +1,935 @@
+# 🧩 Functioneel Ontwerp (FO) — Universele Rapportage
+
+**Projectnaam:** Mini-ECD - Universele Rapportage Functie  
+**Versie:** v1.0 (Week 2 MVP)  
+**Datum:** 23-11-2024  
+**Auteur:** Colin van der Heijden (AI Speedrun)  
+
+---
+
+## 1. Doel en relatie met het PRD
+🎯 **Doel van dit document:**
+Het Functioneel Ontwerp (FO) beschrijft **hoe** de Universele Rapportage functie werkt — dus wat de gebruiker ziet, doet en ervaart. Waar het PRD uitlegt *wat en waarom*, laat het FO zien *hoe dit in de praktijk werkt*.
+
+📘 **Toelichting aan de lezer:**
+De Universele Rapportage functie is een fundamenteel andere benadering van verslaglegging in EPD-systemen. In plaats van "zoek het juiste formulier → vul velden in → save", wordt het: "rapporteer wat je wilt vastleggen → AI begrijpt de context → klaar".
+
+**Relatie met PRD v1.2:**
+- Core thesis: "Software on Demand" — AI-first workflow design
+- User Story: "Als behandelaar wil ik snel rapporteren zonder te zoeken naar formulieren"
+- Succes criterium: "Van idee naar opgeslagen verslag in <30 seconden"
+
+**Context binnen AI Speedrun:**
+- **Week 2 MVP:** Text input + behandeladvies classificatie + tijdlijn
+- **Week 3:** Voice input (Deepgram) + meerdere rapportage types
+- **Week 4:** Structured data extraction + dashboard metrics
+
+**Waarom dit anders is dan traditionele EPD's:**
+- Traditioneel: 47 verschillende formulieren, elk met specifieke velden
+- AI Speedrun: 1 universele functie, AI routeert automatisch naar juiste context
+
+---
+
+## 2. Overzicht van de belangrijkste onderdelen
+🎯 **Doel:** kort overzicht van de modules en componenten binnen deze feature.
+
+**Nieuwe componenten (Week 2):**
+1. **Floating Action Button** — Universele toegang tot rapportage functie
+2. **Rapportage Modal** — Input interface voor verslaglegging
+3. **AI Classificatie Engine** — Detecteert type rapportage
+4. **Tijdlijn Component** — Chronologische weergave alle rapportages
+5. **Context Routing** — Automatisch plaatsen in juiste sectie
+
+**Integratie met bestaande structuur:**
+- Client Dashboard — tijdlijn widget + snelkoppeling
+- Behandelplan tab — automatisch gevulde behandeladviezen
+- Database — nieuwe `reports` tabel
+
+---
+
+## 3. User Stories (Week 2 MVP scope)
+
+🎯 **Doel:** beschrijven wat gebruikers moeten kunnen doen, vanuit hun perspectief.
+
+**User Story Template:**
+> Als [rol/gebruiker] wil ik [doel of actie] zodat [reden/waarde].
+
+**MVP Stories:**
+
+| ID | Rol | Doel / Actie | Verwachte waarde | Prioriteit |
+|----|------|---------------|------------------|-------------|
+| US-20 | Behandelaar | Snel rapporteren vanaf elke plek in dossier | Geen zoeken naar juiste formulier | Hoog |
+| US-21 | Behandelaar | AI laten detecteren wat voor type rapportage het is | Geen handmatig categoriseren | Hoog |
+| US-22 | Behandelaar | Type handmatig kunnen wijzigen als AI verkeerd zit | Controle over eindresultaat | Hoog |
+| US-23 | Behandelaar | Chronologische tijdlijn zien van alle rapportages | Overzicht van historiek | Hoog |
+| US-24 | Behandelaar | Behandeladviezen automatisch in juiste sectie zien | Geen dubbel werk | Hoog |
+| US-25 | Demo-bezoeker | Concept zien werken in <30 seconden | Begrijpen waarom dit beter is | Kritiek |
+| US-26 | Product Owner | Uitbreidbaarheid naar meer types zien | Vertrouwen in schaalbaarheid | Middel |
+
+**Post-MVP Stories (Week 3+):**
+
+| ID | Rol | Doel / Actie | Verwachte waarde | Prioriteit |
+|----|------|---------------|------------------|-------------|
+| US-27 | Behandelaar | Voice input gebruiken tijdens gesprek | Handen vrij voor aantekeningen | Middel |
+| US-28 | Behandelaar | Filteren op rapportage type | Snel specifieke verslagen vinden | Middel |
+| US-29 | Behandelaar | Keyboard shortcut gebruiken | Nog sneller toegang | Laag |
+| US-30 | Behandelaar | Structured data automatisch extraheren | Geen handmatig invullen velden | Middel |
+
+---
+
+## 4. Functionele werking per onderdeel
+
+🎯 **Doel:** per hoofdonderdeel beschrijven wat de gebruiker kan doen en wat het systeem doet.
+
+### 4.1 Floating Action Button (FAB)
+
+**Doel:**  
+Universele, altijd beschikbare toegang tot rapportage functie vanuit elk scherm binnen het clientdossier.
+
+**Locatie:**
+- Rechterboven in clientdossier interface
+- Persistent (blijft zichtbaar bij scrollen)
+- Alleen zichtbaar binnen clientdossier context
+
+**Visueel:**
+- Icoon: 🎤 (microfoon voor toekomstige voice functie)
+- Label: "Rapporteer"
+- Styling: Primary brand color, elevated (shadow)
+- Hover state: Subtle scale + glow effect
+
+**Gedrag:**
+- Klik → opent Rapportage Modal
+- Disabled state: Als geen client geselecteerd
+- Tooltip (hover): "Snel rapporteren (Cmd+Shift+R)" *[Week 3]*
+
+**States:**
+```
+Normal:     [🎤 Rapporteer]
+Hover:      [🎤 Rapporteer] (110% scale)
+Loading:    [⏳ Bezig...]
+Disabled:   [🎤 Rapporteer] (50% opacity, geen pointer)
+```
+
+---
+
+### 4.2 Rapportage Modal (Week 2 MVP)
+
+**Doel:**  
+Centrale interface voor het invoeren van rapportages met AI-ondersteuning.
+
+**Trigger:**
+- Klik op FAB
+- Keyboard shortcut (Week 3): `Cmd+Shift+R` / `Ctrl+Shift+R`
+
+**Modal structuur:**
+
+**Header:**
+```
+┌─────────────────────────────────────────┐
+│ 🎤 Nieuwe rapportage voor Emma de Vries│
+│                                    [X]  │
+└─────────────────────────────────────────┘
+```
+
+**Body (lege staat):**
+```
+┌─────────────────────────────────────────┐
+│                                         │
+│  ┌───────────────────────────────────┐ │
+│  │                                   │ │
+│  │  Beschrijf wat je wilt            │ │
+│  │  vastleggen...                    │ │
+│  │                                   │ │
+│  │  (minimaal 20 karakters)          │ │
+│  │                                   │ │
+│  └───────────────────────────────────┘ │
+│                                         │
+│  💡 Tip: Schrijf gewoon wat je wilt    │
+│     vastleggen. AI herkent automatisch │
+│     of het een behandeladvies is.      │
+│                                         │
+├─────────────────────────────────────────┤
+│                   [Analyseer met AI]    │
+└─────────────────────────────────────────┘
+```
+
+**Body (na invoer tekst):**
+```
+┌─────────────────────────────────────────┐
+│  ┌───────────────────────────────────┐ │
+│  │ Op basis van het intakegesprek    │ │
+│  │ advies ik een CGT traject van     │ │
+│  │ 12 sessies met focus op...        │ │
+│  │                               ▼   │ │
+│  └───────────────────────────────────┘ │
+│                                         │
+│  Characters: 156 / 5000                 │
+│                                         │
+├─────────────────────────────────────────┤
+│  [Annuleren]          [Analyseer]       │
+└─────────────────────────────────────────┘
+```
+
+**Body (AI classificatie):**
+```
+┌─────────────────────────────────────────┐
+│  ┌───────────────────────────────────┐ │
+│  │ Op basis van het intakegesprek    │ │
+│  │ advies ik een CGT traject van     │ │
+│  │ 12 sessies met focus op...        │ │
+│  └───────────────────────────────────┘ │
+│                                         │
+│  ✓ AI detecteert: 🎯 Behandeladvies    │
+│                                         │
+│  Type wijzigen:                         │
+│  ┌─────────────────────────────────┐   │
+│  │ 🎯 Behandeladvies            ▼ │   │
+│  └─────────────────────────────────┘   │
+│                                         │
+│  └─ 🎯 Behandeladvies                   │
+│     📝 Vrije notitie                    │
+│                                         │
+├─────────────────────────────────────────┤
+│  [Annuleren]              [Opslaan]     │
+└─────────────────────────────────────────┘
+```
+
+**Velden:**
+- **Text Area**: Multi-line, auto-resize, 5000 character limit
+- **Character Counter**: Live update, warning bij >4500 chars
+- **Type Dropdown**: Manual override optie (Week 2: 2 types)
+- **AI Confidence Badge**: Visual feedback (alleen intern, niet getoond)
+
+**Validation:**
+- Minimaal 20 karakters (voorkom "test" spam)
+- Maximaal 5000 karakters
+- Lege tekst → "Analyseer" knop disabled
+- <20 chars → Error: "Te kort voor analyse (min. 20)"
+
+**Button states:**
+```
+[Analyseer met AI]     → Primary, default
+[⏳ Analyseren...]     → Loading state (1-2 sec)
+[✓ Geanalyseerd]       → Success state (2 sec)
+[Opslaan]              → Primary, na classificatie
+[💾 Opslaan...]        → Loading tijdens save
+[✓ Opgeslagen]         → Success, auto-close na 1 sec
+```
+
+**Edge cases:**
+- AI error → Fallback: "Vrije notitie" + melding
+- Netwerk timeout → Retry button + melding
+- Client context verloren → Error: "Selecteer eerst een cliënt"
+
+---
+
+### 4.3 AI Classificatie (Week 2 MVP)
+
+**Doel:**  
+Automatisch herkennen of een rapportage een behandeladvies is of een vrije notitie.
+
+**Technische flow:**
+```
+User input
+    ↓
+Validate (>20 chars)
+    ↓
+Send to Claude API
+    ↓
+Parse JSON response
+    ↓
+Show classification + confidence
+    ↓
+User confirms/overrides
+    ↓
+Save to database
+```
+
+**AI Prompt (approximately):**
+```typescript
+const CLASSIFICATION_PROMPT = `
+Je bent een classificatie-assistent voor een GGZ EPD-systeem.
+
+Classificeer de volgende rapportage als één van deze types:
+
+**Behandeladvies:**
+- Bevat een concreet behandelplan of voorstel
+- Noemt doelen, interventies, aanpak
+- Woorden zoals: "advies", "plan", "traject", "sessies", "behandeling"
+- Voorbeelden: "Ik stel voor CGT, 12 sessies", "Behandelplan: ..."
+
+**Vrije notitie:**
+- Alles wat niet duidelijk een behandeladvies is
+- Algemene observaties, opmerkingen, aantekeningen
+- Geen concreet plan of voorstel
+
+RAPPORTAGE:
+"""
+${userInput}
+"""
+
+Return ALLEEN dit JSON format, niets anders:
+{
+  "type": "behandeladvies" | "vrije_notitie",
+  "confidence": 0.0 - 1.0,
+  "reasoning": "Korte uitleg waarom (optioneel)"
+}
+`;
+```
+
+**Response handling:**
+```typescript
+type ClassificationResult = {
+  type: 'behandeladvies' | 'vrije_notitie';
+  confidence: number; // 0.0 - 1.0
+  reasoning?: string;
+}
+
+// Confidence thresholds
+if (confidence >= 0.85) {
+  // High confidence - auto-suggest
+  showClassification(result.type);
+} else if (confidence >= 0.60) {
+  // Medium confidence - show with warning
+  showClassification(result.type, "AI is niet zeker, controleer type");
+} else {
+  // Low confidence - fallback
+  showClassification('vrije_notitie', "AI kon type niet bepalen");
+}
+```
+
+**Fallback scenario's:**
+- API timeout → Default: "vrije_notitie"
+- Parse error → Default: "vrije_notitie"
+- Network error → Retry optie + fallback
+
+**Performance target:**
+- Response time: <2 seconden (95th percentile)
+- Accuracy target: >85% correct classifications
+
+---
+
+### 4.4 Tijdlijn Component
+
+**Doel:**  
+Chronologische weergave van alle rapportages voor een cliënt, met snelle toegang tot details.
+
+**Locatie:**
+- Tab in clientdossier: "Tijdlijn"
+- Widget op dashboard (laatste 3 items)
+
+**Structuur:**
+
+**Header:**
+```
+┌─────────────────────────────────────────┐
+│ 📋 Tijdlijn                             │
+│                                         │
+│ Filter: [Alle types ▼]  [Zoeken 🔍]   │
+└─────────────────────────────────────────┘
+```
+
+**Tijdlijn items:**
+```
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+23 nov 2024 14:30
+🎯 Behandeladvies
+
+"Op basis van het intakegesprek advies 
+ik een CGT traject van 12 sessies met 
+focus op slaapproblematiek en..."
+
+Door: Dr. van Dam
+[Bekijk volledig] [Bewerk] [...]
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+22 nov 2024 10:15  
+📝 Vrije notitie
+
+"Telefonisch contact met cliënt. 
+Afspraak verzet naar donderdag..."
+
+Door: Dr. van Dam
+[Bekijk volledig] [Bewerk] [...]
+━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+```
+
+**Item componenten:**
+- **Timestamp**: Datum + tijd (relatief: "2 uur geleden")
+- **Type badge**: Icoon + label
+- **Preview**: Eerste 120 karakters + "..."
+- **Metadata**: Auteur (Week 3: + versie nummer)
+- **Actions**: Bekijk, Bewerk, Menu (...)
+
+**States:**
+```
+Normal:     Standaard weergave
+Hover:      Subtle highlight + cursor pointer
+Loading:    Skeleton placeholders
+Empty:      "Nog geen rapportages voor deze cliënt"
+```
+
+**Interacties:**
+- Klik op item → Open detail view (modal of side panel)
+- Klik "Bewerk" → Open in rapportage modal (edit mode)
+- Menu (...) → Verwijderen (met confirmatie)
+
+**Lazy loading:**
+- Toon eerste 10 items
+- "Meer laden" knop onderaan
+- Infinite scroll optie (Week 3)
+
+---
+
+### 4.5 Context Routing (automatische plaatsing)
+
+**Doel:**  
+Rapportages automatisch op de juiste plek in het dossier tonen, naast de chronologische tijdlijn.
+
+**Week 2 scope:**
+- Behandeladviezen verschijnen automatisch in "Behandelplan" tab
+- Vrije notities blijven alleen in tijdlijn
+
+**Behandelplan tab integratie:**
+```
+┌─────────────────────────────────────────┐
+│ 🎯 Behandelplan                         │
+│                                         │
+│ Laatste advies: 23 nov 2024 14:30      │
+│                                         │
+│ ┌─────────────────────────────────┐   │
+│ │ CGT traject, 12 sessies         │   │
+│ │ Focus: slaapproblematiek        │   │
+│ │                                 │   │
+│ │ Doelen:                         │   │
+│ │ - Verbeteren slaapkwaliteit     │   │
+│ │ - Verminderen ruminatie         │   │
+│ │                                 │   │
+│ │ [Bewerk] [Nieuwe versie]        │   │
+│ └─────────────────────────────────┘   │
+│                                         │
+│ Eerdere adviezen:                       │
+│ - 20 nov 2024 (v1.0) [Bekijk]          │
+└─────────────────────────────────────────┘
+```
+
+**Routing logica:**
+```typescript
+function routeReport(report: Report) {
+  // Week 2: Simple routing
+  if (report.type === 'behandeladvies') {
+    // Show in both timeline AND behandelplan tab
+    saveToTimeline(report);
+    linkToBehandelplan(report);
+  } else {
+    // Only in timeline
+    saveToTimeline(report);
+  }
+  
+  // Week 3+: More types
+  // 'intake' → Intake tab
+  // 'voortgang' → Voortgang tab
+  // 'crisis' → Crisis log + notification
+  // etc.
+}
+```
+
+**Versioning (Week 3):**
+- Behandeladviezen krijgen versienummer (v1.0, v1.1, v2.0)
+- Nieuwe rapportage = nieuwe versie of wijziging bestaande?
+- User kan kiezen: "Nieuwe versie" vs "Bestaande bijwerken"
+
+---
+
+## 5. UI-overzicht (visuele structuur)
+
+🎯 **Doel:** eenvoudig inzicht geven in de globale schermopbouw.
+
+**Clientdossier met Universele Rapportage:**
+```
+┌──────────────────────────────────────────────────────────┐
+│ Logo    Emma de Vries (34j, F)    [Zoeken] [User ▼]    │
+├──────────────────────────────────────────────────────────┤
+│                                                          │
+│  ┌────────────┐  ┌─────────────────────────────────┐   │
+│  │ Dashboard  │  │                                 │   │
+│  │ Intake     │  │  Client Dashboard               │   │
+│  │ Diagnose   │  │                                 │   │
+│  │ Behandel   │  │  [Laatste activiteit widgets]   │   │
+│  │ Tijdlijn   │  │                                 │   │
+│  │            │  │                                 │   │
+│  │            │  │                                 │   │
+│  │            │  │                                 │   │
+│  └────────────┘  └─────────────────────────────────┘   │
+│                                                          │
+│                               ┌──────────────────┐      │
+│                               │ 🎤 Rapporteer    │ ←FAB │
+│                               └──────────────────┘      │
+└──────────────────────────────────────────────────────────┘
+```
+
+**Rapportage Modal (overlay):**
+```
+       ┌────────────────────────────────────────┐
+       │ 🎤 Nieuwe rapportage voor Emma      [X]│
+       ├────────────────────────────────────────┤
+       │                                        │
+       │  ┌──────────────────────────────────┐ │
+       │  │ [User input text area]           │ │
+       │  │                                  │ │
+       │  └──────────────────────────────────┘ │
+       │                                        │
+       │  ✓ AI detecteert: 🎯 Behandeladvies   │
+       │                                        │
+       │  Type: [Behandeladvies ▼]             │
+       │                                        │
+       ├────────────────────────────────────────┤
+       │  [Annuleren]            [Opslaan]      │
+       └────────────────────────────────────────┘
+```
+
+**Tijdlijn tab:**
+```
+┌──────────────────────────────────────────────────────────┐
+│ 📋 Tijdlijn          [Alle types ▼] [Zoeken 🔍]        │
+├──────────────────────────────────────────────────────────┤
+│                                                          │
+│  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  │
+│  23 nov 2024 14:30                                       │
+│  🎯 Behandeladvies                                       │
+│                                                          │
+│  "Op basis van intakegesprek advies ik CGT..."          │
+│                                                          │
+│  Door: Dr. van Dam                                       │
+│  [Bekijk volledig] [Bewerk] [...]                       │
+│  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━  │
+│                                                          │
+│  22 nov 2024 10:15                                       │
+│  📝 Vrije notitie                                        │
+│  ...                                                     │
+│                                                          │
+└──────────────────────────────────────────────────────────┘
+```
+
+---
+
+## 6. Interacties met AI (functionele beschrijving)
+
+🎯 **Doel:** uitleggen waar AI in de flow voorkomt en wat de gebruiker ziet of verwacht.
+
+| Locatie | AI-actie | Trigger | Input | Output | Response tijd |
+|---------|----------|---------|-------|--------|---------------|
+| Rapportage Modal | Classificatie | Klik "Analyseer" | User text (20-5000 chars) | Type + confidence | <2 sec |
+| Behandelplan (Week 3) | Extractie | Auto na save | Behandeladvies text | SMART doelen, interventies | <3 sec |
+| Tijdlijn (Week 3) | Samenvatting | Klik "Samenvatten" | Lang verslag | Bullets, highlights | <2 sec |
+
+**Week 2 MVP: Alleen classificatie**
+
+**Prompt structure:**
+```typescript
+System: "Je bent classificatie-assistent voor GGZ EPD"
+User: "Classificeer: [user_text]"
+Expected response: { type, confidence, reasoning }
+```
+
+**Error handling:**
+- Timeout (>5 sec) → Retry once → Fallback to "vrije_notitie"
+- Invalid JSON → Parse error → Fallback to "vrije_notitie"
+- Rate limit → Queue request → Show "Even geduld..."
+
+**User feedback:**
+```
+[Analyseren...]           ← Loading (spinner)
+[✓ Geanalyseerd]          ← Success (1 sec)
+[⚠️ Opnieuw proberen]     ← Error (retry button)
+```
+
+---
+
+## 7. Database Schema (Week 2 MVP)
+
+🎯 **Doel:** Gestructureerde opslag van rapportages met uitbreidbaarheid.
+
+**Tabel: `reports`**
+```sql
+CREATE TABLE reports (
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+  client_id UUID NOT NULL REFERENCES clients(id) ON DELETE CASCADE,
+  
+  -- Content
+  type VARCHAR(50) NOT NULL, -- 'behandeladvies', 'vrije_notitie'
+  content TEXT NOT NULL,     -- Raw user input
+  
+  -- AI metadata
+  ai_confidence DECIMAL(3,2), -- 0.00 - 1.00
+  ai_reasoning TEXT,          -- Optional AI explanation
+  
+  -- Structured data (Week 3+)
+  structured_data JSONB,      -- Extracted entities, dates, etc.
+  
+  -- Metadata
+  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+  created_by UUID NOT NULL REFERENCES users(id),
+  updated_at TIMESTAMPTZ,
+  updated_by UUID REFERENCES users(id),
+  
+  -- Versioning (Week 3+)
+  version VARCHAR(10),        -- e.g., "v1.0", "v2.1"
+  parent_report_id UUID REFERENCES reports(id), -- For versioning
+  
+  -- Audio (Week 3+)
+  audio_url TEXT,             -- Supabase Storage URL
+  audio_duration_seconds INT,
+  
+  -- Soft delete
+  deleted_at TIMESTAMPTZ,
+  
+  -- Indexes
+  INDEX idx_reports_client (client_id),
+  INDEX idx_reports_type (type),
+  INDEX idx_reports_created (created_at DESC)
+);
+```
+
+**Type values (Week 2):**
+- `behandeladvies`: Treatment plan/advice
+- `vrije_notitie`: Free-form note
+
+**Type values (Week 3+):**
+- `intake`: Initial intake report
+- `voortgang`: Progress report
+- `crisis`: Crisis/incident report
+- `contact`: Contact moment (call, email)
+- `medicatie`: Medication changes
+- `mdo`: Multidisciplinary consultation
+
+**Example data:**
+```json
+{
+  "id": "abc-123",
+  "client_id": "client-456",
+  "type": "behandeladvies",
+  "content": "Op basis van intakegesprek advies ik CGT traject...",
+  "ai_confidence": 0.92,
+  "ai_reasoning": "Bevat woorden: advies, traject, sessies",
+  "structured_data": null, // Week 3+
+  "created_at": "2024-11-23T14:30:00Z",
+  "created_by": "user-789"
+}
+```
+
+---
+
+## 8. Gebruikersrollen en rechten
+
+🎯 **Doel:** beschrijven welke rollen toegang hebben tot welke onderdelen.
+
+| Rol | Toegang | Acties | Beperkingen |
+|-----|---------|--------|-------------|
+| **Behandelaar** | Eigen cliënten | Aanmaken, lezen, bewerken, verwijderen rapportages | Alleen eigen rapportages bewerken |
+| **Manager** | Alle cliënten (read-only) | Lezen tijdlijnen | Geen wijzigingen |
+| **Demo User** | Demo cliënten | Volledige toegang | Fictieve data only |
+
+**Permissions check:**
+```typescript
+canCreateReport(user, client) {
+  return user.clients.includes(client.id) || user.role === 'admin';
+}
+
+canEditReport(user, report) {
+  return report.created_by === user.id || user.role === 'admin';
+}
+
+canDeleteReport(user, report) {
+  return report.created_by === user.id || user.role === 'admin';
+}
+```
+
+---
+
+## 9. Flows & Scenario's
+
+🎯 **Doel:** Concrete gebruiksscenario's uitwerken.
+
+### 9.1 Happy Flow: Behandeladvies rapporteren
+
+**Context:** Behandelaar heeft net intakegesprek gehad met nieuwe cliënt Emma (34j).
+
+**Stappen:**
+1. Open clientdossier Emma de Vries
+2. Klik floating button "🎤 Rapporteer" (rechtsonder)
+3. Modal opent met focus op text area
+4. Typ: *"Op basis van het intakegesprek van vandaag advies ik een CGT traject van 12 sessies. Focus op slaapproblematiek en verminderen van ruminatie. Start met psycho-educatie over depressie en slaaphygiëne. Evaluatie na 6 sessies. Bij onvoldoende verbetering overleg met psychiater voor eventuele medicatie."*
+5. Klik "Analyseer met AI"
+6. Spinner 1-2 seconden
+7. AI toont: "✓ AI detecteert: 🎯 Behandeladvies (92% zeker)"
+8. Dropdown toont: "🎯 Behandeladvies" (pre-selected)
+9. Klik "Opslaan"
+10. Success melding: "✓ Opgeslagen"
+11. Modal sluit automatisch na 1 sec
+12. Rapportage verschijnt:
+    - In tijdlijn (bovenaan)
+    - In "Behandelplan" tab
+13. Behandelaar ziet bevestiging toast: "Behandeladvies opgeslagen"
+
+**Tijdsduur:** ~25 seconden (inclusief typen)
+
+---
+
+### 9.2 Alternative Flow: AI classificeert verkeerd
+
+**Context:** Behandelaar schrijft verslag, maar AI herkent verkeerd type.
+
+**Stappen:**
+1. Open rapportage modal
+2. Typ: *"Kort telefoontje gehad met Emma. Ze kan volgende week niet, afspraak verzet naar donderdag 15:00. Ze klonk opgeruimd."*
+3. Klik "Analyseer"
+4. AI toont: "✓ AI detecteert: 🎯 Behandeladvies (68% zeker)"
+   - (AI ziet "afspraak" en "opgeruimd" als mogelijk behandelcontext)
+5. **Gebruiker klikt dropdown**
+6. Kiest: "📝 Vrije notitie"
+7. Klik "Opslaan"
+8. Verslag opgeslagen als vrije notitie
+9. **Leermoment:** AI wordt niet getraind (out of scope), maar gebruiker had controle
+
+**Tijdsduur:** ~30 seconden
+
+---
+
+### 9.3 Error Flow: Netwerk timeout
+
+**Context:** Slechte internetverbinding tijdens classificatie.
+
+**Stappen:**
+1. Typ rapportage
+2. Klik "Analyseer"
+3. Spinner > 5 seconden
+4. Timeout error
+5. Melding: "⚠️ AI niet bereikbaar. Probeer opnieuw of kies handmatig een type."
+6. Knoppen:
+   - [Opnieuw proberen] ← Retry
+   - [Handmatig kiezen] ← Skip AI, direct dropdown
+7. Gebruiker kiest "Handmatig kiezen"
+8. Dropdown actief, kiest type
+9. Opslaan werkt normaal
+
+**Fallback:** Rapportage wordt opgeslagen zonder AI-metadata, maar blijft functioneel.
+
+---
+
+### 9.4 Demo Scenario (LinkedIn video)
+
+**Context:** 30-seconden demo voor LinkedIn post.
+
+**Script:**
+```
+[Scherm: Client dossier open]
+Voiceover: "Traditionele EPD's hebben 47 formulieren."
+
+[Klik Rapporteer button]
+Voiceover: "Wij hebben 1 knop."
+
+[Typ snel behandeladvies]
+Voiceover: "Je typt wat je denkt."
+
+[Klik Analyseer]
+Voiceover: "AI begrijpt wat het is."
+
+[Klik Opslaan]
+Voiceover: "En zet het automatisch op de juiste plek."
+
+[Toon tijdlijn + behandelplan tab]
+Voiceover: "25 seconden. Klaar."
+
+[Fade to logo]
+Text: "AI Speedrun EPD - Software on Demand"
+```
+
+**Belangrijke visuele elementen:**
+- Smooth animaties
+- Duidelijke button clicks
+- AI classificatie badge (92%)
+- Dual placement (tijdlijn + behandelplan)
+
+---
+
+## 10. Technische constraints & dependencies
+
+🎯 **Doel:** Technische randvoorwaarden en afhankelijkheden.
+
+**API Dependencies:**
+- **Claude 3.5 Sonnet** (Anthropic API)
+  - Endpoint: `/v1/messages`
+  - Model: `claude-sonnet-4-20250514`
+  - Rate limit: 50 requests/minute (tier 1)
+  - Fallback: Queue + retry
+
+**Database:**
+- **Supabase PostgreSQL**
+  - Row Level Security (RLS) enabled
+  - Real-time subscriptions (Week 3+)
+
+**Frontend:**
+- **Next.js 15** (App Router)
+- **React 19** (Server Components waar mogelijk)
+- **shadcn/ui** components
+- **TailwindCSS** styling
+
+**Performance targets:**
+- Modal open: <100ms
+- AI classification: <2 sec (p95)
+- Database save: <500ms
+- Timeline render: <200ms (10 items)
+
+**Browser support:**
+- Chrome/Edge 90+
+- Firefox 88+
+- Safari 14+
+- Mobile: iOS Safari 14+, Chrome Android
+
+---
+
+## 11. Privacy & Security (AVG compliance)
+
+🎯 **Doel:** Waarborgen van privacy en beveiliging.
+
+**Data opslag:**
+- Rapportages bevatten potentieel gevoelige medische informatie
+- Encryptie at rest (Supabase default)
+- Encryptie in transit (HTTPS/TLS 1.3)
+
+**API communicatie:**
+- Claude API: Data wordt NIET gebruikt voor training
+- Anthropic heeft SOC 2 Type II certificering
+- Data residency: EU servers waar mogelijk
+
+**Toegangscontrole:**
+- Row Level Security (RLS) op client_id
+- User kan alleen eigen cliënten zien/bewerken
+- Audit log voor alle wijzigingen (Week 3+)
+
+**Soft delete:**
+- Rapportages krijgen `deleted_at` timestamp
+- Niet permanent verwijderd (herstel mogelijk)
+- Permanent purge na 30 dagen (Week 4)
+
+**GDPR rechten:**
+- Recht op inzage: Tijdlijn export (Week 3+)
+- Recht op verwijdering: Soft delete functie
+- Recht op dataportabiliteit: JSON export (Week 4)
+
+---
+
+## 12. Testing & Acceptance Criteria
+
+🎯 **Doel:** Definiëren wanneer de feature "klaar" is.
+
+**Functional Tests:**
+- [ ] FAB zichtbaar in alle clientdossier paginas
+- [ ] Modal opent/sluit correct
+- [ ] Text area accepteert 20-5000 karakters
+- [ ] Validation errors tonen bij <20 chars
+- [ ] AI classificatie werkt in >85% van testcases
+- [ ] Dropdown manual override functioneert
+- [ ] Save functie slaat op in database
+- [ ] Tijdlijn toont nieuwe items direct
+- [ ] Behandeladviezen verschijnen in Behandelplan tab
+- [ ] Vrije notities alleen in tijdlijn
+
+**Performance Tests:**
+- [ ] Modal open <100ms
+- [ ] AI response <2 sec (p95)
+- [ ] Save operation <500ms
+- [ ] Timeline render <200ms (10 items)
+
+**Edge Cases:**
+- [ ] Netwerk timeout handling
+- [ ] AI parse error handling
+- [ ] Concurrent edits (multiple tabs)
+- [ ] Very long text (4900 chars)
+- [ ] Special characters (emoji, unicode)
+
+**Accessibility:**
+- [ ] Keyboard navigatie werkt
+- [ ] Screen reader compatible
+- [ ] Focus states duidelijk
+- [ ] ARIA labels correct
+
+**Cross-browser:**
+- [ ] Chrome/Edge latest
+- [ ] Firefox latest
+- [ ] Safari 14+
+- [ ] Mobile Chrome/Safari
+
+**Demo Readiness:**
+- [ ] 30-sec demo scenario werkt smooth
+- [ ] No bugs in happy flow
+- [ ] Visual polish (animaties, spacing)
+- [ ] Recording-ready UI
+
+---
+
+## 13. Roadmap & Uitbreidingen
+
+🎯 **Doel:** Toekomstige iteraties en uitbreidmogelijkheden.
+
+### Week 3 (Voice + Types)
+- 🎤 Deepgram voice input integration
+- 📋 Meer rapportage types (intake, voortgang, crisis, contact)
+- 🔍 Filter/zoek functionaliteit in tijdlijn
+- ⌨️ Keyboard shortcut (Cmd+Shift+R)
+- 📊 Structured data extraction (DSM codes, medicatie)
+
+### Week 4 (Polish + Analytics)
+- ✨ Rich editor formatting in rapportages
+- 📈 Dashboard widgets (rapportage stats)
+- 🔔 Notificaties bij crisis rapportages
+- 📄 PDF export van rapportages
+- 🎬 Marketing video + LinkedIn posts
+
+### Post-MVP (Future)
+- 🧠 AI leren van correcties (feedback loop)
+- 🔗 Cross-client insights (anonymized patterns)
+- 📱 Mobile app (React Native)
+- 🌐 Multi-language support (Engels)
+- 🔐 Advanced permissions (team-based access)
+- 📊 BI dashboard voor managers
+- 🔄 Integraties (Zorgdomein, Ggz Standaarden)
+
+---
+
+## 14. Bijlagen & Referenties
+
+🎯 **Doel:** linken naar de overige documenten binnen Mission Control.
+
+**Interne documenten:**
+- [PRD v1.2](./prd-mini-ecd-v1_2.md) - Product Requirements Document
+- [TO v1.2](./to-mini-ecd-v1_2.md) - Technisch Ontwerp
+- [FO v2.0](./fo-mini-ecd-v2.md) - Functioneel Ontwerp (basis applicatie)
+- [FO Live Transcriptie](./fo-live-transcriptie-v1.md) - Voice input (Week 3)
+- [UX Stylesheet](./ux-stylesheet.md) - Design system
+- [Bouwplan v1.1](./bouwplan-ai-speedrun-v1.md) - Development roadmap
+- [API Access](./api-access-mini-ecd.md) - Credentials en setup
+
+**Externe referenties:**
+- [Anthropic Claude API](https://docs.anthropic.com/claude/reference)
+- [Supabase Docs](https://supabase.com/docs)
+- [Next.js 15 Docs](https://nextjs.org/docs)
+- [shadcn/ui Components](https://ui.shadcn.com/)
+
+**Demo assets:**
+- LinkedIn post templates
+- 30-second demo script
+- Test rapportages (NL samples)
+- Figma wireframes (optional)
+
+---
+
+**Versiehistorie:**
+
+| Versie | Datum | Auteur | Wijziging |
+|--------|-------|--------|-----------|
+| v1.0 | 23-11-2024 | Colin van der Heijden | Initiële versie - Week 2 MVP scope |
+
+---
+
+**Einde Functioneel Ontwerp - Universele Rapportage Functie**
\ No newline at end of file
diff --git a/docs/specs/archive/universele-rapportage/to-universele-rapportage-v1.md b/docs/specs/archive/universele-rapportage/to-universele-rapportage-v1.md
new file mode 100644
index 0000000..29d1be3
--- /dev/null
+++ b/docs/specs/archive/universele-rapportage/to-universele-rapportage-v1.md
@@ -0,0 +1,1491 @@
+# ⚙️ Technisch Ontwerp (TO) — Universele Rapportage
+
+**Projectnaam:** Mini-EPD - Universele Rapportage Functie
+**Versie:** v1.0 (Week 2 MVP)
+**Datum:** 23-11-2024
+**Auteur:** Colin van der Heijden (AI Speedrun)
+
+---
+
+## 1. Doel en relatie met PRD en FO
+
+🎯 **Doel van dit document:**
+Het Technisch Ontwerp (TO) beschrijft **hoe** het systeem technisch wordt gebouwd. Waar het FO de functionaliteit beschrijft, gaat het TO over architectuur, techstack, data en infrastructuur.
+
+📘 **Relatie met andere documenten:**
+- **FO v1.0** ([fo-universele-rapportage-v1.md](./fo-universele-rapportage-v1.md)): Functionele specificaties, user stories, UI flows
+- **PRD v1.2**: AI Speedrun Week 2 MVP scope
+- **Bestaande codebase**: Next.js 14 + Supabase + FHIR-compliant schema
+
+**Belangrijkste technische uitdaging:**
+Het bouwen van een AI-first rapportage systeem dat:
+1. Voice-to-text verwerkt (Deepgram)
+2. Automatisch rapportage type classificeert (Claude)
+3. Naadloos integreert in bestaande patient workflow
+4. GDPR/NEN7510 compliant blijft
+
+---
+
+## 2. Technische Architectuur Overzicht
+
+🎯 **Doel:** Globaal beeld van de systeemarchitectuur.
+
+### High-Level Architecture
+
+```
+┌─────────────────────────────────────────────────────────────┐
+│                    Browser (Client)                         │
+│  ┌──────────────────────────────────────────────────────┐  │
+│  │  Patient Layout (app/epd/patients/[id]/layout.tsx)   │  │
+│  │  ┌────────────────────────────────────────────────┐  │  │
+│  │  │  "Nieuwe Rapportage" Button (Header/Sidebar)  │  │  │
+│  │  └───────────────────┬────────────────────────────┘  │  │
+│  │                      │ onClick                        │  │
+│  │                      ▼                                │  │
+│  │  ┌────────────────────────────────────────────────┐  │  │
+│  │  │  Rapportage Modal (Dialog Component)          │  │  │
+│  │  │  ┌──────────────────────────────────────────┐ │  │  │
+│  │  │  │  1. Text Input / Rich Text Editor       │ │  │  │
+│  │  │  │  2. Speech Recorder (Deepgram)           │ │  │  │
+│  │  │  │  3. AI Classification Display            │ │  │  │
+│  │  │  │  4. Manual Type Dropdown Override        │ │  │  │
+│  │  │  └──────────────────────────────────────────┘ │  │  │
+│  │  └────────────────────────────────────────────────┘  │  │
+│  │                                                        │  │
+│  │  ┌────────────────────────────────────────────────┐  │  │
+│  │  │  Timeline View (rapportage/page.tsx)          │  │  │
+│  │  │  - Chronological list of reports               │  │  │
+│  │  │  - Filter by type                               │  │  │
+│  │  │  - CRUD operations                              │  │  │
+│  │  └────────────────────────────────────────────────┘  │  │
+│  └──────────────────────────────────────────────────────┘  │
+└─────────────────────────────────────────────────────────────┘
+                             │
+                             │ HTTPS/TLS 1.3
+                             ▼
+┌─────────────────────────────────────────────────────────────┐
+│              Next.js 14 Server (Vercel Edge)                │
+│                                                              │
+│  ┌────────────────────────────────────────────────────┐    │
+│  │  API Routes (app/api/)                             │    │
+│  │  ┌──────────────────────────────────────────────┐  │    │
+│  │  │  /api/reports                                │  │    │
+│  │  │  - GET: List reports for patient             │  │    │
+│  │  │  - POST: Create new report                   │  │    │
+│  │  └──────────────────────────────────────────────┘  │    │
+│  │  ┌──────────────────────────────────────────────┐  │    │
+│  │  │  /api/reports/[reportId]                     │  │    │
+│  │  │  - GET/PATCH/DELETE: CRUD operations         │  │    │
+│  │  └──────────────────────────────────────────────┘  │    │
+│  │  ┌──────────────────────────────────────────────┐  │    │
+│  │  │  /api/reports/classify                       │  │    │
+│  │  │  - POST: AI classification (Claude)          │  │    │
+│  │  └──────────────────────────────────────────────┘  │    │
+│  │  ┌──────────────────────────────────────────────┐  │    │
+│  │  │  /api/deepgram/transcribe (existing)         │  │    │
+│  │  │  - POST: Audio → Text (Deepgram)             │  │    │
+│  │  └──────────────────────────────────────────────┘  │    │
+│  └────────────────────────────────────────────────────┘    │
+│                                                              │
+│  ┌────────────────────────────────────────────────────┐    │
+│  │  Server Actions (app/epd/patients/.../actions.ts)  │    │
+│  │  - getReports(patientId)                            │    │
+│  │  - createReport(data)                               │    │
+│  │  - deleteReport(reportId)                           │    │
+│  │  - revalidatePath() for cache invalidation          │    │
+│  └────────────────────────────────────────────────────┘    │
+└─────────────────────────────────────────────────────────────┘
+                    │                    │
+                    │                    │
+        ┌───────────▼──────────┐    ┌───▼─────────────────┐
+        │  External AI APIs    │    │  Supabase           │
+        │  ┌────────────────┐  │    │  (PostgreSQL)       │
+        │  │ Deepgram       │  │    │                     │
+        │  │ Nova 2 Model   │  │    │  ┌───────────────┐ │
+        │  │ (Speech→Text)  │  │    │  │ reports       │ │
+        │  └────────────────┘  │    │  │ - patient_id  │ │
+        │                      │    │  │ - type        │ │
+        │  ┌────────────────┐  │    │  │ - content     │ │
+        │  │ Claude 3.5     │  │    │  │ - ai_data     │ │
+        │  │ Sonnet         │  │    │  └───────────────┘ │
+        │  │ (Classify)     │  │    │                     │
+        │  └────────────────┘  │    │  RLS Policies       │
+        │                      │    │  Auth + Security    │
+        └──────────────────────┘    └─────────────────────┘
+```
+
+### Data Flow (Voice → AI → Database)
+
+```
+User speaks
+    ↓
+MediaRecorder API (browser)
+    ↓
+Audio blob (audio/webm)
+    ↓
+POST /api/deepgram/transcribe
+    ↓
+Deepgram API (Nova 2)
+    ↓
+Transcript text (string)
+    ↓
+Display in text area
+    ↓
+User clicks "Analyseer"
+    ↓
+POST /api/reports/classify { content: "..." }
+    ↓
+Claude API (classification prompt)
+    ↓
+{ type: "behandeladvies", confidence: 0.92 }
+    ↓
+Display classification + manual override option
+    ↓
+User confirms/overrides → clicks "Opslaan"
+    ↓
+POST /api/reports { patient_id, type, content, ai_confidence }
+    ↓
+Supabase INSERT INTO reports
+    ↓
+revalidatePath(/rapportage)
+    ↓
+Timeline view refreshes
+```
+
+---
+
+## 3. Techstack Selectie
+
+🎯 **Doel:** Onderbouwde keuze van technologieën.
+
+| Component | Technologie | Versie | Argumentatie | Alternatieven |
+|-----------|-------------|--------|--------------|---------------|
+| **Frontend Framework** | Next.js | 14.2.18 | Al in gebruik, App Router, SSR, goede DX | Remix, SvelteKit |
+| **React** | React | 18.3.1 | Ecosystem, team expertise, Server Components | Vue, Svelte |
+| **UI Components** | shadcn/ui | Latest | Headless (Radix), customizable, TypeScript | MUI, Chakra UI |
+| **Rich Text Editor** | TipTap | ^2.x | Al in gebruik (behandeladvies), extensible | Slate, Quill |
+| **Styling** | TailwindCSS | ^3.4 | Utility-first, al in codebase | CSS Modules, styled-components |
+| **Backend** | Next.js API Routes | 14.x | Co-located met frontend, TypeScript | Express, Fastify |
+| **Database** | Supabase (PostgreSQL) | Latest | Al in gebruik, RLS, real-time, auth | PlanetScale, Neon |
+| **ORM/Query** | Supabase JS Client | ^2.x | Type-safe, auto-generated types | Prisma, Drizzle |
+| **Speech-to-Text** | Deepgram | Nova 2 | Laagste latency, Nederlands support, al geïntegreerd | OpenAI Whisper, Google Speech |
+| **AI Classification** | Claude 3.5 Sonnet | 20250514 | Beste reasoning, Nederlands, geen training op data | GPT-4, Gemini |
+| **Type Safety** | TypeScript | ^5.x | Al in gebruik, compile-time safety | Flow, JSDoc |
+| **Validation** | Zod | ^3.x | Runtime validation, type inference | Yup, Joi |
+| **Hosting** | Vercel | - | Zero-config Next.js, Edge Network | Netlify, Railway |
+
+### Argumentatie per keuze
+
+**Waarom Deepgram over OpenAI Whisper?**
+- ✅ Lagere latency (real-time streaming mogelijk)
+- ✅ Nederlands model specifiek getraind
+- ✅ Al werkende implementatie in codebase
+- ✅ Betere prijs/performance ratio
+- ❌ Nadeel: Kleinere model dan Whisper-large
+
+**Waarom Claude over GPT-4 voor classificatie?**
+- ✅ Expliciete no-training guarantee (privacy)
+- ✅ Betere reasoning voor Nederlandse tekst
+- ✅ Lower cost voor korte classificatie taken
+- ✅ Betere JSON compliance
+- ❌ Nadeel: Kleinere context window (200K vs OpenAI's 128K)
+
+**Waarom shadcn/ui over volledige component library?**
+- ✅ Headless = volledige styling controle
+- ✅ Copy-paste = geen dependency bloat
+- ✅ Radix = accessibility out-of-the-box
+- ✅ Tailwind integratie = consistent met codebase
+
+---
+
+## 4. Datamodel
+
+🎯 **Doel:** Structuur van de data in de database.
+
+### Primary Table: `reports`
+
+**Locatie:** Supabase PostgreSQL
+**Migratie bestand:** `supabase/migrations/[timestamp]_create_reports_table.sql`
+
+```sql
+-- Reports table voor Universele Rapportage
+CREATE TABLE reports (
+  -- Primary Key
+  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
+
+  -- Foreign Keys
+  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
+  created_by UUID NOT NULL REFERENCES practitioners(id) ON DELETE SET NULL,
+
+  -- Content
+  type VARCHAR(50) NOT NULL CHECK (type IN (
+    'behandeladvies',
+    'vrije_notitie',
+    'intake',          -- Week 3+
+    'voortgang',       -- Week 3+
+    'crisis',          -- Week 3+
+    'contact'          -- Week 3+
+  )),
+  content TEXT NOT NULL CHECK (char_length(content) >= 20),
+
+  -- AI Metadata
+  ai_confidence DECIMAL(3,2) CHECK (ai_confidence >= 0.0 AND ai_confidence <= 1.0),
+  ai_reasoning TEXT,
+
+  -- Structured Data (Week 3+)
+  structured_data JSONB DEFAULT '{}',
+  -- Example: { "dsm_codes": ["F41.0"], "medication": ["Sertraline 50mg"] }
+
+  -- Audio (Week 3+)
+  audio_url TEXT,
+  audio_duration_seconds INTEGER,
+
+  -- Metadata
+  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+  updated_at TIMESTAMPTZ,
+  updated_by UUID REFERENCES practitioners(id),
+
+  -- Versioning (Week 3+)
+  version VARCHAR(10),
+  parent_report_id UUID REFERENCES reports(id),
+
+  -- Soft Delete
+  deleted_at TIMESTAMPTZ,
+
+  -- Constraints
+  CONSTRAINT reports_content_length CHECK (char_length(content) <= 5000)
+);
+
+-- Indexes for Performance
+CREATE INDEX idx_reports_patient_id ON reports(patient_id)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX idx_reports_type ON reports(type)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX idx_reports_created_at ON reports(created_at DESC)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX idx_reports_created_by ON reports(created_by);
+
+-- Composite index for patient timeline queries
+CREATE INDEX idx_reports_patient_created ON reports(patient_id, created_at DESC)
+  WHERE deleted_at IS NULL;
+
+-- Full-text search index (Week 3+)
+CREATE INDEX idx_reports_content_fts ON reports USING gin(to_tsvector('dutch', content))
+  WHERE deleted_at IS NULL;
+
+-- Row Level Security Policies
+ALTER TABLE reports ENABLE ROW LEVEL SECURITY;
+
+-- Policy: Users can only see reports for their assigned patients
+CREATE POLICY reports_select_policy ON reports
+  FOR SELECT
+  USING (
+    patient_id IN (
+      SELECT id FROM patients
+      WHERE EXISTS (
+        SELECT 1 FROM practitioner_patient_assignments
+        WHERE practitioner_id = auth.uid()
+        AND patient_id = patients.id
+      )
+    )
+  );
+
+-- Policy: Users can only create reports for their assigned patients
+CREATE POLICY reports_insert_policy ON reports
+  FOR INSERT
+  WITH CHECK (
+    created_by = auth.uid() AND
+    patient_id IN (
+      SELECT id FROM patients
+      WHERE EXISTS (
+        SELECT 1 FROM practitioner_patient_assignments
+        WHERE practitioner_id = auth.uid()
+        AND patient_id = patients.id
+      )
+    )
+  );
+
+-- Policy: Users can only update their own reports
+CREATE POLICY reports_update_policy ON reports
+  FOR UPDATE
+  USING (created_by = auth.uid())
+  WITH CHECK (created_by = auth.uid());
+
+-- Policy: Users can only soft-delete their own reports
+CREATE POLICY reports_delete_policy ON reports
+  FOR UPDATE
+  USING (created_by = auth.uid() AND deleted_at IS NULL)
+  WITH CHECK (deleted_at IS NOT NULL);
+
+-- Comments for documentation
+COMMENT ON TABLE reports IS 'Universal reporting system - AI-powered classification';
+COMMENT ON COLUMN reports.type IS 'Report type: behandeladvies, vrije_notitie, etc.';
+COMMENT ON COLUMN reports.ai_confidence IS 'AI classification confidence (0.0-1.0)';
+COMMENT ON COLUMN reports.structured_data IS 'Extracted entities (DSM codes, medication, etc.)';
+COMMENT ON COLUMN reports.audio_url IS 'Supabase Storage URL for audio recording';
+```
+
+### Supporting Types (TypeScript)
+
+**Locatie:** `lib/types/report.ts`
+
+```typescript
+import { Database } from '@/lib/supabase/database.types';
+import { z } from 'zod';
+
+// Base report type from database
+export type Report = Database['public']['Tables']['reports']['Row'];
+export type ReportInsert = Database['public']['Tables']['reports']['Insert'];
+export type ReportUpdate = Database['public']['Tables']['reports']['Update'];
+
+// Report type enum
+export const REPORT_TYPES = [
+  'behandeladvies',
+  'vrije_notitie',
+  // Week 3+:
+  // 'intake',
+  // 'voortgang',
+  // 'crisis',
+  // 'contact'
+] as const;
+export type ReportType = (typeof REPORT_TYPES)[number];
+
+// Zod validation schema for creating a report
+export const CreateReportSchema = z.object({
+  patient_id: z.string().uuid('Patient ID moet een geldige UUID zijn'),
+  type: z.enum(REPORT_TYPES, {
+    message: 'Type moet behandeladvies of vrije_notitie zijn',
+  }),
+  content: z
+    .string()
+    .min(20, 'Rapportage moet minimaal 20 karakters bevatten')
+    .max(5000, 'Rapportage mag maximaal 5000 karakters bevatten'),
+  ai_confidence: z.number().min(0).max(1).optional(),
+  ai_reasoning: z.string().optional(),
+});
+
+export type CreateReportInput = z.infer<typeof CreateReportSchema>;
+
+// AI Classification result
+export interface ClassificationResult {
+  type: ReportType;
+  confidence: number; // 0.0 - 1.0
+  reasoning?: string;
+}
+
+// Report list response
+export interface ReportListResponse {
+  reports: Report[];
+  total: number;
+}
+```
+
+### Entity Relationship Diagram
+
+```
+practitioners (auth.users)
+      │
+      │ created_by (FK)
+      │
+      ▼
+   reports ◄────────────────┐
+      │                     │
+      │ patient_id (FK)     │ parent_report_id (FK, versioning)
+      │                     │
+      ▼                     │
+   patients                 │
+                            │
+   reports ─────────────────┘
+   (parent)
+```
+
+**Relaties:**
+- `reports.patient_id` → `patients.id` (1:N)
+- `reports.created_by` → `practitioners.id` (1:N)
+- `reports.parent_report_id` → `reports.id` (1:1, self-referencing voor versioning)
+
+---
+
+## 5. API Ontwerp
+
+🎯 **Doel:** Overzicht van belangrijkste endpoints.
+
+### REST API Endpoints
+
+| Endpoint | Method | Input | Output | Auth | Beschrijving |
+|----------|--------|-------|--------|------|--------------|
+| `/api/reports` | GET | `?patientId=uuid` | `ReportListResponse` | Required | Haal alle rapporten op voor patient |
+| `/api/reports` | POST | `CreateReportInput` | `Report` | Required | Creëer nieuw rapport |
+| `/api/reports/[reportId]` | GET | - | `Report` | Required | Haal specifiek rapport op |
+| `/api/reports/[reportId]` | PATCH | `Partial<CreateReportInput>` | `Report` | Required | Update rapport |
+| `/api/reports/[reportId]` | DELETE | - | `{ success: true }` | Required | Soft-delete rapport |
+| `/api/reports/classify` | POST | `{ content: string }` | `ClassificationResult` | Required | AI classificatie |
+| `/api/deepgram/transcribe` | POST | `FormData` (audio) | `{ transcript: string }` | Required | Speech-to-text (bestaand) |
+
+### Detailed API Specifications
+
+#### GET /api/reports
+
+**Query Parameters:**
+```typescript
+{
+  patientId: string; // UUID (required)
+  type?: ReportType; // Filter by type (optional)
+  limit?: number;    // Pagination (default: 50, max: 100)
+  offset?: number;   // Pagination (default: 0)
+}
+```
+
+**Response (200 OK):**
+```json
+{
+  "reports": [
+    {
+      "id": "uuid",
+      "patient_id": "uuid",
+      "type": "behandeladvies",
+      "content": "Op basis van...",
+      "ai_confidence": 0.92,
+      "ai_reasoning": "Bevat woorden: advies, traject",
+      "created_at": "2024-11-23T14:30:00Z",
+      "created_by": "uuid"
+    }
+  ],
+  "total": 42
+}
+```
+
+**Error Responses:**
+- `400 Bad Request`: Missing patientId parameter
+- `401 Unauthorized`: No valid session
+- `403 Forbidden`: User not authorized for this patient
+- `500 Internal Server Error`: Database error
+
+#### POST /api/reports
+
+**Request Body:**
+```json
+{
+  "patient_id": "uuid",
+  "type": "behandeladvies",
+  "content": "Op basis van het intakegesprek...",
+  "ai_confidence": 0.92,
+  "ai_reasoning": "Bevat woorden: advies, traject, sessies"
+}
+```
+
+**Response (201 Created):**
+```json
+{
+  "id": "uuid",
+  "patient_id": "uuid",
+  "type": "behandeladvies",
+  "content": "Op basis van het intakegesprek...",
+  "ai_confidence": 0.92,
+  "created_at": "2024-11-23T14:30:00Z",
+  "created_by": "uuid"
+}
+```
+
+**Validation:**
+- Content length: 20-5000 characters
+- Type: Must be in REPORT_TYPES enum
+- Patient ID: Must exist and be accessible to user
+- AI confidence: 0.0-1.0 (if provided)
+
+#### POST /api/reports/classify
+
+**Request Body:**
+```json
+{
+  "content": "Op basis van het intakegesprek advies ik een CGT traject..."
+}
+```
+
+**Response (200 OK):**
+```json
+{
+  "type": "behandeladvies",
+  "confidence": 0.92,
+  "reasoning": "Tekst bevat behandeladviezen met concrete interventies en sessie aantallen"
+}
+```
+
+**Error Handling:**
+- `400 Bad Request`: Content too short (<20 chars)
+- `429 Too Many Requests`: Rate limit exceeded (Claude API)
+- `500 Internal Server Error`: AI API failure
+- `503 Service Unavailable`: AI API timeout
+
+**Fallback strategie:**
+```typescript
+try {
+  const result = await classifyWithClaude(content);
+  return result;
+} catch (error) {
+  // Fallback to 'vrije_notitie' met lage confidence
+  return {
+    type: 'vrije_notitie',
+    confidence: 0.5,
+    reasoning: 'AI classificatie niet beschikbaar, handmatig type kiezen aanbevolen'
+  };
+}
+```
+
+### Server Actions
+
+**Locatie:** `app/epd/patients/[id]/rapportage/actions.ts`
+
+```typescript
+'use server';
+
+import { createClient } from '@/lib/auth/server';
+import { revalidatePath } from 'next/cache';
+import type { Report, CreateReportInput } from '@/lib/types/report';
+
+export async function getReports(patientId: string): Promise<Report[]> {
+  const supabase = await createClient();
+
+  const { data, error } = await supabase
+    .from('reports')
+    .select('*')
+    .eq('patient_id', patientId)
+    .is('deleted_at', null)
+    .order('created_at', { ascending: false });
+
+  if (error) throw new Error('Kon rapporten niet ophalen');
+  return data || [];
+}
+
+export async function createReport(input: CreateReportInput): Promise<Report> {
+  const supabase = await createClient();
+
+  const { data, error } = await supabase
+    .from('reports')
+    .insert({
+      patient_id: input.patient_id,
+      type: input.type,
+      content: input.content,
+      ai_confidence: input.ai_confidence,
+      ai_reasoning: input.ai_reasoning,
+    })
+    .select()
+    .single();
+
+  if (error) throw new Error(error.message);
+
+  revalidatePath(`/epd/patients/${input.patient_id}/rapportage`);
+  revalidatePath(`/epd/patients/${input.patient_id}`);
+
+  return data;
+}
+
+export async function deleteReport(
+  patientId: string,
+  reportId: string
+): Promise<void> {
+  const supabase = await createClient();
+
+  // Soft delete
+  const { error } = await supabase
+    .from('reports')
+    .update({ deleted_at: new Date().toISOString() })
+    .eq('id', reportId);
+
+  if (error) throw new Error(error.message);
+
+  revalidatePath(`/epd/patients/${patientId}/rapportage`);
+}
+```
+
+### Authentication & Authorization
+
+**Mechanisme:** Supabase Auth (JWT)
+- Session cookie: `sb-<project-ref>-auth-token`
+- HTTP-only: Ja
+- SameSite: Lax
+- Secure: Ja (HTTPS only)
+
+**Authorization Flow:**
+1. User logged in via Supabase Auth
+2. JWT token in cookie
+3. API route extracts user ID: `auth.uid()`
+4. RLS policies check patient access
+5. Query succeeds/fails based on access
+
+**CSRF Protection:**
+- SameSite cookies (Lax)
+- Next.js automatic CSRF tokens
+- Vercel Edge Functions origin validation
+
+---
+
+## 6. Security & Compliance
+
+🎯 **Doel:** Beschrijf security maatregelen en compliance vereisten.
+
+### Security Checklist
+
+- [x] **Authentication:** Supabase Auth (email/password, OAuth support)
+- [x] **Authorization:** Row Level Security (RLS) policies op patient_id
+- [x] **Data Encryption:**
+  - At rest: PostgreSQL encryption (Supabase default)
+  - In transit: HTTPS/TLS 1.3 (Vercel Edge)
+- [x] **Input Validation:**
+  - Zod schemas op alle endpoints
+  - SQL injection: Prevented via Supabase parameterized queries
+  - XSS: React auto-escapes, DOMPurify voor rich text
+- [x] **Rate Limiting:**
+  - Vercel Edge Functions: 100 req/min per IP
+  - Claude API: SDK built-in retry logic
+  - Deepgram: 150 concurrent requests limit
+- [x] **CORS:** Restrictive origins (alleen eigen domein)
+- [x] **Secrets Management:**
+  - Environment variables (Vercel)
+  - Niet in code gecommit
+  - `.env.local` in `.gitignore`
+
+### GDPR/AVG Compliance
+
+**Data Minimalisatie:**
+- Alleen noodzakelijke velden opgeslagen
+- Geen audio opslag in Week 2 MVP (alleen transcript)
+- Geen tracking/analytics op medische data
+
+**Consent & Transparency:**
+- User ziet AI classificatie (transparency)
+- Manual override mogelijk (user control)
+- Geen AI training op data (Claude/Deepgram contractueel)
+
+**Right to Deletion:**
+- Soft delete strategie (`deleted_at` timestamp)
+- Hard delete na 30 dagen (Week 4 cron job)
+- Cascade delete bij patient verwijdering
+
+**Right to Data Portability:**
+- JSON export functie (Week 4)
+- Markdown export voor human-readable backup
+
+**Data Processing Agreement:**
+- **Deepgram:** EU data residency available, GDPR compliant
+- **Claude (Anthropic):** Geen training op user data, SOC 2 Type II certified
+- **Supabase:** EU hosting (Frankfurt/Amsterdam), GDPR compliant
+
+### NEN7510 Overwegingen
+
+**Voor zorginstellingen (GGZ):**
+
+1. **Toegangscontrole:**
+   - Practitioner kan alleen eigen patients zien (RLS)
+   - Manager role: read-only access (Week 3)
+   - Audit log voor data access (Week 4)
+
+2. **Logging van Dossier Toegang:**
+   ```sql
+   -- Week 4: Audit trail table
+   CREATE TABLE audit_logs (
+     id UUID PRIMARY KEY,
+     user_id UUID NOT NULL,
+     resource_type TEXT,
+     resource_id UUID,
+     action TEXT, -- 'read', 'create', 'update', 'delete'
+     timestamp TIMESTAMPTZ DEFAULT NOW()
+   );
+   ```
+
+3. **Encryptie Gevoelige Velden:**
+   - BSN: Al encrypted in `patients` table
+   - Rapport content: Encrypted at rest (PostgreSQL)
+   - Audio files (Week 3): Supabase Storage encryption
+
+4. **Bewaartermijnen:**
+   - Rapporten: 15 jaar (NEN7510 richtlijn)
+   - Soft delete: 30 dagen herstel periode
+   - Hard delete: Na 15 jaar via retention policy
+
+### Privacy by Design Principles
+
+1. **Proactive not Reactive:**
+   - RLS vanaf dag 1
+   - Soft delete defaults
+   - Audit logging architecture
+
+2. **Privacy as Default:**
+   - Minimale data storage
+   - Geen cookies buiten auth
+   - Opt-in voor audio opslag
+
+3. **Embedded into Design:**
+   - RLS policies = database level
+   - Type-safe queries = minder bugs
+   - Validatie = server + client
+
+---
+
+## 7. AI/LLM Integratie
+
+🎯 **Doel:** Technische details van AI-gebruik.
+
+### Speech-to-Text: Deepgram Nova 2
+
+**Model:** `nova-2` (latest general model)
+**Language:** `nl` (Nederlands)
+**API Endpoint:** `https://api.deepgram.com/v1/listen`
+
+**Existing Implementation:**
+```typescript
+// app/api/deepgram/transcribe/route.ts (already exists)
+export async function POST(request: NextRequest) {
+  const formData = await request.formData();
+  const audioFile = formData.get('audio') as File;
+
+  const deepgramApiKey = process.env.DEEPGRAM_API_KEY;
+
+  const response = await fetch('https://api.deepgram.com/v1/listen', {
+    method: 'POST',
+    headers: {
+      'Authorization': `Token ${deepgramApiKey}`,
+      'Content-Type': audioFile.type, // audio/webm
+    },
+    body: await audioFile.arrayBuffer(),
+  });
+
+  const data = await response.json();
+  const transcript = data.results?.channels[0]?.alternatives[0]?.transcript || '';
+
+  return NextResponse.json({ transcript });
+}
+```
+
+**Configuration:**
+- **Tier:** Pay-as-you-go (no subscription)
+- **Pricing:** ~€0.0048 per minuut audio (Nova 2 model)
+- **Latency:** ~500ms voor 30 sec audio
+- **Accuracy:** 85-90% voor Nederlands (algemeen)
+
+**Error Handling:**
+```typescript
+// components/speech-recorder.tsx
+try {
+  const response = await fetch('/api/deepgram/transcribe', {
+    method: 'POST',
+    body: formData,
+  });
+
+  if (!response.ok) {
+    throw new Error(`Deepgram error: ${response.status}`);
+  }
+
+  const { transcript } = await response.json();
+  onTranscript(transcript);
+} catch (error) {
+  console.error('Transcription failed:', error);
+  setError('Spraakherkenning mislukt. Probeer opnieuw of typ handmatig.');
+}
+```
+
+### AI Classification: Claude 3.5 Sonnet
+
+**Model:** `claude-sonnet-4-20250514`
+**API Endpoint:** `https://api.anthropic.com/v1/messages`
+**Library:** `@anthropic-ai/sdk`
+
+**Implementation:**
+```typescript
+// app/api/reports/classify/route.ts
+import Anthropic from '@anthropic-ai/sdk';
+
+const anthropic = new Anthropic({
+  apiKey: process.env.ANTHROPIC_API_KEY,
+});
+
+export async function POST(request: NextRequest) {
+  const { content } = await request.json();
+
+  // Validation
+  if (!content || content.length < 20) {
+    return NextResponse.json(
+      { error: 'Content moet minimaal 20 karakters bevatten' },
+      { status: 400 }
+    );
+  }
+
+  try {
+    const message = await anthropic.messages.create({
+      model: 'claude-sonnet-4-20250514',
+      max_tokens: 500,
+      temperature: 0.0, // Deterministic for classification
+      system: CLASSIFICATION_SYSTEM_PROMPT,
+      messages: [
+        {
+          role: 'user',
+          content: `Classificeer de volgende rapportage:\n\n${content}`,
+        },
+      ],
+    });
+
+    const responseText = message.content[0].text;
+    const result = JSON.parse(responseText) as ClassificationResult;
+
+    return NextResponse.json(result);
+  } catch (error) {
+    console.error('Claude API error:', error);
+
+    // Fallback
+    return NextResponse.json({
+      type: 'vrije_notitie',
+      confidence: 0.5,
+      reasoning: 'AI classificatie mislukt. Kies handmatig een type.',
+    });
+  }
+}
+```
+
+**Classification Prompt:**
+```typescript
+const CLASSIFICATION_SYSTEM_PROMPT = `
+Je bent een classificatie-assistent voor een GGZ EPD-systeem.
+
+Je taak is om rapportages te classificeren als één van deze types:
+
+**behandeladvies**:
+- Bevat een concreet behandelplan, voorstel of advies
+- Noemt behandeldoelen, interventies, aanpak, of aantal sessies
+- Signaalwoorden: "advies", "stel voor", "plan", "traject", "sessies", "behandeling", "interventie"
+- Voorbeelden:
+  * "Ik stel voor een CGT traject van 12 sessies"
+  * "Behandelplan: focus op angstreductie via exposure"
+  * "Advies: start met psycho-educatie, evaluatie na 6 weken"
+
+**vrije_notitie**:
+- Alles wat NIET duidelijk een behandeladvies is
+- Algemene observaties, opmerkingen, aantekeningen
+- Administratieve notities (afspraak verzetten, telefoontje)
+- Informele updates zonder concreet plan
+- Voorbeelden:
+  * "Telefonisch contact, afspraak verzet naar donderdag"
+  * "Cliënt was opgeruimd en gemotiveerd"
+  * "Korte check-in, geen bijzonderheden"
+
+Return ALLEEN valid JSON in dit exacte format (geen markdown, geen extra tekst):
+{
+  "type": "behandeladvies" | "vrije_notitie",
+  "confidence": 0.0 - 1.0,
+  "reasoning": "Korte uitleg waarom (1-2 zinnen)"
+}
+
+Wees streng: alleen duidelijke behandeladviezen met concrete plannen krijgen type "behandeladvies".
+Bij twijfel, kies "vrije_notitie" met confidence < 0.7.
+`;
+```
+
+**Confidence Thresholds:**
+```typescript
+// Client-side interpretation
+function interpretConfidence(confidence: number) {
+  if (confidence >= 0.85) {
+    return {
+      level: 'high',
+      message: '✓ AI is zeer zeker'
+    };
+  } else if (confidence >= 0.70) {
+    return {
+      level: 'medium',
+      message: '⚠️ AI is redelijk zeker, controleer type'
+    };
+  } else {
+    return {
+      level: 'low',
+      message: '❌ AI is onzeker, kies handmatig een type'
+    };
+  }
+}
+```
+
+### Cost Management
+
+**Deepgram:**
+- Pricing: ~€0.0048/min voor Nova 2
+- Estimate: 100 rapportages/maand @ 1 min = €0.48/maand
+- Safety: Max 5 min recording limit (client-side)
+
+**Claude:**
+- Pricing: $3/MTok input, $15/MTok output (Claude Sonnet 4.5)
+- Average classification:
+  - Input: ~200 tokens (system + user content)
+  - Output: ~50 tokens (JSON response)
+  - Cost: ~$0.0009 per classificatie
+- Estimate: 100 classificaties/maand = €0.09/maand
+
+**Total AI cost estimate:** ~€0.60/maand voor 100 rapportages
+
+**Optimalisaties:**
+- Cache identical prompts (client-side deduplication)
+- Rate limiting (max 10 classificaties/min per user)
+- Fallback to manual selection if API fails
+
+### Monitoring & Quality
+
+**Metrics to track:**
+- AI classification accuracy (user overrides = incorrect)
+- Response times (p50, p95, p99)
+- Error rates per API
+- Cost per day/week/month
+
+**Quality Assurance (Week 4):**
+- User feedback loop: "Was deze classificatie correct?"
+- Dashboard met accuracy metrics
+- A/B testing verschillende prompts
+
+---
+
+## 8. Performance & Scalability
+
+🎯 **Doel:** Hoe schaalt het systeem bij groei?
+
+### Performance Targets
+
+| Metric | Target | Measured At |
+|--------|--------|-------------|
+| **Page Load** | < 2 sec | First Contentful Paint |
+| **Modal Open** | < 100 ms | Button click → Modal visible |
+| **API Response (GET reports)** | < 500 ms | p95 |
+| **API Response (POST report)** | < 800 ms | p95 (incl. DB write) |
+| **Deepgram Transcribe** | < 2 sec | p95 voor 30 sec audio |
+| **Claude Classify** | < 3 sec | p95 |
+| **Timeline Render** | < 200 ms | 50 reports |
+
+### Caching Strategie
+
+**Client-Side:**
+```typescript
+// Next.js App Router caching
+export const revalidate = 60; // Revalidate every 60 seconds
+
+// React Server Components
+async function ReportTimeline({ patientId }: Props) {
+  const reports = await getReports(patientId); // Cached via RSC
+  // ...
+}
+```
+
+**API Response Caching:**
+```typescript
+// app/api/reports/route.ts
+export async function GET(request: NextRequest) {
+  const response = NextResponse.json(data);
+
+  // Cache for 1 minute
+  response.headers.set(
+    'Cache-Control',
+    'private, max-age=60, stale-while-revalidate=120'
+  );
+
+  return response;
+}
+```
+
+**Database Query Optimization:**
+```sql
+-- Index usage for timeline query
+EXPLAIN ANALYZE
+SELECT * FROM reports
+WHERE patient_id = 'uuid'
+  AND deleted_at IS NULL
+ORDER BY created_at DESC
+LIMIT 50;
+
+-- Expected: Index Scan using idx_reports_patient_created
+-- Execution time: < 10ms
+```
+
+### Scalability Strategie
+
+**Horizontal Scaling:**
+- **Frontend:** Vercel Edge Network (auto-scales, global CDN)
+- **Backend:** Serverless functions (Vercel Functions, auto-scale to 0)
+- **Database:** Supabase (connection pooling, read replicas for >10K users)
+
+**Vertical Scaling:**
+- **Database:** Supabase Pro tier (4GB RAM → 8GB if needed)
+- **API Routes:** Vercel Pro (longer execution time if needed)
+
+**Load Testing Targets:**
+- 100 concurrent users
+- 1000 reports created/day
+- 10,000 reports in database
+- Sub-second response times maintained
+
+### Lazy Loading & Pagination
+
+**Timeline Pagination:**
+```typescript
+// app/epd/patients/[id]/rapportage/page.tsx
+export default async function RapportagePage({
+  params,
+  searchParams
+}: Props) {
+  const page = parseInt(searchParams.page || '1');
+  const limit = 50;
+  const offset = (page - 1) * limit;
+
+  const reports = await getReports(params.id, { limit, offset });
+
+  return (
+    <>
+      <ReportTimeline reports={reports} />
+      <Pagination currentPage={page} total={reports.total} />
+    </>
+  );
+}
+```
+
+**Infinite Scroll (Week 3 alternative):**
+```typescript
+// Client component met react-query
+const { data, fetchNextPage, hasNextPage } = useInfiniteQuery({
+  queryKey: ['reports', patientId],
+  queryFn: ({ pageParam = 0 }) => getReports(patientId, { offset: pageParam }),
+  getNextPageParam: (lastPage, allPages) => {
+    return allPages.length * 50;
+  },
+});
+```
+
+---
+
+## 9. Deployment & CI/CD
+
+🎯 **Doel:** Hoe wordt het systeem gedeployed en getest?
+
+### Omgevingen
+
+| Omgeving | URL | Branch | Database | Doel |
+|----------|-----|--------|----------|------|
+| **Development** | `localhost:3000` | feature/* | Local Supabase (optioneel) | Lokale dev |
+| **Preview** | `*-git-*.vercel.app` | PR branches | Staging DB | PR reviews |
+| **Production** | `mini-epd.vercel.app` | main | Production DB | Live app |
+
+### CI/CD Pipeline
+
+```
+Developer commits → GitHub
+    ↓
+GitHub Actions Trigger
+    ↓
+┌─────────────────────┐
+│   Build & Test      │
+│ - npm run lint      │
+│ - npm run type-check│
+│ - npm run build     │
+└─────────────────────┘
+    ↓
+┌─────────────────────┐
+│   Vercel Deploy     │
+│ - Preview (PR)      │
+│ - Production (main) │
+└─────────────────────┘
+    ↓
+┌─────────────────────┐
+│   Post-Deploy       │
+│ - Run migrations    │
+│ - Smoke tests       │
+│ - Update changelog  │
+└─────────────────────┘
+```
+
+### Deployment Checklist
+
+**Pre-Deploy:**
+- [ ] Environment variables set (Vercel dashboard)
+  - `DEEPGRAM_API_KEY`
+  - `ANTHROPIC_API_KEY`
+  - `NEXT_PUBLIC_SUPABASE_URL`
+  - `NEXT_PUBLIC_SUPABASE_ANON_KEY`
+  - `SUPABASE_SERVICE_ROLE_KEY`
+- [ ] Database migrations dry-run (staging)
+- [ ] Type generation updated (`npx supabase gen types typescript`)
+- [ ] Build succeeds locally (`pnpm build`)
+- [ ] No TypeScript errors (`pnpm type-check`)
+
+**Deploy:**
+- [ ] Merge PR to main
+- [ ] Vercel auto-deploys
+- [ ] Run migrations: `npx supabase db push` (production)
+- [ ] Verify migration success (Supabase dashboard)
+
+**Post-Deploy:**
+- [ ] Smoke test: Create report via UI
+- [ ] Check Deepgram transcription works
+- [ ] Check Claude classification works
+- [ ] Monitor Sentry for errors (first 10 min)
+- [ ] Update changelog in `/docs/CHANGELOG.md`
+
+### Database Migrations
+
+**Workflow:**
+```bash
+# 1. Create migration locally
+npx supabase migration new create_reports_table
+
+# 2. Write SQL in generated file
+# supabase/migrations/[timestamp]_create_reports_table.sql
+
+# 3. Apply to local DB (if running)
+npx supabase db reset
+
+# 4. Test migration
+npm run dev
+# Test creating reports
+
+# 5. Generate updated types
+npx supabase gen types typescript --linked > lib/supabase/database.types.ts
+
+# 6. Commit migration file
+git add supabase/migrations/[timestamp]_create_reports_table.sql
+git add lib/supabase/database.types.ts
+git commit -m "feat: add reports table migration"
+
+# 7. Push to remote (Vercel auto-deploys)
+git push origin main
+
+# 8. Apply to production DB
+npx supabase db push --linked
+```
+
+**Rollback Strategy:**
+```sql
+-- Always include rollback SQL in migration comments
+-- Migration: create_reports_table.sql
+
+-- UP
+CREATE TABLE reports (...);
+
+-- DOWN (rollback)
+-- DROP TABLE IF EXISTS reports CASCADE;
+-- Run manually if needed: npx supabase db execute --file rollback.sql
+```
+
+---
+
+## 10. Monitoring & Logging
+
+🎯 **Doel:** Hoe monitoren we het systeem in productie?
+
+### Tools
+
+| Tool | Purpose | Setup |
+|------|---------|-------|
+| **Vercel Analytics** | Traffic, performance, Web Vitals | Built-in (free tier) |
+| **Vercel Logs** | Server-side logs, API errors | Built-in |
+| **Supabase Logs** | Database queries, RLS denials | Supabase Dashboard |
+| **Sentry** (Week 3) | Error tracking, stack traces | SDK integration |
+| **LogRocket** (Week 4) | Session replay, user behavior | SDK integration |
+
+### Key Metrics
+
+**Application Health:**
+- ✅ Uptime: 99.9% target (Vercel SLA)
+- ✅ Error rate: < 1% of requests
+- ✅ API response time: p95 < 1 sec
+
+**AI Performance:**
+- ✅ Deepgram success rate: > 98%
+- ✅ Claude classification accuracy: > 85% (based on user overrides)
+- ✅ AI response time: p95 < 3 sec
+
+**User Engagement (Week 3):**
+- Reports created per day
+- Voice vs manual text ratio
+- Classification override rate (= AI inaccuracy)
+
+### Logging Strategy
+
+**Server-Side Logging:**
+```typescript
+// app/api/reports/classify/route.ts
+export async function POST(request: NextRequest) {
+  console.log('[Classify] Request received', {
+    contentLength: content.length,
+    timestamp: new Date().toISOString(),
+  });
+
+  try {
+    const result = await classifyWithClaude(content);
+
+    console.log('[Classify] Success', {
+      type: result.type,
+      confidence: result.confidence,
+      duration: Date.now() - startTime,
+    });
+
+    return NextResponse.json(result);
+  } catch (error) {
+    console.error('[Classify] Error', {
+      error: error.message,
+      stack: error.stack,
+    });
+
+    // Fallback
+    return NextResponse.json(fallbackResult);
+  }
+}
+```
+
+**Client-Side Error Tracking (Week 3):**
+```typescript
+// app/providers.tsx
+import * as Sentry from '@sentry/nextjs';
+
+Sentry.init({
+  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
+  environment: process.env.NODE_ENV,
+  tracesSampleRate: 0.1, // 10% of transactions
+});
+```
+
+### Alerts & Notifications (Week 4)
+
+**Alert Triggers:**
+- Error rate > 5% (15 min window)
+- API response time > 5 sec (p95)
+- Deepgram API failures > 10/hour
+- Claude API failures > 10/hour
+
+**Notification Channels:**
+- Email: Developer inbox
+- Slack: #alerts channel (if team)
+- Vercel dashboard: Built-in alerts
+
+---
+
+## 11. Risico's & Technische Mitigatie
+
+🎯 **Doel:** Technische risico's vroegtijdig identificeren.
+
+| Risico | Impact | Waarschijnlijkheid | Mitigatie | Status |
+|--------|--------|-------------------|-----------|--------|
+| **Deepgram API down** | Hoog | Laag | Fallback: Manual text input, geen voice | ✅ Implemented |
+| **Claude API down** | Hoog | Laag | Fallback: Default to 'vrije_notitie', manual override | ✅ Implemented |
+| **Database overload** | Hoog | Laag | Connection pooling (Supabase), indexes, pagination | ✅ Implemented |
+| **Cost overrun (AI)** | Middel | Middel | Rate limiting, token limits, monitoring dashboard | ⚠️ Week 3 |
+| **Privacy breach** | Kritiek | Laag | RLS policies, input validation, audit logs, encryption | ✅ Implemented |
+| **Incorrect AI classification** | Middel | Middel | Manual override, user feedback, prompt tuning | ✅ Implemented |
+| **Poor voice recognition (Nederlands)** | Middel | Middel | Manual text fallback, user can edit transcript | ✅ Implemented |
+| **Browser compatibility (MediaRecorder)** | Laag | Laag | Feature detection, graceful degradation to text-only | ⚠️ Week 3 |
+| **Vendor lock-in (Supabase)** | Laag | Laag | Abstract DB layer, SQL migrations portable | ⏭️ Future |
+
+### Detailed Mitigation Plans
+
+#### AI API Failures
+
+**Scenario:** Deepgram or Claude API is down or times out.
+
+**Detection:**
+```typescript
+const TIMEOUT_MS = 5000;
+
+const fetchWithTimeout = async (url: string, options: any) => {
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), TIMEOUT_MS);
+
+  try {
+    const response = await fetch(url, {
+      ...options,
+      signal: controller.signal,
+    });
+    clearTimeout(timeoutId);
+    return response;
+  } catch (error) {
+    if (error.name === 'AbortError') {
+      throw new Error('Request timeout');
+    }
+    throw error;
+  }
+};
+```
+
+**Fallback:**
+- Deepgram failure → Show manual text input, hide voice button
+- Claude failure → Default to 'vrije_notitie', show warning message
+
+**User Messaging:**
+```typescript
+const ERROR_MESSAGES = {
+  deepgram: 'Spraakherkenning tijdelijk niet beschikbaar. Typ je rapportage handmatig.',
+  claude: 'AI classificatie niet beschikbaar. Kies handmatig een type uit de dropdown.',
+  network: 'Netwerkfout. Controleer je internetverbinding.',
+};
+```
+
+#### Cost Overrun Prevention
+
+**Rate Limiting (per user):**
+```typescript
+// lib/rate-limit.ts
+import { Ratelimit } from '@upstash/ratelimit';
+import { Redis } from '@upstash/redis';
+
+const ratelimit = new Ratelimit({
+  redis: Redis.fromEnv(),
+  limiter: Ratelimit.slidingWindow(10, '1 m'), // 10 requests per minute
+});
+
+export async function checkRateLimit(userId: string) {
+  const { success, remaining } = await ratelimit.limit(userId);
+  if (!success) {
+    throw new Error('Rate limit exceeded. Probeer over 1 minuut opnieuw.');
+  }
+  return remaining;
+}
+```
+
+**Cost Monitoring Dashboard (Week 4):**
+- Deepgram: Track minutes used per day
+- Claude: Track tokens used per day
+- Alert when daily spend > €5
+
+---
+
+## 12. Bijlagen & Referenties
+
+🎯 **Doel:** Linken naar tech docs en tooling.
+
+### Projectdocumenten
+
+**Interne docs:**
+- [FO Universele Rapportage v1.0](./fo-universele-rapportage-v1.md) - Functioneel ontwerp
+- [PRD v1.2](../prd-mini-ecd-v1_2.md) - Product requirements (indien bestaat)
+- [Bouwplan v1.1](../UI/bouwplan-mini-epd-v1.0.md) - Development roadmap
+- [Migration Plan](../../migratie-clients-naar-patients.md) - Patients module migration
+
+### Tech Documentatie
+
+**Core Stack:**
+- Next.js: https://nextjs.org/docs
+- React: https://react.dev/reference/react
+- TypeScript: https://www.typescriptlang.org/docs
+- TailwindCSS: https://tailwindcss.com/docs
+
+**Database & Auth:**
+- Supabase: https://supabase.com/docs
+- PostgreSQL: https://www.postgresql.org/docs
+- Row Level Security: https://supabase.com/docs/guides/auth/row-level-security
+
+**AI Services:**
+- Deepgram API: https://developers.deepgram.com/docs
+- Claude API: https://docs.anthropic.com/claude/reference
+- Anthropic SDK: https://github.com/anthropics/anthropic-sdk-typescript
+
+**UI Libraries:**
+- shadcn/ui: https://ui.shadcn.com
+- Radix UI: https://www.radix-ui.com/primitives/docs
+- TipTap: https://tiptap.dev/docs/editor/introduction
+
+**Deployment:**
+- Vercel: https://vercel.com/docs
+- Vercel CLI: https://vercel.com/docs/cli
+
+### Code Repositories
+
+**Main Repository:**
+- GitHub: `/home/colin/development/15-mini-epd-prototype`
+- Branch: `main` (production)
+- Feature branches: `feature/universele-rapportage`
+
+**Key Directories:**
+```
+/app/epd/patients/[id]/rapportage/   - Rapportage module
+/app/api/reports/                     - API routes
+/components/speech-recorder.tsx       - Reusable voice component
+/lib/types/report.ts                  - TypeScript types
+/supabase/migrations/                 - Database migrations
+/docs/specs/universele-rapportage/    - This document
+```
+
+### Environment Variables
+
+**Required for deployment:**
+```bash
+# Supabase
+NEXT_PUBLIC_SUPABASE_URL=https://[project-ref].supabase.co
+NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGc...
+SUPABASE_SERVICE_ROLE_KEY=eyJhbGc... # Server-side only
+
+# AI Services
+DEEPGRAM_API_KEY=... # Speech-to-text
+ANTHROPIC_API_KEY=sk-ant-... # Claude classification
+
+# Optional (Week 3+)
+SENTRY_DSN=https://...  # Error tracking
+UPSTASH_REDIS_REST_URL=https://... # Rate limiting
+```
+
+---
+
+## 13. Implementatie Planning
+
+🎯 **Doel:** Stapsgewijze implementatie roadmap.
+
+### Week 2 MVP Scope
+
+**Fase 1: Foundation (3 uur)**
+- [x] Refactor `speech-recorder.tsx` naar `/components/`
+- [ ] Create `reports` table migration
+- [ ] Install Shadcn Dialog, Toast components
+- [ ] Add `DEEPGRAM_API_KEY` to `.env.local`
+
+**Fase 2: Backend (4 uur)**
+- [ ] Create `/api/reports/route.ts` (GET, POST)
+- [ ] Create `/api/reports/[reportId]/route.ts` (GET, PATCH, DELETE)
+- [ ] Create `/api/reports/classify/route.ts` (Claude integration)
+- [ ] Create server actions in `rapportage/actions.ts`
+- [ ] Add RLS policies for reports table
+
+**Fase 3: UI Components (5 uur)**
+- [ ] Update `rapportage/page.tsx` (timeline view)
+- [ ] Create `rapportage-modal.tsx` component
+- [ ] Create `report-timeline.tsx` component
+- [ ] Create `report-card.tsx` component
+- [ ] Add "Nieuwe Rapportage" button to patient layout
+
+**Fase 4: Integration & Testing (3 uur)**
+- [ ] Wire up modal to API routes
+- [ ] Test voice → transcript → classify → save flow
+- [ ] Test manual text input flow
+- [ ] Test timeline display & CRUD operations
+- [ ] Error handling & loading states
+
+**Totaal: 15 uur (Week 2 MVP)**
+
+### Week 3+ Roadmap
+
+**Structured Data Extraction:**
+- Extract DSM codes from behandeladvies
+- Extract medication names
+- Parse dates and deadlines
+
+**Enhanced Voice:**
+- Real-time streaming (Deepgram WebSocket)
+- Audio playback of recordings
+- Supabase Storage for audio files
+
+**Timeline Enhancements:**
+- Filtering by type, date range
+- Search in content (full-text search)
+- Export to PDF/Markdown
+
+---
+
+**Versiehistorie:**
+
+| Versie | Datum | Auteur | Wijziging |
+|--------|-------|--------|-----------|
+| v1.0 | 23-11-2024 | Colin van der Heijden | Initiële versie - Week 2 MVP scope |
+
+---
+
+**Einde Technisch Ontwerp - Universele Rapportage Functie**
diff --git a/docs/specs/screening-intake/rapportage-split-view-design.md b/docs/specs/screening-intake/rapportage-split-view-design.md
new file mode 100644
index 0000000..8bc618d
--- /dev/null
+++ b/docs/specs/screening-intake/rapportage-split-view-design.md
@@ -0,0 +1,93 @@
+# Universele Rapportage — Split Timeline Composer
+
+Context: gesprek met behandelaren/psychiaters toonde dat rapportages schrijven en overzicht houden tegelijk nodig is. Deze mock beschrijft een layout waarbij timeline en composer gelijktijdig zichtbaar blijven.
+
+## UX Principes
+
+1. **Context behouden** – timeline altijd zichtbaar; geen modal die context blokkeert.
+2. **Snelle wissel** – klik op entry synchroniseert composer en toont referenties.
+3. **Mobiele pariteit** – tabs/drawer zodat schrijven en lezen in één flow blijft.
+4. **State veilig** – concepten autosaven; switching verliest content niet.
+
+## Desktop Mock
+
+```
+┌───────────────────────────────┬───────────────────────────────┐
+│ Timeline kolom (40%)          │ Composer kolom (60%)          │
+│ ┌────────── Rapportage filter │ ┌──────────── Nieuwe rapportage│
+│ │ Zoeken  [🔍___________]     │ │ Emma de Vries • Vrije notitie│
+│ │ Type   [• Alle ▼]          │ │ ---------------------------   │
+│ └──────────────────────────── │ │ [textarea................]   │
+│ ┌── Entry ─────────────────── │ │ AI badge + dropdown         │
+│ │ 09:12 • Sophie (AI 92%)    │ │ Rapportagetype [▼]          │
+│ │ Behandeladvies snippet     │ │ Speech recorder + attach    │
+│ └──────────────────────────── │ │ Footer: Opslaan • Analyseer │
+│ Scrollbare lijst met badges  │ │ Sticky action bar           │
+└───────────────────────────────┴───────────────────────────────┘
+```
+- Clicking an entry previews full text in a slide-out panel or inline expansion.
+- Filters (type, author, date) pin to top of timeline.
+- Composer sticky footer shows save status + autosave timestamp.
+
+## Mobile Mock
+
+```
+┌──────────────┐
+│ Tabs         │
+│ [Timeline] [Rapportage+] │
+├──────────────┤
+│ Timeline tab │
+│ cards stack  │
+└────┬─────────┘
+     ▼ swipe up opens composer drawer
+┌──────────────┐
+│ Rapportage   │
+│ textarea     │
+│ AI panel     │
+│ Save / AI btn│
+└──────────────┘
+```
+- Drawer covers 75% height so top timeline remains slightly visible.
+- Swipe down or "Terug naar timeline" button closes drawer without losing draft.
+
+## Interacties
+
+- **Select entry → composer reference**: clicking "Referentie toevoegen" inserts a quote block with metadata (author, time).
+- **Autosave badge**: top-right of composer shows "Automatisch opgeslagen 13:42".
+- **AI context chips**: timeline entries show AI confidence badges; clicking them filters timeline by type.
+
+## Open vragen
+
+1. Hoeveel entries tonen we per pagina? (voorstel: 50 + virtuele scroll)
+2. Benodigd? inline edit van bestaande rapportages? (nu read-only)
+3. Notificatie bij gelijktijdig schrijven door meerdere behandelaren?
+
+Deze mock dient als richting voor UI implementatie; visuele uitwerking kan in Figma plaatsvinden met shadcn/ui componenten.
+
+## Actieplan
+
+1. **UX refinement**  
+   - Bouw Figma-variant voor desktop split view en mobiele drawer.  
+   - Valideer met 2 behandelaren of de voorgestelde flows voldoen.
+
+2. **Component architectuur**  
+   - Refactor rapportage route naar layout met `TimelinePane` + `ComposerPane`.  
+   - Introduceer context/state voor draft + selectie (bijv. `useReportDraft`).
+
+3. **Timeline functionaliteit**  
+   - Implement filters (zoek, type, auteur, datum).  
+   - Voeg inline preview/slide-out voor entries toe.  
+   - Onderzoek virtualized list (React Virtual) voor >50 items.
+
+4. **Composer upgrades**  
+   - Sticky footer met status + autosave indicator.  
+   - "Referentie toevoegen" waarmee geselecteerde entry als quote block wordt ingevoegd.  
+   - Drawer/tab ervaring op mobiel.
+
+5. **State & autosave**  
+   - Drafts opslaan in localStorage of Supabase temp table.  
+   - Toon laatste autosave + unsaved changes waarschuwing bij navigeren.
+
+6. **Testing & rollout**  
+   - Schrijf QA checklist (desktop/mobile).  
+   - Monitor gebruikersfeedback tijdens pilot, focus op contextswitch-snelheid.
diff --git a/docs/troubleshooting/screenprint-naam-dubbel-in-dossier.png b/docs/troubleshooting/screenprint-naam-dubbel-in-dossier.png
new file mode 100644
index 0000000..501080f
Binary files /dev/null and b/docs/troubleshooting/screenprint-naam-dubbel-in-dossier.png differ
diff --git a/docs/troubleshooting/screenprint-patient-context.png b/docs/troubleshooting/screenprint-patient-context.png
new file mode 100644
index 0000000..6d4fab4
Binary files /dev/null and b/docs/troubleshooting/screenprint-patient-context.png differ
diff --git a/hooks/use-toast.ts b/hooks/use-toast.ts
new file mode 100644
index 0000000..02e111d
--- /dev/null
+++ b/hooks/use-toast.ts
@@ -0,0 +1,194 @@
+"use client"
+
+// Inspired by react-hot-toast library
+import * as React from "react"
+
+import type {
+  ToastActionElement,
+  ToastProps,
+} from "@/components/ui/toast"
+
+const TOAST_LIMIT = 1
+const TOAST_REMOVE_DELAY = 1000000
+
+type ToasterToast = ToastProps & {
+  id: string
+  title?: React.ReactNode
+  description?: React.ReactNode
+  action?: ToastActionElement
+}
+
+const actionTypes = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST",
+} as const
+
+let count = 0
+
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER
+  return count.toString()
+}
+
+type ActionType = typeof actionTypes
+
+type Action =
+  | {
+      type: ActionType["ADD_TOAST"]
+      toast: ToasterToast
+    }
+  | {
+      type: ActionType["UPDATE_TOAST"]
+      toast: Partial<ToasterToast>
+    }
+  | {
+      type: ActionType["DISMISS_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+  | {
+      type: ActionType["REMOVE_TOAST"]
+      toastId?: ToasterToast["id"]
+    }
+
+interface State {
+  toasts: ToasterToast[]
+}
+
+const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()
+
+const addToRemoveQueue = (toastId: string) => {
+  if (toastTimeouts.has(toastId)) {
+    return
+  }
+
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId)
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId: toastId,
+    })
+  }, TOAST_REMOVE_DELAY)
+
+  toastTimeouts.set(toastId, timeout)
+}
+
+export const reducer = (state: State, action: Action): State => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
+      }
+
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === action.toast.id ? { ...t, ...action.toast } : t
+        ),
+      }
+
+    case "DISMISS_TOAST": {
+      const { toastId } = action
+
+      // ! Side effects ! - This could be extracted into a dismissToast() action,
+      // but I'll keep it here for simplicity
+      if (toastId) {
+        addToRemoveQueue(toastId)
+      } else {
+        state.toasts.forEach((toast) => {
+          addToRemoveQueue(toast.id)
+        })
+      }
+
+      return {
+        ...state,
+        toasts: state.toasts.map((t) =>
+          t.id === toastId || toastId === undefined
+            ? {
+                ...t,
+                open: false,
+              }
+            : t
+        ),
+      }
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === undefined) {
+        return {
+          ...state,
+          toasts: [],
+        }
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId),
+      }
+  }
+}
+
+const listeners: Array<(state: State) => void> = []
+
+let memoryState: State = { toasts: [] }
+
+function dispatch(action: Action) {
+  memoryState = reducer(memoryState, action)
+  listeners.forEach((listener) => {
+    listener(memoryState)
+  })
+}
+
+type Toast = Omit<ToasterToast, "id">
+
+function toast({ ...props }: Toast) {
+  const id = genId()
+
+  const update = (props: ToasterToast) =>
+    dispatch({
+      type: "UPDATE_TOAST",
+      toast: { ...props, id },
+    })
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })
+
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss()
+      },
+    },
+  })
+
+  return {
+    id: id,
+    dismiss,
+    update,
+  }
+}
+
+function useToast() {
+  const [state, setState] = React.useState<State>(memoryState)
+
+  React.useEffect(() => {
+    listeners.push(setState)
+    return () => {
+      const index = listeners.indexOf(setState)
+      if (index > -1) {
+        listeners.splice(index, 1)
+      }
+    }
+  }, [state])
+
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
+  }
+}
+
+export { useToast, toast }
diff --git a/lib/server/api-client.ts b/lib/server/api-client.ts
new file mode 100644
index 0000000..c5a3026
--- /dev/null
+++ b/lib/server/api-client.ts
@@ -0,0 +1,46 @@
+import { headers, cookies } from 'next/headers';
+
+export function getBaseUrl(): string {
+  if (process.env.NEXT_PUBLIC_APP_URL) {
+    return process.env.NEXT_PUBLIC_APP_URL;
+  }
+
+  try {
+    const headersList = headers();
+    const host = headersList.get('host');
+    const protocol = headersList.get('x-forwarded-proto') || 'http';
+    if (host) {
+      return `${protocol}://${host}`;
+    }
+  } catch {
+    // Ignore header errors
+  }
+
+  return 'http://localhost:3000';
+}
+
+export async function getCookieHeader(): Promise<string> {
+  try {
+    const cookieStore = await cookies();
+    return cookieStore
+      .getAll()
+      .map((cookie) => `${cookie.name}=${cookie.value}`)
+      .join('; ');
+  } catch {
+    return '';
+  }
+}
+
+export async function authFetch(input: string | URL, init: RequestInit = {}) {
+  const cookieHeader = await getCookieHeader();
+  const headersObj = new Headers(init.headers);
+
+  if (cookieHeader && !headersObj.has('cookie')) {
+    headersObj.set('cookie', cookieHeader);
+  }
+
+  return fetch(input, {
+    ...init,
+    headers: headersObj,
+  });
+}
diff --git a/lib/supabase/database.types.ts b/lib/supabase/database.types.ts
index a6e88e6..e69de29 100644
--- a/lib/supabase/database.types.ts
+++ b/lib/supabase/database.types.ts
@@ -1,1617 +0,0 @@
-export type Json =
-  | string
-  | number
-  | boolean
-  | null
-  | { [key: string]: Json | undefined }
-  | Json[]
-
-export type Database = {
-  // Allows to automatically instantiate createClient with right options
-  // instead of createClient<Database, { PostgrestVersion: 'XX' }>(URL, KEY)
-  __InternalSupabase: {
-    PostgrestVersion: "13.0.5"
-  }
-  graphql_public: {
-    Tables: {
-      [_ in never]: never
-    }
-    Views: {
-      [_ in never]: never
-    }
-    Functions: {
-      graphql: {
-        Args: {
-          extensions?: Json
-          operationName?: string
-          query?: string
-          variables?: Json
-        }
-        Returns: Json
-      }
-    }
-    Enums: {
-      [_ in never]: never
-    }
-    CompositeTypes: {
-      [_ in never]: never
-    }
-  }
-  public: {
-    Tables: {
-      ai_events: {
-        Row: {
-          client_id: string | null
-          created_at: string
-          duration_ms: number
-          id: string
-          kind: string
-          note_id: string | null
-          request: Json
-          response: Json
-        }
-        Insert: {
-          client_id?: string | null
-          created_at?: string
-          duration_ms?: number
-          id?: string
-          kind: string
-          note_id?: string | null
-          request?: Json
-          response?: Json
-        }
-        Update: {
-          client_id?: string | null
-          created_at?: string
-          duration_ms?: number
-          id?: string
-          kind?: string
-          note_id?: string | null
-          request?: Json
-          response?: Json
-        }
-        Relationships: [
-          {
-            foreignKeyName: "ai_events_client_id_fkey"
-            columns: ["client_id"]
-            isOneToOne: false
-            referencedRelation: "clients"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "ai_events_note_id_fkey"
-            columns: ["note_id"]
-            isOneToOne: false
-            referencedRelation: "intake_notes"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      anamneses: {
-        Row: {
-          anamnese_date: string
-          anamnese_type: string
-          content: string
-          created_at: string | null
-          created_by: string | null
-          id: string
-          intake_id: string
-          notes: string | null
-          updated_at: string | null
-        }
-        Insert: {
-          anamnese_date?: string
-          anamnese_type: string
-          content: string
-          created_at?: string | null
-          created_by?: string | null
-          id?: string
-          intake_id: string
-          notes?: string | null
-          updated_at?: string | null
-        }
-        Update: {
-          anamnese_date?: string
-          anamnese_type?: string
-          content?: string
-          created_at?: string | null
-          created_by?: string | null
-          id?: string
-          intake_id?: string
-          notes?: string | null
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "anamneses_created_by_fkey"
-            columns: ["created_by"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "anamneses_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "active_intakes_overview"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "anamneses_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "intakes"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      care_plans: {
-        Row: {
-          activities: Json | null
-          addresses_condition_ids: string[] | null
-          author_id: string | null
-          based_on_anamneses: string[] | null
-          based_on_examinations: string[] | null
-          based_on_intake_id: string | null
-          based_on_risk_assessments: string[] | null
-          care_team_ids: string[] | null
-          category_code: string | null
-          category_display: string | null
-          contributor_ids: string[] | null
-          created_at: string | null
-          created_date: string | null
-          description: string | null
-          encounter_id: string | null
-          goals: Json | null
-          id: string
-          identifier: string | null
-          intent: string
-          note: string | null
-          patient_id: string
-          period_end: string | null
-          period_start: string | null
-          status: Database["public"]["Enums"]["careplan_status"]
-          title: string
-          updated_at: string | null
-        }
-        Insert: {
-          activities?: Json | null
-          addresses_condition_ids?: string[] | null
-          author_id?: string | null
-          based_on_anamneses?: string[] | null
-          based_on_examinations?: string[] | null
-          based_on_intake_id?: string | null
-          based_on_risk_assessments?: string[] | null
-          care_team_ids?: string[] | null
-          category_code?: string | null
-          category_display?: string | null
-          contributor_ids?: string[] | null
-          created_at?: string | null
-          created_date?: string | null
-          description?: string | null
-          encounter_id?: string | null
-          goals?: Json | null
-          id?: string
-          identifier?: string | null
-          intent?: string
-          note?: string | null
-          patient_id: string
-          period_end?: string | null
-          period_start?: string | null
-          status?: Database["public"]["Enums"]["careplan_status"]
-          title: string
-          updated_at?: string | null
-        }
-        Update: {
-          activities?: Json | null
-          addresses_condition_ids?: string[] | null
-          author_id?: string | null
-          based_on_anamneses?: string[] | null
-          based_on_examinations?: string[] | null
-          based_on_intake_id?: string | null
-          based_on_risk_assessments?: string[] | null
-          care_team_ids?: string[] | null
-          category_code?: string | null
-          category_display?: string | null
-          contributor_ids?: string[] | null
-          created_at?: string | null
-          created_date?: string | null
-          description?: string | null
-          encounter_id?: string | null
-          goals?: Json | null
-          id?: string
-          identifier?: string | null
-          intent?: string
-          note?: string | null
-          patient_id?: string
-          period_end?: string | null
-          period_start?: string | null
-          status?: Database["public"]["Enums"]["careplan_status"]
-          title?: string
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "care_plans_author_id_fkey"
-            columns: ["author_id"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "care_plans_based_on_intake_id_fkey"
-            columns: ["based_on_intake_id"]
-            isOneToOne: false
-            referencedRelation: "active_intakes_overview"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "care_plans_based_on_intake_id_fkey"
-            columns: ["based_on_intake_id"]
-            isOneToOne: false
-            referencedRelation: "intakes"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "care_plans_encounter_id_fkey"
-            columns: ["encounter_id"]
-            isOneToOne: false
-            referencedRelation: "encounters"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "care_plans_patient_id_fkey"
-            columns: ["patient_id"]
-            isOneToOne: false
-            referencedRelation: "patients"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      clients: {
-        Row: {
-          birth_date: string
-          created_at: string
-          first_name: string
-          id: string
-          last_name: string
-          updated_at: string
-        }
-        Insert: {
-          birth_date: string
-          created_at?: string
-          first_name: string
-          id?: string
-          last_name: string
-          updated_at?: string
-        }
-        Update: {
-          birth_date?: string
-          created_at?: string
-          first_name?: string
-          id?: string
-          last_name?: string
-          updated_at?: string
-        }
-        Relationships: []
-      }
-      conditions: {
-        Row: {
-          abatement_age: number | null
-          abatement_datetime: string | null
-          asserter_id: string | null
-          body_site_code: string | null
-          body_site_display: string | null
-          category: string
-          clinical_status: Database["public"]["Enums"]["condition_clinical_status"]
-          code_code: string
-          code_display: string
-          code_system: string
-          created_at: string | null
-          encounter_id: string | null
-          id: string
-          identifier: string | null
-          note: string | null
-          onset_age: number | null
-          onset_datetime: string | null
-          patient_id: string
-          recorded_date: string
-          recorder_id: string | null
-          severity_code: string | null
-          severity_display: string | null
-          updated_at: string | null
-          verification_status: Database["public"]["Enums"]["condition_verification_status"]
-        }
-        Insert: {
-          abatement_age?: number | null
-          abatement_datetime?: string | null
-          asserter_id?: string | null
-          body_site_code?: string | null
-          body_site_display?: string | null
-          category?: string
-          clinical_status?: Database["public"]["Enums"]["condition_clinical_status"]
-          code_code: string
-          code_display: string
-          code_system?: string
-          created_at?: string | null
-          encounter_id?: string | null
-          id?: string
-          identifier?: string | null
-          note?: string | null
-          onset_age?: number | null
-          onset_datetime?: string | null
-          patient_id: string
-          recorded_date?: string
-          recorder_id?: string | null
-          severity_code?: string | null
-          severity_display?: string | null
-          updated_at?: string | null
-          verification_status?: Database["public"]["Enums"]["condition_verification_status"]
-        }
-        Update: {
-          abatement_age?: number | null
-          abatement_datetime?: string | null
-          asserter_id?: string | null
-          body_site_code?: string | null
-          body_site_display?: string | null
-          category?: string
-          clinical_status?: Database["public"]["Enums"]["condition_clinical_status"]
-          code_code?: string
-          code_display?: string
-          code_system?: string
-          created_at?: string | null
-          encounter_id?: string | null
-          id?: string
-          identifier?: string | null
-          note?: string | null
-          onset_age?: number | null
-          onset_datetime?: string | null
-          patient_id?: string
-          recorded_date?: string
-          recorder_id?: string | null
-          severity_code?: string | null
-          severity_display?: string | null
-          updated_at?: string | null
-          verification_status?: Database["public"]["Enums"]["condition_verification_status"]
-        }
-        Relationships: [
-          {
-            foreignKeyName: "conditions_asserter_id_fkey"
-            columns: ["asserter_id"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "conditions_encounter_id_fkey"
-            columns: ["encounter_id"]
-            isOneToOne: false
-            referencedRelation: "encounters"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "conditions_patient_id_fkey"
-            columns: ["patient_id"]
-            isOneToOne: false
-            referencedRelation: "patients"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "conditions_recorder_id_fkey"
-            columns: ["recorder_id"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      demo_users: {
-        Row: {
-          access_level: string
-          created_at: string
-          expires_at: string | null
-          id: string
-          last_login_at: string | null
-          notes: string | null
-          updated_at: string
-          usage_count: number | null
-          user_id: string | null
-        }
-        Insert: {
-          access_level?: string
-          created_at?: string
-          expires_at?: string | null
-          id?: string
-          last_login_at?: string | null
-          notes?: string | null
-          updated_at?: string
-          usage_count?: number | null
-          user_id?: string | null
-        }
-        Update: {
-          access_level?: string
-          created_at?: string
-          expires_at?: string | null
-          id?: string
-          last_login_at?: string | null
-          notes?: string | null
-          updated_at?: string
-          usage_count?: number | null
-          user_id?: string | null
-        }
-        Relationships: []
-      }
-      encounters: {
-        Row: {
-          admission_source: string | null
-          class_code: string
-          class_display: string
-          created_at: string | null
-          discharge_disposition: string | null
-          id: string
-          identifier: string | null
-          intake_id: string | null
-          intake_note_id: string | null
-          notes: string | null
-          organization_id: string | null
-          patient_id: string
-          period_end: string | null
-          period_start: string
-          practitioner_id: string | null
-          priority_code: string | null
-          priority_display: string | null
-          reason_code: string[] | null
-          reason_display: string[] | null
-          status: Database["public"]["Enums"]["encounter_status"]
-          type_code: string
-          type_display: string
-          updated_at: string | null
-        }
-        Insert: {
-          admission_source?: string | null
-          class_code: string
-          class_display: string
-          created_at?: string | null
-          discharge_disposition?: string | null
-          id?: string
-          identifier?: string | null
-          intake_id?: string | null
-          intake_note_id?: string | null
-          notes?: string | null
-          organization_id?: string | null
-          patient_id: string
-          period_end?: string | null
-          period_start: string
-          practitioner_id?: string | null
-          priority_code?: string | null
-          priority_display?: string | null
-          reason_code?: string[] | null
-          reason_display?: string[] | null
-          status?: Database["public"]["Enums"]["encounter_status"]
-          type_code: string
-          type_display: string
-          updated_at?: string | null
-        }
-        Update: {
-          admission_source?: string | null
-          class_code?: string
-          class_display?: string
-          created_at?: string | null
-          discharge_disposition?: string | null
-          id?: string
-          identifier?: string | null
-          intake_id?: string | null
-          intake_note_id?: string | null
-          notes?: string | null
-          organization_id?: string | null
-          patient_id?: string
-          period_end?: string | null
-          period_start?: string
-          practitioner_id?: string | null
-          priority_code?: string | null
-          priority_display?: string | null
-          reason_code?: string[] | null
-          reason_display?: string[] | null
-          status?: Database["public"]["Enums"]["encounter_status"]
-          type_code?: string
-          type_display?: string
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "encounters_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "active_intakes_overview"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "encounters_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "intakes"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "encounters_intake_note_id_fkey"
-            columns: ["intake_note_id"]
-            isOneToOne: false
-            referencedRelation: "intake_notes"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "encounters_organization_id_fkey"
-            columns: ["organization_id"]
-            isOneToOne: false
-            referencedRelation: "organizations"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "encounters_patient_id_fkey"
-            columns: ["patient_id"]
-            isOneToOne: false
-            referencedRelation: "patients"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "encounters_practitioner_id_fkey"
-            columns: ["practitioner_id"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      examinations: {
-        Row: {
-          created_at: string | null
-          created_by: string | null
-          document_url: string | null
-          examination_date: string
-          examination_type: string
-          findings: string
-          id: string
-          intake_id: string
-          notes: string | null
-          performed_by: string | null
-          reason: string | null
-          updated_at: string | null
-        }
-        Insert: {
-          created_at?: string | null
-          created_by?: string | null
-          document_url?: string | null
-          examination_date?: string
-          examination_type: string
-          findings: string
-          id?: string
-          intake_id: string
-          notes?: string | null
-          performed_by?: string | null
-          reason?: string | null
-          updated_at?: string | null
-        }
-        Update: {
-          created_at?: string | null
-          created_by?: string | null
-          document_url?: string | null
-          examination_date?: string
-          examination_type?: string
-          findings?: string
-          id?: string
-          intake_id?: string
-          notes?: string | null
-          performed_by?: string | null
-          reason?: string | null
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "examinations_created_by_fkey"
-            columns: ["created_by"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "examinations_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "active_intakes_overview"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "examinations_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "intakes"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      intake_notes: {
-        Row: {
-          author: string | null
-          client_id: string
-          content_json: Json
-          content_text: string | null
-          created_at: string
-          id: string
-          tag: string | null
-          title: string | null
-          updated_at: string
-        }
-        Insert: {
-          author?: string | null
-          client_id: string
-          content_json?: Json
-          content_text?: string | null
-          created_at?: string
-          id?: string
-          tag?: string | null
-          title?: string | null
-          updated_at?: string
-        }
-        Update: {
-          author?: string | null
-          client_id?: string
-          content_json?: Json
-          content_text?: string | null
-          created_at?: string
-          id?: string
-          tag?: string | null
-          title?: string | null
-          updated_at?: string
-        }
-        Relationships: [
-          {
-            foreignKeyName: "intake_notes_client_id_fkey"
-            columns: ["client_id"]
-            isOneToOne: false
-            referencedRelation: "clients"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      intakes: {
-        Row: {
-          created_at: string | null
-          department: string
-          end_date: string | null
-          id: string
-          kindcheck_data: Json | null
-          notes: string | null
-          patient_id: string
-          psychologist_id: string | null
-          start_date: string
-          status: string
-          title: string
-          treatment_advice: Json | null
-          updated_at: string | null
-        }
-        Insert: {
-          created_at?: string | null
-          department: string
-          end_date?: string | null
-          id?: string
-          kindcheck_data?: Json | null
-          notes?: string | null
-          patient_id: string
-          psychologist_id?: string | null
-          start_date?: string
-          status?: string
-          title: string
-          treatment_advice?: Json | null
-          updated_at?: string | null
-        }
-        Update: {
-          created_at?: string | null
-          department?: string
-          end_date?: string | null
-          id?: string
-          kindcheck_data?: Json | null
-          notes?: string | null
-          patient_id?: string
-          psychologist_id?: string | null
-          start_date?: string
-          status?: string
-          title?: string
-          treatment_advice?: Json | null
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "intakes_patient_id_fkey"
-            columns: ["patient_id"]
-            isOneToOne: false
-            referencedRelation: "patients"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "intakes_psychologist_id_fkey"
-            columns: ["psychologist_id"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      observations: {
-        Row: {
-          body_site: string | null
-          category: string
-          code_code: string
-          code_display: string
-          code_system: string
-          created_at: string | null
-          effective_datetime: string
-          encounter_id: string | null
-          id: string
-          identifier: string | null
-          interpretation_code: string | null
-          interpretation_display: string | null
-          issued: string | null
-          method_code: string | null
-          method_display: string | null
-          note: string | null
-          patient_id: string
-          performer_id: string | null
-          reference_range_high: number | null
-          reference_range_low: number | null
-          reference_range_text: string | null
-          status: Database["public"]["Enums"]["observation_status"]
-          value_boolean: boolean | null
-          value_codeable_concept: Json | null
-          value_quantity_comparator: string | null
-          value_quantity_unit: string | null
-          value_quantity_value: number | null
-          value_string: string | null
-          value_type: string
-        }
-        Insert: {
-          body_site?: string | null
-          category: string
-          code_code: string
-          code_display: string
-          code_system: string
-          created_at?: string | null
-          effective_datetime: string
-          encounter_id?: string | null
-          id?: string
-          identifier?: string | null
-          interpretation_code?: string | null
-          interpretation_display?: string | null
-          issued?: string | null
-          method_code?: string | null
-          method_display?: string | null
-          note?: string | null
-          patient_id: string
-          performer_id?: string | null
-          reference_range_high?: number | null
-          reference_range_low?: number | null
-          reference_range_text?: string | null
-          status?: Database["public"]["Enums"]["observation_status"]
-          value_boolean?: boolean | null
-          value_codeable_concept?: Json | null
-          value_quantity_comparator?: string | null
-          value_quantity_unit?: string | null
-          value_quantity_value?: number | null
-          value_string?: string | null
-          value_type: string
-        }
-        Update: {
-          body_site?: string | null
-          category?: string
-          code_code?: string
-          code_display?: string
-          code_system?: string
-          created_at?: string | null
-          effective_datetime?: string
-          encounter_id?: string | null
-          id?: string
-          identifier?: string | null
-          interpretation_code?: string | null
-          interpretation_display?: string | null
-          issued?: string | null
-          method_code?: string | null
-          method_display?: string | null
-          note?: string | null
-          patient_id?: string
-          performer_id?: string | null
-          reference_range_high?: number | null
-          reference_range_low?: number | null
-          reference_range_text?: string | null
-          status?: Database["public"]["Enums"]["observation_status"]
-          value_boolean?: boolean | null
-          value_codeable_concept?: Json | null
-          value_quantity_comparator?: string | null
-          value_quantity_unit?: string | null
-          value_quantity_value?: number | null
-          value_string?: string | null
-          value_type?: string
-        }
-        Relationships: [
-          {
-            foreignKeyName: "observations_encounter_id_fkey"
-            columns: ["encounter_id"]
-            isOneToOne: false
-            referencedRelation: "encounters"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "observations_patient_id_fkey"
-            columns: ["patient_id"]
-            isOneToOne: false
-            referencedRelation: "patients"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "observations_performer_id_fkey"
-            columns: ["performer_id"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      organizations: {
-        Row: {
-          active: boolean | null
-          address_city: string | null
-          address_country: string | null
-          address_line: string[] | null
-          address_postal_code: string | null
-          alias: string[] | null
-          created_at: string | null
-          id: string
-          identifier_agb: string | null
-          identifier_kvk: string | null
-          name: string
-          telecom_email: string | null
-          telecom_phone: string | null
-          telecom_website: string | null
-          type_code: string | null
-          type_display: string | null
-          updated_at: string | null
-        }
-        Insert: {
-          active?: boolean | null
-          address_city?: string | null
-          address_country?: string | null
-          address_line?: string[] | null
-          address_postal_code?: string | null
-          alias?: string[] | null
-          created_at?: string | null
-          id?: string
-          identifier_agb?: string | null
-          identifier_kvk?: string | null
-          name: string
-          telecom_email?: string | null
-          telecom_phone?: string | null
-          telecom_website?: string | null
-          type_code?: string | null
-          type_display?: string | null
-          updated_at?: string | null
-        }
-        Update: {
-          active?: boolean | null
-          address_city?: string | null
-          address_country?: string | null
-          address_line?: string[] | null
-          address_postal_code?: string | null
-          alias?: string[] | null
-          created_at?: string | null
-          id?: string
-          identifier_agb?: string | null
-          identifier_kvk?: string | null
-          name?: string
-          telecom_email?: string | null
-          telecom_phone?: string | null
-          telecom_website?: string | null
-          type_code?: string | null
-          type_display?: string | null
-          updated_at?: string | null
-        }
-        Relationships: []
-      }
-      patients: {
-        Row: {
-          active: boolean | null
-          address_city: string | null
-          address_country: string | null
-          address_line: string[] | null
-          address_postal_code: string | null
-          birth_date: string
-          created_at: string | null
-          emergency_contact_name: string | null
-          emergency_contact_phone: string | null
-          emergency_contact_relationship: string | null
-          gender: Database["public"]["Enums"]["gender_type"]
-          general_practitioner_agb: string | null
-          general_practitioner_name: string | null
-          id: string
-          identifier_bsn: string | null
-          identifier_client_number: string | null
-          insurance_company: string | null
-          insurance_number: string | null
-          is_john_doe: boolean | null
-          name_family: string
-          name_given: string[]
-          name_prefix: string | null
-          name_use: string | null
-          status: Database["public"]["Enums"]["episode_status"] | null
-          telecom_email: string | null
-          telecom_phone: string | null
-          updated_at: string | null
-        }
-        Insert: {
-          active?: boolean | null
-          address_city?: string | null
-          address_country?: string | null
-          address_line?: string[] | null
-          address_postal_code?: string | null
-          birth_date: string
-          created_at?: string | null
-          emergency_contact_name?: string | null
-          emergency_contact_phone?: string | null
-          emergency_contact_relationship?: string | null
-          gender: Database["public"]["Enums"]["gender_type"]
-          general_practitioner_agb?: string | null
-          general_practitioner_name?: string | null
-          id?: string
-          identifier_bsn?: string | null
-          identifier_client_number?: string | null
-          insurance_company?: string | null
-          insurance_number?: string | null
-          is_john_doe?: boolean | null
-          name_family: string
-          name_given: string[]
-          name_prefix?: string | null
-          name_use?: string | null
-          status?: Database["public"]["Enums"]["episode_status"] | null
-          telecom_email?: string | null
-          telecom_phone?: string | null
-          updated_at?: string | null
-        }
-        Update: {
-          active?: boolean | null
-          address_city?: string | null
-          address_country?: string | null
-          address_line?: string[] | null
-          address_postal_code?: string | null
-          birth_date?: string
-          created_at?: string | null
-          emergency_contact_name?: string | null
-          emergency_contact_phone?: string | null
-          emergency_contact_relationship?: string | null
-          gender?: Database["public"]["Enums"]["gender_type"]
-          general_practitioner_agb?: string | null
-          general_practitioner_name?: string | null
-          id?: string
-          identifier_bsn?: string | null
-          identifier_client_number?: string | null
-          insurance_company?: string | null
-          insurance_number?: string | null
-          is_john_doe?: boolean | null
-          name_family?: string
-          name_given?: string[]
-          name_prefix?: string | null
-          name_use?: string | null
-          status?: Database["public"]["Enums"]["episode_status"] | null
-          telecom_email?: string | null
-          telecom_phone?: string | null
-          updated_at?: string | null
-        }
-        Relationships: []
-      }
-      practitioners: {
-        Row: {
-          active: boolean | null
-          created_at: string | null
-          id: string
-          identifier_agb: string | null
-          identifier_big: string | null
-          name_family: string
-          name_given: string[]
-          name_prefix: string | null
-          name_suffix: string | null
-          qualification: string[] | null
-          telecom_email: string | null
-          telecom_phone: string | null
-          updated_at: string | null
-          user_id: string | null
-        }
-        Insert: {
-          active?: boolean | null
-          created_at?: string | null
-          id?: string
-          identifier_agb?: string | null
-          identifier_big?: string | null
-          name_family: string
-          name_given: string[]
-          name_prefix?: string | null
-          name_suffix?: string | null
-          qualification?: string[] | null
-          telecom_email?: string | null
-          telecom_phone?: string | null
-          updated_at?: string | null
-          user_id?: string | null
-        }
-        Update: {
-          active?: boolean | null
-          created_at?: string | null
-          id?: string
-          identifier_agb?: string | null
-          identifier_big?: string | null
-          name_family?: string
-          name_given?: string[]
-          name_prefix?: string | null
-          name_suffix?: string | null
-          qualification?: string[] | null
-          telecom_email?: string | null
-          telecom_phone?: string | null
-          updated_at?: string | null
-          user_id?: string | null
-        }
-        Relationships: []
-      }
-      problem_profiles: {
-        Row: {
-          category: string
-          client_id: string
-          created_at: string
-          id: string
-          remarks: string | null
-          severity: string
-          source_note_id: string | null
-          updated_at: string
-        }
-        Insert: {
-          category: string
-          client_id: string
-          created_at?: string
-          id?: string
-          remarks?: string | null
-          severity: string
-          source_note_id?: string | null
-          updated_at?: string
-        }
-        Update: {
-          category?: string
-          client_id?: string
-          created_at?: string
-          id?: string
-          remarks?: string | null
-          severity?: string
-          source_note_id?: string | null
-          updated_at?: string
-        }
-        Relationships: [
-          {
-            foreignKeyName: "problem_profiles_client_id_fkey"
-            columns: ["client_id"]
-            isOneToOne: false
-            referencedRelation: "clients"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "problem_profiles_source_note_id_fkey"
-            columns: ["source_note_id"]
-            isOneToOne: false
-            referencedRelation: "intake_notes"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      risk_assessments: {
-        Row: {
-          assessment_date: string
-          created_at: string | null
-          created_by: string | null
-          evaluation_date: string | null
-          id: string
-          intake_id: string
-          measures: string | null
-          notes: string | null
-          rationale: string
-          risk_level: string
-          risk_type: string
-          updated_at: string | null
-        }
-        Insert: {
-          assessment_date?: string
-          created_at?: string | null
-          created_by?: string | null
-          evaluation_date?: string | null
-          id?: string
-          intake_id: string
-          measures?: string | null
-          notes?: string | null
-          rationale: string
-          risk_level: string
-          risk_type: string
-          updated_at?: string | null
-        }
-        Update: {
-          assessment_date?: string
-          created_at?: string | null
-          created_by?: string | null
-          evaluation_date?: string | null
-          id?: string
-          intake_id?: string
-          measures?: string | null
-          notes?: string | null
-          rationale?: string
-          risk_level?: string
-          risk_type?: string
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "risk_assessments_created_by_fkey"
-            columns: ["created_by"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "risk_assessments_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "active_intakes_overview"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "risk_assessments_intake_id_fkey"
-            columns: ["intake_id"]
-            isOneToOne: false
-            referencedRelation: "intakes"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      screening_activities: {
-        Row: {
-          activity_text: string
-          created_at: string | null
-          created_by: string | null
-          created_by_name: string | null
-          id: string
-          screening_id: string
-        }
-        Insert: {
-          activity_text: string
-          created_at?: string | null
-          created_by?: string | null
-          created_by_name?: string | null
-          id?: string
-          screening_id: string
-        }
-        Update: {
-          activity_text?: string
-          created_at?: string | null
-          created_by?: string | null
-          created_by_name?: string | null
-          id?: string
-          screening_id?: string
-        }
-        Relationships: [
-          {
-            foreignKeyName: "screening_activities_created_by_fkey"
-            columns: ["created_by"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "screening_activities_screening_id_fkey"
-            columns: ["screening_id"]
-            isOneToOne: false
-            referencedRelation: "screenings"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      screening_documents: {
-        Row: {
-          document_type: string | null
-          file_name: string
-          file_path: string | null
-          file_size: number | null
-          file_type: string | null
-          id: string
-          screening_id: string
-          uploaded_at: string | null
-          uploaded_by: string | null
-          uploaded_by_name: string | null
-        }
-        Insert: {
-          document_type?: string | null
-          file_name: string
-          file_path?: string | null
-          file_size?: number | null
-          file_type?: string | null
-          id?: string
-          screening_id: string
-          uploaded_at?: string | null
-          uploaded_by?: string | null
-          uploaded_by_name?: string | null
-        }
-        Update: {
-          document_type?: string | null
-          file_name?: string
-          file_path?: string | null
-          file_size?: number | null
-          file_type?: string | null
-          id?: string
-          screening_id?: string
-          uploaded_at?: string | null
-          uploaded_by?: string | null
-          uploaded_by_name?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "screening_documents_screening_id_fkey"
-            columns: ["screening_id"]
-            isOneToOne: false
-            referencedRelation: "screenings"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "screening_documents_uploaded_by_fkey"
-            columns: ["uploaded_by"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      screenings: {
-        Row: {
-          created_at: string | null
-          decision: string | null
-          decision_by: string | null
-          decision_date: string | null
-          decision_department: string | null
-          decision_notes: string | null
-          id: string
-          patient_id: string
-          request_for_help: string | null
-          updated_at: string | null
-        }
-        Insert: {
-          created_at?: string | null
-          decision?: string | null
-          decision_by?: string | null
-          decision_date?: string | null
-          decision_department?: string | null
-          decision_notes?: string | null
-          id?: string
-          patient_id: string
-          request_for_help?: string | null
-          updated_at?: string | null
-        }
-        Update: {
-          created_at?: string | null
-          decision?: string | null
-          decision_by?: string | null
-          decision_date?: string | null
-          decision_department?: string | null
-          decision_notes?: string | null
-          id?: string
-          patient_id?: string
-          request_for_help?: string | null
-          updated_at?: string | null
-        }
-        Relationships: [
-          {
-            foreignKeyName: "screenings_decision_by_fkey"
-            columns: ["decision_by"]
-            isOneToOne: false
-            referencedRelation: "practitioners"
-            referencedColumns: ["id"]
-          },
-          {
-            foreignKeyName: "screenings_patient_id_fkey"
-            columns: ["patient_id"]
-            isOneToOne: false
-            referencedRelation: "patients"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-      treatment_plans: {
-        Row: {
-          client_id: string
-          created_at: string
-          created_by: string | null
-          id: string
-          plan: Json
-          published_at: string | null
-          status: string
-          updated_at: string
-          version: number
-        }
-        Insert: {
-          client_id: string
-          created_at?: string
-          created_by?: string | null
-          id?: string
-          plan?: Json
-          published_at?: string | null
-          status?: string
-          updated_at?: string
-          version?: number
-        }
-        Update: {
-          client_id?: string
-          created_at?: string
-          created_by?: string | null
-          id?: string
-          plan?: Json
-          published_at?: string | null
-          status?: string
-          updated_at?: string
-          version?: number
-        }
-        Relationships: [
-          {
-            foreignKeyName: "treatment_plans_client_id_fkey"
-            columns: ["client_id"]
-            isOneToOne: false
-            referencedRelation: "clients"
-            referencedColumns: ["id"]
-          },
-        ]
-      }
-    }
-    Views: {
-      active_intakes_overview: {
-        Row: {
-          birth_date: string | null
-          contact_count: number | null
-          department: string | null
-          diagnosis_count: number | null
-          end_date: string | null
-          id: string | null
-          name_family: string | null
-          name_given: string[] | null
-          psychologist_name: string | null
-          start_date: string | null
-          status: string | null
-          title: string | null
-        }
-        Relationships: []
-      }
-    }
-    Functions: {
-      get_demo_access_level: {
-        Args: { check_user_id: string }
-        Returns: string
-      }
-      hook_check_duplicate_email: { Args: { event: Json }; Returns: Json }
-      is_demo_user: { Args: { check_user_id: string }; Returns: boolean }
-    }
-    Enums: {
-      careplan_status:
-        | "draft"
-        | "active"
-        | "on-hold"
-        | "revoked"
-        | "completed"
-        | "entered-in-error"
-        | "unknown"
-      condition_clinical_status:
-        | "active"
-        | "recurrence"
-        | "relapse"
-        | "inactive"
-        | "remission"
-        | "resolved"
-        | "unknown"
-      condition_verification_status:
-        | "unconfirmed"
-        | "provisional"
-        | "differential"
-        | "confirmed"
-        | "refuted"
-        | "entered-in-error"
-      encounter_status:
-        | "planned"
-        | "in-progress"
-        | "on-hold"
-        | "completed"
-        | "cancelled"
-        | "entered-in-error"
-        | "unknown"
-      episode_status: "planned" | "active" | "finished" | "cancelled"
-      gender_type: "male" | "female" | "other" | "unknown"
-      observation_status:
-        | "registered"
-        | "preliminary"
-        | "final"
-        | "amended"
-        | "corrected"
-        | "cancelled"
-        | "entered-in-error"
-        | "unknown"
-    }
-    CompositeTypes: {
-      [_ in never]: never
-    }
-  }
-}
-
-type DatabaseWithoutInternals = Omit<Database, "__InternalSupabase">
-
-type DefaultSchema = DatabaseWithoutInternals[Extract<keyof Database, "public">]
-
-export type Tables<
-  DefaultSchemaTableNameOrOptions extends
-    | keyof (DefaultSchema["Tables"] & DefaultSchema["Views"])
-    | { schema: keyof DatabaseWithoutInternals },
-  TableName extends DefaultSchemaTableNameOrOptions extends {
-    schema: keyof DatabaseWithoutInternals
-  }
-    ? keyof (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
-        DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Views"])
-    : never = never,
-> = DefaultSchemaTableNameOrOptions extends {
-  schema: keyof DatabaseWithoutInternals
-}
-  ? (DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"] &
-      DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Views"])[TableName] extends {
-      Row: infer R
-    }
-    ? R
-    : never
-  : DefaultSchemaTableNameOrOptions extends keyof (DefaultSchema["Tables"] &
-        DefaultSchema["Views"])
-    ? (DefaultSchema["Tables"] &
-        DefaultSchema["Views"])[DefaultSchemaTableNameOrOptions] extends {
-        Row: infer R
-      }
-      ? R
-      : never
-    : never
-
-export type TablesInsert<
-  DefaultSchemaTableNameOrOptions extends
-    | keyof DefaultSchema["Tables"]
-    | { schema: keyof DatabaseWithoutInternals },
-  TableName extends DefaultSchemaTableNameOrOptions extends {
-    schema: keyof DatabaseWithoutInternals
-  }
-    ? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
-    : never = never,
-> = DefaultSchemaTableNameOrOptions extends {
-  schema: keyof DatabaseWithoutInternals
-}
-  ? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
-      Insert: infer I
-    }
-    ? I
-    : never
-  : DefaultSchemaTableNameOrOptions extends keyof DefaultSchema["Tables"]
-    ? DefaultSchema["Tables"][DefaultSchemaTableNameOrOptions] extends {
-        Insert: infer I
-      }
-      ? I
-      : never
-    : never
-
-export type TablesUpdate<
-  DefaultSchemaTableNameOrOptions extends
-    | keyof DefaultSchema["Tables"]
-    | { schema: keyof DatabaseWithoutInternals },
-  TableName extends DefaultSchemaTableNameOrOptions extends {
-    schema: keyof DatabaseWithoutInternals
-  }
-    ? keyof DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"]
-    : never = never,
-> = DefaultSchemaTableNameOrOptions extends {
-  schema: keyof DatabaseWithoutInternals
-}
-  ? DatabaseWithoutInternals[DefaultSchemaTableNameOrOptions["schema"]]["Tables"][TableName] extends {
-      Update: infer U
-    }
-    ? U
-    : never
-  : DefaultSchemaTableNameOrOptions extends keyof DefaultSchema["Tables"]
-    ? DefaultSchema["Tables"][DefaultSchemaTableNameOrOptions] extends {
-        Update: infer U
-      }
-      ? U
-      : never
-    : never
-
-export type Enums<
-  DefaultSchemaEnumNameOrOptions extends
-    | keyof DefaultSchema["Enums"]
-    | { schema: keyof DatabaseWithoutInternals },
-  EnumName extends DefaultSchemaEnumNameOrOptions extends {
-    schema: keyof DatabaseWithoutInternals
-  }
-    ? keyof DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"]
-    : never = never,
-> = DefaultSchemaEnumNameOrOptions extends {
-  schema: keyof DatabaseWithoutInternals
-}
-  ? DatabaseWithoutInternals[DefaultSchemaEnumNameOrOptions["schema"]]["Enums"][EnumName]
-  : DefaultSchemaEnumNameOrOptions extends keyof DefaultSchema["Enums"]
-    ? DefaultSchema["Enums"][DefaultSchemaEnumNameOrOptions]
-    : never
-
-export type CompositeTypes<
-  PublicCompositeTypeNameOrOptions extends
-    | keyof DefaultSchema["CompositeTypes"]
-    | { schema: keyof DatabaseWithoutInternals },
-  CompositeTypeName extends PublicCompositeTypeNameOrOptions extends {
-    schema: keyof DatabaseWithoutInternals
-  }
-    ? keyof DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"]
-    : never = never,
-> = PublicCompositeTypeNameOrOptions extends {
-  schema: keyof DatabaseWithoutInternals
-}
-  ? DatabaseWithoutInternals[PublicCompositeTypeNameOrOptions["schema"]]["CompositeTypes"][CompositeTypeName]
-  : PublicCompositeTypeNameOrOptions extends keyof DefaultSchema["CompositeTypes"]
-    ? DefaultSchema["CompositeTypes"][PublicCompositeTypeNameOrOptions]
-    : never
-
-export const Constants = {
-  graphql_public: {
-    Enums: {},
-  },
-  public: {
-    Enums: {
-      careplan_status: [
-        "draft",
-        "active",
-        "on-hold",
-        "revoked",
-        "completed",
-        "entered-in-error",
-        "unknown",
-      ],
-      condition_clinical_status: [
-        "active",
-        "recurrence",
-        "relapse",
-        "inactive",
-        "remission",
-        "resolved",
-        "unknown",
-      ],
-      condition_verification_status: [
-        "unconfirmed",
-        "provisional",
-        "differential",
-        "confirmed",
-        "refuted",
-        "entered-in-error",
-      ],
-      encounter_status: [
-        "planned",
-        "in-progress",
-        "on-hold",
-        "completed",
-        "cancelled",
-        "entered-in-error",
-        "unknown",
-      ],
-      episode_status: ["planned", "active", "finished", "cancelled"],
-      gender_type: ["male", "female", "other", "unknown"],
-      observation_status: [
-        "registered",
-        "preliminary",
-        "final",
-        "amended",
-        "corrected",
-        "cancelled",
-        "entered-in-error",
-        "unknown",
-      ],
-    },
-  },
-} as const
diff --git a/lib/types/report.ts b/lib/types/report.ts
new file mode 100644
index 0000000..8020e82
--- /dev/null
+++ b/lib/types/report.ts
@@ -0,0 +1,35 @@
+import { z } from 'zod';
+import type { Database } from '@/lib/supabase/database.types';
+
+export type Report = Database['public']['Tables']['reports']['Row'];
+export type ReportInsert = Database['public']['Tables']['reports']['Insert'];
+export type ReportUpdate = Database['public']['Tables']['reports']['Update'];
+
+export const REPORT_TYPES = ['behandeladvies', 'vrije_notitie'] as const;
+export type ReportType = (typeof REPORT_TYPES)[number];
+
+export const CreateReportSchema = z.object({
+  patient_id: z.string().uuid('Patient ID moet een geldige UUID zijn'),
+  type: z.enum(REPORT_TYPES, {
+    errorMap: () => ({ message: 'Type moet behandeladvies of vrije_notitie zijn' }),
+  }),
+  content: z
+    .string()
+    .min(20, 'Rapportage moet minimaal 20 karakters bevatten')
+    .max(5000, 'Rapportage mag maximaal 5000 karakters bevatten'),
+  ai_confidence: z.number().min(0).max(1).optional(),
+  ai_reasoning: z.string().optional(),
+});
+
+export type CreateReportInput = z.infer<typeof CreateReportSchema>;
+
+export interface ClassificationResult {
+  type: ReportType;
+  confidence: number;
+  reasoning?: string;
+}
+
+export interface ReportListResponse {
+  reports: Report[];
+  total: number;
+}
diff --git a/package.json b/package.json
index 1aa58e7..65905c9 100644
--- a/package.json
+++ b/package.json
@@ -12,8 +12,11 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-toast": "^1.2.15",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.4.0",
     "@supabase/ssr": "^0.7.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b6e7313..107cd4f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,12 +11,21 @@ importers:
       '@hookform/resolvers':
         specifier: ^5.2.2
         version: 5.2.2(react-hook-form@7.66.1(react@18.3.1))
+      '@radix-ui/react-dialog':
+        specifier: ^1.1.15
+        version: 1.1.15(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-dropdown-menu':
+        specifier: ^2.1.16
+        version: 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-icons':
         specifier: ^1.3.2
         version: 1.3.2(react@18.3.1)
       '@radix-ui/react-slot':
         specifier: ^1.2.4
         version: 1.2.4(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-toast':
+        specifier: ^1.2.15
+        version: 1.2.15(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@react-three/drei':
         specifier: ^10.7.7
         version: 10.7.7(@react-three/fiber@9.4.0(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.181.2))(@types/react@18.3.27)(@types/three@0.181.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.181.2)
@@ -340,6 +349,12 @@ packages:
   '@floating-ui/dom@1.7.4':
     resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==}
 
+  '@floating-ui/react-dom@2.1.6':
+    resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==}
+    peerDependencies:
+      react: '>=16.8.0'
+      react-dom: '>=16.8.0'
+
   '@floating-ui/utils@0.2.10':
     resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==}
 
@@ -481,6 +496,35 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@radix-ui/primitive@1.1.3':
+    resolution: {integrity: sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==}
+
+  '@radix-ui/react-arrow@1.1.7':
+    resolution: {integrity: sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-collection@1.1.7':
+    resolution: {integrity: sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-compose-refs@1.1.2':
     resolution: {integrity: sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==}
     peerDependencies:
@@ -490,11 +534,186 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-context@1.1.2':
+    resolution: {integrity: sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dialog@1.1.15':
+    resolution: {integrity: sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-direction@1.1.1':
+    resolution: {integrity: sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-dismissable-layer@1.1.11':
+    resolution: {integrity: sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-dropdown-menu@2.1.16':
+    resolution: {integrity: sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-focus-guards@1.1.3':
+    resolution: {integrity: sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-focus-scope@1.1.7':
+    resolution: {integrity: sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-icons@1.3.2':
     resolution: {integrity: sha512-fyQIhGDhzfc9pK2kH6Pl9c4BDJGfMkPqkyIgYDthyNYoNg3wVhoJMMh19WS4Up/1KMPFVpNsT2q3WmXn2N1m6g==}
     peerDependencies:
       react: ^16.x || ^17.x || ^18.x || ^19.0.0 || ^19.0.0-rc
 
+  '@radix-ui/react-id@1.1.1':
+    resolution: {integrity: sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-menu@2.1.16':
+    resolution: {integrity: sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-popper@1.2.8':
+    resolution: {integrity: sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-portal@1.1.9':
+    resolution: {integrity: sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-presence@1.1.5':
+    resolution: {integrity: sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-primitive@2.1.3':
+    resolution: {integrity: sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-roving-focus@1.1.11':
+    resolution: {integrity: sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-slot@1.2.3':
+    resolution: {integrity: sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   '@radix-ui/react-slot@1.2.4':
     resolution: {integrity: sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==}
     peerDependencies:
@@ -504,6 +723,98 @@ packages:
       '@types/react':
         optional: true
 
+  '@radix-ui/react-toast@1.2.15':
+    resolution: {integrity: sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/react-use-callback-ref@1.1.1':
+    resolution: {integrity: sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-controllable-state@1.2.2':
+    resolution: {integrity: sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-effect-event@0.0.2':
+    resolution: {integrity: sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-escape-keydown@1.1.1':
+    resolution: {integrity: sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-layout-effect@1.1.1':
+    resolution: {integrity: sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-rect@1.1.1':
+    resolution: {integrity: sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-use-size@1.1.1':
+    resolution: {integrity: sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  '@radix-ui/react-visually-hidden@1.2.3':
+    resolution: {integrity: sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  '@radix-ui/rect@1.1.1':
+    resolution: {integrity: sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==}
+
   '@react-three/drei@10.7.7':
     resolution: {integrity: sha512-ff+J5iloR0k4tC++QtD/j9u3w5fzfgFAWDtAGQah9pF2B1YgOq/5JxqY0/aVoQG5r3xSZz0cv5tk2YuBob4xEQ==}
     peerDependencies:
@@ -1135,6 +1446,10 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
+  aria-hidden@1.2.6:
+    resolution: {integrity: sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==}
+    engines: {node: '>=10'}
+
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
@@ -1409,6 +1724,9 @@ packages:
     resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
     engines: {node: '>=8'}
 
+  detect-node-es@1.1.0:
+    resolution: {integrity: sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==}
+
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
@@ -1754,6 +2072,10 @@ packages:
     resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
     engines: {node: '>= 0.4'}
 
+  get-nonce@1.0.1:
+    resolution: {integrity: sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==}
+    engines: {node: '>=6'}
+
   get-proto@1.0.1:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
@@ -2695,6 +3017,36 @@ packages:
     peerDependencies:
       react: ^19.0.0
 
+  react-remove-scroll-bar@2.3.8:
+    resolution: {integrity: sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-remove-scroll@2.7.1:
+    resolution: {integrity: sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  react-style-singleton@2.2.3:
+    resolution: {integrity: sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   react-use-measure@2.1.7:
     resolution: {integrity: sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg==}
     peerDependencies:
@@ -3154,6 +3506,26 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
+  use-callback-ref@1.3.3:
+    resolution: {integrity: sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sidecar@1.1.3:
+    resolution: {integrity: sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
   use-sync-external-store@1.6.0:
     resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
     peerDependencies:
@@ -3416,16 +3788,19 @@ snapshots:
   '@floating-ui/core@1.7.3':
     dependencies:
       '@floating-ui/utils': 0.2.10
-    optional: true
 
   '@floating-ui/dom@1.7.4':
     dependencies:
       '@floating-ui/core': 1.7.3
       '@floating-ui/utils': 0.2.10
-    optional: true
 
-  '@floating-ui/utils@0.2.10':
-    optional: true
+  '@floating-ui/react-dom@2.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/dom': 1.7.4
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+
+  '@floating-ui/utils@0.2.10': {}
 
   '@hookform/resolvers@5.2.2(react-hook-form@7.66.1(react@18.3.1))':
     dependencies:
@@ -3572,16 +3947,222 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@radix-ui/primitive@1.1.3': {}
+
+  '@radix-ui/react-arrow@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-collection@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
   '@radix-ui/react-compose-refs@1.1.2(@types/react@18.3.27)(react@18.3.1)':
     dependencies:
       react: 18.3.1
     optionalDependencies:
       '@types/react': 18.3.27
 
+  '@radix-ui/react-context@1.1.2(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-dialog@1.1.15(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.27)(react@18.3.1)
+      aria-hidden: 1.2.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.7.1(@types/react@18.3.27)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-direction@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-dismissable-layer@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-escape-keydown': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-dropdown-menu@2.1.16(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-menu': 2.1.16(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-focus-guards@1.1.3(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-focus-scope@1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
   '@radix-ui/react-icons@1.3.2(react@18.3.1)':
     dependencies:
       react: 18.3.1
 
+  '@radix-ui/react-id@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-menu@2.1.16(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-focus-guards': 1.1.3(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-focus-scope': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-popper': 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      aria-hidden: 1.2.6
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      react-remove-scroll: 2.7.1(@types/react@18.3.27)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-popper@1.2.8(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-arrow': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-rect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/rect': 1.1.1
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-portal@1.1.9(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-presence@1.1.5(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-primitive@2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-slot': 1.2.3(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-roving-focus@1.1.11(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-slot@1.2.3(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
   '@radix-ui/react-slot@1.2.4(@types/react@18.3.27)(react@18.3.1)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
@@ -3589,6 +4170,85 @@ snapshots:
     optionalDependencies:
       '@types/react': 18.3.27
 
+  '@radix-ui/react-toast@1.2.15(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.3
+      '@radix-ui/react-collection': 1.1.7(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-dismissable-layer': 1.1.11(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-portal': 1.1.9(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.5(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.2.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-visually-hidden': 1.2.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/react-use-callback-ref@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-use-controllable-state@1.2.2(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-effect-event': 0.0.2(@types/react@18.3.27)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-use-effect-event@0.0.2(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-use-escape-keydown@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-use-layout-effect@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-use-rect@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/rect': 1.1.1
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-use-size@1.1.1(@types/react@18.3.27)(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.1(@types/react@18.3.27)(react@18.3.1)
+      react: 18.3.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  '@radix-ui/react-visually-hidden@1.2.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/react-primitive': 2.1.3(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+      '@types/react-dom': 18.3.7(@types/react@18.3.27)
+
+  '@radix-ui/rect@1.1.1': {}
+
   '@react-three/drei@10.7.7(@react-three/fiber@9.4.0(@types/react@18.3.27)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.181.2))(@types/react@18.3.27)(@types/three@0.181.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(three@0.181.2)':
     dependencies:
       '@babel/runtime': 7.28.4
@@ -4245,6 +4905,10 @@ snapshots:
 
   argparse@2.0.1: {}
 
+  aria-hidden@1.2.6:
+    dependencies:
+      tslib: 2.8.1
+
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.2:
@@ -4532,6 +5196,8 @@ snapshots:
 
   detect-libc@2.1.2: {}
 
+  detect-node-es@1.1.0: {}
+
   devlop@1.1.0:
     dependencies:
       dequal: 2.0.3
@@ -5060,6 +5726,8 @@ snapshots:
       hasown: 2.0.2
       math-intrinsics: 1.1.0
 
+  get-nonce@1.0.1: {}
+
   get-proto@1.0.1:
     dependencies:
       dunder-proto: 1.0.1
@@ -6239,6 +6907,33 @@ snapshots:
       react: 18.3.1
       scheduler: 0.25.0
 
+  react-remove-scroll-bar@2.3.8(@types/react@18.3.27)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-style-singleton: 2.2.3(@types/react@18.3.27)(react@18.3.1)
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  react-remove-scroll@2.7.1(@types/react@18.3.27)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      react-remove-scroll-bar: 2.3.8(@types/react@18.3.27)(react@18.3.1)
+      react-style-singleton: 2.2.3(@types/react@18.3.27)(react@18.3.1)
+      tslib: 2.8.1
+      use-callback-ref: 1.3.3(@types/react@18.3.27)(react@18.3.1)
+      use-sidecar: 1.1.3(@types/react@18.3.27)(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  react-style-singleton@2.2.3(@types/react@18.3.27)(react@18.3.1):
+    dependencies:
+      get-nonce: 1.0.1
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
   react-use-measure@2.1.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -6857,6 +7552,21 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
+  use-callback-ref@1.3.3(@types/react@18.3.27)(react@18.3.1):
+    dependencies:
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
+  use-sidecar@1.1.3(@types/react@18.3.27)(react@18.3.1):
+    dependencies:
+      detect-node-es: 1.1.0
+      react: 18.3.1
+      tslib: 2.8.1
+    optionalDependencies:
+      '@types/react': 18.3.27
+
   use-sync-external-store@1.6.0(react@18.3.1):
     dependencies:
       react: 18.3.1
diff --git a/supabase/migrations/20251123_create_reports_table.sql b/supabase/migrations/20251123_create_reports_table.sql
new file mode 100644
index 0000000..eda4735
--- /dev/null
+++ b/supabase/migrations/20251123_create_reports_table.sql
@@ -0,0 +1,109 @@
+-- Migration: create reports table for universal reporting
+
+CREATE EXTENSION IF NOT EXISTS "pgcrypto";
+
+CREATE TABLE IF NOT EXISTS reports (
+  id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+  patient_id UUID NOT NULL REFERENCES patients(id) ON DELETE CASCADE,
+  created_by UUID REFERENCES practitioners(id),
+  type TEXT NOT NULL CHECK (type IN (
+    'behandeladvies',
+    'vrije_notitie',
+    'intake',
+    'voortgang',
+    'crisis',
+    'contact'
+  )),
+  content TEXT NOT NULL CHECK (char_length(content) >= 20),
+  ai_confidence NUMERIC(3,2) CHECK (ai_confidence >= 0 AND ai_confidence <= 1),
+  ai_reasoning TEXT,
+  structured_data JSONB DEFAULT '{}'::jsonb,
+  audio_url TEXT,
+  audio_duration_seconds INTEGER,
+  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
+  updated_at TIMESTAMPTZ,
+  updated_by UUID REFERENCES practitioners(id),
+  version TEXT,
+  parent_report_id UUID REFERENCES reports(id),
+  deleted_at TIMESTAMPTZ,
+  CONSTRAINT reports_content_length CHECK (char_length(content) <= 5000)
+);
+
+CREATE INDEX IF NOT EXISTS idx_reports_patient_id ON reports(patient_id)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX IF NOT EXISTS idx_reports_type ON reports(type)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX IF NOT EXISTS idx_reports_created_at ON reports(created_at DESC)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX IF NOT EXISTS idx_reports_created_by ON reports(created_by);
+
+CREATE INDEX IF NOT EXISTS idx_reports_patient_created ON reports(patient_id, created_at DESC)
+  WHERE deleted_at IS NULL;
+
+CREATE INDEX IF NOT EXISTS idx_reports_content_fts ON reports USING gin(to_tsvector('dutch', content))
+  WHERE deleted_at IS NULL;
+
+ALTER TABLE reports ENABLE ROW LEVEL SECURITY;
+
+CREATE POLICY reports_select_policy ON reports
+  FOR SELECT
+  USING (
+    EXISTS (
+      SELECT 1
+      FROM practitioners p
+      WHERE p.id = reports.created_by
+        AND p.user_id = auth.uid()
+    )
+  );
+
+CREATE POLICY reports_insert_policy ON reports
+  FOR INSERT
+  WITH CHECK (
+    EXISTS (
+      SELECT 1
+      FROM practitioners p
+      WHERE p.id = reports.created_by
+        AND p.user_id = auth.uid()
+    )
+  );
+
+CREATE POLICY reports_update_policy ON reports
+  FOR UPDATE
+  USING (
+    EXISTS (
+      SELECT 1
+      FROM practitioners p
+      WHERE p.id = reports.created_by
+        AND p.user_id = auth.uid()
+    )
+  )
+  WITH CHECK (
+    EXISTS (
+      SELECT 1
+      FROM practitioners p
+      WHERE p.id = reports.created_by
+        AND p.user_id = auth.uid()
+    )
+  );
+
+CREATE POLICY reports_delete_policy ON reports
+  FOR UPDATE
+  USING (
+    EXISTS (
+      SELECT 1
+      FROM practitioners p
+      WHERE p.id = reports.created_by
+        AND p.user_id = auth.uid()
+    )
+    AND deleted_at IS NULL
+  )
+  WITH CHECK (deleted_at IS NOT NULL);
+
+COMMENT ON TABLE reports IS 'Universal reporting system - AI-powered classification';
+COMMENT ON COLUMN reports.type IS 'Report type: behandeladvies, vrije_notitie, etc.';
+COMMENT ON COLUMN reports.ai_confidence IS 'AI classification confidence (0.0-1.0)';
+COMMENT ON COLUMN reports.structured_data IS 'Extracted entities (DSM codes, medication, etc.)';
+COMMENT ON COLUMN reports.audio_url IS 'Supabase Storage URL for audio recording';
diff --git a/supabase/migrations/20251123_fix_reports_rls_policies.sql b/supabase/migrations/20251123_fix_reports_rls_policies.sql
new file mode 100644
index 0000000..de31fa3
--- /dev/null
+++ b/supabase/migrations/20251123_fix_reports_rls_policies.sql
@@ -0,0 +1,33 @@
+-- Migration: Fix RLS policies for reports table (prototype - open access)
+-- All authenticated users can read/write all reports
+
+-- Drop existing restrictive policies
+DROP POLICY IF EXISTS reports_select_policy ON reports;
+DROP POLICY IF EXISTS reports_insert_policy ON reports;
+DROP POLICY IF EXISTS reports_update_policy ON reports;
+DROP POLICY IF EXISTS reports_delete_policy ON reports;
+
+-- Create simple policies: all authenticated users can do everything
+CREATE POLICY reports_select_policy ON reports
+  FOR SELECT
+  USING (auth.role() = 'authenticated');
+
+CREATE POLICY reports_insert_policy ON reports
+  FOR INSERT
+  WITH CHECK (auth.role() = 'authenticated');
+
+CREATE POLICY reports_update_policy ON reports
+  FOR UPDATE
+  USING (auth.role() = 'authenticated')
+  WITH CHECK (auth.role() = 'authenticated');
+
+CREATE POLICY reports_delete_policy ON reports
+  FOR UPDATE
+  USING (auth.role() = 'authenticated' AND deleted_at IS NULL)
+  WITH CHECK (auth.role() = 'authenticated' AND deleted_at IS NOT NULL);
+
+-- Comment for documentation
+COMMENT ON POLICY reports_select_policy ON reports IS 'Prototype: All authenticated users can read all reports';
+COMMENT ON POLICY reports_insert_policy ON reports IS 'Prototype: All authenticated users can create reports';
+COMMENT ON POLICY reports_update_policy ON reports IS 'Prototype: All authenticated users can update reports';
+COMMENT ON POLICY reports_delete_policy ON reports IS 'Prototype: All authenticated users can soft-delete reports';