samagotchi 0.149.0 → 0.151.0

data/lib/samagotchi/web/public/cards_place.js

@@ -46,7 +46,7 @@ export function turnAnswerEl(turnEls) {
 //   (bubbles.js createBubbles)
 // @param followWokenWorker () follows the worker a card's command woke
 // @param api {getSession, sendCommand} (data.js)
-// @return {cardElement(id), upsertCard(card, {before}), placeSnapshotCards(entries),
+// @return {cardElement(id), upsertCard(card, {before}), placeSnapshotCards(entries, {before}),
 //   refreshCardBodies(), onCardAction(event)}
 const HELD_UNTIL_ANSWERED = /^\/objectives --card /;
 
@@ -63,9 +63,12 @@ export function createCardsPlace({
   // running turn's card as a row of its step; else before +before+ or at the
   // end of the history). A running turn's card with actions asks the user
   // something (check-in's Nudge / Keep going / Stop): it goes under the turn's
-  // block, not into a step that collapses when the next one starts.
+  // block, not into a step that collapses when the next one starts. A turn
+  // still sliding away arrives first: its list of pieces holds this card's
+  // element, and an update may swap that (drawCard, a notice to a card).
   function upsertCard(card, { before = null } = {}) {
     if (!card || !card.id) return;
+    turnDom.settleFold?.();
     const existing = cardElement(card.id);
     if (existing) {
       const drawn = drawCard(existing, card);
@@ -81,11 +84,13 @@ export function createCardsPlace({
   }
 
   // A snapshot's cards and notices, each above the first turn after it; a
-  // turn's own notice where it showed live (placeTurnNotice).
-  function placeSnapshotCards(entries) {
+  // turn's own notice where it showed live (placeTurnNotice). +end+: what
+  // closes the history below them (a failed turn's prompt), for those with
+  // no turn after them; one shown after that prompt went back stays below it.
+  function placeSnapshotCards(entries, { before: end = null } = {}) {
     const users = turnPromptBubbles(historyEl);
     for (const entry of entries) {
-      const before = cardPlace(users, entry);
+      const before = cardPlace(users, entry) || (entry.after_failed ? null : end);
       if (isCard(entry)) upsertCard(entry, { before });
       else if (entry.type === "question") placeResolvedQuestion(entry, before);
       else if (entry.type === "guardrail_warning") bubbles.showGuardrailWarning(entry.message, entry.label || "guardrails", { before });

data/lib/samagotchi/web/public/claim_link.js

@@ -325,12 +325,14 @@ export function showClaim(container, claim, { roots: rootSelector, opts = {}, do
   const hit = findClaim(texts.map((t) => t.text), claim, opts);
   if (!hit && !turn) return null;
   const el = hit ? roots[hit.at] : turn.anchor;
+  const start = hit && pointAt(texts[hit.at], hit.start);
+  const end = hit && pointAt(texts[hit.at], hit.end, true);
   revealInHistory(el);
+  // The text can be somewhere its root isn't: a drawn block's hidden source.
+  if (start) revealInHistory(start.node.parentElement);
   el.classList.add(HIT_CLASS);
   el.scrollIntoView?.({ block: "center" });
   if (hit) {
-    const start = pointAt(texts[hit.at], hit.start);
-    const end = pointAt(texts[hit.at], hit.end, true);
     const highlights = win?.CSS?.highlights;
     if (start && end && highlights && typeof win.Highlight === "function") {
       const range = doc.createRange();

data/lib/samagotchi/web/public/details_motion.js

@@ -56,7 +56,8 @@ export function installDetailsMotion({ root, selector, motion = canAnimate }) {
     const summary = e.target.closest?.("summary");
     const details = summary?.parentElement;
     if (!details || !details.matches?.(selector) || summary.parentElement !== details) return;
-    if (e.target.closest("a, button, input, label") !== null && e.target !== summary) return;
+    // A live part of the summary (a steps block's footprint opens its own view).
+    if (e.target.closest("a, button, input, label, .ws-foot") !== null && e.target !== summary) return;
     if (!motion(details)) return;
     e.preventDefault();
     if (busy.has(details)) return;

data/lib/samagotchi/web/public/history_reveal.js

@@ -2,7 +2,8 @@
 // hides +el+ unfolds: a closed <details> around it (a turn's steps block, a
 // step, a diff), an answer or a delegate report folded (answer_fold.js: its row follows
 // the bubble's class; the jump's unfold isn't saved), a superseded version
-// of a Revise stack (revise_stack.js: its stub opens, not saved). Every
+// of a Revise stack (revise_stack.js: its stub opens, not saved), a drawn
+// block's source (block_source.js). Every
 // jump goes through it (claim_link.js showClaim, refs.js showRow and so the
 // working set's step tags, verdict_card.js "View check"), so a new way to
 // hide history is opened in one place.
@@ -11,6 +12,7 @@
 // own: static JS is cached at unversioned URLs, and a new export on an old
 // module would blank the page.
 
+import { revealBlockSource } from "./block_source.js";
 import { openStubOver } from "./revise_stack.js";
 
 // Opens each closed <details> that holds +el+ (not +el+ itself: a fold the
@@ -19,6 +21,7 @@ import { openStubOver } from "./revise_stack.js";
 export function revealInHistory(el) {
   if (!el) return null;
   openStubOver(el);
+  revealBlockSource(el);
   el.closest?.(".bubble.folded")?.classList.remove("folded");
   for (let details = el.parentElement?.closest("details"); details; details = details.parentElement?.closest("details")) {
     details.open = true;

data/lib/samagotchi/web/public/index.html

@@ -15,6 +15,7 @@
 <link rel="stylesheet" href="/assets/composer.css">
 <link rel="stylesheet" href="/assets/forms.css">
 <link rel="stylesheet" href="/assets/objectives.css">
+<link rel="stylesheet" href="/assets/block_renderers.css">
 <style>
 /* Icon masks shared by the phone info bar and the all view's cards (the stroke only shapes the mask; the icon takes currentColor); the image icon is composer.css's. */
 :root{--icon-archive:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2.75' width='12' height='3.5' rx='1'/%3E%3Cpath d='M3.25 6.25v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1v-6M6.5 9h3'/%3E%3C/svg%3E");--icon-unarchive:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2.75' width='12' height='3.5' rx='1'/%3E%3Cpath d='M3.25 6.25v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1v-6M8 11.5V8.25M6.5 9.75 8 8.25l1.5 1.5'/%3E%3C/svg%3E")}
@@ -346,10 +347,16 @@ button.system-one-wrong,.system-one-wrong.marked{flex:none;padding:1px 6px;borde
 .thinking-body{margin-top:6px;font-size:13px;color:var(--text-3);white-space:pre-wrap;word-break:break-word;font-style:italic;max-height:240px;overflow:auto}
 /* The turn block (the stage's cloud, the history): one block per turn, its steps as collapsed rows, the live one open on top. */
 .turn-work{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;background:var(--bg-panel);padding:8px 12px;font-size:14px}
-.turn-work>summary{cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:600;user-select:none;list-style:none}
+.turn-work>summary{position:relative;padding-left:13px;cursor:pointer;color:var(--text-muted);font-size:13px;font-weight:600;user-select:none;list-style:none}
 .turn-work>summary::-webkit-details-marker{display:none}
-.turn-work>summary::before{content:"▸ ";color:var(--accent)}
-.turn-work[open]>summary::before{content:"▾ "}
+.turn-work>summary::before{content:"▸";position:absolute;left:0;color:var(--accent)}
+/* The summary's line: flex on this span, not on <summary> (WebKit's flex on a summary has had quirks). The chevron and the steps toggle the block, the footprint opens the turn's working set (working_set_view.js footClick). */
+.tw-sum{display:flex;align-items:baseline;gap:10px;min-width:0}
+/* The count gives way before the footprint, which is what the line is for. */
+.ws-foot~.turn-steps{margin-left:auto;flex:0 100 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap}
+/* A phone has no count to tap, and the chevron is then the only way to the steps: its hit area spreads over the block's padding, the glyph stays where it is. */
+@media (max-width:600px){.ws-foot~.turn-steps{display:none}.turn-work>summary::before{left:-12px;top:-8px;width:36px;box-sizing:border-box;padding:8px 0 8px 12px}}
+.turn-work[open]>summary::before{content:"▾"}
 /* Closed, a block keeps its box (the bar, the border, the width): a click changes its height only (details_motion.js); thinking and the recap the same. */
 /* A step's body (thinking, narration, rows, cards) sits --step-indent right of its summary, so the thinking
    chevron and the row marks share one column under the step's own chevron. The summary takes it back with a
@@ -399,11 +406,11 @@ button.system-one-wrong,.system-one-wrong.marked{flex:none;padding:1px 6px;borde
 .gen:not(.live) .gen-text{font-size:14px;color:var(--text-2)}
 .gen-text:empty{display:none}
 .gen .activity-body{margin-top:6px}
-/* One gen, no thinking, no tool rows: nothing to stack yet, so the narration streams like a plain answer bubble. */
-.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body)){border:0;padding:0;background:transparent}
-.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body))>summary,.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body)) .gen>summary{display:none}
-.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body)) .gen{margin:0;padding:0;border:0;background:transparent}
-.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body)) .gen-text{margin:0;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:12px 14px;opacity:.95}
+/* One gen, no thinking, no tool rows: nothing to stack yet, so the narration streams like a plain answer bubble. A step that closed with text (a line steered in after it, its answer gone from the block) is a row: its summary is the way to its text. */
+.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body,.gen:not(.live)>.gen-text)){border:0;padding:0;background:transparent}
+.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body,.gen:not(.live)>.gen-text))>summary,.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body,.gen:not(.live)>.gen-text)) .gen>summary{display:none}
+.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body,.gen:not(.live)>.gen-text)) .gen{margin:0;padding:0;border:0;background:transparent}
+.turn-work:not(:has(.gen~.gen,.thinking-body,.activity-body,.gen:not(.live)>.gen-text)) .gen-text{margin:0;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:12px 14px;opacity:.95}
 @media(max-width:600px){.gen{--step-indent:8px}}
 /* A question card asks for input like the composer card, so it wears the same glass (the recipe above); only its warm tint is its own. */
 .bubble.question{border-left:3px solid var(--warn);background:color-mix(in srgb,var(--warn) 7%,var(--glass-bg));padding:10px 12px}
@@ -603,6 +610,7 @@ button.system-one-wrong,.system-one-wrong.marked{flex:none;padding:1px 6px;borde
 .card-head{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
 .card-title{font-size:14px;font-weight:600;color:var(--text-bright)}
 .card-source{font-size:11px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
+.card-label{font-size:11px;color:var(--text-faint)}
 .card-body{font-size:13.5px;color:var(--text-2);white-space:normal;line-height:1.5}
 .card-body p{margin:0 0 6px}.card-body p:last-child{margin-bottom:0}
 .card-body ul,.card-body ol{margin:0 0 6px 20px}
@@ -978,11 +986,11 @@ body.working-set .ts-live{position:relative;padding-right:264px}
 }
 body.working-set .turn-stage.waiting .ts-live{min-height:calc(var(--ts-live-h) + var(--ws-row-h,0px))}
 body.working-set .turn-stage.held-wait:not(.waiting) .ts-live{min-height:max(calc(var(--ts-live-h) + var(--ws-row-h,0px)),var(--live-held,0px))}
-/* A finished turn's footprint, under its closed block (working_set_view.js): one faint line; a click opens its list. */
-.ws-foot{display:block;width:fit-content;max-width:calc(100% - 13px);box-sizing:border-box;margin:-4px 0 0 13px;padding:0 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:18px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
-@media(hover:hover){.ws-foot:hover{color:var(--text-muted);background:var(--bg-hover)}}
+/* A finished turn's footprint, its block's summary line (working_set_view.js): a click opens its list. */
+.ws-foot{flex:0 1 auto;min-width:0;padding:0 6px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
+@media(hover:hover){.ws-foot:hover{background:var(--bg-hover)}}
 .ws-foot:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}
-.ws-foot .w{font-family:ui-sans-serif,system-ui,sans-serif}
+.ws-foot .w{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:600;color:var(--text-muted)}
 .ws-foot .sep{color:var(--border-strong)}
 .ws-foot .e{color:var(--accent)}
 .ws-foot .k{color:var(--think-text)}
@@ -1327,8 +1335,6 @@ body.has-session.composer-folded #infoBar{border-top-color:transparent}
 .us-row-head span{flex:1 1 0;min-width:0;text-align:right;color:var(--text-2);font-size:12px;overflow-wrap:anywhere}
 .us-detail{margin-top:4px;color:var(--text-muted);font-size:12px;overflow-wrap:anywhere}
 .us-kept{margin-top:6px;color:var(--warn-text);font-size:12px}
-.us-kept ul{margin:3px 0 0;padding-left:18px;color:var(--text-2)}
-.us-kept li{overflow-wrap:anywhere}
 .us-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px}
 @media(max-width:600px){#updateSheet{position:fixed;inset:auto 8px 8px;width:auto;max-width:none;max-height:min(80dvh,calc(100dvh - 16px));margin:0}}
 .ctx-pop-kind{font-size:11px;color:var(--text-muted)}

data/lib/samagotchi/web/public/markdown_place.js

@@ -4,9 +4,8 @@
 // page's state comes in as getters (capabilities, roots, currentDir), read
 // at each call.
 
-// The texts whose refs linkTextRefs links: the answers and the closed
-// steps' texts.
-const TEXTS = ".bubble.output, .gen:not(.live) > .gen-text";
+import { TEXTS } from "./text_roots.js";
+
 // The closed steps' texts still shown raw: a live turn's (a reload's come
 // rendered, turn_block.js textTemplate).
 const RAW_STEPS = ".gen:not(.live) > .gen-text:not(.markdown)";

data/lib/samagotchi/web/public/stage_model.js

@@ -226,12 +226,11 @@ export function handOffDue({ ended, pending, inUse, quietSinceMs, nowMs }) {
 }
 
 // A handed-off turn's nodes in the order the turn block leaves them: the
-// prompt bubble (none for a reminder turn), the block, its working set's
-// footprint line (web.working_set), the extras in arrival order, the
-// answer's pieces, the timing line, the end line, the kept cards, then the
-// lines queued for after the turn (they run next).
-export function handOffOrder({ prompt = null, block = null, footprint = null, extras = [], answer = [], timing = null, end = null, kept = [], queued = [] }) {
-  return [prompt, block, footprint, ...extras, ...answer, timing, end, ...kept, ...queued].filter(Boolean);
+// prompt bubble (none for a reminder turn), the block, the extras in arrival
+// order, the answer's pieces, the timing line, the end line, the kept cards,
+// then the lines queued for after the turn (they run next).
+export function handOffOrder({ prompt = null, block = null, extras = [], answer = [], timing = null, end = null, kept = [], queued = [] }) {
+  return [prompt, block, ...extras, ...answer, timing, end, ...kept, ...queued].filter(Boolean);
 }
 
 // The rows that wait for the running turn's end to run as their own: a

data/lib/samagotchi/web/public/stage_view.js

@@ -15,6 +15,7 @@
 // stage_frame.js's, and the in-use watch that times the hand-off is
 // stage_watch.js's.
 import { createTurnBlock } from "./turn_block.js";
+import { openAfterEnd } from "./block_open.js";
 import { chipLabelText, flashOf, handOffDue, handOffOrder, headlineOf, isPlain, liveSlots, MARKS, miniToolText, placeFor, placeKind, QUEUED_CHILDREN, stepSlotText } from "./stage_model.js";
 import { createStageSlots, node } from "./stage_slots.js";
 import { createStageFrame, reducedMotion } from "./stage_frame.js";
@@ -687,7 +688,7 @@ export function createStageView({
   // the pieces arrive in the history and it follows a reader who was at its
   // end. Not with +immediate+ (another turn takes the stage at once), a
   // reduced motion, a hidden page or a collapsed stage: all at once.
-  let folding = null; // { pieces, block, wasAtEnd, animate } while it slides
+  let folding = null; // { pieces, block, endKind, wasAtEnd, animate } while it slides
   function handOff({ immediate = false } = {}) {
     if (folding && immediate) finishFold();
     if (!holding || !endKind) return;
@@ -695,12 +696,12 @@ export function createStageView({
     view.chronological();
     const block = blockEl && blockEl.parentNode === cloudBody ? blockEl : null;
     // The turn's set joins the page's turns (a plain one's too: the turns
-    // keep their places); its footprint goes under the block.
+    // keep their places); its footprint takes the block's summary line.
     const footprint = workingSet ? workingSet.handOff(view.current().turn, promptWords()) : null;
+    if (block && footprint) block.querySelector(":scope > summary > .tw-sum")?.prepend(footprint);
     const pieces = handOffOrder({
       prompt: promptSlot.firstElementChild,
       block,
-      footprint: block ? footprint : null,
       extras: [...extras.children],
       answer: [...answer.children],
       timing: timingSlot.firstElementChild,
@@ -708,7 +709,7 @@ export function createStageView({
       queued: [...queuedSlot.children],
     });
     const animate = !immediate && !reducedMotion() && !document.hidden && !collapsed;
-    folding = { pieces, block: blockEl, wasAtEnd: historyNearBottom(), animate };
+    folding = { pieces, block: blockEl, endKind, wasAtEnd: historyNearBottom(), animate };
     releaseTurn();
     if (!animate) return finishFold();
     stage.classList.add("leaving");
@@ -721,9 +722,9 @@ export function createStageView({
     const fold = folding;
     if (!fold) return;
     folding = null;
-    // Closed, unless it is an outline (turn_block.js outlineBlock): the
-    // history reads its narrated steps without a click.
-    if (fold.block) fold.block.open = fold.block.classList.contains("outline");
+    // The stage held it open; here it takes its place in the history:
+    // closed, unless the turn was cut short with an outline (block_open.js).
+    if (fold.block) fold.block.open = openAfterEnd(fold.endKind, fold.block.classList.contains("outline"));
     historyEl.querySelector(":scope > .hint")?.remove();
     for (const el of fold.pieces) {
       historyEl.appendChild(el);

data/lib/samagotchi/web/public/text_roots.js

@@ -0,0 +1,6 @@
+// The texts the page treats as text it wrote out of a model's words: the
+// answers and the closed steps' texts. Cards, question replies, the asking
+// slot and delegate reports aren't among them. markdown_place.js links refs on
+// these; block_host.js draws in these. A module of its own: static JS is cached
+// at unversioned URLs, and a new export on an old module would blank the page.
+export const TEXTS = ".bubble.output, .gen:not(.live) > .gen-text";

data/lib/samagotchi/web/public/turn_block.js

@@ -17,14 +17,17 @@
 // walks childNodes (or reads firstChild/lastChild) must skip comments;
 // element queries, :empty and textContent are unaffected.
 //
-// A block that holds one gen with no thinking and no tool rows hides its
+// A block that holds one live gen with no thinking and no tool rows hides its
 // chrome (CSS :has), so a plain answer streams like today's bubble, and is
-// removed at the end: the answer bubble takes its place.
+// removed at the end: the answer bubble takes its place. A lone step that
+// closed with text keeps its chrome: a line steered in after it left it alone
+// in the block when the answer went, and its summary is the way to its text.
 import { authorBadge, PAIR } from "./participant_names.js";
 import { applyRowTemplate } from "./review_apply.js";
 import { html, nothing, render } from "./vendor/lit-html.js";
 import { answerRefsOf, setAnswerRefs } from "./answer_refs.js";
 import { bindRowRefs } from "./refs.js";
+import { openAfterEnd } from "./block_open.js";
 import { leavesBlock } from "./card.js";
 import { failedTurnText, normalize, sourceLabel } from "./format.js";
 import { thumbsTemplate } from "./images.js";
@@ -132,7 +135,7 @@ function nodesOf(template) {
 // ---- A finished block's outline ----
 
 // A finished block as its outline (turn_model.js outlineRuns of +gens+, its
-// steps in order): open, each narrated step a one-line row as before, each
+// steps in order): each narrated step a one-line row as before, each
 // run of steps that said nothing hidden behind one "N steps" fold that
 // shows them. The live turn's end and a reload call it alike. The folds sit
 // between the steps, not in them (`:scope > .gen` still counts steps), each
@@ -178,7 +181,6 @@ export function outlineBlock(blockEl, gens) {
     const step = e.target.closest?.(".gen.folded");
     if (step?.parentElement === blockEl) unfold.get(step)?.();
   });
-  blockEl.open = true;
   return true;
 }
 
@@ -214,7 +216,7 @@ export function createTurnBlock({
   let turn = null;
   let blockEl = null;
   let blockSummaryEl = null;
-  let blockToggled = false;
+  let blockStepsEl = null;
   // gen → a step's live state (newStep), its rendered nodes between
   // part.startNode and end.
   const genEls = new Map();
@@ -237,16 +239,20 @@ export function createTurnBlock({
     blockEl = document.createElement("details");
     blockEl.className = "turn-work";
     blockEl.open = true;
-    blockToggled = false;
     blockSummaryEl = document.createElement("summary");
+    const line = document.createElement("span");
+    line.className = "tw-sum";
+    blockStepsEl = document.createElement("span");
+    blockStepsEl.className = "turn-steps";
+    line.appendChild(blockStepsEl);
+    blockSummaryEl.appendChild(line);
     blockEl.appendChild(blockSummaryEl);
-    blockSummaryEl.addEventListener("click", () => { blockToggled = true; });
     updateBlockSummary();
     blockHost(blockEl);
   }
 
   function updateBlockSummary() {
-    if (blockSummaryEl && turn) blockSummaryEl.textContent = model.blockSummary(turn, { running: !turn.ended });
+    if (blockStepsEl && turn) blockStepsEl.textContent = model.blockSummary(turn, { running: !turn.ended });
   }
 
   // The step rendered again from its state (stepTemplate). Each live step
@@ -621,6 +627,7 @@ export function createTurnBlock({
       placeAnswer(pieces, { plain: true, blockEl });
       blockEl = null;
       blockSummaryEl = null;
+      blockStepsEl = null;
     } else {
       placeAnswer(bubble ? [...cards, bubble] : [...cards, ...(endNote ? [endNote] : [])], { plain: false, blockEl });
     }
@@ -649,11 +656,12 @@ export function createTurnBlock({
     if (blockEl) {
       updateBlockSummary();
       blockEl.classList.add("done");
-      // The outline (turn_model.js outlineRuns): open on its narrated steps'
-      // rows, as a reload draws it; a block with nothing said closes.
+      // The outline (turn_model.js outlineRuns), for when it is opened. Closed
+      // as a reload draws it, unless the turn was cut short (block_open.js).
+      // The stage decides again as the block reaches the history.
       chronological();
       const outlined = outlineBlock(blockEl, model.blockGens(turn));
-      if (!blockToggled) blockEl.open = outlined;
+      blockEl.open = openAfterEnd(kind, outlined);
       for (const el of blockEl.querySelectorAll(".plugin-card")) {
         if (leavesBlock({ warn: el.classList.contains("warn"), kind })) kept.push(el);
       }
@@ -682,7 +690,7 @@ export function createTurnBlock({
     turn = null;
     blockEl = null;
     blockSummaryEl = null;
-    blockToggled = false;
+    blockStepsEl = null;
     // Clear every ticker timer before the map goes (a live step mid-dwell).
     for (const entry of genEls.values()) stopTicker(entry);
     genEls.clear();
@@ -821,7 +829,7 @@ function failedLineTemplate(record) {
 // template, images.js thumbsTemplate). +workingSet+ (the stage's
 // web.working_set): each block stamped with its
 // turn's ordinal and its rows with theirs (working_set_view.js), and the
-// turn's footprint line after it.
+// turn's footprint on its summary line.
 export function turnHistoryNodes(items, timing, { thumbs, workingSet = false, now = Date.now() }) {
   const timingTemplate = (group) => {
     const record = group.record;
@@ -861,9 +869,11 @@ export function turnHistoryNodes(items, timing, { thumbs, workingSet = false, no
   };
   const steerTemplate = (i, bubble) => steerRowTemplate({ source: items[i].source, text: items[i].content }, { bubble });
   const parts = [];
-  // Each block's steps, in order: its outline once the nodes exist; and
-  // its turn's place among the turns (the working set's stamp).
+  // Each block's steps, in order: its outline once the nodes exist; how its
+  // turn ended (whether it stays open); and its turn's place among the turns
+  // (the working set's stamp).
   const outlines = [];
+  const blockEnds = [];
   const blockTurns = [];
   let turnOrdinal = -1;
   const groups = turnGroups(items, timing);
@@ -903,10 +913,14 @@ export function turnHistoryNodes(items, timing, { thumbs, workingSet = false, no
         // Its text knows its message's refs (a question's), as an answer does.
         at: group.steps[k].i,
       }));
-      parts.push(html`<details class="turn-work done"><summary>${model.blockSummary({ gens, ended: true })}</summary>${steps}</details>`);
+      // Its summary line: the working set's footprint, when the turn touched
+      // something, then the steps (the live block's, stage_view.js handOff).
+      const foot = workingSet ? footprintTemplate(groupItems(group, turnOrdinal), turnOrdinal) : nothing;
+      parts.push(html`<details class="turn-work done"><summary><span class="tw-sum">${foot}<span class="turn-steps">${model.blockSummary({ gens, ended: true })}</span></span></summary>${steps}</details>`);
       outlines.push(gens);
+      // No record: a turn saved before them, or running at the reload.
+      blockEnds.push(group.record?.status ?? "completed");
       blockTurns.push(turnOrdinal);
-      if (workingSet) parts.push(footprintTemplate(groupItems(group, turnOrdinal), turnOrdinal));
     }
     // Steers with no step to sit in, or in a turn that shows no block: on
     // their own after the prompt.
@@ -941,9 +955,10 @@ export function turnHistoryNodes(items, timing, { thumbs, workingSet = false, no
     parts.push(failedLineTemplate(group.record));
   }
   const out = nodesOf(parts);
-  // A finished turn's block as the live end leaves it: its outline, open.
+  // A finished turn's block as the live end leaves it: its outline, closed
+  // unless the turn was cut short.
   const blocks = [...out.children].filter((el) => el.matches(".turn-work"));
-  blocks.forEach((block, i) => outlineBlock(block, outlines[i] || []));
+  blocks.forEach((block, i) => { block.open = openAfterEnd(blockEnds[i], outlineBlock(block, outlines[i] || [])); });
   if (workingSet) stampHistory(blocks, blockTurns);
   // Each answer bubble and step text knows its message's refs
   // (answer_refs.js; the page pairs them after the render), the index

data/lib/samagotchi/web/public/turn_html.js

@@ -284,7 +284,10 @@ export function answerBubbleTemplate(message, { cls = "", at = null, turnId = nu
 export function noteBubbleTemplate(note) {
   if (note?.objectives) return objectivesEntryTemplate(note, timeTitle(note.at));
   const from = note?.label ? `note from ${note.label}` : "note";
-  return html`<div class="bubble note" title=${timeTitle(note?.at)}><div class="note-line">${from}</div><div class="note-text">${note?.content ?? ""}</div></div>`;
+  // A wake turn's note opens that turn (TURN_PROMPT, bubbles.js); a class, not
+  // data-turn-id, which marks a claim's anchor (claim_link.js).
+  const cls = note?.turn_start ? "bubble note turn-start" : "bubble note";
+  return html`<div class=${cls} title=${timeTitle(note?.at)}><div class="note-line">${from}</div><div class="note-text">${note?.content ?? ""}</div></div>`;
 }
 
 // A plugin's steer (a nudge put into the running turn): one line that

data/lib/samagotchi/web/public/turn_model.js

@@ -279,7 +279,7 @@ export function isNarrated(gen) {
 // them): each narrated step a row, each run of the others between (tool-only,
 // thinking-only) one fold ({fold: [indices]}), so every mid-turn text's first
 // line reads without a click and the steps that said nothing take one line.
-// [] when no step said anything: the block stays closed, as before.
+// [] when no step said anything: nothing to outline.
 // A last run of one thinking-only step stays a row (no "· 1 step" at the end).
 export function outlineRuns(gens) {
   if (!gens.some(isNarrated)) return [];

data/lib/samagotchi/web/public/update_sheet.js

@@ -1,12 +1,17 @@
 import { html, nothing, render } from "./vendor/lit-html.js";
 
+// chi update's own words for the row (FileStanding owns what it says of a file).
+// One that speaks of edited files runs long, so it gets the row's whole width.
 function installRow(row) {
-  const kept = Array.isArray(row.kept) ? row.kept.map(String) : [];
+  const count = (list) => (Array.isArray(list) ? list.length : 0);
+  const behind = count(row.kept) > 0;
+  const long = behind || count(row.merged) > 0 || count(row.earlier) > 0;
+  const status = row.status || "working";
   const versions = [row.from, row.to].filter(Boolean).join(" → ");
   return html`<li class="us-row">
-    <div class="us-row-head"><strong>${row.component || "chi update"}</strong><span>${row.status || "working"}</span></div>
+    <div class="us-row-head"><strong>${row.component || "chi update"}</strong>${long ? nothing : html`<span>${status}</span>`}</div>
     ${versions ? html`<div class="us-detail">${versions}</div>` : nothing}
-    ${kept.length ? html`<div class="us-kept"><strong>Kept edited files:</strong><ul>${kept.map((file) => html`<li>${file}</li>`)}</ul></div>` : nothing}
+    ${long ? html`<div class=${behind ? "us-kept" : "us-detail"}>${status}</div>` : nothing}
   </li>`;
 }
 

data/lib/samagotchi/web/public/working_set_view.js

@@ -95,17 +95,18 @@ function footTag(label) {
   return html` <button type="button" class="ws-step p" data-ws="jump" data-at=${atAttr(first.at)} title=${title}>${text}</button>`;
 }
 
-// The footprint line of a finished turn's +items+ (turn +ordinal+), nothing
-// for a turn that touched nothing: "touched web/public/ · 9 files · ◆ 3
-// memories s1–5 · +1 url · edited 2". A click opens the expanded view at
-// that turn; a step tag jumps to its call.
+// The footprint of a finished turn's +items+ (turn +ordinal+), nothing for a
+// turn that touched nothing: "touched web/public/ · 9 files · ◆ 3 memories
+// s1–5 · +1 url · edited 2". It sits in the turn block's summary line, so a
+// span (phrasing content). A click opens the expanded view at that turn; a
+// step tag jumps to its call.
 export function footprintTemplate(items, ordinal) {
   const fp = footprint(items, BUDGETS.footprint);
   if (!fp) return nothing;
   const sep = html` <span class="sep">·</span> `;
   const parts = fp.labels.map((l, i) => html`${i ? sep : nothing}<span class=${`l ${l.kind}${l.state && l.state !== "live" ? ` ${l.state}` : ""}`} title=${labelTitle(l)}>${l.glyph ? html`<span class="k">${l.glyph}</span> ` : nothing}${labelText({ ...l, glyph: "" })}</span>${footTag(l)}`);
   const text = footprintText(items, BUDGETS.footprint);
-  return html`<div class="ws-foot" role="button" tabindex="0" aria-haspopup="dialog" aria-expanded="false" data-ws-turn=${ordinal} data-ws-sig=${footSig(items)} aria-label=${`Working set of this turn: ${text.replace(/^touched /, "")}. Open the list.`}><span class="w">touched</span> ${parts}${fp.tail ? html`${sep}<span class="w">${fp.tail}</span>` : nothing}${fp.edited ? html`${sep}<span class="e">edited ${fp.edited}</span>` : nothing}${fp.stale ? html`${sep}<span class="s">${fp.stale} stale</span>` : nothing}${fp.forgotten ? html`${sep}<span class="f">${fp.forgotten} forgotten</span>` : nothing}${fp.dropped ? html`${sep}<span class="f">${fp.dropped} dropped</span>` : nothing}</div>`;
+  return html`<span class="ws-foot" role="button" tabindex="0" aria-haspopup="dialog" aria-expanded="false" data-ws-turn=${ordinal} data-ws-sig=${footSig(items)} aria-label=${`Working set of this turn: ${text.replace(/^touched /, "")}. Open the list.`}><span class="w">touched</span> ${parts}${fp.tail ? html`${sep}<span class="w">${fp.tail}</span>` : nothing}${fp.edited ? html`${sep}<span class="e">edited ${fp.edited}</span>` : nothing}${fp.stale ? html`${sep}<span class="s">${fp.stale} stale</span>` : nothing}${fp.forgotten ? html`${sep}<span class="f">${fp.forgotten} forgotten</span>` : nothing}${fp.dropped ? html`${sep}<span class="f">${fp.dropped} dropped</span>` : nothing}</span>`;
 }
 
 // What a footprint shows that can change after it is drawn: its items'
@@ -418,10 +419,12 @@ export function createWorkingSet({ historyEl, stageRoot = () => null, state, ses
     }
   });
 
-  // A footprint: its step tag jumps, the rest opens that turn's view.
+  // A footprint: its step tag jumps, the rest opens that turn's view. Inside
+  // a <summary>, the click is cancelled so it doesn't toggle the block.
   function footClick(e) {
     const foot = e.target.closest?.(".ws-foot");
     if (!foot) return;
+    if (foot.closest("summary")) e.preventDefault();
     const tag = e.target.closest(".ws-step[data-at]");
     if (tag) {
       const at = parseAt(tag.dataset.at);
@@ -563,7 +566,7 @@ export function createWorkingSet({ historyEl, stageRoot = () => null, state, ses
     // The rail's first-sight times, for the popover's fresh rows.
     setSeen(fn) { seenAt = fn; },
     // The running turn hands off: its set joins the turns; its footprint
-    // line (null: it touched nothing) goes after its block.
+    // (null: it touched nothing) goes into its block's summary.
     handOff(turn, prompt = "") {
       const ordinal = turns.length;
       const items = itemsOfTurn(turn, ordinal);

data/lib/samagotchi/web/push/notifier.rb

@@ -5,6 +5,7 @@ require "uri"
 require "time"
 require_relative "attention"
 require_relative "../../log"
+require_relative "../../memory_bundle/file_standing"
 
 module Samagotchi
   module Web
@@ -52,10 +53,10 @@ module Samagotchi
         AUTO_NOTICES = {
           "installed" => lambda do |version, notes|
             ["installed", "chi #{version} is installed",
-             "chi web and its sessions switch over when you restart them.#{kept_words(notes[:kept])}"]
+             "chi web and its sessions switch over when you restart them.#{file_words(notes)}"]
           end,
           "updated" => lambda do |version, notes|
-            ["updated", "chi updated to #{version}", "#{restarted_words(notes[:restarted], notes[:left])}#{kept_words(notes[:kept])}"]
+            ["updated", "chi updated to #{version}", "#{restarted_words(notes[:restarted], notes[:left])}#{file_words(notes)}"]
           end,
           "restart_failed" => lambda do |version, notes|
             ["restart_failed", "chi #{version} is installed; chi web didn't restart",
@@ -79,13 +80,10 @@ module Samagotchi
           "#{words}."
         end
 
-        # " Kept your edits in 2 files." ("" for none).
-        def self.kept_words(count)
-          if count.to_i.positive?
-            " Kept your edits in #{count} #{count == 1 ? "file" : "files"}."
-          else
-            ""
-          end
+        # " Merged the update into 1 file you edited. 2 files stay behind." ("" for none).
+        def self.file_words(notes)
+          words = MemoryBundle::FileStanding.counts_sentence(merged: notes[:merged].to_i, behind: notes[:kept].to_i)
+          words.empty? ? "" : " #{words}"
         end
 
         # A show carries +open+ only while its JSON stays this small: one

data/lib/samagotchi/web/session_hub.rb

@@ -216,7 +216,8 @@ module Samagotchi
       # `chi_update` frames are the page's), and not kept for a snapshot.
       # @param kind [String] installed, updated or failed
       # @param version [String] the release it is about
-      # @param notes [Hash] detail:, kept: (a count), restarted:, left:
+      # @param notes [Hash] detail:, kept:, merged: (counts of edited files that
+      #   stayed behind and that took the update), restarted:, left:
       def publish_notice(kind:, version:, **notes)
         @monitor.synchronize { emit("chi_notice", { kind: kind, version: version, **notes }) }
         nil

data/lib/samagotchi/web/session_show.rb

@@ -80,7 +80,7 @@ module Samagotchi
           plugin_warning: turn_snapshot && turn_snapshot["plugin_warning"],
           # Plugins' slow setup still running (chi.init): the page's init row.
           init_tasks: snapshot_list(turn_snapshot, "init_tasks"),
-          cards: cards_for_display(live_or_saved(turn_snapshot, "cards") { saved_cards(id) }, cwd: session.working_directory),
+          cards: cards_for_display(live_or_saved(turn_snapshot, "cards") { saved_cards(id, messages: raw_messages) }, cwd: session.working_directory),
           # The composer's / autocomplete; the built-ins until a worker
           # names its plugins' too.
           commands: turn_snapshot&.fetch("commands", nil) || SessionCommands.builtin_registry.listing,

data/lib/samagotchi/web/update_ops.rb

@@ -175,7 +175,8 @@ module Samagotchi
       def perform_install(version, auto)
         argv = update_argv(version)
         said = nil
-        output, success = @runner.call(argv, env: ChildEnv.unbundled,
+        env = auto ? ChildEnv.unbundled.merge(ChildEnv::UNATTENDED_UPDATE => "1") : ChildEnv.unbundled
+        output, success = @runner.call(argv, env: env,
                                              progress: lambda { |line|
                                                said = line unless line.strip.empty?
                                                @hub.publish_update(state: "running", rows: [], progress: line,