@opengeni/react 0.44.5 → 0.46.1

package/dist/{chunk-LYRJUU5V.js → chunk-LGVMUIRV.js}

@@ -2104,9 +2104,9 @@ function ActivityDisclosure({
   const rowClass = cn(
     "group/disclosure flex w-full min-w-0 items-center gap-2 rounded-og-sm px-1.5 py-1.5 text-left text-og-base",
     "text-og-fg-muted transition-colors duration-150",
-    // A tool row is a touch target on coarse pointers: grow its padding so the
-    // hit area clears the 40px minimum without loosening the dense desktop rail.
-    "pointer-coarse:py-2.5"
+    // A tool row is a touch target on coarse pointers: grow its hit area to the
+    // 44px mobile minimum without loosening the dense desktop rail.
+    "pointer-coarse:min-h-11 pointer-coarse:py-2.5"
   );
   const inner = /* @__PURE__ */ jsxs5(Fragment4, { 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" }),
@@ -4086,7 +4086,7 @@ function CopyButton({
             "aria-label": tip,
             onClick,
             className: cn(
-              "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm",
+              "inline-flex size-7 shrink-0 items-center justify-center rounded-og-sm pointer-coarse:size-11",
               "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",
@@ -4457,7 +4457,7 @@ var components = {
   a: ({ children, ...props }) => /* @__PURE__ */ jsx12(
     "a",
     {
-      className: "break-words font-medium text-og-accent underline-offset-2 hover:underline",
+      className: "break-words font-medium text-og-accent-strong underline-offset-2 hover:underline",
       target: "_blank",
       rel: "noreferrer noopener",
       ...props,
@@ -4995,7 +4995,7 @@ function WorkerRow({
         className: cn(
           "group/worker -mx-1.5 flex w-full items-start gap-2 rounded-og-sm px-1.5 py-1.5 text-left",
           "outline-none transition-colors duration-150 hover:bg-og-surface-1 focus-visible:ring-2 focus-visible:ring-og-accent",
-          "pointer-coarse:py-2.5"
+          "pointer-coarse:min-h-11 pointer-coarse:py-2.5"
         ),
         children: inner
       }
@@ -5227,8 +5227,8 @@ function TurnSummary({
                 // as a turn landmark above any nested cluster rows it groups.
                 "group flex w-full items-center rounded-og-sm text-left transition-colors",
                 // A folded turn is a touch target on coarse pointers: grow the row so it
-                // clears the 40px minimum without disturbing the calm desktop rhythm.
-                "pointer-coarse:py-2.5",
+                // clears the 44px minimum without disturbing the calm desktop rhythm.
+                "pointer-coarse:min-h-11 pointer-coarse:py-2.5",
                 bare ? "gap-2 px-1.5 py-1.5 text-og-sm text-og-fg-muted" : "-mx-2 gap-2.5 px-2 py-1.5 text-og-base text-og-fg-muted",
                 // A failed fold keeps its red accent (glyph + inline reason below) and a
                 // faint red hover wash so attention still lands there; every other
@@ -5407,7 +5407,7 @@ var BUILT_IN_TURN_SUMMARY_FACETS = Object.freeze([
     id: "compacted",
     summarize: ({ contextCompactionCount }) => contextCompactionCount > 0 ? {
       content: contextCompactionCount === 1 ? "compacted" : `${contextCompactionCount} compacts`,
-      ariaLabel: contextCompactionCount === 1 ? "Conversation memory compacted" : `${contextCompactionCount} conversation memory compactions`
+      ariaLabel: contextCompactionCount === 1 ? "Conversation history compacted" : `${contextCompactionCount} conversation history compactions`
     } : null
   },
   {
@@ -5463,8 +5463,279 @@ function formatDurationFacet(durationMs) {
   return `${hours}h ${String(minutes).padStart(2, "0")}m`;
 }
 
-// src/components/session-status.tsx
+// src/components/user-message-body.tsx
+import {
+  createContext as createContext8,
+  useCallback as useCallback2,
+  useContext as useContext8,
+  useId as useId3,
+  useLayoutEffect as useLayoutEffect3,
+  useRef as useRef9,
+  useState as useState11
+} from "react";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var FALLBACK_LINE_THRESHOLD = 12;
+var FALLBACK_TEXT_THRESHOLD = 900;
+var FALLBACK_UNBROKEN_THRESHOLD = 260;
+var INTERACTIVE_DESCENDANT_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button",
+  "input:not([type='hidden'])",
+  "select",
+  "textarea",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  "summary",
+  "[contenteditable]:not([contenteditable='false'])",
+  "[tabindex]",
+  "[role='button']",
+  "[role='link']",
+  "[role='checkbox']",
+  "[role='radio']",
+  "[role='switch']",
+  "[role='slider']",
+  "[role='spinbutton']",
+  "[role='textbox']",
+  "[role='combobox']",
+  "[role='listbox']",
+  "[role='menuitem']",
+  "[role='option']",
+  "[role='tab']",
+  "[role='treeitem']"
+].join(",");
+function composedParentElement(element) {
+  if (element.assignedSlot) {
+    return element.assignedSlot;
+  }
+  if (element.parentElement) {
+    return element.parentElement;
+  }
+  const root = element.getRootNode();
+  return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root.host : null;
+}
+function hasComposedInertAncestor(element, boundary) {
+  let current = element;
+  while (current) {
+    if (current.hasAttribute("inert")) {
+      return true;
+    }
+    if (current === boundary) {
+      return false;
+    }
+    current = composedParentElement(current);
+  }
+  return false;
+}
+function collectInteractionBoundaries(root) {
+  const boundaries = [];
+  const scopes = [root];
+  for (let scopeIndex = 0; scopeIndex < scopes.length; scopeIndex += 1) {
+    for (const element of scopes[scopeIndex].querySelectorAll("*")) {
+      if (!(element instanceof HTMLElement)) {
+        continue;
+      }
+      const shadowRoot = element.shadowRoot;
+      const opaqueCustomElement = element.localName.includes("-") && !shadowRoot;
+      if (element.matches(INTERACTIVE_DESCENDANT_SELECTOR) || opaqueCustomElement) {
+        boundaries.push(element);
+      }
+      if (shadowRoot) {
+        scopes.push(shadowRoot);
+      }
+    }
+  }
+  return boundaries;
+}
+function isFullyInsideVisiblePreview(rect, clipRect) {
+  return rect.width > 0 && rect.height > 0 && rect.top >= clipRect.top - 1 && rect.bottom <= clipRect.bottom + 1 && rect.left >= clipRect.left - 1 && rect.right <= clipRect.right + 1;
+}
+var UserMessageDisclosureContext = createContext8(null);
+function UserMessageDisclosureProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx15(UserMessageDisclosureContext.Provider, { value, children });
+}
+function userMessageLikelyNeedsDisclosure(text) {
+  const lines = text.split(/\r?\n/);
+  return lines.length > FALLBACK_LINE_THRESHOLD || text.length > FALLBACK_TEXT_THRESHOLD || lines.some((line) => line.length > FALLBACK_UNBROKEN_THRESHOLD);
+}
+function UserMessageBody({ messageId, text, children, className }) {
+  const disclosure = useContext8(UserMessageDisclosureContext);
+  const [expanded, setExpanded] = useState11(
+    () => disclosure?.expandedByMessageId.get(messageId) ?? false
+  );
+  const [collapsible, setCollapsible] = useState11(() => userMessageLikelyNeedsDisclosure(text));
+  const rootRef = useRef9(null);
+  const clipRef = useRef9(null);
+  const contentRef = useRef9(null);
+  const thresholdRef = useRef9(null);
+  const pendingRestoreRef = useRef9(null);
+  const managedInertDescendantsRef = useRef9(/* @__PURE__ */ new Set());
+  const contentId = `og-user-message-${useId3().replace(/:/g, "")}`;
+  const collapsed = collapsible && !expanded;
+  const restoreManagedInertDescendants = useCallback2(() => {
+    for (const descendant of managedInertDescendantsRef.current) {
+      if (descendant.hasAttribute("data-og-user-message-managed-inert")) {
+        descendant.removeAttribute("inert");
+        descendant.removeAttribute("data-og-user-message-managed-inert");
+      }
+    }
+    managedInertDescendantsRef.current.clear();
+  }, []);
+  const syncCollapsedInteractivity = useCallback2(() => {
+    restoreManagedInertDescendants();
+    if (!collapsed) {
+      return;
+    }
+    const clip = clipRef.current;
+    const content = contentRef.current;
+    if (!clip || !content) {
+      return;
+    }
+    const clipRect = clip.getBoundingClientRect();
+    if (clipRect.height <= 0) {
+      return;
+    }
+    for (const descendant of collectInteractionBoundaries(content)) {
+      if (hasComposedInertAncestor(descendant, content)) {
+        continue;
+      }
+      const rect = descendant.getBoundingClientRect();
+      if (isFullyInsideVisiblePreview(rect, clipRect)) {
+        continue;
+      }
+      descendant.setAttribute("inert", "");
+      descendant.setAttribute("data-og-user-message-managed-inert", "");
+      managedInertDescendantsRef.current.add(descendant);
+    }
+  }, [collapsed, restoreManagedInertDescendants]);
+  const measure = useCallback2(() => {
+    const content = contentRef.current;
+    const threshold = thresholdRef.current;
+    if (!content || !threshold) {
+      return;
+    }
+    const renderedHeight = Math.max(content.scrollHeight, content.getBoundingClientRect().height);
+    const collapseHeight = Math.max(
+      threshold.offsetHeight,
+      threshold.getBoundingClientRect().height
+    );
+    setCollapsible(
+      renderedHeight > 0 && collapseHeight > 0 ? renderedHeight > collapseHeight + 1 : userMessageLikelyNeedsDisclosure(text)
+    );
+  }, [text]);
+  useLayoutEffect3(() => {
+    measure();
+    const content = contentRef.current;
+    const threshold = thresholdRef.current;
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(() => {
+      measure();
+      syncCollapsedInteractivity();
+    });
+    if (content) {
+      observer?.observe(content);
+    }
+    if (threshold) {
+      observer?.observe(threshold);
+    }
+    const handleResize = () => {
+      measure();
+      syncCollapsedInteractivity();
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("resize", handleResize);
+    };
+  }, [measure, syncCollapsedInteractivity]);
+  useLayoutEffect3(() => {
+    syncCollapsedInteractivity();
+    return restoreManagedInertDescendants;
+  });
+  useLayoutEffect3(() => {
+    const restore = pendingRestoreRef.current;
+    pendingRestoreRef.current = null;
+    restore?.();
+  }, [expanded]);
+  const toggle = (control) => {
+    const root = rootRef.current;
+    pendingRestoreRef.current = root && disclosure ? disclosure.beginChange(root, control) : null;
+    const next = !expanded;
+    if (!next && contentRef.current?.contains(document.activeElement)) {
+      control.focus({ preventScroll: true });
+    }
+    disclosure?.expandedByMessageId.set(messageId, next);
+    setExpanded(next);
+  };
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      ref: rootRef,
+      "data-og-user-message-body": "",
+      "data-og-message-id": messageId,
+      "data-og-expanded": expanded ? "true" : "false",
+      className: cn("relative min-w-0", className),
+      children: [
+        /* @__PURE__ */ jsx15(
+          "span",
+          {
+            ref: thresholdRef,
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute h-56 w-0 invisible sm:h-72"
+          }
+        ),
+        /* @__PURE__ */ jsxs12(
+          "div",
+          {
+            ref: clipRef,
+            id: contentId,
+            "data-og-user-message-clip": "",
+            className: cn("relative min-w-0", collapsed && "max-h-56 overflow-hidden sm:max-h-72"),
+            children: [
+              /* @__PURE__ */ jsx15(
+                "div",
+                {
+                  ref: contentRef,
+                  "data-og-user-message-content": "",
+                  className: "min-w-0 [overflow-wrap:anywhere]",
+                  children
+                }
+              ),
+              collapsed ? /* @__PURE__ */ jsx15(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-og-user-message-fade": "",
+                  className: "pointer-events-none absolute inset-x-0 bottom-0 h-16 bg-gradient-to-t from-og-surface-2 via-og-surface-2/90 to-transparent"
+                }
+              ) : null
+            ]
+          }
+        ),
+        collapsible ? /* @__PURE__ */ jsx15(
+          "button",
+          {
+            type: "button",
+            "aria-controls": contentId,
+            "aria-expanded": expanded,
+            "data-og-user-message-disclosure": "",
+            className: "mt-1.5 inline-flex min-h-7 items-center rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-none transition-colors hover:bg-og-surface-3/60 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/45 pointer-coarse:min-h-11",
+            onClick: (event) => toggle(event.currentTarget),
+            children: expanded ? "Show less" : "Show more"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/session-status.tsx
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
     label: "Queued",
@@ -5517,7 +5788,7 @@ var SESSION_STATUS_META = {
 };
 function SessionStatus({ status, label, size = "md", className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "span",
     {
       "data-status": status,
@@ -5528,7 +5799,7 @@ function SessionStatus({ status, label, size = "md", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx15(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
+        /* @__PURE__ */ jsx16(StatusDot, { status, className: size === "sm" ? "size-1" : "size-1.5" }),
         label ?? meta.label
       ]
     }
@@ -5536,7 +5807,7 @@ function SessionStatus({ status, label, size = "md", className }) {
 }
 function StatusDot({ status, className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       className: cn(
@@ -5544,7 +5815,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__ */ jsx16("span", { className: cn("absolute inset-0 animate-og-pulse rounded-full", meta.dotClassName) }) : null
     }
   );
 }
@@ -5574,12 +5845,12 @@ import { Collapsible as Collapsible2 } from "radix-ui";
 import {
   Component as Component2,
   memo as memo2,
-  useCallback as useCallback2,
+  useCallback as useCallback3,
   useEffect as useEffect9,
-  useLayoutEffect as useLayoutEffect3,
+  useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo5,
-  useRef as useRef9,
-  useState as useState11
+  useRef as useRef10,
+  useState as useState12
 } from "react";
 
 // src/components/tip-follow.ts
@@ -5908,7 +6179,7 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
 }
 
 // src/components/message-timeline.tsx
-import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs14 } 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`;
@@ -5975,58 +6246,60 @@ function MessageTimeline({
   const resolvedItems = useMemo5(() => items ?? buildTimeline(events ?? []), [items, events]);
   const allGroups = useMemo5(() => 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] = useState11(true);
-  const [bulkActive, setBulkActive] = useState11(true);
-  const olderPrefetchArmedRef = useRef9(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState11(false);
-  const olderLoadGateRef = useRef9("armed");
-  const resizeFollowRafRef = useRef9(null);
+  const scrollRef = useRef10(null);
+  const topSentinelRef = useRef10(null);
+  const bottomSentinelRef = useRef10(null);
+  const previousBulkFirstKeyRef = useRef10(void 0);
+  const [pinned, setPinned] = useState12(true);
+  const [bulkActive, setBulkActive] = useState12(true);
+  const olderPrefetchArmedRef = useRef10(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState12(false);
+  const olderLoadGateRef = useRef10("armed");
+  const resizeFollowRafRef = useRef10(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState11(false);
-  const pinnedRef = useRef9(true);
-  const hasNewerRef = useRef9(hasNewer);
+  const [revealed, setRevealed] = useState12(false);
+  const pinnedRef = useRef10(true);
+  const hasNewerRef = useRef10(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 programmaticScrollRef = useRef9(0);
-  const pendingReaderLeaveRef = useRef9(false);
-  const leaveFallbackRafRef = useRef9(null);
-  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 = useRef10(false);
+  const pendingJumpToStartRef = useRef10(false);
+  const jumpToStartSeqRef = useRef10(0);
+  const previousFirstItemIdRef = useRef10(null);
+  const previousScrollHeightRef = useRef10(0);
+  const lastScrollTopRef = useRef10(0);
+  const lastMaxScrollRef = useRef10(0);
+  const lastScrollHeightRef = useRef10(0);
+  const lastClientHeightRef = useRef10(0);
+  const readerIntentArmRef = useRef10(false);
+  const programmaticScrollRef = useRef10(0);
+  const disclosureKeepsUnpinnedRef = useRef10(false);
+  const pendingReaderLeaveRef = useRef10(false);
+  const leaveFallbackRafRef = useRef10(null);
+  const foldMemoryRef = useRef10(/* @__PURE__ */ new Map());
+  const userMessageDisclosureMemoryRef = useRef10(/* @__PURE__ */ new Map());
+  const seenActivityIdsRef = useRef10(/* @__PURE__ */ new Set());
+  const groupKeyByItemIdRef = useRef10(/* @__PURE__ */ new Map());
+  const groupOffsetByKeyRef = useRef10(/* @__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);
-  const applyPinned = useCallback2((value) => {
+  const applyPinned = useCallback3((value) => {
     if (pinnedRef.current !== value) {
       pinnedRef.current = value;
       setPinned(value);
     }
   }, []);
-  const revealedRef = useRef9(revealed);
+  const revealedRef = useRef10(revealed);
   revealedRef.current = revealed;
-  const followRef = useRef9(createTipFollowState());
-  const followFrameRef = useRef9(null);
-  const syncScrollBaseline = useCallback2((node) => {
+  const followRef = useRef10(createTipFollowState());
+  const followFrameRef = useRef10(null);
+  const syncScrollBaseline = useCallback3((node) => {
     lastScrollTopRef.current = node.scrollTop;
     lastMaxScrollRef.current = maxScrollOf(node);
     lastScrollHeightRef.current = node.scrollHeight;
     lastClientHeightRef.current = node.clientHeight;
   }, []);
-  const writeScrollTop = useCallback2((node, top) => {
+  const writeScrollTop = useCallback3((node, top) => {
     const next = Math.max(0, top);
     const before = node.scrollTop;
     if (before === next) {
@@ -6038,24 +6311,24 @@ function MessageTimeline({
       programmaticScrollRef.current -= 1;
     }
   }, []);
-  const cancelLeaveFallback = useCallback2(() => {
+  const cancelLeaveFallback = useCallback3(() => {
     if (leaveFallbackRafRef.current !== null) {
       cancelFrame(leaveFallbackRafRef.current);
       leaveFallbackRafRef.current = null;
     }
   }, []);
-  const clearPendingReaderLeave = useCallback2(() => {
+  const clearPendingReaderLeave = useCallback3(() => {
     pendingReaderLeaveRef.current = false;
     cancelLeaveFallback();
   }, [cancelLeaveFallback]);
-  const stopFollow = useCallback2(() => {
+  const stopFollow = useCallback3(() => {
     followRef.current = tipFollowCancel(followRef.current);
     if (followFrameRef.current !== null) {
       cancelFrame(followFrameRef.current);
       followFrameRef.current = null;
     }
   }, []);
-  const releasePinFromReader = useCallback2(
+  const releasePinFromReader = useCallback3(
     (node) => {
       if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
         return;
@@ -6077,7 +6350,7 @@ function MessageTimeline({
     },
     [autoFollow, applyPinned, clearPendingReaderLeave, stopFollow]
   );
-  const releasePinAfterScrollSettled = useCallback2(
+  const releasePinAfterScrollSettled = useCallback3(
     (node) => {
       if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
         return;
@@ -6099,7 +6372,7 @@ function MessageTimeline({
     },
     [autoFollow, clearPendingReaderLeave, releasePinFromReader]
   );
-  const scheduleLeaveFallback = useCallback2(() => {
+  const scheduleLeaveFallback = useCallback3(() => {
     if (supportsScrollEndEvent()) {
       return;
     }
@@ -6113,15 +6386,16 @@ function MessageTimeline({
     });
   }, [cancelLeaveFallback, releasePinAfterScrollSettled]);
   const onWheel = (event) => {
-    if (event.deltaY >= 0) {
-      return;
-    }
     if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) {
       return;
     }
     if (wheelConsumedByNestedScrollable(event)) {
       return;
     }
+    disclosureKeepsUnpinnedRef.current = false;
+    if (event.deltaY >= 0) {
+      return;
+    }
     const node = event.currentTarget instanceof HTMLElement ? event.currentTarget : scrollRef.current;
     releasePinFromReader(node);
   };
@@ -6132,16 +6406,20 @@ function MessageTimeline({
     if (event.target instanceof Element && event.target.closest("button, a, input, textarea, select, [role='button']")) {
       return;
     }
+    disclosureKeepsUnpinnedRef.current = false;
     readerIntentArmRef.current = true;
   };
   const onKeyDown = (event) => {
+    if (event.key === "ArrowUp" || event.key === "ArrowDown" || event.key === "PageUp" || event.key === "PageDown" || event.key === "Home" || event.key === "End") {
+      disclosureKeepsUnpinnedRef.current = false;
+    }
     if (event.key !== "ArrowUp" && event.key !== "PageUp" && event.key !== "Home") {
       return;
     }
     const node = event.currentTarget instanceof HTMLElement ? event.currentTarget : scrollRef.current;
     releasePinFromReader(node);
   };
-  const snapToBottom = useCallback2(
+  const snapToBottom = useCallback3(
     (node) => {
       stopFollow();
       cancelLeaveFallback();
@@ -6156,8 +6434,53 @@ function MessageTimeline({
     },
     [cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
-  const driveFollowRef = useRef9(() => void 0);
-  const driveFollow = useCallback2(
+  const beginUserMessageDisclosureChange = useCallback3(
+    (messageBody, disclosureControl) => {
+      const node = scrollRef.current;
+      if (!node || !node.contains(messageBody)) {
+        return null;
+      }
+      const keepBottom = autoFollow && pinnedRef.current && !hasNewerRef.current;
+      if (keepBottom) {
+        return () => {
+          const current = scrollRef.current;
+          if (current) {
+            snapToBottom(current);
+          }
+        };
+      }
+      disclosureKeepsUnpinnedRef.current = true;
+      const scrollerRect = node.getBoundingClientRect();
+      const group = messageBody.closest("[data-og-timeline-group-anchor]");
+      const groupRect = group?.getBoundingClientRect();
+      const anchor = group && groupRect && groupRect.top >= scrollerRect.top - 1 && groupRect.top < scrollerRect.bottom ? group : disclosureControl;
+      const beforeTop = anchor.getBoundingClientRect().top - scrollerRect.top;
+      return () => {
+        const current = scrollRef.current;
+        if (!current || !current.contains(anchor)) {
+          return;
+        }
+        const currentScrollerTop = current.getBoundingClientRect().top;
+        const afterTop = anchor.getBoundingClientRect().top - currentScrollerTop;
+        const delta = afterTop - beforeTop;
+        if (Math.abs(delta) > 0.5) {
+          writeScrollTop(current, current.scrollTop + delta);
+        }
+        applyPinned(false);
+        syncScrollBaseline(current);
+      };
+    },
+    [applyPinned, autoFollow, snapToBottom, syncScrollBaseline, writeScrollTop]
+  );
+  const userMessageDisclosureContext = useMemo5(
+    () => ({
+      expandedByMessageId: userMessageDisclosureMemoryRef.current,
+      beginChange: beginUserMessageDisclosureChange
+    }),
+    [beginUserMessageDisclosureChange]
+  );
+  const driveFollowRef = useRef10(() => void 0);
+  const driveFollow = useCallback3(
     (node, nowMs) => {
       if (!pinnedRef.current || hasNewerRef.current) {
         stopFollow();
@@ -6247,7 +6570,7 @@ function MessageTimeline({
   driveFollowRef.current = driveFollow;
   useEffect9(() => stopFollow, [stopFollow]);
   useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     const node = scrollRef.current;
     if (!node) {
       return;
@@ -6328,7 +6651,7 @@ function MessageTimeline({
       groupOffsetByKeyRef.current = nextOffsetByKey;
     }
   });
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     if (revealed || allGroups.length === 0) {
       return;
     }
@@ -6362,7 +6685,7 @@ function MessageTimeline({
       }
     };
   }, [revealed, allGroups.length, autoFollow, snapToBottom]);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     if (allGroups.length > 0) {
       return;
     }
@@ -6385,10 +6708,12 @@ function MessageTimeline({
     groupKeyByItemIdRef.current = /* @__PURE__ */ new Map();
     groupOffsetByKeyRef.current = /* @__PURE__ */ new Map();
     foldMemoryRef.current.clear();
+    userMessageDisclosureMemoryRef.current.clear();
+    disclosureKeepsUnpinnedRef.current = false;
     seenActivityIdsRef.current.clear();
     applyPinned(true);
   }, [allGroups.length, revealed, applyPinned]);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     previousBulkFirstKeyRef.current = firstGroupKey;
     if (!bulkRender) {
       return;
@@ -6514,6 +6839,12 @@ function MessageTimeline({
     if (programmatic) {
       programmaticScrollRef.current = 0;
     }
+    if (disclosureKeepsUnpinnedRef.current) {
+      stopFollow();
+      applyPinned(false);
+      syncScrollBaseline(node);
+      return;
+    }
     if (autoFollow && pinnedRef.current && !hasNewer) {
       const previousClient = followRef.current.lastClientHeight;
       const viewportShrunk = previousClient > 0 && node.clientHeight < previousClient - TIP_FOLLOW_SHRINK_EPS_PX;
@@ -6577,6 +6908,13 @@ function MessageTimeline({
       return;
     }
     cancelLeaveFallback();
+    if (disclosureKeepsUnpinnedRef.current) {
+      programmaticScrollRef.current = 0;
+      stopFollow();
+      applyPinned(false);
+      syncScrollBaseline(node);
+      return;
+    }
     if (programmaticScrollRef.current > 0) {
       programmaticScrollRef.current = 0;
       syncScrollBaseline(node);
@@ -6584,11 +6922,13 @@ function MessageTimeline({
     }
     releasePinAfterScrollSettled(node);
   };
-  return /* @__PURE__ */ jsx16(LightboxProvider, { children: /* @__PURE__ */ jsx16(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx16(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx16(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx16(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsx16(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs13("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(LightboxProvider, { children: /* @__PURE__ */ jsx17(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx17(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx17(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx17(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsx17(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsxs14("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+    /* @__PURE__ */ jsx17(
       "div",
       {
         ref: scrollRef,
+        "data-og-timeline-scroller": "",
+        "data-og-bottom-follow": autoFollow && pinned && !hasNewer ? "true" : "false",
         tabIndex: -1,
         onScroll,
         onScrollEnd,
@@ -6602,12 +6942,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__ */ jsxs13("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-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
+        children: /* @__PURE__ */ jsxs14("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
+          groups.length === 0 ? emptyState ?? /* @__PURE__ */ jsx17("p", { className: "py-10 text-center text-og-menu text-og-fg-subtle", children: "No activity yet." }) : null,
           hasOlder && olderPrefetchArmed ? (
             // Overlaid, not a layout row: mounting/unmounting the sentinel
             // must never shift content (that shift was itself a wobble).
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               "div",
               {
                 ref: topSentinelRef,
@@ -6621,7 +6961,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__ */ jsx17("div", { "data-og-timeline-group-anchor": "", "data-og-group-key": key, children: /* @__PURE__ */ jsx17(
               TimelineGroupRenderBoundary,
               {
                 resetKeys: [
@@ -6634,7 +6974,7 @@ function MessageTimeline({
                   toolRegistry,
                   turnSummary
                 ],
-                children: /* @__PURE__ */ jsx16(
+                children: /* @__PURE__ */ jsx17(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: /* @__PURE__ */ jsx17(
                   TimelineGroupView,
                   {
                     group,
@@ -6649,11 +6989,11 @@ function MessageTimeline({
                     trailingAgentText: trailingAgentTextAfterTurn(group, next),
                     contextCompactionCount: contextCompactionCount > 0 ? contextCompactionCount : void 0
                   }
-                )
+                ) })
               }
             ) }, key);
           }),
-          hasNewer ? /* @__PURE__ */ jsx16(
+          hasNewer ? /* @__PURE__ */ jsx17(
             "div",
             {
               ref: bottomSentinelRef,
@@ -6666,10 +7006,10 @@ function MessageTimeline({
         ] })
       }
     ),
-    /* @__PURE__ */ jsx16(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed ? (
+    /* @__PURE__ */ jsx17(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__ */ jsxs13(
+      /* @__PURE__ */ jsxs14(
         motion3.div,
         {
           initial: { opacity: 0, y: -6 },
@@ -6680,8 +7020,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-og-control 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__ */ jsxs13(
+            loadingOlder || loadingOldest ? /* @__PURE__ */ jsx17("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-og-control font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: loadingOldest ? "Jumping to start\u2026" : "Loading earlier activity\u2026" }) }) : null,
+            hasOlder && onJumpToStart && !loadingOldest ? /* @__PURE__ */ jsxs14(
               "button",
               {
                 type: "button",
@@ -6717,7 +7057,7 @@ function MessageTimeline({
                   "hover:border-og-border-strong disabled:opacity-60"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowUpToLineIcon, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsx17(ArrowUpToLineIcon, { className: "size-3.5" }),
                   "Jump to start"
                 ]
               }
@@ -6726,7 +7066,7 @@ function MessageTimeline({
         }
       )
     ) : null }),
-    /* @__PURE__ */ jsx16(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx17(AnimatePresence3, { children: loadingNewer ? /* @__PURE__ */ jsx17(
       motion3.div,
       {
         initial: { opacity: 0, y: 6 },
@@ -6736,10 +7076,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-og-control font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx16("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
+        children: /* @__PURE__ */ jsx17("span", { className: "inline-flex items-center rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1 text-og-control font-medium shadow-og-md backdrop-blur", children: /* @__PURE__ */ jsx17("span", { className: "og-shimmer-text", children: "Loading later activity\u2026" }) })
       }
     ) : null }),
-    /* @__PURE__ */ jsx16(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs13(
+    /* @__PURE__ */ jsx17(AnimatePresence3, { children: (!pinned && autoFollow || hasNewer) && autoFollow ? /* @__PURE__ */ jsxs14(
       motion3.button,
       {
         type: "button",
@@ -6748,6 +7088,7 @@ function MessageTimeline({
         exit: { opacity: 0, y: 8 },
         transition: { duration: 0.15, ease: "easeOut" },
         onClick: () => {
+          disclosureKeepsUnpinnedRef.current = false;
           if (hasNewer) {
             wantPinRef.current = true;
             const node2 = scrollRef.current;
@@ -6783,7 +7124,7 @@ function MessageTimeline({
           "hover:border-og-border-strong"
         ),
         children: [
-          /* @__PURE__ */ jsx16(ArrowDownIcon2, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx17(ArrowDownIcon2, { className: "size-3.5" }),
           "Jump to latest"
         ]
       }
@@ -6791,7 +7132,7 @@ function MessageTimeline({
   ] }) }) }) }) }) }) });
 }
 function useStableTimelineGroupKeys(allGroups) {
-  const previousRef = useRef9([]);
+  const previousRef = useRef10([]);
   const keyedGroups = useMemo5(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
@@ -6821,7 +7162,7 @@ function useStableTimelineGroupKeys(allGroups) {
       return { group, key };
     });
   }, [allGroups]);
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     previousRef.current = keyedGroups;
   }, [keyedGroups]);
   return keyedGroups;
@@ -6858,17 +7199,17 @@ var TimelineGroupRenderBoundary = class extends Component2 {
   }
   render() {
     if (this.state.failed) {
-      return /* @__PURE__ */ jsxs13(
+      return /* @__PURE__ */ jsxs14(
         "div",
         {
           "data-testid": "timeline-group-render-error",
           role: "status",
           className: "flex items-start gap-2 rounded-lg border border-og-border bg-og-surface-muted px-3 py-2 text-og-menu text-og-fg-muted",
           children: [
-            /* @__PURE__ */ jsx16(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
-            /* @__PURE__ */ jsxs13("div", { children: [
-              /* @__PURE__ */ jsx16("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
-              /* @__PURE__ */ jsx16("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
+            /* @__PURE__ */ jsx17(TriangleAlertIcon3, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
+            /* @__PURE__ */ jsxs14("div", { children: [
+              /* @__PURE__ */ jsx17("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
+              /* @__PURE__ */ jsx17("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
           ]
         }
@@ -6911,7 +7252,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       if (insideTurn) {
         const useNestedChip = nestClusterChips && activityShouldFold;
         if (!useNestedChip) {
-          return /* @__PURE__ */ jsx16(
+          return /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -6922,7 +7263,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             }
           );
         }
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx17(
           TurnSummary,
           {
             items: group.items,
@@ -6933,7 +7274,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
             foldKey: group.id,
             facets: turnSummary?.facets,
             contextCompactionCount,
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               ActivityRail,
               {
                 items: group.items,
@@ -6947,7 +7288,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleChrome ? "settle" : "rest"
         );
       }
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TurnSummary,
         {
           items: group.items,
@@ -6958,7 +7299,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           facets: turnSummary?.facets,
           settleFold,
           contextCompactionCount,
-          children: /* @__PURE__ */ jsx16(FoldBody, { children: /* @__PURE__ */ jsx16(TurnRailFrame, { children: /* @__PURE__ */ jsx16(
+          children: /* @__PURE__ */ jsx17(FoldBody, { children: /* @__PURE__ */ jsx17(TurnRailFrame, { children: /* @__PURE__ */ jsx17(
             ActivityRail,
             {
               items: group.items,
@@ -6976,7 +7317,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
       const turnCopyText = collectTurnCopyText(group.groups, trailingAgentText);
       const body = group.groups.map((child) => {
         const key = timelineGroupKey(child);
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx17(
           TimelineGroupRenderBoundary,
           {
             resetKeys: [
@@ -6989,7 +7330,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               toolRegistry,
               turnSummary
             ],
-            children: /* @__PURE__ */ jsx16(
+            children: /* @__PURE__ */ jsx17(
               TimelineGroupView2,
               {
                 group: child,
@@ -7008,7 +7349,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           key
         );
       });
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TurnSummary,
         {
           items: activityItems,
@@ -7022,16 +7363,16 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
           settleFold,
           copyText: insideTurn ? void 0 : turnCopyText,
           contextCompactionCount: contextCompactionCount ?? group.contextCompactionCount,
-          children: /* @__PURE__ */ jsx16(FoldBody, { children: insideTurn ? (
+          children: /* @__PURE__ */ jsx17(FoldBody, { children: insideTurn ? (
             // A nested turn is already on an ancestor rail — its body just stacks
             // flush (the bare-node body already indents it), so no second rule.
-            /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-4", children: body })
-          ) : /* @__PURE__ */ jsx16(TurnRailFrame, { children: body }) })
+            /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4", children: body })
+          ) : /* @__PURE__ */ jsx17(TurnRailFrame, { children: body }) })
         }
       );
     }
     case "item":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         TimelineRow,
         {
           item: group.item,
@@ -7044,18 +7385,18 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   }
 });
 function FoldBody({ children }) {
-  return /* @__PURE__ */ jsx16(Fragment7, { children });
+  return /* @__PURE__ */ jsx17(Fragment7, { children });
 }
 function TurnRailFrame({ children }) {
-  return /* @__PURE__ */ jsx16("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
+  return /* @__PURE__ */ jsx17("div", { className: "flex flex-col gap-4 border-l-2 border-og-border pl-3 sm:pl-4", children });
 }
 function useLiveSettleFold(folded) {
-  const previousFoldedRef = useRef9(folded);
-  const latchedRef = useRef9(false);
+  const previousFoldedRef = useRef10(folded);
+  const latchedRef = useRef10(false);
   if (!previousFoldedRef.current && folded) {
     latchedRef.current = true;
   }
-  useLayoutEffect3(() => {
+  useLayoutEffect4(() => {
     previousFoldedRef.current = folded;
   });
   return latchedRef.current;
@@ -7209,23 +7550,23 @@ function TimelineRow({
 }) {
   switch (item.kind) {
     case "user-message":
-      return /* @__PURE__ */ jsx16(UserMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx17(UserMessageRow, { item, renderMessageText });
     case "agent-message":
-      return /* @__PURE__ */ jsx16(AgentMessageRow, { item, renderMessageText });
+      return /* @__PURE__ */ jsx17(AgentMessageRow, { item, renderMessageText });
     case "worker-completion":
-      return /* @__PURE__ */ jsx16(WorkerCompletionRow, { item, onOpenSession });
+      return /* @__PURE__ */ jsx17(WorkerCompletionRow, { item, onOpenSession });
     case "session-status":
-      return /* @__PURE__ */ jsx16(SessionStatusRow, { item });
+      return /* @__PURE__ */ jsx17(SessionStatusRow, { item });
     case "goal":
-      return /* @__PURE__ */ jsx16(GoalRow, { item });
+      return /* @__PURE__ */ jsx17(GoalRow, { item });
     case "machine-input-batch":
-      return /* @__PURE__ */ jsx16(MachineInputBatchRow, { item });
+      return /* @__PURE__ */ jsx17(MachineInputBatchRow, { item });
     case "notice":
-      return /* @__PURE__ */ jsx16(NoticeRow, { item });
+      return /* @__PURE__ */ jsx17(NoticeRow, { item });
     case "context-compaction":
-      return /* @__PURE__ */ jsx16(CompactionRow, { item });
+      return /* @__PURE__ */ jsx17(CompactionRow, { item });
     case "auth-needed":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         AuthNeededRow,
         {
           item,
@@ -7248,10 +7589,10 @@ function CompactionRow({ item }) {
   const trigger = item.trigger && item.phase !== "started" ? COMPACTION_TRIGGER_LABEL[item.trigger] : null;
   const before = item.estimatedTokensBefore !== null ? Math.round(item.estimatedTokensBefore).toLocaleString("en-US") : null;
   const after = item.estimatedTokensAfter !== null ? Math.round(item.estimatedTokensAfter).toLocaleString("en-US") : null;
-  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 title = item.phase === "started" ? "Compacting conversation history\u2026" : item.phase === "compacted" ? before && after ? `Conversation history compacted \xB7 ~${before} \u2192 ~${after} estimated history tokens` : "Conversation history compacted" : "Couldn\u2019t compact conversation history";
   const subtitle = item.phase === "compacted" ? "Chat history above is unchanged" : item.phase === "skipped" ? compactionSkipSubtitle(item.skipReason) : null;
   const pill = item.phase === "skipped" && item.skipReason === "summarization_failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.phase === "started" ? "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__ */ jsxs13(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -7260,14 +7601,14 @@ function CompactionRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsxs13("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx16(ShrinkIcon, { className: "size-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsxs14("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx17(ShrinkIcon, { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
         ] }),
-        subtitle ? /* @__PURE__ */ jsx16("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
+        subtitle ? /* @__PURE__ */ jsx17("span", { className: "truncate text-og-xs opacity-80", children: subtitle }) : null
       ]
     }
   ) });
@@ -7287,14 +7628,14 @@ function compactionSkipSubtitle(reason) {
   }
 }
 function MessageFooterTime({ occurredAt }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "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"
+        "group-hover/copy:opacity-100 group-focus-within/copy:opacity-100 pointer-coarse:opacity-100"
       ),
       children: formatClockTime(occurredAt)
     }
@@ -7305,14 +7646,14 @@ function UserMessageRow({
   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__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsx17("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: /* @__PURE__ */ jsx17(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       className: "w-fit max-w-full min-w-0",
-      trailing: /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
-      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__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
+      children: /* @__PURE__ */ jsx17("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__ */ jsx17(UserMessageBody, { messageId: item.id, text: item.text, children: /* @__PURE__ */ jsx17(Markdown, { children: item.text }) }) })
     }
   ) }) });
 }
@@ -7321,15 +7662,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__ */ jsx17(Markdown, { streaming: item.streaming, children: item.text });
+  return /* @__PURE__ */ jsx17(
     CopyHoverFrame,
     {
       copyText: item.text,
       label: "Copy message",
       align: "start",
       className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"),
-      trailing: item.streaming ? null : /* @__PURE__ */ jsx16(MessageFooterTime, { occurredAt: item.occurredAt }),
+      trailing: item.streaming ? null : /* @__PURE__ */ jsx17(MessageFooterTime, { occurredAt: item.occurredAt }),
       children: body
     }
   );
@@ -7371,7 +7712,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState12(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && Boolean(item.pausedReason?.trim());
@@ -7381,17 +7722,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__ */ 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__ */ 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__ */ jsxs13("p", { className: "text-og-base leading-5 text-og-fg", children: [
-        /* @__PURE__ */ jsx16("span", { className: "font-medium", children: meta.label }),
-        item.goalText ? /* @__PURE__ */ jsxs13("span", { className: "text-og-fg-muted", children: [
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ 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__ */ jsx17("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx17(Icon, { className: "size-4" }) }),
+      /* @__PURE__ */ jsx17("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs14("p", { className: "text-og-base leading-5 text-og-fg", children: [
+        /* @__PURE__ */ jsx17("span", { className: "font-medium", children: meta.label }),
+        item.goalText ? /* @__PURE__ */ jsxs14("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
         ] }) : null
       ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs13(
+      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -7403,13 +7744,13 @@ function WorkerCompletionRow({
           ),
           children: [
             "View session",
-            /* @__PURE__ */ jsx16(ArrowRightIcon2, { className: "size-3.5" })
+            /* @__PURE__ */ jsx17(ArrowRightIcon2, { className: "size-3.5" })
           ]
         }
       ) : null
     ] }),
-    hasDetails ? /* @__PURE__ */ jsxs13(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx16(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+    hasDetails ? /* @__PURE__ */ jsxs14(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx17(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -7418,14 +7759,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__ */ jsx17(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
             open ? "Hide details" : "Show details"
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx16(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx16("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs13("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx16("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
-        /* @__PURE__ */ jsx16(
+      /* @__PURE__ */ jsx17(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx17("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs14("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx17("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
+        /* @__PURE__ */ jsx17(
           "p",
           {
             className: cn(
@@ -7442,7 +7783,7 @@ function WorkerCompletionRow({
 function SessionStatusRow({ item }) {
   const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -7451,14 +7792,14 @@ function SessionStatusRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" }),
-        /* @__PURE__ */ jsxs13("span", { className: "inline-flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx16(StatusDot, { status: item.status, className: "size-1" }),
+        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" }),
+        /* @__PURE__ */ jsxs14("span", { className: "inline-flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx17(StatusDot, { status: item.status, className: "size-1" }),
           meta.label.toLowerCase(),
           " \xB7 ",
           formatRelativeTime(item.occurredAt)
         ] }),
-        /* @__PURE__ */ jsx16("span", { className: "h-px flex-1 bg-og-border" })
+        /* @__PURE__ */ jsx17("span", { className: "h-px flex-1 bg-og-border" })
       ]
     }
   );
@@ -7488,7 +7829,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__ */ jsxs13(
+  return /* @__PURE__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
     "span",
     {
       className: cn(
@@ -7496,8 +7837,8 @@ function GoalRow({ item }) {
         pill
       ),
       children: [
-        /* @__PURE__ */ jsx16(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs13("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsx17(Icon, { className: "size-3.5 shrink-0" }),
+        /* @__PURE__ */ jsxs14("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
         ] })
@@ -7511,9 +7852,9 @@ function MachineInputBatchRow({ item }) {
   const single = item.members.length === 1 ? item.members[0] : null;
   const singleSummary = single ? cleanMachineInputSummary(single.summary) : "";
   const showCollapsedSummary = single != null && machineInputSummaryIsUseful(single.kind, singleSummary);
-  return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
-    /* @__PURE__ */ jsxs13("details", { className: "group w-full max-w-full", "data-og-machine-input-batch": "", children: [
-      /* @__PURE__ */ jsx16("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
+    /* @__PURE__ */ jsxs14("details", { className: "group w-full max-w-full", "data-og-machine-input-batch": "", children: [
+      /* @__PURE__ */ jsx17("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs14(
         "span",
         {
           className: cn(
@@ -7521,41 +7862,41 @@ function MachineInputBatchRow({ item }) {
             NEUTRAL_PILL
           ),
           children: [
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17(
               ChevronRightIcon3,
               {
                 "aria-hidden": true,
                 className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
               }
             ),
-            /* @__PURE__ */ jsx16("span", { className: "truncate", children: label })
+            /* @__PURE__ */ jsx17("span", { className: "truncate", children: label })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx16("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: item.members.map((member) => /* @__PURE__ */ jsx16(MachineInputRow, { member }, member.id)) })
+      /* @__PURE__ */ jsx17("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: item.members.map((member) => /* @__PURE__ */ jsx17(MachineInputRow, { member }, member.id)) })
     ] }),
-    showCollapsedSummary ? /* @__PURE__ */ jsx16("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
+    showCollapsedSummary ? /* @__PURE__ */ jsx17("p", { className: "max-w-lg px-3 text-center text-og-xs leading-4 text-og-fg-subtle", children: truncate(singleSummary, 160) }) : null
   ] });
 }
 function MachineInputRow({ member }) {
   const source = readableMachineInputSource(member.sourceId);
   const summary = cleanMachineInputSummary(member.summary);
-  return /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 items-start gap-2.5", children: [
-    /* @__PURE__ */ jsx16("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__ */ jsx16("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
-      source && /* @__PURE__ */ jsxs13("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
+  return /* @__PURE__ */ jsxs14("div", { className: "flex min-w-0 items-start gap-2.5", children: [
+    /* @__PURE__ */ jsx17("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__ */ jsx17("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
+      source && /* @__PURE__ */ jsxs14("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
-      summary ? /* @__PURE__ */ jsx16("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null
+      summary ? /* @__PURE__ */ jsx17("p", { className: "mt-0.5 whitespace-pre-wrap break-words text-og-menu leading-5 text-og-fg", children: truncate(summary, 320) }) : null
     ] })
   ] });
 }
 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__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -7565,20 +7906,20 @@ function NoticeRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           TriangleAlertIcon3,
           {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
-        /* @__PURE__ */ jsxs13("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsx16("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
-          item.details ? /* @__PURE__ */ jsxs13("details", { className: "mt-2 text-og-control", children: [
-            /* @__PURE__ */ jsx16("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
-            /* @__PURE__ */ jsx16("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
+        /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx17("span", { className: "whitespace-pre-wrap break-words", children: item.text }),
+          item.details ? /* @__PURE__ */ jsxs14("details", { className: "mt-2 text-og-control", children: [
+            /* @__PURE__ */ jsx17("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
+            /* @__PURE__ */ jsx17("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-black/5 p-2 font-mono dark:bg-white/5", children: JSON.stringify(item.details.value, null, 2) })
           ] }) : null
         ] }),
-        item.action ? /* @__PURE__ */ jsx16(
+        item.action ? /* @__PURE__ */ jsx17(
           "a",
           {
             className: "shrink-0 rounded-og-sm border border-current/25 px-2 py-1 text-og-control font-medium hover:bg-current/10",
@@ -7598,8 +7939,8 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState11(false);
-  const [failed, setFailed] = useState11(false);
+  const [busy, setBusy] = useState12(false);
+  const [failed, setFailed] = useState12(false);
   const provider = providerLabel(item.providerDomain);
   const unavailable = item.reason === "personal_authority_unavailable" || item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
   const missing = item.reason === "missing_connection";
@@ -7618,22 +7959,22 @@ function AuthNeededRow({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs13("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-3 rounded-og-lg border border-og-border bg-og-surface-1 px-3.5 py-3 sm:flex-row sm:items-center", children: [
-      /* @__PURE__ */ jsxs13("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-        /* @__PURE__ */ jsx16(
+  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__ */ jsx17(
           AuthProviderLogo,
           {
             src: resolveProviderLogo?.(item.providerDomain) ?? null,
             label: provider
           }
         ),
-        /* @__PURE__ */ jsxs13("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__ */ jsxs14("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx17("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
+          /* @__PURE__ */ jsx17("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
         ] })
       ] }),
-      !unavailable && onReconnect ? /* @__PURE__ */ jsxs13(
+      !unavailable && onReconnect ? /* @__PURE__ */ jsxs14(
         "button",
         {
           type: "button",
@@ -7644,11 +7985,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__ */ jsx17(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
             busy ? "Opening\u2026" : actionLabel
           ]
         }
-      ) : !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs13(
+      ) : !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs14(
         "a",
         {
           href: item.authorizationUrl,
@@ -7659,18 +8000,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__ */ jsx17(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
             actionLabel
           ]
         }
       ) : null
     ] }),
-    !unavailable ? /* @__PURE__ */ jsxs13("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: [
+    !unavailable ? /* @__PURE__ */ jsxs14("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__ */ jsxs13("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
+    failed ? /* @__PURE__ */ jsxs14("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
       " ",
@@ -7680,15 +8021,15 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState11(false);
+  const [failed, setFailed] = useState12(false);
   useEffect9(() => setFailed(false), [src]);
   const showImage = src && !failed;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       className: "relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-og-md border border-og-border bg-og-surface-2 text-og-menu font-semibold text-og-fg-muted",
       "aria-hidden": true,
-      children: showImage ? /* @__PURE__ */ jsx16(
+      children: showImage ? /* @__PURE__ */ jsx17(
         "img",
         {
           src,
@@ -7698,7 +8039,7 @@ function AuthProviderLogo({ src, label }) {
           className: "size-full object-contain p-1.5",
           onError: () => setFailed(true)
         }
-      ) : /* @__PURE__ */ jsx16("span", { children: monogram(label) })
+      ) : /* @__PURE__ */ jsx17("span", { children: monogram(label) })
     }
   );
 }
@@ -7791,10 +8132,12 @@ export {
   ActivityRail,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   TurnSummary,
+  userMessageLikelyNeedsDisclosure,
+  UserMessageBody,
   SESSION_STATUS_META,
   SessionStatus,
   StatusDot,
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-LYRJUU5V.js.map
+//# sourceMappingURL=chunk-LGVMUIRV.js.map