From a18c1b243bb27eb9071777781f26521d47c3bc51 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Sun, 6 Sep 2026 21:58:28 +0200
Subject: [PATCH] feat(theseus/chrome): collapsed extension button shows first
 extension's icon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

At responsive level 3 the dock folds into a single button; that button
was a generic 🧩 puzzle piece. Swap it for the first registered
extension's own icon (📝, ₿, Ⓢ, whatever ships first in the panels
list), with the puzzle piece staying as the empty-state fallback if
no addons are registered yet. Clicking still opens the same dropdown
of all installed extensions, so no functional change — just the
button reads as "the extension you're most likely to want" instead of
a generic marker.
---
 chrome.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/chrome.html b/chrome.html
index 04fb4d4..81a03f5 100644
--- a/chrome.html
+++ b/chrome.html
@@ -350,7 +350,7 @@
     </button>
     <span class="extdock" id="extdock" hidden>
       <span id="extbuttons"></span>
-      <button class="extmore" id="extmore" title="Extensions" aria-label="Extensions">🧩</button>
+      <button class="extmore" id="extmore" title="Extensions" aria-label="Extensions"></button>
     </span>
     <span class="upchip" id="upchip" hidden><button class="upcore" id="upDownload" title=""></button><button class="updismiss" id="upDismiss" title="Not now">✕</button></span>
     <button class="tor" id="tor" title="Route traffic through Tor">🧅 Tor: Off</button>
@@ -507,7 +507,14 @@
         else { T.openSidebar && T.openSidebar(pid); }
       };
     });
-    // Reflect active state on the collapsed .extmore button too.
+    // Collapsed dock button: show the first extension's icon (falling back
+    // to 🧩 if nothing is registered yet). Clicking it opens a dropdown of
+    // all extensions so the user can pick. Reflect active state so the
+    // acid tint carries across whether the row or the collapsed button is
+    // showing.
+    const first = lastPanels[0];
+    $("extmore").textContent = first ? String(first.icon || "•") : "🧩";
+    $("extmore").title = first ? "Extensions — " + (first.title || first.panelId) : "Extensions";
     $("extmore").classList.toggle("active", sidebarOpen && !!activePanelId);
   }
   T.sidebarState && T.sidebarState().then(renderSidebarState);