@opengeni/react 3.7.0-canary.1 → 3.7.0-canary.3

package/dist/{chunk-5IXTJTK3.js → chunk-2ZICNIGZ.js}

@@ -35,7 +35,7 @@ import {
   TooltipTrigger,
   useChatComposerController,
   useLightboxOptional
-} from "./chunk-INGB2N5R.js";
+} from "./chunk-3IY6UZI6.js";
 import {
   ModelPolicyPicker
 } from "./chunk-4JFUT22W.js";
@@ -5753,6 +5753,27 @@ function StatusDot({ status, className }) {
   );
 }
 
+// src/components/child-session-link.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function ChildSessionLink({
+  kind,
+  sourceId,
+  onOpenSession
+}) {
+  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(
+    "button",
+    {
+      type: "button",
+      onClick: () => onOpenSession(sourceId),
+      className: "mt-1 rounded-og-sm text-og-xs font-medium text-og-accent underline-offset-4 hover:underline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-og-accent",
+      children: "View session"
+    }
+  );
+}
+
 // src/components/message-timeline.tsx
 import { dequal } from "dequal/lite";
 import {
@@ -6159,7 +6180,7 @@ var MACHINE_INPUT_META = {
   session_wait_timeout: "Wait ended",
   agent_message: "Agent update",
   agent_steer_instruction: "Agent direction",
-  child_terminal_result: "Agent finished",
+  child_terminal_result: "Agent result received",
   media_generation_result: "Video update",
   child_requires_action: "Agent needs input",
   child_requires_action_resolved: "Agent unblocked",
@@ -6182,7 +6203,7 @@ function machineInputBatchLabel(members) {
       case "session_wait_timeout":
         return n === 1 ? "Wait ended" : `${n} waits ended`;
       case "child_terminal_result":
-        return n === 1 ? "Agent finished" : `${n} agents finished`;
+        return n === 1 ? "Agent result received" : `${n} agent results received`;
       case "goal_continuation":
         return n === 1 ? "Goal continued" : `${n} goal continuations`;
       case "scheduled_occurrence":
@@ -6234,7 +6255,7 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
 }
 
 // src/components/message-timeline.tsx
-import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-3L7LHGG2.js"));
 var PIN_THRESHOLD_PX = 48;
 var JUMP_TO_LATEST_CATCHUP_DEBT_PX = 240;
@@ -7271,8 +7292,8 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  return /* @__PURE__ */ jsx16(LightboxProvider, { children: /* @__PURE__ */ jsx16(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx16(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx16(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx16(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx16(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs11("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    onAnnotate ? /* @__PURE__ */ jsx16(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(LightboxProvider, { children: /* @__PURE__ */ jsx17(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx17(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx17(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx17(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx17(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs11("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+    onAnnotate ? /* @__PURE__ */ jsx17(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx17(
       TimelineAnnotationSelection,
       {
         rootRef: scrollRef,
@@ -7280,7 +7301,7 @@ function MessageTimeline({
         onAnnotate
       }
     ) }) : null,
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(
       "div",
       {
         ref: scrollRef,
@@ -7334,14 +7355,14 @@ 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__ */ jsx16(
+        children: /* @__PURE__ */ jsx17(
           TimelineBeforeLayout,
           {
             capture: () => {
               readingAnchorRef.current = !pinnedRef.current && scrollRef.current ? captureTimelineAnchor(scrollRef.current) : null;
             },
             children: /* @__PURE__ */ jsxs11("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-              /* @__PURE__ */ jsx16(AnimatePresence, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
+              /* @__PURE__ */ jsx17(AnimatePresence, { 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__ */ jsxs11(
@@ -7355,8 +7376,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__ */ jsx16("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
-                      hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx16(
+                      loadingOlder || loadingOldest ? /* @__PURE__ */ jsx17("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+                      hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx17(
                         "button",
                         {
                           type: "button",
@@ -7400,13 +7421,13 @@ function MessageTimeline({
                   }
                 )
               ) : null }),
-              !groups.length ? emptyState ?? /* @__PURE__ */ jsx16("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
+              !groups.length ? emptyState ?? /* @__PURE__ */ jsx17("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
               hasOlder && olderPrefetchArmed ? (
                 // Overlaid, not a layout row: mounting/unmounting the sentinel
                 // must never shift content (that shift was itself a wobble).
                 // End at the scroll origin above the pt-16 gutter so the
                 // observer and scrollTop cooldown share the same 400px band.
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   "div",
                   {
                     ref: topSentinelRef,
@@ -7418,7 +7439,7 @@ function MessageTimeline({
                 )
               ) : null,
               groups.map(({ group, key, entranceEnabled }, index) => {
-                return /* @__PURE__ */ jsx16(
+                return /* @__PURE__ */ jsx17(
                   TimelineGroupEntry,
                   {
                     groupKey: key,
@@ -7431,8 +7452,8 @@ function MessageTimeline({
                   key
                 );
               }),
-              groups.length > 0 && trailingState ? /* @__PURE__ */ jsx16("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
-              hasNewer ? /* @__PURE__ */ jsx16(
+              groups.length > 0 && trailingState ? /* @__PURE__ */ jsx17("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
+              hasNewer ? /* @__PURE__ */ jsx17(
                 "div",
                 {
                   ref: bottomSentinelRef,
@@ -7447,7 +7468,7 @@ function MessageTimeline({
         )
       }
     ),
-    /* @__PURE__ */ jsx16(AnimatePresence, { children: loadingNewer ? /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(AnimatePresence, { children: loadingNewer ? /* @__PURE__ */ jsx17(
       motion.div,
       {
         initial: { opacity: 0, y: 6 },
@@ -7457,10 +7478,10 @@ function MessageTimeline({
         "data-og-loading-newer": "",
         "aria-live": "polite",
         className: "pointer-events-none absolute inset-x-0 bottom-14 z-10 flex justify-center",
-        children: /* @__PURE__ */ jsx16("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+        children: /* @__PURE__ */ jsx17("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
       }
     ) : null }),
-    /* @__PURE__ */ jsx16(AnimatePresence, { children: (!pinned && autoFollow || hasNewer || canSkipTipCatchup) && autoFollow ? /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsx17(AnimatePresence, { children: (!pinned && autoFollow || hasNewer || canSkipTipCatchup) && autoFollow ? /* @__PURE__ */ jsxs11(
       motion.button,
       {
         type: "button",
@@ -7506,7 +7527,7 @@ function MessageTimeline({
           "hover:border-og-border-strong"
         ),
         children: [
-          /* @__PURE__ */ jsx16(ArrowDownIcon, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx17(ArrowDownIcon, { className: "size-3.5" }),
           "Jump to latest"
         ]
       }
@@ -7599,10 +7620,10 @@ var TimelineGroupRenderBoundary = class extends Component3 {
           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__ */ jsx16(TriangleAlertIcon2, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
+            /* @__PURE__ */ jsx17(TriangleAlertIcon2, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
             /* @__PURE__ */ jsxs11("div", { children: [
-              /* @__PURE__ */ jsx16("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
-              /* @__PURE__ */ jsx16("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
+              /* @__PURE__ */ jsx17("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
+              /* @__PURE__ */ jsx17("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
           ]
         }
@@ -7621,7 +7642,7 @@ var TimelineGroupEntry = memo2(function TimelineGroupEntry2({
 }) {
   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;
-  return /* @__PURE__ */ jsx16("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": groupKey, children: /* @__PURE__ */ jsx16(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx16(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx16(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": groupKey, children: /* @__PURE__ */ jsx17(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx17(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx17(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: /* @__PURE__ */ jsx17(
     TimelineGroupView,
     {
       ...behavior,
@@ -7670,7 +7691,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       if (insideTurn) {
         const useNestedChip = nestClusterChips && activityShouldFold && !containsGeneratedImage;
         if (!useNestedChip) {
-          return /* @__PURE__ */ jsx16(
+          return /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -7683,7 +7704,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx17(
           TurnSummary,
           {
             items: group.items,
@@ -7694,7 +7715,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               ActivityRail,
               {
                 items: group.items,
@@ -7710,7 +7731,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TurnSummary,
         {
           items: group.items,
@@ -7721,7 +7742,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx16(FoldBody, { children: /* @__PURE__ */ jsx16(TurnRailFrame, { children: /* @__PURE__ */ jsx16(
+          children: /* @__PURE__ */ jsx17(FoldBody, { children: /* @__PURE__ */ jsx17(TurnRailFrame, { children: /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -7741,7 +7762,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = group.groups.map((child) => {
         const key = timelineGroupKey(child);
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx17(
           TimelineGroupRenderBoundary,
           {
             resetKeys: [
@@ -7757,7 +7778,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               loadVideoArtifactPlayback,
               turnSummary
             ],
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               TimelineGroupView2,
               {
                 group: child,
@@ -7779,7 +7800,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           key
         );
       });
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TurnSummary,
         {
           items: activityItems,
@@ -7793,16 +7814,16 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx16(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx17(FoldBody, { children: insideTurn ? (
             // A nested turn is already on an ancestor rail — its body just stacks
             // flush (the bare-node body already indents it), so no second rule.
-            /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-4", children: body })
-          ) : /* @__PURE__ */ jsx16(TurnRailFrame, { children: body }) })
+            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx17(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TimelineRow,
         {
           item: group.item,
@@ -7816,10 +7837,10 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   }
 });
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx16(Fragment5, { children });
+  return /* @__PURE__ */ jsx17(Fragment5, { children });
 }
 function TurnRailFrame({ children }) {
-  return /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
+  return /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
 }
 function useLiveSettleFold(folded) {
   const previousFoldedRef = useRef10(folded);
@@ -7994,25 +8015,32 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx16(UserMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx17(UserMessageRow, { item, renderMessageText });
     case "human-input":
-      return /* @__PURE__ */ jsx16(HumanInputConversationRow, { item });
+      return /* @__PURE__ */ jsx17(HumanInputConversationRow, { item });
     case "agent-message":
-      return /* @__PURE__ */ jsx16(AgentMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx17(AgentMessageRow, { item, renderMessageText });
     case "worker-completion":
-      return /* @__PURE__ */ jsx16(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx17(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx16(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx17(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx16(GoalRow, { item });
+      return /* @__PURE__ */ jsx17(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx16(MachineInputBatchRow, { item, loadVideoArtifactPlayback });
+      return /* @__PURE__ */ jsx17(
+        MachineInputBatchRow,
+        {
+          item,
+          onOpenSession,
+          loadVideoArtifactPlayback
+        }
+      );
     case "notice":
-      return /* @__PURE__ */ jsx16(NoticeRow, { item });
+      return /* @__PURE__ */ jsx17(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx16(CompactionRow, { item });
+      return /* @__PURE__ */ jsx17(CompactionRow, { item });
     case "auth-needed":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         AuthNeededRow,
         {
           item,
@@ -8038,7 +8066,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) : 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__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -8048,13 +8076,13 @@ function CompactionRow({ item }) {
       role: "status",
       children: [
         /* @__PURE__ */ jsxs11("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx16(ShrinkIcon, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx17(ShrinkIcon, { className: "size-3.5 shrink-0" }),
           /* @__PURE__ */ jsxs11("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx16("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx17("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
@@ -8074,7 +8102,7 @@ function compactionSkipSubtitle(reason) {
   }
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "time",
     {
       dateTime: occurredAt,
@@ -8093,18 +8121,18 @@ function UserMessageRow({
 }) {
   const enter = useEntranceAnimation();
   const deliveryFailed = item.delivery?.state === "failed";
-  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs11("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs11("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
+    /* @__PURE__ */ jsx17(
       CopyHoverFrame,
       {
         copyText: item.text || (item.annotations ?? []).map((annotation) => `${annotation.quote}
 ${annotation.note}`).join("\n\n"),
         label: "Copy message",
         className: "w-fit max-w-full min-w-0",
-        trailing: /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
+        trailing: /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
         children: /* @__PURE__ */ jsxs11("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-          item.text ? /* @__PURE__ */ jsx16("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx16(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx16(Markdown, { children: item.text }) }) }) : null,
-          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx16(
+          item.text ? /* @__PURE__ */ jsx17("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx17(Markdown, { children: item.text }) }) }) : null,
+          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx17(
             TimelineAnnotationsChip,
             {
               annotations: item.annotations ?? [],
@@ -8121,10 +8149,10 @@ ${annotation.note}`).join("\n\n"),
         className: "flex max-w-full items-center gap-2 px-1 text-og-xs text-og-status-failed",
         children: [
           /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1", title: item.delivery?.error, children: [
-            /* @__PURE__ */ jsx16(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx16("span", { children: "Message not sent" })
+            /* @__PURE__ */ jsx17(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx17("span", { children: "Message not sent" })
           ] }),
-          item.delivery?.onRetry ? /* @__PURE__ */ jsx16(
+          item.delivery?.onRetry ? /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -8133,7 +8161,7 @@ ${annotation.note}`).join("\n\n"),
               children: "Retry"
             }
           ) : null,
-          item.delivery?.onRemove ? /* @__PURE__ */ jsx16(
+          item.delivery?.onRemove ? /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -8162,10 +8190,10 @@ function HumanInputConversationRow({ item }) {
       "data-human-input-history": item.requestId,
       children: [
         /* @__PURE__ */ jsxs11("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__ */ jsx16("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__ */ jsx16(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
+          /* @__PURE__ */ jsx17("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/10 text-og-status-waiting", children: /* @__PURE__ */ jsx17(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
           /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
-            /* @__PURE__ */ jsx16("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx17("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
+            /* @__PURE__ */ jsx17("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs11("div", { children: [
               question.label ? /* @__PURE__ */ jsxs11("p", { className: "text-og-sm font-semibold text-og-fg", children: [
                 multipleQuestions ? /* @__PURE__ */ jsxs11("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                   index + 1,
@@ -8191,19 +8219,19 @@ function HumanInputConversationRow({ item }) {
                   ]
                 }
               )
-            ] }, question.id)) : /* @__PURE__ */ jsx16("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
+            ] }, question.id)) : /* @__PURE__ */ jsx17("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
           CopyHoverFrame,
           {
             copyText,
             label: "Copy answer",
             className: "w-fit max-w-[90%] min-w-0 sm:max-w-[82%]",
-            trailing: /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
+            trailing: /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
             children: /* @__PURE__ */ jsxs11("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-              /* @__PURE__ */ jsx16("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
-              item.response.outcome === "answered" ? /* @__PURE__ */ jsx16("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs11("div", { children: [
+              /* @__PURE__ */ jsx17("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
+              item.response.outcome === "answered" ? /* @__PURE__ */ jsx17("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs11("div", { children: [
                 multipleQuestions ? /* @__PURE__ */ jsxs11("p", { className: "text-og-sm font-semibold text-og-fg", children: [
                   /* @__PURE__ */ jsxs11("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                     questionNumberById.get(answer.questionId) ?? answerIndex + 1,
@@ -8212,8 +8240,8 @@ function HumanInputConversationRow({ item }) {
                   " ",
                   answer.label
                 ] }) : null,
-                /* @__PURE__ */ jsx16("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx16("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx16("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx16("p", { children: answer.values[0] || "Answered" }) })
-              ] }, answer.questionId)) : /* @__PURE__ */ jsx16("p", { children: "Answered" }) }) : null
+                /* @__PURE__ */ jsx17("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx17("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx17("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx17("p", { children: answer.values[0] || "Answered" }) })
+              ] }, answer.questionId)) : /* @__PURE__ */ jsx17("p", { children: "Answered" }) }) : null
             ] })
           }
         ) })
@@ -8240,15 +8268,15 @@ function AgentMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx16(Markdown, { streaming: item.streaming, children: item.text });
-  return /* @__PURE__ */ jsx16("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: /* @__PURE__ */ jsx16(
+  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx17("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: /* @__PURE__ */ jsx17(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
-      trailing: item.streaming ? null : /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
+      trailing: item.streaming ? null : /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
       children: body
     }
   ) });
@@ -8300,11 +8328,11 @@ function WorkerCompletionRow({
     ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
   ];
   const hasDetails = details.length > 0;
-  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
     /* @__PURE__ */ jsxs11("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ jsx16("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx16(Icon, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx16("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs11("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx16("span", { className: "font-medium", children: meta.label }),
+      /* @__PURE__ */ jsx17("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx17(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx17("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs11("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx17("span", { className: "font-medium", children: meta.label }),
         item.goalText ? /* @__PURE__ */ jsxs11("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
@@ -8322,13 +8350,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx16(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx17(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
     hasDetails ? /* @__PURE__ */ jsxs11(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx16(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsx17(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
@@ -8337,14 +8365,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__ */ jsx16(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
+            /* @__PURE__ */ jsx17(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
             open ? "Hide details" : "Show details"
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx16(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx16("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx16("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx17("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx17("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx17(
           "p",
           {
             className: cn(
@@ -8370,14 +8398,14 @@ function SessionStatusRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" }),
         /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx16(StatusDot, { status: item.status, className: "size-1" }),
+          /* @__PURE__ */ jsx17(StatusDot, { status: item.status, className: "size-1" }),
           meta.label.toLowerCase(),
           " \xB7 ",
           formatRelativeTime(item.occurredAt)
         ] }),
-        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" })
+        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -8415,7 +8443,7 @@ function goalMeta(action) {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = goalMeta(item.action);
-  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs11(
     "span",
     {
       className: cn(
@@ -8423,7 +8451,7 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx16(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx17(Icon, { className: "size-3.5 shrink-0" }),
         /* @__PURE__ */ jsxs11("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
@@ -8434,13 +8462,14 @@ function GoalRow({ item }) {
 }
 function MachineInputBatchRow({
   item,
+  onOpenSession,
   loadVideoArtifactPlayback
 }) {
   const enter = useEntranceAnimation();
   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__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       VideoGenerationResultRow,
       {
         result: single.result,
@@ -8458,7 +8487,7 @@ function MachineInputBatchRow({
         "data-og-machine-input-batch": "",
         title: `Received ${formatClockTime(item.occurredAt)}`,
         children: [
-          /* @__PURE__ */ jsx16("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsx17("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs11(
             "span",
             {
               className: cn(
@@ -8466,26 +8495,27 @@ function MachineInputBatchRow({
                 NEUTRAL_PILL
               ),
               children: [
-                /* @__PURE__ */ jsx16(
+                /* @__PURE__ */ jsx17(
                   ChevronRightIcon3,
                   {
                     "aria-hidden": true,
                     className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
                   }
                 ),
-                /* @__PURE__ */ jsx16("span", { className: "truncate", children: label })
+                /* @__PURE__ */ jsx17("span", { className: "truncate", children: label })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxs11("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: [
             /* @__PURE__ */ jsxs11("p", { className: "text-og-xs text-og-fg-subtle", children: [
               "Received ",
-              /* @__PURE__ */ jsx16("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
+              /* @__PURE__ */ jsx17("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
             ] }),
-            item.members.map((member) => /* @__PURE__ */ jsx16(
+            item.members.map((member) => /* @__PURE__ */ jsx17(
               MachineInputRow,
               {
                 member,
+                onOpenSession,
                 loadVideoArtifactPlayback
               },
               member.id
@@ -8494,15 +8524,16 @@ function MachineInputBatchRow({
         ]
       }
     ),
-    showCollapsedSummary ? /* @__PURE__ */ jsx16("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
+    showCollapsedSummary ? /* @__PURE__ */ jsx17("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
   ] });
 }
 function MachineInputRow({
   member,
+  onOpenSession,
   loadVideoArtifactPlayback
 }) {
   if (member.kind === "media_generation_result" && member.result) {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       VideoGenerationResultRow,
       {
         result: member.result,
@@ -8514,14 +8545,22 @@ function MachineInputRow({
   const source = readableMachineInputSource(member.sourceId);
   const summary = cleanMachineInputSummary(member.summary);
   return /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx16("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
+    /* @__PURE__ */ jsx17("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
     /* @__PURE__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx16("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      /* @__PURE__ */ jsx17("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
       source && /* @__PURE__ */ jsxs11("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
-      summary ? /* @__PURE__ */ jsx16("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null
+      summary ? /* @__PURE__ */ jsx17("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null,
+      /* @__PURE__ */ jsx17(
+        ChildSessionLink,
+        {
+          kind: member.kind,
+          sourceId: member.sourceId,
+          onOpenSession
+        }
+      )
     ] })
   ] });
 }
@@ -8541,10 +8580,10 @@ function VideoGenerationResultRow({
         ),
         children: [
           /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
-            /* @__PURE__ */ jsx16(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
+            /* @__PURE__ */ jsx17(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
             "Video generation failed"
           ] }),
-          /* @__PURE__ */ jsx16("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
+          /* @__PURE__ */ jsx17("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
         ]
       }
     );
@@ -8561,17 +8600,17 @@ function VideoGenerationResultRow({
         compact && "max-w-lg"
       ),
       children: [
-        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx16(
+        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx17(
           GeneratedVideoPlayer,
           {
             receipt,
             loadPlaybackSource: loadVideoArtifactPlayback,
             className: "rounded-none border-0 shadow-none"
           }
-        ) : /* @__PURE__ */ jsx16("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx16(PlayIcon, { "aria-hidden": true, className: "size-6" }) }),
+        ) : /* @__PURE__ */ jsx17("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx17(PlayIcon, { "aria-hidden": true, className: "size-6" }) }),
         /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
           /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx16("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
+            /* @__PURE__ */ jsx17("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
             /* @__PURE__ */ jsxs11("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
               facts.width,
               "\xD7",
@@ -8581,7 +8620,7 @@ function VideoGenerationResultRow({
               facts.hasAudio ? " \xB7 Audio" : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx16(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
+          /* @__PURE__ */ jsx17(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
         ] })
       ]
     }
@@ -8604,7 +8643,7 @@ function NoticeRow({ item }) {
       role: item.recordedOutcome ? "note" : "status",
       "data-og-recorded-outcome": item.recordedOutcome ? "wait" : void 0,
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           TriangleAlertIcon2,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
@@ -8614,18 +8653,18 @@ function NoticeRow({ item }) {
           item.recordedOutcome ? /* @__PURE__ */ jsxs11("p", { className: "mb-1 text-og-control font-medium", children: [
             "Wait recorded",
             " ",
-            /* @__PURE__ */ jsx16("time", { dateTime: item.occurredAt, children: new Date(item.occurredAt).toLocaleString(void 0, {
+            /* @__PURE__ */ jsx17("time", { dateTime: item.occurredAt, children: new Date(item.occurredAt).toLocaleString(void 0, {
               dateStyle: "medium",
               timeStyle: "short"
             }) })
           ] }) : null,
-          /* @__PURE__ */ jsx16("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
+          /* @__PURE__ */ jsx17("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
           item.details ? /* @__PURE__ */ jsxs11("details", { className: "mt-2 text-og-control", children: [
-            /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
-            /* @__PURE__ */ jsx16("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
+            /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx17("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-og-fg/5 p-2 font-mono", children: JSON.stringify(item.details.value, null, 2) })
           ] }) : null
         ] }),
-        item.action ? /* @__PURE__ */ jsx16(
+        item.action ? /* @__PURE__ */ jsx17(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
@@ -8672,7 +8711,7 @@ function AuthNeededRow({
   return /* @__PURE__ */ jsxs11("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
     /* @__PURE__ */ jsxs11("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__ */ jsxs11("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
@@ -8680,8 +8719,8 @@ function AuthNeededRow({
           }
         ),
         /* @__PURE__ */ jsxs11("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx16("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
-          /* @__PURE__ */ jsx16("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
+          /* @__PURE__ */ jsx17("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
+          /* @__PURE__ */ jsx17("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
           recommendation ? /* @__PURE__ */ jsxs11("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Provider: ",
             item.providerDomain
@@ -8703,7 +8742,7 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx16(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
@@ -8718,7 +8757,7 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong disabled:opacity-70 pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx16(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
+            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
@@ -8733,13 +8772,13 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx16(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
       ) : null
     ] }),
-    !unavailable ? /* @__PURE__ */ jsx16("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,
+    !unavailable ? /* @__PURE__ */ jsx17("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: recommendation ? "No access has been granted. Review and confirm the provider before continuing." : `This tool call wasn't replayed. After ${missing ? "connecting" : "reconnecting"}, send a new message to try again.` }) : null,
     failed ? /* @__PURE__ */ jsxs11("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
@@ -8753,12 +8792,12 @@ function AuthProviderLogo({ src, label }) {
   const [failed, setFailed] = useState12(false);
   useEffect10(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-og-menu font-semibold text-og-fg-muted",
       "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx16(
+      children: showImage ? /* @__PURE__ */ jsx17(
         "img",
         {
           src,
@@ -8768,7 +8807,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx16("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx17("span", { children: monogram(label) })
     }
   );
 }
@@ -8813,7 +8852,7 @@ function authReasonLine(reason) {
 // src/components/queue-surface.tsx
 import { Loader2Icon } from "lucide-react";
 import { lazy as lazy4, Suspense as Suspense4 } from "react";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var loadQueueSurface = () => import("./queue-surface-implementation-XL2A6PBM.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
@@ -8824,21 +8863,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__ */ jsx17(EmptyQueueStateSurface, { queue });
+      return /* @__PURE__ */ jsx18(EmptyQueueStateSurface, { queue });
     }
-    return /* @__PURE__ */ jsx17(Suspense4, { fallback: /* @__PURE__ */ jsx17(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx17(LazyQueueSurface, { ...props }) });
+    return /* @__PURE__ */ jsx18(Suspense4, { fallback: /* @__PURE__ */ jsx18(QueueSurfaceFallback, {}), children: /* @__PURE__ */ jsx18(LazyQueueSurface, { ...props }) });
   };
 }
 function QueueSurfaceFallback() {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "aria-live": "polite",
       className: "og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
       "data-testid": "queue-surface-loading",
       role: "status",
-      children: /* @__PURE__ */ jsx17("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
-        /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
+        /* @__PURE__ */ jsx18(
           Loader2Icon,
           {
             "aria-hidden": "true",
@@ -8906,7 +8945,7 @@ function useWorkspaceModelCatalog(options) {
 
 // src/components/chat-composer.tsx
 import { LayoutGroup, motion as motion2 } from "motion/react";
-import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 function ChatComposer({
   composer,
   responsiveBasis,
@@ -8957,15 +8996,15 @@ function ChatComposer({
     attachments || models || controlsLeading || controlsStart || transcription
   );
   const stackActions = hasControls && Boolean(actionsStart);
-  return /* @__PURE__ */ jsx18(Fragment6, { children: /* @__PURE__ */ jsxs13(Root, { controller, responsiveBasis, className, children: [
+  return /* @__PURE__ */ jsx19(Fragment6, { children: /* @__PURE__ */ jsxs13(Root, { controller, responsiveBasis, className, children: [
     /* @__PURE__ */ jsxs13(Frame, { children: [
-      /* @__PURE__ */ jsx18(CommandPalette, {}),
+      /* @__PURE__ */ jsx19(CommandPalette, {}),
       /* @__PURE__ */ jsxs13(Surface, { children: [
-        /* @__PURE__ */ jsx18(PausedState, {}),
-        /* @__PURE__ */ jsx18(RestoredResources, {}),
-        /* @__PURE__ */ jsx18(Attachments, {}),
+        /* @__PURE__ */ jsx19(PausedState, {}),
+        /* @__PURE__ */ jsx19(RestoredResources, {}),
+        /* @__PURE__ */ jsx19(Attachments, {}),
         header,
-        composer.annotations && composer.annotations.length > 0 ? /* @__PURE__ */ jsx18("div", { className: "px-3 pt-2 sm:px-4", children: /* @__PURE__ */ jsx18(
+        composer.annotations && composer.annotations.length > 0 ? /* @__PURE__ */ jsx19("div", { className: "px-3 pt-2 sm:px-4", children: /* @__PURE__ */ jsx19(
           TimelineAnnotationsChip,
           {
             annotations: composer.annotations,
@@ -8976,8 +9015,8 @@ function ChatComposer({
             onRemove: composer.removeAnnotation
           }
         ) }) : null,
-        /* @__PURE__ */ jsx18(Input, { placeholder, autoFocus }),
-        controller.confirmState ? /* @__PURE__ */ jsx18(Confirmation, {}) : /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(Input, { placeholder, autoFocus }),
+        controller.confirmState ? /* @__PURE__ */ jsx19(Confirmation, {}) : /* @__PURE__ */ jsx19(
           Footer,
           {
             "data-og-stack-actions": stackActions ? "" : void 0,
@@ -8989,8 +9028,8 @@ function ChatComposer({
                   className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
                   children: [
                     controlsLeading,
-                    /* @__PURE__ */ jsx18(AttachButton, { className: attachButtonClassName }),
-                    transcription ? /* @__PURE__ */ jsx18(
+                    /* @__PURE__ */ jsx19(AttachButton, { className: attachButtonClassName }),
+                    transcription ? /* @__PURE__ */ jsx19(
                       ComposerTranscriptionControl,
                       {
                         ...transcription,
@@ -8998,13 +9037,13 @@ function ChatComposer({
                         className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
                       }
                     ) : null,
-                    models ? /* @__PURE__ */ jsx18(
+                    models ? /* @__PURE__ */ jsx19(
                       motion2.span,
                       {
                         layout: true,
                         transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
                         className: "inline-flex min-w-0",
-                        children: /* @__PURE__ */ jsx18(
+                        children: /* @__PURE__ */ jsx19(
                           ModelPicker,
                           {
                             models,
@@ -9014,7 +9053,7 @@ function ChatComposer({
                         )
                       }
                     ) : null,
-                    controlsStart ? /* @__PURE__ */ jsx18(
+                    controlsStart ? /* @__PURE__ */ jsx19(
                       motion2.span,
                       {
                         layout: true,
@@ -9025,15 +9064,15 @@ function ChatComposer({
                     ) : null
                   ]
                 }
-              ) : /* @__PURE__ */ jsx18(Hint, { children: hint }),
+              ) : /* @__PURE__ */ jsx19(Hint, { children: hint }),
               /* @__PURE__ */ jsxs13(
                 Actions,
                 {
                   className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
                   children: [
                     actionsStart,
-                    /* @__PURE__ */ jsx18(PauseButton, {}),
-                    /* @__PURE__ */ jsx18(SendButton, {})
+                    /* @__PURE__ */ jsx19(PauseButton, {}),
+                    /* @__PURE__ */ jsx19(SendButton, {})
                   ]
                 }
               )
@@ -9042,8 +9081,8 @@ function ChatComposer({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx18(Help, {}),
-    /* @__PURE__ */ jsx18(Status, {})
+    /* @__PURE__ */ jsx19(Help, {}),
+    /* @__PURE__ */ jsx19(Status, {})
   ] }) });
 }
 
@@ -9102,9 +9141,9 @@ function conversationTimeline(items, queue, composer) {
 }
 
 // src/components/session-conversation.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 function SessionConversation(props) {
-  return /* @__PURE__ */ jsx19(Conversation, { ...props }, `${props.workspaceId ?? ""}:${props.sessionId}`);
+  return /* @__PURE__ */ jsx20(Conversation, { ...props }, `${props.workspaceId ?? ""}:${props.sessionId}`);
 }
 function Conversation({
   sessionId,
@@ -9142,8 +9181,8 @@ function Conversation({
       style: { height },
       "data-og-conversation": "",
       children: [
-        error && /* @__PURE__ */ jsx19("p", { role: "alert", children: error.message }),
-        /* @__PURE__ */ jsx19(
+        error && /* @__PURE__ */ jsx20("p", { role: "alert", children: error.message }),
+        /* @__PURE__ */ jsx20(
           MessageTimeline,
           {
             className: "min-h-0 flex-1",
@@ -9166,7 +9205,7 @@ function Conversation({
           }
         ),
         /* @__PURE__ */ jsxs14("div", { className: "min-h-0 max-h-[40%] shrink-0 overflow-y-auto", "data-og-conversation-inputs": "", children: [
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             HumanInputSurface,
             {
               requests: human.requests,
@@ -9178,7 +9217,7 @@ function Conversation({
               autoFocus: false
             }
           ),
-          terminal ? /* @__PURE__ */ jsx19(QueueSurface, { queue, readOnly: true }) : /* @__PURE__ */ jsx19(
+          terminal ? /* @__PURE__ */ jsx20(QueueSurface, { queue, readOnly: true }) : /* @__PURE__ */ jsx20(
             QueueSurface,
             {
               queue,
@@ -9187,13 +9226,13 @@ function Conversation({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx19("div", { className: "shrink-0", "data-og-conversation-composer": "", children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "shrink-0", "data-og-conversation-composer": "", children: /* @__PURE__ */ jsx20(
           ChatComposer,
           {
             ...composerProps,
             composer,
             disabled: terminal || composerProps?.disabled,
-            controlsStart: composerProps?.controlsStart ?? (composer.policy && /* @__PURE__ */ jsx19(
+            controlsStart: composerProps?.controlsStart ?? (composer.policy && /* @__PURE__ */ jsx20(
               ModelPolicyPicker,
               {
                 rows: catalog.rows,
@@ -9242,12 +9281,13 @@ import {
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence2, motion as motion3, useReducedMotion } from "motion/react";
 import { useEffect as useEffect11, useId as useId3, useMemo as useMemo5, useRef as useRef12, useState as useState13 } 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 jsxs15 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
   waiting: "Waiting",
   scheduled: "Waiting",
   blocked: "Blocked",
+  session_failed: "Blocked by session failure",
   held: "Held",
   paused: "Paused",
   invariant_broken: "Needs attention",
@@ -9274,6 +9314,9 @@ function sessionChromeGoalPillLabel(state, record) {
 }
 function sessionChromeGoalPillExplanation(state, record) {
   const continuation = record?.continuation ?? null;
+  if (state === "session_failed") {
+    return "Resolve the session failure, then use Continue or send a message to continue this active goal.";
+  }
   if (state === "paused") {
     return record?.pausedReason ? GOAL_PAUSED_REASON_EXPLANATION[record.pausedReason] ?? null : null;
   }
@@ -9325,9 +9368,10 @@ function sessionChromeShouldOfferQueue(input) {
 function objectValue(value) {
   return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
 }
-function sessionChromeGoalPillState(goalStatus, continuation) {
+function sessionChromeGoalPillState(goalStatus, continuation, sessionStatus) {
   if (goalStatus === "completed") return "completed";
   if (goalStatus === "paused") return "paused";
+  if (sessionStatus === "failed") return "session_failed";
   if (!continuation) return "invariant_broken";
   if (continuation.state === "running") {
     return continuation.reason === "goal_turn_running" ? "pursuing" : continuation.reason === "human_turn_running" ? "waiting" : "invariant_broken";
@@ -9408,6 +9452,7 @@ function toneClass(tone, selected) {
 }
 function SessionChrome({
   compact = false,
+  sessionStatus,
   queue,
   composer,
   goal,
@@ -9416,6 +9461,7 @@ function SessionChrome({
   commandsCount = 0,
   agentsSignal,
   onDismissIncoming,
+  onOpenSession,
   readOnly = false,
   className,
   active: activeControlled,
@@ -9447,7 +9493,7 @@ function SessionChrome({
   const stopping = stoppingKind !== null;
   const canMutateQueue = !readOnly && composer !== void 0;
   const elapsed = useLiveElapsed(record?.createdAt, Boolean(record));
-  const goalState = record ? sessionChromeGoalPillState(record.status, record.continuation) : null;
+  const goalState = record ? sessionChromeGoalPillState(record.status, record.continuation, sessionStatus) : null;
   const initialAuthoritativeQueuedCount = countAuthoritativeQueuedTurns(
     queue.queue,
     queue.mutationFor
@@ -9490,7 +9536,7 @@ function SessionChrome({
         tone: incoming.some(
           (item) => item.classification === "action_required" || item.classification === "failure"
         ) ? "waiting" : "neutral",
-        icon: /* @__PURE__ */ jsx20(InboxIcon, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(InboxIcon, { className: "size-3" })
       });
     }
     const queuedCount = queuedTurns.length + optimisticQueued.length;
@@ -9507,11 +9553,11 @@ function SessionChrome({
         label: queueProblem ? queuedCount > 0 ? `${queuedCount} queued \xB7 needs attention` : "Queue needs attention" : allVoiceRequests ? queuedCount === 1 ? "Voice request queued" : `${queuedCount} voice requests queued` : onlyVoiceHandoff ? "Voice handoff queued" : `${queuedCount} queued prompt${queuedCount === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: queueProblem ? "waiting" : "neutral",
-        icon: queueProblem ? /* @__PURE__ */ jsx20(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx20(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx20(ListOrderedIcon, { className: "size-3" })
+        icon: queueProblem ? /* @__PURE__ */ jsx21(TriangleAlertIcon3, { className: "size-3" }) : voiceOnly ? /* @__PURE__ */ jsx21(AudioLinesIcon, { className: "size-3" }) : /* @__PURE__ */ jsx21(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
-      const waiting = goalState === "waiting" || goalState === "blocked" || goalState === "held" || goalState === "paused";
+      const waiting = goalState === "waiting" || goalState === "blocked" || goalState === "session_failed" || goalState === "held" || goalState === "paused";
       const explanation = sessionChromeGoalPillExplanation(goalState, record);
       rows.push({
         id: "goal",
@@ -9519,7 +9565,7 @@ function SessionChrome({
         detail: elapsed ? `${elapsed} \xB7 ${record.text}` : record.text,
         ...explanation ? { title: explanation } : {},
         tone: waiting ? "waiting" : goalState === "pursuing" || goalState === "scheduled" ? "accent" : "neutral",
-        icon: /* @__PURE__ */ jsx20(TargetIcon3, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(TargetIcon3, { className: "size-3" })
       });
     }
     if (agentsSignal && agentsSignal.count > 0) {
@@ -9529,7 +9575,7 @@ function SessionChrome({
         label: `${agentsSignal.count} agent${agentsSignal.count === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: agentsSignal.tone ?? "neutral",
-        icon: /* @__PURE__ */ jsx20(BotIcon3, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(BotIcon3, { className: "size-3" })
       });
     }
     if (commandsCount > 0 || active === "commands" && hasCommandsPanel) {
@@ -9537,7 +9583,7 @@ function SessionChrome({
         id: "commands",
         label: commandsCount > 0 ? `${commandsCount} command${commandsCount === 1 ? "" : "s"}` : "Commands",
         tone: commandsCount > 0 ? "running" : "neutral",
-        icon: /* @__PURE__ */ jsx20(TerminalIcon2, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx21(TerminalIcon2, { className: "size-3" })
       });
     }
     return rows;
@@ -9657,7 +9703,14 @@ function SessionChrome({
   const shellDuration = reduceMotion ? 0 : 0.22;
   const crossfadeDuration = reduceMotion ? 0 : 0.18;
   const ease = [0.22, 1, 0.36, 1];
-  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx20(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "queue" ? /* @__PURE__ */ jsx20(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx21(
+    IncomingPanel,
+    {
+      inputs: incoming,
+      onDismiss: onDismissIncoming,
+      onOpenSession
+    }
+  ) : active === "queue" ? /* @__PURE__ */ jsx21(
     QueuePanel,
     {
       turns: queuedTurns,
@@ -9708,8 +9761,8 @@ function SessionChrome({
         void queue.moveTurn(turnId, beforeTurnId);
       } : void 0
     }
-  ) : active === "goal" && record && goalState && goal ? /* @__PURE__ */ jsx20(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "commands" ? /* @__PURE__ */ jsx20("div", { "data-og-session-chrome-panel": "commands", children: commandsPanel }) : active === "agents" ? /* @__PURE__ */ jsx20("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx20("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
-  return /* @__PURE__ */ jsx20(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx20(
+  ) : active === "goal" && record && goalState && goal ? /* @__PURE__ */ jsx21(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "commands" ? /* @__PURE__ */ jsx21("div", { "data-og-session-chrome-panel": "commands", children: commandsPanel }) : active === "agents" ? /* @__PURE__ */ jsx21("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx21("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
+  return /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx21(
     "div",
     {
       className: cn("og-session-chrome og-root w-full", className),
@@ -9732,7 +9785,7 @@ function SessionChrome({
             transitionTimingFunction: "var(--_og-session-chrome-ease)"
           },
           children: [
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 className: "relative",
@@ -9751,7 +9804,7 @@ function SessionChrome({
                       gap: compact ? "10px" : "var(--og-session-chrome-chip-gap)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         motion3.div,
                         {
                           "aria-hidden": true,
@@ -9815,7 +9868,7 @@ function SessionChrome({
                                     paddingInline: "var(--og-session-chrome-chip-pad-x)"
                                   },
                                   children: [
-                                    signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx20(
+                                    signal.id === "queue" && queueArrivalNonce > 0 && !reduceMotion ? /* @__PURE__ */ jsx21(
                                       motion3.span,
                                       {
                                         "aria-hidden": "true",
@@ -9827,7 +9880,7 @@ function SessionChrome({
                                       },
                                       queueArrivalNonce
                                     ) : null,
-                                    /* @__PURE__ */ jsx20("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
+                                    /* @__PURE__ */ jsx21("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
                                     /* @__PURE__ */ jsxs15(
                                       "span",
                                       {
@@ -9842,33 +9895,33 @@ function SessionChrome({
                                       }
                                     ),
                                     signal.detail && !compact ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
-                                      /* @__PURE__ */ jsx20("span", { "aria-hidden": true, className: "shrink-0 text-og-fg-subtle/60", children: "\xB7" }),
-                                      /* @__PURE__ */ jsx20("span", { className: "min-w-0 max-w-[8.5rem] truncate text-og-fg sm:max-w-[12rem]", children: signal.detail })
+                                      /* @__PURE__ */ jsx21("span", { "aria-hidden": true, className: "shrink-0 text-og-fg-subtle/60", children: "\xB7" }),
+                                      /* @__PURE__ */ jsx21("span", { className: "min-w-0 max-w-[8.5rem] truncate text-og-fg sm:max-w-[12rem]", children: signal.detail })
                                     ] }) : null,
-                                    selected && !compact ? /* @__PURE__ */ jsx20(
+                                    selected && !compact ? /* @__PURE__ */ jsx21(
                                       "span",
                                       {
                                         "data-testid": "session-chrome-close",
                                         className: "ml-0.5 inline-flex size-4 shrink-0 items-center justify-center rounded-og-sm text-og-fg-subtle transition-colors group-hover:text-og-fg pointer-coarse:size-5",
                                         "aria-hidden": true,
-                                        children: /* @__PURE__ */ jsx20(XIcon, { className: "size-3" })
+                                        children: /* @__PURE__ */ jsx21(XIcon, { className: "size-3" })
                                       }
                                     ) : null
                                   ]
                                 }
                               ),
                               signal.id === "goal" && goal && record && !readOnly ? /* @__PURE__ */ jsxs15("div", { className: cn("flex shrink-0 items-center pr-1", compact && "pl-0.5"), children: [
-                                record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx20(
+                                record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx21(
                                   IconAction,
                                   {
                                     label: record.status === "paused" ? "Resume goal" : "Pause goal",
                                     tip: record.status === "paused" ? "Resume goal" : "Pause goal",
                                     disabled: goal.updating,
                                     onClick: () => void (record.status === "paused" ? goal.resume() : goal.pause("Paused from session chrome")),
-                                    children: goal.updating ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx20(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx20(PauseIcon2, { className: "size-3" })
+                                    children: goal.updating ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx21(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx21(PauseIcon2, { className: "size-3" })
                                   }
                                 ) : null,
-                                /* @__PURE__ */ jsx20(
+                                /* @__PURE__ */ jsx21(
                                   IconAction,
                                   {
                                     label: "Clear goal",
@@ -9876,10 +9929,10 @@ function SessionChrome({
                                     danger: true,
                                     disabled: goal.updating,
                                     onClick: () => void goal.deleteGoal(),
-                                    children: /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
+                                    children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
                                   }
                                 )
-                              ] }) : signal.id === "queue" && canMutateQueue && queuedTurns[0] ? /* @__PURE__ */ jsx20("div", { className: cn("flex shrink-0 items-center pr-1", compact && "pl-0.5"), children: /* @__PURE__ */ jsx20(
+                              ] }) : signal.id === "queue" && canMutateQueue && queuedTurns[0] ? /* @__PURE__ */ jsx21("div", { className: cn("flex shrink-0 items-center pr-1", compact && "pl-0.5"), children: /* @__PURE__ */ jsx21(
                                 IconAction,
                                 {
                                   label: "Steer first queued message",
@@ -9887,7 +9940,7 @@ function SessionChrome({
                                   tip: QUEUE_STEER_TIP,
                                   disabled: queue.mutating || Boolean(queue.mutationFor(queuedTurns[0].id)),
                                   onClick: () => void queue.steerTurn(queuedTurns[0].id),
-                                  children: /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "size-3" })
+                                  children: /* @__PURE__ */ jsx21(CornerDownRightIcon, { className: "size-3" })
                                 }
                               ) }) : null
                             ]
@@ -9916,9 +9969,9 @@ function SessionChrome({
                             activityOpen ? "bg-og-surface-3 text-og-fg" : "text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx20(ActivityIcon, { className: "size-3.5" }),
-                            /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "Activity" }),
-                            incoming.length > 0 ? /* @__PURE__ */ jsx20("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
+                            /* @__PURE__ */ jsx21(ActivityIcon, { className: "size-3.5" }),
+                            /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "Activity" }),
+                            incoming.length > 0 ? /* @__PURE__ */ jsx21("span", { className: "size-1.5 rounded-full bg-og-accent" }) : null
                           ]
                         }
                       ) : null,
@@ -9930,7 +9983,7 @@ function SessionChrome({
                           className: "inline-flex min-h-[var(--og-session-chrome-chip-min-height)] items-center gap-1.5 px-1.5 text-og-xs text-og-fg-muted",
                           "data-testid": "session-chrome-stopping",
                           children: [
-                            /* @__PURE__ */ jsx20(
+                            /* @__PURE__ */ jsx21(
                               Loader2Icon2,
                               {
                                 "aria-hidden": "true",
@@ -9946,7 +9999,7 @@ function SessionChrome({
                 )
               }
             ),
-            /* @__PURE__ */ jsx20(AnimatePresence2, { initial: false, children: compact && activityOpen ? /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(AnimatePresence2, { initial: false, children: compact && activityOpen ? /* @__PURE__ */ jsx21(
               motion3.div,
               {
                 initial: { height: 0, opacity: 0 },
@@ -9954,7 +10007,7 @@ function SessionChrome({
                 exit: { height: 0, opacity: 0 },
                 transition: { duration: shellDuration, ease },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ jsx20("div", { className: "mt-1 flex items-center gap-1 rounded-t-og-lg bg-og-surface-2/50 px-2 py-1", children: signals.filter((signal) => ["incoming", "agents", "commands"].includes(signal.id)).map((signal) => /* @__PURE__ */ jsxs15(
+                children: /* @__PURE__ */ jsx21("div", { className: "mt-1 flex items-center gap-1 rounded-t-og-lg bg-og-surface-2/50 px-2 py-1", children: signals.filter((signal) => ["incoming", "agents", "commands"].includes(signal.id)).map((signal) => /* @__PURE__ */ jsxs15(
                   "button",
                   {
                     type: "button",
@@ -9980,7 +10033,7 @@ function SessionChrome({
               "Goal action not confirmed. ",
               goal.mutationError.message
             ] }) : null,
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "div",
               {
                 id: panelId,
@@ -9996,7 +10049,7 @@ function SessionChrome({
                   transitionDuration: "var(--og-session-chrome-duration)",
                   transitionTimingFunction: "var(--_og-session-chrome-ease)"
                 },
-                children: /* @__PURE__ */ jsx20("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs15(
+                children: /* @__PURE__ */ jsx21("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs15(
                   "div",
                   {
                     className: cn(
@@ -10009,7 +10062,7 @@ function SessionChrome({
                       paddingBlock: "var(--og-session-chrome-panel-pad-y)"
                     },
                     children: [
-                      /* @__PURE__ */ jsx20(AnimatePresence2, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(AnimatePresence2, { initial: false, children: active && active !== "commands" && panelBody ? /* @__PURE__ */ jsx21(
                         motion3.div,
                         {
                           "data-og-session-chrome-panel-frame": active,
@@ -10027,7 +10080,7 @@ function SessionChrome({
                         },
                         active
                       ) : null }),
-                      active === "commands" ? /* @__PURE__ */ jsx20(
+                      active === "commands" ? /* @__PURE__ */ jsx21(
                         motion3.div,
                         {
                           initial: reduceMotion ? false : { opacity: 0 },
@@ -10050,46 +10103,60 @@ function SessionChrome({
 }
 function IncomingPanel({
   inputs,
-  onDismiss
+  onDismiss,
+  onOpenSession
 }) {
-  return /* @__PURE__ */ jsx20(
-    "ul",
-    {
-      className: "flex flex-col gap-0.5",
-      "aria-label": "Incoming updates",
-      "data-og-session-chrome-panel": "incoming",
-      children: inputs.map((input) => /* @__PURE__ */ jsxs15(
-        "li",
-        {
-          className: "group flex items-start gap-1.5 rounded-og-sm px-1.5 py-1 transition-colors hover:bg-[var(--_og-session-chrome-row-hover)]",
-          children: [
-            /* @__PURE__ */ jsx20(
-              "span",
-              {
-                className: cn(
-                  "mt-px shrink-0 rounded px-1 py-px text-[10px] font-medium leading-4",
-                  input.classification === "action_required" || input.classification === "failure" ? "bg-og-status-waiting/12 text-og-status-waiting" : "bg-og-surface-3/80 text-og-fg-muted"
-                ),
-                children: pendingKindLabel(input.kind)
-              }
-            ),
-            /* @__PURE__ */ jsx20("p", { className: "min-w-0 flex-1 text-og-xs leading-4 text-og-fg", children: input.summary }),
-            onDismiss ? /* @__PURE__ */ jsx20("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: /* @__PURE__ */ jsx20(
-              IconAction,
-              {
-                label: `Dismiss incoming ${pendingKindLabel(input.kind)}`,
-                tip: "Dismiss",
-                onClick: () => onDismiss(input.id),
-                danger: true,
-                children: /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
-              }
-            ) }) : null
-          ]
-        },
-        input.id
-      ))
-    }
-  );
+  return /* @__PURE__ */ jsxs15("div", { children: [
+    /* @__PURE__ */ jsx21("p", { className: "mb-2 text-og-xs text-og-fg-subtle", children: "Waiting to be included in an agent turn." }),
+    /* @__PURE__ */ jsx21(
+      "ul",
+      {
+        className: "flex flex-col gap-0.5",
+        "aria-label": "Incoming updates",
+        "data-og-session-chrome-panel": "incoming",
+        children: inputs.map((input) => /* @__PURE__ */ jsxs15(
+          "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(
+                "span",
+                {
+                  className: cn(
+                    "mt-px shrink-0 rounded px-1 py-px text-[10px] font-medium leading-4",
+                    input.classification === "action_required" || input.classification === "failure" ? "bg-og-status-waiting/12 text-og-status-waiting" : "bg-og-surface-3/80 text-og-fg-muted"
+                  ),
+                  children: pendingKindLabel(input.kind)
+                }
+              ),
+              /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx21("p", { className: "break-words text-og-xs leading-4 text-og-fg", children: input.summary }),
+                /* @__PURE__ */ jsx21(
+                  ChildSessionLink,
+                  {
+                    kind: input.kind,
+                    sourceId: input.sourceId,
+                    onOpenSession
+                  }
+                )
+              ] }),
+              onDismiss ? /* @__PURE__ */ jsx21("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: /* @__PURE__ */ jsx21(
+                IconAction,
+                {
+                  label: `Dismiss incoming ${pendingKindLabel(input.kind)}`,
+                  tip: "Dismiss",
+                  onClick: () => onDismiss(input.id),
+                  danger: true,
+                  children: /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
+                }
+              ) }) : null
+            ]
+          },
+          input.id
+        ))
+      }
+    )
+  ] });
 }
 function QueuePanel({
   turns,
@@ -10151,38 +10218,38 @@ function QueuePanel({
               className: "group flex flex-col gap-1 rounded-og-sm px-1.5 py-1 transition-colors hover:bg-[var(--_og-session-chrome-row-hover)]",
               children: [
                 /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-1.5", children: [
-                  voice ? /* @__PURE__ */ jsx20(
+                  voice ? /* @__PURE__ */ jsx21(
                     AudioLinesIcon,
                     {
                       "aria-hidden": "true",
                       className: "mt-0.5 size-3 shrink-0 text-og-accent"
                     }
-                  ) : /* @__PURE__ */ jsx20("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
-                  /* @__PURE__ */ jsx20("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: presentation.text }),
+                  ) : /* @__PURE__ */ jsx21("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                  /* @__PURE__ */ jsx21("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: presentation.text }),
                   showActions ? /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: [
                     onMove && turns.length > 1 ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         IconAction,
                         {
                           label: `Move queued prompt ${index + 1} up`,
                           tip: "Move up",
                           disabled: settling || pending !== null || index === 0,
                           onClick: () => onMove(turn.id, beforeUp),
-                          children: /* @__PURE__ */ jsx20(ArrowUpIcon, { className: "size-3" })
+                          children: /* @__PURE__ */ jsx21(ArrowUpIcon, { className: "size-3" })
                         }
                       ),
-                      /* @__PURE__ */ jsx20(
+                      /* @__PURE__ */ jsx21(
                         IconAction,
                         {
                           label: `Move queued prompt ${index + 1} down`,
                           tip: "Move down",
                           disabled: settling || pending !== null || index >= turns.length - 1,
                           onClick: () => onMove(turn.id, beforeDown),
-                          children: /* @__PURE__ */ jsx20(ArrowDownIcon2, { className: "size-3" })
+                          children: /* @__PURE__ */ jsx21(ArrowDownIcon2, { className: "size-3" })
                         }
                       )
                     ] }) : null,
-                    onSteer ? /* @__PURE__ */ jsx20(
+                    onSteer ? /* @__PURE__ */ jsx21(
                       IconAction,
                       {
                         label: `Steer queued prompt ${index + 1}`,
@@ -10190,20 +10257,20 @@ function QueuePanel({
                         tip: QUEUE_STEER_TIP,
                         disabled: settling || pending !== null,
                         onClick: () => onSteer(turn.id),
-                        children: pending === "steer" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "size-3" })
+                        children: pending === "steer" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(CornerDownRightIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onEdit ? /* @__PURE__ */ jsx20(
+                    onEdit ? /* @__PURE__ */ jsx21(
                       IconAction,
                       {
                         label: `Edit queued prompt ${index + 1}`,
                         tip: QUEUE_EDIT_TIP,
                         disabled: settling || pending !== null,
                         onClick: () => onEdit(turn),
-                        children: pending === "edit" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(PencilIcon, { className: "size-3" })
+                        children: pending === "edit" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(PencilIcon, { className: "size-3" })
                       }
                     ) : null,
-                    onRemove ? /* @__PURE__ */ jsx20(
+                    onRemove ? /* @__PURE__ */ jsx21(
                       IconAction,
                       {
                         label: `Remove queued prompt ${index + 1}`,
@@ -10211,16 +10278,16 @@ function QueuePanel({
                         disabled: settling || pending !== null,
                         onClick: () => onRemove(turn.id),
                         danger: true,
-                        children: pending === "delete" ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" })
+                        children: pending === "delete" ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" })
                       }
                     ) : null
                   ] }) : null
                 ] }),
                 confirmingReplace ? /* @__PURE__ */ jsxs15("div", { className: "rounded-og-sm border border-og-status-waiting/30 bg-og-status-waiting/10 p-2 text-og-xs text-og-fg", children: [
-                  /* @__PURE__ */ jsx20("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
-                  /* @__PURE__ */ jsx20("p", { className: "mt-0.5 text-og-fg-muted", children: "The current draft will be permanently discarded; this queued prompt is preserved until you confirm." }),
+                  /* @__PURE__ */ 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__ */ jsxs15("div", { className: "mt-2 flex justify-end gap-1.5", children: [
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       "button",
                       {
                         type: "button",
@@ -10229,7 +10296,7 @@ function QueuePanel({
                         children: "Keep current draft"
                       }
                     ),
-                    /* @__PURE__ */ jsx20(
+                    /* @__PURE__ */ jsx21(
                       "button",
                       {
                         type: "button",
@@ -10245,7 +10312,7 @@ function QueuePanel({
             turn.id
           );
         }),
-        /* @__PURE__ */ jsx20(AnimatePresence2, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsx21(AnimatePresence2, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs15(
           motion3.li,
           {
             "aria-live": "polite",
@@ -10258,11 +10325,11 @@ function QueuePanel({
               message.state === "failed" ? "bg-og-danger/8 text-og-danger" : "bg-og-accent-soft/45"
             ),
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
-              /* @__PURE__ */ jsx20("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: message.text }),
-              /* @__PURE__ */ jsx20("span", { className: "sr-only", children: message.state === "failed" ? "Not confirmed" : message.state === "sending" ? "Placing in queue" : "Queued" }),
+              /* @__PURE__ */ jsx21("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
+              /* @__PURE__ */ jsx21("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: message.text }),
+              /* @__PURE__ */ jsx21("span", { className: "sr-only", children: message.state === "failed" ? "Not confirmed" : message.state === "sending" ? "Placing in queue" : "Queued" }),
               message.state === "failed" ? /* @__PURE__ */ jsxs15("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
-                onRetryOptimistic ? /* @__PURE__ */ jsx20(
+                onRetryOptimistic ? /* @__PURE__ */ jsx21(
                   "button",
                   {
                     type: "button",
@@ -10271,23 +10338,23 @@ function QueuePanel({
                     children: "Retry"
                   }
                 ) : null,
-                onRemoveOptimistic ? /* @__PURE__ */ jsx20(
+                onRemoveOptimistic ? /* @__PURE__ */ jsx21(
                   "button",
                   {
                     type: "button",
                     "aria-label": "Dismiss unconfirmed queued prompt",
                     className: "rounded-og-sm p-1 text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg pointer-coarse:min-h-11 pointer-coarse:min-w-11",
                     onClick: () => onRemoveOptimistic(message.clientEventId),
-                    children: /* @__PURE__ */ jsx20(XIcon, { className: "size-3" })
+                    children: /* @__PURE__ */ jsx21(XIcon, { className: "size-3" })
                   }
                 ) : null
-              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx20(
+              ] }) : message.state === "sending" ? /* @__PURE__ */ jsx21(
                 Loader2Icon2,
                 {
                   "aria-hidden": "true",
                   className: "size-3 shrink-0 animate-og-spin text-og-accent motion-reduce:animate-none"
                 }
-              ) : /* @__PURE__ */ jsx20(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
+              ) : /* @__PURE__ */ jsx21(CheckIcon3, { "aria-hidden": "true", className: "size-3 shrink-0 text-og-accent" })
             ]
           },
           message.clientEventId
@@ -10298,9 +10365,9 @@ function QueuePanel({
             role: "alert",
             className: "flex items-center gap-1.5 rounded-og-sm bg-og-danger/8 px-1.5 py-1 text-og-xs text-og-danger",
             children: [
-              /* @__PURE__ */ jsx20(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1", children: "Queue unavailable." }),
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   type: "button",
@@ -10318,9 +10385,9 @@ function QueuePanel({
             role: "alert",
             className: "flex items-center gap-1.5 rounded-og-sm bg-og-danger/8 px-1.5 py-1 text-og-xs text-og-danger",
             children: [
-              /* @__PURE__ */ jsx20(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
-              /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1", children: "Not confirmed. Check the queue before retrying." }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(TriangleAlertIcon3, { className: "size-3 shrink-0" }),
+              /* @__PURE__ */ jsx21("span", { className: "min-w-0 flex-1", children: "Not confirmed. Check the queue before retrying." }),
+              /* @__PURE__ */ jsx21(
                 "button",
                 {
                   type: "button",
@@ -10348,7 +10415,7 @@ function GoalPanel({
   const explanation = sessionChromeGoalPillExplanation(state, record);
   return /* @__PURE__ */ jsxs15("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
     /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
-      /* @__PURE__ */ jsx20("span", { children: sessionChromeGoalPillLabel(state, record) }),
+      /* @__PURE__ */ jsx21("span", { children: sessionChromeGoalPillLabel(state, record) }),
       elapsed ? /* @__PURE__ */ jsxs15("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 Created ",
         elapsed,
@@ -10359,13 +10426,13 @@ function GoalPanel({
         record.version
       ] })
     ] }),
-    /* @__PURE__ */ jsx20("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
+    /* @__PURE__ */ jsx21("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
     record.successCriteria ? /* @__PURE__ */ jsxs15("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
-      /* @__PURE__ */ jsx20("span", { className: "font-medium text-og-fg", children: "Done when" }),
+      /* @__PURE__ */ jsx21("span", { className: "font-medium text-og-fg", children: "Done when" }),
       " ",
       record.successCriteria
     ] }) : null,
-    explanation ? /* @__PURE__ */ jsx20(
+    explanation ? /* @__PURE__ */ jsx21(
       "p",
       {
         "data-og-session-chrome-goal-explanation": true,
@@ -10373,7 +10440,7 @@ function GoalPanel({
         children: explanation
       }
     ) : null,
-    record.continuation?.lastError ? /* @__PURE__ */ jsx20("p", { className: "rounded-og-sm bg-og-status-waiting/10 px-1.5 py-1 text-og-xs leading-4 text-og-status-waiting", children: record.continuation.lastError }) : null,
+    record.continuation?.lastError ? /* @__PURE__ */ jsx21("p", { className: "rounded-og-sm bg-og-status-waiting/10 px-1.5 py-1 text-og-xs leading-4 text-og-status-waiting", children: record.continuation.lastError }) : null,
     /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
       /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
         /* @__PURE__ */ jsxs15("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
@@ -10394,7 +10461,7 @@ function GoalPanel({
             onClick: () => void (record.status === "paused" ? goal.resume() : goal.pause("Paused from session chrome")),
             className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-hidden transition-colors hover:bg-og-surface-3/70 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
             children: [
-              goal.updating ? /* @__PURE__ */ jsx20(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx20(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx20(PauseIcon2, { className: "size-3" }),
+              goal.updating ? /* @__PURE__ */ jsx21(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx21(PlayIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx21(PauseIcon2, { className: "size-3" }),
               record.status === "paused" ? "Resume" : "Pause"
             ]
           }
@@ -10407,7 +10474,7 @@ function GoalPanel({
             onClick: () => void goal.deleteGoal(),
             className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-subtle outline-hidden transition-colors hover:bg-og-surface-3/70 hover:text-og-danger focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
             children: [
-              /* @__PURE__ */ jsx20(Trash2Icon2, { className: "size-3" }),
+              /* @__PURE__ */ jsx21(Trash2Icon2, { className: "size-3" }),
               "Clear"
             ]
           }
@@ -10417,8 +10484,8 @@ function GoalPanel({
   ] });
 }
 var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs15("span", { className: "flex flex-col gap-0.5 text-left", children: [
-  /* @__PURE__ */ jsx20("span", { className: "font-medium", children: "Steer" }),
-  /* @__PURE__ */ jsx20("span", { className: "opacity-80", children: "Interrupt the current turn and send this message now" })
+  /* @__PURE__ */ jsx21("span", { className: "font-medium", children: "Steer" }),
+  /* @__PURE__ */ jsx21("span", { className: "opacity-80", children: "Interrupt the current turn and send this message now" })
 ] });
 var QUEUE_EDIT_TIP = "Edit in composer";
 var QUEUE_DELETE_TIP = "Delete this queued prompt";
@@ -10432,7 +10499,7 @@ function IconAction({
   children
 }) {
   return /* @__PURE__ */ jsxs15(Tooltip, { children: [
-    /* @__PURE__ */ jsx20(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsx21(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
       "button",
       {
         type: "button",
@@ -10453,14 +10520,14 @@ function IconAction({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx20(TooltipContent, { side: "top", children: tip })
+    /* @__PURE__ */ jsx21(TooltipContent, { side: "top", children: tip })
   ] });
 }
 
 // src/components/session-commands-panel.tsx
 import { ChevronRightIcon as ChevronRightIcon4, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
 import { useState as useState14 } from "react";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
@@ -10482,10 +10549,10 @@ function SessionCommandsPanel({
     }
   };
   return /* @__PURE__ */ jsxs16("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
-    state.loading && active.length === 0 ? /* @__PURE__ */ jsx21("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
+    state.loading && active.length === 0 ? /* @__PURE__ */ jsx22("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
     state.error ? /* @__PURE__ */ jsxs16("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
-      /* @__PURE__ */ jsx21("span", { children: "Commands unavailable." }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx22("span", { children: "Commands unavailable." }),
+      /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
@@ -10495,8 +10562,8 @@ function SessionCommandsPanel({
         }
       )
     ] }) : null,
-    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx21("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
-    active.length > 0 ? /* @__PURE__ */ jsx21("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs16("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
+    !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx22("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
+    active.length > 0 ? /* @__PURE__ */ jsx22("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs16("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
       /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
         /* @__PURE__ */ jsxs16("details", { className: "group/command", children: [
           /* @__PURE__ */ jsxs16(
@@ -10505,13 +10572,13 @@ function SessionCommandsPanel({
               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__ */ jsx21(ChevronRightIcon4, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
-                /* @__PURE__ */ jsx21("span", { className: "truncate", children: command.commandPreview || "Background command" })
+                /* @__PURE__ */ jsx22(ChevronRightIcon4, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
+                /* @__PURE__ */ jsx22("span", { className: "truncate", children: command.commandPreview || "Background command" })
               ]
             }
           ),
           /* @__PURE__ */ jsxs16("div", { className: "mt-2 space-y-1", children: [
-            /* @__PURE__ */ jsx21("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandPreview || "Background command" }),
+            /* @__PURE__ */ jsx22("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandPreview || "Background command" }),
             /* @__PURE__ */ jsxs16(
               "time",
               {
@@ -10526,7 +10593,7 @@ function SessionCommandsPanel({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx21("p", { className: "mt-1 text-og-fg-subtle", children: command.state === "stopping" ? "Stopping\u2026" : "Running" })
+        /* @__PURE__ */ jsx22("p", { className: "mt-1 text-og-fg-subtle", children: command.state === "stopping" ? "Stopping\u2026" : "Running" })
       ] }),
       !readOnly ? /* @__PURE__ */ jsxs16(
         "button",
@@ -10537,13 +10604,13 @@ 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__ */ jsx21(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx21(SquareIcon, { className: "size-3" }),
+            pending === command.id || command.state === "stopping" ? /* @__PURE__ */ jsx22(Loader2Icon3, { className: "size-3 animate-og-spin motion-reduce:animate-none" }) : /* @__PURE__ */ jsx22(SquareIcon, { className: "size-3" }),
             "Stop"
           ]
         }
       ) : null
     ] }, command.id)) }) : null,
-    error ? /* @__PURE__ */ jsx21("p", { role: "alert", className: "text-og-danger", children: error }) : null
+    error ? /* @__PURE__ */ jsx22("p", { role: "alert", className: "text-og-danger", children: error }) : null
   ] });
 }
 
@@ -10611,4 +10678,4 @@ export {
   SessionChrome,
   SessionCommandsPanel
 };
-//# sourceMappingURL=chunk-5IXTJTK3.js.map
+//# sourceMappingURL=chunk-2ZICNIGZ.js.map