fix(#1001): replace var(--mauve) with var(--purple) throughout dashboard.css

--mauve is not declared in base.css; the palette exposes the Catppuccin
Mocha mauve colour as --purple (#cba6f7). Affected rules:
  .btn-move colour + border
  .logs-back colour (back-link on logs page)
  .logs-tab.logs-tab-active text colour (issue #1001 — tab shows no state)
  border colour on a schedule input

Combined with the --surface1/2 fix from the previous commit, the active
log tab now shows a solid background (--border) with purple text (--purple).

frontend/packages/dashboard/src/dashboard.css

@@ -144,8 +144,8 @@ body.dashboard-shell {
   right: 0;
   top: calc(100% + 2px);
   z-index: 100;
-  background: var(--surface0);
-  border: 1px solid var(--surface2);
+  background: var(--bg-elev);
+  border: 1px solid var(--purple-dim);
   border-radius: 6px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
   list-style: none;
@@ -163,7 +163,7 @@ body.dashboard-shell {
   width: 100%;
   background: none;
   border: none;
-  color: var(--text);
+  color: var(--fg);
   font-family: inherit;
   font-size: 0.88em;
   letter-spacing: 0.05em;
@@ -173,7 +173,7 @@ body.dashboard-shell {
   cursor: pointer;
 }
 .tabbar-overflow-item:hover {
-  background: var(--surface1);
+  background: var(--border);
   color: var(--purple);
 }
 .tabbar-overflow-item-active {
@@ -447,8 +447,8 @@ a:hover {
 }
 .agent-menu-btn:hover,
 .agent-menu-btn:focus-visible {
-  background: var(--surface1);
-  color: var(--text);
+  background: var(--border);
+  color: var(--fg);
   opacity: 1;
 }
 .agent-menu-btn:focus-visible {
@@ -460,8 +460,8 @@ a:hover {
   right: 0;
   top: calc(100% + 2px);
   z-index: 200;
-  background: var(--surface0);
-  border: 1px solid var(--surface2);
+  background: var(--bg-elev);
+  border: 1px solid var(--purple-dim);
   border-radius: 6px;
   box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
   list-style: none;
@@ -475,7 +475,7 @@ a:hover {
   width: 100%;
   background: none;
   border: none;
-  color: var(--text);
+  color: var(--fg);
   font-family: inherit;
   font-size: 0.82em;
   letter-spacing: 0.01em;
@@ -484,11 +484,11 @@ a:hover {
   cursor: pointer;
 }
 .agent-menu-item:hover {
-  background: var(--surface1);
+  background: var(--border);
 }
 .agent-menu-sep {
   height: 1px;
-  background: var(--surface2);
+  background: var(--purple-dim);
   margin: 0.3em 0;
 }
 /* Pending state splits queued vs running — queued ops show only
@@ -1206,7 +1206,7 @@ ul form.inline { display: inline-block; }
 /* M0V3 affordance (selection bar) — mauve reads as "structural
    change" rather than the destructive red / amber chrome of
    destroy / rebuild. See docs/web-ui.md::Selection bar. */
-.btn-move    { color: var(--mauve); border-color: var(--mauve); font-size: 0.75em; padding: 0.15em 0.5em; margin-left: 0.6em; }
+.btn-move    { color: var(--purple); border-color: var(--purple); font-size: 0.75em; padding: 0.15em 0.5em; margin-left: 0.6em; }
 .btn-talk { color: var(--cyan); border-color: var(--cyan); }
 .btn-spawn { color: var(--amber); border-color: var(--amber); }
 .btn-fire-now { color: var(--mauve, #cba6f7); border-color: var(--mauve, #cba6f7); }
@@ -1984,7 +1984,7 @@ body.logs-shell {
 }
 
 .logs-back {
-  color: var(--mauve);
+  color: var(--purple);
   text-decoration: none;
   font-size: 0.88em;
   white-space: nowrap;
@@ -2016,10 +2016,10 @@ body.logs-shell {
   letter-spacing: 0.05em;
   transition: background 100ms, color 100ms;
 }
-.logs-tab:hover { background: var(--surface1); color: var(--text); }
+.logs-tab:hover { background: var(--border); color: var(--fg); }
 .logs-tab.logs-tab-active {
-  background: var(--surface1);
-  color: var(--mauve);
+  background: var(--border);
+  color: var(--purple);
 }
 
 .logs-main {
@@ -2037,9 +2037,9 @@ body.logs-shell {
 }
 
 .logs-toolbar .journal-unit {
-  background: var(--surface1);
-  color: var(--text);
-  border: 1px solid var(--surface2);
+  background: var(--border);
+  color: var(--fg);
+  border: 1px solid var(--purple-dim);
   border-radius: 4px;
   padding: 0.25em 0.5em;
   font-size: 0.85em;
@@ -2459,7 +2459,7 @@ body.dashboard-shell.has-selection { padding-bottom: 4.5em; }
   font-size: 0.75em;
   background: var(--bg);
   color: var(--fg);
-  border: 1px solid var(--mauve);
+  border: 1px solid var(--purple);
   border-radius: 2px;
   padding: 0.1em 0.3em;
   max-width: 16em;

frontend/packages/dashboard/src/tabs.js

@@ -3438,6 +3438,9 @@ window.marked = marked;
   function updateTabbarOverflow() {
     const tabbar = $('tabbar');
     if (!tabbar || !overflowBtn || !overflowDrop) return;
+    // Skip dropdown rebuild while it is open — the 1s badge tick would
+    // replace DOM nodes and cause a flicker mid-interaction.
+    if (overflowOpen) return;
 
     // Collect all tabs that are not JS-hidden (P33RS/M4TR1X may be hidden
     // by feature-gating) and not already removed from the DOM.
@@ -3452,7 +3455,10 @@ window.marked = marked;
 
     // Step 2: measure available width (bar width minus overflow-btn width).
     // We must read layout AFTER restoring all dynamic tabs.
-    const availWidth = tabbar.clientWidth - overflowBtn.offsetWidth - 8;
+    // overflowBtn may be hidden (offsetWidth=0) on the very first call; fall
+    // back to a 32px estimate so the first-pass measurement isn't off.
+    const btnW = overflowBtn.offsetWidth || 32;
+    const availWidth = tabbar.clientWidth - btnW - 8;
 
     // Step 3: walk dynamic tabs left-to-right, accumulating widths.
     // Any that go over the available width get overflowed.