From 621f484b921e55af2d3207b651abcae7cab564d3 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 17 Mar 2026 07:39:59 +0000
Subject: [PATCH] fix: accept boolean | undefined for CameraMotionDot autoLive
 prop

autoLive ?? globalAutoLive can be undefined when useUserPersistence
hasn't hydrated yet. Change the prop type to optional boolean and
treat undefined as the default-true value (show dot unless explicitly
set to false via no-streaming mode).

https://claude.ai/code/session_019B4dJXtcxvHn97ZaqHUB62
---
 web/src/views/live/DraggableGridLayout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/views/live/DraggableGridLayout.tsx b/web/src/views/live/DraggableGridLayout.tsx
index 2434c3921..5d36ca1ba 100644
--- a/web/src/views/live/DraggableGridLayout.tsx
+++ b/web/src/views/live/DraggableGridLayout.tsx
@@ -1089,10 +1089,10 @@ function CameraMotionDot({
   autoLive,
 }: {
   camera: CameraConfig;
-  autoLive: boolean;
+  autoLive?: boolean;
 }) {
   const { activeMotion, offline } = useCameraActivity(camera);
-  if (!autoLive || offline || !activeMotion) return null;
+  if (autoLive === false || offline || !activeMotion) return null;
   return (
     <div className="absolute right-2 top-2 z-40">
       <MdCircle className="mr-2 size-2 animate-pulse text-danger shadow-danger drop-shadow-md" />