From fbde2f7650f7ba1b0d66a1042918c0ad5acb1287 Mon Sep 17 00:00:00 2001
From: Local Dev <dev@localhost>
Date: Tue, 22 Sep 2026 00:50:05 +0200
Subject: [PATCH] feat(theseus): Tor toggle joins the plug-in row
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Tor chip was the widest control in the toolbar and competed with
the address bar for space. It now sits on the favorites row beside the
Aegis chip, under the Theseus menu, at the same chip height — the
network-level switch next to the wallet, both always visible. State
tints (off / connecting / on) are unchanged.
---
 chrome.html | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/chrome.html b/chrome.html
index f13e18e..84b94b2 100644
--- a/chrome.html
+++ b/chrome.html
@@ -335,7 +335,10 @@
   .engine-btn .esym { font-size: 14px; line-height: 1; }
   .engine-btn .cv { font-size: 8px; color: var(--dim); }
   #search { flex: 1; padding: 7px 4px; }
-  .tor { padding: 7px 10px; border-radius: 8px; border: 1px solid var(--line); background: #2b2f3a; color: var(--ink); cursor: pointer; white-space: nowrap; font-size: 12.5px; }
+  /* Tor toggle lives on the favorites row beside the plug-in dock (same
+     chip height as .plugbtn); the tint still says off / connecting / on. */
+  .tor { display: inline-flex; align-items: center; height: 22px; padding: 0 10px; border-radius: 6px; border: 1px solid var(--line);
+         background: #2b2f3a; color: var(--ink); cursor: pointer; white-space: nowrap; font: inherit; font-size: 12px; font-weight: 600; }
   .tor.connecting { background: #7a5c14; } .tor.on { background: #6b3fa0; }
   .logo { display: flex; align-items: center; gap: 6px; font-weight: 700; color: var(--acid); white-space: nowrap;
           padding: 6px 12px; border: 1px solid color-mix(in srgb, var(--acid) 20%, transparent); border-radius: 8px; cursor: pointer; background: rgb(from var(--acid) r g b / .08); font-size: 13px; }
@@ -349,7 +352,8 @@
   /* Plug-in dock: first-class Silent Mode components (Aegis) get a labelled
      chip at the right end of the favorites row, directly under the Theseus
      menu — always visible, never collapsed with the extensions. */
-  .plugdock { margin-left: auto; flex: none; display: flex; align-items: center; gap: 4px; padding-left: 8px; }
+  .bmright { margin-left: auto; flex: none; display: flex; align-items: center; gap: 6px; padding-left: 8px; }
+  .plugdock { display: flex; align-items: center; gap: 4px; }
   .plugbtn { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 10px 0 8px; border-radius: 6px;
              font: inherit; font-size: 12px; font-weight: 600; color: var(--mut); cursor: pointer; white-space: nowrap;
              border: 1px solid var(--line); background: transparent; }
@@ -484,11 +488,10 @@
       <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>
     <button class="logo" id="logo" title="Settings"><span>⛓ Theseus</span><span class="gear">⚙</span></button>
   </div>
   <div class="loadbar" id="loadbar"></div>
-  <div class="bookmarks" id="bookmarks" hidden><div id="bmlist"></div><span class="plugdock" id="plugdock" hidden></span></div>
+  <div class="bookmarks" id="bookmarks" hidden><div id="bmlist"></div><span class="bmright"><span class="plugdock" id="plugdock" hidden></span><button class="tor" id="tor" title="Route traffic through Tor">🧅 Tor: Off</button></span></div>
   <div class="findbar" id="findbar" hidden>
     <input id="findInput" type="text" placeholder="Find in page" spellcheck="false" autocomplete="off">
     <span class="findcount" id="findCount">–</span>