From 83354be7f6b73701677bfb0caabe9c378d092ad5 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 16 Oct 2025 14:26:54 -0500
Subject: [PATCH] hide bounding boxes when playing

---
 web/src/components/overlay/ObjectTrackOverlay.tsx | 4 +++-
 web/src/components/player/HlsVideoPlayer.tsx      | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/src/components/overlay/ObjectTrackOverlay.tsx b/web/src/components/overlay/ObjectTrackOverlay.tsx
index 211df7e86..2bd355306 100644
--- a/web/src/components/overlay/ObjectTrackOverlay.tsx
+++ b/web/src/components/overlay/ObjectTrackOverlay.tsx
@@ -15,6 +15,7 @@ import { useTranslation } from "react-i18next";
 type ObjectTrackOverlayProps = {
   camera: string;
   selectedObjectId: string;
+  showBoundingBoxes?: boolean;
   currentTime: number;
   videoWidth: number;
   videoHeight: number;
@@ -26,6 +27,7 @@ type ObjectTrackOverlayProps = {
 export default function ObjectTrackOverlay({
   camera,
   selectedObjectId,
+  showBoundingBoxes = false,
   currentTime,
   videoWidth,
   videoHeight,
@@ -366,7 +368,7 @@ export default function ObjectTrackOverlay({
         </Tooltip>
       ))}
 
-      {currentBoundingBox && (
+      {currentBoundingBox && showBoundingBoxes && (
         <g>
           <rect
             x={currentBoundingBox.left * videoWidth}
diff --git a/web/src/components/player/HlsVideoPlayer.tsx b/web/src/components/player/HlsVideoPlayer.tsx
index 9cebd79c7..89900c266 100644
--- a/web/src/components/player/HlsVideoPlayer.tsx
+++ b/web/src/components/player/HlsVideoPlayer.tsx
@@ -324,6 +324,7 @@ export default function HlsVideoPlayer({
                 key={`${selectedObjectId}-${currentTime}`}
                 camera={camera}
                 selectedObjectId={selectedObjectId}
+                showBoundingBoxes={!isPlaying}
                 currentTime={currentTime}
                 videoWidth={videoDimensions.width}
                 videoHeight={videoDimensions.height}