layoit

webui/src/context/DriveControlContext.jsx

@@ -0,0 +1,19 @@
+import { createContext, useContext } from 'react';
+import { useDriveControls as useDriveControlsHook } from '../hooks/useDriveControls.js';
+
+/* eslint-disable react-refresh/only-export-components */
+
+const DriveControlContext = createContext(null);
+
+export function DriveControlProvider({ children }) {
+  const controls = useDriveControlsHook();
+  return <DriveControlContext.Provider value={controls}>{children}</DriveControlContext.Provider>;
+}
+
+export function useDriveControl() {
+  const context = useContext(DriveControlContext);
+  if (!context) {
+    throw new Error('useDriveControl must be used within DriveControlProvider');
+  }
+  return context;
+}

webui/src/context/SessionContext.jsx

@@ -1,3 +1,5 @@
+/* eslint-disable react-refresh/only-export-components */
+
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { useSocket } from './SocketContext.jsx';
 
@@ -61,7 +63,13 @@ export function SessionProvider({ children }) {
     socket.on('log:init', handleLogInit);
     socket.on('log:entry', handleLogEntry);
     socket.on('alert:new', (payload = {}) => {
-      setAlerts((prev) => [...prev.slice(-49), payload]);
+      setAlerts((prev) => [
+        ...prev.slice(-49),
+        {
+          ...payload,
+          receivedAt: Date.now(),
+        },
+      ]);
     });
     return () => {
       socket.off('session:sync', handleSession);

webui/src/context/SocketContext.jsx

@@ -1,3 +1,5 @@
+/* eslint-disable react-refresh/only-export-components */
+
 // src/context/SocketContext.jsx
 import { createContext, useContext } from "react";
 import { socket } from "../lib/socket";

webui/src/context/TelemetryContext.jsx

@@ -1,3 +1,5 @@
+/* eslint-disable react-refresh/only-export-components */
+
 import { createContext, useContext, useMemo, useState, useEffect } from 'react';
 import { useSocket } from './SocketContext.jsx';