@opengeni/react 7.4.0 → 7.5.0-canary.36919050519001

package/dist/{chunk-L4OSXQ6H.js → chunk-NBOHNRLJ.js}

@@ -1,3 +1,6 @@
+import {
+  useThemeType
+} from "./chunk-UK4TINKT.js";
 import {
   EmptyQueueStateSurface,
   QUEUE_ITEM_CONTENT_UNAVAILABLE,
@@ -6,17 +9,9 @@ import {
   queueItemContent,
   requestQueueDraftEdit
 } from "./chunk-YCGBREUV.js";
-import {
-  useThemeType
-} from "./chunk-UK4TINKT.js";
 import {
   TimelineAnnotationSourceRootContext
 } from "./chunk-5QHL6BLH.js";
-import {
-  loadPierreDiffs,
-  pierreDiffsRevision,
-  subscribePierreDiffs
-} from "./chunk-A2PI6UMY.js";
 import {
   isRetainedImageContentType,
   timelineGroupContainsPresentedImage,
@@ -33,15 +28,51 @@ import {
   useSessionControl,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-USXVQACU.js";
+} from "./chunk-M7LBYP63.js";
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-V2ABIVYJ.js";
+} from "./chunk-ZXSEDZP7.js";
 import {
   mcpToolLeaf,
   toolDisplayName
 } from "./chunk-ERGYJIBB.js";
+import {
+  ActivityDisclosure,
+  BodyNote,
+  CompactActivityContext,
+  CopyButton,
+  CopyHoverFrame,
+  MOTION_INSPECT_SCALE,
+  Markdown,
+  MediaEmpty,
+  MediaSkeleton,
+  PayloadBlock,
+  ScreenshotFigure,
+  TermBlock,
+  Thumbnail,
+  TimelineSearchRevealContext,
+  ToolCallTruncationProvider,
+  isTimelineSearchTarget,
+  useForcedDefaultOpen,
+  useTimelineSearchNavigation,
+  useTimelineSearchReveal
+} from "./chunk-AFLPWUQ7.js";
+import {
+  prefersReducedMotion
+} from "./chunk-GIMRELBW.js";
+import {
+  OpenGeniLinkProvider,
+  chainLinkResolvers,
+  sessionLinkResolver,
+  useOpenGeniLinkResolver,
+  viewerLinkResolver
+} from "./chunk-XCHWDJ22.js";
+import {
+  loadPierreDiffs,
+  pierreDiffsRevision,
+  subscribePierreDiffs
+} from "./chunk-A2PI6UMY.js";
 import {
   Actions,
   AttachButton,
@@ -64,52 +95,10 @@ import {
   Status,
   Surface,
   useChatComposerController
-} from "./chunk-Y3QTZN2F.js";
-import {
-  ModelPolicyPicker
-} from "./chunk-UINDK6C3.js";
+} from "./chunk-2VFNCX4E.js";
 import {
   useComposer
-} from "./chunk-KVERXCFY.js";
-import {
-  projectPickerRows,
-  sortPickerRows
-} from "./chunk-CHPKSLPN.js";
-import {
-  usePolledValue
-} from "./chunk-KZ73RL76.js";
-import {
-  useOpenGeni,
-  useOpenGeniClient
-} from "./chunk-NEXLLTP4.js";
-import {
-  ActivityDisclosure,
-  BodyNote,
-  CompactActivityContext,
-  CopyButton,
-  CopyHoverFrame,
-  MOTION_INSPECT_SCALE,
-  Markdown,
-  MediaEmpty,
-  MediaSkeleton,
-  OpenGeniLinkProvider,
-  PayloadBlock,
-  ScreenshotFigure,
-  TermBlock,
-  Thumbnail,
-  TimelineSearchRevealContext,
-  ToolCallTruncationProvider,
-  chainLinkResolvers,
-  isTimelineSearchTarget,
-  sessionLinkResolver,
-  useForcedDefaultOpen,
-  useOpenGeniLinkResolver,
-  useTimelineSearchNavigation,
-  useTimelineSearchReveal
-} from "./chunk-X4HIN6TV.js";
-import {
-  prefersReducedMotion
-} from "./chunk-GIMRELBW.js";
+} from "./chunk-5KYZIQFY.js";
 import {
   LightboxProvider,
   Tooltip,
@@ -117,6 +106,13 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from "./chunk-BRM6FVZA.js";
+import {
+  ModelPolicyPicker
+} from "./chunk-UINDK6C3.js";
+import {
+  projectPickerRows,
+  sortPickerRows
+} from "./chunk-CHPKSLPN.js";
 import {
   formatBytes,
   formatClockTime,
@@ -124,7 +120,19 @@ import {
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-UDD6DLLT.js";
+} from "./chunk-3IJJEYW4.js";
+import {
+  allowanceLabels,
+  allowanceResetSentence,
+  formatAllowanceInstant
+} from "./chunk-B3V6TG77.js";
+import {
+  usePolledValue
+} from "./chunk-KZ73RL76.js";
+import {
+  useOpenGeni,
+  useOpenGeniClient
+} from "./chunk-NEXLLTP4.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -3881,13 +3889,16 @@ var PHRASES = [
   "Putting a wish into motion\u2026",
   "A little hocus. A little pocus\u2026"
 ];
+var WAITING_PHRASES = ["Waiting for a response\u2026"];
 function GenieLoading({
   startedAt,
+  phase = "preparing",
   onShowDetails,
   detailsOpen = false
 }) {
   const options = useContext4(GenieLoadingOptionsContext);
-  const phrases = options?.phrases?.length ? options.phrases : PHRASES;
+  const waiting = phase === "waiting";
+  const phrases = options?.phrases?.length ? options.phrases : waiting ? WAITING_PHRASES : PHRASES;
   const theme = useThemeType(void 0);
   const [phrase, setPhrase] = useState7(0);
   const [showDetails, setShowDetails] = useState7(false);
@@ -3902,7 +3913,7 @@ function GenieLoading({
     const timer = window.setInterval(update, 5e3);
     return () => window.clearInterval(timer);
   }, [startedAt, phrases]);
-  if (options?.render) return options.render({ startedAt, detailsOpen, onShowDetails });
+  if (options?.render) return options.render({ startedAt, phase, detailsOpen, onShowDetails });
   return /* @__PURE__ */ jsxs6("div", { className: "og-genie-loading", children: [
     /* @__PURE__ */ jsx8(
       "div",
@@ -3918,8 +3929,8 @@ function GenieLoading({
       }
     ),
     /* @__PURE__ */ jsxs6("div", { className: "og-genie-copy", children: [
-      /* @__PURE__ */ jsx8("span", { className: "sr-only", role: "status", children: slow ? options?.messages?.slowStatus ?? "Preparing your task. Taking longer than usual." : options?.messages?.status ?? "Preparing your task." }),
-      /* @__PURE__ */ jsx8("span", { className: "og-genie-phrase", "aria-hidden": "true", children: slow ? options?.messages?.slowText ?? "A little longer than usual\u2026" : phrases[phrase % phrases.length] }, slow ? "slow" : phrase),
+      /* @__PURE__ */ jsx8("span", { className: "sr-only", role: "status", children: slow ? options?.messages?.slowStatus ?? (waiting ? "Waiting for a response. Taking longer than usual." : "Preparing your task. Taking longer than usual.") : options?.messages?.status ?? (waiting ? "Waiting for a response." : "Preparing your task.") }),
+      /* @__PURE__ */ jsx8("span", { className: "og-genie-phrase", "aria-hidden": "true", children: slow ? options?.messages?.slowText ?? (waiting ? "Still waiting for a response\u2026" : "A little longer than usual\u2026") : phrases[phrase % phrases.length] }, slow ? "slow" : phrase),
       showDetails || detailsOpen ? /* @__PURE__ */ jsxs6(
         "button",
         {
@@ -3928,7 +3939,7 @@ function GenieLoading({
           "aria-expanded": detailsOpen,
           onClick: onShowDetails,
           children: [
-            detailsOpen ? options?.messages?.hideDetails ?? "Hide details" : options?.messages?.showDetails ?? "Behind the magic",
+            detailsOpen ? options?.messages?.hideDetails ?? "Hide details" : options?.messages?.showDetails ?? (waiting ? "Show details" : "Behind the magic"),
             /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: " \u2197" })
           ]
         }
@@ -4014,7 +4025,8 @@ function ActivityRail({
   const providerResponded = phases.some(
     (item) => item.phase === "provider_first_byte" && item.status === "complete"
   );
-  const preparing = !hasWork && !interrupted && (startupActive ?? (!providerResponded && phases.some((item) => item.status === "running")));
+  const responsePending = phases.some((item) => item.phase === "provider_first_byte");
+  const loading = !hasWork && !interrupted && (startupActive ?? (!providerResponded && phases.some((item) => item.status === "running")));
   const visibleItems = debug || detailsOpen ? items : items.filter(
     (item) => item.kind === "startup-phase" ? item.status === "failed" || item.status === "cancelled" : item.kind !== "reasoning" || item.text.trim().length > 0
   );
@@ -4062,7 +4074,7 @@ function ActivityRail({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx10(AnimatePresence, { initial: false, children: preparing && !debug ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx10(AnimatePresence, { initial: false, children: loading && !debug ? /* @__PURE__ */ jsx10(
           motion.div,
           {
             initial: { opacity: 0 },
@@ -4081,6 +4093,7 @@ function ActivityRail({
               GenieLoading,
               {
                 startedAt,
+                phase: responsePending ? "waiting" : "preparing",
                 detailsOpen,
                 onShowDetails: () => setDetailsOpen((open) => !open)
               }
@@ -4088,7 +4101,7 @@ function ActivityRail({
           },
           "startup"
         ) : null }),
-        detailsOpen && !debug && !preparing ? /* @__PURE__ */ jsx10(
+        detailsOpen && !debug && !loading ? /* @__PURE__ */ jsx10(
           "button",
           {
             type: "button",
@@ -5564,11 +5577,11 @@ import {
   lazy as lazy3,
   memo,
   useCallback as useCallback3,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useLayoutEffect as useLayoutEffect4,
-  useMemo as useMemo4,
+  useMemo as useMemo5,
   useRef as useRef9,
-  useState as useState14
+  useState as useState15
 } from "react";
 
 // src/components/timeline-anchor.tsx
@@ -5710,6 +5723,76 @@ function useReadingProgress(projected, pinned, scroller) {
   return { groups, release };
 }
 
+// src/components/timeline-pill-placement.ts
+import { useEffect as useEffect9, useState as useState14 } from "react";
+var RECHECK_MS = 1e3;
+function useTimelinePillPlacement({
+  pillRef,
+  scrollerRef,
+  active,
+  preference,
+  allowDownwardFallback = false
+}) {
+  const [position, setPosition] = useState14({
+    placement: preference[0],
+    offsetY: 0
+  });
+  const key = preference.join(",");
+  useEffect9(() => {
+    if (!active) {
+      setPosition({ placement: preference[0], offsetY: 0 });
+      return;
+    }
+    const scroller = scrollerRef.current;
+    if (!scroller) return;
+    let frame = 0;
+    let current = { placement: preference[0], offsetY: 0 };
+    let geometry = null;
+    let disposed = false;
+    void import("./timeline-pill-geometry-Z23V243M.js").then((loaded) => {
+      if (disposed) return;
+      geometry = loaded;
+      schedule();
+    });
+    const evaluate = () => {
+      frame = 0;
+      const pill = pillRef.current;
+      const frameElement = pill?.offsetParent;
+      if (!geometry || !pill || !(frameElement instanceof HTMLElement)) return;
+      const next = allowDownwardFallback ? geometry.chooseQuestionPosition(pill, frameElement, scroller, preference, current) : {
+        placement: geometry.choosePlacement(
+          pill,
+          frameElement,
+          scroller,
+          preference,
+          current.placement
+        ),
+        offsetY: 0
+      };
+      if (next.placement !== current.placement || next.offsetY !== current.offsetY) {
+        current = next;
+        setPosition(next);
+      }
+    };
+    const schedule = () => {
+      if (frame === 0) frame = requestAnimationFrame(evaluate);
+    };
+    schedule();
+    const view = scroller.ownerDocument.defaultView;
+    scroller.addEventListener("scroll", schedule, { passive: true });
+    view?.addEventListener("resize", schedule);
+    const timer = setInterval(schedule, RECHECK_MS);
+    return () => {
+      disposed = true;
+      if (frame !== 0) cancelAnimationFrame(frame);
+      scroller.removeEventListener("scroll", schedule);
+      view?.removeEventListener("resize", schedule);
+      clearInterval(timer);
+    };
+  }, [active, key, pillRef, scrollerRef, allowDownwardFallback]);
+  return active ? position : { placement: preference[0], offsetY: 0 };
+}
+
 // src/components/timeline-settlement.ts
 function captureTimelineSettlement(scroller, groups) {
   if (timelineHasReader(scroller)) return null;
@@ -6125,13 +6208,77 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
   return true;
 }
 
-// src/components/message-timeline.tsx
+// src/timeline/allowance-exhausted-row.tsx
+import { GaugeIcon } from "lucide-react";
+import { createContext as createContext10, useContext as useContext11, useMemo as useMemo4 } from "react";
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-ODLVF4OI.js"));
+var AllowancePresentationContext = createContext10({
+  render: void 0,
+  labels: allowanceLabels()
+});
+function AllowancePresentationProvider({
+  render,
+  labels,
+  children
+}) {
+  const value = useMemo4(() => ({ render, labels: allowanceLabels(labels) }), [render, labels]);
+  return /* @__PURE__ */ jsx17(AllowancePresentationContext.Provider, { value, children });
+}
+function AllowanceExhaustedRow({ refusal }) {
+  const { render, labels } = useContext11(AllowancePresentationContext);
+  const enter = useEntranceAnimation();
+  const workspace = refusal.scope === "workspace";
+  const defaultRow = /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      className: cn(
+        enter && "animate-og-enter",
+        "flex items-start gap-2.5 rounded-og-md border border-og-status-waiting/35 bg-og-status-waiting/8 px-3.5 py-2.5 text-og-menu text-og-fg"
+      ),
+      role: "status",
+      "data-og-allowance-exhausted": refusal.scope,
+      children: [
+        /* @__PURE__ */ jsx17(GaugeIcon, { "aria-hidden": true, className: "mt-0.5 size-4 shrink-0 text-og-status-waiting" }),
+        /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx17("p", { className: "font-medium", children: workspace ? labels.workspaceLimitReachedTitle : labels.memberLimitReachedTitle }),
+          /* @__PURE__ */ jsxs12("p", { className: "mt-0.5 text-og-fg-muted", children: [
+            workspace ? labels.workspaceRemedy : labels.memberRemedy,
+            " ",
+            /* @__PURE__ */ jsx17(
+              "span",
+              {
+                title: refusal.resetsAt ? formatAllowanceInstant(refusal.resetsAt) : void 0,
+                className: "whitespace-nowrap",
+                children: allowanceResetSentence(labels, refusal.resetsAt)
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsx17(Fragment5, { children: render?.(refusal, { labels, defaultRow }) ?? defaultRow });
+}
+
+// src/components/message-timeline.tsx
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-DMLMM2TX.js"));
 var TimelineAnnotationMarkers = lazy3(() => import("./timeline-annotation-markers-GNDHTGBD.js"));
 var PIN_THRESHOLD_PX = 48;
 var JUMP_TO_LATEST_CATCHUP_DEBT_PX = 240;
 var QUESTION_NAV_MARGIN_PX = 12;
+var JUMP_PILL_PLACEMENTS = ["center", "end", "start"];
+var QUESTION_PILL_PLACEMENTS = ["end", "center", "start"];
+var JUMP_PILL_PLACEMENT_CLASS = {
+  center: "inset-x-0 mx-auto",
+  end: "right-4 sm:right-6",
+  start: "left-4 sm:left-6"
+};
+var QUESTION_PILL_PLACEMENT_CLASS = {
+  center: "justify-center",
+  end: "justify-end",
+  start: "justify-start"
+};
 var OLDER_PREFETCH_MARGIN_PX = 400;
 var OLDER_PREFETCH_ROOT_MARGIN = `${OLDER_PREFETCH_MARGIN_PX}px 0px 0px 0px`;
 var PRIMARY_ACTION_CLASS = "inline-flex w-full shrink-0 items-center justify-center gap-1.5 rounded-og-md border border-og-primary-border bg-og-primary text-og-primary-fg px-3 py-1.5 text-og-menu font-medium sm:w-auto";
@@ -6208,11 +6355,12 @@ var QUESTION_NAV_HIDDEN_PX = 24;
 function readQuestionNav(node) {
   const view = node.getBoundingClientRect();
   const prompts = [...node.querySelectorAll("[data-og-prompt]")];
-  const prompt = prompts.at(-1);
+  const middle = view.top + view.height / 2;
+  const prompt = prompts.reverse().find((candidate) => candidate.getBoundingClientRect().top <= middle);
   const key = prompt?.dataset.ogGroupKey;
   if (!prompt || !key) return null;
-  const top = prompt.getBoundingClientRect().top;
-  if (top >= view.top - QUESTION_NAV_HIDDEN_PX && top < view.bottom) {
+  const bounds = prompt.getBoundingClientRect();
+  if (bounds.top >= view.top - QUESTION_NAV_HIDDEN_PX || bounds.bottom > view.top) {
     return null;
   }
   return { key };
@@ -6228,6 +6376,7 @@ function cssEscapeAttribute(value) {
 }
 function MessageTimeline({
   resolveLink,
+  renderInteractiveBlock,
   userMessageDisclosureLabels,
   searchTarget,
   events,
@@ -6239,6 +6388,8 @@ function MessageTimeline({
   onMemoryClick,
   onReconnect,
   renderAuthNeeded,
+  renderAllowanceExhausted,
+  allowanceExhaustedLabels,
   shouldRenderAuthNeeded,
   resolveProviderLogo,
   toolRegistry = defaultToolRegistry,
@@ -6261,12 +6412,11 @@ function MessageTimeline({
   loadingNewer = false,
   onLoadNewer,
   onJumpToLatest,
-  onJumpToLatestQuestion,
   trailingState,
   emptyState,
   className
 }) {
-  const resolvedItems = useMemo4(() => {
+  const resolvedItems = useMemo5(() => {
     const projectedItems = items ?? buildTimeline(events ?? []);
     if (!shouldRenderAuthNeeded) {
       return projectedItems;
@@ -6284,21 +6434,22 @@ function MessageTimeline({
   ]) : null;
   const searchTargetRef = useRef9(searchTarget);
   searchTargetRef.current = searchTarget;
-  const renderSearchableMessageText = useMemo4(
+  const renderSearchableMessageText = useMemo5(
     () => renderMessageText ? (text, item) => renderMessageText(text, item, {
       searchTarget: searchItem?.id === item.id ? searchTarget ?? null : null
     }) : (text, item) => {
-      const body = /* @__PURE__ */ jsx17(
+      const body = /* @__PURE__ */ jsx18(
         Markdown,
         {
           searchTarget: searchItem?.id === item.id ? searchTarget : null,
           streaming: item.kind === "agent-message" && item.streaming,
+          renderInteractiveBlock: item.kind === "agent-message" ? renderInteractiveBlock : void 0,
           children: text
         }
       );
-      return item.kind === "user-message" ? /* @__PURE__ */ jsx17(UserMessageBody, { messageId: item.id, text, children: body }) : body;
+      return item.kind === "user-message" ? /* @__PURE__ */ jsx18(UserMessageBody, { messageId: item.id, text, children: body }) : body;
     },
-    [renderMessageText, searchItem?.id, searchTarget]
+    [renderInteractiveBlock, renderMessageText, searchItem?.id, searchTarget]
   );
   const sourceItems = events ?? items;
   const olderBoundaryKey = sourceItems?.[0]?.id;
@@ -6307,9 +6458,9 @@ function MessageTimeline({
   newerScopeRef.current = newerBoundaryKey;
   const newerAttemptRef = useRef9(null);
   const newerRetryButtonRef = useRef9(null);
-  const [newerRetryPending, setNewerRetryPending] = useState14(false);
-  const [newerFailure, setNewerFailure] = useState14(null);
-  useEffect9(() => {
+  const [newerRetryPending, setNewerRetryPending] = useState15(false);
+  const [newerFailure, setNewerFailure] = useState15(null);
+  useEffect10(() => {
     newerScopeRef.current = newerBoundaryKey;
     newerAttemptRef.current = null;
     setNewerFailure(null);
@@ -6361,14 +6512,14 @@ function MessageTimeline({
     settlementAnimationRef.current = null;
   }, []);
   const olderPageBudgetRef = useRef9(0);
-  const [olderDemand, setOlderDemand] = useState14(0);
+  const [olderDemand, setOlderDemand] = useState15(0);
   const readableTurns = turnSummary?.rolling === true;
-  const projectedGroups = useMemo4(
+  const projectedGroups = useMemo5(
     () => groupTimeline(resolvedItems, { readableTurns }),
     [resolvedItems, readableTurns]
   );
   useLayoutEffect4(() => stopSettlement, [projectedGroups, stopSettlement]);
-  const annotationSources = useMemo4(() => {
+  const annotationSources = useMemo5(() => {
     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) {
@@ -6381,31 +6532,43 @@ function MessageTimeline({
   const topSentinelRef = useRef9(null);
   const bottomSentinelRef = useRef9(null);
   const previousBulkFirstKeyRef = useRef9(void 0);
-  const [pinned, setPinned] = useState14(true);
+  const [pinned, setPinned] = useState15(true);
   const { groups: allGroups, release: releaseProgress } = useReadingProgress(
     projectedGroups,
     autoFollow && pinned && !hasNewer,
     scrollRef.current
   );
-  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState14(false);
+  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState15(false);
   const canSkipTipCatchupRef = useRef9(false);
-  const [bulkActive, setBulkActive] = useState14(true);
+  const [bulkActive, setBulkActive] = useState15(true);
   const olderPrefetchArmedRef = useRef9(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState15(false);
   const olderLoadAttemptRef = useRef9(null);
-  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState14(
+  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState15(
     null
   );
   const underfillRetryReadyRef = useRef9(false);
   const resizeFollowRafRef = useRef9(null);
   const questionNavFrameRef = useRef9(null);
-  const [questionNav, setQuestionNav] = useState14(null);
-  const [questionTarget, setQuestionTarget] = useState14(null);
-  const [questionPending, setQuestionPending] = useState14(false);
-  const [questionError, setQuestionError] = useState14(null);
-  const questionRequestRef = useRef9(0);
+  const [questionNav, setQuestionNav] = useState15(null);
+  const jumpPillRef = useRef9(null);
+  const questionPillRef = useRef9(null);
+  const jumpPillShown = autoFollow && (!pinned || hasNewer || canSkipTipCatchup);
+  const jumpPillPlacement = useTimelinePillPlacement({
+    pillRef: jumpPillRef,
+    scrollerRef: scrollRef,
+    active: jumpPillShown,
+    preference: JUMP_PILL_PLACEMENTS
+  });
+  const questionPillPlacement = useTimelinePillPlacement({
+    pillRef: questionPillRef,
+    scrollerRef: scrollRef,
+    active: questionNav !== null,
+    preference: QUESTION_PILL_PLACEMENTS,
+    allowDownwardFallback: true
+  });
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
+  const [revealed, setRevealed] = useState15(resolvedItems[0]?.id === "c");
   const pinnedRef = useRef9(true);
   const hasNewerRef = useRef9(hasNewer);
   hasNewerRef.current = hasNewer;
@@ -6435,7 +6598,7 @@ function MessageTimeline({
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
   const groups = useStableTimelineGroupKeys(allGroups, !bulkRender);
-  const turnsWithOutput = useMemo4(
+  const turnsWithOutput = useMemo5(
     () => new Set(
       resolvedItems.flatMap(
         (item) => "turnId" in item && item.turnId && (item.kind === "tool-call" || (item.kind === "agent-message" || item.kind === "reasoning") && item.text.trim()) ? [item.turnId] : []
@@ -6530,7 +6693,7 @@ function MessageTimeline({
       setOlderPrefetchArmed(true);
     }
   }, [autoFollow, applyPinned, clearPendingReaderLeave, clearReaderIntent, stopFollow]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!readableTurns) return;
     const node = scrollRef.current;
     if (!node) return;
@@ -6689,7 +6852,7 @@ function MessageTimeline({
     },
     [applyPinned, autoFollow, snapToBottom, syncScrollBaseline, writeScrollTop]
   );
-  const userMessageDisclosureContext = useMemo4(
+  const userMessageDisclosureContext = useMemo5(
     () => ({
       expandedByMessageId: userMessageDisclosureMemoryRef.current,
       beginChange: beginUserMessageDisclosureChange,
@@ -6704,7 +6867,7 @@ function MessageTimeline({
       userMessageDisclosureLabels?.showLess
     ]
   );
-  const timelineGroupEntryContext = useMemo4(
+  const timelineGroupEntryContext = useMemo5(
     () => ({
       userMessageDisclosureContext,
       behavior: {
@@ -6788,11 +6951,11 @@ function MessageTimeline({
     questionNavFrameRef.current = requestFrame(() => {
       questionNavFrameRef.current = null;
       const node = scrollRef.current;
-      const next = hasNewer ? onJumpToLatestQuestion ? { key: null } : null : node ? readQuestionNav(node) ?? (onJumpToLatestQuestion && !node.querySelector("[data-og-prompt]") ? { key: null } : null) : null;
+      const next = node ? readQuestionNav(node) : null;
       setQuestionNav((current) => sameQuestionNav(current, next) ? current : next);
     });
-  }, [readableTurns, hasNewer, onJumpToLatestQuestion]);
-  useEffect9(
+  }, [readableTurns]);
+  useEffect10(
     () => () => {
       if (questionNavFrameRef.current != null) {
         cancelFrame(questionNavFrameRef.current);
@@ -6815,28 +6978,6 @@ function MessageTimeline({
     syncScrollBaseline(node);
     scheduleQuestionNav();
   };
-  const jumpToLatestQuestion = async () => {
-    if (!onJumpToLatestQuestion) {
-      if (!hasNewer && questionNav?.key) jumpToQuestion(questionNav.key);
-      return;
-    }
-    const request = ++questionRequestRef.current;
-    releasePinFromReader();
-    wantPinRef.current = false;
-    setQuestionPending(true);
-    setQuestionError(null);
-    try {
-      const sequence = await onJumpToLatestQuestion();
-      if (request === questionRequestRef.current) setQuestionTarget(sequence);
-    } catch (reason) {
-      if (request === questionRequestRef.current)
-        setQuestionError(
-          reason instanceof Error && reason.name === "LatestQuestionQueuedError" ? "The latest question is in the prompt queue." : "Could not load the latest question. Try again."
-        );
-    } finally {
-      if (request === questionRequestRef.current) setQuestionPending(false);
-    }
-  };
   const driveFollowRef = useRef9(
     requestOlderIfUnderfilled
   );
@@ -6940,8 +7081,8 @@ function MessageTimeline({
     [applyCanSkipTipCatchup, cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect9(() => stopFollow, [stopFollow]);
-  useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
+  useEffect10(() => stopFollow, [stopFollow]);
+  useEffect10(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect4(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -7004,13 +7145,7 @@ function MessageTimeline({
         }
       }
     };
-    const questionGroup = questionTarget === null ? void 0 : groups.find(
-      ({ group }) => group.kind === "item" && group.item.kind === "user-message" && (group.item.sourceEvents?.some((source) => source.sequence === questionTarget) || group.item.annotationSource?.sequence === questionTarget)
-    );
-    if (questionGroup) {
-      jumpToQuestion(questionGroup.key);
-      setQuestionTarget(null);
-    } else if (pendingJumpToStartRef.current && firstItemChanged) {
+    if (pendingJumpToStartRef.current && firstItemChanged) {
       pendingJumpToStartRef.current = false;
       stopFollow();
       writeScrollTop(node, 0);
@@ -7166,7 +7301,7 @@ function MessageTimeline({
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned, clearReaderIntent]);
-  useEffect9(() => {
+  useEffect10(() => {
     const node = scrollRef.current;
     if (node) {
       requestOlderIfUnderfilled(node);
@@ -7181,7 +7316,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -7232,7 +7367,7 @@ function MessageTimeline({
     onLoadOlder,
     requestOlderIfUnderfilled
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -7249,7 +7384,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, requestNewer, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -7286,7 +7421,7 @@ function MessageTimeline({
       }
     };
   }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (searchTargetRef.current) return;
     if (hasNewer) {
       stopFollow();
@@ -7426,355 +7561,377 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  const timeline = /* @__PURE__ */ jsx17(LightboxProvider, { children: /* @__PURE__ */ jsx17(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx17(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx17(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx17(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx17(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx17(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs12(
-    "div",
+  const timeline = /* @__PURE__ */ jsx18(
+    AllowancePresentationProvider,
     {
-      className: cn("og-root relative flex min-h-0 flex-col", className),
-      style: { "--og-work-header-top": "-4rem" },
-      children: [
-        onAnnotate ? /* @__PURE__ */ jsx17(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx17(
-          TimelineAnnotationSelection,
-          {
-            rootRef: scrollRef,
-            sources: annotationSources,
-            onAnnotate
-          }
-        ) }) : null,
-        /* @__PURE__ */ jsx17(
-          "div",
-          {
-            ref: scrollRef,
-            "data-og-timeline-scroller": "",
-            "data-og-bottom-follow": autoFollow && pinned && !hasNewer ? "true" : "false",
-            tabIndex: -1,
-            onScroll,
-            onScrollEnd,
-            onWheel,
-            onTouchStart: (event) => {
-              stopSettlement();
-              const touch = event.touches.length === 1 ? event.touches[0] : void 0;
-              touchPositionRef.current = touch ? { x: touch.clientX, y: touch.clientY } : null;
-            },
-            onTouchMove: (event) => {
-              const touch = event.touches[0];
-              const previous = touchPositionRef.current;
-              if (!touch || !previous || event.touches.length !== 1) {
-                touchPositionRef.current = null;
-                return;
-              }
-              const deltaX = previous.x - touch.clientX;
-              const deltaY = previous.y - touch.clientY;
-              if (Math.max(Math.abs(deltaX), Math.abs(deltaY)) < 4) return;
-              touchPositionRef.current = { x: touch.clientX, y: touch.clientY };
-              onWheel({
-                deltaX,
-                deltaY,
-                target: event.target,
-                currentTarget: event.currentTarget
-              });
-            },
-            onTouchEnd: () => {
-              touchPositionRef.current = null;
-            },
-            onTouchCancel: () => {
-              touchPositionRef.current = null;
-            },
-            onClickCapture: (event) => {
-              const target = event.target instanceof Element ? event.target.closest("button[aria-expanded]") : null;
-              if (target) {
-                if (target.hasAttribute("data-og-work-header")) {
-                  releaseProgress(
-                    target.closest("[data-og-group-key]")?.getAttribute("data-og-group-key") ?? null
-                  );
-                }
-                releasePinFromReader();
-                disclosureKeepsUnpinnedRef.current = true;
-              }
-            },
-            onFocusCapture: (event) => {
-              if (readableTurns && event.target !== event.currentTarget) {
-                stopSettlement();
-                releasePinFromReader();
-                disclosureKeepsUnpinnedRef.current = true;
+      render: renderAllowanceExhausted,
+      labels: allowanceExhaustedLabels,
+      children: /* @__PURE__ */ jsx18(LightboxProvider, { children: /* @__PURE__ */ jsx18(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx18(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx18(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx18(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx18(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs13(
+        "div",
+        {
+          className: cn("og-root relative flex min-h-0 flex-col", className),
+          style: { "--og-work-header-top": "-4rem" },
+          children: [
+            onAnnotate ? /* @__PURE__ */ jsx18(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx18(
+              TimelineAnnotationSelection,
+              {
+                rootRef: scrollRef,
+                sources: annotationSources,
+                onAnnotate
               }
-            },
-            onPointerDown,
-            onKeyDown,
-            style: groups.length > 0 && !revealed ? { visibility: "hidden" } : void 0,
-            className: cn(
-              // tabIndex=-1 is programmatic only — never paint a focus ring on
-              // the whole scroller (click + Shift used to flash a blue outline).
-              "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 pt-16 pb-6 sm:px-6 outline-hidden",
-              autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
-            ),
-            children: /* @__PURE__ */ jsx17(
-              TimelineBeforeLayout,
+            ) }) : null,
+            /* @__PURE__ */ jsx18(
+              "div",
               {
-                capture: () => {
-                  if (readableTurns && timelineHasReader(scrollRef.current)) {
+                ref: scrollRef,
+                "data-og-timeline-scroller": "",
+                "data-og-bottom-follow": autoFollow && pinned && !hasNewer ? "true" : "false",
+                tabIndex: -1,
+                onScroll,
+                onScrollEnd,
+                onWheel,
+                onTouchStart: (event) => {
+                  stopSettlement();
+                  const touch = event.touches.length === 1 ? event.touches[0] : void 0;
+                  touchPositionRef.current = touch ? { x: touch.clientX, y: touch.clientY } : null;
+                },
+                onTouchMove: (event) => {
+                  const touch = event.touches[0];
+                  const previous = touchPositionRef.current;
+                  if (!touch || !previous || event.touches.length !== 1) {
+                    touchPositionRef.current = null;
+                    return;
+                  }
+                  const deltaX = previous.x - touch.clientX;
+                  const deltaY = previous.y - touch.clientY;
+                  if (Math.max(Math.abs(deltaX), Math.abs(deltaY)) < 4) return;
+                  touchPositionRef.current = { x: touch.clientX, y: touch.clientY };
+                  onWheel({
+                    deltaX,
+                    deltaY,
+                    target: event.target,
+                    currentTarget: event.currentTarget
+                  });
+                },
+                onTouchEnd: () => {
+                  touchPositionRef.current = null;
+                },
+                onTouchCancel: () => {
+                  touchPositionRef.current = null;
+                },
+                onClickCapture: (event) => {
+                  const target = event.target instanceof Element ? event.target.closest("button[aria-expanded]") : null;
+                  if (target) {
+                    if (target.hasAttribute("data-og-work-header")) {
+                      releaseProgress(
+                        target.closest("[data-og-group-key]")?.getAttribute("data-og-group-key") ?? null
+                      );
+                    }
                     releasePinFromReader();
+                    disclosureKeepsUnpinnedRef.current = true;
                   }
-                  readingAnchorRef.current = !pinnedRef.current && scrollRef.current ? captureTimelineAnchor(scrollRef.current) : null;
-                  settlementRef.current = readableTurns && autoFollow && pinnedRef.current && revealedRef.current && !hasNewer && !pendingReaderLeaveRef.current && !disclosureKeepsUnpinnedRef.current && !prefersReducedMotion() && scrollRef.current ? captureTimelineSettlement(scrollRef.current, groups) : null;
                 },
-                children: /* @__PURE__ */ jsxs12("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-                  /* @__PURE__ */ jsx17(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
-                    // Reserved top gutter: controls scroll with history and cannot
-                    // cover a disclosure. Visibility never changes content height.
-                    /* @__PURE__ */ jsxs12(
-                      motion3.div,
-                      {
-                        initial: { opacity: 0, y: -6 },
-                        animate: { opacity: 1, y: 0 },
-                        exit: { opacity: 0, y: -6 },
-                        transition: { duration: 0.15, ease: "easeOut" },
-                        "data-og-loading-older": "",
-                        "aria-live": "polite",
-                        className: cn(
-                          "pointer-events-none absolute inset-x-0 -top-11 z-10 flex",
-                          // The scrolling history control and fixed question
-                          // action must never share the same pointer region.
-                          questionNav ? "max-w-[calc(50%-0.5rem)] justify-start" : "justify-center"
-                        ),
-                        children: [
-                          loadingOlder || loadingOldest ? /* @__PURE__ */ jsx17("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
-                          hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx17(
-                            "button",
-                            {
-                              type: "button",
-                              "data-og-retry": underfillRetryReady || void 0,
-                              "data-og-jump-to-start": !underfillRetryReady || void 0,
-                              onClick: () => {
-                                const node = scrollRef.current;
-                                if (underfillRetryReady) {
-                                  if (node && underfillRetryReadyRef.current) {
-                                    requestOlderIfUnderfilled(node, underfillSettledAttempt);
-                                  }
-                                  return;
-                                }
-                                applyPinned(false);
-                                pendingJumpToStartRef.current = true;
-                                const seq = ++jumpToStartSeqRef.current;
-                                void Promise.resolve(onJumpToStart()).then(
-                                  () => {
-                                    const scroller = scrollRef.current ?? node;
-                                    if (scroller) {
-                                      scroller.scrollTop = 0;
-                                    }
-                                    requestFrame(() => {
-                                      if (jumpToStartSeqRef.current === seq) {
-                                        pendingJumpToStartRef.current = false;
-                                      }
-                                    });
-                                  },
-                                  () => {
-                                    if (jumpToStartSeqRef.current === seq) {
-                                      pendingJumpToStartRef.current = false;
-                                    }
-                                  }
-                                );
-                              },
-                              className: "pointer-events-auto rounded-full border border-og-border px-3 py-1.5 text-og-control",
-                              children: underfillRetryReady ? underfillSettledAttempt?.[2]?.tailPreserved ? "Load earlier activity" : "Retry earlier activity" : "Jump to start"
-                            }
-                          ) : null
-                        ]
-                      }
-                    )
-                  ) : null }),
-                  !groups.length ? emptyState ?? /* @__PURE__ */ jsx17("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
-                  hasOlder && olderPrefetchArmed ? (
-                    // Overlaid, not a layout row: mounting/unmounting the sentinel
-                    // must never shift content (that shift was itself a wobble).
-                    // End at the scroll origin above the pt-16 gutter so the
-                    // observer and scrollTop cooldown share the same 400px band.
-                    /* @__PURE__ */ jsx17(
-                      "div",
-                      {
-                        ref: topSentinelRef,
-                        "data-og-top-sentinel": "",
-                        "data-og-timeline-chrome": "",
-                        "aria-hidden": "true",
-                        className: "pointer-events-none absolute inset-x-0 -top-16 h-px -translate-y-full"
+                onFocusCapture: (event) => {
+                  if (readableTurns && event.target !== event.currentTarget) {
+                    stopSettlement();
+                    releasePinFromReader();
+                    disclosureKeepsUnpinnedRef.current = true;
+                  }
+                },
+                onPointerDown,
+                onKeyDown,
+                style: groups.length > 0 && !revealed ? { visibility: "hidden" } : void 0,
+                className: cn(
+                  // tabIndex=-1 is programmatic only — never paint a focus ring on
+                  // the whole scroller (click + Shift used to flash a blue outline).
+                  "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 pt-16 pb-6 sm:px-6 outline-hidden",
+                  autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
+                ),
+                children: /* @__PURE__ */ jsx18(
+                  TimelineBeforeLayout,
+                  {
+                    capture: () => {
+                      if (readableTurns && timelineHasReader(scrollRef.current)) {
+                        releasePinFromReader();
                       }
-                    )
-                  ) : null,
-                  groups.map(({ group, key, entranceEnabled }, index) => {
-                    return /* @__PURE__ */ jsx17(
-                      TimelineSearchRevealContext.Provider,
-                      {
-                        value: searchItem && timelineGroupItemIds(group).includes(searchItem.id) ? searchRevealKey : null,
-                        children: /* @__PURE__ */ jsx17(
-                          TimelineGroupEntry,
+                      readingAnchorRef.current = !pinnedRef.current && scrollRef.current ? captureTimelineAnchor(scrollRef.current) : null;
+                      settlementRef.current = readableTurns && autoFollow && pinnedRef.current && revealedRef.current && !hasNewer && !pendingReaderLeaveRef.current && !disclosureKeepsUnpinnedRef.current && !prefersReducedMotion() && scrollRef.current ? captureTimelineSettlement(scrollRef.current, groups) : null;
+                    },
+                    children: /* @__PURE__ */ jsxs13("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
+                      /* @__PURE__ */ jsx18(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
+                        // Reserved top gutter: controls scroll with history and cannot
+                        // cover a disclosure. Visibility never changes content height.
+                        /* @__PURE__ */ jsxs13(
+                          motion3.div,
                           {
-                            groupKey: key,
-                            group,
-                            nextGroup: groups[index + 1]?.group,
-                            startupDismissed: group.kind === "activity" && group.items.some(
-                              (item) => item.turnId && turnsWithOutput.has(item.turnId)
+                            initial: { opacity: 0, y: -6 },
+                            animate: { opacity: 1, y: 0 },
+                            exit: { opacity: 0, y: -6 },
+                            transition: { duration: 0.15, ease: "easeOut" },
+                            "data-og-loading-older": "",
+                            "aria-live": "polite",
+                            className: cn(
+                              "pointer-events-none absolute inset-x-0 -top-11 z-10 flex",
+                              // The scrolling history control and fixed question
+                              // action must never share the same pointer region.
+                              questionNav ? "max-w-[calc(50%-0.5rem)] justify-start" : "justify-center"
                             ),
-                            entranceEnabled,
-                            liveEntranceEnabled: group.kind === "activity" ? !bulkRender : void 0,
-                            context: timelineGroupEntryContext
+                            children: [
+                              loadingOlder || loadingOldest ? /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+                              hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx18(
+                                "button",
+                                {
+                                  type: "button",
+                                  "data-og-retry": underfillRetryReady || void 0,
+                                  "data-og-jump-to-start": !underfillRetryReady || void 0,
+                                  onClick: () => {
+                                    const node = scrollRef.current;
+                                    if (underfillRetryReady) {
+                                      if (node && underfillRetryReadyRef.current) {
+                                        requestOlderIfUnderfilled(
+                                          node,
+                                          underfillSettledAttempt
+                                        );
+                                      }
+                                      return;
+                                    }
+                                    applyPinned(false);
+                                    pendingJumpToStartRef.current = true;
+                                    const seq = ++jumpToStartSeqRef.current;
+                                    void Promise.resolve(onJumpToStart()).then(
+                                      () => {
+                                        const scroller = scrollRef.current ?? node;
+                                        if (scroller) {
+                                          scroller.scrollTop = 0;
+                                        }
+                                        requestFrame(() => {
+                                          if (jumpToStartSeqRef.current === seq) {
+                                            pendingJumpToStartRef.current = false;
+                                          }
+                                        });
+                                      },
+                                      () => {
+                                        if (jumpToStartSeqRef.current === seq) {
+                                          pendingJumpToStartRef.current = false;
+                                        }
+                                      }
+                                    );
+                                  },
+                                  className: "pointer-events-auto rounded-full border border-og-border px-3 py-1.5 text-og-control",
+                                  children: underfillRetryReady ? underfillSettledAttempt?.[2]?.tailPreserved ? "Load earlier activity" : "Retry earlier activity" : "Jump to start"
+                                }
+                              ) : null
+                            ]
                           }
                         )
-                      },
-                      key
-                    );
-                  }),
-                  groups.length > 0 && trailingState ? /* @__PURE__ */ jsx17("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
-                  hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs12(
-                    "div",
-                    {
-                      "data-og-newer-error": "",
-                      className: "flex flex-col items-center gap-2 px-4 py-3 text-center text-og-menu text-og-fg-muted",
-                      children: [
-                        /* @__PURE__ */ jsxs12("p", { role: "status", className: "max-w-prose [overflow-wrap:anywhere]", children: [
-                          "Couldn\u2019t load later activity. ",
-                          newerFailure.message
-                        ] }),
-                        /* @__PURE__ */ jsx17(
-                          "button",
+                      ) : null }),
+                      !groups.length ? emptyState ?? /* @__PURE__ */ jsx18("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
+                      hasOlder && olderPrefetchArmed ? (
+                        // Overlaid, not a layout row: mounting/unmounting the sentinel
+                        // must never shift content (that shift was itself a wobble).
+                        // End at the scroll origin above the pt-16 gutter so the
+                        // observer and scrollTop cooldown share the same 400px band.
+                        /* @__PURE__ */ jsx18(
+                          "div",
                           {
-                            ref: newerRetryButtonRef,
-                            type: "button",
-                            "data-og-retry-newer": "",
-                            className: "min-h-11 rounded-og-md border border-og-border px-3 py-2 text-og-fg hover:bg-og-surface-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent",
-                            "aria-disabled": loadingNewer || newerRetryPending,
-                            "aria-busy": newerRetryPending,
-                            onClick: () => requestNewer(true),
-                            children: newerRetryPending ? "Retrying later activity\u2026" : "Retry later activity"
+                            ref: topSentinelRef,
+                            "data-og-top-sentinel": "",
+                            "data-og-timeline-chrome": "",
+                            "aria-hidden": "true",
+                            className: "pointer-events-none absolute inset-x-0 -top-16 h-px -translate-y-full"
                           }
                         )
-                      ]
-                    }
-                  ) : null,
-                  hasNewer ? /* @__PURE__ */ jsx17(
-                    "div",
-                    {
-                      ref: bottomSentinelRef,
-                      "data-og-bottom-sentinel": "",
-                      "data-og-timeline-chrome": "",
-                      "aria-hidden": "true",
-                      className: "h-px w-full"
-                    }
-                  ) : null
-                ] })
+                      ) : null,
+                      groups.map(({ group, key, entranceEnabled }, index) => {
+                        return /* @__PURE__ */ jsx18(
+                          TimelineSearchRevealContext.Provider,
+                          {
+                            value: searchItem && timelineGroupItemIds(group).includes(searchItem.id) ? searchRevealKey : null,
+                            children: /* @__PURE__ */ jsx18(
+                              TimelineGroupEntry,
+                              {
+                                groupKey: key,
+                                group,
+                                nextGroup: groups[index + 1]?.group,
+                                startupDismissed: group.kind === "activity" && group.items.some(
+                                  (item) => item.turnId && turnsWithOutput.has(item.turnId)
+                                ),
+                                entranceEnabled,
+                                liveEntranceEnabled: group.kind === "activity" ? !bulkRender : void 0,
+                                context: timelineGroupEntryContext
+                              }
+                            )
+                          },
+                          key
+                        );
+                      }),
+                      groups.length > 0 && trailingState ? /* @__PURE__ */ jsx18("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
+                      hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs13(
+                        "div",
+                        {
+                          "data-og-newer-error": "",
+                          className: "flex flex-col items-center gap-2 px-4 py-3 text-center text-og-menu text-og-fg-muted",
+                          children: [
+                            /* @__PURE__ */ jsxs13("p", { role: "status", className: "max-w-prose [overflow-wrap:anywhere]", children: [
+                              "Couldn\u2019t load later activity. ",
+                              newerFailure.message
+                            ] }),
+                            /* @__PURE__ */ jsx18(
+                              "button",
+                              {
+                                ref: newerRetryButtonRef,
+                                type: "button",
+                                "data-og-retry-newer": "",
+                                className: "min-h-11 rounded-og-md border border-og-border px-3 py-2 text-og-fg hover:bg-og-surface-2 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent",
+                                "aria-disabled": loadingNewer || newerRetryPending,
+                                "aria-busy": newerRetryPending,
+                                onClick: () => requestNewer(true),
+                                children: newerRetryPending ? "Retrying later activity\u2026" : "Retry later activity"
+                              }
+                            )
+                          ]
+                        }
+                      ) : null,
+                      hasNewer ? /* @__PURE__ */ jsx18(
+                        "div",
+                        {
+                          ref: bottomSentinelRef,
+                          "data-og-bottom-sentinel": "",
+                          "data-og-timeline-chrome": "",
+                          "aria-hidden": "true",
+                          className: "h-px w-full"
+                        }
+                      ) : null
+                    ] })
+                  }
+                )
               }
-            )
-          }
-        ),
-        draftAnnotations && draftAnnotations.length > 0 ? /* @__PURE__ */ jsx17(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx17(
-          TimelineAnnotationMarkers,
-          {
-            rootRef: scrollRef,
-            annotations: draftAnnotations,
-            onSelect: onDraftAnnotationSelect
-          }
-        ) }) : null,
-        /* @__PURE__ */ jsx17(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsx17(
-          motion3.div,
-          {
-            initial: { opacity: 0, y: -6 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: -6 },
-            transition: { duration: 0.15, ease: "easeOut" },
-            "data-og-question-nav": "",
-            className: "pointer-events-none absolute inset-x-0 top-11 z-10 flex justify-end px-4 sm:px-6 pointer-coarse:top-14",
-            children: /* @__PURE__ */ jsxs12("div", { className: "pointer-events-auto inline-flex max-w-[calc(50%-0.5rem)] items-center rounded-full border border-og-border bg-og-surface-3/90 text-og-control font-medium text-og-fg shadow-og-md backdrop-blur", children: [
-              /* @__PURE__ */ jsxs12(
-                "button",
-                {
-                  type: "button",
-                  "data-og-jump-to-question": "",
-                  onClick: () => void jumpToLatestQuestion(),
-                  disabled: questionPending,
-                  "aria-busy": questionPending,
-                  title: questionError ?? void 0,
-                  className: "inline-flex min-w-0 items-center gap-1.5 px-3 py-1.5 hover:text-og-fg pointer-coarse:min-h-11",
-                  children: [
-                    /* @__PURE__ */ jsx17(ArrowUpIcon, { "aria-hidden": true, className: "size-3.5" }),
-                    "Latest question"
-                  ]
-                }
-              ),
-              questionError && /* @__PURE__ */ jsx17("span", { role: "status", className: "px-2 text-og-xs", children: questionError })
-            ] })
-          },
-          "question-nav"
-        ) : null }),
-        /* @__PURE__ */ jsx17(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx17(
-          motion3.div,
-          {
-            initial: { opacity: 0, y: 6 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: 6 },
-            transition: { duration: 0.15, ease: "easeOut" },
-            "data-og-loading-newer": "",
-            "aria-live": "polite",
-            className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
-            children: /* @__PURE__ */ jsx17("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
-          }
-        ) : null }),
-        /* @__PURE__ */ jsx17(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer || canSkipTipCatchup) && autoFollow ? /* @__PURE__ */ jsxs12(
-          motion3.button,
-          {
-            type: "button",
-            "data-og-jump-to-latest": "",
-            initial: { opacity: 0, y: 8 },
-            animate: { opacity: 1, y: 0 },
-            exit: { opacity: 0, y: 8 },
-            transition: { duration: 0.15, ease: "easeOut" },
-            onClick: () => {
-              const viewport = scrollRef.current;
-              const selection = viewport?.ownerDocument.getSelection();
-              if (selection && !selection.isCollapsed && (viewport?.contains(selection.anchorNode) || viewport?.contains(selection.focusNode)))
-                selection.removeAllRanges();
-              disclosureKeepsUnpinnedRef.current = false;
-              if (hasNewer) {
-                wantPinRef.current = true;
-                const node2 = scrollRef.current;
-                if (onJumpToLatest) {
-                  void Promise.resolve(onJumpToLatest()).then(
-                    () => {
-                      const current = scrollRef.current;
-                      if (current && wantPinRef.current && !hasNewerRef.current) {
-                        wantPinRef.current = false;
-                        applyPinned(true);
-                        snapToBottom(current);
+            ),
+            draftAnnotations && draftAnnotations.length > 0 ? /* @__PURE__ */ jsx18(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx18(
+              TimelineAnnotationMarkers,
+              {
+                rootRef: scrollRef,
+                annotations: draftAnnotations,
+                onSelect: onDraftAnnotationSelect
+              }
+            ) }) : null,
+            /* @__PURE__ */ jsx18(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsx18(
+              motion3.div,
+              {
+                initial: { opacity: 0, y: -6 },
+                animate: { opacity: 1, y: 0 },
+                exit: { opacity: 0, y: -6 },
+                transition: { duration: 0.15, ease: "easeOut" },
+                "data-og-question-nav": "",
+                "data-og-pill-placement": questionPillPlacement.placement,
+                style: { marginTop: questionPillPlacement.offsetY },
+                className: cn(
+                  "pointer-events-none absolute inset-x-0 top-11 z-10 flex px-4 sm:px-6 pointer-coarse:top-14",
+                  QUESTION_PILL_PLACEMENT_CLASS[questionPillPlacement.placement]
+                ),
+                children: /* @__PURE__ */ jsx18(
+                  motion3.div,
+                  {
+                    ref: questionPillRef,
+                    layout: "position",
+                    transition: { duration: 0.18, ease: "easeOut" },
+                    className: "pointer-events-auto inline-flex max-w-full items-center rounded-full border border-og-border bg-og-surface-3/90 text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
+                    children: /* @__PURE__ */ jsxs13(
+                      "button",
+                      {
+                        type: "button",
+                        "data-og-jump-to-question": "",
+                        onClick: () => jumpToQuestion(questionNav.key),
+                        className: "inline-flex min-w-0 items-center gap-1.5 whitespace-nowrap px-3 py-1.5 hover:text-og-fg pointer-coarse:min-h-11",
+                        children: [
+                          /* @__PURE__ */ jsx18(ArrowUpIcon, { "aria-hidden": true, className: "size-3.5" }),
+                          "Back to your message"
+                        ]
                       }
-                    },
-                    () => {
-                      wantPinRef.current = false;
-                    }
-                  );
-                } else if (node2) {
-                  snapToBottom(node2);
-                }
-                return;
+                    )
+                  }
+                )
+              },
+              "question-nav"
+            ) : null }),
+            /* @__PURE__ */ jsx18(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx18(
+              motion3.div,
+              {
+                initial: { opacity: 0, y: 6 },
+                animate: { opacity: 1, y: 0 },
+                exit: { opacity: 0, y: 6 },
+                transition: { duration: 0.15, ease: "easeOut" },
+                "data-og-loading-newer": "",
+                "aria-live": "polite",
+                className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
+                children: /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
               }
-              const node = scrollRef.current;
-              if (node) {
-                applyPinned(true);
-                snapToBottom(node);
+            ) : null }),
+            /* @__PURE__ */ jsx18(AnimatePresence3, { children: jumpPillShown ? /* @__PURE__ */ jsxs13(
+              motion3.button,
+              {
+                ref: jumpPillRef,
+                type: "button",
+                "data-og-jump-to-latest": "",
+                "data-og-pill-placement": jumpPillPlacement.placement,
+                layout: "position",
+                initial: { opacity: 0, y: 8 },
+                animate: { opacity: 1, y: 0 },
+                exit: { opacity: 0, y: 8 },
+                transition: { duration: 0.15, ease: "easeOut" },
+                onClick: () => {
+                  const viewport = scrollRef.current;
+                  const selection = viewport?.ownerDocument.getSelection();
+                  if (selection && !selection.isCollapsed && (viewport?.contains(selection.anchorNode) || viewport?.contains(selection.focusNode)))
+                    selection.removeAllRanges();
+                  disclosureKeepsUnpinnedRef.current = false;
+                  if (hasNewer) {
+                    wantPinRef.current = true;
+                    const node2 = scrollRef.current;
+                    if (onJumpToLatest) {
+                      void Promise.resolve(onJumpToLatest()).then(
+                        () => {
+                          const current = scrollRef.current;
+                          if (current && wantPinRef.current && !hasNewerRef.current) {
+                            wantPinRef.current = false;
+                            applyPinned(true);
+                            snapToBottom(current);
+                          }
+                        },
+                        () => {
+                          wantPinRef.current = false;
+                        }
+                      );
+                    } else if (node2) {
+                      snapToBottom(node2);
+                    }
+                    return;
+                  }
+                  const node = scrollRef.current;
+                  if (node) {
+                    applyPinned(true);
+                    snapToBottom(node);
+                  }
+                },
+                className: cn(
+                  "absolute bottom-4 w-fit",
+                  JUMP_PILL_PLACEMENT_CLASS[jumpPillPlacement.placement],
+                  "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
+                  "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
+                  "hover:border-og-border-strong"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx18(ArrowDownIcon, { className: "size-3.5" }),
+                  "Jump to latest"
+                ]
               }
-            },
-            className: cn(
-              "absolute inset-x-0 bottom-4 mx-auto w-fit",
-              "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
-              "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
-              "hover:border-og-border-strong"
-            ),
-            children: [
-              /* @__PURE__ */ jsx17(ArrowDownIcon, { className: "size-3.5" }),
-              "Jump to latest"
-            ]
-          }
-        ) : null })
-      ]
+            ) : null })
+          ]
+        }
+      ) }) }) }) }) }) }) })
     }
-  ) }) }) }) }) }) }) });
-  return /* @__PURE__ */ jsx17(OpenGeniLinkProvider, { resolveLink, children: timeline });
+  );
+  return /* @__PURE__ */ jsx18(OpenGeniLinkProvider, { resolveLink, children: timeline });
 }
 function timelineGroupsRenderEqual(previous, next) {
   try {
@@ -7785,7 +7942,7 @@ function timelineGroupsRenderEqual(previous, next) {
 }
 function useStableTimelineGroupKeys(allGroups, entranceEnabled) {
   const previousRef = useRef9([]);
-  const keyedGroups = useMemo4(() => {
+  const keyedGroups = useMemo5(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
@@ -7860,17 +8017,17 @@ var TimelineGroupRenderBoundary = class extends Component3 {
   }
   render() {
     if (this.state.failed) {
-      return /* @__PURE__ */ jsxs12(
+      return /* @__PURE__ */ jsxs13(
         "div",
         {
           "data-testid": "timeline-group-render-error",
           role: "status",
           className: "flex items-start gap-2 rounded-lg border border-og-border bg-og-surface-muted px-3 py-2 text-og-menu text-og-fg-muted",
           children: [
-            /* @__PURE__ */ jsx17(TriangleAlertIcon2, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
-            /* @__PURE__ */ jsxs12("div", { children: [
-              /* @__PURE__ */ jsx17("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
-              /* @__PURE__ */ jsx17("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
+            /* @__PURE__ */ jsx18(TriangleAlertIcon2, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
+            /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsx18("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
+              /* @__PURE__ */ jsx18("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
           ]
         }
@@ -7891,7 +8048,7 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
   const reducedMotion = useReducedMotion3();
   const { behavior, userMessageDisclosureContext } = context;
   const contextCompactionCount = group.kind === "turn" ? group.contextCompactionCount ?? 0 : group.kind === "activity" && nextGroup?.kind === "item" && nextGroup.item.kind === "context-compaction" && nextGroup.item.phase === "compacted" ? 1 : 0;
-  const content = /* @__PURE__ */ jsx17(ActivityNoteTextContext.Provider, { value: behavior.renderMessageText ?? null, children: /* @__PURE__ */ jsx17(
+  const content = /* @__PURE__ */ jsx18(ActivityNoteTextContext.Provider, { value: behavior.renderMessageText ?? null, children: /* @__PURE__ */ jsx18(
     TimelineGroupView,
     {
       ...behavior,
@@ -7902,14 +8059,14 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
       contextCompactionCount: contextCompactionCount > 0 ? contextCompactionCount : void 0
     }
   ) });
-  return /* @__PURE__ */ jsx17(GenieLoadingOptionsContext.Provider, { value: behavior.genieLoading, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(GenieLoadingOptionsContext.Provider, { value: behavior.genieLoading, children: /* @__PURE__ */ jsx18(
     "div",
     {
       "data-og-timeline-group-anchor": "",
       "data-og-group-key": groupKey,
       "data-og-prompt": group.kind === "item" && group.item.kind === "user-message" ? "" : void 0,
       tabIndex: group.kind === "item" && group.item.kind === "user-message" ? -1 : void 0,
-      children: /* @__PURE__ */ jsx17(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx17(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx17(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: group.kind === "item" ? /* @__PURE__ */ jsx17("div", { children: content }) : /* @__PURE__ */ jsx17(AnimatePresence3, { initial: false, children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx18(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx18(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: group.kind === "item" ? /* @__PURE__ */ jsx18("div", { children: content }) : /* @__PURE__ */ jsx18(AnimatePresence3, { initial: false, children: /* @__PURE__ */ jsx18(
         motion3.div,
         {
           initial: false,
@@ -7975,7 +8132,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           (item) => item.kind === "startup-phase" || item.kind === "reasoning" && !item.text.trim()
         ) && !phases.some((item) => item.status === "failed" || item.status === "cancelled");
         if (preparing) {
-          return /* @__PURE__ */ jsx17(
+          return /* @__PURE__ */ jsx18(
             ActivityRail,
             {
               items: group.items,
@@ -7993,7 +8150,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         const status = end ? { kind: "worked", durationMs: durationBetween(group.work.startedAt, end) } : group.work.waiting ? { kind: "waiting", ...group.work.waiting } : {
           kind: "working",
           since: group.work.startedAt,
-          preview: containsPresentedImage ? void 0 : /* @__PURE__ */ jsx17(
+          preview: containsPresentedImage ? void 0 : /* @__PURE__ */ jsx18(
             RollingActivity,
             {
               items: group.items,
@@ -8002,7 +8159,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             }
           )
         };
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           TurnSummary,
           {
             items: group.items,
@@ -8013,7 +8170,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             defaultOpen: containsPresentedImage || group.outcome === "failed" || phases.some((item) => item.status === "failed" || item.status === "cancelled") ? true : void 0,
             facets: turnSummary?.facets,
             contextCompactionCount: compactedLandmarkCount(group.work.details),
-            children: /* @__PURE__ */ jsx17(TurnRailFrame, { compact: true, children: renderFoldedGroups(
+            children: /* @__PURE__ */ jsx18(TurnRailFrame, { compact: true, children: renderFoldedGroups(
               group.work.details,
               {
                 renderMessageActions,
@@ -8038,7 +8195,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
       if (!startupDetails && !insideTurn && !group.outcome && group.items.every(
         (item) => item.kind === "startup-phase" || item.kind === "reasoning" && !item.text.trim()
       )) {
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           ActivityRail,
           {
             items: group.items,
@@ -8053,7 +8210,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         );
       }
       if (turnSummary?.rolling && insideTurn && !startupDetails && !hasRememberedImageFold && group.items.filter((item) => item.kind !== "startup-phase").length === 1) {
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           ActivityRail,
           {
             items: group.items,
@@ -8072,7 +8229,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         const singleThought = !startupDetails && visibleActivity.length === 1 && visibleActivity[0]?.kind === "reasoning";
         const useNestedChip = nestClusterChips && (activityShouldFold || hasRememberedImageFold) && !singleThought;
         if (!useNestedChip) {
-          return /* @__PURE__ */ jsx17(
+          return /* @__PURE__ */ jsx18(
             ActivityRail,
             {
               items: group.items,
@@ -8086,7 +8243,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           TurnSummary,
           {
             items: group.items,
@@ -8097,7 +8254,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               ActivityRail,
               {
                 items: group.items,
@@ -8113,14 +8270,14 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         TurnSummary,
         {
           items: group.items,
           outcome: group.outcome,
           failureText: group.failureText,
           defaultOpen: group.outcome === "failed" || containsPresentedImage || !turnSummary?.rolling && !activityShouldFold ? true : void 0,
-          liveHeader: turnSummary?.rolling && !containsPresentedImage && !group.outcome && !foldLiveCluster ? /* @__PURE__ */ jsx17(
+          liveHeader: turnSummary?.rolling && !containsPresentedImage && !group.outcome && !foldLiveCluster ? /* @__PURE__ */ jsx18(
             RollingActivity,
             {
               items: group.items,
@@ -8132,7 +8289,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx17(FoldBody, { children: /* @__PURE__ */ jsx17(TurnRailFrame, { children: /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx18(FoldBody, { children: /* @__PURE__ */ jsx18(TurnRailFrame, { children: /* @__PURE__ */ jsx18(
             ActivityRail,
             {
               items: group.items,
@@ -8154,7 +8311,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           (item) => item.kind === "startup-phase" && item.status === "complete"
         )
       ))
-        return /* @__PURE__ */ jsx17(ActivityRail, { items: activityItems, startupActive: false, bare: true });
+        return /* @__PURE__ */ jsx18(ActivityRail, { items: activityItems, startupActive: false, bare: true });
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = renderFoldedGroups(group.groups, {
         renderMessageActions,
@@ -8171,7 +8328,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         turnSummary
       });
       const durationMs = durationBetween(group.startedAt, group.endedAt);
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         TurnSummary,
         {
           items: activityItems,
@@ -8185,16 +8342,16 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx17(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx18(FoldBody, { children: insideTurn ? (
             // A nested turn is already on an ancestor rail — its body just stacks
             // flush (the bare-node body already indents it), so no second rule.
-            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: body })
-          ) : /* @__PURE__ */ jsx17(TurnRailFrame, { children: body }) })
+            /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx18(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         TimelineRow,
         {
           item: group.item,
@@ -8211,7 +8368,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
 });
 function renderFoldedGroups(groups, behavior, readableWork = false) {
   const nestClusters = foldableActivityClusterCount(groups) >= 2;
-  return groups.map((child, index) => /* @__PURE__ */ jsx17(
+  return groups.map((child, index) => /* @__PURE__ */ jsx18(
     TimelineGroupRenderBoundary,
     {
       resetKeys: [
@@ -8229,13 +8386,13 @@ function renderFoldedGroups(groups, behavior, readableWork = false) {
         behavior.loadVideoArtifactPlayback,
         behavior.turnSummary
       ],
-      children: readableWork ? /* @__PURE__ */ jsx17(
+      children: readableWork ? /* @__PURE__ */ jsx18(
         "div",
         {
           className: index > 0 && (child.kind !== "activity" || groups[index - 1]?.kind !== "activity") ? "mt-3" : void 0,
-          children: /* @__PURE__ */ jsx17(TimelineGroupView, { ...behavior, group: child, insideTurn: true, startupDismissed: true })
+          children: /* @__PURE__ */ jsx18(TimelineGroupView, { ...behavior, group: child, insideTurn: true, startupDismissed: true })
         }
-      ) : /* @__PURE__ */ jsx17(TimelineGroupView, { ...behavior, group: child, insideTurn: true, nestClusterChips: nestClusters })
+      ) : /* @__PURE__ */ jsx18(TimelineGroupView, { ...behavior, group: child, insideTurn: true, nestClusterChips: nestClusters })
     },
     timelineGroupKey(child)
   ));
@@ -8246,10 +8403,10 @@ function compactedLandmarkCount(groups) {
   ).length;
 }
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx17(Fragment5, { children });
+  return /* @__PURE__ */ jsx18(Fragment6, { children });
 }
 function TurnRailFrame({ children, compact = false }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       className: cn(
@@ -8440,7 +8597,7 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         UserMessageRow,
         {
           item,
@@ -8449,9 +8606,9 @@ function TimelineRow({
         }
       );
     case "human-input":
-      return /* @__PURE__ */ jsx17(HumanInputConversationRow, { item });
+      return /* @__PURE__ */ jsx18(HumanInputConversationRow, { item });
     case "agent-message":
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         AgentMessageRow,
         {
           item,
@@ -8460,13 +8617,13 @@ function TimelineRow({
         }
       );
     case "worker-completion":
-      return /* @__PURE__ */ jsx17(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx18(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx17(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx18(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx17(GoalRow, { item });
+      return /* @__PURE__ */ jsx18(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         MachineInputBatchRow,
         {
           item,
@@ -8475,11 +8632,11 @@ function TimelineRow({
         }
       );
     case "notice":
-      return /* @__PURE__ */ jsx17(NoticeRow, { item });
+      return /* @__PURE__ */ jsx18(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx17(CompactionRow, { item });
+      return /* @__PURE__ */ jsx18(CompactionRow, { item });
     case "auth-needed":
-      return renderAuthNeeded?.(item) ?? /* @__PURE__ */ jsx17(
+      return renderAuthNeeded?.(item) ?? /* @__PURE__ */ jsx18(
         AuthNeededRow,
         {
           item,
@@ -8505,7 +8662,7 @@ function CompactionRow({ item }) {
   const title = item.phase === "started" ? "Compacting conversation history\u2026" : item.phase === "compacted" ? before && after ? `Conversation history compacted \xB7 ~${before} \u2192 ~${after} estimated history tokens` : "Conversation history compacted" : "Couldn\u2019t compact conversation history";
   const subtitle = item.phase === "compacted" ? "Chat history above is unchanged" : item.phase === "skipped" ? compactionSkipSubtitle(item.skipReason, item.providerRejection) : null;
   const pill = item.phase === "skipped" && item.skipReason === "summarization_failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.phase === "started" ? WAITING_PILL_CLASS : NEUTRAL_PILL;
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -8514,20 +8671,20 @@ function CompactionRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsxs12("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx17(ShrinkIcon2, { className: "size-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxs12("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsxs13("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx18(ShrinkIcon2, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx17("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx18("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "time",
     {
       dateTime: occurredAt,
@@ -8547,28 +8704,28 @@ function UserMessageRow({
 }) {
   const enter = useEntranceAnimation();
   const deliveryFailed = item.delivery?.state === "failed";
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs12("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs13("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
+    /* @__PURE__ */ jsx18(
       CopyHoverFrame,
       {
         copyText: item.text || (item.annotations ?? []).map((annotation) => `${annotation.quote}
 ${annotation.note}`).join("\n\n"),
         label: "Copy message",
         className: "w-fit max-w-full min-w-0",
-        trailing: /* @__PURE__ */ jsxs12(Fragment5, { children: [
+        trailing: /* @__PURE__ */ jsxs13(Fragment6, { children: [
           renderMessageActions?.(item),
-          /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt })
+          /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt })
         ] }),
-        children: /* @__PURE__ */ jsxs12("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-          item.text ? /* @__PURE__ */ jsx17(
+        children: /* @__PURE__ */ jsxs13("div", { className: MESSAGE_BUBBLE_CLASS, children: [
+          item.text ? /* @__PURE__ */ jsx18(
             "div",
             {
               "data-og-search-item": item.id,
               "data-og-annotation-source-key": item.annotationSource?.eventId,
-              children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx17(Markdown, { children: item.text }) })
+              children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx18(Markdown, { children: item.text }) })
             }
           ) : null,
-          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx17(
+          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
             TimelineAnnotationCards,
             {
               annotations: item.annotations ?? [],
@@ -8578,34 +8735,45 @@ ${annotation.note}`).join("\n\n"),
         ] })
       }
     ),
-    deliveryFailed ? /* @__PURE__ */ jsxs12(
+    deliveryFailed ? /* @__PURE__ */ jsxs13(
       "div",
       {
         role: "status",
-        className: "flex max-w-full items-center gap-2 px-1 text-og-xs text-og-status-failed",
+        className: "flex max-w-full flex-col items-start gap-1 px-1 text-og-xs text-og-status-failed",
         children: [
-          /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1", title: item.delivery?.error, children: [
-            /* @__PURE__ */ jsx17(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx17("span", { children: "Message not sent" })
+          /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 items-start gap-1", children: [
+            /* @__PURE__ */ jsx18(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx18("span", { className: "min-w-0 break-words", children: item.delivery?.error || "Message not sent" })
           ] }),
-          item.delivery?.onRetry ? /* @__PURE__ */ jsx17(
-            "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__ */ jsx17(
-            "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
+          /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2", children: [
+            item.delivery?.onEdit ? /* @__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.onEdit,
+                children: "Edit message"
+              }
+            ) : null,
+            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
@@ -8619,26 +8787,26 @@ function HumanInputConversationRow({ item }) {
   );
   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__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(enter && "animate-og-enter", "flex w-full flex-col gap-2.5"),
       "data-human-input-history": item.requestId,
       children: [
-        /* @__PURE__ */ jsxs12("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__ */ jsx17("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__ */ jsx17(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
-          /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx17("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
-            /* @__PURE__ */ jsx17("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs12("div", { children: [
-              question.label ? /* @__PURE__ */ jsxs12("p", { className: "text-og-sm font-semibold text-og-fg", children: [
-                multipleQuestions ? /* @__PURE__ */ jsxs12("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+        /* @__PURE__ */ jsxs13("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__ */ jsxs13("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__ */ jsxs13("div", { children: [
+              question.label ? /* @__PURE__ */ jsxs13("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs13("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                   index + 1,
                   "."
                 ] }) : null,
                 multipleQuestions ? " " : null,
                 question.label
               ] }) : null,
-              /* @__PURE__ */ jsxs12(
+              /* @__PURE__ */ jsxs13(
                 "p",
                 {
                   className: cn(
@@ -8646,7 +8814,7 @@ function HumanInputConversationRow({ item }) {
                     question.label && "mt-0.5 text-og-sm text-og-fg-muted"
                   ),
                   children: [
-                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs12("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs13("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                       index + 1,
                       "."
                     ] }) : null,
@@ -8655,29 +8823,29 @@ function HumanInputConversationRow({ item }) {
                   ]
                 }
               )
-            ] }, question.id)) : /* @__PURE__ */ jsx17("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
+            ] }, question.id)) : /* @__PURE__ */ jsx18("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
+        /* @__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__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
-            children: /* @__PURE__ */ jsxs12("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-              /* @__PURE__ */ jsx17("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
-              item.response.outcome === "answered" ? /* @__PURE__ */ jsx17("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs12("div", { children: [
-                multipleQuestions ? /* @__PURE__ */ jsxs12("p", { className: "text-og-sm font-semibold text-og-fg", children: [
-                  /* @__PURE__ */ jsxs12("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+            trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
+            children: /* @__PURE__ */ jsxs13("div", { className: MESSAGE_BUBBLE_CLASS, 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__ */ jsxs13("div", { children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs13("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                  /* @__PURE__ */ jsxs13("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                     questionNumberById.get(answer.questionId) ?? answerIndex + 1,
                     "."
                   ] }),
                   " ",
                   answer.label
                 ] }) : null,
-                /* @__PURE__ */ jsx17("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx17("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx17("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx17("p", { children: answer.values[0] || "Answered" }) })
-              ] }, answer.questionId)) : /* @__PURE__ */ jsx17("p", { children: "Answered" }) }) : 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
             ] })
           }
         ) })
@@ -8705,19 +8873,19 @@ function AgentMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(Markdown, { streaming: item.streaming, children: item.text });
-  return /* @__PURE__ */ jsx17(
+  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx18(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
-      trailing: item.streaming ? null : /* @__PURE__ */ jsxs12(Fragment5, { children: [
+      trailing: item.streaming ? null : /* @__PURE__ */ jsxs13(Fragment6, { children: [
         renderMessageActions?.(item),
-        /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt })
+        /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt })
       ] }),
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18(
         "div",
         {
           "data-og-wide-table-message": "",
@@ -8766,7 +8934,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState14(false);
+  const [open, setOpen] = useState15(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && !!item.pausedReason?.trim();
@@ -8776,17 +8944,17 @@ function WorkerCompletionRow({
     ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
   ];
   const hasDetails = details.length > 0;
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ jsx17("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx17(Icon, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx17("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs12("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx17("span", { className: "font-medium", children: meta.label }),
-        item.goalText ? /* @__PURE__ */ jsxs12("span", { className: "text-og-fg-muted", children: [
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2.5", children: [
+      /* @__PURE__ */ jsx18("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx18(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx18("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx18("span", { className: "font-medium", children: meta.label }),
+        item.goalText ? /* @__PURE__ */ jsxs13("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
         ] }) : null
       ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs12(
+      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -8798,13 +8966,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx17(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx18(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
-    hasDetails ? /* @__PURE__ */ jsxs12(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx17(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+    hasDetails ? /* @__PURE__ */ jsxs13(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx18(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -8813,14 +8981,14 @@ function WorkerCompletionRow({
             "outline-hidden transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
-            /* @__PURE__ */ jsx17(ChevronRightIcon2, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
+            /* @__PURE__ */ jsx18(ChevronRightIcon2, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
             open ? "Hide details" : "Show details"
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx17(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx17("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx17("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx18("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx18("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx18(
           "p",
           {
             className: cn(
@@ -8839,7 +9007,7 @@ function SessionStatusRow({
 }) {
   const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -8848,15 +9016,15 @@ function SessionStatusRow({
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" }),
-        /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
-          item.resolvedAt ? null : /* @__PURE__ */ jsx17(StatusDot, { status: item.status, className: "size-1" }),
+        /* @__PURE__ */ jsx18("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
+          item.resolvedAt ? null : /* @__PURE__ */ jsx18(StatusDot, { status: item.status, className: "size-1" }),
           item.resolvedAt ? "work resumed" : meta.label.toLowerCase(),
           " \xB7",
           " ",
           formatRelativeTime(item.resolvedAt ?? item.occurredAt)
         ] }),
-        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" })
+        /* @__PURE__ */ jsx18("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -8894,7 +9062,7 @@ function goalMeta(action) {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = goalMeta(item.action);
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "span",
     {
       className: cn(
@@ -8902,8 +9070,8 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx17(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs12("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsx18(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
         ] })
@@ -8920,7 +9088,7 @@ function MachineInputBatchRow({
   const label = machineInputBatchLabel(item.members);
   const single = item.members.length === 1 ? item.members[0] : null;
   if (single?.kind === "media_generation_result" && single.result) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       VideoGenerationResultRow,
       {
         result: single.result,
@@ -8930,15 +9098,15 @@ function MachineInputBatchRow({
   }
   const singleSummary = single ? cleanMachineInputSummary(single.summary) : "";
   const showCollapsedSummary = !item.compact && single != null && machineInputSummaryIsUseful(single.kind, singleSummary);
-  return /* @__PURE__ */ jsxs12("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
-    /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
+    /* @__PURE__ */ jsxs13(
       "details",
       {
         className: "group w-full max-w-full",
         "data-og-machine-input-batch": "",
         title: `Received ${formatClockTime(item.occurredAt)}`,
         children: [
-          /* @__PURE__ */ jsx17("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs12(
+          /* @__PURE__ */ jsx18("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs13(
             "span",
             {
               className: cn(
@@ -8946,23 +9114,23 @@ function MachineInputBatchRow({
                 NEUTRAL_PILL
               ),
               children: [
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   ChevronRightIcon2,
                   {
                     "aria-hidden": true,
                     className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
                   }
                 ),
-                /* @__PURE__ */ jsx17("span", { className: "truncate", children: label })
+                /* @__PURE__ */ jsx18("span", { className: "truncate", children: label })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs12("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: [
-            /* @__PURE__ */ jsxs12("p", { className: "text-og-xs text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: [
+            /* @__PURE__ */ jsxs13("p", { className: "text-og-xs text-og-fg-subtle", children: [
               "Received ",
-              /* @__PURE__ */ jsx17("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
+              /* @__PURE__ */ jsx18("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
             ] }),
-            item.members.map((member) => /* @__PURE__ */ jsx17(
+            item.members.map((member) => /* @__PURE__ */ jsx18(
               MachineInputRow,
               {
                 member,
@@ -8975,7 +9143,7 @@ function MachineInputBatchRow({
         ]
       }
     ),
-    showCollapsedSummary ? /* @__PURE__ */ jsx17("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
+    showCollapsedSummary ? /* @__PURE__ */ jsx18("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
   ] });
 }
 function MachineInputRow({
@@ -8984,7 +9152,7 @@ function MachineInputRow({
   loadVideoArtifactPlayback
 }) {
   if (member.kind === "media_generation_result" && member.result) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       VideoGenerationResultRow,
       {
         result: member.result,
@@ -8995,16 +9163,16 @@ function MachineInputRow({
   }
   const source = readableMachineInputSource(member.sourceId);
   const summary = cleanMachineInputSummary(member.summary);
-  return /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx17("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
-    /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx17("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
-      source && /* @__PURE__ */ jsxs12("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
+    /* @__PURE__ */ jsx18("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
+    /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx18("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
-      summary ? /* @__PURE__ */ jsx17("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null,
-      /* @__PURE__ */ jsx17(
+      summary ? /* @__PURE__ */ jsx18("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null,
+      /* @__PURE__ */ jsx18(
         ChildSessionLink,
         {
           kind: member.kind,
@@ -9022,7 +9190,7 @@ function VideoGenerationResultRow({
 }) {
   const enter = useEntranceAnimation();
   if (result.status !== "ready") {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs13(
       "div",
       {
         className: cn(
@@ -9030,18 +9198,18 @@ function VideoGenerationResultRow({
           "mx-auto w-full max-w-lg rounded-og-md border border-og-status-failed/30 bg-og-status-failed/5 px-3.5 py-3"
         ),
         children: [
-          /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
-            /* @__PURE__ */ jsx17(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
+            /* @__PURE__ */ jsx18(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
             "Video generation failed"
           ] }),
-          /* @__PURE__ */ jsx17("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
+          /* @__PURE__ */ jsx18("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
         ]
       }
     );
   }
   const { receipt } = result;
   const facts = receipt.video;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "section",
     {
       "aria-label": "Generated video",
@@ -9051,18 +9219,18 @@ function VideoGenerationResultRow({
         compact && "max-w-lg"
       ),
       children: [
-        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx17(
+        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx18(
           GeneratedVideoPlayer,
           {
             receipt,
             loadPlaybackSource: loadVideoArtifactPlayback,
             className: "rounded-none border-0 shadow-none"
           }
-        ) : /* @__PURE__ */ jsx17("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx17(PlayIcon, { "aria-hidden": true, className: "size-6" }) }),
-        /* @__PURE__ */ jsxs12("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
-          /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx17("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
-            /* @__PURE__ */ jsxs12("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
+        ) : /* @__PURE__ */ jsx18("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx18(PlayIcon, { "aria-hidden": true, className: "size-6" }) }),
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx18("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
+            /* @__PURE__ */ jsxs13("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
               facts.width,
               "\xD7",
               facts.height,
@@ -9071,7 +9239,7 @@ function VideoGenerationResultRow({
               facts.hasAudio ? " \xB7 Audio" : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx17(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
+          /* @__PURE__ */ jsx18(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
         ] })
       ]
     }
@@ -9082,31 +9250,32 @@ function formatVideoDuration(seconds) {
 }
 function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
+  if (item.allowance) return /* @__PURE__ */ jsx18(AllowanceExhaustedRow, { refusal: item.allowance });
   if (item.recordedOutcome) {
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs13(
       "details",
       {
         className: "group text-og-sm text-og-fg-muted",
         role: "note",
         "data-og-recorded-outcome": "wait",
         children: [
-          /* @__PURE__ */ jsxs12("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
-            /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsxs13("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
+            /* @__PURE__ */ jsx18(
               ChevronRightIcon2,
               {
                 "aria-hidden": true,
                 className: "size-3.5 transition-transform group-open:rotate-90"
               }
             ),
-            /* @__PURE__ */ jsx17("span", { title: new Date(item.occurredAt).toLocaleString(), children: recordedWaitSummary(item) })
+            /* @__PURE__ */ jsx18("span", { title: new Date(item.occurredAt).toLocaleString(), children: recordedWaitSummary(item) })
           ] }),
-          /* @__PURE__ */ jsx17("p", { className: "mt-1 whitespace-pre-wrap break-words pl-5 text-og-fg-muted", children: item.text })
+          /* @__PURE__ */ jsx18("p", { className: "mt-1 whitespace-pre-wrap break-words pl-5 text-og-fg-muted", children: item.text })
         ]
       }
     );
   }
   const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" && !item.resolvedAt ? WAITING_PILL_CLASS : NEUTRAL_PILL;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -9116,20 +9285,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           TriangleAlertIcon2,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
-        /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx17("span", { className: "whitespace-pre-wrap break-words", children: item.resolvedAt && item.text.startsWith("Approval needed") ? "Approval was needed." : item.text }),
-          item.details ? /* @__PURE__ */ jsxs12("details", { className: "mt-2 text-og-control", children: [
-            /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
-            /* @__PURE__ */ jsx17("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-og-fg/5 p-2 font-mono", children: JSON.stringify(item.details.value, null, 2) })
+        /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx18("span", { className: "whitespace-pre-wrap break-words", children: item.resolvedAt && item.text.startsWith("Approval needed") ? "Approval was needed." : item.text }),
+          item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-og-control", children: [
+            /* @__PURE__ */ jsx18("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx18("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-og-fg/5 p-2 font-mono", children: JSON.stringify(item.details.value, null, 2) })
           ] }) : null
         ] }),
-        item.action ? /* @__PURE__ */ jsx17(
+        item.action ? /* @__PURE__ */ jsx18(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
@@ -9148,22 +9317,22 @@ function recordedWaitSummary(item) {
   const target = agents > 0 ? ` for ${agents} ${agents === 1 ? "agent" : "agents"}` : "";
   const waitedMs = item.waitEndedAt ? durationBetween(item.occurredAt, item.waitEndedAt) : void 0;
   if (waitedMs !== void 0) {
-    return /* @__PURE__ */ jsxs12(Fragment5, { children: [
+    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
       "Waited",
       target,
       " \xB7",
       " ",
-      /* @__PURE__ */ jsx17("time", { dateTime: `PT${Math.floor(waitedMs / 1e3)}S`, children: formatElapsed(waitedMs) })
+      /* @__PURE__ */ jsx18("time", { dateTime: `PT${Math.floor(waitedMs / 1e3)}S`, children: formatElapsed(waitedMs) })
     ] });
   }
   const started = new Date(item.occurredAt);
   const sameDay = started.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
     item.waitEndedAt ? "Waited" : "Waiting",
     target,
     " \xB7 since",
     " ",
-    /* @__PURE__ */ jsx17("time", { dateTime: item.occurredAt, children: sameDay ? formatClockTime(item.occurredAt) : started.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }) })
+    /* @__PURE__ */ jsx18("time", { dateTime: item.occurredAt, children: sameDay ? formatClockTime(item.occurredAt) : started.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }) })
   ] });
 }
 function AuthNeededRow({
@@ -9172,8 +9341,8 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState14(false);
-  const [failed, setFailed] = useState14(false);
+  const [busy, setBusy] = useState15(false);
+  const [failed, setFailed] = useState15(false);
   const recommendation = item.capability ?? null;
   const provider = recommendation?.name ?? (item.serverId === "codex_apps" ? "Codex Apps" : providerLabel(item.providerDomain));
   const unavailable = item.reason === "personal_authority_unavailable" || item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
@@ -9196,30 +9365,30 @@ function AuthNeededRow({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs12("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+        /* @__PURE__ */ jsx18(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
             label: provider
           }
         ),
-        /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx17("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
-          /* @__PURE__ */ jsx17("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
-          recommendation ? /* @__PURE__ */ jsxs12("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx18("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
+          /* @__PURE__ */ jsx18("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
+          recommendation ? /* @__PURE__ */ jsxs13("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Provider: ",
             item.providerDomain
           ] }) : null,
-          recommendation && recommendation.requiredVariables.length > 0 ? /* @__PURE__ */ jsxs12("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
+          recommendation && recommendation.requiredVariables.length > 0 ? /* @__PURE__ */ jsxs13("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Needs variables: ",
             recommendation.requiredVariables.join(", ")
           ] }) : null
         ] })
       ] }),
-      hostAuthorizationUrl ? /* @__PURE__ */ jsxs12(
+      hostAuthorizationUrl ? /* @__PURE__ */ jsxs13(
         "a",
         {
           href: hostAuthorizationUrl,
@@ -9230,11 +9399,11 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-primary-hover pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs12(
+      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -9245,11 +9414,11 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-primary-hover disabled:opacity-50 pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
+            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs12(
+      ) : item.authoritySource !== "host" && !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs13(
         "a",
         {
           href: item.authorizationUrl,
@@ -9260,14 +9429,14 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-primary-hover pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
       ) : null
     ] }),
-    !unavailable ? /* @__PURE__ */ jsx17("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: recommendation ? "No access has been granted. Review and confirm the provider before continuing." : `This tool call wasn't replayed. After ${missing ? "connecting" : "reconnecting"}, send a new message to try again.` }) : null,
-    failed ? /* @__PURE__ */ jsxs12("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
+    !unavailable ? /* @__PURE__ */ jsx18("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: recommendation ? "No access has been granted. Review and confirm the provider before continuing." : `This tool call wasn't replayed. After ${missing ? "connecting" : "reconnecting"}, send a new message to try again.` }) : null,
+    failed ? /* @__PURE__ */ jsxs13("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
       " ",
@@ -9277,15 +9446,15 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState14(false);
-  useEffect9(() => setFailed(false), [src]);
+  const [failed, setFailed] = useState15(false);
+  useEffect10(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-og-menu font-semibold text-og-fg-muted",
       "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx17(
+      children: showImage ? /* @__PURE__ */ jsx18(
         "img",
         {
           src,
@@ -9295,7 +9464,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx17("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx18("span", { children: monogram(label) })
     }
   );
 }
@@ -9340,8 +9509,8 @@ function authReasonLine(reason) {
 // src/components/queue-surface.tsx
 import { Loader2Icon } from "lucide-react";
 import { lazy as lazy4, Suspense as Suspense5 } from "react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-IM2HD3SK.js");
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+var loadQueueSurface = () => import("./queue-surface-implementation-2CAQAIHM.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy4(async () => ({
@@ -9351,21 +9520,21 @@ function createQueueSurface(loadImplementation) {
     const { queue } = props;
     if (queue.queue.length + queue.pendingInputs.length === 0) {
       if (!queue.stoppingPreviousAttempt && !queue.error && !queue.mutationError) return null;
-      return /* @__PURE__ */ jsx18(EmptyQueueStateSurface, { queue });
+      return /* @__PURE__ */ jsx19(EmptyQueueStateSurface, { queue });
     }
-    return /* @__PURE__ */ jsx18(Suspense5, { fallback: /* @__PURE__ */ jsx18(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx18(LazyQueueSurface, { ...props }) });
+    return /* @__PURE__ */ jsx19(Suspense5, { fallback: /* @__PURE__ */ jsx19(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx19(LazyQueueSurface, { ...props }) });
   };
 }
 function QueueSurfaceFallback() {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "aria-live": "polite",
       className: "og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
       "data-testid": "queue-surface-loading",
       role: "status",
-      children: /* @__PURE__ */ jsx18("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
-        /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
+        /* @__PURE__ */ jsx19(
           Loader2Icon,
           {
             "aria-hidden": "true",
@@ -9407,7 +9576,7 @@ function useWorkspaceModelCatalog(options) {
       }
       const [catalog, config] = await Promise.all([
         client.getWorkspaceModelCatalog(options.workspaceId, { signal }),
-        client.getClientConfig({ signal })
+        client.getClientConfig({ signal, workspaceId: options.workspaceId })
       ]);
       return {
         models: catalog.models,
@@ -9436,7 +9605,7 @@ import { LayoutGroup, motion as motion4 } from "motion/react";
 import {
   useImperativeHandle
 } from "react";
-import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function ChatComposer({
   composer,
   responsiveBasis,
@@ -9494,15 +9663,15 @@ function ChatComposer({
   useImperativeHandle(focusRef, () => ({ focusInput: controller.focusInput }), [
     controller.focusInput
   ]);
-  return /* @__PURE__ */ jsx19(Fragment6, { children: /* @__PURE__ */ jsxs14(Root, { controller, responsiveBasis, className, children: [
-    /* @__PURE__ */ jsxs14(Frame, { children: [
-      /* @__PURE__ */ jsx19(CommandPalette, {}),
-      /* @__PURE__ */ jsxs14(Surface, { className: surfaceClassName, children: [
-        /* @__PURE__ */ jsx19(PausedState, {}),
-        /* @__PURE__ */ jsx19(RestoredResources, {}),
-        /* @__PURE__ */ jsx19(Attachments, {}),
+  return /* @__PURE__ */ jsx20(Fragment7, { children: /* @__PURE__ */ jsxs15(Root, { controller, responsiveBasis, className, children: [
+    /* @__PURE__ */ jsxs15(Frame, { children: [
+      /* @__PURE__ */ jsx20(CommandPalette, {}),
+      /* @__PURE__ */ jsxs15(Surface, { className: surfaceClassName, children: [
+        /* @__PURE__ */ jsx20(PausedState, {}),
+        /* @__PURE__ */ jsx20(RestoredResources, {}),
+        /* @__PURE__ */ jsx20(Attachments, {}),
         header,
-        composer.annotations && composer.annotations.length > 0 && composer.updateAnnotation && composer.removeAnnotation ? /* @__PURE__ */ jsx19("div", { className: "px-3.5 pt-2 md:px-4", children: /* @__PURE__ */ jsx19(
+        composer.annotations && composer.annotations.length > 0 && composer.updateAnnotation && composer.removeAnnotation ? /* @__PURE__ */ jsx20("div", { className: "px-3.5 pt-2 md:px-4", children: /* @__PURE__ */ jsx20(
           TimelineAnnotationsChip,
           {
             annotations: composer.annotations,
@@ -9514,21 +9683,21 @@ function ChatComposer({
             onCommit: controller.focusInput
           }
         ) }) : null,
-        /* @__PURE__ */ jsx19(Input, { ...inputProps, placeholder, autoFocus }),
-        controller.confirmState ? /* @__PURE__ */ jsx19(Confirmation, {}) : footer !== void 0 ? footer : /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(Input, { ...inputProps, placeholder, autoFocus }),
+        controller.confirmState ? /* @__PURE__ */ jsx20(Confirmation, {}) : footer !== void 0 ? footer : /* @__PURE__ */ jsx20(
           Footer,
           {
             "data-og-stack-actions": stackActions ? "" : void 0,
             className: stackActions ? "max-sm:flex-nowrap sm:flex-wrap" : void 0,
-            children: /* @__PURE__ */ jsxs14(LayoutGroup, { id: "og-composer-footer", children: [
-              hasControls ? /* @__PURE__ */ jsxs14(
+            children: /* @__PURE__ */ jsxs15(LayoutGroup, { id: "og-composer-footer", children: [
+              hasControls ? /* @__PURE__ */ jsxs15(
                 Controls,
                 {
                   className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
                   children: [
                     controlsLeading,
-                    /* @__PURE__ */ jsx19(AttachButton, { className: attachButtonClassName }),
-                    transcription ? /* @__PURE__ */ jsx19(
+                    /* @__PURE__ */ jsx20(AttachButton, { className: attachButtonClassName }),
+                    transcription ? /* @__PURE__ */ jsx20(
                       ComposerTranscriptionControl,
                       {
                         ...transcription,
@@ -9536,13 +9705,13 @@ function ChatComposer({
                         className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
                       }
                     ) : null,
-                    models ? /* @__PURE__ */ jsx19(
+                    models ? /* @__PURE__ */ jsx20(
                       motion4.span,
                       {
                         layout: true,
                         transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
                         className: "inline-flex min-w-0",
-                        children: /* @__PURE__ */ jsx19(
+                        children: /* @__PURE__ */ jsx20(
                           ModelPicker,
                           {
                             models,
@@ -9552,7 +9721,7 @@ function ChatComposer({
                         )
                       }
                     ) : null,
-                    controlsStart ? /* @__PURE__ */ jsx19(
+                    controlsStart ? /* @__PURE__ */ jsx20(
                       motion4.span,
                       {
                         layout: true,
@@ -9563,15 +9732,15 @@ function ChatComposer({
                     ) : null
                   ]
                 }
-              ) : /* @__PURE__ */ jsx19(Hint, { children: hint }),
-              /* @__PURE__ */ jsxs14(
+              ) : /* @__PURE__ */ jsx20(Hint, { children: hint }),
+              /* @__PURE__ */ jsxs15(
                 Actions,
                 {
                   className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
                   children: [
                     actionsStart,
-                    /* @__PURE__ */ jsx19(PauseButton, {}),
-                    /* @__PURE__ */ jsx19(SendButton, {})
+                    /* @__PURE__ */ jsx20(PauseButton, {}),
+                    /* @__PURE__ */ jsx20(SendButton, {})
                   ]
                 }
               )
@@ -9580,8 +9749,8 @@ function ChatComposer({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx19(Help, {}),
-    /* @__PURE__ */ jsx19(Status, {})
+    /* @__PURE__ */ jsx20(Help, {}),
+    /* @__PURE__ */ jsx20(Status, {})
   ] }) });
 }
 
@@ -9607,8 +9776,8 @@ import {
   TargetIcon as TargetIcon3
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion5, useReducedMotion as useReducedMotion4 } from "motion/react";
-import { useEffect as useEffect10, useId as useId4, useMemo as useMemo5, useRef as useRef10, useState as useState15 } from "react";
-import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useId as useId4, useMemo as useMemo6, useRef as useRef10, useState as useState16 } from "react";
+import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
   waiting: "Waiting",
@@ -9723,8 +9892,8 @@ function formatCoarseElapsed(ms) {
 }
 function useLiveElapsed(startIso, live, endIso) {
   const start = startIso ? Date.parse(startIso) : Number.NaN;
-  const [now, setNow] = useState15(() => Date.now());
-  useEffect10(() => {
+  const [now, setNow] = useState16(() => Date.now());
+  useEffect11(() => {
     if (!live) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -9796,7 +9965,7 @@ function SessionChrome({
   defaultActive = null,
   onActiveChange
 }) {
-  const [activityRequested, setActivityOpen] = useState15(
+  const [activityRequested, setActivityOpen] = useState16(
     Boolean(defaultActive && ["incoming", "agents", "commands"].includes(defaultActive))
   );
   const reactId = useId4();
@@ -9806,12 +9975,12 @@ function SessionChrome({
   const incoming = queue.pendingInputs;
   const turns = queue.queue;
   const queueMutationFor = queue.mutationFor;
-  const queuedTurns = useMemo5(
+  const queuedTurns = useMemo6(
     () => turns.filter((turn) => isAuthoritativeQueuedTurn(turn, queueMutationFor)),
     [queueMutationFor, turns]
   );
-  const queuedTurnIds = useMemo5(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
-  const optimisticQueued = useMemo5(
+  const queuedTurnIds = useMemo6(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
+  const optimisticQueued = useMemo6(
     () => (composer?.optimisticMessages ?? []).filter(
       (message) => isOptimisticQueuedMessage(message, queuedTurnIds, queue.snapshot)
     ),
@@ -9826,7 +9995,7 @@ function SessionChrome({
     queue.queue,
     queue.mutationFor
   );
-  const [activeUncontrolled, setActiveUncontrolled] = useState15(
+  const [activeUncontrolled, setActiveUncontrolled] = useState16(
     () => sessionChromeInitialActive({
       defaultActive,
       authoritativeQueuedCount: initialAuthoritativeQueuedCount
@@ -9837,13 +10006,13 @@ function SessionChrome({
   const openedQueueTargetRef = useRef10(null);
   const focusedQueueTargetRef = useRef10(null);
   const queueTargetKey = queueFocusTarget ? `${queueFocusTarget.turnId}:${queueFocusTarget.requestId}` : null;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!queueTargetKey || openedQueueTargetRef.current === queueTargetKey) return;
     openedQueueTargetRef.current = queueTargetKey;
     if (activeControlled === void 0) setActiveUncontrolled("queue");
     onActiveChange?.("queue");
   }, [queueTargetKey, activeControlled, onActiveChange]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!queueFocusTarget || active !== "queue" || focusedQueueTargetRef.current === queueTargetKey)
       return;
     const root = rootRef.current;
@@ -9885,7 +10054,7 @@ function SessionChrome({
     onActiveChange?.(next);
   };
   const hasCommandsPanel = commandsPanel != null;
-  const signals = useMemo5(() => {
+  const signals = useMemo6(() => {
     const rows = [];
     if (incoming.length > 0) {
       const detail = incoming[0]?.summary;
@@ -9896,7 +10065,7 @@ function SessionChrome({
         tone: incoming.some(
           (item) => item.classification === "action_required" || item.classification === "failure"
         ) ? "waiting" : "neutral",
-        icon: /* @__PURE__ */ jsx20(InboxIcon, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(InboxIcon, { className: "size-3" })
       });
     }
     const queuedCount = queuedTurns.length + optimisticQueued.length;
@@ -9913,7 +10082,7 @@ function SessionChrome({
         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: queueProblem ? "waiting" : "neutral",
-        icon: queueProblem ? /* @__PURE__ */ jsx20(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx20(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx20(ListOrderedIcon, { className: "size-3" })
+        icon: queueProblem ? /* @__PURE__ */ jsx21(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx21(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx21(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
@@ -9925,7 +10094,7 @@ function SessionChrome({
         detail: elapsed ? `${elapsed} \xB7 ${record.text}` : record.text,
         ...explanation ? { title: explanation } : {},
         tone: waiting ? "waiting" : goalState === "pursuing" || goalState === "scheduled" ? "accent" : "neutral",
-        icon: /* @__PURE__ */ jsx20(TargetIcon3, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(TargetIcon3, { className: "size-3" })
       });
     }
     if (agentsSignal && agentsSignal.count > 0) {
@@ -9935,7 +10104,7 @@ function SessionChrome({
         label: `${agentsSignal.count} agent${agentsSignal.count === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: agentsSignal.tone ?? "neutral",
-        icon: /* @__PURE__ */ jsx20(BotIcon3, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(BotIcon3, { className: "size-3" })
       });
     }
     if (commandsCount > 0 || active === "commands" && hasCommandsPanel) {
@@ -9943,7 +10112,7 @@ function SessionChrome({
         id: "commands",
         label: commandsCount > 0 ? `${commandsCount} command${commandsCount === 1 ? "" : "s"}` : "Commands",
         tone: commandsCount > 0 ? "running" : "neutral",
-        icon: /* @__PURE__ */ jsx20(TerminalIcon2, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(TerminalIcon2, { className: "size-3" })
       });
     }
     return rows;
@@ -9963,8 +10132,8 @@ function SessionChrome({
   ]);
   const optimisticQueueKeys = optimisticQueued.map((message) => message.clientEventId).join(",");
   const previousOptimisticQueueKeys = useRef10(optimisticQueueKeys);
-  const [queueArrivalNonce, setQueueArrivalNonce] = useState15(0);
-  useEffect10(() => {
+  const [queueArrivalNonce, setQueueArrivalNonce] = useState16(0);
+  useEffect11(() => {
     const previous = new Set(previousOptimisticQueueKeys.current.split(",").filter(Boolean));
     const arrived = optimisticQueued.some((message) => !previous.has(message.clientEventId));
     previousOptimisticQueueKeys.current = optimisticQueueKeys;
@@ -9975,13 +10144,13 @@ function SessionChrome({
     }
   }, [active, activeControlled, optimisticQueueKeys, optimisticQueued]);
   const queueOccupied = queuedTurns.length > 0 || optimisticQueued.length > 0;
-  useEffect10(() => {
+  useEffect11(() => {
     if (queueOccupied) return;
     queueOfferAdmissionSuppressedRef.current = false;
     queueOfferDismissedSessionIdsRef.current.clear();
   }, [queueOccupied]);
   const queueOfferSuppressed = queueOfferAdmissionSuppressedRef.current || occupancySessionId != null && queueOfferDismissedSessionIdsRef.current.has(occupancySessionId);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!sessionChromeShouldOfferQueue({
       controlled: activeControlled !== void 0,
       active,
@@ -10002,28 +10171,28 @@ function SessionChrome({
     queueOfferSuppressed,
     queuedTurns.length
   ]);
-  const [replaceDraftFor, setReplaceDraftFor] = useState15(null);
+  const [replaceDraftFor, setReplaceDraftFor] = useState16(null);
   const chipRefs = useRef10({});
   const railRef = useRef10(null);
-  const [pill, setPill] = useState15({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
+  const [pill, setPill] = useState16({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
   const signalIds = signals.map((signal) => signal.id).join(",");
-  useEffect10(() => {
+  useEffect11(() => {
     if (!signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)))
       setActivityOpen(false);
   }, [signals]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (active && !signalIds.split(",").includes(active)) {
       if (activeControlled === void 0) setActiveUncontrolled(null);
       onActiveChange?.(null);
     }
   }, [active, activeControlled, onActiveChange, signalIds]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (active !== "queue" || !replaceDraftFor) return;
     if (!queuedTurns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
   }, [active, queuedTurns, replaceDraftFor]);
-  useEffect10(() => {
+  useEffect11(() => {
     const rail = railRef.current;
     const measure = () => {
       if (!rail || !active) {
@@ -10063,14 +10232,14 @@ function SessionChrome({
   const shellDuration = reduceMotion ? 0 : 0.22;
   const crossfadeDuration = reduceMotion ? 0 : 0.18;
   const ease = [0.22, 1, 0.36, 1];
-  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx20(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx21(
     IncomingPanel,
     {
       inputs: incoming,
       onDismiss: onDismissIncoming,
       onOpenSession
     }
-  ) : active === "queue" ? /* @__PURE__ */ jsx20(
+  ) : active === "queue" ? /* @__PURE__ */ jsx21(
     QueuePanel,
     {
       turns: queuedTurns,
@@ -10080,6 +10249,7 @@ function SessionChrome({
       onRefresh: queue.refresh,
       onClearMutationError: queue.clearMutationError,
       onRetryOptimistic: composer?.retryOptimisticMessage,
+      onRestoreOptimistic: composer?.restoreOptimisticMessage,
       onRemoveOptimistic: composer?.removeOptimisticMessage,
       readOnly: !canMutateQueue,
       mutationFor: queue.mutationFor,
@@ -10127,8 +10297,8 @@ function SessionChrome({
         void queue.moveTurn(turnId, beforeTurnId);
       } : void 0
     }
-  ) : active === "goal" && record && goalState && goal ? /* @__PURE__ */ jsx20(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "commands" ? /* @__PURE__ */ jsx20("div", { "data-og-session-chrome-panel": "commands", children: commandsPanel }) : active === "agents" ? /* @__PURE__ */ jsx20("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx20("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
-  return /* @__PURE__ */ jsx20(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx20(
+  ) : active === "goal" && record && goalState && goal ? /* @__PURE__ */ jsx21(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "commands" ? /* @__PURE__ */ jsx21("div", { "data-og-session-chrome-panel": "commands", children: commandsPanel }) : active === "agents" ? /* @__PURE__ */ jsx21("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx21("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
+  return /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn("og-session-chrome og-root w-full", className),
@@ -10136,7 +10306,7 @@ function SessionChrome({
       ref: rootRef,
       "data-og-session-chrome": "",
       "data-og-session-chrome-open": open ? "true" : "false",
-      children: /* @__PURE__ */ jsxs15(
+      children: /* @__PURE__ */ jsxs16(
         "div",
         {
           className: cn(
@@ -10152,7 +10322,7 @@ function SessionChrome({
             transitionTimingFunction: "var(--_og-session-chrome-ease)"
           },
           children: [
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 className: "relative",
@@ -10162,7 +10332,7 @@ function SessionChrome({
                   paddingLeft: "var(--og-session-chrome-rail-pad)",
                   paddingRight: "var(--og-session-chrome-rail-pad)"
                 },
-                children: /* @__PURE__ */ jsxs15(
+                children: /* @__PURE__ */ jsxs16(
                   "div",
                   {
                     ref: railRef,
@@ -10171,7 +10341,7 @@ function SessionChrome({
                       gap: "10px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         motion5.div,
                         {
                           "aria-hidden": true,
@@ -10193,7 +10363,7 @@ function SessionChrome({
                       ),
                       signals.filter((signal) => !["incoming", "agents", "commands"].includes(signal.id)).map((signal) => {
                         const selected = active === signal.id;
-                        return /* @__PURE__ */ jsxs15(
+                        return /* @__PURE__ */ jsxs16(
                           "div",
                           {
                             role: "group",
@@ -10204,7 +10374,7 @@ function SessionChrome({
                               selected && "bg-og-surface-3"
                             ),
                             children: [
-                              /* @__PURE__ */ jsxs15(
+                              /* @__PURE__ */ jsxs16(
                                 "button",
                                 {
                                   type: "button",
@@ -10233,7 +10403,7 @@ function SessionChrome({
                                     paddingInline: "var(--og-session-chrome-chip-pad-x)"
                                   },
                                   children: [
-                                    signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx20(
+                                    signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx21(
                                       motion5.span,
                                       {
                                         "aria-hidden": "true",
@@ -10245,26 +10415,26 @@ function SessionChrome({
                                       },
                                       queueArrivalNonce
                                     ) : null,
-                                    /* @__PURE__ */ jsx20("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
-                                    /* @__PURE__ */ jsxs15("span", { className: cn("font-medium text-og-fg", "min-w-0 truncate"), children: [
+                                    /* @__PURE__ */ jsx21("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
+                                    /* @__PURE__ */ jsxs16("span", { className: cn("font-medium text-og-fg", "min-w-0 truncate"), children: [
                                       signal.id === "goal" ? "Goal \xB7 " : null,
                                       signal.id === "goal" ? goalState === "pursuing" ? "Running" : signal.label : signal.id === "queue" ? queue.error || queue.mutationError ? signal.label : `${queuedTurns.length + optimisticQueued.length} queued` : signal.label
                                     ] })
                                   ]
                                 }
                               ),
-                              signal.id === "goal" && goal && record && !readOnly ? /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: [
-                                record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx20(
+                              signal.id === "goal" && goal && record && !readOnly ? /* @__PURE__ */ jsxs16("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: [
+                                record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx21(
                                   IconAction,
                                   {
                                     label: record.status === "paused" ? "Resume goal" : "Pause goal",
                                     tip: record.status === "paused" ? "Resume goal" : "Pause goal",
                                     disabled: goal.updating,
                                     onClick: () => void (record.status === "paused" ? goal.resume() : goal.pause("Paused from session chrome")),
-                                    children: goal.updating ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx20(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx20(PauseIcon2, { className: "size-3" })
+                                    children: goal.updating ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx21(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx21(PauseIcon2, { className: "size-3" })
                                   }
                                 ) : null,
-                                /* @__PURE__ */ jsx20(
+                                /* @__PURE__ */ jsx21(
                                   IconAction,
                                   {
                                     label: "Clear goal",
@@ -10272,10 +10442,10 @@ function SessionChrome({
                                     danger: true,
                                     disabled: goal.updating,
                                     onClick: () => void goal.deleteGoal(),
-                                    children: /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
+                                    children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
                                   }
                                 )
-                              ] }) : signal.id === "queue" && canMutateQueue && queuedTurns[0] ? /* @__PURE__ */ jsx20("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: /* @__PURE__ */ jsx20(
+                              ] }) : signal.id === "queue" && canMutateQueue && queuedTurns[0] ? /* @__PURE__ */ jsx21("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: /* @__PURE__ */ jsx21(
                                 IconAction,
                                 {
                                   label: "Steer first queued message",
@@ -10284,7 +10454,7 @@ function SessionChrome({
                                   tip: QUEUE_STEER_TIP,
                                   disabled: queue.mutating || Boolean(queue.mutationFor(queuedTurns[0].id)),
                                   onClick: () => void queue.steerTurn(queuedTurns[0].id),
-                                  children: /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx21(CornerDownRightIcon, { className: "size-3" })
                                 }
                               ) }) : null
                             ]
@@ -10292,7 +10462,7 @@ function SessionChrome({
                           signal.id
                         );
                       }),
-                      signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)) ? /* @__PURE__ */ jsxs15(
+                      signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)) ? /* @__PURE__ */ jsxs16(
                         "button",
                         {
                           type: "button",
@@ -10314,27 +10484,27 @@ function SessionChrome({
                             activityOpen ? "bg-og-surface-3 text-og-fg" : "text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx20(ActivityIcon, { className: "size-3.5" }),
-                            /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Activity" }),
-                            commandsCount > 0 ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
-                              /* @__PURE__ */ jsx20(
+                            /* @__PURE__ */ jsx21(ActivityIcon, { className: "size-3.5" }),
+                            /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Activity" }),
+                            commandsCount > 0 ? /* @__PURE__ */ jsxs16(Fragment8, { children: [
+                              /* @__PURE__ */ jsx21(
                                 "span",
                                 {
                                   "aria-hidden": "true",
                                   className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-fg-muted motion-reduce:animate-none"
                                 }
                               ),
-                              /* @__PURE__ */ jsxs15("span", { id: `${panelId}-commands-count`, children: [
+                              /* @__PURE__ */ jsxs16("span", { id: `${panelId}-commands-count`, children: [
                                 commandsCount,
                                 " command",
                                 commandsCount === 1 ? "" : "s"
                               ] })
                             ] }) : null,
-                            incoming.length > 0 ? /* @__PURE__ */ jsx20("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
+                            incoming.length > 0 ? /* @__PURE__ */ jsx21("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
                           ]
                         }
                       ) : null,
-                      stopping ? /* @__PURE__ */ jsxs15(
+                      stopping ? /* @__PURE__ */ jsxs16(
                         "span",
                         {
                           role: "status",
@@ -10342,7 +10512,7 @@ function SessionChrome({
                           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__ */ jsx20(
+                            /* @__PURE__ */ jsx21(
                               Loader2Icon2,
                               {
                                 "aria-hidden": "true",
@@ -10358,7 +10528,7 @@ function SessionChrome({
                 )
               }
             ),
-            /* @__PURE__ */ jsx20(AnimatePresence4, { initial: false, children: activityOpen ? /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: activityOpen ? /* @__PURE__ */ jsx21(
               motion5.div,
               {
                 initial: { height: 0, opacity: 0 },
@@ -10366,7 +10536,7 @@ function SessionChrome({
                 exit: { height: 0, opacity: 0 },
                 transition: { duration: shellDuration, ease },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ jsx20("div", { className: "mt-1 flex items-center gap-1 rounded-t-og-lg bg-og-surface-2/50 px-2 py-1", children: signals.filter((signal) => ["incoming", "agents", "commands"].includes(signal.id)).map((signal) => /* @__PURE__ */ jsxs15(
+                children: /* @__PURE__ */ jsx21("div", { className: "mt-1 flex items-center gap-1 rounded-t-og-lg bg-og-surface-2/50 px-2 py-1", children: signals.filter((signal) => ["incoming", "agents", "commands"].includes(signal.id)).map((signal) => /* @__PURE__ */ jsxs16(
                   "button",
                   {
                     type: "button",
@@ -10388,11 +10558,11 @@ function SessionChrome({
               },
               "activity-tabs"
             ) : null }),
-            goal?.mutationError ? /* @__PURE__ */ jsxs15("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
+            goal?.mutationError ? /* @__PURE__ */ jsxs16("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
               "Goal action not confirmed. ",
               goal.mutationError.message
             ] }) : null,
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 id: panelId,
@@ -10408,7 +10578,7 @@ function SessionChrome({
                   transitionDuration: "var(--og-session-chrome-duration)",
                   transitionTimingFunction: "var(--_og-session-chrome-ease)"
                 },
-                children: /* @__PURE__ */ jsx20("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs15(
+                children: /* @__PURE__ */ jsx21("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs16(
                   "div",
                   {
                     className: cn(
@@ -10421,7 +10591,7 @@ function SessionChrome({
                       paddingBlock: "var(--og-session-chrome-panel-pad-y)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx20(AnimatePresence4, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx21(
                         motion5.div,
                         {
                           "data-og-session-chrome-panel-frame": active,
@@ -10439,7 +10609,7 @@ function SessionChrome({
                         },
                         active
                       ) : null }),
-                      active === "commands" ? /* @__PURE__ */ jsx20(
+                      active === "commands" ? /* @__PURE__ */ jsx21(
                         motion5.div,
                         {
                           initial: reduceMotion ? false : { opacity: 0 },
@@ -10465,20 +10635,20 @@ function IncomingPanel({
   onDismiss,
   onOpenSession
 }) {
-  return /* @__PURE__ */ jsxs15("div", { children: [
-    /* @__PURE__ */ jsx20("p", { className: "mb-2 text-og-xs text-og-fg-subtle", children: "Waiting to be included in an agent turn." }),
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs16("div", { children: [
+    /* @__PURE__ */ jsx21("p", { className: "mb-2 text-og-xs text-og-fg-subtle", children: "Waiting to be included in an agent turn." }),
+    /* @__PURE__ */ jsx21(
       "ul",
       {
         className: "flex flex-col gap-0.5",
         "aria-label": "Incoming updates",
         "data-og-session-chrome-panel": "incoming",
-        children: inputs.map((input) => /* @__PURE__ */ jsxs15(
+        children: inputs.map((input) => /* @__PURE__ */ jsxs16(
           "li",
           {
             className: "group flex items-start gap-1.5 rounded-og-sm px-1.5 py-1 transition-colors hover:bg-[var(--_og-session-chrome-row-hover)]",
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "span",
                 {
                   className: cn(
@@ -10488,9 +10658,9 @@ function IncomingPanel({
                   children: pendingKindLabel(input.kind)
                 }
               ),
-              /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx20("p", { className: "break-words text-og-xs leading-4 text-og-fg", children: input.summary }),
-                /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx21("p", { className: "break-words text-og-xs leading-4 text-og-fg", children: input.summary }),
+                /* @__PURE__ */ jsx21(
                   ChildSessionLink,
                   {
                     kind: input.kind,
@@ -10499,14 +10669,14 @@ function IncomingPanel({
                   }
                 )
               ] }),
-              onDismiss ? /* @__PURE__ */ jsx20("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: /* @__PURE__ */ jsx20(
+              onDismiss ? /* @__PURE__ */ jsx21("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: /* @__PURE__ */ jsx21(
                 IconAction,
                 {
                   label: `Dismiss incoming ${pendingKindLabel(input.kind)}`,
                   tip: "Dismiss",
                   onClick: () => onDismiss(input.id),
                   danger: true,
-                  children: /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
+                  children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
                 }
               ) }) : null
             ]
@@ -10525,6 +10695,7 @@ function QueuePanel({
   onRefresh,
   onClearMutationError,
   onRetryOptimistic,
+  onRestoreOptimistic,
   onRemoveOptimistic,
   readOnly,
   mutationFor,
@@ -10538,10 +10709,10 @@ function QueuePanel({
 }) {
   const reduceMotion = useReducedMotion4();
   const turnIdsKey = turns.map((turn) => turn.id).join(",");
-  const [interactiveTurnIds, setInteractiveTurnIds] = useState15(
+  const [interactiveTurnIds, setInteractiveTurnIds] = useState16(
     () => /* @__PURE__ */ new Set()
   );
-  useEffect10(() => {
+  useEffect11(() => {
     const visibleTurnIds = new Set(turnIdsKey ? turnIdsKey.split(",") : []);
     setInteractiveTurnIds((current) => {
       const retained = new Set([...current].filter((turnId) => visibleTurnIds.has(turnId)));
@@ -10554,7 +10725,7 @@ function QueuePanel({
     );
     return () => clearTimeout(timer);
   }, [reduceMotion, turnIdsKey]);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "ol",
     {
       className: "flex flex-col gap-0.5",
@@ -10570,52 +10741,52 @@ function QueuePanel({
           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__ */ jsxs15(
+          return /* @__PURE__ */ jsxs16(
             "li",
             {
               "data-queue-turn-id": turn.id,
               tabIndex: -1,
               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__ */ jsxs15("div", { className: "flex items-start gap-1.5", children: [
-                  voice ? /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-1.5", children: [
+                  voice ? /* @__PURE__ */ jsx21(
                     AudioLinesIcon,
                     {
                       "aria-hidden": "true",
                       className: "mt-0.5 size-3 shrink-0 text-og-accent"
                     }
-                  ) : /* @__PURE__ */ jsx20("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
-                  /* @__PURE__ */ jsx20(
+                  ) : /* @__PURE__ */ jsx21("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                  /* @__PURE__ */ jsx21(
                     CompactQueueItemContent,
                     {
                       text: presentation.text,
                       annotations: turn.annotations ?? []
                     }
                   ),
-                  showActions ? /* @__PURE__ */ jsxs15("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__ */ jsxs15(Fragment7, { children: [
-                      /* @__PURE__ */ jsx20(
+                  showActions ? /* @__PURE__ */ jsxs16("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__ */ jsxs16(Fragment8, { children: [
+                      /* @__PURE__ */ jsx21(
                         IconAction,
                         {
                           label: `Move queued prompt ${index + 1} up`,
                           tip: "Move up",
                           disabled: settling || pending !== null || index === 0,
                           onClick: () => onMove(turn.id, beforeUp),
-                          children: /* @__PURE__ */ jsx20(ArrowUpIcon2, { className: "size-3" })
+                          children: /* @__PURE__ */ jsx21(ArrowUpIcon2, { className: "size-3" })
                         }
                       ),
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         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__ */ jsx20(ArrowDownIcon2, { className: "size-3" })
+                          children: /* @__PURE__ */ jsx21(ArrowDownIcon2, { className: "size-3" })
                         }
                       )
                     ] }) : null,
-                    onSteer ? /* @__PURE__ */ jsx20(
+                    onSteer ? /* @__PURE__ */ jsx21(
                       IconAction,
                       {
                         label: `Steer queued prompt ${index + 1}`,
@@ -10624,20 +10795,20 @@ function QueuePanel({
                         tip: QUEUE_STEER_TIP,
                         disabled: settling || pending !== null,
                         onClick: () => onSteer(turn.id),
-                        children: pending === "steer" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "size-3" })
+                        children: pending === "steer" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(CornerDownRightIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onEdit ? /* @__PURE__ */ jsx20(
+                    onEdit ? /* @__PURE__ */ jsx21(
                       IconAction,
                       {
                         label: `Edit queued prompt ${index + 1}`,
                         tip: QUEUE_EDIT_TIP,
                         disabled: settling || pending !== null,
                         onClick: () => onEdit(turn),
-                        children: pending === "edit" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(PencilIcon, { className: "size-3" })
+                        children: pending === "edit" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(PencilIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onRemove ? /* @__PURE__ */ jsx20(
+                    onRemove ? /* @__PURE__ */ jsx21(
                       IconAction,
                       {
                         label: `Remove queued prompt ${index + 1}`,
@@ -10645,16 +10816,16 @@ function QueuePanel({
                         disabled: settling || pending !== null,
                         onClick: () => onRemove(turn.id),
                         danger: true,
-                        children: pending === "delete" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
+                        children: pending === "delete" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
                       }
                     ) : null
                   ] }) : null
                 ] }),
-                confirmingReplace ? /* @__PURE__ */ jsxs15("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__ */ jsx20("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
-                  /* @__PURE__ */ jsx20("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__ */ jsxs15("div", { className: "mt-2 flex justify-end gap-1.5", children: [
-                    /* @__PURE__ */ jsx20(
+                confirmingReplace ? /* @__PURE__ */ jsxs16("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__ */ jsx21("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
+                  /* @__PURE__ */ jsx21("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__ */ jsxs16("div", { className: "mt-2 flex justify-end gap-1.5", children: [
+                    /* @__PURE__ */ jsx21(
                       "button",
                       {
                         type: "button",
@@ -10663,7 +10834,7 @@ function QueuePanel({
                         children: "Keep current draft"
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       "button",
                       {
                         type: "button",
@@ -10679,7 +10850,7 @@ function QueuePanel({
             turn.id
           );
         }),
-        /* @__PURE__ */ jsx20(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs16(
           motion5.li,
           {
             "aria-live": "polite",
@@ -10692,11 +10863,14 @@ function QueuePanel({
               message.state === "failed" ? "bg-og-danger/8 text-og-danger" : "bg-og-accent-soft/45"
             ),
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
-              /* @__PURE__ */ jsx20(CompactQueueItemContent, { text: message.text, annotations: message.annotations }),
-              /* @__PURE__ */ jsx20("span", { className: "sr-only", children: message.state === "failed" ? "Not confirmed" : message.state === "sending" ? "Placing in queue" : "Queued" }),
-              message.state === "failed" ? /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
-                onRetryOptimistic ? /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
+              /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx21(CompactQueueItemContent, { text: message.text, annotations: message.annotations }),
+                message.state === "failed" && message.error ? /* @__PURE__ */ jsx21("p", { className: "break-words text-og-xs", children: message.error }) : null
+              ] }),
+              /* @__PURE__ */ jsx21("span", { className: "sr-only", children: message.state === "failed" ? message.outcomeUnknown ? "Not confirmed" : "Message not sent" : message.state === "sending" ? "Placing in queue" : "Queued" }),
+              message.state === "failed" ? /* @__PURE__ */ jsxs16("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
+                message.retryable !== false && onRetryOptimistic ? /* @__PURE__ */ jsx21(
                   "button",
                   {
                     type: "button",
@@ -10705,36 +10879,45 @@ function QueuePanel({
                     children: "Retry"
                   }
                 ) : null,
-                onRemoveOptimistic ? /* @__PURE__ */ jsx20(
+                message.retryable === false && onRestoreOptimistic ? /* @__PURE__ */ jsx21(
+                  "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: () => onRestoreOptimistic(message.clientEventId),
+                    children: "Edit message"
+                  }
+                ) : null,
+                onRemoveOptimistic ? /* @__PURE__ */ jsx21(
                   "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__ */ jsx20(XIcon2, { className: "size-3" })
+                    children: /* @__PURE__ */ jsx21(XIcon2, { className: "size-3" })
                   }
                 ) : null
-              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx20(
+              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx21(
                 Loader2Icon2,
                 {
                   "aria-hidden": "true",
                   className: "size-3 shrink-0 animate-og-spin text-og-accent motion-reduce:animate-none"
                 }
-              ) : /* @__PURE__ */ jsx20(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
+              ) : /* @__PURE__ */ jsx21(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
             ]
           },
           message.clientEventId
         )) }),
-        loadError ? /* @__PURE__ */ jsxs15(
+        loadError ? /* @__PURE__ */ jsxs16(
           "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__ */ jsx20(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   type: "button",
@@ -10746,15 +10929,15 @@ function QueuePanel({
             ]
           }
         ) : null,
-        mutationError ? /* @__PURE__ */ jsxs15(
+        mutationError ? /* @__PURE__ */ jsxs16(
           "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__ */ jsx20(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1", children: "Not confirmed. Check the queue before retrying." }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1", children: "Not confirmed. Check the queue before retrying." }),
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   type: "button",
@@ -10775,9 +10958,9 @@ function CompactQueueItemContent({
   annotations
 }) {
   const content = queueItemContent(text, annotations.length);
-  return /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
-    content === "text" ? /* @__PURE__ */ jsx20("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: text }) : content === "unavailable" ? /* @__PURE__ */ jsx20("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg-muted italic", children: QUEUE_ITEM_CONTENT_UNAVAILABLE }) : null,
-    annotations.length > 0 ? /* @__PURE__ */ jsx20(TimelineAnnotationsChip, { annotations, className: "shrink-0", compact: true }) : null
+  return /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+    content === "text" ? /* @__PURE__ */ jsx21("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: text }) : content === "unavailable" ? /* @__PURE__ */ jsx21("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg-muted italic", children: QUEUE_ITEM_CONTENT_UNAVAILABLE }) : null,
+    annotations.length > 0 ? /* @__PURE__ */ jsx21(TimelineAnnotationsChip, { annotations, className: "shrink-0", compact: true }) : null
   ] });
 }
 function GoalPanel({
@@ -10790,26 +10973,26 @@ function GoalPanel({
   if (!record) return null;
   const canToggle = !readOnly && (record.status === "active" || record.status === "paused");
   const explanation = sessionChromeGoalPillExplanation(state, record);
-  return /* @__PURE__ */ jsxs15("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
-    /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
-      /* @__PURE__ */ jsx20("span", { children: sessionChromeGoalPillLabel(state, record) }),
-      elapsed ? /* @__PURE__ */ jsxs15("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
+  return /* @__PURE__ */ jsxs16("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
+      /* @__PURE__ */ jsx21("span", { children: sessionChromeGoalPillLabel(state, record) }),
+      elapsed ? /* @__PURE__ */ jsxs16("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 Created ",
         elapsed,
         " ago"
       ] }) : null,
-      /* @__PURE__ */ jsxs15("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
+      /* @__PURE__ */ jsxs16("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 v",
         record.version
       ] })
     ] }),
-    /* @__PURE__ */ jsx20("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
-    record.successCriteria ? /* @__PURE__ */ jsxs15("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
-      /* @__PURE__ */ jsx20("span", { className: "font-medium text-og-fg", children: "Done when" }),
+    /* @__PURE__ */ jsx21("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
+    record.successCriteria ? /* @__PURE__ */ jsxs16("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
+      /* @__PURE__ */ jsx21("span", { className: "font-medium text-og-fg", children: "Done when" }),
       " ",
       record.successCriteria
     ] }) : null,
-    explanation ? /* @__PURE__ */ jsx20(
+    explanation ? /* @__PURE__ */ jsx21(
       "p",
       {
         "data-og-session-chrome-goal-explanation": true,
@@ -10817,20 +11000,20 @@ function GoalPanel({
         children: explanation
       }
     ) : null,
-    record.continuation?.lastError ? /* @__PURE__ */ jsx20("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__ */ jsxs15("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
-        /* @__PURE__ */ jsxs15("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+    record.continuation?.lastError ? /* @__PURE__ */ jsx21("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__ */ jsxs16("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
+        /* @__PURE__ */ jsxs16("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.autoContinuations,
           " consecutive unattended continues"
         ] }),
-        /* @__PURE__ */ jsxs15("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+        /* @__PURE__ */ jsxs16("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.noProgressStreak,
           " stalled"
         ] })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-0.5", children: [
-        canToggle ? /* @__PURE__ */ jsxs15(
+      !readOnly ? /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-0.5", children: [
+        canToggle ? /* @__PURE__ */ jsxs16(
           "button",
           {
             type: "button",
@@ -10838,12 +11021,12 @@ function GoalPanel({
             onClick: () => void (record.status === "paused" ? goal.resume() : goal.pause("Paused from session chrome")),
             className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-hidden transition-colors hover:bg-og-surface-3/70 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
             children: [
-              goal.updating ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx20(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx20(PauseIcon2, { className: "size-3" }),
+              goal.updating ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx21(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx21(PauseIcon2, { className: "size-3" }),
               record.status === "paused" ? "Resume" : "Pause"
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs16(
           "button",
           {
             type: "button",
@@ -10851,7 +11034,7 @@ function GoalPanel({
             onClick: () => void goal.deleteGoal(),
             className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-subtle outline-hidden transition-colors hover:bg-og-surface-3/70 hover:text-og-danger focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
             children: [
-              /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" }),
+              /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" }),
               "Clear"
             ]
           }
@@ -10860,9 +11043,9 @@ function GoalPanel({
     ] })
   ] });
 }
-var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs15("span", { className: "flex flex-col gap-0.5 text-left", children: [
-  /* @__PURE__ */ jsx20("span", { className: "font-medium", children: "Steer" }),
-  /* @__PURE__ */ jsx20("span", { className: "opacity-80", children: "Interrupt the current turn and send this message now" })
+var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs16("span", { className: "flex flex-col gap-0.5 text-left", children: [
+  /* @__PURE__ */ jsx21("span", { className: "font-medium", children: "Steer" }),
+  /* @__PURE__ */ jsx21("span", { className: "opacity-80", children: "Interrupt the current turn and send this message now" })
 ] });
 var QUEUE_EDIT_TIP = "Edit in composer";
 var QUEUE_DELETE_TIP = "Delete this queued prompt";
@@ -10876,8 +11059,8 @@ function IconAction({
   danger,
   children
 }) {
-  return /* @__PURE__ */ jsxs15(Tooltip, { children: [
-    /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(Tooltip, { children: [
+    /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
       "button",
       {
         type: "button",
@@ -10899,21 +11082,34 @@ function IconAction({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx20(TooltipContent, { side: "top", children: tip })
+    /* @__PURE__ */ jsx21(TooltipContent, { side: "top", children: tip })
   ] });
 }
 
 // src/components/session-conversation.tsx
-import { useEffect as useEffect11, useMemo as useMemo6, useRef as useRef11, useState as useState16 } from "react";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { SESSION_SCOPE_HEADER } from "@opengeni/sdk";
+import {
+  lazy as lazy5,
+  Suspense as Suspense6,
+  useCallback as useCallback5,
+  useEffect as useEffect12,
+  useMemo as useMemo7,
+  useRef as useRef11,
+  useState as useState17
+} from "react";
+import { Fragment as Fragment9, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function SessionConversation(props) {
-  return /* @__PURE__ */ jsx21(Conversation, { ...props }, `${props.workspaceId ?? ""}:${props.sessionId}`);
+  return /* @__PURE__ */ jsx22(Conversation, { ...props }, `${props.workspaceId ?? ""}:${props.sessionId}`);
 }
 function Conversation({
   sessionId,
   renderMessageText,
   resolveLink,
+  onOpenArtifact,
+  renderInteractiveBlock,
   toolRegistry,
+  renderAllowanceExhausted,
+  allowanceExhaustedLabels,
   attachments: attachmentsRequested = true,
   modelPicker,
   userMessageDisclosureLabels,
@@ -10926,8 +11122,6 @@ function Conversation({
 }) {
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const scopeRef = useRef11(context);
-  scopeRef.current = context;
   const config = useClientConfigFlags(context.client);
   const showModelPicker = modelPicker ?? config.modelSelection;
   const catalog = useWorkspaceModelCatalog({
@@ -10939,14 +11133,14 @@ function Conversation({
   const options = { ...scope, events: feed.events };
   const detail = useSession(sessionId, options);
   const queue = useTurnQueue(sessionId, options);
-  const [queueFocusTarget, setQueueFocusTarget] = useState16();
   const human = useHumanInputRequests(sessionId, options);
   const control = useSessionControl(sessionId, scope);
-  const approvals = useMemo6(() => projectPendingApprovals(feed.events), [feed.events]);
+  const approvals = useMemo7(() => projectPendingApprovals(feed.events), [feed.events]);
   const files = useFileAttachments(scope);
   const uploadsEnabled = attachmentsRequested && config.uploads;
   const status = feed.sessionStatus ?? detail.session?.status;
   const terminal = status === "cancelled";
+  const importedArchive = detail.session?.importedArchive?.readOnly === true;
   const releaseSentFiles = (input) => files.removeReadyFiles(
     (input.resources ?? []).flatMap(
       (resource) => resource.kind === "file" ? [resource.fileId] : []
@@ -10964,8 +11158,13 @@ function Conversation({
     } : {}
   });
   const region = useRef11(null);
+  const defaultInteractiveBlock = useDefaultInteractiveBlock(
+    context.client,
+    context.workspaceId,
+    sessionId
+  );
   const inheritedLinks = useOpenGeniLinkResolver();
-  const defaultLinks = useMemo6(
+  const defaultLinks = useMemo7(
     () => sessionLinkResolver({
       client: context.client,
       workspaceId: context.workspaceId,
@@ -10974,12 +11173,22 @@ function Conversation({
     }),
     [context.client, context.workspaceId, sessionId, config.sandboxFiles]
   );
-  const links = useMemo6(
-    () => chainLinkResolvers(resolveLink, inheritedLinks, defaultLinks) ?? void 0,
-    [resolveLink, inheritedLinks, defaultLinks]
+  const onOpenArtifactRef = useRef11(onOpenArtifact);
+  onOpenArtifactRef.current = onOpenArtifact;
+  const opensArtifacts = onOpenArtifact !== void 0;
+  const viewerLinks = useMemo7(
+    () => opensArtifacts ? viewerLinkResolver({
+      workspaceId: context.workspaceId,
+      open: (target) => onOpenArtifactRef.current?.(target)
+    }) : null,
+    [context.workspaceId, opensArtifacts]
+  );
+  const links = useMemo7(
+    () => chainLinkResolvers(resolveLink, viewerLinks, inheritedLinks, defaultLinks) ?? void 0,
+    [resolveLink, viewerLinks, inheritedLinks, defaultLinks]
   );
   const error = detail.error ?? feed.error ?? human.error;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -10990,13 +11199,16 @@ function Conversation({
       style: { height },
       "data-og-conversation": "",
       children: [
-        error && /* @__PURE__ */ jsx21("p", { role: "alert", children: error.message }),
-        /* @__PURE__ */ jsx21(
+        error && /* @__PURE__ */ jsx22("p", { role: "alert", children: error.message }),
+        /* @__PURE__ */ jsx22(
           MessageTimeline,
           {
             renderMessageText,
             resolveLink: links,
+            renderInteractiveBlock: renderInteractiveBlock === false ? void 0 : renderInteractiveBlock ?? defaultInteractiveBlock,
             userMessageDisclosureLabels,
+            renderAllowanceExhausted,
+            allowanceExhaustedLabels,
             className: "min-h-0 flex-1",
             ...toolRegistry ? { toolRegistry } : {},
             events: feed.events,
@@ -11014,103 +11226,120 @@ function Conversation({
             },
             loadingOldest: feed.loadingOldest,
             onJumpToLatest: feed.jumpToLatest,
-            onJumpToLatestQuestion: () => feed.jumpToLatestQuestion({
-              onQueuedQuestion: async (turn, navigation) => {
-                await queue.refresh();
-                if (!navigation.isCurrent() || scopeRef.current.client !== context.client || scopeRef.current.workspaceId !== context.workspaceId)
-                  return;
-                setQueueFocusTarget((previous) => ({
-                  turnId: turn.id,
-                  requestId: (previous?.requestId ?? 0) + 1
-                }));
-              }
-            }),
-            onAnnotate: composer.addAnnotation
+            onAnnotate: importedArchive ? void 0 : composer.addAnnotation
           }
         ),
-        /* @__PURE__ */ jsxs16("div", { className: "min-h-0 max-h-[40%] shrink-0 overflow-y-auto", "data-og-conversation-inputs": "", children: [
-          approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx21(
-            ApprovalSurface,
-            {
-              className: "mx-auto max-w-3xl",
-              approvals,
-              onApprove: async (approval) => {
-                await control.approve(approval.id);
-              },
-              onReject: async (approval) => {
-                await control.reject(approval.id);
-              },
-              responding: control.responding,
-              error: control.error
-            }
-          ) : null,
-          /* @__PURE__ */ jsx21(
-            HumanInputSurface,
+        importedArchive ? /* @__PURE__ */ jsx22("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs17(Fragment9, { children: [
+          /* @__PURE__ */ jsxs17(
+            "div",
             {
-              loadSkillReview,
-              requests: human.requests,
-              onSubmit: async (id, response) => {
-                await human.respond(id, response);
-              },
-              respondingRequestId: human.respondingRequestId,
-              error: human.mutationError?.message,
-              autoFocus: false
+              className: "min-h-0 max-h-[40%] shrink-0 overflow-y-auto",
+              "data-og-conversation-inputs": "",
+              children: [
+                approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx22(
+                  ApprovalSurface,
+                  {
+                    className: "mx-auto max-w-3xl",
+                    approvals,
+                    onApprove: async (approval) => {
+                      await control.approve(approval.id);
+                    },
+                    onReject: async (approval) => {
+                      await control.reject(approval.id);
+                    },
+                    responding: control.responding,
+                    error: control.error
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx22(
+                  HumanInputSurface,
+                  {
+                    loadSkillReview,
+                    requests: human.requests,
+                    onSubmit: async (id, response) => {
+                      await human.respond(id, response);
+                    },
+                    respondingRequestId: human.respondingRequestId,
+                    error: human.mutationError?.message,
+                    autoFocus: false
+                  }
+                ),
+                terminal ? /* @__PURE__ */ jsx22(SessionChrome, { queue, sessionStatus: status, readOnly: true }) : /* @__PURE__ */ jsx22(
+                  SessionChrome,
+                  {
+                    queue,
+                    composer,
+                    sessionStatus: status,
+                    onComposerFocus: () => region.current?.querySelector("textarea")?.focus()
+                  }
+                )
+              ]
             }
           ),
-          terminal ? /* @__PURE__ */ jsx21(
-            SessionChrome,
+          /* @__PURE__ */ jsx22("div", { className: "shrink-0", "data-og-conversation-composer": "", children: /* @__PURE__ */ jsx22(
+            ChatComposer,
             {
-              queue,
-              queueFocusTarget,
-              sessionStatus: status,
-              readOnly: true
-            }
-          ) : /* @__PURE__ */ jsx21(
-            SessionChrome,
-            {
-              queue,
-              queueFocusTarget,
+              ...composerProps,
               composer,
-              sessionStatus: status,
-              onComposerFocus: () => region.current?.querySelector("textarea")?.focus()
+              attachments: uploadsEnabled ? files : void 0,
+              disabled: terminal || composerProps?.disabled,
+              controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx22(
+                ModelPolicyPicker,
+                {
+                  rows: catalog.rows,
+                  model: composer.policy.model,
+                  effort: composer.policy.reasoningEffort,
+                  latencyMode: composer.policy.latencyMode,
+                  loading: catalog.loading,
+                  error: catalog.error?.message,
+                  disabled: terminal,
+                  sessionKey: sessionId,
+                  onModelChange: (model) => composer.setModel?.(model),
+                  onEffortChange: (effort) => composer.setReasoningEffort?.(effort),
+                  onLatencyModeChange: (mode) => composer.setLatencyMode?.(mode)
+                }
+              )),
+              responsiveBasis: composerProps?.responsiveBasis ?? "container",
+              effectiveControl: composer.effectiveControl ?? queue.effectiveControl ?? detail.session?.effectiveControl,
+              queuedAheadCount: queue.queue.length
             }
-          )
-        ] }),
-        /* @__PURE__ */ jsx21("div", { className: "shrink-0", "data-og-conversation-composer": "", children: /* @__PURE__ */ jsx21(
-          ChatComposer,
-          {
-            ...composerProps,
-            composer,
-            attachments: uploadsEnabled ? files : void 0,
-            disabled: terminal || composerProps?.disabled,
-            controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx21(
-              ModelPolicyPicker,
-              {
-                rows: catalog.rows,
-                model: composer.policy.model,
-                effort: composer.policy.reasoningEffort,
-                latencyMode: composer.policy.latencyMode,
-                loading: catalog.loading,
-                error: catalog.error?.message,
-                disabled: terminal,
-                sessionKey: sessionId,
-                onModelChange: (model) => composer.setModel?.(model),
-                onEffortChange: (effort) => composer.setReasoningEffort?.(effort),
-                onLatencyModeChange: (mode) => composer.setLatencyMode?.(mode)
-              }
-            )),
-            responsiveBasis: composerProps?.responsiveBasis ?? "container",
-            effectiveControl: composer.effectiveControl ?? queue.effectiveControl ?? detail.session?.effectiveControl,
-            queuedAheadCount: queue.queue.length
-          }
-        ) })
+          ) })
+        ] })
       ]
     }
   );
 }
+var LazyChatInteractiveBlock = lazy5(
+  () => import("./chat-interactive-block-UGBTNB3L.js").then((module) => ({
+    default: module.ChatInteractiveBlock
+  }))
+);
+function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
+  const scoped = useMemo7(() => {
+    let resolved = null;
+    const get = () => {
+      const candidate = client;
+      resolved ??= typeof candidate.withHeaders === "function" ? candidate.withHeaders({ [SESSION_SCOPE_HEADER]: sessionId }) : candidate;
+      return resolved;
+    };
+    return {
+      getWorkspaceArtifact: (...args) => get().getWorkspaceArtifact(...args),
+      getWorkspaceArtifactHtml: (...args) => get().getWorkspaceArtifactHtml(...args),
+      getWorkspaceArtifactContent: (...args) => {
+        const target = get();
+        if (!target.getWorkspaceArtifactContent) throw new Error("Site version unavailable");
+        return target.getWorkspaceArtifactContent(...args);
+      }
+    };
+  }, [client, sessionId]);
+  return useCallback5(
+    (block) => /* @__PURE__ */ jsx22(Suspense6, { fallback: /* @__PURE__ */ jsx22("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx22(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
+    [scoped, workspaceId]
+  );
+}
 function useClientConfigFlags(client) {
-  const [flags, setFlags] = useState16({ uploads: false, modelSelection: true, sandboxFiles: false });
-  useEffect11(() => {
+  const [flags, setFlags] = useState17({ uploads: false, modelSelection: true, sandboxFiles: false });
+  useEffect12(() => {
     let live = true;
     client.getClientConfig().then(
       (config) => {
@@ -11132,7 +11361,7 @@ function useClientConfigFlags(client) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback5, useEffect as useEffect12, useRef as useRef12 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect13, useRef as useRef12 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
@@ -11160,10 +11389,10 @@ function useWorkspaceSessions(options = {}) {
   ].join("\0");
   const previousQueryKey = useRef12(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect12(() => {
+  useEffect13(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
-  const load = useCallback5(
+  const load = useCallback6(
     async (signal) => {
       const readGeneration = beginRead?.() ?? ++nextReadGeneration.current;
       const page2 = await client.listSessionPage(workspaceId, {
@@ -11229,8 +11458,8 @@ function useWorkspaceSessions(options = {}) {
 // src/components/session-list.tsx
 import { deriveSessionDisplayTitle } from "@opengeni/sdk";
 import { ArchiveIcon, PencilIcon as PencilIcon2, PlusIcon } from "lucide-react";
-import { useEffect as useEffect13, useRef as useRef13, useState as useState17 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useRef as useRef13, useState as useState18 } from "react";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   heading: "Chats",
   newChat: "New chat",
@@ -11259,7 +11488,7 @@ function SessionList({
   const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [limit, setLimit] = useState17(pageSize);
+  const [limit, setLimit] = useState18(pageSize);
   const list = useWorkspaceSessions({
     ...scope,
     parentSessionId: null,
@@ -11269,14 +11498,14 @@ function SessionList({
   });
   const refresh = list.refresh;
   const firstRefreshKey = useRef13(refreshKey);
-  useEffect13(() => {
+  useEffect14(() => {
     if (Object.is(refreshKey, firstRefreshKey.current)) return;
     firstRefreshKey.current = refreshKey;
     void refresh();
   }, [refresh, refreshKey]);
-  const [editing, setEditing] = useState17(null);
-  const [busy, setBusy] = useState17(null);
-  const [error, setError] = useState17(null);
+  const [editing, setEditing] = useState18(null);
+  const [busy, setBusy] = useState18(null);
+  const [error, setError] = useState18(null);
   const archiveClient = context.client;
   const canArchive = archive && typeof archiveClient.updateSessionArchive === "function";
   const run = async (id, action) => {
@@ -11310,16 +11539,16 @@ function SessionList({
     onArchived?.(session.id);
   });
   const sessions = list.sessions;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "nav",
     {
       className: cn("flex min-h-0 min-w-0 flex-col gap-1 text-og-fg", className),
       "aria-label": labels.heading,
       "data-og-session-list": "",
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-2 px-2 pb-1 pt-2", children: [
-          /* @__PURE__ */ jsx22("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
-          onNewChat ? /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between gap-2 px-2 pb-1 pt-2", children: [
+          /* @__PURE__ */ jsx23("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
+          onNewChat ? /* @__PURE__ */ jsxs18(
             "button",
             {
               type: "button",
@@ -11327,22 +11556,22 @@ function SessionList({
               className: "inline-flex items-center gap-1 rounded-md px-2 py-1 text-og-control text-og-fg hover:bg-og-surface-2",
               "data-og-new-chat": "",
               children: [
-                /* @__PURE__ */ jsx22(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
+                /* @__PURE__ */ jsx23(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
                 labels.newChat
               ]
             }
           ) : null
         ] }),
-        error ? /* @__PURE__ */ jsx22("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: error }) : null,
-        /* @__PURE__ */ jsxs17("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 pb-2", children: [
-          list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx22("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
-          !list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx22("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
+        error ? /* @__PURE__ */ jsx23("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: error }) : null,
+        /* @__PURE__ */ jsxs18("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 pb-2", children: [
+          list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
+          !list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx23("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
           sessions.map((session) => {
             const selected = session.id === selectedSessionId;
             const title = deriveSessionDisplayTitle(session);
             if (editing?.id === session.id) {
-              return /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs17("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
-                /* @__PURE__ */ jsx22(
+              return /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsxs18("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
+                /* @__PURE__ */ jsx23(
                   "input",
                   {
                     "aria-label": labels.rename,
@@ -11356,7 +11585,7 @@ function SessionList({
                     className: "min-w-0 flex-1 rounded-md border border-og-border bg-og-bg px-2 py-1 text-og-sm text-og-fg"
                   }
                 ),
-                /* @__PURE__ */ jsx22(
+                /* @__PURE__ */ jsx23(
                   "button",
                   {
                     type: "submit",
@@ -11366,8 +11595,8 @@ function SessionList({
                 )
               ] }) }, session.id);
             }
-            return /* @__PURE__ */ jsxs17("li", { className: "group relative", children: [
-              /* @__PURE__ */ jsxs17(
+            return /* @__PURE__ */ jsxs18("li", { className: "group relative", children: [
+              /* @__PURE__ */ jsxs18(
                 "button",
                 {
                   type: "button",
@@ -11380,36 +11609,36 @@ function SessionList({
                   ),
                   "data-og-session-row": "",
                   children: [
-                    /* @__PURE__ */ jsx22("span", { className: "w-full truncate pr-12 text-og-sm text-og-fg", children: title }),
-                    /* @__PURE__ */ jsx22("span", { className: "text-og-xs text-og-fg-subtle", children: formatRelativeTime(session.updatedAt) })
+                    /* @__PURE__ */ jsx23("span", { className: "w-full truncate pr-12 text-og-sm text-og-fg", children: title }),
+                    /* @__PURE__ */ jsx23("span", { className: "text-og-xs text-og-fg-subtle", children: formatRelativeTime(session.updatedAt) })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs17("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
-                rename ? /* @__PURE__ */ jsx22(
+              /* @__PURE__ */ jsxs18("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
+                rename ? /* @__PURE__ */ jsx23(
                   "button",
                   {
                     type: "button",
                     "aria-label": `${labels.rename}: ${title}`,
                     onClick: () => setEditing({ id: session.id, title: session.title ?? title }),
                     className: "rounded p-1 text-og-fg-subtle hover:bg-og-surface-3 hover:text-og-fg",
-                    children: /* @__PURE__ */ jsx22(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx23(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null,
-                canArchive ? /* @__PURE__ */ jsx22(
+                canArchive ? /* @__PURE__ */ jsx23(
                   "button",
                   {
                     type: "button",
                     "aria-label": `${labels.archive}: ${title}`,
                     onClick: () => archiveSession(session),
                     className: "rounded p-1 text-og-fg-subtle hover:bg-og-surface-3 hover:text-og-fg",
-                    children: /* @__PURE__ */ jsx22(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx23(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null
               ] })
             ] }, session.id);
           }),
-          list.nextCursor ? /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22(
+          list.nextCursor ? /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
@@ -11426,8 +11655,8 @@ function SessionList({
 
 // src/components/open-geni-chat.tsx
 import { MenuIcon, SendIcon, XIcon as XIcon3 } from "lucide-react";
-import { useCallback as useCallback6, useRef as useRef14, useState as useState18 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useCallback as useCallback7, useRef as useRef14, useState as useState19 } from "react";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   openChats: "Open chats",
   closeChats: "Close chats",
@@ -11452,11 +11681,11 @@ function OpenGeniChat({
   const labels = { ...DEFAULT_LABELS2, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [uncontrolled, setUncontrolled] = useState18(defaultSessionId);
+  const [uncontrolled, setUncontrolled] = useState19(defaultSessionId);
   const selected = controlledSessionId !== void 0 ? controlledSessionId : uncontrolled;
-  const [drawerOpen, setDrawerOpen] = useState18(false);
-  const [listRevision, setListRevision] = useState18(0);
-  const select = useCallback6(
+  const [drawerOpen, setDrawerOpen] = useState19(false);
+  const [listRevision, setListRevision] = useState19(0);
+  const select = useCallback7(
     (next) => {
       if (controlledSessionId === void 0) setUncontrolled(next);
       onSessionChange?.(next);
@@ -11464,7 +11693,7 @@ function OpenGeniChat({
     },
     [controlledSessionId, onSessionChange]
   );
-  const create = useCallback6(
+  const create = useCallback7(
     async (initialMessage, idempotencyKey) => {
       if (createSession) return await createSession(initialMessage, idempotencyKey);
       const creator = context.client.createSession;
@@ -11477,7 +11706,7 @@ function OpenGeniChat({
     },
     [context.client, context.workspaceId, createSession, labels.newChatUnavailable]
   );
-  const list = /* @__PURE__ */ jsx23(
+  const list = /* @__PURE__ */ jsx24(
     SessionList,
     {
       ...scope,
@@ -11493,14 +11722,14 @@ function OpenGeniChat({
       className: "h-full"
     }
   );
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn("og-root og-chat relative flex min-h-0 min-w-0 bg-og-bg text-og-fg", className),
       style: { height },
       "data-og-chat": "",
       children: [
-        /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx24(
           "aside",
           {
             className: "og-chat-sidebar min-h-0 w-64 shrink-0 flex-col border-r border-og-border",
@@ -11508,21 +11737,21 @@ function OpenGeniChat({
             children: list
           }
         ),
-        drawerOpen ? /* @__PURE__ */ jsxs18("div", { className: "og-chat-drawer absolute inset-0 z-20 flex", "data-og-chat-drawer": "", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex h-full w-[min(20rem,85%)] flex-col border-r border-og-border bg-og-bg shadow-xl", children: [
-            /* @__PURE__ */ jsx23("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx23(
+        drawerOpen ? /* @__PURE__ */ jsxs19("div", { className: "og-chat-drawer absolute inset-0 z-20 flex", "data-og-chat-drawer": "", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex h-full w-[min(20rem,85%)] flex-col border-r border-og-border bg-og-bg shadow-xl", children: [
+            /* @__PURE__ */ jsx24("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx24(
               "button",
               {
                 type: "button",
                 "aria-label": labels.closeChats,
                 onClick: () => setDrawerOpen(false),
                 className: "rounded p-1.5 text-og-fg-muted hover:bg-og-surface-2",
-                children: /* @__PURE__ */ jsx23(XIcon3, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx24(XIcon3, { className: "size-4", "aria-hidden": true })
               }
             ) }),
-            /* @__PURE__ */ jsx23("div", { className: "min-h-0 flex-1", children: list })
+            /* @__PURE__ */ jsx24("div", { className: "min-h-0 flex-1", children: list })
           ] }),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "button",
             {
               type: "button",
@@ -11532,9 +11761,9 @@ function OpenGeniChat({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsxs18("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "og-chat-menu flex items-center gap-2 border-b border-og-border px-2 py-1", children: [
-            /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsxs19("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "og-chat-menu flex items-center gap-2 border-b border-og-border px-2 py-1", children: [
+            /* @__PURE__ */ jsx24(
               "button",
               {
                 type: "button",
@@ -11543,12 +11772,12 @@ function OpenGeniChat({
                 onClick: () => setDrawerOpen(true),
                 className: "rounded p-1.5 text-og-fg-muted hover:bg-og-surface-2",
                 "data-og-chat-menu": "",
-                children: /* @__PURE__ */ jsx23(MenuIcon, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx24(MenuIcon, { className: "size-4", "aria-hidden": true })
               }
             ),
-            /* @__PURE__ */ jsx23("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
+            /* @__PURE__ */ jsx24("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
           ] }),
-          /* @__PURE__ */ jsx23("div", { className: "min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24("div", { className: "min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx24(
             SessionConversation,
             {
               ...conversationProps,
@@ -11556,7 +11785,7 @@ function OpenGeniChat({
               sessionId: selected,
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx23(
+          ) : /* @__PURE__ */ jsx24(
             NewChat,
             {
               labels,
@@ -11577,9 +11806,9 @@ function NewChat({
   create,
   onCreated
 }) {
-  const [text, setText] = useState18("");
-  const [sending, setSending] = useState18(false);
-  const [error, setError] = useState18(null);
+  const [text, setText] = useState19("");
+  const [sending, setSending] = useState19(false);
+  const [error, setError] = useState19(null);
   const idempotencyKey = useRef14(crypto.randomUUID());
   const submit = async (event) => {
     event.preventDefault();
@@ -11598,16 +11827,16 @@ function NewChat({
       setSending(false);
     }
   };
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "form",
     {
       onSubmit: (event) => void submit(event),
       className: "flex h-full flex-col justify-end gap-2 p-3",
       "data-og-new-chat-composer": "",
       children: [
-        error ? /* @__PURE__ */ jsx23("p", { role: "alert", className: "text-og-xs text-og-status-failed", children: error }) : null,
-        /* @__PURE__ */ jsxs18("div", { className: "flex items-end gap-2 rounded-lg border border-og-border bg-og-surface-1 p-2", children: [
-          /* @__PURE__ */ jsx23(
+        error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "text-og-xs text-og-status-failed", children: error }) : null,
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-end gap-2 rounded-lg border border-og-border bg-og-surface-1 p-2", children: [
+          /* @__PURE__ */ jsx24(
             "textarea",
             {
               value: text,
@@ -11625,14 +11854,14 @@ function NewChat({
               className: "min-h-10 flex-1 resize-none bg-transparent text-og-base text-og-fg outline-hidden placeholder:text-og-fg-subtle"
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "button",
             {
               type: "submit",
               "aria-label": labels.send,
               disabled: sending || !text.trim(),
               className: "rounded-md bg-og-accent p-2 text-og-accent-fg disabled:opacity-50",
-              children: /* @__PURE__ */ jsx23(SendIcon, { className: "size-4", "aria-hidden": true })
+              children: /* @__PURE__ */ jsx24(SendIcon, { className: "size-4", "aria-hidden": true })
             }
           )
         ] })
@@ -11643,14 +11872,14 @@ function NewChat({
 
 // src/components/session-commands-panel.tsx
 import { ChevronRightIcon as ChevronRightIcon3, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
-import { useState as useState19 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useState as useState20 } from "react";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
 }) {
-  const [pending, setPending] = useState19(null);
-  const [error, setError] = useState19(null);
+  const [pending, setPending] = useState20(null);
+  const [error, setError] = useState20(null);
   const active = state.commands.filter(
     (command) => command.state === "running" || command.state === "stopping"
   );
@@ -11665,11 +11894,11 @@ function SessionCommandsPanel({
       setPending(null);
     }
   };
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
-    state.loading && active.length === 0 ? /* @__PURE__ */ jsx24("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
-    state.error ? /* @__PURE__ */ jsxs19("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
-      /* @__PURE__ */ jsx24("span", { children: "Commands unavailable." }),
-      /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs20("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
+    state.loading && active.length === 0 ? /* @__PURE__ */ jsx25("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
+    state.error ? /* @__PURE__ */ jsxs20("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
+      /* @__PURE__ */ jsx25("span", { children: "Commands unavailable." }),
+      /* @__PURE__ */ jsx25(
         "button",
         {
           type: "button",
@@ -11679,18 +11908,18 @@ function SessionCommandsPanel({
         }
       )
     ] }) : null,
-    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx24("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
-    active.length > 0 ? /* @__PURE__ */ jsx24("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs19("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs19("details", { className: "group/command", children: [
-          /* @__PURE__ */ jsxs19(
+    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx25("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
+    active.length > 0 ? /* @__PURE__ */ jsx25("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs20("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
+      /* @__PURE__ */ jsxs20("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs20("details", { className: "group/command", children: [
+          /* @__PURE__ */ jsxs20(
             "summary",
             {
               className: "flex cursor-pointer list-none items-center gap-1.5 rounded-og-sm font-mono text-og-fg outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
               title: "Expand command",
               children: [
-                /* @__PURE__ */ jsx24(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx24(
+                /* @__PURE__ */ jsx25(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
+                /* @__PURE__ */ jsx25(
                   "span",
                   {
                     className: "min-w-0 truncate",
@@ -11701,9 +11930,9 @@ function SessionCommandsPanel({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs19("div", { className: "mt-2 space-y-1", children: [
-            /* @__PURE__ */ jsx24("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
-            /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsxs20("div", { className: "mt-2 space-y-1", children: [
+            /* @__PURE__ */ jsx25("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
+            /* @__PURE__ */ jsxs20(
               "time",
               {
                 className: "block text-og-fg-subtle",
@@ -11717,9 +11946,9 @@ function SessionCommandsPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx24("p", { className: "mt-1 text-og-fg-subtle", children: command.observationStatus === "unavailable" ? command.state === "stopping" ? "Stop requested \xB7 status unavailable" : "Command status unavailable" : command.state === "stopping" ? "Stopping\u2026" : "Running" })
+        /* @__PURE__ */ jsx25("p", { className: "mt-1 text-og-fg-subtle", children: command.observationStatus === "unavailable" ? command.state === "stopping" ? "Stop requested \xB7 status unavailable" : "Command status unavailable" : command.state === "stopping" ? "Stopping\u2026" : "Running" })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs19(
+      !readOnly ? /* @__PURE__ */ jsxs20(
         "button",
         {
           type: "button",
@@ -11728,22 +11957,22 @@ function SessionCommandsPanel({
           onClick: () => void stop(command.id),
           className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm px-2 text-og-fg-muted outline-hidden hover:bg-og-surface-3/70 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50 pointer-coarse:min-h-11",
           children: [
-            pending === command.id || command.state === "stopping" ? /* @__PURE__ */ jsx24(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx24(SquareIcon, { className: "size-3" }),
+            pending === command.id || command.state === "stopping" ? /* @__PURE__ */ jsx25(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx25(SquareIcon, { className: "size-3" }),
             "Stop"
           ]
         }
       ) : null
     ] }, command.id)) }) : null,
-    error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "text-og-danger", children: error }) : null
+    error ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "text-og-danger", children: error }) : null
   ] });
 }
 
 // src/hooks/use-session-background-commands.ts
-import { useCallback as useCallback7, useEffect as useEffect14, useRef as useRef15 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect15, useRef as useRef15 } from "react";
 function useSessionBackgroundCommands(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const load = useCallback7(
+  const load = useCallback8(
     async (signal) => {
       if (!sessionId) return { commands: [] };
       if (!client.listSessionBackgroundCommands) {
@@ -11759,13 +11988,13 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
   });
   const refresh = state.refresh;
   const generation = useRef15(0);
-  useEffect14(() => {
+  useEffect15(() => {
     generation.current += 1;
     return () => {
       generation.current += 1;
     };
   }, [client, workspaceId, sessionId, enabled]);
-  const cancel = useCallback7(
+  const cancel = useCallback8(
     async (commandId) => {
       if (!sessionId) return;
       if (!client.cancelSessionBackgroundCommand) {
@@ -11787,7 +12016,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
 }
 
 // src/components/session-commands.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function SessionCommands({
   sessionId,
   readOnly = false,
@@ -11797,11 +12026,11 @@ function SessionCommands({
     pollIntervalMs: 3e3,
     ...options
   });
-  return /* @__PURE__ */ jsx25(SessionCommandsPanel, { commands, readOnly });
+  return /* @__PURE__ */ jsx26(SessionCommandsPanel, { commands, readOnly });
 }
 
 // src/timeline/startup-timings.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var LABELS = {
   queue: "Worker queue",
   sandbox: "Sandbox",
@@ -11814,7 +12043,7 @@ var LABELS = {
 };
 function StartupTimings({ phases }) {
   if (!phases.length)
-    return /* @__PURE__ */ jsx26("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
+    return /* @__PURE__ */ jsx27("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
   const byTurn = /* @__PURE__ */ new Map();
   for (const phase of phases) {
     const group = byTurn.get(phase.turnId) ?? [];
@@ -11829,9 +12058,9 @@ function StartupTimings({ phases }) {
       turnPhases[0].startedAt
     )
   })).sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-  return /* @__PURE__ */ jsxs20("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx26("p", { className: "text-og-xs text-og-fg-subtle", children: "Each turn has its own startup. Phases can overlap; durations are not additive." }),
-    turns.map((turn, index) => /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs21("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx27("p", { className: "text-og-xs text-og-fg-subtle", children: "Each turn has its own startup. Phases can overlap; durations are not additive." }),
+    turns.map((turn, index) => /* @__PURE__ */ jsx27(
       StartupTurn,
       {
         ...turn,
@@ -11848,53 +12077,53 @@ function StartupTurn({
   latest
 }) {
   const status = phases.some((phase) => phase.status === "failed") ? "Failed" : phases.some((phase) => phase.status === "running") ? "In progress" : phases.some((phase) => phase.status === "cancelled") ? "Interrupted" : "Ready";
-  return /* @__PURE__ */ jsxs20("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
-    /* @__PURE__ */ jsxs20("summary", { className: "cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent", children: [
-      /* @__PURE__ */ jsx26("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
-      /* @__PURE__ */ jsx26("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
+  return /* @__PURE__ */ jsxs21("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
+    /* @__PURE__ */ jsxs21("summary", { className: "cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent", children: [
+      /* @__PURE__ */ jsx27("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
+      /* @__PURE__ */ jsx27("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
         hour: "2-digit",
         minute: "2-digit",
         second: "2-digit"
       }) }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx27(
         "span",
         {
           className: status === "Failed" ? "ml-2 text-og-xs text-og-status-failed" : "ml-2 text-og-xs text-og-fg-subtle",
           children: status
         }
       ),
-      /* @__PURE__ */ jsx26("span", { className: "mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle", children: turnId ?? "No turn ID recorded" })
+      /* @__PURE__ */ jsx27("span", { className: "mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle", children: turnId ?? "No turn ID recorded" })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "pb-2", children: [
-      /* @__PURE__ */ jsxs20("p", { className: "text-og-xs text-og-fg-subtle", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "pb-2", children: [
+      /* @__PURE__ */ jsxs21("p", { className: "text-og-xs text-og-fg-subtle", children: [
         "Started ",
-        /* @__PURE__ */ jsx26("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
+        /* @__PURE__ */ jsx27("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
       ] }),
-      /* @__PURE__ */ jsx26("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs20("table", { className: "w-full text-left text-og-xs", children: [
-        /* @__PURE__ */ jsxs20("caption", { className: "sr-only", children: [
+      /* @__PURE__ */ jsx27("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs21("table", { className: "w-full text-left text-og-xs", children: [
+        /* @__PURE__ */ jsxs21("caption", { className: "sr-only", children: [
           "Startup phases for ",
           turnId ?? "unassigned events"
         ] }),
-        /* @__PURE__ */ jsx26("thead", { children: /* @__PURE__ */ jsxs20("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
-          /* @__PURE__ */ jsx26("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
-          /* @__PURE__ */ jsx26("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx26("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
+        /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsxs21("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
+          /* @__PURE__ */ jsx27("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
         ] }) }),
-        /* @__PURE__ */ jsx26("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs20(
+        /* @__PURE__ */ jsx27("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs21(
           "tr",
           {
             className: "border-b border-og-border/40",
             title: `Turn: ${phase.turnId ?? "unknown"} \xB7 Started: ${phase.startedAt}`,
             children: [
-              /* @__PURE__ */ jsx26("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
+              /* @__PURE__ */ jsx27(
                 "td",
                 {
                   className: `px-3 py-2.5 ${phase.status === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"}`,
                   children: phase.status === "running" ? "In progress" : phase.status
                 }
               ),
-              /* @__PURE__ */ jsx26("td", { className: "py-2.5 text-right font-og-mono tabular-nums text-og-fg-muted", children: phase.durationMs === null ? "\u2014" : phase.durationMs < 1e3 ? `${Math.round(phase.durationMs)} ms` : `${(phase.durationMs / 1e3).toFixed(1)} s` })
+              /* @__PURE__ */ jsx27("td", { className: "py-2.5 text-right font-og-mono tabular-nums text-og-fg-muted", children: phase.durationMs === null ? "\u2014" : phase.durationMs < 1e3 ? `${Math.round(phase.durationMs)} ms` : `${(phase.durationMs / 1e3).toFixed(1)} s` })
             ]
           },
           phase.id
@@ -11963,4 +12192,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-L4OSXQ6H.js.map
+//# sourceMappingURL=chunk-NBOHNRLJ.js.map