space: fix blank override popup and disable image/model preview modals

app.py

@@ -941,7 +941,7 @@ def build() -> gr.Blocks:
 
                 # OVERRIDE ENVIRONMENT popup (hidden by default; toggled via JS)
                 gr.HTML("<div class='ce-popup-backdrop' data-popup-backdrop='override'></div>")
-                with gr.Group(elem_classes=["ce-popup"], elem_id="ce-popup-override"):
+                with gr.Group(elem_classes=["ce-popup", "ce-popup-override"]):
                     gr.HTML("<div class='ce-popup-title'>OVERRIDE ENVIRONMENT"
                             "<span class='ce-popup-close'>✕</span></div>")
                     with gr.Row():
@@ -958,7 +958,8 @@ def build() -> gr.Blocks:
                         # LEFT: 3D viewer with intro + job-log copy below it (moved from top)
                         with gr.Column(scale=3, elem_classes=["ce-part-viewer-col"]):
                             part_placeholder = gr.HTML(_viewer_placeholder())
-                            model3d = gr.Model3D(value=None, label="", height=360, visible=False)
+                            model3d = gr.Model3D(value=None, label="", height=360, visible=False,
+                                                    interactive=False)
                             # intro + job log moved DOWN into the part area
                             gr.HTML(tab_intro("Load the part, set the material and the room, then "
                                               "<b>SLICE</b> to read the engineer's pre-flight check. "
@@ -995,7 +996,9 @@ def build() -> gr.Blocks:
                     gr.HTML(rule("SLICE · CROSS-SECTION + MOTION PREVIEW"))
                     with gr.Row(equal_height=False, elem_classes=["ce-part-row", "ce-slice-viz"]):
                         with gr.Column(scale=1, elem_classes=["ce-slice-col"]):
-                            vp_layer = gr.Image(label="", height=360, show_label=False)
+                            vp_layer = gr.Image(label="", height=360, show_label=False,
+                                            interactive=False, show_download_button=False,
+                                            show_share_button=False)
                         with gr.Column(scale=1, elem_classes=["ce-slice-col", "ce-vp"]):
                             vprint = gr.HTML()
                     with gr.Column(elem_classes=["ce-hslider"]):
@@ -1077,7 +1080,7 @@ def build() -> gr.Blocks:
 
                 # OVERRIDE PLAN popup — same component as OVERRIDE ENVIRONMENT on the BUILD tab
                 gr.HTML("<div class='ce-popup-backdrop' data-popup-backdrop='plan'></div>")
-                with gr.Group(elem_classes=["ce-popup"], elem_id="ce-popup-plan"):
+                with gr.Group(elem_classes=["ce-popup", "ce-popup-plan"]):
                     gr.HTML("<div class='ce-popup-title'>OVERRIDE THE ENGINEER'S PLAN"
                             "<span class='ce-popup-close'>✕</span></div>")
                     gr.HTML("<div class='ce-sub' style='border-left:3px solid var(--ao-red);"

core/theme.py

@@ -348,15 +348,16 @@ textarea:focus, input:focus {{ border-color:var(--ao-orange) !important; box-sha
 /* ── OVERRIDE ENVIRONMENT POPUP ──
    Hidden by default; toggled via JS clicking the OVERRIDE button.
    Modal-style overlay with the override fields inside. */
-.ce-popup {{ display:none; position:fixed; top:50%; left:50%;
+.ce-popup {{ display:none !important; position:fixed; top:50%; left:50%;
   transform:translate(-50%,-50%); z-index:1000;
   background:var(--ao-surface-hi); border:2px solid var(--ao-orange);
   padding:18px 22px; min-width:420px; max-width:520px;
   box-shadow:0 20px 60px rgba(0,0,0,0.7); }}
-.ce-popup.open {{ display:block; }}
-.ce-popup-backdrop {{ display:none; position:fixed; inset:0; z-index:999;
+.ce-popup.open {{ display:block !important; }}
+.ce-popup.open .ce-popup {{ display:block !important; }}
+.ce-popup-backdrop {{ display:none !important; position:fixed; inset:0; z-index:999;
   background:rgba(0,0,0,0.6); }}
-.ce-popup-backdrop.open {{ display:block; }}
+.ce-popup-backdrop.open {{ display:block !important; }}
 .ce-popup-title {{ color:var(--ao-orange); letter-spacing:3px;
   text-transform:uppercase; font-size:13px; font-weight:800;
   margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; }}
@@ -702,8 +703,8 @@ CLOCK_JS = """
   };
   tick(); setInterval(tick, 1000);
 
-  // Popup wiring: any [data-popup-trigger="X"] toggles [data-popup="X"] or
-  // #ce-popup-X (and backdrop). Click outside or on .ce-popup-close to dismiss.
+  // Popup wiring: any [data-popup-trigger="X"] toggles all .ce-popup-X (and backdrop).
+  // Click outside or on .ce-popup-close to dismiss. Re-runs in case popups are added later.
   const wirePopups = () => {
     document.querySelectorAll('[data-popup-trigger]').forEach(btn => {
       if (btn.dataset._wired) return;
@@ -711,11 +712,15 @@ CLOCK_JS = """
       btn.addEventListener('click', (e) => {
         e.preventDefault(); e.stopPropagation();
         const id = btn.dataset.popupTrigger;
-        const pop = document.querySelector('[data-popup="' + id + '"]')
-          || document.querySelector('#ce-popup-' + id);
+        const pops = document.querySelectorAll('.ce-popup-' + id);
         const bd = document.querySelector('[data-popup-backdrop="' + id + '"]');
-        if (pop) pop.classList.toggle('open');
-        if (bd) bd.classList.toggle('open');
+        const isOpening = pops.length && !pops[0].classList.contains('open');
+        document.querySelectorAll('.ce-popup.open, .ce-popup-backdrop.open')
+          .forEach(x => x.classList.remove('open'));
+        if (isOpening) {
+          pops.forEach(p => p.classList.add('open'));
+          if (bd) bd.classList.add('open');
+        }
       });
     });
     document.querySelectorAll('.ce-popup-close, [data-popup-backdrop]').forEach(el => {

record-beat.sh

@@ -60,10 +60,48 @@ case "$BEAT" in
   review)    BEAT_ARG="loop" ;;
 esac
 
-echo "Recording beat: ${BEAT}  (driver=${BEAT_ARG})"
+SCREEN_ID=$(cap targets screens --json | python3 -c 'import sys,json; d=json.load(sys.stdin); print([s for s in d if s.get("primary")][0]["id"])')
+echo "Recording beat: ${BEAT}  (driver=${BEAT_ARG})  (screen=${SCREEN_ID})"
+
+CAP_START_TMP="/tmp/cap-beat-start-$(date +%s).txt"
 echo "Starting Cap recording..."
-REC_JSON=$(cap record start --screen $(cap targets screens --json | python3 -c 'import sys,json; d=json.load(sys.stdin); print([s for s in d if s.get("primary")][0]["id"])') --fps 60 --detach --json)
-REC_ID=$(echo "$REC_JSON" | grep -o '"recordingId":"[^"]*"' | cut -d'"' -f4)
+rm -f "$CAP_START_TMP"
+nohup /mnt/c/Users/kyleb/AppData/Local/Cap/cap-cli.exe record start --screen "$SCREEN_ID" --fps 60 --detach --json > "$CAP_START_TMP" 2>&1 &
+CAP_PID=$!
+sleep 3
+
+# Parse the JSON Cap emitted
+REC_ID=""
+if [[ -s "$CAP_START_TMP" ]]; then
+    REC_ID=$(python3 -c '
+import sys, json, re
+with open(sys.argv[1]) as f:
+    data = f.read()
+# Single-line JSON object
+for line in data.splitlines():
+    line = line.strip()
+    if line.startswith("{") and line.endswith("}"):
+        try:
+            d = json.loads(line)
+            if "recordingId" in d:
+                print(d["recordingId"])
+                sys.exit(0)
+        except:
+            pass
+# Pretty-printed JSON
+m = re.search(r"\"recordingId\"\s*:\s*\"([^\"]+)\"", data)
+if m:
+    print(m.group(1))
+' "$CAP_START_TMP")
+fi
+
+if [[ -z "$REC_ID" ]]; then
+    echo "  ✗ could not parse Cap recording ID; output was:"
+    cat "$CAP_START_TMP" || true
+    wait "$CAP_PID" 2>/dev/null || true
+    exit 1
+fi
+
 echo "  ✓ Cap recording started (${REC_ID})"
 
 echo "Driving beat..."