From 0974e7b15bde8d65ca0567e178fff9c892ee7cbb Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Sun, 22 Mar 2026 22:44:00 +0000
Subject: [PATCH] Fix: observer detail packet links use hash, not ID

Was linking to #/packet/ID (wrong route + observation ID).
Now links to #/packets/HASH (correct route + packet hash).
---
 public/index.html         | 2 +-
 public/observer-detail.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4d825890..b0ece78e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -96,7 +96,7 @@
   <script src="audio-lab.js?v=1774208460" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="live.js?v=1774218049" 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="observer-detail.js?v=1774219440" 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>
diff --git a/public/observer-detail.js b/public/observer-detail.js
index a436c324..490c516e 100644
--- a/public/observer-detail.js
+++ b/public/observer-detail.js
@@ -304,7 +304,7 @@
         const decoded = typeof p.decoded_json === 'string' ? JSON.parse(p.decoded_json) : (p.decoded_json || {});
         const hops = typeof p.path_json === 'string' ? JSON.parse(p.path_json) : (p.path_json || []);
         const typeName = PAYLOAD_LABELS[p.payload_type] || 'Type ' + p.payload_type;
-        return `<tr style="cursor:pointer" onclick="location.hash='#/packet/${p.id}'">
+        return `<tr style="cursor:pointer" onclick="location.hash='#/packets/${p.hash || p.id}'">
           <td>${timeAgo(p.timestamp)}</td>
           <td>${typeName}</td>
           <td class="mono" style="font-size:0.85em">${(p.hash || '').substring(0, 10)}</td>