From 7315ce08d569b31e194ff739e146016e6ba42da8 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Sat, 21 Mar 2026 21:09:48 +0000
Subject: [PATCH] fix: invalidate channel cache before re-fetching on WS update

The WS handler's 250ms debounce fired loadChannels() before the
global 5s cache invalidation timer cleared the stale entry, so
the fetch returned cached data. Now channels.js invalidates its
own cache entries immediately before re-fetching.
---
 public/channels.js |  2 ++
 public/index.html  | 22 +++++++++++-----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/public/channels.js b/public/channels.js
index f8a18030..b4406dda 100644
--- a/public/channels.js
+++ b/public/channels.js
@@ -377,8 +377,10 @@
         return m.type === 'message' || (m.type === 'packet' && m.data?.decoded?.header?.payloadTypeName === 'GRP_TXT');
       });
       if (dominated) {
+        invalidateApiCache('/channels');
         loadChannels(true);
         if (selectedHash) {
+          invalidateApiCache('/channels/' + encodeURIComponent(selectedHash) + '/messages');
           refreshMessages();
         }
       }
diff --git a/public/index.html b/public/index.html
index 49ea30e8..f9d73d6b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:title" content="MeshCore Analyzer">
   <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/meshcore-analyzer/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1774355100">
+  <link rel="stylesheet" href="style.css?v=1774126708">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1774058575">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -80,20 +80,20 @@
 
   <script src="vendor/qrcode.js"></script>
   <script src="roles.js?v=1774290000"></script>
-  <script src="region-filter.js?v=1774355100"></script>
-  <script src="hop-resolver.js?v=1774588800"></script>
-  <script src="app.js?v=1774052279"></script>
+  <script src="region-filter.js?v=1774126708"></script>
+  <script src="hop-resolver.js?v=1774126708"></script>
+  <script src="app.js?v=1774126708"></script>
   <script src="home.js?v=1774042199"></script>
-  <script src="packets.js?v=1774588800"></script>
-  <script src="map.js?v=1774083841" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="channels.js?v=1774075538" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="nodes.js?v=1774354200" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="packets.js?v=1774126708"></script>
+  <script src="map.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="channels.js?v=1774127388" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="nodes.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="traces.js?v=1774350000" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="analytics.js?v=1774400300" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="live.js?v=1774072222" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="analytics.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="live.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="observers.js?v=1774290000" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="observer-detail.js?v=1774028201" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="node-analytics.js?v=1774400300" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="node-analytics.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="perf.js?v=1773985649" onerror="console.error('Failed to load:', this.src)"></script>
 </body>
 </html>