@opengeni/react 1.0.2 → 1.2.0

package/dist/{chunk-VV5E43LD.js → chunk-4OTO7KBK.js}

@@ -28,11 +28,11 @@ import {
   useSessionControl,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-JIQYUGVL.js";
+} from "./chunk-X34BSY2R.js";
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-DO544OSV.js";
+} from "./chunk-RC6BZ44Q.js";
 import {
   mcpToolLeaf,
   toolDisplayName
@@ -99,7 +99,7 @@ import {
   StopButton,
   Surface,
   useChatComposerController
-} from "./chunk-EN3YTHKR.js";
+} from "./chunk-CY7WK5FD.js";
 import {
   useComposer
 } from "./chunk-RSI7XYXL.js";
@@ -112,11 +112,11 @@ import {
 } from "./chunk-BRM6FVZA.js";
 import {
   ModelPolicyPicker
-} from "./chunk-26ZNDDLZ.js";
+} from "./chunk-LNIRAOA3.js";
 import {
   projectPickerRows,
   sortPickerRows
-} from "./chunk-RLUSC2WA.js";
+} from "./chunk-5F4WR7X7.js";
 import {
   formatBytes,
   formatClockTime,
@@ -4072,7 +4072,8 @@ function GenieLoading({
   startedAt,
   phase = "preparing",
   onShowDetails,
-  detailsOpen = false
+  detailsOpen = false,
+  notice
 }) {
   const options = useContext4(GenieLoadingOptionsContext);
   const waiting = phase === "waiting";
@@ -4083,15 +4084,16 @@ function GenieLoading({
   const [slow, setSlow] = useState7(false);
   useEffect5(() => {
     const update = () => {
-      setShowDetails(Date.now() - Date.parse(startedAt) >= 15e3);
-      setSlow(Date.now() - Date.parse(startedAt) >= 3e4);
+      setShowDetails(Date.now() - Date.parse(startedAt) >= 3e4);
+      setSlow(Date.now() - Date.parse(startedAt) >= 6e4);
       if (!document.hidden) setPhrase(Math.floor(Math.random() * phrases.length));
     };
     update();
     const timer = window.setInterval(update, 5e3);
     return () => window.clearInterval(timer);
   }, [startedAt, phrases]);
-  if (options?.render) return options.render({ startedAt, phase, detailsOpen, onShowDetails });
+  if (options?.render && !notice)
+    return options.render({ startedAt, phase, detailsOpen, onShowDetails });
   return /* @__PURE__ */ jsxs6("div", { className: "og-genie-loading", children: [
     /* @__PURE__ */ jsx8(
       "div",
@@ -4107,9 +4109,18 @@ function GenieLoading({
       }
     ),
     /* @__PURE__ */ jsxs6("div", { className: "og-genie-copy", children: [
-      /* @__PURE__ */ jsx8("span", { className: "sr-only", role: "status", children: slow ? options?.messages?.slowStatus ?? (waiting ? "Waiting for a response. Taking longer than usual." : "Preparing your task. Taking longer than usual.") : options?.messages?.status ?? (waiting ? "Waiting for a response." : "Preparing your task.") }),
-      /* @__PURE__ */ jsx8("span", { className: "og-genie-phrase", "aria-hidden": "true", children: slow ? options?.messages?.slowText ?? (waiting ? "Still waiting for a response\u2026" : "A little longer than usual\u2026") : phrases[phrase % phrases.length] }, slow ? "slow" : phrase),
-      showDetails || detailsOpen ? /* @__PURE__ */ jsxs6(
+      /* @__PURE__ */ jsx8("span", { className: "sr-only", role: "status", children: notice ?? (slow ? options?.messages?.slowStatus ?? (waiting ? "Waiting for a response. Taking longer than usual." : "Preparing your task. Taking longer than usual.") : options?.messages?.status ?? (waiting ? "Waiting for a response." : "Preparing your task.")) }),
+      /* @__PURE__ */ jsx8(
+        "span",
+        {
+          className: "og-genie-phrase",
+          style: notice ? { animation: "none" } : void 0,
+          "aria-hidden": "true",
+          children: notice ?? (slow ? options?.messages?.slowText ?? (waiting ? "Still waiting for a response\u2026" : "A little longer than usual\u2026") : phrases[phrase % phrases.length])
+        },
+        notice ?? (slow ? "slow" : phrase)
+      ),
+      showDetails || detailsOpen || notice ? /* @__PURE__ */ jsxs6(
         "button",
         {
           type: "button",
@@ -4126,6 +4137,32 @@ function GenieLoading({
   ] });
 }
 
+// src/timeline/startup-dispatch-details.tsx
+import { useEffect as useEffect6, useState as useState8 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function StartupDispatchDetails({ wait }) {
+  const [now, setNow] = useState8(Date.now);
+  useEffect6(() => {
+    const timer = setInterval(() => setNow(Date.now()), 15e3);
+    return () => clearInterval(timer);
+  }, []);
+  const next = wait?.nextAttemptAt ? new Date(wait.nextAttemptAt) : null;
+  return /* @__PURE__ */ jsxs7("div", { className: "text-og-xs text-og-fg-muted", "data-og-startup-dispatch-details": "", children: [
+    /* @__PURE__ */ jsx9("p", { children: "Your messages are saved. No agent turn is running yet." }),
+    /* @__PURE__ */ jsx9("p", { children: wait?.state === "pending" && next ? next.getTime() <= now ? "Automatic start retry is due." : `Automatic start retry at ${next.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" })}.` : wait?.state === "acknowledged" ? "The start request was accepted; a worker has not started the turn yet." : "Start confirmation is unavailable." }),
+    wait && wait.attempts > 0 ? /* @__PURE__ */ jsxs7("p", { children: [
+      wait.attempts,
+      " dispatch attempt",
+      wait.attempts === 1 ? "" : "s",
+      "."
+    ] }) : null,
+    wait?.lastError ? /* @__PURE__ */ jsxs7("p", { className: "max-h-32 overflow-y-auto whitespace-pre-wrap break-words", children: [
+      "Last recorded dispatch error: ",
+      wait.lastError
+    ] }) : null
+  ] });
+}
+
 // src/timeline/activity-rail.tsx
 import { ArrowRightIcon, BotIcon, BrainCircuitIcon as BrainCircuitIcon3, MessageSquareTextIcon } from "lucide-react";
 import {
@@ -4135,13 +4172,13 @@ import {
   useContext as useContext7,
   useLayoutEffect,
   useRef as useRef5,
-  useState as useState8
+  useState as useState9
 } from "react";
 import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
 
 // src/timeline/entrance.tsx
 import { createContext as createContext4, useContext as useContext5, useRef as useRef4 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var EntranceAnimationContext = createContext4(true);
 var EntranceAnimationLiveContext = createContext4(true);
 function EntranceAnimationProvider({
@@ -4150,7 +4187,7 @@ function EntranceAnimationProvider({
   children
 }) {
   const mountedValue = useRef4(value).current;
-  return /* @__PURE__ */ jsx9(EntranceAnimationContext.Provider, { value: mountedValue, children: /* @__PURE__ */ jsx9(EntranceAnimationLiveContext.Provider, { value: liveValue, children }) });
+  return /* @__PURE__ */ jsx10(EntranceAnimationContext.Provider, { value: mountedValue, children: /* @__PURE__ */ jsx10(EntranceAnimationLiveContext.Provider, { value: liveValue, children }) });
 }
 function useEntranceAnimationLive() {
   return useContext5(EntranceAnimationLiveContext);
@@ -4170,7 +4207,7 @@ function useSeenActivityIds() {
 }
 
 // src/timeline/activity-rail.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var LazyFleetDecisionRow = lazy2(() => import("./fleet-decision-row-YZ3ZKWMM.js"));
 var LazyPlatformActivityRow = lazy2(() => import("./platform-activity-row-627BFZ46.js"));
 function familyOf(item) {
@@ -4192,8 +4229,9 @@ function ActivityRail({
 }) {
   const debug = useStartupDetails();
   const reducedMotion = useReducedMotion();
-  const [detailsOpen, setDetailsOpen] = useState8(false);
+  const [detailsOpen, setDetailsOpen] = useState9(false);
   const phases = items.filter((item) => item.kind === "startup-phase");
+  const dispatch = phases.find((item) => item.dispatchWait !== void 0);
   const hasWork = items.some(
     (item) => item.kind !== "startup-phase" && (item.kind !== "reasoning" || item.text.trim().length > 0)
   );
@@ -4208,10 +4246,10 @@ function ActivityRail({
   const visibleItems = debug || detailsOpen ? items : items.filter(
     (item) => item.kind === "startup-phase" ? item.status === "failed" || item.status === "cancelled" : item.kind !== "reasoning" || item.text.trim().length > 0
   );
-  const startedAt = phases.reduce(
-    (first, item) => item.startedAt < first ? item.startedAt : first,
-    phases[0]?.startedAt ?? ""
-  );
+  const startedAt = phases.reduce((first, item) => {
+    const start = item.loadingStartedAt ?? item.startedAt;
+    return start < first ? start : first;
+  }, phases[0]?.startedAt ?? "");
   const enterMounted = useEntranceAnimation();
   const enterLive = useEntranceAnimationLive();
   const seenIds = useSeenActivityIds();
@@ -4237,7 +4275,7 @@ function ActivityRail({
       }
     }
   });
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: cn(
@@ -4252,7 +4290,7 @@ function ActivityRail({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx10(AnimatePresence, { initial: false, children: loading && !debug ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(AnimatePresence, { initial: false, children: loading && !debug ? /* @__PURE__ */ jsx11(
           motion.div,
           {
             initial: { opacity: 0 },
@@ -4267,10 +4305,11 @@ function ActivityRail({
               opacity: { duration: reducedMotion ? 0 : 0.16 }
             },
             style: { overflow: "hidden" },
-            children: /* @__PURE__ */ jsx10(
+            children: /* @__PURE__ */ jsx11(
               GenieLoading,
               {
                 startedAt,
+                notice: dispatch?.dispatchWait?.lastError ? "Unable to start yet. Your messages are saved." : void 0,
                 phase: responsePending ? "waiting" : "preparing",
                 detailsOpen,
                 onShowDetails: () => setDetailsOpen((open) => !open)
@@ -4279,7 +4318,7 @@ function ActivityRail({
           },
           "startup"
         ) : null }),
-        detailsOpen && !debug && !loading ? /* @__PURE__ */ jsx10(
+        detailsOpen && !debug && !loading ? /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -4288,6 +4327,7 @@ function ActivityRail({
             children: "Hide startup details"
           }
         ) : null,
+        dispatch && (detailsOpen || debug) ? /* @__PURE__ */ jsx11(StartupDispatchDetails, { wait: dispatch.dispatchWait ?? null }) : null,
         visibleItems.map((item, index) => {
           const newFamily = index > 0 && familyOf(item) !== familyOf(visibleItems[index - 1]);
           const row = renderActivity(
@@ -4298,7 +4338,7 @@ function ActivityRail({
             loadRetainedScreenshot,
             loadRetainedArtifact
           );
-          return /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsx11(
             "div",
             {
               "data-og-timeline-row-anchor": "",
@@ -4318,16 +4358,16 @@ var ActivityNoteTextContext = createContext6(null);
 function ActivityNoteRow({ item }) {
   const renderText = useContext7(ActivityNoteTextContext);
   if (!item.text.trim()) return null;
-  return /* @__PURE__ */ jsxs7("div", { className: "flex items-start gap-2 px-1.5 py-1.5", "data-og-activity-note": "", children: [
-    /* @__PURE__ */ jsx10("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx10(MessageSquareTextIcon, { "aria-hidden": true, className: "mt-1 size-3.5 shrink-0 text-og-fg-subtle" }),
-    /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsxs8("div", { className: "flex items-start gap-2 px-1.5 py-1.5", "data-og-activity-note": "", children: [
+    /* @__PURE__ */ jsx11("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx11(MessageSquareTextIcon, { "aria-hidden": true, className: "mt-1 size-3.5 shrink-0 text-og-fg-subtle" }),
+    /* @__PURE__ */ jsx11(
       "div",
       {
         className: "min-w-0 flex-1 text-og-sm text-og-fg-muted",
         "data-og-search-item": item.id,
         "data-og-annotation-source-key": item.annotationSource?.eventId,
-        children: renderText ? renderText(item.text, item) : /* @__PURE__ */ jsx10(Markdown, { streaming: item.streaming, children: item.text })
+        children: renderText ? renderText(item.text, item) : /* @__PURE__ */ jsx11(Markdown, { streaming: item.streaming, children: item.text })
       }
     )
   ] });
@@ -4340,7 +4380,7 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
     case "reasoning":
     case "sandbox":
     case "startup-phase":
-      return /* @__PURE__ */ jsx10(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx11(
         LazyPlatformActivityRow,
         {
           item,
@@ -4355,7 +4395,7 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
       ) });
     case "tool-call": {
       const Renderer = toolRegistry.resolve(item);
-      return /* @__PURE__ */ jsx10(ToolCallTruncationProvider, { value: item.truncation ?? null, children: /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(ToolCallTruncationProvider, { value: item.truncation ?? null, children: /* @__PURE__ */ jsx11(
         Renderer,
         {
           item,
@@ -4365,9 +4405,9 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
       ) });
     }
     case "worker":
-      return /* @__PURE__ */ jsx10(WorkerRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx11(WorkerRow, { item, onOpenSession });
     case "knowledge":
-      return /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(
         KnowledgeReceiptRow,
         {
           outcome: item.outcome,
@@ -4378,11 +4418,11 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
         }
       );
     case "memory":
-      return /* @__PURE__ */ jsx10(MemoryRow, { item, onMemoryClick });
+      return /* @__PURE__ */ jsx11(MemoryRow, { item, onMemoryClick });
     case "agent-message":
-      return /* @__PURE__ */ jsx10(ActivityNoteRow, { item });
+      return /* @__PURE__ */ jsx11(ActivityNoteRow, { item });
     case "fleet-decision":
-      return /* @__PURE__ */ jsx10(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx11(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx11(
         LazyFleetDecisionRow,
         {
           item,
@@ -4412,37 +4452,37 @@ function MemoryRow({
   const superseded = corrected && Boolean(item.replacementPreview);
   const targetId = corrected ? item.replacementMemoryId ?? item.memoryId : item.memoryId;
   const deepLink = Boolean(onMemoryClick);
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(BrainCircuitIcon3, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx11(BrainCircuitIcon3, { className: "size-3.5" }),
       iconTone: "muted",
-      title: /* @__PURE__ */ jsxs7("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx10("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
-        kindLabel ? /* @__PURE__ */ jsx10("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
+      title: /* @__PURE__ */ jsxs8("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsx11("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
+        kindLabel ? /* @__PURE__ */ jsx11("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
       ] }),
       preview: superseded ? item.replacementPreview : item.preview,
       children: [
         superseded ? (
           // The correction as a before → after: the old memory struck through and
           // dimmed, the new text in the ordinary body weight below it.
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx10("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
-            /* @__PURE__ */ jsx10("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
+          /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx11("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
+            /* @__PURE__ */ jsx11("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
           ] })
         ) : corrected && item.action === "updated" ? (
           // Edited in place, no replacement record: the memory is still live, so
           // show its current text — NOT the archived treatment.
-          /* @__PURE__ */ jsxs7(Fragment3, { children: [
-            /* @__PURE__ */ jsx10("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-            /* @__PURE__ */ jsx10(BodyNote, { tone: "muted", children: "Updated in place." })
+          /* @__PURE__ */ jsxs8(Fragment3, { children: [
+            /* @__PURE__ */ jsx11("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
+            /* @__PURE__ */ jsx11(BodyNote, { tone: "muted", children: "Updated in place." })
           ] })
         ) : corrected ? (
           // A correction with no replacement (and not an in-place update) archived the record.
-          /* @__PURE__ */ jsx10(BodyNote, { tone: "muted", children: "Archived." })
-        ) : /* @__PURE__ */ jsx10("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-        item.deduped ? /* @__PURE__ */ jsx10(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
-        deepLink ? /* @__PURE__ */ jsxs7(
+          /* @__PURE__ */ jsx11(BodyNote, { tone: "muted", children: "Archived." })
+        ) : /* @__PURE__ */ jsx11("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
+        item.deduped ? /* @__PURE__ */ jsx11(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
+        deepLink ? /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -4453,7 +4493,7 @@ function MemoryRow({
             ),
             children: [
               "View in memory",
-              /* @__PURE__ */ jsx10(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
+              /* @__PURE__ */ jsx11(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
             ]
           }
         ) : null
@@ -4471,10 +4511,10 @@ function WorkerRow({
   const cancelled = item.status === "cancelled";
   const title = item.action === "spawn" ? running ? "Spawning worker" : failed ? "Worker spawn failed" : cancelled ? "Worker interrupted" : "Worker spawned" : running ? "Messaging worker" : failed ? "Worker message failed" : cancelled ? "Worker interrupted" : "Worker messaged";
   if (compact) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(BotIcon, { className: "size-3.5" }),
+        icon: /* @__PURE__ */ jsx11(BotIcon, { className: "size-3.5" }),
         title,
         preview: item.prompt,
         running
@@ -4483,11 +4523,11 @@ function WorkerRow({
   }
   const sessionId = item.workerSessionId;
   const deepLink = Boolean(sessionId) && Boolean(onOpenSession) && !failed && !cancelled;
-  const inner = /* @__PURE__ */ jsxs7(Fragment3, { children: [
-    /* @__PURE__ */ jsx10("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx10("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx10(BotIcon, { className: "size-3.5" }) }),
-    /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx10(
+  const inner = /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsx11("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx11("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx11(BotIcon, { className: "size-3.5" }) }),
+    /* @__PURE__ */ jsxs8("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx11(
         "span",
         {
           className: cn(
@@ -4497,16 +4537,16 @@ function WorkerRow({
           children: title
         }
       ),
-      item.prompt ? /* @__PURE__ */ jsx10("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null,
-      failed && item.failure ? /* @__PURE__ */ jsxs7("div", { className: "mt-1 min-w-0 text-og-sm text-og-status-failed", children: [
-        /* @__PURE__ */ jsx10("p", { className: "font-og-mono text-og-xs", children: item.failure.code }),
-        /* @__PURE__ */ jsx10("p", { className: "mt-0.5 break-words", children: item.failure.message })
+      item.prompt ? /* @__PURE__ */ jsx11("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null,
+      failed && item.failure ? /* @__PURE__ */ jsxs8("div", { className: "mt-1 min-w-0 text-og-sm text-og-status-failed", children: [
+        /* @__PURE__ */ jsx11("p", { className: "font-og-mono text-og-xs", children: item.failure.code }),
+        /* @__PURE__ */ jsx11("p", { className: "mt-0.5 break-words", children: item.failure.message })
       ] }) : null
     ] }),
-    failed ? /* @__PURE__ */ jsxs7("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
-      /* @__PURE__ */ jsx10("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+    failed ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
+      /* @__PURE__ */ jsx11("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
       "failed"
-    ] }) : cancelled ? /* @__PURE__ */ jsx10("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx10(
+    ] }) : cancelled ? /* @__PURE__ */ jsx11("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx11(
       ArrowRightIcon,
       {
         "aria-hidden": true,
@@ -4515,7 +4555,7 @@ function WorkerRow({
     ) : null
   ] });
   if (deepLink && sessionId && onOpenSession) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "button",
       {
         type: "button",
@@ -4529,7 +4569,7 @@ function WorkerRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx10("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
+  return /* @__PURE__ */ jsx11("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
 }
 
 // src/timeline/turn-summary.tsx
@@ -4538,11 +4578,11 @@ import {
   Component,
   createContext as createContext8,
   useContext as useContext9,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo2,
   useRef as useRef6,
-  useState as useState9
+  useState as useState10
 } from "react";
 import { Collapsible } from "radix-ui";
 
@@ -4564,7 +4604,7 @@ function inheritFoldRestingState(memory, targetKey, sourceKeys) {
 }
 
 // src/timeline/turn-summary.tsx
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var TurnSettleChromeContext = createContext8(false);
 function useTurnSettleOpen() {
   return useContext9(TurnSettleChromeContext);
@@ -4604,20 +4644,20 @@ function TurnSummary({
   const remembered = foldKey !== void 0 ? foldMemory?.get(foldKey) : void 0;
   const restingOpen = remembered === "closed" ? false : remembered === "open" ? true : defaultOpen ?? forcedDefaultOpen ?? false;
   const initialSettle = Boolean(settleFold) && !restingOpen && remembered === void 0;
-  const [settling, setSettling] = useState9(initialSettle);
-  const [open, setOpen] = useState9(initialSettle ? true : restingOpen);
+  const [settling, setSettling] = useState10(initialSettle);
+  const [open, setOpen] = useState10(initialSettle ? true : restingOpen);
   const reportOpen = useRef6(onOpenStateChange);
   reportOpen.current = onOpenStateChange;
   useLayoutEffect2(() => {
     reportOpen.current?.(open);
   }, [open]);
   const readerOwnsOpen = useRef6(remembered !== void 0);
-  useEffect6(() => {
+  useEffect7(() => {
     if (status && defaultOpen && remembered === void 0 && !readerOwnsOpen.current) setOpen(true);
   }, [status, defaultOpen, remembered]);
-  const [settlePhase, setSettlePhase] = useState9(initialSettle);
-  const [nestSuppressLatch, setNestSuppressLatch] = useState9(initialSettle);
-  const [expandReady, setExpandReady] = useState9(!initialSettle);
+  const [settlePhase, setSettlePhase] = useState10(initialSettle);
+  const [nestSuppressLatch, setNestSuppressLatch] = useState10(initialSettle);
+  const [expandReady, setExpandReady] = useState10(!initialSettle);
   const settleTimerRef = useRef6(null);
   const settleCloseDoneRef = useRef6(null);
   const nestLatchClearRef = useRef6(null);
@@ -4671,7 +4711,7 @@ function TurnSummary({
     }, SETTLE_FOLD_BEAT_MS);
   };
   const mountSettleRef = useRef6(initialSettle);
-  useEffect6(() => {
+  useEffect7(() => {
     if (mountSettleRef.current) {
       armSettleCollapse();
     }
@@ -4680,7 +4720,7 @@ function TurnSummary({
       settleArmedRef.current = false;
     };
   }, []);
-  useEffect6(() => {
+  useEffect7(() => {
     const was = settleFoldSeenRef.current;
     settleFoldSeenRef.current = Boolean(settleFold);
     if (!was && settleFold) {
@@ -4690,7 +4730,7 @@ function TurnSummary({
       armSettleCollapse();
     }
   }, [settleFold]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!searchReveal) return;
     clearSettleTimers();
     settleArmedRef.current = false;
@@ -4726,7 +4766,7 @@ function TurnSummary({
     }
   };
   const enter = useEntranceAnimation();
-  const [allowEnterAnimation] = useState9(
+  const [allowEnterAnimation] = useState10(
     () => Boolean(enter && !bare && !initialSettle && !restingOpen)
   );
   const context = useMemo2(
@@ -4766,8 +4806,8 @@ function TurnSummary({
   const copyable = Boolean(
     copyText && copyText.trim().length > 0 && !bare && !liveShell && !open && !settlePhase
   );
-  return /* @__PURE__ */ jsx11(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs8("div", { className: cn(copyable && "group/copy relative"), children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsx12(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs9("div", { className: cn(copyable && "group/copy relative"), children: [
+    /* @__PURE__ */ jsxs9(
       Collapsible.Root,
       {
         "data-og-work-section": bare ? void 0 : "",
@@ -4775,7 +4815,7 @@ function TurnSummary({
         onOpenChange,
         className: allowEnterAnimation && !liveShell ? "animate-og-enter" : void 0,
         children: [
-          /* @__PURE__ */ jsxs8(
+          /* @__PURE__ */ jsxs9(
             Collapsible.Trigger,
             {
               "data-og-work-header": bare ? "nested" : "outer",
@@ -4805,7 +4845,7 @@ function TurnSummary({
                 status && copyable && "max-sm:pr-10"
               ),
               children: [
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   ChevronRightIcon,
                   {
                     className: cn(
@@ -4814,7 +4854,7 @@ function TurnSummary({
                     )
                   }
                 ),
-                status || outcome === "complete" || !outcome && (liveHeader || context.settled) ? null : /* @__PURE__ */ jsx11(
+                status || outcome === "complete" || !outcome && (liveHeader || context.settled) ? null : /* @__PURE__ */ jsx12(
                   "span",
                   {
                     className: cn(
@@ -4822,10 +4862,10 @@ function TurnSummary({
                       bare ? "size-3.5" : "size-5",
                       outcome === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"
                     ),
-                    children: outcome === "failed" ? /* @__PURE__ */ jsx11(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx11(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx11("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
+                    children: outcome === "failed" ? /* @__PURE__ */ jsx12(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx12(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx12("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
                   }
                 ),
-                /* @__PURE__ */ jsxs8(
+                /* @__PURE__ */ jsxs9(
                   "span",
                   {
                     className: cn(
@@ -4835,23 +4875,23 @@ function TurnSummary({
                     ),
                     children: [
                       statusLine,
-                      liveHeader && !open && !status ? liveHeader : facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx11(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs8(Fragment4, { children: [
+                      liveHeader && !open && !status ? liveHeader : facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx12(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs9(Fragment4, { children: [
                         index > 0 || statusLine ? " \xB7 " : null,
-                        /* @__PURE__ */ jsxs8("span", { "aria-label": result.ariaLabel, title: result.title, children: [
-                          result.icon ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
+                        /* @__PURE__ */ jsxs9("span", { "aria-label": result.ariaLabel, title: result.title, children: [
+                          result.icon ? /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
                           result.content
                         ] })
                       ] }) }, facet.id)),
-                      outcome === "failed" && failureText ? /* @__PURE__ */ jsxs8("span", { className: "text-og-status-failed", children: [
+                      outcome === "failed" && failureText ? /* @__PURE__ */ jsxs9("span", { className: "text-og-status-failed", children: [
                         " \xB7 ",
                         failureText
                       ] }) : null,
-                      outcome === "cancelled" ? /* @__PURE__ */ jsx11("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
+                      outcome === "cancelled" ? /* @__PURE__ */ jsx12("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
                     ]
                   }
                 ),
-                status?.kind === "worked" ? /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "ml-1 h-px min-w-0 flex-1 bg-og-border" }) : null,
-                status && status.kind !== "worked" && (contextCompactionCount ?? 0) > 0 ? /* @__PURE__ */ jsx11(
+                status?.kind === "worked" ? /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "ml-1 h-px min-w-0 flex-1 bg-og-border" }) : null,
+                status && status.kind !== "worked" && (contextCompactionCount ?? 0) > 0 ? /* @__PURE__ */ jsx12(
                   ShrinkIcon,
                   {
                     className: "size-3.5 shrink-0",
@@ -4864,17 +4904,17 @@ function TurnSummary({
           status && !open && status.preview ? (
             // Readable progress under the status line; the line above stays
             // the one disclosure control, so a click here is a mouse shortcut.
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "div",
               {
                 "data-og-exchange-preview": "",
                 className: "flex min-w-0 cursor-pointer flex-col gap-0.5 pb-1 pl-6",
                 onClick: () => onOpenChange(true),
-                children: status.preview ? /* @__PURE__ */ jsx11("div", { className: "min-w-0", children: status.preview }) : null
+                children: status.preview ? /* @__PURE__ */ jsx12("div", { className: "min-w-0", children: status.preview }) : null
               }
             )
           ) : null,
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             Collapsible.Content,
             {
               ...nestSuppressLatch ? { forceMount: true } : {},
@@ -4885,38 +4925,38 @@ function TurnSummary({
                 // Auto-close: slow settle. Manual close (settlePhase cleared): fast.
                 settlePhase ? "data-[state=closed]:animate-og-settle-collapse" : "data-[state=closed]:animate-og-collapse"
               ),
-              children: /* @__PURE__ */ jsx11("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
+              children: /* @__PURE__ */ jsx12("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
             }
           )
         ]
       }
     ),
-    copyable ? /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute top-1.5 right-0 z-10", children: /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx11(CopyButton, { text: copyText, label: "Copy turn", reveal: "group-hover" }) }) }) : null
+    copyable ? /* @__PURE__ */ jsx12("div", { className: "pointer-events-none absolute top-1.5 right-0 z-10", children: /* @__PURE__ */ jsx12("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx12(CopyButton, { text: copyText, label: "Copy turn", reveal: "group-hover" }) }) }) : null
   ] }) });
 }
 function turnSummaryStatusLine(status) {
   if (status.kind === "worked") {
-    return status.durationMs !== void 0 && Number.isFinite(status.durationMs) && status.durationMs >= 1e3 ? /* @__PURE__ */ jsxs8("span", { "data-og-exchange-status": "worked", children: [
+    return status.durationMs !== void 0 && Number.isFinite(status.durationMs) && status.durationMs >= 1e3 ? /* @__PURE__ */ jsxs9("span", { "data-og-exchange-status": "worked", children: [
       status.label ?? "Worked for",
       " ",
       formatElapsed(status.durationMs)
     ] }) : null;
   }
   const label = status.label ?? (status.kind === "working" ? "Working" : "Waiting");
-  return /* @__PURE__ */ jsxs8("span", { "data-og-exchange-status": status.kind, children: [
-    /* @__PURE__ */ jsx11("span", { className: status.kind === "working" ? "og-shimmer-text" : void 0, children: label }),
-    status.since ? /* @__PURE__ */ jsx11(LiveElapsed, { since: status.since }) : null
+  return /* @__PURE__ */ jsxs9("span", { "data-og-exchange-status": status.kind, children: [
+    /* @__PURE__ */ jsx12("span", { className: status.kind === "working" ? "og-shimmer-text" : void 0, children: label }),
+    status.since ? /* @__PURE__ */ jsx12(LiveElapsed, { since: status.since }) : null
   ] });
 }
 function LiveElapsed({ since }) {
   const startedAt = Date.parse(since);
-  const [now, setNow] = useState9(() => Date.now());
-  useEffect6(() => {
+  const [now, setNow] = useState10(() => Date.now());
+  useEffect7(() => {
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
   }, []);
   if (!Number.isFinite(startedAt)) return null;
-  return /* @__PURE__ */ jsx11("span", { className: "tabular-nums", children: ` \xB7 ${formatElapsed(Math.max(0, now - startedAt))}` });
+  return /* @__PURE__ */ jsx12("span", { className: "tabular-nums", children: ` \xB7 ${formatElapsed(Math.max(0, now - startedAt))}` });
 }
 function formatElapsed(durationMs) {
   const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
@@ -5092,9 +5132,9 @@ import {
   useId as useId3,
   useLayoutEffect as useLayoutEffect3,
   useRef as useRef7,
-  useState as useState10
+  useState as useState11
 } from "react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var FALLBACK_LINE_THRESHOLD = 12;
 var FALLBACK_TEXT_THRESHOLD = 900;
 var FALLBACK_UNBROKEN_THRESHOLD = 260;
@@ -5237,7 +5277,7 @@ function UserMessageDisclosureProvider({
   value,
   children
 }) {
-  return /* @__PURE__ */ jsx12(UserMessageDisclosureContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx13(UserMessageDisclosureContext.Provider, { value, children });
 }
 function userMessageLikelyNeedsDisclosure(text) {
   const lines = text.split(/\r?\n/);
@@ -5251,7 +5291,7 @@ function UserMessageBody({
   disclosureLabels
 }) {
   const disclosure = useContext10(UserMessageDisclosureContext);
-  const [expanded, setExpanded] = useState10(
+  const [expanded, setExpanded] = useState11(
     () => disclosure?.expandedByMessageId.get(messageId) ?? false
   );
   const searchReveal = useTimelineSearchReveal();
@@ -5399,7 +5439,7 @@ function UserMessageBody({
     disclosure?.expandedByMessageId.set(messageId, next);
     setExpanded(next);
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       ref: rootRef,
@@ -5408,7 +5448,7 @@ function UserMessageBody({
       "data-og-expanded": expanded ? "true" : "false",
       className: cn("relative min-w-0", className),
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "span",
           {
             ref: thresholdRef,
@@ -5416,7 +5456,7 @@ function UserMessageBody({
             className: "pointer-events-none absolute h-56 w-0 invisible sm:h-72"
           }
         ),
-        /* @__PURE__ */ jsxs9(
+        /* @__PURE__ */ jsxs10(
           "div",
           {
             ref: clipRef,
@@ -5424,7 +5464,7 @@ function UserMessageBody({
             "data-og-user-message-clip": "",
             className: cn("relative min-w-0", collapsed && "max-h-56 overflow-hidden sm:max-h-72"),
             children: [
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(
                 "div",
                 {
                   ref: contentRef,
@@ -5433,7 +5473,7 @@ function UserMessageBody({
                   children
                 }
               ),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(
                 "span",
                 {
                   ref: fadeRef,
@@ -5446,7 +5486,7 @@ function UserMessageBody({
             ]
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             ref: disclosureControlRef,
@@ -5466,8 +5506,8 @@ function UserMessageBody({
 }
 
 // src/components/generated-video-player.tsx
-import { useEffect as useEffect7, useState as useState11 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useState as useState12 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function GeneratedVideoPlayer({
   receipt,
   loadPlaybackSource,
@@ -5475,9 +5515,9 @@ function GeneratedVideoPlayer({
   label = "Generated video"
 }) {
   const formatError = useErrorMessage();
-  const [retry, setRetry] = useState11(0);
-  const [state, setState] = useState11({ kind: "loading" });
-  useEffect7(() => {
+  const [retry, setRetry] = useState12(0);
+  const [state, setState] = useState12({ kind: "loading" });
+  useEffect8(() => {
     const controller = new AbortController();
     setState({ kind: "loading" });
     void loadPlaybackSource(receipt.artifact.artifactId, controller.signal).then(
@@ -5495,7 +5535,7 @@ function GeneratedVideoPlayer({
     return () => controller.abort();
   }, [loadPlaybackSource, receipt.artifact.artifactId, retry, formatError]);
   if (state.kind === "loading") {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         "aria-label": `Loading ${label.toLowerCase()}`,
@@ -5507,7 +5547,7 @@ function GeneratedVideoPlayer({
     );
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         role: "status",
@@ -5519,7 +5559,7 @@ function GeneratedVideoPlayer({
       }
     );
   }
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "video",
     {
       "aria-label": label,
@@ -5541,7 +5581,7 @@ function GeneratedVideoPlayer({
 }
 
 // src/components/session-status.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
     label: "Queued",
@@ -5594,7 +5634,7 @@ var SESSION_STATUS_META = {
 };
 function SessionStatus({ status, label, size = "md", className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "span",
     {
       "data-status": status,
@@ -5605,7 +5645,7 @@ function SessionStatus({ status, label, size = "md", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
+        /* @__PURE__ */ jsx15(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
         label ?? meta.label
       ]
     }
@@ -5613,7 +5653,7 @@ function SessionStatus({ status, label, size = "md", className }) {
 }
 function StatusDot({ status, className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       className: cn(
@@ -5621,7 +5661,7 @@ function StatusDot({ status, className }) {
         meta.dotClassName,
         className
       ),
-      children: meta.pulse ? /* @__PURE__ */ jsx14("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
+      children: meta.pulse ? /* @__PURE__ */ jsx15("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
     }
   );
 }
@@ -5629,8 +5669,8 @@ function StatusDot({ status, className }) {
 // src/timeline/rolling-activity.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion2, useReducedMotion as useReducedMotion2 } from "motion/react";
 import { WrenchIcon as WrenchIcon2 } from "lucide-react";
-import { Suspense as Suspense3, useEffect as useEffect8, useState as useState12 } from "react";
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Suspense as Suspense3, useEffect as useEffect9, useState as useState13 } from "react";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function RollingActivity({
   items,
   toolRegistry = defaultToolRegistry,
@@ -5638,8 +5678,8 @@ function RollingActivity({
   showCount = true
 }) {
   const reduced = useReducedMotion2();
-  const [mounted, setMounted] = useState12(false);
-  useEffect8(() => setMounted(true), []);
+  const [mounted, setMounted] = useState13(false);
+  useEffect9(() => setMounted(true), []);
   const work = items.filter(
     (item2) => item2.kind !== "startup-phase" && item2.kind !== "agent-message"
   );
@@ -5652,18 +5692,18 @@ function RollingActivity({
     0,
     work.findIndex((entry) => entry.id === item.id)
   );
-  const fallback2 = /* @__PURE__ */ jsxs11("span", { className: "og-rolling-label", children: [
-    /* @__PURE__ */ jsx15(WrenchIcon2, { className: "size-3.5" }),
-    /* @__PURE__ */ jsx15("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : "Working" })
+  const fallback2 = /* @__PURE__ */ jsxs12("span", { className: "og-rolling-label", children: [
+    /* @__PURE__ */ jsx16(WrenchIcon2, { className: "size-3.5" }),
+    /* @__PURE__ */ jsx16("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : "Working" })
   ] });
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "span",
     {
       className: "og-rolling-status",
       "data-running": active.some((entry) => entry.id === item.id) ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : item.kind === "reasoning" ? "Thinking" : "Working" }),
-        /* @__PURE__ */ jsx15("span", { className: "og-rolling-window", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(AnimatePresence2, { initial: false, mode: "sync", children: /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx16("span", { className: "sr-only", children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : item.kind === "reasoning" ? "Thinking" : "Working" }),
+        /* @__PURE__ */ jsx16("span", { className: "og-rolling-window", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(AnimatePresence2, { initial: false, mode: "sync", children: /* @__PURE__ */ jsx16(
           motion2.span,
           {
             className: "og-rolling-face",
@@ -5677,18 +5717,18 @@ function RollingActivity({
               y: reduced ? 0 : -24
             },
             transition: { duration: reduced ? 0 : 0.4, ease: [0.22, 1, 0.36, 1] },
-            children: /* @__PURE__ */ jsx15(CompactActivityContext.Provider, { value: true, children: /* @__PURE__ */ jsx15(Suspense3, { fallback: fallback2, children: renderActivity(item, toolRegistry, void 0, void 0, void 0, void 0) }) })
+            children: /* @__PURE__ */ jsx16(CompactActivityContext.Provider, { value: true, children: /* @__PURE__ */ jsx16(Suspense3, { fallback: fallback2, children: renderActivity(item, toolRegistry, void 0, void 0, void 0, void 0) }) })
           },
           item.id
         ) }) }),
-        showCount && earlierCount > 0 ? /* @__PURE__ */ jsx15("span", { className: "og-rolling-count", children: `+${earlierCount} earlier` }) : null
+        showCount && earlierCount > 0 ? /* @__PURE__ */ jsx16("span", { className: "og-rolling-count", children: `+${earlierCount} earlier` }) : null
       ]
     }
   );
 }
 
 // src/components/child-session-link.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function ChildSessionLink({
   kind,
   sourceId,
@@ -5697,7 +5737,7 @@ function ChildSessionLink({
   if (!onOpenSession || !kind.startsWith("child_") || !/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(sourceId)) {
     return null;
   }
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "button",
     {
       type: "button",
@@ -5765,11 +5805,11 @@ import {
   memo,
   useCallback as useCallback3,
   useContext as useContext12,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo5,
   useRef as useRef9,
-  useState as useState14
+  useState as useState15
 } from "react";
 
 // src/components/timeline-anchor.tsx
@@ -5852,11 +5892,11 @@ function timelineAnchorCorrection(scroller, anchors) {
 }
 
 // src/components/timeline-reading-progress.ts
-import { useCallback as useCallback2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo3, useRef as useRef8, useState as useState13 } from "react";
+import { useCallback as useCallback2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo3, useRef as useRef8, useState as useState14 } from "react";
 function useReadingProgress(projected, pinned, scroller) {
   const following = pinned && !timelineHasReader(scroller);
   const previous = useRef8([]);
-  const [released, setReleased] = useState13(() => /* @__PURE__ */ new Set());
+  const [released, setReleased] = useState14(() => /* @__PURE__ */ new Set());
   const groups = useMemo3(() => {
     if (following) return projected;
     const key = (group) => group.kind === "item" ? group.item.id : group.id;
@@ -6329,7 +6369,7 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
 // 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";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var AllowancePresentationContext = createContext10({
   render: void 0,
   labels: allowanceLabels()
@@ -6340,13 +6380,13 @@ function AllowancePresentationProvider({
   children
 }) {
   const value = useMemo4(() => ({ render, labels: allowanceLabels(labels) }), [render, labels]);
-  return /* @__PURE__ */ jsx17(AllowancePresentationContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx18(AllowancePresentationContext.Provider, { value, children });
 }
 function AllowanceExhaustedRow({ refusal }) {
   const { render, labels } = useContext11(AllowancePresentationContext);
   const enter = useEntranceAnimation();
   const workspace = refusal.scope === "workspace";
-  const defaultRow = /* @__PURE__ */ jsxs12(
+  const defaultRow = /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -6356,13 +6396,13 @@ function AllowanceExhaustedRow({ refusal }) {
       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: [
+        /* @__PURE__ */ jsx18(GaugeIcon, { "aria-hidden": true, className: "mt-0.5 size-4 shrink-0 text-og-status-waiting" }),
+        /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx18("p", { className: "font-medium", children: workspace ? labels.workspaceLimitReachedTitle : labels.memberLimitReachedTitle }),
+          /* @__PURE__ */ jsxs13("p", { className: "mt-0.5 text-og-fg-muted", children: [
             workspace ? labels.workspaceRemedy : labels.memberRemedy,
             " ",
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "span",
               {
                 title: refusal.resetsAt ? formatAllowanceInstant(refusal.resetsAt) : void 0,
@@ -6375,11 +6415,11 @@ function AllowanceExhaustedRow({ refusal }) {
       ]
     }
   );
-  return /* @__PURE__ */ jsx17(Fragment5, { children: render?.(refusal, { labels, defaultRow }) ?? defaultRow });
+  return /* @__PURE__ */ jsx18(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";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-DMLMM2TX.js"));
 var TimelineAnnotationMarkers = lazy3(() => import("./timeline-annotation-markers-GNDHTGBD.js"));
 var PIN_THRESHOLD_PX = 48;
@@ -6566,7 +6606,7 @@ function MessageTimeline({
     () => renderMessageText ? (text, item) => renderMessageText(text, item, {
       searchTarget: searchItem?.id === item.id ? searchTarget ?? null : null
     }) : (text, item) => {
-      const body = /* @__PURE__ */ jsx18(
+      const body = /* @__PURE__ */ jsx19(
         Markdown,
         {
           searchTarget: searchItem?.id === item.id ? searchTarget : null,
@@ -6575,7 +6615,7 @@ function MessageTimeline({
           children: text
         }
       );
-      return item.kind === "user-message" ? /* @__PURE__ */ jsx18(UserMessageBody, { messageId: item.id, text, children: body }) : body;
+      return item.kind === "user-message" ? /* @__PURE__ */ jsx19(UserMessageBody, { messageId: item.id, text, children: body }) : body;
     },
     [renderInteractiveBlock, renderMessageText, searchItem?.id, searchTarget]
   );
@@ -6586,9 +6626,9 @@ function MessageTimeline({
   newerScopeRef.current = newerBoundaryKey;
   const newerAttemptRef = useRef9(null);
   const newerRetryButtonRef = useRef9(null);
-  const [newerRetryPending, setNewerRetryPending] = useState14(false);
-  const [newerFailure, setNewerFailure] = useState14(null);
-  useEffect9(() => {
+  const [newerRetryPending, setNewerRetryPending] = useState15(false);
+  const [newerFailure, setNewerFailure] = useState15(null);
+  useEffect10(() => {
     newerScopeRef.current = newerBoundaryKey;
     newerAttemptRef.current = null;
     setNewerFailure(null);
@@ -6640,7 +6680,7 @@ function MessageTimeline({
     settlementAnimationRef.current = null;
   }, []);
   const olderPageBudgetRef = useRef9(0);
-  const [olderDemand, setOlderDemand] = useState14(0);
+  const [olderDemand, setOlderDemand] = useState15(0);
   const readableTurns = turnSummary?.rolling === true;
   const projectedGroups = useMemo5(
     () => groupTimeline(resolvedItems, { readableTurns }),
@@ -6660,33 +6700,33 @@ function MessageTimeline({
   const topSentinelRef = useRef9(null);
   const bottomSentinelRef = useRef9(null);
   const previousBulkFirstKeyRef = useRef9(void 0);
-  const [pinned, setPinned] = useState14(true);
+  const [pinned, setPinned] = useState15(true);
   const { groups: allGroups, release: releaseProgress } = useReadingProgress(
     projectedGroups,
     autoFollow && pinned && !hasNewer,
     scrollRef.current
   );
-  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState14(false);
+  const [canSkipTipCatchup, setCanSkipTipCatchup] = useState15(false);
   const canSkipTipCatchupRef = useRef9(false);
-  const [bulkActive, setBulkActive] = useState14(true);
+  const [bulkActive, setBulkActive] = useState15(true);
   const olderPrefetchArmedRef = useRef9(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState14(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState15(false);
   const olderLoadAttemptRef = useRef9(null);
-  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState14(
+  const [underfillSettledAttempt, setUnderfillSettledAttempt] = useState15(
     null
   );
   const underfillRetryReadyRef = useRef9(false);
   const resizeFollowRafRef = useRef9(null);
   const questionNavFrameRef = useRef9(null);
-  const [questionNav, setQuestionNav] = useState14(null);
+  const [questionNav, setQuestionNav] = useState15(null);
   const questionNavMinViewportRef = useRef9(questionNavMinViewportHeight);
   questionNavMinViewportRef.current = questionNavMinViewportHeight;
   const scheduleQuestionNavRef = useRef9(() => {
   });
-  const [awayFromTip, setAwayFromTip] = useState14(false);
+  const [awayFromTip, setAwayFromTip] = useState15(false);
   const jumpPillShown = autoFollow && (!pinned && awayFromTip || hasNewer || canSkipTipCatchup);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState14(resolvedItems[0]?.id === "c");
+  const [revealed, setRevealed] = useState15(resolvedItems[0]?.id === "c");
   const pinnedRef = useRef9(true);
   const hasNewerRef = useRef9(hasNewer);
   hasNewerRef.current = hasNewer;
@@ -6706,7 +6746,7 @@ function MessageTimeline({
   const pendingReaderLeaveRef = useRef9(false);
   const leaveFallbackRafRef = useRef9(null);
   const foldMemoryRef = useRef9(/* @__PURE__ */ new Map());
-  const [openLiveFolds, setOpenLiveFolds] = useState14(() => /* @__PURE__ */ new Set());
+  const [openLiveFolds, setOpenLiveFolds] = useState15(() => /* @__PURE__ */ new Set());
   const openLiveFoldsRef = useRef9(openLiveFolds);
   const liveNoteIdsByWorkRef = useRef9(/* @__PURE__ */ new Map());
   const liveFoldMotionRef = useRef9(null);
@@ -6843,7 +6883,7 @@ function MessageTimeline({
     fold.frame = requestFrame(step);
     setOpenLiveFolds(next);
   }, []);
-  useEffect9(
+  useEffect10(
     () => () => {
       liveFoldMotionRef.current?.finish();
     },
@@ -6969,7 +7009,7 @@ function MessageTimeline({
       setOlderPrefetchArmed(true);
     }
   }, [autoFollow, applyPinned, clearPendingReaderLeave, clearReaderIntent, stopFollow]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!readableTurns) return;
     const node = scrollRef.current;
     if (!node) return;
@@ -7239,7 +7279,7 @@ function MessageTimeline({
     });
   }, [readableTurns]);
   scheduleQuestionNavRef.current = scheduleQuestionNav;
-  useEffect9(
+  useEffect10(
     () => () => {
       if (questionNavFrameRef.current != null) {
         cancelFrame(questionNavFrameRef.current);
@@ -7365,8 +7405,8 @@ function MessageTimeline({
     [applyCanSkipTipCatchup, cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect9(() => stopFollow, [stopFollow]);
-  useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
+  useEffect10(() => stopFollow, [stopFollow]);
+  useEffect10(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect5(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -7585,7 +7625,7 @@ function MessageTimeline({
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned, clearReaderIntent]);
-  useEffect9(() => {
+  useEffect10(() => {
     const node = scrollRef.current;
     if (node) {
       requestOlderIfUnderfilled(node);
@@ -7600,7 +7640,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -7651,7 +7691,7 @@ function MessageTimeline({
     onLoadOlder,
     requestOlderIfUnderfilled
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -7668,7 +7708,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, requestNewer, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -7706,7 +7746,7 @@ function MessageTimeline({
       }
     };
   }, [autoFollow, driveFollow, requestOlderIfUnderfilled, snapToBottom]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (searchTargetRef.current) return;
     if (hasNewer) {
       stopFollow();
@@ -7862,18 +7902,18 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  const timeline = /* @__PURE__ */ jsx18(
+  const timeline = /* @__PURE__ */ jsx19(
     AllowancePresentationProvider,
     {
       render: renderAllowanceExhausted,
       labels: allowanceExhaustedLabels,
-      children: /* @__PURE__ */ jsx18(LightboxProvider, { children: /* @__PURE__ */ jsx18(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx18(LiveNoteFoldContext.Provider, { value: reportLiveFold, 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(
+      children: /* @__PURE__ */ jsx19(LightboxProvider, { children: /* @__PURE__ */ jsx19(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx19(LiveNoteFoldContext.Provider, { value: reportLiveFold, children: /* @__PURE__ */ jsx19(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx19(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx19(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx19(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx19(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs14(
         "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(
+            onAnnotate ? /* @__PURE__ */ jsx19(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx19(
               TimelineAnnotationSelection,
               {
                 rootRef: scrollRef,
@@ -7881,7 +7921,7 @@ function MessageTimeline({
                 onAnnotate
               }
             ) }) : null,
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "div",
               {
                 ref: scrollRef,
@@ -7948,7 +7988,7 @@ function MessageTimeline({
                   "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(
+                children: /* @__PURE__ */ jsx19(
                   TimelineBeforeLayout,
                   {
                     capture: () => {
@@ -7958,11 +7998,11 @@ function MessageTimeline({
                       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 ? (
+                    children: /* @__PURE__ */ jsxs14("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
+                      /* @__PURE__ */ jsx19(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(
+                        /* @__PURE__ */ jsxs14(
                           motion3.div,
                           {
                             initial: { opacity: 0, y: -6 },
@@ -7973,8 +8013,8 @@ function MessageTimeline({
                             "aria-live": "polite",
                             className: "pointer-events-none absolute inset-x-0 -top-11 z-10 flex 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(
+                              loadingOlder || loadingOldest ? /* @__PURE__ */ jsx19("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx19("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+                              hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx19(
                                 "button",
                                 {
                                   type: "button",
@@ -8021,13 +8061,13 @@ function MessageTimeline({
                           }
                         )
                       ) : null }),
-                      !groups.length ? emptyState ?? /* @__PURE__ */ jsx18("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
+                      !groups.length ? emptyState ?? /* @__PURE__ */ jsx19("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(
+                        /* @__PURE__ */ jsx19(
                           "div",
                           {
                             ref: topSentinelRef,
@@ -8039,11 +8079,11 @@ function MessageTimeline({
                         )
                       ) : null,
                       groups.map(({ group, key, entranceEnabled }, index) => {
-                        return /* @__PURE__ */ jsx18(
+                        return /* @__PURE__ */ jsx19(
                           TimelineSearchRevealContext.Provider,
                           {
                             value: searchItem && timelineGroupItemIds(group).includes(searchItem.id) ? searchRevealKey : null,
-                            children: /* @__PURE__ */ jsx18(
+                            children: /* @__PURE__ */ jsx19(
                               TimelineGroupEntry,
                               {
                                 groupKey: key,
@@ -8062,18 +8102,18 @@ function MessageTimeline({
                           key
                         );
                       }),
-                      groups.length > 0 && trailingState ? /* @__PURE__ */ jsx18("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
-                      hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs13(
+                      groups.length > 0 && trailingState ? /* @__PURE__ */ jsx19("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
+                      hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs14(
                         "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: [
+                            /* @__PURE__ */ jsxs14("p", { role: "status", className: "max-w-prose [overflow-wrap:anywhere]", children: [
                               "Couldn\u2019t load later activity. ",
                               newerFailure.message
                             ] }),
-                            /* @__PURE__ */ jsx18(
+                            /* @__PURE__ */ jsx19(
                               "button",
                               {
                                 ref: newerRetryButtonRef,
@@ -8089,7 +8129,7 @@ function MessageTimeline({
                           ]
                         }
                       ) : null,
-                      hasNewer ? /* @__PURE__ */ jsx18(
+                      hasNewer ? /* @__PURE__ */ jsx19(
                         "div",
                         {
                           ref: bottomSentinelRef,
@@ -8104,7 +8144,7 @@ function MessageTimeline({
                 )
               }
             ),
-            draftAnnotations && draftAnnotations.length > 0 ? /* @__PURE__ */ jsx18(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx18(
+            draftAnnotations && draftAnnotations.length > 0 ? /* @__PURE__ */ jsx19(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx19(
               TimelineAnnotationMarkers,
               {
                 rootRef: scrollRef,
@@ -8112,7 +8152,7 @@ function MessageTimeline({
                 onSelect: onDraftAnnotationSelect
               }
             ) }) : null,
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "div",
               {
                 "data-og-timeline-nav": "top",
@@ -8120,7 +8160,7 @@ function MessageTimeline({
                   "pointer-events-none absolute inset-x-0 z-10 flex justify-center",
                   questionNav?.belowHeader ? "top-10 pointer-coarse:top-13" : "top-3"
                 ),
-                children: /* @__PURE__ */ jsx18(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsxs13(
+                children: /* @__PURE__ */ jsx19(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsxs14(
                   motion3.button,
                   {
                     ...NAV_FADE,
@@ -8131,32 +8171,32 @@ function MessageTimeline({
                     onClick: () => jumpToQuestion(questionNav.key),
                     className: NAV_BUTTON_CLASS,
                     children: [
-                      /* @__PURE__ */ jsx18(ArrowUpIcon, { "aria-hidden": true, className: "size-4" }),
-                      /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Back to your message" })
+                      /* @__PURE__ */ jsx19(ArrowUpIcon, { "aria-hidden": true, className: "size-4" }),
+                      /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Back to your message" })
                     ]
                   },
                   "question-nav"
                 ) : null })
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "div",
               {
                 "data-og-timeline-nav": "bottom",
                 className: "pointer-events-none absolute inset-x-0 bottom-3 z-10 flex flex-col items-center gap-2",
-                children: /* @__PURE__ */ jsxs13(AnimatePresence3, { children: [
-                  loadingNewer ? /* @__PURE__ */ jsx18(
+                children: /* @__PURE__ */ jsxs14(AnimatePresence3, { children: [
+                  loadingNewer ? /* @__PURE__ */ jsx19(
                     motion3.div,
                     {
                       ...NAV_FADE,
                       "data-og-loading-newer": "",
                       "aria-live": "polite",
                       className: "flex max-w-full justify-center",
-                      children: /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+                      children: /* @__PURE__ */ jsx19("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx19("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
                     },
                     "loading-newer"
                   ) : null,
-                  jumpPillShown ? /* @__PURE__ */ jsxs13(
+                  jumpPillShown ? /* @__PURE__ */ jsxs14(
                     motion3.button,
                     {
                       ...NAV_FADE,
@@ -8199,8 +8239,8 @@ function MessageTimeline({
                       },
                       className: NAV_BUTTON_CLASS,
                       children: [
-                        /* @__PURE__ */ jsx18(ArrowDownIcon, { "aria-hidden": true, className: "size-4" }),
-                        /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Jump to latest" })
+                        /* @__PURE__ */ jsx19(ArrowDownIcon, { "aria-hidden": true, className: "size-4" }),
+                        /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Jump to latest" })
                       ]
                     },
                     "jump-to-latest"
@@ -8213,7 +8253,7 @@ function MessageTimeline({
       ) }) }) }) }) }) }) }) })
     }
   );
-  return /* @__PURE__ */ jsx18(OpenGeniLinkProvider, { resolveLink, children: timeline });
+  return /* @__PURE__ */ jsx19(OpenGeniLinkProvider, { resolveLink, children: timeline });
 }
 function timelineGroupsRenderEqual(previous, next) {
   try {
@@ -8301,17 +8341,17 @@ var TimelineGroupRenderBoundary = class extends Component3 {
   }
   render() {
     if (this.state.failed) {
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs14(
         "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__ */ jsx19(TriangleAlertIcon2, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx19("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
+              /* @__PURE__ */ jsx19("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
           ]
         }
@@ -8333,7 +8373,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__ */ jsx19(ActivityNoteTextContext.Provider, { value: behavior.renderMessageText ?? null, children: /* @__PURE__ */ jsx19(
     TimelineGroupView,
     {
       ...behavior,
@@ -8344,7 +8384,7 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
       contextCompactionCount: contextCompactionCount > 0 ? contextCompactionCount : void 0
     }
   ) });
-  return /* @__PURE__ */ jsx18(GenieLoadingOptionsContext.Provider, { value: behavior.genieLoading, children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(GenieLoadingOptionsContext.Provider, { value: behavior.genieLoading, children: /* @__PURE__ */ jsx19(
     "div",
     {
       "data-og-timeline-group-anchor": "",
@@ -8356,7 +8396,7 @@ var TimelineGroupEntry = memo(function TimelineGroupEntry2({
       "aria-hidden": noteFolded || void 0,
       inert: noteFolded || void 0,
       className: noteFolded ? "-mt-5 h-0 overflow-hidden opacity-0 [overflow-anchor:none]" : 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__ */ jsx19(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx19(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx19(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: group.kind === "item" ? /* @__PURE__ */ jsx19("div", { children: content }) : /* @__PURE__ */ jsx19(AnimatePresence3, { initial: false, children: /* @__PURE__ */ jsx19(
         motion3.div,
         {
           initial: false,
@@ -8423,7 +8463,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__ */ jsx19(
             ActivityRail,
             {
               items: group.items,
@@ -8441,7 +8481,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__ */ jsx19(
             RollingActivity,
             {
               items: group.items,
@@ -8453,7 +8493,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         return (
           // Marks this work row for the live-note fold (list keys can be carried
           // over from an earlier row, so they are not the work id).
-          /* @__PURE__ */ jsx18("div", { className: "contents", "data-og-work-id": group.id, children: /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx19("div", { className: "contents", "data-og-work-id": group.id, children: /* @__PURE__ */ jsx19(
             TurnSummary,
             {
               items: group.items,
@@ -8465,7 +8505,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
               facets: turnSummary?.facets,
               contextCompactionCount: compactedLandmarkCount(group.work.details),
               onOpenStateChange: group.work.liveNoteIds?.length && reportLiveFold ? (open) => reportLiveFold(group.id, open) : void 0,
-              children: /* @__PURE__ */ jsx18(TurnRailFrame, { compact: true, children: renderFoldedGroups(
+              children: /* @__PURE__ */ jsx19(TurnRailFrame, { compact: true, children: renderFoldedGroups(
                 group.work.details,
                 {
                   renderMessageActions,
@@ -8491,7 +8531,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__ */ jsx19(
           ActivityRail,
           {
             items: group.items,
@@ -8506,7 +8546,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__ */ jsx19(
           ActivityRail,
           {
             items: group.items,
@@ -8525,7 +8565,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__ */ jsx19(
             ActivityRail,
             {
               items: group.items,
@@ -8539,7 +8579,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx18(
+        return /* @__PURE__ */ jsx19(
           TurnSummary,
           {
             items: group.items,
@@ -8550,7 +8590,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx18(
+            children: /* @__PURE__ */ jsx19(
               ActivityRail,
               {
                 items: group.items,
@@ -8566,14 +8606,14 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         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__ */ jsx19(
             RollingActivity,
             {
               items: group.items,
@@ -8585,7 +8625,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx18(FoldBody, { children: /* @__PURE__ */ jsx18(TurnRailFrame, { children: /* @__PURE__ */ jsx18(
+          children: /* @__PURE__ */ jsx19(FoldBody, { children: /* @__PURE__ */ jsx19(TurnRailFrame, { children: /* @__PURE__ */ jsx19(
             ActivityRail,
             {
               items: group.items,
@@ -8607,7 +8647,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__ */ jsx19(ActivityRail, { items: activityItems, startupActive: false, bare: true });
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = renderFoldedGroups(group.groups, {
         renderMessageActions,
@@ -8624,7 +8664,7 @@ var TimelineGroupView = memo(function TimelineGroupView2({
         turnSummary
       });
       const durationMs = durationBetween(group.startedAt, group.endedAt);
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         TurnSummary,
         {
           items: activityItems,
@@ -8638,16 +8678,16 @@ var TimelineGroupView = memo(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx18(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx19(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__ */ jsx19("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx19(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         TimelineRow,
         {
           item: group.item,
@@ -8664,7 +8704,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__ */ jsx19(
     TimelineGroupRenderBoundary,
     {
       resetKeys: [
@@ -8682,13 +8722,13 @@ function renderFoldedGroups(groups, behavior, readableWork = false) {
         behavior.loadVideoArtifactPlayback,
         behavior.turnSummary
       ],
-      children: readableWork ? /* @__PURE__ */ jsx18(
+      children: readableWork ? /* @__PURE__ */ jsx19(
         "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__ */ jsx19(TimelineGroupView, { ...behavior, group: child, insideTurn: true, startupDismissed: true })
         }
-      ) : /* @__PURE__ */ jsx18(TimelineGroupView, { ...behavior, group: child, insideTurn: true, nestClusterChips: nestClusters })
+      ) : /* @__PURE__ */ jsx19(TimelineGroupView, { ...behavior, group: child, insideTurn: true, nestClusterChips: nestClusters })
     },
     timelineGroupKey(child)
   ));
@@ -8699,10 +8739,10 @@ function compactedLandmarkCount(groups) {
   ).length;
 }
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx18(Fragment6, { children });
+  return /* @__PURE__ */ jsx19(Fragment6, { children });
 }
 function TurnRailFrame({ children, compact = false }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -8893,7 +8933,7 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         UserMessageRow,
         {
           item,
@@ -8902,9 +8942,9 @@ function TimelineRow({
         }
       );
     case "human-input":
-      return /* @__PURE__ */ jsx18(HumanInputConversationRow, { item });
+      return /* @__PURE__ */ jsx19(HumanInputConversationRow, { item });
     case "agent-message":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         AgentMessageRow,
         {
           item,
@@ -8913,13 +8953,13 @@ function TimelineRow({
         }
       );
     case "worker-completion":
-      return /* @__PURE__ */ jsx18(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx19(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx18(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx19(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx18(GoalRow, { item });
+      return /* @__PURE__ */ jsx19(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx18(
+      return /* @__PURE__ */ jsx19(
         MachineInputBatchRow,
         {
           item,
@@ -8928,11 +8968,11 @@ function TimelineRow({
         }
       );
     case "notice":
-      return /* @__PURE__ */ jsx18(NoticeRow, { item });
+      return /* @__PURE__ */ jsx19(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx18(CompactionRow, { item });
+      return /* @__PURE__ */ jsx19(CompactionRow, { item });
     case "auth-needed":
-      return renderAuthNeeded?.(item) ?? /* @__PURE__ */ jsx18(
+      return renderAuthNeeded?.(item) ?? /* @__PURE__ */ jsx19(
         AuthNeededRow,
         {
           item,
@@ -8958,7 +8998,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__ */ jsx19("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -8967,20 +9007,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__ */ jsxs14("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx19(ShrinkIcon2, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx18("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx19("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "time",
     {
       dateTime: occurredAt,
@@ -9000,28 +9040,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__ */ jsx19("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs14("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
+    /* @__PURE__ */ jsx19(
       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__ */ jsxs14(Fragment6, { children: [
           renderMessageActions?.(item),
-          /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt })
+          /* @__PURE__ */ jsx19(MessageFooterTime, { occurredAt: item.occurredAt })
         ] }),
-        children: /* @__PURE__ */ jsxs13("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-          item.text ? /* @__PURE__ */ jsx18(
+        children: /* @__PURE__ */ jsxs14("div", { className: MESSAGE_BUBBLE_CLASS, children: [
+          item.text ? /* @__PURE__ */ jsx19(
             "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__ */ jsx19(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx19(Markdown, { children: item.text }) })
             }
           ) : null,
-          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
+          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx19(
             TimelineAnnotationCards,
             {
               annotations: item.annotations ?? [],
@@ -9031,18 +9071,18 @@ ${annotation.note}`).join("\n\n"),
         ] })
       }
     ),
-    deliveryFailed ? /* @__PURE__ */ jsxs13(
+    deliveryFailed ? /* @__PURE__ */ jsxs14(
       "div",
       {
         role: "status",
         className: "flex max-w-full flex-col items-start gap-1 px-1 text-og-xs text-og-status-failed",
         children: [
-          /* @__PURE__ */ jsxs13("span", { className: "flex min-w-0 items-start gap-1", children: [
-            /* @__PURE__ */ jsx18(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx18("span", { className: "min-w-0 break-words", children: item.delivery?.error || "Message not sent" })
+          /* @__PURE__ */ jsxs14("span", { className: "flex min-w-0 items-start gap-1", children: [
+            /* @__PURE__ */ jsx19(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx19("span", { className: "min-w-0 break-words", children: item.delivery?.error || "Message not sent" })
           ] }),
-          /* @__PURE__ */ jsxs13("div", { className: "flex flex-wrap items-center gap-2", children: [
-            item.delivery?.onEdit ? /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-2", children: [
+            item.delivery?.onEdit ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -9051,7 +9091,7 @@ ${annotation.note}`).join("\n\n"),
                 children: "Edit message"
               }
             ) : null,
-            item.delivery?.onRetry ? /* @__PURE__ */ jsx18(
+            item.delivery?.onRetry ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -9060,7 +9100,7 @@ ${annotation.note}`).join("\n\n"),
                 children: "Retry"
               }
             ) : null,
-            item.delivery?.onRemove ? /* @__PURE__ */ jsx18(
+            item.delivery?.onRemove ? /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -9083,26 +9123,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__ */ jsxs14(
     "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__ */ jsxs14("div", { className: "flex max-w-[90%] items-start gap-3 rounded-og-lg rounded-bl-og-xs border border-og-border bg-og-surface-1 px-3.5 py-3 sm:max-w-[82%]", children: [
+          /* @__PURE__ */ jsx19("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__ */ jsx19(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
+          /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx19("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
+            /* @__PURE__ */ jsx19("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs14("div", { children: [
+              question.label ? /* @__PURE__ */ jsxs14("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs14("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                   index + 1,
                   "."
                 ] }) : null,
                 multipleQuestions ? " " : null,
                 question.label
               ] }) : null,
-              /* @__PURE__ */ jsxs13(
+              /* @__PURE__ */ jsxs14(
                 "p",
                 {
                   className: cn(
@@ -9110,7 +9150,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__ */ jsxs14("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                       index + 1,
                       "."
                     ] }) : null,
@@ -9119,29 +9159,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__ */ jsx19("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__ */ jsx19("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx19(
           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__ */ jsx19(MessageFooterTime, { occurredAt: item.occurredAt }),
+            children: /* @__PURE__ */ jsxs14("div", { className: MESSAGE_BUBBLE_CLASS, children: [
+              /* @__PURE__ */ jsx19("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
+              item.response.outcome === "answered" ? /* @__PURE__ */ jsx19("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs14("div", { children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs14("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                  /* @__PURE__ */ jsxs14("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                     questionNumberById.get(answer.questionId) ?? answerIndex + 1,
                     "."
                   ] }),
                   " ",
                   answer.label
                 ] }) : null,
-                /* @__PURE__ */ jsx18("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx18("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx18("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx18("p", { children: answer.values[0] || "Answered" }) })
-              ] }, answer.questionId)) : /* @__PURE__ */ jsx18("p", { children: "Answered" }) }) : null
+                /* @__PURE__ */ jsx19("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx19("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx19("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx19("p", { children: answer.values[0] || "Answered" }) })
+              ] }, answer.questionId)) : /* @__PURE__ */ jsx19("p", { children: "Answered" }) }) : null
             ] })
           }
         ) })
@@ -9169,19 +9209,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__ */ jsx19(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx19(
     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__ */ jsxs14(Fragment6, { children: [
         renderMessageActions?.(item),
-        /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt })
+        /* @__PURE__ */ jsx19(MessageFooterTime, { occurredAt: item.occurredAt })
       ] }),
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx19(
         "div",
         {
           "data-og-wide-table-message": "",
@@ -9230,7 +9270,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState14(false);
+  const [open, setOpen] = useState15(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && !!item.pausedReason?.trim();
@@ -9240,17 +9280,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__ */ jsx19("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs14("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2.5", children: [
+      /* @__PURE__ */ jsx19("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx19(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx19("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs14("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx19("span", { className: "font-medium", children: meta.label }),
+        item.goalText ? /* @__PURE__ */ jsxs14("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
         ] }) : null
       ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs13(
+      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -9262,13 +9302,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx18(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx19(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__ */ jsxs14(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx19(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -9277,14 +9317,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__ */ jsx19(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__ */ jsx19(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx19("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx19("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx19(
           "p",
           {
             className: cn(
@@ -9303,7 +9343,7 @@ function SessionStatusRow({
 }) {
   const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -9312,15 +9352,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__ */ jsx19("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1.5", children: [
+          item.resolvedAt ? null : /* @__PURE__ */ jsx19(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__ */ jsx19("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -9358,7 +9398,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__ */ jsx19("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
     "span",
     {
       className: cn(
@@ -9366,8 +9406,8 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx18(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsx19(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
         ] })
@@ -9384,7 +9424,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__ */ jsx19(
       VideoGenerationResultRow,
       {
         result: single.result,
@@ -9394,15 +9434,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__ */ jsxs14("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
+    /* @__PURE__ */ jsxs14(
       "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__ */ jsx19("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs14(
             "span",
             {
               className: cn(
@@ -9410,23 +9450,23 @@ function MachineInputBatchRow({
                 NEUTRAL_PILL
               ),
               children: [
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx19(
                   ChevronRightIcon2,
                   {
                     "aria-hidden": true,
                     className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
                   }
                 ),
-                /* @__PURE__ */ jsx18("span", { className: "truncate", children: label })
+                /* @__PURE__ */ jsx19("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__ */ jsxs14("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: [
+            /* @__PURE__ */ jsxs14("p", { className: "text-og-xs text-og-fg-subtle", children: [
               "Received ",
-              /* @__PURE__ */ jsx18("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
+              /* @__PURE__ */ jsx19("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
             ] }),
-            item.members.map((member) => /* @__PURE__ */ jsx18(
+            item.members.map((member) => /* @__PURE__ */ jsx19(
               MachineInputRow,
               {
                 member,
@@ -9439,7 +9479,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__ */ jsx19("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({
@@ -9448,7 +9488,7 @@ function MachineInputRow({
   loadVideoArtifactPlayback
 }) {
   if (member.kind === "media_generation_result" && member.result) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       VideoGenerationResultRow,
       {
         result: member.result,
@@ -9459,16 +9499,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__ */ jsxs14("div", { className: "flex min-w-0 items-start gap-2.5", children: [
+    /* @__PURE__ */ jsx19("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
+    /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx19("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      source && /* @__PURE__ */ jsxs14("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__ */ jsx19("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null,
+      /* @__PURE__ */ jsx19(
         ChildSessionLink,
         {
           kind: member.kind,
@@ -9486,7 +9526,7 @@ function VideoGenerationResultRow({
 }) {
   const enter = useEntranceAnimation();
   if (result.status !== "ready") {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "div",
       {
         className: cn(
@@ -9494,18 +9534,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__ */ jsxs14("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
+            /* @__PURE__ */ jsx19(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__ */ jsx19("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__ */ jsxs14(
     "section",
     {
       "aria-label": "Generated video",
@@ -9515,18 +9555,18 @@ function VideoGenerationResultRow({
         compact && "max-w-lg"
       ),
       children: [
-        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx18(
+        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx19(
           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__ */ jsx19("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx19(PlayIcon, { "aria-hidden": true, className: "size-6" }) }),
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx19("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
+            /* @__PURE__ */ jsxs14("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
               facts.width,
               "\xD7",
               facts.height,
@@ -9535,7 +9575,7 @@ function VideoGenerationResultRow({
               facts.hasAudio ? " \xB7 Audio" : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx18(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
+          /* @__PURE__ */ jsx19(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
         ] })
       ]
     }
@@ -9546,33 +9586,33 @@ function formatVideoDuration(seconds) {
 }
 function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
-  if (item.allowance) return /* @__PURE__ */ jsx18(AllowanceExhaustedRow, { refusal: item.allowance });
+  if (item.allowance) return /* @__PURE__ */ jsx19(AllowanceExhaustedRow, { refusal: item.allowance });
   if (item.recordedOutcome) {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "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__ */ jsxs14("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
+            /* @__PURE__ */ jsx19(
               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__ */ jsx19("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__ */ jsx19("p", { className: "mt-1 whitespace-pre-wrap break-words pl-5 text-og-fg-muted", children: item.text })
         ]
       }
     );
   }
   const resolvedApproval = Boolean(item.resolvedAt && item.text.startsWith("Approval needed"));
   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__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -9582,20 +9622,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        resolvedApproval ? /* @__PURE__ */ jsx18(CheckIcon2, { className: "mt-0.5 size-4 shrink-0 opacity-70", "aria-hidden": "true" }) : /* @__PURE__ */ jsx18(
+        resolvedApproval ? /* @__PURE__ */ jsx19(CheckIcon2, { className: "mt-0.5 size-4 shrink-0 opacity-70", "aria-hidden": "true" }) : /* @__PURE__ */ jsx19(
           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: resolvedApproval ? "You responded to this approval." : 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__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx19("span", { className: "whitespace-pre-wrap break-words", children: resolvedApproval ? "You responded to this approval." : item.text }),
+          item.details ? /* @__PURE__ */ jsxs14("details", { className: "mt-2 text-og-control", children: [
+            /* @__PURE__ */ jsx19("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx19("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__ */ jsx19(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
@@ -9614,22 +9654,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__ */ jsxs14(Fragment6, { children: [
       "Waited",
       target,
       " \xB7",
       " ",
-      /* @__PURE__ */ jsx18("time", { dateTime: `PT${Math.floor(waitedMs / 1e3)}S`, children: formatElapsed(waitedMs) })
+      /* @__PURE__ */ jsx19("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__ */ jsxs14(Fragment6, { 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__ */ jsx19("time", { dateTime: item.occurredAt, children: sameDay ? formatClockTime(item.occurredAt) : started.toLocaleString(void 0, { dateStyle: "medium", timeStyle: "short" }) })
   ] });
 }
 function AuthNeededRow({
@@ -9638,8 +9678,8 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState14(false);
-  const [failed, setFailed] = useState14(false);
+  const [busy, setBusy] = useState15(false);
+  const [failed, setFailed] = useState15(false);
   const recommendation = item.capability ?? null;
   const provider = recommendation?.name ?? (item.serverId === "codex_apps" ? "Codex Apps" : providerLabel(item.providerDomain));
   const unavailable = item.reason === "personal_authority_unavailable" || item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
@@ -9662,30 +9702,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__ */ jsxs14("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
+    /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+        /* @__PURE__ */ jsx19(
           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__ */ jsxs14("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx19("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
+          /* @__PURE__ */ jsx19("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
+          recommendation ? /* @__PURE__ */ jsxs14("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__ */ jsxs14("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Needs variables: ",
             recommendation.requiredVariables.join(", ")
           ] }) : null
         ] })
       ] }),
-      hostAuthorizationUrl ? /* @__PURE__ */ jsxs13(
+      hostAuthorizationUrl ? /* @__PURE__ */ jsxs14(
         "a",
         {
           href: hostAuthorizationUrl,
@@ -9696,11 +9736,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__ */ jsx19(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs13(
+      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -9711,11 +9751,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__ */ jsx19(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__ */ jsxs14(
         "a",
         {
           href: item.authorizationUrl,
@@ -9726,14 +9766,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__ */ jsx19(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__ */ jsx19("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__ */ jsxs14("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
       " ",
@@ -9743,15 +9783,15 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState14(false);
-  useEffect9(() => setFailed(false), [src]);
+  const [failed, setFailed] = useState15(false);
+  useEffect10(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "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__ */ jsx19(
         "img",
         {
           src,
@@ -9761,7 +9801,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx18("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx19("span", { children: monogram(label) })
     }
   );
 }
@@ -9806,7 +9846,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 jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var loadQueueSurface = () => import("./queue-surface-implementation-ZHFI5JBP.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
@@ -9817,21 +9857,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__ */ jsx20(EmptyQueueStateSurface, { queue });
     }
-    return /* @__PURE__ */ jsx19(Suspense5, { fallback: /* @__PURE__ */ jsx19(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx19(LazyQueueSurface, { ...props }) });
+    return /* @__PURE__ */ jsx20(Suspense5, { fallback: /* @__PURE__ */ jsx20(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx20(LazyQueueSurface, { ...props }) });
   };
 }
 function QueueSurfaceFallback() {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "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__ */ jsx20("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
+        /* @__PURE__ */ jsx20(
           Loader2Icon,
           {
             "aria-hidden": "true",
@@ -9902,7 +9942,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 Fragment7, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function ChatComposer({
   composer,
   responsiveBasis,
@@ -9964,15 +10004,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__ */ jsx21(Fragment7, { children: /* @__PURE__ */ jsxs16(Root, { controller, responsiveBasis, className, children: [
+    /* @__PURE__ */ jsxs16(Frame, { children: [
+      /* @__PURE__ */ jsx21(CommandPalette, {}),
+      /* @__PURE__ */ jsxs16(Surface, { className: surfaceClassName, children: [
+        /* @__PURE__ */ jsx21(PausedState, {}),
+        /* @__PURE__ */ jsx21(RestoredResources, {}),
+        /* @__PURE__ */ jsx21(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__ */ jsx21("div", { className: "px-3.5 pt-2 md:px-4", children: /* @__PURE__ */ jsx21(
           TimelineAnnotationsChip,
           {
             annotations: composer.annotations,
@@ -9984,21 +10024,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__ */ jsx21(Input, { ...inputProps, placeholder, autoFocus }),
+        controller.confirmState ? /* @__PURE__ */ jsx21(Confirmation, {}) : footer !== void 0 ? footer : /* @__PURE__ */ jsx21(
           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__ */ jsxs16(LayoutGroup, { id: "og-composer-footer", children: [
+              hasControls ? /* @__PURE__ */ jsxs16(
                 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__ */ jsx21(AttachButton, { className: attachButtonClassName }),
+                    transcription ? /* @__PURE__ */ jsx21(
                       ComposerTranscriptionControl,
                       {
                         ...transcription,
@@ -10006,13 +10046,13 @@ function ChatComposer({
                         className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
                       }
                     ) : null,
-                    models ? /* @__PURE__ */ jsx20(
+                    models ? /* @__PURE__ */ jsx21(
                       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__ */ jsx21(
                           ModelPicker,
                           {
                             models,
@@ -10022,7 +10062,7 @@ function ChatComposer({
                         )
                       }
                     ) : null,
-                    controlsStart ? /* @__PURE__ */ jsx20(
+                    controlsStart ? /* @__PURE__ */ jsx21(
                       motion4.span,
                       {
                         layout: true,
@@ -10033,16 +10073,16 @@ function ChatComposer({
                     ) : null
                   ]
                 }
-              ) : /* @__PURE__ */ jsx20(Hint, { children: hint }),
-              /* @__PURE__ */ jsxs15(
+              ) : /* @__PURE__ */ jsx21(Hint, { children: hint }),
+              /* @__PURE__ */ jsxs16(
                 Actions,
                 {
                   className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
                   children: [
                     actionsStart,
-                    /* @__PURE__ */ jsx20(PauseButton, {}),
-                    /* @__PURE__ */ jsx20(StopButton, {}),
-                    /* @__PURE__ */ jsx20(SendButton, {})
+                    /* @__PURE__ */ jsx21(PauseButton, {}),
+                    /* @__PURE__ */ jsx21(StopButton, {}),
+                    /* @__PURE__ */ jsx21(SendButton, {})
                   ]
                 }
               )
@@ -10051,8 +10091,8 @@ function ChatComposer({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx20(Help, {}),
-    /* @__PURE__ */ jsx20(Status, {})
+    /* @__PURE__ */ jsx21(Help, {}),
+    /* @__PURE__ */ jsx21(Status, {})
   ] }) });
 }
 
@@ -10078,8 +10118,8 @@ import {
   TargetIcon as TargetIcon3
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion5, useReducedMotion as useReducedMotion4 } from "motion/react";
-import { useEffect as useEffect10, useId as useId4, useMemo as useMemo6, useRef as useRef10, useState as useState15 } from "react";
-import { Fragment as Fragment8, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useId as useId4, useMemo as useMemo6, useRef as useRef10, useState as useState16 } from "react";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
   waiting: "Waiting",
@@ -10093,14 +10133,28 @@ var GOAL_LABEL = {
 };
 var GOAL_PAUSED_REASON_SUFFIX = {
   max_auto_continuations: "cap",
-  limits: "budget",
+  limits: "limits",
+  model_unavailable: "model",
+  model_policy: "policy",
+  credits: "credits",
+  budget: "budget",
+  usage_limit: "usage limit",
+  usage_policy: "limits",
+  allowance: "allowance",
   user_pause: "manually",
   api: "manually",
   agent: "agent"
 };
 var GOAL_PAUSED_REASON_EXPLANATION = {
   max_auto_continuations: "Paused at the automatic continuation cap. New input (a child result, an agent message, or your prompt) resumes it; you can also resume it here.",
-  limits: "Paused because budget or usage limits block another run. Resume once limits allow.",
+  limits: "Paused by an admission limit. Resume when the blocker is resolved.",
+  model_unavailable: "The selected model is unavailable. Choose an available model before resuming.",
+  model_policy: "The selected model is blocked by policy. Choose an allowed model before resuming.",
+  credits: "Insufficient Opengeni credits. Add credits before resuming.",
+  budget: "Monthly model spending limit reached. Resume when the spending limit allows.",
+  usage_limit: "Monthly agent run limit reached. Resume when the run limit allows.",
+  usage_policy: "The application's usage policy blocks another run. Resume when it allows.",
+  allowance: "Opengeni usage allowance exhausted. Resume when your allowance is available.",
   user_pause: "Paused manually by a person or an API call. Resume to let the goal continue on its own.",
   api: "Paused manually by a person or an API call. Resume to let the goal continue on its own.",
   agent: "Paused by the agent: it is waiting on a human decision before continuing."
@@ -10116,6 +10170,8 @@ function sessionChromeGoalPillExplanation(state, record) {
     return "Resolve the session failure, then use Continue or send a message to continue this active goal.";
   }
   if (state === "paused") {
+    const rationale = record?.rationale?.trim();
+    if (rationale) return rationale;
     return record?.pausedReason ? GOAL_PAUSED_REASON_EXPLANATION[record.pausedReason] ?? null : null;
   }
   if (state === "scheduled") {
@@ -10199,8 +10255,8 @@ function formatCoarseElapsed(ms) {
 }
 function useLiveElapsed(startIso, live, endIso) {
   const start = startIso ? Date.parse(startIso) : Number.NaN;
-  const [now, setNow] = useState15(() => Date.now());
-  useEffect10(() => {
+  const [now, setNow] = useState16(() => Date.now());
+  useEffect11(() => {
     if (!live) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -10273,7 +10329,7 @@ function SessionChrome({
   onActiveChange
 }) {
   const formatError = useErrorMessage();
-  const [activityRequested, setActivityOpen] = useState15(
+  const [activityRequested, setActivityOpen] = useState16(
     Boolean(defaultActive && ["incoming", "agents", "commands"].includes(defaultActive))
   );
   const reactId = useId4();
@@ -10303,7 +10359,7 @@ function SessionChrome({
     queue.queue,
     queue.mutationFor
   );
-  const [activeUncontrolled, setActiveUncontrolled] = useState15(
+  const [activeUncontrolled, setActiveUncontrolled] = useState16(
     () => sessionChromeInitialActive({
       defaultActive,
       authoritativeQueuedCount: initialAuthoritativeQueuedCount
@@ -10314,13 +10370,13 @@ function SessionChrome({
   const openedQueueTargetRef = useRef10(null);
   const focusedQueueTargetRef = useRef10(null);
   const queueTargetKey = queueFocusTarget ? `${queueFocusTarget.turnId}:${queueFocusTarget.requestId}` : null;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!queueTargetKey || openedQueueTargetRef.current === queueTargetKey) return;
     openedQueueTargetRef.current = queueTargetKey;
     if (activeControlled === void 0) setActiveUncontrolled("queue");
     onActiveChange?.("queue");
   }, [queueTargetKey, activeControlled, onActiveChange]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!queueFocusTarget || active !== "queue" || focusedQueueTargetRef.current === queueTargetKey)
       return;
     const root = rootRef.current;
@@ -10373,7 +10429,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__ */ jsx22(InboxIcon, { className: "size-3" })
       });
     }
     const queuedCount = queuedTurns.length + optimisticQueued.length;
@@ -10390,7 +10446,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__ */ jsx22(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx22(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx22(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
@@ -10402,7 +10458,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__ */ jsx22(TargetIcon3, { className: "size-3" })
       });
     }
     if (agentsSignal && agentsSignal.count > 0) {
@@ -10412,7 +10468,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__ */ jsx22(BotIcon3, { className: "size-3" })
       });
     }
     if (commandsCount > 0 || active === "commands" && hasCommandsPanel) {
@@ -10420,7 +10476,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__ */ jsx22(TerminalIcon2, { className: "size-3" })
       });
     }
     return rows;
@@ -10440,8 +10496,8 @@ function SessionChrome({
   ]);
   const optimisticQueueKeys = optimisticQueued.map((message) => message.clientEventId).join(",");
   const previousOptimisticQueueKeys = useRef10(optimisticQueueKeys);
-  const [queueArrivalNonce, setQueueArrivalNonce] = useState15(0);
-  useEffect10(() => {
+  const [queueArrivalNonce, setQueueArrivalNonce] = useState16(0);
+  useEffect11(() => {
     const previous = new Set(previousOptimisticQueueKeys.current.split(",").filter(Boolean));
     const arrived = optimisticQueued.some((message) => !previous.has(message.clientEventId));
     previousOptimisticQueueKeys.current = optimisticQueueKeys;
@@ -10452,13 +10508,13 @@ function SessionChrome({
     }
   }, [active, activeControlled, optimisticQueueKeys, optimisticQueued]);
   const queueOccupied = queuedTurns.length > 0 || optimisticQueued.length > 0;
-  useEffect10(() => {
+  useEffect11(() => {
     if (queueOccupied) return;
     queueOfferAdmissionSuppressedRef.current = false;
     queueOfferDismissedSessionIdsRef.current.clear();
   }, [queueOccupied]);
   const queueOfferSuppressed = queueOfferAdmissionSuppressedRef.current || occupancySessionId != null && queueOfferDismissedSessionIdsRef.current.has(occupancySessionId);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!sessionChromeShouldOfferQueue({
       controlled: activeControlled !== void 0,
       active,
@@ -10479,28 +10535,28 @@ function SessionChrome({
     queueOfferSuppressed,
     queuedTurns.length
   ]);
-  const [replaceDraftFor, setReplaceDraftFor] = useState15(null);
+  const [replaceDraftFor, setReplaceDraftFor] = useState16(null);
   const chipRefs = useRef10({});
   const railRef = useRef10(null);
-  const [pill, setPill] = useState15({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
+  const [pill, setPill] = useState16({ left: 0, top: 0, width: 0, height: 0, opacity: 0 });
   const signalIds = signals.map((signal) => signal.id).join(",");
-  useEffect10(() => {
+  useEffect11(() => {
     if (!signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)))
       setActivityOpen(false);
   }, [signals]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (active && !signalIds.split(",").includes(active)) {
       if (activeControlled === void 0) setActiveUncontrolled(null);
       onActiveChange?.(null);
     }
   }, [active, activeControlled, onActiveChange, signalIds]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (active !== "queue" || !replaceDraftFor) return;
     if (!queuedTurns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
   }, [active, queuedTurns, replaceDraftFor]);
-  useEffect10(() => {
+  useEffect11(() => {
     const rail = railRef.current;
     const measure = () => {
       if (!rail || !active) {
@@ -10540,14 +10596,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__ */ jsx22(
     IncomingPanel,
     {
       inputs: incoming,
       onDismiss: onDismissIncoming,
       onOpenSession
     }
-  ) : active === "queue" ? /* @__PURE__ */ jsx21(
+  ) : active === "queue" ? /* @__PURE__ */ jsx22(
     QueuePanel,
     {
       turns: queuedTurns,
@@ -10605,8 +10661,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__ */ jsx22(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "commands" ? /* @__PURE__ */ jsx22("div", { "data-og-session-chrome-panel": "commands", children: commandsPanel }) : active === "agents" ? /* @__PURE__ */ jsx22("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx22("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
+  return /* @__PURE__ */ jsx22(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx22(
     "div",
     {
       className: cn("og-session-chrome og-root w-full", className),
@@ -10614,7 +10670,7 @@ function SessionChrome({
       ref: rootRef,
       "data-og-session-chrome": "",
       "data-og-session-chrome-open": open ? "true" : "false",
-      children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsxs17(
         "div",
         {
           className: cn(
@@ -10630,7 +10686,7 @@ function SessionChrome({
             transitionTimingFunction: "var(--_og-session-chrome-ease)"
           },
           children: [
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               "div",
               {
                 className: "relative",
@@ -10640,7 +10696,7 @@ function SessionChrome({
                   paddingLeft: "var(--og-session-chrome-rail-pad)",
                   paddingRight: "var(--og-session-chrome-rail-pad)"
                 },
-                children: /* @__PURE__ */ jsxs16(
+                children: /* @__PURE__ */ jsxs17(
                   "div",
                   {
                     ref: railRef,
@@ -10649,7 +10705,7 @@ function SessionChrome({
                       gap: "10px"
                     },
                     children: [
-                      /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx22(
                         motion5.div,
                         {
                           "aria-hidden": true,
@@ -10671,7 +10727,7 @@ function SessionChrome({
                       ),
                       signals.filter((signal) => !["incoming", "agents", "commands"].includes(signal.id)).map((signal) => {
                         const selected = active === signal.id;
-                        return /* @__PURE__ */ jsxs16(
+                        return /* @__PURE__ */ jsxs17(
                           "div",
                           {
                             role: "group",
@@ -10682,7 +10738,7 @@ function SessionChrome({
                               selected && "bg-og-surface-3"
                             ),
                             children: [
-                              /* @__PURE__ */ jsxs16(
+                              /* @__PURE__ */ jsxs17(
                                 "button",
                                 {
                                   type: "button",
@@ -10711,7 +10767,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__ */ jsx22(
                                       motion5.span,
                                       {
                                         "aria-hidden": "true",
@@ -10723,26 +10779,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__ */ jsx22("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
+                                    /* @__PURE__ */ jsxs17("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__ */ jsxs17("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: [
+                                record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx22(
                                   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__ */ jsx22(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx22(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx22(PauseIcon2, { className: "size-3" })
                                   }
                                 ) : null,
-                                /* @__PURE__ */ jsx21(
+                                /* @__PURE__ */ jsx22(
                                   IconAction,
                                   {
                                     label: "Clear goal",
@@ -10750,10 +10806,10 @@ function SessionChrome({
                                     danger: true,
                                     disabled: goal.updating,
                                     onClick: () => void goal.deleteGoal(),
-                                    children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
+                                    children: /* @__PURE__ */ jsx22(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__ */ jsx22("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: /* @__PURE__ */ jsx22(
                                 IconAction,
                                 {
                                   label: "Steer first queued message",
@@ -10762,7 +10818,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__ */ jsx22(CornerDownRightIcon, { className: "size-3" })
                                 }
                               ) }) : null
                             ]
@@ -10770,7 +10826,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__ */ jsxs17(
                         "button",
                         {
                           type: "button",
@@ -10792,27 +10848,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__ */ jsx22(ActivityIcon, { className: "size-3.5" }),
+                            /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Activity" }),
+                            commandsCount > 0 ? /* @__PURE__ */ jsxs17(Fragment8, { children: [
+                              /* @__PURE__ */ jsx22(
                                 "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__ */ jsxs17("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__ */ jsx22("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
                           ]
                         }
                       ) : null,
-                      stopping ? /* @__PURE__ */ jsxs16(
+                      stopping ? /* @__PURE__ */ jsxs17(
                         "span",
                         {
                           role: "status",
@@ -10820,7 +10876,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__ */ jsx22(
                               Loader2Icon2,
                               {
                                 "aria-hidden": "true",
@@ -10836,7 +10892,7 @@ function SessionChrome({
                 )
               }
             ),
-            /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: activityOpen ? /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(AnimatePresence4, { initial: false, children: activityOpen ? /* @__PURE__ */ jsx22(
               motion5.div,
               {
                 initial: { height: 0, opacity: 0 },
@@ -10844,7 +10900,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__ */ jsx22("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__ */ jsxs17(
                   "button",
                   {
                     type: "button",
@@ -10866,11 +10922,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__ */ jsxs17("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
               "Goal action not confirmed. ",
               formatError(goal.mutationError)
             ] }) : null,
-            /* @__PURE__ */ jsx21(
+            /* @__PURE__ */ jsx22(
               "div",
               {
                 id: panelId,
@@ -10886,7 +10942,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__ */ jsx22("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs17(
                   "div",
                   {
                     className: cn(
@@ -10899,7 +10955,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__ */ jsx22(AnimatePresence4, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx22(
                         motion5.div,
                         {
                           "data-og-session-chrome-panel-frame": active,
@@ -10917,7 +10973,7 @@ function SessionChrome({
                         },
                         active
                       ) : null }),
-                      active === "commands" ? /* @__PURE__ */ jsx21(
+                      active === "commands" ? /* @__PURE__ */ jsx22(
                         motion5.div,
                         {
                           initial: reduceMotion ? false : { opacity: 0 },
@@ -10943,20 +10999,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__ */ jsxs17("div", { children: [
+    /* @__PURE__ */ jsx22("p", { className: "mb-2 text-og-xs text-og-fg-subtle", children: "Waiting to be included in an agent turn." }),
+    /* @__PURE__ */ jsx22(
       "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__ */ jsxs17(
           "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__ */ jsx22(
                 "span",
                 {
                   className: cn(
@@ -10966,9 +11022,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__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx22("p", { className: "break-words text-og-xs leading-4 text-og-fg", children: input.summary }),
+                /* @__PURE__ */ jsx22(
                   ChildSessionLink,
                   {
                     kind: input.kind,
@@ -10977,14 +11033,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__ */ jsx22("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__ */ jsx22(
                 IconAction,
                 {
                   label: `Dismiss incoming ${pendingKindLabel(input.kind)}`,
                   tip: "Dismiss",
                   onClick: () => onDismiss(input.id),
                   danger: true,
-                  children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
+                  children: /* @__PURE__ */ jsx22(Trash2Icon2, { className: "size-3" })
                 }
               ) }) : null
             ]
@@ -11017,10 +11073,10 @@ function QueuePanel({
 }) {
   const reduceMotion = useReducedMotion4();
   const turnIdsKey = turns.map((turn) => turn.id).join(",");
-  const [interactiveTurnIds, setInteractiveTurnIds] = useState15(
+  const [interactiveTurnIds, setInteractiveTurnIds] = useState16(
     () => /* @__PURE__ */ new Set()
   );
-  useEffect10(() => {
+  useEffect11(() => {
     const visibleTurnIds = new Set(turnIdsKey ? turnIdsKey.split(",") : []);
     setInteractiveTurnIds((current) => {
       const retained = new Set([...current].filter((turnId) => visibleTurnIds.has(turnId)));
@@ -11033,7 +11089,7 @@ function QueuePanel({
     );
     return () => clearTimeout(timer);
   }, [reduceMotion, turnIdsKey]);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "ol",
     {
       className: "flex flex-col gap-0.5",
@@ -11049,52 +11105,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__ */ jsxs17(
             "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__ */ jsxs17("div", { className: "flex items-start gap-1.5", children: [
+                  voice ? /* @__PURE__ */ jsx22(
                     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__ */ jsx22("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                  /* @__PURE__ */ jsx22(
                     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__ */ jsxs17("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__ */ jsxs17(Fragment8, { children: [
+                      /* @__PURE__ */ jsx22(
                         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__ */ jsx22(ArrowUpIcon2, { className: "size-3" })
                         }
                       ),
-                      /* @__PURE__ */ jsx21(
+                      /* @__PURE__ */ jsx22(
                         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__ */ jsx22(ArrowDownIcon2, { className: "size-3" })
                         }
                       )
                     ] }) : null,
-                    onSteer ? /* @__PURE__ */ jsx21(
+                    onSteer ? /* @__PURE__ */ jsx22(
                       IconAction,
                       {
                         label: `Steer queued prompt ${index + 1}`,
@@ -11103,20 +11159,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__ */ jsx22(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx22(CornerDownRightIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onEdit ? /* @__PURE__ */ jsx21(
+                    onEdit ? /* @__PURE__ */ jsx22(
                       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__ */ jsx22(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx22(PencilIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onRemove ? /* @__PURE__ */ jsx21(
+                    onRemove ? /* @__PURE__ */ jsx22(
                       IconAction,
                       {
                         label: `Remove queued prompt ${index + 1}`,
@@ -11124,16 +11180,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__ */ jsx22(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx22(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__ */ jsxs17("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__ */ jsx22("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
+                  /* @__PURE__ */ jsx22("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__ */ jsxs17("div", { className: "mt-2 flex justify-end gap-1.5", children: [
+                    /* @__PURE__ */ jsx22(
                       "button",
                       {
                         type: "button",
@@ -11142,7 +11198,7 @@ function QueuePanel({
                         children: "Keep current draft"
                       }
                     ),
-                    /* @__PURE__ */ jsx21(
+                    /* @__PURE__ */ jsx22(
                       "button",
                       {
                         type: "button",
@@ -11158,7 +11214,7 @@ function QueuePanel({
             turn.id
           );
         }),
-        /* @__PURE__ */ jsx21(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsx22(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs17(
           motion5.li,
           {
             "aria-live": "polite",
@@ -11171,14 +11227,14 @@ 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__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx21(CompactQueueItemContent, { text: message.text, annotations: message.annotations }),
-                message.state === "failed" && message.error ? /* @__PURE__ */ jsx21("p", { className: "break-words text-og-xs", children: message.error }) : null
+              /* @__PURE__ */ jsx22("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
+              /* @__PURE__ */ jsxs17("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx22(CompactQueueItemContent, { text: message.text, annotations: message.annotations }),
+                message.state === "failed" && message.error ? /* @__PURE__ */ jsx22("p", { className: "break-words text-og-xs", children: message.error }) : null
               ] }),
-              /* @__PURE__ */ jsx21("span", { className: "sr-only", children: message.state === "failed" ? message.outcomeUnknown ? "Not confirmed" : "Message not sent" : message.state === "sending" ? "Placing in queue" : "Queued" }),
-              message.state === "failed" ? /* @__PURE__ */ jsxs16("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
-                message.retryable !== false && onRetryOptimistic ? /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx22("span", { className: "sr-only", children: message.state === "failed" ? message.outcomeUnknown ? "Not confirmed" : "Message not sent" : message.state === "sending" ? "Placing in queue" : "Queued" }),
+              message.state === "failed" ? /* @__PURE__ */ jsxs17("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
+                message.retryable !== false && onRetryOptimistic ? /* @__PURE__ */ jsx22(
                   "button",
                   {
                     type: "button",
@@ -11187,7 +11243,7 @@ function QueuePanel({
                     children: "Retry"
                   }
                 ) : null,
-                message.retryable === false && onRestoreOptimistic ? /* @__PURE__ */ jsx21(
+                message.retryable === false && onRestoreOptimistic ? /* @__PURE__ */ jsx22(
                   "button",
                   {
                     type: "button",
@@ -11196,36 +11252,36 @@ function QueuePanel({
                     children: "Edit message"
                   }
                 ) : null,
-                onRemoveOptimistic ? /* @__PURE__ */ jsx21(
+                onRemoveOptimistic ? /* @__PURE__ */ jsx22(
                   "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__ */ jsx22(XIcon2, { className: "size-3" })
                   }
                 ) : null
-              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx21(
+              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx22(
                 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__ */ jsx22(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
             ]
           },
           message.clientEventId
         )) }),
-        loadError ? /* @__PURE__ */ jsxs16(
+        loadError ? /* @__PURE__ */ jsxs17(
           "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__ */ jsx22(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
+              /* @__PURE__ */ jsx22(
                 "button",
                 {
                   type: "button",
@@ -11237,15 +11293,15 @@ function QueuePanel({
             ]
           }
         ) : null,
-        mutationError ? /* @__PURE__ */ jsxs16(
+        mutationError ? /* @__PURE__ */ jsxs17(
           "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__ */ jsx22(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx22("span", { className: "min-w-0 flex-1", children: "Not confirmed. Check the queue before retrying." }),
+              /* @__PURE__ */ jsx22(
                 "button",
                 {
                   type: "button",
@@ -11266,9 +11322,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__ */ jsxs17("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+    content === "text" ? /* @__PURE__ */ jsx22("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: text }) : content === "unavailable" ? /* @__PURE__ */ jsx22("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__ */ jsx22(TimelineAnnotationsChip, { annotations, className: "shrink-0", compact: true }) : null
   ] });
 }
 function GoalPanel({
@@ -11282,26 +11338,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__ */ jsxs17("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
+      /* @__PURE__ */ jsx22("span", { children: sessionChromeGoalPillLabel(state, record) }),
+      elapsed ? /* @__PURE__ */ jsxs17("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__ */ jsxs17("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__ */ jsx22("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
+    record.successCriteria ? /* @__PURE__ */ jsxs17("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
+      /* @__PURE__ */ jsx22("span", { className: "font-medium text-og-fg", children: "Done when" }),
       " ",
       record.successCriteria
     ] }) : null,
-    explanation ? /* @__PURE__ */ jsx21(
+    explanation ? /* @__PURE__ */ jsx22(
       "p",
       {
         "data-og-session-chrome-goal-explanation": true,
@@ -11309,20 +11365,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: formatError(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__ */ jsx22("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: formatError(record.continuation.lastError) }) : null,
+    /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
+        /* @__PURE__ */ jsxs17("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__ */ jsxs17("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__ */ jsxs17("div", { className: "flex items-center gap-0.5", children: [
+        canToggle ? /* @__PURE__ */ jsxs17(
           "button",
           {
             type: "button",
@@ -11330,12 +11386,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__ */ jsx22(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx22(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx22(PauseIcon2, { className: "size-3" }),
               record.status === "paused" ? "Resume" : "Pause"
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs17(
           "button",
           {
             type: "button",
@@ -11343,7 +11399,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__ */ jsx22(Trash2Icon2, { className: "size-3" }),
               "Clear"
             ]
           }
@@ -11352,9 +11408,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__ */ jsxs17("span", { className: "flex flex-col gap-0.5 text-left", children: [
+  /* @__PURE__ */ jsx22("span", { className: "font-medium", children: "Steer" }),
+  /* @__PURE__ */ jsx22("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";
@@ -11368,8 +11424,8 @@ function IconAction({
   danger,
   children
 }) {
-  return /* @__PURE__ */ jsxs16(Tooltip, { children: [
-    /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(Tooltip, { children: [
+    /* @__PURE__ */ jsx22(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
       "button",
       {
         type: "button",
@@ -11391,7 +11447,7 @@ function IconAction({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx21(TooltipContent, { side: "top", children: tip })
+    /* @__PURE__ */ jsx22(TooltipContent, { side: "top", children: tip })
   ] });
 }
 
@@ -11401,16 +11457,16 @@ import {
   lazy as lazy5,
   Suspense as Suspense6,
   useCallback as useCallback5,
-  useEffect as useEffect13,
+  useEffect as useEffect14,
   useMemo as useMemo8,
   useRef as useRef11,
-  useState as useState18
+  useState as useState19
 } from "react";
 
 // src/components/session-proxy-scope.tsx
 import { OpenGeniBrowserClient } from "@opengeni/sdk/browser";
-import { useEffect as useEffect11, useMemo as useMemo7, useState as useState16 } from "react";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useMemo as useMemo7, useState as useState17 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function SessionProxyScope({
   baseUrl,
   workspaceId,
@@ -11420,10 +11476,10 @@ function SessionProxyScope({
     () => new OpenGeniBrowserClient({ baseUrl, apiContract: "compatible" }),
     [baseUrl]
   );
-  const [state, setState] = useState16(
+  const [state, setState] = useState17(
     workspaceId ? { status: "ready", workspaceId } : { status: "loading" }
   );
-  useEffect11(() => {
+  useEffect12(() => {
     if (workspaceId) {
       setState({ status: "ready", workspaceId });
       return;
@@ -11453,16 +11509,16 @@ function SessionProxyScope({
     };
   }, [client, workspaceId]);
   if (state.status === "error") {
-    return /* @__PURE__ */ jsx22("div", { role: "alert", className: "og-root p-3 text-og-sm text-og-danger", "data-og-proxy-error": "", children: state.message });
+    return /* @__PURE__ */ jsx23("div", { role: "alert", className: "og-root p-3 text-og-sm text-og-danger", "data-og-proxy-error": "", children: state.message });
   }
   if (state.status === "loading") {
-    return /* @__PURE__ */ jsx22("div", { className: "og-root", "aria-busy": "true", "data-og-proxy-loading": "" });
+    return /* @__PURE__ */ jsx23("div", { className: "og-root", "aria-busy": "true", "data-og-proxy-loading": "" });
   }
-  return /* @__PURE__ */ jsx22(OpenGeniProvider, { client, workspaceId: state.workspaceId, children });
+  return /* @__PURE__ */ jsx23(OpenGeniProvider, { client, workspaceId: state.workspaceId, children });
 }
 
 // src/lib/host-theme.ts
-import { useLayoutEffect as useLayoutEffect6, useEffect as useEffect12, useState as useState17 } from "react";
+import { useLayoutEffect as useLayoutEffect6, useEffect as useEffect13, useState as useState18 } from "react";
 var HOST_THEME_ROOT_ATTRIBUTE = "data-og-host-theme";
 var HOST_THEME_ATTRIBUTES = [
   "data-theme",
@@ -11690,7 +11746,7 @@ function hostSurfaceStyle(theme, background) {
   }
   return style;
 }
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect12 : useLayoutEffect6;
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect13 : useLayoutEffect6;
 function designedTheme(overrides) {
   for (const token of ["--og-color-fg", "--og-color-bg", "--og-color-canvas"]) {
     const value = overrides[token];
@@ -11740,7 +11796,7 @@ function resolveHostThemeState(element, preference, surface) {
 function useHostTheme(ref, options) {
   const preference = options.theme ?? "auto";
   const surface = options.surface ?? "host";
-  const [state, setState] = useState17({ theme: preference === "auto" ? void 0 : preference, inherited: false, style: null });
+  const [state, setState] = useState18({ theme: preference === "auto" ? void 0 : preference, inherited: false, style: null });
   useIsomorphicLayoutEffect(() => {
     const element = ref.current;
     if (!element || typeof window === "undefined") return;
@@ -11802,19 +11858,19 @@ function useHostTheme(ref, options) {
 }
 
 // src/components/session-conversation.tsx
-import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_LABELS = {
   retry: "Retry",
   tryAgain: "Try again"
 };
 function SessionConversation({ baseUrl, ...props }) {
-  if (baseUrl === void 0) return /* @__PURE__ */ jsx23(RetryingConversation, { ...props });
+  if (baseUrl === void 0) return /* @__PURE__ */ jsx24(RetryingConversation, { ...props });
   const { client: _client, workspaceId, ...rest } = props;
-  return /* @__PURE__ */ jsx23(SessionProxyScope, { baseUrl, workspaceId, children: /* @__PURE__ */ jsx23(RetryingConversation, { ...rest }) });
+  return /* @__PURE__ */ jsx24(SessionProxyScope, { baseUrl, workspaceId, children: /* @__PURE__ */ jsx24(RetryingConversation, { ...rest }) });
 }
 function RetryingConversation(props) {
-  const [attempt, setAttempt] = useState18(0);
-  return /* @__PURE__ */ jsx23(
+  const [attempt, setAttempt] = useState19(0);
+  return /* @__PURE__ */ jsx24(
     Conversation,
     {
       ...props,
@@ -11925,7 +11981,7 @@ function Conversation({
     if (feed.error) void feed.jumpToLatest();
   };
   const running = status === "running" || status === "recovering" || status === "waiting_capacity";
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: cn(
@@ -11938,15 +11994,15 @@ function Conversation({
       "data-og-host-theme": "",
       "data-og-conversation": "",
       children: [
-        error && !loadFailed ? /* @__PURE__ */ jsxs17(
+        error && !loadFailed ? /* @__PURE__ */ jsxs18(
           "div",
           {
             role: "alert",
             className: "mx-auto flex w-full max-w-3xl shrink-0 items-center gap-3 rounded-og-md border border-og-status-failed/30 bg-og-status-failed/10 px-3 py-2 text-og-sm text-og-fg",
             "data-og-conversation-error": "",
             children: [
-              /* @__PURE__ */ jsx23("span", { className: "min-w-0 flex-1", children: formatError(error) }),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24("span", { className: "min-w-0 flex-1", children: formatError(error) }),
+              /* @__PURE__ */ jsx24(
                 "button",
                 {
                   type: "button",
@@ -11958,15 +12014,15 @@ function Conversation({
             ]
           }
         ) : null,
-        loadFailed ? /* @__PURE__ */ jsxs17(
+        loadFailed ? /* @__PURE__ */ jsxs18(
           "div",
           {
             role: "alert",
             className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 text-center",
             "data-og-conversation-error": "",
             children: [
-              /* @__PURE__ */ jsx23("p", { className: "max-w-sm text-og-base text-og-fg-muted", children: formatError(feed.error) }),
-              /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx24("p", { className: "max-w-sm text-og-base text-og-fg-muted", children: formatError(feed.error) }),
+              /* @__PURE__ */ jsx24(
                 "button",
                 {
                   type: "button",
@@ -11977,7 +12033,7 @@ function Conversation({
               )
             ]
           }
-        ) : /* @__PURE__ */ jsx23(
+        ) : /* @__PURE__ */ jsx24(
           MessageTimeline,
           {
             renderMessageText,
@@ -12007,14 +12063,14 @@ function Conversation({
             questionNavMinViewportHeight: 320
           }
         ),
-        importedArchive ? /* @__PURE__ */ jsx23("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs17(Fragment9, { children: [
-          /* @__PURE__ */ jsxs17(
+        importedArchive ? /* @__PURE__ */ jsx24("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs18(Fragment9, { children: [
+          /* @__PURE__ */ jsxs18(
             "div",
             {
               className: "relative z-20 min-h-0 max-h-[40%] shrink-0 overflow-y-auto empty:hidden",
               "data-og-conversation-inputs": "",
               children: [
-                approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx23(
+                approvals.length > 0 && !terminal ? /* @__PURE__ */ jsx24(
                   ApprovalSurface,
                   {
                     className: "mx-auto max-w-3xl",
@@ -12029,7 +12085,7 @@ function Conversation({
                     error: control.error
                   }
                 ) : null,
-                /* @__PURE__ */ jsx23(
+                /* @__PURE__ */ jsx24(
                   HumanInputSurface,
                   {
                     className: "mx-auto max-w-3xl",
@@ -12044,7 +12100,7 @@ function Conversation({
                     decisionButtons: true
                   }
                 ),
-                terminal ? /* @__PURE__ */ jsx23(SessionChrome, { queue, sessionStatus: status, readOnly: true }) : /* @__PURE__ */ jsx23(
+                terminal ? /* @__PURE__ */ jsx24(SessionChrome, { queue, sessionStatus: status, readOnly: true }) : /* @__PURE__ */ jsx24(
                   SessionChrome,
                   {
                     queue,
@@ -12056,12 +12112,12 @@ function Conversation({
               ]
             }
           ),
-          /* @__PURE__ */ jsx23(
+          /* @__PURE__ */ jsx24(
             "div",
             {
               className: "relative z-20 mx-auto w-full max-w-3xl shrink-0",
               "data-og-conversation-composer": "",
-              children: /* @__PURE__ */ jsx23(
+              children: /* @__PURE__ */ jsx24(
                 ChatComposer,
                 {
                   runControl: "stop",
@@ -12070,7 +12126,7 @@ function Conversation({
                   composer,
                   attachments: uploadsEnabled ? files : void 0,
                   disabled: terminal || composerProps?.disabled,
-                  controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx23(
+                  controlsStart: composerProps?.controlsStart ?? (showModelPicker && composer.policy && /* @__PURE__ */ jsx24(
                     ModelPolicyPicker,
                     {
                       groupPresentation: modelPickerProps?.groupPresentation,
@@ -12083,6 +12139,9 @@ function Conversation({
                       error: catalog.error?.message,
                       disabled: terminal,
                       sessionKey: sessionId,
+                      onOpenChange: (open) => {
+                        if (open) void catalog.refresh();
+                      },
                       onModelChange: (model) => composer.setModel?.(model),
                       onEffortChange: (effort) => composer.setReasoningEffort?.(effort),
                       onLatencyModeChange: (mode) => composer.setLatencyMode?.(mode)
@@ -12124,17 +12183,17 @@ function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
     };
   }, [client, sessionId]);
   return useCallback5(
-    (block) => /* @__PURE__ */ jsx23(Suspense6, { fallback: /* @__PURE__ */ jsx23("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx23(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
+    (block) => /* @__PURE__ */ jsx24(Suspense6, { fallback: /* @__PURE__ */ jsx24("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx24(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
     [scoped, workspaceId]
   );
 }
 function useClientConfigFlags(client) {
-  const [flags, setFlags] = useState18({
+  const [flags, setFlags] = useState19({
     uploads: false,
     modelSelection: false,
     sandboxFiles: false
   });
-  useEffect13(() => {
+  useEffect14(() => {
     let live = true;
     client.getClientConfig().then(
       (config) => {
@@ -12157,7 +12216,7 @@ function useClientConfigFlags(client) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback6, useEffect as useEffect14, useRef as useRef12 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect15, useRef as useRef12 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const projection = options.projection;
@@ -12193,7 +12252,7 @@ function useWorkspaceSessions(options = {}) {
   ].join("\0");
   const previousQueryKey = useRef12(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect14(() => {
+  useEffect15(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
   const load = useCallback6(
@@ -12278,8 +12337,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 useEffect15, useRef as useRef13, useState as useState19 } from "react";
-import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useRef as useRef13, useState as useState20 } from "react";
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   heading: "Chats",
   newChat: "New chat",
@@ -12308,7 +12367,7 @@ function SessionList({
   const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [limit, setLimit] = useState19(pageSize);
+  const [limit, setLimit] = useState20(pageSize);
   const list = useWorkspaceSessions({
     ...scope,
     parentSessionId: null,
@@ -12318,14 +12377,14 @@ function SessionList({
   });
   const refresh = list.refresh;
   const firstRefreshKey = useRef13(refreshKey);
-  useEffect15(() => {
+  useEffect16(() => {
     if (Object.is(refreshKey, firstRefreshKey.current)) return;
     firstRefreshKey.current = refreshKey;
     void refresh();
   }, [refresh, refreshKey]);
-  const [editing, setEditing] = useState19(null);
-  const [busy, setBusy] = useState19(null);
-  const [error, setError] = useState19(null);
+  const [editing, setEditing] = useState20(null);
+  const [busy, setBusy] = useState20(null);
+  const [error, setError] = useState20(null);
   const formatError = useErrorMessage();
   const archiveClient = context.client;
   const canArchive = archive && typeof archiveClient.updateSessionArchive === "function";
@@ -12360,16 +12419,16 @@ function SessionList({
     onArchived?.(session.id);
   });
   const sessions = list.sessions;
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(
     "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__ */ jsx24("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
-          onNewChat ? /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between gap-2 px-2 pb-1 pt-2", children: [
+          /* @__PURE__ */ jsx25("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
+          onNewChat ? /* @__PURE__ */ jsxs19(
             "button",
             {
               type: "button",
@@ -12377,22 +12436,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__ */ jsx24(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
+                /* @__PURE__ */ jsx25(PlusIcon, { className: "size-3.5", "aria-hidden": true }),
                 labels.newChat
               ]
             }
           ) : null
         ] }),
-        error || list.error ? /* @__PURE__ */ jsx24("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: formatError(error ? error.cause : list.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__ */ jsx24("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
-          !list.loading && !list.error && sessions.length === 0 ? /* @__PURE__ */ jsx24("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
+        error || list.error ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: formatError(error ? error.cause : list.error) }) : null,
+        /* @__PURE__ */ jsxs19("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__ */ jsx25("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
+          !list.loading && !list.error && sessions.length === 0 ? /* @__PURE__ */ jsx25("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__ */ jsx24("li", { children: /* @__PURE__ */ jsxs18("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
-                /* @__PURE__ */ jsx24(
+              return /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsxs19("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
+                /* @__PURE__ */ jsx25(
                   "input",
                   {
                     "aria-label": labels.rename,
@@ -12406,7 +12465,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__ */ jsx24(
+                /* @__PURE__ */ jsx25(
                   "button",
                   {
                     type: "submit",
@@ -12416,8 +12475,8 @@ function SessionList({
                 )
               ] }) }, session.id);
             }
-            return /* @__PURE__ */ jsxs18("li", { className: "group relative", children: [
-              /* @__PURE__ */ jsxs18(
+            return /* @__PURE__ */ jsxs19("li", { className: "group relative", children: [
+              /* @__PURE__ */ jsxs19(
                 "button",
                 {
                   type: "button",
@@ -12430,36 +12489,36 @@ function SessionList({
                   ),
                   "data-og-session-row": "",
                   children: [
-                    /* @__PURE__ */ jsx24("span", { className: "w-full truncate pr-12 text-og-sm text-og-fg", children: title }),
-                    /* @__PURE__ */ jsx24("span", { className: "text-og-xs text-og-fg-subtle", children: formatRelativeTime(session.updatedAt) })
+                    /* @__PURE__ */ jsx25("span", { className: "w-full truncate pr-12 text-og-sm text-og-fg", children: title }),
+                    /* @__PURE__ */ jsx25("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__ */ jsx24(
+              /* @__PURE__ */ jsxs19("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
+                rename ? /* @__PURE__ */ jsx25(
                   "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__ */ jsx24(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx25(PencilIcon2, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null,
-                canArchive ? /* @__PURE__ */ jsx24(
+                canArchive ? /* @__PURE__ */ jsx25(
                   "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__ */ jsx24(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
+                    children: /* @__PURE__ */ jsx25(ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
                   }
                 ) : null
               ] })
             ] }, session.id);
           }),
-          list.nextCursor ? /* @__PURE__ */ jsx24("li", { children: /* @__PURE__ */ jsx24(
+          list.nextCursor ? /* @__PURE__ */ jsx25("li", { children: /* @__PURE__ */ jsx25(
             "button",
             {
               type: "button",
@@ -12476,8 +12535,8 @@ function SessionList({
 
 // src/components/open-geni-chat.tsx
 import { ArrowUpIcon as ArrowUpIcon3, LoaderCircleIcon, MenuIcon, XIcon as XIcon3 } from "lucide-react";
-import { useCallback as useCallback7, useRef as useRef14, useState as useState20 } from "react";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useCallback as useCallback7, useRef as useRef14, useState as useState21 } from "react";
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   openChats: "Open chats",
   closeChats: "Close chats",
@@ -12487,9 +12546,9 @@ var DEFAULT_LABELS2 = {
   newChatUnavailable: "New chats are not enabled for this product."
 };
 function OpenGeniChat({ baseUrl, ...props }) {
-  if (baseUrl === void 0) return /* @__PURE__ */ jsx25(Chat, { ...props });
+  if (baseUrl === void 0) return /* @__PURE__ */ jsx26(Chat, { ...props });
   const { client: _client, workspaceId, ...rest } = props;
-  return /* @__PURE__ */ jsx25(SessionProxyScope, { baseUrl, workspaceId, children: /* @__PURE__ */ jsx25(Chat, { ...rest }) });
+  return /* @__PURE__ */ jsx26(SessionProxyScope, { baseUrl, workspaceId, children: /* @__PURE__ */ jsx26(Chat, { ...rest }) });
 }
 function Chat({
   client,
@@ -12510,10 +12569,10 @@ function Chat({
   const labels = { ...DEFAULT_LABELS2, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [uncontrolled, setUncontrolled] = useState20(defaultSessionId);
+  const [uncontrolled, setUncontrolled] = useState21(defaultSessionId);
   const selected = controlledSessionId !== void 0 ? controlledSessionId : uncontrolled;
-  const [drawerOpen, setDrawerOpen] = useState20(false);
-  const [listRevision, setListRevision] = useState20(0);
+  const [drawerOpen, setDrawerOpen] = useState21(false);
+  const [listRevision, setListRevision] = useState21(0);
   const root = useRef14(null);
   const hostTheme = useHostTheme(root, { theme, surface });
   const select = useCallback7(
@@ -12537,7 +12596,7 @@ function Chat({
     },
     [context.client, context.workspaceId, createSession, labels.newChatUnavailable]
   );
-  const list = /* @__PURE__ */ jsx25(
+  const list = /* @__PURE__ */ jsx26(
     SessionList,
     {
       ...scope,
@@ -12553,7 +12612,7 @@ function Chat({
       className: "h-full"
     }
   );
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       ref: root,
@@ -12566,7 +12625,7 @@ function Chat({
       "data-og-host-theme": "",
       "data-og-chat": "",
       children: [
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           "aside",
           {
             className: "og-chat-sidebar min-h-0 w-64 shrink-0 flex-col border-r border-og-border",
@@ -12574,21 +12633,21 @@ function Chat({
             children: list
           }
         ),
-        drawerOpen ? /* @__PURE__ */ jsxs19("div", { className: "og-chat-drawer absolute inset-0 z-30 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-og-lg", children: [
-            /* @__PURE__ */ jsx25("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx25(
+        drawerOpen ? /* @__PURE__ */ jsxs20("div", { className: "og-chat-drawer absolute inset-0 z-30 flex", "data-og-chat-drawer": "", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex h-full w-[min(20rem,85%)] flex-col border-r border-og-border bg-og-bg shadow-og-lg", children: [
+            /* @__PURE__ */ jsx26("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx26(
               "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__ */ jsx25(XIcon3, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx26(XIcon3, { className: "size-4", "aria-hidden": true })
               }
             ) }),
-            /* @__PURE__ */ jsx25("div", { className: "min-h-0 flex-1", children: list })
+            /* @__PURE__ */ jsx26("div", { className: "min-h-0 flex-1", children: list })
           ] }),
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26(
             "button",
             {
               type: "button",
@@ -12598,9 +12657,9 @@ function Chat({
             }
           )
         ] }) : 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 px-2 py-1", children: [
-            /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsxs20("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "og-chat-menu flex items-center gap-2 px-2 py-1", children: [
+            /* @__PURE__ */ jsx26(
               "button",
               {
                 type: "button",
@@ -12609,12 +12668,12 @@ function Chat({
                 onClick: () => setDrawerOpen(true),
                 className: "rounded p-1.5 text-og-fg-muted hover:bg-og-surface-2",
                 "data-og-chat-menu": "",
-                children: /* @__PURE__ */ jsx25(MenuIcon, { className: "size-4", "aria-hidden": true })
+                children: /* @__PURE__ */ jsx26(MenuIcon, { className: "size-4", "aria-hidden": true })
               }
             ),
-            /* @__PURE__ */ jsx25("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
+            /* @__PURE__ */ jsx26("span", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading })
           ] }),
-          /* @__PURE__ */ jsx25("div", { className: "og-chat-main min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx26("div", { className: "og-chat-main min-h-0 flex-1 px-3 pb-3 pt-1", children: selected ? /* @__PURE__ */ jsx26(
             SessionConversation,
             {
               ...conversationProps,
@@ -12622,7 +12681,7 @@ function Chat({
               sessionId: selected,
               height: "100%"
             }
-          ) : /* @__PURE__ */ jsx25(
+          ) : /* @__PURE__ */ jsx26(
             NewChat,
             {
               labels,
@@ -12643,9 +12702,9 @@ function NewChat({
   create,
   onCreated
 }) {
-  const [text, setText] = useState20("");
-  const [sending, setSending] = useState20(false);
-  const [error, setError] = useState20(null);
+  const [text, setText] = useState21("");
+  const [sending, setSending] = useState21(false);
+  const [error, setError] = useState21(null);
   const formatError = useErrorMessage();
   const idempotencyKey = useRef14(crypto.randomUUID());
   const submit = async (event) => {
@@ -12665,16 +12724,16 @@ function NewChat({
       setSending(false);
     }
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "form",
     {
       onSubmit: (event) => void submit(event),
       className: "mx-auto box-border flex h-full w-full max-w-3xl flex-col gap-4 p-3",
       "data-og-new-chat-composer": "",
       children: [
-        /* @__PURE__ */ jsx25("div", { "aria-hidden": true, className: "min-h-0 flex-[2]" }),
-        labels.newChatTitle ? /* @__PURE__ */ jsx25("p", { className: "text-center text-og-md font-medium text-og-fg", children: labels.newChatTitle }) : null,
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsx26("div", { "aria-hidden": true, className: "min-h-0 flex-[2]" }),
+        labels.newChatTitle ? /* @__PURE__ */ jsx26("p", { className: "text-center text-og-md font-medium text-og-fg", children: labels.newChatTitle }) : null,
+        /* @__PURE__ */ jsxs20(
           "div",
           {
             className: cn(
@@ -12683,7 +12742,7 @@ function NewChat({
               "focus-within:border-og-accent/50 focus-within:shadow-og-glow"
             ),
             children: [
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 "textarea",
                 {
                   value: text,
@@ -12701,7 +12760,7 @@ function NewChat({
                   className: "min-h-12 flex-1 resize-none bg-transparent py-1 text-og-composer text-og-fg outline-hidden placeholder:text-og-fg-subtle md:text-og-composer-wide"
                 }
               ),
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 "button",
                 {
                   type: "submit",
@@ -12713,17 +12772,17 @@ function NewChat({
                     "transition-[background-color,transform,opacity] duration-150 ease-og-spring",
                     "hover:bg-og-primary-hover active:scale-95 disabled:cursor-not-allowed disabled:opacity-50"
                   ),
-                  children: sending ? /* @__PURE__ */ jsx25(LoaderCircleIcon, { className: "size-4 animate-og-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx25(ArrowUpIcon3, { className: "size-4", "aria-hidden": true })
+                  children: sending ? /* @__PURE__ */ jsx26(LoaderCircleIcon, { className: "size-4 animate-og-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx26(ArrowUpIcon3, { className: "size-4", "aria-hidden": true })
                 }
               )
             ]
           }
         ),
-        error ? /* @__PURE__ */ jsx25("p", { role: "alert", className: "text-center text-og-sm text-og-status-failed", children: formatError(
+        error ? /* @__PURE__ */ jsx26("p", { role: "alert", className: "text-center text-og-sm text-og-status-failed", children: formatError(
           error.cause,
           error.cause instanceof Error && error.cause.message === labels.newChatUnavailable ? labels.newChatUnavailable : void 0
         ) }) : null,
-        /* @__PURE__ */ jsx25("div", { "aria-hidden": true, className: "min-h-0 flex-[3]" })
+        /* @__PURE__ */ jsx26("div", { "aria-hidden": true, className: "min-h-0 flex-[3]" })
       ]
     }
   );
@@ -12731,15 +12790,15 @@ function NewChat({
 
 // src/components/session-commands-panel.tsx
 import { ChevronRightIcon as ChevronRightIcon3, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
-import { useState as useState21 } from "react";
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState22 } from "react";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
 }) {
   const formatError = useErrorMessage();
-  const [pending, setPending] = useState21(null);
-  const [error, setError] = useState21(null);
+  const [pending, setPending] = useState22(null);
+  const [error, setError] = useState22(null);
   const active = state.commands.filter(
     (command) => command.state === "running" || command.state === "stopping"
   );
@@ -12754,11 +12813,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__ */ jsx26("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__ */ jsx26("span", { children: "Commands unavailable." }),
-      /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs21("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
+    state.loading && active.length === 0 ? /* @__PURE__ */ jsx27("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
+    state.error ? /* @__PURE__ */ jsxs21("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
+      /* @__PURE__ */ jsx27("span", { children: "Commands unavailable." }),
+      /* @__PURE__ */ jsx27(
         "button",
         {
           type: "button",
@@ -12768,18 +12827,18 @@ function SessionCommandsPanel({
         }
       )
     ] }) : null,
-    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx26("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
-    active.length > 0 ? /* @__PURE__ */ jsx26("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__ */ jsx27("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
+    active.length > 0 ? /* @__PURE__ */ jsx27("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs21("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs21("details", { className: "group/command", children: [
+          /* @__PURE__ */ jsxs21(
             "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__ */ jsx26(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx26(
+                /* @__PURE__ */ jsx27(ChevronRightIcon3, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
+                /* @__PURE__ */ jsx27(
                   "span",
                   {
                     className: "min-w-0 truncate",
@@ -12790,9 +12849,9 @@ function SessionCommandsPanel({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs20("div", { className: "mt-2 space-y-1", children: [
-            /* @__PURE__ */ jsx26("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
-            /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs21("div", { className: "mt-2 space-y-1", children: [
+            /* @__PURE__ */ jsx27("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
+            /* @__PURE__ */ jsxs21(
               "time",
               {
                 className: "block text-og-fg-subtle",
@@ -12806,9 +12865,9 @@ function SessionCommandsPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx26("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__ */ jsx27("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__ */ jsxs21(
         "button",
         {
           type: "button",
@@ -12817,18 +12876,18 @@ 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__ */ jsx26(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx26(SquareIcon, { className: "size-3" }),
+            pending === command.id || command.state === "stopping" ? /* @__PURE__ */ jsx27(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx27(SquareIcon, { className: "size-3" }),
             "Stop"
           ]
         }
       ) : null
     ] }, command.id)) }) : null,
-    error ? /* @__PURE__ */ jsx26("p", { role: "alert", className: "text-og-danger", children: error }) : null
+    error ? /* @__PURE__ */ jsx27("p", { role: "alert", className: "text-og-danger", children: error }) : null
   ] });
 }
 
 // src/hooks/use-session-background-commands.ts
-import { useCallback as useCallback8, useEffect as useEffect16, useRef as useRef15 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect17, useRef as useRef15 } from "react";
 function useSessionBackgroundCommands(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
@@ -12848,7 +12907,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
   });
   const refresh = state.refresh;
   const generation = useRef15(0);
-  useEffect16(() => {
+  useEffect17(() => {
     generation.current += 1;
     return () => {
       generation.current += 1;
@@ -12876,7 +12935,7 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
 }
 
 // src/components/session-commands.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function SessionCommands({
   sessionId,
   readOnly = false,
@@ -12886,11 +12945,11 @@ function SessionCommands({
     pollIntervalMs: 3e3,
     ...options
   });
-  return /* @__PURE__ */ jsx27(SessionCommandsPanel, { commands, readOnly });
+  return /* @__PURE__ */ jsx28(SessionCommandsPanel, { commands, readOnly });
 }
 
 // src/timeline/startup-timings.tsx
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var LABELS = {
   queue: "Worker queue",
   sandbox: "Sandbox",
@@ -12903,7 +12962,7 @@ var LABELS = {
 };
 function StartupTimings({ phases }) {
   if (!phases.length)
-    return /* @__PURE__ */ jsx28("p", { className: "text-og-sm text-og-fg-subtle", children: "No startup timings recorded yet." });
+    return /* @__PURE__ */ jsx29("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) ?? [];
@@ -12918,9 +12977,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__ */ jsx28("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__ */ jsx28(
+  return /* @__PURE__ */ jsxs22("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx29("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__ */ jsx29(
       StartupTurn,
       {
         ...turn,
@@ -12937,53 +12996,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__ */ jsx28("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
-      /* @__PURE__ */ jsx28("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
+  return /* @__PURE__ */ jsxs22("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
+    /* @__PURE__ */ jsxs22("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__ */ jsx29("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
+      /* @__PURE__ */ jsx29("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__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         "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__ */ jsx28("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__ */ jsx29("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__ */ jsxs22("div", { className: "pb-2", children: [
+      /* @__PURE__ */ jsxs22("p", { className: "text-og-xs text-og-fg-subtle", children: [
         "Started ",
-        /* @__PURE__ */ jsx28("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
+        /* @__PURE__ */ jsx29("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
       ] }),
-      /* @__PURE__ */ jsx28("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__ */ jsx29("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs22("table", { className: "w-full text-left text-og-xs", children: [
+        /* @__PURE__ */ jsxs22("caption", { className: "sr-only", children: [
           "Startup phases for ",
           turnId ?? "unassigned events"
         ] }),
-        /* @__PURE__ */ jsx28("thead", { children: /* @__PURE__ */ jsxs21("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
-          /* @__PURE__ */ jsx28("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
-          /* @__PURE__ */ jsx28("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
-          /* @__PURE__ */ jsx28("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
+        /* @__PURE__ */ jsx29("thead", { children: /* @__PURE__ */ jsxs22("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsx29("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
+          /* @__PURE__ */ jsx29("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
+          /* @__PURE__ */ jsx29("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
         ] }) }),
-        /* @__PURE__ */ jsx28("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs21(
+        /* @__PURE__ */ jsx29("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs22(
           "tr",
           {
             className: "border-b border-og-border/40",
             title: `Turn: ${phase.turnId ?? "unknown"} \xB7 Started: ${phase.startedAt}`,
             children: [
-              /* @__PURE__ */ jsx28("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29("th", { scope: "row", className: "py-2.5 font-normal text-og-fg-muted", children: LABELS[phase.phase] }),
+              /* @__PURE__ */ jsx29(
                 "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__ */ jsx28("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__ */ jsx29("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
@@ -13052,4 +13111,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-VV5E43LD.js.map
+//# sourceMappingURL=chunk-4OTO7KBK.js.map