From 1b699018de367149789b1f8e3ebed7b79293ddd4 Mon Sep 17 00:00:00 2001
From: rakadu1 <rakadu1@bajajauto.co.in>
Date: Fri, 28 Nov 2025 10:41:57 +0530
Subject: [PATCH] Minor changes in Dyanic SNR name, Abs time removed from radar
 overlay (it was redundant)

---
 steps/index.html |  2 +-
 steps/src/dom.js | 18 ++++++------------
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/steps/index.html b/steps/index.html
index 7cad271..f1ef8b3 100644
--- a/steps/index.html
+++ b/steps/index.html
@@ -259,7 +259,7 @@
           <label class="flex items-center gap-2 text-sm cursor-pointer"><input type="checkbox" id="toggle-ego-speed"
               class="form-checkbox h-4 w-4 text-blue-600 rounded focus:ring-blue-500" checked /> Show Ego Speed</label>
           <label class="flex items-center gap-2 text-sm cursor-pointer"><input type="checkbox" id="toggle-frame-norm"
-              class="form-checkbox h-4 w-4 text-blue-600 rounded focus:ring-blue-500" /> Per-Frame SNR</label>
+              class="form-checkbox h-4 w-4 text-blue-600 rounded focus:ring-blue-500" checked /> Dynamic SNR</label>
           <label class="flex items-center gap-2 text-sm cursor-pointer"><input type="checkbox" id="toggle-debug-overlay"
               class="form-checkbox h-4 w-4 text-blue-600 rounded focus:ring-blue-500" /> Show Debug Info</label>
           <label class="flex items-center gap-2 text-sm cursor-pointer"><input type="checkbox"
diff --git a/steps/src/dom.js b/steps/src/dom.js
index d36b7e1..52b398b 100644
--- a/steps/src/dom.js
+++ b/steps/src/dom.js
@@ -225,7 +225,7 @@ export function updateDebugOverlay(currentMediaTime) {
 // This function checks the state of the color toggles and returns the active mode.
 function getCurrentColorMode() {
   if (toggleSnrColor.checked) return "Color by SNR (1)";
-  if (toggleClusterColor.checked) return "Color by Cluster (2)";
+  if (toggleClusterColor.checked) return "Cluster Mode (2)";
   if (toggleInlierColor.checked) return "Color by Inlier (3)";
   if (toggleStationaryColor.checked) return "Color by Stationary (4)";
   return "Default"; // The default mode when no specific color toggle is checked
@@ -249,7 +249,7 @@ export function updatePersistentOverlays(currentMediaTime) {
   radarInfoOverlay.classList.remove("hidden");
   videoInfoOverlay.classList.remove("hidden");
 
-  // --- Update Radar Overlay ---
+  // --- Update Radar Persistent Overlay ---
   const currentRadarFrame = appState.vizData.radarFrames[appState.currentFrame];
   const frameData = appState.vizData.radarFrames[appState.currentFrame];
   const motionState = frameData.motionState;
@@ -265,20 +265,14 @@ export function updatePersistentOverlays(currentMediaTime) {
 
     radarInfoOverlay.innerHTML = `
             Frame: ${appState.currentFrame + 1}
-            Motion State: ${motionState}
+            | Motion State: ${motionState}
             | FPS: <b style="color: ${fpsColor};">${fps.toFixed(1)}</b>
-            | Abs Time: ${formatUTCTime(absRadarTime)}
             | Color Mode: <b>${colorMode}</b>
-            | Drift: <b style="color: ${driftColor};">${driftMs.toFixed(
-      0
-    )}ms  </b>
-        `;
+            | Drift: <b style="color: ${driftColor};">${driftMs.toFixed(0)}ms</b>`;
   }
 
-  // --- Update Video Overlay ---
-  const absVideoTime = new Date(
-    appState.videoStartDate.getTime() + currentMediaTime * 1000
-  );
+  // --- Update Video Persistent Overlay ---
+  const absVideoTime = new Date(appState.videoStartDate.getTime() + currentMediaTime * 1000);
   const videoFrame = Math.floor(currentMediaTime * VIDEO_FPS);
   
   let timeDisplay = `Elapsed Time: ${currentMediaTime.toFixed(2)}s`;