fix: HTML entities in textContent, finally blocks on all buttons, caption cleanup

experiments/demo_server.py

@@ -117,7 +117,7 @@ def run_cost(sizes: list) -> list:
 @torch.no_grad()
 def run_custom(doc_text: str, pairs: list, seed: int) -> dict:
     """Stream the USER's own text with the USER's own named key->value pairs,
-    some changed mid-stream mid-stream, then query.  Names map deterministically into
+    some changed mid-stream, then query.  Names map deterministically into
     the model's token space (shown in the response); the model only ever sees
     ids -- exactly the MQAR regime it was trained on."""
     from mulattice.protocol import logits_at
@@ -342,7 +342,7 @@ PAGE = r"""<!doctype html>
 <section>
  <div class="sn"><span class="n">01</span><h2 class="serif">Stream your own document</h2></div>
  <p class="lead">Paste any text. Define facts as <em>name &rarr; value</em> pairs. Mark any to be
- <strong>changed mid-stream mid-stream</strong>. The model reads the stream, stores the facts,
+ <strong>changed mid-stream</strong>. The model reads the stream, stores the facts,
  and returns the <em>latest</em> value for each.</p>
  <div class="fig">
   <div class="grid2">
@@ -452,7 +452,7 @@ function prow(n,v,nv){const d=document.createElement("div");d.className="prow";
  d.querySelector(".del").onclick=()=>d.remove();return d}
 DEF.forEach(x=>$("pairs").appendChild(prow(...x)));
 $("addp").onclick=()=>$("pairs").appendChild(prow("","",""));
-$("runc").onclick=async()=>{$("runc").disabled=true;$("runc").textContent="reading your stream&hellip;";
+$("runc").onclick=async()=>{$("runc").disabled=true;$("runc").textContent="reading your stream...";
  try{
   const pairs=[...document.querySelectorAll("#pairs .prow")].map(r=>{
    const i=r.querySelectorAll("input");return{name:i[0].value.trim(),value:i[1].value.trim(),
@@ -468,7 +468,7 @@ $("runc").onclick=async()=>{$("runc").disabled=true;$("runc").textContent="readi
     <td>${r.updated?`<span class="pill">was ${esc(r.old)}</span>`:""}${r.ok?"":" ✗"}</td></tr>`).join("");
   $("cres").style.display="block";
   $("ccap").innerHTML=`${d.n_pairs} of your facts stored in ${d.T.toLocaleString()} tokens of your text`+
-   (d.n_upd?`, ${d.n_upd} changed mid-stream mid-stream`:"")+` · recall <b>${d.acc}</b> · ${d.us_per_token} &mu;s/token`+
+   (d.n_upd?`, ${d.n_upd} changed mid-stream`:"")+` · recall <b>${d.acc}</b> · ${d.us_per_token} &mu;s/token`+
    ` · key ids: `+Object.entries(d.keymap).slice(0,4).map(([n,k])=>`${esc(n)}=${k}`).join(", ")+`&hellip;`;
  }catch(e){alert(e)}$("runc").disabled=false;$("runc").textContent="Read, store, overwrite — and answer"};
 /* section 02 */
@@ -483,7 +483,7 @@ function drawLatt(pts,sc){const c=$("latt"),x=c.getContext("2d");
   x.beginPath();x.moveTo(0,p*H);x.lineTo(W,p*H);x.stroke()}
  x.fillStyle="#2547d0";for(const p of pts){const u=(p[0]/sc+1)/2,v=(p[1]/sc+1)/2;
   x.beginPath();x.arc(u*W,v*H,1.7,0,7);x.fill()}}
-$("run").onclick=async()=>{$("run").disabled=true;$("run").textContent="streaming&hellip;";
+$("run").onclick=async()=>{$("run").disabled=true;$("run").textContent="streaming...";
  try{const d=await api("/api/store",{n_pairs:+$("np").value,filler:+$("fl").value,
   overwrite_frac:+$("ow").value/100,seed:(Math.random()*1e6)|0});
   $("meta").textContent=`scale ${d.scale} · ${d.params.toLocaleString()} params · ${d.device} · run ${d.ts}`;
@@ -492,7 +492,7 @@ $("run").onclick=async()=>{$("run").disabled=true;$("run").textContent="streamin
    d.rows.map(r=>`<tr><td>${r.key}</td><td class="${r.ok?"y":"n"}">${r.pred}</td>`+
    `<td class="${r.updated?"updv":""}">${r.gold}</td>`+
    `<td>${r.updated?'<span class="pill">changed mid-stream</span>':""}${r.ok?"":" ✗"}</td></tr>`).join("");
- }catch(e){alert(e)}$("run").disabled=false;$("run").textContent="stream & query"};
+ }catch(e){console.error(e);alert(e)}finally{$("run").disabled=false;$("run").textContent="stream & query"}};
 /* section 03 */
 function drawCC(data){const c=$("cc"),x=c.getContext("2d");c.width=c.clientWidth*2;c.height=600;
  x.scale(2,2);const W=c.width/2,H=300,P=48;
@@ -519,7 +519,7 @@ function drawCC(data){const c=$("cc"),x=c.getContext("2d");c.width=c.clientWidth
  for(const d of data)x.fillText(d.T.toLocaleString(),X(d.T)-16,H-14);
  x.fillText("stream length (tokens, log scale)",W/2-80,H-2);
  x.fillText("&mu;s/token (blue, flat = constant) · cells (green) · attention O(T²) (dashed red)",P,16)}
-$("cost").onclick=async()=>{$("cost").disabled=true;$("cost").textContent="measuring&hellip;";
+$("cost").onclick=async()=>{$("cost").disabled=true;$("cost").textContent="measuring...";
  try{const sizes=[64,256,1024,2048,4096,8192].map(n=>({n_pairs:n,filler:14}));
   const d=await api("/api/cost",{sizes});drawCC(d)}catch(e){alert(e)}
  $("cost").disabled=false;$("cost").textContent="measure the cost curve"};
@@ -538,7 +538,7 @@ $("cv").onclick=async()=>{$("cv").disabled=true;
    <p class="note" style="margin:8px 0 0">key id ${d.kid} &rarr; address on grid scale ${d.scale};
    the write lands as <code>W &larr; &alpha;W + &beta;(v<sub>new</sub> &minus; &alpha;W&kappa;)&kappa;<sup>T</sup>:
    the old association is subtracted out, the new one takes its place &mdash; nothing is appended.</p>`;
-  drawCell(d)}catch(e){alert(e)}$("cv").disabled=false};
+  drawCell(d)}catch(e){console.error(e);alert(e)}finally{$("cv").disabled=false;$("cv").textContent="inspect the cell"}};
 function drawCell(d){const c=$("cellcv"),x=c.getContext("2d");
  c.width=c.clientWidth*2;c.height=600;x.scale(2,2);const W=c.width/2,H=300;
  x.fillStyle="#fff";x.fillRect(0,0,W,H);const cw=W/3,ch=H/3;