auto-run all sections on page load

experiments/demo_server.py

@@ -578,6 +578,41 @@ function drawCell(d){const c=$("cellcv"),x=c.getContext("2d");
   x.fillText(`phi ${phi.toFixed(3)}`,j*cw+14,i*ch+ch-18)}
  $("cvcap").textContent="the 3x3 neighborhood of the key's address; darker = stronger write/read weight (the bump kernel)."}
 window.addEventListener("resize",()=>{});
+
+// ═══════════════════════════════════════════════════════════════
+// AUTO-RUN: trigger all four sections on page load so visitors see
+// results immediately without clicking anything
+// ═══════════════════════════════════════════════════════════════
+window.addEventListener("load", () => {
+  setTimeout(() => {
+    // Section 01: custom facts (pre-filled example)
+    if ($("runc") && !$("runc").disabled) {
+      console.log("auto-run: section 01");
+      $("runc").click();
+    }
+    // Section 02: store at scale (default 128 pairs)
+    setTimeout(() => {
+      if ($("run") && !$("run").disabled) {
+        console.log("auto-run: section 02");
+        $("run").click();
+      }
+    }, 500);
+    // Section 03: cost curve
+    setTimeout(() => {
+      if ($("cost") && !$("cost").disabled) {
+        console.log("auto-run: section 03");
+        $("cost").click();
+      }
+    }, 1000);
+    // Section 04: cell view (pre-filled fact)
+    setTimeout(() => {
+      if ($("cv") && !$("cv").disabled) {
+        console.log("auto-run: section 04");
+        $("cv").click();
+      }
+    }, 1500);
+  }, 100); // small delay for page render
+});
 </script></body></html>"""