From f2e9b6a00fef7de85f23ee950e930a32f615ec26 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Thu, 19 Mar 2026 23:04:41 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20claimed=20nodes=20get=20visual=20distin?=
 =?UTF-8?q?ction=20=E2=80=94=20blue=20tint,=20left=20accent=20border,=20?=
 =?UTF-8?q?=E2=98=85=20badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html | 4 ++--
 public/nodes.js   | 5 +++--
 public/style.css  | 5 +++++
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7fa55f44..1cb1a4ae 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,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=1773961276">
+  <link rel="stylesheet" href="style.css?v=1773961481">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1774080600">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -81,7 +81,7 @@
   <script src="packets.js?v=1774079160"></script>
   <script src="map.js?v=1774079160" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="channels.js?v=1774079160" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="nodes.js?v=1773959793" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="nodes.js?v=1773961481" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="traces.js?v=1774079160" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="analytics.js?v=1773961035" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="live.js?v=1774079160" onerror="console.error('Failed to load:', this.src)"></script>
diff --git a/public/nodes.js b/public/nodes.js
index 40643f0a..4ae99fde 100644
--- a/public/nodes.js
+++ b/public/nodes.js
@@ -348,8 +348,9 @@
 
     tbody.innerHTML = sorted.map(n => {
       const roleColor = ROLE_COLORS[n.role] || '#6b7280';
-      return `<tr data-key="${n.public_key}" data-action="select" data-value="${n.public_key}" tabindex="0" role="row" class="${selectedKey === n.public_key ? 'selected' : ''}">
-        <td>${favStar(n.public_key, 'node-fav')}<strong>${n.name || '(unnamed)'}</strong></td>
+      const isClaimed = myKeys.has(n.public_key);
+      return `<tr data-key="${n.public_key}" data-action="select" data-value="${n.public_key}" tabindex="0" role="row" class="${selectedKey === n.public_key ? 'selected' : ''}${isClaimed ? ' claimed-row' : ''}">
+        <td>${favStar(n.public_key, 'node-fav')}${isClaimed ? '<span class="claimed-badge" title="My Mesh">★</span> ' : ''}<strong>${n.name || '(unnamed)'}</strong></td>
         <td class="mono">${truncate(n.public_key, 16)}</td>
         <td><span class="badge" style="background:${roleColor}20;color:${roleColor}">${n.role}</span></td>
         <td>${timeAgo(n.last_seen)}</td>
diff --git a/public/style.css b/public/style.css
index 1288d1ba..f3c9d633 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1372,3 +1372,8 @@ tr[data-hops]:hover { background: rgba(59,130,246,0.1); }
 .analytics-peer-table tr:hover td { background: var(--card-bg); }
 @media (max-width: 768px) { .analytics-stats { grid-template-columns: repeat(2, 1fr); } .analytics-charts { grid-template-columns: 1fr; } }
 @media (max-width: 480px) { .analytics-stats { grid-template-columns: 1fr; } }
+
+/* Claimed (My Mesh) node rows */
+.claimed-row { background: color-mix(in srgb, var(--accent) 8%, transparent) !important; border-left: 3px solid var(--accent); }
+.claimed-row:hover { background: color-mix(in srgb, var(--accent) 14%, transparent) !important; }
+.claimed-badge { color: var(--accent); font-size: 13px; margin-right: 2px; }