@opengeni/react 1.0.1 → 2.3.0-canary.0

package/dist/{chunk-Y7OEDUJ5.js → chunk-LS4POUTY.js}

@@ -3,7 +3,7 @@ import {
   groupTimeline,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-6KLX2RH5.js";
+} from "./chunk-RSXJN73N.js";
 import {
   EmptyQueueStateSurface,
   TimelineAnnotationsChip,
@@ -19,6 +19,7 @@ import {
   usePortalTokenStyle
 } from "./chunk-VZTQ73XT.js";
 import {
+  formatBytes,
   formatClockTime,
   formatRelativeTime,
   stringifyPayload,
@@ -37,7 +38,7 @@ import {
 import { Loader2Icon } from "lucide-react";
 import { lazy, Suspense } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-2KVJTYXH.js");
+var loadQueueSurface = () => import("./queue-surface-implementation-BSKUWHRI.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy(async () => ({
@@ -80,6 +81,7 @@ import {
   ArrowDownIcon,
   ArrowUpIcon,
   BotIcon,
+  CheckIcon,
   InboxIcon,
   ListOrderedIcon,
   Loader2Icon as Loader2Icon2,
@@ -92,17 +94,11 @@ import {
   ZapIcon
 } from "lucide-react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
-import {
-  useEffect,
-  useId,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
+  waiting: "Waiting",
   scheduled: "Scheduled",
   blocked: "Blocked",
   held: "Held",
@@ -110,6 +106,40 @@ var GOAL_LABEL = {
   invariant_broken: "Needs attention",
   completed: "Done"
 };
+var GOAL_PAUSED_REASON_SUFFIX = {
+  max_auto_continuations: "cap",
+  limits: "budget",
+  user_pause: "manually",
+  api: "manually",
+  agent: "agent"
+};
+var GOAL_PAUSED_REASON_EXPLANATION = {
+  max_auto_continuations: "Paused at the automatic continuation cap. New input (a child result, an agent message, or your prompt) resumes it; you can also resume it here.",
+  limits: "Paused because budget or usage limits block another run. Resume once limits allow.",
+  user_pause: "Paused manually by a person or an API call. Resume to let the goal continue on its own.",
+  api: "Paused manually by a person or an API call. Resume to let the goal continue on its own.",
+  agent: "Paused by the agent: it is waiting on a human decision before continuing."
+};
+function sessionChromeGoalPillLabel(state, record) {
+  if (state !== "paused") return GOAL_LABEL[state];
+  const suffix = record?.pausedReason ? GOAL_PAUSED_REASON_SUFFIX[record.pausedReason] : void 0;
+  return suffix ? `Paused \xB7 ${suffix}` : "Paused";
+}
+function sessionChromeGoalPillExplanation(state, record) {
+  const continuation = record?.continuation ?? null;
+  if (state === "paused") {
+    return record?.pausedReason ? GOAL_PAUSED_REASON_EXPLANATION[record.pausedReason] ?? null : null;
+  }
+  if (state === "scheduled" && continuation?.reason === "backoff_pending") {
+    return continuation.nextAttemptAt ? `Next goal check at ${formatClockTime(continuation.nextAttemptAt)}.` : "Next goal check is scheduled.";
+  }
+  if (state === "held" && continuation?.reason === "held_for_input") {
+    const reason = continuation.holdReason?.trim();
+    const until = continuation.nextAttemptAt ? ` until ${formatClockTime(continuation.nextAttemptAt)}` : "";
+    return `Waiting for input${reason ? `: ${reason}` : ""}${until}. A child result, an agent message, or your prompt wakes it sooner.`;
+  }
+  return null;
+}
 function queuedTurnPresentation(turn) {
   const realtimeDelegation = objectValue(turn.metadata.realtimeDelegation);
   const inputTranscript = realtimeDelegation?.inputTranscript;
@@ -132,11 +162,11 @@ function sessionChromeGoalPillState(goalStatus, continuation) {
   if (goalStatus === "paused") return "paused";
   if (!continuation) return "invariant_broken";
   if (continuation.state === "running") {
-    return continuation.reason === "goal_turn_running" ? "pursuing" : continuation.reason === "human_turn_running" ? "blocked" : "invariant_broken";
+    return continuation.reason === "goal_turn_running" ? "pursuing" : continuation.reason === "human_turn_running" ? "waiting" : "invariant_broken";
   }
   if (continuation.state === "scheduled") return "scheduled";
   if (continuation.state === "blocked") {
-    return continuation.reason === "workstream_paused" ? "held" : "blocked";
+    return continuation.reason === "workstream_paused" || continuation.reason === "held_for_input" ? "held" : "blocked";
   }
   return "invariant_broken";
 }
@@ -167,6 +197,16 @@ function pendingKindLabel(kind) {
   switch (kind) {
     case "child_terminal_result":
       return "Child result";
+    case "child_requires_action":
+      return "Child needs input";
+    case "child_requires_action_resolved":
+      return "Child unblocked";
+    case "child_paused":
+      return "Child paused";
+    case "child_waiting_capacity":
+      return "Child waiting";
+    case "child_progress":
+      return "Child progress";
     case "agent_steer_instruction":
       return "Steer";
     case "scheduled_occurrence":
@@ -210,29 +250,22 @@ 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 queueMutationFor = queue.mutationFor;
+  const queuedTurns = useMemo(
+    () => turns.filter((turn) => !isSteeringTurn(turn) && queueMutationFor(turn.id) !== "steer"),
+    [queueMutationFor, turns]
+  );
+  const queuedTurnIds = useMemo(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
+  const optimisticQueued = useMemo(
+    () => (composer?.optimisticMessages ?? []).filter(
+      (message) => message.delivery === "send" && message.destination === "queue" && (!message.turnId || !queuedTurnIds.has(message.turnId)) && !(message.turnId && message.appliedQueueVersion !== null && message.appliedQueueVersion !== void 0 && queue.snapshot && queue.snapshot.version >= message.appliedQueueVersion)
+    ),
+    [composer?.optimisticMessages, queue.snapshot, queuedTurnIds]
+  );
   const stoppingKind = composer?.stoppingAttempt ?? (queue.stoppingPreviousAttempt ? queue.effectiveControl?.state === "paused" ? "current" : "previous" : null);
   const stopping = stoppingKind !== null;
   const canMutateQueue = !readOnly && composer !== void 0;
-  const liveGoal = record?.status === "active" && record.continuation?.state === "running" && record.continuation.reason === "goal_turn_running";
+  const liveGoal = record?.status === "active";
   const elapsed = useLiveElapsed(
     record?.createdAt,
     Boolean(liveGoal),
@@ -253,38 +286,33 @@ function SessionChrome({
         icon: /* @__PURE__ */ jsx2(InboxIcon, { className: "size-3" })
       });
     }
-    if (steering || stopping) {
-      rows.push({
-        id: "steering",
-        label: stopping ? stoppingKind === "current" ? "Stopping current work\u2026" : "Stopping previous work\u2026" : "Changing direction\u2026",
-        ...steering?.text ? { detail: steering.text } : {},
-        tone: stopping ? "waiting" : "accent",
-        icon: steering?.phase === "submitting" || stopping ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
-      });
-    }
-    if (queuedTurns.length > 0) {
+    const queuedCount = queuedTurns.length + optimisticQueued.length;
+    const queueProblem = queue.mutationError ?? queue.error;
+    if (queuedCount > 0 || queueProblem) {
       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 allVoiceRequests = optimisticQueued.length === 0 && presentations.length > 0 && presentations.every(({ kind }) => kind === "realtime_voice");
+      const onlyVoiceHandoff = optimisticQueued.length === 0 && presentations.length === 1 && first?.kind === "realtime_voice_handoff";
       const voiceOnly = allVoiceRequests || onlyVoiceHandoff;
-      const detail = first?.text;
+      const detail = queueProblem ? queue.mutationError ? "Action not confirmed" : "Queue unavailable" : first?.text ?? optimisticQueued[0]?.text;
       rows.push({
         id: "queue",
-        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"}`,
+        label: queueProblem ? queuedCount > 0 ? `${queuedCount} queued \xB7 needs attention` : "Queue needs attention" : allVoiceRequests ? queuedCount === 1 ? "Voice request queued" : `${queuedCount} voice requests queued` : onlyVoiceHandoff ? "Voice handoff queued" : `${queuedCount} queued prompt${queuedCount === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
-        tone: "neutral",
-        icon: voiceOnly ? /* @__PURE__ */ jsx2(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
+        tone: queueProblem ? "waiting" : "neutral",
+        icon: queueProblem ? /* @__PURE__ */ jsx2(TriangleAlertIcon, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx2(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
-      const waiting = goalState === "blocked" || goalState === "held" || goalState === "paused";
+      const waiting = goalState === "waiting" || goalState === "blocked" || goalState === "held" || goalState === "paused";
+      const explanation = sessionChromeGoalPillExplanation(goalState, record);
       rows.push({
         id: "goal",
-        label: GOAL_LABEL[goalState],
+        label: sessionChromeGoalPillLabel(goalState, record),
         detail: elapsed ? `${elapsed} \xB7 ${record.text}` : record.text,
+        ...explanation ? { title: explanation } : {},
         tone: waiting ? "waiting" : goalState === "pursuing" || goalState === "scheduled" ? "accent" : "neutral",
-        icon: goalState === "blocked" || goalState === "invariant_broken" ? /* @__PURE__ */ jsx2(TriangleAlertIcon, { className: "size-3" }) : goalState === "paused" || goalState === "held" ? /* @__PURE__ */ jsx2(PauseIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
+        icon: goalState === "blocked" || goalState === "invariant_broken" ? /* @__PURE__ */ jsx2(TriangleAlertIcon, { className: "size-3" }) : goalState === "waiting" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : goalState === "paused" || goalState === "held" ? /* @__PURE__ */ jsx2(PauseIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
       });
     }
     if (agentsSignal && agentsSignal.count > 0) {
@@ -303,11 +331,11 @@ function SessionChrome({
     elapsed,
     goalState,
     incoming,
+    optimisticQueued,
+    queue.error,
+    queue.mutationError,
     queuedTurns,
-    record,
-    steering,
-    stopping,
-    stoppingKind
+    record
   ]);
   const [activeUncontrolled, setActiveUncontrolled] = useState(
     defaultActive
@@ -317,12 +345,20 @@ function SessionChrome({
     if (activeControlled === void 0) setActiveUncontrolled(next);
     onActiveChange?.(next);
   };
+  const optimisticQueueKeys = optimisticQueued.map((message) => message.clientEventId).join(",");
+  const previousOptimisticQueueKeys = useRef(optimisticQueueKeys);
+  const [queueArrivalNonce, setQueueArrivalNonce] = useState(0);
+  useEffect(() => {
+    const previous = new Set(previousOptimisticQueueKeys.current.split(",").filter(Boolean));
+    const arrived = optimisticQueued.some((message) => !previous.has(message.clientEventId));
+    previousOptimisticQueueKeys.current = optimisticQueueKeys;
+    if (!arrived) return;
+    setQueueArrivalNonce((current) => current + 1);
+  }, [optimisticQueueKeys, optimisticQueued]);
   const [replaceDraftFor, setReplaceDraftFor] = useState(null);
   const chipRefs = useRef({});
   const railRef = useRef(null);
-  const panelBodyRef = useRef(null);
   const [pill, setPill] = useState({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
-  const [panelHeight, setPanelHeight] = useState(0);
   const signalIds = signals.map((signal) => signal.id).join(",");
   useEffect(() => {
     if (active && !signalIds.split(",").includes(active)) {
@@ -369,40 +405,21 @@ function SessionChrome({
     };
   }, [active, signals]);
   const open = active !== null;
-  useLayoutEffect(() => {
-    if (!open) {
-      setPanelHeight(0);
-      return;
-    }
-    const node = panelBodyRef.current;
-    if (!node) return;
-    setPanelHeight(node.offsetHeight);
-  }, [open, active, incoming, queuedTurns, record, goalState, agentsPanel, agentsSignal, steering]);
-  useEffect(() => {
-    if (!open) return;
-    const node = panelBodyRef.current;
-    if (!node || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(() => {
-      setPanelHeight(node.offsetHeight);
-    });
-    observer.observe(node);
-    return () => observer.disconnect();
-  }, [open, active]);
-  if (signals.length === 0) return null;
+  if (signals.length === 0 && !stopping) return null;
   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 === "steering" && (steering || stopping) ? /* @__PURE__ */ jsx2(
-    SteeringPanel,
-    {
-      phase: stopping ? "stopping" : steering?.phase ?? "accepted",
-      stoppingKind,
-      text: steering?.text
-    }
-  ) : active === "queue" ? /* @__PURE__ */ jsx2(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx2(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "queue" ? /* @__PURE__ */ jsx2(
     QueuePanel,
     {
       turns: queuedTurns,
+      optimistic: optimisticQueued,
+      loadError: queue.error,
+      mutationError: queue.mutationError,
+      onRefresh: queue.refresh,
+      onClearMutationError: queue.clearMutationError,
+      onRetryOptimistic: composer?.retryOptimisticMessage,
+      onRemoveOptimistic: composer?.removeOptimisticMessage,
       readOnly: !canMutateQueue,
       mutationFor: queue.mutationFor,
       replaceDraftFor,
@@ -410,20 +427,26 @@ function SessionChrome({
       onConfirmReplace: canMutateQueue && composer && replaceDraftFor ? () => {
         const turnId = replaceDraftFor;
         setReplaceDraftFor(null);
-        void queue.editTurn(turnId, {
-          expectedDraftRevision: composer.draftRevision,
-          replaceDraft: true
-        });
+        void (async () => {
+          const checkedOut = await queue.editTurn(turnId, {
+            expectedDraftRevision: composer.draftRevision,
+            replaceDraft: true
+          });
+          if (checkedOut) composer.applyDraft(checkedOut);
+        })();
       } : void 0,
       onEdit: canMutateQueue && composer ? (turn) => {
         requestQueueDraftEdit(
           composer,
           () => setReplaceDraftFor(turn.id),
           () => {
-            void queue.editTurn(turn.id, {
-              expectedDraftRevision: composer.draftRevision,
-              replaceDraft: false
-            });
+            void (async () => {
+              const checkedOut = await queue.editTurn(turn.id, {
+                expectedDraftRevision: composer.draftRevision,
+                replaceDraft: false
+              });
+              if (checkedOut) composer.applyDraft(checkedOut);
+            })();
           }
         );
       } : void 0,
@@ -514,6 +537,7 @@ function SessionChrome({
                             "aria-label": selected ? `Close ${signal.label}` : void 0,
                             "data-testid": `session-chrome-${signal.id}`,
                             "data-og-session-chrome-signal": signal.id,
+                            title: signal.title,
                             onClick: () => setActive(selected ? null : signal.id),
                             className: cn(
                               "group relative z-[1] inline-flex min-h-[var(--og-session-chrome-chip-min-height)] max-w-full items-center gap-1 rounded-og-md py-1 text-left text-og-xs outline-hidden",
@@ -527,6 +551,18 @@ function SessionChrome({
                               paddingInline: "var(--og-session-chrome-chip-pad-x)"
                             },
                             children: [
+                              signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx2(
+                                motion.span,
+                                {
+                                  "aria-hidden": "true",
+                                  "data-testid": "session-chrome-queue-arrival",
+                                  className: "pointer-events-none absolute inset-0 rounded-og-md bg-og-accent-soft",
+                                  initial: { opacity: 0 },
+                                  animate: { opacity: [0, 0.38, 0] },
+                                  transition: { duration: 0.72, times: [0, 0.18, 1], ease }
+                                },
+                                queueArrivalNonce
+                              ) : null,
                               /* @__PURE__ */ jsx2("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
                               /* @__PURE__ */ jsx2("span", { className: "shrink-0 font-medium text-og-fg", children: signal.label }),
                               signal.detail ? /* @__PURE__ */ jsxs2(Fragment, { children: [
@@ -546,28 +582,50 @@ function SessionChrome({
                           },
                           signal.id
                         );
-                      })
+                      }),
+                      stopping ? /* @__PURE__ */ jsxs2(
+                        "span",
+                        {
+                          role: "status",
+                          "aria-live": "polite",
+                          className: "inline-flex min-h-[var(--og-session-chrome-chip-min-height)] items-center gap-1.5 px-1.5 text-og-xs text-og-fg-muted",
+                          "data-testid": "session-chrome-stopping",
+                          children: [
+                            /* @__PURE__ */ jsx2(
+                              Loader2Icon2,
+                              {
+                                "aria-hidden": "true",
+                                className: "size-3 animate-og-spin motion-reduce:animate-none"
+                              }
+                            ),
+                            stoppingKind === "current" ? "Current work stopping" : "Previous work stopping"
+                          ]
+                        }
+                      ) : null
                     ]
                   }
                 )
               }
             ),
             /* @__PURE__ */ jsx2(
-              motion.div,
+              "div",
               {
                 id: panelId,
                 "data-og-session-chrome-panel-shell": "",
-                initial: false,
-                animate: {
-                  height: open ? panelHeight : 0,
-                  opacity: open ? 1 : 0
+                "aria-hidden": !open,
+                inert: !open ? true : void 0,
+                className: "grid overflow-hidden motion-reduce:transition-none",
+                style: {
+                  gridTemplateRows: open ? "1fr" : "0fr",
+                  opacity: open ? 1 : 0,
+                  pointerEvents: open ? "auto" : "none",
+                  transitionProperty: "grid-template-rows, opacity",
+                  transitionDuration: "var(--og-session-chrome-duration)",
+                  transitionTimingFunction: "var(--_og-session-chrome-ease)"
                 },
-                transition: { duration: shellDuration, ease },
-                className: "overflow-hidden",
-                children: /* @__PURE__ */ jsx2(
+                children: /* @__PURE__ */ jsx2("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsx2(
                   "div",
                   {
-                    ref: panelBodyRef,
                     className: "relative overflow-y-auto overscroll-contain border-t border-og-border/50",
                     style: {
                       maxHeight: "var(--og-session-chrome-panel-max-height)",
@@ -593,7 +651,7 @@ function SessionChrome({
                       active
                     ) : null })
                   }
-                )
+                ) })
               }
             )
           ]
@@ -645,30 +703,15 @@ function IncomingPanel({
     }
   );
 }
-function SteeringPanel({
-  phase,
-  stoppingKind,
-  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" || phase === "stopping" ? /* @__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: [
-          text ? /* @__PURE__ */ jsx2("p", { className: "truncate text-og-xs font-medium leading-4 text-og-fg", children: text }) : null,
-          /* @__PURE__ */ jsx2("p", { className: cn(text && "mt-0.5", "text-[10px] leading-4 text-og-fg-muted"), children: phase === "submitting" ? "Sending your latest direction\u2026" : phase === "stopping" ? stoppingKind === "previous" ? "Direction saved. Waiting for the previous command to stop safely." : "Waiting for the current command to stop safely." : "Direction accepted. The agent will continue from it." })
-        ] })
-      ]
-    }
-  );
-}
 function QueuePanel({
   turns,
+  optimistic,
+  loadError,
+  mutationError,
+  onRefresh,
+  onClearMutationError,
+  onRetryOptimistic,
+  onRemoveOptimistic,
   readOnly,
   mutationFor,
   replaceDraftFor,
@@ -679,120 +722,228 @@ function QueuePanel({
   onRemove,
   onMove
 }) {
-  return /* @__PURE__ */ jsx2(
+  const reduceMotion = useReducedMotion();
+  const turnIdsKey = turns.map((turn) => turn.id).join(",");
+  const [interactiveTurnIds, setInteractiveTurnIds] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  useEffect(() => {
+    const visibleTurnIds = new Set(turnIdsKey ? turnIdsKey.split(",") : []);
+    setInteractiveTurnIds((current) => {
+      const retained = new Set([...current].filter((turnId) => visibleTurnIds.has(turnId)));
+      return retained.size === current.size ? current : retained;
+    });
+    if (visibleTurnIds.size === 0) return;
+    const timer = setTimeout(
+      () => setInteractiveTurnIds((current) => /* @__PURE__ */ new Set([...current, ...visibleTurnIds])),
+      reduceMotion ? 0 : 240
+    );
+    return () => clearTimeout(timer);
+  }, [reduceMotion, turnIdsKey]);
+  return /* @__PURE__ */ jsxs2(
     "ol",
     {
       className: "flex flex-col gap-0.5",
       "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;
-        const showActions = !readOnly && (onEdit || onSteer || onRemove || onMove);
-        const confirmingReplace = replaceDraftFor === turn.id;
-        return /* @__PURE__ */ jsxs2(
-          "li",
-          {
-            "data-queue-turn-id": turn.id,
-            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: [
-                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(
+      children: [
+        turns.map((turn, index) => {
+          const presentation = queuedTurnPresentation(turn);
+          const voice = presentation.kind !== "prompt";
+          const pending = mutationFor(turn.id);
+          const settling = !interactiveTurnIds.has(turn.id);
+          const beforeUp = index > 0 ? turns[index - 1]?.id ?? null : null;
+          const beforeDown = index < turns.length - 1 ? turns[index + 2]?.id ?? null : null;
+          const showActions = !readOnly && (onEdit || onSteer || onRemove || onMove);
+          const confirmingReplace = replaceDraftFor === turn.id;
+          return /* @__PURE__ */ jsxs2(
+            "li",
+            {
+              "data-queue-turn-id": turn.id,
+              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: [
+                  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(
+                        IconAction,
+                        {
+                          label: `Move queued prompt ${index + 1} up`,
+                          tip: "Move up",
+                          disabled: settling || pending !== null || index === 0,
+                          onClick: () => onMove(turn.id, beforeUp),
+                          children: /* @__PURE__ */ jsx2(ArrowUpIcon, { className: "size-3" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx2(
+                        IconAction,
+                        {
+                          label: `Move queued prompt ${index + 1} down`,
+                          tip: "Move down",
+                          disabled: settling || pending !== null || index >= turns.length - 1,
+                          onClick: () => onMove(turn.id, beforeDown),
+                          children: /* @__PURE__ */ jsx2(ArrowDownIcon, { className: "size-3" })
+                        }
+                      )
+                    ] }) : null,
+                    onSteer ? /* @__PURE__ */ jsx2(
                       IconAction,
                       {
-                        label: `Move queued prompt ${index + 1} up`,
-                        tip: "Move up",
-                        disabled: pending !== null || index === 0,
-                        onClick: () => onMove(turn.id, beforeUp),
-                        children: /* @__PURE__ */ jsx2(ArrowUpIcon, { className: "size-3" })
+                        label: `Steer queued prompt ${index + 1}`,
+                        tip: QUEUE_STEER_TIP,
+                        disabled: settling || pending !== null,
+                        onClick: () => onSteer(turn.id),
+                        children: pending === "steer" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
+                      }
+                    ) : null,
+                    onEdit ? /* @__PURE__ */ jsx2(
+                      IconAction,
+                      {
+                        label: `Edit queued prompt ${index + 1}`,
+                        tip: QUEUE_EDIT_TIP,
+                        disabled: settling || pending !== null,
+                        onClick: () => onEdit(turn),
+                        children: pending === "edit" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(PencilIcon, { className: "size-3" })
+                      }
+                    ) : null,
+                    onRemove ? /* @__PURE__ */ jsx2(
+                      IconAction,
+                      {
+                        label: `Remove queued prompt ${index + 1}`,
+                        tip: QUEUE_DELETE_TIP,
+                        disabled: settling || pending !== null,
+                        onClick: () => onRemove(turn.id),
+                        danger: true,
+                        children: pending === "delete" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(Trash2Icon, { className: "size-3" })
+                      }
+                    ) : null
+                  ] }) : null
+                ] }),
+                confirmingReplace ? /* @__PURE__ */ jsxs2("div", { className: "rounded-og-sm border border-og-status-waiting/30 bg-og-status-waiting/10 p-2 text-og-xs text-og-fg", children: [
+                  /* @__PURE__ */ jsx2("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
+                  /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-og-fg-muted", children: "The current draft will be permanently discarded; this queued prompt is preserved until you confirm." }),
+                  /* @__PURE__ */ jsxs2("div", { className: "mt-2 flex justify-end gap-1.5", children: [
+                    /* @__PURE__ */ jsx2(
+                      "button",
+                      {
+                        type: "button",
+                        className: "rounded-og-sm px-2 py-1 font-medium hover:bg-og-surface-3/70 focus-visible:ring-2 focus-visible:ring-og-accent/40",
+                        onClick: onCancelReplace,
+                        children: "Keep current draft"
                       }
                     ),
                     /* @__PURE__ */ jsx2(
-                      IconAction,
+                      "button",
                       {
-                        label: `Move queued prompt ${index + 1} down`,
-                        tip: "Move down",
-                        disabled: pending !== null || index >= turns.length - 1,
-                        onClick: () => onMove(turn.id, beforeDown),
-                        children: /* @__PURE__ */ jsx2(ArrowDownIcon, { className: "size-3" })
+                        type: "button",
+                        className: "rounded-og-sm bg-og-accent px-2 py-1 font-medium text-og-accent-fg hover:opacity-90 focus-visible:ring-2 focus-visible:ring-og-accent/40",
+                        onClick: onConfirmReplace,
+                        children: "Replace and edit"
                       }
                     )
-                  ] }) : null,
-                  onSteer ? /* @__PURE__ */ jsx2(
-                    IconAction,
-                    {
-                      label: `Steer queued prompt ${index + 1}`,
-                      tip: QUEUE_STEER_TIP,
-                      disabled: pending !== null,
-                      onClick: () => onSteer(turn.id),
-                      children: pending === "steer" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
-                    }
-                  ) : null,
-                  onEdit ? /* @__PURE__ */ jsx2(
-                    IconAction,
-                    {
-                      label: `Edit queued prompt ${index + 1}`,
-                      tip: QUEUE_EDIT_TIP,
-                      disabled: pending !== null,
-                      onClick: () => onEdit(turn),
-                      children: pending === "edit" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(PencilIcon, { className: "size-3" })
-                    }
-                  ) : null,
-                  onRemove ? /* @__PURE__ */ jsx2(
-                    IconAction,
-                    {
-                      label: `Remove queued prompt ${index + 1}`,
-                      tip: QUEUE_DELETE_TIP,
-                      disabled: pending !== null,
-                      onClick: () => onRemove(turn.id),
-                      danger: true,
-                      children: pending === "delete" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(Trash2Icon, { className: "size-3" })
-                    }
-                  ) : null
+                  ] })
                 ] }) : null
-              ] }),
-              confirmingReplace ? /* @__PURE__ */ jsxs2("div", { className: "rounded-og-sm border border-og-status-waiting/30 bg-og-status-waiting/10 p-2 text-og-xs text-og-fg", children: [
-                /* @__PURE__ */ jsx2("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
-                /* @__PURE__ */ jsx2("p", { className: "mt-0.5 text-og-fg-muted", children: "The current draft will be permanently discarded; this queued prompt is preserved until you confirm." }),
-                /* @__PURE__ */ jsxs2("div", { className: "mt-2 flex justify-end gap-1.5", children: [
-                  /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      type: "button",
-                      className: "rounded-og-sm px-2 py-1 font-medium hover:bg-og-surface-3/70 focus-visible:ring-2 focus-visible:ring-og-accent/40",
-                      onClick: onCancelReplace,
-                      children: "Keep current draft"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx2(
-                    "button",
-                    {
-                      type: "button",
-                      className: "rounded-og-sm bg-og-accent px-2 py-1 font-medium text-og-accent-fg hover:opacity-90 focus-visible:ring-2 focus-visible:ring-og-accent/40",
-                      onClick: onConfirmReplace,
-                      children: "Replace and edit"
-                    }
-                  )
-                ] })
-              ] }) : null
+              ]
+            },
+            turn.id
+          );
+        }),
+        /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs2(
+          motion.li,
+          {
+            "aria-live": "polite",
+            "data-optimistic-queue-message": message.clientEventId,
+            initial: reduceMotion ? false : { opacity: 0 },
+            animate: { opacity: 1 },
+            transition: { duration: reduceMotion ? 0 : 0.12, ease: [0.22, 1, 0.36, 1] },
+            className: cn(
+              "flex min-h-6 items-center gap-1.5 rounded-og-sm px-1.5 py-1",
+              message.state === "failed" ? "bg-og-danger/8 text-og-danger" : "bg-og-accent-soft/45"
+            ),
+            children: [
+              /* @__PURE__ */ jsx2("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
+              /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: message.text }),
+              /* @__PURE__ */ jsx2("span", { className: "sr-only", children: message.state === "failed" ? "Not confirmed" : message.state === "sending" ? "Placing in queue" : "Queued" }),
+              message.state === "failed" ? /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
+                onRetryOptimistic ? /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    type: "button",
+                    className: "rounded-og-sm px-1.5 py-1 font-medium hover:bg-og-surface-2 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                    onClick: () => onRetryOptimistic(message.clientEventId),
+                    children: "Retry"
+                  }
+                ) : null,
+                onRemoveOptimistic ? /* @__PURE__ */ jsx2(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Dismiss unconfirmed queued prompt",
+                    className: "rounded-og-sm p-1 text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                    onClick: () => onRemoveOptimistic(message.clientEventId),
+                    children: /* @__PURE__ */ jsx2(XIcon, { className: "size-3" })
+                  }
+                ) : null
+              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx2(
+                Loader2Icon2,
+                {
+                  "aria-hidden": "true",
+                  className: "size-3 shrink-0 animate-og-spin text-og-accent motion-reduce:animate-none"
+                }
+              ) : /* @__PURE__ */ jsx2(CheckIcon, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
             ]
           },
-          turn.id
-        );
-      })
+          message.clientEventId
+        )) }),
+        loadError ? /* @__PURE__ */ jsxs2(
+          "li",
+          {
+            role: "alert",
+            className: "flex items-center gap-1.5 rounded-og-sm bg-og-danger/8 px-1.5 py-1 text-og-xs text-og-danger",
+            children: [
+              /* @__PURE__ */ jsx2(TriangleAlertIcon, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded-og-sm px-1.5 py-1 font-medium hover:bg-og-surface-2 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                  onClick: () => void onRefresh(),
+                  children: "Retry"
+                }
+              )
+            ]
+          }
+        ) : null,
+        mutationError ? /* @__PURE__ */ jsxs2(
+          "li",
+          {
+            role: "alert",
+            className: "flex items-center gap-1.5 rounded-og-sm bg-og-danger/8 px-1.5 py-1 text-og-xs text-og-danger",
+            children: [
+              /* @__PURE__ */ jsx2(TriangleAlertIcon, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx2("span", { className: "min-w-0 flex-1", children: "Not confirmed. Check the queue before retrying." }),
+              /* @__PURE__ */ jsx2(
+                "button",
+                {
+                  type: "button",
+                  className: "rounded-og-sm px-1.5 py-1 font-medium hover:bg-og-surface-2 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                  onClick: onClearMutationError,
+                  children: "Dismiss"
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
     }
   );
 }
@@ -805,9 +956,10 @@ function GoalPanel({
   const record = goal.goal;
   if (!record) return null;
   const canToggle = !readOnly && (record.status === "active" || record.status === "paused");
+  const explanation = sessionChromeGoalPillExplanation(state, record);
   return /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
     /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
-      /* @__PURE__ */ jsx2("span", { children: GOAL_LABEL[state] }),
+      /* @__PURE__ */ jsx2("span", { children: sessionChromeGoalPillLabel(state, record) }),
       elapsed ? /* @__PURE__ */ jsxs2("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 ",
         elapsed
@@ -823,12 +975,20 @@ function GoalPanel({
       " ",
       record.successCriteria
     ] }) : null,
+    explanation ? /* @__PURE__ */ jsx2(
+      "p",
+      {
+        "data-og-session-chrome-goal-explanation": true,
+        className: "text-og-xs leading-4 text-og-fg-muted",
+        children: explanation
+      }
+    ) : null,
     record.continuation?.lastError ? /* @__PURE__ */ jsx2("p", { className: "rounded-og-sm bg-og-status-waiting/10 px-1.5 py-1 text-og-xs leading-4 text-og-status-waiting", children: record.continuation.lastError }) : null,
     /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
       /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
         /* @__PURE__ */ jsxs2("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.autoContinuations,
-          " auto-continues"
+          " consecutive unattended continues"
         ] }),
         /* @__PURE__ */ jsxs2("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.noProgressStreak,
@@ -909,7 +1069,7 @@ var defaultHumanInputFormMessages = {
   title: "Input required",
   /** Multi-question chrome has no default subtitle; hosts may still override. */
   description: "",
-  submit: "Continue",
+  submit: "Send answers",
   skip: "Skip",
   submitting: "Submitting\u2026",
   other: "Other",
@@ -931,7 +1091,10 @@ var defaultHumanInputFormMessages = {
     return null;
   }
 };
-function HumanInputForm({
+function HumanInputForm(props) {
+  return /* @__PURE__ */ jsx3(HumanInputRequestForm, { ...props }, props.request.id);
+}
+function HumanInputRequestForm({
   request,
   onSubmit,
   submitting = false,
@@ -966,15 +1129,6 @@ function HumanInputForm({
   const submissionInFlight = useRef2(false);
   const submissionGeneration = useRef2(0);
   const busy = submitting || submittingInternally;
-  useEffect2(() => {
-    submissionGeneration.current += 1;
-    submissionInFlight.current = false;
-    setDrafts(initialDrafts(request.questions));
-    setValidationErrors({});
-    setSubmissionError(null);
-    setSubmittingInternally(false);
-    setCollapsed(defaultCollapsed);
-  }, [request.id, request.questions, defaultCollapsed]);
   useEffect2(() => {
     if (collapsed) {
       setOverflowBelow(false);
@@ -1163,6 +1317,8 @@ function HumanInputForm({
                     QuestionControls,
                     {
                       question,
+                      questionNumber: null,
+                      labelledBy: titleId,
                       draft: drafts[question.id] ?? emptyDraft(),
                       fieldId: `${formId}-${index}`,
                       error: validationErrors[question.id],
@@ -1185,6 +1341,8 @@ function HumanInputForm({
                       QuestionControls,
                       {
                         question,
+                        questionNumber: index + 1,
+                        labelledBy: void 0,
                         draft: drafts[question.id] ?? emptyDraft(),
                         fieldId: `${formId}-${index}`,
                         error: validationErrors[question.id],
@@ -1239,7 +1397,7 @@ function HumanInputForm({
             {
               type: "submit",
               disabled: busy,
-              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",
+              className: "inline-flex min-h-9 items-center rounded-og-md bg-og-accent-deep px-3 py-1.5 text-og-sm font-medium text-og-accent-fg transition hover:brightness-110 disabled:opacity-50",
               children: busy ? messages.submitting : resolvedSubmitLabel
             }
           )
@@ -1250,6 +1408,8 @@ function HumanInputForm({
 }
 function QuestionControls({
   question,
+  questionNumber,
+  labelledBy,
   draft,
   fieldId,
   error,
@@ -1263,29 +1423,48 @@ function QuestionControls({
 }) {
   const errorId = `${fieldId}-error`;
   const helpId = `${fieldId}-help`;
+  const labelId = `${fieldId}-label`;
+  const promptId = `${fieldId}-prompt`;
+  const otherChoiceId = `${fieldId}-other-choice`;
+  const otherLabelId = `${fieldId}-other-label`;
+  const otherTextId = `${fieldId}-other-text`;
+  const visibleLabel = question.label ?? question.prompt;
+  const controlLabelId = showPromptChrome ? labelId : labelledBy;
   const hint = question.kind === "multi_select" ? messages.selectionHint(
     question.validation?.minSelections,
     question.validation?.maxSelections
   ) : null;
   const describedBy = [
+    question.label && showPromptChrome ? promptId : null,
     question.helpText && showPromptChrome ? helpId : null,
     hint ? `${fieldId}-hint` : null,
     error ? errorId : null
   ].filter(Boolean).join(" ") || void 0;
+  const selectOtherDraft = (current) => ({
+    ...current,
+    otherSelected: true,
+    ...question.kind === "single_select" ? { values: [] } : {}
+  });
   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",
         {
+          id: labelId,
           htmlFor: question.kind === "text" ? fieldId : void 0,
           className: "text-og-sm font-medium text-og-fg",
           children: [
-            question.label ?? question.prompt,
+            questionNumber === null ? null : /* @__PURE__ */ jsxs3("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+              questionNumber,
+              "."
+            ] }),
+            questionNumber === null ? null : " ",
+            visibleLabel,
             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.label ? /* @__PURE__ */ jsx3("p", { id: promptId, 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: [
@@ -1303,6 +1482,7 @@ function QuestionControls({
           values: event.target.value ? [event.target.value] : []
         })),
         "aria-invalid": Boolean(error),
+        "aria-labelledby": controlLabelId,
         "aria-describedby": describedBy,
         autoFocus,
         rows: 2,
@@ -1312,6 +1492,7 @@ function QuestionControls({
       "div",
       {
         role: question.kind === "single_select" ? "radiogroup" : "group",
+        "aria-labelledby": controlLabelId,
         "aria-describedby": describedBy,
         className: "flex flex-col gap-0.5",
         children: [
@@ -1349,8 +1530,8 @@ function QuestionControls({
               option.id
             );
           }),
-          question.allowOther ? /* @__PURE__ */ jsxs3(
-            "label",
+          /* @__PURE__ */ jsxs3(
+            "div",
             {
               className: cn(
                 "flex items-start gap-2.5 rounded-og-md px-2.5 py-2 transition-colors",
@@ -1360,8 +1541,10 @@ function QuestionControls({
                 /* @__PURE__ */ jsx3(
                   "input",
                   {
+                    id: otherChoiceId,
                     type: question.kind === "single_select" ? "radio" : "checkbox",
                     name: question.kind === "single_select" ? fieldId : void 0,
+                    "aria-labelledby": otherLabelId,
                     checked: draft.otherSelected,
                     autoFocus: autoFocus && firstOption && question.options.length === 0,
                     onChange: (event) => onUpdate((current) => ({
@@ -1373,25 +1556,44 @@ function QuestionControls({
                   }
                 ),
                 /* @__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(
+                    "label",
+                    {
+                      id: otherLabelId,
+                      htmlFor: otherChoiceId,
+                      className: "block text-og-sm font-medium",
+                      children: messages.other
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs3("label", { htmlFor: otherTextId, className: "sr-only", children: [
+                    messages.other,
+                    " answer for ",
+                    visibleLabel
+                  ] }),
                   /* @__PURE__ */ jsx3(
                     "input",
                     {
+                      id: otherTextId,
                       type: "text",
                       value: draft.other,
-                      disabled: !draft.otherSelected || busy,
+                      disabled: busy,
                       placeholder: "Type a value\u2026",
-                      onChange: (event) => onUpdate((current) => ({
-                        ...current,
-                        other: event.target.value
-                      })),
+                      onClick: () => onUpdate(selectOtherDraft),
+                      onFocus: () => onUpdate(selectOtherDraft),
+                      onChange: (event) => {
+                        const other = event.target.value;
+                        onUpdate((current) => ({
+                          ...selectOtherDraft(current),
+                          other
+                        }));
+                      },
                       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-hidden focus:border-og-accent disabled:opacity-50"
                     }
                   )
                 ] })
               ]
             }
-          ) : null
+          )
         ]
       }
     ),
@@ -1405,9 +1607,10 @@ function answersFromDrafts(questions, drafts, messageOverrides = {}) {
   for (const question of questions) {
     const draft = drafts[question.id] ?? emptyDraft();
     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) {
+    const other = draft.otherSelected ? draft.other : "";
+    const hasOther = Boolean(other.trim());
+    const supplied = values.length + (hasOther ? 1 : 0);
+    if (question.kind !== "text" && draft.otherSelected && !hasOther) {
       errors[question.id] = messages.otherRequired;
       continue;
     }
@@ -1431,7 +1634,7 @@ function answersFromDrafts(questions, drafts, messageOverrides = {}) {
       answers.push({
         questionId: question.id,
         values,
-        ...other ? { other } : {}
+        ...hasOther ? { other } : {}
       });
     }
   }
@@ -2018,7 +2221,7 @@ function useForcedDefaultOpen() {
 }
 
 // src/timeline/screenshot-lightbox.tsx
-import { XIcon as XIcon2 } from "lucide-react";
+import { DownloadIcon, 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 useMemo3, useState as useState3 } from "react";
 import { Dialog } from "radix-ui";
@@ -2044,9 +2247,14 @@ function LightboxRoot({ children }) {
   const [tokenSource, setTokenSource] = useState3(null);
   const portalStyle = usePortalTokenStyle(tokenSource);
   const open = useCallback(
-    (src, caption, source, label = "Screenshot") => {
+    (src, caption, source, label = "Screenshot", downloadFilename) => {
       setTokenSource(source ?? null);
-      setState(caption ? { src, caption, label } : { src, label });
+      setState({
+        src,
+        label,
+        ...caption ? { caption } : {},
+        ...downloadFilename ? { downloadFilename } : {}
+      });
     },
     []
   );
@@ -2103,18 +2311,34 @@ 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__ */ jsx6(
-                      Dialog.Close,
-                      {
-                        className: cn(
-                          "absolute -right-3 -top-3 inline-flex size-9 items-center justify-center rounded-full",
-                          "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
-                          "transition-colors hover:border-white/30 hover:text-white"
-                        ),
-                        "aria-label": "Close",
-                        children: /* @__PURE__ */ jsx6(XIcon2, { className: "size-4" })
-                      }
-                    )
+                    /* @__PURE__ */ jsxs4("div", { className: "absolute -right-3 -top-3 flex items-center gap-2", children: [
+                      state.downloadFilename ? /* @__PURE__ */ jsx6(
+                        "a",
+                        {
+                          href: state.src,
+                          download: state.downloadFilename,
+                          className: cn(
+                            "inline-flex size-9 items-center justify-center rounded-full",
+                            "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
+                            "transition-colors hover:border-white/30 hover:text-white"
+                          ),
+                          "aria-label": `Download ${state.downloadFilename}`,
+                          children: /* @__PURE__ */ jsx6(DownloadIcon, { className: "size-4" })
+                        }
+                      ) : null,
+                      /* @__PURE__ */ jsx6(
+                        Dialog.Close,
+                        {
+                          className: cn(
+                            "inline-flex size-9 items-center justify-center rounded-full",
+                            "border border-white/15 bg-black/60 text-white/70 backdrop-blur",
+                            "transition-colors hover:border-white/30 hover:text-white"
+                          ),
+                          "aria-label": "Close",
+                          children: /* @__PURE__ */ jsx6(XIcon2, { className: "size-4" })
+                        }
+                      )
+                    ] })
                   ] }),
                   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" })
                 ] })
@@ -2364,7 +2588,8 @@ function Thumbnail({
   caption,
   alt = "screenshot",
   expandLabel = "Expand screenshot",
-  lightboxLabel = "Screenshot"
+  lightboxLabel = "Screenshot",
+  downloadFilename
 }) {
   const lightbox = useLightboxOptional();
   const [failed, setFailed] = useState4(false);
@@ -2389,7 +2614,7 @@ function Thumbnail({
       type: "button",
       onClick: (event) => {
         event.stopPropagation();
-        lightbox.open(src, caption, event.currentTarget, lightboxLabel);
+        lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename);
       },
       onKeyDown: (event) => {
         if (event.key === "Enter" || event.key === " ") {
@@ -2411,7 +2636,8 @@ function ScreenshotFigure({
   caption,
   alt = "screenshot",
   expandLabel = "Expand screenshot",
-  lightboxLabel = "Screenshot"
+  lightboxLabel = "Screenshot",
+  downloadFilename
 }) {
   const lightbox = useLightboxOptional();
   const [failed, setFailed] = useState4(false);
@@ -2430,7 +2656,7 @@ function ScreenshotFigure({
       "button",
       {
         type: "button",
-        onClick: (event) => lightbox.open(src, caption, event.currentTarget, lightboxLabel),
+        onClick: (event) => lightbox.open(src, caption, event.currentTarget, lightboxLabel, downloadFilename),
         className: surface,
         "aria-label": expandLabel,
         children: img
@@ -2593,12 +2819,16 @@ function PlainPatch({ diff }) {
 }
 
 // src/timeline/tool-renderers.tsx
+import {
+  parseSandboxFileArtifactReceipt
+} from "@opengeni/sdk";
 import {
   BoxIcon,
   BrainCircuitIcon,
   CalendarClockIcon,
   CameraIcon as CameraIcon2,
   CameraOffIcon as CameraOffIcon2,
+  DownloadIcon as DownloadIcon2,
   FileDiffIcon,
   FileSearchIcon,
   FolderGitIcon,
@@ -3326,6 +3556,7 @@ function RetainedSessionImageDisclosure({
   cancelled
 }) {
   const state = useRetainedImageObjectUrl(artifact, load);
+  const downloadFilename = retainedImageFilename(artifact);
   return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
@@ -3342,7 +3573,8 @@ function RetainedSessionImageDisclosure({
           caption,
           alt: caption,
           expandLabel: `Expand ${noun}`,
-          lightboxLabel
+          lightboxLabel,
+          downloadFilename
         }
       ) : state.kind === "loading" ? /* @__PURE__ */ jsx10(MediaSkeleton, {}) : /* @__PURE__ */ jsx10(MediaEmpty, {}),
       children: [
@@ -3353,7 +3585,8 @@ function RetainedSessionImageDisclosure({
             caption,
             alt: caption,
             expandLabel: `Expand ${noun}`,
-            lightboxLabel
+            lightboxLabel,
+            downloadFilename
           }
         ) : state.kind === "loading" ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
           "Loading the retained ",
@@ -3433,6 +3666,77 @@ function GeneratedVideoRenderer({ item }) {
     }
   );
 }
+function SandboxFilePublishRenderer({ item, loadRetainedArtifact }) {
+  const { text: output, isError } = unwrapMcpOutput(item.output);
+  const receipt = parseSandboxFileArtifactReceipt(output);
+  const [downloadState, setDownloadState] = useState8("idle");
+  if (item.status === "running") {
+    return /* @__PURE__ */ jsx10(
+      ActivityDisclosure,
+      {
+        icon: /* @__PURE__ */ jsx10(DownloadIcon2, { className: ICON_SIZE }),
+        iconTone: "running",
+        title: "Publishing file",
+        running: true,
+        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "retaining workspace bytes\u2026" })
+      }
+    );
+  }
+  if (!receipt || isError || item.status === "failed") {
+    return /* @__PURE__ */ jsx10(GenericRenderer, { item });
+  }
+  const download = async () => {
+    if (!loadRetainedArtifact) {
+      setDownloadState("error");
+      return;
+    }
+    setDownloadState("loading");
+    let objectUrl = null;
+    try {
+      const source = await loadRetainedArtifact(receipt.artifact, new AbortController().signal);
+      if (!source) throw new Error("artifact unavailable");
+      const url = source instanceof Uint8Array ? objectUrl = URL.createObjectURL(
+        new Blob([source], {
+          type: receipt.artifact.contentType
+        })
+      ) : source.url;
+      const anchor = document.createElement("a");
+      anchor.href = url;
+      anchor.download = receipt.filename;
+      anchor.rel = "noopener";
+      anchor.click();
+      setDownloadState("idle");
+    } catch {
+      setDownloadState("error");
+    } finally {
+      const urlToRevoke = objectUrl;
+      if (urlToRevoke) setTimeout(() => URL.revokeObjectURL(urlToRevoke), 0);
+    }
+  };
+  return /* @__PURE__ */ jsx10(
+    ActivityDisclosure,
+    {
+      icon: /* @__PURE__ */ jsx10(DownloadIcon2, { className: ICON_SIZE }),
+      iconTone: "accent",
+      title: `Published ${receipt.filename}`,
+      defaultOpen: true,
+      preview: formatBytes(receipt.artifact.originalBytes),
+      children: /* @__PURE__ */ jsxs7(
+        "button",
+        {
+          type: "button",
+          onClick: () => void download(),
+          disabled: downloadState === "loading",
+          className: "inline-flex items-center gap-1.5 rounded-og-sm border border-og-border px-2.5 py-1.5 text-og-sm font-medium text-og-fg transition-colors hover:border-og-border-strong hover:bg-og-surface-2 disabled:cursor-wait disabled:opacity-60",
+          children: [
+            /* @__PURE__ */ jsx10(DownloadIcon2, { className: "size-3.5" }),
+            downloadState === "loading" ? "Preparing\u2026" : downloadState === "error" ? "Retry download" : "Download"
+          ]
+        }
+      )
+    }
+  );
+}
 function GeneratedImageDisclosure({
   receipt,
   load,
@@ -3490,6 +3794,10 @@ function GeneratedImageDisclosure({
     }
   );
 }
+function retainedImageFilename(artifact) {
+  const extension = artifact.contentType === "image/jpeg" ? "jpg" : artifact.contentType === "image/webp" ? "webp" : "png";
+  return `${artifact.kind}-${artifact.artifactId}.${extension}`;
+}
 function webSearchQueryFromArguments(args) {
   if (typeof args === "string") {
     const trimmed = args.trim();
@@ -4321,14 +4629,14 @@ function GenericRenderer({ item }) {
 }
 function goalToolPreview(name, args) {
   const leaf = mcpToolLeaf(name);
-  if (leaf !== "goal_set" && leaf !== "goal_update" && leaf !== "goal_complete" && leaf !== "goal_pause") {
+  if (leaf !== "goal_set" && leaf !== "goal_update" && leaf !== "goal_complete" && leaf !== "goal_pause" && leaf !== "goal_wait") {
     return null;
   }
   const record = args && typeof args === "object" ? args : null;
   if (!record) {
     return null;
   }
-  const text = typeof record.text === "string" ? record.text : typeof record.evidence === "string" ? record.evidence : typeof record.rationale === "string" ? record.rationale : typeof record.progressNote === "string" ? record.progressNote : null;
+  const text = typeof record.text === "string" ? record.text : typeof record.evidence === "string" ? record.evidence : typeof record.rationale === "string" ? record.rationale : typeof record.reason === "string" ? record.reason : typeof record.progressNote === "string" ? record.progressNote : null;
   return text ? truncatePreview(text, 90) : null;
 }
 function truncatePreview(text, max) {
@@ -4372,6 +4680,7 @@ var BASE_ENTRIES = [
   { match: "name", name: "generate_video", render: GeneratedVideoRenderer },
   { match: "name", name: "tool_search", render: ToolSearchRenderer },
   { match: "name", name: "view_image", render: ViewImageRenderer },
+  { match: "name", name: "sandbox_file_publish", render: SandboxFilePublishRenderer },
   { match: "name", name: "environment_set_variable", render: SecretSetRenderer },
   { match: "name", name: "variable_set_set_variable", render: SecretSetRenderer },
   { match: "name", name: "search_documents", render: DocsSearchRenderer },
@@ -4386,7 +4695,7 @@ function createDefaultToolRegistry(options = {}) {
 }
 
 // src/components/copy-button.tsx
-import { CheckIcon, CopyIcon } from "lucide-react";
+import { CheckIcon as CheckIcon2, CopyIcon } from "lucide-react";
 import { useEffect as useEffect7, useRef as useRef5, useState as useState9 } from "react";
 import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var COPIED_MS = 1600;
@@ -4458,7 +4767,7 @@ function CopyButton({
               copied && "opacity-100 text-og-accent",
               className
             ),
-            children: copied ? /* @__PURE__ */ jsx11(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx11(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+            children: copied ? /* @__PURE__ */ jsx11(CheckIcon2, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx11(CopyIcon, { className: "size-3.5", "aria-hidden": true })
           }
         ) }),
         /* @__PURE__ */ jsx11(TooltipContent, { side: "top", children: tip })
@@ -4501,11 +4810,14 @@ import {
   isValidElement,
   memo,
   useEffect as useEffect8,
+  useMemo as useMemo4,
   useReducer,
   useRef as useRef6,
   useState as useState10
 } from "react";
-import ReactMarkdown from "react-markdown";
+import ReactMarkdown, {
+  defaultUrlTransform
+} from "react-markdown";
 import remarkGfm from "remark-gfm";
 
 // src/lib/motion.ts
@@ -4789,7 +5101,7 @@ function rehypeStreamReveal(options) {
 
 // src/components/markdown.tsx
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-var components = {
+var baseComponents = {
   h1: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "h1",
     {
@@ -4818,16 +5130,6 @@ var components = {
   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-strong underline-offset-2 hover:underline",
-      target: "_blank",
-      rel: "noreferrer noopener",
-      ...props,
-      children
-    }
-  ),
   ul: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "ul",
     {
@@ -4905,15 +5207,125 @@ var components = {
       children
     }
   ),
-  img: ({ alt, ...props }) => /* @__PURE__ */ jsx12(
+  img: ({ alt, src, ...props }) => src ? /* @__PURE__ */ jsx12(
     "img",
     {
       alt: alt ?? "",
+      src,
       className: "my-3 max-w-full rounded-og-md border border-og-border",
       ...props
     }
-  )
+  ) : alt ? /* @__PURE__ */ jsx12("span", { className: "text-og-fg-subtle", "aria-disabled": "true", children: alt }) : null
 };
+var MARKDOWN_LINK_CLASS = "break-words font-medium text-og-accent-strong underline-offset-2 hover:underline";
+function markdownComponents(onSandboxFile) {
+  return {
+    ...baseComponents,
+    a: ({ children, href, ...props }) => {
+      const location = sandboxFileLocationFromHref(href);
+      if (location !== null) {
+        return /* @__PURE__ */ jsx12(SandboxMarkdownLink, { location, onSandboxFile, children });
+      }
+      if (isSandboxHref(href) || !href) {
+        return /* @__PURE__ */ jsx12(
+          "span",
+          {
+            className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
+            "aria-disabled": "true",
+            title: isSandboxHref(href) ? "This sandbox file reference is invalid" : "This link is unavailable",
+            children
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx12(
+        "a",
+        {
+          className: MARKDOWN_LINK_CLASS,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          href,
+          ...props,
+          children
+        }
+      );
+    }
+  };
+}
+function SandboxMarkdownLink({
+  location,
+  onSandboxFile,
+  children
+}) {
+  const [state, setState] = useState10("idle");
+  const { path, line } = location;
+  if (!onSandboxFile) {
+    return /* @__PURE__ */ jsx12(
+      "span",
+      {
+        className: "break-words font-medium text-og-fg-subtle underline decoration-dotted underline-offset-2",
+        "aria-disabled": "true",
+        title: "This sandbox file requires a session-aware handler",
+        children
+      }
+    );
+  }
+  const idleTitle = line !== null ? `Open ${path} at line ${line}` : `Open ${path}`;
+  return /* @__PURE__ */ jsxs9(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        MARKDOWN_LINK_CLASS,
+        "inline-flex min-h-7 cursor-pointer items-center disabled:cursor-wait disabled:opacity-70 pointer-coarse:min-h-11"
+      ),
+      disabled: state === "loading",
+      "aria-busy": state === "loading",
+      title: state === "error" ? "Couldn't open this file. Select to retry." : idleTitle,
+      onClick: () => {
+        setState("loading");
+        void Promise.resolve(onSandboxFile(path, line ?? void 0)).then(
+          () => setState("idle"),
+          () => setState("error")
+        );
+      },
+      children: [
+        children,
+        state === "loading" ? " (opening\u2026)" : state === "error" ? " (retry)" : null
+      ]
+    }
+  );
+}
+var SANDBOX_SCHEME = "sandbox:";
+var LEGACY_WORKSPACE_PREFIX = "/workspace/";
+var TRAILING_LINE = /:([0-9]+)$/u;
+var TRAILING_INVALID_LINE = /:-(?:[0-9]+)$|:[0-9]+-[0-9]+$/u;
+var CONTROL_CHARACTER = /[\u0000-\u001f\u007f]/u;
+function isSandboxHref(href) {
+  return href?.startsWith(SANDBOX_SCHEME) ?? false;
+}
+function sandboxFileLocationFromHref(href) {
+  if (!href) return null;
+  const encodedLocation = isSandboxHref(href) ? href.slice(SANDBOX_SCHEME.length) : href.startsWith(LEGACY_WORKSPACE_PREFIX) ? href : null;
+  if (!encodedLocation || encodedLocation.includes("?") || encodedLocation.includes("#")) {
+    return null;
+  }
+  if (TRAILING_INVALID_LINE.test(encodedLocation)) return null;
+  const lineMatch = TRAILING_LINE.exec(encodedLocation);
+  const encodedPath = lineMatch ? encodedLocation.slice(0, -lineMatch[0].length) : encodedLocation;
+  const line = lineMatch?.[1] ? Number(lineMatch[1]) : null;
+  if (line !== null && (!Number.isSafeInteger(line) || line < 1)) return null;
+  if (!encodedPath) return null;
+  try {
+    const path = decodeURIComponent(encodedPath);
+    return path && !CONTROL_CHARACTER.test(path) ? { path, line } : null;
+  } catch {
+    return null;
+  }
+}
+function sandboxFilePathFromHref(href) {
+  return sandboxFileLocationFromHref(href)?.path ?? null;
+}
+var markdownUrlTransform = (url, key, node) => key === "href" && node.tagName === "a" && isSandboxHref(url) ? url : defaultUrlTransform(url);
 var REVEAL_LINGER_MS = 480 * MOTION_INSPECT_SCALE;
 var MARKDOWN_SETTLE_MS = 480 * MOTION_INSPECT_SCALE;
 function nodeText(node) {
@@ -4984,7 +5396,7 @@ function MarkdownTable({ children, className, ...props }) {
     ) })
   ] });
 }
-function MarkdownImpl({ children, className, streaming = false }) {
+function MarkdownImpl({ children, className, streaming = false, onSandboxFile }) {
   const revealRef = useRef6(null);
   const bodyRef = useRef6(null);
   const [, bump] = useReducer((n) => n + 1, 0);
@@ -5047,6 +5459,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
     return () => clearTimeout(timer);
   }, [streaming]);
   const parseText = streaming || revealActive ? softenStreamingMarkdown(children) : children;
+  const components = useMemo4(() => markdownComponents(onSandboxFile), [onSandboxFile]);
   return /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx12(
     "div",
     {
@@ -5062,6 +5475,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
           remarkPlugins: [remarkGfm],
           rehypePlugins,
           components,
+          urlTransform: markdownUrlTransform,
           children: parseText
         }
       )
@@ -5071,14 +5485,8 @@ function MarkdownImpl({ children, className, streaming = false }) {
 var Markdown = memo(MarkdownImpl);
 
 // src/timeline/activity-rail.tsx
-import {
-  ArrowRightIcon,
-  BotIcon as BotIcon2,
-  BrainCircuitIcon as BrainCircuitIcon2,
-  BrainIcon,
-  SquareTerminalIcon
-} from "lucide-react";
-import { lazy as lazy3, Suspense as Suspense3, useLayoutEffect as useLayoutEffect2, useRef as useRef8 } from "react";
+import { ArrowRightIcon, BotIcon as BotIcon2, BrainCircuitIcon as BrainCircuitIcon2 } from "lucide-react";
+import { lazy as lazy3, Suspense as Suspense3, useLayoutEffect, useRef as useRef8 } from "react";
 import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
 
 // src/timeline/entrance.tsx
@@ -5105,6 +5513,7 @@ function useSeenActivityIds() {
 // src/timeline/activity-rail.tsx
 import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var LazyFleetDecisionRow = lazy3(() => import("./fleet-decision-row-GGCAT4E4.js"));
+var LazyPlatformActivityRow = lazy3(() => import("./platform-activity-row-BJHUHXAT.js"));
 function familyOf(item) {
   if (item.kind === "tool-call") {
     return item.name === "exec_command" || item.name === "write_stdin" ? "terminal" : item.name;
@@ -5138,7 +5547,7 @@ function ActivityRail({
       }
     }
   }
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     previousIdsRef.current = new Set(items.map((item) => item.id));
     if (seenIds) {
       for (const item of items) {
@@ -5190,7 +5599,22 @@ function assertNever(item) {
 function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRetainedScreenshot, loadRetainedArtifact) {
   switch (item.kind) {
     case "reasoning":
-      return /* @__PURE__ */ jsx13(ReasoningRow, { item });
+    case "sandbox":
+    case "startup-phase":
+      return /* @__PURE__ */ jsx13(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx13(
+        LazyPlatformActivityRow,
+        {
+          item,
+          d: ActivityDisclosure,
+          p: PayloadBlock,
+          t: toolDisplayName,
+          b: BotIcon2,
+          m: Markdown,
+          r: truncate,
+          j: rowJsx,
+          s: rowJsxs
+        }
+      ) });
     case "tool-call": {
       const Renderer = toolRegistry.resolve(item);
       return /* @__PURE__ */ jsx13(ToolCallTruncationProvider, { value: item.truncation ?? null, children: /* @__PURE__ */ jsx13(
@@ -5204,8 +5628,6 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
     }
     case "worker":
       return /* @__PURE__ */ jsx13(WorkerRow, { item, onOpenSession });
-    case "sandbox":
-      return /* @__PURE__ */ jsx13(SandboxRow, { item });
     case "memory":
       return /* @__PURE__ */ jsx13(MemoryRow, { item, onMemoryClick });
     case "fleet-decision":
@@ -5223,19 +5645,6 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
       return assertNever(item);
   }
 }
-function ReasoningRow({ item }) {
-  return /* @__PURE__ */ jsx13(
-    ActivityDisclosure,
-    {
-      icon: /* @__PURE__ */ jsx13(BrainIcon, { className: "size-3.5" }),
-      iconTone: "muted",
-      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__ */ 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 }) })
-    }
-  );
-}
 var MEMORY_KIND_LABEL = {
   preference: "Preference",
   semantic: "Fact",
@@ -5301,35 +5710,6 @@ function MemoryRow({
     }
   );
 }
-function sandboxRowTitle(item) {
-  if (item.name === "sandbox.provision") {
-    if (item.status === "failed") return "Sandbox didn\u2019t start";
-    if (item.status === "running") return "Starting sandbox";
-    if (item.origin === "resumed") return "Sandbox reattached";
-    if (item.origin === "restored") return "Sandbox restored";
-    if (item.origin === "created") return "Sandbox created";
-    return "Sandbox ready";
-  }
-  return toolDisplayName(item.name);
-}
-function SandboxRow({ item }) {
-  return /* @__PURE__ */ jsxs10(
-    ActivityDisclosure,
-    {
-      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",
-      failed: item.status === "failed",
-      cancelled: item.status === "cancelled",
-      preview: item.command ?? void 0,
-      children: [
-        item.command ? /* @__PURE__ */ jsx13(PayloadBlock, { label: "Command", value: item.command }) : null,
-        item.output ? /* @__PURE__ */ jsx13(PayloadBlock, { label: "Output", value: item.output }) : null
-      ]
-    }
-  );
-}
 function WorkerRow({
   item,
   onOpenSession
@@ -5396,7 +5776,7 @@ import {
   createContext as createContext8,
   useContext as useContext8,
   useEffect as useEffect9,
-  useMemo as useMemo4,
+  useMemo as useMemo5,
   useRef as useRef9,
   useState as useState11
 } from "react";
@@ -5561,7 +5941,7 @@ function TurnSummary({
   const [allowEnterAnimation] = useState11(
     () => Boolean(enter && !bare && !initialSettle && !restingOpen)
   );
-  const context = useMemo4(
+  const context = useMemo5(
     () => createTurnSummaryContext(
       items,
       outcome,
@@ -5571,11 +5951,11 @@ function TurnSummary({
     ),
     [items, outcome, failureText, durationMs, settling, settlePhase, contextCompactionCount]
   );
-  const facetDefinitions = useMemo4(
+  const facetDefinitions = useMemo5(
     () => resolveTurnSummaryFacets(facetConfiguration),
     [facetConfiguration]
   );
-  const facets = useMemo4(
+  const facets = useMemo5(
     () => facetDefinitions.flatMap((facet) => {
       try {
         const result = facet.summarize(context);
@@ -5708,7 +6088,7 @@ function createTurnSummaryContext(items, outcome, failureText, durationMs, conte
     if (item.kind === "reasoning") {
       return !item.streaming;
     }
-    if (item.kind === "tool-call" || item.kind === "worker" || item.kind === "sandbox") {
+    if (item.kind === "tool-call" || item.kind === "worker" || item.kind === "sandbox" || item.kind === "startup-phase") {
       return item.status !== "running";
     }
     return true;
@@ -5854,7 +6234,7 @@ import {
   useCallback as useCallback2,
   useContext as useContext9,
   useId as useId3,
-  useLayoutEffect as useLayoutEffect3,
+  useLayoutEffect as useLayoutEffect2,
   useRef as useRef10,
   useState as useState12
 } from "react";
@@ -5938,6 +6318,64 @@ function collectInteractionBoundaries(root) {
 function isFullyInsideVisiblePreview(rect, clipRect) {
   return rect.width > 0 && rect.height > 0 && rect.top >= clipRect.top - 1 && rect.bottom <= clipRect.bottom + 1 && rect.left >= clipRect.left - 1 && rect.right <= clipRect.right + 1;
 }
+var sharedResizeObservers = /* @__PURE__ */ new WeakMap();
+var disclosureMeasurementJobs = /* @__PURE__ */ new Map();
+var disclosureMeasurementQueued = false;
+function scheduleDisclosureMeasurement(view, key, job) {
+  disclosureMeasurementJobs.set(key, job);
+  if (!disclosureMeasurementQueued) {
+    disclosureMeasurementQueued = true;
+    view.queueMicrotask(() => {
+      disclosureMeasurementQueued = false;
+      const pending = [...disclosureMeasurementJobs.values()];
+      disclosureMeasurementJobs.clear();
+      const decisions = pending.map(({ read }) => read());
+      for (let index = 0; index < pending.length; index += 1) {
+        pending[index].write(decisions[index]);
+      }
+    });
+  }
+  return () => disclosureMeasurementJobs.delete(key);
+}
+function observeSharedResize(element, callback) {
+  const view = element.ownerDocument.defaultView;
+  if (!view || typeof ResizeObserver === "undefined") {
+    return null;
+  }
+  let state = sharedResizeObservers.get(view);
+  if (!state) {
+    const callbacks = /* @__PURE__ */ new Map();
+    const handleWindowResize = () => {
+      for (const registered of new Set(callbacks.values())) registered();
+    };
+    const observer = new ResizeObserver((entries) => {
+      if (entries.length === 0) {
+        handleWindowResize();
+      } else {
+        for (const entry of entries) {
+          callbacks.get(entry.target)?.();
+        }
+      }
+    });
+    view.addEventListener("resize", handleWindowResize);
+    state = { callbacks, observer, handleWindowResize };
+    sharedResizeObservers.set(view, state);
+  }
+  state.callbacks.set(element, callback);
+  state.observer.observe(element);
+  return () => {
+    if (state.callbacks.get(element) !== callback) {
+      return;
+    }
+    state.callbacks.delete(element);
+    state.observer.unobserve(element);
+    if (state.callbacks.size === 0) {
+      state.observer.disconnect();
+      view.removeEventListener("resize", state.handleWindowResize);
+      sharedResizeObservers.delete(view);
+    }
+  };
+}
 var UserMessageDisclosureContext = createContext9(null);
 function UserMessageDisclosureProvider({
   value,
@@ -5954,15 +6392,31 @@ function UserMessageBody({ messageId, text, children, className }) {
   const [expanded, setExpanded] = useState12(
     () => disclosure?.expandedByMessageId.get(messageId) ?? false
   );
-  const [collapsible, setCollapsible] = useState12(() => userMessageLikelyNeedsDisclosure(text));
+  const collapsibleRef = useRef10(userMessageLikelyNeedsDisclosure(text));
+  const expandedRef = useRef10(expanded);
+  expandedRef.current = expanded;
   const rootRef = useRef10(null);
   const clipRef = useRef10(null);
   const contentRef = useRef10(null);
   const thresholdRef = useRef10(null);
+  const fadeRef = useRef10(null);
+  const disclosureControlRef = useRef10(null);
   const pendingRestoreRef = useRef10(null);
   const managedInertDescendantsRef = useRef10(/* @__PURE__ */ new Set());
+  const measurementKeyRef = useRef10({});
   const contentId = `og-user-message-${useId3().replace(/:/g, "")}`;
+  const collapsible = collapsibleRef.current;
   const collapsed = collapsible && !expanded;
+  const syncDisclosurePresentation = useCallback2((nextCollapsible) => {
+    collapsibleRef.current = nextCollapsible;
+    const nextCollapsed = nextCollapsible && !expandedRef.current;
+    const clip = clipRef.current;
+    clip?.classList.toggle("max-h-56", nextCollapsed);
+    clip?.classList.toggle("overflow-hidden", nextCollapsed);
+    clip?.classList.toggle("sm:max-h-72", nextCollapsed);
+    if (fadeRef.current) fadeRef.current.hidden = !nextCollapsed;
+    if (disclosureControlRef.current) disclosureControlRef.current.hidden = !nextCollapsible;
+  }, []);
   const restoreManagedInertDescendants = useCallback2(() => {
     for (const descendant of managedInertDescendantsRef.current) {
       if (descendant.hasAttribute("data-og-user-message-managed-inert")) {
@@ -5974,7 +6428,7 @@ function UserMessageBody({ messageId, text, children, className }) {
   }, []);
   const syncCollapsedInteractivity = useCallback2(() => {
     restoreManagedInertDescendants();
-    if (!collapsed) {
+    if (!collapsibleRef.current || expandedRef.current) {
       return;
     }
     const clip = clipRef.current;
@@ -5998,51 +6452,71 @@ function UserMessageBody({ messageId, text, children, className }) {
       descendant.setAttribute("data-og-user-message-managed-inert", "");
       managedInertDescendantsRef.current.add(descendant);
     }
-  }, [collapsed, restoreManagedInertDescendants]);
-  const measure = useCallback2(() => {
+  }, [restoreManagedInertDescendants]);
+  const readCollapsible = useCallback2(() => {
     const content = contentRef.current;
     const threshold = thresholdRef.current;
     if (!content || !threshold) {
-      return;
+      return userMessageLikelyNeedsDisclosure(text);
     }
     const renderedHeight = Math.max(content.scrollHeight, content.getBoundingClientRect().height);
     const collapseHeight = Math.max(
       threshold.offsetHeight,
       threshold.getBoundingClientRect().height
     );
-    setCollapsible(
-      renderedHeight > 0 && collapseHeight > 0 ? renderedHeight > collapseHeight + 1 : userMessageLikelyNeedsDisclosure(text)
-    );
+    return renderedHeight > 0 && collapseHeight > 0 ? renderedHeight > collapseHeight + 1 : userMessageLikelyNeedsDisclosure(text);
   }, [text]);
-  useLayoutEffect3(() => {
-    measure();
+  const measure = useCallback2(() => {
+    const view = rootRef.current?.ownerDocument.defaultView;
+    if (!view) {
+      syncDisclosurePresentation(readCollapsible());
+      syncCollapsedInteractivity();
+      return () => void 0;
+    }
+    return scheduleDisclosureMeasurement(view, measurementKeyRef.current, {
+      read: readCollapsible,
+      write: (nextCollapsible) => {
+        syncDisclosurePresentation(nextCollapsible);
+        syncCollapsedInteractivity();
+      }
+    });
+  }, [readCollapsible, syncCollapsedInteractivity, syncDisclosurePresentation]);
+  useLayoutEffect2(() => {
+    const cancelPendingMeasurement = measure();
     const content = contentRef.current;
     const threshold = thresholdRef.current;
-    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => {
+    const onResize = () => {
       measure();
-      syncCollapsedInteractivity();
-    });
-    if (content) {
-      observer?.observe(content);
-    }
-    if (threshold) {
-      observer?.observe(threshold);
-    }
+    };
+    const stopObservingContent = content ? observeSharedResize(content, onResize) : null;
+    const stopObservingThreshold = threshold ? observeSharedResize(threshold, onResize) : null;
+    const observerAvailable = stopObservingContent !== null || stopObservingThreshold !== null;
     const handleResize = () => {
       measure();
-      syncCollapsedInteractivity();
     };
-    window.addEventListener("resize", handleResize);
+    if (!observerAvailable) {
+      window.addEventListener("resize", handleResize);
+    }
     return () => {
-      observer?.disconnect();
-      window.removeEventListener("resize", handleResize);
+      cancelPendingMeasurement();
+      stopObservingContent?.();
+      stopObservingThreshold?.();
+      if (!observerAvailable) {
+        window.removeEventListener("resize", handleResize);
+      }
     };
   }, [measure, syncCollapsedInteractivity]);
-  useLayoutEffect3(() => {
+  useLayoutEffect2(() => {
+    syncDisclosurePresentation(collapsibleRef.current);
     syncCollapsedInteractivity();
     return restoreManagedInertDescendants;
-  });
-  useLayoutEffect3(() => {
+  }, [
+    expanded,
+    restoreManagedInertDescendants,
+    syncCollapsedInteractivity,
+    syncDisclosurePresentation
+  ]);
+  useLayoutEffect2(() => {
     const restore = pendingRestoreRef.current;
     pendingRestoreRef.current = null;
     restore?.();
@@ -6091,21 +6565,25 @@ function UserMessageBody({ messageId, text, children, className }) {
                   children
                 }
               ),
-              collapsed ? /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx15(
                 "span",
                 {
+                  ref: fadeRef,
                   "aria-hidden": "true",
+                  hidden: !collapsed,
                   "data-og-user-message-fade": "",
                   className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-og-surface-2 via-og-surface-2/90 to-transparent"
                 }
-              ) : null
+              )
             ]
           }
         ),
-        collapsible ? /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx15(
           "button",
           {
+            ref: disclosureControlRef,
             type: "button",
+            hidden: !collapsible,
             "aria-controls": contentId,
             "aria-expanded": expanded,
             "data-og-user-message-disclosure": "",
@@ -6113,7 +6591,7 @@ function UserMessageBody({ messageId, text, children, className }) {
             onClick: (event) => toggle(event.currentTarget),
             children: expanded ? "Show less" : "Show more"
           }
-        ) : null
+        )
       ]
     }
   );
@@ -6197,7 +6675,7 @@ function GeneratedVideoPlayer({
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
-    label: "Queued",
+    label: "Starting",
     dotClassName: "bg-og-status-queued",
     badgeClassName: "text-og-fg-muted border-og-border bg-og-status-queued/10",
     pulse: true
@@ -6286,10 +6764,11 @@ import {
   ArrowUpToLineIcon,
   BotIcon as BotIcon3,
   CheckCircle2Icon,
-  CheckIcon as CheckIcon2,
+  CheckIcon as CheckIcon3,
   ChevronRightIcon as ChevronRightIcon3,
   PauseCircleIcon,
   PauseIcon as PauseIcon2,
+  MessageCircleQuestionIcon as MessageCircleQuestionIcon3,
   PencilLineIcon,
   PlayIcon as PlayIcon2,
   RefreshCwIcon,
@@ -6308,8 +6787,8 @@ import {
   memo as memo2,
   useCallback as useCallback3,
   useEffect as useEffect11,
-  useLayoutEffect as useLayoutEffect4,
-  useMemo as useMemo5,
+  useLayoutEffect as useLayoutEffect3,
+  useMemo as useMemo6,
   useRef as useRef11,
   useState as useState14
 } from "react";
@@ -6588,7 +7067,12 @@ var MACHINE_INPUT_META = {
   agent_message: "Agent update",
   agent_steer_instruction: "Agent direction",
   child_terminal_result: "Agent finished",
-  media_generation_result: "Video update"
+  media_generation_result: "Video update",
+  child_requires_action: "Agent needs input",
+  child_requires_action_resolved: "Agent unblocked",
+  child_paused: "Agent paused",
+  child_waiting_capacity: "Agent waiting for capacity",
+  child_progress: "Agent progress"
 };
 function machineInputBatchLabel(members) {
   if (members.length === 0) return "Updates";
@@ -6612,6 +7096,16 @@ function machineInputBatchLabel(members) {
         return n === 1 ? "Agent direction" : `${n} agent directions`;
       case "media_generation_result":
         return n === 1 ? "Video ready" : `${n} video updates`;
+      case "child_requires_action":
+        return n === 1 ? "Agent needs input" : `${n} agents need input`;
+      case "child_requires_action_resolved":
+        return n === 1 ? "Agent unblocked" : `${n} agents unblocked`;
+      case "child_paused":
+        return n === 1 ? "Agent paused" : `${n} agents paused`;
+      case "child_waiting_capacity":
+        return n === 1 ? "Agent waiting for capacity" : `${n} agents waiting for capacity`;
+      case "child_progress":
+        return n === 1 ? "Agent progress" : `${n} agent progress notes`;
     }
   }
   const parts = [...counts.entries()].map(([kind, count]) => {
@@ -6714,15 +7208,15 @@ function MessageTimeline({
   emptyState,
   className
 }) {
-  const resolvedItems = useMemo5(() => {
+  const resolvedItems = useMemo6(() => {
     const projected = items ?? buildTimeline(events ?? []);
     if (!shouldRenderAuthNeeded) {
       return projected;
     }
     return projected.filter((item) => item.kind !== "auth-needed" || shouldRenderAuthNeeded(item));
   }, [items, events, shouldRenderAuthNeeded]);
-  const allGroups = useMemo5(() => groupTimeline(resolvedItems), [resolvedItems]);
-  const annotationSources = useMemo5(() => {
+  const allGroups = useMemo6(() => groupTimeline(resolvedItems), [resolvedItems]);
+  const annotationSources = useMemo6(() => {
     const sources = /* @__PURE__ */ new Map();
     for (const item of resolvedItems) {
       if ((item.kind === "user-message" || item.kind === "agent-message" || item.kind === "tool-call") && item.annotationSource) {
@@ -6741,9 +7235,10 @@ function MessageTimeline({
   const olderPrefetchArmedRef = useRef11(false);
   const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
   const olderLoadGateRef = useRef11("armed");
+  const underfillLoadWindowRef = useRef11(null);
   const resizeFollowRafRef = useRef11(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState14(false);
+  const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
   const pinnedRef = useRef11(true);
   const hasNewerRef = useRef11(hasNewer);
   hasNewerRef.current = hasNewer;
@@ -6767,6 +7262,8 @@ function MessageTimeline({
   const groupKeyByItemIdRef = useRef11(/* @__PURE__ */ new Map());
   const groupOffsetByKeyRef = useRef11(/* @__PURE__ */ new Map());
   const firstItemId = resolvedItems[0]?.id ?? null;
+  const lastItemId = resolvedItems.at(-1)?.id ?? null;
+  const loadedWindowKey = JSON.stringify([firstItemId, lastItemId, resolvedItems.length]);
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
   const applyPinned = useCallback3((value) => {
@@ -6958,13 +7455,29 @@ function MessageTimeline({
     },
     [applyPinned, autoFollow, snapToBottom, syncScrollBaseline, writeScrollTop]
   );
-  const userMessageDisclosureContext = useMemo5(
+  const userMessageDisclosureContext = useMemo6(
     () => ({
       expandedByMessageId: userMessageDisclosureMemoryRef.current,
       beginChange: beginUserMessageDisclosureChange
     }),
     [beginUserMessageDisclosureChange]
   );
+  const requestOlderIfUnderfilled = useCallback3(
+    (node) => {
+      if (underfillLoadWindowRef.current !== null && underfillLoadWindowRef.current !== loadedWindowKey) {
+        olderLoadGateRef.current = "armed";
+      }
+      if (node.clientHeight <= 1 || maxScrollOf(node) > 1 || !hasOlder || loadingOlder || !onLoadOlder || underfillLoadWindowRef.current === loadedWindowKey) {
+        return;
+      }
+      underfillLoadWindowRef.current = loadedWindowKey;
+      if (olderPrefetchArmedRef.current) {
+        olderLoadGateRef.current = "cooling";
+      }
+      onLoadOlder();
+    },
+    [hasOlder, loadedWindowKey, loadingOlder, onLoadOlder]
+  );
   const driveFollowRef = useRef11(() => void 0);
   const driveFollow = useCallback3(
     (node, nowMs) => {
@@ -7056,7 +7569,7 @@ function MessageTimeline({
   driveFollowRef.current = driveFollow;
   useEffect11(() => stopFollow, [stopFollow]);
   useEffect11(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     const node = scrollRef.current;
     if (!node) {
       return;
@@ -7137,7 +7650,7 @@ function MessageTimeline({
       groupOffsetByKeyRef.current = nextOffsetByKey;
     }
   });
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     if (revealed || allGroups.length === 0) {
       return;
     }
@@ -7171,7 +7684,7 @@ function MessageTimeline({
       }
     };
   }, [revealed, allGroups.length, autoFollow, snapToBottom]);
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     if (allGroups.length > 0) {
       return;
     }
@@ -7196,10 +7709,17 @@ function MessageTimeline({
     foldMemoryRef.current.clear();
     userMessageDisclosureMemoryRef.current.clear();
     disclosureKeepsUnpinnedRef.current = false;
+    underfillLoadWindowRef.current = null;
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned]);
-  useLayoutEffect4(() => {
+  useEffect11(() => {
+    const node = scrollRef.current;
+    if (node) {
+      requestOlderIfUnderfilled(node);
+    }
+  });
+  useLayoutEffect3(() => {
     previousBulkFirstKeyRef.current = firstGroupKey;
     if (!bulkRender) {
       return;
@@ -7265,6 +7785,7 @@ function MessageTimeline({
         if (!current) {
           return;
         }
+        requestOlderIfUnderfilled(current);
         if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
           return;
         }
@@ -7284,7 +7805,7 @@ function MessageTimeline({
         resizeFollowRafRef.current = null;
       }
     };
-  }, [autoFollow, driveFollow, snapToBottom]);
+  }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
   useEffect11(() => {
     if (hasNewer) {
       stopFollow();
@@ -7634,7 +8155,7 @@ function MessageTimeline({
 }
 function useStableTimelineGroupKeys(allGroups) {
   const previousRef = useRef11([]);
-  const keyedGroups = useMemo5(() => {
+  const keyedGroups = useMemo6(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
@@ -7663,7 +8184,7 @@ function useStableTimelineGroupKeys(allGroups) {
       return { group, key };
     });
   }, [allGroups]);
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     previousRef.current = keyedGroups;
   }, [keyedGroups]);
   return keyedGroups;
@@ -7914,7 +8435,7 @@ function useLiveSettleFold(folded) {
   if (!previousFoldedRef.current && folded) {
     latchedRef.current = true;
   }
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     previousFoldedRef.current = folded;
   });
   return latchedRef.current;
@@ -7922,7 +8443,7 @@ function useLiveSettleFold(folded) {
 function timelineGroupKey(group) {
   switch (group.kind) {
     case "item":
-      return group.item.id;
+      return group.item.kind === "user-message" && group.item.reconciliationKey ? group.item.reconciliationKey : group.item.id;
     case "activity":
       return group.id;
     case "turn":
@@ -8082,6 +8603,8 @@ function TimelineRow({
   switch (item.kind) {
     case "user-message":
       return /* @__PURE__ */ jsx18(UserMessageRow, { item, renderMessageText });
+    case "human-input":
+      return /* @__PURE__ */ jsx18(HumanInputConversationRow, { item });
     case "agent-message":
       return /* @__PURE__ */ jsx18(AgentMessageRow, { item, renderMessageText });
     case "worker-completion":
@@ -8177,7 +8700,7 @@ function UserMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  const deliveryLabel = item.delivery?.state === "sending" ? "Sending\u2026" : item.delivery?.state === "queued" ? "Queued" : item.delivery?.state === "failed" ? "Not sent" : null;
+  const deliveryFailed = item.delivery?.state === "failed";
   return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs14("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
     /* @__PURE__ */ jsx18(
       CopyHoverFrame,
@@ -8199,29 +8722,127 @@ ${annotation.note}`).join("\n\n"),
         ] })
       }
     ),
-    deliveryLabel ? /* @__PURE__ */ jsxs14("div", { className: "flex max-w-full items-center gap-2 px-1 text-og-xs text-og-fg-subtle", children: [
-      /* @__PURE__ */ jsx18("span", { title: item.delivery?.error, children: deliveryLabel }),
-      item.delivery?.state === "failed" && item.delivery.onRetry ? /* @__PURE__ */ jsx18(
-        "button",
-        {
-          type: "button",
-          className: "font-medium text-og-fg underline decoration-og-border underline-offset-2 hover:text-og-fg-strong",
-          onClick: item.delivery.onRetry,
-          children: "Retry"
-        }
-      ) : null,
-      item.delivery?.state === "failed" && item.delivery.onRemove ? /* @__PURE__ */ jsx18(
-        "button",
-        {
-          type: "button",
-          className: "font-medium text-og-fg-subtle underline decoration-og-border underline-offset-2 hover:text-og-fg",
-          onClick: item.delivery.onRemove,
-          children: "Remove"
-        }
-      ) : null
-    ] }) : null
+    deliveryFailed ? /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        role: "status",
+        className: "flex max-w-full items-center gap-2 px-1 text-og-xs text-og-status-failed",
+        children: [
+          /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1", title: item.delivery?.error, children: [
+            /* @__PURE__ */ jsx18(TriangleAlertIcon3, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx18("span", { children: "Message not sent" })
+          ] }),
+          item.delivery?.onRetry ? /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "font-medium text-og-status-failed underline decoration-og-status-failed/50 underline-offset-2 hover:text-og-fg",
+              onClick: item.delivery.onRetry,
+              children: "Retry"
+            }
+          ) : null,
+          item.delivery?.onRemove ? /* @__PURE__ */ jsx18(
+            "button",
+            {
+              type: "button",
+              className: "font-medium text-og-fg-subtle underline decoration-og-border underline-offset-2 hover:text-og-fg",
+              onClick: item.delivery.onRemove,
+              children: "Remove"
+            }
+          ) : null
+        ]
+      }
+    ) : null
   ] }) });
 }
+function HumanInputConversationRow({ item }) {
+  const enter = useEntranceAnimation();
+  const multipleQuestions = Math.max(item.questions.length, item.answers.length) > 1;
+  const questionNumberById = new Map(
+    item.questions.map((question, index) => [question.id, index + 1])
+  );
+  const settledLabel = item.response.outcome === "answered" ? "You answered" : item.response.outcome === "skipped" ? "Skipped" : item.response.outcome === "expired" ? "Expired" : "Cancelled";
+  const copyText = humanInputConversationCopyText(item, settledLabel);
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: cn(enter && "animate-og-enter", "flex w-full flex-col gap-2.5"),
+      "data-human-input-history": item.requestId,
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex max-w-[90%] items-start gap-3 rounded-og-lg rounded-bl-og-xs border border-og-border bg-og-surface-1 px-3.5 py-3 sm:max-w-[82%]", children: [
+          /* @__PURE__ */ jsx18("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/10 text-og-status-waiting", children: /* @__PURE__ */ jsx18(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx18("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
+            /* @__PURE__ */ jsx18("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs14("div", { children: [
+              question.label ? /* @__PURE__ */ jsxs14("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs14("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+                  index + 1,
+                  "."
+                ] }) : null,
+                multipleQuestions ? " " : null,
+                question.label
+              ] }) : null,
+              /* @__PURE__ */ jsxs14(
+                "p",
+                {
+                  className: cn(
+                    "text-og-md leading-6 text-og-fg",
+                    question.label && "mt-0.5 text-og-sm text-og-fg-muted"
+                  ),
+                  children: [
+                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs14("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+                      index + 1,
+                      "."
+                    ] }) : null,
+                    !question.label && multipleQuestions ? " " : null,
+                    question.prompt
+                  ]
+                }
+              )
+            ] }, question.id)) : /* @__PURE__ */ jsx18("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
+          CopyHoverFrame,
+          {
+            copyText,
+            label: "Copy answer",
+            className: "w-fit max-w-[90%] min-w-0 sm:max-w-[82%]",
+            trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
+            children: /* @__PURE__ */ jsxs14("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: [
+              /* @__PURE__ */ jsx18("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
+              item.response.outcome === "answered" ? /* @__PURE__ */ jsx18("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs14("div", { children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs14("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                  /* @__PURE__ */ jsxs14("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+                    questionNumberById.get(answer.questionId) ?? answerIndex + 1,
+                    "."
+                  ] }),
+                  " ",
+                  answer.label
+                ] }) : null,
+                /* @__PURE__ */ jsx18("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx18("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx18("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx18("p", { children: answer.values[0] || "Answered" }) })
+              ] }, answer.questionId)) : /* @__PURE__ */ jsx18("p", { children: "Answered" }) }) : null
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function humanInputConversationCopyText(item, settledLabel) {
+  const questions = item.questions.map(
+    (question, index) => `${item.questions.length > 1 ? `${index + 1}. ` : ""}${question.label || "Question"}: ${question.prompt}`
+  ).join("\n\n");
+  const questionNumberById = new Map(
+    item.questions.map((question, index) => [question.id, index + 1])
+  );
+  const answers = item.answers.map(
+    (answer, index) => `${item.questions.length > 1 ? `${questionNumberById.get(answer.questionId) ?? index + 1}. ` : ""}${answer.label}: ${answer.values.join(", ") || "Answered"}`
+  ).join("\n\n");
+  return [questions, `${settledLabel}${answers ? `
+
+${answers}` : ""}`].filter(Boolean).join("\n\n");
+}
 function AgentMessageRow({
   item,
   renderMessageText
@@ -8380,7 +9001,7 @@ var GOAL_META = {
   completed: {
     label: "Goal completed",
     pill: "border-og-status-idle/30 bg-og-status-idle/10 text-og-status-idle",
-    icon: CheckIcon2
+    icon: CheckIcon3
   },
   paused: {
     label: "Goal paused",
@@ -8389,6 +9010,11 @@ var GOAL_META = {
   },
   resumed: { label: "Goal resumed", pill: NEUTRAL_PILL, icon: PlayIcon2 },
   cleared: { label: "Goal cleared", pill: NEUTRAL_PILL, icon: Trash2Icon2 },
+  held: {
+    label: "Goal held",
+    pill: "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting",
+    icon: PauseCircleIcon
+  },
   continuation: { label: "Continuing toward the goal", pill: NEUTRAL_PILL, icon: ArrowRightIcon2 }
 };
 function GoalRow({ item }) {
@@ -8752,6 +9378,8 @@ function authReasonLine(reason) {
 
 export {
   QueueSurface,
+  sessionChromeGoalPillLabel,
+  sessionChromeGoalPillExplanation,
   sessionChromeGoalPillState,
   SessionChrome,
   defaultHumanInputFormMessages,
@@ -8792,8 +9420,11 @@ export {
   PierreDiff,
   defaultToolRegistry,
   createDefaultToolRegistry,
+  prefersReducedMotion,
   CopyButton,
   CopyHoverFrame,
+  sandboxFileLocationFromHref,
+  sandboxFilePathFromHref,
   Markdown,
   ActivityRail,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
@@ -8807,4 +9438,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-Y7OEDUJ5.js.map
+//# sourceMappingURL=chunk-LS4POUTY.js.map