From b3cc0680b0f10e01129bb9c4d5f09b83b5d27a7a Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Mon, 23 Mar 2026 18:48:05 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Hash=20Issues=20page=20=E2=80=94=20sect?=
 =?UTF-8?q?ion=20nav=20links=20at=20top,=20back-to-top=20on=20each=20secti?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

TOC at top: Inconsistent Sizes | Hash Matrix | Collision Risk
Each section header has '↑ top' link on the right.
Smooth scroll navigation.
---
 public/analytics.js | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/public/analytics.js b/public/analytics.js
index 76381629..e5e59585 100644
--- a/public/analytics.js
+++ b/public/analytics.js
@@ -792,20 +792,28 @@
 
   async function renderCollisionTab(el, data) {
     el.innerHTML = `
+      <nav id="hashIssuesToc" style="display:flex;gap:12px;margin-bottom:12px;font-size:13px;flex-wrap:wrap">
+        <a href="javascript:void(0)" onclick="document.getElementById('inconsistentHashSection').scrollIntoView({behavior:'smooth'})" style="color:var(--accent)">⚠️ Inconsistent Sizes</a>
+        <span style="color:var(--border)">|</span>
+        <a href="javascript:void(0)" onclick="document.getElementById('hashMatrixSection').scrollIntoView({behavior:'smooth'})" style="color:var(--accent)">🔢 Hash Matrix</a>
+        <span style="color:var(--border)">|</span>
+        <a href="javascript:void(0)" onclick="document.getElementById('collisionRiskSection').scrollIntoView({behavior:'smooth'})" style="color:var(--accent)">💥 Collision Risk</a>
+      </nav>
+
       <div class="analytics-card" id="inconsistentHashSection">
-        <h3>⚠️ Inconsistent Hash Sizes</h3>
-        <p class="text-muted" style="margin:0 0 8px;font-size:0.8em">Nodes sending adverts with varying hash sizes. Caused by a <a href="https://github.com/meshcore-dev/MeshCore/commit/fcfdc5f" target="_blank" style="color:var(--accent)">bug</a> where automatic adverts ignored the configured multibyte path setting. Fixed in <a href="https://github.com/meshcore-dev/MeshCore/releases/tag/repeater-v1.14.1" target="_blank" style="color:var(--accent)">repeater v1.14.1</a>.</p>
+        <div style="display:flex;justify-content:space-between;align-items:center"><h3 style="margin:0">⚠️ Inconsistent Hash Sizes</h3><a href="javascript:void(0)" onclick="document.getElementById('hashIssuesToc').scrollIntoView({behavior:'smooth'})" style="font-size:11px;color:var(--text-muted)">↑ top</a></div>
+        <p class="text-muted" style="margin:4px 0 8px;font-size:0.8em">Nodes sending adverts with varying hash sizes. Caused by a <a href="https://github.com/meshcore-dev/MeshCore/commit/fcfdc5f" target="_blank" style="color:var(--accent)">bug</a> where automatic adverts ignored the configured multibyte path setting. Fixed in <a href="https://github.com/meshcore-dev/MeshCore/releases/tag/repeater-v1.14.1" target="_blank" style="color:var(--accent)">repeater v1.14.1</a>.</p>
         <div id="inconsistentHashList"><div class="text-muted" style="padding:8px"><span class="spinner"></span> Loading…</div></div>
       </div>
 
       <div class="analytics-card" id="hashMatrixSection">
-        <h3>1-Byte Hash Usage Matrix</h3>
-        <p class="text-muted" style="margin:0 0 8px;font-size:0.8em">Click a cell to see which nodes share that prefix. Green = available, yellow = taken, red = collision.</p>
+        <div style="display:flex;justify-content:space-between;align-items:center"><h3 style="margin:0">🔢 1-Byte Hash Usage Matrix</h3><a href="javascript:void(0)" onclick="document.getElementById('hashIssuesToc').scrollIntoView({behavior:'smooth'})" style="font-size:11px;color:var(--text-muted)">↑ top</a></div>
+        <p class="text-muted" style="margin:4px 0 8px;font-size:0.8em">Click a cell to see which nodes share that prefix. Green = available, yellow = taken, red = collision.</p>
         <div id="hashMatrix"></div>
       </div>
 
       <div class="analytics-card" id="collisionRiskSection">
-        <h3>1-Byte Collision Risk</h3>
+        <div style="display:flex;justify-content:space-between;align-items:center"><h3 style="margin:0">💥 1-Byte Collision Risk</h3><a href="javascript:void(0)" onclick="document.getElementById('hashIssuesToc').scrollIntoView({behavior:'smooth'})" style="font-size:11px;color:var(--text-muted)">↑ top</a></div>
         <div id="collisionList"><div class="text-muted" style="padding:8px">Loading…</div></div>
       </div>
     `;