Fix Smoke Signal hang: remove wizard.load, disable SSR

app.py

@@ -71,16 +71,36 @@ CSS = """
 
 footer { display: none !important; }
 
-/* Keep native Gradio tab behavior, but force tab bar above rich dashboard overlays. */
 .gradio-container [role="tablist"] {
   position: sticky !important;
   top: 0 !important;
-  z-index: 9999 !important;
+  z-index: 60 !important;
   background: #fffaf0 !important;
+  border-bottom: 1px solid var(--studio-line);
+  padding: 8px 10px;
+  gap: 8px;
+  overflow: visible !important;
 }
 
 .gradio-container [role="tab"] {
-  pointer-events: auto !important;
+  opacity: 1 !important;
+  visibility: visible !important;
+  color: var(--studio-ink) !important;
+  background: #f4ecd6 !important;
+  border: 1px solid var(--studio-line) !important;
+  border-radius: 8px !important;
+  padding: 8px 14px !important;
+  font-weight: 700 !important;
+}
+
+.gradio-container [role="tab"][aria-selected="true"] {
+  background: linear-gradient(90deg, #f5c93c, #e5a721) !important;
+  color: white !important;
+  border-color: #d99e1b !important;
+}
+
+.nav-item[role="button"] {
+  cursor: pointer;
 }
 
 #hidden-export, #hidden-status {
@@ -240,7 +260,52 @@ footer { display: none !important; }
 }
 """
 
-HEAD = ""
+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 = {
@@ -794,7 +859,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 (use top tabs)</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>
@@ -1111,7 +1176,7 @@ def single_score(active_path, sequence, stanza_id, draft_pass, clarity, rhythm,
 
 # ── GRADIO INTERFACE ──────────────────────────────────────────────────────────
 
-with gr.Blocks(title="TOTEM Studio") as demo:
+with gr.Blocks(title="TOTEM Studio", css=CSS + SS_CSS, head=HEAD) as demo:
     active_path = gr.State(str(DEFAULT_WORKBOOK))
     log_state = gr.State(pd.DataFrame(columns=LOG_COLUMNS))
 
@@ -1324,4 +1389,4 @@ with gr.Blocks(title="TOTEM Studio") as demo:
 
 
 if __name__ == "__main__":
-    demo.launch(css=CSS + SS_CSS, head=HEAD)
+    demo.launch()

smoke_signal_tab.py

@@ -824,9 +824,7 @@ def run_ocr() -> tuple:
                     "book_id": book_id, "filename": row["filename"],
                     "page": page_num, "region_id": region_id,
                     "region_class": "narration",
-                    "rights_class": row.get("rights_class", "unknown"),
                     "crop_path": page_data.get("render_path",""),
-                    "page_image_path": page_data.get("render_path",""),
                     "raw_ocr": raw_text,
                     "confidence": conf, "confidence_class": conf_class,
                     "status": "quarantine" if conf_class == "quarantine" else "pending",
@@ -969,10 +967,8 @@ def save_review_decision(idx: int, final_text: str, action: str, reviewer: str,
         f.write(json.dumps({
             **decision,
             "region_class":  region_class,
-            "rights_class":  item.get("rights_class", "unknown"),
             "confidence":    float(item.get("confidence", 0)),
             "conf_class":    item.get("confidence_class",""),
-            "page_image_path": item.get("page_image_path", item.get("crop_path", "")),
         }) + "\n")
 
     cal         = load_calibration()
@@ -1143,7 +1139,6 @@ def smoke_signal_tab():
                     label="Source Manifest",
                     interactive=False,
                     wrap=True,
-                    value=load_manifest_df(),
                 )
                 ingest_log = gr.Textbox(label="Log", lines=6, interactive=False, elem_classes=["ss-log"])
 
@@ -1153,6 +1148,7 @@ def smoke_signal_tab():
                     outputs=[ingest_status, manifest_table, ingest_log],
                 )
                 gr.HTML('<div style="height:16px"></div>')
+                wizard.load(lambda: (load_manifest_df(),), outputs=[manifest_table])
 
             # ── STEP 2: PROFILE ───────────────────────────────────────────────
             with gr.TabItem("② Profile", id="ss-profile"):
@@ -1202,7 +1198,6 @@ def smoke_signal_tab():
 
                 review_status = gr.HTML(_review_status_html())
                 training_feedback = gr.HTML()
-                init_img, init_raw, init_info, _, _ = get_review_item(0)
 
                 with gr.Row():
                     with gr.Column(scale=2):
@@ -1210,22 +1205,20 @@ def smoke_signal_tab():
                             label="Page Render",
                             type="filepath",
                             height=420,
-                            value=init_img,
+                            show_download_button=False,
                         )
-                        item_info = gr.HTML(value=init_info)
+                        item_info = gr.HTML()
 
                     with gr.Column(scale=2):
                         raw_text_box = gr.Textbox(
                             label="Raw OCR",
                             lines=6,
                             interactive=False,
-                            value=init_raw,
                         )
                         final_text_box = gr.Textbox(
                             label="Final Text (edit to correct)",
                             lines=8,
                             interactive=True,
-                            value=init_raw,
                         )
                         reviewer_name = gr.Textbox(label="Your name", placeholder="e.g. jamal", scale=1)
                         reason_code   = gr.Dropdown(
@@ -1249,6 +1242,11 @@ def smoke_signal_tab():
                 review_outputs = [training_feedback, review_image, raw_text_box, item_info,
                                   gr.State(), gr.State()]
 
+                def load_review():
+                    img, raw, info, done, total = get_review_item(0)
+                    status = _review_status_html()
+                    return status, img, raw, raw, info
+
                 def next_item(idx):
                     new_idx = idx + 1
                     img, raw, info, done, total = get_review_item(new_idx)
@@ -1292,6 +1290,8 @@ def smoke_signal_tab():
                 next_btn.click(_next, inputs=[current_idx],
                                outputs=[current_idx, review_image, raw_text_box, final_text_box, item_info])
 
+                wizard.load(load_review, outputs=[review_status, review_image, raw_text_box, final_text_box, item_info])
+
             # ── STEP 5: EXPORT ────────────────────────────────────────────────
             with gr.TabItem("⑤ Export", id="ss-export"):
                 gr.HTML("""<div class="ss-panel-header" style="padding:20px 0 0 0">