@opengeni/react 7.4.0-canary.36855269964001 → 7.4.0

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

@@ -1,6 +1,3 @@
-import {
-  useThemeType
-} from "./chunk-UK4TINKT.js";
 import {
   EmptyQueueStateSurface,
   QUEUE_ITEM_CONTENT_UNAVAILABLE,
@@ -9,6 +6,9 @@ import {
   queueItemContent,
   requestQueueDraftEdit
 } from "./chunk-YCGBREUV.js";
+import {
+  useThemeType
+} from "./chunk-UK4TINKT.js";
 import {
   TimelineAnnotationSourceRootContext
 } from "./chunk-5QHL6BLH.js";
@@ -33,11 +33,11 @@ import {
   useSessionControl,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-ZCZHKJKZ.js";
+} from "./chunk-USXVQACU.js";
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-VABBF52G.js";
+} from "./chunk-V2ABIVYJ.js";
 import {
   mcpToolLeaf,
   toolDisplayName
@@ -64,22 +64,17 @@ import {
   Status,
   Surface,
   useChatComposerController
-} from "./chunk-ZKLCPBWN.js";
+} from "./chunk-Y3QTZN2F.js";
 import {
   ModelPolicyPicker
 } from "./chunk-UINDK6C3.js";
-import {
-  projectPickerRows,
-  sortPickerRows
-} from "./chunk-CHPKSLPN.js";
 import {
   useComposer
 } from "./chunk-KVERXCFY.js";
 import {
-  allowanceLabels,
-  allowanceResetSentence,
-  formatAllowanceInstant
-} from "./chunk-B3V6TG77.js";
+  projectPickerRows,
+  sortPickerRows
+} from "./chunk-CHPKSLPN.js";
 import {
   usePolledValue
 } from "./chunk-KZ73RL76.js";
@@ -97,27 +92,24 @@ import {
   Markdown,
   MediaEmpty,
   MediaSkeleton,
+  OpenGeniLinkProvider,
   PayloadBlock,
   ScreenshotFigure,
   TermBlock,
   Thumbnail,
   TimelineSearchRevealContext,
   ToolCallTruncationProvider,
+  chainLinkResolvers,
   isTimelineSearchTarget,
+  sessionLinkResolver,
   useForcedDefaultOpen,
+  useOpenGeniLinkResolver,
   useTimelineSearchNavigation,
   useTimelineSearchReveal
-} from "./chunk-TVO6GXR6.js";
+} from "./chunk-X4HIN6TV.js";
 import {
   prefersReducedMotion
 } from "./chunk-GIMRELBW.js";
-import {
-  OpenGeniLinkProvider,
-  chainLinkResolvers,
-  sessionLinkResolver,
-  useOpenGeniLinkResolver,
-  viewerLinkResolver
-} from "./chunk-XCHWDJ22.js";
 import {
   LightboxProvider,
   Tooltip,
@@ -132,7 +124,7 @@ import {
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-UXJCQ5GH.js";
+} from "./chunk-UDD6DLLT.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -5572,11 +5564,11 @@ import {
   lazy as lazy3,
   memo,
   useCallback as useCallback3,
-  useEffect as useEffect10,
+  useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect4,
-  useMemo as useMemo5,
+  useMemo as useMemo4,
   useRef as useRef9,
-  useState as useState15
+  useState as useState14
 } from "react";
 
 // src/components/timeline-anchor.tsx
@@ -5718,63 +5710,6 @@ 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
-}) {
-  const [placement, setPlacement] = useState14(preference[0]);
-  const key = preference.join(",");
-  useEffect9(() => {
-    if (!active) {
-      setPlacement(preference[0]);
-      return;
-    }
-    const scroller = scrollerRef.current;
-    if (!scroller) return;
-    let frame = 0;
-    let current = preference[0];
-    let choose = null;
-    let disposed = false;
-    void import("./timeline-pill-geometry-2G6EK47V.js").then((geometry) => {
-      if (disposed) return;
-      choose = geometry.choosePlacement;
-      schedule();
-    });
-    const evaluate = () => {
-      frame = 0;
-      const pill = pillRef.current;
-      const frameElement = pill?.offsetParent;
-      if (!choose || !pill || !(frameElement instanceof HTMLElement)) return;
-      const next = choose(pill, frameElement, scroller, preference, current);
-      if (next !== current) {
-        current = next;
-        setPlacement(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]);
-  return active ? placement : preference[0];
-}
-
 // src/components/timeline-settlement.ts
 function captureTimelineSettlement(scroller, groups) {
   if (timelineHasReader(scroller)) return null;
@@ -6190,77 +6125,13 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
   return true;
 }
 
-// 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 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"));
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-ODLVF4OI.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";
@@ -6357,7 +6228,6 @@ function cssEscapeAttribute(value) {
 }
 function MessageTimeline({
   resolveLink,
-  renderInteractiveBlock,
   userMessageDisclosureLabels,
   searchTarget,
   events,
@@ -6369,8 +6239,6 @@ function MessageTimeline({
   onMemoryClick,
   onReconnect,
   renderAuthNeeded,
-  renderAllowanceExhausted,
-  allowanceExhaustedLabels,
   shouldRenderAuthNeeded,
   resolveProviderLogo,
   toolRegistry = defaultToolRegistry,
@@ -6398,7 +6266,7 @@ function MessageTimeline({
   emptyState,
   className
 }) {
-  const resolvedItems = useMemo5(() => {
+  const resolvedItems = useMemo4(() => {
     const projectedItems = items ?? buildTimeline(events ?? []);
     if (!shouldRenderAuthNeeded) {
       return projectedItems;
@@ -6416,22 +6284,21 @@ function MessageTimeline({
   ]) : null;
   const searchTargetRef = useRef9(searchTarget);
   searchTargetRef.current = searchTarget;
-  const renderSearchableMessageText = useMemo5(
+  const renderSearchableMessageText = useMemo4(
     () => renderMessageText ? (text, item) => renderMessageText(text, item, {
       searchTarget: searchItem?.id === item.id ? searchTarget ?? null : null
     }) : (text, item) => {
-      const body = /* @__PURE__ */ jsx18(
+      const body = /* @__PURE__ */ jsx17(
         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__ */ jsx18(UserMessageBody, { messageId: item.id, text, children: body }) : body;
+      return item.kind === "user-message" ? /* @__PURE__ */ jsx17(UserMessageBody, { messageId: item.id, text, children: body }) : body;
     },
-    [renderInteractiveBlock, renderMessageText, searchItem?.id, searchTarget]
+    [renderMessageText, searchItem?.id, searchTarget]
   );
   const sourceItems = events ?? items;
   const olderBoundaryKey = sourceItems?.[0]?.id;
@@ -6440,9 +6307,9 @@ function MessageTimeline({
   newerScopeRef.current = newerBoundaryKey;
   const newerAttemptRef = useRef9(null);
   const newerRetryButtonRef = useRef9(null);
-  const [newerRetryPending, setNewerRetryPending] = useState15(false);
-  const [newerFailure, setNewerFailure] = useState15(null);
-  useEffect10(() => {
+  const [newerRetryPending, setNewerRetryPending] = useState14(false);
+  const [newerFailure, setNewerFailure] = useState14(null);
+  useEffect9(() => {
     newerScopeRef.current = newerBoundaryKey;
     newerAttemptRef.current = null;
     setNewerFailure(null);
@@ -6494,14 +6361,14 @@ function MessageTimeline({
     settlementAnimationRef.current = null;
   }, []);
   const olderPageBudgetRef = useRef9(0);
-  const [olderDemand, setOlderDemand] = useState15(0);
+  const [olderDemand, setOlderDemand] = useState14(0);
   const readableTurns = turnSummary?.rolling === true;
-  const projectedGroups = useMemo5(
+  const projectedGroups = useMemo4(
     () => groupTimeline(resolvedItems, { readableTurns }),
     [resolvedItems, readableTurns]
   );
   useLayoutEffect4(() => stopSettlement, [projectedGroups, stopSettlement]);
-  const annotationSources = useMemo5(() => {
+  const annotationSources = useMemo4(() => {
     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) {
@@ -6514,46 +6381,31 @@ function MessageTimeline({
   const topSentinelRef = useRef9(null);
   const bottomSentinelRef = useRef9(null);
   const previousBulkFirstKeyRef = useRef9(void 0);
-  const [pinned, setPinned] = useState15(true);
+  const [pinned, setPinned] = useState14(true);
   const { groups: allGroups, release: releaseProgress } = useReadingProgress(
     projectedGroups,
     autoFollow && pinned && !hasNewer,
     scrollRef.current
   );
-  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState15(false);
+  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState14(false);
   const canSkipTipCatchupRef = useRef9(false);
-  const [bulkActive, setBulkActive] = useState15(true);
+  const [bulkActive, setBulkActive] = useState14(true);
   const olderPrefetchArmedRef = useRef9(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState15(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
   const olderLoadAttemptRef = useRef9(null);
-  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState15(
+  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState14(
     null
   );
   const underfillRetryReadyRef = useRef9(false);
   const resizeFollowRafRef = useRef9(null);
   const questionNavFrameRef = useRef9(null);
-  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
-  });
-  const [questionTarget, setQuestionTarget] = useState15(null);
-  const [questionPending, setQuestionPending] = useState15(false);
-  const [questionError, setQuestionError] = useState15(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 firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState15(resolvedItems[0]?.id === "c");
+  const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
   const pinnedRef = useRef9(true);
   const hasNewerRef = useRef9(hasNewer);
   hasNewerRef.current = hasNewer;
@@ -6583,7 +6435,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 = useMemo5(
+  const turnsWithOutput = useMemo4(
     () => 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] : []
@@ -6678,7 +6530,7 @@ function MessageTimeline({
       setOlderPrefetchArmed(true);
     }
   }, [autoFollow, applyPinned, clearPendingReaderLeave, clearReaderIntent, stopFollow]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!readableTurns) return;
     const node = scrollRef.current;
     if (!node) return;
@@ -6837,7 +6689,7 @@ function MessageTimeline({
     },
     [applyPinned, autoFollow, snapToBottom, syncScrollBaseline, writeScrollTop]
   );
-  const userMessageDisclosureContext = useMemo5(
+  const userMessageDisclosureContext = useMemo4(
     () => ({
       expandedByMessageId: userMessageDisclosureMemoryRef.current,
       beginChange: beginUserMessageDisclosureChange,
@@ -6852,7 +6704,7 @@ function MessageTimeline({
       userMessageDisclosureLabels?.showLess
     ]
   );
-  const timelineGroupEntryContext = useMemo5(
+  const timelineGroupEntryContext = useMemo4(
     () => ({
       userMessageDisclosureContext,
       behavior: {
@@ -6940,7 +6792,7 @@ function MessageTimeline({
       setQuestionNav((current) => sameQuestionNav(current, next) ? current : next);
     });
   }, [readableTurns, hasNewer, onJumpToLatestQuestion]);
-  useEffect10(
+  useEffect9(
     () => () => {
       if (questionNavFrameRef.current != null) {
         cancelFrame(questionNavFrameRef.current);
@@ -7088,8 +6940,8 @@ function MessageTimeline({
     [applyCanSkipTipCatchup, cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect10(() => stopFollow, [stopFollow]);
-  useEffect10(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
+  useEffect9(() => stopFollow, [stopFollow]);
+  useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect4(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -7314,7 +7166,7 @@ function MessageTimeline({
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned, clearReaderIntent]);
-  useEffect10(() => {
+  useEffect9(() => {
     const node = scrollRef.current;
     if (node) {
       requestOlderIfUnderfilled(node);
@@ -7329,7 +7181,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect10(() => {
+  useEffect9(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -7380,7 +7232,7 @@ function MessageTimeline({
     onLoadOlder,
     requestOlderIfUnderfilled
   ]);
-  useEffect10(() => {
+  useEffect9(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -7397,7 +7249,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, requestNewer, firstGroupKey]);
-  useEffect10(() => {
+  useEffect9(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -7434,7 +7286,7 @@ function MessageTimeline({
       }
     };
   }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (searchTargetRef.current) return;
     if (hasNewer) {
       stopFollow();
@@ -7574,382 +7426,355 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  const timeline = /* @__PURE__ */ jsx18(
-    AllowancePresentationProvider,
+  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",
     {
-      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
+      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;
               }
-            ) }) : null,
-            /* @__PURE__ */ jsx18(
-              "div",
+              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;
+              }
+            },
+            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,
               {
-                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
-                      );
-                    }
+                capture: () => {
+                  if (readableTurns && timelineHasReader(scrollRef.current)) {
                     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;
                 },
-                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();
-                      }
-                      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,
-                          {
-                            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__ */ 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;
+                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;
                                     }
-                                    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;
-                                        }
+                                    requestFrame(() => {
+                                      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
-                            ]
+                                  () => {
+                                    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"
+                      }
+                    )
+                  ) : 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,
+                          {
+                            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
                           }
                         )
-                      ) : 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",
+                      },
+                      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",
                           {
-                            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"
+                            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,
-                      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__ */ 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,
-                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]
-                ),
-                children: /* @__PURE__ */ jsxs13(
-                  motion3.div,
-                  {
-                    ref: questionPillRef,
-                    layout: "position",
-                    transition: { duration: 0.18, ease: "easeOut" },
-                    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__ */ jsxs13(
-                        "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__ */ jsx18(ArrowUpIcon, { "aria-hidden": true, className: "size-3.5" }),
-                            "Latest question"
-                          ]
-                        }
-                      ),
-                      questionError && /* @__PURE__ */ jsx18("span", { role: "status", className: "px-2 text-og-xs", children: questionError })
-                    ]
-                  }
-                )
-              },
-              "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" }) })
+                      ]
+                    }
+                  ) : 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 }),
-            /* @__PURE__ */ jsx18(AnimatePresence3, { children: jumpPillShown ? /* @__PURE__ */ jsxs13(
-              motion3.button,
-              {
-                ref: jumpPillRef,
-                type: "button",
-                "data-og-jump-to-latest": "",
-                "data-og-pill-placement": jumpPillPlacement,
-                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);
+            )
+          }
+        ),
+        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);
+                      }
+                    },
+                    () => {
+                      wantPinRef.current = false;
                     }
-                    return;
-                  }
-                  const node = scrollRef.current;
-                  if (node) {
-                    applyPinned(true);
-                    snapToBottom(node);
-                  }
-                },
-                className: cn(
-                  "absolute bottom-4 w-fit",
-                  JUMP_PILL_PLACEMENT_CLASS[jumpPillPlacement],
-                  "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"
-                ]
+                  );
+                } else if (node2) {
+                  snapToBottom(node2);
+                }
+                return;
               }
-            ) : null })
-          ]
-        }
-      ) }) }) }) }) }) }) })
+              const node = scrollRef.current;
+              if (node) {
+                applyPinned(true);
+                snapToBottom(node);
+              }
+            },
+            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 })
+      ]
     }
-  );
-  return /* @__PURE__ */ jsx18(OpenGeniLinkProvider, { resolveLink, children: timeline });
+  ) }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx17(OpenGeniLinkProvider, { resolveLink, children: timeline });
 }
 function timelineGroupsRenderEqual(previous, next) {
   try {
@@ -7960,7 +7785,7 @@ function timelineGroupsRenderEqual(previous, next) {
 }
 function useStableTimelineGroupKeys(allGroups, entranceEnabled) {
   const previousRef = useRef9([]);
-  const keyedGroups = useMemo5(() => {
+  const keyedGroups = useMemo4(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
@@ -8035,17 +7860,17 @@ var TimelineGroupRenderBoundary = class extends Component3 {
   }
   render() {
     if (this.state.failed) {
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs12(
         "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__ */ 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." })
+            /* @__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." })
             ] })
           ]
         }
@@ -8066,7 +7891,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__ */ jsx18(ActivityNoteTextContext.Provider, { value: behavior.renderMessageText ?? null, children: /* @__PURE__ */ jsx18(
+  const content = /* @__PURE__ */ jsx17(ActivityNoteTextContext.Provider, { value: behavior.renderMessageText ?? null, children: /* @__PURE__ */ jsx17(
     TimelineGroupView,
     {
       ...behavior,
@@ -8077,14 +7902,14 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
       contextCompactionCount: contextCompactionCount > 0 ? contextCompactionCount : void 0
     }
   ) });
-  return /* @__PURE__ */ jsx18(GenieLoadingOptionsContext.Provider, { value: behavior.genieLoading, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(GenieLoadingOptionsContext.Provider, { value: behavior.genieLoading, children: /* @__PURE__ */ jsx17(
     "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__ */ 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(
+      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(
         motion3.div,
         {
           initial: false,
@@ -8150,7 +7975,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__ */ jsx18(
+          return /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -8168,7 +7993,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__ */ jsx18(
+          preview: containsPresentedImage ? void 0 : /* @__PURE__ */ jsx17(
             RollingActivity,
             {
               items: group.items,
@@ -8177,7 +8002,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             }
           )
         };
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx17(
           TurnSummary,
           {
             items: group.items,
@@ -8188,7 +8013,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__ */ jsx18(TurnRailFrame, { compact: true, children: renderFoldedGroups(
+            children: /* @__PURE__ */ jsx17(TurnRailFrame, { compact: true, children: renderFoldedGroups(
               group.work.details,
               {
                 renderMessageActions,
@@ -8213,7 +8038,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__ */ jsx18(
+        return /* @__PURE__ */ jsx17(
           ActivityRail,
           {
             items: group.items,
@@ -8228,7 +8053,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         );
       }
       if (turnSummary?.rolling && insideTurn && !startupDetails && !hasRememberedImageFold && group.items.filter((item) => item.kind !== "startup-phase").length === 1) {
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx17(
           ActivityRail,
           {
             items: group.items,
@@ -8247,7 +8072,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__ */ jsx18(
+          return /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -8261,7 +8086,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx17(
           TurnSummary,
           {
             items: group.items,
@@ -8272,7 +8097,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx18(
+            children: /* @__PURE__ */ jsx17(
               ActivityRail,
               {
                 items: group.items,
@@ -8288,14 +8113,14 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx17(
         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__ */ jsx18(
+          liveHeader: turnSummary?.rolling && !containsPresentedImage && !group.outcome && !foldLiveCluster ? /* @__PURE__ */ jsx17(
             RollingActivity,
             {
               items: group.items,
@@ -8307,7 +8132,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx18(FoldBody, { children: /* @__PURE__ */ jsx18(TurnRailFrame, { children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx17(FoldBody, { children: /* @__PURE__ */ jsx17(TurnRailFrame, { children: /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -8329,7 +8154,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           (item) => item.kind === "startup-phase" && item.status === "complete"
         )
       ))
-        return /* @__PURE__ */ jsx18(ActivityRail, { items: activityItems, startupActive: false, bare: true });
+        return /* @__PURE__ */ jsx17(ActivityRail, { items: activityItems, startupActive: false, bare: true });
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = renderFoldedGroups(group.groups, {
         renderMessageActions,
@@ -8346,7 +8171,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         turnSummary
       });
       const durationMs = durationBetween(group.startedAt, group.endedAt);
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx17(
         TurnSummary,
         {
           items: activityItems,
@@ -8360,16 +8185,16 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx18(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx17(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__ */ jsx18("div", { className: "flex flex-col gap-4", children: body })
-          ) : /* @__PURE__ */ jsx18(TurnRailFrame, { children: body }) })
+            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx17(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx17(
         TimelineRow,
         {
           item: group.item,
@@ -8386,7 +8211,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
 });
 function renderFoldedGroups(groups, behavior, readableWork = false) {
   const nestClusters = foldableActivityClusterCount(groups) >= 2;
-  return groups.map((child, index) => /* @__PURE__ */ jsx18(
+  return groups.map((child, index) => /* @__PURE__ */ jsx17(
     TimelineGroupRenderBoundary,
     {
       resetKeys: [
@@ -8404,13 +8229,13 @@ function renderFoldedGroups(groups, behavior, readableWork = false) {
         behavior.loadVideoArtifactPlayback,
         behavior.turnSummary
       ],
-      children: readableWork ? /* @__PURE__ */ jsx18(
+      children: readableWork ? /* @__PURE__ */ jsx17(
         "div",
         {
           className: index > 0 && (child.kind !== "activity" || groups[index - 1]?.kind !== "activity") ? "mt-3" : void 0,
-          children: /* @__PURE__ */ jsx18(TimelineGroupView, { ...behavior, group: child, insideTurn: true, startupDismissed: true })
+          children: /* @__PURE__ */ jsx17(TimelineGroupView, { ...behavior, group: child, insideTurn: true, startupDismissed: true })
         }
-      ) : /* @__PURE__ */ jsx18(TimelineGroupView, { ...behavior, group: child, insideTurn: true, nestClusterChips: nestClusters })
+      ) : /* @__PURE__ */ jsx17(TimelineGroupView, { ...behavior, group: child, insideTurn: true, nestClusterChips: nestClusters })
     },
     timelineGroupKey(child)
   ));
@@ -8421,10 +8246,10 @@ function compactedLandmarkCount(groups) {
   ).length;
 }
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx18(Fragment6, { children });
+  return /* @__PURE__ */ jsx17(Fragment5, { children });
 }
 function TurnRailFrame({ children, compact = false }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       className: cn(
@@ -8615,7 +8440,7 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx17(
         UserMessageRow,
         {
           item,
@@ -8624,9 +8449,9 @@ function TimelineRow({
         }
       );
     case "human-input":
-      return /* @__PURE__ */ jsx18(HumanInputConversationRow, { item });
+      return /* @__PURE__ */ jsx17(HumanInputConversationRow, { item });
     case "agent-message":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx17(
         AgentMessageRow,
         {
           item,
@@ -8635,13 +8460,13 @@ function TimelineRow({
         }
       );
     case "worker-completion":
-      return /* @__PURE__ */ jsx18(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx17(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx18(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx17(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx18(GoalRow, { item });
+      return /* @__PURE__ */ jsx17(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx17(
         MachineInputBatchRow,
         {
           item,
@@ -8650,11 +8475,11 @@ function TimelineRow({
         }
       );
     case "notice":
-      return /* @__PURE__ */ jsx18(NoticeRow, { item });
+      return /* @__PURE__ */ jsx17(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx18(CompactionRow, { item });
+      return /* @__PURE__ */ jsx17(CompactionRow, { item });
     case "auth-needed":
-      return renderAuthNeeded?.(item) ?? /* @__PURE__ */ jsx18(
+      return renderAuthNeeded?.(item) ?? /* @__PURE__ */ jsx17(
         AuthNeededRow,
         {
           item,
@@ -8680,7 +8505,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__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -8689,20 +8514,20 @@ function CompactionRow({ item }) {
       ),
       role: "status",
       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: [
+        /* @__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: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx18("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx17("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "time",
     {
       dateTime: occurredAt,
@@ -8722,28 +8547,28 @@ function UserMessageRow({
 }) {
   const enter = useEntranceAnimation();
   const deliveryFailed = item.delivery?.state === "failed";
-  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(
+  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(
       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__ */ jsxs13(Fragment6, { children: [
+        trailing: /* @__PURE__ */ jsxs12(Fragment5, { children: [
           renderMessageActions?.(item),
-          /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt })
+          /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt })
         ] }),
-        children: /* @__PURE__ */ jsxs13("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-          item.text ? /* @__PURE__ */ jsx18(
+        children: /* @__PURE__ */ jsxs12("div", { className: MESSAGE_BUBBLE_CLASS, children: [
+          item.text ? /* @__PURE__ */ jsx17(
             "div",
             {
               "data-og-search-item": item.id,
               "data-og-annotation-source-key": item.annotationSource?.eventId,
-              children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx18(Markdown, { children: item.text }) })
+              children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx17(Markdown, { children: item.text }) })
             }
           ) : null,
-          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
+          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx17(
             TimelineAnnotationCards,
             {
               annotations: item.annotations ?? [],
@@ -8753,17 +8578,17 @@ ${annotation.note}`).join("\n\n"),
         ] })
       }
     ),
-    deliveryFailed ? /* @__PURE__ */ jsxs13(
+    deliveryFailed ? /* @__PURE__ */ jsxs12(
       "div",
       {
         role: "status",
         className: "flex max-w-full items-center gap-2 px-1 text-og-xs text-og-status-failed",
         children: [
-          /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1", title: item.delivery?.error, children: [
-            /* @__PURE__ */ jsx18(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx18("span", { children: "Message not sent" })
+          /* @__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" })
           ] }),
-          item.delivery?.onRetry ? /* @__PURE__ */ jsx18(
+          item.delivery?.onRetry ? /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -8772,7 +8597,7 @@ ${annotation.note}`).join("\n\n"),
               children: "Retry"
             }
           ) : null,
-          item.delivery?.onRemove ? /* @__PURE__ */ jsx18(
+          item.delivery?.onRemove ? /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -8794,26 +8619,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__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(enter && "animate-og-enter", "flex w-full flex-col gap-2.5"),
       "data-human-input-history": item.requestId,
       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: [
+        /* @__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: [
                   index + 1,
                   "."
                 ] }) : null,
                 multipleQuestions ? " " : null,
                 question.label
               ] }) : null,
-              /* @__PURE__ */ jsxs13(
+              /* @__PURE__ */ jsxs12(
                 "p",
                 {
                   className: cn(
@@ -8821,7 +8646,7 @@ function HumanInputConversationRow({ item }) {
                     question.label && "mt-0.5 text-og-sm text-og-fg-muted"
                   ),
                   children: [
-                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs13("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs12("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                       index + 1,
                       "."
                     ] }) : null,
@@ -8830,29 +8655,29 @@ function HumanInputConversationRow({ item }) {
                   ]
                 }
               )
-            ] }, question.id)) : /* @__PURE__ */ jsx18("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
+            ] }, question.id)) : /* @__PURE__ */ jsx17("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
           CopyHoverFrame,
           {
             copyText,
             label: "Copy answer",
             className: "w-fit max-w-[90%] min-w-0 sm:max-w-[82%]",
-            trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
-            children: /* @__PURE__ */ 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: [
+            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: [
                     questionNumberById.get(answer.questionId) ?? answerIndex + 1,
                     "."
                   ] }),
                   " ",
                   answer.label
                 ] }) : null,
-                /* @__PURE__ */ jsx18("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx18("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx18("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx18("p", { children: answer.values[0] || "Answered" }) })
-              ] }, answer.questionId)) : /* @__PURE__ */ jsx18("p", { children: "Answered" }) }) : null
+                /* @__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
             ] })
           }
         ) })
@@ -8880,19 +8705,19 @@ function AgentMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(Markdown, { streaming: item.streaming, children: item.text });
-  return /* @__PURE__ */ jsx18(
+  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx17(
     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__ */ jsxs13(Fragment6, { children: [
+      trailing: item.streaming ? null : /* @__PURE__ */ jsxs12(Fragment5, { children: [
         renderMessageActions?.(item),
-        /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt })
+        /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt })
       ] }),
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx17(
         "div",
         {
           "data-og-wide-table-message": "",
@@ -8941,7 +8766,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState15(false);
+  const [open, setOpen] = useState14(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && !!item.pausedReason?.trim();
@@ -8951,17 +8776,17 @@ function WorkerCompletionRow({
     ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
   ];
   const hasDetails = details.length > 0;
-  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: [
+  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: [
           " \xB7 ",
           truncate(item.goalText, 90)
         ] }) : null
       ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs13(
+      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -8973,13 +8798,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx18(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx17(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
-    hasDetails ? /* @__PURE__ */ jsxs13(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx18(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+    hasDetails ? /* @__PURE__ */ jsxs12(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx17(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -8988,14 +8813,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__ */ jsx18(ChevronRightIcon2, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
+            /* @__PURE__ */ jsx17(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__ */ 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(
+      /* @__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(
           "p",
           {
             className: cn(
@@ -9014,7 +8839,7 @@ function SessionStatusRow({
 }) {
   const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -9023,15 +8848,15 @@ function SessionStatusRow({
       ),
       role: "status",
       children: [
-        /* @__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" }),
+        /* @__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" }),
           item.resolvedAt ? "work resumed" : meta.label.toLowerCase(),
           " \xB7",
           " ",
           formatRelativeTime(item.resolvedAt ?? item.occurredAt)
         ] }),
-        /* @__PURE__ */ jsx18("span", { className: "h-px flex-1 bg-og-border" })
+        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -9069,7 +8894,7 @@ function goalMeta(action) {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = goalMeta(item.action);
-  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs12(
     "span",
     {
       className: cn(
@@ -9077,8 +8902,8 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx18(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsx17(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxs12("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
         ] })
@@ -9095,7 +8920,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__ */ jsx18(
+    return /* @__PURE__ */ jsx17(
       VideoGenerationResultRow,
       {
         result: single.result,
@@ -9105,15 +8930,15 @@ function MachineInputBatchRow({
   }
   const singleSummary = single ? cleanMachineInputSummary(single.summary) : "";
   const showCollapsedSummary = !item.compact && single != null && machineInputSummaryIsUseful(single.kind, singleSummary);
-  return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
+    /* @__PURE__ */ jsxs12(
       "details",
       {
         className: "group w-full max-w-full",
         "data-og-machine-input-batch": "",
         title: `Received ${formatClockTime(item.occurredAt)}`,
         children: [
-          /* @__PURE__ */ jsx18("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx17("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs12(
             "span",
             {
               className: cn(
@@ -9121,23 +8946,23 @@ function MachineInputBatchRow({
                 NEUTRAL_PILL
               ),
               children: [
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx17(
                   ChevronRightIcon2,
                   {
                     "aria-hidden": true,
                     className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
                   }
                 ),
-                /* @__PURE__ */ jsx18("span", { className: "truncate", children: label })
+                /* @__PURE__ */ jsx17("span", { className: "truncate", children: label })
               ]
             }
           ) }),
-          /* @__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: [
+          /* @__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: [
               "Received ",
-              /* @__PURE__ */ jsx18("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
+              /* @__PURE__ */ jsx17("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
             ] }),
-            item.members.map((member) => /* @__PURE__ */ jsx18(
+            item.members.map((member) => /* @__PURE__ */ jsx17(
               MachineInputRow,
               {
                 member,
@@ -9150,7 +8975,7 @@ function MachineInputBatchRow({
         ]
       }
     ),
-    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
+    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
   ] });
 }
 function MachineInputRow({
@@ -9159,7 +8984,7 @@ function MachineInputRow({
   loadVideoArtifactPlayback
 }) {
   if (member.kind === "media_generation_result" && member.result) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx17(
       VideoGenerationResultRow,
       {
         result: member.result,
@@ -9170,16 +8995,16 @@ function MachineInputRow({
   }
   const source = readableMachineInputSource(member.sourceId);
   const summary = cleanMachineInputSummary(member.summary);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ 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: [
+  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: [
         "from ",
         source
       ] }),
-      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(
+      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(
         ChildSessionLink,
         {
           kind: member.kind,
@@ -9197,7 +9022,7 @@ function VideoGenerationResultRow({
 }) {
   const enter = useEntranceAnimation();
   if (result.status !== "ready") {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs12(
       "div",
       {
         className: cn(
@@ -9205,18 +9030,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__ */ 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" }),
+          /* @__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" }),
             "Video generation failed"
           ] }),
-          /* @__PURE__ */ jsx18("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
+          /* @__PURE__ */ jsx17("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__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "aria-label": "Generated video",
@@ -9226,18 +9051,18 @@ function VideoGenerationResultRow({
         compact && "max-w-lg"
       ),
       children: [
-        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx18(
+        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx17(
           GeneratedVideoPlayer,
           {
             receipt,
             loadPlaybackSource: loadVideoArtifactPlayback,
             className: "rounded-none border-0 shadow-none"
           }
-        ) : /* @__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: [
+        ) : /* @__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: [
               facts.width,
               "\xD7",
               facts.height,
@@ -9246,7 +9071,7 @@ function VideoGenerationResultRow({
               facts.hasAudio ? " \xB7 Audio" : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx18(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
+          /* @__PURE__ */ jsx17(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
         ] })
       ]
     }
@@ -9257,32 +9082,31 @@ function formatVideoDuration(seconds) {
 }
 function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
-  if (item.allowance) return /* @__PURE__ */ jsx18(AllowanceExhaustedRow, { refusal: item.allowance });
   if (item.recordedOutcome) {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs12(
       "details",
       {
         className: "group text-og-sm text-og-fg-muted",
         role: "note",
         "data-og-recorded-outcome": "wait",
         children: [
-          /* @__PURE__ */ jsxs13("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
-            /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs12("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
+            /* @__PURE__ */ jsx17(
               ChevronRightIcon2,
               {
                 "aria-hidden": true,
                 className: "size-3.5 transition-transform group-open:rotate-90"
               }
             ),
-            /* @__PURE__ */ jsx18("span", { title: new Date(item.occurredAt).toLocaleString(), children: recordedWaitSummary(item) })
+            /* @__PURE__ */ jsx17("span", { title: new Date(item.occurredAt).toLocaleString(), children: recordedWaitSummary(item) })
           ] }),
-          /* @__PURE__ */ jsx18("p", { className: "mt-1 whitespace-pre-wrap break-words pl-5 text-og-fg-muted", children: item.text })
+          /* @__PURE__ */ jsx17("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__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn(
@@ -9292,20 +9116,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17(
           TriangleAlertIcon2,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
-        /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ 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) })
+        /* @__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) })
           ] }) : null
         ] }),
-        item.action ? /* @__PURE__ */ jsx18(
+        item.action ? /* @__PURE__ */ jsx17(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
@@ -9324,22 +9148,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__ */ jsxs13(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs12(Fragment5, { children: [
       "Waited",
       target,
       " \xB7",
       " ",
-      /* @__PURE__ */ jsx18("time", { dateTime: `PT${Math.floor(waitedMs / 1e3)}S`, children: formatElapsed(waitedMs) })
+      /* @__PURE__ */ jsx17("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__ */ jsxs13(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment5, { children: [
     item.waitEndedAt ? "Waited" : "Waiting",
     target,
     " \xB7 since",
     " ",
-    /* @__PURE__ */ jsx18("time", { dateTime: item.occurredAt, children: sameDay ? formatClockTime(item.occurredAt) : started.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }) })
+    /* @__PURE__ */ jsx17("time", { dateTime: item.occurredAt, children: sameDay ? formatClockTime(item.occurredAt) : started.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }) })
   ] });
 }
 function AuthNeededRow({
@@ -9348,8 +9172,8 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState15(false);
-  const [failed, setFailed] = useState15(false);
+  const [busy, setBusy] = useState14(false);
+  const [failed, setFailed] = useState14(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";
@@ -9372,30 +9196,30 @@ function AuthNeededRow({
       setBusy(false);
     }
   };
-  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(
+  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(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
             label: provider
           }
         ),
-        /* @__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: [
+        /* @__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: [
             "Provider: ",
             item.providerDomain
           ] }) : null,
-          recommendation && recommendation.requiredVariables.length > 0 ? /* @__PURE__ */ jsxs13("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
+          recommendation && recommendation.requiredVariables.length > 0 ? /* @__PURE__ */ jsxs12("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Needs variables: ",
             recommendation.requiredVariables.join(", ")
           ] }) : null
         ] })
       ] }),
-      hostAuthorizationUrl ? /* @__PURE__ */ jsxs13(
+      hostAuthorizationUrl ? /* @__PURE__ */ jsxs12(
         "a",
         {
           href: hostAuthorizationUrl,
@@ -9406,11 +9230,11 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-primary-hover pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs13(
+      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs12(
         "button",
         {
           type: "button",
@@ -9421,11 +9245,11 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-primary-hover disabled:opacity-50 pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
+            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs13(
+      ) : item.authoritySource !== "host" && !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs12(
         "a",
         {
           href: item.authorizationUrl,
@@ -9436,14 +9260,14 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-primary-hover pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
       ) : null
     ] }),
-    !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: [
+    !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: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
       " ",
@@ -9453,15 +9277,15 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState15(false);
-  useEffect10(() => setFailed(false), [src]);
+  const [failed, setFailed] = useState14(false);
+  useEffect9(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "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__ */ jsx18(
+      children: showImage ? /* @__PURE__ */ jsx17(
         "img",
         {
           src,
@@ -9471,7 +9295,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx18("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx17("span", { children: monogram(label) })
     }
   );
 }
@@ -9516,7 +9340,7 @@ 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 jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var loadQueueSurface = () => import("./queue-surface-implementation-IM2HD3SK.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
@@ -9527,21 +9351,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__ */ jsx19(EmptyQueueStateSurface, { queue });
+      return /* @__PURE__ */ jsx18(EmptyQueueStateSurface, { queue });
     }
-    return /* @__PURE__ */ jsx19(Suspense5, { fallback: /* @__PURE__ */ jsx19(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx19(LazyQueueSurface, { ...props }) });
+    return /* @__PURE__ */ jsx18(Suspense5, { fallback: /* @__PURE__ */ jsx18(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx18(LazyQueueSurface, { ...props }) });
   };
 }
 function QueueSurfaceFallback() {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "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__ */ 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(
+      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(
           Loader2Icon,
           {
             "aria-hidden": "true",
@@ -9583,7 +9407,7 @@ function useWorkspaceModelCatalog(options) {
       }
       const [catalog, config] = await Promise.all([
         client.getWorkspaceModelCatalog(options.workspaceId, { signal }),
-        client.getClientConfig({ signal, workspaceId: options.workspaceId })
+        client.getClientConfig({ signal })
       ]);
       return {
         models: catalog.models,
@@ -9612,7 +9436,7 @@ import { LayoutGroup, motion as motion4 } from "motion/react";
 import {
   useImperativeHandle
 } from "react";
-import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function ChatComposer({
   composer,
   responsiveBasis,
@@ -9670,15 +9494,15 @@ function ChatComposer({
   useImperativeHandle(focusRef, () => ({ focusInput: controller.focusInput }), [
     controller.focusInput
   ]);
-  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, {}),
+  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, {}),
         header,
-        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(
+        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(
           TimelineAnnotationsChip,
           {
             annotations: composer.annotations,
@@ -9690,21 +9514,21 @@ function ChatComposer({
             onCommit: controller.focusInput
           }
         ) }) : null,
-        /* @__PURE__ */ jsx20(Input, { ...inputProps, placeholder, autoFocus }),
-        controller.confirmState ? /* @__PURE__ */ jsx20(Confirmation, {}) : footer !== void 0 ? footer : /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(Input, { ...inputProps, placeholder, autoFocus }),
+        controller.confirmState ? /* @__PURE__ */ jsx19(Confirmation, {}) : footer !== void 0 ? footer : /* @__PURE__ */ jsx19(
           Footer,
           {
             "data-og-stack-actions": stackActions ? "" : void 0,
             className: stackActions ? "max-sm:flex-nowrap sm:flex-wrap" : void 0,
-            children: /* @__PURE__ */ jsxs15(LayoutGroup, { id: "og-composer-footer", children: [
-              hasControls ? /* @__PURE__ */ jsxs15(
+            children: /* @__PURE__ */ jsxs14(LayoutGroup, { id: "og-composer-footer", children: [
+              hasControls ? /* @__PURE__ */ jsxs14(
                 Controls,
                 {
                   className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
                   children: [
                     controlsLeading,
-                    /* @__PURE__ */ jsx20(AttachButton, { className: attachButtonClassName }),
-                    transcription ? /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx19(AttachButton, { className: attachButtonClassName }),
+                    transcription ? /* @__PURE__ */ jsx19(
                       ComposerTranscriptionControl,
                       {
                         ...transcription,
@@ -9712,13 +9536,13 @@ function ChatComposer({
                         className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
                       }
                     ) : null,
-                    models ? /* @__PURE__ */ jsx20(
+                    models ? /* @__PURE__ */ jsx19(
                       motion4.span,
                       {
                         layout: true,
                         transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
                         className: "inline-flex min-w-0",
-                        children: /* @__PURE__ */ jsx20(
+                        children: /* @__PURE__ */ jsx19(
                           ModelPicker,
                           {
                             models,
@@ -9728,7 +9552,7 @@ function ChatComposer({
                         )
                       }
                     ) : null,
-                    controlsStart ? /* @__PURE__ */ jsx20(
+                    controlsStart ? /* @__PURE__ */ jsx19(
                       motion4.span,
                       {
                         layout: true,
@@ -9739,15 +9563,15 @@ function ChatComposer({
                     ) : null
                   ]
                 }
-              ) : /* @__PURE__ */ jsx20(Hint, { children: hint }),
-              /* @__PURE__ */ jsxs15(
+              ) : /* @__PURE__ */ jsx19(Hint, { children: hint }),
+              /* @__PURE__ */ jsxs14(
                 Actions,
                 {
                   className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
                   children: [
                     actionsStart,
-                    /* @__PURE__ */ jsx20(PauseButton, {}),
-                    /* @__PURE__ */ jsx20(SendButton, {})
+                    /* @__PURE__ */ jsx19(PauseButton, {}),
+                    /* @__PURE__ */ jsx19(SendButton, {})
                   ]
                 }
               )
@@ -9756,8 +9580,8 @@ function ChatComposer({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx20(Help, {}),
-    /* @__PURE__ */ jsx20(Status, {})
+    /* @__PURE__ */ jsx19(Help, {}),
+    /* @__PURE__ */ jsx19(Status, {})
   ] }) });
 }
 
@@ -9783,8 +9607,8 @@ import {
   TargetIcon as TargetIcon3
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion5, useReducedMotion as useReducedMotion4 } from "motion/react";
-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";
+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";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
   waiting: "Waiting",
@@ -9899,8 +9723,8 @@ function formatCoarseElapsed(ms) {
 }
 function useLiveElapsed(startIso, live, endIso) {
   const start = startIso ? Date.parse(startIso) : Number.NaN;
-  const [now, setNow] = useState16(() => Date.now());
-  useEffect11(() => {
+  const [now, setNow] = useState15(() => Date.now());
+  useEffect10(() => {
     if (!live) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -9972,7 +9796,7 @@ function SessionChrome({
   defaultActive = null,
   onActiveChange
 }) {
-  const [activityRequested, setActivityOpen] = useState16(
+  const [activityRequested, setActivityOpen] = useState15(
     Boolean(defaultActive && ["incoming", "agents", "commands"].includes(defaultActive))
   );
   const reactId = useId4();
@@ -9982,12 +9806,12 @@ function SessionChrome({
   const incoming = queue.pendingInputs;
   const turns = queue.queue;
   const queueMutationFor = queue.mutationFor;
-  const queuedTurns = useMemo6(
+  const queuedTurns = useMemo5(
     () => turns.filter((turn) => isAuthoritativeQueuedTurn(turn, queueMutationFor)),
     [queueMutationFor, turns]
   );
-  const queuedTurnIds = useMemo6(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
-  const optimisticQueued = useMemo6(
+  const queuedTurnIds = useMemo5(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
+  const optimisticQueued = useMemo5(
     () => (composer?.optimisticMessages ?? []).filter(
       (message) => isOptimisticQueuedMessage(message, queuedTurnIds, queue.snapshot)
     ),
@@ -10002,7 +9826,7 @@ function SessionChrome({
     queue.queue,
     queue.mutationFor
   );
-  const [activeUncontrolled, setActiveUncontrolled] = useState16(
+  const [activeUncontrolled, setActiveUncontrolled] = useState15(
     () => sessionChromeInitialActive({
       defaultActive,
       authoritativeQueuedCount: initialAuthoritativeQueuedCount
@@ -10013,13 +9837,13 @@ function SessionChrome({
   const openedQueueTargetRef = useRef10(null);
   const focusedQueueTargetRef = useRef10(null);
   const queueTargetKey = queueFocusTarget ? `${queueFocusTarget.turnId}:${queueFocusTarget.requestId}` : null;
-  useEffect11(() => {
+  useEffect10(() => {
     if (!queueTargetKey || openedQueueTargetRef.current === queueTargetKey) return;
     openedQueueTargetRef.current = queueTargetKey;
     if (activeControlled === void 0) setActiveUncontrolled("queue");
     onActiveChange?.("queue");
   }, [queueTargetKey, activeControlled, onActiveChange]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!queueFocusTarget || active !== "queue" || focusedQueueTargetRef.current === queueTargetKey)
       return;
     const root = rootRef.current;
@@ -10061,7 +9885,7 @@ function SessionChrome({
     onActiveChange?.(next);
   };
   const hasCommandsPanel = commandsPanel != null;
-  const signals = useMemo6(() => {
+  const signals = useMemo5(() => {
     const rows = [];
     if (incoming.length > 0) {
       const detail = incoming[0]?.summary;
@@ -10072,7 +9896,7 @@ function SessionChrome({
         tone: incoming.some(
           (item) => item.classification === "action_required" || item.classification === "failure"
         ) ? "waiting" : "neutral",
-        icon: /* @__PURE__ */ jsx21(InboxIcon, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx20(InboxIcon, { className: "size-3" })
       });
     }
     const queuedCount = queuedTurns.length + optimisticQueued.length;
@@ -10089,7 +9913,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__ */ jsx21(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx21(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx21(ListOrderedIcon, { className: "size-3" })
+        icon: queueProblem ? /* @__PURE__ */ jsx20(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx20(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx20(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
@@ -10101,7 +9925,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__ */ jsx21(TargetIcon3, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx20(TargetIcon3, { className: "size-3" })
       });
     }
     if (agentsSignal && agentsSignal.count > 0) {
@@ -10111,7 +9935,7 @@ function SessionChrome({
         label: `${agentsSignal.count} agent${agentsSignal.count === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: agentsSignal.tone ?? "neutral",
-        icon: /* @__PURE__ */ jsx21(BotIcon3, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx20(BotIcon3, { className: "size-3" })
       });
     }
     if (commandsCount > 0 || active === "commands" && hasCommandsPanel) {
@@ -10119,7 +9943,7 @@ function SessionChrome({
         id: "commands",
         label: commandsCount > 0 ? `${commandsCount} command${commandsCount === 1 ? "" : "s"}` : "Commands",
         tone: commandsCount > 0 ? "running" : "neutral",
-        icon: /* @__PURE__ */ jsx21(TerminalIcon2, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx20(TerminalIcon2, { className: "size-3" })
       });
     }
     return rows;
@@ -10139,8 +9963,8 @@ function SessionChrome({
   ]);
   const optimisticQueueKeys = optimisticQueued.map((message) => message.clientEventId).join(",");
   const previousOptimisticQueueKeys = useRef10(optimisticQueueKeys);
-  const [queueArrivalNonce, setQueueArrivalNonce] = useState16(0);
-  useEffect11(() => {
+  const [queueArrivalNonce, setQueueArrivalNonce] = useState15(0);
+  useEffect10(() => {
     const previous = new Set(previousOptimisticQueueKeys.current.split(",").filter(Boolean));
     const arrived = optimisticQueued.some((message) => !previous.has(message.clientEventId));
     previousOptimisticQueueKeys.current = optimisticQueueKeys;
@@ -10151,13 +9975,13 @@ function SessionChrome({
     }
   }, [active, activeControlled, optimisticQueueKeys, optimisticQueued]);
   const queueOccupied = queuedTurns.length > 0 || optimisticQueued.length > 0;
-  useEffect11(() => {
+  useEffect10(() => {
     if (queueOccupied) return;
     queueOfferAdmissionSuppressedRef.current = false;
     queueOfferDismissedSessionIdsRef.current.clear();
   }, [queueOccupied]);
   const queueOfferSuppressed = queueOfferAdmissionSuppressedRef.current || occupancySessionId != null && queueOfferDismissedSessionIdsRef.current.has(occupancySessionId);
-  useEffect11(() => {
+  useEffect10(() => {
     if (!sessionChromeShouldOfferQueue({
       controlled: activeControlled !== void 0,
       active,
@@ -10178,28 +10002,28 @@ function SessionChrome({
     queueOfferSuppressed,
     queuedTurns.length
   ]);
-  const [replaceDraftFor, setReplaceDraftFor] = useState16(null);
+  const [replaceDraftFor, setReplaceDraftFor] = useState15(null);
   const chipRefs = useRef10({});
   const railRef = useRef10(null);
-  const [pill, setPill] = useState16({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
+  const [pill, setPill] = useState15({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
   const signalIds = signals.map((signal) => signal.id).join(",");
-  useEffect11(() => {
+  useEffect10(() => {
     if (!signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)))
       setActivityOpen(false);
   }, [signals]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (active && !signalIds.split(",").includes(active)) {
       if (activeControlled === void 0) setActiveUncontrolled(null);
       onActiveChange?.(null);
     }
   }, [active, activeControlled, onActiveChange, signalIds]);
-  useEffect11(() => {
+  useEffect10(() => {
     if (active !== "queue" || !replaceDraftFor) return;
     if (!queuedTurns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
   }, [active, queuedTurns, replaceDraftFor]);
-  useEffect11(() => {
+  useEffect10(() => {
     const rail = railRef.current;
     const measure = () => {
       if (!rail || !active) {
@@ -10239,14 +10063,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__ */ jsx21(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx20(
     IncomingPanel,
     {
       inputs: incoming,
       onDismiss: onDismissIncoming,
       onOpenSession
     }
-  ) : active === "queue" ? /* @__PURE__ */ jsx21(
+  ) : active === "queue" ? /* @__PURE__ */ jsx20(
     QueuePanel,
     {
       turns: queuedTurns,
@@ -10303,8 +10127,8 @@ function SessionChrome({
         void queue.moveTurn(turnId, beforeTurnId);
       } : void 0
     }
-  ) : 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(
+  ) : 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(
     "div",
     {
       className: cn("og-session-chrome og-root w-full", className),
@@ -10312,7 +10136,7 @@ function SessionChrome({
       ref: rootRef,
       "data-og-session-chrome": "",
       "data-og-session-chrome-open": open ? "true" : "false",
-      children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsxs15(
         "div",
         {
           className: cn(
@@ -10328,7 +10152,7 @@ function SessionChrome({
             transitionTimingFunction: "var(--_og-session-chrome-ease)"
           },
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 className: "relative",
@@ -10338,7 +10162,7 @@ function SessionChrome({
                   paddingLeft: "var(--og-session-chrome-rail-pad)",
                   paddingRight: "var(--og-session-chrome-rail-pad)"
                 },
-                children: /* @__PURE__ */ jsxs16(
+                children: /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     ref: railRef,
@@ -10347,7 +10171,7 @@ function SessionChrome({
                       gap: "10px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx20(
                         motion5.div,
                         {
                           "aria-hidden": true,
@@ -10369,7 +10193,7 @@ function SessionChrome({
                       ),
                       signals.filter((signal) => !["incoming", "agents", "commands"].includes(signal.id)).map((signal) => {
                         const selected = active === signal.id;
-                        return /* @__PURE__ */ jsxs16(
+                        return /* @__PURE__ */ jsxs15(
                           "div",
                           {
                             role: "group",
@@ -10380,7 +10204,7 @@ function SessionChrome({
                               selected && "bg-og-surface-3"
                             ),
                             children: [
-                              /* @__PURE__ */ jsxs16(
+                              /* @__PURE__ */ jsxs15(
                                 "button",
                                 {
                                   type: "button",
@@ -10409,7 +10233,7 @@ function SessionChrome({
                                     paddingInline: "var(--og-session-chrome-chip-pad-x)"
                                   },
                                   children: [
-                                    signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx21(
+                                    signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx20(
                                       motion5.span,
                                       {
                                         "aria-hidden": "true",
@@ -10421,26 +10245,26 @@ function SessionChrome({
                                       },
                                       queueArrivalNonce
                                     ) : null,
-                                    /* @__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: [
+                                    /* @__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: [
                                       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__ */ jsxs16("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: [
-                                record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx21(
+                              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(
                                   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__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx21(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx21(PauseIcon2, { className: "size-3" })
+                                    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" })
                                   }
                                 ) : null,
-                                /* @__PURE__ */ jsx21(
+                                /* @__PURE__ */ jsx20(
                                   IconAction,
                                   {
                                     label: "Clear goal",
@@ -10448,10 +10272,10 @@ function SessionChrome({
                                     danger: true,
                                     disabled: goal.updating,
                                     onClick: () => void goal.deleteGoal(),
-                                    children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
+                                    children: /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
                                   }
                                 )
-                              ] }) : signal.id === "queue" && canMutateQueue && queuedTurns[0] ? /* @__PURE__ */ jsx21("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: /* @__PURE__ */ jsx21(
+                              ] }) : signal.id === "queue" && canMutateQueue && queuedTurns[0] ? /* @__PURE__ */ jsx20("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: /* @__PURE__ */ jsx20(
                                 IconAction,
                                 {
                                   label: "Steer first queued message",
@@ -10460,7 +10284,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__ */ jsx21(CornerDownRightIcon, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "size-3" })
                                 }
                               ) }) : null
                             ]
@@ -10468,7 +10292,7 @@ function SessionChrome({
                           signal.id
                         );
                       }),
-                      signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)) ? /* @__PURE__ */ jsxs16(
+                      signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)) ? /* @__PURE__ */ jsxs15(
                         "button",
                         {
                           type: "button",
@@ -10490,27 +10314,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__ */ jsx21(ActivityIcon, { className: "size-3.5" }),
-                            /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Activity" }),
-                            commandsCount > 0 ? /* @__PURE__ */ jsxs16(Fragment8, { children: [
-                              /* @__PURE__ */ jsx21(
+                            /* @__PURE__ */ jsx20(ActivityIcon, { className: "size-3.5" }),
+                            /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Activity" }),
+                            commandsCount > 0 ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
+                              /* @__PURE__ */ jsx20(
                                 "span",
                                 {
                                   "aria-hidden": "true",
                                   className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-fg-muted motion-reduce:animate-none"
                                 }
                               ),
-                              /* @__PURE__ */ jsxs16("span", { id: `${panelId}-commands-count`, children: [
+                              /* @__PURE__ */ jsxs15("span", { id: `${panelId}-commands-count`, children: [
                                 commandsCount,
                                 " command",
                                 commandsCount === 1 ? "" : "s"
                               ] })
                             ] }) : null,
-                            incoming.length > 0 ? /* @__PURE__ */ jsx21("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
+                            incoming.length > 0 ? /* @__PURE__ */ jsx20("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
                           ]
                         }
                       ) : null,
-                      stopping ? /* @__PURE__ */ jsxs16(
+                      stopping ? /* @__PURE__ */ jsxs15(
                         "span",
                         {
                           role: "status",
@@ -10518,7 +10342,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__ */ jsx21(
+                            /* @__PURE__ */ jsx20(
                               Loader2Icon2,
                               {
                                 "aria-hidden": "true",
@@ -10534,7 +10358,7 @@ function SessionChrome({
                 )
               }
             ),
-            /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: activityOpen ? /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(AnimatePresence4, { initial: false, children: activityOpen ? /* @__PURE__ */ jsx20(
               motion5.div,
               {
                 initial: { height: 0, opacity: 0 },
@@ -10542,7 +10366,7 @@ function SessionChrome({
                 exit: { height: 0, opacity: 0 },
                 transition: { duration: shellDuration, ease },
                 style: { overflow: "hidden" },
-                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(
+                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(
                   "button",
                   {
                     type: "button",
@@ -10564,11 +10388,11 @@ function SessionChrome({
               },
               "activity-tabs"
             ) : null }),
-            goal?.mutationError ? /* @__PURE__ */ jsxs16("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
+            goal?.mutationError ? /* @__PURE__ */ jsxs15("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
               "Goal action not confirmed. ",
               goal.mutationError.message
             ] }) : null,
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx20(
               "div",
               {
                 id: panelId,
@@ -10584,7 +10408,7 @@ function SessionChrome({
                   transitionDuration: "var(--og-session-chrome-duration)",
                   transitionTimingFunction: "var(--_og-session-chrome-ease)"
                 },
-                children: /* @__PURE__ */ jsx21("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs16(
+                children: /* @__PURE__ */ jsx20("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     className: cn(
@@ -10597,7 +10421,7 @@ function SessionChrome({
                       paddingBlock: "var(--og-session-chrome-panel-pad-y)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx20(AnimatePresence4, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx20(
                         motion5.div,
                         {
                           "data-og-session-chrome-panel-frame": active,
@@ -10615,7 +10439,7 @@ function SessionChrome({
                         },
                         active
                       ) : null }),
-                      active === "commands" ? /* @__PURE__ */ jsx21(
+                      active === "commands" ? /* @__PURE__ */ jsx20(
                         motion5.div,
                         {
                           initial: reduceMotion ? false : { opacity: 0 },
@@ -10641,20 +10465,20 @@ function IncomingPanel({
   onDismiss,
   onOpenSession
 }) {
-  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(
+  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(
       "ul",
       {
         className: "flex flex-col gap-0.5",
         "aria-label": "Incoming updates",
         "data-og-session-chrome-panel": "incoming",
-        children: inputs.map((input) => /* @__PURE__ */ jsxs16(
+        children: inputs.map((input) => /* @__PURE__ */ jsxs15(
           "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__ */ jsx21(
+              /* @__PURE__ */ jsx20(
                 "span",
                 {
                   className: cn(
@@ -10664,9 +10488,9 @@ function IncomingPanel({
                   children: pendingKindLabel(input.kind)
                 }
               ),
-              /* @__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(
+              /* @__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(
                   ChildSessionLink,
                   {
                     kind: input.kind,
@@ -10675,14 +10499,14 @@ function IncomingPanel({
                   }
                 )
               ] }),
-              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(
+              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(
                 IconAction,
                 {
                   label: `Dismiss incoming ${pendingKindLabel(input.kind)}`,
                   tip: "Dismiss",
                   onClick: () => onDismiss(input.id),
                   danger: true,
-                  children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
+                  children: /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
                 }
               ) }) : null
             ]
@@ -10714,10 +10538,10 @@ function QueuePanel({
 }) {
   const reduceMotion = useReducedMotion4();
   const turnIdsKey = turns.map((turn) => turn.id).join(",");
-  const [interactiveTurnIds, setInteractiveTurnIds] = useState16(
+  const [interactiveTurnIds, setInteractiveTurnIds] = useState15(
     () => /* @__PURE__ */ new Set()
   );
-  useEffect11(() => {
+  useEffect10(() => {
     const visibleTurnIds = new Set(turnIdsKey ? turnIdsKey.split(",") : []);
     setInteractiveTurnIds((current) => {
       const retained = new Set([...current].filter((turnId) => visibleTurnIds.has(turnId)));
@@ -10730,7 +10554,7 @@ function QueuePanel({
     );
     return () => clearTimeout(timer);
   }, [reduceMotion, turnIdsKey]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "ol",
     {
       className: "flex flex-col gap-0.5",
@@ -10746,52 +10570,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__ */ jsxs16(
+          return /* @__PURE__ */ jsxs15(
             "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__ */ jsxs16("div", { className: "flex items-start gap-1.5", children: [
-                  voice ? /* @__PURE__ */ jsx21(
+                /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-1.5", children: [
+                  voice ? /* @__PURE__ */ jsx20(
                     AudioLinesIcon,
                     {
                       "aria-hidden": "true",
                       className: "mt-0.5 size-3 shrink-0 text-og-accent"
                     }
-                  ) : /* @__PURE__ */ jsx21("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
-                  /* @__PURE__ */ jsx21(
+                  ) : /* @__PURE__ */ jsx20("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                  /* @__PURE__ */ jsx20(
                     CompactQueueItemContent,
                     {
                       text: presentation.text,
                       annotations: turn.annotations ?? []
                     }
                   ),
-                  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(
+                  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(
                         IconAction,
                         {
                           label: `Move queued prompt ${index + 1} up`,
                           tip: "Move up",
                           disabled: settling || pending !== null || index === 0,
                           onClick: () => onMove(turn.id, beforeUp),
-                          children: /* @__PURE__ */ jsx21(ArrowUpIcon2, { className: "size-3" })
+                          children: /* @__PURE__ */ jsx20(ArrowUpIcon2, { className: "size-3" })
                         }
                       ),
-                      /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx20(
                         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__ */ jsx21(ArrowDownIcon2, { className: "size-3" })
+                          children: /* @__PURE__ */ jsx20(ArrowDownIcon2, { className: "size-3" })
                         }
                       )
                     ] }) : null,
-                    onSteer ? /* @__PURE__ */ jsx21(
+                    onSteer ? /* @__PURE__ */ jsx20(
                       IconAction,
                       {
                         label: `Steer queued prompt ${index + 1}`,
@@ -10800,20 +10624,20 @@ function QueuePanel({
                         tip: QUEUE_STEER_TIP,
                         disabled: settling || pending !== null,
                         onClick: () => onSteer(turn.id),
-                        children: pending === "steer" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(CornerDownRightIcon, { className: "size-3" })
+                        children: pending === "steer" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onEdit ? /* @__PURE__ */ jsx21(
+                    onEdit ? /* @__PURE__ */ jsx20(
                       IconAction,
                       {
                         label: `Edit queued prompt ${index + 1}`,
                         tip: QUEUE_EDIT_TIP,
                         disabled: settling || pending !== null,
                         onClick: () => onEdit(turn),
-                        children: pending === "edit" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(PencilIcon, { className: "size-3" })
+                        children: pending === "edit" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(PencilIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onRemove ? /* @__PURE__ */ jsx21(
+                    onRemove ? /* @__PURE__ */ jsx20(
                       IconAction,
                       {
                         label: `Remove queued prompt ${index + 1}`,
@@ -10821,16 +10645,16 @@ function QueuePanel({
                         disabled: settling || pending !== null,
                         onClick: () => onRemove(turn.id),
                         danger: true,
-                        children: pending === "delete" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
+                        children: pending === "delete" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
                       }
                     ) : null
                   ] }) : null
                 ] }),
-                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(
+                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(
                       "button",
                       {
                         type: "button",
@@ -10839,7 +10663,7 @@ function QueuePanel({
                         children: "Keep current draft"
                       }
                     ),
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx20(
                       "button",
                       {
                         type: "button",
@@ -10855,7 +10679,7 @@ function QueuePanel({
             turn.id
           );
         }),
-        /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsx20(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs15(
           motion5.li,
           {
             "aria-live": "polite",
@@ -10868,11 +10692,11 @@ function QueuePanel({
               message.state === "failed" ? "bg-og-danger/8 text-og-danger" : "bg-og-accent-soft/45"
             ),
             children: [
-              /* @__PURE__ */ jsx21("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
-              /* @__PURE__ */ jsx21(CompactQueueItemContent, { text: message.text, annotations: message.annotations }),
-              /* @__PURE__ */ jsx21("span", { className: "sr-only", children: message.state === "failed" ? "Not confirmed" : message.state === "sending" ? "Placing in queue" : "Queued" }),
-              message.state === "failed" ? /* @__PURE__ */ jsxs16("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
-                onRetryOptimistic ? /* @__PURE__ */ jsx21(
+              /* @__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(
                   "button",
                   {
                     type: "button",
@@ -10881,36 +10705,36 @@ function QueuePanel({
                     children: "Retry"
                   }
                 ) : null,
-                onRemoveOptimistic ? /* @__PURE__ */ jsx21(
+                onRemoveOptimistic ? /* @__PURE__ */ jsx20(
                   "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__ */ jsx21(XIcon2, { className: "size-3" })
+                    children: /* @__PURE__ */ jsx20(XIcon2, { className: "size-3" })
                   }
                 ) : null
-              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx21(
+              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx20(
                 Loader2Icon2,
                 {
                   "aria-hidden": "true",
                   className: "size-3 shrink-0 animate-og-spin text-og-accent motion-reduce:animate-none"
                 }
-              ) : /* @__PURE__ */ jsx21(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
+              ) : /* @__PURE__ */ jsx20(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
             ]
           },
           message.clientEventId
         )) }),
-        loadError ? /* @__PURE__ */ jsxs16(
+        loadError ? /* @__PURE__ */ jsxs15(
           "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__ */ jsx21(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx20(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
+              /* @__PURE__ */ jsx20(
                 "button",
                 {
                   type: "button",
@@ -10922,15 +10746,15 @@ function QueuePanel({
             ]
           }
         ) : null,
-        mutationError ? /* @__PURE__ */ jsxs16(
+        mutationError ? /* @__PURE__ */ jsxs15(
           "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__ */ 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(
+              /* @__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(
                 "button",
                 {
                   type: "button",
@@ -10951,9 +10775,9 @@ function CompactQueueItemContent({
   annotations
 }) {
   const content = queueItemContent(text, annotations.length);
-  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
+  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
   ] });
 }
 function GoalPanel({
@@ -10966,26 +10790,26 @@ function GoalPanel({
   if (!record) return null;
   const canToggle = !readOnly && (record.status === "active" || record.status === "paused");
   const explanation = sessionChromeGoalPillExplanation(state, record);
-  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: [
+  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: [
         "\xB7 Created ",
         elapsed,
         " ago"
       ] }) : null,
-      /* @__PURE__ */ jsxs16("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
+      /* @__PURE__ */ jsxs15("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 v",
         record.version
       ] })
     ] }),
-    /* @__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" }),
+    /* @__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" }),
       " ",
       record.successCriteria
     ] }) : null,
-    explanation ? /* @__PURE__ */ jsx21(
+    explanation ? /* @__PURE__ */ jsx20(
       "p",
       {
         "data-og-session-chrome-goal-explanation": true,
@@ -10993,20 +10817,20 @@ function GoalPanel({
         children: explanation
       }
     ) : null,
-    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.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.autoContinuations,
           " consecutive unattended continues"
         ] }),
-        /* @__PURE__ */ jsxs16("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+        /* @__PURE__ */ jsxs15("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.noProgressStreak,
           " stalled"
         ] })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-0.5", children: [
-        canToggle ? /* @__PURE__ */ jsxs16(
+      !readOnly ? /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-0.5", children: [
+        canToggle ? /* @__PURE__ */ jsxs15(
           "button",
           {
             type: "button",
@@ -11014,12 +10838,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__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx21(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx21(PauseIcon2, { className: "size-3" }),
+              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" }),
               record.status === "paused" ? "Resume" : "Pause"
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs15(
           "button",
           {
             type: "button",
@@ -11027,7 +10851,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__ */ jsx21(Trash2Icon2, { className: "size-3" }),
+              /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" }),
               "Clear"
             ]
           }
@@ -11036,9 +10860,9 @@ function GoalPanel({
     ] })
   ] });
 }
-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_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_EDIT_TIP = "Edit in composer";
 var QUEUE_DELETE_TIP = "Delete this queued prompt";
@@ -11052,8 +10876,8 @@ function IconAction({
   danger,
   children
 }) {
-  return /* @__PURE__ */ jsxs16(Tooltip, { children: [
-    /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(Tooltip, { children: [
+    /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
       "button",
       {
         type: "button",
@@ -11075,34 +10899,21 @@ function IconAction({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx21(TooltipContent, { side: "top", children: tip })
+    /* @__PURE__ */ jsx20(TooltipContent, { side: "top", children: tip })
   ] });
 }
 
 // src/components/session-conversation.tsx
-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 { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+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";
 function SessionConversation(props) {
-  return /* @__PURE__ */ jsx22(Conversation, { ...props }, `${props.workspaceId ?? ""}:${props.sessionId}`);
+  return /* @__PURE__ */ jsx21(Conversation, { ...props }, `${props.workspaceId ?? ""}:${props.sessionId}`);
 }
 function Conversation({
   sessionId,
   renderMessageText,
   resolveLink,
-  onOpenArtifact,
-  renderInteractiveBlock,
   toolRegistry,
-  renderAllowanceExhausted,
-  allowanceExhaustedLabels,
   attachments: attachmentsRequested = true,
   modelPicker,
   userMessageDisclosureLabels,
@@ -11128,10 +10939,10 @@ function Conversation({
   const options = { ...scope, events: feed.events };
   const detail = useSession(sessionId, options);
   const queue = useTurnQueue(sessionId, options);
-  const [queueFocusTarget, setQueueFocusTarget] = useState17();
+  const [queueFocusTarget, setQueueFocusTarget] = useState16();
   const human = useHumanInputRequests(sessionId, options);
   const control = useSessionControl(sessionId, scope);
-  const approvals = useMemo7(() => projectPendingApprovals(feed.events), [feed.events]);
+  const approvals = useMemo6(() => projectPendingApprovals(feed.events), [feed.events]);
   const files = useFileAttachments(scope);
   const uploadsEnabled = attachmentsRequested && config.uploads;
   const status = feed.sessionStatus ?? detail.session?.status;
@@ -11153,13 +10964,8 @@ function Conversation({
     } : {}
   });
   const region = useRef11(null);
-  const defaultInteractiveBlock = useDefaultInteractiveBlock(
-    context.client,
-    context.workspaceId,
-    sessionId
-  );
   const inheritedLinks = useOpenGeniLinkResolver();
-  const defaultLinks = useMemo7(
+  const defaultLinks = useMemo6(
     () => sessionLinkResolver({
       client: context.client,
       workspaceId: context.workspaceId,
@@ -11168,22 +10974,12 @@ function Conversation({
     }),
     [context.client, context.workspaceId, sessionId, config.sandboxFiles]
   );
-  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 links = useMemo6(
+    () => chainLinkResolvers(resolveLink, inheritedLinks, defaultLinks) ?? void 0,
+    [resolveLink, inheritedLinks, defaultLinks]
   );
   const error = detail.error ?? feed.error ?? human.error;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       className: cn(
@@ -11194,16 +10990,13 @@ function Conversation({
       style: { height },
       "data-og-conversation": "",
       children: [
-        error && /* @__PURE__ */ jsx22("p", { role: "alert", children: error.message }),
-        /* @__PURE__ */ jsx22(
+        error && /* @__PURE__ */ jsx21("p", { role: "alert", children: error.message }),
+        /* @__PURE__ */ jsx21(
           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,
@@ -11221,7 +11014,7 @@ function Conversation({
             },
             loadingOldest: feed.loadingOldest,
             onJumpToLatest: feed.jumpToLatest,
-            onJumpToLatestQuestion: feed.initialHistoryReady ? () => feed.jumpToLatestQuestion({
+            onJumpToLatestQuestion: () => feed.jumpToLatestQuestion({
               onQueuedQuestion: async (turn, navigation) => {
                 await queue.refresh();
                 if (!navigation.isCurrent() || scopeRef.current.client !== context.client || scopeRef.current.workspaceId !== context.workspaceId)
@@ -11231,12 +11024,12 @@ function Conversation({
                   requestId: (previous?.requestId ?? 0) + 1
                 }));
               }
-            }) : void 0,
+            }),
             onAnnotate: composer.addAnnotation
           }
         ),
-        /* @__PURE__ */ jsxs17("div", { className: "min-h-0 max-h-[40%] shrink-0 overflow-y-auto", "data-og-conversation-inputs": "", children: [
-          approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx22(
+        /* @__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",
@@ -11251,7 +11044,7 @@ function Conversation({
               error: control.error
             }
           ) : null,
-          /* @__PURE__ */ jsx22(
+          /* @__PURE__ */ jsx21(
             HumanInputSurface,
             {
               loadSkillReview,
@@ -11264,7 +11057,7 @@ function Conversation({
               autoFocus: false
             }
           ),
-          terminal ? /* @__PURE__ */ jsx22(
+          terminal ? /* @__PURE__ */ jsx21(
             SessionChrome,
             {
               queue,
@@ -11272,7 +11065,7 @@ function Conversation({
               sessionStatus: status,
               readOnly: true
             }
-          ) : /* @__PURE__ */ jsx22(
+          ) : /* @__PURE__ */ jsx21(
             SessionChrome,
             {
               queue,
@@ -11283,14 +11076,14 @@ function Conversation({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx22("div", { className: "shrink-0", "data-og-conversation-composer": "", children: /* @__PURE__ */ jsx22(
+        /* @__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__ */ jsx22(
+            controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx21(
               ModelPolicyPicker,
               {
                 rows: catalog.rows,
@@ -11315,37 +11108,9 @@ function Conversation({
     }
   );
 }
-var LazyChatInteractiveBlock = lazy5(
-  () => import("./chat-interactive-block-VAGABN7J.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] = useState17({ uploads: false, modelSelection: true, sandboxFiles: false });
-  useEffect12(() => {
+  const [flags, setFlags] = useState16({ uploads: false, modelSelection: true, sandboxFiles: false });
+  useEffect11(() => {
     let live = true;
     client.getClientConfig().then(
       (config) => {
@@ -11367,7 +11132,7 @@ function useClientConfigFlags(client) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback6, useEffect as useEffect13, useRef as useRef12 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect12, useRef as useRef12 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
@@ -11395,10 +11160,10 @@ function useWorkspaceSessions(options = {}) {
   ].join("\0");
   const previousQueryKey = useRef12(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect13(() => {
+  useEffect12(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
-  const load = useCallback6(
+  const load = useCallback5(
     async (signal) => {
       const readGeneration = beginRead?.() ?? ++nextReadGeneration.current;
       const page2 = await client.listSessionPage(workspaceId, {
@@ -11464,8 +11229,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 useEffect14, useRef as useRef13, useState as useState18 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useRef as useRef13, useState as useState17 } from "react";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   heading: "Chats",
   newChat: "New chat",
@@ -11494,7 +11259,7 @@ function SessionList({
   const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [limit, setLimit] = useState18(pageSize);
+  const [limit, setLimit] = useState17(pageSize);
   const list = useWorkspaceSessions({
     ...scope,
     parentSessionId: null,
@@ -11504,14 +11269,14 @@ function SessionList({
   });
   const refresh = list.refresh;
   const firstRefreshKey = useRef13(refreshKey);
-  useEffect14(() => {
+  useEffect13(() => {
     if (Object.is(refreshKey, firstRefreshKey.current)) return;
     firstRefreshKey.current = refreshKey;
     void refresh();
   }, [refresh, refreshKey]);
-  const [editing, setEditing] = useState18(null);
-  const [busy, setBusy] = useState18(null);
-  const [error, setError] = useState18(null);
+  const [editing, setEditing] = useState17(null);
+  const [busy, setBusy] = useState17(null);
+  const [error, setError] = useState17(null);
   const archiveClient = context.client;
   const canArchive = archive && typeof archiveClient.updateSessionArchive === "function";
   const run = async (id, action) => {
@@ -11545,16 +11310,16 @@ function SessionList({
     onArchived?.(session.id);
   });
   const sessions = list.sessions;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "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__ */ 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(
+        /* @__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(
             "button",
             {
               type: "button",
@@ -11562,22 +11327,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__ */ jsx23(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
+                /* @__PURE__ */ jsx22(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
                 labels.newChat
               ]
             }
           ) : 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,
+        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,
           sessions.map((session) => {
             const selected = session.id === selectedSessionId;
             const title = deriveSessionDisplayTitle(session);
             if (editing?.id === session.id) {
-              return /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsxs18("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
-                /* @__PURE__ */ jsx23(
+              return /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs17("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
+                /* @__PURE__ */ jsx22(
                   "input",
                   {
                     "aria-label": labels.rename,
@@ -11591,7 +11356,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__ */ jsx23(
+                /* @__PURE__ */ jsx22(
                   "button",
                   {
                     type: "submit",
@@ -11601,8 +11366,8 @@ function SessionList({
                 )
               ] }) }, session.id);
             }
-            return /* @__PURE__ */ jsxs18("li", { className: "group relative", children: [
-              /* @__PURE__ */ jsxs18(
+            return /* @__PURE__ */ jsxs17("li", { className: "group relative", children: [
+              /* @__PURE__ */ jsxs17(
                 "button",
                 {
                   type: "button",
@@ -11615,36 +11380,36 @@ function SessionList({
                   ),
                   "data-og-session-row": "",
                   children: [
-                    /* @__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__ */ 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__ */ jsxs18("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
-                rename ? /* @__PURE__ */ jsx23(
+              /* @__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(
                   "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__ */ jsx23(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx22(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null,
-                canArchive ? /* @__PURE__ */ jsx23(
+                canArchive ? /* @__PURE__ */ jsx22(
                   "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__ */ jsx23(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx22(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null
               ] })
             ] }, session.id);
           }),
-          list.nextCursor ? /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(
+          list.nextCursor ? /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsx22(
             "button",
             {
               type: "button",
@@ -11661,8 +11426,8 @@ function SessionList({
 
 // src/components/open-geni-chat.tsx
 import { MenuIcon, SendIcon, XIcon as XIcon3 } from "lucide-react";
-import { useCallback as useCallback7, useRef as useRef14, useState as useState19 } from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useRef as useRef14, useState as useState18 } from "react";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   openChats: "Open chats",
   closeChats: "Close chats",
@@ -11687,11 +11452,11 @@ function OpenGeniChat({
   const labels = { ...DEFAULT_LABELS2, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [uncontrolled, setUncontrolled] = useState19(defaultSessionId);
+  const [uncontrolled, setUncontrolled] = useState18(defaultSessionId);
   const selected = controlledSessionId !== void 0 ? controlledSessionId : uncontrolled;
-  const [drawerOpen, setDrawerOpen] = useState19(false);
-  const [listRevision, setListRevision] = useState19(0);
-  const select = useCallback7(
+  const [drawerOpen, setDrawerOpen] = useState18(false);
+  const [listRevision, setListRevision] = useState18(0);
+  const select = useCallback6(
     (next) => {
       if (controlledSessionId === void 0) setUncontrolled(next);
       onSessionChange?.(next);
@@ -11699,7 +11464,7 @@ function OpenGeniChat({
     },
     [controlledSessionId, onSessionChange]
   );
-  const create = useCallback7(
+  const create = useCallback6(
     async (initialMessage, idempotencyKey) => {
       if (createSession) return await createSession(initialMessage, idempotencyKey);
       const creator = context.client.createSession;
@@ -11712,7 +11477,7 @@ function OpenGeniChat({
     },
     [context.client, context.workspaceId, createSession, labels.newChatUnavailable]
   );
-  const list = /* @__PURE__ */ jsx24(
+  const list = /* @__PURE__ */ jsx23(
     SessionList,
     {
       ...scope,
@@ -11728,14 +11493,14 @@ function OpenGeniChat({
       className: "h-full"
     }
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "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__ */ jsx24(
+        /* @__PURE__ */ jsx23(
           "aside",
           {
             className: "og-chat-sidebar min-h-0 w-64 shrink-0 flex-col border-r border-og-border",
@@ -11743,21 +11508,21 @@ function OpenGeniChat({
             children: list
           }
         ),
-        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(
+        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(
               "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__ */ jsx24(XIcon3, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx23(XIcon3, { className: "size-4", "aria-hidden": true })
               }
             ) }),
-            /* @__PURE__ */ jsx24("div", { className: "min-h-0 flex-1", children: list })
+            /* @__PURE__ */ jsx23("div", { className: "min-h-0 flex-1", children: list })
           ] }),
-          /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx23(
             "button",
             {
               type: "button",
@@ -11767,9 +11532,9 @@ function OpenGeniChat({
             }
           )
         ] }) : null,
-        /* @__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(
+        /* @__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(
               "button",
               {
                 type: "button",
@@ -11778,12 +11543,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__ */ jsx24(MenuIcon, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx23(MenuIcon, { className: "size-4", "aria-hidden": true })
               }
             ),
-            /* @__PURE__ */ jsx24("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
+            /* @__PURE__ */ jsx23("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
           ] }),
-          /* @__PURE__ */ jsx24("div", { className: "min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx23("div", { className: "min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx23(
             SessionConversation,
             {
               ...conversationProps,
@@ -11791,7 +11556,7 @@ function OpenGeniChat({
               sessionId: selected,
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx24(
+          ) : /* @__PURE__ */ jsx23(
             NewChat,
             {
               labels,
@@ -11812,9 +11577,9 @@ function NewChat({
   create,
   onCreated
 }) {
-  const [text, setText] = useState19("");
-  const [sending, setSending] = useState19(false);
-  const [error, setError] = useState19(null);
+  const [text, setText] = useState18("");
+  const [sending, setSending] = useState18(false);
+  const [error, setError] = useState18(null);
   const idempotencyKey = useRef14(crypto.randomUUID());
   const submit = async (event) => {
     event.preventDefault();
@@ -11833,16 +11598,16 @@ function NewChat({
       setSending(false);
     }
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "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__ */ 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(
+        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(
             "textarea",
             {
               value: text,
@@ -11860,14 +11625,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__ */ jsx24(
+          /* @__PURE__ */ jsx23(
             "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__ */ jsx24(SendIcon, { className: "size-4", "aria-hidden": true })
+              children: /* @__PURE__ */ jsx23(SendIcon, { className: "size-4", "aria-hidden": true })
             }
           )
         ] })
@@ -11878,14 +11643,14 @@ function NewChat({
 
 // src/components/session-commands-panel.tsx
 import { ChevronRightIcon as ChevronRightIcon3, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
-import { useState as useState20 } from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState19 } from "react";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
 }) {
-  const [pending, setPending] = useState20(null);
-  const [error, setError] = useState20(null);
+  const [pending, setPending] = useState19(null);
+  const [error, setError] = useState19(null);
   const active = state.commands.filter(
     (command) => command.state === "running" || command.state === "stopping"
   );
@@ -11900,11 +11665,11 @@ function SessionCommandsPanel({
       setPending(null);
     }
   };
-  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(
+  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(
         "button",
         {
           type: "button",
@@ -11914,18 +11679,18 @@ function SessionCommandsPanel({
         }
       )
     ] }) : null,
-    !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(
+    !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(
             "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__ */ jsx25(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx24(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
+                /* @__PURE__ */ jsx24(
                   "span",
                   {
                     className: "min-w-0 truncate",
@@ -11936,9 +11701,9 @@ function SessionCommandsPanel({
               ]
             }
           ),
-          /* @__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(
+          /* @__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(
               "time",
               {
                 className: "block text-og-fg-subtle",
@@ -11952,9 +11717,9 @@ function SessionCommandsPanel({
             )
           ] })
         ] }),
-        /* @__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" })
+        /* @__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" })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs20(
+      !readOnly ? /* @__PURE__ */ jsxs19(
         "button",
         {
           type: "button",
@@ -11963,22 +11728,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__ */ jsx25(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx25(SquareIcon, { className: "size-3" }),
+            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" }),
             "Stop"
           ]
         }
       ) : null
     ] }, command.id)) }) : null,
-    error ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "text-og-danger", children: error }) : null
+    error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "text-og-danger", children: error }) : null
   ] });
 }
 
 // src/hooks/use-session-background-commands.ts
-import { useCallback as useCallback8, useEffect as useEffect15, useRef as useRef15 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect14, useRef as useRef15 } from "react";
 function useSessionBackgroundCommands(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const load = useCallback8(
+  const load = useCallback7(
     async (signal) => {
       if (!sessionId) return { commands: [] };
       if (!client.listSessionBackgroundCommands) {
@@ -11994,13 +11759,13 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
   });
   const refresh = state.refresh;
   const generation = useRef15(0);
-  useEffect15(() => {
+  useEffect14(() => {
     generation.current += 1;
     return () => {
       generation.current += 1;
     };
   }, [client, workspaceId, sessionId, enabled]);
-  const cancel = useCallback8(
+  const cancel = useCallback7(
     async (commandId) => {
       if (!sessionId) return;
       if (!client.cancelSessionBackgroundCommand) {
@@ -12022,7 +11787,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
 }
 
 // src/components/session-commands.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function SessionCommands({
   sessionId,
   readOnly = false,
@@ -12032,11 +11797,11 @@ function SessionCommands({
     pollIntervalMs: 3e3,
     ...options
   });
-  return /* @__PURE__ */ jsx26(SessionCommandsPanel, { commands, readOnly });
+  return /* @__PURE__ */ jsx25(SessionCommandsPanel, { commands, readOnly });
 }
 
 // src/timeline/startup-timings.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var LABELS = {
   queue: "Worker queue",
   sandbox: "Sandbox",
@@ -12049,7 +11814,7 @@ var LABELS = {
 };
 function StartupTimings({ phases }) {
   if (!phases.length)
-    return /* @__PURE__ */ jsx27("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
+    return /* @__PURE__ */ jsx26("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) ?? [];
@@ -12064,9 +11829,9 @@ function StartupTimings({ phases }) {
       turnPhases[0].startedAt
     )
   })).sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-  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(
+  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(
       StartupTurn,
       {
         ...turn,
@@ -12083,53 +11848,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__ */ 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([], {
+  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([], {
         hour: "2-digit",
         minute: "2-digit",
         second: "2-digit"
       }) }),
-      /* @__PURE__ */ jsx27(
+      /* @__PURE__ */ jsx26(
         "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__ */ 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__ */ 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__ */ jsxs21("div", { className: "pb-2", children: [
-      /* @__PURE__ */ jsxs21("p", { className: "text-og-xs text-og-fg-subtle", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "pb-2", children: [
+      /* @__PURE__ */ jsxs20("p", { className: "text-og-xs text-og-fg-subtle", children: [
         "Started ",
-        /* @__PURE__ */ jsx27("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
+        /* @__PURE__ */ jsx26("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
       ] }),
-      /* @__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: [
+      /* @__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: [
           "Startup phases for ",
           turnId ?? "unassigned events"
         ] }),
-        /* @__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("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("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsx26("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs20(
           "tr",
           {
             className: "border-b border-og-border/40",
             title: `Turn: ${phase.turnId ?? "unknown"} \xB7 Started: ${phase.startedAt}`,
             children: [
-              /* @__PURE__ */ jsx27("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
-              /* @__PURE__ */ jsx27(
+              /* @__PURE__ */ jsx26("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
+              /* @__PURE__ */ jsx26(
                 "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__ */ 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` })
+              /* @__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` })
             ]
           },
           phase.id
@@ -12198,4 +11963,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-P4G6K2E2.js.map
+//# sourceMappingURL=chunk-L4OSXQ6H.js.map