samagotchi 0.25.0 → 0.27.0

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

@@ -5,14 +5,22 @@
 <title>Chi</title>
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <style>
-:root{--bg:#0b0d11;--bg-panel:#151821;--bg-inset:#0f1115;--bg-raised:#22262f;--bg-hover:#1b1f27;--border:#1f232b;--border-strong:#2d333f;--text:#e6e8eb;--text-bright:#f0f3f6;--text-2:#c9d1d9;--text-3:#9aa4b2;--text-muted:#8b949e;--text-faint:#6e7681;--accent:#7aa5ff;--accent-strong:#1f6feb;--accent-bg:#1b2336;--accent-ring:rgba(122,165,255,.18);--primary:#2a68d1;--ok:#3fb950;--ok-text:#7ee787;--ok-bg:#1a2e1a;--warn:#d29922;--warn-text:#e3b341;--warn-bright:#f2cc60;--warn-bg:#2b2108;--warn-border:#6b5416;--danger:#f85149;--danger-bg:#da3633;--danger-text:#ff7b72;--danger-bg-dim:#3d1f1f;--think:#8957e5;--think-text:#d2a8ff;--accent-border:#223150;--accent-tint:color-mix(in srgb,var(--accent) 7%,transparent);--narr:color-mix(in srgb,var(--accent) 38%,var(--text-muted));
+:root{color-scheme:dark;--bg:#0b0d11;--bg-panel:#151821;--bg-inset:#0f1115;--bg-raised:#22262f;--bg-hover:#1b1f27;--border:#1f232b;--border-strong:#2d333f;--text:#e6e8eb;--text-bright:#f0f3f6;--text-2:#c9d1d9;--text-3:#9aa4b2;--text-muted:#8b949e;--text-faint:#6e7681;--accent:#7aa5ff;--accent-strong:#1f6feb;--accent-bg:#1b2336;--accent-ring:rgba(122,165,255,.18);--primary:#2a68d1;--ok:#3fb950;--ok-text:#7ee787;--ok-bg:#1a2e1a;--warn:#d29922;--warn-text:#e3b341;--warn-bright:#f2cc60;--warn-bg:#2b2108;--warn-border:#6b5416;--danger:#f85149;--danger-bg:#da3633;--danger-text:#ff7b72;--danger-bg-dim:#3d1f1f;--think:#8957e5;--think-text:#d2a8ff;--accent-border:#223150;--accent-tint:color-mix(in srgb,var(--accent) 7%,transparent);--narr:color-mix(in srgb,var(--accent) 38%,var(--text-muted));
   --glass-bg:color-mix(in srgb,var(--bg-panel) 70%,transparent);--glass-border:rgba(255,255,255,.08);--glass-highlight:rgba(255,255,255,.05);--glass-shadow:0 8px 30px rgba(0,0,0,.35);
-  --diff-add-bg:rgba(63,185,80,.14);--diff-add-text:#aff5b4;--diff-del-bg:rgba(248,81,73,.14);--diff-del-text:#ffc1bc}
+  --diff-add-bg:rgba(63,185,80,.14);--diff-add-text:#aff5b4;--diff-del-bg:rgba(248,81,73,.14);--diff-del-text:#ffc1bc;
+  --code-text:#c9d1d9;--code-keyword:#ff7b72;--code-string:#a5d6ff;--code-comment:#8b949e;--code-constant:#79c0ff;--code-func:#d2a8ff;--code-type:#ffa657;
+  --card-hover-border:rgba(255,255,255,.14);--on-solid:#fff;--on-warn:#fff;--text-hover:#fff;--badge-bg:rgba(255,255,255,.08);--badge-ring:rgba(255,255,255,.18);--shadow-strong:rgba(0,0,0,.5);--backdrop:rgba(0,0,0,.85);--toast-shadow:0 6px 24px rgba(0,0,0,.25)}
+/* Light palette: follows the system setting. :not([data-theme="dark"]) leaves room for a later in-page toggle (data-theme on <html>); there is none yet. Each palette sets color-scheme, so native radios, inputs and scrollbars follow it. */
+@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){color-scheme:light;--bg:#f5f6f8;--bg-panel:#ffffff;--bg-inset:#f1f3f6;--bg-raised:#e8ebf0;--bg-hover:#eceff4;--border:#dde1e7;--border-strong:#c3c9d2;--text:#1f2328;--text-bright:#0d1117;--text-2:#2f363d;--text-3:#475160;--text-muted:#57606a;--text-faint:#636c76;--accent:#0b5cd5;--accent-strong:#0550ae;--accent-bg:#e2ecfd;--accent-ring:rgba(11,92,213,.2);--primary:#1f6feb;--ok:#1a7f37;--ok-text:#116329;--ok-bg:#dafbe1;--warn:#9a6700;--warn-text:#7d4e00;--warn-bright:#875c00;--warn-bg:#fff6cc;--warn-border:#d4a72c;--danger:#cf222e;--danger-bg:#cf222e;--danger-text:#a40e26;--danger-bg-dim:#ffebe9;--think:#8250df;--think-text:#6639ba;--accent-border:#b8cef5;
+  --glass-border:rgba(31,35,40,.10);--glass-highlight:rgba(255,255,255,.7);--glass-shadow:0 8px 30px rgba(31,35,40,.10);
+  --diff-add-bg:rgba(26,127,55,.12);--diff-add-text:#116329;--diff-del-bg:rgba(207,34,46,.10);--diff-del-text:#82071e;
+  --code-text:#1f2328;--code-keyword:#cf222e;--code-string:#0a3069;--code-comment:#57606a;--code-constant:#0550ae;--code-func:#8250df;--code-type:#953800;
+  --card-hover-border:rgba(31,35,40,.18);--on-solid:#fff;--on-warn:#1f2328;--text-hover:#0d1117;--badge-bg:rgba(31,35,40,.06);--badge-ring:rgba(31,35,40,.15);--shadow-strong:rgba(31,35,40,.18);--backdrop:rgba(13,17,23,.85);--toast-shadow:0 6px 24px rgba(31,35,40,.14)}}
 *{box-sizing:border-box;margin:0;padding:0}
 body{font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1100px 700px at 8% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 70%),radial-gradient(900px 700px at 100% 100%,color-mix(in srgb,var(--think) 9%,transparent),transparent 70%),var(--bg);background-attachment:fixed;color:var(--text);height:100vh;display:flex;flex-direction:column}
 /* Glass: the composer card, the strip cards, the all-sessions cards and the question cards (by selector, so app.js is untouched). */
 #dock,.turn-stage,.dock-card,#topStrip .card,#allList .card,.bubble.question,.bubble.plugin-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px) saturate(1.35);backdrop-filter:blur(18px) saturate(1.35);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}
-#topStrip .card:hover,#allList .card:hover{background:color-mix(in srgb,var(--bg-hover) 75%,transparent);border-color:rgba(255,255,255,.14)}
+#topStrip .card:hover,#allList .card:hover{background:color-mix(in srgb,var(--bg-hover) 75%,transparent);border-color:var(--card-hover-border)}
 #topStrip .card.active,#allList .card.active{background:color-mix(in srgb,var(--accent-bg) 75%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}
 /* A session that waits on the user (a question, an approval, a card with actions): the warning colour of its question card, also when active or hovered. */
 #topStrip .card.waiting,#allList .card.waiting{border-color:color-mix(in srgb,var(--warn) 75%,transparent)}
@@ -23,7 +31,7 @@ body.no-glass #dock,body.no-glass .turn-stage,body.no-glass .dock-card,body.no-g
 body.no-glass .bubble.question{background:color-mix(in srgb,var(--warn) 7%,var(--bg-panel));-webkit-backdrop-filter:none;backdrop-filter:none}
 body.no-glass .bubble.plugin-card{background:color-mix(in srgb,var(--accent) 6%,var(--bg-panel));-webkit-backdrop-filter:none;backdrop-filter:none}
 button,input,textarea,select{font:inherit}
-button{background:var(--primary);border:0;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:filter .12s ease,background .12s ease}
+button{background:var(--primary);border:0;color:var(--on-solid);padding:8px 12px;border-radius:8px;cursor:pointer;transition:filter .12s ease,background .12s ease}
 button:hover:not(:disabled){filter:brightness(1.12)}
 button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 button.ghost{background:var(--bg-raised);color:var(--text-2)}
@@ -56,6 +64,18 @@ main{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:au
 .bubble.output.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}
 .bubble.output.markdown :not(pre)>code{background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--text)}
 .bubble.output.markdown pre{font-size:13px;line-height:1.45;border:1px solid var(--border)}
+/* Code highlighting (markdown_renderer.rb): syntect scope classes, hl-prefixed, coloured from the palette's --code-* tokens. More classes win over fewer (a function name is also "entity"). */
+.syntax-highlighting{color:var(--code-text)}
+.syntax-highlighting .hl-keyword,.syntax-highlighting .hl-storage{color:var(--code-keyword)}
+.syntax-highlighting .hl-string{color:var(--code-string)}
+.syntax-highlighting .hl-string .hl-embedded{color:var(--code-text)}
+.syntax-highlighting .hl-constant{color:var(--code-constant)}
+.syntax-highlighting .hl-entity.hl-name.hl-function,.syntax-highlighting .hl-support.hl-function{color:var(--code-func)}
+.syntax-highlighting .hl-entity.hl-name.hl-class,.syntax-highlighting .hl-entity.hl-name.hl-type,.syntax-highlighting .hl-entity.hl-other.hl-inherited-class,.syntax-highlighting .hl-support.hl-class,.syntax-highlighting .hl-support.hl-type,.syntax-highlighting .hl-meta.hl-diff.hl-range{color:var(--code-type)}
+.syntax-highlighting .hl-comment{color:var(--code-comment);font-style:italic}
+.syntax-highlighting .hl-markup.hl-inserted{color:var(--diff-add-text)}
+.syntax-highlighting .hl-markup.hl-deleted{color:var(--diff-del-text)}
+.syntax-highlighting .hl-invalid{color:var(--danger-text)}
 .bubble.output.markdown h1,.bubble.output.markdown h2,.bubble.output.markdown h3,.bubble.output.markdown h4,.bubble.output.markdown h5,.bubble.output.markdown h6{font-weight:600;line-height:1.3;margin:18px 0 8px;color:var(--text-bright)}
 .bubble.output.markdown h1{font-size:19px}
 .bubble.output.markdown h2{font-size:17px}
@@ -91,8 +111,8 @@ main{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:au
 .bubble.user.queued{border-left-style:dashed;opacity:.8}
 .bubble.user.steered{border-left-style:dashed;border-left-color:var(--accent);opacity:.9}
 .bubble.user.failed{border-left-color:var(--danger);opacity:.8}
-.bubble.user .state-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--text);font-size:11px;line-height:1.2;white-space:nowrap;flex-shrink:0}
-.bubble.user .state-badge::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
+.bubble.user .state-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:2px 7px;border-radius:999px;background:var(--badge-bg);color:var(--text);font-size:11px;line-height:1.2;white-space:nowrap;flex-shrink:0}
+.bubble.user .state-badge::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8;box-shadow:0 0 0 1px var(--badge-ring)}
 .bubble.user.queued .state-badge::before{background:var(--accent);box-shadow:0 0 0 1px var(--accent-ring)}
 .bubble.user.steered .state-badge::before{background:var(--accent);box-shadow:0 0 0 1px var(--accent-ring)}
 .bubble.user.failed .state-badge::before{background:var(--danger);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 40%,transparent)}
@@ -116,6 +136,11 @@ main{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:au
 .activity-status.stopped{color:var(--warn-text);opacity:.8}
 .activity-status.blocked{color:var(--danger-text)}
 .activity-tool{color:var(--accent);font-weight:600}
+/* The stop-task button on a running task_wait (task_stop.js): a small ghost
+   button in the danger colours, at the row's end and in the stage's now slot. */
+button.task-stop{flex:none;margin-left:auto;padding:1px 8px;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:6px;background:transparent;color:var(--danger-text);font-size:11.5px;line-height:18px;white-space:nowrap}
+button.task-stop:hover:not(:disabled){background:var(--danger-bg-dim);filter:none}
+.ts-now button.task-stop{align-self:center}
 .activity-params{color:var(--text-muted);word-break:break-all}
 .activity-duration{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
 .activity-output{margin:4px 0 2px 60px;font-size:12px;color:var(--text-muted);white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:6px;padding:6px 8px;max-height:160px;overflow:auto}
@@ -145,6 +170,7 @@ main{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:au
 /* The command as its steps (CommandSteps): the op that links each to the one before, labels as small headings, limits and heredocs as chips; "raw" swaps in the command as written (CSS only). */
 .activity-command.has-steps{background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;padding:4px 8px 5px}
 .activity-command-head{display:flex;align-items:center;gap:8px;min-height:20px;padding-right:30px}
+.activity-command-head.bare{float:right;min-height:0;margin-left:8px}
 .has-steps .activity-command-cwd{flex:1 1 auto;min-width:0;margin:0;overflow-wrap:anywhere}
 .activity-command-cwd>.activity-command-sep{font-family:inherit;color:var(--text-faint)}
 .activity-command-raw{flex:none;display:inline-flex;align-items:center;height:18px;padding:0 7px;border:1px solid var(--border-strong);border-radius:9px;font-size:11px;color:var(--text-muted);cursor:pointer;user-select:none;-webkit-user-select:none}
@@ -366,7 +392,7 @@ main{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:au
 /* The selection bubble (app.js Annotate): Annotate + the presets (web.annotate_presets), small pills with a gap (they wrap on a narrow page). */
 #annotateBar{position:fixed;z-index:20;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100vw - 16px)}
 #annotateBar[hidden]{display:none}
-#annotateBar button{font-size:12px;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.5)}
+#annotateBar button{font-size:12px;padding:4px 10px;border-radius:999px;box-shadow:0 2px 8px var(--shadow-strong)}
 #annotateBar .annotate-preset{background:var(--bg-raised);color:var(--text-2);border:1px solid var(--border-strong);padding:3px 10px;max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 /* Copy buttons (copy.js): top-right in an answer and a code block, left of a prompt (its right edge is the page's); shown on hover or focus, always (dim) on touch. They hold no text: "copied ✓" is CSS content. */
 .bubble.output,.bubble.user{position:relative}
@@ -407,7 +433,7 @@ body.has-session #history{padding-bottom:calc(var(--dock-h,160px) + 32px)}
 .thumbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
 .thumb{max-height:120px;max-width:200px;border-radius:6px;border:1px solid var(--border-strong);cursor:zoom-in;object-fit:contain;background:var(--bg)}
 .activity-row .thumbs{flex-basis:100%}
-#lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
+#lightbox{position:fixed;inset:0;z-index:50;background:var(--backdrop);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
 #lightbox[hidden]{display:none}
 #lightbox img{max-width:96vw;max-height:94vh;border-radius:6px}
 #composer textarea{flex:1 1 auto;min-height:72px;resize:none;background:transparent;border:0;color:var(--text);padding:2px;border-radius:0;font-size:15px;line-height:1.45}
@@ -598,7 +624,7 @@ body.stage-view #dock,body.stage-view #dock:focus-within{background:transparent;
 #infoBar .meta{font-size:11px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
 #infoBar .meta .id{font-family:ui-monospace,monospace;font-weight:700;font-size:12px;color:var(--accent)}
 #infoBar .meta .copy-attach{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;background:var(--bg-raised);color:var(--text-2);border:1px solid var(--border-strong)}
-#infoBar .meta .copy-attach:hover{color:#fff;border-color:var(--border-strong)}
+#infoBar .meta .copy-attach:hover{color:var(--text-hover);border-color:var(--border-strong)}
 #infoBar .meta .status{font-size:11px;padding:2px 6px;border-radius:999px}
 #infoBar .meta .dir{font-family:ui-monospace,monospace;font-size:11px;color:var(--text-muted);word-break:break-all}
 /* The footer sits on the card's glass: its chips are tinted, not solid, so the glass reads through them. */
@@ -610,7 +636,7 @@ body.stage-view #dock,body.stage-view #dock:focus-within{background:transparent;
 #infoBar .meta .worker-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:2px 2px 2px 6px;border-radius:6px;background:var(--warn-bg);color:var(--warn-bright);border:1px solid var(--warn-border);white-space:nowrap}
 #infoBar .meta .worker-badge:not(:has(button)){padding-right:6px}
 #infoBar .meta .worker-restart{padding:1px 8px;border-radius:5px;font-size:11px;font-weight:600;background:var(--bg-raised);color:var(--warn-bright);border:1px solid var(--warn-border)}
-#infoBar .meta .worker-restart:hover:not(:disabled){background:var(--warn-border);color:#fff}
+#infoBar .meta .worker-restart:hover:not(:disabled){background:var(--warn-border);color:var(--on-warn)}
 #infoBar .meta .worker-restart:disabled{opacity:.7;cursor:default}
 #infoBar .preview-line{font-size:13px;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.4;max-height:2.8em}
 #infoBar .preview-line .preview, #infoBar .preview-line .mem{word-break:break-word}
@@ -621,7 +647,7 @@ body.stage-view #dock,body.stage-view #dock:focus-within{background:transparent;
 #infoBar #infoArchiveBtn{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong)}
 #infoBar #infoArchiveBtn:hover{color:var(--text);background:var(--bg-hover)}
 #infoBar #infoDeleteBtn{background:transparent;color:var(--text-muted);border:1px solid transparent}
-#infoBar #infoDeleteBtn:hover{color:#fff;background:var(--danger-bg);border-color:var(--danger-bg)}
+#infoBar #infoDeleteBtn:hover{color:var(--on-solid);background:var(--danger-bg);border-color:var(--danger-bg)}
 /* Phones: the footer is one line; its meta scrolls sideways (all of it stays reachable) and the first-message line, the strip card's title, goes. */
 @media(max-width:600px){
   /* The key hint: cut off at this width, and phones have no Shift+Enter. */
@@ -743,7 +769,7 @@ body.all-view #center, body.all-view #topStrip{display:none}
 .card.archived{opacity:.6}
 .card.archived:hover{opacity:.85}
 .card .archived-badge{font-size:10px;padding:1px 6px;border-radius:6px;border:1px solid var(--border-strong);color:var(--text-muted)}
-#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;z-index:50;display:flex;gap:12px;align-items:center;padding:8px 14px;border-radius:10px;background:var(--bg-raised);color:var(--text);border:1px solid var(--border-strong);box-shadow:0 6px 24px rgba(0,0,0,.25);font-size:13px}
+#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;z-index:50;display:flex;gap:12px;align-items:center;padding:8px 14px;border-radius:10px;background:var(--bg-raised);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--toast-shadow);font-size:13px}
 #toast[hidden]{display:none}
 #toast .toast-action{background:transparent;border:0;color:var(--accent);font-weight:600;cursor:pointer;padding:2px 4px}
 #toast .toast-close{background:transparent;border:0;color:var(--text-muted);cursor:pointer;padding:2px 4px;margin-left:-6px}
@@ -761,7 +787,7 @@ body.all-view #center, body.all-view #topStrip{display:none}
 #allList .card{position:relative}
 .card-del{position:absolute;top:6px;right:6px;padding:2px 7px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:12px;line-height:1.2;cursor:pointer;opacity:0;transition:opacity .15s}
 #allList .card:hover .card-del, .card-del:focus-visible{opacity:1}
-.card-del:hover{color:#fff;background:var(--danger-bg);border-color:var(--danger-bg)}
+.card-del:hover{color:var(--on-solid);background:var(--danger-bg);border-color:var(--danger-bg)}
 @media (hover:none){.card-del{opacity:1}}
 .card.active{background:var(--accent-bg);border-color:var(--accent-border)}
 .card .preview{font-size:14px;line-height:1.4;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

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

@@ -85,6 +85,12 @@ function withCommand(slot, row) {
   return row.view?.command ? { ...slot, command: row.view.command } : slot;
 }
 
+// A running task_wait's slot: the task it waits on and the row's key, for
+// the stop-task button (task_stop.js).
+function withTask(slot, row) {
+  return row.tool === "task_wait" && row.view?.task_id ? { ...slot, taskId: row.view.task_id, key: row.key } : slot;
+}
+
 // While the first step has no thinking and no tool rows the turn is plain:
 // its text streams in the stage's answer slot, as the turn view's
 // chrome-less block streams like a bubble.
@@ -106,7 +112,7 @@ const NO_ANSWER = "no answer";
 //            feed), else the newest thinking one (+thinking+, its ticker),
 //            else "…";
 //   tool     the running call ({name, title, kind}, and command: its full
-//            command when it has one) or null;
+//            command when it has one; taskId and key: a task_wait's) or null;
 //   trail    the last three finished calls, newest last (a file's title
 //            without its dir; command as for tool);
 //   ticks    one per call: {kind, status, step (the gen's index)}.
@@ -137,7 +143,7 @@ export function liveSlots(turn, { narration = "", thinking = "", pending = false
     phase,
     step: ended ? gens.filter((g) => !g.answer || g.thinking || g.tools.length).length : gens.length,
     headline,
-    tool: running ? withCommand({ name: toolName(running), title: rowTitle(running), kind: toolKind(running.tool) }, running) : null,
+    tool: running ? withTask(withCommand({ name: toolName(running), title: rowTitle(running), kind: toolKind(running.tool) }, running), running) : null,
     trail,
     ticks: rows.map(({ row, step }) => ({ kind: toolKind(row.tool), status: row.status, step })),
   };

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

@@ -13,6 +13,7 @@
 import { createTurnView } from "./turn_view.js";
 import { flashOf, handOffDue, handOffOrder, headlineOf, inUseFrom, isPlain, liveSlots, placeFor } from "./stage_model.js";
 import { formatDuration } from "./timing.js";
+import { taskCommand, taskStopButton } from "./task_stop.js";
 
 const COLLAPSE_KEY = "chi_stage_collapsed";
 const WATCH_MS = 200;
@@ -45,7 +46,9 @@ function readCollapsed() {
 // +historyNearBottom+: the history's own follow check (the hand-off scrolls
 // the history only for a reader at its end). +dockEl+, +centerEl+ and
 // +composerEl+ size the stage's cap.
-export function createStageView({ historyEl, appendToHistory, isNearBottom: historyNearBottom, sawText, sessionId, dockEl, centerEl, composerEl }) {
+// +taskStop+: the page's stopper (task_stop.js), for the stop-task button
+// on a running task_wait.
+export function createStageView({ historyEl, appendToHistory, isNearBottom: historyNearBottom, sawText, sessionId, dockEl, centerEl, composerEl, taskStop = null }) {
   // The dock becomes a clear column: the stage's card, then the composer's
   // (its rows moved into .dock-card, which wears the glass and the focus ring).
   document.body.classList.add("stage-view");
@@ -131,6 +134,7 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
     },
     useHold: false,
     newestFirst: true,
+    taskStop,
     onChange: () => scheduleRefresh(),
     onThinkingLine: (text) => {
       const { turn } = view.current();
@@ -223,7 +227,11 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
 
   function drawNow(tool, gen) {
     const quiet = gen?.text && !gen.textDone ? "writing…" : "thinking…";
-    const key = tool ? `run|${tool.name}|${tool.title}|${tool.command || ""}` : `quiet|${quiet}`;
+    // A task_wait's stop button, as the row's (task_stop.js): in the key
+    // with its in-flight state, so a redraw keeps a clicked one disabled.
+    const stopId = tool?.taskId && taskStop?.target({ tool: "task_wait", status: "running", view: { task_id: tool.taskId } });
+    const stopKey = stopId ? `|stop:${tool.key}:${taskStop.busy(stopId)}` : "";
+    const key = tool ? `run|${tool.name}|${tool.title}|${tool.command || ""}${stopKey}` : `quiet|${quiet}`;
     if (shown.now === key) return;
     shown.now = key;
     now.replaceChildren();
@@ -236,6 +244,10 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
       title.textContent = tool.title;
       // The full command when the call has one (the title is its first step +N).
       title.title = tool.command || tool.title;
+      if (stopId) {
+        const command = () => taskCommand(view.current().turn?.gens, stopId);
+        now.appendChild(taskStopButton(taskStop, stopId, { command, onChange: scheduleRefresh }));
+      }
     } else {
       const word = node("span", "ts-title quiet", now);
       word.textContent = quiet;

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

@@ -0,0 +1,101 @@
+// The stop-task button on a running task_wait (POST …/tasks/:task_id/stop,
+// Bridge#handle_task_stop): the worker kills the task as the user, the wait
+// returns, and the turn goes on. Which row gets one, what the confirm says,
+// and the stops in flight. The in-flight set lives here, not in the DOM:
+// the stage rebuilds its "now" slot, and a redraw must keep a clicked
+// button disabled. Pure but for the injected calls, so `node --test`
+// covers it; turn_view.js and stage_view.js draw the button.
+import { stopTask as postStopTask } from "./data.js";
+
+// What a worker that has the route names in its sidecar features.
+export const TASK_STOP_FEATURE = "task_stop";
+const COMMAND_SHOWN = 120;
+
+// The task a row's button would stop: a running task_wait's (its server
+// view's task_id), on a worker that has the route; else null.
+export function stopTarget(row, features) {
+  if (!row || row.tool !== "task_wait" || row.status !== "running") return null;
+  if (!Array.isArray(features) || !features.includes(TASK_STOP_FEATURE)) return null;
+  return row.view?.task_id || null;
+}
+
+// The command a task_create of this turn started +taskId+ with (its row's
+// view), or null: a task from an earlier turn has no row here.
+export function taskCommand(gens, taskId) {
+  for (const gen of gens || []) {
+    for (const row of gen.tools || []) {
+      if (row.tool !== "task_create") continue;
+      const id = /(?:^|\n)task_id: (\S+)/.exec(row.output || "")?.[1];
+      if (id === taskId) return row.view?.command || null;
+    }
+  }
+  return null;
+}
+
+export function confirmText(taskId, command) {
+  const line = String(command || "").replace(/\s+/g, " ").trim();
+  const what = !line ? taskId : line.length > COMMAND_SHOWN ? `${line.slice(0, COMMAND_SHOWN - 1)}…` : line;
+  return `Stop task ${what}?`;
+}
+
+// A failed stop said nothing about: 409 (the task ended meanwhile), 503
+// (no live worker: it can't be stopped now).
+export function quietFailure(error) {
+  return error?.status === 409 || error?.status === 503;
+}
+
+// +sessionId+ and +features+ are read at each call (the selected session,
+// its worker's sidecar features).
+export function createTaskStopper({
+  sessionId,
+  features,
+  stopTask = postStopTask,
+  confirm = (text) => globalThis.confirm(text),
+  alert = (text) => globalThis.alert(text),
+}) {
+  const inFlight = new Set();
+  const keyOf = (taskId) => `${sessionId()}|${taskId}`;
+  return {
+    target: (row) => stopTarget(row, features()),
+    busy: (taskId) => inFlight.has(keyOf(taskId)),
+    // true once the worker stopped it. A stop that went through stays in
+    // flight: the button goes with its row's completion a moment later.
+    async stop(taskId, command = null) {
+      const id = sessionId();
+      const key = keyOf(taskId);
+      if (!id || inFlight.has(key) || !confirm(confirmText(taskId, command))) return false;
+      inFlight.add(key);
+      try {
+        await stopTask(id, taskId);
+        return true;
+      } catch (e) {
+        inFlight.delete(key);
+        if (!quietFailure(e)) alert(e.message);
+        return false;
+      }
+    },
+  };
+}
+
+// The button itself (the one DOM part): a click asks, posts, and keeps it
+// disabled while the stop is in flight. +command+ is read at the click;
+// +onChange+ lets a view redraw (the stage's slot).
+export function taskStopButton(stopper, taskId, { command = () => null, onChange = () => {} } = {}) {
+  const btn = document.createElement("button");
+  btn.type = "button";
+  btn.className = "ghost task-stop";
+  btn.textContent = "stop task";
+  btn.title = "Kill this background task; the model is told you stopped it";
+  btn.disabled = stopper.busy(taskId);
+  btn.addEventListener("click", (e) => {
+    e.stopPropagation();
+    const pending = stopper.stop(taskId, command());
+    btn.disabled = stopper.busy(taskId);
+    onChange();
+    pending.then(() => {
+      btn.disabled = stopper.busy(taskId);
+      onChange();
+    });
+  });
+  return btn;
+}

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

@@ -23,6 +23,7 @@ import { createSentenceFeed } from "./sentences.js";
 import { createTicker } from "./thinking_ticker.js";
 import * as model from "./turn_model.js";
 import { createHold } from "./hold.js";
+import { taskCommand, taskStopButton } from "./task_stop.js";
 
 // A row's status (live, or a saved tool record's on reload): running,
 // error, stopped (a task_wait the user's Stop ended), blocked (a guardrail
@@ -90,7 +91,9 @@ function fillActivityRow(el, row, sessionId) {
 //                  (chronological() restores the order);
 //   onChange()     after anything in the turn changed (the stage redraws
 //                  its slots from current());
-//   onThinkingLine(sentence) the live step's ticker showed a new line.
+//   onThinkingLine(sentence) the live step's ticker showed a new line;
+//   taskStop       the page's stopper (task_stop.js): a running task_wait
+//                  row gets its stop-task button (none: no button).
 export function createTurnView({
   historyEl, appendToHistory, isNearBottom, sawText, sessionId,
   blockHost = appendToHistory,
@@ -100,6 +103,7 @@ export function createTurnView({
   newestFirst = false,
   onChange = () => {},
   onThinkingLine = () => {},
+  taskStop = null,
 }) {
   let turn = null;
   let blockEl = null;
@@ -407,14 +411,33 @@ export function createTurnView({
       const stick = isNearBottom();
       body.appendChild(el);
       fillActivityRow(el, r.row, sessionId());
+      syncTaskStop(el, r.row);
       if (stick) follow();
     } else {
       fillActivityRow(el, r.row, sessionId());
+      syncTaskStop(el, r.row);
     }
     updateBlockSummary();
     onChange();
   }
 
+  // The stop-task button after a running task_wait's params; gone once the
+  // row completes.
+  function syncTaskStop(el, row) {
+    const taskId = taskStop?.target(row);
+    const btn = el.querySelector(":scope > .task-stop");
+    if (!taskId) {
+      btn?.remove();
+      return;
+    }
+    if (btn) {
+      btn.disabled = taskStop.busy(taskId);
+      return;
+    }
+    const command = () => taskCommand(turn?.gens, taskId);
+    el.querySelector(".activity-params").after(taskStopButton(taskStop, taskId, { command }));
+  }
+
   // A hook's line (hook_notice) as a row of the current step, above the row
   // of the call it judged; false with no running turn (app.js shows the
   // bubble then). data.line is a whole row of chi's own (an empty-answer

data/lib/samagotchi/worker.rb

@@ -112,6 +112,9 @@ module Samagotchi
       # stream gets the session's history and status in its snapshot, not
       # an empty session until the first turn.
       @engine.session = @session
+      # Input already waiting in the inbox starts the next turn at once: no
+      # turn-end warm-up then.
+      @engine.next_turn_waiting = -> { SessionInbox.find_new_input_files(@session_dir).any? }
       @turn_flow = TurnFlow.new(engine: @engine)
       # Its question's answer is queued as the matching /continue (the
       # Bridge exists by the time anyone answers).

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: samagotchi
 version: !ruby/object:Gem::Version
-  version: 0.25.0
+  version: 0.27.0
 platform: ruby
 authors:
 - Dmitry Dedov
@@ -130,6 +130,7 @@ files:
 - docs/hooks.md
 - docs/internals/background-tasks.md
 - docs/internals/context-telemetry.md
+- docs/internals/engine.md
 - docs/internals/gemma4-contract.md
 - docs/internals/prompt-caching.md
 - docs/internals/tool-guardrails.md
@@ -324,6 +325,7 @@ files:
 - lib/samagotchi/prompt.rb
 - lib/samagotchi/prompt_history.rb
 - lib/samagotchi/prompt_literal_guard.rb
+- lib/samagotchi/prompt_warmup.rb
 - lib/samagotchi/question_desk.rb
 - lib/samagotchi/recap_setup.rb
 - lib/samagotchi/recap_store.rb
@@ -469,6 +471,7 @@ files:
 - lib/samagotchi/web/public/stage_view.js
 - lib/samagotchi/web/public/strip.js
 - lib/samagotchi/web/public/tally.js
+- lib/samagotchi/web/public/task_stop.js
 - lib/samagotchi/web/public/thinking_ticker.js
 - lib/samagotchi/web/public/timing.js
 - lib/samagotchi/web/public/turn_events.js