samagotchi 0.14.0 → 0.16.0

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

@@ -21,7 +21,7 @@ import { emptySessionState } from "./session_state.js";
 import { createModelPicker } from "./model_picker.js";
 import { chipName, chipsHtml, imageFiles, restoredChips, thumbsHtml, turnRefs, turnText } from "./images.js";
 import { escapeHtml, noteHtml, normalize, steerRowHtml, userBodyHtml, ownerBadge, previewForCard, relativeTime, failedTurnText, modelLabel, deleteConfirmText, recapLabel, canStopSession, goneSessionNotice, withLiveStatus, withoutWorker, recapPlace, delegatedBy } from "./format.js";
-import { createTurnView, turnHistoryHtml } from "./turn_view.js";
+import { EMPTY_ANSWER_CLASS, createTurnView, turnHistoryHtml } from "./turn_view.js";
 import { createStageView } from "./stage_view.js";
 import { appendQuote } from "./annotations.js";
 import { parsePresets } from "./annotate_presets.js";
@@ -38,13 +38,13 @@ import { ALL_SESSIONS_HASH, sessionHash, sessionIdFromHash } from "./route.js";
 import { allScopeHref, cardFolder, projectScopeHref, scopeDir } from "./scope.js";
 import { shouldFollowScroll, keepFollowing } from "./scroll.js";
 import { stripColumns, stripShowParts } from "./strip.js";
-import { applySessionEvent, heldOrder, listedSessions, sortedByUpdated, waitingBadge, waitingFirst, withChildrenAfterParents } from "./sessions_list.js";
+import { applySessionEvent, heldOrder, listedSessions, sortedByUpdated, waitingBadge, waitingFirst, waitingSearchText, withChildrenAfterParents } from "./sessions_list.js";
 import { createNotifications } from "./notifications.js";
 import {
   appendAboveLiveTiming, cancelLineText, elapsedSince, formatDuration, normalizeTiming, turnTimingText,
 } from "./timing.js";
 import { DONE_MS, applyInitEvent, dropDone, initRowHtml, newInitTasks, seedInitTasks } from "./init_row.js";
-import { clientLabel, commandView, emptyRetryLine, hookNoticeLabel, initWaitLine, isCommandLine, isOwn, keepEarlyRestore, newClientId, noticeLine, promptOps, reminderText, restoreAction, restoreOnAck, retryStatusLine, snapshotEvents, turnOutput, webLocalReply, workerGoneText } from "./turn_events.js";
+import { clientLabel, commandView, emptyAnswerLine, emptyRetryLine, hookNoticeLabel, initWaitLine, isCommandLine, isOwn, keepEarlyRestore, newClientId, noticeLine, promptOps, reminderText, restoreAction, restoreOnAck, retryStatusLine, snapshotEvents, turnOutput, webLocalReply, workerGoneText } from "./turn_events.js";
 
 const $ = (s) => document.querySelector(s);
 const topStripEl = $("#topStrip");
@@ -262,7 +262,8 @@ function filteredSessions(list) {
       (s.first_preview || "").toLowerCase().includes(q) ||
       s.short_id.toLowerCase().includes(q) ||
       s.id.toLowerCase().includes(q) ||
-      s.status.toLowerCase().includes(q),
+      s.status.toLowerCase().includes(q) ||
+      waitingSearchText(s).includes(q),
   );
 }
 
@@ -385,11 +386,13 @@ function renderTop(sessions) {
   $("#stripHide").addEventListener("click", () => setStripHidden(true));
 }
 
-// The hidden strip's pill: "▾ 5 sessions · ● 1 live", following the list.
+// The hidden strip's pill: "▾ 5 sessions · ● 1 live · ● 1 waiting",
+// following the list.
 function renderStripShow() {
-  const { count, live } = stripShowParts(shownSessions());
+  const { count, live, waiting } = stripShowParts(shownSessions());
   const liveHtml = live ? ` · <span class="live"><span class="live-dot" aria-hidden="true"></span>${escapeHtml(live)}</span>` : "";
-  $("#stripShow").innerHTML = `<span class="pill-arrow" aria-hidden="true">\u25BE</span> ${escapeHtml(count)}${liveHtml}`;
+  const waitingHtml = waiting ? ` · <span class="waiting"><span class="waiting-dot" aria-hidden="true"></span>${escapeHtml(waiting)}</span>` : "";
+  $("#stripShow").innerHTML = `<span class="pill-arrow" aria-hidden="true">\u25BE</span> ${escapeHtml(count)}${liveHtml}${waitingHtml}`;
 }
 
 // A delegated session sits right after its parent: applied on every
@@ -773,6 +776,9 @@ function renderSessionView(data) {
   // A question the worker is blocked on (also after a reload).
   if (data.pending_question && data.pending_question.id && data.pending_question.status === "pending") {
     questionCards.renderQuestion(data.pending_question);
+    // The turn's replay drew it as asked; the snapshot knows whether it is
+    // relayed to the parent now.
+    questionCards.markRelayed(data.pending_question.id, data.pending_question.relayed_to || null);
   }
   // A turn ran out of iterations and waits for a yes or no.
   if (data.continue_offer) questionCards.renderContinue(data.continue_offer);
@@ -894,12 +900,25 @@ function addEndBubble(text) {
   if (!turnDom.holds?.()) historyEl.scrollTop = historyEl.scrollHeight;
 }
 
+// The notice of a turn that ended with no answer (turn_summary.empty_answer),
+// as a reload draws it (turn_view.js EMPTY_ANSWER_CLASS).
+function emptyAnswerEl(emptyAnswer) {
+  const el = document.createElement("div");
+  el.className = EMPTY_ANSWER_CLASS;
+  el.textContent = emptyAnswerLine(emptyAnswer);
+  return el;
+}
+
 // Everything a turn's end (completed, canceled, failed) closes: then its
 // end line (+endText+, the cancel or failed line), then the step cards that
 // left the collapsed block (card.js leavesBlock), where a reload puts them.
-function endTurnView(kind, endText = null) {
+function endTurnView(kind, endText = null, { emptyAnswer = null } = {}) {
   setTurnRunning(false);
-  const kept = turnDom.turnEnded({ kind }) || [];
+  // A completed turn with no answer: its notice where the answer goes
+  // (the turn view places it), else after the turn; before the timing.
+  const endNote = emptyAnswer ? emptyAnswerEl(emptyAnswer) : null;
+  const kept = turnDom.turnEnded({ kind, endNote, emptyAnswer: !!emptyAnswer }) || [];
+  if (endNote && !endNote.isConnected) appendToHistory(endNote);
   finishLiveTurnTiming(null, { canceled: kind === "canceled" });
   if (endText) addEndBubble(endText);
   if (kept.length) {
@@ -1200,7 +1219,7 @@ function reloadedTurnEls(before) {
 // What goes after a reloaded turn's own rows and cards: its answer, else
 // its timing line; null when it has neither.
 function turnAnswerEl(turnEls) {
-  return turnEls.filter((el) => el.matches(".bubble.output")).pop() || turnEls.find((el) => el.matches(".turn-timing")) || null;
+  return turnEls.filter((el) => el.matches(".bubble.output, .empty-answer")).pop() || turnEls.find((el) => el.matches(".turn-timing")) || null;
 }
 
 // A finished turn's question (the snapshot's cards keep it with its
@@ -1523,7 +1542,7 @@ const streamHandlers = {
     startLiveTurnTiming(data.started_at);
   }),
   turn_completed: async (data) => {
-    endTurnView("completed");
+    endTurnView("completed", null, { emptyAnswer: data.turn_summary?.empty_answer || null });
     const out = turnOutput(data);
     if (out) appendChunk(out);
     // after_turn hooks are running and may present the answer: its
@@ -1640,6 +1659,8 @@ const streamHandlers = {
   question_answered: (data) => {
     questionCards.resolveQuestion(data.id, { answer: data.answer });
   },
+  // A delegate's question relayed to its parent's card, or no longer.
+  question_relay: (data) => questionCards.markRelayed(data.id, data.relayed_to),
   question_cancelled: (data) => {
     questionCards.resolveQuestion(data.id, { cancelled: true, reason: data.reason });
   },

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

@@ -253,6 +253,11 @@ main{flex:1;display:flex;flex-direction:column;gap:16px;padding:16px;overflow:au
 .bubble.question.approval.answered.denied .question-result{color:var(--danger)}
 .bubble.question.approval.answered.denied .question-option.selected{border-color:var(--danger)}
 .approval-details{margin-bottom:8px;font-size:13px;color:var(--text-2)}
+.approval-delegate{font-size:12px;color:var(--text-muted);margin-bottom:4px;overflow-wrap:anywhere}
+.approval-delegate a{color:var(--text);font-weight:600}
+.question-relayed{font-size:12px;color:var(--text-muted);margin-bottom:6px}
+.question-relayed.hidden{display:none}
+.question-relayed a{color:var(--text);font-weight:600}
 .approval-tool{font-weight:700;color:var(--text);margin-bottom:4px}
 .approval-what{margin:0 0 6px;padding:8px 10px;background:var(--bg-inset);border:1px solid var(--warn-border);border-radius:6px;white-space:pre-wrap;word-break:break-all;color:var(--warn-bright);font-size:12.5px}
 .approval-where,.approval-why{font-size:12px;color:var(--text-muted);word-break:break-all}
@@ -429,6 +434,7 @@ body.stage-view #dock,body.stage-view #dock:focus-within{background:transparent;
 .turn-stage[data-phase="answered"]{border-left-color:var(--ok)}
 .turn-stage[data-phase="canceled"],.turn-stage[data-phase="waiting for you"]{border-left-color:var(--warn)}
 .turn-stage[data-phase="failed"]{border-left-color:var(--danger)}
+.turn-stage[data-phase="no answer"]{border-left-color:var(--warn)}
 .turn-stage.enter{animation:ts-rise .35s cubic-bezier(.3,.7,.2,1)}
 @keyframes ts-rise{from{opacity:0;transform:translateY(14px)}}
 .turn-stage.leaving{transition:height .4s cubic-bezier(.3,.7,.2,1),opacity .3s ease;opacity:0}
@@ -441,6 +447,7 @@ body.stage-view #dock,body.stage-view #dock:focus-within{background:transparent;
 .turn-stage[data-phase="answered"] .ts-mark,.turn-stage[data-phase="answered"] .ts-phase{color:var(--ok)}
 .turn-stage[data-phase="canceled"] .ts-mark,.turn-stage[data-phase="canceled"] .ts-phase,.turn-stage[data-phase="waiting for you"] .ts-phase{color:var(--warn-text)}
 .turn-stage[data-phase="failed"] .ts-mark,.turn-stage[data-phase="failed"] .ts-phase{color:var(--danger-text)}
+.turn-stage[data-phase="no answer"] .ts-mark,.turn-stage[data-phase="no answer"] .ts-phase{color:var(--text-muted)}
 .turn-stage[data-phase="waiting for you"] .ts-mark{background:var(--warn)}
 .ts-phase{color:var(--accent);font-weight:600}
 .ts-timing{min-width:0;overflow:hidden;text-overflow:ellipsis}
@@ -636,6 +643,8 @@ body.has-session #scope .scope-where{display:none}
 #stripShow{display:none;white-space:nowrap;flex-shrink:0}
 #stripShow .live{color:var(--ok-text);white-space:nowrap}
 #stripShow .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:4px;vertical-align:1px}
+#stripShow .waiting{color:var(--warn-text);white-space:nowrap}
+#stripShow .waiting-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-right:4px;vertical-align:1px}
 #stripHide{align-self:flex-end;border:0;padding:0 2px;border-radius:4px}
 #stripHide:hover{text-decoration:underline;color:var(--text-2)}
 body.strip-hidden #stripShow{display:block}

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

@@ -30,16 +30,25 @@ export function waitingOn(summary) {
   return null;
 }
 
+// How long a delegated child's new approval waits before it notifies: its
+// parent relays it within a poll or two when it waits on the child, and
+// then the parent's card notifies instead (one bell, not two).
+export const RELAY_HOLD_MS = 1500;
+
 // What changed between two summaries of one session that needs the user.
 // @param prev the summary held before (null for a session not seen yet)
 // @param next the new summary
 // @return null | {reason: "question"|"approval"|"card"|"failed"|"done", sessionId, key}
-//   key names this one event, the same in every tab (the Notification tag)
+//   key names this one event, the same in every tab (the Notification tag);
+//   holdMs, when there, delays it (a delegated child's approval)
 export function attentionFor(prev, next) {
   if (!next || !next.id) return null;
   const q = next.pending_question;
   if (q && q.id && q.id !== prev?.pending_question?.id) {
-    return { reason: questionReason(q), sessionId: next.id, key: `${next.id}:${q.id}` };
+    // Relayed to the parent already: the parent's card notifies.
+    if (q.relayed_to) return null;
+    const attention = { reason: questionReason(q), sessionId: next.id, key: `${next.id}:${q.id}` };
+    return next.parent_id && q.kind === "approval" ? { ...attention, holdMs: RELAY_HOLD_MS } : attention;
   }
   const card = next.pending_card;
   if (card && card.id && card.id !== prev?.pending_card?.id) {
@@ -74,7 +83,9 @@ const cardKey = (sessionId, cardId) => `${sessionId}:card:${cardId}`;
 export function closedKeys(prev, next) {
   const keys = [];
   const q = prev?.pending_question;
-  if (q && q.id && next?.pending_question?.id !== q.id) keys.push(`${prev.id}:${q.id}`);
+  const nq = next?.pending_question;
+  // Gone, or relayed to the parent (its card notifies and badges instead).
+  if (q && q.id && (nq?.id !== q.id || (nq.relayed_to && !q.relayed_to))) keys.push(`${prev.id}:${q.id}`);
   const card = prev?.pending_card;
   if (card && card.id && next?.pending_card?.id !== card.id) keys.push(cardKey(prev.id, card.id));
   return keys;
@@ -178,10 +189,12 @@ export function createNotifyGate({ channel = null, holdMs = NOTIFY_HOLD_MS, onSe
     },
     // A new attention in a tab behind: +deliver+ (notify, badge) unless
     // another tab has it in front. @return whether it may still be delivered
+    // An attention's own holdMs (a delegated child's approval) holds it
+    // longer, alone too.
     offer(attention, deliver) {
       const key = attention.key;
       if (seen.has(key)) return false;
-      if (!channel) {
+      if (!channel && !attention.holdMs) {
         deliver();
         return true;
       }
@@ -189,7 +202,7 @@ export function createNotifyGate({ channel = null, holdMs = NOTIFY_HOLD_MS, onSe
       pending.set(key, schedule(() => {
         pending.delete(key);
         if (!seen.has(key)) deliver();
-      }, holdMs));
+      }, Math.max(holdMs, attention.holdMs || 0)));
       return true;
     },
     // Closed before its hold was up (a question answered at once).

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

@@ -8,8 +8,26 @@ export function isApproval(pq) {
   return !!pq && pq.kind === "approval";
 }
 
-// @return {null | {tool, what, isCommand, where, why, preview?}}; preview is
-// an edit/write's dry-run diff (diff_view.js draws it)
+// A delegate's approval relayed to this session's user (the approval
+// relay): who asks (the chain, "ab12 → cd34" for a grandchild's) and its
+// task, or null.
+// @return {null | {who, childId, childShort, task, more}}
+export function relayView(pq) {
+  const r = pq && pq.relay;
+  if (!r || typeof r !== "object" || !r.child_id) return null;
+  const chain = Array.isArray(r.chain) && r.chain.length ? r.chain : [String(r.child_id).slice(0, 8)];
+  return {
+    who: [...chain].reverse().join(" → "),
+    childId: String(r.child_id),
+    childShort: r.child_short || String(r.child_id).slice(0, 8),
+    task: r.task ? String(r.task) : "",
+    more: Number(r.more) || 0,
+  };
+}
+
+// @return {null | {tool, what, isCommand, where, why, preview?, delegate?}};
+// preview is an edit/write's dry-run diff (diff_view.js draws it); delegate
+// is relayView's, for a delegate's approval
 export function approvalView(pq) {
   if (!isApproval(pq)) return null;
   const a = pq.approval || {};
@@ -33,12 +51,34 @@ export function approvalView(pq) {
     where,
     why: `${reason} (${who})`,
     ...(a.preview && typeof a.preview === "object" ? { preview: a.preview } : {}),
+    ...(relayView(pq) ? { delegate: relayView(pq) } : {}),
   };
 }
 
+// This session's question waits in its parent's card too (the parent
+// relayed it): the parent's id and short id, or null.
+// @return {null | {parentId, parentShort}}
+export function relayedToView(pq) {
+  const r = pq && pq.relayed_to;
+  if (!r || typeof r !== "object" || !r.parent_id) return null;
+  return { parentId: String(r.parent_id), parentShort: r.parent_short || String(r.parent_id).slice(0, 8) };
+}
+
+// How a relayed approval's card closed without an answer here: the
+// delegate's question was answered there, its worker went, or this turn
+// stopped (the question still waits in the delegate). A dismiss here
+// denied it.
+function relayClosedText(relay, reason) {
+  if (reason === "answered_on_child") return `Answered in ${relay.who}`;
+  if (reason === "child_gone") return `${relay.who}'s worker is gone`;
+  return reason ? `Left open in ${relay.who} (${reason})` : `Left open in ${relay.who}`;
+}
+
 // The line a resolved card shows.
 export function resultText(pq, { answer = null, cancelled = false, reason = "" } = {}) {
   const approval = isApproval(pq);
+  const relay = relayView(pq);
+  if (cancelled && relay && reason !== "dismissed") return relayClosedText(relay, reason);
   if (cancelled) {
     const label = approval ? "Denied" : "Cancelled";
     return reason ? `${label} (${reason})` : label;
@@ -70,8 +110,10 @@ export function truncate(text, n = 80) {
 export function summaryText(pq, { answer = null, cancelled = false, reason = "" } = {}) {
   if (cancelled || answer) {
     const result = resultText(pq, { answer, cancelled, reason }).replace(/^Answered: /, "");
+    const relay = relayView(pq);
     const asked = summaryAsked(pq);
-    return truncate(asked ? `${truncate(asked, 60)} → ${result}` : result, 120);
+    const text = asked ? `${truncate(asked, 60)} → ${result}` : result;
+    return truncate(relay ? `${relay.who}: ${text}` : text, 120);
   }
   const label = isApproval(pq) ? `Approve ${pq.approval?.label || pq.approval?.tool || "call"}?` : "Question";
   return truncate(pq.header || label);

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

@@ -14,7 +14,8 @@
 
 import { dismissQuestion, sendAnswer, sendCommand } from "./data.js";
 import { diffHtml } from "./diff_view.js";
-import { approvalAllowed, approvalView, nextCardAction, resultText, summaryText } from "./question_card.js";
+import { approvalAllowed, approvalView, nextCardAction, relayedToView, resultText, summaryText } from "./question_card.js";
+import { sessionHash } from "./route.js";
 import { clientLabel, continueLine, isOwn } from "./turn_events.js";
 
 // @param sessionId () => the open session's id (answers go there)
@@ -64,6 +65,8 @@ export function createQuestionCards({
     // left it (rememberToggle-style, as turn_view.js does).
     summary.addEventListener("click", () => { card.dataset.toggled = "1"; });
 
+    // Relayed to the parent: say where else it waits (QuestionDesk#annotate).
+    card.appendChild(renderRelayedTo(pq));
     if (approval) {
       card.appendChild(renderApprovalDetails(approval));
     } else {
@@ -170,6 +173,23 @@ export function createQuestionCards({
   function renderApprovalDetails(view) {
     const box = doc.createElement("div");
     box.className = "approval-details";
+    // A delegate's approval: who asks, and its task.
+    if (view.delegate) {
+      const who = doc.createElement("div");
+      who.className = "approval-delegate";
+      const label = doc.createElement("span");
+      label.className = "approval-label";
+      label.textContent = "delegate ";
+      who.appendChild(label);
+      const name = doc.createElement("a");
+      name.className = "approval-delegate-link";
+      name.href = sessionHash(view.delegate.childId);
+      name.title = "Open the delegate's session";
+      name.textContent = view.delegate.who;
+      who.appendChild(name);
+      if (view.delegate.task) who.appendChild(doc.createTextNode(` · ${view.delegate.task}`));
+      box.appendChild(who);
+    }
     const tool = doc.createElement("div");
     tool.className = "approval-tool";
     tool.textContent = view.tool;
@@ -203,6 +223,32 @@ export function createQuestionCards({
     return box;
   }
 
+  // "Waiting for approval in parent ab12: answering here works too", or
+  // an empty (hidden) line while the question isn't relayed.
+  function renderRelayedTo(pq) {
+    const line = doc.createElement("div");
+    line.className = "question-relayed";
+    const view = relayedToView(pq);
+    if (!view) {
+      line.classList.add("hidden");
+      return line;
+    }
+    line.appendChild(doc.createTextNode(`Waiting for ${pq.kind === "approval" ? "approval" : "an answer"} in parent `));
+    const link = doc.createElement("a");
+    link.href = sessionHash(view.parentId);
+    link.textContent = view.parentShort;
+    line.appendChild(link);
+    line.appendChild(doc.createTextNode(": answering here works too"));
+    return line;
+  }
+
+  // The parent relayed the open question, or no longer does (question_relay).
+  function markRelayed(id, relayedTo) {
+    if (!questionEl || !pending || String(pending.id) !== String(id)) return;
+    pending = { ...pending, relayed_to: relayedTo || null };
+    questionEl.querySelector(".question-relayed")?.replaceWith(renderRelayedTo(pending));
+  }
+
   function resolveQuestionCard(id, { answer = null, cancelled = false, reason = "" } = {}) {
     if (!questionEl) return;
     if (id && pending && String(pending.id) !== String(id)) return;
@@ -225,6 +271,7 @@ export function createQuestionCards({
     questionEl.appendChild(note);
     questionEl.classList.remove("submitting");
     disableQuestionInputs();
+    questionEl.querySelector(".question-relayed")?.classList.add("hidden");
     // The summary becomes the result; the card collapses to that one line
     // unless the user opened or closed it by hand.
     const summary = questionEl.querySelector("summary");
@@ -343,6 +390,7 @@ export function createQuestionCards({
   return {
     renderQuestion: renderQuestionCard,
     resolveQuestion: resolveQuestionCard,
+    markRelayed,
     removeQuestion: removeQuestionCard,
     questionCard: () => questionEl,
     pendingQuestion: () => pending,

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

@@ -78,7 +78,22 @@ const WAITING_BADGES = {
 // @return null | {kind, text, title}
 export function waitingBadge(summary) {
   const waiting = waitingOn(summary);
-  return waiting ? { kind: waiting.reason, ...WAITING_BADGES[waiting.reason] } : null;
+  if (!waiting) return null;
+  // A delegate's approval waiting in its parent's card (the approval relay).
+  const parent = summary.pending_question?.relayed_to;
+  if (parent && waiting.reason !== "card") {
+    return { kind: waiting.reason, text: `in parent ${parent}`,
+      title: `Waiting for your ${waiting.reason} in parent session ${parent} (answering here works too)` };
+  }
+  return { kind: waiting.reason, ...WAITING_BADGES[waiting.reason] };
+}
+
+// What the all view's search matches for a session that waits on the user:
+// "waiting" and its badge's word ("question", "approval", "needs you");
+// "" for one that doesn't.
+export function waitingSearchText(summary) {
+  const badge = waitingBadge(summary);
+  return badge ? `waiting ${badge.text}` : "";
 }
 
 // The sessions that wait on the user (waitingOn) first, the rest after,

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

@@ -88,6 +88,8 @@ export function isPlain(turn) {
 }
 
 const END_PHASES = { completed: "answered", canceled: "canceled" };
+// A completed turn whose model returned nothing (the turn view's notice).
+const NO_ANSWER = "no answer";
 
 // What the live slots show for +turn+:
 //   phase    the status row's word;
@@ -100,14 +102,17 @@ const END_PHASES = { completed: "answered", canceled: "canceled" };
 //   trail    the last three finished calls, newest last (a file's title
 //            without its dir);
 //   ticks    one per call: {kind, status, step (the gen's index)}.
-// +pending+: a card waits for the user; +ended+: the turn's end kind.
-export function liveSlots(turn, { narration = "", thinking = "", pending = false, ended = null } = {}) {
+// +pending+: a card waits for the user; +ended+: the turn's end kind;
+// +emptyAnswer+: a completed turn ended with no answer
+// (turn_summary.empty_answer), so it reads "no answer", not "answered".
+export function liveSlots(turn, { narration = "", thinking = "", pending = false, ended = null, emptyAnswer = false } = {}) {
   const gens = turn?.gens || [];
   const rows = gens.flatMap((gen, step) => gen.tools.map((row) => ({ row, step })));
   const running = [...rows].reverse().find(({ row }) => row.status === "running")?.row || null;
   const current = gens[gens.length - 1];
   let phase;
-  if (ended) phase = END_PHASES[ended] || "failed";
+  if (ended === "completed" && emptyAnswer) phase = NO_ANSWER;
+  else if (ended) phase = END_PHASES[ended] || "failed";
   else if (pending) phase = "waiting for you";
   else if (running) phase = "running a tool";
   else if (current?.text && isPlain(turn)) phase = "writing the answer";

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

@@ -26,7 +26,7 @@ const PENDING = ".bubble.question:not(.answered):not(.cancelled), .bubble.contin
 // asks the user too, but the turn goes on: it waits only while the turn runs
 // and never holds the hand-off (a turn cut short can leave it open).
 const ASKS = ".plugin-card[data-in-turn] .card-action";
-const MARKS = { answered: "✓", canceled: "■", failed: "✕" };
+const MARKS = { answered: "✓", "no answer": "∅", canceled: "■", failed: "✕" };
 // The mark of a flash in the trail: a warn notice, a hook's info notice, a
 // plugin's nudge (steer).
 const FLASH_MARKS = { warn: "⚠", info: "ℹ", steer: "↪" };
@@ -93,6 +93,8 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
   // The turn in the stage, from turnStarted until the hand-off (or a reset).
   let holding = false;
   let endKind = null;
+  // The ended turn had no answer (turn_summary.empty_answer).
+  let emptyAnswer = false;
   let settled = true;
   let settleTimer = null;
   let startedAt = 0;
@@ -175,7 +177,7 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
     // A question blocks the turn: its card takes the live slots' room. An
     // asking card's turn goes on: the status waits, the slots stay.
     const blocked = pendingCard();
-    const slots = liveSlots(turn, { narration, thinking, pending: blocked || asksCard(), ended: endKind });
+    const slots = liveSlots(turn, { narration, thinking, pending: blocked || asksCard(), ended: endKind, emptyAnswer });
 
     stage.classList.toggle("plain", plain);
     stage.classList.toggle("ended", !!endKind);
@@ -452,6 +454,7 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
     clearTimeout(settleTimer);
     holding = false;
     endKind = null;
+    emptyAnswer = false;
     settled = true;
     view.reset();
     emptySlots();
@@ -517,6 +520,7 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
       }
       holding = true;
       endKind = null;
+      emptyAnswer = false;
       settled = true;
       startedAt = Date.parse(data?.started_at) || Date.now();
       emptySlots();
@@ -542,6 +546,7 @@ export function createStageView({ historyEl, appendToHistory, isNearBottom: hist
       kept.push(...warn);
       view.chronological();
       endKind = args.kind;
+      emptyAnswer = !!args.emptyAnswer;
       endedAt = Date.now();
       // A completed turn's end read (markdown, answer_display) is pending
       // until answerReady; the others have none.

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

@@ -1,3 +1,5 @@
+import { waitingOn } from "./notify.js";
+
 // How many session cards the top strip shows for its width in px: a card
 // needs about 360 px plus a 12 px gap next to the 150 px "All sessions" tile;
 // never fewer than 3 (narrow screens scroll them), never more than 6.
@@ -13,13 +15,18 @@ export function stripColumns(width) {
 // The hidden strip's "▾ sessions" pill carries the list's count, and how
 // many of those sessions a worker runs (the cards' green "live" badge), so a
 // user who hid the strip still sees there is a live session to go back to.
-// Plain text parts; live is "" when none. Zero sessions keep the bare label.
+// And how many wait on the user (notify.js waitingOn: a question, an
+// approval, a card), so a hidden strip still says one needs an answer.
+// Plain text parts; live and waiting are "" when none. Zero sessions keep
+// the bare label.
 export function stripShowParts(sessions) {
   const list = sessions || [];
   const n = list.length;
   const liveN = list.filter((s) => s && s.owner === "worker").length;
+  const waitingN = list.filter((s) => waitingOn(s)).length;
   return {
     count: n ? `${n} ${n === 1 ? "session" : "sessions"}` : "sessions",
     live: liveN ? `${liveN} live` : "",
+    waiting: waitingN ? `${waitingN} waiting` : "",
   };
 }

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

@@ -88,7 +88,9 @@ export function timedTurnIndexes(items) {
 // the last, in order; a text-less iteration leaves no message, so a text
 // can sit one step early: inspection, not truth) and its answer (the last
 // assistant message). Assistant messages before any prompt are answers on
-// their own. The turn index counts prompts, as timedTurnIndexes does. The
+// their own. A turn that ended with no answer (the server's empty_answer
+// item) has no answer: its texts are steps, and `emptyAnswer` is that
+// item's index. The turn index counts prompts, as timedTurnIndexes does. The
 // user's lines merged into the running turn (`merged`, the server's
 // Steer::INPUT_KIND) stay in it: the turn's `merged` list.
 export function turnGroups(items, timing) {
@@ -105,18 +107,23 @@ export function turnGroups(items, timing) {
       turn.merged.push(i);
     } else if (item?.role === "user") {
       turnIndex += 1;
-      turn = { kind: "turn", turnIndex, user: i, texts: [], steers: [], merged: [] };
+      turn = { kind: "turn", turnIndex, turnId: item.turn_id, user: i, texts: [], steers: [], merged: [] };
       groups.push(turn);
     } else if (item?.role === "assistant") {
       if (turn) turn.texts.push(i);
       else groups.push({ kind: "answer", answer: i });
+    } else if (item?.role === "empty_answer" && turn) {
+      turn.emptyAnswer = i;
     }
   });
   return groups.map((g) => {
     if (g.kind !== "turn") return g;
     const group = withSteers(turnGroup(g, items, timing), g.steers, items);
+    // A turn that ended with no answer: its notice (the item's index) in
+    // the answer's place.
+    const ended = g.emptyAnswer == null ? group : { ...group, emptyAnswer: g.emptyAnswer };
     // A turn with no merged lines keeps its shape.
-    return g.merged.length ? { ...group, merged: g.merged } : group;
+    return g.merged.length ? { ...ended, merged: g.merged } : ended;
   });
 }
 
@@ -138,10 +145,20 @@ function withSteers(group, steerIndexes, items) {
   return { ...group, steps, steers: left };
 }
 
+// A prompt's turn record: the one with its turn id (the engine saves it
+// on the prompt), so a turn whose prompt left the conversation (a failed
+// one's went back to the user, !rollback) shifts no other; a prompt saved
+// before turn ids pairs by its place among the prompts.
+function promptRecord(timing, g) {
+  if (typeof g.turnId !== "string" || !g.turnId) return turnRecordAt(timing, g.turnIndex);
+  return (timing?.turnRecords || []).find((r) => r.id === g.turnId) || null;
+}
+
 function turnGroup(g, items, timing) {
-  const record = turnRecordAt(timing, g.turnIndex);
+  const record = promptRecord(timing, g);
   const tools = record ? (timing?.toolRecords || []).filter((r) => r.turn_id === record.id) : [];
-  const stepsOnly = canceledSteps(g, record, tools);
+  // A turn with no answer has none of its texts as one: they are steps.
+  const stepsOnly = canceledSteps(g, record, tools) || g.emptyAnswer != null;
   if (g.texts.some((i) => items[i].parts)) return partsTurn(g, items, record, tools, stepsOnly);
   const maxIteration = tools.reduce((m, r) => Math.max(m, Number(r.iteration) || 0), 0);
   const stepTexts = stepsOnly ? g.texts : g.texts.slice(0, -1);

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

@@ -64,6 +64,15 @@ export function emptyRetryLine({ attempt, of, stopped_by: stoppedBy } = {}) {
   return `↻ ${what}, asking again (${attempt}/${of})`;
 }
 
+// The one muted line for a turn that ended with no answer (turn_completed's
+// turn_summary.empty_answer, or a reloaded turn's marker): the TUI words
+// it the same (TurnNote.empty_answer_line; spec/shared/labels_matrix.json).
+export function emptyAnswerLine({ retries = 0 } = {}) {
+  const count = Number(retries) || 0;
+  const after = count > 0 ? ` (after ${count} ${count === 1 ? "retry" : "retries"})` : "";
+  return `no answer: the model returned nothing${after}`;
+}
+
 // The text of a turn's row from a snapshot entry (CardStore): a hook's
 // notice as "<label>: text", the loop's asking-again row as its line.
 export function noticeLine(entry = {}) {