bareloop 0.36.0 → 0.38.0

package/src/panel/index.html

@@ -140,6 +140,8 @@
   .dot::before{content:"[·]";color:var(--grey-dot);}
   .dot.green::before{content:"[✓]";color:var(--green);}
   .dot.red::before{content:"[✗]";color:var(--red);}
+  /* stopped (hamr 2026-10-07): the person pressed Stop — its own sign, same red as [✗] */
+  .dot.stopped::before{content:"[■]";color:var(--red);}
   /* Panel build P3 addition (2026-09-27, "yes, go"): the part cards below the
      step map (`partResultGlyph`/`attemptGlyph`) and the chat job card render
      their result glyph as PLAIN inline text inside a larger string (never
@@ -272,10 +274,21 @@
   .import-view .imp-row{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;}
   .import-view .imp-label{color:var(--text-faint);font-size:11px;letter-spacing:0.08em;min-width:84px;}
   .import-view .imp-text{flex:1 1 220px;min-width:0;overflow-wrap:anywhere;}
-  .startfrom-line{margin:2px 0 8px;font-size:12px;color:var(--accent);overflow-wrap:anywhere;}
+  .startfrom-line{margin:4px 0 0;font-size:11px;color:var(--text-dim);overflow-wrap:anywhere;}
   .job-card .locked{opacity:.55;cursor:not-allowed;}
-  .job-card.reuse .radio-row label{opacity:.55;cursor:not-allowed;}
-  .startfrom-origin{font-size:12px;font-weight:600;color:var(--text-dim);margin:0 0 4px;padding-right:112px;overflow-wrap:anywhere;}
+  /* Reuse workflow picker (hamr 2026-10-06): the third Check type radio; search box + list, then the picked box */
+  .radio-row label{white-space:nowrap;}
+  .rw-box{position:relative;margin-top:6px;}
+  .rw-box input{width:100%;box-sizing:border-box;}
+  .rw-list{list-style:none;margin:0;padding:0;border:1px solid var(--border-strong);border-top:none;background:var(--bg);max-height:220px;overflow:auto;}
+  .rw-list li{padding:7px 8px;border-bottom:1px dotted var(--border);cursor:pointer;}
+  .rw-list li:hover,.rw-list li.hl{background:var(--panel2);}
+  .rw-name{font-weight:700;overflow-wrap:anywhere;} .rw-name mark{background:none;color:var(--accent);text-decoration:underline;}
+  .rw-meta{font-size:11px;color:var(--text-dim);margin-top:2px;overflow-wrap:anywhere;}
+  .rw-empty{padding:7px 8px;font-size:12px;color:var(--text-dim);}
+  .rw-picked{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;border:1px solid var(--accent);}
+  .rw-picked span{overflow-wrap:anywhere;}
+  .rw-picked a{font-size:12px;cursor:pointer;flex:none;}
   .run-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
   .run-actions[hidden]{display:none;}
   .run-actions .stopping{color:var(--amber);font-size:13px;overflow-wrap:anywhere;}
@@ -284,10 +297,6 @@
   .wf-resumed{color:var(--amber);}
   .audit-leg-divider{text-align:center;color:var(--text-dim);font-size:12px;margin:10px 0;overflow-wrap:anywhere;}
   .audit-leg-divider-row td{text-align:center;color:var(--text-dim);font-size:12px;background:var(--panel2);}
-  /* Resume opens the run's own Job tab: only the two caps turn into inputs, everything else stays read-only */
-  .resume-job{border:1px dashed var(--border-strong);margin-top:12px;padding:10px;display:grid;gap:8px;}
-  .resume-cap{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
-  .resume-cap input{width:7em;max-width:100%;min-height:36px;background:var(--panel);color:var(--text);border:1px solid var(--border-strong);padding:4px 8px;font:inherit;}
   .summary-box.red{border-color:var(--red);}
   .summary-box.amber{border-color:var(--amber);}
   .summary-box.magenta{border-color:var(--magenta);}
@@ -363,6 +372,9 @@
   .job-card{position:relative;border:1px solid var(--border-strong);padding:14px 10px 10px;background:var(--panel2);margin-top:10px;margin-bottom:10px;}
   .job-card h4{margin:0 0 8px;font-size:13px;position:absolute;top:-10px;left:10px;background:var(--panel2);padding:0 6px;}
   .job-card .card-clear{position:absolute;top:-13px;right:10px;padding:1px 8px;font-size:11px;line-height:1.4;background:var(--panel2);}
+  .job-card .origin-line{font-size:12px;padding:6px 8px;border-left:3px solid var(--amber);background:var(--panel);color:var(--text-dim);margin-bottom:6px;overflow-wrap:anywhere;}
+  .job-card .origin-line.res{border-color:var(--accent, var(--text));}
+  .job-card .chat-resume-box{display:grid;gap:8px;margin-top:10px;}
   .job-card h4::before{content:"┤ ";color:var(--text-faint);}
   .job-card h4::after{content:" ├";color:var(--text-faint);}
   .field{margin-bottom:10px;}
@@ -519,17 +531,25 @@
           <!-- hamr 2026-10-05: the empty card is ALWAYS there when Chat opens (no + New). The top-right button reads
                "Abandon" while a session is live and unsigned, else "Clear"; both leave an empty card. -->
           <div class="job-card compact" id="job-card" data-testid="job-card">
-            <div class="startfrom-origin" id="chat-startfrom-origin" data-testid="startfrom-origin" hidden></div>
             <h4 id="job-card-title">Job card — draft</h4>
             <button class="btn card-clear" type="button" id="chat-clear-btn" data-testid="chat-clear">Clear</button>
-            <div class="startfrom-line" id="chat-startfrom-line" data-testid="startfrom-line" hidden></div>
             <div class="hint" id="chat-startfrom-note" data-testid="startfrom-note" hidden></div>
+            <div class="origin-line" id="chat-origin-line" data-testid="origin-line" hidden></div>
 
             <div class="field">
               <label id="jf-verdict-label">Check type</label>
               <div class="radio-row" role="radiogroup" aria-labelledby="jf-verdict-label">
                 <label><input type="radio" name="jf-verdict" value="deterministic" checked> Deterministic</label>
                 <label><input type="radio" name="jf-verdict" value="rubric"> Rubric</label>
+                <label><input type="radio" name="jf-verdict" value="reuse" data-testid="jf-verdict-reuse"> Reuse workflow</label>
+              </div>
+              <div id="rw" data-testid="rw" hidden>
+                <div class="rw-box" id="rw-search" data-testid="rw-search">
+                  <input id="rw-q" data-testid="rw-q" type="text" placeholder="type a job name…" autocomplete="off">
+                  <ul class="rw-list" id="rw-list" data-testid="rw-list"></ul>
+                </div>
+                <div class="rw-picked" id="rw-picked" data-testid="rw-picked" hidden><span id="rw-picked-txt" data-testid="rw-picked-txt"></span><a id="rw-change" data-testid="rw-change" role="button" tabindex="0">change</a></div>
+                <div class="startfrom-line" id="chat-startfrom-line" data-testid="startfrom-line" hidden></div>
               </div>
             </div>
             <div class="field">
@@ -580,6 +600,11 @@
               </div>
             </div>
             <div class="hint" id="chat-card-error" data-testid="chat-card-error"></div>
+            <div id="chat-resume-box" class="chat-resume-box" data-testid="resume-box" hidden>
+              <div class="hint" id="chat-resume-spent" data-testid="resume-spent"></div>
+              <div class="ended-actions"><button class="btn primary" type="button" id="chat-resume-sign" data-testid="btn-sign-resume">Sign &amp; resume</button> <button class="btn" type="button" id="chat-resume-cancel" data-testid="btn-resume-cancel">Cancel</button></div>
+              <div class="resume-err" id="chat-resume-err" data-testid="resume-err" hidden></div>
+            </div>
           </div>
 
           <div class="chat-thread" id="chat-thread" data-testid="chat-thread"></div>
@@ -705,8 +730,8 @@
             <div class="field"><label>Check type</label><div class="ro-value" id="details-verdict">—</div></div>
             <div class="field"><label>Model</label><div class="ro-value" id="details-model">—</div></div>
             <div class="field-row">
-              <div class="field"><label id="details-cap-money-label">$ cap</label><div class="ro-value" id="details-cap-money">—</div></div>
-              <div class="field"><label id="details-cap-time-label">Time cap</label><div class="ro-value" id="details-cap-time">—</div></div>
+              <div class="field"><label>$ cap</label><div class="ro-value" id="details-cap-money">—</div></div>
+              <div class="field"><label>Time cap</label><div class="ro-value" id="details-cap-time">—</div></div>
             </div>
             <div class="field" id="details-description-field"><label>Description</label><div class="ro-value" id="details-description">—</div></div>
             <div class="field"><label>Goal</label><div class="ro-value scroll" id="details-goal">—</div></div>
@@ -716,7 +741,6 @@
             <div class="field"><label>Destination</label><div class="ro-value" id="details-dest">—</div></div>
             <div class="field"><label>Tools</label><div class="ro-value" id="details-tools">—</div></div>
             <div class="hint" id="job-note"></div>
-            <div id="resume-job" class="resume-job" data-testid="resume-job" hidden></div>
           </div>
         </section>
 
@@ -955,6 +979,7 @@
     if(part.outcome === "green" || part.outcome === "satisfied" || part.outcome === "already-green") return "done";
     if(typeof part.outcome === "string") return "stopped";
     // P5-R: its leg's halt cut this part off — the map's existing "stopped" state, never "done"
+    if(part.status && part.status.key === "died") return "died";
     if(part.stopReason) return "stopped";
     if(isLastLivePart) return "running";
     return "done"; // scout/plan/replan/judge: no per-part verdict, but the part itself already happened
@@ -993,6 +1018,8 @@
         partIndex: idx,
         title: part.label + occSuffix,
         state: partBoxState(part, isLastLivePart),
+        // the word this box wears: the server's table entry for the part (src/panel/status.js partStatusFor), except the live part, which is running
+        status: isLastLivePart && partBoxState(part, true) === "running" ? {sign:"\u25B6", word:"running"} : (part.status || null),
         noNumber: part.kind !== "step",
         // display-only attempts (map inline text + card/audit result glyph
         // fallback) — [] for a no-verdict part kind even though `part.attempts`
@@ -1007,6 +1034,14 @@
       };
     });
   }
+  // ONE spelling of a part's shown state: `[sign] word` from the server's table; the raw state only when no table entry came
+  function boxStatusWord(box){
+    return box.status && box.status.word ? box.status.word : String(box.state);
+  }
+  // the map box adds the sign; step cards and Audit rows show the word only (an attempt glyph already sits beside them)
+  function boxStatusText(box){
+    return box.status && box.status.word ? "[" + box.status.sign + "] " + boxStatusWord(box) : boxStatusWord(box);
+  }
   function naturalBoxWidth(steps){
     var numIdx = stepNumberIndices(steps);
     var maxChars = 0;
@@ -1107,7 +1142,7 @@
           '" text-anchor="middle" font-size="12" fill="var(--text)">' + escapeXml(lines[1]) + '</text>';
       }
       body += '<text x="' + (x + boxW / 2) + '" y="' + stateY +
-        '" text-anchor="middle" font-size="10" fill="' + colors.textFill + '">' + escapeXml(s.state) + '</text>';
+        '" text-anchor="middle" font-size="10" fill="' + colors.textFill + '">' + escapeXml(boxStatusText(s)) + '</text>';
       // P2 (2026-09-27 ruling): a running box gets the mockup's pulsing
       // amber dot (design/panel-mockup.html ~line 1648) — same fixed color
       // and animation, never re-derived from the state's own stroke color.
@@ -1238,6 +1273,7 @@
   function glyphClass(g){
     if(g === "✓") return "green";
     if(g === "✗") return "red";
+    if(g === "■") return "stopped";
     if(g === "▶") return "amber";
     if(g === "?") return "magenta";
     return "grey";
@@ -1470,6 +1506,17 @@
   // is a normal, expected action.
   var wfExpanded = {};
 
+  // hamr 2026-10-08 (display only, nothing deleted): with NO search/filter active an expanded job shows at most its
+  // latest WF_SUB_CAP other runs (g.runs is latest-first). A selected older run beyond the cap (picked from History) is
+  // appended after them rather than hidden. With search/filters active every matching sub-card shows.
+  var WF_SUB_CAP = 7;
+  function capSubRuns(childRuns, active, selectedRunid){
+    if(active || childRuns.length <= WF_SUB_CAP) return {shown: childRuns, more: false};
+    var shown = childRuns.slice(0, WF_SUB_CAP);
+    var sel = selectedRunid ? childRuns.slice(WF_SUB_CAP).filter(function(r){ return r.runid === selectedRunid; }) : [];
+    return {shown: shown.concat(sel), more: true};
+  }
+
   function renderWorkflows(jobs){
     var el = document.getElementById("wf-list");
     el.innerHTML = "";
@@ -1556,7 +1603,15 @@
       if(expanded){
         var runsWrap = document.createElement("div");
         runsWrap.className = "wf-runs";
-        childRuns.forEach(function(r){ runsWrap.appendChild(buildRunRowEl(r, true)); });
+        var capped = capSubRuns(childRuns, active, olderSelected);
+        capped.shown.forEach(function(r){ runsWrap.appendChild(buildRunRowEl(r, true)); });
+        if(capped.more){
+          var olderHint = document.createElement("div");
+          olderHint.className = "hint";
+          olderHint.setAttribute("data-testid", "wf-older-" + g.job);
+          olderHint.textContent = "older: use search.";
+          runsWrap.appendChild(olderHint);
+        }
         wrap.appendChild(runsWrap);
       }
       el.appendChild(wrap);
@@ -1625,7 +1680,8 @@
     var q = (filters && filters.search) || "";
     return (runs || []).filter(function(r){
       if(ct.length && ct.indexOf(r.checkType) === -1) return false;
-      if(rs.length && rs.indexOf(r.glyph) === -1) return false;
+      // a stopped run ([■]) was a [✗] before hamr's 2026-10-07 sign ruling — the fail chip still finds it
+      if(rs.length && rs.indexOf(r.glyph) === -1 && !(r.glyph === "\u25A0" && rs.indexOf("\u2717") !== -1)) return false;
       if(!matchesSearch(r.job, r.runid, r.model, q, r.runNo)) return false;
       if(time !== "all"){
         var days = time === "7d" ? 7 : 30;
@@ -1937,7 +1993,6 @@
     clearSelection();
     currentRunid = null;
     runIsLive = false;
-    resumeMode = null;
     currentImportId = id;
     document.querySelectorAll("#import-list .wf-row").forEach(function(r){
       var on = r.getAttribute("data-testid") === "import-row-" + id;
@@ -2334,11 +2389,9 @@
   // The sentences are CODE-OWNED on the server (`endedFor`, src/panel/server.js) — this only
   // paints them. `detail.ended` is null while a run is live (no block while running).
   var lastEndedSig = null;
-  // P5-R (hamr 2026-10-02): Resume opens the run's OWN Job tab. There ONLY the money cap and the time cap are
-  // editable; every other field is the signed job, shown read-only exactly as the tab already shows it. The click
-  // on [Sign & resume] is the signature when a cap changed. A resume is the SAME run: no new card, no new job.
-  var resumeMode = null;
-  var lastJobShown = null;
+  // Resume (P5-R, hamr 2026-10-02: opened the run's own Job tab) MOVED to the left Chat card (hamr 2026-10-07): the card
+  // in RESUME mode, only the money cap and the time cap open (applyResume / signResume). The Job tab is read-only on
+  // every run — values only, no inputs, no buttons. A resume is the SAME run: no new card, no new job.
   function renderEnded(detail){
     var box = document.getElementById("ended-block");
     var e = detail.ended;
@@ -2355,18 +2408,46 @@
       '<div class="ended-row"><span class="ended-label">NEXT</span><span class="ended-text" data-testid="ended-next">' + escapeXml(e.next) + '</span></div>';
   }
   // ---- P5 item 5: the run's ACTION AREA (Run tab, above the counters) — Stop while the run is live, Resume once
-  // it ended in a way the engine would accept (the SAME button as the Ended block's, same Job-tab resume mode).
+  // it ended in a way the engine would accept (opens the Chat card's resume mode), Edit in chat on every non-green ending.
   // The Ended block (Audit tab) is text only and carries no buttons.
   var stopAsked = {};
   // Reuse workflow (replaces P5 item 3's Start from this) — ask the server for the prefill (the signed job), then
   // hand it to the Chat tab's New job card. The page decides nothing: the server owns what is locked and what is open.
-  function reuseWorkflow(runid){
-    authorGet("/api/author/start-from?runid=" + encodeURIComponent(runid)).then(function(r){
+  // `model` (optional) = the Chat card's Model box, when the picker asks: the estimate line then counts only that worker's runs.
+  function reuseWorkflow(runid, model){
+    authorGet("/api/author/start-from?runid=" + encodeURIComponent(runid) + (model ? "&model=" + encodeURIComponent(model) : "")).then(function(r){
       if(!r || !r.ok){ window.alert((r && r.error) || "nothing to start from"); return; }
       document.getElementById("tab-chat").click();
       document.dispatchEvent(new CustomEvent("bareloop-reuse", {detail: {runid: runid, prefill: r}}));
     }).catch(function(x){ window.alert("could not reach the panel: " + x.message); });
   }
+  // Edit in chat (hamr 2026-10-07, option A) — the same prefill door as Reuse workflow (`start-from`, the ONE reader of a
+  // run's signed job), but the Chat card opens with EVERY box open and the normal [Start drafting] path: it drafts a new job.
+  // The origin line is code-owned fixed text; run name and status word come from the same helpers the run header uses.
+  function editInChat(detail){
+    var origin = "Copied from " + detail.job + " (" + runLabel(detail.runNo, detail.runid) + ") \u2014 " +
+      ((detail.status && detail.status.word) || "ended") +
+      ". Every box is open. Change anything and it drafts as a new job; change nothing and it is another run of the same job.";
+    authorGet("/api/author/start-from?runid=" + encodeURIComponent(detail.runid)).then(function(r){
+      document.getElementById("tab-chat").click();
+      document.dispatchEvent(new CustomEvent("bareloop-edit", {detail: (r && r.ok) ? {runid: detail.runid, prefill: r, origin: origin} : {error: (r && r.error) || "nothing to copy"}}));
+    }).catch(function(x){
+      document.getElementById("tab-chat").click();
+      document.dispatchEvent(new CustomEvent("bareloop-edit", {detail: {error: "could not reach the panel: " + x.message}}));
+    });
+  }
+  // Resume (hamr 2026-10-07, option B — moved from the run's Job tab): the Chat card opens in RESUME mode, filled from the
+  // SAME prefill (`start-from`), everything locked but the two caps. The card posts /api/runs/<id>/resume; a resume never
+  // drafts and never makes a new card, job or run id (one run = one id).
+  function resumeInChat(detail){
+    authorGet("/api/author/start-from?runid=" + encodeURIComponent(detail.runid)).then(function(r){
+      document.getElementById("tab-chat").click();
+      document.dispatchEvent(new CustomEvent("bareloop-resume", {detail: (r && r.ok) ? {runid: detail.runid, prefill: r, resume: detail.resume || {}, title: detail.job + " (" + runLabel(detail.runNo, detail.runid) + ")"} : {error: (r && r.error) || "nothing to resume"}}));
+    }).catch(function(x){
+      document.getElementById("tab-chat").click();
+      document.dispatchEvent(new CustomEvent("bareloop-resume", {detail: {error: "could not reach the panel: " + x.message}}));
+    });
+  }
   function renderRunActions(detail){
     var bar = document.getElementById("run-actions");
     var html = "";
@@ -2382,6 +2463,10 @@
       var canResume = !!detail.resume && !!detail.ended && (detail.ended.actions || []).some(function(a){ return a.id === "resume"; });
       if(canResume) html = '<button class="btn primary" type="button" data-testid="btn-resume-run">Resume</button>';
     }
+    // Edit in chat: every non-green ending (the server's Ended block says so) — a died run included
+    if(!live && !!detail.ended && (detail.ended.actions || []).some(function(a){ return a.id === "edit"; })){
+      html += '<button class="btn" type="button" data-testid="btn-edit-chat">Edit in chat</button>';
+    }
     // Reuse workflow: on a GREEN run only (the server's Ended block says so) — a new run of the same signed job
     if(!live && !detail.died && !!detail.ended && (detail.ended.actions || []).some(function(a){ return a.id === "reuse"; })){
       html += '<button class="btn" type="button" data-testid="btn-reuse">Reuse workflow</button>';
@@ -2390,6 +2475,8 @@
     bar.hidden = html === "";
     var reuseBtn = bar.querySelector('[data-testid="btn-reuse"]');
     if(reuseBtn) reuseBtn.addEventListener("click", function(){ reuseWorkflow(detail.runid); });
+    var editBtn = bar.querySelector('[data-testid="btn-edit-chat"]');
+    if(editBtn) editBtn.addEventListener("click", function(){ editInChat(detail); });
     var stopBtn = bar.querySelector('[data-testid="btn-stop"]');
     if(stopBtn){
       stopBtn.addEventListener("click", function(){
@@ -2401,82 +2488,7 @@
       });
     }
     var resBtn = bar.querySelector('[data-testid="btn-resume-run"]');
-    if(resBtn) resBtn.addEventListener("click", function(){ openResumeOnJobTab(detail); });
-  }
-  function openResumeOnJobTab(detail){
-    var r = detail.resume || {};
-    resumeMode = {
-      runid: detail.runid, spentUsd: r.spentUsd, spendComplete: r.spendComplete,
-      wallUsedMs: r.wallUsedMs,
-      budget: (r.budgetUsd === null || r.budgetUsd === undefined) ? "" : String(r.budgetUsd),
-      wall: typeof r.maxWallMin === "number" ? String(r.maxWallMin) : null,
-      painted: false,
-    };
-    document.getElementById("tab-details").click();
-    paintResumeMode();
-  }
-  // Turns the Job tab's two cap values into inputs (and shows the Sign box) while a resume is open on this run;
-  // called again after every Job re-render so a re-render never drops the typed numbers.
-  function paintResumeMode(){
-    var box = document.getElementById("resume-job");
-    var moneyLabel = document.getElementById("details-cap-money-label");
-    var timeLabel = document.getElementById("details-cap-time-label");
-    if(!resumeMode || resumeMode.runid !== currentRunid){
-      box.hidden = true; box.innerHTML = "";
-      moneyLabel.textContent = "$ cap"; timeLabel.textContent = "Time cap";
-      return;
-    }
-    var m = resumeMode;
-    // the unit lives in the caption, never as loose text around the input
-    moneyLabel.textContent = "Money cap ($)";
-    timeLabel.textContent = "Time cap (min)";
-    document.getElementById("details-cap-money").innerHTML =
-      '<span class="resume-cap"><input type="number" min="0" step="0.01" id="resume-budget" data-testid="resume-budget" value="' + escapeXml(m.budget) + '"></span>';
-    if(m.wall !== null){
-      document.getElementById("details-cap-time").innerHTML =
-        '<span class="resume-cap"><input type="number" min="1" step="1" id="resume-wall" data-testid="resume-wall" value="' + escapeXml(m.wall) + '"></span>';
-    }
-    var budgetEl = document.getElementById("resume-budget");
-    budgetEl.addEventListener("input", function(){ m.budget = budgetEl.value; });
-    var wallEl = document.getElementById("resume-wall");
-    if(wallEl) wallEl.addEventListener("input", function(){ m.wall = wallEl.value; });
-    box.hidden = false;
-    if(m.painted) return;
-    m.painted = true;
-    var spent = (m.spentUsd === null || m.spentUsd === undefined) ? "unknown" : ((m.spendComplete ? "" : "at least ") + panelMoney(m.spentUsd));
-    box.innerHTML =
-      '<div data-testid="resume-intro">Resume run ' + escapeXml(m.runid) + ' &mdash; the same run, not a new one. Only the money cap and the time cap can change; everything else is the signed job.</div>' +
-      '<div class="hint" data-testid="resume-spent">spent so far ' + escapeXml(spent) +
-        (typeof m.wallUsedMs === "number" && isFinite(m.wallUsedMs) ? ' &middot; time used so far ' + Math.ceil(m.wallUsedMs / 60000) + ' min' : '') + '</div>' +
-      '<div class="ended-actions"><button class="btn primary" type="button" data-testid="btn-sign-resume">Sign &amp; resume</button> ' +
-      '<button class="btn" type="button" data-testid="btn-resume-cancel">Cancel</button></div>' +
-      '<div class="resume-err" id="resume-err" data-testid="resume-err" hidden></div>';
-    var resumeSignBtn = box.querySelector('[data-testid="btn-sign-resume"]');
-    box.querySelector('[data-testid="btn-resume-cancel"]').addEventListener("click", function(){
-      resumeMode = null;
-      renderJob(lastJobShown);
-    });
-    resumeSignBtn.addEventListener("click", function(){
-      var err = document.getElementById("resume-err");
-      err.hidden = true;
-      resumeSignBtn.disabled = true;
-      var body = {budgetUsd: document.getElementById("resume-budget").value};
-      var wall = document.getElementById("resume-wall");
-      if(wall){ body.maxWallMin = wall.value; }
-      return authorPost("/api/runs/" + encodeURIComponent(m.runid) + "/resume", body).then(function(res){
-        if(res.body && res.body.ok){
-          // the SAME run goes on: back to its Run tab, which follows it until it is live again
-          resumeMode = null;
-          renderJob(lastJobShown);
-          document.getElementById("tab-run").click();
-          afterResumeRefresh(m.runid, 8);
-        } else {
-          resumeSignBtn.disabled = false;
-          err.textContent = (res.body && res.body.error) || ("refused (" + res.status + ")");
-          err.hidden = false;
-        }
-      }).catch(function(x){ resumeSignBtn.disabled = false; err.textContent = "could not reach the panel: " + x.message; err.hidden = false; });
-    });
+    if(resBtn) resBtn.addEventListener("click", function(){ resumeInChat(detail); });
   }
   // After a resume starts, the open run's own page follows it: re-select once the run reads live again (the spine's
   // new leg appears a moment after the engine starts), a few tries, never forever.
@@ -2570,7 +2582,7 @@
       " &middot; " + wallPhrase;
 
     var box = document.getElementById("run-summary");
-    box.className = "summary-box " + (detail.died ? "magenta" : (detail.glyph === "✗" ? "red" : (detail.glyph === "▶" ? "amber" : "")));
+    box.className = "summary-box " + (detail.died ? "magenta" : ((detail.glyph === "✗" || detail.glyph === "■") ? "red" : (detail.glyph === "▶" ? "amber" : "")));
     // F196: a synthetic placeholder box (e.g. "died during planning") is a
     // LABEL, not a real step — excluded from this count so a run that died
     // before any step started reads "0 of 0 done" / "none started", never
@@ -2649,8 +2661,8 @@
 
   // ONE spelling of a step's state: its dot + the bold state word — read by the Run tab's step cards AND the Audit tab's grouped rows
   function stepStateHTML(box, testid){
-    var cls = box.state === "done" ? "green" : (box.state === "stopped" ? "red" : (box.state === "running" ? "amber" : (box.state === "died" ? "magenta" : "grey")));
-    return '<span class="step-state" data-testid="' + testid + '"><span class="dot ' + cls + '"></span><b class="st-word">' + escapeXml(box.state) + '</b></span>';
+    var cls = box.state === "done" ? "green" : (box.state === "stopped" ? (box.status && box.status.sign === "\u25A0" ? "stopped" : "red") : (box.state === "running" ? "amber" : (box.state === "died" ? "magenta" : "grey")));
+    return '<span class="step-state" data-testid="' + testid + '"><span class="dot ' + cls + '"></span><b class="st-word">' + escapeXml(boxStatusWord(box)) + '</b></span>';
   }
   // build item C: Audit tab attempt row -> its rounds (server-built,
   // lazy-fetched on expand via /api/runs/:runid/rounds?part=<i>&attempt=<n>).
@@ -3239,7 +3251,6 @@
   function renderJob(job){
     var empty = document.getElementById("job-empty");
     var card = document.getElementById("job-card-readonly");
-    lastJobShown = job;
     if(!job){ empty.hidden = false; card.hidden = true; return; }
     empty.hidden = true;
     card.hidden = false;
@@ -3262,7 +3273,6 @@
     document.getElementById("job-note").textContent = job.note || "";
     lastJobToolsList = Array.isArray(job.toolsList) ? job.toolsList : null;
     paintOfferedRow();
-    paintResumeMode();
   }
 
   // ---- selection + loading ----
@@ -3282,7 +3292,6 @@
     document.querySelectorAll(siblingSelector).forEach(function(r){ r.classList.remove("selected"); r.setAttribute("aria-pressed","false"); });
     if(rowEl){ rowEl.classList.add("selected"); rowEl.setAttribute("aria-pressed","true"); }
     currentRunid = runid;
-    resumeMode = null;
     lastLegDividers = [];
     lastJobToolsList = null;
     lastRunDetailSig = null;
@@ -3569,7 +3578,7 @@
             + '<td data-testid="pv-tokens-' + e + '">' + escapeXml(tokensText(row.tokens)) + "</td>"
             + "<td>" + bal + "</td>"
             + '<td class="pv-price-cell"><input type="text" inputmode="decimal" class="pv-price-in" data-testid="pv-price-in-' + e + '" placeholder="not set" value="' + (row.priceInPerM === null ? "" : escapeXml(String(row.priceInPerM))) + '"></td>'
-            + '<td class="pv-price-cell"><input type="text" inputmode="decimal" class="pv-price-out" data-testid="pv-price-out-' + e + '" placeholder="not set" value="' + (row.priceOutPerM === null ? "" : escapeXml(String(row.priceOutPerM))) + '"></td>';
+            + '<td class="pv-price-cell"><input type="text" inputmode="decimal" class="pv-price-out" data-testid="pv-price-out-' + e + '" placeholder="not set" value="' + (row.priceOutPerM === null ? "" : escapeXml(String(row.priceOutPerM))) + '"></td></tr>';
         }).join("") : '<tr><td colspan="9" class="hint" data-testid="pv-empty">no keys with a value yet — add NAME=key to the keys file, then Reload keys</td></tr>';
         pvRows.querySelectorAll(".pv-balance-fetch").forEach(function(fetchEl){
           authorGet("/api/settings/providers/balance?env=" + encodeURIComponent(fetchEl.getAttribute("data-env"))).then(function(b){
@@ -3584,15 +3593,15 @@
         document.dispatchEvent(new CustomEvent("bareloop-providers-changed"));
       }).catch(function(){ pvNote.textContent = "could not read providers"; });
     }
-    // The row's POST body. A price is both boxes or neither (the server refuses a half-set one), so while exactly one
-    // is filled — the normal middle of typing a price — the price fields are LEFT OUT (the server keeps what is saved)
-    // and the other boxes still save; the price posts once both are filled, or both are cleared.
+    // The row's POST body, or null when exactly ONE price box is filled: a price is both boxes or neither (the server
+    // refuses a half-set one), so nothing in that row saves. This runs only when a save would happen (the row's
+    // change event), so typing the first box never flashes the message; it shows when the person leaves that box.
+    var PV_HALF_PRICE = "Fill both price boxes or clear both.";
     function pvRowBody(env, v){
       var pin = String(v.priceIn).trim();
       var pout = String(v.priceOut).trim();
-      var body = { envName: env, name: v.name, shape: v.shape, baseUrl: v.baseUrl };
-      if((pin === "") === (pout === "")){ body.priceInPerM = pin; body.priceOutPerM = pout; }
-      return body;
+      if((pin === "") !== (pout === "")) return null;
+      return { envName: env, name: v.name, shape: v.shape, baseUrl: v.baseUrl, priceInPerM: pin, priceOutPerM: pout };
     }
     pvRows.addEventListener("change", function(e){
       var t = e.target;
@@ -3606,13 +3615,15 @@
       }
       if(!(t.classList.contains("pv-name") || t.classList.contains("pv-shape") || t.classList.contains("pv-url") || t.classList.contains("pv-price-in") || t.classList.contains("pv-price-out"))) return;
       var env = tr.getAttribute("data-env");
-      authorPost("/api/settings/providers/row", pvRowBody(env, {
+      var rowBody = pvRowBody(env, {
         name: tr.querySelector(".pv-name").value,
         shape: tr.querySelector(".pv-shape").value,
         baseUrl: tr.querySelector(".pv-url").value,
         priceIn: tr.querySelector(".pv-price-in").value,
         priceOut: tr.querySelector(".pv-price-out").value,
-      })).then(function(r){
+      });
+      if(!rowBody){ pvNote.textContent = PV_HALF_PRICE; return; }
+      authorPost("/api/settings/providers/row", rowBody).then(function(r){
         pvNote.textContent = r.body && r.body.ok ? ("Saved — " + env + ".") : ((r.body && r.body.error) || "could not save");
         // no re-render: it would steal focus mid-edit; Chat's Model menu just re-reads
         document.dispatchEvent(new CustomEvent("bareloop-providers-changed"));
@@ -3692,41 +3703,161 @@
     // Reuse workflow — set when the card was opened by [Reuse workflow]: the run (or imported job) it came from.
     // Only Source, Destination and the two caps are open on that card; the SERVER refuses any other change.
     var startFrom = null;
+    // the picked job's OWN check type: with the Check type radio on "Reuse workflow" the card's checkType comes from here, never from the radio
+    var reuseCheckType = "deterministic";
+    var reusePickedName = "";
     var reuseSession = false;
     var autoSigned = false;
-    var sfOrigin = document.getElementById("chat-startfrom-origin");
     var sfLine = document.getElementById("chat-startfrom-line");
     var sfNote = document.getElementById("chat-startfrom-note");
+    var originLine = document.getElementById("chat-origin-line");
     // the locked boxes of a reuse card: the signed workflow, greyed and not editable (the server refuses a change anyway)
     var LOCKED_IDS = ["jf-name", "jf-goal", "jf-success", "jf-guardrails", "jf-judge"];
     // hamr 2026-10-05: while a drafting session is live NOTHING on the card is editable (the session was started from
     // these values). The reuse rule (only Source/Destination/caps open) applies before the start. ONE function owns it.
     var OPEN_IDS = ["jf-source", "jf-dest", "jf-cap-money", "jf-cap-time", "jf-model"];
     var reuseOn = false;
+    // Resume mode (hamr 2026-10-07): the card shows the signed job of one run, every box locked except the two caps.
+    // `resumeRun` = {runid, noTime} while it is on, else null. Never set together with a drafting session or a reuse pick.
+    var resumeRun = null;
+    var CAP_IDS = ["jf-cap-money", "jf-cap-time"];
     function syncCardLock(){
       var live = sessionLive;
+      var resuming = resumeRun !== null;
       var setLock = function(id, on){ var el = document.getElementById(id); el.readOnly = on; el.classList.toggle("locked", on); };
-      LOCKED_IDS.forEach(function(id){ setLock(id, reuseOn || live); });
-      OPEN_IDS.forEach(function(id){ setLock(id, live); });
-      document.getElementById("jf-model").disabled = live;
-      document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.disabled = reuseOn || live; });
+      LOCKED_IDS.forEach(function(id){ setLock(id, reuseOn || live || resuming); });
+      OPEN_IDS.forEach(function(id){ setLock(id, live || (resuming && CAP_IDS.indexOf(id) === -1)); });
+      document.getElementById("jf-model").disabled = live || resuming;
+      // the Check type radios stay clickable on a reuse card (Deterministic / Rubric = leave reuse); a live session or a resume freezes them
+      document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.disabled = live || resuming; });
       document.getElementById("job-card").classList.toggle("reuse", reuseOn);
-      if(!reuseOn && !live){ var ck = document.querySelector('input[name="jf-verdict"]:checked'); document.getElementById("jf-judge").disabled = !ck || ck.value !== "rubric"; }
+      if(!reuseOn && !live && !resuming){ var ck = document.querySelector('input[name="jf-verdict"]:checked'); document.getElementById("jf-judge").disabled = !ck || ck.value !== "rubric"; }
     }
     function setReuseLocked(on){ reuseOn = on; syncCardLock(); }
-    function clearStartFrom(){
-      // Clear after a reuse starts a genuinely new job: the reused values do not linger in the boxes
-      if(startFrom){
+    function clearStartFrom(keepBoxes){
+      // Clear after a reuse starts a genuinely new job: the reused values do not linger in the boxes — except when a Check type
+      // radio click leaves reuse (keepBoxes): a radio never blanks what the person has on the card
+      if(startFrom && !keepBoxes){
         ["jf-name", "jf-goal", "jf-source", "jf-dest", "jf-success", "jf-guardrails", "jf-judge", "jf-cap-money", "jf-cap-time"].forEach(function(id){ document.getElementById(id).value = ""; });
         document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.checked = (r.value === "deterministic"); });
       }
-      startFrom = null; reuseSession = false; autoSigned = false;
-      sfOrigin.hidden = true; sfLine.hidden = true; sfNote.hidden = true;
+      startFrom = null; reuseSession = false; autoSigned = false; reuseCheckType = "deterministic";
+      sfLine.hidden = true; sfNote.hidden = true; originLine.hidden = true;
       setReuseLocked(false);
+      renderPicker();
       renderMain();
     }
+    // ---- Reuse workflow picker (hamr 2026-10-06): Check type is ONE radio group of three; "Reuse workflow" shows a search
+    // box over the jobs that have a green local run (GET /api/author/reuse-jobs), a pick fills the card through the SAME
+    // path the Run tab's button uses (reuseWorkflow -> bareloop-reuse -> applyReuse), then a picked box with `change`.
+    var CARD_BOX_IDS = ["jf-name", "jf-goal", "jf-source", "jf-dest", "jf-success", "jf-guardrails", "jf-judge", "jf-cap-money", "jf-cap-time"];
+    var rwBox = document.getElementById("rw");
+    var rwSearch = document.getElementById("rw-search");
+    var rwQ = document.getElementById("rw-q");
+    var rwList = document.getElementById("rw-list");
+    var rwPicked = document.getElementById("rw-picked");
+    var rwPickedTxt = document.getElementById("rw-picked-txt");
+    var rwJobs = null;
+    var rwFailed = false;
+    var rwShown = [];
+    var rwHl = 0;
+    function verdictValue(){
+      var ck = document.querySelector('input[name="jf-verdict"]:checked');
+      return ck ? ck.value : "deterministic";
+    }
+    function setVerdict(v){
+      document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.checked = (r.value === v); });
+    }
+    function clearCardBoxes(){
+      CARD_BOX_IDS.forEach(function(id){ document.getElementById(id).value = ""; });
+      document.getElementById("jf-cap-note").textContent = "";
+    }
+    // ONE function shows/hides the picker: visible only while the radio is on Reuse workflow; the search box before a
+    // pick, the picked box (+ the estimate line under it) after. A re-attached reuse session shows as picked too.
+    function renderPicker(){
+      var on = verdictValue() === "reuse";
+      var picked = on && (startFrom !== null || reuseSession);
+      rwBox.hidden = !on;
+      rwSearch.hidden = picked;
+      rwPicked.hidden = !picked;
+      rwPickedTxt.innerHTML = picked ? "<b>" + escapeXml(reusePickedName) + "</b>" : "";
+      if(!picked) sfLine.hidden = true;
+    }
+    function rwMark(name, q){
+      var i = q ? name.toLowerCase().indexOf(q.toLowerCase()) : -1;
+      if(i < 0) return escapeXml(name);
+      return escapeXml(name.slice(0, i)) + "<mark>" + escapeXml(name.slice(i, i + q.length)) + "</mark>" + escapeXml(name.slice(i + q.length));
+    }
+    // the server's estimate line, prefixed with the job's check type (the line itself does not carry it)
+    function rwMeta(j){ return j.checkType + " · " + String(j.line || "").replace(/^Same job — /, ""); }
+    function renderReuseList(){
+      var q = rwQ.value.trim();
+      var all = rwJobs || [];
+      var loading = rwJobs === null && !rwFailed;
+      rwShown = all.filter(function(j){ return j.job.toLowerCase().indexOf(q.toLowerCase()) !== -1; });
+      if(rwHl >= rwShown.length) rwHl = 0;
+      if(rwShown.length){
+        rwList.innerHTML = rwShown.map(function(j, i){
+          return '<li data-i="' + i + '" data-testid="rw-item" class="' + (i === rwHl ? "hl" : "") + '"><div class="rw-name">' + rwMark(j.job, q) + '</div><div class="rw-meta">' + escapeXml(rwMeta(j)) + "</div></li>";
+        }).join("");
+      } else {
+        rwList.innerHTML = '<div class="rw-empty" data-testid="rw-empty">' + (rwFailed ? "Could not load the job list."
+          : loading ? "Loading\u2026" : (all.length === 0 ? "No green jobs yet." : 'No green job matches "' + escapeXml(q) + '".')) + "</div>";
+      }
+    }
+    function loadReuseJobs(){
+      authorGet("/api/author/reuse-jobs" + (modelSelect.value ? "?model=" + encodeURIComponent(modelSelect.value) : "")).then(function(r){
+        rwFailed = !(r && r.ok);
+        rwJobs = rwFailed ? null : r.jobs;
+        renderReuseList();
+      }).catch(function(){ rwFailed = true; rwJobs = null; renderReuseList(); });
+    }
+    // the empty search state: card emptied, nothing picked, Sign & run disabled until a job is picked
+    // (the boxes are NOT cleared here: clicking the Reuse radio never blanks typing; only a pick fills the card)
+    function openPicker(){
+      rwQ.value = ""; rwHl = 0;
+      rwJobs = null; rwFailed = false; // a fresh open shows "Loading…", never the previous list
+      document.getElementById("jf-judge").disabled = true;
+      renderPicker();
+      renderReuseList();
+      loadReuseJobs();
+      refreshStartEnabled();
+      rwQ.focus();
+    }
+    function pickReuseJob(j){ if(j) reuseWorkflow(j.runid, modelSelect.value); }
+    rwQ.addEventListener("input", function(){ rwHl = 0; renderReuseList(); });
+    rwQ.addEventListener("keydown", function(e){
+      if(e.key === "ArrowDown"){ rwHl = Math.min(rwHl + 1, rwShown.length - 1); renderReuseList(); e.preventDefault(); }
+      else if(e.key === "ArrowUp"){ rwHl = Math.max(rwHl - 1, 0); renderReuseList(); e.preventDefault(); }
+      else if(e.key === "Enter" && rwShown[rwHl]){ e.preventDefault(); pickReuseJob(rwShown[rwHl]); }
+    });
+    rwList.addEventListener("click", function(e){
+      var li = e.target.closest ? e.target.closest("li") : null;
+      if(li) pickReuseJob(rwShown[Number(li.getAttribute("data-i"))]);
+    });
+    // `change` = back to the empty search state; the radio stays on Reuse workflow
+    function unpickReuse(){
+      clearStartFrom();
+      setVerdict("reuse");
+      openPicker();
+    }
+    document.getElementById("rw-change").addEventListener("click", unpickReuse);
+    // leaving resume mode: the title, the hidden drafting chrome, the time box and the resume box all come back
+    function exitResumeMode(){
+      resumeRun = null;
+      originLine.classList.remove("res");
+      document.getElementById("job-card-title").textContent = "Job card \u2014 draft";
+      document.getElementById("chat-resume-box").hidden = true;
+      document.getElementById("chat-resume-err").hidden = true;
+      document.getElementById("jf-cap-time").parentNode.hidden = false;
+      document.getElementById("chat-clear-btn").hidden = false;
+      ["chat-main-btn", "chat-main-hint"].forEach(function(id){ document.getElementById(id).hidden = false; });
+      document.querySelector(".chat-input-row").hidden = false;
+    }
     function openNewCard(){
       card.hidden = false;
+      originLine.hidden = true;
+      exitResumeMode();
       thread.innerHTML = "";
       errEl.textContent = "";
       actionErrEl.textContent = "";
@@ -3755,12 +3886,12 @@
     // back to a fresh empty card: every box, check type deterministic, the default (first) Model, origin/estimate/notes
     // hidden, progress list and thread cleared, reuse lock lifted
     function resetCard(){
-      ["jf-name", "jf-goal", "jf-source", "jf-dest", "jf-success", "jf-guardrails", "jf-judge", "jf-cap-money", "jf-cap-time"].forEach(function(id){ document.getElementById(id).value = ""; });
-      document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.checked = (r.value === "deterministic"); });
+      clearCardBoxes();
+      setVerdict("deterministic");
       document.getElementById("jf-judge").disabled = true;
       modelSelect.selectedIndex = 0;
       msgInput.value = "";
-      document.getElementById("jf-cap-note").textContent = "";
+      rwQ.value = "";
       lastPhase = null;
       clearStartFrom();
       openNewCard();
@@ -3782,7 +3913,8 @@
       var moneyCap = Number(document.getElementById("jf-cap-money").value);
       var timeCapMin = document.getElementById("jf-cap-time").value.trim();
       return {
-        checkType: document.querySelector('input[name="jf-verdict"]:checked').value === "rubric" ? "rubric" : "deterministic",
+        // on "Reuse workflow" the type is the picked job's own, never the radio's
+        checkType: (verdictValue() === "reuse" ? reuseCheckType : verdictValue()) === "rubric" ? "rubric" : "deterministic",
         model: document.getElementById("jf-model").value,
         jobName: document.getElementById("jf-name").value.trim(),
         goal: document.getElementById("jf-goal").value.trim(),
@@ -3806,7 +3938,8 @@
     function refreshStartEnabled(){
       var v = Number(moneyCapInput.value);
       var capOk = moneyCapInput.value.trim() !== "" && Number.isFinite(v) && v > 0;
-      startOk = capOk && !sessionLive && keyOk;
+      // on Reuse workflow nothing starts before a job is picked
+      startOk = capOk && !sessionLive && keyOk && (verdictValue() !== "reuse" || startFrom !== null);
       syncCardLock();
       renderMain();
       refreshClearBtn();
@@ -3829,11 +3962,20 @@
     });
     // the limit changed in Settings: re-read the note for whatever cap is typed
     document.addEventListener("bareloop-limit-changed", refreshCapNote);
+    // Check type: Deterministic / Rubric / Reuse workflow. Reuse opens the picker on an empty card; Deterministic or
+    // Rubric while the picker is showing (picked or not) LEAVES reuse — boxes untouched (clearStartFrom(true)).
+    function onVerdictChange(v){
+      if(v === "reuse"){ if(rwBox.hidden) openPicker(); return; }
+      if(!rwBox.hidden){
+        clearStartFrom(true);
+        setVerdict(v);
+        renderPicker();
+      }
+      document.getElementById("jf-judge").disabled = v !== "rubric";
+      refreshStartEnabled();
+    }
     document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){
-      r.addEventListener("change", function(){
-        var isRubric = document.querySelector('input[name="jf-verdict"]:checked').value === "rubric";
-        document.getElementById("jf-judge").disabled = !isRubric;
-      });
+      r.addEventListener("change", function(){ onVerdictChange(r.value); });
     });
 
     // build item 7 / build item 5 (2026-09-28) — key + reachability, $0,
@@ -3906,10 +4048,11 @@
       var q = (startFrom.importId ? "import=" + encodeURIComponent(startFrom.importId) : "runid=" + encodeURIComponent(startFrom.runid)) +
         "&model=" + encodeURIComponent(modelSelect.value);
       authorGet("/api/author/start-from?" + q).then(function(r){
-        if(startFrom && r && r.ok){ sfLine.textContent = r.line || ""; }
+        if(startFrom && r && r.ok){ sfLine.textContent = r.line ? rwMeta({checkType: reuseCheckType, line: r.line}) : ""; }
       }).catch(function(){ /* the line keeps what it had */ });
     }
     modelSelect.addEventListener("change", refreshReuseLine);
+    modelSelect.addEventListener("change", function(){ if(!rwBox.hidden && startFrom === null && !reuseSession) loadReuseJobs(); });
     // P4b — the Model menu IS the Settings rows: every Name, in keys-file order (a blank Name
     // is never offered). Re-read whenever Settings loads or saves, keeping the pick if it survives.
     function loadModels(){
@@ -4028,7 +4171,7 @@
       var open = askBoxOpenFor(st);
       msgInput.disabled = !open;
       if(!open) msgInput.value = "";
-      var b = mainButtonFor(st, !msgInput.value.trim(), !!startFrom);
+      var b = mainButtonFor(st, !msgInput.value.trim(), !!startFrom || verdictValue() === "reuse");
       mainBtn.textContent = b.text;
       mainBtn.disabled = b.disabled;
       mainAction = b.action;
@@ -4148,7 +4291,9 @@
       reuseSession = st.reuse === true;
       autoSigned = false;
       signClickedOnce = reuseSession;
-      document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.checked = (r.value === (c.checkType === "rubric" ? "rubric" : "deterministic")); });
+      reuseCheckType = c.checkType === "rubric" ? "rubric" : "deterministic";
+      reusePickedName = c.jobName || "job";
+      setVerdict(reuseSession ? "reuse" : reuseCheckType);
       if(c.model){
         if(!Array.prototype.some.call(modelSelect.options, function(o){ return o.value === c.model; })){
           modelSelect.insertAdjacentHTML("beforeend", '<option value="' + escapeXml(c.model) + '">' + escapeXml(c.model) + "</option>");
@@ -4161,6 +4306,7 @@
       setVal("jf-cap-time", typeof c.maxWallMs === "number" ? Math.round(c.maxWallMs / 60000) : "");
       document.getElementById("jf-judge").disabled = c.checkType !== "rubric";
       if(reuseSession) setReuseLocked(true);
+      renderPicker();
       fitCardBoxes();
       renderMessages(st);
       renderActions(st);
@@ -4169,7 +4315,7 @@
       poll();
     }
     function reattachLive(){
-      if(sessionId || sessionLive) return;
+      if(sessionId || sessionLive || resumeRun !== null) return;
       authorGet("/api/author/live").then(function(j){
         if(sessionId || sessionLive || !j || !j.ok || !j.sessionId || !j.state) return;
         attachSession(j);
@@ -4180,15 +4326,17 @@
 
     // ---- Reuse workflow — the card opens filled from the SIGNED job: four open boxes, the rest greyed ----
     function setVal(id, v){ document.getElementById(id).value = (v === undefined || v === null) ? "" : String(v); }
-    document.addEventListener("bareloop-reuse", function(e){
-      var d = e.detail || {};
+    // ONE owner of the reuse fill: the Run tab's / Import view's button and the picker both arrive here (the
+    // `bareloop-reuse` event), so the card ends up in the same picked state whichever door was used.
+    function applyReuse(d){
       var pre = d.prefill || {};
       var c = pre.card || {};
       clearStartFrom();
       openNewCard();
       startFrom = d.importId ? {importId: d.importId} : {runid: d.runid};
-      var radios = document.querySelectorAll('input[name="jf-verdict"]');
-      radios.forEach(function(r){ r.checked = (r.value === (c.checkType === "rubric" ? "rubric" : "deterministic")); });
+      reuseCheckType = c.checkType === "rubric" ? "rubric" : "deterministic";
+      reusePickedName = c.jobName || (pre.origin && pre.origin.job) || "job";
+      setVerdict("reuse");
       if(c.model){ modelSelect.value = c.model; }
       setVal("jf-name", c.jobName); setVal("jf-goal", c.goal); setVal("jf-source", c.source);
       setVal("jf-dest", c.destination); setVal("jf-success", c.success); setVal("jf-guardrails", c.guardrails);
@@ -4196,10 +4344,9 @@
       setVal("jf-cap-time", typeof c.maxWallMs === "number" ? Math.round(c.maxWallMs / 60000) : "");
       document.getElementById("jf-judge").disabled = c.checkType !== "rubric";
       setReuseLocked(true);
-      sfOrigin.hidden = false;
-      sfOrigin.textContent = "Reuse: " + ((pre.origin && pre.origin.job) || "job") + (d.runid ? " (run " + d.runid + ")" : " (imported)");
+      renderPicker();
       sfLine.hidden = false;
-      sfLine.textContent = pre.line || "";
+      sfLine.textContent = pre.line ? rwMeta({checkType: reuseCheckType, line: pre.line}) : "";
       sfLine.className = "startfrom-line";
       sfNote.hidden = !pre.note;
       sfNote.textContent = pre.note || "";
@@ -4207,7 +4354,92 @@
       refreshReuseLine();
       refreshCapNote();
       refreshStartEnabled();
-    });
+    }
+    document.addEventListener("bareloop-reuse", function(e){ applyReuse(e.detail || {}); });
+
+    // Edit in chat — the card opens filled from the SIGNED job with EVERY box open; the button stays the normal
+    // [Start drafting] (startFrom / reuse state are never set: no borrowed track record). A live drafting session is
+    // handled exactly as applyReuse does (clearStartFrom + openNewCard). A refused prefill opens nothing, error only.
+    function applyEdit(d){
+      if(d.error){ errEl.textContent = d.error; return; }
+      var c = (d.prefill || {}).card || {};
+      clearStartFrom();
+      openNewCard();
+      setVerdict(c.checkType === "rubric" ? "rubric" : "deterministic");
+      if(c.model){ modelSelect.value = c.model; }
+      setVal("jf-name", c.jobName); setVal("jf-goal", c.goal); setVal("jf-source", c.source);
+      setVal("jf-dest", c.destination); setVal("jf-success", c.success); setVal("jf-guardrails", c.guardrails);
+      setVal("jf-judge", c.judgeExamples); setVal("jf-cap-money", c.capUsd);
+      setVal("jf-cap-time", typeof c.maxWallMs === "number" ? Math.round(c.maxWallMs / 60000) : "");
+      document.getElementById("jf-judge").disabled = c.checkType !== "rubric";
+      originLine.textContent = d.origin || "";
+      originLine.hidden = !d.origin;
+      renderPicker();
+      refreshModelStatus();
+      refreshCapNote();
+      refreshStartEnabled();
+    }
+    document.addEventListener("bareloop-edit", function(e){ applyEdit(e.detail || {}); });
+
+    // Resume — the card in RESUME mode: the signed job filled and locked, only Cap $ and Time cap open (prefilled from the
+    // engine's own resume plan, the values the Job tab used to show). A live drafting session is handled exactly as
+    // applyReuse does. A refused prefill opens nothing, error only.
+    function applyResume(d){
+      if(d.error){ errEl.textContent = d.error; return; }
+      var c = (d.prefill || {}).card || {};
+      var r = d.resume || {};
+      clearStartFrom();
+      openNewCard();
+      resumeRun = {runid: d.runid, noTime: typeof r.maxWallMin !== "number"};
+      document.getElementById("job-card-title").textContent = "RESUME " + (d.title || d.runid);
+      setVerdict(c.checkType === "rubric" ? "rubric" : "deterministic");
+      if(c.model){ modelSelect.value = c.model; }
+      setVal("jf-name", c.jobName); setVal("jf-goal", c.goal); setVal("jf-source", c.source);
+      setVal("jf-dest", c.destination); setVal("jf-success", c.success); setVal("jf-guardrails", c.guardrails);
+      setVal("jf-judge", c.judgeExamples);
+      setVal("jf-cap-money", r.budgetUsd);
+      setVal("jf-cap-time", resumeRun.noTime ? "" : r.maxWallMin);
+      document.getElementById("jf-cap-time").parentNode.hidden = resumeRun.noTime;
+      document.getElementById("jf-judge").disabled = c.checkType !== "rubric";
+      originLine.textContent = "The same run goes on, not a new one. Only the money cap and the time cap can change; everything else is the signed job.";
+      originLine.classList.add("res");
+      originLine.hidden = false;
+      var spent = (r.spentUsd === null || r.spentUsd === undefined) ? "unknown" : ((r.spendComplete ? "" : "at least ") + panelMoney(r.spentUsd));
+      document.getElementById("chat-resume-spent").textContent = "spent so far " + spent +
+        (typeof r.wallUsedMs === "number" && isFinite(r.wallUsedMs) ? " \u00B7 time used so far " + Math.ceil(r.wallUsedMs / 60000) + " min" : "");
+      document.getElementById("chat-resume-box").hidden = false;
+      document.getElementById("chat-clear-btn").hidden = true;
+      ["chat-main-btn", "chat-main-hint"].forEach(function(id){ document.getElementById(id).hidden = true; });
+      document.querySelector(".chat-input-row").hidden = true;
+      renderPicker();
+      refreshModelStatus();
+      refreshStartEnabled();
+    }
+    document.addEventListener("bareloop-resume", function(e){ applyResume(e.detail || {}); });
+    document.getElementById("chat-resume-cancel").addEventListener("click", function(){ resetCard(); });
+    var resumeSignBtn = document.getElementById("chat-resume-sign");
+    function signResume(){
+      var run = resumeRun;
+      if(run === null) return;
+      var err = document.getElementById("chat-resume-err");
+      err.hidden = true;
+      resumeSignBtn.disabled = true;
+      var body = {budgetUsd: document.getElementById("jf-cap-money").value};
+      if(!run.noTime){ body.maxWallMin = document.getElementById("jf-cap-time").value; }
+      return authorPost("/api/runs/" + encodeURIComponent(run.runid) + "/resume", body).then(function(res){
+        resumeSignBtn.disabled = false;
+        if(res.body && res.body.ok){
+          // the SAME run goes on: the card goes back to empty, the right side to its Run tab, which follows it until it is live again
+          resetCard();
+          document.getElementById("tab-run").click();
+          afterResumeRefresh(run.runid, 8);
+        } else {
+          err.textContent = (res.body && res.body.error) || ("refused (" + res.status + ")");
+          err.hidden = false;
+        }
+      }).catch(function(x){ resumeSignBtn.disabled = false; err.textContent = "could not reach the panel: " + x.message; err.hidden = false; });
+    }
+    resumeSignBtn.addEventListener("click", signResume);
 
     // build item 1 — the "lost answer" fix. ROOT CAUSE: `renderActions`
     // (fed by the every-2s `poll()`) unconditionally overwrites