Fixed a littlebit. now back to plan.md

frontend/src/components/stats/BedtimePlot.tsx

@@ -61,12 +61,12 @@ const BedtimePlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_
               tick={{ fontSize: 12 }}
               tickLine={false}
               axisLine={{ stroke: '#e5e7eb' }}
-            tickFormatter={(value) => formatMinutesAfter(value, bedtime_ref)}
+              tickFormatter={(value) => formatMinutesAfter(Number(value), bedtime_ref)}
               domain={['dataMin - 30', 'dataMax + 30']}
             />
             <Tooltip
-            formatter={(value: number) => [
-              formatMinutesAfter(value, bedtime_ref),
+              formatter={(value: any) => [
+                formatMinutesAfter(Number(value), bedtime_ref),
                 'Bedtime',
               ]}
               labelFormatter={(label) => label}

frontend/src/components/stats/DailySummary.tsx

@@ -88,7 +88,7 @@ const DailySummary: React.FC<DailySummaryProps> = ({ from_date, to_date, day_sta
           <CartesianGrid strokeDasharray="3 3" stroke="#e5e7eb" />
            <XAxis 
              type="number" 
-            tickFormatter={(value) => `${Math.round(value)}h`}
+             tickFormatter={(value) => `${Math.round(Number(value))}h`}
              tick={{ fontSize: 12 }} 
              tickLine={false} 
            />
@@ -100,8 +100,8 @@ const DailySummary: React.FC<DailySummaryProps> = ({ from_date, to_date, day_sta
              width={60}
            />
           <Tooltip
-              formatter={(value: number, name: string) => [
-                formatMinutes(Math.round((value ?? 0) * 60)),
+              formatter={(value: any, name: any) => [
+                formatMinutes(Math.round(Number(value ?? 0) * 60)),
                 name === 'daySleep' ? 'Day' : 'Night',
               ]}
           />

frontend/src/components/stats/SessionList.tsx

@@ -7,8 +7,8 @@ import { formatDateTime, toLocalDatetimeInputValue, getDurationMinutes, formatMi
 export function SessionList() {
   const { sessions, isLoading, updateSession, deleteSession, isDeleting } = useSessions();
   const [editingId, setEditingId] = useState<number | null>(null);
-  const [editStart, setEditStart] = useState('');
-  const [editEnd, setEditEnd] = useState('');
+  const [editStart, setEditStart] = useState<string>('');
+  const [editEnd, setEditEnd] = useState<string>('');
 
   if (isLoading) return <div className="text-center p-4">Loading sessions...</div>;
   if (!sessions.length) return <div className="text-center p-4 text-gray-500">No sessions recorded.</div>;
@@ -19,7 +19,7 @@ export function SessionList() {
          sessionId: id,
          payload: {
            start_time: new Date(editStart).toISOString(),
-          end_time: editEnd ? new Date(editEnd).toISOString() : null,
+           end_time: editEnd ? new Date(editEnd).toISOString() : undefined,
          }
        });
       setEditingId(null);

frontend/src/components/stats/WakeupPlot.tsx

@@ -63,12 +63,12 @@ const WakeupPlot: React.FC<WakeupBedtimeProps> = ({ from_date, to_date, wakeup_r
              tick={{ fontSize: 12 }}
              tickLine={false}
              axisLine={{ stroke: '#e5e7eb' }}
-            tickFormatter={(value) => formatMinutesAfter(value, wakeup_ref)}
+             tickFormatter={(value) => formatMinutesAfter(Number(value), wakeup_ref)}
              domain={['dataMin - 30', 'dataMax + 30']}
            />
            <Tooltip
-            formatter={(value: number) => [
-              formatMinutesAfter(value, wakeup_ref),
+             formatter={(value: any) => [
+               formatMinutesAfter(Number(value), wakeup_ref),
                'Wakeup',
              ]}
              labelFormatter={(label) => label}

frontend/src/types/index.ts

@@ -12,7 +12,9 @@ export interface SleepSessionCreate {
 }
 
 export interface SleepSessionUpdate {
+  start_time?: string;
   end_time?: string;
+  notes?: string;
 }
 
 export type SleepSessionRead = SleepSession;