From 222f43feff28712be391016dfabd49d6c64f85b1 Mon Sep 17 00:00:00 2001
From: Matthew Grotke <mgrotke@gmail.com>
Date: Tue, 26 May 2026 00:45:45 -0400
Subject: [PATCH] Development

---
 docker/routlin-dash/app/view_page.py | 26 +++++++++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/docker/routlin-dash/app/view_page.py b/docker/routlin-dash/app/view_page.py
index 262f860..c65a6bd 100644
--- a/docker/routlin-dash/app/view_page.py
+++ b/docker/routlin-dash/app/view_page.py
@@ -602,7 +602,7 @@ def collect_tokens():
         for cmd, entries in groups.items():
             users = ', '.join(sorted({u for _, u in entries if u and u != 'unknown'}))
             req_tags = ''.join(
-                f'<span class="tag" data-tooltip="{_uuid}">'
+                f'<span class="tag" data-tooltip="{_uuid}" data-uuid="{_uuid}">'
                 f'<span class="tl-full">{_uuid[:8]}</span>'
                 f'<span class="tl-short">{_uuid[:8]}</span>'
                 f'<span class="tl-min">{_uuid[:8]}</span>'
@@ -644,13 +644,13 @@ def collect_tokens():
             snap_desc  = e(snap.get('description', ''))
             before_val = snap.get('before')
             after_val  = snap.get('after')
-            snap_tag   = (f'<div class="tag-list"><span class="tag" data-tooltip="{e(_uuid)}">'
+            snap_tag   = (f'<div class="tag-list"><span class="tag" data-tooltip="{e(_uuid)}" data-uuid="{e(_uuid)}">'
                           f'<span class="tl-full">{e(_uuid[:8])}</span>'
                           f'<span class="tl-short">{e(_uuid[:8])}</span>'
                           f'<span class="tl-min">{e(_uuid[:8])}</span>'
                           f'</span></div>')
             snap_user  = e(snap.get('user', ''))
-            hist_rows += (f'<tr class="row-expandable" {_hist_onclick}>'
+            hist_rows += (f'<tr class="row-expandable" data-uuid="{e(_uuid)}" {_hist_onclick}>'
                           f'<td class="table-cell"><input type="checkbox" name="selected_uuids" value="{e(_uuid)}"/></td>'
                           f'<td class="table-cell">{e(dt_str)}</td>'
                           f'<td class="table-cell">{snap_desc}</td>'
@@ -2791,6 +2791,26 @@ document.querySelectorAll('[data-reveal-card]').forEach(function(btn) {
     });
   });
 })();
+
+(function() {
+  function uuidHighlight(on) {
+    return function() {
+      var uuid = this.dataset.uuid;
+      if (!uuid) return;
+      document.querySelectorAll('[data-uuid="' + uuid + '"]').forEach(function(el) {
+        el.classList.toggle('uuid-highlight', on);
+      });
+    };
+  }
+  document.addEventListener('mouseover', function(e) {
+    var tag = e.target.closest('.tag[data-uuid]');
+    if (tag) uuidHighlight(true).call(tag);
+  });
+  document.addEventListener('mouseout', function(e) {
+    var tag = e.target.closest('.tag[data-uuid]');
+    if (tag) uuidHighlight(false).call(tag);
+  });
+})();
 """