slidemind 0.3.20 → 0.4.1

package/src/builders/review-overlay.js

@@ -16,6 +16,10 @@
 //   - Approve -> POST to the local server, which unblocks the command with the
 //     sign-off. Refused while drafts exist — send or delete them first, exactly
 //     the add-in's rule.
+//   - Every decision goes through the shell's decision wire (SHELL.decide): one
+//     attempt at a time, an operationId reused on every retry, and each refusal
+//     (a busy deck, a newer version, a sign-out, a stopped workspace) handled on
+//     its own — what the reviewer wrote survives every one of them.
 //
 // TWO MODES, not "reviewing vs. veiled over":
 //   - PARKED (the command is blocking on this tab): pinning, sending and
@@ -49,6 +53,7 @@
 
   var STAGE_SEL = "#stage";
   var HEADER_H = 62;
+  var chromeH = HEADER_H; // HEADER_H + any banner stacked under the bar
   var SIDEBAR_W = 316; // panel + gaps reserved on the right when comments exist
   // The ledger IS the state: one flat list of this session's pins. Pins, sidebar
   // rows and the approve guard are all derived from it, so a comment keeps its
@@ -70,13 +75,20 @@
   // as window.__SLIDEMIND_GATE__): the deck-keyed sessionStorage ledger, the
   // server-nonce round transition, the round-ready announce and the heartbeat
   // poll — one implementation, shared with the plan gate.
+  // The storage namespace: inside the workspace the registry id (two decks may
+  // share a name, and one tab's sessionStorage serves every deck it frames);
+  // standalone the deck name, as before.
+  var DECK_KEY = CFG.embedded && CFG.deckId ? "id:" + CFG.deckId : CFG.deck || "";
   var SES = window.__SLIDEMIND_GATE__.createGateSession({
     name: "review",
-    deck: CFG.deck || "",
+    deck: DECK_KEY,
     storage: sessionStorage,
     fetch: function (u, o) {
       return fetch(u, o);
     },
+    endpoint: CFG.endpoint || "/review",
+    embedded: !!CFG.embedded,
+    subject: CFG.subjectHash || null, // the content version this page shows (rides in ctx)
     round: CFG.round || "",
     service: "slidemind-review",
     heartbeat: CFG.heartbeat || "/__review/heartbeat",
@@ -97,128 +109,94 @@
   // the sidebar jump to any slide by synthesising the deck's arrow-key nav.
   var slideOrder = [];
 
-  // ---------- brand assets ----------
-  // The add-in's embossed "raised slide" mark (src/ui/public/logo.svg), inlined.
-  var LOGO_SVG =
-    '<svg xmlns="http://www.w3.org/2000/svg" viewBox="160 160 960 540" preserveAspectRatio="none">' +
-    '<defs>' +
-    '<linearGradient id="rimTop" gradientUnits="userSpaceOnUse" x1="160" y1="0" x2="1120" y2="0">' +
-    '<stop offset="0%" stop-color="#d0e4ff" stop-opacity="0.85"/>' +
-    '<stop offset="35%" stop-color="#fff" stop-opacity="0.5"/>' +
-    '<stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient>' +
-    '<linearGradient id="rimLeft" gradientUnits="userSpaceOnUse" x1="0" y1="160" x2="0" y2="700">' +
-    '<stop offset="0%" stop-color="#d0e4ff" stop-opacity="0.6"/>' +
-    '<stop offset="40%" stop-color="#fff" stop-opacity="0.28"/>' +
-    '<stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient>' +
-    '<linearGradient id="rimBottom" gradientUnits="userSpaceOnUse" x1="1120" y1="0" x2="160" y2="0">' +
-    '<stop offset="0%" stop-color="#000" stop-opacity="0.55"/>' +
-    '<stop offset="60%" stop-color="#000" stop-opacity="0.2"/>' +
-    '<stop offset="100%" stop-color="#000" stop-opacity="0"/></linearGradient>' +
-    '<linearGradient id="rimRight" gradientUnits="userSpaceOnUse" x1="0" y1="700" x2="0" y2="160">' +
-    '<stop offset="0%" stop-color="#000" stop-opacity="0.45"/>' +
-    '<stop offset="60%" stop-color="#000" stop-opacity="0.16"/>' +
-    '<stop offset="100%" stop-color="#000" stop-opacity="0"/></linearGradient>' +
-    '<linearGradient id="faceFill" gradientUnits="userSpaceOnUse" x1="160" y1="160" x2="1120" y2="700">' +
-    '<stop offset="0%" stop-color="#fff" stop-opacity="0.08"/>' +
-    '<stop offset="50%" stop-color="#808080" stop-opacity="0.02"/>' +
-    '<stop offset="100%" stop-color="#000" stop-opacity="0.10"/></linearGradient>' +
-    '</defs>' +
-    '<rect x="160" y="160" width="960" height="540" rx="40" ry="40" fill="url(#faceFill)"/>' +
-    '<path d="M 160,200 A 40,40 0 0 1 200,160 L 1080,160 A 40,40 0 0 1 1120,200" fill="none" stroke="url(#rimTop)" stroke-width="3" stroke-linecap="round"/>' +
-    '<path d="M 160,200 L 160,660 A 40,40 0 0 0 200,700" fill="none" stroke="url(#rimLeft)" stroke-width="2.4" stroke-linecap="round"/>' +
-    '<path d="M 1120,660 A 40,40 0 0 1 1080,700 L 200,700 A 40,40 0 0 1 160,660" fill="none" stroke="url(#rimBottom)" stroke-width="3" stroke-linecap="round"/>' +
-    '<path d="M 1120,660 L 1120,200 A 40,40 0 0 0 1080,160" fill="none" stroke="url(#rimRight)" stroke-width="2.4" stroke-linecap="round"/>' +
-    '<rect x="160" y="160" width="960" height="540" rx="40" ry="40" fill="none" stroke="#fff" stroke-opacity="0.14" stroke-width="1.4"/>' +
-    "</svg>";
-
-  // Give a copy of the logo unique filter/gradient ids so two instances (header
-  // + done veil) can coexist without id collisions.
-  function logoWithIds(suffix) {
-    return LOGO_SVG.replace(/id="([^"]+)"/g, 'id="$1' + suffix + '"').replace(
-      /url\(#([^)]+)\)/g,
-      "url(#$1" + suffix + ")",
-    );
-  }
+  // The shared chrome: bar, strips, hand-off dialog, veil, buttons, icons.
+  var SHELL = window.__SLIDEMIND_SHELL__.createGateShell({
+    CFG: CFG,
+    session: SES,
+    service: "slidemind-review",
+    what: { revising: "the slides", approved: "Slides" },
+    // The agent changes slides only while it works on an answer, and then asks
+    // again with a new preview. Approved once and not asked again: a later change
+    // never comes back here, so there is nothing to say — the "Approved" badge's
+    // tooltip already says later changes go straight into the PowerPoint file.
+    staleLine: CFG.embedded && CFG.approved && !CFG.asked
+      ? null
+      : "The slides changed after this preview was made — your agent will show you the new version.",
+    isWorking: function () {
+      return working;
+    },
+    workingNote: function () {
+      return workingNote;
+    },
+    onOffset: function (total) {
+      // A strip under the bar makes the chrome taller: the rail follows the
+      // CSS var (set by the shell), the stage is refit under it.
+      chromeH = total;
+      applyStageFit();
+    },
+    onSaveCtx: function () {
+      saveCtx();
+    },
+    onChange: function () {
+      renderAll();
+    },
+    onDecided: function (decision, ack, body) {
+      decided(decision, body);
+    },
+    onDecisionFailed: function () {
+      renderAll();
+    },
+    onAlreadyAnswered: function (a) {
+      enterWorking(a && a.action === "approve" ? "Already approved." : a && a.action ? "Comments already sent." : "Already answered in another window.");
+    },
+    onApprovalPickedUp: function () {
+      showDone();
+    },
+    onLost: function () {
+      startNextRoundPolling(); // a re-run of the review reloads this tab, drafts and all
+    },
+    // A pin being written is not saved anywhere yet: a newer version waits for it.
+    reloadBlocker: function () {
+      var ta = draftPopover && draftPopover.querySelector("textarea");
+      return ta && ta.value.trim() ? "typing" : null;
+    },
+    reloadIntoNewRound: function () {
+      saveLedger();
+      saveCtx();
+      SES.markRoundReadyAndReload();
+    },
+  });
+  var el = SHELL.el;
+  var ICONS = SHELL.ICONS;
+  var mkButton = SHELL.mkButton;
 
-  // Lucide icons (MIT) — the same family the add-in's review UI uses.
-  var ICONS = {
-    check:
-      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>',
-    message:
-      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><path d="M7 9h10"/><path d="M7 13h6"/></svg>',
-    trash:
-      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/></svg>',
-    close:
-      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="M6 6l12 12"/></svg>',
-    pin:
-      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 4.4-8 12-8 12s-8-7.6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>',
-    arrow:
-      '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>',
-  };
+  // The stage cursor while pinning: a comment bubble (the add-in's affordance);
+  // `crosshair` when a browser refuses the data-URL cursor.
+  var COMMENT_CURSOR =
+    "url(\"data:image/svg+xml," +
+    encodeURIComponent(
+      '<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28">' +
+        '<path d="M5 23.5V9.5a5 5 0 0 1 5-5h9a5 5 0 0 1 5 5v5a5 5 0 0 1-5 5h-8.6z" fill="#161618" fill-opacity=".96" stroke="#fff" stroke-width="1.5" stroke-linejoin="round"/>' +
+        '<path d="M14.5 9.2v5.6M11.7 12h5.6" stroke="#a9c2ff" stroke-width="1.7" stroke-linecap="round"/>' +
+      "</svg>",
+    ) +
+    '") 5 24, crosshair';
 
-  // ---------- styles ----------
+  // ---------- styles (review-specific; the chrome comes from the shell) ----------
   var CSS =
-    "@keyframes sm-drift-a{0%,100%{transform:translateX(-5px)}50%{transform:translateX(5px)}}" +
-    "@keyframes sm-drift-b{0%,100%{transform:translateX(5px)}50%{transform:translateX(-5px)}}" +
-    "@keyframes sm-bar-in{from{transform:translateY(-100%);opacity:0}to{transform:none;opacity:1}}" +
-    "@keyframes sm-pop-in{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}" +
     "@keyframes sm-pin-in{from{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}" +
-    "@keyframes sm-veil-in{from{opacity:0}to{opacity:1}}" +
-    "@keyframes sm-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}" +
-    "@keyframes sm-pulse{0%,100%{opacity:.45}50%{opacity:.85}}" +
-    ":root{--sm-bg:var(--deck-chrome-bg,#111113);--sm-surface:var(--deck-chrome-bg-2,#161618);" +
-    "--sm-border:var(--deck-chrome-border,#2b2b30);--sm-fg:var(--deck-chrome-fg,#ededed);" +
-    "--sm-dim:var(--deck-chrome-dim,#9a9aa0);--sm-accent:#a9c2ff;--sm-success:#2ecc71;--sm-danger:#f87171;" +
-    "--sm-font:'Poppins',ui-sans-serif,system-ui,sans-serif;--sm-word:'Urbanist',var(--sm-font);}" +
-    ".sm-o,.sm-o *{box-sizing:border-box;}" +
-    /* header */
-    ".sm-bar{position:fixed;top:0;left:0;right:0;z-index:2147483600;display:flex;align-items:center;" +
-    "gap:16px;height:var(--deck-chrome-h,62px);padding:0 18px;color:var(--sm-fg);font-family:var(--sm-font);font-size:13px;" +
-    "background:var(--sm-bg);border-bottom:1px solid var(--sm-border);" +
-    "user-select:none;animation:sm-bar-in .5s cubic-bezier(.2,.7,.2,1);}" +
-    ".sm-brand{display:flex;align-items:center;gap:11px;}" +
-    ".sm-logo{position:relative;width:48px;height:27px;border-radius:5px;overflow:hidden;flex-shrink:0;background:#0a0c11;box-shadow:0 1px 3px rgba(0,0,0,.5);}" +
-    ".sm-logo-svg{position:absolute;inset:0;z-index:1;}.sm-logo-svg svg{width:100%;height:100%;display:block;}" +
-    ".sm-logo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}" +
-    ".sm-word{display:flex;flex-direction:column;line-height:.98;font-family:var(--sm-word);" +
-    "font-weight:300;font-size:13px;letter-spacing:.46em;color:var(--sm-fg);}" +
-    ".sm-word b{font-weight:300;display:block;will-change:transform;}" +
-    ".sm-word .top{animation:sm-drift-a 20s ease-in-out infinite;}" +
-    ".sm-word .bot{margin-left:.18em;animation:sm-drift-b 20s ease-in-out infinite;}" +
-    ".sm-sep{width:1px;height:28px;background:var(--sm-border);}" +
-    ".sm-meta{display:flex;flex-direction:column;gap:2px;}" +
-    ".sm-meta .t{font-weight:600;font-size:13px;}" +
-    ".sm-meta .h{font-size:11.5px;color:var(--sm-dim);}" +
-    ".sm-note{max-width:min(560px,38vw);font-size:10.5px;line-height:1.35;color:#c7c7cf;" +
-    "border-left:2px solid var(--sm-accent);padding-left:10px;}" +
-    ".sm-note b{font-weight:600;color:#f4f4f5;}" +
     ".sm-chart-note{display:none;border-left-color:#fbbf24;}" +
-    ".sm-chart-note.on{display:block;}" +
+    ".sm-chart-note.on{display:-webkit-box;}" +
     ".sm-bar~.deck__rail,.deck__rail{top:var(--deck-chrome-h,62px);}" +
-    ".sm-grow{flex:1;}" +
-    ".sm-count{font-size:12px;color:var(--sm-dim);font-variant-numeric:tabular-nums;}" +
+    "@media (max-width:760px){.sm-bar~.deck__rail,.deck__rail{top:auto;}}" +
     /* working strip: the agent is fixing — the preview stays live behind it */
     ".sm-status{display:none;align-items:center;gap:9px;max-width:min(420px,32vw);padding:7px 12px;border-radius:10px;" +
     "border:1px solid color-mix(in srgb,var(--sm-accent) 32%,transparent);" +
     "background:color-mix(in srgb,var(--sm-accent) 10%,transparent);font-size:11.5px;line-height:1.4;color:#d7d7de;}" +
-    ".sm-status.on{display:flex;}" +
+    ".sm-status.on{display:flex;flex-shrink:0;max-height:52px;overflow:hidden;}" +
+    /* the working chip outranks the notes beside it: one of them fits a 62px bar */
+    ".sm-status.on~.sm-note{display:none;}" +
     ".sm-status b{display:block;font-weight:600;font-size:12px;color:#f4f4f5;}" +
-    ".sm-spin{width:11px;height:11px;flex-shrink:0;border-radius:50%;border:2px solid var(--sm-accent);" +
-    "border-top-color:transparent;animation:sm-spin 0.9s linear infinite;}" +
-    "@keyframes sm-spin{to{transform:rotate(360deg)}}" +
-    /* buttons */
-    ".sm-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:9px;" +
-    "padding:8px 14px;font-family:var(--sm-font);font-weight:600;font-size:12.5px;cursor:pointer;" +
-    "transition:transform .14s ease,background .14s ease,box-shadow .14s ease,border-color .14s ease;white-space:nowrap;}" +
-    ".sm-btn svg{width:15px;height:15px;flex-shrink:0;}" +
-    ".sm-btn-primary{background:#f4f4f5;color:#0f0f0f;}" +
-    ".sm-btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.45);}" +
-    ".sm-btn-primary svg{color:var(--sm-success);}" +
-    ".sm-btn-ghost{background:transparent;border-color:var(--sm-border);color:var(--sm-fg);}" +
-    ".sm-btn-ghost:hover{background:rgba(255,255,255,.06);border-color:#3a3a40;}" +
-    ".sm-btn-danger{background:transparent;border-color:rgba(248,113,113,.4);color:var(--sm-danger);}" +
-    ".sm-btn-danger:hover{background:rgba(248,113,113,.12);}" +
-    ".sm-btn.is-off{opacity:.4;cursor:not-allowed;pointer-events:none;}" +
     /* pins */
     ".sm-pinlayer{position:fixed;inset:0;z-index:2147483500;pointer-events:none;}" +
     ".sm-pin{position:fixed;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;" +
@@ -237,35 +215,20 @@
     ".sm-pop-head{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11.5px;" +
     "color:var(--sm-accent);margin-bottom:9px;word-break:break-all;}" +
     ".sm-pop-head svg{width:13px;height:13px;flex-shrink:0;}" +
-    ".sm-pop-head .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}" +
+    ".sm-pop-head .mono{font-family:var(--sm-mono);}" +
     ".sm-ta{width:100%;min-height:74px;resize:vertical;background:#0c0c0e;color:var(--sm-fg);" +
     "border:1px solid var(--sm-border);border-radius:8px;padding:9px;font:inherit;outline:none;transition:border-color .15s;}" +
     ".sm-ta:focus{border-color:var(--sm-accent);}.sm-ta::placeholder{color:#6b6b72;}" +
     ".sm-row{display:flex;gap:8px;margin-top:10px;}.sm-row.end{justify-content:flex-end;}.sm-row.split{justify-content:space-between;}" +
     ".sm-pop .sm-btn{padding:6px 12px;font-size:12px;}" +
     ".sm-ghost-body{white-space:pre-wrap;color:#d4d4d8;font-size:12.5px;line-height:1.5;}" +
-    /* done veil */
-    ".sm-veil{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;" +
-    "justify-content:center;gap:30px;font-family:var(--sm-font);color:var(--sm-fg);" +
-    "background:radial-gradient(ellipse at center,rgba(16,16,18,.93),rgba(5,5,7,.98));" +
-    "-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:sm-veil-in .4s ease;}" +
-    ".sm-veil .sm-logo{width:188px;height:106px;border-radius:14px;animation:sm-rise .6s cubic-bezier(.2,.7,.2,1) both;}" +
-    ".sm-veil .word{display:flex;flex-direction:column;gap:6px;font-family:var(--sm-word);font-weight:300;" +
-    "font-size:36px;letter-spacing:.6em;text-align:center;animation:sm-rise .6s .06s cubic-bezier(.2,.7,.2,1) both;}" +
-    ".sm-veil .word b{font-weight:300;}" +
-    ".sm-veil .word .top{animation:sm-drift-a 18s ease-in-out infinite;}" +
-    ".sm-veil .word .bot{margin-left:.3em;animation:sm-drift-b 18s ease-in-out infinite;}" +
-    ".sm-veil .status{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;animation:sm-rise .6s .12s cubic-bezier(.2,.7,.2,1) both;}" +
-    ".sm-veil .status svg{width:24px;height:24px;color:var(--sm-success);}" +
-    ".sm-veil .sub{color:var(--sm-dim);font-size:13.5px;animation:sm-rise .6s .18s cubic-bezier(.2,.7,.2,1) both;}" +
-    ".sm-veil .sub.sm-pulse{animation:sm-rise .6s .18s cubic-bezier(.2,.7,.2,1) both,sm-pulse 2s .9s ease-in-out infinite;}" +
     /* hover box */
     ".sm-hover{position:fixed;z-index:2147483450;pointer-events:none;border-radius:5px;border:2px solid var(--sm-accent);" +
     "box-shadow:0 0 0 1px rgba(0,0,0,.3),0 6px 22px rgba(0,0,0,.28);opacity:0;" +
     "transition:left .07s ease,top .07s ease,width .07s ease,height .07s ease,opacity .12s ease;}" +
     /* sidebar */
     "@keyframes sm-side-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}" +
-    ".sm-side{position:fixed;top:74px;right:14px;bottom:14px;width:288px;z-index:2147483520;display:flex;flex-direction:column;" +
+    ".sm-side{position:fixed;top:calc(var(--deck-chrome-h,62px) + 12px);right:14px;bottom:14px;width:288px;z-index:2147483520;display:flex;flex-direction:column;" +
     "background:rgba(18,18,20,.93);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1px solid var(--sm-border);" +
     "border-radius:14px;box-shadow:0 18px 54px rgba(0,0,0,.5);font-family:var(--sm-font);color:var(--sm-fg);overflow:hidden;" +
     "animation:sm-side-in .28s cubic-bezier(.2,.7,.2,1);}" +
@@ -274,7 +237,7 @@
     ".sm-side-head .n{margin-left:auto;color:var(--sm-dim);font-weight:500;font-variant-numeric:tabular-nums;}" +
     ".sm-side-body{flex:1;overflow-y:auto;padding:8px 8px 12px;}" +
     ".sm-side-grp{margin-top:9px;}.sm-side-grp:first-child{margin-top:2px;}" +
-    ".sm-side-grp-h{font-size:11px;font-weight:600;color:var(--sm-dim);padding:6px 8px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}" +
+    ".sm-side-grp-h{font-size:11px;font-weight:600;color:var(--sm-dim);padding:6px 8px 4px;font-family:var(--sm-mono);}" +
     ".sm-side-sub{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sm-dim);padding:7px 8px 2px;}" +
     ".sm-side-row{display:flex;align-items:flex-start;gap:9px;padding:7px 8px;border-radius:9px;cursor:pointer;transition:background .12s;}" +
     ".sm-side-row:hover{background:rgba(255,255,255,.05);}" +
@@ -282,12 +245,14 @@
     "font-size:10px;font-weight:600;margin-top:1px;background:#161618;color:#fff;border:1.5px solid rgba(255,255,255,.85);}" +
     ".sm-side-chip.ghost{background:rgba(20,20,22,.6);color:#a1a1aa;border:1.5px dashed #71717a;}" +
     ".sm-side-txt{font-size:12.5px;line-height:1.4;color:#e4e4e7;word-break:break-word;}" +
-    ".sm-side-loc{font-size:10.5px;color:var(--sm-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:2px;word-break:break-all;}" +
+    ".sm-side-loc{font-size:10.5px;color:var(--sm-dim);font-family:var(--sm-mono);margin-top:2px;word-break:break-all;}" +
     /* ledger status chip — where each pin stands, per row */
     ".sm-side-state{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:999px;font-size:9.5px;font-weight:600;" +
     "letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--sm-border);color:var(--sm-dim);}" +
     '.sm-side-state[data-state="draft"]{border-color:color-mix(in srgb,var(--sm-accent) 45%,transparent);color:var(--sm-accent);}' +
-    '.sm-side-state[data-state="sent"]{border-color:color-mix(in srgb,var(--sm-accent) 30%,transparent);color:#c6d4f5;}';
+    '.sm-side-state[data-state="sent"]{border-color:color-mix(in srgb,var(--sm-accent) 30%,transparent);color:#c6d4f5;}' +
+    /* small screens: the comment rail docks under the stage instead of over it */
+    "@media (max-width:760px){.sm-side{top:auto;right:8px;left:8px;bottom:8px;width:auto;max-height:38vh;}.sm-note{display:none;}}";
 
   // ---------- helpers ----------
   function stemOf(jsxPath) {
@@ -334,36 +299,6 @@
       return c.status === "draft";
     });
   }
-  function el(tag, cls, html) {
-    var e = document.createElement(tag);
-    if (cls) e.className = cls;
-    if (html != null) e.innerHTML = html;
-    return e;
-  }
-  function wordmarkHtml() {
-    return '<b class="top">slide</b><b class="bot">mind</b>';
-  }
-  // A logo mark. Genuine path: the add-in's per-brand orb PNG (CFG.logoMark),
-  // shipped on the bundle and shown verbatim. Fallback (no PNG materialized
-  // yet): a plain embossed slide glyph — no CLI-side orb re-creation.
-  function logoNode(cls, idSuffix) {
-    var box = el("div", cls);
-    if (CFG.logoMark) {
-      var img = el("img", "sm-logo-img");
-      img.src = CFG.logoMark;
-      img.alt = "slidemind";
-      box.appendChild(img);
-      return box;
-    }
-    box.appendChild(el("div", "sm-logo-svg", idSuffix ? logoWithIds(idSuffix) : LOGO_SVG));
-    return box;
-  }
-  function mkButton(label, variant, iconName) {
-    var b = el("button", "sm-btn sm-btn-" + variant);
-    b.innerHTML = (iconName ? ICONS[iconName] : "") + "<span>" + label + "</span>";
-    return b;
-  }
-
   // Build the resolvedTarget HitRegion for an element, in the same shape the
   // add-in's preview-review uses, so the harness-side formatter ports verbatim.
   function describeTarget(elx) {
@@ -399,19 +334,33 @@
   // The context the NEXT round restores from: the server nonce (the round
   // marker, added by the shared session), which slide the reviewer was on, and
   // whether this round was already sent (so a plain refresh stays in WORKING).
+  function notAskedYet() {
+    return SHELL.notAskedYet();
+  }
+  var arrivedAfterRevising = false; // this load is the round the reviewer was waiting for
+  var askedAgainUnchanged = false; // …and the agent asked again without changing anything
+
   function saveCtx() {
-    SES.saveCtx({ round: roundNo, stem: currentStem, working: working });
+    var f = { round: roundNo, stem: currentStem, working: working };
+    var shell = SHELL.ctxFields(); // the hand-off dialog and the revising strip
+    for (var k in shell) f[k] = shell[k];
+    SES.saveCtx(f);
   }
 
   // Restore this tab's session and work out whether THIS load is a new round.
   // Runs before the first render so the chrome is built in the right mode.
   function restoreSession() {
-    var st = SES.restore(CFG.ledgerSeed);
+    // A changed nonce while the agent still revises this page's comments is not
+    // the next round (SHELL.holdsRound) — nothing it was handed is answered yet.
+    var st = SES.restore(CFG.ledgerSeed, { hold: SHELL.holdsRound });
     ledger = st.ledger;
     roundNo = st.roundNo;
     working = st.working;
     // Reviewer context survives the round: come back to the same slide.
     if (st.ctx && typeof st.ctx.stem === "string" && st.ctx.stem) pendingStem = st.ctx.stem;
+    arrivedAfterRevising = SHELL.restoreCtx(st.ctx, working, st.newRound);
+    // Same bytes, asked again: the earlier pins stay "sent", never "worked in".
+    askedAgainUnchanged = !!(st.unchanged && st.hadSent);
     saveLedger();
     saveCtx();
   }
@@ -419,31 +368,20 @@
   // ---------- chrome (top bar) ----------
   var bar, approveBtn, sendBtn, countLabel, statusEl, chartNoteEl;
   function buildChrome() {
-    bar = el("div", "sm-o sm-bar");
-    bar.setAttribute("data-sm-overlay", "1");
-
-    var brand = el("div", "sm-brand");
-    brand.appendChild(logoNode("sm-logo"));
-    brand.appendChild(el("div", "sm-word", wordmarkHtml()));
-    bar.appendChild(brand);
-    bar.appendChild(el("div", "sm-sep"));
-
-    var meta = el("div", "sm-meta");
-    meta.appendChild(el("div", "t", "Review"));
-    meta.appendChild(el("div", "h", "Click any element to comment · ← → to switch slide"));
-    bar.appendChild(meta);
-
+    var built = SHELL.buildBar("Review", "Click any element to comment · ← → to switch slide");
+    bar = built.bar;
+    var grow = built.grow;
     // The working strip: shown instead of the old full-screen waiting veil, so
     // the preview behind it stays readable and pinnable while the agent fixes.
     statusEl = el("div", "sm-o sm-status");
-    bar.appendChild(statusEl);
+    grow.appendChild(statusEl);
 
     var note = el(
       "div",
       "sm-note",
-      "<b>Ask for slide changes here.</b> Direct PowerPoint edits after approval are not tracked and may be overwritten. Preview may differ slightly from final PowerPoint.",
+      "<b>Ask for slide changes here.</b> You approve once: your agent then builds the deck and makes later changes directly in PowerPoint. Preview may differ slightly from final PowerPoint.",
     );
-    bar.appendChild(note);
+    grow.appendChild(note);
 
     // Add-in parity: a slide holding a <Chart> shows a stand-in, never
     // PowerPoint's render — warn on exactly those slides.
@@ -452,9 +390,11 @@
       "sm-note sm-chart-note",
       "<b>Preview only</b> — the chart may look different in PowerPoint.",
     );
-    bar.appendChild(chartNoteEl);
-
-    bar.appendChild(el("div", "sm-grow"));
+    grow.appendChild(chartNoteEl);
+    grow.style.display = "flex";
+    grow.style.alignItems = "center";
+    grow.style.gap = "16px";
+    SHELL.fitBar(); // with no room in the middle, the notes fold behind the (i)
 
     countLabel = el("div", "sm-count");
     bar.appendChild(countLabel);
@@ -470,7 +410,6 @@
     approveBtn.onclick = approve;
     bar.appendChild(approveBtn);
 
-    document.body.appendChild(bar);
     refreshChrome();
   }
   // Approve is refused while the agent is fixing (the render on screen is
@@ -482,30 +421,63 @@
     if (!countLabel) return;
     var open = openComments().length;
     var d = draftComments().length;
+    // the in-flight latch: one answer at a time, a double click cannot send twice
+    var pending = SHELL.decisionPending();
+    var sending = pending && SHELL.state.pending;
     countLabel.textContent =
       ledger.length === 0
         ? "no comments yet"
         : open + " open · " + ledger.length + " total";
     sendBtn.style.display = !working && d > 0 ? "" : "none";
-    sendBtn.querySelector("span").textContent =
-      "Send " + d + (d === 1 ? " comment" : " comments");
-    var off = working || d > 0;
+    sendBtn.disabled = pending;
+    sendBtn.classList.toggle("is-off", pending);
+    // in the workspace the answer also copies the message the user pastes to
+    // their agent; the dialog after the click says so, the button stays short
+    sendBtn.querySelector("span").textContent = sending && sending.decision === "comments" ? "Sending…" : "Send " + d + (d === 1 ? " comment" : " comments");
+    var already = SHELL.alreadyApproved();
+    var notAsked = notAskedYet();
+    // an approval would cover a preview older than the slides (comments stay open)
+    var stale = SHELL.isPreviewStale() && !working;
+    var off = working || d > 0 || already || notAsked || pending || stale;
     approveBtn.disabled = off;
     approveBtn.setAttribute("aria-disabled", off ? "true" : "false");
     approveBtn.classList.toggle("is-off", off);
-    approveBtn.title = working
-      ? "The agent is fixing the slides — approve once the next round arrives."
+    approveBtn.querySelector("span").textContent = already
+      ? SHELL.reviewNotNeeded() ? "No review needed" : "Approved"
+      : notAsked
+        ? "Approve when your agent asks"
+        : sending && sending.decision === "approve"
+          ? "Approving…"
+          : CFG.embedded
+            ? "Approve slides"
+            : "Approve & continue";
+    approveBtn.title = already
+      ? SHELL.reviewNotNeeded()
+        ? "This deck came from your PowerPoint file, so there is nothing to approve. Pin a comment if something must change."
+        : "These slides are approved. Pin a comment if something must still change."
+      : notAsked
+        ? "Your agent is still working on the slides. It asks for your review when they are ready."
+      : pending
+        ? "Sending your answer…"
+      : stale
+        ? "Your agent changed the slides after this preview was made — approve the new version when it shows it to you."
+      : working
+      ? (CFG.embedded ? "Your answer is saved — approve the next version when your agent asks." : "The agent is fixing the slides — approve once the next round arrives.")
       : d > 0
         ? "Send or delete your comments before approving."
-        : "Approve and continue.";
-    statusEl.classList.toggle("on", working);
-    if (working) {
+        : CFG.embedded
+          ? "Approve these slides. You then paste a message into your agent chat."
+          : "Approve and continue.";
+    // Embedded, the working state is the full-width strip under the bar
+    // (renderRevising); in the terminal gate the bar chip carries it.
+    var chip = working && !CFG.embedded;
+    statusEl.classList.toggle("on", chip);
+    if (chip) {
       statusEl.innerHTML = '<div class="sm-spin"></div>';
       var txt = el("div");
       txt.appendChild(el("div", null, "<b>The agent is working through your comments</b>"));
       txt.appendChild(el("div", null, "")).textContent =
-        (workingNote ? workingNote + " " : "") +
-        "This tab refreshes with the next round — comment again then.";
+        (workingNote ? workingNote + " " : "") + "This tab refreshes with the next round.";
       statusEl.appendChild(txt);
     }
   }
@@ -559,13 +531,19 @@
     var st = stage();
     if (!st) return;
     var rail = document.getElementById("slide-rail");
-    var railW = rail && getComputedStyle(rail).display !== "none" ? rail.offsetWidth : 0;
-    var reserve = sidebarOpen ? SIDEBAR_W : 0;
+    // The rail sits left (its width) or, on small screens, along the bottom
+    // (its height) — see preview.html's media query.
+    var railShown = rail && getComputedStyle(rail).display !== "none";
+    var railBottom = railShown && rail.offsetWidth >= window.innerWidth - 1;
+    var railW = railShown && !railBottom ? rail.offsetWidth : 0;
+    var railH = railBottom ? rail.offsetHeight : 0;
+    var narrow = window.innerWidth <= 760;
+    var reserve = sidebarOpen && !narrow ? SIDEBAR_W : 0;
     var availW = window.innerWidth - railW - reserve;
-    var availH = window.innerHeight - HEADER_H - 8;
+    var availH = window.innerHeight - chromeH - railH - 8;
     var s = Math.min(availW / 1280, availH / 720) * 0.94;
     var offX = -reserve / 2;
-    var offY = HEADER_H / 2;
+    var offY = (chromeH - railH) / 2;
     st.style.transform = "translate(" + offX + "px," + offY + "px) scale(" + s + ")";
     renderPins();
   }
@@ -579,10 +557,10 @@
     };
   }
   // Only a DRAFT is still the reviewer's to change; once it is with the agent
-  // it is read-only history.
+  // — or on its way there (SHELL.inFlight) — it is read-only history.
   function openCommentAt(c) {
     var p = commentScreenPoint(c);
-    if (c.status === "draft") openEditor(c, p.x, p.y);
+    if (c.status === "draft" && !SHELL.inFlight(c.id)) openEditor(c, p.x, p.y);
     else openGhost(c, p.x, p.y);
   }
   function statusLabel(c) {
@@ -712,6 +690,49 @@
     var py = sr.top + fy(c) * sr.height;
     pin.style.left = px + "px";
     pin.style.top = py + "px";
+    if (c.status === "draft" && !SHELL.inFlight(c.id)) {
+      // A draft pin can be dragged onto the right spot: the comment keeps its
+      // text, its slide fraction (and the element under it) are re-read on drop.
+      pin.style.cursor = "grab";
+      pin.addEventListener("pointerdown", function (e) {
+        if (e.button !== 0) return;
+        var startX = e.clientX, startY = e.clientY, moved = false;
+        pin.setPointerCapture(e.pointerId);
+        function onMove(ev) {
+          if (!moved && Math.hypot(ev.clientX - startX, ev.clientY - startY) < 4) return;
+          moved = true;
+          pin.style.cursor = "grabbing";
+          pin.style.left = ev.clientX + "px";
+          pin.style.top = ev.clientY + "px";
+        }
+        function onUp(ev) {
+          pin.removeEventListener("pointermove", onMove);
+          pin.removeEventListener("pointerup", onUp);
+          pin.removeEventListener("pointercancel", onUp);
+          pin.style.cursor = "grab";
+          if (!moved) return; // a click: the onclick below opens the editor
+          var r = stage() && stage().getBoundingClientRect();
+          if (!r) return;
+          c.x = clamp01((ev.clientX - r.left) / r.width);
+          c.y = clamp01((ev.clientY - r.top) / r.height);
+          pin.style.pointerEvents = "none";
+          var under = document.elementFromPoint(ev.clientX, ev.clientY);
+          pin.style.pointerEvents = "";
+          c.resolvedTarget = under && stage().contains(under) && under !== stage() ? describeTarget(under) : null;
+          saveLedger();
+          renderAll();
+        }
+        pin.addEventListener("pointermove", onMove);
+        pin.addEventListener("pointerup", onUp);
+        pin.addEventListener("pointercancel", onUp);
+      });
+      pin.addEventListener("click", function (e) {
+        e.stopPropagation();
+        if (pin.style.cursor === "grabbing") return;
+        openCommentAt(c);
+      });
+      return pin;
+    }
     pin.onclick = function (e) {
       e.stopPropagation();
       openCommentAt(c);
@@ -862,61 +883,47 @@
     renderAll();
   }
   // "Send N comments": the whole draft batch resolves the gate as one comments
-  // round, the drafts flip to "sent" and the tab enters working mode.
+  // round. The shell carries it to the server (retries a busy deck, waits out a
+  // stopped workspace) and calls decided() once it is saved — only then do the
+  // drafts flip to "sent" and the tab enter working mode.
   function sendComments() {
-    if (approved || working) return;
+    if (approved || working || SHELL.decisionPending()) return;
     var batch = draftComments();
     if (!batch.length) return;
     // Ask for notification permission HERE — the click is a user gesture, the
-    // only context where the browser will show the prompt.
-    SES.requestNotifyPermission();
-    fetch(CFG.endpoint, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ decision: "comments", comments: batch.map(SES.wire) }),
-    })
-      .then(function (res) {
-        if (res.status === 409) {
-          // Another tab already decided this run. The drafts stay drafts — the
-          // next round reloads this tab and the reviewer can send them then.
-          enterWorking("Round superseded.");
-          return;
-        }
-        if (!res.ok) throw new Error("gate refused the decision");
-        batch.forEach(function (x) {
-          x.status = "sent";
-        });
-        saveLedger();
-        enterWorking();
-      })
-      .catch(function () {
-        // The command is gone (killed / timed out). The drafts stay in the tab.
-        alert("Could not reach the slidemind review server — is the terminal command still running?");
-      });
+    // only context where the browser will show the prompt. Standalone only: in
+    // the workspace nothing waits in the background, and a permission prompt
+    // there is friction on the click that copies the message.
+    if (!CFG.embedded) SES.requestNotifyPermission();
+    SHELL.decide({ decision: "comments", comments: batch.map(SES.wire) });
+    renderAll();
   }
   function approve() {
     if (approved || working || draftComments().length) return;
-    approved = true;
-    fetch(CFG.endpoint, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ decision: "approve", comments: [] }),
-    })
-      .then(function (res) {
-        if (res.status === 409) {
-          // Another tab already decided this run: the render is superseded.
-          approved = false;
-          enterWorking("Round superseded.");
-          return;
-        }
-        showDone();
-        requestTabClose();
-      })
-      .catch(function () {
-        approved = false;
-        alert("Could not reach the slidemind review server — is the terminal command still running?");
-      });
+    if (SHELL.decisionPending() || SHELL.alreadyApproved() || notAskedYet() || SHELL.isPreviewStale()) return;
+    SHELL.decide({ decision: "approve", comments: [] });
+    renderAll();
   }
+  // The server saved the answer (never before: a refused POST leaves every
+  // draft a draft). The rows the request carried are the ones that are sent.
+  function decided(decision, body) {
+    if (decision === "approve") {
+      approved = true;
+      showDone();
+      requestTabClose();
+      return;
+    }
+    var sentIds = {};
+    ((body && body.comments) || []).forEach(function (c) {
+      sentIds[c.id] = true;
+    });
+    ledger.forEach(function (x) {
+      if (x.status === "draft" && sentIds[x.id]) x.status = "sent";
+    });
+    saveLedger();
+    enterWorking(CFG.embedded ? "Comments saved." : null);
+  }
+
   // ---------- working mode (the agent is fixing) ----------
   // The tab neither veils over nor freezes: the stage stays browsable and the
   // ledger stays visible; pinning and Approve go away until the next round.
@@ -930,20 +937,18 @@
     hideHoverBox();
     saveCtx(); // a plain refresh of this round stays in working mode
     renderAll();
+    SHELL.renderRevising();
     startNextRoundPolling();
   }
   function requestTabClose() {
-    setTimeout(function () {
-      try {
-        window.open("", "_self");
-        window.close();
-      } catch {
-        // Some browsers only allow script-opened tabs to close themselves.
-      }
-    }, 120);
+    if (CFG.embedded) return; // the workspace page stays; nothing to close
+    SHELL.requestTabClose();
   }
-  // The shared heartbeat poll (gate-session.js) with this gate's two endings.
+  // The shared heartbeat poll (gate-session.js) with this gate's two endings —
+  // standalone only: in the workspace page the shell's monitor watches the round
+  // for the page's whole life, and the page never "ends".
   function startNextRoundPolling() {
+    if (CFG.embedded) return;
     SES.startNextRoundPolling({
       onEnded: showSessionEnded,
       // A retired tab still holding unsent drafts must not discard them: the
@@ -955,27 +960,33 @@
       },
     });
   }
-  // Shared full-screen veil (logo + wordmark + status + sub). Replaces any veil
-  // already shown rather than stacking a second one, so a comments round's
-  // "waiting" veil can be swapped for "session ended" in place.
+  // The shared veil, with this gate's own nodes taken off screen behind it.
   function showVeil(statusHtml, subText, subPulse) {
     closePopover();
-    if (pinLayer) pinLayer.style.display = "none";
-    if (bar) bar.style.display = "none";
-    var existing = document.querySelector(".sm-veil[data-sm-overlay]");
-    if (existing && existing.parentNode) existing.parentNode.removeChild(existing);
-    var veil = el("div", "sm-o sm-veil");
-    veil.setAttribute("data-sm-overlay", "1");
-    veil.appendChild(logoNode("sm-logo", "-v"));
-    veil.appendChild(el("div", "word", wordmarkHtml()));
-    veil.appendChild(el("div", "status", statusHtml));
-    veil.appendChild(el("div", "sub" + (subPulse ? " sm-pulse" : ""), subText));
-    document.body.appendChild(veil);
+    return SHELL.showVeil(statusHtml, subText, subPulse, [pinLayer, sidebarEl, hoverBox]);
   }
   // The veil is now ONLY for states where the review is over (approved, session
   // expired, superseded). A comments round no longer veils: see enterWorking.
+  // Embedded, the veil says the agent HAS the approval — only once the wire
+  // proved it (delivered, or picked up later). Until then the approval is saved
+  // and the strip + hand-off say what is still missing.
   function showDone() {
-    showVeil(ICONS.check + "<span>Approved</span>", "Returned to your terminal.");
+    if (CFG.embedded && SHELL.state.phase !== "approved") {
+      enterWorking("Approved.");
+      return;
+    }
+    // working, so a reload (the approval itself may move the round) restores
+    // this state instead of a fresh "approved — nothing to do" page
+    if (CFG.embedded && !working) enterWorking("Approved.");
+    var picked = SHELL.state.pickedUpAt;
+    showVeil(
+      ICONS.check + "<span>Approved</span>",
+      !CFG.embedded
+        ? "Returned to your terminal."
+        : picked
+          ? "Your agent picked it up at " + SHELL.hhmm(picked) + " and is building the PowerPoint now."
+          : "Your agent has it and is building the PowerPoint now.",
+    );
   }
   function showSessionEnded() {
     showVeil("<span>Session ended</span>", "You can close this tab.");
@@ -1008,29 +1019,12 @@
     var st = stage();
     var hasChart = !!(st && st.querySelector("[data-sm-chart]"));
     chartNoteEl.classList.toggle("on", hasChart);
+    SHELL.fitBar();
   }
 
   // ---------- wire up ----------
   function injectAssets() {
-    var style = el("style");
-    style.id = "sm-review-style";
-    style.textContent = CSS;
-    document.head.appendChild(style);
-
-    var pre1 = el("link");
-    pre1.rel = "preconnect";
-    pre1.href = "https://fonts.googleapis.com";
-    var pre2 = el("link");
-    pre2.rel = "preconnect";
-    pre2.href = "https://fonts.gstatic.com";
-    pre2.crossOrigin = "anonymous";
-    var fonts = el("link");
-    fonts.rel = "stylesheet";
-    fonts.href =
-      "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Urbanist:wght@300;400&display=swap";
-    document.head.appendChild(pre1);
-    document.head.appendChild(pre2);
-    document.head.appendChild(fonts);
+    SHELL.injectAssets(CSS);
   }
 
   function init() {
@@ -1045,12 +1039,19 @@
     restoreSession();
 
     injectAssets();
-    st.style.cursor = "crosshair";
+    st.style.cursor = COMMENT_CURSOR;
     // Slide play order, for the sidebar's jump-to-slide.
     document.querySelectorAll('script[data-kind="slide"]').forEach(function (s) {
       slideOrder[parseInt(s.dataset.index, 10)] = s.dataset.name;
     });
     buildChrome();
+    if (CFG.embedded && working) setTimeout(SHELL.renderRevising, 0); // a refresh mid-round keeps the strip
+    if (CFG.embedded && working && SHELL.state.phase === "approved") setTimeout(showDone, 0); // the agent has the approval
+    if (CFG.embedded && !working && askedAgainUnchanged && CFG.asked) setTimeout(SHELL.showAskedAgainUnchanged, 0);
+    else if (CFG.embedded && !working && arrivedAfterRevising && CFG.asked) setTimeout(function () { SHELL.showArrived("It worked through your comments. Have another look."); }, 0);
+    if (SHELL.alreadyApproved()) setTimeout(function () { SHELL.showApprovedBanner(SHELL.reviewNotNeeded() ? "This deck came from your PowerPoint file, so your agent makes changes directly in it." : "Later changes go straight into the PowerPoint file — no new review needed."); }, 0);
+    if (SHELL.askedAgain()) setTimeout(function () { SHELL.showApprovedBanner("Approve again to let it continue, or pin a comment if something must still change.", "Your agent asks you to confirm the slides again"); }, 0);
+    if (notAskedYet()) setTimeout(function () { SHELL.showNotAskedBanner("Your agent is still working on the slides. Look around if you like — this page updates by itself when it asks you."); }, 0);
     buildPinLayer();
     buildHoverBox();
 
@@ -1084,7 +1085,7 @@
 
     window.addEventListener("resize", function () {
       closePopover();
-      applyStageFit();
+      SHELL.offsetSurface(); // a banner rewraps at a new width; it refits the stage
     });
 
     var nav = document.getElementById("nav");
@@ -1109,6 +1110,8 @@
       // Parked round: the agent is waiting on the reviewer — announce it.
       SES.announceNewRound(flagged);
     }
+    // The hand-over in progress, the next-load note, an answer on its way.
+    setTimeout(SHELL.resume, 0);
   }
 
   if (document.readyState === "loading") {