@opengeni/react 3.1.0 → 3.3.2-canary.1

package/dist/{chunk-HQVCKCLG.js → chunk-YG4QEQF5.js}

@@ -5,7 +5,7 @@ import {
   isActionableHumanInputRequest,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-D3UIAJKY.js";
+} from "./chunk-JAQ5K7W6.js";
 import {
   EmptyQueueStateSurface,
   TimelineAnnotationsChip,
@@ -18,7 +18,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
   useLightboxOptional
-} from "./chunk-YFKJ7VZH.js";
+} from "./chunk-7EAFGICR.js";
 import {
   copyTextToClipboard,
   tableElementToTsv
@@ -30,7 +30,7 @@ import {
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-LAKLF4PA.js";
+} from "./chunk-VTOREEXF.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -5362,10 +5362,19 @@ import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
 
 // src/timeline/entrance.tsx
 import { createContext as createContext4, useContext as useContext4, useRef as useRef7 } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var EntranceAnimationContext = createContext4(true);
-var EntranceAnimationProvider = EntranceAnimationContext.Provider;
+var EntranceAnimationLiveContext = createContext4(true);
+function EntranceAnimationProvider({
+  value,
+  liveValue = value,
+  children
+}) {
+  const mountedValue = useRef7(value).current;
+  return /* @__PURE__ */ jsx12(EntranceAnimationContext.Provider, { value: mountedValue, children: /* @__PURE__ */ jsx12(EntranceAnimationLiveContext.Provider, { value: liveValue, children }) });
+}
 function useEntranceAnimationLive() {
-  return useContext4(EntranceAnimationContext);
+  return useContext4(EntranceAnimationLiveContext);
 }
 function useEntranceAnimation() {
   const enabled = useContext4(EntranceAnimationContext);
@@ -5382,7 +5391,7 @@ function useSeenActivityIds() {
 }
 
 // src/timeline/activity-rail.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var LazyFleetDecisionRow = lazy3(() => import("./fleet-decision-row-GGCAT4E4.js"));
 var LazyPlatformActivityRow = lazy3(() => import("./platform-activity-row-BJHUHXAT.js"));
 function familyOf(item) {
@@ -5426,7 +5435,7 @@ function ActivityRail({
       }
     }
   });
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: cn(
@@ -5450,7 +5459,7 @@ function ActivityRail({
           loadRetainedScreenshot,
           loadRetainedArtifact
         );
-        return /* @__PURE__ */ jsx12(
+        return /* @__PURE__ */ jsx13(
           "div",
           {
             "data-og-timeline-row-anchor": "",
@@ -5473,7 +5482,7 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
     case "reasoning":
     case "sandbox":
     case "startup-phase":
-      return /* @__PURE__ */ jsx12(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx13(
         LazyPlatformActivityRow,
         {
           item,
@@ -5489,7 +5498,7 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
       ) });
     case "tool-call": {
       const Renderer = toolRegistry.resolve(item);
-      return /* @__PURE__ */ jsx12(ToolCallTruncationProvider, { value: item.truncation ?? null, children: /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(ToolCallTruncationProvider, { value: item.truncation ?? null, children: /* @__PURE__ */ jsx13(
         Renderer,
         {
           item,
@@ -5499,11 +5508,11 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRe
       ) });
     }
     case "worker":
-      return /* @__PURE__ */ jsx12(WorkerRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx13(WorkerRow, { item, onOpenSession });
     case "memory":
-      return /* @__PURE__ */ jsx12(MemoryRow, { item, onMemoryClick });
+      return /* @__PURE__ */ jsx13(MemoryRow, { item, onMemoryClick });
     case "fleet-decision":
-      return /* @__PURE__ */ jsx12(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx13(
         LazyFleetDecisionRow,
         {
           item,
@@ -5536,11 +5545,11 @@ function MemoryRow({
   return /* @__PURE__ */ jsxs9(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx12(BrainCircuitIcon2, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx13(BrainCircuitIcon2, { className: "size-3.5" }),
       iconTone: "muted",
       title: /* @__PURE__ */ jsxs9("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
-        /* @__PURE__ */ jsx12("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
-        kindLabel ? /* @__PURE__ */ jsx12("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
+        /* @__PURE__ */ jsx13("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
+        kindLabel ? /* @__PURE__ */ jsx13("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
       ] }),
       preview: superseded ? item.replacementPreview : item.preview,
       children: [
@@ -5548,21 +5557,21 @@ function MemoryRow({
           // The correction as a before → after: the old memory struck through and
           // dimmed, the new text in the ordinary body weight below it.
           /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
-            /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
+            /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
+            /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
           ] })
         ) : corrected && item.action === "updated" ? (
           // Edited in place, no replacement record: the memory is still live, so
           // show its current text — NOT the archived treatment.
           /* @__PURE__ */ jsxs9(Fragment4, { children: [
-            /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-            /* @__PURE__ */ jsx12(BodyNote, { tone: "muted", children: "Updated in place." })
+            /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
+            /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Updated in place." })
           ] })
         ) : corrected ? (
           // A correction with no replacement (and not an in-place update) archived the record.
-          /* @__PURE__ */ jsx12(BodyNote, { tone: "muted", children: "Archived." })
-        ) : /* @__PURE__ */ jsx12("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
-        item.deduped ? /* @__PURE__ */ jsx12(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
+          /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Archived." })
+        ) : /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
+        item.deduped ? /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
         deepLink ? /* @__PURE__ */ jsxs9(
           "button",
           {
@@ -5574,7 +5583,7 @@ function MemoryRow({
             ),
             children: [
               "View in memory",
-              /* @__PURE__ */ jsx12(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
+              /* @__PURE__ */ jsx13(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
             ]
           }
         ) : null
@@ -5593,10 +5602,10 @@ function WorkerRow({
   const sessionId = item.workerSessionId;
   const deepLink = Boolean(sessionId) && Boolean(onOpenSession) && !failed && !cancelled;
   const inner = /* @__PURE__ */ jsxs9(Fragment4, { children: [
-    /* @__PURE__ */ jsx12("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
-    /* @__PURE__ */ jsx12("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx12(BotIcon2, { className: "size-3.5" }) }),
+    /* @__PURE__ */ jsx13("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
+    /* @__PURE__ */ jsx13("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx13(BotIcon2, { className: "size-3.5" }) }),
     /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx13(
         "span",
         {
           className: cn(
@@ -5606,16 +5615,16 @@ function WorkerRow({
           children: title
         }
       ),
-      item.prompt ? /* @__PURE__ */ jsx12("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null,
+      item.prompt ? /* @__PURE__ */ jsx13("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null,
       failed && item.failure ? /* @__PURE__ */ jsxs9("div", { className: "mt-1 min-w-0 text-og-sm text-og-status-failed", children: [
-        /* @__PURE__ */ jsx12("p", { className: "font-og-mono text-og-xs", children: item.failure.code }),
-        /* @__PURE__ */ jsx12("p", { className: "mt-0.5 break-words", children: item.failure.message })
+        /* @__PURE__ */ jsx13("p", { className: "font-og-mono text-og-xs", children: item.failure.code }),
+        /* @__PURE__ */ jsx13("p", { className: "mt-0.5 break-words", children: item.failure.message })
       ] }) : null
     ] }),
     failed ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
-      /* @__PURE__ */ jsx12("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+      /* @__PURE__ */ jsx13("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
       "failed"
-    ] }) : cancelled ? /* @__PURE__ */ jsx12("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx12(
+    ] }) : cancelled ? /* @__PURE__ */ jsx13("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx13(
       ArrowRightIcon,
       {
         "aria-hidden": true,
@@ -5624,7 +5633,7 @@ function WorkerRow({
     ) : null
   ] });
   if (deepLink && sessionId && onOpenSession) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "button",
       {
         type: "button",
@@ -5638,7 +5647,7 @@ function WorkerRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx12("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
+  return /* @__PURE__ */ jsx13("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
 }
 
 // src/timeline/turn-summary.tsx
@@ -5672,7 +5681,7 @@ function inheritFoldRestingState(memory, targetKey, sourceKeys) {
 }
 
 // src/timeline/turn-summary.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var TurnSettleChromeContext = createContext7(false);
 function useTurnSettleOpen() {
   return useContext7(TurnSettleChromeContext);
@@ -5843,7 +5852,7 @@ function TurnSummary({
   const copyable = Boolean(
     copyText && copyText.trim().length > 0 && !bare && !liveShell && !open && !settlePhase
   );
-  return /* @__PURE__ */ jsx13(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs10("div", { className: cn(copyable && "group/copy relative"), children: [
+  return /* @__PURE__ */ jsx14(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs10("div", { className: cn(copyable && "group/copy relative"), children: [
     /* @__PURE__ */ jsxs10(
       Collapsible.Root,
       {
@@ -5874,7 +5883,7 @@ function TurnSummary({
                 liveShell && "text-og-fg-subtle"
               ),
               children: [
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   ChevronRightIcon2,
                   {
                     className: cn(
@@ -5883,7 +5892,7 @@ function TurnSummary({
                     )
                   }
                 ),
-                outcome === "complete" ? null : /* @__PURE__ */ jsx13(
+                outcome === "complete" ? null : /* @__PURE__ */ jsx14(
                   "span",
                   {
                     className: cn(
@@ -5891,7 +5900,7 @@ function TurnSummary({
                       bare ? "size-3.5" : "size-5",
                       outcome === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"
                     ),
-                    children: outcome === "failed" ? /* @__PURE__ */ jsx13(TriangleAlertIcon2, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx13(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx13("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
+                    children: outcome === "failed" ? /* @__PURE__ */ jsx14(TriangleAlertIcon2, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx14(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx14("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
                   }
                 ),
                 /* @__PURE__ */ jsxs10(
@@ -5899,10 +5908,10 @@ function TurnSummary({
                   {
                     className: cn("min-w-0 flex-1 truncate", bare ? "text-og-sm" : "text-og-fg-muted"),
                     children: [
-                      facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx13(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs10(Fragment5, { children: [
+                      facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx14(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs10(Fragment5, { children: [
                         index > 0 ? " \xB7 " : null,
                         /* @__PURE__ */ jsxs10("span", { "aria-label": result.ariaLabel, title: result.title, children: [
-                          result.icon ? /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
+                          result.icon ? /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
                           result.content
                         ] })
                       ] }) }, facet.id)),
@@ -5910,11 +5919,11 @@ function TurnSummary({
                         " \xB7 ",
                         failureText
                       ] }) : null,
-                      outcome === "cancelled" ? /* @__PURE__ */ jsx13("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
+                      outcome === "cancelled" ? /* @__PURE__ */ jsx14("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   "span",
                   {
                     "aria-hidden": true,
@@ -5931,7 +5940,7 @@ function TurnSummary({
               ]
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             Collapsible.Content,
             {
               ...nestSuppressLatch ? { forceMount: true } : {},
@@ -5942,13 +5951,13 @@ function TurnSummary({
                 // Auto-close: slow settle. Manual close (settlePhase cleared): fast.
                 settlePhase ? "data-[state=closed]:animate-og-settle-collapse" : "data-[state=closed]:animate-og-collapse"
               ),
-              children: /* @__PURE__ */ jsx13("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
+              children: /* @__PURE__ */ jsx14("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
             }
           )
         ]
       }
     ),
-    copyable ? /* @__PURE__ */ jsx13("div", { className: "pointer-events-none absolute top-1.5 right-0 z-10", children: /* @__PURE__ */ jsx13("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx13(CopyButton, { text: copyText, label: "Copy turn", reveal: "group-hover" }) }) }) : null
+    copyable ? /* @__PURE__ */ jsx14("div", { className: "pointer-events-none absolute top-1.5 right-0 z-10", children: /* @__PURE__ */ jsx14("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx14(CopyButton, { text: copyText, label: "Copy turn", reveal: "group-hover" }) }) }) : null
   ] }) });
 }
 function createTurnSummaryContext(items, outcome, failureText, durationMs, contextCompactionCount) {
@@ -6110,7 +6119,7 @@ import {
   useRef as useRef10,
   useState as useState11
 } from "react";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var FALLBACK_LINE_THRESHOLD = 12;
 var FALLBACK_TEXT_THRESHOLD = 900;
 var FALLBACK_UNBROKEN_THRESHOLD = 260;
@@ -6253,7 +6262,7 @@ function UserMessageDisclosureProvider({
   value,
   children
 }) {
-  return /* @__PURE__ */ jsx14(UserMessageDisclosureContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx15(UserMessageDisclosureContext.Provider, { value, children });
 }
 function userMessageLikelyNeedsDisclosure(text) {
   const lines = text.split(/\r?\n/);
@@ -6412,7 +6421,7 @@ function UserMessageBody({ messageId, text, children, className }) {
       "data-og-expanded": expanded ? "true" : "false",
       className: cn("relative min-w-0", className),
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           "span",
           {
             ref: thresholdRef,
@@ -6428,7 +6437,7 @@ function UserMessageBody({ messageId, text, children, className }) {
             "data-og-user-message-clip": "",
             className: cn("relative min-w-0", collapsed && "max-h-56 overflow-hidden sm:max-h-72"),
             children: [
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "div",
                 {
                   ref: contentRef,
@@ -6437,7 +6446,7 @@ function UserMessageBody({ messageId, text, children, className }) {
                   children
                 }
               ),
-              /* @__PURE__ */ jsx14(
+              /* @__PURE__ */ jsx15(
                 "span",
                 {
                   ref: fadeRef,
@@ -6450,7 +6459,7 @@ function UserMessageBody({ messageId, text, children, className }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15(
           "button",
           {
             ref: disclosureControlRef,
@@ -6471,7 +6480,7 @@ function UserMessageBody({ messageId, text, children, className }) {
 
 // src/components/generated-video-player.tsx
 import { useEffect as useEffect10, useState as useState12 } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function GeneratedVideoPlayer({
   receipt,
   loadPlaybackSource,
@@ -6498,7 +6507,7 @@ function GeneratedVideoPlayer({
     return () => controller.abort();
   }, [loadPlaybackSource, receipt.artifact.artifactId, retry]);
   if (state.kind === "loading") {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "div",
       {
         "aria-label": `Loading ${label.toLowerCase()}`,
@@ -6510,7 +6519,7 @@ function GeneratedVideoPlayer({
     );
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(
       "div",
       {
         role: "status",
@@ -6522,7 +6531,7 @@ function GeneratedVideoPlayer({
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "video",
     {
       "aria-label": label,
@@ -6544,7 +6553,7 @@ function GeneratedVideoPlayer({
 }
 
 // src/components/session-status.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
     label: "Starting",
@@ -6608,7 +6617,7 @@ function SessionStatus({ status, label, size = "md", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx16(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
+        /* @__PURE__ */ jsx17(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
         label ?? meta.label
       ]
     }
@@ -6616,7 +6625,7 @@ function SessionStatus({ status, label, size = "md", className }) {
 }
 function StatusDot({ status, className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: cn(
@@ -6624,12 +6633,13 @@ function StatusDot({ status, className }) {
         meta.dotClassName,
         className
       ),
-      children: meta.pulse ? /* @__PURE__ */ jsx16("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
+      children: meta.pulse ? /* @__PURE__ */ jsx17("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
     }
   );
 }
 
 // src/components/message-timeline.tsx
+import { dequal } from "dequal/lite";
 import {
   ArrowDownIcon as ArrowDownIcon2,
   ArrowRightIcon as ArrowRightIcon2,
@@ -6724,6 +6734,9 @@ function tipFollowNoteGrowth(state, height, now) {
   if (previous <= 0) {
     return { ...state, lastHeight: height };
   }
+  if (height < previous && previous - height <= TIP_FOLLOW_SHRINK_EPS_PX) {
+    return state;
+  }
   if (height <= previous) {
     return { ...state, lastHeight: height };
   }
@@ -6819,6 +6832,28 @@ function tipFollowCompensateShrink(scrollTop, previousHeight, nextHeight, client
   const maxScroll = Math.max(0, nextHeight - clientHeight);
   return Math.max(0, Math.min(maxScroll, scrollTop - delta));
 }
+function tipFollowObserveContentShrink(baseline, previousHeight, previousScrollTop, nextHeight, clientHeight, epsPx = TIP_FOLLOW_SHRINK_EPS_PX) {
+  if (previousHeight <= 0 || nextHeight >= previousHeight) {
+    return { baseline: null, compensatedScrollTop: null };
+  }
+  const retained = baseline ?? {
+    scrollHeight: previousHeight,
+    scrollTop: previousScrollTop
+  };
+  if (retained.scrollHeight - nextHeight <= epsPx) {
+    return { baseline: retained, compensatedScrollTop: null };
+  }
+  return {
+    baseline: null,
+    compensatedScrollTop: tipFollowCompensateShrink(
+      retained.scrollTop,
+      retained.scrollHeight,
+      nextHeight,
+      clientHeight,
+      epsPx
+    )
+  };
+}
 function tipFollowCompensateViewportShrink(scrollTop, previousClientHeight, nextClientHeight, scrollHeight, epsPx = TIP_FOLLOW_SHRINK_EPS_PX) {
   if (previousClientHeight <= 0) {
     return scrollTop;
@@ -7011,7 +7046,7 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
 }
 
 // src/components/message-timeline.tsx
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var TimelineAnnotationSelection = lazy4(() => import("./timeline-annotation-selection-3L7LHGG2.js"));
 var PIN_THRESHOLD_PX = 48;
 var JUMP_TO_LATEST_CATCHUP_DEBT_PX = 240;
@@ -7134,7 +7169,6 @@ function MessageTimeline({
     }
     return sources;
   }, [resolvedItems]);
-  const groups = useStableTimelineGroupKeys(allGroups);
   const scrollRef = useRef11(null);
   const topSentinelRef = useRef11(null);
   const bottomSentinelRef = useRef11(null);
@@ -7166,6 +7200,7 @@ function MessageTimeline({
   const lastScrollHeightRef = useRef11(0);
   const lastClientHeightRef = useRef11(0);
   const readerIntentArmRef = useRef11(false);
+  const readerIntentStartRef = useRef11(null);
   const programmaticScrollRef = useRef11(0);
   const disclosureKeepsUnpinnedRef = useRef11(false);
   const pendingReaderLeaveRef = useRef11(false);
@@ -7174,12 +7209,13 @@ function MessageTimeline({
   const userMessageDisclosureMemoryRef = useRef11(/* @__PURE__ */ new Map());
   const seenActivityIdsRef = useRef11(/* @__PURE__ */ new Set());
   const firstItemGroupKeyRef = useRef11(null);
-  const groupOffsetByKeyRef = useRef11(/* @__PURE__ */ new Map());
+  const firstItemGroupOffsetTopRef = useRef11(null);
   const firstItemContentTopRef = useRef11(null);
   const firstItemId = resolvedItems[0]?.id ?? null;
   const underfillRetryReady = underfillRetryReadyRef.current = !!(underfillSettledAttempt && underfillSettledAttempt === olderLoadAttemptRef.current && hasOlder && onLoadOlder && !loadingOlder);
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
+  const groups = useStableTimelineGroupKeys(allGroups, !bulkRender);
   const applyCanSkipTipCatchup = useCallback2((value) => {
     if (canSkipTipCatchupRef.current !== value) {
       canSkipTipCatchupRef.current = value;
@@ -7210,6 +7246,7 @@ function MessageTimeline({
   revealedRef.current = revealed;
   const followRef = useRef11(createTipFollowState());
   const followFrameRef = useRef11(null);
+  const contentShrinkBaselineRef = useRef11(null);
   const syncScrollBaseline = useCallback2((node) => {
     lastScrollTopRef.current = node.scrollTop;
     lastMaxScrollRef.current = maxScrollOf(node);
@@ -7238,7 +7275,12 @@ function MessageTimeline({
     pendingReaderLeaveRef.current = false;
     cancelLeaveFallback();
   }, [cancelLeaveFallback]);
+  const clearReaderIntent = useCallback2(() => {
+    readerIntentArmRef.current = false;
+    readerIntentStartRef.current = null;
+  }, []);
   const stopFollow = useCallback2(() => {
+    contentShrinkBaselineRef.current = null;
     followRef.current = tipFollowCancel(followRef.current);
     if (followFrameRef.current != null) {
       cancelFrame(followFrameRef.current);
@@ -7253,7 +7295,7 @@ function MessageTimeline({
       if (node && maxScrollOf(node) <= 1) {
         return;
       }
-      readerIntentArmRef.current = false;
+      clearReaderIntent();
       clearPendingReaderLeave();
       stopFollow();
       applyPinned(false);
@@ -7265,7 +7307,7 @@ function MessageTimeline({
         setOlderPrefetchArmed(true);
       }
     },
-    [autoFollow, applyPinned, clearPendingReaderLeave, stopFollow]
+    [autoFollow, applyPinned, clearPendingReaderLeave, clearReaderIntent, stopFollow]
   );
   const releasePinAfterScrollSettled = useCallback2(
     (node) => {
@@ -7322,7 +7364,9 @@ function MessageTimeline({
       return;
     }
     disclosureKeepsUnpinnedRef.current = false;
+    const node = event.currentTarget instanceof HTMLElement ? event.currentTarget : scrollRef.current;
     readerIntentArmRef.current = true;
+    readerIntentStartRef.current = node ? { scrollTop: node.scrollTop, maxScroll: maxScrollOf(node) } : null;
   };
   const onKeyDown = (event) => {
     if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "PageUp" || event.key === "PageDown" || event.key === "Home" || event.key === "End") {
@@ -7336,6 +7380,7 @@ function MessageTimeline({
   };
   const snapToBottom = useCallback2(
     (node) => {
+      clearReaderIntent();
       stopFollow();
       cancelLeaveFallback();
       writeScrollTop(node, Math.max(0, node.scrollHeight - node.clientHeight));
@@ -7348,7 +7393,14 @@ function MessageTimeline({
       };
       applyCanSkipTipCatchup(false);
     },
-    [applyCanSkipTipCatchup, cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
+    [
+      applyCanSkipTipCatchup,
+      cancelLeaveFallback,
+      clearReaderIntent,
+      stopFollow,
+      syncScrollBaseline,
+      writeScrollTop
+    ]
   );
   const beginUserMessageDisclosureChange = useCallback2(
     (messageBody, disclosureControl) => {
@@ -7395,6 +7447,36 @@ function MessageTimeline({
     }),
     [beginUserMessageDisclosureChange]
   );
+  const timelineGroupEntryContext = useMemo5(
+    () => ({
+      userMessageDisclosureContext,
+      behavior: {
+        renderMessageText,
+        onOpenSession,
+        onMemoryClick,
+        onReconnect,
+        resolveProviderLogo,
+        toolRegistry,
+        loadRetainedScreenshot,
+        loadRetainedArtifact,
+        loadVideoArtifactPlayback,
+        turnSummary
+      }
+    }),
+    [
+      loadRetainedArtifact,
+      loadRetainedScreenshot,
+      loadVideoArtifactPlayback,
+      onMemoryClick,
+      onOpenSession,
+      onReconnect,
+      renderMessageText,
+      resolveProviderLogo,
+      toolRegistry,
+      turnSummary,
+      userMessageDisclosureContext
+    ]
+  );
   const requestOlderIfUnderfilled = useCallback2(
     (node, retry) => {
       let currentAttempt = olderLoadAttemptRef.current;
@@ -7439,14 +7521,29 @@ function MessageTimeline({
       }
       cancelLeaveFallback();
       const now = typeof nowMs === "number" ? nowMs : typeof performance !== "undefined" ? performance.now() : Date.now();
-      const previousHeight = followRef.current.lastHeight;
-      if (previousHeight > 0 && node.scrollHeight < previousHeight - TIP_FOLLOW_SHRINK_EPS_PX) {
-        let nextTop = tipFollowCompensateShrink(
-          lastScrollTopRef.current,
-          previousHeight,
-          node.scrollHeight,
-          node.clientHeight
-        );
+      let previousHeight = followRef.current.lastHeight;
+      const previousObservedHeight = lastScrollHeightRef.current;
+      if (contentShrinkBaselineRef.current && previousObservedHeight > 0 && node.scrollHeight > previousObservedHeight) {
+        contentShrinkBaselineRef.current = null;
+        if (node.scrollHeight < previousHeight) {
+          followRef.current = {
+            ...followRef.current,
+            lastHeight: node.scrollHeight,
+            cameraTop: null
+          };
+          previousHeight = node.scrollHeight;
+        }
+      }
+      const shrinkObservation = tipFollowObserveContentShrink(
+        contentShrinkBaselineRef.current,
+        previousHeight,
+        lastScrollTopRef.current,
+        node.scrollHeight,
+        node.clientHeight
+      );
+      contentShrinkBaselineRef.current = shrinkObservation.baseline;
+      if (shrinkObservation.compensatedScrollTop !== null) {
+        let nextTop = shrinkObservation.compensatedScrollTop;
         const previousClient = followRef.current.lastClientHeight;
         if (previousClient > 0 && node.clientHeight < previousClient - TIP_FOLLOW_SHRINK_EPS_PX) {
           nextTop = tipFollowCompensateViewportShrink(
@@ -7478,12 +7575,6 @@ function MessageTimeline({
         }
         return;
       }
-      if (previousHeight > 0 && node.scrollHeight < previousHeight) {
-        followRef.current = {
-          ...followRef.current,
-          lastHeight: node.scrollHeight
-        };
-      }
       const result = tipFollowStep(followRef.current, {
         scrollTop: node.scrollTop,
         scrollHeight: node.scrollHeight,
@@ -7527,7 +7618,7 @@ function MessageTimeline({
     }
     const previousFirstItemId = previousFirstItemIdRef.current;
     const previousFirstItemGroupKey = firstItemGroupKeyRef.current;
-    const previousGroupOffsetByKey = groupOffsetByKeyRef.current;
+    const previousFirstItemGroupOffsetTop = firstItemGroupOffsetTopRef.current;
     const previousItemContentTop = firstItemContentTopRef.current;
     const previousScrollTop = lastScrollTopRef.current;
     const previousMaxScroll = lastMaxScrollRef.current;
@@ -7549,10 +7640,9 @@ function MessageTimeline({
         }
       }
       const anchorKey = previousFirstItemGroupKey;
-      const previousAnchorTop = anchorKey != null ? previousGroupOffsetByKey.get(anchorKey) : void 0;
       const anchorEl = anchorKey != null ? node.querySelector(`[data-og-group-key="${cssEscapeAttribute(anchorKey)}"]`) : null;
-      if (delta == null && anchorEl instanceof HTMLElement && previousAnchorTop !== void 0) {
-        const moved = Math.round(anchorEl.offsetTop - previousAnchorTop);
+      if (delta == null && anchorEl instanceof HTMLElement && previousFirstItemGroupOffsetTop != null) {
+        const moved = Math.round(anchorEl.offsetTop - previousFirstItemGroupOffsetTop);
         if (moved) {
           delta = moved;
         }
@@ -7620,14 +7710,9 @@ function MessageTimeline({
     firstItemGroupKeyRef.current = groups[0]?.key ?? null;
     const needOffsets = prepended || firstItemChanged || !pinnedRef.current || hasNewer || firstItemContentTopRef.current == null;
     if (needOffsets) {
-      const nextOffsetByKey = /* @__PURE__ */ new Map();
-      for (const { key } of groups) {
-        const el = node.querySelector(`[data-og-group-key="${cssEscapeAttribute(key)}"]`);
-        if (el instanceof HTMLElement) {
-          nextOffsetByKey.set(key, el.offsetTop);
-        }
-      }
-      groupOffsetByKeyRef.current = nextOffsetByKey;
+      const committedFirstGroupKey = firstItemGroupKeyRef.current;
+      const firstGroupEl = committedFirstGroupKey ? node.querySelector(`[data-og-group-key="${cssEscapeAttribute(committedFirstGroupKey)}"]`) : null;
+      firstItemGroupOffsetTopRef.current = firstGroupEl instanceof HTMLElement ? firstGroupEl.offsetTop : null;
       const firstItemEl = firstItemId ? node.querySelector(`[data-og-item="${cssEscapeAttribute(firstItemId)}"]`) : null;
       firstItemContentTopRef.current = firstItemId && firstItemEl instanceof HTMLElement ? firstItemEl.getBoundingClientRect().top - node.getBoundingClientRect().top + node.scrollTop : null;
     }
@@ -7703,14 +7788,16 @@ function MessageTimeline({
     lastScrollHeightRef.current = 0;
     lastClientHeightRef.current = 0;
     firstItemGroupKeyRef.current = null;
-    groupOffsetByKeyRef.current = /* @__PURE__ */ new Map();
+    firstItemGroupOffsetTopRef.current = null;
     firstItemContentTopRef.current = null;
     foldMemoryRef.current.clear();
     userMessageDisclosureMemoryRef.current.clear();
     disclosureKeepsUnpinnedRef.current = false;
+    clearReaderIntent();
+    contentShrinkBaselineRef.current = null;
     seenActivityIdsRef.current.clear();
     applyPinned(true);
-  }, [allGroups.length, revealed, applyPinned]);
+  }, [allGroups.length, revealed, applyPinned, clearReaderIntent]);
   useEffect11(() => {
     const node = scrollRef.current;
     if (node) {
@@ -7865,6 +7952,13 @@ function MessageTimeline({
     const readerUp = readerScrollUpPx(previousTop, nextTop, previousMaxScroll, nextMaxScroll);
     const maxFell = nextMaxScroll < previousMaxScroll - 1;
     const readerArmed = readerIntentArmRef.current;
+    const readerIntentStart = readerIntentStartRef.current;
+    const cumulativeReaderUp = readerArmed && readerIntentStart ? readerScrollUpPx(
+      readerIntentStart.scrollTop,
+      nextTop,
+      readerIntentStart.maxScroll,
+      nextMaxScroll
+    ) : readerUp;
     const heightShrunk = followRef.current.lastHeight > 0 && nextHeight < followRef.current.lastHeight - TIP_FOLLOW_SHRINK_EPS_PX;
     const programmatic = programmaticScrollRef.current > 0;
     if (programmatic) {
@@ -7880,7 +7974,7 @@ function MessageTimeline({
       const previousClient = followRef.current.lastClientHeight;
       const viewportShrunk = previousClient > 0 && node.clientHeight < previousClient - TIP_FOLLOW_SHRINK_EPS_PX;
       if (heightShrunk || maxFell || viewportShrunk) {
-        readerIntentArmRef.current = false;
+        clearReaderIntent();
         clearPendingReaderLeave();
         driveFollow(node);
         return;
@@ -7894,8 +7988,8 @@ function MessageTimeline({
       if (nearBottomPinned) {
         clearPendingReaderLeave();
       }
-      if (readerArmed && readerUp > TIP_FOLLOW_READER_UP_EPS_PX && !nearBottomPinned) {
-        readerIntentArmRef.current = false;
+      if (readerArmed && cumulativeReaderUp > TIP_FOLLOW_READER_UP_EPS_PX && !nearBottomPinned) {
+        clearReaderIntent();
         releasePinFromReader(node);
         rearmOlderPrefetchAfterLeavingTop(node);
         return;
@@ -7949,8 +8043,8 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  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: !bulkRender, children: /* @__PURE__ */ jsx17(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs13("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    onAnnotate ? /* @__PURE__ */ jsx17(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(LightboxProvider, { children: /* @__PURE__ */ jsx18(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx18(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx18(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx18(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs13("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+    onAnnotate ? /* @__PURE__ */ jsx18(Suspense4, { fallback: null, children: /* @__PURE__ */ jsx18(
       TimelineAnnotationSelection,
       {
         rootRef: scrollRef,
@@ -7958,7 +8052,7 @@ function MessageTimeline({
         onAnnotate
       }
     ) }) : null,
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       "div",
       {
         ref: scrollRef,
@@ -7978,11 +8072,11 @@ function MessageTimeline({
           autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
         ),
         children: /* @__PURE__ */ jsxs13("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-          !groups.length ? emptyState ?? /* @__PURE__ */ jsx17("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
+          !groups.length ? emptyState ?? /* @__PURE__ */ jsx18("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
           hasOlder && olderPrefetchArmed ? (
             // Overlaid, not a layout row: mounting/unmounting the sentinel
             // must never shift content (that shift was itself a wobble).
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               "div",
               {
                 ref: topSentinelRef,
@@ -7993,49 +8087,22 @@ function MessageTimeline({
               }
             )
           ) : null,
-          groups.map(({ group, key }, index) => {
-            const next = groups[index + 1]?.group;
-            const contextCompactionCount = group.kind === "turn" ? group.contextCompactionCount ?? 0 : group.kind === "activity" && next?.kind === "item" && next.item.kind === "context-compaction" && next.item.phase === "compacted" ? 1 : 0;
-            return /* @__PURE__ */ jsx17("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": key, children: /* @__PURE__ */ jsx17(
-              TimelineGroupRenderBoundary,
+          groups.map(({ group, key, entranceEnabled }, index) => {
+            return /* @__PURE__ */ jsx18(
+              TimelineGroupEntry,
               {
-                resetKeys: [
-                  group,
-                  renderMessageText,
-                  onOpenSession,
-                  onMemoryClick,
-                  onReconnect,
-                  resolveProviderLogo,
-                  toolRegistry,
-                  loadRetainedScreenshot,
-                  loadRetainedArtifact,
-                  loadVideoArtifactPlayback,
-                  turnSummary
-                ],
-                children: /* @__PURE__ */ jsx17(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: /* @__PURE__ */ jsx17(
-                  TimelineGroupView,
-                  {
-                    group,
-                    renderMessageText,
-                    onOpenSession,
-                    onMemoryClick,
-                    onReconnect,
-                    resolveProviderLogo,
-                    toolRegistry,
-                    loadRetainedScreenshot,
-                    loadRetainedArtifact,
-                    loadVideoArtifactPlayback,
-                    turnSummary,
-                    foldLiveCluster: isAgentProgress(next),
-                    trailingAgentText: trailingAgentTextAfterTurn(group, next),
-                    contextCompactionCount: contextCompactionCount > 0 ? contextCompactionCount : void 0
-                  }
-                ) })
-              }
-            ) }, key);
+                groupKey: key,
+                group,
+                nextGroup: groups[index + 1]?.group,
+                entranceEnabled,
+                liveEntranceEnabled: group.kind === "activity" ? !bulkRender : void 0,
+                context: timelineGroupEntryContext
+              },
+              key
+            );
           }),
-          groups.length > 0 && trailingState ? /* @__PURE__ */ jsx17("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
-          hasNewer ? /* @__PURE__ */ jsx17(
+          groups.length > 0 && trailingState ? /* @__PURE__ */ jsx18("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
+          hasNewer ? /* @__PURE__ */ jsx18(
             "div",
             {
               ref: bottomSentinelRef,
@@ -8048,7 +8115,7 @@ function MessageTimeline({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx17(AnimatePresence2, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
+    /* @__PURE__ */ jsx18(AnimatePresence2, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
       // Floating over the scroller (not a timeline row) so showing and
       // hiding it never reflows history under the reader.
       /* @__PURE__ */ jsxs13(
@@ -8062,8 +8129,8 @@ function MessageTimeline({
           "aria-live": "polite",
           className: "absolute inset-x-0 top-3 z-10 flex justify-center",
           children: [
-            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx17("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
-            hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx17(
+            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+            hasOlder && !loadingOlder && !loadingOldest && (underfillRetryReady || onJumpToStart) ? /* @__PURE__ */ jsx18(
               "button",
               {
                 type: "button",
@@ -8107,7 +8174,7 @@ function MessageTimeline({
         }
       )
     ) : null }),
-    /* @__PURE__ */ jsx17(AnimatePresence2, { children: loadingNewer ? /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(AnimatePresence2, { children: loadingNewer ? /* @__PURE__ */ jsx18(
       motion2.div,
       {
         initial: { opacity: 0, y: 6 },
@@ -8117,10 +8184,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__ */ jsx17("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+        children: /* @__PURE__ */ jsx18("span", { className: LOADING_CHIP_CLASS, children: /* @__PURE__ */ jsx18("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
       }
     ) : null }),
-    /* @__PURE__ */ jsx17(AnimatePresence2, { children: (!pinned && autoFollow || hasNewer || canSkipTipCatchup) && autoFollow ? /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsx18(AnimatePresence2, { children: (!pinned && autoFollow || hasNewer || canSkipTipCatchup) && autoFollow ? /* @__PURE__ */ jsxs13(
       motion2.button,
       {
         type: "button",
@@ -8166,14 +8233,21 @@ function MessageTimeline({
           "hover:border-og-border-strong"
         ),
         children: [
-          /* @__PURE__ */ jsx17(ArrowDownIcon2, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx18(ArrowDownIcon2, { className: "size-3.5" }),
           "Jump to latest"
         ]
       }
     ) : null })
   ] }) }) }) }) }) }) });
 }
-function useStableTimelineGroupKeys(allGroups) {
+function timelineGroupsRenderEqual(previous, next) {
+  try {
+    return dequal(previous, next);
+  } catch {
+    return false;
+  }
+}
+function useStableTimelineGroupKeys(allGroups, entranceEnabled) {
   const previousRef = useRef11([]);
   const keyedGroups = useMemo5(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
@@ -8185,25 +8259,29 @@ function useStableTimelineGroupKeys(allGroups) {
     const usedKeys = /* @__PURE__ */ new Set();
     return allGroups.map((group, index) => {
       const itemIds = timelineGroupItemIds(group);
-      let retainedKey;
+      let retainedGroup;
       for (const itemId of itemIds) {
         const previous = previousByItemId.get(itemId);
         if (previous && previous.group.kind === group.kind && !usedKeys.has(previous.key)) {
-          retainedKey = previous.key;
+          retainedGroup = previous;
           break;
         }
       }
       const canonicalKey = timelineGroupKey(group);
-      let key = retainedKey ?? canonicalKey;
+      let key = retainedGroup?.key ?? canonicalKey;
       let collision = 0;
       while (usedKeys.has(key)) {
         key = `${canonicalKey}:${index}:${collision}`;
         collision += 1;
       }
       usedKeys.add(key);
-      return { group, key };
+      return {
+        group: retainedGroup && timelineGroupsRenderEqual(retainedGroup.group, group) ? retainedGroup.group : group,
+        key,
+        entranceEnabled: retainedGroup?.entranceEnabled ?? entranceEnabled
+      };
     });
-  }, [allGroups]);
+  }, [allGroups, entranceEnabled]);
   useLayoutEffect3(() => {
     previousRef.current = keyedGroups;
   }, [keyedGroups]);
@@ -8248,10 +8326,10 @@ var TimelineGroupRenderBoundary = class extends Component2 {
           role: "status",
           className: "flex items-start gap-2 rounded-lg border border-og-border bg-og-surface-muted px-3 py-2 text-og-menu text-og-fg-muted",
           children: [
-            /* @__PURE__ */ jsx17(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
+            /* @__PURE__ */ jsx18(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
             /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx17("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
-              /* @__PURE__ */ jsx17("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
+              /* @__PURE__ */ jsx18("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
+              /* @__PURE__ */ jsx18("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
           ]
         }
@@ -8260,6 +8338,27 @@ var TimelineGroupRenderBoundary = class extends Component2 {
     return this.props.children;
   }
 };
+var TimelineGroupEntry = memo2(function TimelineGroupEntry2({
+  groupKey,
+  group,
+  nextGroup,
+  entranceEnabled,
+  liveEntranceEnabled,
+  context
+}) {
+  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__ */ jsx18("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": groupKey, children: /* @__PURE__ */ jsx18(EntranceAnimationProvider, { value: entranceEnabled, liveValue: liveEntranceEnabled, children: /* @__PURE__ */ jsx18(TimelineGroupRenderBoundary, { resetKeys: [group, behavior], children: /* @__PURE__ */ jsx18(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: /* @__PURE__ */ jsx18(
+    TimelineGroupView,
+    {
+      ...behavior,
+      group,
+      foldLiveCluster: isAgentProgress(nextGroup),
+      trailingAgentText: trailingAgentTextAfterTurn(group, nextGroup),
+      contextCompactionCount: contextCompactionCount > 0 ? contextCompactionCount : void 0
+    }
+  ) }) }) }) });
+});
 var TimelineGroupView = memo2(function TimelineGroupView2({
   group,
   renderMessageText,
@@ -8298,7 +8397,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       if (insideTurn) {
         const useNestedChip = nestClusterChips && activityShouldFold && !containsGeneratedImage;
         if (!useNestedChip) {
-          return /* @__PURE__ */ jsx17(
+          return /* @__PURE__ */ jsx18(
             ActivityRail,
             {
               items: group.items,
@@ -8311,7 +8410,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           TurnSummary,
           {
             items: group.items,
@@ -8322,7 +8421,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               ActivityRail,
               {
                 items: group.items,
@@ -8338,7 +8437,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         TurnSummary,
         {
           items: group.items,
@@ -8349,7 +8448,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx17(FoldBody, { children: /* @__PURE__ */ jsx17(TurnRailFrame, { children: /* @__PURE__ */ jsx17(
+          children: /* @__PURE__ */ jsx18(FoldBody, { children: /* @__PURE__ */ jsx18(TurnRailFrame, { children: /* @__PURE__ */ jsx18(
             ActivityRail,
             {
               items: group.items,
@@ -8369,7 +8468,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = group.groups.map((child) => {
         const key = timelineGroupKey(child);
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx18(
           TimelineGroupRenderBoundary,
           {
             resetKeys: [
@@ -8385,7 +8484,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               loadVideoArtifactPlayback,
               turnSummary
             ],
-            children: /* @__PURE__ */ jsx17(
+            children: /* @__PURE__ */ jsx18(
               TimelineGroupView2,
               {
                 group: child,
@@ -8407,7 +8506,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           key
         );
       });
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         TurnSummary,
         {
           items: activityItems,
@@ -8421,16 +8520,16 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx17(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx18(FoldBody, { children: insideTurn ? (
             // A nested turn is already on an ancestor rail — its body just stacks
             // flush (the bare-node body already indents it), so no second rule.
-            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: body })
-          ) : /* @__PURE__ */ jsx17(TurnRailFrame, { children: body }) })
+            /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx18(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         TimelineRow,
         {
           item: group.item,
@@ -8444,10 +8543,10 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   }
 });
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx17(Fragment6, { children });
+  return /* @__PURE__ */ jsx18(Fragment6, { children });
 }
 function TurnRailFrame({ children }) {
-  return /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
+  return /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
 }
 function useLiveSettleFold(folded) {
   const previousFoldedRef = useRef11(folded);
@@ -8622,25 +8721,25 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx17(UserMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx18(UserMessageRow, { item, renderMessageText });
     case "human-input":
-      return /* @__PURE__ */ jsx17(HumanInputConversationRow, { item });
+      return /* @__PURE__ */ jsx18(HumanInputConversationRow, { item });
     case "agent-message":
-      return /* @__PURE__ */ jsx17(AgentMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx18(AgentMessageRow, { item, renderMessageText });
     case "worker-completion":
-      return /* @__PURE__ */ jsx17(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx18(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx17(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx18(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx17(GoalRow, { item });
+      return /* @__PURE__ */ jsx18(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx17(MachineInputBatchRow, { item, loadVideoArtifactPlayback });
+      return /* @__PURE__ */ jsx18(MachineInputBatchRow, { item, loadVideoArtifactPlayback });
     case "notice":
-      return /* @__PURE__ */ jsx17(NoticeRow, { item });
+      return /* @__PURE__ */ jsx18(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx17(CompactionRow, { item });
+      return /* @__PURE__ */ jsx18(CompactionRow, { item });
     case "auth-needed":
-      return /* @__PURE__ */ jsx17(
+      return /* @__PURE__ */ jsx18(
         AuthNeededRow,
         {
           item,
@@ -8666,7 +8765,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 : "border-og-border bg-og-surface-1 text-og-fg-muted";
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -8676,13 +8775,13 @@ function CompactionRow({ item }) {
       role: "status",
       children: [
         /* @__PURE__ */ jsxs13("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx17(ShrinkIcon, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx18(ShrinkIcon, { className: "size-3.5 shrink-0" }),
           /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx17("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx18("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
@@ -8702,7 +8801,7 @@ function compactionSkipSubtitle(reason) {
   }
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "time",
     {
       dateTime: occurredAt,
@@ -8721,18 +8820,18 @@ function UserMessageRow({
 }) {
   const enter = useEntranceAnimation();
   const deliveryFailed = item.delivery?.state === "failed";
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs13("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs13("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
+    /* @__PURE__ */ jsx18(
       CopyHoverFrame,
       {
         copyText: item.text || (item.annotations ?? []).map((annotation) => `${annotation.quote}
 ${annotation.note}`).join("\n\n"),
         label: "Copy message",
         className: "w-fit max-w-full min-w-0",
-        trailing: /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
+        trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
         children: /* @__PURE__ */ jsxs13("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-          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(
+          item.text ? /* @__PURE__ */ jsx18("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx18(Markdown, { children: item.text }) }) }) : null,
+          (item.annotations?.length ?? 0) > 0 ? /* @__PURE__ */ jsx18(
             TimelineAnnotationsChip,
             {
               annotations: item.annotations ?? [],
@@ -8749,10 +8848,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__ */ jsxs13("span", { className: "inline-flex items-center gap-1", title: item.delivery?.error, children: [
-            /* @__PURE__ */ jsx17(TriangleAlertIcon3, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx17("span", { children: "Message not sent" })
+            /* @__PURE__ */ jsx18(TriangleAlertIcon3, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx18("span", { children: "Message not sent" })
           ] }),
-          item.delivery?.onRetry ? /* @__PURE__ */ jsx17(
+          item.delivery?.onRetry ? /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -8761,7 +8860,7 @@ ${annotation.note}`).join("\n\n"),
               children: "Retry"
             }
           ) : null,
-          item.delivery?.onRemove ? /* @__PURE__ */ jsx17(
+          item.delivery?.onRemove ? /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -8790,10 +8889,10 @@ function HumanInputConversationRow({ item }) {
       "data-human-input-history": item.requestId,
       children: [
         /* @__PURE__ */ jsxs13("div", { className: "flex max-w-[90%] items-start gap-3 rounded-og-lg rounded-bl-og-xs border border-og-border bg-og-surface-1 px-3.5 py-3 sm:max-w-[82%]", children: [
-          /* @__PURE__ */ 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__ */ jsx18("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/10 text-og-status-waiting", children: /* @__PURE__ */ jsx18(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
           /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ 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__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx18("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
+            /* @__PURE__ */ jsx18("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs13("div", { children: [
               question.label ? /* @__PURE__ */ jsxs13("p", { className: "text-og-sm font-semibold text-og-fg", children: [
                 multipleQuestions ? /* @__PURE__ */ jsxs13("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                   index + 1,
@@ -8819,19 +8918,19 @@ function HumanInputConversationRow({ item }) {
                   ]
                 }
               )
-            ] }, question.id)) : /* @__PURE__ */ jsx17("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
+            ] }, question.id)) : /* @__PURE__ */ jsx18("p", { className: "text-og-sm text-og-fg-muted", children: "The agent requested structured input." }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsx17("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx18(
           CopyHoverFrame,
           {
             copyText,
             label: "Copy answer",
             className: "w-fit max-w-[90%] min-w-0 sm:max-w-[82%]",
-            trailing: /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
+            trailing: /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
             children: /* @__PURE__ */ jsxs13("div", { className: MESSAGE_BUBBLE_CLASS, children: [
-              /* @__PURE__ */ jsx17("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
-              item.response.outcome === "answered" ? /* @__PURE__ */ jsx17("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsx18("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
+              item.response.outcome === "answered" ? /* @__PURE__ */ jsx18("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs13("div", { children: [
                 multipleQuestions ? /* @__PURE__ */ jsxs13("p", { className: "text-og-sm font-semibold text-og-fg", children: [
                   /* @__PURE__ */ jsxs13("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                     questionNumberById.get(answer.questionId) ?? answerIndex + 1,
@@ -8840,8 +8939,8 @@ function HumanInputConversationRow({ item }) {
                   " ",
                   answer.label
                 ] }) : null,
-                /* @__PURE__ */ jsx17("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx17("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx17("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx17("p", { children: answer.values[0] || "Answered" }) })
-              ] }, answer.questionId)) : /* @__PURE__ */ jsx17("p", { children: "Answered" }) }) : null
+                /* @__PURE__ */ jsx18("div", { className: cn("text-og-md text-og-fg", multipleQuestions && "mt-0.5"), children: answer.values.length > 1 ? /* @__PURE__ */ jsx18("ul", { className: "list-disc space-y-0.5 pl-5", children: answer.values.map((value) => /* @__PURE__ */ jsx18("li", { children: value }, `${answer.questionId}-${value}`)) }) : /* @__PURE__ */ jsx18("p", { children: answer.values[0] || "Answered" }) })
+              ] }, answer.questionId)) : /* @__PURE__ */ jsx18("p", { children: "Answered" }) }) : null
             ] })
           }
         ) })
@@ -8868,15 +8967,15 @@ function AgentMessageRow({
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx17(Markdown, { streaming: item.streaming, children: item.text });
-  return /* @__PURE__ */ jsx17("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: /* @__PURE__ */ jsx17(
+  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx18(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx18("div", { "data-og-annotation-source-key": item.annotationSource?.eventId, children: /* @__PURE__ */ jsx18(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
-      trailing: item.streaming ? null : /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
+      trailing: item.streaming ? null : /* @__PURE__ */ jsx18(MessageFooterTime, { occurredAt: item.occurredAt }),
       children: body
     }
   ) });
@@ -8928,11 +9027,11 @@ function WorkerCompletionRow({
     ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
   ];
   const hasDetails = details.length > 0;
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs13("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ 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__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx17("span", { className: "font-medium", children: meta.label }),
+      /* @__PURE__ */ jsx18("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx18(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx18("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx18("span", { className: "font-medium", children: meta.label }),
         item.goalText ? /* @__PURE__ */ jsxs13("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
@@ -8950,13 +9049,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx17(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx18(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
     hasDetails ? /* @__PURE__ */ jsxs13(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx17(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx18(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -8965,14 +9064,14 @@ function WorkerCompletionRow({
             "outline-hidden transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
-            /* @__PURE__ */ jsx17(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
+            /* @__PURE__ */ jsx18(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__ */ 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__ */ jsxs13("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx17("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx18("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx18("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx18(
           "p",
           {
             className: cn(
@@ -8998,14 +9097,14 @@ function SessionStatusRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsx18("span", { className: "h-px flex-1 bg-og-border" }),
         /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx17(StatusDot, { status: item.status, className: "size-1" }),
+          /* @__PURE__ */ jsx18(StatusDot, { status: item.status, className: "size-1" }),
           meta.label.toLowerCase(),
           " \xB7 ",
           formatRelativeTime(item.occurredAt)
         ] }),
-        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" })
+        /* @__PURE__ */ jsx18("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -9040,7 +9139,7 @@ var GOAL_META = {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = GOAL_META[item.action];
-  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx18("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "span",
     {
       className: cn(
@@ -9048,7 +9147,7 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx17(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx18(Icon, { className: "size-3.5 shrink-0" }),
         /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
@@ -9065,7 +9164,7 @@ function MachineInputBatchRow({
   const label = machineInputBatchLabel(item.members);
   const single = item.members.length === 1 ? item.members[0] : null;
   if (single?.kind === "media_generation_result" && single.result) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       VideoGenerationResultRow,
       {
         result: single.result,
@@ -9077,7 +9176,7 @@ function MachineInputBatchRow({
   const showCollapsedSummary = single != null && machineInputSummaryIsUseful(single.kind, singleSummary);
   return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
     /* @__PURE__ */ jsxs13("details", { className: "group w-full max-w-full", "data-og-machine-input-batch": "", children: [
-      /* @__PURE__ */ jsx17("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx18("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs13(
         "span",
         {
           className: cn(
@@ -9085,18 +9184,18 @@ function MachineInputBatchRow({
             NEUTRAL_PILL
           ),
           children: [
-            /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(
               ChevronRightIcon3,
               {
                 "aria-hidden": true,
                 className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
               }
             ),
-            /* @__PURE__ */ jsx17("span", { className: "truncate", children: label })
+            /* @__PURE__ */ jsx18("span", { className: "truncate", children: label })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx17("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: item.members.map((member) => /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: item.members.map((member) => /* @__PURE__ */ jsx18(
         MachineInputRow,
         {
           member,
@@ -9105,7 +9204,7 @@ function MachineInputBatchRow({
         member.id
       )) })
     ] }),
-    showCollapsedSummary ? /* @__PURE__ */ jsx17("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
+    showCollapsedSummary ? /* @__PURE__ */ jsx18("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
   ] });
 }
 function MachineInputRow({
@@ -9113,7 +9212,7 @@ function MachineInputRow({
   loadVideoArtifactPlayback
 }) {
   if (member.kind === "media_generation_result" && member.result) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx18(
       VideoGenerationResultRow,
       {
         result: member.result,
@@ -9125,14 +9224,14 @@ function MachineInputRow({
   const source = readableMachineInputSource(member.sourceId);
   const summary = cleanMachineInputSummary(member.summary);
   return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx17("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
+    /* @__PURE__ */ jsx18("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
     /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx17("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      /* @__PURE__ */ jsx18("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
       source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
-      summary ? /* @__PURE__ */ jsx17("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null
+      summary ? /* @__PURE__ */ jsx18("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null
     ] })
   ] });
 }
@@ -9152,10 +9251,10 @@ function VideoGenerationResultRow({
         ),
         children: [
           /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
-            /* @__PURE__ */ jsx17(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
+            /* @__PURE__ */ jsx18(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
             "Video generation failed"
           ] }),
-          /* @__PURE__ */ jsx17("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
+          /* @__PURE__ */ jsx18("p", { className: "mt-1 text-og-sm leading-5 text-og-fg-muted", children: result.boundedPublicReason })
         ]
       }
     );
@@ -9172,17 +9271,17 @@ function VideoGenerationResultRow({
         compact && "max-w-lg"
       ),
       children: [
-        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx17(
+        loadVideoArtifactPlayback ? /* @__PURE__ */ jsx18(
           GeneratedVideoPlayer,
           {
             receipt,
             loadPlaybackSource: loadVideoArtifactPlayback,
             className: "rounded-none border-0 shadow-none"
           }
-        ) : /* @__PURE__ */ jsx17("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx17(PlayIcon2, { "aria-hidden": true, className: "size-6" }) }),
+        ) : /* @__PURE__ */ jsx18("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx18(PlayIcon2, { "aria-hidden": true, className: "size-6" }) }),
         /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
           /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ jsx17("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
+            /* @__PURE__ */ jsx18("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
             /* @__PURE__ */ jsxs13("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
               facts.width,
               "\xD7",
@@ -9192,7 +9291,7 @@ function VideoGenerationResultRow({
               facts.hasAudio ? " \xB7 Audio" : ""
             ] })
           ] }),
-          /* @__PURE__ */ jsx17(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
+          /* @__PURE__ */ jsx18(CheckCircle2Icon, { "aria-label": "Ready", className: "size-4 shrink-0 text-og-status-success" })
         ] })
       ]
     }
@@ -9214,20 +9313,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           TriangleAlertIcon3,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
         /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx17("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
+          /* @__PURE__ */ jsx18("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
           item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-og-control", children: [
-            /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
-            /* @__PURE__ */ jsx17("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
+            /* @__PURE__ */ jsx18("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx18("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
           ] }) : null
         ] }),
-        item.action ? /* @__PURE__ */ jsx17(
+        item.action ? /* @__PURE__ */ jsx18(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
@@ -9273,7 +9372,7 @@ function AuthNeededRow({
   return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
@@ -9281,8 +9380,8 @@ function AuthNeededRow({
           }
         ),
         /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx17("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
-          /* @__PURE__ */ jsx17("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
+          /* @__PURE__ */ jsx18("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
+          /* @__PURE__ */ jsx18("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
           recommendation ? /* @__PURE__ */ jsxs13("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Provider: ",
             item.providerDomain
@@ -9304,7 +9403,7 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong disabled:opacity-70 pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
+            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
@@ -9319,13 +9418,13 @@ function AuthNeededRow({
             "transition-colors hover:bg-og-accent-strong pointer-coarse:min-h-9"
           ),
           children: [
-            /* @__PURE__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
+            /* @__PURE__ */ jsx18(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
       ) : null
     ] }),
-    !unavailable ? /* @__PURE__ */ jsx17("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: recommendation ? "No access has been granted. Review and confirm the provider before continuing." : `This tool call wasn't replayed. After ${missing ? "connecting" : "reconnecting"}, send a new message to try again.` }) : null,
+    !unavailable ? /* @__PURE__ */ jsx18("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: recommendation ? "No access has been granted. Review and confirm the provider before continuing." : `This tool call wasn't replayed. After ${missing ? "connecting" : "reconnecting"}, send a new message to try again.` }) : null,
     failed ? /* @__PURE__ */ jsxs13("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
@@ -9339,12 +9438,12 @@ function AuthProviderLogo({ src, label }) {
   const [failed, setFailed] = useState13(false);
   useEffect11(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-og-menu font-semibold text-og-fg-muted",
       "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx17(
+      children: showImage ? /* @__PURE__ */ jsx18(
         "img",
         {
           src,
@@ -9354,7 +9453,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx17("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx18("span", { children: monogram(label) })
     }
   );
 }
@@ -9455,4 +9554,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-HQVCKCLG.js.map
+//# sourceMappingURL=chunk-YG4QEQF5.js.map