From e7232c0d29ef67cc8d88b75d4f85b135d9a37611 Mon Sep 17 00:00:00 2001
From: Kpa-clawbot <259247574+Kpa-clawbot@users.noreply.github.com>
Date: Tue, 31 Mar 2026 22:58:34 -0700
Subject: [PATCH] fix: rename shadowed isMobile in renderLeft to avoid TDZ
 crash

The outer IIFE declares const isMobile (line 27, from #340) and
renderLeft() declares its own const isMobile (line 821, pre-existing).
JavaScript hoists const declarations within the function scope, so
referencing isMobile at line 574 (inside renderLeft but before line 821)
throws 'Cannot access isMobile before initialization'.

Rename the inner declaration to isNarrow since it uses a different
breakpoint (640px for column hiding vs 1024px for packet limit).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 public/index.html | 56 +++++++++++++++++++++++------------------------
 public/packets.js |  4 ++--
 2 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/public/index.html b/public/index.html
index eefbfa85..8dbfc26a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,9 +22,9 @@
   <meta name="twitter:title" content="CoreScope">
   <meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/corescope/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1775021600">
-  <link rel="stylesheet" href="home.css?v=1775021600">
-  <link rel="stylesheet" href="live.css?v=1775021600">
+  <link rel="stylesheet" href="style.css?v=1775023114">
+  <link rel="stylesheet" href="home.css?v=1775023114">
+  <link rel="stylesheet" href="live.css?v=1775023114">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
     integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
     crossorigin="anonymous">
@@ -81,30 +81,30 @@
   <main id="app" role="main"></main>
 
   <script src="vendor/qrcode.js"></script>
-  <script src="roles.js?v=1775021600"></script>
-  <script src="customize.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="region-filter.js?v=1775021600"></script>
-  <script src="hop-resolver.js?v=1775021600"></script>
-  <script src="hop-display.js?v=1775021600"></script>
-  <script src="app.js?v=1775021600"></script>
-  <script src="home.js?v=1775021600"></script>
-  <script src="packet-filter.js?v=1775021600"></script>
-  <script src="packets.js?v=1775021600"></script>
-  <script src="geo-filter-overlay.js?v=1775021600"></script>
-  <script src="map.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="channels.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="nodes.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="traces.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="analytics.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="audio.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="audio-v1-constellation.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="audio-v2-constellation.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="audio-lab.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="live.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="observers.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="observer-detail.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="compare.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="node-analytics.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="perf.js?v=1775021600" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="roles.js?v=1775023114"></script>
+  <script src="customize.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="region-filter.js?v=1775023114"></script>
+  <script src="hop-resolver.js?v=1775023114"></script>
+  <script src="hop-display.js?v=1775023114"></script>
+  <script src="app.js?v=1775023114"></script>
+  <script src="home.js?v=1775023114"></script>
+  <script src="packet-filter.js?v=1775023114"></script>
+  <script src="packets.js?v=1775023114"></script>
+  <script src="geo-filter-overlay.js?v=1775023114"></script>
+  <script src="map.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="channels.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="nodes.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="traces.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="analytics.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="audio.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="audio-v1-constellation.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="audio-v2-constellation.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="audio-lab.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="live.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="observers.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="observer-detail.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="compare.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="node-analytics.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="perf.js?v=1775023114" onerror="console.error('Failed to load:', this.src)"></script>
 </body>
 </html>
diff --git a/public/packets.js b/public/packets.js
index 2fa45354..072f56f9 100644
--- a/public/packets.js
+++ b/public/packets.js
@@ -818,8 +818,8 @@
       { key: 'rpt', label: 'Rpt' },
       { key: 'details', label: 'Details' },
     ];
-    const isMobile = window.innerWidth <= 640;
-    const defaultHidden = isMobile ? ['region', 'hash', 'observer', 'path', 'rpt', 'size'] : ['region'];
+    const isNarrow = window.innerWidth <= 640;
+    const defaultHidden = isNarrow ? ['region', 'hash', 'observer', 'path', 'rpt', 'size'] : ['region'];
     let visibleCols;
     try {
       visibleCols = JSON.parse(localStorage.getItem('packets-visible-cols'));