fix(cortex): update date handling in API and UI components

- Adjusted date handling in the agenda API to ensure optional parameters for start, end, and label are correctly processed.
- Enhanced chat input and action parser to support optional date labels for relative dates.
- Updated agenda components to handle date ranges and loading states more effectively.
- Improved error handling and loading indicators in the agenda block for better user experience.

This commit ensures consistency in date handling across the application, aligning with the new requirements for relative date inputs.

app/epd/agenda/actions.ts

@@ -107,28 +107,47 @@ interface CreateEncounterParams {
 export async function createEncounter(params: CreateEncounterParams) {
   const supabase = await createClient();
 
+  console.log('[createEncounter] Starting with params:', {
+    patientId: params.patientId,
+    periodStart: params.periodStart,
+    periodEnd: params.periodEnd,
+    typeCode: params.typeCode,
+  });
+
+  const insertData = {
+    patient_id: params.patientId,
+    practitioner_id: params.practitionerId || null,
+    period_start: params.periodStart,
+    period_end: params.periodEnd,
+    type_code: params.typeCode,
+    type_display: params.typeDisplay,
+    class_code: params.classCode,
+    class_display: params.classDisplay,
+    notes: params.notes,
+    status: 'planned',
+  };
+
+  console.log('[createEncounter] Insert data:', insertData);
+
   const { data, error } = await supabase
     .from('encounters')
-    .insert({
-      patient_id: params.patientId,
-      practitioner_id: params.practitionerId || null,
-      period_start: params.periodStart,
-      period_end: params.periodEnd,
-      type_code: params.typeCode,
-      type_display: params.typeDisplay,
-      class_code: params.classCode,
-      class_display: params.classDisplay,
-      notes: params.notes,
-      status: 'planned',
-    })
+    .insert(insertData)
     .select()
     .single();
 
+  console.log('[createEncounter] Result:', { data, error });
+
   if (error) {
-    console.error('Error creating encounter:', error);
+    console.error('[createEncounter] Error:', error);
     return { success: false, error: error.message };
   }
 
+  if (!data) {
+    console.error('[createEncounter] No data returned after insert');
+    return { success: false, error: 'Geen data teruggegeven na insert' };
+  }
+
+  console.log('[createEncounter] Success! Created encounter:', data.id);
   revalidatePath('/epd/agenda');
   return { success: true, data };
 }

app/epd/agenda/components/agenda-calendar.tsx

@@ -20,6 +20,7 @@ interface AgendaCalendarProps {
   events: CalendarEvent[];
   initialView?: CalendarView;
   currentView?: CalendarView;
+  currentDate?: Date;
   onEventClick?: (event: CalendarEvent) => void;
   onDateSelect?: (start: Date, end: Date) => void;
   onEventDrop?: (eventId: string, newStart: Date, newEnd: Date | null) => void;
@@ -31,6 +32,7 @@ export function AgendaCalendar({
   events,
   initialView = 'timeGridWeek',
   currentView,
+  currentDate,
   onEventClick,
   onDateSelect,
   onEventDrop,
@@ -47,7 +49,6 @@ export function AgendaCalendar({
       if (api.view.type !== currentView) {
         isChangingViewRef.current = true;
         api.changeView(currentView);
-        // Reset flag after a short delay to allow the view change to complete
         setTimeout(() => {
           isChangingViewRef.current = false;
         }, 100);
@@ -55,6 +56,20 @@ export function AgendaCalendar({
     }
   }, [currentView]);
 
+  // Sync date when currentDate prop changes
+  useEffect(() => {
+    if (currentDate && internalRef.current) {
+      const api = internalRef.current.getApi();
+      if (api.getDate().toDateString() !== currentDate.toDateString()) {
+        isChangingViewRef.current = true;
+        api.gotoDate(currentDate);
+        setTimeout(() => {
+          isChangingViewRef.current = false;
+        }, 100);
+      }
+    }
+  }, [currentDate]);
+
   const handleEventClick = useCallback((info: EventClickArg) => {
     if (onEventClick) {
       const event = info.event;

app/epd/agenda/components/agenda-view.tsx

@@ -118,7 +118,9 @@ export function AgendaView({ initialEvents, initialDate, highlightEncounterId }:
 
   // Handle date range change from calendar
   const handleDateChange = useCallback((start: Date, end: Date) => {
-    setCurrentDate(start);
+    setCurrentDate((prev) => 
+      prev.toDateString() === start.toDateString() ? prev : start
+    );
     fetchEvents(start, end);
   }, [fetchEvents]);
 
@@ -262,6 +264,7 @@ export function AgendaView({ initialEvents, initialDate, highlightEncounterId }:
             events={events}
             initialView={currentView}
             currentView={currentView}
+            currentDate={currentDate}
             onEventClick={handleEventClick}
             onDateSelect={handleDateSelect}
             onEventDrop={handleEventDrop}