@opengeni/react 0.34.1 → 0.34.3

package/dist/{chunk-L7R5RK6A.js → chunk-QRYJCWGD.js}

@@ -1,16 +1,25 @@
 import {
   buildTimeline,
-  groupTimeline
-} from "./chunk-TCCE5ZU5.js";
+  groupTimeline,
+  mcpToolLeaf,
+  toolDisplayName
+} from "./chunk-MEGI4FS6.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "./chunk-ATSTR5P3.js";
 import {
   cn
 } from "./chunk-TK7G6XLT.js";
 import {
+  formatClockTime,
   formatRelativeTime,
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-4QOQ2DSR.js";
+} from "./chunk-LAKLF4PA.js";
 import {
   EmptyQueueStateSurface,
   requestQueueDraftEdit
@@ -57,132 +66,6 @@ function QueueSurfaceFallback() {
   );
 }
 
-// src/components/tooltip.tsx
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import {
-  createContext,
-  useContext,
-  useRef
-} from "react";
-
-// src/lib/use-portal-token-style.ts
-import { useEffect, useState } from "react";
-function usePortalTokenStyle(sourceRef) {
-  const [style, setStyle] = useState({});
-  useEffect(() => {
-    const source = sourceRef.current;
-    if (!source || typeof MutationObserver === "undefined") return;
-    let signature = "";
-    const sync = () => {
-      const computed = getComputedStyle(source);
-      const next = { colorScheme: computed.colorScheme };
-      for (let index = 0; index < computed.length; index += 1) {
-        const property = computed.item(index);
-        if (!property.startsWith("--og-")) continue;
-        next[property] = computed.getPropertyValue(property);
-      }
-      const nextSignature = JSON.stringify(next);
-      if (nextSignature !== signature) {
-        signature = nextSignature;
-        setStyle(next);
-      }
-    };
-    const observers = [];
-    let ancestor = source;
-    while (ancestor) {
-      const observer = new MutationObserver(sync);
-      observer.observe(ancestor, {
-        attributes: true,
-        attributeFilter: ["class", "data-og-theme", "style"]
-      });
-      observers.push(observer);
-      ancestor = ancestor.parentElement;
-    }
-    const colorScheme = window.matchMedia?.("(prefers-color-scheme: dark)");
-    colorScheme?.addEventListener?.("change", sync);
-    sync();
-    return () => {
-      for (const observer of observers) observer.disconnect();
-      colorScheme?.removeEventListener?.("change", sync);
-    };
-  }, [sourceRef]);
-  return style;
-}
-
-// src/components/tooltip.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var TooltipSourceContext = createContext(null);
-function TooltipProvider({
-  delayDuration = 300,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Provider, { delayDuration, ...props });
-}
-function Tooltip({ children, ...props }) {
-  const sourceRef = useRef(null);
-  return /* @__PURE__ */ jsx2(TooltipSourceContext.Provider, { value: sourceRef, children: /* @__PURE__ */ jsx2(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children }) });
-}
-function TooltipTrigger({
-  asChild = true,
-  ...props
-}) {
-  const sourceRef = useContext(TooltipSourceContext);
-  return /* @__PURE__ */ jsx2(
-    TooltipPrimitive.Trigger,
-    {
-      "data-slot": "tooltip-trigger",
-      asChild,
-      ref: (node) => {
-        if (sourceRef) sourceRef.current = node;
-      },
-      ...props
-    }
-  );
-}
-var tooltipSurfaceStyle = {
-  backgroundColor: "var(--og-color-fg)",
-  color: "var(--og-color-bg)"
-};
-function TooltipContent({
-  className,
-  sideOffset = 6,
-  children,
-  style,
-  ...props
-}) {
-  const sourceRef = useContext(TooltipSourceContext);
-  const fallbackRef = useRef(null);
-  const portalStyle = usePortalTokenStyle(sourceRef ?? fallbackRef);
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "og-root z-50 w-fit max-w-xs origin-[var(--radix-tooltip-content-transform-origin)]",
-        "rounded-og-md px-2.5 py-1.5 text-og-xs leading-4 text-balance shadow-og-md",
-        "animate-og-enter data-[state=closed]:opacity-0 data-[state=closed]:transition-opacity",
-        className
-      ),
-      style: { ...portalStyle, ...tooltipSurfaceStyle, ...style },
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ jsx2(
-          TooltipPrimitive.Arrow,
-          {
-            className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]",
-            style: {
-              backgroundColor: "var(--og-color-fg)",
-              fill: "var(--og-color-fg)"
-            }
-          }
-        )
-      ]
-    }
-  ) });
-}
-
 // src/components/session-chrome.tsx
 import {
   ArrowDownIcon,
@@ -201,14 +84,14 @@ import {
 } from "lucide-react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import {
-  useEffect as useEffect2,
+  useEffect,
   useId,
   useLayoutEffect,
   useMemo,
-  useRef as useRef2,
-  useState as useState2
+  useRef,
+  useState
 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
   scheduled: "Scheduled",
@@ -244,8 +127,8 @@ function formatCoarseElapsed(ms) {
 }
 function useLiveElapsed(startIso, live, endIso) {
   const start = startIso ? Date.parse(startIso) : Number.NaN;
-  const [now, setNow] = useState2(() => Date.now());
-  useEffect2(() => {
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
     if (!live) return;
     const id = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(id);
@@ -320,7 +203,7 @@ function SessionChrome({
         tone: incoming.some(
           (item) => item.classification === "action_required" || item.classification === "failure"
         ) ? "waiting" : "neutral",
-        icon: /* @__PURE__ */ jsx3(InboxIcon, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx2(InboxIcon, { className: "size-3" })
       });
     }
     if (turns.length > 0) {
@@ -330,7 +213,7 @@ function SessionChrome({
         label: `${turns.length} queued prompt${turns.length === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: "neutral",
-        icon: /* @__PURE__ */ jsx3(ListOrderedIcon, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx2(ListOrderedIcon, { className: "size-3" })
       });
     }
     if (record && goalState) {
@@ -340,7 +223,7 @@ function SessionChrome({
         label: GOAL_LABEL[goalState],
         detail: elapsed ? `${elapsed} \xB7 ${record.text}` : record.text,
         tone: waiting ? "waiting" : goalState === "pursuing" || goalState === "scheduled" ? "accent" : "neutral",
-        icon: goalState === "blocked" || goalState === "invariant_broken" ? /* @__PURE__ */ jsx3(TriangleAlertIcon, { className: "size-3" }) : goalState === "paused" || goalState === "held" ? /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3" }) : /* @__PURE__ */ jsx3(ZapIcon, { className: "size-3" })
+        icon: goalState === "blocked" || goalState === "invariant_broken" ? /* @__PURE__ */ jsx2(TriangleAlertIcon, { className: "size-3" }) : goalState === "paused" || goalState === "held" ? /* @__PURE__ */ jsx2(PauseIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
       });
     }
     if (agentsSignal && agentsSignal.count > 0) {
@@ -350,12 +233,12 @@ function SessionChrome({
         label: `${agentsSignal.count} agent${agentsSignal.count === 1 ? "" : "s"}`,
         ...detail ? { detail } : {},
         tone: agentsSignal.tone ?? "neutral",
-        icon: /* @__PURE__ */ jsx3(BotIcon, { className: "size-3" })
+        icon: /* @__PURE__ */ jsx2(BotIcon, { className: "size-3" })
       });
     }
     return rows;
   }, [agentsSignal, elapsed, goalState, incoming, record, turns]);
-  const [activeUncontrolled, setActiveUncontrolled] = useState2(
+  const [activeUncontrolled, setActiveUncontrolled] = useState(
     defaultActive
   );
   const active = activeControlled !== void 0 ? activeControlled : activeUncontrolled;
@@ -363,26 +246,26 @@ function SessionChrome({
     if (activeControlled === void 0) setActiveUncontrolled(next);
     onActiveChange?.(next);
   };
-  const [replaceDraftFor, setReplaceDraftFor] = useState2(null);
-  const chipRefs = useRef2({});
-  const railRef = useRef2(null);
-  const panelBodyRef = useRef2(null);
-  const [pill, setPill] = useState2({ left: 0, width: 0, opacity: 0 });
-  const [panelHeight, setPanelHeight] = useState2(0);
+  const [replaceDraftFor, setReplaceDraftFor] = useState(null);
+  const chipRefs = useRef({});
+  const railRef = useRef(null);
+  const panelBodyRef = useRef(null);
+  const [pill, setPill] = useState({ left: 0, width: 0, opacity: 0 });
+  const [panelHeight, setPanelHeight] = useState(0);
   const signalIds = signals.map((signal) => signal.id).join(",");
-  useEffect2(() => {
+  useEffect(() => {
     if (active && !signalIds.split(",").includes(active)) {
       if (activeControlled === void 0) setActiveUncontrolled(null);
       onActiveChange?.(null);
     }
   }, [active, activeControlled, onActiveChange, signalIds]);
-  useEffect2(() => {
+  useEffect(() => {
     if (active !== "queue" || !replaceDraftFor) return;
     if (!turns.some((turn) => turn.id === replaceDraftFor)) {
       setReplaceDraftFor(null);
     }
   }, [active, replaceDraftFor, turns]);
-  useEffect2(() => {
+  useEffect(() => {
     const rail = railRef.current;
     const measure = () => {
       if (!rail || !active) {
@@ -419,7 +302,7 @@ function SessionChrome({
     if (!node) return;
     setPanelHeight(node.offsetHeight);
   }, [open, active, incoming, turns, record, goalState, agentsPanel, agentsSignal]);
-  useEffect2(() => {
+  useEffect(() => {
     if (!open) return;
     const node = panelBodyRef.current;
     if (!node || typeof ResizeObserver === "undefined") return;
@@ -433,7 +316,7 @@ 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__ */ jsx3(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "queue" ? /* @__PURE__ */ jsx3(
+  const panelBody = active === "incoming" ? /* @__PURE__ */ jsx2(IncomingPanel, { inputs: incoming, onDismiss: onDismissIncoming }) : active === "queue" ? /* @__PURE__ */ jsx2(
     QueuePanel,
     {
       turns,
@@ -471,15 +354,15 @@ function SessionChrome({
         void queue.moveTurn(turnId, beforeTurnId);
       } : void 0
     }
-  ) : active === "goal" && record && goalState && goal ? /* @__PURE__ */ jsx3(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "agents" ? /* @__PURE__ */ jsx3("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx3("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
-  return /* @__PURE__ */ jsx3(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx3(
+  ) : active === "goal" && record && goalState && goal ? /* @__PURE__ */ jsx2(GoalPanel, { goal, state: goalState, elapsed, readOnly }) : active === "agents" ? /* @__PURE__ */ jsx2("div", { "data-og-session-chrome-panel": "agents", children: agentsPanel ?? /* @__PURE__ */ jsx2("p", { className: "text-og-xs text-og-fg-muted", children: "No agent details." }) }) : null;
+  return /* @__PURE__ */ jsx2(TooltipProvider, { delayDuration: 300, children: /* @__PURE__ */ jsx2(
     "div",
     {
       className: cn("og-session-chrome og-root w-full", className),
       "data-testid": "session-chrome",
       "data-og-session-chrome": "",
       "data-og-session-chrome-open": open ? "true" : "false",
-      children: /* @__PURE__ */ jsxs3(
+      children: /* @__PURE__ */ jsxs2(
         "div",
         {
           className: cn(
@@ -495,7 +378,7 @@ function SessionChrome({
             transitionTimingFunction: "var(--og-session-chrome-ease)"
           },
           children: [
-            /* @__PURE__ */ jsxs3(
+            /* @__PURE__ */ jsxs2(
               "div",
               {
                 ref: railRef,
@@ -505,7 +388,7 @@ function SessionChrome({
                   padding: "var(--og-session-chrome-rail-pad)"
                 },
                 children: [
-                  /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsx2(
                     motion.div,
                     {
                       "aria-hidden": true,
@@ -526,7 +409,7 @@ function SessionChrome({
                   ),
                   signals.map((signal) => {
                     const selected = active === signal.id;
-                    return /* @__PURE__ */ jsxs3(
+                    return /* @__PURE__ */ jsxs2(
                       "button",
                       {
                         type: "button",
@@ -549,18 +432,18 @@ function SessionChrome({
                           paddingInline: "var(--og-session-chrome-chip-pad-x)"
                         },
                         children: [
-                          /* @__PURE__ */ jsx3("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
-                          /* @__PURE__ */ jsx3("span", { className: "shrink-0 font-medium text-og-fg", children: signal.label }),
-                          signal.detail ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-                            /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "shrink-0 text-og-fg-subtle/60", children: "\xB7" }),
-                            /* @__PURE__ */ jsx3("span", { className: "min-w-0 max-w-[8.5rem] truncate text-og-fg sm:max-w-[12rem]", children: signal.detail })
+                          /* @__PURE__ */ jsx2("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
+                          /* @__PURE__ */ jsx2("span", { className: "shrink-0 font-medium text-og-fg", children: signal.label }),
+                          signal.detail ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                            /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "shrink-0 text-og-fg-subtle/60", children: "\xB7" }),
+                            /* @__PURE__ */ jsx2("span", { className: "min-w-0 max-w-[8.5rem] truncate text-og-fg sm:max-w-[12rem]", children: signal.detail })
                           ] }) : null
                         ]
                       },
                       signal.id
                     );
                   }),
-                  /* @__PURE__ */ jsx3(AnimatePresence, { initial: false, children: open ? /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, children: open ? /* @__PURE__ */ jsx2(
                     motion.button,
                     {
                       type: "button",
@@ -571,14 +454,14 @@ function SessionChrome({
                       exit: reduceMotion ? { opacity: 1 } : { opacity: 0 },
                       transition: { duration: crossfadeDuration, ease },
                       className: "relative z-[1] ml-auto inline-flex size-7 shrink-0 items-center justify-center rounded-og-md text-og-fg-subtle outline-none transition-colors hover:bg-og-surface-3/60 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 pointer-coarse:size-11",
-                      children: /* @__PURE__ */ jsx3(XIcon, { className: "size-3" })
+                      children: /* @__PURE__ */ jsx2(XIcon, { className: "size-3" })
                     },
                     "close"
                   ) : null })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx2(
               motion.div,
               {
                 id: panelId,
@@ -590,7 +473,7 @@ function SessionChrome({
                 },
                 transition: { duration: shellDuration, ease },
                 className: "overflow-hidden",
-                children: /* @__PURE__ */ jsx3(
+                children: /* @__PURE__ */ jsx2(
                   "div",
                   {
                     ref: panelBodyRef,
@@ -599,7 +482,7 @@ function SessionChrome({
                       paddingInline: "var(--og-session-chrome-panel-pad-x)",
                       paddingBlock: "var(--og-session-chrome-panel-pad-y)"
                     },
-                    children: /* @__PURE__ */ jsx3(AnimatePresence, { initial: false, children: active && panelBody ? /* @__PURE__ */ jsx3(
+                    children: /* @__PURE__ */ jsx2(AnimatePresence, { initial: false, children: active && panelBody ? /* @__PURE__ */ jsx2(
                       motion.div,
                       {
                         "data-og-session-chrome-panel-frame": active,
@@ -631,18 +514,18 @@ function IncomingPanel({
   inputs,
   onDismiss
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "ul",
     {
       className: "flex flex-col gap-0.5",
       "aria-label": "Incoming updates",
       "data-og-session-chrome-panel": "incoming",
-      children: inputs.map((input) => /* @__PURE__ */ jsxs3(
+      children: inputs.map((input) => /* @__PURE__ */ jsxs2(
         "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__ */ jsx3(
+            /* @__PURE__ */ jsx2(
               "span",
               {
                 className: cn(
@@ -652,15 +535,15 @@ function IncomingPanel({
                 children: pendingKindLabel(input.kind)
               }
             ),
-            /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1 text-og-xs leading-4 text-og-fg", children: input.summary }),
-            onDismiss ? /* @__PURE__ */ jsx3("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__ */ jsx3(
+            /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 text-og-xs leading-4 text-og-fg", children: input.summary }),
+            onDismiss ? /* @__PURE__ */ jsx2("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__ */ jsx2(
               IconAction,
               {
                 label: `Dismiss incoming ${pendingKindLabel(input.kind)}`,
                 tip: "Dismiss",
                 onClick: () => onDismiss(input.id),
                 danger: true,
-                children: /* @__PURE__ */ jsx3(Trash2Icon, { className: "size-3" })
+                children: /* @__PURE__ */ jsx2(Trash2Icon, { className: "size-3" })
               }
             ) }) : null
           ]
@@ -682,7 +565,7 @@ function QueuePanel({
   onRemove,
   onMove
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     "ol",
     {
       className: "flex flex-col gap-0.5",
@@ -694,59 +577,59 @@ function QueuePanel({
         const beforeDown = index < turns.length - 1 ? turns[index + 2]?.id ?? null : null;
         const showActions = !readOnly && (onEdit || onSteer || onRemove || onMove);
         const confirmingReplace = replaceDraftFor === turn.id;
-        return /* @__PURE__ */ jsxs3(
+        return /* @__PURE__ */ jsxs2(
           "li",
           {
             "data-queue-turn-id": turn.id,
             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__ */ jsxs3("div", { className: "flex items-start gap-1.5", children: [
-                /* @__PURE__ */ jsx3("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
-                /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: turn.prompt }),
-                showActions ? /* @__PURE__ */ jsxs3("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__ */ jsxs3(Fragment, { children: [
-                    /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsxs2("div", { className: "flex items-start gap-1.5", children: [
+                /* @__PURE__ */ jsx2("span", { className: "mt-px shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: index + 1 }),
+                /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: turn.prompt }),
+                showActions ? /* @__PURE__ */ jsxs2("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__ */ jsxs2(Fragment, { children: [
+                    /* @__PURE__ */ jsx2(
                       IconAction,
                       {
                         label: `Move queued prompt ${index + 1} up`,
                         tip: "Move up",
                         disabled: pending !== null || index === 0,
                         onClick: () => onMove(turn.id, beforeUp),
-                        children: /* @__PURE__ */ jsx3(ArrowUpIcon, { className: "size-3" })
+                        children: /* @__PURE__ */ jsx2(ArrowUpIcon, { className: "size-3" })
                       }
                     ),
-                    /* @__PURE__ */ jsx3(
+                    /* @__PURE__ */ jsx2(
                       IconAction,
                       {
                         label: `Move queued prompt ${index + 1} down`,
                         tip: "Move down",
                         disabled: pending !== null || index >= turns.length - 1,
                         onClick: () => onMove(turn.id, beforeDown),
-                        children: /* @__PURE__ */ jsx3(ArrowDownIcon, { className: "size-3" })
+                        children: /* @__PURE__ */ jsx2(ArrowDownIcon, { className: "size-3" })
                       }
                     )
                   ] }) : null,
-                  onSteer ? /* @__PURE__ */ jsx3(
+                  onSteer ? /* @__PURE__ */ jsx2(
                     IconAction,
                     {
                       label: `Steer queued prompt ${index + 1}`,
                       tip: QUEUE_STEER_TIP,
                       disabled: pending !== null,
                       onClick: () => onSteer(turn.id),
-                      children: pending === "steer" ? /* @__PURE__ */ jsx3(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx3(ZapIcon, { className: "size-3" })
+                      children: pending === "steer" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(ZapIcon, { className: "size-3" })
                     }
                   ) : null,
-                  onEdit ? /* @__PURE__ */ jsx3(
+                  onEdit ? /* @__PURE__ */ jsx2(
                     IconAction,
                     {
                       label: `Edit queued prompt ${index + 1}`,
                       tip: QUEUE_EDIT_TIP,
                       disabled: pending !== null,
                       onClick: () => onEdit(turn),
-                      children: pending === "edit" ? /* @__PURE__ */ jsx3(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx3(PencilIcon, { className: "size-3" })
+                      children: pending === "edit" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(PencilIcon, { className: "size-3" })
                     }
                   ) : null,
-                  onRemove ? /* @__PURE__ */ jsx3(
+                  onRemove ? /* @__PURE__ */ jsx2(
                     IconAction,
                     {
                       label: `Remove queued prompt ${index + 1}`,
@@ -754,16 +637,16 @@ function QueuePanel({
                       disabled: pending !== null,
                       onClick: () => onRemove(turn.id),
                       danger: true,
-                      children: pending === "delete" ? /* @__PURE__ */ jsx3(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx3(Trash2Icon, { className: "size-3" })
+                      children: pending === "delete" ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : /* @__PURE__ */ jsx2(Trash2Icon, { className: "size-3" })
                     }
                   ) : null
                 ] }) : null
               ] }),
-              confirmingReplace ? /* @__PURE__ */ jsxs3("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__ */ jsx3("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
-                /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: "mt-2 flex justify-end gap-1.5", children: [
-                  /* @__PURE__ */ jsx3(
+              confirmingReplace ? /* @__PURE__ */ jsxs2("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__ */ jsx2("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
+                /* @__PURE__ */ jsx2("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__ */ jsxs2("div", { className: "mt-2 flex justify-end gap-1.5", children: [
+                  /* @__PURE__ */ jsx2(
                     "button",
                     {
                       type: "button",
@@ -772,7 +655,7 @@ function QueuePanel({
                       children: "Keep current draft"
                     }
                   ),
-                  /* @__PURE__ */ jsx3(
+                  /* @__PURE__ */ jsx2(
                     "button",
                     {
                       type: "button",
@@ -800,38 +683,38 @@ function GoalPanel({
   const record = goal.goal;
   if (!record) return null;
   const canToggle = !readOnly && (record.status === "active" || record.status === "paused");
-  return /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
-      /* @__PURE__ */ jsx3("span", { children: GOAL_LABEL[state] }),
-      elapsed ? /* @__PURE__ */ jsxs3("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
+  return /* @__PURE__ */ jsxs2("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
+      /* @__PURE__ */ jsx2("span", { children: GOAL_LABEL[state] }),
+      elapsed ? /* @__PURE__ */ jsxs2("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 ",
         elapsed
       ] }) : null,
-      /* @__PURE__ */ jsxs3("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 v",
         record.version
       ] })
     ] }),
-    /* @__PURE__ */ jsx3("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
-    record.successCriteria ? /* @__PURE__ */ jsxs3("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
-      /* @__PURE__ */ jsx3("span", { className: "font-medium text-og-fg", children: "Done when" }),
+    /* @__PURE__ */ jsx2("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
+    record.successCriteria ? /* @__PURE__ */ jsxs2("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
+      /* @__PURE__ */ jsx2("span", { className: "font-medium text-og-fg", children: "Done when" }),
       " ",
       record.successCriteria
     ] }) : null,
-    record.continuation?.lastError ? /* @__PURE__ */ jsx3("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__ */ jsxs3("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
-        /* @__PURE__ */ jsxs3("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+    record.continuation?.lastError ? /* @__PURE__ */ jsx2("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__ */ jsxs2("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.autoContinuations,
           " auto-continues"
         ] }),
-        /* @__PURE__ */ jsxs3("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.noProgressStreak,
           " stalled"
         ] })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-0.5", children: [
-        canToggle ? /* @__PURE__ */ jsxs3(
+      !readOnly ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-0.5", children: [
+        canToggle ? /* @__PURE__ */ jsxs2(
           "button",
           {
             type: "button",
@@ -839,12 +722,12 @@ function GoalPanel({
             onClick: () => void (record.status === "paused" ? goal.resume() : goal.pause("Paused from session chrome")),
             className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-none 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__ */ jsx3(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx3(PlayIcon, { className: "size-3" }) : /* @__PURE__ */ jsx3(PauseIcon, { className: "size-3" }),
+              goal.updating ? /* @__PURE__ */ jsx2(Loader2Icon2, { className: "size-3 animate-og-spin" }) : record.status === "paused" ? /* @__PURE__ */ jsx2(PlayIcon, { className: "size-3" }) : /* @__PURE__ */ jsx2(PauseIcon, { className: "size-3" }),
               record.status === "paused" ? "Resume" : "Pause"
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs2(
           "button",
           {
             type: "button",
@@ -852,7 +735,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-none 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__ */ jsx3(Trash2Icon, { className: "size-3" }),
+              /* @__PURE__ */ jsx2(Trash2Icon, { className: "size-3" }),
               "Clear"
             ]
           }
@@ -861,9 +744,9 @@ function GoalPanel({
     ] })
   ] });
 }
-var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs3("span", { className: "flex flex-col gap-0.5 text-left", children: [
-  /* @__PURE__ */ jsx3("span", { className: "font-medium", children: "Steer" }),
-  /* @__PURE__ */ jsx3("span", { className: "opacity-80", children: "Interrupt the current turn and send this message now" })
+var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs2("span", { className: "flex flex-col gap-0.5 text-left", children: [
+  /* @__PURE__ */ jsx2("span", { className: "font-medium", children: "Steer" }),
+  /* @__PURE__ */ jsx2("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";
@@ -875,8 +758,8 @@ function IconAction({
   danger,
   children
 }) {
-  return /* @__PURE__ */ jsxs3(Tooltip, { children: [
-    /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2(Tooltip, { children: [
+    /* @__PURE__ */ jsx2(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx2(
       "button",
       {
         type: "button",
@@ -892,13 +775,13 @@ function IconAction({
         children
       }
     ) }),
-    /* @__PURE__ */ jsx3(TooltipContent, { side: "top", children: tip })
+    /* @__PURE__ */ jsx2(TooltipContent, { side: "top", children: tip })
   ] });
 }
 
 // src/components/human-input-form.tsx
-import { useEffect as useEffect3, useId as useId2, useRef as useRef3, useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useEffect as useEffect2, useId as useId2, useRef as useRef2, useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultHumanInputFormMessages = {
   title: "Your input is needed",
   description: "The agent is paused until you answer these questions.",
@@ -934,16 +817,16 @@ function HumanInputForm({
   const resolvedSubmitLabel = submitLabel ?? messages.submit;
   const resolvedSkipLabel = skipLabel ?? messages.skip;
   const formId = useId2();
-  const [drafts, setDrafts] = useState3(
+  const [drafts, setDrafts] = useState2(
     () => initialDrafts(request.questions)
   );
-  const [validationErrors, setValidationErrors] = useState3({});
-  const [submissionError, setSubmissionError] = useState3(null);
-  const [submittingInternally, setSubmittingInternally] = useState3(false);
-  const submissionInFlight = useRef3(false);
-  const submissionGeneration = useRef3(0);
+  const [validationErrors, setValidationErrors] = useState2({});
+  const [submissionError, setSubmissionError] = useState2(null);
+  const [submittingInternally, setSubmittingInternally] = useState2(false);
+  const submissionInFlight = useRef2(false);
+  const submissionGeneration = useRef2(0);
   const busy = submitting || submittingInternally;
-  useEffect3(() => {
+  useEffect2(() => {
     submissionGeneration.current += 1;
     submissionInFlight.current = false;
     setDrafts(initialDrafts(request.questions));
@@ -991,7 +874,7 @@ function HumanInputForm({
     }
     await submitResponse({ outcome: "answered", answers: result.answers });
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "form",
     {
       "data-human-input-request": request.id,
@@ -1001,36 +884,36 @@ function HumanInputForm({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs4("header", { children: [
-          /* @__PURE__ */ jsx4("h2", { className: "text-og-md font-semibold text-og-fg", children: resolvedTitle }),
-          resolvedDescription ? /* @__PURE__ */ jsx4("div", { className: "mt-1 text-og-sm text-og-fg-muted", children: resolvedDescription }) : null,
-          request.expiresAt ? /* @__PURE__ */ jsxs4("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: [
+        /* @__PURE__ */ jsxs3("header", { children: [
+          /* @__PURE__ */ jsx3("h2", { className: "text-og-md font-semibold text-og-fg", children: resolvedTitle }),
+          resolvedDescription ? /* @__PURE__ */ jsx3("div", { className: "mt-1 text-og-sm text-og-fg-muted", children: resolvedDescription }) : null,
+          request.expiresAt ? /* @__PURE__ */ jsxs3("p", { className: "mt-1 text-og-xs text-og-fg-subtle", children: [
             messages.deadlineLabel,
             " ",
-            /* @__PURE__ */ jsx4("time", { dateTime: request.expiresAt, children: messages.formatDeadline(request.expiresAt) })
+            /* @__PURE__ */ jsx3("time", { dateTime: request.expiresAt, children: messages.formatDeadline(request.expiresAt) })
           ] }) : null
         ] }),
-        /* @__PURE__ */ jsx4("fieldset", { disabled: busy, className: "contents", children: request.questions.map((question, index) => {
+        /* @__PURE__ */ jsx3("fieldset", { disabled: busy, className: "contents", children: request.questions.map((question, index) => {
           const draft = drafts[question.id] ?? emptyDraft();
           const fieldId = `${formId}-${index}`;
           const errorId = `${fieldId}-error`;
           const helpId = `${fieldId}-help`;
           const describedBy = [question.helpText ? helpId : null, validationErrors[question.id] ? errorId : null].filter(Boolean).join(" ") || void 0;
-          return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxs4(
+          return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsxs3(
               "label",
               {
                 htmlFor: question.kind === "text" ? fieldId : void 0,
                 className: "text-og-base font-medium text-og-fg",
                 children: [
                   question.label ?? question.prompt,
-                  question.required ? /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : null
+                  question.required ? /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "ml-1 text-og-status-failed", children: "*" }) : null
                 ]
               }
             ),
-            question.label ? /* @__PURE__ */ jsx4("p", { className: "text-og-sm text-og-fg-muted", children: question.prompt }) : null,
-            question.helpText ? /* @__PURE__ */ jsx4("p", { id: helpId, className: "text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
-            question.kind === "text" ? /* @__PURE__ */ jsx4(
+            question.label ? /* @__PURE__ */ jsx3("p", { className: "text-og-sm text-og-fg-muted", children: question.prompt }) : null,
+            question.helpText ? /* @__PURE__ */ jsx3("p", { id: helpId, className: "text-og-xs text-og-fg-subtle", children: question.helpText }) : null,
+            question.kind === "text" ? /* @__PURE__ */ jsx3(
               "textarea",
               {
                 id: fieldId,
@@ -1045,7 +928,7 @@ function HumanInputForm({
                 rows: 3,
                 className: "min-h-20 w-full resize-y rounded-og-md border border-og-border bg-og-surface-2 px-3 py-2 text-og-base text-og-fg outline-none placeholder:text-og-fg-subtle focus:border-og-accent"
               }
-            ) : /* @__PURE__ */ jsxs4(
+            ) : /* @__PURE__ */ jsxs3(
               "div",
               {
                 role: question.kind === "single_select" ? "radiogroup" : "group",
@@ -1054,12 +937,12 @@ function HumanInputForm({
                 children: [
                   question.options.map((option, optionIndex) => {
                     const checked = draft.values.includes(option.id);
-                    return /* @__PURE__ */ jsxs4(
+                    return /* @__PURE__ */ jsxs3(
                       "label",
                       {
                         className: "flex cursor-pointer items-start gap-2 rounded-og-md border border-og-border px-3 py-2 hover:bg-og-surface-2",
                         children: [
-                          /* @__PURE__ */ jsx4(
+                          /* @__PURE__ */ jsx3(
                             "input",
                             {
                               type: question.kind === "single_select" ? "radio" : "checkbox",
@@ -1074,17 +957,17 @@ function HumanInputForm({
                               className: "mt-0.5 accent-og-accent"
                             }
                           ),
-                          /* @__PURE__ */ jsxs4("span", { className: "min-w-0", children: [
-                            /* @__PURE__ */ jsx4("span", { className: "block text-og-sm font-medium text-og-fg", children: option.label }),
-                            option.description ? /* @__PURE__ */ jsx4("span", { className: "block text-og-xs text-og-fg-muted", children: option.description }) : null
+                          /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+                            /* @__PURE__ */ jsx3("span", { className: "block text-og-sm font-medium text-og-fg", children: option.label }),
+                            option.description ? /* @__PURE__ */ jsx3("span", { className: "block text-og-xs text-og-fg-muted", children: option.description }) : null
                           ] })
                         ]
                       },
                       option.id
                     );
                   }),
-                  question.allowOther ? /* @__PURE__ */ jsxs4("label", { className: "flex items-start gap-2 rounded-og-md border border-og-border px-3 py-2", children: [
-                    /* @__PURE__ */ jsx4(
+                  question.allowOther ? /* @__PURE__ */ jsxs3("label", { className: "flex items-start gap-2 rounded-og-md border border-og-border px-3 py-2", children: [
+                    /* @__PURE__ */ jsx3(
                       "input",
                       {
                         type: question.kind === "single_select" ? "radio" : "checkbox",
@@ -1099,9 +982,9 @@ function HumanInputForm({
                         className: "mt-2 accent-og-accent"
                       }
                     ),
-                    /* @__PURE__ */ jsxs4("span", { className: "min-w-0 flex-1", children: [
-                      /* @__PURE__ */ jsx4("span", { className: "block text-og-sm font-medium text-og-fg", children: messages.other }),
-                      /* @__PURE__ */ jsx4(
+                    /* @__PURE__ */ jsxs3("span", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx3("span", { className: "block text-og-sm font-medium text-og-fg", children: messages.other }),
+                      /* @__PURE__ */ jsx3(
                         "input",
                         {
                           type: "text",
@@ -1119,12 +1002,12 @@ function HumanInputForm({
                 ]
               }
             ),
-            validationErrors[question.id] ? /* @__PURE__ */ jsx4("p", { id: errorId, role: "alert", className: "text-og-xs text-og-status-failed", children: validationErrors[question.id] }) : null
+            validationErrors[question.id] ? /* @__PURE__ */ jsx3("p", { id: errorId, role: "alert", className: "text-og-xs text-og-status-failed", children: validationErrors[question.id] }) : null
           ] }, question.id);
         }) }),
-        error ?? submissionError ? /* @__PURE__ */ jsx4("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: error ?? submissionError }) : null,
-        /* @__PURE__ */ jsxs4("footer", { className: "flex items-center justify-end gap-2", children: [
-          request.allowSkip ? /* @__PURE__ */ jsx4(
+        error ?? submissionError ? /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-og-sm text-og-status-failed", children: error ?? submissionError }) : null,
+        /* @__PURE__ */ jsxs3("footer", { className: "flex items-center justify-end gap-2", children: [
+          request.allowSkip ? /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1134,7 +1017,7 @@ function HumanInputForm({
               children: resolvedSkipLabel
             }
           ) : null,
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "submit",
@@ -1238,7 +1121,18 @@ function createToolRegistry(baseEntries, baseFallback, options = {}) {
         return byType;
       }
     }
-    return byName.get(item.name) ?? fallback;
+    const exact = byName.get(item.name);
+    if (exact) {
+      return exact;
+    }
+    const leaf = mcpToolLeaf(item.name);
+    if (leaf !== item.name) {
+      const byLeaf = byName.get(leaf);
+      if (byLeaf) {
+        return byLeaf;
+      }
+    }
+    return fallback;
   };
   return { resolve, fallback };
 }
@@ -1383,9 +1277,21 @@ function applyPatchOps(raw) {
   }
   return r.operation ? [r.operation] : [];
 }
+function applyPatchOpsFromToolItem(item) {
+  const fromRaw = applyPatchOps(item.raw);
+  if (fromRaw.length > 0) {
+    return fromRaw;
+  }
+  const args = parseToolArgs(item.arguments);
+  return applyPatchOps(args);
+}
 function isApplyPatch(item) {
   const type = item.raw && typeof item.raw === "object" ? item.raw.type : void 0;
-  return type === "apply_patch_call" || item.name === "apply_patch_call";
+  if (type === "apply_patch_call") {
+    return true;
+  }
+  const name = item.name;
+  return name === "apply_patch_call" || name === "apply_patch" || name.endsWith("__apply_patch");
 }
 var SECRET_KEY = /^(value|secret|token|password|api[_-]?key|signing[_-]?key)$/i;
 function redactSecrets(value) {
@@ -1526,51 +1432,51 @@ function bytesToBase64(data) {
 }
 
 // src/timeline/disclosure-context.tsx
-import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var DisclosureDefaultsContext = createContext2(void 0);
+import { createContext, useContext } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var DisclosureDefaultsContext = createContext(void 0);
 function DisclosureDefaultsProvider({
   defaultOpen,
   children
 }) {
-  return /* @__PURE__ */ jsx5(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
+  return /* @__PURE__ */ jsx4(DisclosureDefaultsContext.Provider, { value: defaultOpen, children });
 }
 function useForcedDefaultOpen() {
-  return useContext2(DisclosureDefaultsContext);
+  return useContext(DisclosureDefaultsContext);
 }
 
 // src/timeline/screenshot-lightbox.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
-import { createContext as createContext3, useCallback, useContext as useContext3, useMemo as useMemo2, useState as useState4 } from "react";
+import { createContext as createContext2, useCallback, useContext as useContext2, useMemo as useMemo2, useState as useState3 } from "react";
 import { Dialog } from "radix-ui";
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var LightboxContext = createContext3(null);
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var LightboxContext = createContext2(null);
 function useLightbox() {
-  return useContext3(LightboxContext) ?? NOOP;
+  return useContext2(LightboxContext) ?? NOOP;
 }
 function useLightboxOptional() {
-  return useContext3(LightboxContext);
+  return useContext2(LightboxContext);
 }
 var NOOP = { open: () => {
 } };
 function LightboxProvider({ children }) {
-  const ancestor = useContext3(LightboxContext);
+  const ancestor = useContext2(LightboxContext);
   if (ancestor) {
-    return /* @__PURE__ */ jsx6(Fragment2, { children });
+    return /* @__PURE__ */ jsx5(Fragment2, { children });
   }
-  return /* @__PURE__ */ jsx6(LightboxRoot, { children });
+  return /* @__PURE__ */ jsx5(LightboxRoot, { children });
 }
 function LightboxRoot({ children }) {
-  const [state, setState] = useState4(null);
+  const [state, setState] = useState3(null);
   const open = useCallback((src, caption) => {
     setState(caption ? { src, caption } : { src });
   }, []);
   const controller = useMemo2(() => ({ open }), [open]);
-  return /* @__PURE__ */ jsxs5(LightboxContext.Provider, { value: controller, children: [
+  return /* @__PURE__ */ jsxs4(LightboxContext.Provider, { value: controller, children: [
     children,
-    /* @__PURE__ */ jsx6(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && setState(null), children: /* @__PURE__ */ jsx6(AnimatePresence2, { children: state !== null ? /* @__PURE__ */ jsxs5(Dialog.Portal, { forceMount: true, children: [
-      /* @__PURE__ */ jsx6(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx5(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && setState(null), children: /* @__PURE__ */ jsx5(AnimatePresence2, { children: state !== null ? /* @__PURE__ */ jsxs4(Dialog.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ jsx5(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx5(
         motion2.div,
         {
           initial: { opacity: 0 },
@@ -1580,14 +1486,14 @@ function LightboxRoot({ children }) {
           className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md"
         }
       ) }),
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx5(
         Dialog.Content,
         {
           asChild: true,
           forceMount: true,
           "aria-label": "Screenshot",
           onOpenAutoFocus: (event) => event.preventDefault(),
-          children: /* @__PURE__ */ jsxs5(
+          children: /* @__PURE__ */ jsxs4(
             motion2.div,
             {
               initial: { opacity: 0, scale: 0.98 },
@@ -1601,10 +1507,10 @@ function LightboxRoot({ children }) {
               },
               className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
               children: [
-                /* @__PURE__ */ jsx6(Dialog.Title, { className: "sr-only", children: "Screenshot" }),
-                /* @__PURE__ */ jsxs5("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
-                  /* @__PURE__ */ jsxs5("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
-                    /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx5(Dialog.Title, { className: "sr-only", children: "Screenshot" }),
+                /* @__PURE__ */ jsxs4("figure", { className: "m-0 flex max-h-full max-w-5xl flex-col items-center gap-3", children: [
+                  /* @__PURE__ */ jsxs4("div", { className: "relative flex min-h-0 w-fit max-w-full", children: [
+                    /* @__PURE__ */ jsx5(
                       "img",
                       {
                         src: state.src,
@@ -1612,7 +1518,7 @@ function LightboxRoot({ children }) {
                         className: "min-h-0 max-h-[82vh] w-auto max-w-full rounded-og-md border border-white/10 object-contain shadow-og-lg"
                       }
                     ),
-                    /* @__PURE__ */ jsx6(
+                    /* @__PURE__ */ jsx5(
                       Dialog.Close,
                       {
                         className: cn(
@@ -1621,11 +1527,11 @@ function LightboxRoot({ children }) {
                           "transition-colors hover:border-white/30 hover:text-white"
                         ),
                         "aria-label": "Close",
-                        children: /* @__PURE__ */ jsx6(XIcon2, { className: "size-4" })
+                        children: /* @__PURE__ */ jsx5(XIcon2, { className: "size-4" })
                       }
                     )
                   ] }),
-                  state.caption ? /* @__PURE__ */ jsx6("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx6("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
+                  state.caption ? /* @__PURE__ */ jsx5("figcaption", { className: "max-w-2xl text-center font-og-mono text-og-xs text-white/55", children: state.caption }) : /* @__PURE__ */ jsx5("figcaption", { className: "font-og-mono text-og-xs uppercase tracking-[0.1em] text-white/35", children: "Esc or click outside to close" })
                 ] })
               ]
             }
@@ -1638,9 +1544,8 @@ function LightboxRoot({ children }) {
 
 // src/timeline/shared.tsx
 import { CameraIcon, CameraOffIcon, ChevronRightIcon } from "lucide-react";
-import { useState as useState5 } from "react";
-import { Collapsible } from "radix-ui";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState4 } from "react";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 var ICON_TONE = {
   accent: "text-og-accent",
   failed: "text-og-status-failed",
@@ -1664,7 +1569,7 @@ function ActivityDisclosure({
   const iconTone = failed && iconToneProp === "muted" ? "failed" : iconToneProp;
   const chip = chipProp ?? (failed ? { tone: "bad", text: "failed" } : cancelled ? { tone: "interrupted", text: "interrupted" } : void 0);
   const forcedDefaultOpen = useForcedDefaultOpen();
-  const [open, setOpen] = useState5(forcedDefaultOpen ?? false);
+  const [open, setOpen] = useState4(forcedDefaultOpen ?? false);
   const hasBody = expandable && children != null;
   const previewVisible = preview != null && !open;
   const rowClass = cn(
@@ -1674,10 +1579,10 @@ function ActivityDisclosure({
     // hit area clears the 40px minimum without loosening the dense desktop rail.
     "pointer-coarse:py-2.5"
   );
-  const inner = /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    hasBody ? /* @__PURE__ */ jsx7(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx7("span", { className: "size-3.5 shrink-0" }),
-    /* @__PURE__ */ jsx7("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
-    /* @__PURE__ */ jsx7(
+  const inner = /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    hasBody ? /* @__PURE__ */ jsx6(ChevronRightIcon, { className: "size-3.5 shrink-0 text-og-fg-subtle transition-transform duration-[var(--og-duration-disclose)] ease-og-in-out group-data-[state=open]/disclosure:rotate-90" }) : /* @__PURE__ */ jsx6("span", { className: "size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsx6("span", { className: cn("shrink-0", ICON_TONE[iconTone]), children: icon }),
+    /* @__PURE__ */ jsx6(
       "span",
       {
         className: cn(
@@ -1688,19 +1593,22 @@ function ActivityDisclosure({
         children: title
       }
     ),
-    previewVisible && !media ? /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx7("span", { className: "flex-1" }),
-    media ? /* @__PURE__ */ jsx7("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx7("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx7(Chip, { chip }) }) : null
+    previewVisible && !media ? /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate text-og-sm text-og-fg-subtle", children: preview }) : /* @__PURE__ */ jsx6("span", { className: "flex-1" }),
+    media ? /* @__PURE__ */ jsx6("span", { className: "ml-auto flex shrink-0 items-center gap-2 pl-2", children: media }) : chip && !open ? /* @__PURE__ */ jsx6("span", { className: "ml-auto shrink-0 pl-2", children: /* @__PURE__ */ jsx6(Chip, { chip }) }) : null
   ] });
   const dataStatus = cancelled ? "cancelled" : failed ? "failed" : void 0;
   if (!hasBody) {
-    return /* @__PURE__ */ jsx7("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
+    return /* @__PURE__ */ jsx6("div", { className: cn(rowClass, "cursor-default"), "data-status": dataStatus, children: inner });
   }
-  return /* @__PURE__ */ jsxs6(Collapsible.Root, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx7(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs5("div", { children: [
+    /* @__PURE__ */ jsx6(
       "div",
       {
         role: "button",
         tabIndex: 0,
+        "aria-expanded": open,
+        "data-state": open ? "open" : "closed",
+        onClick: () => setOpen((prev) => !prev),
         onKeyDown: (event) => {
           if (event.key === "Enter" || event.key === " ") {
             event.preventDefault();
@@ -1715,23 +1623,23 @@ function ActivityDisclosure({
         ),
         children: inner
       }
-    ) }),
-    /* @__PURE__ */ jsx7(Collapsible.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx7("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2", children }) })
+    ),
+    open ? /* @__PURE__ */ jsx6("div", { className: "mb-2 ml-7 mt-1.5 flex flex-col gap-2 overflow-hidden animate-og-expand", children }) : null
   ] });
 }
 function Chip({ chip }) {
   const base = "inline-flex items-center font-og-mono text-og-xs leading-none";
   const withText = chip.text ? "gap-1.5" : "gap-0";
   if (chip.tone === "bad") {
-    return /* @__PURE__ */ jsxs6("span", { className: cn(base, withText, "text-og-status-failed"), children: [
-      /* @__PURE__ */ jsx7("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+    return /* @__PURE__ */ jsxs5("span", { className: cn(base, withText, "text-og-status-failed"), children: [
+      /* @__PURE__ */ jsx6("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
       chip.text
     ] });
   }
   if (chip.tone === "interrupted") {
-    return /* @__PURE__ */ jsx7("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
+    return /* @__PURE__ */ jsx6("span", { className: cn(base, "text-og-fg-subtle og-cancelled-chip"), children: chip.text });
   }
-  return /* @__PURE__ */ jsx7("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
+  return /* @__PURE__ */ jsx6("span", { className: cn(base, "text-og-fg-subtle"), children: chip.text });
 }
 function TermBlock({
   command,
@@ -1741,14 +1649,14 @@ function TermBlock({
   tailLines = 12,
   failed
 }) {
-  const [full, setFull] = useState5(false);
+  const [full, setFull] = useState4(false);
   const empty = output.trim() === "";
   const lines = output.split("\n");
   const big = lines.length > tailLines + 4;
   const shown = full || !big ? output : lines.slice(-tailLines).join("\n");
   const showMore = big && !full;
   const showHeader = command != null || workdir != null;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -1756,16 +1664,16 @@ function TermBlock({
         failed ? "border-og-status-failed/50" : live ? "border-og-status-running/50" : "border-og-border"
       ),
       children: [
-        showHeader ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2 pb-1", children: [
-          /* @__PURE__ */ jsx7("span", { className: "select-none text-og-status-idle", children: "$" }),
-          command != null ? /* @__PURE__ */ jsx7("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx7("span", { className: "flex-1" }),
-          workdir ? /* @__PURE__ */ jsx7("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
+        showHeader ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 pb-1", children: [
+          /* @__PURE__ */ jsx6("span", { className: "select-none text-og-status-idle", children: "$" }),
+          command != null ? /* @__PURE__ */ jsx6("span", { className: "min-w-0 flex-1 truncate font-og-mono text-og-sm text-og-fg-muted", children: command }) : /* @__PURE__ */ jsx6("span", { className: "flex-1" }),
+          workdir ? /* @__PURE__ */ jsx6("span", { className: "shrink-0 font-og-mono text-og-xs text-og-fg-subtle", children: workdir }) : null
         ] }) : null,
-        empty ? /* @__PURE__ */ jsx7("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs6("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
+        empty ? /* @__PURE__ */ jsx6("p", { className: "font-og-mono text-og-xs italic text-og-fg-subtle", children: "(no output)" }) : /* @__PURE__ */ jsxs5("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all font-og-mono text-og-xs leading-5 text-og-fg-muted", children: [
           shown,
-          live ? /* @__PURE__ */ jsx7("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
+          live ? /* @__PURE__ */ jsx6("span", { className: "ml-px inline-block h-[1em] w-[2px] translate-y-[2px] animate-og-blink bg-og-accent align-middle" }) : null
         ] }),
-        showMore ? /* @__PURE__ */ jsxs6(
+        showMore ? /* @__PURE__ */ jsxs5(
           "button",
           {
             type: "button",
@@ -1791,7 +1699,7 @@ function PayloadBlock({
   if (!text || text.trim() === "") {
     return null;
   }
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className: cn(
@@ -1799,8 +1707,8 @@ function PayloadBlock({
         failed ? "border-og-status-failed/50" : "border-og-border"
       ),
       children: [
-        /* @__PURE__ */ jsx7("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: label }),
+        /* @__PURE__ */ jsx6(
           "pre",
           {
             className: cn(
@@ -1819,13 +1727,13 @@ function BodyNote({
   tone
 }) {
   if (tone === "error") {
-    return /* @__PURE__ */ jsx7("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
+    return /* @__PURE__ */ jsx6("div", { className: "border-l-2 border-og-status-failed/50 pl-3 font-og-mono text-og-xs leading-5 text-og-status-failed", children });
   }
-  return /* @__PURE__ */ jsx7("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
+  return /* @__PURE__ */ jsx6("p", { className: "px-0.5 text-og-sm italic leading-5 text-og-fg-subtle", children });
 }
 var MEDIA_BOX = "h-7 w-[52px] shrink-0 rounded-og-xs border border-og-border";
 function MediaSkeleton() {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs5(
     "span",
     {
       className: cn(
@@ -1833,14 +1741,14 @@ function MediaSkeleton() {
         "relative inline-flex items-center justify-center overflow-hidden bg-og-surface-2"
       ),
       children: [
-        /* @__PURE__ */ jsx7("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
-        /* @__PURE__ */ jsx7(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
+        /* @__PURE__ */ jsx6("span", { className: "absolute inset-0 animate-og-pulse bg-og-surface-3/50" }),
+        /* @__PURE__ */ jsx6(CameraIcon, { className: "relative size-3.5 text-og-fg-subtle" })
       ]
     }
   );
 }
 function MediaEmpty() {
-  return /* @__PURE__ */ jsx7("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx7(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
+  return /* @__PURE__ */ jsx6("span", { className: cn(MEDIA_BOX, "inline-flex items-center justify-center bg-og-bg"), children: /* @__PURE__ */ jsx6(CameraOffIcon, { className: "size-3.5 text-og-fg-subtle" }) });
 }
 function Thumbnail({
   src,
@@ -1848,11 +1756,11 @@ function Thumbnail({
   alt = "screenshot"
 }) {
   const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState5(false);
+  const [failed, setFailed] = useState4(false);
   if (failed) {
-    return /* @__PURE__ */ jsx7(MediaEmpty, {});
+    return /* @__PURE__ */ jsx6(MediaEmpty, {});
   }
-  const img = /* @__PURE__ */ jsx7(
+  const img = /* @__PURE__ */ jsx6(
     "img",
     {
       src,
@@ -1862,9 +1770,9 @@ function Thumbnail({
     }
   );
   if (!lightbox) {
-    return /* @__PURE__ */ jsx7("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
+    return /* @__PURE__ */ jsx6("span", { className: cn(MEDIA_BOX, "inline-flex overflow-hidden bg-og-bg"), children: img });
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "button",
     {
       type: "button",
@@ -1893,9 +1801,9 @@ function ScreenshotFigure({
   alt = "screenshot"
 }) {
   const lightbox = useLightboxOptional();
-  const [failed, setFailed] = useState5(false);
+  const [failed, setFailed] = useState4(false);
   const surface = "block w-full overflow-hidden rounded-og-md border border-og-border bg-og-bg";
-  const img = /* @__PURE__ */ jsx7(
+  const img = /* @__PURE__ */ jsx6(
     "img",
     {
       src,
@@ -1904,8 +1812,8 @@ function ScreenshotFigure({
       className: "max-h-80 w-full object-contain"
     }
   );
-  return /* @__PURE__ */ jsxs6("figure", { className: "m-0 min-w-0", children: [
-    failed ? /* @__PURE__ */ jsx7("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs5("figure", { className: "m-0 min-w-0", children: [
+    failed ? /* @__PURE__ */ jsx6("div", { className: "rounded-og-md border border-og-border bg-og-bg px-3 py-6 text-center font-og-mono text-og-xs text-og-fg-subtle", children: "image unavailable" }) : lightbox ? /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -1914,8 +1822,8 @@ function ScreenshotFigure({
         "aria-label": "Expand screenshot",
         children: img
       }
-    ) : /* @__PURE__ */ jsx7("div", { className: surface, children: img }),
-    caption ? /* @__PURE__ */ jsx7("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
+    ) : /* @__PURE__ */ jsx6("div", { className: surface, children: img }),
+    caption ? /* @__PURE__ */ jsx6("figcaption", { className: "mt-1.5 font-og-mono text-og-xs text-og-fg-subtle", children: caption }) : null
   ] });
 }
 
@@ -1952,10 +1860,10 @@ function gitFileDiffToPatch(file) {
 import {
   lazy as lazy2,
   Suspense as Suspense2,
-  useEffect as useEffect4,
-  useState as useState6
+  useEffect as useEffect3,
+  useState as useState5
 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var LazyPatchDiff = lazy2(async () => {
   const mod = await import("@pierre/diffs/react");
   return { default: mod.PatchDiff };
@@ -1972,9 +1880,9 @@ function PierreDiff({
   overflow = "wrap",
   className
 }) {
-  const [failed, setFailed] = useState6(false);
-  const [forcedColors, setForcedColors] = useState6(false);
-  useEffect4(() => {
+  const [failed, setFailed] = useState5(false);
+  const [forcedColors, setForcedColors] = useState5(false);
+  useEffect3(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const query2 = window.matchMedia("(forced-colors: active)");
     const update = () => setForcedColors(query2.matches);
@@ -1982,7 +1890,7 @@ function PierreDiff({
     query2.addEventListener?.("change", update);
     return () => query2.removeEventListener?.("change", update);
   }, []);
-  useEffect4(() => {
+  useEffect3(() => {
     if (plain) return;
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
@@ -1993,12 +1901,12 @@ function PierreDiff({
     };
   }, [plain]);
   if (plain || failed || forcedColors) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx7(
       "div",
       {
         className,
         "data-opengeni-plain-diff": forcedColors ? "forced-colors" : "fallback",
-        children: fallback ?? /* @__PURE__ */ jsx8(PlainPatch, { diff })
+        children: fallback ?? /* @__PURE__ */ jsx7(PlainPatch, { diff })
       }
     );
   }
@@ -2032,7 +1940,7 @@ function PierreDiff({
     "--diffs-font-size": "var(--og-code-font-size)",
     "--diffs-line-height": "var(--og-code-line-height)"
   };
-  return /* @__PURE__ */ jsx8("div", { className: cn("min-w-0", className), "data-opengeni-pierre-diff": true, style: pierreVars, children: /* @__PURE__ */ jsx8(Suspense2, { fallback: loading ?? /* @__PURE__ */ jsx8(DiffSkeleton, {}), children: diff.map((file) => /* @__PURE__ */ jsx8("div", { className: "mb-2", children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7("div", { className: cn("min-w-0", className), "data-opengeni-pierre-diff": true, style: pierreVars, children: /* @__PURE__ */ jsx7(Suspense2, { fallback: loading ?? /* @__PURE__ */ jsx7(DiffSkeleton, {}), children: diff.map((file) => /* @__PURE__ */ jsx7("div", { className: "mb-2", children: /* @__PURE__ */ jsx7(
     LazyPatchDiff,
     {
       patch: gitFileDiffToPatch(file),
@@ -2042,20 +1950,20 @@ function PierreDiff({
   ) }, file.path)) }) });
 }
 function DiffSkeleton() {
-  return /* @__PURE__ */ jsx8("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "Loading diff\u2026" });
+  return /* @__PURE__ */ jsx7("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "Loading diff\u2026" });
 }
 function PlainPatch({ diff }) {
   if (diff.length === 0) {
-    return /* @__PURE__ */ jsx8("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "No changes" });
+    return /* @__PURE__ */ jsx7("div", { className: "p-3 text-og-sm text-og-fg-subtle", children: "No changes" });
   }
-  return /* @__PURE__ */ jsx8("div", { className: "min-w-0", children: diff.map((file) => /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7("div", { className: "min-w-0", children: diff.map((file) => /* @__PURE__ */ jsx7(
     "pre",
     {
       "aria-label": `Diff for ${file.path}`,
       className: "mb-2 overflow-auto whitespace-pre rounded-og-sm border border-og-border bg-og-bg/60 p-2.5 font-og-mono text-og-xs leading-5",
       role: "region",
       tabIndex: 0,
-      children: gitFileDiffToPatch(file).split("\n").map((line, index) => /* @__PURE__ */ jsx8(
+      children: gitFileDiffToPatch(file).split("\n").map((line, index) => /* @__PURE__ */ jsx7(
         "span",
         {
           className: cn(
@@ -2073,29 +1981,41 @@ function PlainPatch({ diff }) {
 
 // src/timeline/tool-renderers.tsx
 import {
+  BoxIcon,
+  BrainCircuitIcon,
+  CalendarClockIcon,
   CameraIcon as CameraIcon2,
   CameraOffIcon as CameraOffIcon2,
   FileDiffIcon,
+  FileSearchIcon,
+  FolderGitIcon,
   GlobeIcon,
   ImageIcon,
   KeyboardIcon,
   KeyRoundIcon,
   LockIcon,
+  MessagesSquareIcon,
+  MessageSquareIcon,
   MousePointer2Icon,
+  PanelsTopLeftIcon,
   PlugIcon,
   SearchIcon,
+  ServerCogIcon,
+  ServerIcon,
+  Share2Icon,
+  TargetIcon,
   TerminalIcon,
   WrenchIcon
 } from "lucide-react";
 
 // src/timeline/tool-diff.tsx
-import { useState as useState8 } from "react";
+import { useState as useState7 } from "react";
 
 // src/lib/use-theme-type.ts
-import { useEffect as useEffect5, useState as useState7 } from "react";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 function useThemeType(forced) {
-  const [detected, setDetected] = useState7("dark");
-  useEffect5(() => {
+  const [detected, setDetected] = useState6("dark");
+  useEffect4(() => {
     if (forced || typeof document === "undefined") return;
     const read = () => {
       const el = document.querySelector("[data-og-theme]");
@@ -2115,20 +2035,20 @@ function useThemeType(forced) {
 }
 
 // src/timeline/tool-diff.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function ToolDiff({ files }) {
-  const [layout, setLayout] = useState8("unified");
+  const [layout, setLayout] = useState7("unified");
   const themeType = useThemeType(void 0);
-  return /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsx9("div", { className: "mb-1.5 flex justify-end", children: /* @__PURE__ */ jsx9(LayoutToggle, { layout, onChange: setLayout }) }),
-    /* @__PURE__ */ jsx9(PierreDiff, { diff: files, layout, themeType })
+  return /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx8("div", { className: "mb-1.5 flex justify-end", children: /* @__PURE__ */ jsx8(LayoutToggle, { layout, onChange: setLayout }) }),
+    /* @__PURE__ */ jsx8(PierreDiff, { diff: files, layout, themeType })
   ] });
 }
 function LayoutToggle({
   layout,
   onChange
 }) {
-  return /* @__PURE__ */ jsx9("div", { className: "inline-flex items-center gap-px rounded-og-xs border border-og-border p-px", children: ["unified", "split"].map((value) => /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8("div", { className: "inline-flex items-center gap-px rounded-og-xs border border-og-border p-px", children: ["unified", "split"].map((value) => /* @__PURE__ */ jsx8(
     "button",
     {
       type: "button",
@@ -2149,9 +2069,9 @@ function RawPatch({ diff }) {
     occurrences.set(line, occurrence);
     return { key: `${line}\0${occurrence}`, line };
   });
-  return /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-    /* @__PURE__ */ jsx9("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: "raw patch (could not parse hunks)" }),
-    /* @__PURE__ */ jsx9("pre", { className: "max-h-72 overflow-auto border-l-2 border-og-border pl-3 font-og-mono text-og-xs leading-5", children: lines.map(({ key, line }) => /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+    /* @__PURE__ */ jsx8("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: "raw patch (could not parse hunks)" }),
+    /* @__PURE__ */ jsx8("pre", { className: "max-h-72 overflow-auto border-l-2 border-og-border pl-3 font-og-mono text-og-xs leading-5", children: lines.map(({ key, line }) => /* @__PURE__ */ jsx8(
       "span",
       {
         className: cn(
@@ -2165,20 +2085,13 @@ function RawPatch({ diff }) {
   ] });
 }
 
-// src/timeline/tool-display-name.ts
-function toolDisplayName(name) {
-  const boundary = name.indexOf("__");
-  const toolPart = boundary >= 0 ? name.slice(boundary + 2) : name;
-  return toolPart.replace(/[_-]+/g, " ").trim();
-}
-
 // src/timeline/tool-renderers.tsx
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var ICON_SIZE = "size-3.5";
 function RunningPreview({ children }) {
-  return /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx10("span", { className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-status-running" }),
-    /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate", children })
+  return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx9("span", { className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-status-running" }),
+    /* @__PURE__ */ jsx9("span", { className: "min-w-0 truncate", children })
   ] });
 }
 function ExecRenderer({ item }) {
@@ -2189,45 +2102,45 @@ function ExecRenderer({ item }) {
   const out = item.output;
   const title = `$ ${cmd}`;
   if (item.status === "failed" && out === void 0) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title,
         titleMono: true,
         chip: { tone: "bad", text: "failed" },
         preview: "output lost \u2014 NUL byte could not be stored",
-        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "output contained a NUL byte and could not be stored; the turn failed on this tool's output insert \u2014 no output event ever arrived." })
+        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "output contained a NUL byte and could not be stored; the turn failed on this tool's output insert \u2014 no output event ever arrived." })
       }
     );
   }
   if (item.status === "failed" && (out == null || out === "")) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title,
         titleMono: true,
         chip: { tone: "bad", text: "failed" },
         preview: "tool call failed",
-        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "the tool call failed with no output." })
+        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "the tool call failed with no output." })
       }
     );
   }
   if (running) {
     const streamed = typeof out === "string" ? stripExecBanner(out) : "";
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title,
         titleMono: true,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: streamed ? `${streamed.split("\n").length} lines` : "running\u2026" }),
-        children: /* @__PURE__ */ jsx10(TermBlock, { command: null, workdir, output: streamed, live: true })
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: streamed ? `${streamed.split("\n").length} lines` : "running\u2026" }),
+        children: /* @__PURE__ */ jsx9(TermBlock, { command: null, workdir, output: streamed, live: true })
       }
     );
   }
@@ -2247,10 +2160,10 @@ function ExecRenderer({ item }) {
   const preview = binary ? "binary output" : tailPeek(stripped) || "(no output)";
   const truncated = execTruncated(text);
   const body = binary ? "(binary output suppressed)" : stripped;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(TerminalIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
       iconTone,
       title,
       titleMono: true,
@@ -2259,7 +2172,7 @@ function ExecRenderer({ item }) {
       cancelled: item.status === "cancelled",
       preview: truncated ? `\u22EF truncated \xB7 ${preview}` : preview,
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           TermBlock,
           {
             command: null,
@@ -2268,7 +2181,7 @@ function ExecRenderer({ item }) {
             failed: item.status === "failed" || exitCode != null && exitCode !== 0
           }
         ),
-        bgSession != null ? /* @__PURE__ */ jsxs8(BodyNote, { children: [
+        bgSession != null ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
           "\u21B3 session ",
           bgSession,
           " \u2014 a later write_stdin can target this PTY."
@@ -2287,16 +2200,16 @@ function WriteStdinRenderer({ item }) {
   const exitCode = sandboxCommandExitCode(text);
   const stripped = stripExecBanner(text);
   if (running) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(KeyboardIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(KeyboardIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: `session ${sessionId} \u2190 ${keys || "\u2205"}`,
         titleMono: true,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "sending\u2026" }),
-        children: /* @__PURE__ */ jsxs8(BodyNote, { children: [
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "sending\u2026" }),
+        children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
           "sending input to session ",
           sessionId,
           "\u2026"
@@ -2310,10 +2223,10 @@ function WriteStdinRenderer({ item }) {
   } else if (exitCode != null && exitCode !== 0) {
     chip = { tone: "bad", text: `exit ${exitCode}` };
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(KeyboardIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx9(KeyboardIcon, { className: ICON_SIZE }),
       iconTone: lost ? "failed" : "muted",
       title: `session ${sessionId} \u2190 ${keys || "\u2205"}`,
       titleMono: true,
@@ -2321,7 +2234,7 @@ function WriteStdinRenderer({ item }) {
       failed: item.status === "failed",
       cancelled: item.status === "cancelled",
       preview: lost ? `session ${sessionId} PTY vanished` : tailPeek(stripped) || "sent",
-      children: lost ? /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: stripped || text }) : /* @__PURE__ */ jsx10(TermBlock, { command: `write_stdin \u2192 session ${sessionId}`, output: stripped })
+      children: lost ? /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: stripped || text }) : /* @__PURE__ */ jsx9(TermBlock, { command: `write_stdin \u2192 session ${sessionId}`, output: stripped })
     }
   );
 }
@@ -2344,12 +2257,12 @@ function PathPreview({
   add,
   del
 }) {
-  return /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-2 truncate font-og-mono", children: [
-    /* @__PURE__ */ jsxs8("span", { className: "truncate", children: [
-      /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: dirname(path) }),
-      /* @__PURE__ */ jsx10("span", { className: "text-og-fg-muted", children: basename(path) })
+  return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 truncate font-og-mono", children: [
+    /* @__PURE__ */ jsxs7("span", { className: "truncate", children: [
+      /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: dirname(path) }),
+      /* @__PURE__ */ jsx9("span", { className: "text-og-fg-muted", children: basename(path) })
     ] }),
-    add != null || del != null ? /* @__PURE__ */ jsxs8("span", { className: "shrink-0 text-og-fg-subtle", children: [
+    add != null || del != null ? /* @__PURE__ */ jsxs7("span", { className: "shrink-0 text-og-fg-subtle", children: [
       add != null ? `+${add}` : "",
       add != null && del != null ? " " : "",
       del != null ? `\u2212${del}` : ""
@@ -2357,7 +2270,7 @@ function PathPreview({
   ] });
 }
 function ApplyPatchRenderer({ item }) {
-  const ops = applyPatchOps(item.raw);
+  const ops = applyPatchOpsFromToolItem(item);
   const failed = item.status === "failed";
   const cancelled = item.status === "cancelled";
   const running = item.status === "running";
@@ -2365,34 +2278,34 @@ function ApplyPatchRenderer({ item }) {
   if (running) {
     const fileCount = ops.length;
     const titleVerb = firstOp ? `Applying ${basename(firstOp.path)}` : "Applying patch";
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: fileCount > 1 ? `Applying ${fileCount} files` : titleVerb,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: fileCount > 1 ? `${fileCount} files` : firstOp ? firstOp.path : "applying\u2026" }),
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: fileCount > 1 ? `${fileCount} files` : firstOp ? firstOp.path : "applying\u2026" }),
         children: ops.map((op) => {
           const file2 = safeParseOp(op);
-          return file2 ? /* @__PURE__ */ jsx10(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx10("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
-            /* @__PURE__ */ jsx10(RawPatch, { diff: op.diff ?? "" })
+          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx9("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
+            /* @__PURE__ */ jsx9(RawPatch, { diff: op.diff ?? "" })
           ] }, op.path);
         })
       }
     );
   }
   if (failed) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: firstOp ? `${verbForOp(firstOp)} ${basename(firstOp.path)}` : "apply_patch",
         chip: { tone: "bad", text: "failed" },
         preview: typeof item.output === "string" ? item.output : "patch failed",
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: item.output, failed: true })
+        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: item.output, failed: true })
       }
     );
   }
@@ -2401,19 +2314,19 @@ function ApplyPatchRenderer({ item }) {
     const goodFiles = parsed.filter((f) => f !== null);
     const add = goodFiles.reduce((n, f) => n + f.additions, 0);
     const del = goodFiles.reduce((n, f) => n + f.deletions, 0);
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "accent",
         title: `Edited ${ops.length} files`,
         cancelled,
-        preview: /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
-          /* @__PURE__ */ jsxs8("span", { className: "text-og-fg-muted", children: [
+        preview: /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
+          /* @__PURE__ */ jsxs7("span", { className: "text-og-fg-muted", children: [
             ops.length,
             " files"
           ] }),
-          /* @__PURE__ */ jsxs8("span", { className: "text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsxs7("span", { className: "text-og-fg-subtle", children: [
             "+",
             add,
             " \u2212",
@@ -2422,56 +2335,56 @@ function ApplyPatchRenderer({ item }) {
         ] }),
         children: ops.map((op, index) => {
           const file2 = parsed[index];
-          return file2 ? /* @__PURE__ */ jsx10(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs8("div", { children: [
-            /* @__PURE__ */ jsx10("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
-            /* @__PURE__ */ jsx10(RawPatch, { diff: op.diff ?? "" })
+          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, op.path) : /* @__PURE__ */ jsxs7("div", { children: [
+            /* @__PURE__ */ jsx9("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
+            /* @__PURE__ */ jsx9(RawPatch, { diff: op.diff ?? "" })
           ] }, op.path);
         })
       }
     );
   }
   if (!firstOp) {
-    return /* @__PURE__ */ jsx10(GenericRenderer, { item });
+    return /* @__PURE__ */ jsx9(GenericRenderer, { item });
   }
   if (firstOp.type === "delete_file") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: `Deleted ${basename(firstOp.path)}`,
         cancelled,
-        preview: /* @__PURE__ */ jsx10(PathPreview, { path: firstOp.path }),
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: "File deleted \u2014 no diff to show." })
+        preview: /* @__PURE__ */ jsx9(PathPreview, { path: firstOp.path }),
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: "File deleted \u2014 no diff to show." })
       }
     );
   }
   const file = safeParseOp(firstOp);
   if (!file) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
         iconTone: "accent",
         title: `${verbForOp(firstOp)} ${basename(firstOp.path)}`,
         cancelled,
-        preview: /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
-          /* @__PURE__ */ jsx10("span", { className: "text-og-fg-muted", children: basename(firstOp.path) }),
-          /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: "malformed V4A" })
+        preview: /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
+          /* @__PURE__ */ jsx9("span", { className: "text-og-fg-muted", children: basename(firstOp.path) }),
+          /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: "malformed V4A" })
         ] }),
-        children: /* @__PURE__ */ jsx10(RawPatch, { diff: firstOp.diff ?? "" })
+        children: /* @__PURE__ */ jsx9(RawPatch, { diff: firstOp.diff ?? "" })
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(FileDiffIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx9(FileDiffIcon, { className: ICON_SIZE }),
       iconTone: "accent",
       title: `${verbForOp(firstOp)} ${basename(file.path)}`,
       cancelled,
-      preview: /* @__PURE__ */ jsx10(PathPreview, { path: file.path, add: file.additions, del: file.deletions }),
-      children: /* @__PURE__ */ jsx10(ToolDiff, { files: [file] })
+      preview: /* @__PURE__ */ jsx9(PathPreview, { path: file.path, add: file.additions, del: file.deletions }),
+      children: /* @__PURE__ */ jsx9(ToolDiff, { files: [file] })
     }
   );
 }
@@ -2545,40 +2458,40 @@ function ComputerCallRenderer({ item }) {
   const countSuffix = actions.length > 1 ? ` \xB7${actions.length}` : "";
   const isShot = action?.type === "screenshot";
   if (running) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: isShot ? /* @__PURE__ */ jsx10(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
+        icon: isShot ? /* @__PURE__ */ jsx9(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
         iconTone: "running",
         title: verb,
         running: true,
-        media: /* @__PURE__ */ jsx10(MediaSkeleton, {}),
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: "capturing frame\u2026" })
+        media: /* @__PURE__ */ jsx9(MediaSkeleton, {}),
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: "capturing frame\u2026" })
       }
     );
   }
   if (readOnly) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: verb,
         chip: { tone: "bad", text: "read-only" },
         preview: "write actions disabled",
-        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "computer-use is read-only \u2014 write actions are disabled." })
+        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "computer-use is read-only \u2014 write actions are disabled." })
       }
     );
   }
   if (rejected) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(LockIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(LockIcon, { className: ICON_SIZE }),
         iconTone: "muted",
         title: verb,
         preview: "approval rejected \u2014 this action did not run",
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: "approval rejected \u2014 this action did not run." })
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: "approval rejected \u2014 this action did not run." })
       }
     );
   }
@@ -2586,18 +2499,18 @@ function ComputerCallRenderer({ item }) {
   const isCancelled = item.status === "cancelled";
   if (shotUrl) {
     const caption = `${verb}${actions.length > 1 ? ` (+${actions.length - 1} more)` : ""}`;
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: isShot ? /* @__PURE__ */ jsx10(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
+        icon: isShot ? /* @__PURE__ */ jsx9(CameraIcon2, { className: ICON_SIZE }) : /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
         iconTone: isFailed ? "failed" : "accent",
         title: `${verb}${countSuffix}`,
         failed: isFailed,
         cancelled: isCancelled,
-        media: /* @__PURE__ */ jsx10(Thumbnail, { src: shotUrl, caption }),
+        media: /* @__PURE__ */ jsx9(Thumbnail, { src: shotUrl, caption }),
         children: [
-          /* @__PURE__ */ jsx10(ScreenshotFigure, { src: shotUrl, caption }),
-          batched ? /* @__PURE__ */ jsxs8(BodyNote, { children: [
+          /* @__PURE__ */ jsx9(ScreenshotFigure, { src: shotUrl, caption }),
+          batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
             "batched: ",
             batched
           ] }) : null
@@ -2606,23 +2519,23 @@ function ComputerCallRenderer({ item }) {
     );
   }
   if (omittedMedia) {
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(CameraOffIcon2, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(CameraOffIcon2, { className: ICON_SIZE }),
         iconTone: isFailed ? "failed" : "muted",
         title: `${verb}${countSuffix} \xB7 image omitted \xB7 not retained`,
         failed: isFailed,
         cancelled: isCancelled,
         preview: "inline image omitted \xB7 not retained",
-        media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
+        media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
         children: [
-          /* @__PURE__ */ jsxs8(BodyNote, { children: [
+          /* @__PURE__ */ jsxs7(BodyNote, { children: [
             "The inline ",
             omittedMedia.mediaType,
             " output was omitted from the audit timeline and its source bytes were not retained."
           ] }),
-          batched ? /* @__PURE__ */ jsxs8(BodyNote, { children: [
+          batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
             "batched: ",
             batched
           ] }) : null
@@ -2631,30 +2544,30 @@ function ComputerCallRenderer({ item }) {
     );
   }
   if (empty) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(CameraOffIcon2, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(CameraOffIcon2, { className: ICON_SIZE }),
         iconTone: isFailed ? "failed" : "muted",
         title: verb,
         failed: isFailed,
         cancelled: isCancelled,
-        media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: isFailed ? "computer_call failed \u2014 no image returned." : isCancelled ? "computer_call interrupted \u2014 no image returned." : "(no image) \u2014 the session returned an empty screenshot." })
+        media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: isFailed ? "computer_call failed \u2014 no image returned." : isCancelled ? "computer_call interrupted \u2014 no image returned." : "(no image) \u2014 the session returned an empty screenshot." })
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(MousePointer2Icon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
       iconTone: isFailed ? "failed" : "accent",
       title: verb,
       failed: isFailed,
       cancelled: isCancelled,
       preview: batched ?? void 0,
       expandable: batched != null,
-      children: batched ? /* @__PURE__ */ jsx10(BodyNote, { children: batched }) : null
+      children: batched ? /* @__PURE__ */ jsx9(BodyNote, { children: batched }) : null
     }
   );
 }
@@ -2714,38 +2627,38 @@ function WebSearchRenderer({ item }) {
     return { key: `${contentKey}\0${occurrence}`, result };
   });
   if (running) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(SearchIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(SearchIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: runningTitle,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: `${query2}${variants}` }),
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: "searching\u2026 results fold into the model context (no output event)." })
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: `${query2}${variants}` }),
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: "searching\u2026 results fold into the model context (no output event)." })
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(SearchIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx9(SearchIcon, { className: ICON_SIZE }),
       iconTone: "muted",
       title: completedTitle,
       preview: `${query2}${variants}`,
       failed: item.status === "failed",
       cancelled: item.status === "cancelled",
-      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx10("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs8("li", { className: "flex gap-2.5", children: [
-        /* @__PURE__ */ jsx10(GlobeIcon, { className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle" }),
-        /* @__PURE__ */ jsxs8("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxs8("p", { className: "truncate text-og-base text-og-fg", children: [
+      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx9("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs7("li", { className: "flex gap-2.5", children: [
+        /* @__PURE__ */ jsx9(GlobeIcon, { className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle" }),
+        /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxs7("p", { className: "truncate text-og-base text-og-fg", children: [
             result.title,
             " ",
-            /* @__PURE__ */ jsx10("span", { className: "text-og-fg-subtle", children: result.domain })
+            /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: result.domain })
           ] }),
-          /* @__PURE__ */ jsx10("p", { className: "text-og-sm leading-5 text-og-fg-muted", children: result.snippet })
+          /* @__PURE__ */ jsx9("p", { className: "text-og-sm leading-5 text-og-fg-muted", children: result.snippet })
         ] })
-      ] }, key)) }) : /* @__PURE__ */ jsx10(BodyNote, { children: "results folded into model context \u2014 no list available." })
+      ] }, key)) }) : /* @__PURE__ */ jsx9(BodyNote, { children: "results folded into model context \u2014 no list available." })
     }
   );
 }
@@ -2763,16 +2676,16 @@ function ViewImageRenderer({ item }) {
   const text = typeof out === "string" ? out : "";
   const omittedMedia = mediaPreviewFact(out);
   if (item.status === "running") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: `View ${basename(path)}`,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "reading\u2026" }),
-        media: /* @__PURE__ */ jsx10(MediaSkeleton, {}),
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: "reading image\u2026" })
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "reading\u2026" }),
+        media: /* @__PURE__ */ jsx9(MediaSkeleton, {}),
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: "reading image\u2026" })
       }
     );
   }
@@ -2781,44 +2694,44 @@ function ViewImageRenderer({ item }) {
   const errMatch = VIEW_IMAGE_ERRORS.find((p) => text.includes(p));
   if (errMatch) {
     const tooBig = text.includes("exceeded the allowed size");
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: `View ${basename(path)}`,
         chip: { tone: "bad", text: tooBig ? "too large" : "error" },
         preview: text,
-        children: /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: text })
+        children: /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: text })
       }
     );
   }
   if (text.startsWith("OpenAI file reference:")) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "muted",
         title: `Viewed ${basename(path)}`,
         failed: viewFailed,
         cancelled: viewCancelled,
         preview: path,
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: text })
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: text })
       }
     );
   }
   if (omittedMedia) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "muted",
         title: `Viewed ${basename(path)} \xB7 image omitted \xB7 not retained`,
         failed: viewFailed,
         cancelled: viewCancelled,
         preview: "inline image omitted \xB7 not retained",
-        media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsxs8(BodyNote, { children: [
+        media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
+        children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
           "The inline ",
           omittedMedia.mediaType,
           " output was omitted from the audit timeline and its source bytes were not retained."
@@ -2827,79 +2740,262 @@ function ViewImageRenderer({ item }) {
     );
   }
   if (text.includes("No image data")) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "muted",
         title: `Viewed ${basename(path)}`,
         failed: viewFailed,
         cancelled: viewCancelled,
         preview: "(no image)",
-        children: /* @__PURE__ */ jsx10(BodyNote, { children: viewFailed ? "view_image failed \u2014 no image data returned." : viewCancelled ? "view_image interrupted." : "(no image) \u2014 the sandbox session returned no image data." })
+        children: /* @__PURE__ */ jsx9(BodyNote, { children: viewFailed ? "view_image failed \u2014 no image data returned." : viewCancelled ? "view_image interrupted." : "(no image) \u2014 the sandbox session returned no image data." })
       }
     );
   }
   if (text.startsWith("data:")) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(ImageIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
         iconTone: viewFailed ? "failed" : "accent",
         title: `Viewed ${basename(path)}`,
         failed: viewFailed,
         cancelled: viewCancelled,
-        media: /* @__PURE__ */ jsx10(Thumbnail, { src: text, caption: path, alt: path }),
-        children: /* @__PURE__ */ jsx10(ScreenshotFigure, { src: text, caption: path, alt: path })
+        media: /* @__PURE__ */ jsx9(Thumbnail, { src: text, caption: path, alt: path }),
+        children: /* @__PURE__ */ jsx9(ScreenshotFigure, { src: text, caption: path, alt: path })
       }
     );
   }
-  return /* @__PURE__ */ jsx10(GenericRenderer, { item });
+  return /* @__PURE__ */ jsx9(GenericRenderer, { item });
 }
 function SecretSetRenderer({ item }) {
   const args = parseToolArgs(item.arguments);
   const name = typeof args.name === "string" ? args.name : "variable";
   if (item.status === "running") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(KeyRoundIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
         iconTone: "running",
         title: `Set ${name}`,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "setting\u2026" }),
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "setting\u2026" }),
+        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
       }
     );
   }
   if (item.status === "failed") {
     const errorText = typeof item.output === "string" ? item.output : null;
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(KeyRoundIcon, { className: ICON_SIZE }),
+        icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
         iconTone: "failed",
         title: `Set ${name}`,
         failed: true,
         preview: errorText ?? "variable write failed",
         children: [
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-          errorText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: errorText, failed: true }) : /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "the tool call failed with no output." })
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          errorText ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: errorText, failed: true }) : /* @__PURE__ */ jsx9(BodyNote, { tone: "error", children: "the tool call failed with no output." })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(KeyRoundIcon, { className: ICON_SIZE }),
+      icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
       iconTone: "muted",
       title: `Set ${name}`,
       cancelled: item.status === "cancelled",
       preview: "value write-only \xB7 never returned",
       children: [
-        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
-        /* @__PURE__ */ jsx10(BodyNote, { children: "the value is a secret \u2014 redacted in every view; the API never returns it." })
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        /* @__PURE__ */ jsx9(BodyNote, { children: "the value is a secret \u2014 redacted in every view; the API never returns it." })
+      ]
+    }
+  );
+}
+function DocsSearchRenderer({ item }) {
+  const args = parseToolArgs(item.arguments);
+  const query2 = typeof args.query === "string" ? args.query.trim() : "";
+  const title = query2 ? `Search \u201C${truncatePreview(query2, 48)}\u201D` : toolDisplayName(item.name);
+  const running = item.status === "running";
+  if (running) {
+    return /* @__PURE__ */ jsx9(
+      ActivityDisclosure,
+      {
+        icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
+        iconTone: "running",
+        title,
+        running: true,
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "Searching\u2026" }),
+        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+      }
+    );
+  }
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return /* @__PURE__ */ jsxs7(
+      ActivityDisclosure,
+      {
+        icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
+        iconTone: "failed",
+        title,
+        failed: true,
+        preview: truncatePreview(outText, 80) || "Search failed",
+        children: [
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+        ]
+      }
+    );
+  }
+  const hits = parseSearchHits(outText);
+  const preview = item.status === "cancelled" ? void 0 : hits ? hits.length === 0 ? "No hits" : `${hits.length} hit${hits.length === 1 ? "" : "s"}` : "Done";
+  return /* @__PURE__ */ jsxs7(
+    ActivityDisclosure,
+    {
+      icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
+      iconTone: "muted",
+      title,
+      cancelled: item.status === "cancelled",
+      preview,
+      children: [
+        hits && hits.length > 0 ? /* @__PURE__ */ jsx9("ul", { className: "grid gap-2", children: hits.slice(0, 8).map((hit) => /* @__PURE__ */ jsxs7("li", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx9("div", { className: "truncate text-og-sm font-medium text-og-fg", children: hit.title }),
+          hit.snippet ? /* @__PURE__ */ jsx9("div", { className: "mt-0.5 line-clamp-2 text-og-xs text-og-fg-muted", children: hit.snippet }) : null
+        ] }, `${hit.title}\0${hit.snippet}`)) }) : null,
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText })
+      ]
+    }
+  );
+}
+function SetSessionTitleRenderer({ item }) {
+  const args = parseToolArgs(item.arguments);
+  const titleArg = typeof args.title === "string" ? args.title.trim() : "";
+  const display = toolDisplayName(item.name);
+  const previewTitle = titleArg ? truncatePreview(titleArg, 72) : "";
+  const icon = /* @__PURE__ */ jsx9(MessagesSquareIcon, { className: ICON_SIZE });
+  if (item.status === "running") {
+    return /* @__PURE__ */ jsx9(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "running",
+        title: display,
+        running: true,
+        preview: previewTitle ? /* @__PURE__ */ jsx9(RunningPreview, { children: previewTitle }) : /* @__PURE__ */ jsx9(RunningPreview, { children: "Setting title\u2026" }),
+        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+      }
+    );
+  }
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return /* @__PURE__ */ jsxs7(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "failed",
+        title: display,
+        failed: true,
+        preview: truncatePreview(outText, 80) || "Rename failed",
+        children: [
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+        ]
+      }
+    );
+  }
+  let settledTitle = previewTitle;
+  if (!settledTitle) {
+    const parsed = tryParseJson(outText);
+    if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+      const fromResult = parsed.title;
+      if (typeof fromResult === "string" && fromResult.trim()) {
+        settledTitle = truncatePreview(fromResult.trim(), 72);
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs7(
+    ActivityDisclosure,
+    {
+      icon,
+      iconTone: "muted",
+      title: display,
+      cancelled: item.status === "cancelled",
+      preview: item.status === "cancelled" ? void 0 : settledTitle || void 0,
+      children: [
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        outText ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText }) : null
+      ]
+    }
+  );
+}
+function parseSearchHits(outText) {
+  const parsed = tryParseJson(outText);
+  if (parsed == null) {
+    return null;
+  }
+  const list = Array.isArray(parsed) ? parsed : parsed && typeof parsed === "object" && Array.isArray(parsed.results) ? parsed.results : parsed && typeof parsed === "object" && Array.isArray(parsed.hits) ? parsed.hits : null;
+  if (!list) {
+    return null;
+  }
+  return list.map((row) => {
+    const r = row && typeof row === "object" ? row : {};
+    const title = typeof r.title === "string" && r.title || typeof r.name === "string" && r.name || typeof r.documentTitle === "string" && r.documentTitle || typeof r.path === "string" && r.path || typeof r.id === "string" && r.id || "Result";
+    const snippet = typeof r.snippet === "string" && r.snippet || typeof r.text === "string" && r.text || typeof r.content === "string" && r.content || "";
+    return { title, snippet: truncatePreview(snippet, 160) };
+  });
+}
+function MemoryProposeRenderer({ item }) {
+  const args = parseToolArgs(item.arguments);
+  const text = typeof args.text === "string" ? args.text.trim() : "";
+  const title = "Propose memory";
+  const running = item.status === "running";
+  if (running) {
+    return /* @__PURE__ */ jsx9(
+      ActivityDisclosure,
+      {
+        icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: ICON_SIZE }),
+        iconTone: "running",
+        title,
+        running: true,
+        preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "Proposing\u2026" }),
+        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+      }
+    );
+  }
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if ((isError || item.status === "failed") && item.status !== "cancelled") {
+    return /* @__PURE__ */ jsxs7(
+      ActivityDisclosure,
+      {
+        icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: ICON_SIZE }),
+        iconTone: "failed",
+        title,
+        failed: true,
+        preview: truncatePreview(outText, 80) || "Propose failed",
+        children: [
+          text ? /* @__PURE__ */ jsx9(BodyNote, { children: text }) : null,
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs7(
+    ActivityDisclosure,
+    {
+      icon: /* @__PURE__ */ jsx9(BrainCircuitIcon, { className: ICON_SIZE }),
+      iconTone: "muted",
+      title,
+      cancelled: item.status === "cancelled",
+      preview: text ? truncatePreview(text, 90) : "Done",
+      children: [
+        text ? /* @__PURE__ */ jsx9(BodyNote, { children: text }) : null,
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText })
       ]
     }
   );
@@ -2908,54 +3004,76 @@ function GenericRenderer({ item }) {
   const running = item.status === "running";
   const args = redactSecrets(parseToolArgs(item.arguments));
   const display = toolDisplayName(item.name);
+  const icon = /* @__PURE__ */ jsx9(GenericToolIcon, { name: item.name });
+  const goalPreview = goalToolPreview(item.name, args);
   if (running) {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx9(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(PlugIcon, { className: ICON_SIZE }),
+        icon,
         iconTone: "running",
         title: display,
         running: true,
-        preview: /* @__PURE__ */ jsx10(RunningPreview, { children: compactArgs(args) || "running\u2026" }),
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
+        preview: goalPreview ?? /* @__PURE__ */ jsx9(RunningPreview, { children: "Running\u2026" }),
+        children: /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args })
       }
     );
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs7(
       ActivityDisclosure,
       {
-        icon: /* @__PURE__ */ jsx10(WrenchIcon, { className: ICON_SIZE }),
+        icon,
         iconTone: "failed",
         title: display,
         chip: { tone: "bad", text: "error" },
-        preview: outText.slice(0, 80),
+        preview: truncatePreview(outText, 80) || "Error",
         children: [
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args }),
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs7(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx10(WrenchIcon, { className: ICON_SIZE }),
+      icon,
       iconTone: "muted",
       title: display,
       cancelled: item.status === "cancelled",
-      preview: compactArgs(args),
+      preview: item.status === "cancelled" ? void 0 : goalPreview ?? "Done",
       children: [
-        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
-        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText })
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args }),
+        /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText })
       ]
     }
   );
 }
-function compactArgs(args) {
-  const text = stringifyPayload(args).replace(/\s+/g, " ").trim();
-  return text === "{}" ? "" : text.length > 90 ? `${text.slice(0, 89)}\u2026` : text;
+function goalToolPreview(name, args) {
+  const leaf = mcpToolLeaf(name);
+  if (leaf !== "goal_set" && leaf !== "goal_update" && leaf !== "goal_complete" && leaf !== "goal_pause") {
+    return null;
+  }
+  const record = args && typeof args === "object" ? args : null;
+  if (!record) {
+    return null;
+  }
+  const text = typeof record.text === "string" ? record.text : typeof record.evidence === "string" ? record.evidence : typeof record.rationale === "string" ? record.rationale : typeof record.progressNote === "string" ? record.progressNote : null;
+  return text ? truncatePreview(text, 90) : null;
+}
+function truncatePreview(text, max) {
+  const cleaned = text.replace(/\s+/g, " ").trim();
+  if (!cleaned) {
+    return "";
+  }
+  return cleaned.length > max ? `${cleaned.slice(0, max - 1)}\u2026` : cleaned;
+}
+function GenericToolIcon({ name }) {
+  const leaf = mcpToolLeaf(name);
+  const Icon = leaf.startsWith("goal_") ? TargetIcon : leaf.startsWith("memory_") || leaf === "preference_registry_summary" || leaf === "preference_registry_get" ? BrainCircuitIcon : leaf.startsWith("session_") || leaf === "sessions_list" || leaf === "set_session_title" || leaf === "set_other_session_title" ? MessagesSquareIcon : leaf.startsWith("sandbox") || leaf === "sandboxes_list" || leaf === "run_on" ? ServerIcon : leaf.startsWith("rig_") ? ServerCogIcon : leaf.startsWith("scheduled_") ? CalendarClockIcon : leaf.startsWith("artifacts_") ? PanelsTopLeftIcon : leaf.startsWith("social_") ? Share2Icon : leaf.startsWith("slack_") ? MessageSquareIcon : leaf.startsWith("github_") ? FolderGitIcon : leaf.startsWith("variable_") ? BoxIcon : leaf.startsWith("environment_") ? KeyRoundIcon : leaf.includes("document") || leaf.includes("knowledge") || leaf === "list_document_bases" ? FileSearchIcon : leaf === "tool_search" || leaf === "load_skill" ? PlugIcon : WrenchIcon;
+  return /* @__PURE__ */ jsx9(Icon, { className: ICON_SIZE });
 }
 var BASE_ENTRIES = [
   // Provider-native items carry `raw.type` on the wire — this is their source of
@@ -2963,13 +3081,11 @@ var BASE_ENTRIES = [
   { match: "rawType", type: "apply_patch_call", render: ApplyPatchRenderer },
   { match: "rawType", type: "computer_call", render: ComputerCallRenderer },
   { match: "rawType", type: "hosted_tool_call", render: WebSearchRenderer },
-  // First-party sandbox + MCP tools resolve by name. `apply_patch_call` /
-  // `computer_call` are intentionally repeated by name as a fallback only for
-  // first-party replays that omit `raw` (the rawType entries above win whenever
-  // `raw.type` is present, which is the live-wire case).
+  // First-party sandbox + MCP tools resolve by name (exact or MCP leaf).
   { match: "name", name: "exec_command", render: ExecRenderer },
   { match: "name", name: "write_stdin", render: WriteStdinRenderer },
   { match: "name", name: "apply_patch_call", render: ApplyPatchRenderer },
+  { match: "name", name: "apply_patch", render: ApplyPatchRenderer },
   { match: "name", name: "computer_call", render: ComputerCallRenderer },
   // Function-mode computer tools (codex / chat-wire transports).
   { match: "name", name: "computer_screenshot", render: ComputerCallRenderer },
@@ -2982,7 +3098,13 @@ var BASE_ENTRIES = [
   { match: "name", name: "computer_drag", render: ComputerCallRenderer },
   { match: "name", name: "web_search_call", render: WebSearchRenderer },
   { match: "name", name: "view_image", render: ViewImageRenderer },
-  { match: "name", name: "environment_set_variable", render: SecretSetRenderer }
+  { match: "name", name: "environment_set_variable", render: SecretSetRenderer },
+  { match: "name", name: "variable_set_set_variable", render: SecretSetRenderer },
+  { match: "name", name: "search_documents", render: DocsSearchRenderer },
+  { match: "name", name: "knowledge_search", render: DocsSearchRenderer },
+  { match: "name", name: "memory_propose", render: MemoryProposeRenderer },
+  { match: "name", name: "set_session_title", render: SetSessionTitleRenderer },
+  { match: "name", name: "set_other_session_title", render: SetSessionTitleRenderer }
 ];
 var defaultToolRegistry = createToolRegistry(BASE_ENTRIES, GenericRenderer);
 function createDefaultToolRegistry(options = {}) {
@@ -3039,8 +3161,8 @@ function tableElementToTsv(table) {
 
 // src/components/copy-button.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { useEffect as useEffect6, useRef as useRef4, useState as useState9 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState8 } from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var COPIED_MS = 1600;
 function CopyButton({
   text,
@@ -3048,9 +3170,10 @@ function CopyButton({
   className,
   reveal = "group-hover"
 }) {
-  const [copied, setCopied] = useState9(false);
-  const timerRef = useRef4(null);
-  useEffect6(() => {
+  const [copied, setCopied] = useState8(false);
+  const [tipOpen, setTipOpen] = useState8(false);
+  const timerRef = useRef3(null);
+  useEffect5(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
@@ -3066,59 +3189,79 @@ function CopyButton({
       return;
     }
     setCopied(true);
+    setTipOpen(true);
+    if (event.detail > 0) {
+      event.currentTarget.blur();
+    }
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
     }
     timerRef.current = setTimeout(() => {
       timerRef.current = null;
       setCopied(false);
+      setTipOpen(false);
     }, COPIED_MS);
   };
   const tip = copied ? "Copied" : label;
-  return /* @__PURE__ */ jsxs9(Tooltip, { children: [
-    /* @__PURE__ */ jsx11(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
-      "button",
-      {
-        type: "button",
-        "data-og-copy": "",
-        "data-state": copied ? "copied" : "idle",
-        "aria-label": tip,
-        onClick,
-        className: cn(
-          "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
-          "text-og-fg-subtle transition-[opacity,color,background-color] duration-150",
-          "hover:bg-og-surface-2/80 hover:text-og-fg",
-          "focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent/40",
-          reveal === "group-hover" && "opacity-0 group-hover/copy:opacity-100 group-focus-within/copy:opacity-100 pointer-coarse:opacity-70",
-          copied && "opacity-100 text-og-accent",
-          className
-        ),
-        children: copied ? /* @__PURE__ */ jsx11(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx11(CopyIcon, { className: "size-3.5", "aria-hidden": true })
-      }
-    ) }),
-    /* @__PURE__ */ jsx11(TooltipContent, { side: "top", children: tip })
-  ] });
+  return /* @__PURE__ */ jsxs8(
+    Tooltip,
+    {
+      open: copied ? true : tipOpen,
+      onOpenChange: (next) => {
+        if (!copied) {
+          setTipOpen(next);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx10(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx10(
+          "button",
+          {
+            type: "button",
+            "data-og-copy": "",
+            "data-state": copied ? "copied" : "idle",
+            "aria-label": tip,
+            onClick,
+            className: cn(
+              "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+              "text-og-fg-subtle transition-[opacity,color,background-color] duration-150",
+              "hover:bg-og-surface-2/80 hover:text-og-fg",
+              "focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent/40",
+              reveal === "group-hover" && "opacity-0 group-hover/copy:opacity-100 group-focus-within/copy:opacity-100 pointer-coarse:opacity-70",
+              copied && "opacity-100 text-og-accent",
+              className
+            ),
+            children: copied ? /* @__PURE__ */ jsx10(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx10(CopyIcon, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) }),
+        /* @__PURE__ */ jsx10(TooltipContent, { side: "top", children: tip })
+      ]
+    }
+  );
 }
 function CopyHoverFrame({
   children,
   className,
   copyText,
   label,
-  align = "end"
+  align = "end",
+  trailing
 }) {
   if (copyText.trim().length === 0) {
-    return /* @__PURE__ */ jsx11("div", { className, children });
+    return /* @__PURE__ */ jsx10("div", { className, children });
   }
-  return /* @__PURE__ */ jsxs9("div", { className: cn("group/copy relative", className), children: [
+  return /* @__PURE__ */ jsxs8("div", { className: cn("group/copy", className), children: [
     children,
-    /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         className: cn(
-          "pointer-events-none absolute top-1 z-10",
-          align === "end" ? "right-1" : "left-1"
+          "mt-1 flex h-7 items-center gap-1.5",
+          align === "end" ? "justify-end" : "justify-start"
         ),
-        children: /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx11(CopyButton, { text: copyText, label, reveal: "group-hover" }) })
+        children: [
+          /* @__PURE__ */ jsx10(CopyButton, { text: copyText, label, reveal: "group-hover" }),
+          trailing
+        ]
       }
     )
   ] });
@@ -3129,10 +3272,10 @@ import {
   Children,
   isValidElement,
   memo,
-  useEffect as useEffect7,
+  useEffect as useEffect6,
   useReducer,
-  useRef as useRef5,
-  useState as useState10
+  useRef as useRef4,
+  useState as useState9
 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -3417,9 +3560,9 @@ function rehypeStreamReveal(options) {
 }
 
 // src/components/markdown.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var components = {
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "h1",
     {
       className: "mt-5 mb-2.5 text-xl font-semibold tracking-tight text-og-fg first:mt-0",
@@ -3427,8 +3570,8 @@ var components = {
       children
     }
   ),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx12("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx11("h2", { className: "mt-5 mb-2 text-lg font-semibold tracking-tight text-og-fg first:mt-0", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "h3",
     {
       className: "mt-4 mb-1.5 text-og-md font-semibold tracking-tight text-og-fg first:mt-0",
@@ -3436,7 +3579,7 @@ var components = {
       children
     }
   ),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "h4",
     {
       className: "mt-4 mb-1.5 text-og-sm font-semibold uppercase tracking-[0.04em] text-og-fg-muted first:mt-0",
@@ -3444,10 +3587,10 @@ var components = {
       children
     }
   ),
-  p: ({ children, ...props }) => /* @__PURE__ */ jsx12("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
-  strong: ({ children, ...props }) => /* @__PURE__ */ jsx12("strong", { className: "font-semibold text-og-fg", ...props, children }),
-  em: ({ children, ...props }) => /* @__PURE__ */ jsx12("em", { className: "italic", ...props, children }),
-  a: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  p: ({ children, ...props }) => /* @__PURE__ */ jsx11("p", { className: "my-2.5 leading-7 first:mt-0 last:mb-0", ...props, children }),
+  strong: ({ children, ...props }) => /* @__PURE__ */ jsx11("strong", { className: "font-semibold text-og-fg", ...props, children }),
+  em: ({ children, ...props }) => /* @__PURE__ */ jsx11("em", { className: "italic", ...props, children }),
+  a: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "a",
     {
       className: "break-words font-medium text-og-accent underline-offset-2 hover:underline",
@@ -3457,7 +3600,7 @@ var components = {
       children
     }
   ),
-  ul: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  ul: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "ul",
     {
       className: "my-2.5 ml-5 flex list-disc flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -3465,7 +3608,7 @@ var components = {
       children
     }
   ),
-  ol: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  ol: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "ol",
     {
       className: "my-2.5 ml-5 flex list-decimal flex-col gap-1 marker:text-og-fg-subtle first:mt-0 last:mb-0",
@@ -3476,7 +3619,7 @@ var components = {
   // GFM task-list items carry a leading checkbox <input>; `list-none` + a
   // negative margin pull the checkbox back to the bullet column so it aligns
   // with the text.
-  li: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  li: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "li",
     {
       className: "leading-7 marker:text-og-fg-subtle [&>ul]:my-1 [&>ol]:my-1 [&:has(>input)]:list-none [&:has(>input)]:-ml-5",
@@ -3484,7 +3627,7 @@ var components = {
       children
     }
   ),
-  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx12(
+  input: ({ type, ...props }) => type === "checkbox" ? /* @__PURE__ */ jsx11(
     "input",
     {
       ...props,
@@ -3492,8 +3635,8 @@ var components = {
       disabled: true,
       className: "mr-2 size-3.5 translate-y-[2px] cursor-default accent-og-accent align-baseline"
     }
-  ) : /* @__PURE__ */ jsx12("input", { type, ...props }),
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  ) : /* @__PURE__ */ jsx11("input", { type, ...props }),
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "blockquote",
     {
       className: "my-3 border-l-2 border-og-border-strong pl-3.5 text-og-fg-muted [&>p]:my-1.5 first:mt-0 last:mb-0",
@@ -3501,11 +3644,11 @@ var components = {
       children
     }
   ),
-  hr: (props) => /* @__PURE__ */ jsx12("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
+  hr: (props) => /* @__PURE__ */ jsx11("hr", { className: "my-4 border-0 border-t border-og-border", ...props }),
   // Inline `code` vs fenced code blocks. react-markdown v10 no longer passes an
   // `inline` flag; a fenced block is a <code> whose parent is <pre> (styled by
   // the `pre` renderer), so a `code` reaching here is treated as inline.
-  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx12(
+  code: ({ children, className: _className, ...props }) => /* @__PURE__ */ jsx11(
     "code",
     {
       className: "rounded-og-xs bg-og-surface-1 px-1 py-0.5 font-og-mono text-og-sm text-og-fg",
@@ -3514,11 +3657,11 @@ var components = {
     }
   ),
   // Fenced code — quiet mono block (no card / no nested vertical scroll).
-  pre: ({ children }) => /* @__PURE__ */ jsx12(MarkdownCodeBlock, { children }),
+  pre: ({ children }) => /* @__PURE__ */ jsx11(MarkdownCodeBlock, { children }),
   // Tables stay unboxed (hairline rules); hover reveals a TSV copy control.
-  table: ({ children, ...props }) => /* @__PURE__ */ jsx12(MarkdownTable, { ...props, children }),
-  thead: ({ children, ...props }) => /* @__PURE__ */ jsx12("thead", { ...props, children }),
-  th: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  table: ({ children, ...props }) => /* @__PURE__ */ jsx11(MarkdownTable, { ...props, children }),
+  thead: ({ children, ...props }) => /* @__PURE__ */ jsx11("thead", { ...props, children }),
+  th: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "th",
     {
       className: "border-b border-og-border px-0 py-1.5 pr-4 text-left font-medium text-og-fg first:pl-0",
@@ -3526,7 +3669,7 @@ var components = {
       children
     }
   ),
-  td: ({ children, ...props }) => /* @__PURE__ */ jsx12(
+  td: ({ children, ...props }) => /* @__PURE__ */ jsx11(
     "td",
     {
       className: "border-b border-og-border/70 px-0 py-1.5 pr-4 align-top text-og-fg-muted [tr:last-child>&]:border-b-0",
@@ -3534,7 +3677,7 @@ var components = {
       children
     }
   ),
-  img: ({ alt, ...props }) => /* @__PURE__ */ jsx12(
+  img: ({ alt, ...props }) => /* @__PURE__ */ jsx11(
     "img",
     {
       alt: alt ?? "",
@@ -3576,18 +3719,18 @@ function fenceLanguage(children) {
 function MarkdownCodeBlock({ children }) {
   const code = nodeText(children).replace(/\n$/, "");
   const language = fenceLanguage(children);
-  return /* @__PURE__ */ jsxs10("div", { className: "group/copy relative mt-3 first:mt-0", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
-      language ? /* @__PURE__ */ jsx12("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
-      /* @__PURE__ */ jsx12("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx12(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
+  return /* @__PURE__ */ jsxs9("div", { className: "group/copy relative mt-3 first:mt-0", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "pointer-events-none absolute top-1.5 right-1.5 z-10 flex items-center gap-1", children: [
+      language ? /* @__PURE__ */ jsx11("span", { className: "rounded px-1 py-0.5 font-og-mono text-[10px] uppercase tracking-wide text-og-fg-subtle/80 opacity-0 transition-opacity group-hover/copy:opacity-100 pointer-coarse:opacity-70", children: language }) : null,
+      /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx11(CopyButton, { text: code, label: "Copy code", reveal: "group-hover" }) })
     ] }),
-    /* @__PURE__ */ jsx12("pre", { className: "overflow-x-auto overflow-y-hidden rounded-og-md bg-og-surface-1/70 px-3 py-2.5 font-og-mono text-og-sm leading-5 text-og-fg-muted [scrollbar-gutter:stable] [&>code]:block [&>code]:border-0 [&>code]:bg-transparent [&>code]:p-0 [&>code]:leading-5 [&>code]:text-inherit", children })
+    /* @__PURE__ */ jsx11("pre", { className: "overflow-x-auto overflow-y-hidden rounded-og-md bg-og-surface-1/70 px-3 py-2.5 font-og-mono text-og-sm leading-5 text-og-fg-muted [scrollbar-gutter:stable] [&>code]:block [&>code]:border-0 [&>code]:bg-transparent [&>code]:p-0 [&>code]:leading-5 [&>code]:text-inherit", children })
   ] });
 }
 function MarkdownTable({ children, className, ...props }) {
-  const tableRef = useRef5(null);
-  return /* @__PURE__ */ jsxs10("div", { className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
-    /* @__PURE__ */ jsx12("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx12("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx12(
+  const tableRef = useRef4(null);
+  return /* @__PURE__ */ jsxs9("div", { className: "group/copy relative mt-3 max-w-full first:mt-0", children: [
+    /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute top-0 right-0 z-10", children: /* @__PURE__ */ jsx11("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx11(
       CopyButton,
       {
         text: () => tableElementToTsv(tableRef.current),
@@ -3595,7 +3738,7 @@ function MarkdownTable({ children, className, ...props }) {
         reveal: "group-hover"
       }
     ) }) }),
-    /* @__PURE__ */ jsx12("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx11(
       "table",
       {
         ref: tableRef,
@@ -3607,11 +3750,11 @@ function MarkdownTable({ children, className, ...props }) {
   ] });
 }
 function MarkdownImpl({ children, className, streaming = false }) {
-  const revealRef = useRef5(null);
-  const bodyRef = useRef5(null);
+  const revealRef = useRef4(null);
+  const bodyRef = useRef4(null);
   const [, bump] = useReducer((n) => n + 1, 0);
-  const [settling, setSettling] = useState10(false);
-  const hadRevealRef = useRef5(false);
+  const [settling, setSettling] = useState9(false);
+  const hadRevealRef = useRef4(false);
   const now = typeof performance !== "undefined" ? performance.now() : Date.now();
   const crystallize = (mutate) => {
     mutate();
@@ -3631,7 +3774,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
   }
   const revealActive = reveal !== null && (streaming || reveal.hasActive(now));
   const rehypePlugins = revealActive && reveal !== null ? [[rehypeStreamReveal, { reveal, now }]] : void 0;
-  useEffect7(() => {
+  useEffect6(() => {
     if (streaming || revealRef.current === null) {
       return;
     }
@@ -3657,8 +3800,8 @@ function MarkdownImpl({ children, className, streaming = false }) {
       }
     };
   }, [streaming]);
-  const wasStreamingRef = useRef5(streaming);
-  useEffect7(() => {
+  const wasStreamingRef = useRef4(streaming);
+  useEffect6(() => {
     const ended = wasStreamingRef.current && !streaming;
     wasStreamingRef.current = streaming;
     if (!ended || revealRef.current !== null || prefersReducedMotion()) {
@@ -3669,7 +3812,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
     return () => clearTimeout(timer);
   }, [streaming]);
   const parseText = streaming || revealActive ? softenStreamingMarkdown(children) : children;
-  return /* @__PURE__ */ jsx12(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx11(
     "div",
     {
       ref: bodyRef,
@@ -3678,7 +3821,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
         settling && "og-markdown-settle",
         className
       ),
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx11(
         ReactMarkdown,
         {
           remarkPlugins: [remarkGfm],
@@ -3696,36 +3839,36 @@ var Markdown = memo(MarkdownImpl);
 import {
   ArrowRightIcon,
   BotIcon as BotIcon2,
-  BrainCircuitIcon,
+  BrainCircuitIcon as BrainCircuitIcon2,
   BrainIcon,
   SquareTerminalIcon
 } from "lucide-react";
-import { lazy as lazy3, Suspense as Suspense3, useLayoutEffect as useLayoutEffect2, useRef as useRef7 } from "react";
+import { lazy as lazy3, Suspense as Suspense3, useLayoutEffect as useLayoutEffect2, useRef as useRef6 } from "react";
 import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
 
 // src/timeline/entrance.tsx
-import { createContext as createContext4, useContext as useContext4, useRef as useRef6 } from "react";
-var EntranceAnimationContext = createContext4(true);
+import { createContext as createContext3, useContext as useContext3, useRef as useRef5 } from "react";
+var EntranceAnimationContext = createContext3(true);
 var EntranceAnimationProvider = EntranceAnimationContext.Provider;
 function useEntranceAnimationLive() {
-  return useContext4(EntranceAnimationContext);
+  return useContext3(EntranceAnimationContext);
 }
 function useEntranceAnimation() {
-  const enabled = useContext4(EntranceAnimationContext);
-  const captured = useRef6(enabled);
+  const enabled = useContext3(EntranceAnimationContext);
+  const captured = useRef5(enabled);
   return captured.current;
 }
 
 // src/timeline/seen-activity-ids.ts
-import { createContext as createContext5, useContext as useContext5 } from "react";
-var SeenActivityIdsContext = createContext5(null);
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var SeenActivityIdsContext = createContext4(null);
 var SeenActivityIdsProvider = SeenActivityIdsContext.Provider;
 function useSeenActivityIds() {
-  return useContext5(SeenActivityIdsContext);
+  return useContext4(SeenActivityIdsContext);
 }
 
 // src/timeline/activity-rail.tsx
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var LazyFleetDecisionRow = lazy3(() => import("./fleet-decision-row-GGCAT4E4.js"));
 function familyOf(item) {
   if (item.kind === "tool-call") {
@@ -3745,7 +3888,7 @@ function ActivityRail({
   const enterLive = useEntranceAnimationLive();
   const seenIds = useSeenActivityIds();
   const enter = seenIds ? enterLive : enterMounted;
-  const previousIdsRef = useRef7(null);
+  const previousIdsRef = useRef6(null);
   const enteringIds = /* @__PURE__ */ new Set();
   if (enter) {
     for (const item of items) {
@@ -3766,7 +3909,7 @@ function ActivityRail({
       }
     }
   });
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       className: cn(
@@ -3783,7 +3926,7 @@ function ActivityRail({
       children: items.map((item, index) => {
         const newFamily = index > 0 && familyOf(item) !== familyOf(items[index - 1]);
         const row = renderActivity(item, toolRegistry, onOpenSession, onMemoryClick);
-        return /* @__PURE__ */ jsx13(
+        return /* @__PURE__ */ jsx12(
           "div",
           {
             "data-og-timeline-row-anchor": "",
@@ -3802,19 +3945,19 @@ function assertNever(item) {
 function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
   switch (item.kind) {
     case "reasoning":
-      return /* @__PURE__ */ jsx13(ReasoningRow, { item });
+      return /* @__PURE__ */ jsx12(ReasoningRow, { item });
     case "tool-call": {
       const Renderer = toolRegistry.resolve(item);
-      return /* @__PURE__ */ jsx13(Renderer, { item });
+      return /* @__PURE__ */ jsx12(Renderer, { item });
     }
     case "worker":
-      return /* @__PURE__ */ jsx13(WorkerRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx12(WorkerRow, { item, onOpenSession });
     case "sandbox":
-      return /* @__PURE__ */ jsx13(SandboxRow, { item });
+      return /* @__PURE__ */ jsx12(SandboxRow, { item });
     case "memory":
-      return /* @__PURE__ */ jsx13(MemoryRow, { item, onMemoryClick });
+      return /* @__PURE__ */ jsx12(MemoryRow, { item, onMemoryClick });
     case "fleet-decision":
-      return /* @__PURE__ */ jsx13(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx12(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx12(
         LazyFleetDecisionRow,
         {
           item,
@@ -3829,15 +3972,15 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
   }
 }
 function ReasoningRow({ item }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx13(BrainIcon, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx12(BrainIcon, { className: "size-3.5" }),
       iconTone: "muted",
-      title: item.streaming ? "Thinking" : /* @__PURE__ */ jsx13("span", { className: "font-normal italic text-og-fg-subtle", children: "Thought" }),
+      title: item.streaming ? "Thinking" : /* @__PURE__ */ jsx12("span", { className: "font-normal italic text-og-fg-subtle", children: "Thought" }),
       running: item.streaming,
       preview: truncate(item.text, 110),
-      children: /* @__PURE__ */ jsx13("div", { className: "text-og-base leading-6 text-og-fg-muted [&_strong]:text-og-fg-muted", children: /* @__PURE__ */ jsx13(Markdown, { streaming: item.streaming, children: item.text }) })
+      children: /* @__PURE__ */ jsx12("div", { className: "text-og-base leading-6 text-og-fg-muted [&_strong]:text-og-fg-muted", children: /* @__PURE__ */ jsx12(Markdown, { streaming: item.streaming, children: item.text }) })
     }
   );
 }
@@ -3857,37 +4000,37 @@ function MemoryRow({
   const superseded = corrected && Boolean(item.replacementPreview);
   const targetId = corrected ? item.replacementMemoryId ?? item.memoryId : item.memoryId;
   const deepLink = Boolean(onMemoryClick);
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx13(BrainCircuitIcon, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx12(BrainCircuitIcon2, { className: "size-3.5" }),
       iconTone: "muted",
-      title: /* @__PURE__ */ jsxs11("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
-        /* @__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
+      title: /* @__PURE__ */ jsxs10("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
       ] }),
       preview: superseded ? item.replacementPreview : item.preview,
       children: [
         superseded ? (
           // The correction as a before → after: the old memory struck through and
           // dimmed, the new text in the ordinary body weight below it.
-          /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-1.5", children: [
-            /* @__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 })
+          /* @__PURE__ */ jsxs10("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 })
           ] })
         ) : 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__ */ jsxs11(Fragment4, { children: [
-            /* @__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." })
+          /* @__PURE__ */ jsxs10(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." })
           ] })
         ) : corrected ? (
           // A correction with no replacement (and not an in-place update) archived the record.
-          /* @__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__ */ jsxs11(
+          /* @__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,
+        deepLink ? /* @__PURE__ */ jsxs10(
           "button",
           {
             type: "button",
@@ -3898,7 +4041,7 @@ function MemoryRow({
             ),
             children: [
               "View in memory",
-              /* @__PURE__ */ jsx13(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
+              /* @__PURE__ */ jsx12(ArrowRightIcon, { className: "size-3.5 transition-transform duration-150 group-hover/memlink:translate-x-0.5" })
             ]
           }
         ) : null
@@ -3918,10 +4061,10 @@ function sandboxRowTitle(item) {
   return toolDisplayName(item.name);
 }
 function SandboxRow({ item }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx13(SquareTerminalIcon, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx12(SquareTerminalIcon, { className: "size-3.5" }),
       iconTone: item.status === "failed" ? "failed" : item.status === "running" ? "running" : "muted",
       title: sandboxRowTitle(item),
       running: item.status === "running",
@@ -3929,8 +4072,8 @@ function SandboxRow({ item }) {
       cancelled: item.status === "cancelled",
       preview: item.command ?? void 0,
       children: [
-        item.command ? /* @__PURE__ */ jsx13(PayloadBlock, { label: "Command", value: item.command }) : null,
-        item.output ? /* @__PURE__ */ jsx13(PayloadBlock, { label: "Output", value: item.output }) : null
+        item.command ? /* @__PURE__ */ jsx12(PayloadBlock, { label: "Command", value: item.command }) : null,
+        item.output ? /* @__PURE__ */ jsx12(PayloadBlock, { label: "Output", value: item.output }) : null
       ]
     }
   );
@@ -3945,11 +4088,11 @@ function WorkerRow({
   const title = item.action === "spawn" ? running ? "Spawning worker" : failed ? "Worker spawn failed" : cancelled ? "Worker interrupted" : "Worker spawned" : running ? "Messaging worker" : failed ? "Worker message failed" : cancelled ? "Worker interrupted" : "Worker messaged";
   const sessionId = item.workerSessionId;
   const deepLink = Boolean(sessionId) && Boolean(onOpenSession) && !failed && !cancelled;
-  const inner = /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    /* @__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__ */ jsxs11("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx13(
+  const inner = /* @__PURE__ */ jsxs10(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__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx12(
         "span",
         {
           className: cn(
@@ -3959,12 +4102,12 @@ function WorkerRow({
           children: title
         }
       ),
-      item.prompt ? /* @__PURE__ */ jsx13("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null
+      item.prompt ? /* @__PURE__ */ jsx12("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null
     ] }),
-    failed ? /* @__PURE__ */ jsxs11("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__ */ jsx13("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
+    failed ? /* @__PURE__ */ jsxs10("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" }),
       "failed"
-    ] }) : 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(
+    ] }) : 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(
       ArrowRightIcon,
       {
         "aria-hidden": true,
@@ -3973,7 +4116,7 @@ function WorkerRow({
     ) : null
   ] });
   if (deepLink && sessionId && onOpenSession) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
@@ -3987,28 +4130,28 @@ function WorkerRow({
       }
     );
   }
-  return /* @__PURE__ */ jsx13("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
+  return /* @__PURE__ */ jsx12("div", { className: "flex items-start gap-2 px-1.5 py-1.5", children: inner });
 }
 
 // src/timeline/turn-summary.tsx
 import { ChevronRightIcon as ChevronRightIcon2, CircleSlashIcon, TriangleAlertIcon as TriangleAlertIcon2 } from "lucide-react";
 import {
   Component,
-  createContext as createContext7,
-  useContext as useContext7,
-  useEffect as useEffect8,
+  createContext as createContext6,
+  useContext as useContext6,
+  useEffect as useEffect7,
   useMemo as useMemo3,
-  useRef as useRef8,
-  useState as useState11
+  useRef as useRef7,
+  useState as useState10
 } from "react";
-import { Collapsible as Collapsible2 } from "radix-ui";
+import { Collapsible } from "radix-ui";
 
 // src/timeline/fold-memory.ts
-import { createContext as createContext6, useContext as useContext6 } from "react";
-var FoldMemoryContext = createContext6(null);
+import { createContext as createContext5, useContext as useContext5 } from "react";
+var FoldMemoryContext = createContext5(null);
 var FoldMemoryProvider = FoldMemoryContext.Provider;
 function useFoldMemory() {
-  return useContext6(FoldMemoryContext);
+  return useContext5(FoldMemoryContext);
 }
 function inheritFoldRestingState(memory, targetKey, sourceKeys) {
   if (memory.has(targetKey) || sourceKeys.length !== 1) {
@@ -4021,10 +4164,10 @@ function inheritFoldRestingState(memory, targetKey, sourceKeys) {
 }
 
 // src/timeline/turn-summary.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
-var TurnSettleChromeContext = createContext7(false);
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var TurnSettleChromeContext = createContext6(false);
 function useTurnSettleOpen() {
-  return useContext7(TurnSettleChromeContext);
+  return useContext6(TurnSettleChromeContext);
 }
 var BUILT_IN_TURN_SUMMARY_FACET_IDS = [
   "steps",
@@ -4057,16 +4200,16 @@ function TurnSummary({
   const remembered = foldKey !== void 0 ? foldMemory?.get(foldKey) : void 0;
   const restingOpen = remembered === "closed" ? false : remembered === "open" ? true : defaultOpen ?? forcedDefaultOpen ?? false;
   const initialSettle = Boolean(settleFold) && !restingOpen && remembered === void 0;
-  const [settling, setSettling] = useState11(initialSettle);
-  const [open, setOpen] = useState11(initialSettle ? true : restingOpen);
-  const [settlePhase, setSettlePhase] = useState11(initialSettle);
-  const [nestSuppressLatch, setNestSuppressLatch] = useState11(initialSettle);
-  const [expandReady, setExpandReady] = useState11(!initialSettle);
-  const settleTimerRef = useRef8(null);
-  const settleCloseDoneRef = useRef8(null);
-  const nestLatchClearRef = useRef8(null);
-  const settleFoldSeenRef = useRef8(Boolean(settleFold));
-  const settleArmedRef = useRef8(false);
+  const [settling, setSettling] = useState10(initialSettle);
+  const [open, setOpen] = useState10(initialSettle ? true : restingOpen);
+  const [settlePhase, setSettlePhase] = useState10(initialSettle);
+  const [nestSuppressLatch, setNestSuppressLatch] = useState10(initialSettle);
+  const [expandReady, setExpandReady] = useState10(!initialSettle);
+  const settleTimerRef = useRef7(null);
+  const settleCloseDoneRef = useRef7(null);
+  const nestLatchClearRef = useRef7(null);
+  const settleFoldSeenRef = useRef7(Boolean(settleFold));
+  const settleArmedRef = useRef7(false);
   const clearNestLatchTimer = () => {
     if (nestLatchClearRef.current !== null) {
       clearTimeout(nestLatchClearRef.current);
@@ -4114,8 +4257,8 @@ function TurnSummary({
       }, SETTLE_COLLAPSE_MS);
     }, SETTLE_FOLD_BEAT_MS);
   };
-  const mountSettleRef = useRef8(initialSettle);
-  useEffect8(() => {
+  const mountSettleRef = useRef7(initialSettle);
+  useEffect7(() => {
     if (mountSettleRef.current) {
       armSettleCollapse();
     }
@@ -4124,7 +4267,7 @@ function TurnSummary({
       settleArmedRef.current = false;
     };
   }, []);
-  useEffect8(() => {
+  useEffect7(() => {
     const was = settleFoldSeenRef.current;
     settleFoldSeenRef.current = Boolean(settleFold);
     if (!was && settleFold) {
@@ -4159,7 +4302,7 @@ function TurnSummary({
     }
   };
   const enter = useEntranceAnimation();
-  const [allowEnterAnimation] = useState11(
+  const [allowEnterAnimation] = useState10(
     () => Boolean(enter && !bare && !initialSettle && !restingOpen)
   );
   const context = useMemo3(
@@ -4192,16 +4335,16 @@ function TurnSummary({
   const copyable = Boolean(
     copyText && copyText.trim().length > 0 && !bare && !liveShell && !open && !settlePhase
   );
-  return /* @__PURE__ */ jsx14(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs12("div", { className: cn(copyable && "group/copy relative"), children: [
-    /* @__PURE__ */ jsxs12(
-      Collapsible2.Root,
+  return /* @__PURE__ */ jsx13(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs11("div", { className: cn(copyable && "group/copy relative"), children: [
+    /* @__PURE__ */ jsxs11(
+      Collapsible.Root,
       {
         open,
         onOpenChange,
         className: allowEnterAnimation && !liveShell ? "animate-og-enter" : void 0,
         children: [
-          /* @__PURE__ */ jsxs12(
-            Collapsible2.Trigger,
+          /* @__PURE__ */ jsxs11(
+            Collapsible.Trigger,
             {
               className: cn(
                 settling && "animate-og-settle-chip",
@@ -4220,10 +4363,10 @@ function TurnSummary({
                 // faint red hover wash so attention still lands there; every other
                 // outcome gets the neutral surface hover.
                 outcome === "failed" ? "hover:bg-og-status-failed/[0.06] hover:text-og-fg" : "hover:bg-og-surface-1 hover:text-og-fg",
-                liveShell && "pointer-events-none text-og-fg-subtle"
+                liveShell && "text-og-fg-subtle"
               ),
               children: [
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx13(
                   ChevronRightIcon2,
                   {
                     className: cn(
@@ -4232,7 +4375,7 @@ function TurnSummary({
                     )
                   }
                 ),
-                outcome === "complete" ? null : /* @__PURE__ */ jsx14(
+                outcome === "complete" ? null : /* @__PURE__ */ jsx13(
                   "span",
                   {
                     className: cn(
@@ -4240,30 +4383,30 @@ function TurnSummary({
                       bare ? "size-3.5" : "size-5",
                       outcome === "failed" ? "text-og-status-failed" : "text-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" })
+                    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" })
                   }
                 ),
-                /* @__PURE__ */ jsxs12(
+                /* @__PURE__ */ jsxs11(
                   "span",
                   {
                     className: cn("min-w-0 flex-1 truncate", bare ? "text-og-sm" : "text-og-fg-muted"),
                     children: [
-                      facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx14(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs12(Fragment5, { children: [
+                      facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx13(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs11(Fragment5, { children: [
                         index > 0 ? " \xB7 " : null,
-                        /* @__PURE__ */ jsxs12("span", { "aria-label": result.ariaLabel, title: result.title, children: [
-                          result.icon ? /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
+                        /* @__PURE__ */ jsxs11("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.content
                         ] })
                       ] }) }, facet.id)),
-                      outcome === "failed" && failureText ? /* @__PURE__ */ jsxs12("span", { className: "text-og-status-failed", children: [
+                      outcome === "failed" && failureText ? /* @__PURE__ */ jsxs11("span", { className: "text-og-status-failed", children: [
                         " \xB7 ",
                         failureText
                       ] }) : null,
-                      outcome === "cancelled" ? /* @__PURE__ */ jsx14("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
+                      outcome === "cancelled" ? /* @__PURE__ */ jsx13("span", { className: "text-og-fg-subtle", children: " \xB7 interrupted" }) : null
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx13(
                   "span",
                   {
                     "aria-hidden": true,
@@ -4280,8 +4423,8 @@ function TurnSummary({
               ]
             }
           ),
-          /* @__PURE__ */ jsx14(
-            Collapsible2.Content,
+          /* @__PURE__ */ jsx13(
+            Collapsible.Content,
             {
               ...nestSuppressLatch ? { forceMount: true } : {},
               "data-og-fold-content": "",
@@ -4291,13 +4434,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__ */ jsx14("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
+              children: /* @__PURE__ */ jsx13("div", { className: bare ? "pt-1 pl-5" : "pt-2", children })
             }
           )
         ]
       }
     ),
-    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
+    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
   ] }) });
 }
 function createTurnSummaryContext(items, outcome, failureText, durationMs, contextCompactionCount) {
@@ -4450,7 +4593,7 @@ function formatDurationFacet(durationMs) {
 }
 
 // src/components/session-status.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
     label: "Queued",
@@ -4503,7 +4646,7 @@ var SESSION_STATUS_META = {
 };
 function SessionStatus({ status, label, size = "md", className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "span",
     {
       "data-status": status,
@@ -4514,7 +4657,7 @@ function SessionStatus({ status, label, size = "md", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx15(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
+        /* @__PURE__ */ jsx14(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
         label ?? meta.label
       ]
     }
@@ -4522,7 +4665,7 @@ function SessionStatus({ status, label, size = "md", className }) {
 }
 function StatusDot({ status, className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "span",
     {
       className: cn(
@@ -4530,7 +4673,7 @@ function StatusDot({ status, className }) {
         meta.dotClassName,
         className
       ),
-      children: meta.pulse ? /* @__PURE__ */ jsx15("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
+      children: meta.pulse ? /* @__PURE__ */ jsx14("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
     }
   );
 }
@@ -4550,21 +4693,21 @@ import {
   PlayIcon as PlayIcon2,
   RefreshCwIcon,
   ShrinkIcon,
-  TargetIcon,
+  TargetIcon as TargetIcon2,
   Trash2Icon as Trash2Icon2,
   TriangleAlertIcon as TriangleAlertIcon3,
   XCircleIcon
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
-import { Collapsible as Collapsible3 } from "radix-ui";
+import { Collapsible as Collapsible2 } from "radix-ui";
 import {
   memo as memo2,
   useCallback as useCallback2,
-  useEffect as useEffect9,
+  useEffect as useEffect8,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo4,
-  useRef as useRef9,
-  useState as useState12
+  useRef as useRef8,
+  useState as useState11
 } from "react";
 
 // src/components/tip-follow.ts
@@ -4587,6 +4730,13 @@ var TIP_FOLLOW_VELOCITY_REF_PX_S = _s(420);
 var TIP_FOLLOW_VELOCITY_ARM_DEBT_PX = 72;
 var TIP_FOLLOW_VELOCITY_DECAY_MS = _t(180);
 var TIP_FOLLOW_READER_UP_EPS_PX = 2;
+var scrollEndSupportOverride = null;
+function supportsScrollEndEvent() {
+  if (scrollEndSupportOverride !== null) {
+    return scrollEndSupportOverride;
+  }
+  return typeof HTMLElement !== "undefined" && "onscrollend" in HTMLElement.prototype;
+}
 function readerScrollUpPx(prevTop, nextTop, prevMaxScroll, nextMaxScroll) {
   const topDelta = prevTop - nextTop;
   const clampBudget = Math.max(0, prevMaxScroll - nextMaxScroll);
@@ -4761,7 +4911,7 @@ function tipFollowStep(state, input) {
 }
 
 // src/components/message-timeline.tsx
-import { Fragment as Fragment6, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var PIN_THRESHOLD_PX = 48;
 var OLDER_PREFETCH_MARGIN_PX = 400;
 var OLDER_PREFETCH_ROOT_MARGIN = `${OLDER_PREFETCH_MARGIN_PX}px 0px 0px 0px`;
@@ -4827,35 +4977,38 @@ function MessageTimeline({
   const resolvedItems = useMemo4(() => items ?? buildTimeline(events ?? []), [items, events]);
   const allGroups = useMemo4(() => groupTimeline(resolvedItems), [resolvedItems]);
   const groups = useStableTimelineGroupKeys(allGroups);
-  const scrollRef = useRef9(null);
-  const topSentinelRef = useRef9(null);
-  const bottomSentinelRef = useRef9(null);
-  const previousBulkFirstKeyRef = useRef9(void 0);
-  const [pinned, setPinned] = useState12(true);
-  const [bulkActive, setBulkActive] = useState12(true);
-  const olderPrefetchArmedRef = useRef9(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState12(false);
-  const olderLoadGateRef = useRef9("armed");
-  const resizeFollowRafRef = useRef9(null);
+  const scrollRef = useRef8(null);
+  const topSentinelRef = useRef8(null);
+  const bottomSentinelRef = useRef8(null);
+  const previousBulkFirstKeyRef = useRef8(void 0);
+  const [pinned, setPinned] = useState11(true);
+  const [bulkActive, setBulkActive] = useState11(true);
+  const olderPrefetchArmedRef = useRef8(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState11(false);
+  const olderLoadGateRef = useRef8("armed");
+  const resizeFollowRafRef = useRef8(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState12(false);
-  const pinnedRef = useRef9(true);
-  const hasNewerRef = useRef9(hasNewer);
+  const [revealed, setRevealed] = useState11(false);
+  const pinnedRef = useRef8(true);
+  const hasNewerRef = useRef8(hasNewer);
   hasNewerRef.current = hasNewer;
-  const wantPinRef = useRef9(false);
-  const pendingJumpToStartRef = useRef9(false);
-  const jumpToStartSeqRef = useRef9(0);
-  const previousFirstItemIdRef = useRef9(null);
-  const previousScrollHeightRef = useRef9(0);
-  const lastScrollTopRef = useRef9(0);
-  const lastMaxScrollRef = useRef9(0);
-  const lastScrollHeightRef = useRef9(0);
-  const lastClientHeightRef = useRef9(0);
-  const readerIntentArmRef = useRef9(false);
-  const foldMemoryRef = useRef9(/* @__PURE__ */ new Map());
-  const seenActivityIdsRef = useRef9(/* @__PURE__ */ new Set());
-  const groupKeyByItemIdRef = useRef9(/* @__PURE__ */ new Map());
-  const groupOffsetByKeyRef = useRef9(/* @__PURE__ */ new Map());
+  const wantPinRef = useRef8(false);
+  const pendingJumpToStartRef = useRef8(false);
+  const jumpToStartSeqRef = useRef8(0);
+  const previousFirstItemIdRef = useRef8(null);
+  const previousScrollHeightRef = useRef8(0);
+  const lastScrollTopRef = useRef8(0);
+  const lastMaxScrollRef = useRef8(0);
+  const lastScrollHeightRef = useRef8(0);
+  const lastClientHeightRef = useRef8(0);
+  const readerIntentArmRef = useRef8(false);
+  const programmaticScrollRef = useRef8(0);
+  const pendingReaderLeaveRef = useRef8(false);
+  const leaveFallbackRafRef = useRef8(null);
+  const foldMemoryRef = useRef8(/* @__PURE__ */ new Map());
+  const seenActivityIdsRef = useRef8(/* @__PURE__ */ new Set());
+  const groupKeyByItemIdRef = useRef8(/* @__PURE__ */ new Map());
+  const groupOffsetByKeyRef = useRef8(/* @__PURE__ */ new Map());
   const firstItemId = resolvedItems[0]?.id ?? null;
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
@@ -4865,16 +5018,34 @@ function MessageTimeline({
       setPinned(value);
     }
   }, []);
-  const revealedRef = useRef9(revealed);
+  const revealedRef = useRef8(revealed);
   revealedRef.current = revealed;
-  const followRef = useRef9(createTipFollowState());
-  const followFrameRef = useRef9(null);
+  const followRef = useRef8(createTipFollowState());
+  const followFrameRef = useRef8(null);
   const syncScrollBaseline = useCallback2((node) => {
     lastScrollTopRef.current = node.scrollTop;
     lastMaxScrollRef.current = maxScrollOf(node);
     lastScrollHeightRef.current = node.scrollHeight;
     lastClientHeightRef.current = node.clientHeight;
   }, []);
+  const writeScrollTop = useCallback2((node, top) => {
+    const next = Math.max(0, top);
+    if (node.scrollTop === next) {
+      return;
+    }
+    programmaticScrollRef.current += 1;
+    node.scrollTop = next;
+  }, []);
+  const cancelLeaveFallback = useCallback2(() => {
+    if (leaveFallbackRafRef.current !== null) {
+      cancelFrame(leaveFallbackRafRef.current);
+      leaveFallbackRafRef.current = null;
+    }
+  }, []);
+  const clearPendingReaderLeave = useCallback2(() => {
+    pendingReaderLeaveRef.current = false;
+    cancelLeaveFallback();
+  }, [cancelLeaveFallback]);
   const stopFollow = useCallback2(() => {
     followRef.current = tipFollowCancel(followRef.current);
     if (followFrameRef.current !== null) {
@@ -4891,6 +5062,7 @@ function MessageTimeline({
         return;
       }
       readerIntentArmRef.current = false;
+      clearPendingReaderLeave();
       stopFollow();
       applyPinned(false);
       if (wantPinRef.current) {
@@ -4901,8 +5073,43 @@ function MessageTimeline({
         setOlderPrefetchArmed(true);
       }
     },
-    [autoFollow, applyPinned, stopFollow]
+    [autoFollow, applyPinned, clearPendingReaderLeave, stopFollow]
   );
+  const releasePinAfterScrollSettled = useCallback2(
+    (node) => {
+      if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
+        return;
+      }
+      if (programmaticScrollRef.current > 0) {
+        return;
+      }
+      if (followRef.current.running || followFrameRef.current !== null) {
+        return;
+      }
+      if (isNearBottom(node) || maxScrollOf(node) <= 1) {
+        clearPendingReaderLeave();
+        return;
+      }
+      releasePinFromReader(node);
+      if (olderLoadGateRef.current === "cooling" && node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
+        olderLoadGateRef.current = "armed";
+      }
+    },
+    [autoFollow, clearPendingReaderLeave, releasePinFromReader]
+  );
+  const scheduleLeaveFallback = useCallback2(() => {
+    if (supportsScrollEndEvent()) {
+      return;
+    }
+    cancelLeaveFallback();
+    leaveFallbackRafRef.current = requestFrame(() => {
+      leaveFallbackRafRef.current = null;
+      const current = scrollRef.current;
+      if (current) {
+        releasePinAfterScrollSettled(current);
+      }
+    });
+  }, [cancelLeaveFallback, releasePinAfterScrollSettled]);
   const onWheel = (event) => {
     if (event.deltaY >= 0) {
       return;
@@ -4935,22 +5142,28 @@ function MessageTimeline({
   const snapToBottom = useCallback2(
     (node) => {
       stopFollow();
-      node.scrollTop = Math.max(0, node.scrollHeight - node.clientHeight);
+      cancelLeaveFallback();
+      writeScrollTop(node, Math.max(0, node.scrollHeight - node.clientHeight));
       syncScrollBaseline(node);
       followRef.current = {
         ...followRef.current,
         lastHeight: node.scrollHeight
       };
     },
-    [stopFollow, syncScrollBaseline]
+    [cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
-  const driveFollowRef = useRef9(() => void 0);
+  const driveFollowRef = useRef8(() => void 0);
   const driveFollow = useCallback2(
     (node, nowMs) => {
       if (!pinnedRef.current || hasNewerRef.current) {
         stopFollow();
         return;
       }
+      if (pendingReaderLeaveRef.current) {
+        stopFollow();
+        return;
+      }
+      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) {
@@ -4960,9 +5173,7 @@ function MessageTimeline({
           node.scrollHeight,
           node.clientHeight
         );
-        if (node.scrollTop !== nextTop) {
-          node.scrollTop = nextTop;
-        }
+        writeScrollTop(node, nextTop);
         syncScrollBaseline(node);
         followRef.current = {
           ...followRef.current,
@@ -4997,11 +5208,10 @@ function MessageTimeline({
         revealed: revealedRef.current
       });
       followRef.current = result.state;
-      if (node.scrollTop !== result.scrollTop) {
-        node.scrollTop = result.scrollTop;
-      }
+      writeScrollTop(node, result.scrollTop);
       syncScrollBaseline(node);
       if (result.state.running) {
+        cancelLeaveFallback();
         if (followFrameRef.current === null) {
           followFrameRef.current = requestFrame((frameNow) => {
             followFrameRef.current = null;
@@ -5016,10 +5226,11 @@ function MessageTimeline({
         followFrameRef.current = null;
       }
     },
-    [stopFollow, syncScrollBaseline]
+    [cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect9(() => stopFollow, [stopFollow]);
+  useEffect8(() => stopFollow, [stopFollow]);
+  useEffect8(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect3(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -5034,7 +5245,7 @@ function MessageTimeline({
     if (pendingJumpToStartRef.current && firstItemChanged) {
       pendingJumpToStartRef.current = false;
       stopFollow();
-      node.scrollTop = 0;
+      writeScrollTop(node, 0);
     } else if (wantPinRef.current && !hasNewer) {
       wantPinRef.current = false;
       if (autoFollow) {
@@ -5042,7 +5253,16 @@ function MessageTimeline({
         snapToBottom(node);
       }
     } else if (autoFollow && pinnedRef.current && !hasNewer) {
-      driveFollow(node);
+      if (!revealedRef.current) {
+        snapToBottom(node);
+      } else if (pendingReaderLeaveRef.current) {
+        if (node.scrollHeight <= lastScrollHeightRef.current) {
+          clearPendingReaderLeave();
+          driveFollow(node);
+        }
+      } else {
+        driveFollow(node);
+      }
     } else if (prepended) {
       const anchorKey = previousFirstItemId !== null ? previousGroupKeyByItemId.get(previousFirstItemId) : void 0;
       const previousAnchorTop = anchorKey !== void 0 ? previousGroupOffsetByKey.get(anchorKey) : void 0;
@@ -5063,7 +5283,7 @@ function MessageTimeline({
       if (delta !== null) {
         const expected = previousScrollTop + delta;
         if (Math.abs(node.scrollTop - expected) > 2) {
-          node.scrollTop = expected;
+          writeScrollTop(node, expected);
         }
       }
     }
@@ -5091,10 +5311,41 @@ function MessageTimeline({
       }
       groupOffsetByKeyRef.current = nextOffsetByKey;
     }
-    if (!revealed && groups.length > 0) {
-      setRevealed(true);
-    }
   });
+  useLayoutEffect3(() => {
+    if (revealed || allGroups.length === 0) {
+      return;
+    }
+    let cancelled = false;
+    let frame2 = 0;
+    const park = () => {
+      const node = scrollRef.current;
+      if (node && autoFollow && pinnedRef.current && !hasNewerRef.current) {
+        snapToBottom(node);
+      }
+    };
+    park();
+    const frame1 = requestFrame(() => {
+      if (cancelled) {
+        return;
+      }
+      park();
+      frame2 = requestFrame(() => {
+        if (cancelled) {
+          return;
+        }
+        park();
+        setRevealed(true);
+      });
+    });
+    return () => {
+      cancelled = true;
+      cancelFrame(frame1);
+      if (frame2 !== 0) {
+        cancelFrame(frame2);
+      }
+    };
+  }, [revealed, allGroups.length, autoFollow, snapToBottom]);
   useLayoutEffect3(() => {
     if (allGroups.length > 0) {
       return;
@@ -5130,7 +5381,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect9(() => {
+  useEffect8(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -5154,7 +5405,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [olderPrefetchArmed, hasOlder, loadingOlder, onLoadOlder, firstGroupKey]);
-  useEffect9(() => {
+  useEffect8(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -5171,7 +5422,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, firstGroupKey]);
-  useEffect9(() => {
+  useEffect8(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -5187,9 +5438,14 @@ function MessageTimeline({
         if (!current) {
           return;
         }
-        if (autoFollow && pinnedRef.current && !hasNewerRef.current) {
-          driveFollow(current);
+        if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
+          return;
+        }
+        if (!revealedRef.current) {
+          snapToBottom(current);
+          return;
         }
+        driveFollow(current);
       });
     });
     observer.observe(inner);
@@ -5201,8 +5457,8 @@ function MessageTimeline({
         resizeFollowRafRef.current = null;
       }
     };
-  }, [autoFollow, driveFollow]);
-  useEffect9(() => {
+  }, [autoFollow, driveFollow, snapToBottom]);
+  useEffect8(() => {
     if (hasNewer) {
       stopFollow();
       applyPinned(false);
@@ -5238,14 +5494,30 @@ function MessageTimeline({
     const maxFell = nextMaxScroll < previousMaxScroll - 1;
     const readerArmed = readerIntentArmRef.current;
     const heightShrunk = followRef.current.lastHeight > 0 && nextHeight < followRef.current.lastHeight - TIP_FOLLOW_SHRINK_EPS_PX;
+    const programmatic = programmaticScrollRef.current > 0;
+    if (programmatic) {
+      programmaticScrollRef.current = 0;
+    }
     if (autoFollow && pinnedRef.current && !hasNewer) {
       if (heightShrunk || maxFell) {
         readerIntentArmRef.current = false;
+        clearPendingReaderLeave();
         driveFollow(node);
         return;
       }
+      if (programmatic) {
+        syncScrollBaseline(node);
+        followRef.current = {
+          ...followRef.current,
+          lastHeight: nextHeight
+        };
+        return;
+      }
       syncScrollBaseline(node);
       const nearBottomPinned = isNearBottom(node);
+      if (nearBottomPinned) {
+        clearPendingReaderLeave();
+      }
       if (readerArmed && readerUp > TIP_FOLLOW_READER_UP_EPS_PX && !nearBottomPinned) {
         readerIntentArmRef.current = false;
         releasePinFromReader(node);
@@ -5254,8 +5526,13 @@ function MessageTimeline({
         }
         return;
       }
-      if (!nearBottomPinned || readerUp > TIP_FOLLOW_READER_UP_EPS_PX) {
-        driveFollow(node);
+      if (!nearBottomPinned && readerUp <= TIP_FOLLOW_READER_UP_EPS_PX) {
+        if (!pendingReaderLeaveRef.current) {
+          driveFollow(node);
+        }
+      } else if (!nearBottomPinned && readerUp > TIP_FOLLOW_READER_UP_EPS_PX) {
+        pendingReaderLeaveRef.current = true;
+        scheduleLeaveFallback();
       } else {
         followRef.current = {
           ...followRef.current,
@@ -5285,13 +5562,27 @@ function MessageTimeline({
       olderLoadGateRef.current = "armed";
     }
   };
-  return /* @__PURE__ */ jsx16(LightboxProvider, { children: /* @__PURE__ */ jsx16(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx16(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx16(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsx16(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs14("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx16(
+  const onScrollEnd = () => {
+    const node = scrollRef.current;
+    if (!node) {
+      return;
+    }
+    cancelLeaveFallback();
+    if (programmaticScrollRef.current > 0) {
+      programmaticScrollRef.current = 0;
+      syncScrollBaseline(node);
+      return;
+    }
+    releasePinAfterScrollSettled(node);
+  };
+  return /* @__PURE__ */ jsx15(LightboxProvider, { children: /* @__PURE__ */ jsx15(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx15(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx15(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsx15(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs13("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+    /* @__PURE__ */ jsx15(
       "div",
       {
         ref: scrollRef,
         tabIndex: -1,
         onScroll,
+        onScrollEnd,
         onWheel,
         onPointerDown,
         onKeyDown,
@@ -5302,12 +5593,12 @@ function MessageTimeline({
           "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 sm:px-6 outline-none",
           autoFollow && pinned && !hasNewer ? "[overflow-anchor:none]" : "[overflow-anchor:auto]"
         ),
-        children: /* @__PURE__ */ jsxs14("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
-          groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx16("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
+        children: /* @__PURE__ */ jsxs13("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
+          groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx15("p", { className: "py-10 text-center text-sm 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__ */ jsx16(
+            /* @__PURE__ */ jsx15(
               "div",
               {
                 ref: topSentinelRef,
@@ -5321,7 +5612,7 @@ function MessageTimeline({
           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__ */ jsx16("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": key, children: /* @__PURE__ */ jsx16(
+            return /* @__PURE__ */ jsx15("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": key, children: /* @__PURE__ */ jsx15(
               TimelineGroupView,
               {
                 group,
@@ -5338,7 +5629,7 @@ function MessageTimeline({
               }
             ) }, key);
           }),
-          hasNewer ? /* @__PURE__ */ jsx16(
+          hasNewer ? /* @__PURE__ */ jsx15(
             "div",
             {
               ref: bottomSentinelRef,
@@ -5351,10 +5642,10 @@ function MessageTimeline({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx16(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed ? (
+    /* @__PURE__ */ jsx15(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed ? (
       // Floating over the scroller (not a timeline row) so showing and
       // hiding it never reflows history under the reader.
-      /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs13(
         motion3.div,
         {
           initial: { opacity: 0, y: -6 },
@@ -5365,8 +5656,8 @@ function MessageTimeline({
           "aria-live": "polite",
           className: "absolute inset-x-0 top-3 z-10 flex justify-center gap-2",
           children: [
-            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx16("span", { className: "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
-            hasOlder && onJumpToStart && !loadingOldest ? /* @__PURE__ */ jsxs14(
+            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx15("span", { className: "pointer-events-none inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+            hasOlder && onJumpToStart && !loadingOldest ? /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -5402,7 +5693,7 @@ function MessageTimeline({
                   "hover:border-og-border-strong disabled:opacity-60"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowUpToLineIcon, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsx15(ArrowUpToLineIcon, { className: "size-3.5" }),
                   "Jump to start"
                 ]
               }
@@ -5411,7 +5702,7 @@ function MessageTimeline({
         }
       )
     ) : null }),
-    /* @__PURE__ */ jsx16(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx15(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx15(
       motion3.div,
       {
         initial: { opacity: 0, y: 6 },
@@ -5421,10 +5712,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: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+        children: /* @__PURE__ */ jsx15("span", { className: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-xs font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
       }
     ) : null }),
-    /* @__PURE__ */ jsx16(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsx15(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs13(
       motion3.button,
       {
         type: "button",
@@ -5468,7 +5759,7 @@ function MessageTimeline({
           "hover:border-og-border-strong"
         ),
         children: [
-          /* @__PURE__ */ jsx16(ArrowDownIcon2, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx15(ArrowDownIcon2, { className: "size-3.5" }),
           "Jump to latest"
         ]
       }
@@ -5476,7 +5767,7 @@ function MessageTimeline({
   ] }) }) }) }) }) });
 }
 function useStableTimelineGroupKeys(allGroups) {
-  const previousRef = useRef9([]);
+  const previousRef = useRef8([]);
   const keyedGroups = useMemo4(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
@@ -5558,7 +5849,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       if (insideTurn) {
         const useNestedChip = nestClusterChips && activityShouldFold;
         if (!useNestedChip) {
-          return /* @__PURE__ */ jsx16(
+          return /* @__PURE__ */ jsx15(
             ActivityRail,
             {
               items: group.items,
@@ -5569,7 +5860,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx15(
           TurnSummary,
           {
             items: group.items,
@@ -5580,7 +5871,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx15(
               ActivityRail,
               {
                 items: group.items,
@@ -5594,7 +5885,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx15(
         TurnSummary,
         {
           items: group.items,
@@ -5605,7 +5896,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx16(FoldBody, { children: /* @__PURE__ */ jsx16(TurnRailFrame, { children: /* @__PURE__ */ jsx16(
+          children: /* @__PURE__ */ jsx15(FoldBody, { children: /* @__PURE__ */ jsx15(TurnRailFrame, { children: /* @__PURE__ */ jsx15(
             ActivityRail,
             {
               items: group.items,
@@ -5621,7 +5912,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       const activityItems = flattenActivityItems(group.groups);
       const nestClusters = foldableActivityClusterCount(group.groups) >= 2;
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
-      const body = group.groups.map((child) => /* @__PURE__ */ jsx16(
+      const body = group.groups.map((child) => /* @__PURE__ */ jsx15(
         TimelineGroupView2,
         {
           group: child,
@@ -5637,7 +5928,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
         },
         timelineGroupKey(child)
       ));
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx15(
         TurnSummary,
         {
           items: activityItems,
@@ -5651,16 +5942,16 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx16(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx15(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__ */ jsx15("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx15(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx15(
         TimelineRow,
         {
           item: group.item,
@@ -5673,14 +5964,14 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   }
 });
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx16(Fragment6, { children });
+  return /* @__PURE__ */ jsx15(Fragment6, { 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__ */ jsx15("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
 }
 function useLiveSettleFold(folded) {
-  const previousFoldedRef = useRef9(folded);
-  const latchedRef = useRef9(false);
+  const previousFoldedRef = useRef8(folded);
+  const latchedRef = useRef8(false);
   if (!previousFoldedRef.current && folded) {
     latchedRef.current = true;
   }
@@ -5828,23 +6119,23 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx16(UserMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx15(UserMessageRow, { item, renderMessageText });
     case "agent-message":
-      return /* @__PURE__ */ jsx16(AgentMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx15(AgentMessageRow, { item, renderMessageText });
     case "worker-completion":
-      return /* @__PURE__ */ jsx16(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx15(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx16(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx15(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx16(GoalRow, { item });
+      return /* @__PURE__ */ jsx15(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx16(MachineInputBatchRow, { item });
+      return /* @__PURE__ */ jsx15(MachineInputBatchRow, { item });
     case "notice":
-      return /* @__PURE__ */ jsx16(NoticeRow, { item });
+      return /* @__PURE__ */ jsx15(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx16(CompactionRow, { item });
+      return /* @__PURE__ */ jsx15(CompactionRow, { item });
     case "auth-needed":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx15(
         AuthNeededRow,
         {
           item,
@@ -5870,7 +6161,7 @@ function CompactionRow({ item }) {
   const title = item.phase === "started" ? "Compacting conversation memory\u2026" : item.phase === "compacted" ? before && after ? `Conversation memory compacted \xB7 ~${before} \u2192 ~${after} tokens` : "Conversation memory compacted" : "Couldn\u2019t compact conversation memory";
   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" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
-  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -5879,14 +6170,14 @@ function CompactionRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsxs14("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx16(ShrinkIcon, { className: "size-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsxs13("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx15(ShrinkIcon, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx16("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx15("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
@@ -5905,18 +6196,33 @@ function compactionSkipSubtitle(reason) {
       return "Compaction was not needed. Chat history is unchanged.";
   }
 }
+function MessageFooterTime({ occurredAt }) {
+  return /* @__PURE__ */ jsx15(
+    "time",
+    {
+      dateTime: occurredAt,
+      className: cn(
+        "shrink-0 tabular-nums text-og-xs text-og-fg-subtle",
+        "opacity-0 transition-opacity duration-150",
+        "group-hover/copy:opacity-100 group-focus-within/copy:opacity-100 pointer-coarse:opacity-70"
+      ),
+      children: formatClockTime(occurredAt)
+    }
+  );
+}
 function UserMessageRow({
   item,
   renderMessageText
 }) {
   const enter = useEntranceAnimation();
-  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsx16("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsx15("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: /* @__PURE__ */ jsx15(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       className: "w-fit max-w-full min-w-0",
-      children: /* @__PURE__ */ jsx16("div", { className: "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg", children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx16(Markdown, { children: item.text }) })
+      trailing: /* @__PURE__ */ jsx15(MessageFooterTime, { occurredAt: item.occurredAt }),
+      children: /* @__PURE__ */ jsx15("div", { className: "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg", children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx15(Markdown, { children: item.text }) })
     }
   ) }) });
 }
@@ -5925,14 +6231,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(
+  const body = renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx15(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx15(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
-      align: "end",
+      align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
+      trailing: item.streaming ? null : /* @__PURE__ */ jsx15(MessageFooterTime, { occurredAt: item.occurredAt }),
       children: body
     }
   );
@@ -5974,7 +6281,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState11(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && Boolean(item.pausedReason?.trim());
@@ -5984,17 +6291,17 @@ 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__ */ jsxs14("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-start gap-2.5", children: [
-      /* @__PURE__ */ 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__ */ jsxs14("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx16("span", { className: "font-medium", children: meta.label }),
-        item.goalText ? /* @__PURE__ */ jsxs14("span", { className: "text-og-fg-muted", children: [
+  return /* @__PURE__ */ jsx15("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__ */ jsx15("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx15(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx15("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx15("span", { className: "font-medium", children: meta.label }),
+        item.goalText ? /* @__PURE__ */ jsxs13("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
         ] }) : null
       ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs14(
+      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -6006,13 +6313,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx16(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx15(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
-    hasDetails ? /* @__PURE__ */ jsxs14(Collapsible3.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx16(Collapsible3.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
+    hasDetails ? /* @__PURE__ */ jsxs13(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx15(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -6021,14 +6328,14 @@ function WorkerCompletionRow({
             "outline-none 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__ */ jsx15(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(Collapsible3.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__ */ jsxs14("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__ */ jsx15(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx15("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__ */ jsx15("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx15(
           "p",
           {
             className: cn(
@@ -6045,7 +6352,7 @@ function WorkerCompletionRow({
 function SessionStatusRow({ item }) {
   const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -6054,14 +6361,14 @@ function SessionStatusRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" }),
-        /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx16(StatusDot, { status: item.status, className: "size-1" }),
+        /* @__PURE__ */ jsx15("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx15(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__ */ jsx15("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -6071,7 +6378,7 @@ var GOAL_META = {
   set: {
     label: "Goal set",
     pill: "border-og-accent/30 bg-og-accent/10 text-og-accent",
-    icon: TargetIcon
+    icon: TargetIcon2
   },
   updated: { label: "Goal updated", pill: NEUTRAL_PILL, icon: PencilLineIcon },
   completed: {
@@ -6091,7 +6398,7 @@ var GOAL_META = {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = GOAL_META[item.action];
-  return /* @__PURE__ */ jsx16("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs13(
     "span",
     {
       className: cn(
@@ -6099,8 +6406,8 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx16(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsx15(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
         ] })
@@ -6118,7 +6425,7 @@ var MACHINE_INPUT_META = {
 function MachineInputBatchRow({ item }) {
   const enter = useEntranceAnimation();
   const visible = item.members.slice(0, 3);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -6126,18 +6433,18 @@ function MachineInputBatchRow({ item }) {
         "rounded-og-md border border-og-border/70 bg-og-surface-1/55 px-3 py-2.5"
       ),
       children: [
-        item.members.length > 1 && /* @__PURE__ */ jsxs14("div", { className: "mb-2 text-xs font-medium text-og-fg-subtle", children: [
+        item.members.length > 1 && /* @__PURE__ */ jsxs13("div", { className: "mb-2 text-xs font-medium text-og-fg-subtle", children: [
           item.members.length,
           " updates joined this turn"
         ] }),
-        /* @__PURE__ */ jsx16("div", { className: "space-y-2", children: visible.map((member) => /* @__PURE__ */ jsx16(MachineInputRow, { member }, member.id)) }),
-        item.members.length > visible.length && /* @__PURE__ */ jsxs14("details", { className: "mt-2 pl-8 text-xs text-og-fg-muted", children: [
-          /* @__PURE__ */ jsxs14("summary", { className: "cursor-pointer select-none hover:text-og-fg", children: [
+        /* @__PURE__ */ jsx15("div", { className: "space-y-2", children: visible.map((member) => /* @__PURE__ */ jsx15(MachineInputRow, { member }, member.id)) }),
+        item.members.length > visible.length && /* @__PURE__ */ jsxs13("details", { className: "mt-2 pl-8 text-xs text-og-fg-muted", children: [
+          /* @__PURE__ */ jsxs13("summary", { className: "cursor-pointer select-none hover:text-og-fg", children: [
             "Show ",
             item.members.length - visible.length,
             " more"
           ] }),
-          /* @__PURE__ */ jsx16("div", { className: "mt-2 space-y-2", children: item.members.slice(visible.length).map((member) => /* @__PURE__ */ jsx16(MachineInputRow, { member }, member.id)) })
+          /* @__PURE__ */ jsx15("div", { className: "mt-2 space-y-2", children: item.members.slice(visible.length).map((member) => /* @__PURE__ */ jsx15(MachineInputRow, { member }, member.id)) })
         ] })
       ]
     }
@@ -6145,15 +6452,15 @@ function MachineInputBatchRow({ item }) {
 }
 function MachineInputRow({ member }) {
   const source = readableMachineInputSource(member.sourceId);
-  return /* @__PURE__ */ jsxs14("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__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx16("span", { className: "text-xs font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
-      source && /* @__PURE__ */ jsxs14("span", { className: "ml-1.5 text-xs text-og-fg-subtle", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
+    /* @__PURE__ */ jsx15("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__ */ jsx15("span", { className: "text-xs font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-xs text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
-      member.summary && /* @__PURE__ */ jsx16("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm leading-5 text-og-fg", children: truncate(cleanMachineInputSummary(member.summary), 320) })
+      member.summary && /* @__PURE__ */ jsx15("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-sm leading-5 text-og-fg", children: truncate(cleanMachineInputSummary(member.summary), 320) })
     ] })
   ] });
 }
@@ -6169,7 +6476,7 @@ function cleanMachineInputSummary(summary) {
 function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
   const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn(
@@ -6179,20 +6486,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx15(
           TriangleAlertIcon3,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
-        /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx16("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
-          item.details ? /* @__PURE__ */ jsxs14("details", { className: "mt-2 text-xs", 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__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx15("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
+          item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-xs", children: [
+            /* @__PURE__ */ jsx15("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx15("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__ */ jsx16(
+        item.action ? /* @__PURE__ */ jsx15(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-xs font-medium hover:bg-current/10",
@@ -6212,8 +6519,8 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState12(false);
-  const [failed, setFailed] = useState12(false);
+  const [busy, setBusy] = useState11(false);
+  const [failed, setFailed] = useState11(false);
   const provider = providerLabel(item.providerDomain);
   const unavailable = item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
   const missing = item.reason === "missing_connection";
@@ -6232,22 +6539,22 @@ function AuthNeededRow({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs14("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx16(
+  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__ */ jsx15(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
             label: provider
           }
         ),
-        /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx16("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
-          /* @__PURE__ */ jsx16("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
+        /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx15("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
+          /* @__PURE__ */ jsx15("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
         ] })
       ] }),
-      !unavailable && onReconnect ? /* @__PURE__ */ jsxs14(
+      !unavailable && onReconnect ? /* @__PURE__ */ jsxs13(
         "button",
         {
           type: "button",
@@ -6258,11 +6565,11 @@ 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__ */ jsx15(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
-      ) : !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs14(
+      ) : !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs13(
         "a",
         {
           href: item.authorizationUrl,
@@ -6273,18 +6580,18 @@ 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__ */ jsx15(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
       ) : null
     ] }),
-    !unavailable ? /* @__PURE__ */ jsxs14("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: [
+    !unavailable ? /* @__PURE__ */ jsxs13("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: [
       "This tool call wasn't replayed. After ",
       missing ? "connecting" : "reconnecting",
       ", send a new message to try again."
     ] }) : null,
-    failed ? /* @__PURE__ */ jsxs14("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
+    failed ? /* @__PURE__ */ jsxs13("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
       " ",
@@ -6294,15 +6601,15 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState12(false);
-  useEffect9(() => setFailed(false), [src]);
+  const [failed, setFailed] = useState11(false);
+  useEffect8(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     "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-sm font-semibold text-og-fg-muted",
       "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx16(
+      children: showImage ? /* @__PURE__ */ jsx15(
         "img",
         {
           src,
@@ -6312,7 +6619,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx16("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx15("span", { children: monogram(label) })
     }
   );
 }
@@ -6354,11 +6661,6 @@ function authReasonLine(reason) {
 
 export {
   QueueSurface,
-  usePortalTokenStyle,
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent,
   sessionChromeGoalPillState,
   SessionChrome,
   defaultHumanInputFormMessages,
@@ -6411,4 +6713,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-L7R5RK6A.js.map
+//# sourceMappingURL=chunk-QRYJCWGD.js.map