Make sidebar Codex Extractor open Codex tab

app.py

@@ -98,6 +98,10 @@ footer { display: none !important; }
   border-color: #d99e1b !important;
 }
 
+.nav-item[role="button"] {
+  cursor: pointer;
+}
+
 #hidden-export, #hidden-status {
   max-width: 1180px;
   margin: 0 auto 18px auto;
@@ -255,6 +259,53 @@ footer { display: none !important; }
 }
 """
 
+HEAD = """
+<script>
+(() => {
+  const switchToCodexTab = () => {
+    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()));
+    if (target) {
+      target.click();
+      return true;
+    }
+    if (tabs.length > 1) {
+      tabs[1].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 === ' ') {
+          e.preventDefault();
+          switchToCodexTab();
+        }
+      });
+    });
+  };
+
+  const observer = new MutationObserver(() => bindSidebarCodexLinks());
+  observer.observe(document.documentElement, { childList: true, subtree: true });
+
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', bindSidebarCodexLinks);
+  } else {
+    bindSidebarCodexLinks();
+  }
+})();
+</script>
+"""
+
 
 REVISION_ACTIONS = {
     "Clarity": "Simplify the line and sharpen the subject/action.",
@@ -807,7 +858,7 @@ def dashboard_html(path: Path, notice: str = "") -> str:
         <div class="nav-item">▥ TOTEM Analytics</div>
         <div class="nav-item">☷ Revision Queue</div>
         <div class="nav-item">⬡ Risk Clusters</div>
-        <div class="nav-item">◈ Codex Extractor</div>
+        <div class="nav-item js-open-codex" role="button" tabindex="0" aria-label="Open Codex Extractor tab">◈ Codex Extractor</div>
         <div class="nav-item">⇩ Export</div>
         <div class="sidebar-foot">Knowledge. Structure.<br>Story. Performance.</div>
       </aside>
@@ -1124,7 +1175,7 @@ def single_score(active_path, sequence, stanza_id, draft_pass, clarity, rhythm,
 
 # ── GRADIO INTERFACE ──────────────────────────────────────────────────────────
 
-with gr.Blocks(title="TOTEM Studio", css=CSS) as demo:
+with gr.Blocks(title="TOTEM Studio", css=CSS, head=HEAD) as demo:
     active_path = gr.State(str(DEFAULT_WORKBOOK))
     log_state = gr.State(pd.DataFrame(columns=LOG_COLUMNS))