samagotchi 0.154.0 → 0.155.0

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

@@ -285,9 +285,11 @@ export function noteBubbleTemplate(note) {
   if (note?.objectives) return objectivesEntryTemplate(note, timeTitle(note.at));
   const from = note?.label ? `note from ${note.label}` : "note";
   // 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).
+  // data-turn-id, which marks a claim's anchor (claim_link.js). Its turn's id
+  // is its data-opening-id: a card's stamp finds it (card_stamps.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>`;
+  const opening = note?.turn_start && note?.turn_id ? String(note.turn_id) : nothing;
+  return html`<div class=${cls} title=${timeTitle(note?.at)} data-opening-id=${opening}><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
@@ -311,7 +313,9 @@ export function steerRowTemplate({ source, text } = {}, { bubble = false } = {})
 // participant's badge (participant_names.js authorBadge: their name and
 // colour) in place of +label+. A turn's opening carries its Revise stamp
 // (+message.revises+: data-revises, revise_stack.js) and whether it was a
-// Verify turn (+message.verify+: data-verify, no Revise on its answer).
+// Verify turn (+message.verify+: data-verify, no Revise on its answer). An
+// opening no turn ran (/continue no's reason) has +message.opening_id+
+// instead of a turn id: data-opening-id, a card's stamp (card_stamps.js).
 // +message.source+ (a delegate report's "delegate_report") is its
 // data-source; +lineKey+, a merged line's fold key (answer_fold.js:
 // data-line-key, the reload's "<turn id>:input:<place>").
@@ -320,7 +324,7 @@ export function userBubbleTemplate(message, { label = null, state = null, step =
   const from = author
     ? html`<span class="origin-label author-badge" title=${authorBadgeTitle(author.name, author.mode)} data-unnamed=${author.unnamed ? "1" : nothing}>${authorBadgeText(author.name, author.mode)}</span>`
     : label ? html`<span class="origin-label">${label}</span>` : nothing;
-  return html`<div class=${`bubble user${named ? ` ${named}` : ""}${author ? " by-participant" : ""}`} title=${timeTitle(message?.at)} style=${author ? `--author-color:${author.color}` : nothing} data-author=${author?.author || nothing} data-participant-mode=${author?.mode || nothing} data-user-state=${named || nothing} data-step=${step ? Number(step) : nothing} data-copy-source=${copySource({ ...message, role: "user" })} data-user-content=${key !== null ? key : nothing} data-turn-id=${message?.turn_id || nothing} data-revises=${(message?.turn_id && message?.revises?.turn_id) || nothing} data-verify=${message?.turn_id && message?.verify ? "1" : nothing} data-own=${own ? "1" : nothing} data-enqueued-id=${enqueuedId || nothing} data-delivery=${delivery || nothing} data-source=${message?.source || nothing} data-line-key=${lineKey || nothing}>${from}${userMessageTemplate(message, thumbs)}${stateBadgeTemplate(named, delivery)}</div>`;
+  return html`<div class=${`bubble user${named ? ` ${named}` : ""}${author ? " by-participant" : ""}`} title=${timeTitle(message?.at)} style=${author ? `--author-color:${author.color}` : nothing} data-author=${author?.author || nothing} data-participant-mode=${author?.mode || nothing} data-user-state=${named || nothing} data-step=${step ? Number(step) : nothing} data-copy-source=${copySource({ ...message, role: "user" })} data-user-content=${key !== null ? key : nothing} data-turn-id=${message?.turn_id || nothing} data-opening-id=${(!message?.turn_id && message?.opening_id) || nothing} data-revises=${(message?.turn_id && message?.revises?.turn_id) || nothing} data-verify=${message?.turn_id && message?.verify ? "1" : nothing} data-own=${own ? "1" : nothing} data-enqueued-id=${enqueuedId || nothing} data-delivery=${delivery || nothing} data-source=${message?.source || nothing} data-line-key=${lineKey || nothing}>${from}${userMessageTemplate(message, thumbs)}${stateBadgeTemplate(named, delivery)}</div>`;
 }
 
 // A user line's text: plain (its quotes set apart), or the server's

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

@@ -1,6 +1,6 @@
 // Where the Verify preset is offered (verify_preset.js), on both pages: only
 // on text in an ended turn's final answer, the one place the server takes a
-// claim from. Engine#verified_anchor records a Verify turn's card only when
+// claim from. TurnStages::VerifyAnchors#verified records a Verify turn's card only when
 // its quote is in the last answer of the source turn (AnswerTail.answer?:
 // the turn's last assistant message with text, from its prompt up to the
 // next prompt, merged lines and steers inside); anything else (an earlier

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

@@ -0,0 +1,130 @@
+// A chi-ui picks (docs/internals/inline-widgets.md): rows of things to decide,
+// each with its options as chips, the recommended one marked and picked to
+// start with, a "+ note" per row, and one "Fill reply" that puts the picks in
+// the composer as plain text ("1: fix now (today) · D4: B"). It never sends:
+// the composer text is the widget's only way out, and the owner reads it
+// before sending. Ported from eval 0013's viewer.
+//
+// The data is P1a's normalised JSON (InlineWidgets). Its strings are the
+// model's: they go in as textContent or attributes only, never markup. The
+// picks live here, in the widget: a rewrite of the bubble starts over.
+//
+// A module of its own: static JS is cached at unversioned URLs.
+
+// What a row starts with: its recommended option picked, no note.
+export function initialPicks(rows) {
+  return (rows || []).map((r) => ({ pick: r.recommended != null ? String(r.recommended) : null, note: "" }));
+}
+
+// The reply the picks make: "id: option (note)" per picked row, " · " between
+// them; a row with no pick is left out.
+export function replyText(rows, picks) {
+  return (rows || [])
+    .map((r, k) => {
+      const { pick, note } = picks[k] || {};
+      if (!pick) return null;
+      const said = String(note ?? "").replace(/\s+/g, " ").trim();
+      return `${r.id ?? k + 1}: ${pick}${said ? ` (${said})` : ""}`;
+    })
+    .filter(Boolean)
+    .join(" · ");
+}
+
+// The composer's text with +reply+: after a draft on a line of its own, the
+// draft kept as typed.
+export function withDraft(draft, reply) {
+  const typed = String(draft ?? "").trimEnd();
+  return typed ? `${typed}\n${reply}` : reply;
+}
+
+function el(doc, tag, className, text) {
+  const node = doc.createElement(tag);
+  if (className) node.className = className;
+  if (text != null) node.textContent = String(text);
+  return node;
+}
+
+function button(doc, className, text) {
+  const node = el(doc, "button", className, text);
+  node.type = "button";
+  return node;
+}
+
+// The picks as an element, for a widget host's shadow root.
+// @param fill (reply) => puts +reply+ in the composer (never sends)
+export function drawPicks(picks, { fill, doc = document }) {
+  const rows = picks.rows || [];
+  const state = initialPicks(rows);
+
+  const box = el(doc, "div", "w picks");
+  box.setAttribute("role", "group");
+  box.setAttribute("aria-label", `Picks: ${picks.title || "choices"}`);
+  const head = el(doc, "div", "w-head");
+  const count = el(doc, "span", "w-count");
+  head.append(el(doc, "span", "w-kind", "Picks"), el(doc, "span", "w-title", picks.title || ""), count);
+  const body = el(doc, "div", "w-body");
+  box.append(head, body);
+
+  const list = el(doc, "div", "wp-list");
+  const chips = rows.map((r, k) => {
+    const id = String(r.id ?? k + 1);
+    const row = el(doc, "div", "wp-row");
+    const text = el(doc, "div", "wp-text");
+    text.append(el(doc, "div", null, r.text || ""));
+    if (r.why) text.append(el(doc, "div", "wp-why", r.why));
+    const add = button(doc, "wp-addnote", "+ note");
+    add.addEventListener("click", () => {
+      const input = el(doc, "input", "wp-note");
+      input.type = "text";
+      input.placeholder = "a word for this row";
+      input.setAttribute("aria-label", `Note for ${id}`);
+      input.addEventListener("input", () => { state[k].note = input.value; });
+      add.replaceWith(input);
+      input.focus();
+    });
+    text.append(add);
+    const opts = el(doc, "div", "wp-opts");
+    opts.setAttribute("role", "group");
+    opts.setAttribute("aria-label", `Options for ${id}`);
+    const own = (r.options || []).map((option) => {
+      const o = String(option);
+      const b = button(doc, "wp-opt", o);
+      if (r.recommended != null && String(r.recommended) === o) {
+        b.append(el(doc, "span", "rec", "rec"));
+        b.title = "recommended";
+      }
+      b.addEventListener("click", () => {
+        state[k].pick = state[k].pick === o ? null : o;
+        paint();
+      });
+      opts.append(b);
+      return [o, b];
+    });
+    row.append(el(doc, "span", "wp-id", id), text, opts);
+    list.append(row);
+    return own;
+  });
+
+  const foot = el(doc, "div", "wp-foot");
+  const fillBtn = button(doc, "wp-fill", "Fill reply");
+  fillBtn.title = "Put the picks in the composer; you send it";
+  foot.append(fillBtn, el(doc, "span", "hint", "fills the composer, never sends"));
+  body.append(list, foot);
+
+  fillBtn.addEventListener("click", () => {
+    const reply = replyText(rows, state);
+    if (reply) fill(reply);
+  });
+
+  function paint() {
+    chips.forEach((own, k) => {
+      for (const [o, b] of own) b.setAttribute("aria-pressed", String(state[k].pick === o));
+    });
+    const picked = state.filter((s) => s.pick).length;
+    count.textContent = `${picked} of ${rows.length} picked`;
+    fillBtn.disabled = picked === 0;
+  }
+
+  paint();
+  return box;
+}

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

@@ -0,0 +1,230 @@
+// A chi-ui walk (docs/internals/inline-widgets.md): a scenario stepped through
+// one step at a time. On top a swimlane, one column per actor and one row per
+// step (the current, the seen and a case's target marked; a click jumps); under
+// it the step's card (the actor, what it does, "You see", the dashed "Behind
+// it"); a fork asks "Which case?" instead of Next; Back, Next and the path
+// taken, and the arrow keys while the widget has the focus. Ported from eval
+// 0013's viewer.
+//
+// The data is P1a's normalised JSON (InlineWidgets): ids are strings, every
+// next and goto names a step, round 1's branches are cases. Its strings are
+// the model's: they go in as textContent or attributes only, never markup.
+// The position lives here, in the widget: a rewrite of the bubble starts over.
+//
+// A module of its own: static JS is cached at unversioned URLs.
+
+// A case that is no condition: round 1 wrote the usual path as "always".
+export const ALWAYS = /^(always|otherwise|then|next)$/i;
+export const USUAL = "otherwise (the usual path)";
+// A step's `next: end` (InlineWidgets::END_NEXT): the walk ends there, a
+// branch that ends early.
+export const END = "end";
+
+const isAlways = (when) => ALWAYS.test(String(when ?? "").trim());
+
+// Where each step of +walk+ goes, by index.
+// - nextOf(k): the step after k when it isn't a fork: its next, else a case
+//   that is no condition, else the step below; null at the end, and at a
+//   step whose next is `end`.
+// - casesOf(k): a fork's cases, [{when, to}] (to null when the goto names no
+//   step), or null when k is no fork. A case that is no condition reads as
+//   the usual path, and a step that names a next as well offers it first when
+//   no case goes there (round 1's next + branches).
+export function walkRoutes(walk) {
+  const steps = walk?.steps || [];
+  const byId = new Map(steps.map((s, k) => [String(s.id), k]));
+  const idx = (id) => (id == null ? null : byId.get(String(id)) ?? null);
+  const casesIn = (k) => (Array.isArray(steps[k]?.cases) ? steps[k].cases : []);
+  const isFork = (k) => casesIn(k).some((c) => !isAlways(c.when));
+
+  function nextOf(k) {
+    const step = steps[k];
+    if (!step || step.next === END) return null;
+    const named = idx(step.next);
+    if (named != null) return named;
+    const always = casesIn(k).find((c) => isAlways(c.when) && idx(c.goto) != null);
+    if (always && !isFork(k)) return idx(always.goto);
+    return k + 1 < steps.length ? k + 1 : null;
+  }
+
+  function casesOf(k) {
+    if (!isFork(k)) return null;
+    const cases = casesIn(k).map((c) => ({ when: isAlways(c.when) ? USUAL : String(c.when ?? ""), to: idx(c.goto) }));
+    const named = idx(steps[k].next);
+    if (named != null && !cases.some((c) => c.to === named)) cases.unshift({ when: USUAL, to: named });
+    return cases;
+  }
+
+  return { steps, nextOf, casesOf };
+}
+
+// The swimlane's cells: one per step, in its actor's column (1-based, after
+// the number column) and its own row (after the actors' row), with a tag that
+// says where it leads when that isn't the step below: "N cases", "→ n", "end".
+export function swimlaneCells(walk, routes = walkRoutes(walk)) {
+  const actors = (walk?.actors || []).map(String);
+  const { steps, nextOf, casesOf } = routes;
+  return steps.map((s, k) => {
+    const cases = casesOf(k);
+    const next = nextOf(k);
+    let tag = null;
+    if (cases) tag = { text: `${cases.length} cases`, fork: true };
+    else if (next != null && next !== k + 1) tag = { text: `→ ${next + 1}`, fork: false };
+    else if (next == null && k < steps.length - 1) tag = { text: "end", fork: false };
+    return { k, column: Math.max(0, actors.indexOf(String(s.actor))) + 2, row: k + 2, text: String(s.does || s.sees || ""), tag };
+  });
+}
+
+// Where the walker is: the path taken (step indexes) and the steps seen.
+// next() at the end starts over.
+export function createWalker(routes) {
+  let path = [0];
+  const seen = new Set([0]);
+  return {
+    get at() { return path[path.length - 1]; },
+    get path() { return [...path]; },
+    seen: (k) => seen.has(k),
+    go(k) {
+      if (k == null || !routes.steps[k] || k === this.at) return;
+      path.push(k);
+      seen.add(k);
+    },
+    back() { if (path.length > 1) path.pop(); },
+    next() {
+      const n = routes.nextOf(this.at);
+      if (n != null) { this.go(n); return; }
+      path = [0];
+      seen.clear();
+      seen.add(0);
+    },
+  };
+}
+
+// The path's words under the card, empty before the first move.
+export function trailText(path) {
+  return path.length > 1 ? `path ${path.map((k) => k + 1).join(" → ")}` : "";
+}
+
+function el(doc, tag, className, text) {
+  const node = doc.createElement(tag);
+  if (className) node.className = className;
+  if (text != null) node.textContent = String(text);
+  return node;
+}
+
+function button(doc, className, text) {
+  const node = el(doc, "button", className, text);
+  node.type = "button";
+  return node;
+}
+
+// The walk as an element, for a widget host's shadow root.
+export function drawWalk(walk, doc = document) {
+  const routes = walkRoutes(walk);
+  const { steps, nextOf, casesOf } = routes;
+  const actors = (walk.actors || []).map(String);
+  const walker = createWalker(routes);
+
+  const box = el(doc, "div", "w walk");
+  box.tabIndex = 0;
+  box.setAttribute("role", "group");
+  box.setAttribute("aria-label", `Walk: ${walk.title || "a scenario"}`);
+  const head = el(doc, "div", "w-head");
+  const count = el(doc, "span", "w-count");
+  head.append(el(doc, "span", "w-kind", "Walk"), el(doc, "span", "w-title", walk.title || ""), count);
+  const body = el(doc, "div", "w-body");
+  box.append(head, body);
+
+  const lane = el(doc, "div", "ww-swim");
+  lane.style.setProperty("--actors", String(actors.length));
+  lane.append(el(doc, "span"));
+  for (const actor of actors) lane.append(el(doc, "span", "ww-swim-actor", actor));
+  const cells = swimlaneCells(walk, routes).map((cell) => {
+    const num = el(doc, "span", "ww-swim-num", cell.k + 1);
+    num.style.gridRow = String(cell.row);
+    const node = button(doc, "ww-cell");
+    node.style.gridColumn = String(cell.column);
+    node.style.gridRow = String(cell.row);
+    node.append(el(doc, "span", "ww-cell-t", cell.text));
+    if (cell.tag) node.append(el(doc, "span", cell.tag.fork ? "ww-tag fork" : "ww-tag", cell.tag.text));
+    const s = steps[cell.k];
+    node.title = `${s.does || ""}${s.does && s.sees ? "\n" : ""}${s.sees ? `sees: ${s.sees}` : ""}`;
+    node.setAttribute("aria-label", `Step ${cell.k + 1}, ${s.actor}: ${cell.text}`);
+    node.addEventListener("click", () => { walker.go(cell.k); render(); });
+    lane.append(num, node);
+    return node;
+  });
+
+  const card = el(doc, "div", "ww-step");
+  card.setAttribute("aria-live", "polite");
+  const nav = el(doc, "div", "ww-nav");
+  const prev = button(doc, "btn", "← Back");
+  const next = button(doc, "btn primary", "Next →");
+  const trail = el(doc, "span", "ww-trail");
+  nav.append(prev, trail, next);
+  body.append(lane, card, nav);
+
+  prev.addEventListener("click", () => { walker.back(); render(); });
+  next.addEventListener("click", () => { walker.next(); render(); });
+  box.addEventListener("keydown", (e) => {
+    if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) return;
+    if (e.key === "ArrowRight" && !next.hidden) { e.preventDefault(); next.click(); }
+    if (e.key === "ArrowLeft" && !prev.disabled) { e.preventDefault(); prev.click(); }
+  });
+
+  const peek = (k, on) => cells[k]?.classList.toggle("peek", on);
+
+  function pane(className, label, text) {
+    const node = el(doc, "div", `ww-pane ${className}`);
+    node.append(el(doc, "span", "eyebrow", label), el(doc, "span", null, text));
+    return node;
+  }
+
+  // A keyboard move can remove, hide or disable the focused button (a case,
+  // Next at a fork, Back at the start): the focus stays in the widget.
+  function render() {
+    const focused = box.getRootNode()?.activeElement;
+    const hadFocus = !!focused && box.contains(focused);
+    const k = walker.at;
+    const s = steps[k] || {};
+    card.replaceChildren();
+    const top = el(doc, "div", "ww-step-top");
+    top.append(el(doc, "span", "ww-actor", s.actor || ""), el(doc, "span", "ww-stepno", `${k + 1} / ${steps.length}`));
+    card.append(top);
+    if (s.does) card.append(el(doc, "div", "ww-does", s.does));
+    if (s.sees) card.append(pane("ww-sees", "You see", s.sees));
+    if (s.behind) card.append(pane("ww-behind", "Behind it", s.behind));
+    const cases = casesOf(k);
+    if (cases) {
+      const fork = el(doc, "div", "ww-fork");
+      fork.append(el(doc, "span", "eyebrow", "Which case?"));
+      for (const c of cases) {
+        const b = button(doc, "ww-case");
+        b.append(el(doc, "span", null, c.when), el(doc, "span", "ww-case-to", c.to != null ? `step ${c.to + 1} →` : "?"));
+        b.disabled = c.to == null;
+        b.addEventListener("click", () => { walker.go(c.to); render(); });
+        for (const [type, on] of [["mouseenter", true], ["mouseleave", false], ["focus", true], ["blur", false]]) {
+          b.addEventListener(type, () => peek(c.to, on));
+        }
+        fork.append(b);
+      }
+      card.append(fork);
+    }
+    cells.forEach((cell, j) => {
+      cell.classList.toggle("cur", j === k);
+      cell.classList.toggle("seen", walker.seen(j) && j !== k);
+      cell.classList.remove("peek");
+      if (j === k) cell.setAttribute("aria-current", "step");
+      else cell.removeAttribute("aria-current");
+    });
+    count.textContent = `step ${k + 1} of ${steps.length}`;
+    prev.disabled = walker.path.length < 2;
+    next.hidden = !!cases;
+    next.textContent = nextOf(k) == null ? "Start over" : "Next →";
+    trail.textContent = trailText(walker.path);
+    if (hadFocus && (!focused.isConnected || focused.hidden || focused.disabled)) box.focus({ preventScroll: true });
+  }
+
+  render();
+  return box;
+}

data/lib/samagotchi/web/public/widgets.css

@@ -0,0 +1,70 @@
+/* A chi-ui widget (inline_widgets.js), inside its host's shadow root: chi's :root tokens (tokens.css) reach it as inherited custom properties, so light and dark follow the page. Ported from eval 0013's viewer. At a phone's width the swimlane scrolls sideways inside the widget; the page never does. */
+:host{display:block;min-width:0}
+*{box-sizing:border-box}
+[hidden]{display:none!important}
+button{font:inherit;color:inherit;cursor:pointer;margin:0}
+button:disabled{cursor:default}
+button:focus-visible,input:focus-visible,.w:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
+.eyebrow{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
+
+/* The frame both share. The head leaves room on the right for the figure's source toggle and a code block's copy button (block_renderers.css). */
+.w{border:1px solid var(--accent-border);border-radius:10px;background:var(--bg-inset);overflow:hidden;font-size:14px;line-height:1.5;color:var(--text-2)}
+.w-head{display:flex;gap:8px;align-items:baseline;padding:8px 68px 8px 12px;border-bottom:1px solid var(--border);flex-wrap:wrap}
+.w-kind{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:600}
+.w-title{font-weight:600;color:var(--text-bright);min-width:0;overflow-wrap:anywhere}
+.w-count{margin-left:auto;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums}
+.w-body{padding:12px;display:grid;gap:12px;min-width:0}
+
+/* walk */
+.ww-swim{display:grid;grid-template-columns:22px repeat(var(--actors,2),minmax(84px,1fr));gap:3px 6px;align-items:stretch;font-size:12px;overflow-x:auto;padding-bottom:2px}
+.ww-swim-actor{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding-bottom:2px;border-bottom:1px solid var(--border-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.ww-swim-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-faint);font-size:11px;align-self:center;text-align:right}
+.ww-cell{display:flex;gap:6px;align-items:center;justify-content:space-between;text-align:left;min-width:0;border:1px solid var(--border);background:var(--bg-panel);border-radius:6px;padding:3px 8px;color:var(--text-3);transition:background .15s,border-color .15s}
+.ww-cell:hover{border-color:var(--border-strong)}
+.ww-cell-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.ww-cell.seen{border-color:var(--accent-border);color:var(--text-2)}
+.ww-cell.cur{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}
+.ww-cell.peek{border-color:var(--warn);box-shadow:0 0 0 2px var(--warn-bg)}
+.ww-tag{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:var(--text-faint)}
+.ww-tag.fork{color:var(--warn)}
+.ww-cell.cur .ww-tag{color:var(--on-solid);opacity:.85}
+.ww-step{display:grid;gap:8px;min-height:120px;border-top:1px solid var(--border);padding-top:12px;align-content:start}
+.ww-step-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
+.ww-actor{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent);font-size:12px}
+.ww-stepno{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-faint);font-size:11px}
+.ww-does{font-size:16px;color:var(--text-bright);font-weight:500;text-wrap:pretty;overflow-wrap:anywhere}
+.ww-pane{border-radius:8px;padding:8px 10px;display:grid;gap:2px;overflow-wrap:anywhere}
+.ww-sees{background:var(--bg-panel);border:1px solid var(--border);color:var(--text)}
+.ww-behind{background:transparent;border:1px dashed var(--border-strong);color:var(--text-3);font-size:13px}
+.ww-fork{display:grid;gap:6px}
+.ww-case{display:flex;gap:10px;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:8px;padding:7px 10px;overflow-wrap:anywhere}
+.ww-case:hover:not(:disabled),.ww-case:focus-visible{border-color:var(--warn)}
+.ww-case:disabled{opacity:.5}
+.ww-case-to{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--warn)}
+.ww-nav{display:flex;gap:10px;align-items:center;justify-content:space-between}
+.ww-nav .btn{flex:none;border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:8px;padding:4px 12px}
+.ww-nav .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}
+.ww-nav .btn:disabled{opacity:.4}
+.ww-trail{font-size:12px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;text-align:center;flex:1;min-width:0}
+@media (prefers-reduced-motion:reduce){.ww-cell{transition:none}}
+
+/* picks */
+.wp-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--border)}
+.wp-row:first-child{padding-top:0}
+.wp-row:last-child{border-bottom:0}
+.wp-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-muted);padding-top:2px;min-width:24px}
+.wp-text{color:var(--text);min-width:0;overflow-wrap:anywhere}
+.wp-why{color:var(--text-muted);font-size:12px}
+.wp-note{display:block;margin-top:4px;width:100%;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:6px;color:var(--text);padding:3px 6px;font:inherit;font-size:12px}
+.wp-opts{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:320px}
+.wp-opt{border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:6px;padding:2px 10px;font-size:12px;overflow-wrap:anywhere;text-align:left}
+.wp-opt:hover{border-color:var(--accent-border)}
+.wp-opt[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-solid)}
+.wp-opt .rec{font-size:9px;letter-spacing:.06em;text-transform:uppercase;margin-left:5px;opacity:.75}
+.wp-addnote{background:none;border:0;color:var(--text-faint);font-size:12px;padding:2px 0}
+.wp-addnote:hover{color:var(--text-2)}
+.wp-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
+.wp-fill{background:var(--accent);border:1px solid var(--accent);color:var(--on-solid);border-radius:8px;padding:4px 14px}
+.wp-fill:disabled{opacity:.4}
+.hint{color:var(--text-faint);font-size:12px}
+@media (max-width:560px){.wp-row{grid-template-columns:auto minmax(0,1fr)}.wp-opts{grid-column:2;justify-content:flex-start;max-width:none}}

data/lib/samagotchi/web/session_access_routes.rb

@@ -54,6 +54,14 @@ module Samagotchi
         json_response(status, { error: code, detail: detail, message: error.message, **fields }.compact)
       end
 
+      # 409 scratch for a chi scratch session +id+, which only its terminal
+      # uses (Session::SCRATCH_REFUSED): the session page's read and stream
+      # (a tab opened at its id by hand: the hub never lists it), as
+      # POST …/wake refuses it.
+      def scratch_refused(id)
+        refusal_response(409, "scratch", SessionManager::ScratchSession.new(id), session_id: id)
+      end
+
       # The body as a Hash ({} when there is none), or nil when it isn't one.
       def body_hash(req)
         raw = request_body(req)

data/lib/samagotchi/web/session_show.rb

@@ -40,6 +40,10 @@ module Samagotchi
         return handle_brief_read(id) if req.params["brief"] == "1"
 
         session = @session_class.load(id, state_dir: default_state_dir)
+        # A tab opened at a chi scratch session's id: its terminal's alone.
+        # (The light re-reads come after a full read only.)
+        return scratch_refused(id) if session.scratch
+
         # Read-only preview: selecting a session never spawns a worker.
         # The worker is woken only on POST /turn (handle_turn) via
         # SessionManager.resume_session + write_turn_input. This avoids

data/lib/samagotchi/worker.rb

@@ -1608,14 +1608,17 @@ module Samagotchi
     SCRATCH_GONE_AFTER = 2 * BridgeClient::EventStream::REDISCOVER_DELAYS.sum
 
     # Whether this is a `chi scratch` session's worker whose terminal is
-    # gone: no stream open for SCRATCH_GONE_AFTER, after one was (a killed
-    # TUI's closes as its writer reads the hang-up), or none came within
-    # SCRATCH_JOIN_GRACE. Its terminal deletes it on every way out it sees;
-    # this is for the ones it doesn't (kill -9, a closed terminal window).
+    # gone: no terminal stream (a tui: client id's) open for
+    # SCRATCH_GONE_AFTER, after a stream was (a killed TUI's closes as its
+    # writer reads the hang-up), or none came within SCRATCH_JOIN_GRACE.
+    # Any other stream (a web tab's, which chi web refuses for a scratch
+    # session anyway) never keeps it. Its terminal deletes it on every way
+    # out it sees; this is for the ones it doesn't (kill -9, a closed
+    # terminal window).
     def scratch_unattended?
       return false unless @session&.scratch && @bridge
 
-      if @bridge.open_streams.positive?
+      if @bridge.open_streams_of(ClientId::TUI_PREFIX).positive?
         @unattended_since = nil
         return false
       end

data/lib/samagotchi.rb

@@ -7,7 +7,6 @@ require_relative "samagotchi/prompt"
 require_relative "samagotchi/client"
 require_relative "samagotchi/debug_log"
 require_relative "samagotchi/delivery"
-require_relative "samagotchi/pending_input_queue"
 require_relative "samagotchi/kernel_loop"
 require_relative "samagotchi/session"
 require_relative "samagotchi/terminal_ui"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: samagotchi
 version: !ruby/object:Gem::Version
-  version: 0.154.0
+  version: 0.155.0
 platform: ruby
 authors:
 - Dmitry Dedov
@@ -161,6 +161,7 @@ files:
 - docs/internals/context-telemetry.md
 - docs/internals/engine.md
 - docs/internals/gemma4-contract.md
+- docs/internals/inline-widgets.md
 - docs/internals/llm-context-bench.md
 - docs/internals/llm-context-forget.md
 - docs/internals/llm-context-live.md
@@ -264,6 +265,8 @@ files:
 - lib/samagotchi/bundles/guardrails/guardrails/rules.yml
 - lib/samagotchi/bundles/guardrails/guardrails/small-models.yml
 - lib/samagotchi/bundles/guardrails/manifest.yml
+- lib/samagotchi/bundles/inline-widgets/manifest.yml
+- lib/samagotchi/bundles/inline-widgets/plugin.rb
 - lib/samagotchi/bundles/known-names/hooks/known_names.rb
 - lib/samagotchi/bundles/known-names/known_names.md
 - lib/samagotchi/bundles/known-names/manifest.yml
@@ -445,6 +448,7 @@ files:
 - lib/samagotchi/idle_scheduler.rb
 - lib/samagotchi/idle_target.rb
 - lib/samagotchi/image_store.rb
+- lib/samagotchi/inline_widgets.rb
 - lib/samagotchi/installed_gem.rb
 - lib/samagotchi/installed_versions.rb
 - lib/samagotchi/interrupted_turn.rb
@@ -563,7 +567,6 @@ files:
 - lib/samagotchi/participants_watch.rb
 - lib/samagotchi/paths.rb
 - lib/samagotchi/peer_sources.rb
-- lib/samagotchi/pending_input_queue.rb
 - lib/samagotchi/pending_question.rb
 - lib/samagotchi/plugin/api.rb
 - lib/samagotchi/plugin/attached_context.rb
@@ -670,6 +673,7 @@ files:
 - lib/samagotchi/steer.rb
 - lib/samagotchi/steer_cut.rb
 - lib/samagotchi/steer_cut_after.rb
+- lib/samagotchi/stream_event.rb
 - lib/samagotchi/system_one.rb
 - lib/samagotchi/system_one/answer.rb
 - lib/samagotchi/system_one/approval_label.rb
@@ -808,14 +812,21 @@ files:
 - lib/samagotchi/tools/task_wait.rb
 - lib/samagotchi/tools/tool_index.rb
 - lib/samagotchi/tools/tool_path.rb
+- lib/samagotchi/tools/tool_surface.rb
 - lib/samagotchi/tools/web_fetch.rb
 - lib/samagotchi/tools/write.rb
 - lib/samagotchi/turn_anchors.rb
 - lib/samagotchi/turn_checkpoint.rb
+- lib/samagotchi/turn_context.rb
 - lib/samagotchi/turn_endings.rb
 - lib/samagotchi/turn_flow.rb
 - lib/samagotchi/turn_note.rb
 - lib/samagotchi/turn_origin.rb
+- lib/samagotchi/turn_stages/context_judge.rb
+- lib/samagotchi/turn_stages/objectives.rb
+- lib/samagotchi/turn_stages/toolkit_suggestion.rb
+- lib/samagotchi/turn_stages/verify_anchors.rb
+- lib/samagotchi/turn_stages/warmup.rb
 - lib/samagotchi/turn_state.rb
 - lib/samagotchi/turn_tally.rb
 - lib/samagotchi/update_command.rb
@@ -865,8 +876,10 @@ files:
 - lib/samagotchi/web/public/block_open.js
 - lib/samagotchi/web/public/block_renderers.css
 - lib/samagotchi/web/public/block_source.js
+- lib/samagotchi/web/public/block_watch.js
 - lib/samagotchi/web/public/bubbles.js
 - lib/samagotchi/web/public/card.js
+- lib/samagotchi/web/public/card_stamps.js
 - lib/samagotchi/web/public/cards_place.js
 - lib/samagotchi/web/public/chains.js
 - lib/samagotchi/web/public/chip_popover.js
@@ -906,6 +919,7 @@ files:
 - lib/samagotchi/web/public/info_bar.js
 - lib/samagotchi/web/public/info_bar_model.js
 - lib/samagotchi/web/public/init_row.js
+- lib/samagotchi/web/public/inline_widgets.js
 - lib/samagotchi/web/public/keep_focus.js
 - lib/samagotchi/web/public/kept_commands.js
 - lib/samagotchi/web/public/latest.js
@@ -1023,6 +1037,9 @@ files:
 - lib/samagotchi/web/public/verify_preset.js
 - lib/samagotchi/web/public/verify_target.js
 - lib/samagotchi/web/public/version_notices.js
+- lib/samagotchi/web/public/widget_picks.js
+- lib/samagotchi/web/public/widget_walk.js
+- lib/samagotchi/web/public/widgets.css
 - lib/samagotchi/web/public/worker_features.js
 - lib/samagotchi/web/public/working_set.js
 - lib/samagotchi/web/public/working_set_rail.js