fix: wire topbar dashboard/codex/smoke chips to real tabs

app.py

@@ -1110,34 +1110,60 @@ TOTEM_CSS = """
 HEAD = """
 <script>
 (() => {
-  const switchToCodexTab = () => {
+  const switchToTabByMatcher = (matcher) => {
     const tabs = Array.from(document.querySelectorAll('[role="tab"]'));
     if (!tabs.length) return false;
-    const target = tabs.find((tab) => /codex extractor/i.test((tab.textContent || "").trim()));
+    const target = tabs.find((tab, index) => matcher((tab.textContent || "").trim(), index));
     if (target) {
       target.click();
       return true;
     }
+    return false;
+  };
+
+  const switchToDashboardTab = () => switchToTabByMatcher((label) => /dashboard/i.test(label));
+  const switchToCodexTab = () => {
+    const byName = switchToTabByMatcher((label) => /codex extractor/i.test(label));
+    if (byName) return true;
+    const tabs = Array.from(document.querySelectorAll('[role="tab"]'));
     if (tabs.length > 1) {
       tabs[1].click();
       return true;
     }
     return false;
   };
+  const switchToSmokeSignalTab = () => {
+    const byName = switchToTabByMatcher((label) => /smoke signal/i.test(label));
+    if (byName) return true;
+    const tabs = Array.from(document.querySelectorAll('[role="tab"]'));
+    if (tabs.length > 2) {
+      tabs[2].click();
+      return true;
+    }
+    return false;
+  };
 
   const bindSidebarCodexLinks = () => {
-    document.querySelectorAll('.js-open-codex').forEach((el) => {
-      if (el.dataset.boundCodexNav === "1") return;
-      el.dataset.boundCodexNav = "1";
-      el.addEventListener('click', (e) => {
-        e.preventDefault();
-        switchToCodexTab();
-      });
-      el.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter' || e.key === ' ') {
+    const bindings = [
+      { selector: '.js-open-dashboard', handler: switchToDashboardTab },
+      { selector: '.js-open-codex', handler: switchToCodexTab },
+      { selector: '.js-open-smoke-signal', handler: switchToSmokeSignalTab },
+    ];
+
+    bindings.forEach(({ selector, handler }) => {
+      document.querySelectorAll(selector).forEach((el) => {
+        if (el.dataset.boundTotemNav === "1") return;
+        el.dataset.boundTotemNav = "1";
+        el.addEventListener('click', (e) => {
           e.preventDefault();
-          switchToCodexTab();
-        }
+          handler();
+        });
+        el.addEventListener('keydown', (e) => {
+          if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            handler();
+          }
+        });
       });
     });
   };
@@ -1382,9 +1408,9 @@ def render_topbar(state: dict) -> str:
     return f"""
     <section class="totem-topbar">
       <div>
-        <span class="totem-chip active">Dashboard</span>
-        <span class="totem-chip">Codex Extractor</span>
-        <span class="totem-chip">Smoke Signal</span>
+        <span class="totem-chip active js-open-dashboard" role="button" tabindex="0" aria-label="Open Dashboard tab">Dashboard</span>
+        <span class="totem-chip js-open-codex" role="button" tabindex="0" aria-label="Open Codex Extractor tab">Codex Extractor</span>
+        <span class="totem-chip js-open-smoke-signal" role="button" tabindex="0" aria-label="Open Smoke Signal tab">Smoke Signal</span>
       </div>
       <div class="totem-search">Search projects, workbooks, blocks...</div>
       <div class="totem-workspace">