From 0b7fb5be0e89a69f031d2e9101dee1ceddbde17c Mon Sep 17 00:00:00 2001
From: Ethanfel <ethan.fel@ts-pc.fr>
Date: Wed, 25 Feb 2026 22:28:06 +0100
Subject: [PATCH] Highlight active and current snapshots in sidebar

Add white left border for the swapped-to snapshot and green left border
for the auto-saved "you were here" snapshot, matching timeline markers.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 js/snapshot_manager.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/js/snapshot_manager.js b/js/snapshot_manager.js
index 08e3ec8..760d3eb 100644
--- a/js/snapshot_manager.js
+++ b/js/snapshot_manager.js
@@ -1582,6 +1582,14 @@ const CSS = `
 .snap-item-node {
     border-left: 3px solid #6d28d9;
 }
+.snap-item-active {
+    background: rgba(255,255,255,0.06);
+    border-left: 3px solid #fff;
+}
+.snap-item-current {
+    background: rgba(16,185,129,0.06);
+    border-left: 3px solid #10b981;
+}
 .snap-node-badge {
     display: inline-block;
     font-size: 9px;
@@ -2387,6 +2395,12 @@ async function buildSidebar(el) {
             if (diffBaseSnapshot && diffBaseSnapshot.id === rec.id) {
                 item.classList.add("snap-diff-base");
             }
+            if (rec.id === activeSnapshotId) {
+                item.classList.add("snap-item-active");
+            }
+            if (rec.id === currentSnapshotId) {
+                item.classList.add("snap-item-current");
+            }
 
             const info = document.createElement("div");
             info.className = "snap-item-info";