Throttling the update explorer for the MATLAB style data explorer had unnescessary function calls even when closed. Removed that for 20% perf. boost.

steps/src/dataExplorer.js

@@ -31,6 +31,9 @@ let trackGridApi = null;
 let chartInstance = null;
 let currentGridData = null;
 
+// --- EXPORTED STATE for Optimization ---
+export let isExplorerOpen = false;
+
 // --- AG Grid Configuration ---
 const gridOptions = {
     rowData: [],
@@ -102,11 +105,13 @@ function createChart(data, label) {
 
 function showExplorer() {
     panel.classList.remove('hidden');
+    isExplorerOpen = true; // Update state
     updateExplorer();
 }
 
 function hideExplorer() {
     panel.classList.add('hidden');
+    isExplorerOpen = false; // Update state
 }
 
 function switchTab(targetTab) {

steps/src/sync.js

@@ -15,7 +15,7 @@ import {
 } from "./dom.js";
 import { VIDEO_FPS } from "./constants.js";
 import { findRadarFrameIndexForTime, precomputeRadarVideoSync } from "./utils.js";
-import { throttledUpdateExplorer } from "./dataExplorer.js";
+import { throttledUpdateExplorer, isExplorerOpen } from "./dataExplorer.js";
 import { debugFlags } from "./debug.js";
 
 // --- [START] MOVED FROM DOM.JS ---
@@ -137,7 +137,9 @@ export function updateFrame(frame, forceVideoSeek = false, overrideTime = null)
   // We no longer call redraw() from here.
 
   // --- NEW: Centralized Explorer Update ---
-  throttledUpdateExplorer();
+  if (isExplorerOpen) {
+      throttledUpdateExplorer();
+  }
   // --- END: Centralized Explorer Update ---
   const endTime = performance.now();
   appState.lastFrameRenderTime = endTime - startTime; // <-- End timer and update state