From fade1086b3cc316517a8be03f29d210abf0f7dcb Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 20 Mar 2026 10:17:44 -0500
Subject: [PATCH] show vertex points in dialog only in motion search

---
 .../motion-search/MotionSearchROICanvas.tsx   | 37 ++++++++++---------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/web/src/views/motion-search/MotionSearchROICanvas.tsx b/web/src/views/motion-search/MotionSearchROICanvas.tsx
index f393a9cfbf..43fac7a48c 100644
--- a/web/src/views/motion-search/MotionSearchROICanvas.tsx
+++ b/web/src/views/motion-search/MotionSearchROICanvas.tsx
@@ -372,24 +372,25 @@ export default function MotionSearchROICanvas({
               />
             )}
 
-            {/* Vertex points */}
-            {scaledPoints.map((point, index) => (
-              <Circle
-                key={index}
-                name={`point-${index}`}
-                x={point[0]}
-                y={point[1]}
-                radius={vertexRadius}
-                fill={polygonColorString}
-                stroke="white"
-                strokeWidth={2}
-                draggable={!isDrawing && isInteractive}
-                onDragMove={(e) => handlePointDragMove(e, index)}
-                onMouseOver={(e) => handleMouseOverPoint(e, index)}
-                onMouseOut={(e) => handleMouseOutPoint(e, index)}
-                onContextMenu={(e) => handleContextMenu(e, index)}
-              />
-            ))}
+            {/* Vertex points (only shown in interactive/dialog mode) */}
+            {isInteractive &&
+              scaledPoints.map((point, index) => (
+                <Circle
+                  key={index}
+                  name={`point-${index}`}
+                  x={point[0]}
+                  y={point[1]}
+                  radius={vertexRadius}
+                  fill={polygonColorString}
+                  stroke="white"
+                  strokeWidth={2}
+                  draggable={!isDrawing}
+                  onDragMove={(e) => handlePointDragMove(e, index)}
+                  onMouseOver={(e) => handleMouseOverPoint(e, index)}
+                  onMouseOut={(e) => handleMouseOutPoint(e, index)}
+                  onContextMenu={(e) => handleContextMenu(e, index)}
+                />
+              ))}
           </Layer>
         </Stage>
       )}