From cfdb7e85d0ddc46b4ed4e5e635d05b18f4b50acd Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Sat, 21 Mar 2026 03:47:32 +0000
Subject: [PATCH] fix: add paths section to mobile full-screen node view
 (loadFullNode)

---
 public/index.html |  2 +-
 public/nodes.js   | 43 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 11319aa1..c74c72c9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -85,7 +85,7 @@
   <script src="packets.js?v=1774059825"></script>
   <script src="map.js?v=1774259525" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="channels.js?v=1774050030" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="nodes.js?v=1774083660" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="nodes.js?v=1774064852" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="traces.js?v=1774048777" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="analytics.js?v=1774042199" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="live.js?v=1774064322" onerror="console.error('Failed to load:', this.src)"></script>
diff --git a/public/nodes.js b/public/nodes.js
index 5c0ea528..c27272d8 100644
--- a/public/nodes.js
+++ b/public/nodes.js
@@ -151,6 +151,11 @@
           </table>
         </div>` : ''}
 
+        <div class="node-full-card" id="fullPathsSection">
+          <h4>Paths Through This Node</h4>
+          <div id="fullPathsContent"><div class="text-muted" style="padding:8px"><span class="spinner"></span> Loading paths…</div></div>
+        </div>
+
         <div class="node-full-card">
           <h4>Recent Packets (${adverts.length})</h4>
           <div class="node-activity-list">
@@ -208,6 +213,44 @@
         } catch {}
       }
 
+      // Fetch paths through this node (full-screen view)
+      api('/nodes/' + encodeURIComponent(n.public_key) + '/paths', { ttl: CLIENT_TTL.nodeDetail }).then(pathData => {
+        const el = document.getElementById('fullPathsContent');
+        if (!el) return;
+        if (!pathData || !pathData.paths || !pathData.paths.length) {
+          el.innerHTML = '<div class="text-muted" style="padding:8px">No paths observed through this node</div>';
+          return;
+        }
+        document.querySelector('#fullPathsSection h4').textContent = `Paths Through This Node (${pathData.totalPaths} unique, ${pathData.totalTransmissions} transmissions)`;
+        const COLLAPSE_LIMIT = 10;
+        function renderPaths(paths) {
+          return paths.map(p => {
+            const chain = p.hops.map(h => {
+              const isThis = h.pubkey === n.public_key;
+              const name = escapeHtml(h.name || h.prefix);
+              const link = h.pubkey ? `<a href="#/nodes/${encodeURIComponent(h.pubkey)}" style="${isThis ? 'font-weight:700;color:var(--accent, #3b82f6)' : ''}">${name}</a>` : `<span>${name}</span>`;
+              return link;
+            }).join(' → ');
+            return `<div style="padding:6px 0;border-bottom:1px solid var(--border);font-size:12px">
+              <div>${chain}</div>
+              <div style="color:var(--text-muted);margin-top:2px">${p.count}× · last ${timeAgo(p.lastSeen)} · <a href="#/packets/${p.sampleHash}" class="ch-analyze-link">Analyze →</a></div>
+            </div>`;
+          }).join('');
+        }
+        if (pathData.paths.length <= COLLAPSE_LIMIT) {
+          el.innerHTML = renderPaths(pathData.paths);
+        } else {
+          el.innerHTML = renderPaths(pathData.paths.slice(0, COLLAPSE_LIMIT)) +
+            `<button id="showAllFullPaths" class="btn-primary" style="margin-top:8px;font-size:11px;padding:4px 12px">Show all ${pathData.paths.length} paths</button>`;
+          document.getElementById('showAllFullPaths').addEventListener('click', function() {
+            el.innerHTML = renderPaths(pathData.paths);
+          });
+        }
+      }).catch(() => {
+        const el = document.getElementById('fullPathsContent');
+        if (el) el.innerHTML = '<div class="text-muted" style="padding:8px">Failed to load paths</div>';
+      });
+
     } catch (e) {
       body.innerHTML = `<div class="text-muted" style="padding:40px">Failed to load node: ${e.message}</div>`;
     }