From aa8d41d212d441c21ba9e08fe6af3d6deaf2b509 Mon Sep 17 00:00:00 2001
From: rakadu1 <rakadu1@bajajauto.co.in>
Date: Thu, 18 Sep 2025 16:50:40 +0530
Subject: [PATCH] exposing the appstate in console.

---
 steps/src/dom.js           | 2 +-
 steps/src/main.js          | 1 +
 steps/src/p5/zoomSketch.js | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/steps/src/dom.js b/steps/src/dom.js
index 50bc7cd..39fcdd8 100644
--- a/steps/src/dom.js
+++ b/steps/src/dom.js
@@ -331,7 +331,7 @@ export function updatePersistentOverlays(currentMediaTime) {
     appState.videoStartDate.getTime() + currentMediaTime * 1000
   );
   const videoFrame = Math.floor(currentMediaTime * VIDEO_FPS);
-  console.warn('Could not load radarframes ', appState.vizData.radarFrames)
+  //console.warn('Could not load radarframes ', appState.vizData.radarFrames) console warning for reference
 
   videoInfoOverlay.innerHTML = `
         Frame: ${videoFrame}
diff --git a/steps/src/main.js b/steps/src/main.js
index e662ae4..8ea6ff0 100644
--- a/steps/src/main.js
+++ b/steps/src/main.js
@@ -38,6 +38,7 @@ import {
   formatTime,
 } from "./utils.js";
 import { appState } from "./state.js";
+window.appState = appState; // exposing the appState to console
 import {
   themeToggleBtn,
   canvasContainer,
diff --git a/steps/src/p5/zoomSketch.js b/steps/src/p5/zoomSketch.js
index 13f02b3..6fc6296 100644
--- a/steps/src/p5/zoomSketch.js
+++ b/steps/src/p5/zoomSketch.js
@@ -200,8 +200,8 @@ function drawZoomTooltip(p, hoveredItems, mainMouseX) {
   const BASE_LINE_HEIGHT = 15;
   const BASE_PADDING = 8;
   const BASE_HIGHLIGHT_THICKNESS = 2;
-  const BASE_LINE_THICKNESS = 1;
-  const BASE_DISTANCE_OFFSET = 45; // <-- How far the tooltip is from the items
+  const BASE_LINE_THICKNESS = 2;
+  const BASE_DISTANCE_OFFSET = 65; // <-- How far the tooltip is from the items
 
   // COLORS
   const highlightColor = p.color(46, 204, 113); // Green for border and lines