feat(cortex): Epic 1 - Patient Sidebar (E1.S1-S4)

Collapsible overlay sidebar voor snelle patient selectie met search en recent patients.

E1.S1 - Store uitbreiding:
- recentPatients: Patient[] (max 5, nieuwste eerst, geen duplicaten)
- patientSidebarOpen: boolean
- addRecentPatient, togglePatientSidebar, setPatientSidebarOpen actions

E1.S2 - PatientSidebar component:
- Overlay sidebar (w-80, z-50) met backdrop
- Search input met debounce (200ms)
- Recent patients sectie
- Hergebruik usePatientSearch, usePatientSelection hooks
- Hergebruik PatientListItem component

E1.S3 - Toggle button + shortcut:
- Users icon button in ContextBar
- Cmd/Ctrl+P keyboard shortcut
- Escape sluit sidebar (prioriteit boven artifacts)

E1.S4 - Click-to-select flow:
- Selectie zet activePatient
- Voegt toe aan recentPatients
- Sluit sidebar automatisch

Bouwplan v1.3: Epic 1 compleet (10/23 SP - 43%)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

components/cortex/command-center/command-center.tsx

@@ -23,6 +23,7 @@ import { cn } from '@/lib/utils';
 import { ContextBar } from './context-bar';
 import { OfflineBanner } from './offline-banner';
 import { NudgeToast } from './nudge-toast';
+import { PatientSidebar } from '../patient-sidebar';
 import { ChatPanel } from '../chat/chat-panel';
 import { ArtifactArea } from '../artifacts/artifact-area';
 import { getArtifactTitle } from '../artifacts/artifact-container';
@@ -40,16 +41,27 @@ export function CommandCenter() {
     suggestions,
     acceptSuggestion,
     dismissSuggestion,
+    // Patient sidebar (E1)
+    togglePatientSidebar,
+    patientSidebarOpen,
+    setPatientSidebarOpen,
   } = useCortexStore();
   const inputRef = useRef<HTMLInputElement>(null);
 
   // Global keyboard shortcuts
   const handleKeyDown = useCallback(
     (e: KeyboardEvent) => {
-      // Escape: close all artifacts
-      if (e.key === 'Escape' && openArtifacts.length > 0) {
-        e.preventDefault();
-        closeAllArtifacts();
+      // Escape: close sidebar first, then artifacts
+      if (e.key === 'Escape') {
+        if (patientSidebarOpen) {
+          e.preventDefault();
+          setPatientSidebarOpen(false);
+          return;
+        }
+        if (openArtifacts.length > 0) {
+          e.preventDefault();
+          closeAllArtifacts();
+        }
       }
 
       // Cmd/Ctrl + K: focus input (chat input in v3.0)
@@ -57,8 +69,14 @@ export function CommandCenter() {
         e.preventDefault();
         inputRef.current?.focus();
       }
+
+      // Cmd/Ctrl + P: toggle patient sidebar (E1.S3)
+      if ((e.metaKey || e.ctrlKey) && e.key === 'p') {
+        e.preventDefault();
+        togglePatientSidebar();
+      }
     },
-    [openArtifacts, closeAllArtifacts]
+    [openArtifacts, closeAllArtifacts, patientSidebarOpen, setPatientSidebarOpen, togglePatientSidebar]
   );
 
   useEffect(() => {
@@ -114,6 +132,9 @@ export function CommandCenter() {
 
   return (
     <div className="flex flex-col h-screen overflow-hidden">
+      {/* Patient Sidebar (E1.S2) */}
+      <PatientSidebar />
+
       {/* Offline Banner */}
       <OfflineBanner />
 

components/cortex/command-center/context-bar.tsx

@@ -8,7 +8,7 @@
  */
 
 import { useCortexStore, type ShiftType } from '@/stores/cortex-store';
-import { Sun, Moon, Sunrise, Sunset, X, User, ArrowLeft } from 'lucide-react';
+import { Sun, Moon, Sunrise, Sunset, X, User, ArrowLeft, Users } from 'lucide-react';
 import Link from 'next/link';
 import { useOffline } from './offline-banner';
 
@@ -20,7 +20,7 @@ const SHIFT_CONFIG: Record<ShiftType, { icon: typeof Sun; label: string; color:
 };
 
 export function ContextBar() {
-  const { shift, activePatient, setActivePatient } = useCortexStore();
+  const { shift, activePatient, setActivePatient, togglePatientSidebar } = useCortexStore();
   const isOffline = useOffline();
   const shiftConfig = SHIFT_CONFIG[shift];
   const ShiftIcon = shiftConfig.icon;
@@ -47,6 +47,18 @@ export function ContextBar() {
           <ShiftIcon size={14} />
           <span className="text-xs font-medium">{shiftConfig.label}</span>
         </div>
+
+        <div className="h-4 w-px bg-slate-200" />
+
+        {/* Patient Sidebar Toggle (E1.S3) */}
+        <button
+          type="button"
+          onClick={togglePatientSidebar}
+          className="p-1.5 hover:bg-slate-100 rounded-md transition-colors text-slate-600 hover:text-slate-900"
+          title="Patienten (⌘P)"
+        >
+          <Users size={16} />
+        </button>
       </div>
 
       {/* Center: Active Patient */}