@opengeni/react 0.36.1 → 0.40.0

package/dist/{chunk-Z5FV355Z.js → chunk-KR2SK5GJ.js}

@@ -1,18 +1,19 @@
+import {
+  EmptyQueueStateSurface,
+  requestQueueDraftEdit
+} from "./chunk-YDNWMKXO.js";
 import {
   buildTimeline,
   groupTimeline,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-J2RVJ6JX.js";
+} from "./chunk-4IJCL7YO.js";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
 } from "./chunk-ATSTR5P3.js";
-import {
-  cn
-} from "./chunk-TK7G6XLT.js";
 import {
   formatClockTime,
   formatRelativeTime,
@@ -21,9 +22,8 @@ import {
   tryParseJson
 } from "./chunk-LAKLF4PA.js";
 import {
-  EmptyQueueStateSurface,
-  requestQueueDraftEdit
-} from "./chunk-YDNWMKXO.js";
+  cn
+} from "./chunk-TK7G6XLT.js";
 
 // src/components/queue-surface.tsx
 import { Loader2Icon } from "lucide-react";
@@ -68,6 +68,7 @@ function QueueSurfaceFallback() {
 
 // src/components/session-chrome.tsx
 import {
+  AudioLinesIcon,
   ArrowDownIcon,
   ArrowUpIcon,
   BotIcon,
@@ -101,6 +102,23 @@ var GOAL_LABEL = {
   invariant_broken: "Needs attention",
   completed: "Done"
 };
+function queuedTurnPresentation(turn) {
+  const realtimeDelegation = objectValue(turn.metadata.realtimeDelegation);
+  const inputTranscript = realtimeDelegation?.inputTranscript;
+  if (typeof inputTranscript === "string" && inputTranscript.trim()) {
+    return { kind: "realtime_voice", text: inputTranscript.trim() };
+  }
+  if (objectValue(turn.metadata.realtimeTailFlush)) {
+    return { kind: "realtime_voice_handoff", text: "Remaining voice context" };
+  }
+  return { kind: "prompt", text: turn.prompt };
+}
+function isSteeringTurn(turn) {
+  return turn.metadata.delivery === "steer";
+}
+function objectValue(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
+}
 function sessionChromeGoalPillState(goalStatus, continuation) {
   if (goalStatus === "completed") return "completed";
   if (goalStatus === "paused") return "paused";
@@ -184,6 +202,25 @@ function SessionChrome({
   const record = goal?.goal ?? null;
   const incoming = queue.pendingInputs;
   const turns = queue.queue;
+  const composerSteering = composer?.steering ?? null;
+  const { steering, queuedTurns } = useMemo(() => {
+    const pendingQueueSteer = turns.find((turn) => queue.pendingByTurn[turn.id] === "steer") ?? null;
+    const durableQueueSteer = !pendingQueueSteer && turns[0] && isSteeringTurn(turns[0]) ? turns[0] : null;
+    const currentSteering = composerSteering?.phase === "submitting" ? composerSteering : pendingQueueSteer ? {
+      phase: "submitting",
+      text: queuedTurnPresentation(pendingQueueSteer).text,
+      turnId: pendingQueueSteer.id
+    } : durableQueueSteer ? {
+      phase: "accepted",
+      text: queuedTurnPresentation(durableQueueSteer).text,
+      turnId: durableQueueSteer.id
+    } : composerSteering;
+    const currentTurnId = currentSteering?.turnId ?? null;
+    return {
+      steering: currentSteering,
+      queuedTurns: currentTurnId ? turns.filter((turn) => turn.id !== currentTurnId) : turns
+    };
+  }, [composerSteering, queue.pendingByTurn, turns]);
   const canMutateQueue = !readOnly && composer !== void 0;
   const liveGoal = record?.status === "active" && record.continuation?.state === "running" && record.continuation.reason === "goal_turn_running";
   const elapsed = useLiveElapsed(
@@ -206,14 +243,28 @@ function SessionChrome({
         icon: /* @__PURE__ */ jsx2(InboxIcon, { className: "size-3" })
       });
     }
-    if (turns.length > 0) {
-      const detail = turns[0]?.prompt;
+    if (steering) {
+      rows.push({
+        id: "steering",
+        label: "Changing direction\u2026",
+        detail: steering.text,
+        tone: "accent",
+        icon: steering.phase === "submitting" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
+      });
+    }
+    if (queuedTurns.length > 0) {
+      const presentations = queuedTurns.map(queuedTurnPresentation);
+      const first = presentations[0];
+      const allVoiceRequests = presentations.every(({ kind }) => kind === "realtime_voice");
+      const onlyVoiceHandoff = presentations.length === 1 && first?.kind === "realtime_voice_handoff";
+      const voiceOnly = allVoiceRequests || onlyVoiceHandoff;
+      const detail = first?.text;
       rows.push({
         id: "queue",
-        label: `${turns.length} queued prompt${turns.length === 1 ? "" : "s"}`,
+        label: allVoiceRequests ? queuedTurns.length === 1 ? "Voice request queued" : `${queuedTurns.length} voice requests queued` : onlyVoiceHandoff ? "Voice handoff queued" : `${queuedTurns.length} queued prompt${queuedTurns.length === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: "neutral",
-        icon: /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
+        icon: voiceOnly ? /* @__PURE__ */ jsx2(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
@@ -237,7 +288,7 @@ function SessionChrome({
       });
     }
     return rows;
-  }, [agentsSignal, elapsed, goalState, incoming, record, turns]);
+  }, [agentsSignal, elapsed, goalState, incoming, queuedTurns, record, steering]);
   const [activeUncontrolled, setActiveUncontrolled] = useState(
     defaultActive
   );
@@ -261,10 +312,10 @@ function SessionChrome({
   }, [active, activeControlled, onActiveChange, signalIds]);
   useEffect(() => {
     if (active !== "queue" || !replaceDraftFor) return;
-    if (!turns.some((turn) => turn.id === replaceDraftFor)) {
+    if (!queuedTurns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
-  }, [active, replaceDraftFor, turns]);
+  }, [active, queuedTurns, replaceDraftFor]);
   useEffect(() => {
     const rail = railRef.current;
     const measure = () => {
@@ -301,7 +352,7 @@ function SessionChrome({
     const node = panelBodyRef.current;
     if (!node) return;
     setPanelHeight(node.offsetHeight);
-  }, [open, active, incoming, turns, record, goalState, agentsPanel, agentsSignal]);
+  }, [open, active, incoming, queuedTurns, record, goalState, agentsPanel, agentsSignal, steering]);
   useEffect(() => {
     if (!open) return;
     const node = panelBodyRef.current;
@@ -316,10 +367,10 @@ function SessionChrome({
   const shellDuration = reduceMotion ? 0 : 0.22;
   const crossfadeDuration = reduceMotion ? 0 : 0.18;
   const ease = [0.22, 1, 0.36, 1];
-  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx2(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "queue" ? /* @__PURE__ */ jsx2(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx2(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "steering" && steering ? /* @__PURE__ */ jsx2(SteeringPanel, { phase: steering.phase, text: steering.text }) : active === "queue" ? /* @__PURE__ */ jsx2(
     QueuePanel,
     {
-      turns,
+      turns: queuedTurns,
       readOnly: !canMutateQueue,
       mutationFor: queue.mutationFor,
       replaceDraftFor,
@@ -477,8 +528,9 @@ function SessionChrome({
                   "div",
                   {
                     ref: panelBodyRef,
-                    className: "relative border-t border-og-border/50",
+                    className: "relative overflow-y-auto overscroll-contain border-t border-og-border/50",
                     style: {
+                      maxHeight: "var(--og-session-chrome-panel-max-height)",
                       paddingInline: "var(--og-session-chrome-panel-pad-x)",
                       paddingBlock: "var(--og-session-chrome-panel-pad-y)"
                     },
@@ -553,6 +605,24 @@ function IncomingPanel({
     }
   );
 }
+function SteeringPanel({ phase, text }) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: "flex items-start gap-2 rounded-og-sm px-1.5 py-1",
+      role: "status",
+      "aria-live": "polite",
+      "data-og-session-chrome-panel": "steering",
+      children: [
+        /* @__PURE__ */ jsx2("span", { className: "mt-0.5 inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-og-accent-soft text-og-accent", children: phase === "submitting" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin", "aria-hidden": "true" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3", "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx2("p", { className: "truncate text-og-xs font-medium leading-4 text-og-fg", children: text }),
+          /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-[10px] leading-4 text-og-fg-muted", children: phase === "submitting" ? "Sending your latest direction\u2026" : "Direction accepted. The agent will continue from it." })
+        ] })
+      ]
+    }
+  );
+}
 function QueuePanel({
   turns,
   readOnly,
@@ -572,6 +642,8 @@ function QueuePanel({
       "aria-label": "Queued prompts",
       "data-og-session-chrome-panel": "queue",
       children: turns.map((turn, index) => {
+        const presentation = queuedTurnPresentation(turn);
+        const voice = presentation.kind !== "prompt";
         const pending = mutationFor(turn.id);
         const beforeUp = index > 0 ? turns[index - 1]?.id ?? null : null;
         const beforeDown = index < turns.length - 1 ? turns[index + 2]?.id ?? null : null;
@@ -584,8 +656,14 @@ function QueuePanel({
             className: "group flex flex-col gap-1 rounded-og-sm px-1.5 py-1 transition-colors hover:bg-[var(--og-session-chrome-row-hover)]",
             children: [
               /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-1.5", children: [
-                /* @__PURE__ */ jsx2("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
-                /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: turn.prompt }),
+                voice ? /* @__PURE__ */ jsx2(
+                  AudioLinesIcon,
+                  {
+                    "aria-hidden": "true",
+                    className: "mt-0.5 size-3 shrink-0 text-og-accent"
+                  }
+                ) : /* @__PURE__ */ jsx2("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: presentation.text }),
                 showActions ? /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: [
                   onMove && turns.length > 1 ? /* @__PURE__ */ jsxs2(Fragment, { children: [
                     /* @__PURE__ */ jsx2(
@@ -780,23 +858,34 @@ function IconAction({
 }
 
 // src/components/human-input-form.tsx
+import { ChevronDownIcon, ChevronUpIcon, MessageCircleQuestionIcon } from "lucide-react";
 import { useEffect as useEffect2, useId as useId2, useRef as useRef2, useState as useState2 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultHumanInputFormMessages = {
-  title: "Your input is needed",
-  description: "The agent is paused until you answer these questions.",
+  title: "Input required",
+  /** Multi-question chrome has no default subtitle; hosts may still override. */
+  description: "",
   submit: "Continue",
   skip: "Skip",
   submitting: "Submitting\u2026",
   other: "Other",
-  deadlineLabel: "Respond before",
+  deadlineLabel: "Expires",
   formatDeadline,
   required: "This question is required.",
-  minLength: (count) => `Enter at least ${count} characters.`,
-  maxLength: (count) => `Enter no more than ${count} characters.`,
   otherRequired: "Enter a value for Other.",
   minSelections: (count) => `Choose at least ${count} option${count === 1 ? "" : "s"}.`,
-  maxSelections: (count) => `Choose no more than ${count} option${count === 1 ? "" : "s"}.`
+  maxSelections: (count) => `Choose no more than ${count} option${count === 1 ? "" : "s"}.`,
+  optional: "Optional",
+  moreBelow: "More below",
+  questionCount: (count) => `${count} questions`,
+  collapse: "Collapse",
+  expand: "Expand",
+  selectionHint: (min, max) => {
+    if (min != null && max != null) return `Choose ${min}\u2013${max}.`;
+    if (min != null) return `Choose at least ${min}.`;
+    if (max != null) return `Choose up to ${max}.`;
+    return null;
+  }
 };
 function HumanInputForm({
   request,
@@ -805,24 +894,31 @@ function HumanInputForm({
   error,
   title,
   description,
+  progressLabel,
   submitLabel,
   skipLabel,
   messages: messageOverrides,
   autoFocus = true,
+  defaultCollapsed = false,
   className
 }) {
   const messages = { ...defaultHumanInputFormMessages, ...messageOverrides };
-  const resolvedTitle = title === void 0 ? messages.title : title;
-  const resolvedDescription = description === void 0 ? messages.description : description;
+  const singleQuestion = request.questions.length === 1 ? request.questions[0] : null;
+  const resolvedTitle = title === void 0 ? singleQuestion ? singleQuestion.label ?? singleQuestion.prompt : messages.title : title;
+  const resolvedDescription = description === void 0 ? singleQuestion ? singleQuestion.label ? singleQuestion.prompt : singleQuestion.helpText ?? null : messages.description || null : description;
   const resolvedSubmitLabel = submitLabel ?? messages.submit;
   const resolvedSkipLabel = skipLabel ?? messages.skip;
   const formId = useId2();
+  const titleId = useId2();
+  const scrollRef = useRef2(null);
   const [drafts, setDrafts] = useState2(
     () => initialDrafts(request.questions)
   );
   const [validationErrors, setValidationErrors] = useState2({});
   const [submissionError, setSubmissionError] = useState2(null);
   const [submittingInternally, setSubmittingInternally] = useState2(false);
+  const [overflowBelow, setOverflowBelow] = useState2(false);
+  const [collapsed, setCollapsed] = useState2(defaultCollapsed);
   const submissionInFlight = useRef2(false);
   const submissionGeneration = useRef2(0);
   const busy = submitting || submittingInternally;
@@ -833,7 +929,33 @@ function HumanInputForm({
     setValidationErrors({});
     setSubmissionError(null);
     setSubmittingInternally(false);
-  }, [request.id, request.questions]);
+    setCollapsed(defaultCollapsed);
+  }, [request.id, request.questions, defaultCollapsed]);
+  useEffect2(() => {
+    if (collapsed) {
+      setOverflowBelow(false);
+      return;
+    }
+    const node = scrollRef.current;
+    if (!node) return;
+    const sync = () => {
+      const { scrollTop, scrollHeight, clientHeight } = node;
+      setOverflowBelow(
+        scrollHeight > clientHeight + 2 && scrollTop + clientHeight < scrollHeight - 4
+      );
+    };
+    const frame = requestAnimationFrame(sync);
+    node.addEventListener("scroll", sync, { passive: true });
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(sync) : null;
+    observer?.observe(node);
+    const content = node.firstElementChild;
+    if (content) observer?.observe(content);
+    return () => {
+      cancelAnimationFrame(frame);
+      node.removeEventListener("scroll", sync);
+      observer?.disconnect();
+    };
+  }, [request.id, request.questions, collapsed]);
   const update = (questionId, apply) => {
     setDrafts((current) => ({
       ...current,
@@ -865,155 +987,206 @@ function HumanInputForm({
       }
     }
   };
+  const focusQuestion = (questionId) => {
+    const root = scrollRef.current;
+    if (!root) return;
+    const block = Array.from(
+      root.querySelectorAll("[data-human-input-question]")
+    ).find((node) => node.getAttribute("data-human-input-question") === questionId);
+    block?.scrollIntoView({ block: "nearest", behavior: "smooth" });
+    const focusable = block?.querySelector(
+      "input:not([type='hidden']):not([disabled]), textarea:not([disabled])"
+    );
+    focusable?.focus({ preventScroll: true });
+  };
   const submit = async (event) => {
     event.preventDefault();
     const result = answersFromDrafts(request.questions, drafts, messages);
     if (Object.keys(result.errors).length > 0) {
       setValidationErrors(result.errors);
+      const firstInvalid = request.questions.find((question) => question.id in result.errors);
+      if (firstInvalid) {
+        requestAnimationFrame(() => focusQuestion(firstInvalid.id));
+      }
       return;
     }
     await submitResponse({ outcome: "answered", answers: result.answers });
   };
+  const metaBits = [
+    progressLabel,
+    !singleQuestion ? messages.questionCount(request.questions.length) : null,
+    request.expiresAt ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      messages.deadlineLabel,
+      " ",
+      /* @__PURE__ */ jsx3("time", { dateTime: request.expiresAt, title: new Date(request.expiresAt).toLocaleString(), children: messages.formatDeadline(request.expiresAt) })
+    ] }) : null
+  ].filter(Boolean);
+  if (collapsed) {
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        "data-human-input-request": request.id,
+        "data-human-input-collapsed": "",
+        "aria-labelledby": titleId,
+        className: cn(
+          "og-root flex w-full items-center gap-3 rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 px-3 py-2.5 shadow-og-sm",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx3("span", { className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx3(MessageCircleQuestionIcon, { "aria-hidden": "true", className: "size-4" }) }),
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx3("h2", { id: titleId, className: "truncate text-og-sm font-semibold text-og-fg", children: resolvedTitle }),
+            metaBits.length > 0 ? /* @__PURE__ */ jsx3("p", { className: "mt-0.5 truncate text-og-xs text-og-fg-subtle", children: metaBits.join(" \xB7 ") }) : null
+          ] }),
+          /* @__PURE__ */ jsxs3(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCollapsed(false),
+              className: "inline-flex min-h-8 shrink-0 items-center gap-1 rounded-og-md border border-og-border px-2.5 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:bg-og-surface-1 hover:text-og-fg",
+              children: [
+                messages.expand,
+                /* @__PURE__ */ jsx3(ChevronDownIcon, { "aria-hidden": "true", className: "size-3.5" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs3(
     "form",
     {
       "data-human-input-request": request.id,
       onSubmit: (event) => void submit(event),
+      "aria-labelledby": titleId,
       className: cn(
-        "og-root flex w-full flex-col gap-5 rounded-og-lg border border-og-border bg-og-surface-1 p-5 shadow-og-sm",
+        // Multi-question: pin height at the cap so the flex body gets a real
+        // box and overflow-y engages. max-height alone + percentage/`h-full`
+        // children often sizes to content and clips with no scroll.
+        "og-root flex min-h-0 w-full flex-col overflow-hidden rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 shadow-og-sm",
+        singleQuestion ? "max-h-[min(28rem,50dvh)]" : "h-[min(28rem,50dvh)] max-h-[min(28rem,50dvh)]",
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs3("header", { children: [
-          /* @__PURE__ */ jsx3("h2", { className: "text-og-md font-semibold text-og-fg", children: resolvedTitle }),
-          resolvedDescription ? /* @__PURE__ */ jsx3("div", { className: "mt-1 text-og-sm text-og-fg-muted", children: resolvedDescription }) : null,
-          request.expiresAt ? /* @__PURE__ */ jsxs3("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: [
-            messages.deadlineLabel,
-            " ",
-            /* @__PURE__ */ jsx3("time", { dateTime: request.expiresAt, children: messages.formatDeadline(request.expiresAt) })
-          ] }) : null
-        ] }),
-        /* @__PURE__ */ jsx3("fieldset", { disabled: busy, className: "contents", children: request.questions.map((question, index) => {
-          const draft = drafts[question.id] ?? emptyDraft();
-          const fieldId = `${formId}-${index}`;
-          const errorId = `${fieldId}-error`;
-          const helpId = `${fieldId}-help`;
-          const describedBy = [question.helpText ? helpId : null, validationErrors[question.id] ? errorId : null].filter(Boolean).join(" ") || void 0;
-          return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxs3(
-              "label",
-              {
-                htmlFor: question.kind === "text" ? fieldId : void 0,
-                className: "text-og-base font-medium text-og-fg",
-                children: [
-                  question.label ?? question.prompt,
-                  question.required ? /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : null
-                ]
-              }
-            ),
-            question.label ? /* @__PURE__ */ jsx3("p", { className: "text-og-sm text-og-fg-muted", children: question.prompt }) : null,
-            question.helpText ? /* @__PURE__ */ jsx3("p", { id: helpId, className: "text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
-            question.kind === "text" ? /* @__PURE__ */ jsx3(
-              "textarea",
-              {
-                id: fieldId,
-                value: draft.values[0] ?? "",
-                onChange: (event) => update(question.id, (current) => ({
-                  ...current,
-                  values: event.target.value ? [event.target.value] : []
-                })),
-                "aria-invalid": Boolean(validationErrors[question.id]),
-                "aria-describedby": describedBy,
-                autoFocus: autoFocus && index === 0,
-                rows: 3,
-                className: "min-h-20 w-full resize-y rounded-og-md border border-og-border bg-og-surface-2 px-3 py-2 text-og-base text-og-fg outline-none placeholder:text-og-fg-subtle focus:border-og-accent"
-              }
-            ) : /* @__PURE__ */ jsxs3(
-              "div",
-              {
-                role: question.kind === "single_select" ? "radiogroup" : "group",
-                "aria-describedby": describedBy,
-                className: "flex flex-col gap-2",
-                children: [
-                  question.options.map((option, optionIndex) => {
-                    const checked = draft.values.includes(option.id);
-                    return /* @__PURE__ */ jsxs3(
-                      "label",
-                      {
-                        className: "flex cursor-pointer items-start gap-2 rounded-og-md border border-og-border px-3 py-2 hover:bg-og-surface-2",
-                        children: [
-                          /* @__PURE__ */ jsx3(
-                            "input",
-                            {
-                              type: question.kind === "single_select" ? "radio" : "checkbox",
-                              name: question.kind === "single_select" ? fieldId : void 0,
-                              autoFocus: autoFocus && index === 0 && optionIndex === 0,
-                              checked,
-                              onChange: (event) => update(question.id, (current) => ({
-                                ...current,
-                                values: question.kind === "single_select" ? event.target.checked ? [option.id] : [] : event.target.checked ? [...current.values, option.id] : current.values.filter((value) => value !== option.id),
-                                ...question.kind === "single_select" && event.target.checked ? { otherSelected: false } : {}
-                              })),
-                              className: "mt-0.5 accent-og-accent"
-                            }
-                          ),
-                          /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
-                            /* @__PURE__ */ jsx3("span", { className: "block text-og-sm font-medium text-og-fg", children: option.label }),
-                            option.description ? /* @__PURE__ */ jsx3("span", { className: "block text-og-xs text-og-fg-muted", children: option.description }) : null
-                          ] })
-                        ]
-                      },
-                      option.id
-                    );
-                  }),
-                  question.allowOther ? /* @__PURE__ */ jsxs3("label", { className: "flex items-start gap-2 rounded-og-md border border-og-border px-3 py-2", children: [
-                    /* @__PURE__ */ jsx3(
-                      "input",
+        /* @__PURE__ */ jsx3("header", { className: "shrink-0 border-b border-og-status-waiting/20 px-4 py-3", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx3("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/12 text-og-status-waiting", children: /* @__PURE__ */ jsx3(MessageCircleQuestionIcon, { "aria-hidden": "true", className: "size-4" }) }),
+          /* @__PURE__ */ jsxs3("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+              /* @__PURE__ */ jsxs3("h2", { id: titleId, className: "text-og-md font-semibold text-og-fg", children: [
+                resolvedTitle,
+                singleQuestion?.required && !request.allowSkip ? /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : null
+              ] }),
+              progressLabel ? /* @__PURE__ */ jsx3("span", { className: "text-og-xs font-medium text-og-status-waiting", children: progressLabel }) : null,
+              !singleQuestion ? /* @__PURE__ */ jsx3("span", { className: "text-og-xs font-medium text-og-fg-subtle", children: messages.questionCount(request.questions.length) }) : null
+            ] }),
+            resolvedDescription ? /* @__PURE__ */ jsx3("div", { className: "mt-0.5 text-og-sm text-og-fg-muted", children: resolvedDescription }) : null,
+            request.expiresAt ? /* @__PURE__ */ jsxs3("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: [
+              messages.deadlineLabel,
+              " ",
+              /* @__PURE__ */ jsx3(
+                "time",
+                {
+                  dateTime: request.expiresAt,
+                  title: new Date(request.expiresAt).toLocaleString(),
+                  children: messages.formatDeadline(request.expiresAt)
+                }
+              )
+            ] }) : null,
+            request.allowSkip && singleQuestion ? /* @__PURE__ */ jsx3("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: "Or skip and let the agent decide." }) : null
+          ] }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              type: "button",
+              onClick: () => setCollapsed(true),
+              "aria-label": messages.collapse,
+              title: messages.collapse,
+              className: "inline-flex size-8 shrink-0 items-center justify-center rounded-og-md text-og-fg-muted transition-colors hover:bg-og-surface-1 hover:text-og-fg",
+              children: /* @__PURE__ */ jsx3(ChevronUpIcon, { "aria-hidden": "true", className: "size-4" })
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxs3("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsx3(
+            "div",
+            {
+              ref: scrollRef,
+              className: "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]",
+              children: /* @__PURE__ */ jsx3("fieldset", { disabled: busy, className: "min-w-0 space-y-4 px-4 py-3", children: request.questions.map((question, index) => {
+                if (singleQuestion) {
+                  return /* @__PURE__ */ jsx3("div", { "data-human-input-question": question.id, children: /* @__PURE__ */ jsx3(
+                    QuestionControls,
+                    {
+                      question,
+                      draft: drafts[question.id] ?? emptyDraft(),
+                      fieldId: `${formId}-${index}`,
+                      error: validationErrors[question.id],
+                      messages,
+                      autoFocus,
+                      firstOption: true,
+                      showPromptChrome: false,
+                      allowSkip: request.allowSkip,
+                      busy,
+                      onUpdate: (apply) => update(question.id, apply)
+                    }
+                  ) }, question.id);
+                }
+                return /* @__PURE__ */ jsx3(
+                  "div",
+                  {
+                    "data-human-input-question": question.id,
+                    className: "flex flex-col gap-1.5",
+                    children: /* @__PURE__ */ jsx3(
+                      QuestionControls,
                       {
-                        type: question.kind === "single_select" ? "radio" : "checkbox",
-                        name: question.kind === "single_select" ? fieldId : void 0,
-                        checked: draft.otherSelected,
-                        autoFocus: autoFocus && index === 0 && question.options.length === 0,
-                        onChange: (event) => update(question.id, (current) => ({
-                          ...current,
-                          otherSelected: event.target.checked,
-                          ...question.kind === "single_select" && event.target.checked ? { values: [] } : {}
-                        })),
-                        className: "mt-2 accent-og-accent"
+                        question,
+                        draft: drafts[question.id] ?? emptyDraft(),
+                        fieldId: `${formId}-${index}`,
+                        error: validationErrors[question.id],
+                        messages,
+                        autoFocus: autoFocus && index === 0,
+                        firstOption: index === 0,
+                        showPromptChrome: true,
+                        allowSkip: request.allowSkip,
+                        busy,
+                        onUpdate: (apply) => update(question.id, apply)
                       }
-                    ),
-                    /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx3("span", { className: "block text-og-sm font-medium text-og-fg", children: messages.other }),
-                      /* @__PURE__ */ jsx3(
-                        "input",
-                        {
-                          type: "text",
-                          value: draft.other,
-                          disabled: !draft.otherSelected || busy,
-                          onChange: (event) => update(question.id, (current) => ({
-                            ...current,
-                            other: event.target.value
-                          })),
-                          className: "mt-1 w-full rounded-og-sm border border-og-border bg-og-surface-2 px-2 py-1.5 text-og-sm text-og-fg outline-none focus:border-og-accent disabled:opacity-50"
-                        }
-                      )
-                    ] })
-                  ] }) : null
-                ]
-              }
-            ),
-            validationErrors[question.id] ? /* @__PURE__ */ jsx3("p", { id: errorId, role: "alert", className: "text-og-xs text-og-status-failed", children: validationErrors[question.id] }) : null
-          ] }, question.id);
-        }) }),
-        error ?? submissionError ? /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: error ?? submissionError }) : null,
-        /* @__PURE__ */ jsxs3("footer", { className: "flex items-center justify-end gap-2", children: [
+                    )
+                  },
+                  question.id
+                );
+              }) })
+            }
+          ),
+          overflowBelow ? /* @__PURE__ */ jsxs3(
+            "div",
+            {
+              className: "pointer-events-none absolute inset-x-0 bottom-0 z-[1] flex flex-col items-center",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx3("div", { className: "h-10 w-full bg-gradient-to-t from-og-surface-1 via-og-surface-1/85 to-transparent" }),
+                /* @__PURE__ */ jsx3("span", { className: "-mt-5 mb-1 rounded-og-full bg-og-surface-1 px-2.5 py-0.5 text-og-xs font-medium text-og-fg-muted shadow-og-sm ring-1 ring-og-border/60", children: messages.moreBelow })
+              ]
+            }
+          ) : null
+        ] }),
+        error ?? submissionError ? /* @__PURE__ */ jsx3(
+          "p",
+          {
+            role: "alert",
+            className: "relative z-10 shrink-0 px-4 pb-1 text-og-sm text-og-status-failed",
+            children: error ?? submissionError
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs3("footer", { className: "relative z-10 flex shrink-0 items-center justify-end gap-2 border-t border-og-status-waiting/20 bg-og-surface-1/95 px-4 py-3 backdrop-blur-[2px]", children: [
           request.allowSkip ? /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
               disabled: busy,
               onClick: () => void submitResponse({ outcome: "skipped" }),
-              className: "rounded-og-md border border-og-border px-3 py-2 text-og-sm font-medium text-og-fg-muted hover:bg-og-surface-2 disabled:opacity-50",
+              className: "inline-flex min-h-9 items-center rounded-og-md border border-og-border px-3 py-1.5 text-og-sm font-medium text-og-fg-muted transition-colors hover:bg-og-surface-1 hover:text-og-fg disabled:opacity-50",
               children: resolvedSkipLabel
             }
           ) : null,
@@ -1022,7 +1195,7 @@ function HumanInputForm({
             {
               type: "submit",
               disabled: busy,
-              className: "rounded-og-md bg-og-accent px-3 py-2 text-og-sm font-medium text-og-accent-fg hover:bg-og-accent-strong disabled:opacity-50",
+              className: "inline-flex min-h-9 items-center rounded-og-md bg-og-accent px-3 py-1.5 text-og-sm font-medium text-og-accent-fg transition-colors hover:bg-og-accent-strong disabled:opacity-50",
               children: busy ? messages.submitting : resolvedSubmitLabel
             }
           )
@@ -1031,6 +1204,156 @@ function HumanInputForm({
     }
   );
 }
+function QuestionControls({
+  question,
+  draft,
+  fieldId,
+  error,
+  messages,
+  autoFocus,
+  firstOption,
+  showPromptChrome,
+  allowSkip,
+  busy,
+  onUpdate
+}) {
+  const errorId = `${fieldId}-error`;
+  const helpId = `${fieldId}-help`;
+  const hint = question.kind === "multi_select" ? messages.selectionHint(
+    question.validation?.minSelections,
+    question.validation?.maxSelections
+  ) : null;
+  const describedBy = [
+    question.helpText && showPromptChrome ? helpId : null,
+    hint ? `${fieldId}-hint` : null,
+    error ? errorId : null
+  ].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    showPromptChrome ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap items-baseline gap-x-2", children: /* @__PURE__ */ jsxs3(
+        "label",
+        {
+          htmlFor: question.kind === "text" ? fieldId : void 0,
+          className: "text-og-sm font-medium text-og-fg",
+          children: [
+            question.label ?? question.prompt,
+            question.required && !allowSkip ? /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : !question.required ? /* @__PURE__ */ jsx3("span", { className: "ml-1.5 text-og-xs font-normal text-og-fg-subtle", children: messages.optional }) : null
+          ]
+        }
+      ) }),
+      question.label ? /* @__PURE__ */ jsx3("p", { className: "text-og-sm text-og-fg-muted", children: question.prompt }) : null,
+      question.helpText ? /* @__PURE__ */ jsx3("p", { id: helpId, className: "text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
+      hint ? /* @__PURE__ */ jsx3("p", { id: `${fieldId}-hint`, className: "text-og-xs text-og-fg-subtle", children: hint }) : null
+    ] }) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      !question.required && allowSkip === false ? /* @__PURE__ */ jsx3("p", { className: "text-og-xs text-og-fg-subtle", children: messages.optional }) : null,
+      question.helpText && question.label ? /* @__PURE__ */ jsx3("p", { id: helpId, className: "mb-1.5 text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
+      hint ? /* @__PURE__ */ jsx3("p", { id: `${fieldId}-hint`, className: "mb-1.5 text-og-xs text-og-fg-subtle", children: hint }) : null
+    ] }),
+    question.kind === "text" ? /* @__PURE__ */ jsx3(
+      "textarea",
+      {
+        id: fieldId,
+        value: draft.values[0] ?? "",
+        onChange: (event) => onUpdate((current) => ({
+          ...current,
+          values: event.target.value ? [event.target.value] : []
+        })),
+        "aria-invalid": Boolean(error),
+        "aria-describedby": describedBy,
+        autoFocus,
+        rows: 2,
+        className: "min-h-14 w-full resize-y rounded-og-md border border-og-border bg-og-surface-1 px-3 py-2 text-og-sm text-og-fg outline-none placeholder:text-og-fg-subtle focus:border-og-accent"
+      }
+    ) : /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        role: question.kind === "single_select" ? "radiogroup" : "group",
+        "aria-describedby": describedBy,
+        className: "flex flex-col gap-0.5",
+        children: [
+          question.options.map((option, optionIndex) => {
+            const checked = draft.values.includes(option.id);
+            return /* @__PURE__ */ jsxs3(
+              "label",
+              {
+                className: cn(
+                  "flex cursor-pointer items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
+                  checked ? "bg-og-status-waiting/12 text-og-fg" : "text-og-fg hover:bg-og-surface-1/80"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx3(
+                    "input",
+                    {
+                      type: question.kind === "single_select" ? "radio" : "checkbox",
+                      name: question.kind === "single_select" ? fieldId : void 0,
+                      autoFocus: autoFocus && firstOption && optionIndex === 0,
+                      checked,
+                      onChange: (event) => onUpdate((current) => ({
+                        ...current,
+                        values: question.kind === "single_select" ? event.target.checked ? [option.id] : [] : event.target.checked ? [...current.values, option.id] : current.values.filter((value) => value !== option.id),
+                        ...question.kind === "single_select" && event.target.checked ? { otherSelected: false } : {}
+                      })),
+                      className: "mt-0.5 accent-og-accent"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsx3("span", { className: "block text-og-sm font-medium", children: option.label }),
+                    option.description ? /* @__PURE__ */ jsx3("span", { className: "mt-0.5 block text-og-xs text-og-fg-muted", children: option.description }) : null
+                  ] })
+                ]
+              },
+              option.id
+            );
+          }),
+          question.allowOther ? /* @__PURE__ */ jsxs3(
+            "label",
+            {
+              className: cn(
+                "flex items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
+                draft.otherSelected ? "bg-og-status-waiting/12 text-og-fg" : "text-og-fg hover:bg-og-surface-1/80"
+              ),
+              children: [
+                /* @__PURE__ */ jsx3(
+                  "input",
+                  {
+                    type: question.kind === "single_select" ? "radio" : "checkbox",
+                    name: question.kind === "single_select" ? fieldId : void 0,
+                    checked: draft.otherSelected,
+                    autoFocus: autoFocus && firstOption && question.options.length === 0,
+                    onChange: (event) => onUpdate((current) => ({
+                      ...current,
+                      otherSelected: event.target.checked,
+                      ...question.kind === "single_select" && event.target.checked ? { values: [] } : {}
+                    })),
+                    className: "mt-2 accent-og-accent"
+                  }
+                ),
+                /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx3("span", { className: "block text-og-sm font-medium", children: messages.other }),
+                  /* @__PURE__ */ jsx3(
+                    "input",
+                    {
+                      type: "text",
+                      value: draft.other,
+                      disabled: !draft.otherSelected || busy,
+                      placeholder: "Type a value\u2026",
+                      onChange: (event) => onUpdate((current) => ({
+                        ...current,
+                        other: event.target.value
+                      })),
+                      className: "mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-none focus:border-og-accent disabled:opacity-50"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) : null
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx3("p", { id: errorId, role: "alert", className: "text-og-xs text-og-status-failed", children: error }) : null
+  ] });
+}
 function answersFromDrafts(questions, drafts, messageOverrides = {}) {
   const messages = { ...defaultHumanInputFormMessages, ...messageOverrides };
   const answers = [];
@@ -1040,25 +1363,15 @@ function answersFromDrafts(questions, drafts, messageOverrides = {}) {
     const values = question.kind === "text" ? draft.values.filter(Boolean) : draft.values;
     const other = draft.otherSelected ? draft.other.trim() : "";
     const supplied = values.length + (other ? 1 : 0);
+    if (question.kind !== "text" && draft.otherSelected && !other) {
+      errors[question.id] = messages.otherRequired;
+      continue;
+    }
     if (question.required && supplied === 0) {
       errors[question.id] = messages.required;
       continue;
     }
-    if (question.kind === "text") {
-      const value = values[0] ?? "";
-      if (value && question.validation?.minLength != null && value.length < question.validation.minLength) {
-        errors[question.id] = messages.minLength(question.validation.minLength);
-        continue;
-      }
-      if (question.validation?.maxLength != null && value.length > question.validation.maxLength) {
-        errors[question.id] = messages.maxLength(question.validation.maxLength);
-        continue;
-      }
-    } else {
-      if (draft.otherSelected && !other) {
-        errors[question.id] = messages.otherRequired;
-        continue;
-      }
+    if (question.kind !== "text") {
       const min = question.validation?.minSelections;
       const max = question.kind === "single_select" ? 1 : question.validation?.maxSelections;
       if (min != null && supplied < min) {
@@ -1088,7 +1401,60 @@ function emptyDraft() {
 }
 function formatDeadline(value) {
   const date = new Date(value);
-  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();
+  if (Number.isNaN(date.getTime())) return value;
+  const ms = date.getTime() - Date.now();
+  if (ms <= 0) return "deadline passed";
+  const minutes = Math.round(ms / 6e4);
+  if (minutes < 1) return "in under a minute";
+  if (minutes < 60) return `in ${minutes}m`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 48) return `in ${hours}h`;
+  return date.toLocaleString();
+}
+
+// src/components/human-input-surface.tsx
+import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function HumanInputSurface({
+  requests,
+  onSubmit,
+  respondingRequestId = null,
+  error,
+  messages,
+  className,
+  autoFocus = true
+}) {
+  const batchTotalRef = useRef3(0);
+  const ordered = useMemo2(() => {
+    return [...requests].sort((a, b) => {
+      const aAt = a.createdAt ? Date.parse(a.createdAt) : 0;
+      const bAt = b.createdAt ? Date.parse(b.createdAt) : 0;
+      if (aAt !== bAt) return aAt - bAt;
+      return a.id.localeCompare(b.id);
+    });
+  }, [requests]);
+  useEffect3(() => {
+    if (ordered.length === 0) {
+      batchTotalRef.current = 0;
+      return;
+    }
+    batchTotalRef.current = batchTotalRef.current === 0 ? ordered.length : Math.max(batchTotalRef.current, ordered.length);
+  }, [ordered]);
+  if (ordered.length === 0) return null;
+  const active = ordered[0];
+  const batchTotal = Math.max(batchTotalRef.current, ordered.length);
+  const position = batchTotal - ordered.length + 1;
+  const progressLabel = batchTotal > 1 ? `${position} of ${batchTotal}` : null;
+  const formProps = {
+    request: active,
+    submitting: respondingRequestId !== null,
+    error: error ?? null,
+    progressLabel,
+    autoFocus,
+    ...messages ? { messages } : {},
+    onSubmit: (response) => onSubmit(active.id, response)
+  };
+  return /* @__PURE__ */ jsx4("div", { className: cn("w-full", className), "data-human-input-surface": "", children: /* @__PURE__ */ jsx4(HumanInputForm, { ...formProps }) });
 }
 
 // src/timeline/registry.ts
@@ -1433,13 +1799,13 @@ function bytesToBase64(data) {
 
 // src/timeline/disclosure-context.tsx
 import { createContext, useContext } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var DisclosureDefaultsContext = createContext(void 0);
 function DisclosureDefaultsProvider({
   defaultOpen,
   children
 }) {
-  return /* @__PURE__ */ jsx4(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
+  return /* @__PURE__ */ jsx5(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
 }
 function useForcedDefaultOpen() {
   return useContext(DisclosureDefaultsContext);
@@ -1448,9 +1814,9 @@ function useForcedDefaultOpen() {
 // src/timeline/screenshot-lightbox.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { createContext as createContext2, useCallback, useContext as useContext2, useMemo as useMemo2, useState as useState3 } from "react";
+import { createContext as createContext2, useCallback, useContext as useContext2, useMemo as useMemo3, useState as useState3 } from "react";
 import { Dialog } from "radix-ui";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var LightboxContext = createContext2(null);
 function useLightbox() {
   return useContext2(LightboxContext) ?? NOOP;
@@ -1463,20 +1829,20 @@ var NOOP = { open: () => {
 function LightboxProvider({ children }) {
   const ancestor = useContext2(LightboxContext);
   if (ancestor) {
-    return /* @__PURE__ */ jsx5(Fragment2, { children });
+    return /* @__PURE__ */ jsx6(Fragment3, { children });
   }
-  return /* @__PURE__ */ jsx5(LightboxRoot, { children });
+  return /* @__PURE__ */ jsx6(LightboxRoot, { children });
 }
 function LightboxRoot({ children }) {
   const [state, setState] = useState3(null);
   const open = useCallback((src, caption) => {
     setState(caption ? { src, caption } : { src });
   }, []);
-  const controller = useMemo2(() => ({ open }), [open]);
+  const controller = useMemo3(() => ({ open }), [open]);
   return /* @__PURE__ */ jsxs4(LightboxContext.Provider, { value: controller, children: [
     children,
-    /* @__PURE__ */ jsx5(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && setState(null), children: /* @__PURE__ */ jsx5(AnimatePresence2, { children: state !== null ? /* @__PURE__ */ jsxs4(Dialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx5(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx6(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && setState(null), children: /* @__PURE__ */ jsx6(AnimatePresence2, { children: state !== null ? /* @__PURE__ */ jsxs4(Dialog.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ jsx6(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx6(
         motion2.div,
         {
           initial: { opacity: 0 },
@@ -1486,7 +1852,7 @@ function LightboxRoot({ children }) {
           className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md"
         }
       ) }),
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx6(
         Dialog.Content,
         {
           asChild: true,
@@ -1507,10 +1873,10 @@ function LightboxRoot({ children }) {
               },
               className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
               children: [
-                /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: "Screenshot" }),
+                /* @__PURE__ */ jsx6(Dialog.Title, { className: "sr-only", children: "Screenshot" }),
                 /* @__PURE__ */ jsxs4("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
                   /* @__PURE__ */ jsxs4("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx6(
                       "img",
                       {
                         src: state.src,
@@ -1518,7 +1884,7 @@ function LightboxRoot({ children }) {
                         className: "min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg"
                       }
                     ),
-                    /* @__PURE__ */ jsx5(
+                    /* @__PURE__ */ jsx6(
                       Dialog.Close,
                       {
                         className: cn(
@@ -1527,11 +1893,11 @@ function LightboxRoot({ children }) {
                           "transition-colors hover:border-white/30 hover:text-white"
                         ),
                         "aria-label": "Close",
-                        children: /* @__PURE__ */ jsx5(XIcon2, { className: "size-4" })
+                        children: /* @__PURE__ */ jsx6(XIcon2, { className: "size-4" })
                       }
                     )
                   ] }),
-                  state.caption ? /* @__PURE__ */ jsx5("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx5("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
+                  state.caption ? /* @__PURE__ */ jsx6("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx6("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
                 ] })
               ]
             }
@@ -1545,7 +1911,7 @@ function LightboxRoot({ children }) {
 // src/timeline/shared.tsx
 import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
 import { useState as useState4 } from "react";
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ICON_TONE = {
   accent: "text-og-accent",
   failed: "text-og-status-failed",
@@ -1579,10 +1945,10 @@ function ActivityDisclosure({
     // hit area clears the 40px minimum without loosening the dense desktop rail.
     "pointer-coarse:py-2.5"
   );
-  const inner = /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    hasBody ? /* @__PURE__ */ jsx6(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx6("span", { className: "size-3.5 shrink-0" }),
-    /* @__PURE__ */ jsx6("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
-    /* @__PURE__ */ jsx6(
+  const inner = /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    hasBody ? /* @__PURE__ */ jsx7(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx7("span", { className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx7("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+    /* @__PURE__ */ jsx7(
       "span",
       {
         className: cn(
@@ -1593,15 +1959,15 @@ function ActivityDisclosure({
         children: title
       }
     ),
-    previewVisible && !media ? /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx6("span", { className: "flex-1" }),
-    media ? /* @__PURE__ */ jsx6("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx6("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx6(Chip, { chip }) }) : null
+    previewVisible && !media ? /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx7("span", { className: "flex-1" }),
+    media ? /* @__PURE__ */ jsx7("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx7("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx7(Chip, { chip }) }) : null
   ] });
   const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
   if (!hasBody) {
-    return /* @__PURE__ */ jsx6("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
+    return /* @__PURE__ */ jsx7("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
   }
   return /* @__PURE__ */ jsxs5("div", { children: [
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "div",
       {
         role: "button",
@@ -1624,7 +1990,7 @@ function ActivityDisclosure({
         children: inner
       }
     ),
-    open ? /* @__PURE__ */ jsx6("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children }) : null
+    open ? /* @__PURE__ */ jsx7("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children }) : null
   ] });
 }
 function Chip({ chip }) {
@@ -1632,14 +1998,14 @@ function Chip({ chip }) {
   const withText = chip.text ? "gap-1.5" : "gap-0";
   if (chip.tone === "bad") {
     return /* @__PURE__ */ jsxs5("span", { className: cn(base, withText, "text-og-status-failed"), children: [
-      /* @__PURE__ */ jsx6("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+      /* @__PURE__ */ jsx7("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
       chip.text
     ] });
   }
   if (chip.tone === "interrupted") {
-    return /* @__PURE__ */ jsx6("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
+    return /* @__PURE__ */ jsx7("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
   }
-  return /* @__PURE__ */ jsx6("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
+  return /* @__PURE__ */ jsx7("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
 }
 function TermBlock({
   command,
@@ -1665,13 +2031,13 @@ function TermBlock({
       ),
       children: [
         showHeader ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 pb-1", children: [
-          /* @__PURE__ */ jsx6("span", { className: "select-none text-og-status-idle", children: "$" }),
-          command != null ? /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx6("span", { className: "flex-1" }),
-          workdir ? /* @__PURE__ */ jsx6("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
+          /* @__PURE__ */ jsx7("span", { className: "select-none text-og-status-idle", children: "$" }),
+          command != null ? /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx7("span", { className: "flex-1" }),
+          workdir ? /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
         ] }) : null,
-        empty ? /* @__PURE__ */ jsx6("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs5("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
+        empty ? /* @__PURE__ */ jsx7("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs5("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
           shown,
-          live ? /* @__PURE__ */ jsx6("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
+          live ? /* @__PURE__ */ jsx7("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
         ] }),
         showMore ? /* @__PURE__ */ jsxs5(
           "button",
@@ -1707,8 +2073,8 @@ function PayloadBlock({
         failed ? "border-og-status-failed/50" : "border-og-border"
       ),
       children: [
-        /* @__PURE__ */ jsx6("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
+        /* @__PURE__ */ jsx7(
           "pre",
           {
             className: cn(
@@ -1727,9 +2093,9 @@ function BodyNote({
   tone
 }) {
   if (tone === "error") {
-    return /* @__PURE__ */ jsx6("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
+    return /* @__PURE__ */ jsx7("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
   }
-  return /* @__PURE__ */ jsx6("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
+  return /* @__PURE__ */ jsx7("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
 }
 var MEDIA_BOX = "h-7 w-[52px] shrink-0 rounded-og-xs border border-og-border";
 function MediaSkeleton() {
@@ -1741,14 +2107,14 @@ function MediaSkeleton() {
         "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
       ),
       children: [
-        /* @__PURE__ */ jsx6("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
-        /* @__PURE__ */ jsx6(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
+        /* @__PURE__ */ jsx7("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
+        /* @__PURE__ */ jsx7(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
       ]
     }
   );
 }
 function MediaEmpty() {
-  return /* @__PURE__ */ jsx6("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx6(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
+  return /* @__PURE__ */ jsx7("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx7(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
 }
 function Thumbnail({
   src,
@@ -1758,9 +2124,9 @@ function Thumbnail({
   const lightbox = useLightboxOptional();
   const [failed, setFailed] = useState4(false);
   if (failed) {
-    return /* @__PURE__ */ jsx6(MediaEmpty, {});
+    return /* @__PURE__ */ jsx7(MediaEmpty, {});
   }
-  const img = /* @__PURE__ */ jsx6(
+  const img = /* @__PURE__ */ jsx7(
     "img",
     {
       src,
@@ -1770,9 +2136,9 @@ function Thumbnail({
     }
   );
   if (!lightbox) {
-    return /* @__PURE__ */ jsx6("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
+    return /* @__PURE__ */ jsx7("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "button",
     {
       type: "button",
@@ -1803,7 +2169,7 @@ function ScreenshotFigure({
   const lightbox = useLightboxOptional();
   const [failed, setFailed] = useState4(false);
   const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
-  const img = /* @__PURE__ */ jsx6(
+  const img = /* @__PURE__ */ jsx7(
     "img",
     {
       src,
@@ -1813,7 +2179,7 @@ function ScreenshotFigure({
     }
   );
   return /* @__PURE__ */ jsxs5("figure", { className: "m-0 min-w-0", children: [
-    failed ? /* @__PURE__ */ jsx6("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx6(
+    failed ? /* @__PURE__ */ jsx7("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -1822,8 +2188,8 @@ function ScreenshotFigure({
         "aria-label": "Expand screenshot",
         children: img
       }
-    ) : /* @__PURE__ */ jsx6("div", { className: surface, children: img }),
-    caption ? /* @__PURE__ */ jsx6("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
+    ) : /* @__PURE__ */ jsx7("div", { className: surface, children: img }),
+    caption ? /* @__PURE__ */ jsx7("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
   ] });
 }
 
@@ -1860,10 +2226,10 @@ function gitFileDiffToPatch(file) {
 import {
   lazy as lazy2,
   Suspense as Suspense2,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useState as useState5
 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var LazyPatchDiff = lazy2(async () => {
   const mod = await import("@pierre/diffs/react");
   return { default: mod.PatchDiff };
@@ -1882,7 +2248,7 @@ function PierreDiff({
 }) {
   const [failed, setFailed] = useState5(false);
   const [forcedColors, setForcedColors] = useState5(false);
-  useEffect3(() => {
+  useEffect4(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const query2 = window.matchMedia("(forced-colors: active)");
     const update = () => setForcedColors(query2.matches);
@@ -1890,7 +2256,7 @@ function PierreDiff({
     query2.addEventListener?.("change", update);
     return () => query2.removeEventListener?.("change", update);
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (plain) return;
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
@@ -1901,12 +2267,12 @@ function PierreDiff({
     };
   }, [plain]);
   if (plain || failed || forcedColors) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       "div",
       {
         className,
         "data-opengeni-plain-diff": forcedColors ? "forced-colors" : "fallback",
-        children: fallback ?? /* @__PURE__ */ jsx7(PlainPatch, { diff })
+        children: fallback ?? /* @__PURE__ */ jsx8(PlainPatch, { diff })
       }
     );
   }
@@ -1940,7 +2306,7 @@ function PierreDiff({
     "--diffs-font-size": "var(--og-code-font-size)",
     "--diffs-line-height": "var(--og-code-line-height)"
   };
-  return /* @__PURE__ */ jsx7("div", { className: cn("min-w-0", className), "data-opengeni-pierre-diff": true, style: pierreVars, children: /* @__PURE__ */ jsx7(Suspense2, { fallback: loading ?? /* @__PURE__ */ jsx7(DiffSkeleton, {}), children: diff.map((file) => /* @__PURE__ */ jsx7("div", { className: "mb-2", children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { className: cn("min-w-0", className), "data-opengeni-pierre-diff": true, style: pierreVars, children: /* @__PURE__ */ jsx8(Suspense2, { fallback: loading ?? /* @__PURE__ */ jsx8(DiffSkeleton, {}), children: diff.map((file) => /* @__PURE__ */ jsx8("div", { className: "mb-2", children: /* @__PURE__ */ jsx8(
     LazyPatchDiff,
     {
       patch: gitFileDiffToPatch(file),
@@ -1950,20 +2316,20 @@ function PierreDiff({
   ) }, file.path)) }) });
 }
 function DiffSkeleton() {
-  return /* @__PURE__ */ jsx7("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "Loading diff\u2026" });
+  return /* @__PURE__ */ jsx8("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "Loading diff\u2026" });
 }
 function PlainPatch({ diff }) {
   if (diff.length === 0) {
-    return /* @__PURE__ */ jsx7("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "No changes" });
+    return /* @__PURE__ */ jsx8("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "No changes" });
   }
-  return /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: diff.map((file) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { className: "min-w-0", children: diff.map((file) => /* @__PURE__ */ jsx8(
     "pre",
     {
       "aria-label": `Diff for ${file.path}`,
       className: "mb-2 overflow-auto whitespace-pre rounded-og-sm border border-og-border bg-og-bg/60 p-2.5 font-og-mono text-og-xs leading-5",
       role: "region",
       tabIndex: 0,
-      children: gitFileDiffToPatch(file).split("\n").map((line, index) => /* @__PURE__ */ jsx7(
+      children: gitFileDiffToPatch(file).split("\n").map((line, index) => /* @__PURE__ */ jsx8(
         "span",
         {
           className: cn(
@@ -1994,6 +2360,7 @@ import {
   KeyboardIcon,
   KeyRoundIcon,
   LockIcon,
+  MessageCircleQuestionIcon as MessageCircleQuestionIcon2,
   MessagesSquareIcon,
   MessageSquareIcon,
   MousePointer2Icon,
@@ -2008,14 +2375,22 @@ import {
   WrenchIcon
 } from "lucide-react";
 
+// src/timeline/compute-label.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+var TimelineComputeLabelContext = createContext3(null);
+var TimelineComputeLabelProvider = TimelineComputeLabelContext.Provider;
+function useTimelineComputeLabel() {
+  return useContext3(TimelineComputeLabelContext);
+}
+
 // src/timeline/tool-diff.tsx
 import { useState as useState7 } from "react";
 
 // src/lib/use-theme-type.ts
-import { useEffect as useEffect4, useState as useState6 } from "react";
+import { useEffect as useEffect5, useState as useState6 } from "react";
 function useThemeType(forced) {
   const [detected, setDetected] = useState6("dark");
-  useEffect4(() => {
+  useEffect5(() => {
     if (forced || typeof document === "undefined") return;
     const read = () => {
       const el = document.querySelector("[data-og-theme]");
@@ -2035,20 +2410,20 @@ function useThemeType(forced) {
 }
 
 // src/timeline/tool-diff.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 function ToolDiff({ files }) {
   const [layout, setLayout] = useState7("unified");
   const themeType = useThemeType(void 0);
   return /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsx8("div", { className: "mb-1.5 flex justify-end", children: /* @__PURE__ */ jsx8(LayoutToggle, { layout, onChange: setLayout }) }),
-    /* @__PURE__ */ jsx8(PierreDiff, { diff: files, layout, themeType })
+    /* @__PURE__ */ jsx9("div", { className: "mb-1.5 flex justify-end", children: /* @__PURE__ */ jsx9(LayoutToggle, { layout, onChange: setLayout }) }),
+    /* @__PURE__ */ jsx9(PierreDiff, { diff: files, layout, themeType })
   ] });
 }
 function LayoutToggle({
   layout,
   onChange
 }) {
-  return /* @__PURE__ */ jsx8("div", { className: "inline-flex items-center gap-px rounded-og-xs border border-og-border p-px", children: ["unified", "split"].map((value) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9("div", { className: "inline-flex items-center gap-px rounded-og-xs border border-og-border p-px", children: ["unified", "split"].map((value) => /* @__PURE__ */ jsx9(
     "button",
     {
       type: "button",
@@ -2070,8 +2445,8 @@ function RawPatch({ diff }) {
     return { key: `${line}\0${occurrence}`, line };
   });
   return /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsx8("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: "raw patch (could not parse hunks)" }),
-    /* @__PURE__ */ jsx8("pre", { className: "max-h-72 overflow-auto border-l-2 border-og-border pl-3 font-og-mono text-og-xs leading-5", children: lines.map(({ key, line }) => /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: "raw patch (could not parse hunks)" }),
+    /* @__PURE__ */ jsx9("pre", { className: "max-h-72 overflow-auto border-l-2 border-og-border pl-3 font-og-mono text-og-xs leading-5", children: lines.map(({ key, line }) => /* @__PURE__ */ jsx9(
       "span",
       {
         className: cn(
@@ -2086,14 +2461,20 @@ function RawPatch({ diff }) {
 }
 
 // src/timeline/tool-renderers.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var ICON_SIZE = "size-3.5";
 function RunningPreview({ children }) {
   return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx9("span", { className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-status-running" }),
-    /* @__PURE__ */ jsx9("span", { className: "min-w-0 truncate", children })
+    /* @__PURE__ */ jsx10("span", { className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-status-running" }),
+    /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate", children })
   ] });
 }
+function withComputePreview(label, preview) {
+  if (!label) {
+    return preview;
+  }
+  return `on ${label} \xB7 ${preview}`;
+}
 function ExecRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const cmd = typeof args.cmd === "string" ? args.cmd : "";
@@ -2101,46 +2482,48 @@ function ExecRenderer({ item }) {
   const running = item.status === "running";
   const out = item.output;
   const title = `$ ${cmd}`;
+  const computeLabel = useTimelineComputeLabel();
   if (item.status === "failed" && out === void 0) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title,
         titleMono: true,
         chip: { tone: "bad", text: "failed" },
-        preview: "output lost \u2014 NUL byte could not be stored",
-        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "output contained a NUL byte and could not be stored; the turn failed on this tool's output insert \u2014 no output event ever arrived." })
+        preview: withComputePreview(computeLabel, "output lost \u2014 NUL byte could not be stored"),
+        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "output contained a NUL byte and could not be stored; the turn failed on this tool's output insert \u2014 no output event ever arrived." })
       }
     );
   }
   if (item.status === "failed" && (out == null || out === "")) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title,
         titleMono: true,
         chip: { tone: "bad", text: "failed" },
-        preview: "tool call failed",
-        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "the tool call failed with no output." })
+        preview: withComputePreview(computeLabel, "tool call failed"),
+        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "the tool call failed with no output." })
       }
     );
   }
   if (running) {
     const streamed = typeof out === "string" ? stripExecBanner(out) : "";
-    return /* @__PURE__ */ jsx9(
+    const runningPreview = streamed ? `${streamed.split("\n").length} lines` : "running\u2026";
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title,
         titleMono: true,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: streamed ? `${streamed.split("\n").length} lines` : "running\u2026" }),
-        children: /* @__PURE__ */ jsx9(TermBlock, { command: null, workdir, output: streamed, live: true })
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: withComputePreview(computeLabel, runningPreview) }),
+        children: /* @__PURE__ */ jsx10(TermBlock, { command: null, workdir, output: streamed, live: true })
       }
     );
   }
@@ -2157,22 +2540,23 @@ function ExecRenderer({ item }) {
     chip = { tone: "bad", text: `exit ${exitCode}` };
     iconTone = "failed";
   }
-  const preview = binary ? "binary output" : tailPeek(stripped) || "(no output)";
+  const peek = binary ? "binary output" : tailPeek(stripped) || "(no output)";
   const truncated = execTruncated(text);
+  const preview = withComputePreview(computeLabel, truncated ? `\u22EF truncated \xB7 ${peek}` : peek);
   const body = binary ? "(binary output suppressed)" : stripped;
   return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
       iconTone,
       title,
       titleMono: true,
       ...chip ? { chip } : {},
       failed: item.status === "failed",
       cancelled: item.status === "cancelled",
-      preview: truncated ? `\u22EF truncated \xB7 ${preview}` : preview,
+      preview,
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           TermBlock,
           {
             command: null,
@@ -2200,15 +2584,15 @@ function WriteStdinRenderer({ item }) {
   const exitCode = sandboxCommandExitCode(text);
   const stripped = stripExecBanner(text);
   if (running) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(KeyboardIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(KeyboardIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: `session ${sessionId} \u2190 ${keys || "\u2205"}`,
         titleMono: true,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "sending\u2026" }),
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "sending\u2026" }),
         children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
           "sending input to session ",
           sessionId,
@@ -2223,10 +2607,10 @@ function WriteStdinRenderer({ item }) {
   } else if (exitCode != null && exitCode !== 0) {
     chip = { tone: "bad", text: `exit ${exitCode}` };
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(KeyboardIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(KeyboardIcon, { className: ICON_SIZE }),
       iconTone: lost ? "failed" : "muted",
       title: `session ${sessionId} \u2190 ${keys || "\u2205"}`,
       titleMono: true,
@@ -2234,7 +2618,7 @@ function WriteStdinRenderer({ item }) {
       failed: item.status === "failed",
       cancelled: item.status === "cancelled",
       preview: lost ? `session ${sessionId} PTY vanished` : tailPeek(stripped) || "sent",
-      children: lost ? /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: stripped || text }) : /* @__PURE__ */ jsx9(TermBlock, { command: `write_stdin \u2192 session ${sessionId}`, output: stripped })
+      children: lost ? /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: stripped || text }) : /* @__PURE__ */ jsx10(TermBlock, { command: `write_stdin \u2192 session ${sessionId}`, output: stripped })
     }
   );
 }
@@ -2259,8 +2643,8 @@ function PathPreview({
 }) {
   return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 truncate font-og-mono", children: [
     /* @__PURE__ */ jsxs7("span", { className: "truncate", children: [
-      /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: dirname(path) }),
-      /* @__PURE__ */ jsx9("span", { className: "text-og-fg-muted", children: basename(path) })
+      /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: dirname(path) }),
+      /* @__PURE__ */ jsx10("span", { className: "text-og-fg-muted", children: basename(path) })
     ] }),
     add != null || del != null ? /* @__PURE__ */ jsxs7("span", { className: "shrink-0 text-og-fg-subtle", children: [
       add != null ? `+${add}` : "",
@@ -2278,34 +2662,34 @@ function ApplyPatchRenderer({ item }) {
   if (running) {
     const fileCount = ops.length;
     const titleVerb = firstOp ? `Applying ${basename(firstOp.path)}` : "Applying patch";
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: fileCount > 1 ? `Applying ${fileCount} files` : titleVerb,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: fileCount > 1 ? `${fileCount} files` : firstOp ? firstOp.path : "applying\u2026" }),
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: fileCount > 1 ? `${fileCount} files` : firstOp ? firstOp.path : "applying\u2026" }),
         children: ops.map((op) => {
           const file2 = safeParseOp(op);
-          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs7("div", { children: [
-            /* @__PURE__ */ jsx9("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
-            /* @__PURE__ */ jsx9(RawPatch, { diff: op.diff ?? "" })
+          return file2 ? /* @__PURE__ */ jsx10(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx10("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
+            /* @__PURE__ */ jsx10(RawPatch, { diff: op.diff ?? "" })
           ] }, op.path);
         })
       }
     );
   }
   if (failed) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: firstOp ? `${verbForOp(firstOp)} ${basename(firstOp.path)}` : "apply_patch",
         chip: { tone: "bad", text: "failed" },
         preview: typeof item.output === "string" ? item.output : "patch failed",
-        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: item.output, failed: true })
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: item.output, failed: true })
       }
     );
   }
@@ -2314,10 +2698,10 @@ function ApplyPatchRenderer({ item }) {
     const goodFiles = parsed.filter((f) => f !== null);
     const add = goodFiles.reduce((n, f) => n + f.additions, 0);
     const del = goodFiles.reduce((n, f) => n + f.deletions, 0);
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "accent",
         title: `Edited ${ops.length} files`,
         cancelled,
@@ -2335,56 +2719,56 @@ function ApplyPatchRenderer({ item }) {
         ] }),
         children: ops.map((op, index) => {
           const file2 = parsed[index];
-          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs7("div", { children: [
-            /* @__PURE__ */ jsx9("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
-            /* @__PURE__ */ jsx9(RawPatch, { diff: op.diff ?? "" })
+          return file2 ? /* @__PURE__ */ jsx10(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx10("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
+            /* @__PURE__ */ jsx10(RawPatch, { diff: op.diff ?? "" })
           ] }, op.path);
         })
       }
     );
   }
   if (!firstOp) {
-    return /* @__PURE__ */ jsx9(GenericRenderer, { item });
+    return /* @__PURE__ */ jsx10(GenericRenderer, { item });
   }
   if (firstOp.type === "delete_file") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: `Deleted ${basename(firstOp.path)}`,
         cancelled,
-        preview: /* @__PURE__ */ jsx9(PathPreview, { path: firstOp.path }),
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: "File deleted \u2014 no diff to show." })
+        preview: /* @__PURE__ */ jsx10(PathPreview, { path: firstOp.path }),
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: "File deleted \u2014 no diff to show." })
       }
     );
   }
   const file = safeParseOp(firstOp);
   if (!file) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "accent",
         title: `${verbForOp(firstOp)} ${basename(firstOp.path)}`,
         cancelled,
         preview: /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
-          /* @__PURE__ */ jsx9("span", { className: "text-og-fg-muted", children: basename(firstOp.path) }),
-          /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: "malformed V4A" })
+          /* @__PURE__ */ jsx10("span", { className: "text-og-fg-muted", children: basename(firstOp.path) }),
+          /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: "malformed V4A" })
         ] }),
-        children: /* @__PURE__ */ jsx9(RawPatch, { diff: firstOp.diff ?? "" })
+        children: /* @__PURE__ */ jsx10(RawPatch, { diff: firstOp.diff ?? "" })
       }
     );
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
       iconTone: "accent",
       title: `${verbForOp(firstOp)} ${basename(file.path)}`,
       cancelled,
-      preview: /* @__PURE__ */ jsx9(PathPreview, { path: file.path, add: file.additions, del: file.deletions }),
-      children: /* @__PURE__ */ jsx9(ToolDiff, { files: [file] })
+      preview: /* @__PURE__ */ jsx10(PathPreview, { path: file.path, add: file.additions, del: file.deletions }),
+      children: /* @__PURE__ */ jsx10(ToolDiff, { files: [file] })
     }
   );
 }
@@ -2458,40 +2842,40 @@ function ComputerCallRenderer({ item }) {
   const countSuffix = actions.length > 1 ? ` \xB7${actions.length}` : "";
   const isShot = action?.type === "screenshot";
   if (running) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: isShot ? /* @__PURE__ */ jsx9(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
+        icon: isShot ? /* @__PURE__ */ jsx10(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
         iconTone: "running",
         title: verb,
         running: true,
-        media: /* @__PURE__ */ jsx9(MediaSkeleton, {}),
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: "capturing frame\u2026" })
+        media: /* @__PURE__ */ jsx10(MediaSkeleton, {}),
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: "capturing frame\u2026" })
       }
     );
   }
   if (readOnly) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: verb,
         chip: { tone: "bad", text: "read-only" },
         preview: "write actions disabled",
-        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "computer-use is read-only \u2014 write actions are disabled." })
+        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "computer-use is read-only \u2014 write actions are disabled." })
       }
     );
   }
   if (rejected) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(LockIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(LockIcon, { className: ICON_SIZE }),
         iconTone: "muted",
         title: verb,
         preview: "approval rejected \u2014 this action did not run",
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: "approval rejected \u2014 this action did not run." })
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: "approval rejected \u2014 this action did not run." })
       }
     );
   }
@@ -2502,14 +2886,14 @@ function ComputerCallRenderer({ item }) {
     return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: isShot ? /* @__PURE__ */ jsx9(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
+        icon: isShot ? /* @__PURE__ */ jsx10(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
         iconTone: isFailed ? "failed" : "accent",
         title: `${verb}${countSuffix}`,
         failed: isFailed,
         cancelled: isCancelled,
-        media: /* @__PURE__ */ jsx9(Thumbnail, { src: shotUrl, caption }),
+        media: /* @__PURE__ */ jsx10(Thumbnail, { src: shotUrl, caption }),
         children: [
-          /* @__PURE__ */ jsx9(ScreenshotFigure, { src: shotUrl, caption }),
+          /* @__PURE__ */ jsx10(ScreenshotFigure, { src: shotUrl, caption }),
           batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
             "batched: ",
             batched
@@ -2522,13 +2906,13 @@ function ComputerCallRenderer({ item }) {
     return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(CameraOffIcon2, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(CameraOffIcon2, { className: ICON_SIZE }),
         iconTone: isFailed ? "failed" : "muted",
         title: `${verb}${countSuffix} \xB7 image omitted \xB7 not retained`,
         failed: isFailed,
         cancelled: isCancelled,
         preview: "inline image omitted \xB7 not retained",
-        media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
+        media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
         children: [
           /* @__PURE__ */ jsxs7(BodyNote, { children: [
             "The inline ",
@@ -2544,30 +2928,30 @@ function ComputerCallRenderer({ item }) {
     );
   }
   if (empty) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(CameraOffIcon2, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(CameraOffIcon2, { className: ICON_SIZE }),
         iconTone: isFailed ? "failed" : "muted",
         title: verb,
         failed: isFailed,
         cancelled: isCancelled,
-        media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: isFailed ? "computer_call failed \u2014 no image returned." : isCancelled ? "computer_call interrupted \u2014 no image returned." : "(no image) \u2014 the session returned an empty screenshot." })
+        media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: isFailed ? "computer_call failed \u2014 no image returned." : isCancelled ? "computer_call interrupted \u2014 no image returned." : "(no image) \u2014 the session returned an empty screenshot." })
       }
     );
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
       iconTone: isFailed ? "failed" : "accent",
       title: verb,
       failed: isFailed,
       cancelled: isCancelled,
       preview: batched ?? void 0,
       expandable: batched != null,
-      children: batched ? /* @__PURE__ */ jsx9(BodyNote, { children: batched }) : null
+      children: batched ? /* @__PURE__ */ jsx10(BodyNote, { children: batched }) : null
     }
   );
 }
@@ -2627,38 +3011,38 @@ function WebSearchRenderer({ item }) {
     return { key: `${contentKey}\0${occurrence}`, result };
   });
   if (running) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(SearchIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(SearchIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: runningTitle,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: `${query2}${variants}` }),
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: "searching\u2026 results fold into the model context (no output event)." })
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: `${query2}${variants}` }),
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: "searching\u2026 results fold into the model context (no output event)." })
       }
     );
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(SearchIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(SearchIcon, { className: ICON_SIZE }),
       iconTone: "muted",
       title: completedTitle,
       preview: `${query2}${variants}`,
       failed: item.status === "failed",
       cancelled: item.status === "cancelled",
-      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx9("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs7("li", { className: "flex gap-2.5", children: [
-        /* @__PURE__ */ jsx9(GlobeIcon, { className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle" }),
+      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx10("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs7("li", { className: "flex gap-2.5", children: [
+        /* @__PURE__ */ jsx10(GlobeIcon, { className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle" }),
         /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsxs7("p", { className: "truncate text-og-base text-og-fg", children: [
             result.title,
             " ",
-            /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: result.domain })
+            /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: result.domain })
           ] }),
-          /* @__PURE__ */ jsx9("p", { className: "text-og-sm leading-5 text-og-fg-muted", children: result.snippet })
+          /* @__PURE__ */ jsx10("p", { className: "text-og-sm leading-5 text-og-fg-muted", children: result.snippet })
         ] })
-      ] }, key)) }) : /* @__PURE__ */ jsx9(BodyNote, { children: "results folded into model context \u2014 no list available." })
+      ] }, key)) }) : /* @__PURE__ */ jsx10(BodyNote, { children: "results folded into model context \u2014 no list available." })
     }
   );
 }
@@ -2676,16 +3060,16 @@ function ViewImageRenderer({ item }) {
   const text = typeof out === "string" ? out : "";
   const omittedMedia = mediaPreviewFact(out);
   if (item.status === "running") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: `View ${basename(path)}`,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "reading\u2026" }),
-        media: /* @__PURE__ */ jsx9(MediaSkeleton, {}),
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: "reading image\u2026" })
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "reading\u2026" }),
+        media: /* @__PURE__ */ jsx10(MediaSkeleton, {}),
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: "reading image\u2026" })
       }
     );
   }
@@ -2694,43 +3078,43 @@ function ViewImageRenderer({ item }) {
   const errMatch = VIEW_IMAGE_ERRORS.find((p) => text.includes(p));
   if (errMatch) {
     const tooBig = text.includes("exceeded the allowed size");
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: `View ${basename(path)}`,
         chip: { tone: "bad", text: tooBig ? "too large" : "error" },
         preview: text,
-        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: text })
+        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: text })
       }
     );
   }
   if (text.startsWith("OpenAI file reference:")) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "muted",
         title: `Viewed ${basename(path)}`,
         failed: viewFailed,
         cancelled: viewCancelled,
         preview: path,
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: text })
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: text })
       }
     );
   }
   if (omittedMedia) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "muted",
         title: `Viewed ${basename(path)} \xB7 image omitted \xB7 not retained`,
         failed: viewFailed,
         cancelled: viewCancelled,
         preview: "inline image omitted \xB7 not retained",
-        media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
+        media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
         children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
           "The inline ",
           omittedMedia.mediaType,
@@ -2740,48 +3124,48 @@ function ViewImageRenderer({ item }) {
     );
   }
   if (text.includes("No image data")) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "muted",
         title: `Viewed ${basename(path)}`,
         failed: viewFailed,
         cancelled: viewCancelled,
         preview: "(no image)",
-        children: /* @__PURE__ */ jsx9(BodyNote, { children: viewFailed ? "view_image failed \u2014 no image data returned." : viewCancelled ? "view_image interrupted." : "(no image) \u2014 the sandbox session returned no image data." })
+        children: /* @__PURE__ */ jsx10(BodyNote, { children: viewFailed ? "view_image failed \u2014 no image data returned." : viewCancelled ? "view_image interrupted." : "(no image) \u2014 the sandbox session returned no image data." })
       }
     );
   }
   if (text.startsWith("data:")) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "accent",
         title: `Viewed ${basename(path)}`,
         failed: viewFailed,
         cancelled: viewCancelled,
-        media: /* @__PURE__ */ jsx9(Thumbnail, { src: text, caption: path, alt: path }),
-        children: /* @__PURE__ */ jsx9(ScreenshotFigure, { src: text, caption: path, alt: path })
+        media: /* @__PURE__ */ jsx10(Thumbnail, { src: text, caption: path, alt: path }),
+        children: /* @__PURE__ */ jsx10(ScreenshotFigure, { src: text, caption: path, alt: path })
       }
     );
   }
-  return /* @__PURE__ */ jsx9(GenericRenderer, { item });
+  return /* @__PURE__ */ jsx10(GenericRenderer, { item });
 }
 function SecretSetRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const name = typeof args.name === "string" ? args.name : "variable";
   if (item.status === "running") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(KeyRoundIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: `Set ${name}`,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "setting\u2026" }),
-        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "setting\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
       }
     );
   }
@@ -2790,14 +3174,14 @@ function SecretSetRenderer({ item }) {
     return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(KeyRoundIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: `Set ${name}`,
         failed: true,
         preview: errorText ?? "variable write failed",
         children: [
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-          errorText ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: errorText, failed: true }) : /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "the tool call failed with no output." })
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          errorText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: errorText, failed: true }) : /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "the tool call failed with no output." })
         ]
       }
     );
@@ -2805,14 +3189,14 @@ function SecretSetRenderer({ item }) {
   return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(KeyRoundIcon, { className: ICON_SIZE }),
       iconTone: "muted",
       title: `Set ${name}`,
       cancelled: item.status === "cancelled",
       preview: "value write-only \xB7 never returned",
       children: [
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-        /* @__PURE__ */ jsx9(BodyNote, { children: "the value is a secret \u2014 redacted in every view; the API never returns it." })
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        /* @__PURE__ */ jsx10(BodyNote, { children: "the value is a secret \u2014 redacted in every view; the API never returns it." })
       ]
     }
   );
@@ -2823,15 +3207,15 @@ function DocsSearchRenderer({ item }) {
   const title = query2 ? `Search \u201C${truncatePreview(query2, 48)}\u201D` : toolDisplayName(item.name);
   const running = item.status === "running";
   if (running) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileSearchIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "Searching\u2026" }),
-        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "Searching\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
       }
     );
   }
@@ -2840,14 +3224,14 @@ function DocsSearchRenderer({ item }) {
     return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(FileSearchIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title,
         failed: true,
         preview: truncatePreview(outText, 80) || "Search failed",
         children: [
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
     );
@@ -2857,18 +3241,18 @@ function DocsSearchRenderer({ item }) {
   return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(FileSearchIcon, { className: ICON_SIZE }),
       iconTone: "muted",
       title,
       cancelled: item.status === "cancelled",
       preview,
       children: [
-        hits && hits.length > 0 ? /* @__PURE__ */ jsx9("ul", { className: "grid gap-2", children: hits.slice(0, 8).map((hit) => /* @__PURE__ */ jsxs7("li", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx9("div", { className: "truncate text-og-sm font-medium text-og-fg", children: hit.title }),
-          hit.snippet ? /* @__PURE__ */ jsx9("div", { className: "mt-0.5 line-clamp-2 text-og-xs text-og-fg-muted", children: hit.snippet }) : null
+        hits && hits.length > 0 ? /* @__PURE__ */ jsx10("ul", { className: "grid gap-2", children: hits.slice(0, 8).map((hit) => /* @__PURE__ */ jsxs7("li", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx10("div", { className: "truncate text-og-sm font-medium text-og-fg", children: hit.title }),
+          hit.snippet ? /* @__PURE__ */ jsx10("div", { className: "mt-0.5 line-clamp-2 text-og-xs text-og-fg-muted", children: hit.snippet }) : null
         ] }, `${hit.title}\0${hit.snippet}`)) }) : null,
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText })
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText })
       ]
     }
   );
@@ -2878,17 +3262,17 @@ function SetSessionTitleRenderer({ item }) {
   const titleArg = typeof args.title === "string" ? args.title.trim() : "";
   const display = toolDisplayName(item.name);
   const previewTitle = titleArg ? truncatePreview(titleArg, 72) : "";
-  const icon = /* @__PURE__ */ jsx9(MessagesSquareIcon, { className: ICON_SIZE });
+  const icon = /* @__PURE__ */ jsx10(MessagesSquareIcon, { className: ICON_SIZE });
   if (item.status === "running") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
         icon,
         iconTone: "running",
         title: display,
         running: true,
-        preview: previewTitle ? /* @__PURE__ */ jsx9(RunningPreview, { children: previewTitle }) : /* @__PURE__ */ jsx9(RunningPreview, { children: "Setting title\u2026" }),
-        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        preview: previewTitle ? /* @__PURE__ */ jsx10(RunningPreview, { children: previewTitle }) : /* @__PURE__ */ jsx10(RunningPreview, { children: "Setting title\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
       }
     );
   }
@@ -2903,8 +3287,8 @@ function SetSessionTitleRenderer({ item }) {
         failed: true,
         preview: truncatePreview(outText, 80) || "Rename failed",
         children: [
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
     );
@@ -2928,8 +3312,8 @@ function SetSessionTitleRenderer({ item }) {
       cancelled: item.status === "cancelled",
       preview: item.status === "cancelled" ? void 0 : settledTitle || void 0,
       children: [
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-        outText ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText }) : null
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        outText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText }) : null
       ]
     }
   );
@@ -2956,15 +3340,15 @@ function MemoryProposeRenderer({ item }) {
   const title = "Propose memory";
   const running = item.status === "running";
   if (running) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(BrainCircuitIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title,
         running: true,
-        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "Proposing\u2026" }),
-        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "Proposing\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
       }
     );
   }
@@ -2973,14 +3357,14 @@ function MemoryProposeRenderer({ item }) {
     return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx10(BrainCircuitIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title,
         failed: true,
         preview: truncatePreview(outText, 80) || "Propose failed",
         children: [
-          text ? /* @__PURE__ */ jsx9(BodyNote, { children: text }) : null,
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+          text ? /* @__PURE__ */ jsx10(BodyNote, { children: text }) : null,
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
     );
@@ -2988,14 +3372,159 @@ function MemoryProposeRenderer({ item }) {
   return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx10(BrainCircuitIcon, { className: ICON_SIZE }),
       iconTone: "muted",
       title,
       cancelled: item.status === "cancelled",
       preview: text ? truncatePreview(text, 90) : "Done",
       children: [
-        text ? /* @__PURE__ */ jsx9(BodyNote, { children: text }) : null,
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText })
+        text ? /* @__PURE__ */ jsx10(BodyNote, { children: text }) : null,
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText })
+      ]
+    }
+  );
+}
+function askToolPreview(args) {
+  const record = args && typeof args === "object" ? args : null;
+  const questions = Array.isArray(record?.questions) ? record.questions : null;
+  if (!questions || questions.length === 0) {
+    return null;
+  }
+  const first = questions[0];
+  if (!first || typeof first !== "object") {
+    return null;
+  }
+  const q = first;
+  const text = typeof q.label === "string" && q.label.trim() ? q.label.trim() : typeof q.prompt === "string" && q.prompt.trim() ? q.prompt.trim() : null;
+  if (!text) {
+    return null;
+  }
+  const preview = truncatePreview(text, 90);
+  return questions.length > 1 ? `${preview} \xB7 ${questions.length} questions` : preview;
+}
+function AskRenderer({ item }) {
+  const args = redactSecrets(parseToolArgs(item.arguments));
+  const preview = askToolPreview(args);
+  const icon = /* @__PURE__ */ jsx10(MessageCircleQuestionIcon2, { className: ICON_SIZE });
+  const title = "Ask";
+  if (item.status === "running") {
+    return /* @__PURE__ */ jsx10(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "running",
+        title,
+        running: true,
+        preview: preview ? /* @__PURE__ */ jsx10(RunningPreview, { children: preview }) : /* @__PURE__ */ jsx10(RunningPreview, { children: "Waiting\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
+      }
+    );
+  }
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return /* @__PURE__ */ jsxs7(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "failed",
+        title,
+        chip: { tone: "bad", text: "error" },
+        preview: truncatePreview(outText, 80) || preview || "Error",
+        children: [
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs7(
+    ActivityDisclosure,
+    {
+      icon,
+      iconTone: "muted",
+      title,
+      cancelled: item.status === "cancelled",
+      preview: item.status === "cancelled" ? void 0 : preview ?? void 0,
+      children: [
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+        outText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText }) : null
+      ]
+    }
+  );
+}
+function runOnTargetName(output) {
+  const { text } = unwrapMcpOutput(output);
+  const parsed = tryParseJson(text);
+  if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+    const name = parsed.targetName;
+    if (typeof name === "string" && name.trim()) {
+      return name.trim();
+    }
+  }
+  return null;
+}
+function runOnOpPreview(args) {
+  const op = args.op;
+  if (!op || typeof op !== "object" || Array.isArray(op)) {
+    return null;
+  }
+  const record = op;
+  if (record.kind === "exec" && typeof record.cmd === "string" && record.cmd.trim()) {
+    return `$ ${record.cmd.trim()}`;
+  }
+  if ((record.kind === "read" || record.kind === "write") && typeof record.path === "string" && record.path.trim()) {
+    return truncatePreview(record.path.trim(), 72);
+  }
+  return null;
+}
+function RunOnRenderer({ item }) {
+  const parsedArgs = parseToolArgs(item.arguments);
+  const args = redactSecrets(parsedArgs);
+  const targetName = runOnTargetName(item.output);
+  const title = targetName ? `Run on ${targetName}` : "Run on";
+  const opPreview = runOnOpPreview(parsedArgs);
+  const icon = /* @__PURE__ */ jsx10(ServerIcon, { className: ICON_SIZE });
+  if (item.status === "running") {
+    return /* @__PURE__ */ jsx10(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "running",
+        title,
+        running: true,
+        preview: opPreview ? /* @__PURE__ */ jsx10(RunningPreview, { children: opPreview }) : /* @__PURE__ */ jsx10(RunningPreview, { children: "Running\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
+      }
+    );
+  }
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return /* @__PURE__ */ jsxs7(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "failed",
+        title,
+        chip: { tone: "bad", text: "error" },
+        preview: truncatePreview(outText, 80) || opPreview || "Error",
+        children: [
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs7(
+    ActivityDisclosure,
+    {
+      icon,
+      iconTone: "muted",
+      title,
+      cancelled: item.status === "cancelled",
+      preview: item.status === "cancelled" ? void 0 : opPreview ?? void 0,
+      children: [
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+        outText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText }) : null
       ]
     }
   );
@@ -3004,18 +3533,18 @@ function GenericRenderer({ item }) {
   const running = item.status === "running";
   const args = redactSecrets(parseToolArgs(item.arguments));
   const display = toolDisplayName(item.name);
-  const icon = /* @__PURE__ */ jsx9(GenericToolIcon, { name: item.name });
+  const icon = /* @__PURE__ */ jsx10(GenericToolIcon, { name: item.name });
   const goalPreview = goalToolPreview(item.name, args);
   if (running) {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
       {
         icon,
         iconTone: "running",
         title: display,
         running: true,
-        preview: goalPreview ?? /* @__PURE__ */ jsx9(RunningPreview, { children: "Running\u2026" }),
-        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args })
+        preview: goalPreview ?? /* @__PURE__ */ jsx10(RunningPreview, { children: "Running\u2026" }),
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
       }
     );
   }
@@ -3030,8 +3559,8 @@ function GenericRenderer({ item }) {
         chip: { tone: "bad", text: "error" },
         preview: truncatePreview(outText, 80) || "Error",
         children: [
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args }),
-          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
     );
@@ -3045,8 +3574,8 @@ function GenericRenderer({ item }) {
       cancelled: item.status === "cancelled",
       preview: item.status === "cancelled" ? void 0 : goalPreview ?? "Done",
       children: [
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args }),
-        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText })
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText })
       ]
     }
   );
@@ -3072,8 +3601,8 @@ function truncatePreview(text, max) {
 }
 function GenericToolIcon({ name }) {
   const leaf = mcpToolLeaf(name);
-  const Icon = leaf.startsWith("goal_") ? TargetIcon : leaf.startsWith("memory_") || leaf === "preference_registry_summary" || leaf === "preference_registry_get" ? BrainCircuitIcon : leaf.startsWith("session_") || leaf === "sessions_list" || leaf === "set_session_title" || leaf === "set_other_session_title" ? MessagesSquareIcon : leaf.startsWith("sandbox") || leaf === "sandboxes_list" || leaf === "run_on" ? ServerIcon : leaf.startsWith("rig_") ? ServerCogIcon : leaf.startsWith("scheduled_") ? CalendarClockIcon : leaf.startsWith("artifacts_") ? PanelsTopLeftIcon : leaf.startsWith("social_") ? Share2Icon : leaf.startsWith("slack_") ? MessageSquareIcon : leaf.startsWith("github_") ? FolderGitIcon : leaf.startsWith("variable_") ? BoxIcon : leaf.startsWith("environment_") ? KeyRoundIcon : leaf.includes("document") || leaf.includes("knowledge") || leaf === "list_document_bases" ? FileSearchIcon : leaf === "tool_search" || leaf === "load_skill" ? PlugIcon : WrenchIcon;
-  return /* @__PURE__ */ jsx9(Icon, { className: ICON_SIZE });
+  const Icon = leaf === "request_human_input" ? MessageCircleQuestionIcon2 : leaf.startsWith("goal_") ? TargetIcon : leaf.startsWith("memory_") || leaf === "preference_registry_summary" || leaf === "preference_registry_get" ? BrainCircuitIcon : leaf.startsWith("session_") || leaf === "sessions_list" || leaf === "set_session_title" || leaf === "set_other_session_title" ? MessagesSquareIcon : leaf.startsWith("sandbox") || leaf === "sandboxes_list" || leaf === "run_on" ? ServerIcon : leaf.startsWith("rig_") ? ServerCogIcon : leaf.startsWith("scheduled_") ? CalendarClockIcon : leaf.startsWith("artifacts_") ? PanelsTopLeftIcon : leaf.startsWith("social_") ? Share2Icon : leaf.startsWith("slack_") ? MessageSquareIcon : leaf.startsWith("github_") ? FolderGitIcon : leaf.startsWith("variable_") ? BoxIcon : leaf.startsWith("environment_") ? KeyRoundIcon : leaf.includes("document") || leaf.includes("knowledge") || leaf === "list_document_bases" ? FileSearchIcon : leaf === "tool_search" || leaf === "load_skill" ? PlugIcon : WrenchIcon;
+  return /* @__PURE__ */ jsx10(Icon, { className: ICON_SIZE });
 }
 var BASE_ENTRIES = [
   // Provider-native items carry `raw.type` on the wire — this is their source of
@@ -3083,6 +3612,8 @@ var BASE_ENTRIES = [
   { match: "rawType", type: "hosted_tool_call", render: WebSearchRenderer },
   // First-party sandbox + MCP tools resolve by name (exact or MCP leaf).
   { match: "name", name: "exec_command", render: ExecRenderer },
+  { match: "name", name: "request_human_input", render: AskRenderer },
+  { match: "name", name: "run_on", render: RunOnRenderer },
   { match: "name", name: "write_stdin", render: WriteStdinRenderer },
   { match: "name", name: "apply_patch_call", render: ApplyPatchRenderer },
   { match: "name", name: "apply_patch", render: ApplyPatchRenderer },
@@ -3161,8 +3692,8 @@ function tableElementToTsv(table) {
 
 // src/components/copy-button.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useRef as useRef4, useState as useState8 } from "react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var COPIED_MS = 1600;
 function CopyButton({
   text,
@@ -3172,8 +3703,8 @@ function CopyButton({
 }) {
   const [copied, setCopied] = useState8(false);
   const [tipOpen, setTipOpen] = useState8(false);
-  const timerRef = useRef3(null);
-  useEffect5(() => {
+  const timerRef = useRef4(null);
+  useEffect6(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
@@ -3215,7 +3746,7 @@ function CopyButton({
         }
       },
       children: [
-        /* @__PURE__ */ jsx10(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -3232,10 +3763,10 @@ function CopyButton({
               copied && "opacity-100 text-og-accent",
               className
             ),
-            children: copied ? /* @__PURE__ */ jsx10(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx10(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+            children: copied ? /* @__PURE__ */ jsx11(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx11(CopyIcon, { className: "size-3.5", "aria-hidden": true })
           }
         ) }),
-        /* @__PURE__ */ jsx10(TooltipContent, { side: "top", children: tip })
+        /* @__PURE__ */ jsx11(TooltipContent, { side: "top", children: tip })
       ]
     }
   );
@@ -3249,7 +3780,7 @@ function CopyHoverFrame({
   trailing
 }) {
   if (copyText.trim().length === 0) {
-    return /* @__PURE__ */ jsx10("div", { className, children });
+    return /* @__PURE__ */ jsx11("div", { className, children });
   }
   return /* @__PURE__ */ jsxs8("div", { className: cn("group/copy", className), children: [
     children,
@@ -3261,7 +3792,7 @@ function CopyHoverFrame({
           align === "end" ? "justify-end" : "justify-start"
         ),
         children: [
-          /* @__PURE__ */ jsx10(CopyButton, { text: copyText, label, reveal: "group-hover" }),
+          /* @__PURE__ */ jsx11(CopyButton, { text: copyText, label, reveal: "group-hover" }),
           trailing
         ]
       }
@@ -3274,9 +3805,9 @@ import {
   Children,
   isValidElement,
   memo,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useReducer,
-  useRef as useRef4,
+  useRef as useRef5,
   useState as useState9
 } from "react";
 import ReactMarkdown from "react-markdown";
@@ -3562,9 +4093,9 @@ function rehypeStreamReveal(options) {
 }
 
 // src/components/markdown.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var components = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "h1",
     {
       className: "mt-5 mb-2.5 text-xl font-semibold tracking-tight text-og-fg first:mt-0",
@@ -3572,8 +4103,8 @@ var components = {
       children
     }
   ),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx11("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx12("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "h3",
     {
       className: "mt-4 mb-1.5 text-og-md font-semibold tracking-tight text-og-fg first:mt-0",
@@ -3581,7 +4112,7 @@ var components = {
       children
     }
   ),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "h4",
     {
       className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg-muted first:mt-0",
@@ -3589,10 +4120,10 @@ var components = {
       children
     }
   ),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsx11("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx11("strong", { className: "font-semibold text-og-fg", ...props, children }),
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx11("em", { className: "italic", ...props, children }),
-  a: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx12("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx12("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx12("em", { className: "italic", ...props, children }),
+  a: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "a",
     {
       className: "break-words font-medium text-og-accent underline-offset-2 hover:underline",
@@ -3602,7 +4133,7 @@ var components = {
       children
     }
   ),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "ul",
     {
       className: "my-2.5 ml-5 flex list-disc flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -3610,7 +4141,7 @@ var components = {
       children
     }
   ),
-  ol: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "ol",
     {
       className: "my-2.5 ml-5 flex list-decimal flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -3621,7 +4152,7 @@ var components = {
   // GFM task-list items carry a leading checkbox <input>; `list-none` + a
   // negative margin pull the checkbox back to the bullet column so it aligns
   // with the text.
-  li: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "li",
     {
       className: "leading-7 marker:text-og-fg-subtle [&>ul]:my-1 [&>ol]:my-1 [&:has(>input)]:list-none [&:has(>input)]:-ml-5",
@@ -3629,7 +4160,7 @@ var components = {
       children
     }
   ),
-  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx11(
+  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx12(
     "input",
     {
       ...props,
@@ -3637,8 +4168,8 @@ var components = {
       disabled: true,
       className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
     }
-  ) : /* @__PURE__ */ jsx11("input", { type, ...props }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  ) : /* @__PURE__ */ jsx12("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "blockquote",
     {
       className: "my-3 border-l-2 border-og-border-strong pl-3.5 text-og-fg-muted [&>p]:my-1.5 first:mt-0 last:mb-0",
@@ -3646,11 +4177,11 @@ var components = {
       children
     }
   ),
-  hr: (props) => /* @__PURE__ */ jsx11("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
+  hr: (props) => /* @__PURE__ */ jsx12("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
   // Inline `code` vs fenced code blocks. react-markdown v10 no longer passes an
   // `inline` flag; a fenced block is a <code> whose parent is <pre> (styled by
   // the `pre` renderer), so a `code` reaching here is treated as inline.
-  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx11(
+  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx12(
     "code",
     {
       className: "rounded-og-xs bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
@@ -3659,11 +4190,11 @@ var components = {
     }
   ),
   // Fenced code — quiet mono block (no card / no nested vertical scroll).
-  pre: ({ children }) => /* @__PURE__ */ jsx11(MarkdownCodeBlock, { children }),
+  pre: ({ children }) => /* @__PURE__ */ jsx12(MarkdownCodeBlock, { children }),
   // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx11(MarkdownTable, { ...props, children }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx11("thead", { ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx12(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx12("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "th",
     {
       className: "border-b border-og-border px-0 py-1.5 pr-4 text-left font-medium text-og-fg first:pl-0",
@@ -3671,7 +4202,7 @@ var components = {
       children
     }
   ),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsx11(
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "td",
     {
       className: "border-b border-og-border/70 px-0 py-1.5 pr-4 align-top text-og-fg-muted [tr:last-child>&]:border-b-0",
@@ -3679,7 +4210,7 @@ var components = {
       children
     }
   ),
-  img: ({ alt, ...props }) => /* @__PURE__ */ jsx11(
+  img: ({ alt, ...props }) => /* @__PURE__ */ jsx12(
     "img",
     {
       alt: alt ?? "",
@@ -3723,10 +4254,10 @@ function MarkdownCodeBlock({ children }) {
   const language = fenceLanguage(children);
   return /* @__PURE__ */ jsxs9("div", { className: "group/copy relative mt-3 first:mt-0", children: [
     /* @__PURE__ */ jsxs9("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
-      language ? /* @__PURE__ */ jsx11("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
-      /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx11(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
+      language ? /* @__PURE__ */ jsx12("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
+      /* @__PURE__ */ jsx12("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx12(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
     ] }),
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12(
       "pre",
       {
         tabIndex: 0,
@@ -3737,9 +4268,9 @@ function MarkdownCodeBlock({ children }) {
   ] });
 }
 function MarkdownTable({ children, className, ...props }) {
-  const tableRef = useRef4(null);
+  const tableRef = useRef5(null);
   return /* @__PURE__ */ jsxs9("div", { className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
-    /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx12("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx12(
       CopyButton,
       {
         text: () => tableElementToTsv(tableRef.current),
@@ -3747,7 +4278,7 @@ function MarkdownTable({ children, className, ...props }) {
         reveal: "group-hover"
       }
     ) }) }),
-    /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx12("div", { className: "overflow-x-auto", tabIndex: 0, children: /* @__PURE__ */ jsx12(
       "table",
       {
         ref: tableRef,
@@ -3759,11 +4290,11 @@ function MarkdownTable({ children, className, ...props }) {
   ] });
 }
 function MarkdownImpl({ children, className, streaming = false }) {
-  const revealRef = useRef4(null);
-  const bodyRef = useRef4(null);
+  const revealRef = useRef5(null);
+  const bodyRef = useRef5(null);
   const [, bump] = useReducer((n) => n + 1, 0);
   const [settling, setSettling] = useState9(false);
-  const hadRevealRef = useRef4(false);
+  const hadRevealRef = useRef5(false);
   const now = typeof performance !== "undefined" ? performance.now() : Date.now();
   const crystallize = (mutate) => {
     mutate();
@@ -3783,7 +4314,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
   }
   const revealActive = reveal !== null && (streaming || reveal.hasActive(now));
   const rehypePlugins = revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : void 0;
-  useEffect6(() => {
+  useEffect7(() => {
     if (streaming || revealRef.current === null) {
       return;
     }
@@ -3809,8 +4340,8 @@ function MarkdownImpl({ children, className, streaming = false }) {
       }
     };
   }, [streaming]);
-  const wasStreamingRef = useRef4(streaming);
-  useEffect6(() => {
+  const wasStreamingRef = useRef5(streaming);
+  useEffect7(() => {
     const ended = wasStreamingRef.current && !streaming;
     wasStreamingRef.current = streaming;
     if (!ended || revealRef.current !== null || prefersReducedMotion()) {
@@ -3821,7 +4352,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
     return () => clearTimeout(timer);
   }, [streaming]);
   const parseText = streaming || revealActive ? softenStreamingMarkdown(children) : children;
-  return /* @__PURE__ */ jsx11(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx12(
     "div",
     {
       ref: bodyRef,
@@ -3830,7 +4361,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
         settling && "og-markdown-settle",
         className
       ),
-      children: /* @__PURE__ */ jsx11(
+      children: /* @__PURE__ */ jsx12(
         ReactMarkdown,
         {
           remarkPlugins: [remarkGfm],
@@ -3852,32 +4383,32 @@ import {
   BrainIcon,
   SquareTerminalIcon
 } from "lucide-react";
-import { lazy as lazy3, Suspense as Suspense3, useLayoutEffect as useLayoutEffect2, useRef as useRef6 } from "react";
+import { lazy as lazy3, Suspense as Suspense3, useLayoutEffect as useLayoutEffect2, useRef as useRef7 } from "react";
 import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
 
 // src/timeline/entrance.tsx
-import { createContext as createContext3, useContext as useContext3, useRef as useRef5 } from "react";
-var EntranceAnimationContext = createContext3(true);
+import { createContext as createContext4, useContext as useContext4, useRef as useRef6 } from "react";
+var EntranceAnimationContext = createContext4(true);
 var EntranceAnimationProvider = EntranceAnimationContext.Provider;
 function useEntranceAnimationLive() {
-  return useContext3(EntranceAnimationContext);
+  return useContext4(EntranceAnimationContext);
 }
 function useEntranceAnimation() {
-  const enabled = useContext3(EntranceAnimationContext);
-  const captured = useRef5(enabled);
+  const enabled = useContext4(EntranceAnimationContext);
+  const captured = useRef6(enabled);
   return captured.current;
 }
 
 // src/timeline/seen-activity-ids.ts
-import { createContext as createContext4, useContext as useContext4 } from "react";
-var SeenActivityIdsContext = createContext4(null);
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var SeenActivityIdsContext = createContext5(null);
 var SeenActivityIdsProvider = SeenActivityIdsContext.Provider;
 function useSeenActivityIds() {
-  return useContext4(SeenActivityIdsContext);
+  return useContext5(SeenActivityIdsContext);
 }
 
 // src/timeline/activity-rail.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var LazyFleetDecisionRow = lazy3(() => import("./fleet-decision-row-GGCAT4E4.js"));
 function familyOf(item) {
   if (item.kind === "tool-call") {
@@ -3897,7 +4428,7 @@ function ActivityRail({
   const enterLive = useEntranceAnimationLive();
   const seenIds = useSeenActivityIds();
   const enter = seenIds ? enterLive : enterMounted;
-  const previousIdsRef = useRef6(null);
+  const previousIdsRef = useRef7(null);
   const enteringIds = /* @__PURE__ */ new Set();
   if (enter) {
     for (const item of items) {
@@ -3918,7 +4449,7 @@ function ActivityRail({
       }
     }
   });
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: cn(
@@ -3935,7 +4466,7 @@ function ActivityRail({
       children: items.map((item, index) => {
         const newFamily = index > 0 && familyOf(item) !== familyOf(items[index - 1]);
         const row = renderActivity(item, toolRegistry, onOpenSession, onMemoryClick);
-        return /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsx13(
           "div",
           {
             "data-og-timeline-row-anchor": "",
@@ -3954,19 +4485,19 @@ function assertNever(item) {
 function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
   switch (item.kind) {
     case "reasoning":
-      return /* @__PURE__ */ jsx12(ReasoningRow, { item });
+      return /* @__PURE__ */ jsx13(ReasoningRow, { item });
     case "tool-call": {
       const Renderer = toolRegistry.resolve(item);
-      return /* @__PURE__ */ jsx12(Renderer, { item });
+      return /* @__PURE__ */ jsx13(Renderer, { item });
     }
     case "worker":
-      return /* @__PURE__ */ jsx12(WorkerRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx13(WorkerRow, { item, onOpenSession });
     case "sandbox":
-      return /* @__PURE__ */ jsx12(SandboxRow, { item });
+      return /* @__PURE__ */ jsx13(SandboxRow, { item });
     case "memory":
-      return /* @__PURE__ */ jsx12(MemoryRow, { item, onMemoryClick });
+      return /* @__PURE__ */ jsx13(MemoryRow, { item, onMemoryClick });
     case "fleet-decision":
-      return /* @__PURE__ */ jsx12(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx13(
         LazyFleetDecisionRow,
         {
           item,
@@ -3981,15 +4512,15 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
   }
 }
 function ReasoningRow({ item }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx12(BrainIcon, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx13(BrainIcon, { className: "size-3.5" }),
       iconTone: "muted",
-      title: item.streaming ? "Thinking" : /* @__PURE__ */ jsx12("span", { className: "font-normal italic text-og-fg-subtle", children: "Thought" }),
+      title: item.streaming ? "Thinking" : /* @__PURE__ */ jsx13("span", { className: "font-normal italic text-og-fg-subtle", children: "Thought" }),
       running: item.streaming,
       preview: truncate(item.text, 110),
-      children: /* @__PURE__ */ jsx12("div", { className: "text-og-base leading-6 text-og-fg-muted [&_strong]:text-og-fg-muted", children: /* @__PURE__ */ jsx12(Markdown, { streaming: item.streaming, children: item.text }) })
+      children: /* @__PURE__ */ jsx13("div", { className: "text-og-base leading-6 text-og-fg-muted [&_strong]:text-og-fg-muted", children: /* @__PURE__ */ jsx13(Markdown, { streaming: item.streaming, children: item.text }) })
     }
   );
 }
@@ -4012,11 +4543,11 @@ function MemoryRow({
   return /* @__PURE__ */ jsxs10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx12(BrainCircuitIcon2, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx13(BrainCircuitIcon2, { className: "size-3.5" }),
       iconTone: "muted",
       title: /* @__PURE__ */ jsxs10("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx12("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
-        kindLabel ? /* @__PURE__ */ jsx12("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
+        /* @__PURE__ */ jsx13("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
+        kindLabel ? /* @__PURE__ */ jsx13("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
       ] }),
       preview: superseded ? item.replacementPreview : item.preview,
       children: [
@@ -4024,21 +4555,21 @@ function MemoryRow({
           // The correction as a before → after: the old memory struck through and
           // dimmed, the new text in the ordinary body weight below it.
           /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
-            /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
+            /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
+            /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
           ] })
         ) : corrected && item.action === "updated" ? (
           // Edited in place, no replacement record: the memory is still live, so
           // show its current text — NOT the archived treatment.
-          /* @__PURE__ */ jsxs10(Fragment4, { children: [
-            /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-            /* @__PURE__ */ jsx12(BodyNote, { tone: "muted", children: "Updated in place." })
+          /* @__PURE__ */ jsxs10(Fragment5, { children: [
+            /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
+            /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Updated in place." })
           ] })
         ) : corrected ? (
           // A correction with no replacement (and not an in-place update) archived the record.
-          /* @__PURE__ */ jsx12(BodyNote, { tone: "muted", children: "Archived." })
-        ) : /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-        item.deduped ? /* @__PURE__ */ jsx12(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
+          /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Archived." })
+        ) : /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
+        item.deduped ? /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
         deepLink ? /* @__PURE__ */ jsxs10(
           "button",
           {
@@ -4050,7 +4581,7 @@ function MemoryRow({
             ),
             children: [
               "View in memory",
-              /* @__PURE__ */ jsx12(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
+              /* @__PURE__ */ jsx13(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
             ]
           }
         ) : null
@@ -4073,7 +4604,7 @@ function SandboxRow({ item }) {
   return /* @__PURE__ */ jsxs10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx12(SquareTerminalIcon, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx13(SquareTerminalIcon, { className: "size-3.5" }),
       iconTone: item.status === "failed" ? "failed" : item.status === "running" ? "running" : "muted",
       title: sandboxRowTitle(item),
       running: item.status === "running",
@@ -4081,8 +4612,8 @@ function SandboxRow({ item }) {
       cancelled: item.status === "cancelled",
       preview: item.command ?? void 0,
       children: [
-        item.command ? /* @__PURE__ */ jsx12(PayloadBlock, { label: "Command", value: item.command }) : null,
-        item.output ? /* @__PURE__ */ jsx12(PayloadBlock, { label: "Output", value: item.output }) : null
+        item.command ? /* @__PURE__ */ jsx13(PayloadBlock, { label: "Command", value: item.command }) : null,
+        item.output ? /* @__PURE__ */ jsx13(PayloadBlock, { label: "Output", value: item.output }) : null
       ]
     }
   );
@@ -4097,11 +4628,11 @@ function WorkerRow({
   const title = item.action === "spawn" ? running ? "Spawning worker" : failed ? "Worker spawn failed" : cancelled ? "Worker interrupted" : "Worker spawned" : running ? "Messaging worker" : failed ? "Worker message failed" : cancelled ? "Worker interrupted" : "Worker messaged";
   const sessionId = item.workerSessionId;
   const deepLink = Boolean(sessionId) && Boolean(onOpenSession) && !failed && !cancelled;
-  const inner = /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsx12("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx12("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx12(BotIcon2, { className: "size-3.5" }) }),
+  const inner = /* @__PURE__ */ jsxs10(Fragment5, { children: [
+    /* @__PURE__ */ jsx13("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx13("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx13(BotIcon2, { className: "size-3.5" }) }),
     /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "span",
         {
           className: cn(
@@ -4111,12 +4642,12 @@ function WorkerRow({
           children: title
         }
       ),
-      item.prompt ? /* @__PURE__ */ jsx12("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null
+      item.prompt ? /* @__PURE__ */ jsx13("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null
     ] }),
     failed ? /* @__PURE__ */ jsxs10("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
-      /* @__PURE__ */ jsx12("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+      /* @__PURE__ */ jsx13("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
       "failed"
-    ] }) : cancelled ? /* @__PURE__ */ jsx12("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx12(
+    ] }) : cancelled ? /* @__PURE__ */ jsx13("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx13(
       ArrowRightIcon,
       {
         "aria-hidden": true,
@@ -4125,7 +4656,7 @@ function WorkerRow({
     ) : null
   ] });
   if (deepLink && sessionId && onOpenSession) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -4139,28 +4670,28 @@ function WorkerRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx12("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
+  return /* @__PURE__ */ jsx13("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
 }
 
 // src/timeline/turn-summary.tsx
 import { ChevronRightIcon as ChevronRightIcon2, CircleSlashIcon, TriangleAlertIcon as TriangleAlertIcon2 } from "lucide-react";
 import {
   Component,
-  createContext as createContext6,
-  useContext as useContext6,
-  useEffect as useEffect7,
-  useMemo as useMemo3,
-  useRef as useRef7,
+  createContext as createContext7,
+  useContext as useContext7,
+  useEffect as useEffect8,
+  useMemo as useMemo4,
+  useRef as useRef8,
   useState as useState10
 } from "react";
 import { Collapsible } from "radix-ui";
 
 // src/timeline/fold-memory.ts
-import { createContext as createContext5, useContext as useContext5 } from "react";
-var FoldMemoryContext = createContext5(null);
+import { createContext as createContext6, useContext as useContext6 } from "react";
+var FoldMemoryContext = createContext6(null);
 var FoldMemoryProvider = FoldMemoryContext.Provider;
 function useFoldMemory() {
-  return useContext5(FoldMemoryContext);
+  return useContext6(FoldMemoryContext);
 }
 function inheritFoldRestingState(memory, targetKey, sourceKeys) {
   if (memory.has(targetKey) || sourceKeys.length !== 1) {
@@ -4173,10 +4704,10 @@ function inheritFoldRestingState(memory, targetKey, sourceKeys) {
 }
 
 // src/timeline/turn-summary.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var TurnSettleChromeContext = createContext6(false);
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+var TurnSettleChromeContext = createContext7(false);
 function useTurnSettleOpen() {
-  return useContext6(TurnSettleChromeContext);
+  return useContext7(TurnSettleChromeContext);
 }
 var BUILT_IN_TURN_SUMMARY_FACET_IDS = [
   "steps",
@@ -4214,11 +4745,11 @@ function TurnSummary({
   const [settlePhase, setSettlePhase] = useState10(initialSettle);
   const [nestSuppressLatch, setNestSuppressLatch] = useState10(initialSettle);
   const [expandReady, setExpandReady] = useState10(!initialSettle);
-  const settleTimerRef = useRef7(null);
-  const settleCloseDoneRef = useRef7(null);
-  const nestLatchClearRef = useRef7(null);
-  const settleFoldSeenRef = useRef7(Boolean(settleFold));
-  const settleArmedRef = useRef7(false);
+  const settleTimerRef = useRef8(null);
+  const settleCloseDoneRef = useRef8(null);
+  const nestLatchClearRef = useRef8(null);
+  const settleFoldSeenRef = useRef8(Boolean(settleFold));
+  const settleArmedRef = useRef8(false);
   const clearNestLatchTimer = () => {
     if (nestLatchClearRef.current !== null) {
       clearTimeout(nestLatchClearRef.current);
@@ -4266,8 +4797,8 @@ function TurnSummary({
       }, SETTLE_COLLAPSE_MS);
     }, SETTLE_FOLD_BEAT_MS);
   };
-  const mountSettleRef = useRef7(initialSettle);
-  useEffect7(() => {
+  const mountSettleRef = useRef8(initialSettle);
+  useEffect8(() => {
     if (mountSettleRef.current) {
       armSettleCollapse();
     }
@@ -4276,7 +4807,7 @@ function TurnSummary({
       settleArmedRef.current = false;
     };
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     const was = settleFoldSeenRef.current;
     settleFoldSeenRef.current = Boolean(settleFold);
     if (!was && settleFold) {
@@ -4314,7 +4845,7 @@ function TurnSummary({
   const [allowEnterAnimation] = useState10(
     () => Boolean(enter && !bare && !initialSettle && !restingOpen)
   );
-  const context = useMemo3(
+  const context = useMemo4(
     () => createTurnSummaryContext(
       items,
       outcome,
@@ -4324,11 +4855,11 @@ function TurnSummary({
     ),
     [items, outcome, failureText, durationMs, settling, settlePhase, contextCompactionCount]
   );
-  const facetDefinitions = useMemo3(
+  const facetDefinitions = useMemo4(
     () => resolveTurnSummaryFacets(facetConfiguration),
     [facetConfiguration]
   );
-  const facets = useMemo3(
+  const facets = useMemo4(
     () => facetDefinitions.flatMap((facet) => {
       try {
         const result = facet.summarize(context);
@@ -4344,7 +4875,7 @@ function TurnSummary({
   const copyable = Boolean(
     copyText && copyText.trim().length > 0 && !bare && !liveShell && !open && !settlePhase
   );
-  return /* @__PURE__ */ jsx13(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs11("div", { className: cn(copyable && "group/copy relative"), children: [
+  return /* @__PURE__ */ jsx14(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs11("div", { className: cn(copyable && "group/copy relative"), children: [
     /* @__PURE__ */ jsxs11(
       Collapsible.Root,
       {
@@ -4375,7 +4906,7 @@ function TurnSummary({
                 liveShell && "text-og-fg-subtle"
               ),
               children: [
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   ChevronRightIcon2,
                   {
                     className: cn(
@@ -4384,7 +4915,7 @@ function TurnSummary({
                     )
                   }
                 ),
-                outcome === "complete" ? null : /* @__PURE__ */ jsx13(
+                outcome === "complete" ? null : /* @__PURE__ */ jsx14(
                   "span",
                   {
                     className: cn(
@@ -4392,7 +4923,7 @@ function TurnSummary({
                       bare ? "size-3.5" : "size-5",
                       outcome === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"
                     ),
-                    children: outcome === "failed" ? /* @__PURE__ */ jsx13(TriangleAlertIcon2, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx13(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx13("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
+                    children: outcome === "failed" ? /* @__PURE__ */ jsx14(TriangleAlertIcon2, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx14(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx14("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
                   }
                 ),
                 /* @__PURE__ */ jsxs11(
@@ -4400,10 +4931,10 @@ function TurnSummary({
                   {
                     className: cn("min-w-0 flex-1 truncate", bare ? "text-og-sm" : "text-og-fg-muted"),
                     children: [
-                      facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx13(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs11(Fragment5, { children: [
+                      facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx14(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs11(Fragment6, { children: [
                         index > 0 ? " \xB7 " : null,
                         /* @__PURE__ */ jsxs11("span", { "aria-label": result.ariaLabel, title: result.title, children: [
-                          result.icon ? /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
+                          result.icon ? /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
                           result.content
                         ] })
                       ] }) }, facet.id)),
@@ -4411,11 +4942,11 @@ function TurnSummary({
                         " \xB7 ",
                         failureText
                       ] }) : null,
-                      outcome === "cancelled" ? /* @__PURE__ */ jsx13("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
+                      outcome === "cancelled" ? /* @__PURE__ */ jsx14("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   "span",
                   {
                     "aria-hidden": true,
@@ -4432,7 +4963,7 @@ function TurnSummary({
               ]
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             Collapsible.Content,
             {
               ...nestSuppressLatch ? { forceMount: true } : {},
@@ -4443,13 +4974,13 @@ function TurnSummary({
                 // Auto-close: slow settle. Manual close (settlePhase cleared): fast.
                 settlePhase ? "data-[state=closed]:animate-og-settle-collapse" : "data-[state=closed]:animate-og-collapse"
               ),
-              children: /* @__PURE__ */ jsx13("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
+              children: /* @__PURE__ */ jsx14("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
             }
           )
         ]
       }
     ),
-    copyable ? /* @__PURE__ */ jsx13("div", { className: "pointer-events-none absolute top-1.5 right-0 z-10", children: /* @__PURE__ */ jsx13("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx13(CopyButton, { text: copyText, label: "Copy turn", reveal: "group-hover" }) }) }) : null
+    copyable ? /* @__PURE__ */ jsx14("div", { className: "pointer-events-none absolute top-1.5 right-0 z-10", children: /* @__PURE__ */ jsx14("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx14(CopyButton, { text: copyText, label: "Copy turn", reveal: "group-hover" }) }) }) : null
   ] }) });
 }
 function createTurnSummaryContext(items, outcome, failureText, durationMs, contextCompactionCount) {
@@ -4602,7 +5133,7 @@ function formatDurationFacet(durationMs) {
 }
 
 // src/components/session-status.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
     label: "Queued",
@@ -4666,7 +5197,7 @@ function SessionStatus({ status, label, size = "md", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
+        /* @__PURE__ */ jsx15(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
         label ?? meta.label
       ]
     }
@@ -4674,7 +5205,7 @@ function SessionStatus({ status, label, size = "md", className }) {
 }
 function StatusDot({ status, className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       className: cn(
@@ -4682,7 +5213,7 @@ function StatusDot({ status, className }) {
         meta.dotClassName,
         className
       ),
-      children: meta.pulse ? /* @__PURE__ */ jsx14("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
+      children: meta.pulse ? /* @__PURE__ */ jsx15("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
     }
   );
 }
@@ -4713,10 +5244,10 @@ import {
   Component as Component2,
   memo as memo2,
   useCallback as useCallback2,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect3,
-  useMemo as useMemo4,
-  useRef as useRef8,
+  useMemo as useMemo5,
+  useRef as useRef9,
   useState as useState11
 } from "react";
 
@@ -4740,6 +5271,7 @@ var TIP_FOLLOW_VELOCITY_REF_PX_S = _s(420);
 var TIP_FOLLOW_VELOCITY_ARM_DEBT_PX = 72;
 var TIP_FOLLOW_VELOCITY_DECAY_MS = _t(180);
 var TIP_FOLLOW_READER_UP_EPS_PX = 2;
+var TIP_FOLLOW_QUANTIZE_WINDOW_PX = 1;
 var scrollEndSupportOverride = null;
 function supportsScrollEndEvent() {
   if (scrollEndSupportOverride !== null) {
@@ -4758,9 +5290,11 @@ function createTipFollowState() {
     hotUntil: 0,
     lastTs: 0,
     lastHeight: 0,
+    lastClientHeight: 0,
     lastGrowthAt: 0,
     growthVelocity: 0,
-    scrollVelocity: 0
+    scrollVelocity: 0,
+    cameraTop: null
   };
 }
 function tipFollowCancel(state) {
@@ -4768,7 +5302,8 @@ function tipFollowCancel(state) {
     ...state,
     running: false,
     lastTs: 0,
-    scrollVelocity: 0
+    scrollVelocity: 0,
+    cameraTop: null
   };
 }
 function tipFollowNoteGrowth(state, height, now) {
@@ -4793,6 +5328,34 @@ function tipFollowNoteGrowth(state, height, now) {
     hotUntil: now + TIP_FOLLOW_HOT_IDLE_MS
   };
 }
+function tipFollowNoteViewportShrink(state, clientHeight, now) {
+  const previous = state.lastClientHeight;
+  if (previous <= 0) {
+    return { ...state, lastClientHeight: clientHeight };
+  }
+  const shrink = previous - clientHeight;
+  if (shrink <= 0) {
+    return { ...state, lastClientHeight: clientHeight };
+  }
+  if (shrink <= TIP_FOLLOW_SHRINK_EPS_PX) {
+    return state;
+  }
+  const dt = state.lastGrowthAt > 0 ? now - state.lastGrowthAt : 0;
+  let growthVelocity = state.growthVelocity;
+  if (dt > 0) {
+    const instant = shrink / dt * 1e3;
+    growthVelocity = growthVelocity * 0.65 + instant * 0.35;
+  } else {
+    growthVelocity = Math.max(growthVelocity, shrink * (1e3 / TIP_FOLLOW_HOT_IDLE_MS));
+  }
+  return {
+    ...state,
+    lastClientHeight: clientHeight,
+    lastGrowthAt: now,
+    growthVelocity,
+    hotUntil: now + TIP_FOLLOW_HOT_IDLE_MS
+  };
+}
 function tipFollowTauMs(debtPx, growthVelocityPxPerSec = 0, settling = false, hot = false) {
   if (settling) {
     return TIP_FOLLOW_SETTLE_TAU_MS;
@@ -4843,14 +5406,40 @@ function tipFollowCompensateShrink(scrollTop, previousHeight, nextHeight, client
   const maxScroll = Math.max(0, nextHeight - clientHeight);
   return Math.max(0, Math.min(maxScroll, scrollTop - delta));
 }
+function tipFollowCompensateViewportShrink(scrollTop, previousClientHeight, nextClientHeight, scrollHeight, epsPx = TIP_FOLLOW_SHRINK_EPS_PX) {
+  if (previousClientHeight <= 0) {
+    return scrollTop;
+  }
+  const shrink = previousClientHeight - nextClientHeight;
+  if (shrink <= epsPx) {
+    return scrollTop;
+  }
+  const maxScroll = Math.max(0, scrollHeight - nextClientHeight);
+  return Math.max(0, Math.min(maxScroll, scrollTop + shrink));
+}
 function tipFollowStep(state, input) {
   const { scrollTop, scrollHeight, clientHeight, now, pinned, reducedMotion, revealed } = input;
   const previousHeight = state.lastHeight;
+  const previousClient = state.lastClientHeight;
   const frameGrowth = previousHeight > 0 && scrollHeight > previousHeight ? scrollHeight - previousHeight : 0;
-  const grew = frameGrowth > 0;
+  const frameViewportShrink = previousClient > 0 && clientHeight < previousClient - TIP_FOLLOW_SHRINK_EPS_PX ? previousClient - clientHeight : 0;
+  const grew = frameGrowth > 0 || frameViewportShrink > 0;
   let noted = tipFollowNoteGrowth(state, scrollHeight, now);
+  noted = tipFollowNoteViewportShrink(noted, clientHeight, now);
+  let cameraTop = scrollTop;
+  if (state.cameraTop !== null && Math.abs(state.cameraTop - scrollTop) <= TIP_FOLLOW_QUANTIZE_WINDOW_PX) {
+    cameraTop = state.cameraTop;
+  }
+  if (pinned && frameViewportShrink > 0) {
+    cameraTop = tipFollowCompensateViewportShrink(
+      cameraTop,
+      previousClient,
+      clientHeight,
+      scrollHeight
+    );
+  }
   const target = targetScrollTop(scrollHeight, clientHeight);
-  const debt = target - scrollTop;
+  const debt = target - cameraTop;
   const hot = now < noted.hotUntil;
   const settling = !hot && Math.abs(debt) < TIP_FOLLOW_CATCHUP_DEBT_PX;
   if (!pinned) {
@@ -4881,7 +5470,7 @@ function tipFollowStep(state, input) {
   }
   if (Math.abs(debt) <= 0.75) {
     return {
-      scrollTop: Math.abs(debt) > 0 ? target : scrollTop,
+      scrollTop: Math.abs(debt) > 0 ? target : cameraTop,
       state: {
         ...tipFollowCancel(noted),
         growthVelocity: hot ? noted.growthVelocity : 0
@@ -4895,12 +5484,18 @@ function tipFollowStep(state, input) {
   const accelTauSec = Math.max(tauSec * TIP_FOLLOW_ACCEL_TAU_FRAC, 0.02);
   const velAlpha = 1 - Math.exp(-dtSec / accelTauSec);
   let scrollVelocity = (noted.scrollVelocity ?? 0) + (desiredVel - (noted.scrollVelocity ?? 0)) * velAlpha;
-  const maxStep = tipFollowMaxStepPx(debt, noted.growthVelocity, dt, frameGrowth, hot);
+  const maxStep = tipFollowMaxStepPx(
+    debt,
+    noted.growthVelocity,
+    dt,
+    frameGrowth + frameViewportShrink,
+    hot
+  );
   const maxVel = maxStep / dtSec;
   if (Math.abs(scrollVelocity) > maxVel) {
     scrollVelocity = Math.sign(scrollVelocity) * maxVel;
   }
-  let next = scrollTop + scrollVelocity * dtSec;
+  let next = cameraTop + scrollVelocity * dtSec;
   if (debt > 0 && next >= target - 0.35) {
     next = target;
     scrollVelocity = 0;
@@ -4909,19 +5504,80 @@ function tipFollowStep(state, input) {
     scrollVelocity = 0;
   }
   next = Math.max(0, next);
+  const running = Math.abs(target - next) > 0.35 || Math.abs(scrollVelocity) > 1;
   return {
     scrollTop: next,
     state: {
       ...noted,
       scrollVelocity,
-      running: Math.abs(target - next) > 0.35 || Math.abs(scrollVelocity) > 1,
-      lastTs: now
+      running,
+      lastTs: now,
+      // Carry the fraction the DOM will floor away; drop it once landed.
+      cameraTop: running ? next : null
     }
   };
 }
 
+// src/components/machine-input-display.ts
+var MACHINE_INPUT_META = {
+  scheduled_occurrence: "Scheduled update",
+  goal_continuation: "Goal continued",
+  agent_message: "Agent update",
+  agent_steer_instruction: "Agent direction",
+  child_terminal_result: "Agent finished"
+};
+function machineInputBatchLabel(members) {
+  if (members.length === 0) return "Updates";
+  const counts = /* @__PURE__ */ new Map();
+  for (const member of members) {
+    counts.set(member.kind, (counts.get(member.kind) ?? 0) + 1);
+  }
+  if (counts.size === 1) {
+    const kind = members[0].kind;
+    const n = members.length;
+    switch (kind) {
+      case "child_terminal_result":
+        return n === 1 ? "Agent finished" : `${n} agents finished`;
+      case "goal_continuation":
+        return n === 1 ? "Goal continued" : `${n} goal continuations`;
+      case "scheduled_occurrence":
+        return n === 1 ? "Scheduled update" : `${n} scheduled updates`;
+      case "agent_message":
+        return n === 1 ? "Agent update" : `${n} agent updates`;
+      case "agent_steer_instruction":
+        return n === 1 ? "Agent direction" : `${n} agent directions`;
+    }
+  }
+  const parts = [...counts.entries()].map(([kind, count]) => {
+    const label = MACHINE_INPUT_META[kind];
+    return count === 1 ? label : `${count}\xD7 ${label}`;
+  });
+  const preview = parts.slice(0, 2).join(", ");
+  const suffix = parts.length > 2 ? ", \u2026" : "";
+  return `${members.length} updates \xB7 ${preview}${suffix}`;
+}
+function cleanMachineInputSummary(summary) {
+  return summary.replace(/^\[[A-Z][A-Z _-]*(?:\s+\d+\/\d+)?\]\s*/, "").replace(/\bWorker session id:\s*[0-9a-f]{8}-[0-9a-f-]{27,}\b/gi, "").replace(/\b[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}\b/gi, "").replace(/\(\s*\)/g, "").replace(/\s*[·|]\s*$/g, "").replace(/\s{2,}/g, " ").replace(/\s+([.,;:])/g, "$1").trim();
+}
+function readableMachineInputSource(sourceId) {
+  const value = sourceId.trim();
+  if (!value || /^[0-9a-f]{8}-[0-9a-f-]{27,}$/i.test(value)) return null;
+  if (/^(goal|schedule|system):/i.test(value)) return null;
+  return value.replaceAll("_", " ");
+}
+function machineInputSummaryIsUseful(kind, cleanedSummary) {
+  if (!cleanedSummary) return false;
+  const label = MACHINE_INPUT_META[kind].toLowerCase();
+  const text = cleanedSummary.toLowerCase();
+  if (text === label || text === `${label}.`) return false;
+  if (kind === "child_terminal_result" && /^a worker session you spawned has finished/i.test(cleanedSummary)) {
+    return false;
+  }
+  return true;
+}
+
 // src/components/message-timeline.tsx
-import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var PIN_THRESHOLD_PX = 48;
 var OLDER_PREFETCH_MARGIN_PX = 400;
 var OLDER_PREFETCH_ROOT_MARGIN = `${OLDER_PREFETCH_MARGIN_PX}px 0px 0px 0px`;
@@ -4970,6 +5626,7 @@ function MessageTimeline({
   onReconnect,
   resolveProviderLogo,
   toolRegistry = defaultToolRegistry,
+  computeLabel = null,
   turnSummary,
   autoFollow = true,
   hasOlder = false,
@@ -4984,41 +5641,41 @@ function MessageTimeline({
   emptyState,
   className
 }) {
-  const resolvedItems = useMemo4(() => items ?? buildTimeline(events ?? []), [items, events]);
-  const allGroups = useMemo4(() => groupTimeline(resolvedItems), [resolvedItems]);
+  const resolvedItems = useMemo5(() => items ?? buildTimeline(events ?? []), [items, events]);
+  const allGroups = useMemo5(() => groupTimeline(resolvedItems), [resolvedItems]);
   const groups = useStableTimelineGroupKeys(allGroups);
-  const scrollRef = useRef8(null);
-  const topSentinelRef = useRef8(null);
-  const bottomSentinelRef = useRef8(null);
-  const previousBulkFirstKeyRef = useRef8(void 0);
+  const scrollRef = useRef9(null);
+  const topSentinelRef = useRef9(null);
+  const bottomSentinelRef = useRef9(null);
+  const previousBulkFirstKeyRef = useRef9(void 0);
   const [pinned, setPinned] = useState11(true);
   const [bulkActive, setBulkActive] = useState11(true);
-  const olderPrefetchArmedRef = useRef8(false);
+  const olderPrefetchArmedRef = useRef9(false);
   const [olderPrefetchArmed, setOlderPrefetchArmed] = useState11(false);
-  const olderLoadGateRef = useRef8("armed");
-  const resizeFollowRafRef = useRef8(null);
+  const olderLoadGateRef = useRef9("armed");
+  const resizeFollowRafRef = useRef9(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
   const [revealed, setRevealed] = useState11(false);
-  const pinnedRef = useRef8(true);
-  const hasNewerRef = useRef8(hasNewer);
+  const pinnedRef = useRef9(true);
+  const hasNewerRef = useRef9(hasNewer);
   hasNewerRef.current = hasNewer;
-  const wantPinRef = useRef8(false);
-  const pendingJumpToStartRef = useRef8(false);
-  const jumpToStartSeqRef = useRef8(0);
-  const previousFirstItemIdRef = useRef8(null);
-  const previousScrollHeightRef = useRef8(0);
-  const lastScrollTopRef = useRef8(0);
-  const lastMaxScrollRef = useRef8(0);
-  const lastScrollHeightRef = useRef8(0);
-  const lastClientHeightRef = useRef8(0);
-  const readerIntentArmRef = useRef8(false);
-  const programmaticScrollRef = useRef8(0);
-  const pendingReaderLeaveRef = useRef8(false);
-  const leaveFallbackRafRef = useRef8(null);
-  const foldMemoryRef = useRef8(/* @__PURE__ */ new Map());
-  const seenActivityIdsRef = useRef8(/* @__PURE__ */ new Set());
-  const groupKeyByItemIdRef = useRef8(/* @__PURE__ */ new Map());
-  const groupOffsetByKeyRef = useRef8(/* @__PURE__ */ new Map());
+  const wantPinRef = useRef9(false);
+  const pendingJumpToStartRef = useRef9(false);
+  const jumpToStartSeqRef = useRef9(0);
+  const previousFirstItemIdRef = useRef9(null);
+  const previousScrollHeightRef = useRef9(0);
+  const lastScrollTopRef = useRef9(0);
+  const lastMaxScrollRef = useRef9(0);
+  const lastScrollHeightRef = useRef9(0);
+  const lastClientHeightRef = useRef9(0);
+  const readerIntentArmRef = useRef9(false);
+  const programmaticScrollRef = useRef9(0);
+  const pendingReaderLeaveRef = useRef9(false);
+  const leaveFallbackRafRef = useRef9(null);
+  const foldMemoryRef = useRef9(/* @__PURE__ */ new Map());
+  const seenActivityIdsRef = useRef9(/* @__PURE__ */ new Set());
+  const groupKeyByItemIdRef = useRef9(/* @__PURE__ */ new Map());
+  const groupOffsetByKeyRef = useRef9(/* @__PURE__ */ new Map());
   const firstItemId = resolvedItems[0]?.id ?? null;
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
@@ -5028,10 +5685,10 @@ function MessageTimeline({
       setPinned(value);
     }
   }, []);
-  const revealedRef = useRef8(revealed);
+  const revealedRef = useRef9(revealed);
   revealedRef.current = revealed;
-  const followRef = useRef8(createTipFollowState());
-  const followFrameRef = useRef8(null);
+  const followRef = useRef9(createTipFollowState());
+  const followFrameRef = useRef9(null);
   const syncScrollBaseline = useCallback2((node) => {
     lastScrollTopRef.current = node.scrollTop;
     lastMaxScrollRef.current = maxScrollOf(node);
@@ -5040,11 +5697,15 @@ function MessageTimeline({
   }, []);
   const writeScrollTop = useCallback2((node, top) => {
     const next = Math.max(0, top);
-    if (node.scrollTop === next) {
+    const before = node.scrollTop;
+    if (before === next) {
       return;
     }
     programmaticScrollRef.current += 1;
     node.scrollTop = next;
+    if (node.scrollTop === before) {
+      programmaticScrollRef.current -= 1;
+    }
   }, []);
   const cancelLeaveFallback = useCallback2(() => {
     if (leaveFallbackRafRef.current !== null) {
@@ -5157,12 +5818,14 @@ function MessageTimeline({
       syncScrollBaseline(node);
       followRef.current = {
         ...followRef.current,
-        lastHeight: node.scrollHeight
+        lastHeight: node.scrollHeight,
+        lastClientHeight: node.clientHeight,
+        cameraTop: null
       };
     },
     [cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
-  const driveFollowRef = useRef8(() => void 0);
+  const driveFollowRef = useRef9(() => void 0);
   const driveFollow = useCallback2(
     (node, nowMs) => {
       if (!pinnedRef.current || hasNewerRef.current) {
@@ -5177,19 +5840,31 @@ function MessageTimeline({
       const now = typeof nowMs === "number" ? nowMs : typeof performance !== "undefined" ? performance.now() : Date.now();
       const previousHeight = followRef.current.lastHeight;
       if (previousHeight > 0 && node.scrollHeight < previousHeight - TIP_FOLLOW_SHRINK_EPS_PX) {
-        const nextTop = tipFollowCompensateShrink(
+        let nextTop = tipFollowCompensateShrink(
           lastScrollTopRef.current,
           previousHeight,
           node.scrollHeight,
           node.clientHeight
         );
+        const previousClient = followRef.current.lastClientHeight;
+        if (previousClient > 0 && node.clientHeight < previousClient - TIP_FOLLOW_SHRINK_EPS_PX) {
+          nextTop = tipFollowCompensateViewportShrink(
+            nextTop,
+            previousClient,
+            node.clientHeight,
+            node.scrollHeight
+          );
+        }
         writeScrollTop(node, nextTop);
         syncScrollBaseline(node);
         followRef.current = {
           ...followRef.current,
           lastHeight: node.scrollHeight,
+          lastClientHeight: node.clientHeight,
           running: true,
-          lastTs: now
+          lastTs: now,
+          // A direct glue write re-based the camera — drop any stale fraction.
+          cameraTop: null
         };
         if (followFrameRef.current === null) {
           followFrameRef.current = requestFrame((frameNow) => {
@@ -5239,8 +5914,8 @@ function MessageTimeline({
     [cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect8(() => stopFollow, [stopFollow]);
-  useEffect8(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
+  useEffect9(() => stopFollow, [stopFollow]);
+  useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect3(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -5391,7 +6066,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect8(() => {
+  useEffect9(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -5415,7 +6090,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [olderPrefetchArmed, hasOlder, loadingOlder, onLoadOlder, firstGroupKey]);
-  useEffect8(() => {
+  useEffect9(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -5432,7 +6107,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, firstGroupKey]);
-  useEffect8(() => {
+  useEffect9(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -5468,7 +6143,7 @@ function MessageTimeline({
       }
     };
   }, [autoFollow, driveFollow, snapToBottom]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (hasNewer) {
       stopFollow();
       applyPinned(false);
@@ -5509,7 +6184,9 @@ function MessageTimeline({
       programmaticScrollRef.current = 0;
     }
     if (autoFollow && pinnedRef.current && !hasNewer) {
-      if (heightShrunk || maxFell) {
+      const previousClient = followRef.current.lastClientHeight;
+      const viewportShrunk = previousClient > 0 && node.clientHeight < previousClient - TIP_FOLLOW_SHRINK_EPS_PX;
+      if (heightShrunk || maxFell || viewportShrunk) {
         readerIntentArmRef.current = false;
         clearPendingReaderLeave();
         driveFollow(node);
@@ -5517,10 +6194,6 @@ function MessageTimeline({
       }
       if (programmatic) {
         syncScrollBaseline(node);
-        followRef.current = {
-          ...followRef.current,
-          lastHeight: nextHeight
-        };
         return;
       }
       syncScrollBaseline(node);
@@ -5543,11 +6216,6 @@ function MessageTimeline({
       } else if (!nearBottomPinned && readerUp > TIP_FOLLOW_READER_UP_EPS_PX) {
         pendingReaderLeaveRef.current = true;
         scheduleLeaveFallback();
-      } else {
-        followRef.current = {
-          ...followRef.current,
-          lastHeight: nextHeight
-        };
       }
       return;
     }
@@ -5585,8 +6253,8 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  return /* @__PURE__ */ jsx15(LightboxProvider, { children: /* @__PURE__ */ jsx15(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx15(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx15(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsx15(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs13("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(LightboxProvider, { children: /* @__PURE__ */ jsx16(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx16(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx16(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx16(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsx16(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs13("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+    /* @__PURE__ */ jsx16(
       "div",
       {
         ref: scrollRef,
@@ -5604,11 +6272,11 @@ function MessageTimeline({
           autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
         ),
         children: /* @__PURE__ */ jsxs13("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-          groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx15("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
+          groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx16("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
           hasOlder && olderPrefetchArmed ? (
             // Overlaid, not a layout row: mounting/unmounting the sentinel
             // must never shift content (that shift was itself a wobble).
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16(
               "div",
               {
                 ref: topSentinelRef,
@@ -5622,7 +6290,7 @@ function MessageTimeline({
           groups.map(({ group, key }, index) => {
             const next = groups[index + 1]?.group;
             const contextCompactionCount = group.kind === "turn" ? group.contextCompactionCount ?? 0 : group.kind === "activity" && next?.kind === "item" && next.item.kind === "context-compaction" && next.item.phase === "compacted" ? 1 : 0;
-            return /* @__PURE__ */ jsx15("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": key, children: /* @__PURE__ */ jsx15(
+            return /* @__PURE__ */ jsx16("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": key, children: /* @__PURE__ */ jsx16(
               TimelineGroupRenderBoundary,
               {
                 resetKeys: [
@@ -5635,7 +6303,7 @@ function MessageTimeline({
                   toolRegistry,
                   turnSummary
                 ],
-                children: /* @__PURE__ */ jsx15(
+                children: /* @__PURE__ */ jsx16(
                   TimelineGroupView,
                   {
                     group,
@@ -5654,7 +6322,7 @@ function MessageTimeline({
               }
             ) }, key);
           }),
-          hasNewer ? /* @__PURE__ */ jsx15(
+          hasNewer ? /* @__PURE__ */ jsx16(
             "div",
             {
               ref: bottomSentinelRef,
@@ -5667,7 +6335,7 @@ function MessageTimeline({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx15(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed ? (
+    /* @__PURE__ */ jsx16(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed ? (
       // Floating over the scroller (not a timeline row) so showing and
       // hiding it never reflows history under the reader.
       /* @__PURE__ */ jsxs13(
@@ -5681,7 +6349,7 @@ function MessageTimeline({
           "aria-live": "polite",
           className: "absolute inset-x-0 top-3 z-10 flex justify-center gap-2",
           children: [
-            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx15("span", { className: "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx16("span", { className: "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
             hasOlder && onJumpToStart && !loadingOldest ? /* @__PURE__ */ jsxs13(
               "button",
               {
@@ -5718,7 +6386,7 @@ function MessageTimeline({
                   "hover:border-og-border-strong disabled:opacity-60"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx15(ArrowUpToLineIcon, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsx16(ArrowUpToLineIcon, { className: "size-3.5" }),
                   "Jump to start"
                 ]
               }
@@ -5727,7 +6395,7 @@ function MessageTimeline({
         }
       )
     ) : null }),
-    /* @__PURE__ */ jsx15(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsx16(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx16(
       motion3.div,
       {
         initial: { opacity: 0, y: 6 },
@@ -5737,10 +6405,10 @@ function MessageTimeline({
         "data-og-loading-newer": "",
         "aria-live": "polite",
         className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
-        children: /* @__PURE__ */ jsx15("span", { className: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+        children: /* @__PURE__ */ jsx16("span", { className: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
       }
     ) : null }),
-    /* @__PURE__ */ jsx15(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsx16(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs13(
       motion3.button,
       {
         type: "button",
@@ -5784,16 +6452,16 @@ function MessageTimeline({
           "hover:border-og-border-strong"
         ),
         children: [
-          /* @__PURE__ */ jsx15(ArrowDownIcon2, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx16(ArrowDownIcon2, { className: "size-3.5" }),
           "Jump to latest"
         ]
       }
     ) : null })
-  ] }) }) }) }) }) });
+  ] }) }) }) }) }) }) });
 }
 function useStableTimelineGroupKeys(allGroups) {
-  const previousRef = useRef8([]);
-  const keyedGroups = useMemo4(() => {
+  const previousRef = useRef9([]);
+  const keyedGroups = useMemo5(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
@@ -5866,10 +6534,10 @@ var TimelineGroupRenderBoundary = class extends Component2 {
           role: "status",
           className: "flex items-start gap-2 rounded-lg border border-og-border bg-og-surface-muted px-3 py-2 text-sm text-og-fg-muted",
           children: [
-            /* @__PURE__ */ jsx15(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
+            /* @__PURE__ */ jsx16(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
             /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx15("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
-              /* @__PURE__ */ jsx15("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
+              /* @__PURE__ */ jsx16("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
+              /* @__PURE__ */ jsx16("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
           ]
         }
@@ -5912,7 +6580,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       if (insideTurn) {
         const useNestedChip = nestClusterChips && activityShouldFold;
         if (!useNestedChip) {
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx16(
             ActivityRail,
             {
               items: group.items,
@@ -5923,7 +6591,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx15(
+        return /* @__PURE__ */ jsx16(
           TurnSummary,
           {
             items: group.items,
@@ -5934,7 +6602,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsx16(
               ActivityRail,
               {
                 items: group.items,
@@ -5948,7 +6616,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         TurnSummary,
         {
           items: group.items,
@@ -5959,7 +6627,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx15(FoldBody, { children: /* @__PURE__ */ jsx15(TurnRailFrame, { children: /* @__PURE__ */ jsx15(
+          children: /* @__PURE__ */ jsx16(FoldBody, { children: /* @__PURE__ */ jsx16(TurnRailFrame, { children: /* @__PURE__ */ jsx16(
             ActivityRail,
             {
               items: group.items,
@@ -5977,7 +6645,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = group.groups.map((child) => {
         const key = timelineGroupKey(child);
-        return /* @__PURE__ */ jsx15(
+        return /* @__PURE__ */ jsx16(
           TimelineGroupRenderBoundary,
           {
             resetKeys: [
@@ -5990,7 +6658,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               toolRegistry,
               turnSummary
             ],
-            children: /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsx16(
               TimelineGroupView2,
               {
                 group: child,
@@ -6009,7 +6677,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           key
         );
       });
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         TurnSummary,
         {
           items: activityItems,
@@ -6023,16 +6691,16 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx15(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx16(FoldBody, { children: insideTurn ? (
             // A nested turn is already on an ancestor rail — its body just stacks
             // flush (the bare-node body already indents it), so no second rule.
-            /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-4", children: body })
-          ) : /* @__PURE__ */ jsx15(TurnRailFrame, { children: body }) })
+            /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx16(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         TimelineRow,
         {
           item: group.item,
@@ -6045,14 +6713,14 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   }
 });
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx15(Fragment6, { children });
+  return /* @__PURE__ */ jsx16(Fragment7, { children });
 }
 function TurnRailFrame({ children }) {
-  return /* @__PURE__ */ jsx15("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
+  return /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
 }
 function useLiveSettleFold(folded) {
-  const previousFoldedRef = useRef8(folded);
-  const latchedRef = useRef8(false);
+  const previousFoldedRef = useRef9(folded);
+  const latchedRef = useRef9(false);
   if (!previousFoldedRef.current && folded) {
     latchedRef.current = true;
   }
@@ -6210,23 +6878,23 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx15(UserMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx16(UserMessageRow, { item, renderMessageText });
     case "agent-message":
-      return /* @__PURE__ */ jsx15(AgentMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx16(AgentMessageRow, { item, renderMessageText });
     case "worker-completion":
-      return /* @__PURE__ */ jsx15(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx16(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx15(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx16(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx15(GoalRow, { item });
+      return /* @__PURE__ */ jsx16(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx15(MachineInputBatchRow, { item });
+      return /* @__PURE__ */ jsx16(MachineInputBatchRow, { item });
     case "notice":
-      return /* @__PURE__ */ jsx15(NoticeRow, { item });
+      return /* @__PURE__ */ jsx16(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx15(CompactionRow, { item });
+      return /* @__PURE__ */ jsx16(CompactionRow, { item });
     case "auth-needed":
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         AuthNeededRow,
         {
           item,
@@ -6252,7 +6920,7 @@ function CompactionRow({ item }) {
   const title = item.phase === "started" ? "Compacting conversation memory\u2026" : item.phase === "compacted" ? before && after ? `Conversation memory compacted \xB7 ~${before} \u2192 ~${after} tokens` : "Conversation memory compacted" : "Couldn\u2019t compact conversation memory";
   const subtitle = item.phase === "compacted" ? "Chat history above is unchanged" : item.phase === "skipped" ? compactionSkipSubtitle(item.skipReason) : null;
   const pill = item.phase === "skipped" && item.skipReason === "summarization_failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.phase === "started" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
-  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -6262,13 +6930,13 @@ function CompactionRow({ item }) {
       role: "status",
       children: [
         /* @__PURE__ */ jsxs13("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx15(ShrinkIcon, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx16(ShrinkIcon, { className: "size-3.5 shrink-0" }),
           /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx15("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx16("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
@@ -6288,7 +6956,7 @@ function compactionSkipSubtitle(reason) {
   }
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "time",
     {
       dateTime: occurredAt,
@@ -6306,14 +6974,14 @@ function UserMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsx15("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsx16("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: /* @__PURE__ */ jsx16(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       className: "w-fit max-w-full min-w-0",
-      trailing: /* @__PURE__ */ jsx15(MessageFooterTime, { occurredAt: item.occurredAt }),
-      children: /* @__PURE__ */ jsx15("div", { className: "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg", children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx15(Markdown, { children: item.text }) })
+      trailing: /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
+      children: /* @__PURE__ */ jsx16("div", { className: "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg", children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx16(Markdown, { children: item.text }) })
     }
   ) }) });
 }
@@ -6322,15 +6990,15 @@ function AgentMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx15(Markdown, { streaming: item.streaming, children: item.text });
-  return /* @__PURE__ */ jsx15(
+  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx16(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx16(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
-      trailing: item.streaming ? null : /* @__PURE__ */ jsx15(MessageFooterTime, { occurredAt: item.occurredAt }),
+      trailing: item.streaming ? null : /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
       children: body
     }
   );
@@ -6382,11 +7050,11 @@ function WorkerCompletionRow({
     ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
   ];
   const hasDetails = details.length > 0;
-  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
+  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ jsx15("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx15(Icon, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx15("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx15("span", { className: "font-medium", children: meta.label }),
+      /* @__PURE__ */ jsx16("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx16(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx16("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx16("span", { className: "font-medium", children: meta.label }),
         item.goalText ? /* @__PURE__ */ jsxs13("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
@@ -6404,13 +7072,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx15(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx16(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
     hasDetails ? /* @__PURE__ */ jsxs13(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx15(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx16(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -6419,14 +7087,14 @@ function WorkerCompletionRow({
             "outline-none transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
-            /* @__PURE__ */ jsx15(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
+            /* @__PURE__ */ jsx16(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
             open ? "Hide details" : "Show details"
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx15(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx15("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx15("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
-        /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx16(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx16("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx16("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx16(
           "p",
           {
             className: cn(
@@ -6452,14 +7120,14 @@ function SessionStatusRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx15("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" }),
         /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx15(StatusDot, { status: item.status, className: "size-1" }),
+          /* @__PURE__ */ jsx16(StatusDot, { status: item.status, className: "size-1" }),
           meta.label.toLowerCase(),
           " \xB7 ",
           formatRelativeTime(item.occurredAt)
         ] }),
-        /* @__PURE__ */ jsx15("span", { className: "h-px flex-1 bg-og-border" })
+        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -6489,7 +7157,7 @@ var GOAL_META = {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = GOAL_META[item.action];
-  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "span",
     {
       className: cn(
@@ -6497,7 +7165,7 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx15(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx16(Icon, { className: "size-3.5 shrink-0" }),
         /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
@@ -6506,64 +7174,53 @@ function GoalRow({ item }) {
     }
   ) });
 }
-var MACHINE_INPUT_META = {
-  scheduled_occurrence: "Scheduled update",
-  goal_continuation: "Goal continued",
-  agent_message: "Agent update",
-  agent_steer_instruction: "Agent direction",
-  child_terminal_result: "Agent finished"
-};
 function MachineInputBatchRow({ item }) {
   const enter = useEntranceAnimation();
-  const visible = item.members.slice(0, 3);
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      className: cn(
-        enter && "animate-og-enter",
-        "rounded-og-md border border-og-border/70 bg-og-surface-1/55 px-3 py-2.5"
-      ),
-      children: [
-        item.members.length > 1 && /* @__PURE__ */ jsxs13("div", { className: "mb-2 text-xs font-medium text-og-fg-subtle", children: [
-          item.members.length,
-          " updates joined this turn"
-        ] }),
-        /* @__PURE__ */ jsx15("div", { className: "space-y-2", children: visible.map((member) => /* @__PURE__ */ jsx15(MachineInputRow, { member }, member.id)) }),
-        item.members.length > visible.length && /* @__PURE__ */ jsxs13("details", { className: "mt-2 pl-8 text-xs text-og-fg-muted", children: [
-          /* @__PURE__ */ jsxs13("summary", { className: "cursor-pointer select-none hover:text-og-fg", children: [
-            "Show ",
-            item.members.length - visible.length,
-            " more"
-          ] }),
-          /* @__PURE__ */ jsx15("div", { className: "mt-2 space-y-2", children: item.members.slice(visible.length).map((member) => /* @__PURE__ */ jsx15(MachineInputRow, { member }, member.id)) })
-        ] })
-      ]
-    }
-  );
+  const label = machineInputBatchLabel(item.members);
+  const single = item.members.length === 1 ? item.members[0] : null;
+  const singleSummary = single ? cleanMachineInputSummary(single.summary) : "";
+  const showCollapsedSummary = single != null && machineInputSummaryIsUseful(single.kind, singleSummary);
+  return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
+    /* @__PURE__ */ jsxs13("details", { className: "group w-full max-w-full", "data-og-machine-input-batch": "", children: [
+      /* @__PURE__ */ jsx16("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs13(
+        "span",
+        {
+          className: cn(
+            "inline-flex max-w-full items-center gap-1.5 rounded-full border px-3 py-1 text-og-sm",
+            NEUTRAL_PILL
+          ),
+          children: [
+            /* @__PURE__ */ jsx16(
+              ChevronRightIcon3,
+              {
+                "aria-hidden": true,
+                className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
+              }
+            ),
+            /* @__PURE__ */ jsx16("span", { className: "truncate", children: label })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx16("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: item.members.map((member) => /* @__PURE__ */ jsx16(MachineInputRow, { member }, member.id)) })
+    ] }),
+    showCollapsedSummary ? /* @__PURE__ */ jsx16("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
+  ] });
 }
 function MachineInputRow({ member }) {
   const source = readableMachineInputSource(member.sourceId);
+  const summary = cleanMachineInputSummary(member.summary);
   return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx15("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
+    /* @__PURE__ */ jsx16("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
     /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx15("span", { className: "text-xs font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
       source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-xs text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
-      member.summary && /* @__PURE__ */ jsx15("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm leading-5 text-og-fg", children: truncate(cleanMachineInputSummary(member.summary), 320) })
+      summary ? /* @__PURE__ */ jsx16("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm leading-5 text-og-fg", children: truncate(summary, 320) }) : null
     ] })
   ] });
 }
-function readableMachineInputSource(sourceId) {
-  const value = sourceId.trim();
-  if (!value || /^[0-9a-f]{8}-[0-9a-f-]{27,}$/i.test(value)) return null;
-  if (/^(goal|schedule|system):/i.test(value)) return null;
-  return value.replaceAll("_", " ");
-}
-function cleanMachineInputSummary(summary) {
-  return summary.replace(/^\[[A-Z][A-Z _-]*(?:\s+\d+\/\d+)?\]\s*/, "").trim();
-}
 function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
   const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
@@ -6577,20 +7234,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           TriangleAlertIcon3,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
         /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx15("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
+          /* @__PURE__ */ jsx16("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
           item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-xs", children: [
-            /* @__PURE__ */ jsx15("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
-            /* @__PURE__ */ jsx15("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
+            /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx16("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
           ] }) : null
         ] }),
-        item.action ? /* @__PURE__ */ jsx15(
+        item.action ? /* @__PURE__ */ jsx16(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-xs font-medium hover:bg-current/10",
@@ -6633,7 +7290,7 @@ function AuthNeededRow({
   return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
@@ -6641,8 +7298,8 @@ function AuthNeededRow({
           }
         ),
         /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx15("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
-          /* @__PURE__ */ jsx15("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
+          /* @__PURE__ */ jsx16("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
+          /* @__PURE__ */ jsx16("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
         ] })
       ] }),
       !unavailable && onReconnect ? /* @__PURE__ */ jsxs13(
@@ -6656,7 +7313,7 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong disabled:opacity-70 pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx15(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
+            /* @__PURE__ */ jsx16(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
@@ -6671,7 +7328,7 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx15(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx16(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
@@ -6693,14 +7350,14 @@ function AuthNeededRow({
 }
 function AuthProviderLogo({ src, label }) {
   const [failed, setFailed] = useState11(false);
-  useEffect8(() => setFailed(false), [src]);
+  useEffect9(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-sm font-semibold text-og-fg-muted",
       "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx15(
+      children: showImage ? /* @__PURE__ */ jsx16(
         "img",
         {
           src,
@@ -6710,7 +7367,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx15("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx16("span", { children: monogram(label) })
     }
   );
 }
@@ -6759,6 +7416,7 @@ export {
   defaultHumanInputFormMessages,
   HumanInputForm,
   answersFromDrafts,
+  HumanInputSurface,
   rawTypeOf,
   createToolRegistry,
   sandboxCommandExitCode,
@@ -6806,4 +7464,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-Z5FV355Z.js.map
+//# sourceMappingURL=chunk-KR2SK5GJ.js.map