From 4ca16ef4ec6183de7c30cc8ee6d4677c156f0ae3 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Thu, 19 Mar 2026 01:22:39 +0000
Subject: [PATCH] Show prefix subpath on separate line below friendly names

---
 public/analytics.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/public/analytics.js b/public/analytics.js
index 99007090..35443d53 100644
--- a/public/analytics.js
+++ b/public/analytics.js
@@ -786,13 +786,11 @@
             const hops = s.path.split(' → ');
             const rawHops = s.rawHops || [];
             const hasSelfLoop = hops.some((h, j) => j > 0 && h === hops[j - 1]);
-            const routeDisplay = hops.map((h, j) => {
-              const prefix = rawHops[j] || '';
-              return `<span title="${esc(prefix)}">${esc(h)} <span class="hop-prefix">[${esc(prefix)}]</span></span>`;
-            }).join(' → ');
+            const routeDisplay = hops.map(h => esc(h)).join(' → ');
+            const prefixDisplay = rawHops.join(' → ');
             return `<tr${hasSelfLoop ? ' class="subpath-selfloop"' : ''}>
               <td>${i + 1}</td>
-              <td class="mono" style="white-space:nowrap">${routeDisplay}${hasSelfLoop ? ' <span title="Contains self-loop — likely 1-byte prefix collision" style="cursor:help">🔄</span>' : ''}</td>
+              <td style="white-space:nowrap">${routeDisplay}${hasSelfLoop ? ' <span title="Contains self-loop — likely 1-byte prefix collision" style="cursor:help">🔄</span>' : ''}<br><span class="hop-prefix mono">${esc(prefixDisplay)}</span></td>
               <td>${s.count.toLocaleString()}</td>
               <td>${s.pct}%</td>
               <td><div style="background:${hasSelfLoop ? '#f59e0b' : 'var(--accent,#3b82f6)'};height:14px;border-radius:3px;width:${barW}%;opacity:0.7"></div></td>