bareloop 0.37.0 → 0.39.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
@@ -295,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);}
@@ -313,9 +311,28 @@
   .imported-box .summary-row{flex-wrap:wrap;}
   .imported-box .sum-val{flex:1 1 180px;min-width:0;overflow-wrap:anywhere;}
 
-  .map-box{border:1px solid var(--border-strong);padding:10px;overflow-x:auto;margin-top:16px;margin-bottom:14px;background:var(--panel2);}
+  .map-box{border:1px solid var(--border-strong);padding:10px;margin-top:16px;margin-bottom:14px;background:var(--panel2);}
   .map-box::before{content:"┤ MAP ├";display:block;font-size:11px;color:var(--text-faint);letter-spacing:0.08em;margin:-2px 0 8px 0;}
-  .map-box svg{display:block;max-width:100%;height:auto;}
+  /* ruling 1A: chips as wide as their own text, side by side, wrapping — a name is never truncated */
+  .map-chips{display:flex;flex-wrap:wrap;gap:8px 4px;align-items:flex-start;padding-left:1.4em;}
+  /* ruling A: a step + its trailing arrow are ONE unit (the arrow never wraps alone); the lead arrow of a wrapped line
+     hangs in the container's left padding (absolute, zero layout impact — toggling it can never move a chip) */
+  .map-item{position:relative;display:inline-flex;align-items:center;gap:4px;max-width:100%;}
+  .map-arrow{color:var(--text-dim);font-size:13px;flex:none;}
+  .map-lead{display:none;position:absolute;left:-1.3em;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:13px;}
+  .map-item.line-start .map-lead{display:block;}
+  .chip-retry{color:var(--text-dim);font-size:11px;}
+  .map-chip{display:inline-block;width:auto;max-width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:12px;line-height:1.4;text-align:left;padding:4px 8px;border:2px solid var(--border-strong);border-radius:0;background:var(--panel2);color:var(--text-faint);white-space:normal;overflow-wrap:anywhere;}
+  button.map-chip{cursor:pointer;}
+  .map-chip.s-done{border-color:var(--green);color:var(--text);} .map-chip.s-done .chip-sign{color:#2e7d32;}
+  .map-chip.s-running{border-color:var(--amber);color:var(--text);} .map-chip.s-running .chip-sign{color:#b8860b;}
+  .map-chip.s-stopped{border-color:var(--red);color:var(--text);} .map-chip.s-stopped .chip-sign{color:var(--red);}
+  .map-chip.s-died{border-color:var(--magenta);color:var(--text);} .map-chip.s-died .chip-sign{color:var(--magenta);}
+  .map-chip.retry{border-style:dashed;}
+  .map-chip.resumed-next{border-right-style:dotted;}
+  .map-chip .chip-blocked{color:var(--red);font-size:10px;}
+  .map-chip.s-running .chip-sign{animation:chip-pulse 1.2s infinite;}
+  @keyframes chip-pulse{0%,100%{opacity:1}50%{opacity:0.3}}
   .map-key{display:flex;gap:14px;font-size:11px;color:var(--text-dim);margin-top:6px;flex-wrap:wrap;}
 
   .step-card{position:relative;border:1px solid var(--border);padding:10px;margin-bottom:8px;background:var(--panel2);}
@@ -374,6 +391,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;}
@@ -533,6 +553,7 @@
             <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="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>
@@ -598,6 +619,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>
@@ -606,7 +632,7 @@
                animated dots, then a check or a cross with its code-owned reason; chat turns stay in the thread above it, right over the ask box. -->
           <ol class="chat-steps" id="chat-progress-row" data-testid="chat-steps" aria-live="polite" hidden></ol>
 
-          <!-- build item 1 — a failed/rejected send, revise, sign-prepare,
+          <!-- build item 1 — a failed/rejected send, revise (reopen), sign-prepare,
                sign or check-deps POST shows here and STAYS shown: it is set
                only by this tab's own action handlers below and is never
                touched by renderActions()/poll() (which own #chat-card-error
@@ -616,10 +642,12 @@
 
           <div class="chat-input-row">
             <label for="chat-msg" style="display:none">Message</label>
-            <textarea id="chat-msg" rows="2" placeholder="Ask for a change, or reply to the plan…" data-testid="chat-msg"></textarea>
+            <textarea id="chat-msg" rows="2" placeholder="Answer here when the draft asks you a question…" data-testid="chat-msg"></textarea>
           </div>
           <button class="btn primary wide" type="button" id="chat-main-btn" data-testid="chat-main" disabled>Start drafting</button>
           <div class="hint" id="chat-main-hint" data-testid="chat-main-hint"></div>
+          <!-- hamr 2026-10-09: Revise = reopen the boxes, filled as drafted, and draft again. Shown only while a plan waits for the OK. -->
+          <button class="btn wide" type="button" id="chat-reopen-btn" data-testid="chat-reopen" hidden>Revise</button>
           <div class="hint">Only your click signs. The chat can't.</div>
         </section>
 
@@ -723,8 +751,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>
@@ -734,7 +762,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>
 
@@ -863,7 +890,6 @@
         btn.setAttribute("aria-selected", "true");
         var panel = document.getElementById(btn.getAttribute("aria-controls"));
         if(panel){ panel.hidden = false; panel.classList.add("active"); }
-        if(btn.id === "tab-run"){ reflowMap(); }
       });
     });
   }
@@ -878,33 +904,16 @@
     });
   }
 
-  // ---- step map renderer (verbatim algorithm from design/panel-mockup.html's
-  // buildStepMapSVG — ONE renderer, no second hand-authored map anywhere on this page) ----
-  function stepMapColors(state){
-    if(state === "done") return {stroke:"var(--green)", textFill:"#2e7d32"};
-    if(state === "running") return {stroke:"var(--amber)", textFill:"#b8860b"};
-    if(state === "stopped") return {stroke:"var(--red)", textFill:"var(--red)"};
-    // died (hamr's ruling B, 2026-09-25): distinct from stopped/red — no
-    // verdict was ever reached, so this box never shares the red look.
-    if(state === "died") return {stroke:"var(--magenta)", textFill:"var(--magenta)"};
-    return {stroke:"var(--border-strong)", textFill:"var(--text-faint)"};
-  }
+  // ---- step map renderer (buildStepMapHTML below — ONE renderer, no second hand-authored map anywhere on this page) ----
   function escapeXml(s){
     return String(s).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");
   }
-  var stepMapUidCounter = 0;
-  var MAP_MARGIN = 10, MAP_GAP = 28;
-  var CHAR_W = 7.2;
-  var TITLE_HPAD = 16;
-  var MIN_BOX_W = 100;
-  var BOX_H = 60, BOX_H_2LINE = 78;
-  var ROW_GAP = 70;
   // s.noNumber (F196): a synthetic placeholder box (e.g. "died during
   // planning") is a LABEL, never a real step — it renders without the
   // leading "<n> " step number a real step gets.
   // item 4 (2026-09-25): each step box shows its attempts INLINE, e.g.
   // "attempt 1 [✗] · attempt 2 [✓]" — appended to the box's own title text
-  // (the existing wrapTitleLines 2-line wrap handles overflow the same way
+  // (the chip wraps long text inside itself the same way
   // it already does for a long step id; no third renderer, no new box shape).
   // item 1 (2026-09-27, panel P2 defect): an attempt's own outcome is null
   // in exactly two situations — its window is still open on a LIVE run (the
@@ -929,9 +938,9 @@
     if(g === "✗") return '<span class="glyph-red">' + g + '</span>';
     return g;
   }
-  // PLAIN TEXT ONLY — feeds the SVG step map's title/width calculation
-  // (`stepTitleText`, an SVG <text> node), never innerHTML; a colour span
-  // here would render as literal "<span>" characters inside the map.
+  // PLAIN TEXT ONLY — feeds the step map chip label (`stepTitleText`, escaped
+  // before it goes into the chip); a colour span here would render as literal
+  // "<span>" characters inside the map.
   // {@link glyphSpan} (the P3 colour addition) is used only by the DOM
   // part-card renderer below, never by this function.
   function attemptsInlineText(attempts, boxIsLive){
@@ -1036,224 +1045,102 @@
   function boxStatusText(box){
     return box.status && box.status.word ? "[" + box.status.sign + "] " + boxStatusWord(box) : boxStatusWord(box);
   }
-  function naturalBoxWidth(steps){
+  // Ruling 1A (hamr, 2026-10-09): the step map is a row of CHIPS — each box as wide as its own text, flowing
+  // side by side and wrapping to the next line. Plain HTML + CSS (.map-chips / .map-chip): the browser does the
+  // wrapping, so there is no width arithmetic, no resize observer, and no horizontal scroll at phone width. A name
+  // is never truncated (it wraps inside its chip when it is longer than the line).
+  // Marks that were line styles on the old SVG are now border styles: a retried step has a DASHED border, and a step
+  // whose leg ended there (the run resumed after it) has a DOTTED right edge. The sign + word come from
+  // boxStatusText (src/panel/status.js's table) — the chip shows "[sign title]" and keeps the word in its tooltip.
+  function buildStepMapHTML(steps){
     var numIdx = stepNumberIndices(steps);
-    var maxChars = 0;
-    steps.forEach(function(s, idx){ maxChars = Math.max(maxChars, stepTitleText(numIdx[idx], s).length); });
-    return Math.max(MIN_BOX_W, Math.ceil(maxChars * CHAR_W) + TITLE_HPAD);
-  }
-  function computeMapLayout(n, availW, naturalW){
-    if(!availW) return {perRow:n, boxW:naturalW};
-    var usableW = availW - MAP_MARGIN * 2;
-    for(var perRow = n; perRow >= 2; perRow--){
-      var totalW = perRow * naturalW + (perRow - 1) * MAP_GAP;
-      if(totalW <= usableW){
-        var stretched = (usableW - (perRow - 1) * MAP_GAP) / perRow;
-        return {perRow:perRow, boxW:Math.max(naturalW, stretched)};
-      }
-    }
-    return {perRow:1, boxW:Math.max(MIN_BOX_W, usableW)};
-  }
-  function wrapTitleLines(text, maxWidth){
-    var maxChars = Math.max(1, Math.floor((maxWidth - TITLE_HPAD) / CHAR_W));
-    if(text.length <= maxChars) return [text];
-    var words = text.split(' ');
-    var line1 = '', i = 0;
-    for(; i < words.length; i++){
-      var cand = line1 ? line1 + ' ' + words[i] : words[i];
-      if(line1 && cand.length > maxChars) break;
-      line1 = cand;
+    var last = steps.length - 1;
+    var body = steps.map(function(s, idx){
+      var sign = s.status && s.status.sign ? s.status.sign : "";
+      var tries = boxRetryTry(s);
+      var cls = "map-chip s-" + String(s.state).replace(/[^a-z-]/g, "") +
+        (tries ? " retry" : "") + (s.resumedNext ? " resumed-next" : "");
+      var label = escapeXml(stepTitleText(numIdx[idx], s));
+      var blocked = s.blocked > 0 ? ' <span class="chip-blocked">' + s.blocked + ' blocked</span>' : '';
+      var retry = tries ? '<span class="chip-retry">\u21bb' + tries + '</span> ' : '';
+      var inner = '[' + retry + '<span class="chip-sign">' + escapeXml(sign) + '</span> ' + label + blocked + ']';
+      var tip = ' title="' + escapeXml(boxStatusText(s)) + '"';
+      var attrs = ' class="' + cls + '"' + tip + (s.resumedNext ? ' data-resumed="1"' : '') + (tries ? ' data-retry="' + tries + '"' : '');
+      var chip = typeof s.partIndex === "number"
+        ? '<button type="button"' + attrs + ' data-part-index="' + s.partIndex + '">' + inner + '</button>'
+        : '<span' + attrs + '>' + inner + '</span>';
+      return '<span class="map-item" role="listitem">' +
+        (idx > 0 ? '<span class="map-lead" aria-hidden="true">\u2192</span>' : '') +
+        chip + (idx < last ? '<span class="map-arrow" aria-hidden="true">\u2192</span>' : '') + '</span>';
+    }).join("");
+    return '<div class="map-chips" role="list" aria-label="step map">' + body + '</div>';
+  }
+  // Ruling A: the first chip of each WRAPPED line shows a leading arrow. CSS cannot know which chip starts a line, so
+  // after render/resize this compares each item's offsetTop with the previous item's (same line = same top). The lead
+  // arrow is absolutely positioned (no layout impact), so toggling the class can never reflow a chip — no loop.
+  // Takes anything with offsetTop + classList (real elements, or stubs in tests).
+  function markLineStarts(items){
+    for(var i = 0; i < items.length; i++){
+      var starts = i > 0 && items[i].offsetTop > items[i - 1].offsetTop;
+      if(starts) items[i].classList.add("line-start"); else items[i].classList.remove("line-start");
     }
-    if(!line1) return [text.slice(0, maxChars), text.slice(maxChars)];
-    var line2 = words.slice(i).join(' ');
-    return line2 ? [line1, line2] : [line1];
   }
-  // ONE shared rule for "does this box draw a retry loop, and what try number" — a multi-attempt
+  // ONE shared rule for "does this box draw a retry mark, and what try number" — a multi-attempt
   // box (a re-run step, or the fix loop; `run` on an old-shape spine falls in here too, naturally,
-  // never special-cased) gets a dashed self-loop labelled with its final try number; anything
-  // else (incl. every no-verdict kind, whose attempts is already forced to [] upstream) gets 0.
+  // never special-cased) gets a dashed border; anything else (incl. every no-verdict kind, whose
+  // attempts is already forced to [] upstream) gets 0.
   function boxRetryTry(box){
     var attempts = Array.isArray(box.attempts) ? box.attempts : [];
     return attempts.length > 1 ? attempts.length : 0;
   }
-  // item 2 (2026-09-27): the ONE place a retry loop's x-coordinate (curve
-  // start/control/end, and the "try N" label) is kept inside the box that
-  // owns it — MIN_BOX_W (100) is comfortably wider than 2*RETRY_INSET, so
-  // this never inverts the clamp range.
-  var RETRY_INSET = 4;
-  function clampRetryX(v, boxX, boxW){
-    var lo = boxX + RETRY_INSET, hi = boxX + boxW - RETRY_INSET;
-    return Math.min(hi, Math.max(lo, v));
-  }
-  function buildStepMapSVG(steps, availWidth){
-    var n = steps.length;
-    var naturalW = naturalBoxWidth(steps);
-    var layout = computeMapLayout(n, availWidth, naturalW);
-    var perRow = layout.perRow, boxW = layout.boxW, gap = MAP_GAP;
-    var rows = Math.ceil(n / perRow);
-    var margin = MAP_MARGIN;
-    var numIdx = stepNumberIndices(steps);
-    var titleLines = steps.map(function(s, idx){ return wrapTitleLines(stepTitleText(numIdx[idx], s), boxW); });
-    var maxLines = titleLines.reduce(function(m, l){ return Math.max(m, l.length); }, 1);
-    var boxH = maxLines > 1 ? BOX_H_2LINE : BOX_H;
-    var rowH = boxH + ROW_GAP;
-    var totalW = margin * 2 + perRow * boxW + (perRow - 1) * gap;
-    var totalH = rows * rowH;
-    var uid = "sm" + (stepMapUidCounter++);
-    var body =
-      '<defs>' +
-        '<marker id="' + uid + '-arrow" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">' +
-          '<path d="M0,0 L6,3 L0,6 z" fill="var(--text-dim)"></path></marker>' +
-        '<marker id="' + uid + '-arrow-grey" markerWidth="8" markerHeight="8" refX="6" refY="3" orient="auto">' +
-          '<path d="M0,0 L6,3 L0,6 z" fill="var(--text-faint)"></path></marker>' +
-      '</defs>';
-    steps.forEach(function(s, idx){
-      var row = Math.floor(idx / perRow);
-      var col = idx % perRow;
-      var rtl = (row % 2) === 1;
-      var slotCol = rtl ? (perRow - 1 - col) : col;
-      var x = margin + slotCol * (boxW + gap);
-      var y = 30 + row * rowH;
-      var colors = stepMapColors(s.state);
-      var lines = titleLines[idx];
-      var nextRow = idx < n - 1 ? Math.floor((idx + 1) / perRow) : null;
-      var hasDrop = nextRow !== null && nextRow !== row;
-      var stateY = y + boxH - 18;
-      var partIdxAttr = typeof s.partIndex === "number" ? (' data-part-index="' + s.partIndex + '" style="cursor:pointer;"') : '';
-      body += '<rect x="' + x + '" y="' + y + '" width="' + boxW + '" height="' + boxH +
-        '" rx="0" fill="var(--panel2)" stroke="' + colors.stroke + '" stroke-width="2"' + partIdxAttr + '></rect>';
-      if(s.blocked > 0){
-        body += '<text x="' + (x + boxW - 6) + '" y="' + (y + 12) +
-          '" text-anchor="end" font-size="10" fill="var(--red)">' + s.blocked + ' blocked</text>';
-      }
-      if(lines.length === 1){
-        body += '<text x="' + (x + boxW / 2) + '" y="' + (y + 25) +
-          '" text-anchor="middle" font-size="12" fill="var(--text)">' + escapeXml(lines[0]) + '</text>';
-      } else {
-        body += '<text x="' + (x + boxW / 2) + '" y="' + (y + 17) +
-          '" text-anchor="middle" font-size="12" fill="var(--text)">' + escapeXml(lines[0]) + '</text>';
-        body += '<text x="' + (x + boxW / 2) + '" y="' + (y + 29) +
-          '" 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(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.
-      if(s.state === "running"){
-        body += '<circle cx="' + (x + 20) + '" cy="' + (y + 12) + '" r="4" fill="#b8860b">' +
-          '<animate attributeName="opacity" values="1;0.3;1" dur="1.2s" repeatCount="indefinite"></animate></circle>';
-      }
-      var retryTry = boxRetryTry(s);
-      if(retryTry){
-        // dashed self-loop under the box, same proportions as the design mockup's curve,
-        // scaled to this box's own width. When this same box also carries the row-to-row
-        // snake drop (which leaves from dead-center, x=cx), shift the loop's start away from
-        // center by a fixed pixel offset so the two never begin at the same point.
-        // item 2 (2026-09-27): at a narrow box width, subtracting that same
-        // fixed pixel shift from proportionally-small x-fractions (e.g. the
-        // curve's own endpoint at 2.8% of boxW) can push the coordinate past
-        // the box's own left edge — the fixed shift was sized for desktop
-        // widths and never scaled down with boxW. clampRetryX is the ONE
-        // place every retry x-coordinate (curve start/control/end AND the
-        // "try N" label) is kept inside [x + RETRY_INSET, x + boxW -
-        // RETRY_INSET] — never re-clamped ad hoc per coordinate — so the
-        // whole loop and its label always stay inside the box that owns it,
-        // at every width, while keeping the mockup's proportions untouched
-        // wherever they already fit (every desktop-width box already fits).
-        var retryShift = hasDrop ? 14 : 0;
-        var bottom = y + boxH;
-        var sx = clampRetryX(x + boxW * 0.50 - retryShift, x, boxW);
-        var sy = bottom + 5;
-        var c1x = clampRetryX(x + boxW * 0.278 - retryShift, x, boxW), c1y = bottom + 30;
-        var c2x = clampRetryX(x + boxW * 0.167 - retryShift, x, boxW), c2y = bottom + 30;
-        var ex = clampRetryX(x + boxW * 0.028 - retryShift, x, boxW), ey = bottom + 2;
-        var labelX = clampRetryX(x + boxW * 0.267 - retryShift, x, boxW);
-        body += '<path d="M ' + sx + ' ' + sy + ' C ' + c1x + ' ' + c1y + ', ' + c2x + ' ' + c2y + ', ' + ex + ' ' + ey +
-          '" fill="none" stroke="var(--text-faint)" stroke-width="1.5" stroke-dasharray="3,3" marker-end="url(#' + uid + '-arrow-grey)"></path>';
-        body += '<text x="' + labelX + '" y="' + (bottom + 32) +
-          '" text-anchor="middle" font-size="10" fill="var(--text-faint)">try ' + retryTry + '</text>';
-      }
-      if(idx < n - 1){
-        // P5-R: where a leg ended and the next leg picked up, the connector is DOTTED (and says so) —
-        // one run, one map; the dotted line is the only mark of the resume.
-        var dash = s.resumedNext ? ' stroke-dasharray="2,4" data-resumed="1"' : '';
-        if(nextRow === row){
-          var midY = y + boxH / 2;
-          if(!rtl){
-            var nx = x + boxW + gap;
-            body += '<line x1="' + (x + boxW) + '" y1="' + midY + '" x2="' + (nx - 2) + '" y2="' + midY +
-              '" stroke="var(--text-dim)" stroke-width="2"' + dash + ' marker-end="url(#' + uid + '-arrow)"></line>';
-          } else {
-            var px = x - gap - boxW;
-            body += '<line x1="' + x + '" y1="' + midY + '" x2="' + (px + boxW + 2) + '" y2="' + midY +
-              '" stroke="var(--text-dim)" stroke-width="2"' + dash + ' marker-end="url(#' + uid + '-arrow)"></line>';
-          }
-        } else {
-          var cx = x + boxW / 2;
-          body += '<line x1="' + cx + '" y1="' + (y + boxH) + '" x2="' + cx + '" y2="' + (y + rowH - 2) +
-            '" stroke="var(--text-dim)" stroke-width="2"' + dash + ' marker-end="url(#' + uid + '-arrow)"></line>';
-        }
-      }
-    });
-    return '<svg width="' + totalW + '" height="' + totalH + '" viewBox="0 0 ' + totalW + ' ' + totalH + '" role="img" aria-label="step map">' + body + '</svg>';
-  }
-  // the line-style key under the MAP (hamr 2026-10-04): only the two line styles, never a sign legend
+  // the line-style key under the MAP (hamr 2026-10-04): only the two border styles, never a sign legend
   function stepMapKeyHTML(steps){
     var resumed = (steps || []).some(function(b){ return b.resumedNext; });
     return '<div class="map-key" data-testid="map-key">' +
-      '<span>⤾ dashed = retry</span>' +
-      (resumed ? '<span>&middot;&middot;&middot; dotted = resumed</span>' : '') +
+      '<span>\u21bbN = took N tries (dashed box)</span>' +
+      (resumed ? '<span>dotted edge = resumed after</span>' : '') +
       '</div>';
   }
-  var lastSteps = null;
-  var lastWidth = null;
-  function mapAvailWidth(wrapper){
-    if(!wrapper) return null;
-    var w = wrapper.getBoundingClientRect().width;
-    if(!w) return null;
-    return Math.max(0, w - 20);
-  }
   function renderStepMap(steps){
     var mount = document.getElementById("map-mount");
     var wrapper = document.getElementById("map-box");
-    lastSteps = steps;
     if(!steps || !steps.length){
       mount.innerHTML = "";
       wrapper.hidden = true;
       return;
     }
     wrapper.hidden = false;
-    var w = mapAvailWidth(wrapper);
-    lastWidth = w;
-    mount.innerHTML = buildStepMapSVG(steps, w) + stepMapKeyHTML(steps);
-    // build item B: a map box click jumps to the Audit tab, that same part
+    mount.innerHTML = buildStepMapHTML(steps) + stepMapKeyHTML(steps);
+    layoutMap();
+    // build item B: a map chip click jumps to the Audit tab, that same part
     // expanded and scrolled into view — same click-through as the card list,
-    // sharing partIndex so the two can never disagree about which row a box
-    // maps to. Delegated once per render (mount.innerHTML above already
-    // wiped any previous listeners' targets along with the old markup).
-    mount.querySelectorAll("rect[data-part-index]").forEach(function(rect){
-      rect.addEventListener("click", function(){
-        var idx = Number(rect.getAttribute("data-part-index"));
+    // sharing partIndex so the two can never disagree about which row a chip
+    // maps to. Bound once per render (mount.innerHTML above already wiped any
+    // previous listeners' targets along with the old markup).
+    mount.querySelectorAll(".map-chip[data-part-index]").forEach(function(chip){
+      chip.addEventListener("click", function(){
+        var idx = Number(chip.getAttribute("data-part-index"));
         document.getElementById("tab-audit").click();
         openAuditPart(idx);
       });
     });
   }
-  function reflowMap(){
-    var wrapper = document.getElementById("map-box");
-    if(!wrapper || wrapper.hidden || !lastSteps) return;
-    var w = mapAvailWidth(wrapper);
-    if(w === null || w === lastWidth) return;
-    lastWidth = w;
-    document.getElementById("map-mount").innerHTML = buildStepMapSVG(lastSteps, w) + stepMapKeyHTML(lastSteps);
+  function layoutMap(){
+    var box = document.getElementById("map-box");
+    if(!box || box.hidden) return;
+    markLineStarts(Array.prototype.slice.call(box.querySelectorAll(".map-item")));
+  }
+  var layoutTimer = null;
+  function layoutMapSoon(){
+    if(layoutTimer) clearTimeout(layoutTimer);
+    layoutTimer = setTimeout(function(){ layoutTimer = null; layoutMap(); }, 60);
   }
   if(typeof ResizeObserver !== "undefined"){
-    var ro = new ResizeObserver(function(){ reflowMap(); });
-    var mb = document.getElementById("map-box");
-    if(mb) ro.observe(mb);
+    var mapRo = new ResizeObserver(layoutMapSoon);
+    var mapBoxEl = document.getElementById("map-box");
+    if(mapBoxEl) mapRo.observe(mapBoxEl);
   } else {
-    window.addEventListener("resize", reflowMap);
+    window.addEventListener("resize", layoutMapSoon);
   }
 
   // F196: a `synthetic` step (e.g. the "died during planning" placeholder
@@ -1267,6 +1154,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";
@@ -1499,6 +1387,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 = "";
@@ -1585,7 +1484,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);
@@ -1654,7 +1561,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;
@@ -1966,7 +1874,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;
@@ -2363,11 +2270,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;
@@ -2384,7 +2289,7 @@
       '<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
@@ -2397,6 +2302,33 @@
       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 = "";
@@ -2412,6 +2344,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>';
@@ -2420,6 +2356,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(){
@@ -2431,82 +2369,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.
@@ -2600,7 +2463,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
@@ -2679,7 +2542,7 @@
 
   // 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")));
+    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,
@@ -3269,7 +3132,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;
@@ -3292,7 +3154,6 @@
     document.getElementById("job-note").textContent = job.note || "";
     lastJobToolsList = Array.isArray(job.toolsList) ? job.toolsList : null;
     paintOfferedRow();
-    paintResumeMode();
   }
 
   // ---- selection + loading ----
@@ -3312,7 +3173,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;
@@ -3696,6 +3556,7 @@
     var msgInput = document.getElementById("chat-msg");
     var mainBtn = document.getElementById("chat-main-btn");
     var mainHint = document.getElementById("chat-main-hint");
+    var reopenBtn = document.getElementById("chat-reopen-btn");
     var mainAction = "none";
     var lastState = null;
     var startOk = false;
@@ -3731,32 +3592,39 @@
     var autoSigned = false;
     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;
-      // the Check type radios stay clickable on a reuse card (Deterministic / Rubric = leave reuse); only a live session freezes them
-      document.querySelectorAll('input[name="jf-verdict"]').forEach(function(r){ r.disabled = 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; reuseCheckType = "deterministic";
-      sfLine.hidden = true; sfNote.hidden = true;
+      sfLine.hidden = true; sfNote.hidden = true; originLine.hidden = true;
       setReuseLocked(false);
       renderPicker();
       renderMain();
@@ -3807,6 +3675,7 @@
     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){
@@ -3815,7 +3684,7 @@
         }).join("");
       } else {
         rwList.innerHTML = '<div class="rw-empty" data-testid="rw-empty">' + (rwFailed ? "Could not load the job list."
-          : (all.length === 0 ? "No green jobs yet." : 'No green job matches "' + escapeXml(q) + '".')) + "</div>";
+          : loading ? "Loading\u2026" : (all.length === 0 ? "No green jobs yet." : 'No green job matches "' + escapeXml(q) + '".')) + "</div>";
       }
     }
     function loadReuseJobs(){
@@ -3826,9 +3695,10 @@
       }).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(){
-      clearCardBoxes();
       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();
@@ -3854,8 +3724,22 @@
       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 = "";
@@ -3961,12 +3845,11 @@
     // 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 — the empty card on that type (clearStartFrom).
+    // 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();
-        clearCardBoxes();
+        clearStartFrom(true);
         setVerdict(v);
         renderPicker();
       }
@@ -4126,26 +4009,20 @@
     }
 
     // hamr's ruling 2026-10-05: ONE wide button below the message box. Its wording, action and enabled state are ONE
-    // pure function of (state, typed-text-empty, reuse); state = {session, startOk, phase, pendingAsk, revisesLeft,
-    // signClicked, specHash}. Actions: start | check-deps | send | revise | sign-prepare | sign | none.
+    // pure function of (state, typed-text-empty, reuse); state = {session, startOk, phase, pendingAsk,
+    // signClicked, specHash}. Actions: start | check-deps | send | sign-prepare | sign | none.
     function mainButtonFor(st, textEmpty, reuse){
       var ask = st.pendingAsk;
       var atMenu = !!ask && ask.kind === "menu";
-      var left = st.revisesLeft || 0;
-      var hint = atMenu ? left + (left === 1 ? " change left" : " changes left") : "";
+      var hint = "";
       if(!st.session){
         return {text: reuse ? "Sign & run" : "Start drafting", action: "start", disabled: !st.startOk, hint: ""};
       }
       if(ask && ask.kind === "install-needed"){
         return {text: "Check again", action: "check-deps", disabled: false, hint: ""};
       }
-      if(ask && !textEmpty){
-        return atMenu
-          ? {text: "Send", action: "revise", disabled: left <= 0, hint: hint}
-          : {text: "Send", action: "send", disabled: false, hint: ""};
-      }
       if(ask && !atMenu){
-        return {text: "Send", action: "send", disabled: true, hint: ""};
+        return {text: "Send", action: "send", disabled: textEmpty, hint: ""};
       }
       if(atMenu || st.phase === "prepared"){
         if(st.phase === "prepared" && st.signClicked){
@@ -4155,16 +4032,21 @@
       }
       return {text: "Sign & run", action: "none", disabled: true, hint: ""};
     }
-    // pure: the ask box takes typed text only when the session has a pending ask that accepts it (the plan menu -> a
-    // change request, or any question); not with no session, no ask, or while waiting on an install
+    // pure: the ask box takes typed text only when the session has a pending ask that accepts it (a question the plan
+    // raised); not with no session, no ask, while the plan waits for the OK (that is Sign & run or Revise, never typed
+    // text), or while waiting on an install
     function askBoxOpenFor(st){
-      return !!st.session && !!st.pendingAsk && st.pendingAsk.kind !== "install-needed";
+      return !!st.session && !!st.pendingAsk && st.pendingAsk.kind !== "install-needed" && st.pendingAsk.kind !== "menu";
+    }
+    // pure: Revise shows only while a plan waits for the OK
+    function reviseShownFor(st){
+      return !!st.session && !!st.pendingAsk && st.pendingAsk.kind === "menu";
     }
     function renderMain(){
       var st = {session: sessionLive, startOk: startOk, signClicked: signClickedOnce};
       if(sessionLive && lastState){
         st.phase = lastState.phase; st.pendingAsk = lastState.pendingAsk;
-        st.revisesLeft = lastState.revisesLeft; st.specHash = lastState.specHash;
+        st.specHash = lastState.specHash;
       }
       // hamr 2026-10-05: the ask box is open only while something asks for a reply; otherwise dimmed and emptied
       var open = askBoxOpenFor(st);
@@ -4175,6 +4057,7 @@
       mainBtn.disabled = b.disabled;
       mainAction = b.action;
       mainHint.textContent = b.hint;
+      reopenBtn.hidden = !reviseShownFor(st);
       fitBox(msgInput);
       fitCardBoxes();
     }
@@ -4314,7 +4197,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);
@@ -4356,13 +4239,97 @@
     }
     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
     // `#chat-card-error` on every tick (`errEl.textContent = state.error ||
-    // ""`), including the SAME tick the send/revise/sign handlers below
+    // ""`), including the SAME tick the send/sign handlers below
     // used to call `poll()` in their own `.then` — so a refused/failed POST's
     // error was wiped before a person could read it (often on the very next
-    // line of the same callback). Compounding it, `send`/`revise` cleared
+    // line of the same callback). Compounding it, `send` cleared
     // `msgInput.value` unconditionally, even on failure — so a rejected
     // answer vanished from the box with no trace at all. Fixed by: (1) a
     // dedicated `#chat-action-error` element only these handlers touch,
@@ -4423,20 +4390,20 @@
       }).catch(function(){ chatActionFailed("network error — could not reach the panel server, your text was NOT sent"); });
     }
 
-    function doRevise(){
+    // hamr 2026-10-09 (as fwdloop's Revise): the draft is ended and the New job card opens with the SAME values in every
+    // box, all editable; Start drafting then drafts fresh from whatever the boxes now say. No typed change request goes
+    // to the model. The ended draft is an Abandon: money already spent stays booked.
+    function doReopen(){
       if(!sessionId) return;
-      var text = msgInput.value;
-      authorPost("/api/author/" + sessionId + "/revise", {text: text}).then(function(r){
+      authorPost("/api/author/" + sessionId + "/abandon", {}).then(function(r){
         var o = chatPostOutcome(r);
-        if(o.ok){
-          chatActionOk();
-          msgInput.value = "";
-        } else {
-          chatActionFailed(o.error);
-        }
-        poll();
-      }).catch(function(){ chatActionFailed("network error — could not reach the panel server, your text was NOT sent"); });
+        if(!o.ok){ chatActionFailed(o.error); return; }
+        openNewCard();
+        chatActionOk();
+        thread.innerHTML = '<div class="msg system">' + escapeXml("The boxes are open as you drafted them. Edit what you want, then Start drafting. The first draft's cost stays counted.") + "</div>";
+      }).catch(function(){ chatActionFailed("network error — could not reach the panel server, not revised"); });
     }
+    reopenBtn.addEventListener("click", doReopen);
 
     function doSign(){
       if(!sessionId) return;
@@ -4468,7 +4435,6 @@
       if(mainAction === "start") doStart();
       else if(mainAction === "check-deps") doCheckDeps();
       else if(mainAction === "send") doSend();
-      else if(mainAction === "revise") doRevise();
       else if(mainAction === "sign-prepare" || mainAction === "sign") doSign();
     });