@opengeni/react 0.45.0 → 0.48.0

package/dist/{chunk-FD72GJMK.js → chunk-XCNTXWBB.js}

@@ -1,19 +1,19 @@
 import {
   EmptyQueueStateSurface,
   requestQueueDraftEdit
-} from "./chunk-VCBFUSUZ.js";
+} from "./chunk-O4VXOBGF.js";
 import {
   buildTimeline,
   groupTimeline,
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-LWR4MXSS.js";
+} from "./chunk-LHLYWG5R.js";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-U3CSCMWA.js";
+} from "./chunk-FK6VG4LL.js";
 import {
   formatClockTime,
   formatRelativeTime,
@@ -21,6 +21,9 @@ import {
   truncate,
   tryParseJson
 } from "./chunk-LAKLF4PA.js";
+import {
+  usePortalTokenStyle
+} from "./chunk-VZTQ73XT.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
@@ -29,7 +32,7 @@ import {
 import { Loader2Icon } from "lucide-react";
 import { lazy, Suspense } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-J4XJFKRW.js");
+var loadQueueSurface = () => import("./queue-surface-implementation-U5JFG7HT.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy(async () => ({
@@ -426,12 +429,12 @@ function SessionChrome({
             "transition-[background-color,border-color,box-shadow] motion-reduce:transition-none"
           ),
           style: {
-            borderRadius: "var(--og-session-chrome-radius)",
-            background: open ? "var(--og-session-chrome-surface-open)" : "var(--og-session-chrome-surface)",
-            borderColor: open ? "var(--og-session-chrome-border-open)" : "var(--og-session-chrome-border)",
+            borderRadius: "var(--_og-session-chrome-radius)",
+            background: open ? "var(--_og-session-chrome-surface-open)" : "var(--_og-session-chrome-surface)",
+            borderColor: open ? "var(--_og-session-chrome-border-open)" : "var(--_og-session-chrome-border)",
             boxShadow: open ? "var(--og-session-chrome-shadow-open)" : "var(--og-session-chrome-shadow)",
             transitionDuration: "var(--og-session-chrome-duration)",
-            transitionTimingFunction: "var(--og-session-chrome-ease)"
+            transitionTimingFunction: "var(--_og-session-chrome-ease)"
           },
           children: [
             /* @__PURE__ */ jsx2(
@@ -459,8 +462,8 @@ function SessionChrome({
                           "aria-hidden": true,
                           className: "pointer-events-none absolute left-0 top-0 rounded-og-md",
                           style: {
-                            background: "var(--og-session-chrome-highlight)",
-                            boxShadow: "inset 0 0 0 1px var(--og-session-chrome-highlight-ring)"
+                            background: "var(--_og-session-chrome-highlight)",
+                            boxShadow: "inset 0 0 0 1px var(--_og-session-chrome-highlight-ring)"
                           },
                           initial: false,
                           animate: {
@@ -489,7 +492,7 @@ function SessionChrome({
                             "data-og-session-chrome-signal": signal.id,
                             onClick: () => setActive(selected ? null : signal.id),
                             className: cn(
-                              "group relative z-[1] inline-flex min-h-[var(--og-session-chrome-chip-min-height)] max-w-full items-center gap-1 rounded-og-md py-1 text-left text-og-xs outline-none",
+                              "group relative z-[1] inline-flex min-h-[var(--og-session-chrome-chip-min-height)] max-w-full items-center gap-1 rounded-og-md py-1 text-left text-og-xs outline-hidden",
                               // Coarse pointers keep a 44px target (session-pins acceptance).
                               "pointer-coarse:min-h-11",
                               "transition-colors duration-150 motion-reduce:transition-none",
@@ -588,7 +591,7 @@ function IncomingPanel({
       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)]",
+          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__ */ jsx2(
               "span",
@@ -666,7 +669,7 @@ function QueuePanel({
           "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)]",
+            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__ */ jsxs2("div", { className: "flex items-start gap-1.5", children: [
                 voice ? /* @__PURE__ */ jsx2(
@@ -811,7 +814,7 @@ function GoalPanel({
             type: "button",
             disabled: goal.updating,
             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",
+            className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-muted outline-hidden transition-colors hover:bg-og-surface-3/70 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
             children: [
               goal.updating ? /* @__PURE__ */ 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"
@@ -824,7 +827,7 @@ function GoalPanel({
             type: "button",
             disabled: goal.updating,
             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",
+            className: "inline-flex h-6 items-center gap-1 rounded-og-sm px-1.5 text-og-xs font-medium text-og-fg-subtle outline-hidden transition-colors hover:bg-og-surface-3/70 hover:text-og-danger focus-visible:ring-2 focus-visible:ring-og-accent/40 disabled:opacity-50",
             children: [
               /* @__PURE__ */ jsx2(Trash2Icon, { className: "size-3" }),
               "Clear"
@@ -858,7 +861,7 @@ function IconAction({
         disabled,
         onClick,
         className: cn(
-          "inline-flex size-6 items-center justify-center rounded-og-sm text-og-fg-subtle outline-none transition-colors",
+          "inline-flex size-6 items-center justify-center rounded-og-sm text-og-fg-subtle outline-hidden transition-colors",
           "hover:bg-og-surface-2 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent/40",
           "disabled:pointer-events-none disabled:opacity-40 pointer-coarse:size-9",
           danger && "hover:text-og-danger"
@@ -1275,7 +1278,7 @@ function QuestionControls({
         "aria-describedby": describedBy,
         autoFocus,
         rows: 2,
-        className: "min-h-14 w-full resize-y rounded-og-md border border-og-border bg-og-surface-1 px-3 py-2 text-og-sm text-og-fg outline-none placeholder:text-og-fg-subtle focus:border-og-accent"
+        className: "min-h-14 w-full resize-y rounded-og-md border border-og-border bg-og-surface-1 px-3 py-2 text-og-sm text-og-fg outline-hidden placeholder:text-og-fg-subtle focus:border-og-accent"
       }
     ) : /* @__PURE__ */ jsxs3(
       "div",
@@ -1354,7 +1357,7 @@ function QuestionControls({
                         ...current,
                         other: event.target.value
                       })),
-                      className: "mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-none focus:border-og-accent disabled:opacity-50"
+                      className: "mt-1.5 w-full rounded-og-sm border border-og-border bg-og-surface-1 px-2 py-1.5 text-og-sm text-og-fg outline-hidden focus:border-og-accent disabled:opacity-50"
                     }
                   )
                 ] })
@@ -1822,20 +1825,6 @@ function isApplyPatch(item) {
   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) {
-  if (Array.isArray(value)) {
-    return value.map(redactSecrets);
-  }
-  if (value && typeof value === "object") {
-    const out = {};
-    for (const [k, v] of Object.entries(value)) {
-      out[k] = SECRET_KEY.test(k) ? "\u2022\u2022\u2022\u2022" : redactSecrets(v);
-    }
-    return out;
-  }
-  return value;
-}
 function parseToolArgs(args) {
   if (args == null) {
     return {};
@@ -1907,6 +1896,26 @@ function screenshotDataUrl(out) {
   }
   return null;
 }
+function retainedScreenshotMetadata(out) {
+  if (typeof out === "string" && (out.startsWith("{") || out.startsWith("["))) {
+    const parsed = tryParseJson(out);
+    if (parsed !== void 0 && parsed !== out) return retainedScreenshotMetadata(parsed);
+  }
+  if (Array.isArray(out)) {
+    for (const entry of out) {
+      const metadata = retainedScreenshotMetadata(entry);
+      if (metadata) return metadata;
+    }
+    return null;
+  }
+  if (!out || typeof out !== "object") return null;
+  const value = out;
+  if (typeof value.artifactId !== "string" || typeof value.available !== "boolean") return null;
+  if (!value.available) {
+    return typeof value.reason === "string" ? value : null;
+  }
+  return value.kind === "computer_screenshot" && value.contentType === "image/png" && typeof value.originalBytes === "number" && typeof value.sha256 === "string" && value.dimensions !== null && typeof value.dimensions === "object" && value.retention !== null && typeof value.retention === "object" && value.retention.policy === "session_screenshot" ? value : null;
+}
 function mediaPreviewFact(out) {
   if (typeof out === "string" && (out.startsWith("{") || out.startsWith("["))) {
     const parsed = tryParseJson(out);
@@ -1998,13 +2007,20 @@ function LightboxProvider({ children }) {
 }
 function LightboxRoot({ children }) {
   const [state, setState] = useState3(null);
-  const open = useCallback((src, caption) => {
+  const [tokenSource, setTokenSource] = useState3(null);
+  const portalStyle = usePortalTokenStyle(tokenSource);
+  const open = useCallback((src, caption, source) => {
+    setTokenSource(source ?? null);
     setState(caption ? { src, caption } : { src });
   }, []);
+  const close = useCallback(() => {
+    setState(null);
+    setTokenSource(null);
+  }, []);
   const controller = useMemo3(() => ({ open }), [open]);
   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__ */ jsxs4(Dialog.Portal, { forceMount: true, children: [
+    /* @__PURE__ */ jsx6(Dialog.Root, { open: state !== null, onOpenChange: (next) => !next && close(), children: /* @__PURE__ */ jsx6(AnimatePresence2, { children: state !== null ? /* @__PURE__ */ jsxs4(Dialog.Portal, { forceMount: true, children: [
       /* @__PURE__ */ jsx6(Dialog.Overlay, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx6(
         motion2.div,
         {
@@ -2012,7 +2028,8 @@ function LightboxRoot({ children }) {
           animate: { opacity: 1 },
           exit: { opacity: 0 },
           transition: { duration: 0.15 },
-          className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md"
+          className: "og-root fixed inset-0 z-50 bg-black/90 backdrop-blur-md",
+          style: portalStyle
         }
       ) }),
       /* @__PURE__ */ jsx6(
@@ -2031,10 +2048,11 @@ function LightboxRoot({ children }) {
               transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
               onClick: (event) => {
                 if (event.target === event.currentTarget) {
-                  setState(null);
+                  close();
                 }
               },
               className: "og-root fixed inset-0 z-50 flex items-center justify-center p-6 sm:p-12",
+              style: portalStyle,
               children: [
                 /* @__PURE__ */ jsx6(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: [
@@ -2104,12 +2122,12 @@ 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" }),
+    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(
       "span",
@@ -2147,7 +2165,7 @@ function ActivityDisclosure({
         "data-status": dataStatus,
         className: cn(
           rowClass,
-          "cursor-pointer outline-none hover:bg-og-surface-1 hover:text-og-fg",
+          "cursor-pointer outline-hidden hover:bg-og-surface-1 hover:text-og-fg",
           "focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-0"
         ),
         children: inner
@@ -2307,7 +2325,7 @@ function Thumbnail({
       type: "button",
       onClick: (event) => {
         event.stopPropagation();
-        lightbox.open(src, caption);
+        lightbox.open(src, caption, event.currentTarget);
       },
       onKeyDown: (event) => {
         if (event.key === "Enter" || event.key === " ") {
@@ -2316,7 +2334,7 @@ function Thumbnail({
       },
       className: cn(
         MEDIA_BOX,
-        "group/thumb relative inline-flex overflow-hidden bg-og-bg outline-none",
+        "group/thumb relative inline-flex overflow-hidden bg-og-bg outline-hidden",
         "focus-visible:ring-2 focus-visible:ring-og-accent"
       ),
       "aria-label": "Expand screenshot",
@@ -2346,7 +2364,7 @@ function ScreenshotFigure({
       "button",
       {
         type: "button",
-        onClick: () => lightbox.open(src, caption),
+        onClick: (event) => lightbox.open(src, caption, event.currentTarget),
         className: surface,
         "aria-label": "Expand screenshot",
         children: img
@@ -2538,6 +2556,7 @@ import {
   TerminalIcon,
   WrenchIcon
 } from "lucide-react";
+import { useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/timeline/compute-label.tsx
 import { createContext as createContext3, useContext as useContext3 } from "react";
@@ -2991,7 +3010,7 @@ function asComputerArgs(args) {
     ...typeof record.button === "string" ? { button: record.button } : {}
   };
 }
-function ComputerCallRenderer({ item }) {
+function ComputerCallRenderer({ item, loadRetainedScreenshot }) {
   const raw = item.raw ?? {};
   const functionAction = !raw.action && item.name.startsWith("computer_") && item.name !== "computer_call" ? { type: item.name.slice("computer_".length), ...asComputerArgs(item.arguments) } : void 0;
   const action = raw.action ?? functionAction;
@@ -3002,6 +3021,7 @@ function ComputerCallRenderer({ item }) {
   const rejected = raw.providerData?.approvalStatus === "rejected";
   const readOnly = typeof out === "string" && out.includes("read-only");
   const shotUrl = screenshotDataUrl(out);
+  const retained = retainedScreenshotMetadata(out);
   const omittedMedia = mediaPreviewFact(out);
   const empty = out === "" || out == null;
   const batched = actions.length > 1 ? actions.map((a) => computerVerb(a)).join(" \xB7 ") : null;
@@ -3047,6 +3067,42 @@ function ComputerCallRenderer({ item }) {
   }
   const isFailed = item.status === "failed";
   const isCancelled = item.status === "cancelled";
+  if (retained) {
+    if (!retained.available) {
+      const state = retained.reason === "expired" || retained.reason === "deleted" ? retained.reason : "unavailable";
+      return /* @__PURE__ */ jsx10(
+        ActivityDisclosure,
+        {
+          icon: /* @__PURE__ */ jsx10(CameraOffIcon2, { className: ICON_SIZE }),
+          iconTone: isFailed ? "failed" : "muted",
+          title: `${verb}${countSuffix} \xB7 ${state}`,
+          failed: isFailed,
+          cancelled: isCancelled,
+          preview: `screenshot ${state}`,
+          media: /* @__PURE__ */ jsx10(MediaEmpty, {}),
+          children: /* @__PURE__ */ jsxs7(BodyNote, { tone: isFailed ? "error" : void 0, children: [
+            "Screenshot ",
+            state,
+            ": ",
+            retained.reason.replaceAll("_", " "),
+            "."
+          ] })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx10(
+      RetainedScreenshotDisclosure,
+      {
+        artifact: retained,
+        load: loadRetainedScreenshot,
+        verb,
+        countSuffix,
+        batched,
+        failed: isFailed,
+        cancelled: isCancelled
+      }
+    );
+  }
   if (shotUrl) {
     const caption = `${verb}${actions.length > 1 ? ` (+${actions.length - 1} more)` : ""}`;
     return /* @__PURE__ */ jsxs7(
@@ -3121,6 +3177,75 @@ function ComputerCallRenderer({ item }) {
     }
   );
 }
+function RetainedScreenshotDisclosure({
+  artifact,
+  load,
+  verb,
+  countSuffix,
+  batched,
+  failed,
+  cancelled
+}) {
+  const [state, setState] = useState8({ kind: "loading" });
+  useEffect6(() => {
+    if (!load) {
+      setState({ kind: "unavailable", label: "retrieval is not configured" });
+      return;
+    }
+    const controller = new AbortController();
+    let objectUrl = null;
+    setState({ kind: "loading" });
+    void load(artifact, controller.signal).then((bytes) => {
+      if (controller.signal.aborted) return;
+      if (!bytes) {
+        setState({ kind: "unavailable", label: "bytes are unavailable" });
+        return;
+      }
+      objectUrl = URL.createObjectURL(new Blob([Uint8Array.from(bytes)], { type: "image/png" }));
+      setState({ kind: "ready", url: objectUrl });
+    }).catch((error) => {
+      if (controller.signal.aborted) return;
+      const status = error && typeof error === "object" && "status" in error ? Number(error.status) : null;
+      setState(
+        status === 404 ? { kind: "unavailable", label: "deleted" } : status === 410 ? { kind: "unavailable", label: "expired or unavailable" } : {
+          kind: "error",
+          message: "retrieval failed"
+        }
+      );
+    });
+    return () => {
+      controller.abort();
+      if (objectUrl) URL.revokeObjectURL(objectUrl);
+    };
+  }, [artifact, load]);
+  const caption = `${verb}${countSuffix}`;
+  return /* @__PURE__ */ jsxs7(
+    ActivityDisclosure,
+    {
+      icon: /* @__PURE__ */ jsx10(CameraIcon2, { className: ICON_SIZE }),
+      iconTone: failed ? "failed" : state.kind === "ready" ? "accent" : "muted",
+      title: caption,
+      failed,
+      cancelled,
+      preview: state.kind === "loading" ? "loading retained screenshot\u2026" : state.kind === "error" ? "screenshot retrieval failed" : state.kind === "unavailable" ? `screenshot ${state.label}` : void 0,
+      media: state.kind === "ready" ? /* @__PURE__ */ jsx10(Thumbnail, { src: state.url, caption }) : state.kind === "loading" ? /* @__PURE__ */ jsx10(MediaSkeleton, {}) : /* @__PURE__ */ jsx10(MediaEmpty, {}),
+      children: [
+        state.kind === "ready" ? /* @__PURE__ */ jsx10(ScreenshotFigure, { src: state.url, caption }) : state.kind === "loading" ? /* @__PURE__ */ jsx10(BodyNote, { children: "Loading the retained screenshot\u2026" }) : state.kind === "unavailable" ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          "Screenshot ",
+          state.label,
+          "."
+        ] }) : /* @__PURE__ */ jsxs7(BodyNote, { tone: "error", children: [
+          "Screenshot retrieval failed: ",
+          state.message
+        ] }),
+        batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          "batched: ",
+          batched
+        ] }) : null
+      ]
+    }
+  );
+}
 function webSearchQueryFromArguments(args) {
   if (typeof args === "string") {
     const trimmed = args.trim();
@@ -3331,7 +3456,7 @@ function SecretSetRenderer({ item }) {
         title: `Set ${name}`,
         running: true,
         preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "setting\u2026" }),
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
       }
     );
   }
@@ -3346,7 +3471,7 @@ function SecretSetRenderer({ item }) {
         failed: true,
         preview: errorText ?? "variable write failed",
         children: [
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
           errorText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: errorText, failed: true }) : /* @__PURE__ */ jsx10(BodyNote, { tone: "error", children: "the tool call failed with no output." })
         ]
       }
@@ -3359,10 +3484,10 @@ function SecretSetRenderer({ item }) {
       iconTone: "muted",
       title: `Set ${name}`,
       cancelled: item.status === "cancelled",
-      preview: "value write-only \xB7 never returned",
+      preview: "exact value preserved",
       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__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
+        /* @__PURE__ */ jsx10(BodyNote, { children: "The configured value is preserved exactly and available through authorized secret reads." })
       ]
     }
   );
@@ -3472,7 +3597,7 @@ function ToolSearchRenderer({ item }) {
             "capability query: ",
             query2
           ] }) : null,
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(parseToolArgs(item.arguments)) })
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: parseToolArgs(item.arguments) })
         ]
       }
     );
@@ -3492,7 +3617,7 @@ function ToolSearchRenderer({ item }) {
             "capability query: ",
             query2
           ] }) : null,
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(parseToolArgs(item.arguments)) }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: parseToolArgs(item.arguments) }),
           /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
@@ -3524,7 +3649,7 @@ function ToolSearchRenderer({ item }) {
             " more"
           ] }) : null
         ] }) : tools && tools.length === 0 ? /* @__PURE__ */ jsx10(BodyNote, { children: "no deferred tools matched this capability query." }) : null,
-        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(parseToolArgs(item.arguments)) }),
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: parseToolArgs(item.arguments) }),
         tools == null && outText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText }) : null
       ]
     }
@@ -3544,7 +3669,7 @@ function DocsSearchRenderer({ item }) {
         title,
         running: true,
         preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "Searching\u2026" }),
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
       }
     );
   }
@@ -3559,7 +3684,7 @@ function DocsSearchRenderer({ item }) {
         failed: true,
         preview: truncatePreview(outText, 80) || "Search failed",
         children: [
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
           /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
@@ -3580,7 +3705,7 @@ function DocsSearchRenderer({ item }) {
           /* @__PURE__ */ jsx10("div", { className: "truncate text-og-sm font-medium text-og-fg", children: hit.title }),
           hit.snippet ? /* @__PURE__ */ jsx10("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__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
         /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText })
       ]
     }
@@ -3601,7 +3726,7 @@ function SetSessionTitleRenderer({ item }) {
         title: display,
         running: true,
         preview: previewTitle ? /* @__PURE__ */ jsx10(RunningPreview, { children: previewTitle }) : /* @__PURE__ */ jsx10(RunningPreview, { children: "Setting title\u2026" }),
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
       }
     );
   }
@@ -3616,7 +3741,7 @@ function SetSessionTitleRenderer({ item }) {
         failed: true,
         preview: truncatePreview(outText, 80) || "Rename failed",
         children: [
-          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+          /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
           /* @__PURE__ */ jsx10(PayloadBlock, { label: "Error", value: outText, failed: true })
         ]
       }
@@ -3641,7 +3766,7 @@ function SetSessionTitleRenderer({ item }) {
       cancelled: item.status === "cancelled",
       preview: item.status === "cancelled" ? void 0 : settledTitle || void 0,
       children: [
-        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) }),
+        /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args }),
         outText ? /* @__PURE__ */ jsx10(PayloadBlock, { label: "Result", value: outText }) : null
       ]
     }
@@ -3677,7 +3802,7 @@ function MemoryProposeRenderer({ item }) {
         title,
         running: true,
         preview: /* @__PURE__ */ jsx10(RunningPreview, { children: "Proposing\u2026" }),
-        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: redactSecrets(args) })
+        children: /* @__PURE__ */ jsx10(PayloadBlock, { label: "Arguments", value: args })
       }
     );
   }
@@ -3732,7 +3857,7 @@ function askToolPreview(args) {
   return questions.length > 1 ? `${preview} \xB7 ${questions.length} questions` : preview;
 }
 function AskRenderer({ item }) {
-  const args = redactSecrets(parseToolArgs(item.arguments));
+  const args = parseToolArgs(item.arguments);
   const preview = askToolPreview(args);
   const icon = /* @__PURE__ */ jsx10(MessageCircleQuestionIcon2, { className: ICON_SIZE });
   const title = "Ask";
@@ -3808,7 +3933,7 @@ function runOnOpPreview(args) {
 }
 function RunOnRenderer({ item }) {
   const parsedArgs = parseToolArgs(item.arguments);
-  const args = redactSecrets(parsedArgs);
+  const args = parsedArgs;
   const targetName = runOnTargetName(item.output);
   const title = targetName ? `Run on ${targetName}` : "Run on";
   const opPreview = runOnOpPreview(parsedArgs);
@@ -3860,7 +3985,7 @@ function RunOnRenderer({ item }) {
 }
 function GenericRenderer({ item }) {
   const running = item.status === "running";
-  const args = redactSecrets(parseToolArgs(item.arguments));
+  const args = parseToolArgs(item.arguments);
   const display = toolDisplayName(item.name);
   const icon = /* @__PURE__ */ jsx10(GenericToolIcon, { name: item.name });
   const goalPreview = goalToolPreview(item.name, args);
@@ -4023,7 +4148,7 @@ function tableElementToTsv(table) {
 
 // src/components/copy-button.tsx
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { useEffect as useEffect6, useRef as useRef4, useState as useState8 } from "react";
+import { useEffect as useEffect7, useRef as useRef4, useState as useState9 } from "react";
 import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var COPIED_MS = 1600;
 function CopyButton({
@@ -4032,10 +4157,10 @@ function CopyButton({
   className,
   reveal = "group-hover"
 }) {
-  const [copied, setCopied] = useState8(false);
-  const [tipOpen, setTipOpen] = useState8(false);
+  const [copied, setCopied] = useState9(false);
+  const [tipOpen, setTipOpen] = useState9(false);
   const timerRef = useRef4(null);
-  useEffect6(() => {
+  useEffect7(() => {
     return () => {
       if (timerRef.current !== null) {
         clearTimeout(timerRef.current);
@@ -4086,10 +4211,10 @@ 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",
+              "focus-visible:opacity-100 focus-visible:outline-hidden 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
@@ -4136,10 +4261,10 @@ import {
   Children,
   isValidElement,
   memo,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useReducer,
   useRef as useRef5,
-  useState as useState9
+  useState as useState10
 } from "react";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
@@ -4624,7 +4749,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
   const revealRef = useRef5(null);
   const bodyRef = useRef5(null);
   const [, bump] = useReducer((n) => n + 1, 0);
-  const [settling, setSettling] = useState9(false);
+  const [settling, setSettling] = useState10(false);
   const hadRevealRef = useRef5(false);
   const now = typeof performance !== "undefined" ? performance.now() : Date.now();
   const crystallize = (mutate) => {
@@ -4645,7 +4770,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(() => {
+  useEffect8(() => {
     if (streaming || revealRef.current === null) {
       return;
     }
@@ -4672,7 +4797,7 @@ function MarkdownImpl({ children, className, streaming = false }) {
     };
   }, [streaming]);
   const wasStreamingRef = useRef5(streaming);
-  useEffect7(() => {
+  useEffect8(() => {
     const ended = wasStreamingRef.current && !streaming;
     wasStreamingRef.current = streaming;
     if (!ended || revealRef.current !== null || prefersReducedMotion()) {
@@ -4752,6 +4877,7 @@ function ActivityRail({
   toolRegistry = defaultToolRegistry,
   onOpenSession,
   onMemoryClick,
+  loadRetainedScreenshot,
   bare,
   className
 }) {
@@ -4796,7 +4922,13 @@ function ActivityRail({
       ),
       children: items.map((item, index) => {
         const newFamily = index > 0 && familyOf(item) !== familyOf(items[index - 1]);
-        const row = renderActivity(item, toolRegistry, onOpenSession, onMemoryClick);
+        const row = renderActivity(
+          item,
+          toolRegistry,
+          onOpenSession,
+          onMemoryClick,
+          loadRetainedScreenshot
+        );
         return /* @__PURE__ */ jsx13(
           "div",
           {
@@ -4813,13 +4945,13 @@ function ActivityRail({
 function assertNever(item) {
   throw new Error(`ActivityRail: unhandled activity item ${JSON.stringify(item)}`);
 }
-function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
+function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick, loadRetainedScreenshot) {
   switch (item.kind) {
     case "reasoning":
       return /* @__PURE__ */ jsx13(ReasoningRow, { item });
     case "tool-call": {
       const Renderer = toolRegistry.resolve(item);
-      return /* @__PURE__ */ jsx13(Renderer, { item });
+      return /* @__PURE__ */ jsx13(Renderer, { item, loadRetainedScreenshot });
     }
     case "worker":
       return /* @__PURE__ */ jsx13(WorkerRow, { item, onOpenSession });
@@ -4908,7 +5040,7 @@ function MemoryRow({
             onClick: () => onMemoryClick?.(targetId),
             className: cn(
               "group/memlink -mx-1 inline-flex w-fit items-center gap-1 rounded-og-sm px-1 py-0.5 text-left text-og-sm text-og-fg-subtle",
-              "outline-none transition-colors duration-150 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent"
+              "outline-hidden transition-colors duration-150 hover:text-og-fg focus-visible:ring-2 focus-visible:ring-og-accent"
             ),
             children: [
               "View in memory",
@@ -4994,8 +5126,8 @@ function WorkerRow({
         onClick: () => onOpenSession(sessionId),
         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"
+          "outline-hidden transition-colors duration-150 hover:bg-og-surface-1 focus-visible:ring-2 focus-visible:ring-og-accent",
+          "pointer-coarse:min-h-11 pointer-coarse:py-2.5"
         ),
         children: inner
       }
@@ -5010,10 +5142,10 @@ import {
   Component,
   createContext as createContext7,
   useContext as useContext7,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useMemo as useMemo4,
   useRef as useRef8,
-  useState as useState10
+  useState as useState11
 } from "react";
 import { Collapsible } from "radix-ui";
 
@@ -5071,11 +5203,11 @@ 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] = 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 [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);
@@ -5129,7 +5261,7 @@ function TurnSummary({
     }, SETTLE_FOLD_BEAT_MS);
   };
   const mountSettleRef = useRef8(initialSettle);
-  useEffect8(() => {
+  useEffect9(() => {
     if (mountSettleRef.current) {
       armSettleCollapse();
     }
@@ -5138,7 +5270,7 @@ function TurnSummary({
       settleArmedRef.current = false;
     };
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     const was = settleFoldSeenRef.current;
     settleFoldSeenRef.current = Boolean(settleFold);
     if (!was && settleFold) {
@@ -5173,7 +5305,7 @@ function TurnSummary({
     }
   };
   const enter = useEntranceAnimation();
-  const [allowEnterAnimation] = useState10(
+  const [allowEnterAnimation] = useState11(
     () => Boolean(enter && !bare && !initialSettle && !restingOpen)
   );
   const context = useMemo4(
@@ -5227,8 +5359,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
@@ -5242,7 +5374,7 @@ function TurnSummary({
                   {
                     className: cn(
                       "size-3.5 shrink-0 text-og-fg-subtle transition-transform ease-og-in-out group-data-[state=open]:rotate-90",
-                      settlePhase ? "duration-[var(--og-duration-disclose-settle)]" : "duration-[var(--og-duration-disclose)]"
+                      settlePhase ? "duration-[var(--_og-duration-disclose-settle)]" : "duration-[var(--_og-duration-disclose)]"
                     )
                   }
                 ),
@@ -5407,7 +5539,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
   },
   {
@@ -5471,7 +5603,7 @@ import {
   useId as useId3,
   useLayoutEffect as useLayoutEffect3,
   useRef as useRef9,
-  useState as useState11
+  useState as useState12
 } from "react";
 import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var FALLBACK_LINE_THRESHOLD = 12;
@@ -5566,10 +5698,10 @@ function userMessageLikelyNeedsDisclosure(text) {
 }
 function UserMessageBody({ messageId, text, children, className }) {
   const disclosure = useContext8(UserMessageDisclosureContext);
-  const [expanded, setExpanded] = useState11(
+  const [expanded, setExpanded] = useState12(
     () => disclosure?.expandedByMessageId.get(messageId) ?? false
   );
-  const [collapsible, setCollapsible] = useState11(() => userMessageLikelyNeedsDisclosure(text));
+  const [collapsible, setCollapsible] = useState12(() => userMessageLikelyNeedsDisclosure(text));
   const rootRef = useRef9(null);
   const clipRef = useRef9(null);
   const contentRef = useRef9(null);
@@ -5724,7 +5856,7 @@ function UserMessageBody({ messageId, text, children, className }) {
             "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",
+            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-hidden 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"
           }
@@ -5846,11 +5978,11 @@ import {
   Component as Component2,
   memo as memo2,
   useCallback as useCallback3,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo5,
   useRef as useRef10,
-  useState as useState12
+  useState as useState13
 } from "react";
 
 // src/components/tip-follow.ts
@@ -6226,8 +6358,10 @@ function MessageTimeline({
   onOpenSession,
   onMemoryClick,
   onReconnect,
+  shouldRenderAuthNeeded,
   resolveProviderLogo,
   toolRegistry = defaultToolRegistry,
+  loadRetainedScreenshot,
   computeLabel = null,
   turnSummary,
   autoFollow = true,
@@ -6240,24 +6374,31 @@ function MessageTimeline({
   loadingNewer = false,
   onLoadNewer,
   onJumpToLatest,
+  trailingState,
   emptyState,
   className
 }) {
-  const resolvedItems = useMemo5(() => items ?? buildTimeline(events ?? []), [items, events]);
+  const resolvedItems = useMemo5(() => {
+    const projected = items ?? buildTimeline(events ?? []);
+    if (!shouldRenderAuthNeeded) {
+      return projected;
+    }
+    return projected.filter((item) => item.kind !== "auth-needed" || shouldRenderAuthNeeded(item));
+  }, [items, events, shouldRenderAuthNeeded]);
   const allGroups = useMemo5(() => groupTimeline(resolvedItems), [resolvedItems]);
   const groups = useStableTimelineGroupKeys(allGroups);
   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 [pinned, setPinned] = useState13(true);
+  const [bulkActive, setBulkActive] = useState13(true);
   const olderPrefetchArmedRef = useRef10(false);
-  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState12(false);
+  const [olderPrefetchArmed, setOlderPrefetchArmed] = useState13(false);
   const olderLoadGateRef = useRef10("armed");
   const resizeFollowRafRef = useRef10(null);
   const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
-  const [revealed, setRevealed] = useState12(false);
+  const [revealed, setRevealed] = useState13(false);
   const pinnedRef = useRef10(true);
   const hasNewerRef = useRef10(hasNewer);
   hasNewerRef.current = hasNewer;
@@ -6568,8 +6709,8 @@ function MessageTimeline({
     [cancelLeaveFallback, stopFollow, syncScrollBaseline, writeScrollTop]
   );
   driveFollowRef.current = driveFollow;
-  useEffect9(() => stopFollow, [stopFollow]);
-  useEffect9(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
+  useEffect10(() => stopFollow, [stopFollow]);
+  useEffect10(() => () => cancelLeaveFallback(), [cancelLeaveFallback]);
   useLayoutEffect4(() => {
     const node = scrollRef.current;
     if (!node) {
@@ -6722,7 +6863,7 @@ function MessageTimeline({
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
   }, [bulkRender, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
     if (!root || !target || !olderPrefetchArmed || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
@@ -6746,7 +6887,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [olderPrefetchArmed, hasOlder, loadingOlder, onLoadOlder, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const root = scrollRef.current;
     const target = bottomSentinelRef.current;
     if (!root || !target || !hasNewer || loadingNewer || !onLoadNewer || typeof IntersectionObserver === "undefined") {
@@ -6763,7 +6904,7 @@ function MessageTimeline({
     observer.observe(target);
     return () => observer.disconnect();
   }, [hasNewer, loadingNewer, onLoadNewer, firstGroupKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -6799,7 +6940,7 @@ function MessageTimeline({
       }
     };
   }, [autoFollow, driveFollow, snapToBottom]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (hasNewer) {
       stopFollow();
       applyPinned(false);
@@ -6939,7 +7080,7 @@ function MessageTimeline({
         className: cn(
           // tabIndex=-1 is programmatic only — never paint a focus ring on
           // the whole scroller (click + Shift used to flash a blue outline).
-          "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 sm:px-6 outline-none",
+          "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 sm:px-6 outline-hidden",
           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: [
@@ -6972,6 +7113,7 @@ function MessageTimeline({
                   onReconnect,
                   resolveProviderLogo,
                   toolRegistry,
+                  loadRetainedScreenshot,
                   turnSummary
                 ],
                 children: /* @__PURE__ */ jsx17(UserMessageDisclosureProvider, { value: userMessageDisclosureContext, children: /* @__PURE__ */ jsx17(
@@ -6984,6 +7126,7 @@ function MessageTimeline({
                     onReconnect,
                     resolveProviderLogo,
                     toolRegistry,
+                    loadRetainedScreenshot,
                     turnSummary,
                     foldLiveCluster: isAgentProgress(next),
                     trailingAgentText: trailingAgentTextAfterTurn(group, next),
@@ -6993,6 +7136,7 @@ function MessageTimeline({
               }
             ) }, key);
           }),
+          groups.length > 0 && trailingState ? /* @__PURE__ */ jsx17("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
           hasNewer ? /* @__PURE__ */ jsx17(
             "div",
             {
@@ -7118,7 +7262,7 @@ function MessageTimeline({
           }
         },
         className: cn(
-          "absolute bottom-4 left-1/2 -translate-x-1/2",
+          "absolute inset-x-0 bottom-4 mx-auto w-fit",
           "inline-flex items-center gap-1.5 rounded-full border border-og-border bg-og-surface-3/90 px-3 py-1.5",
           "text-og-control font-medium text-og-fg shadow-og-md backdrop-blur",
           "hover:border-og-border-strong"
@@ -7226,6 +7370,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
   onReconnect,
   resolveProviderLogo,
   toolRegistry,
+  loadRetainedScreenshot,
   turnSummary,
   insideTurn = false,
   nestClusterChips = false,
@@ -7259,6 +7404,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               onOpenSession,
               onMemoryClick,
               toolRegistry,
+              loadRetainedScreenshot,
               bare: true
             }
           );
@@ -7281,6 +7427,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
                 onOpenSession,
                 onMemoryClick,
                 toolRegistry,
+                loadRetainedScreenshot,
                 bare: true
               }
             )
@@ -7306,6 +7453,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               onOpenSession,
               onMemoryClick,
               toolRegistry,
+              loadRetainedScreenshot,
               bare: true
             }
           ) }) })
@@ -7328,6 +7476,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
               onReconnect,
               resolveProviderLogo,
               toolRegistry,
+              loadRetainedScreenshot,
               turnSummary
             ],
             children: /* @__PURE__ */ jsx17(
@@ -7340,6 +7489,7 @@ var TimelineGroupView = memo2(function TimelineGroupView2({
                 onReconnect,
                 resolveProviderLogo,
                 toolRegistry,
+                loadRetainedScreenshot,
                 turnSummary,
                 insideTurn: true,
                 nestClusterChips: nestClusters
@@ -7589,7 +7739,7 @@ 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__ */ jsx17("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs14(
@@ -7635,7 +7785,7 @@ function MessageFooterTime({ 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)
     }
@@ -7712,7 +7862,7 @@ function WorkerCompletionRow({
   onOpenSession
 }) {
   const enter = useEntranceAnimation();
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState13(false);
   const meta = workerCompletionMeta(item);
   const Icon = meta.icon;
   const showPausedReason = item.childStatus !== "failed" && item.goalStatus === "paused" && Boolean(item.pausedReason?.trim());
@@ -7739,7 +7889,7 @@ function WorkerCompletionRow({
           onClick: () => onOpenSession(item.childSessionId),
           className: cn(
             "-my-0.5 -mr-1 inline-flex shrink-0 items-center gap-1 rounded-og-sm px-2 py-1 text-og-sm font-medium text-og-fg-muted pointer-coarse:py-2",
-            "outline-none transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
+            "outline-hidden transition-colors duration-150 hover:bg-og-surface-2 hover:text-og-fg",
             "focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
@@ -7756,7 +7906,7 @@ function WorkerCompletionRow({
           type: "button",
           className: cn(
             "group/wc -mx-1 inline-flex w-fit items-center gap-1 rounded-og-sm px-1 py-0.5 text-og-xs font-medium text-og-fg-subtle",
-            "outline-none transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
+            "outline-hidden transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
             /* @__PURE__ */ jsx17(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
@@ -7939,9 +8089,9 @@ function AuthNeededRow({
   resolveProviderLogo
 }) {
   const enter = useEntranceAnimation();
-  const [busy, setBusy] = useState12(false);
-  const [failed, setFailed] = useState12(false);
-  const provider = providerLabel(item.providerDomain);
+  const [busy, setBusy] = useState13(false);
+  const [failed, setFailed] = useState13(false);
+  const provider = item.serverId === "codex_apps" ? "Codex Apps" : providerLabel(item.providerDomain);
   const unavailable = item.reason === "personal_authority_unavailable" || item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
   const missing = item.reason === "missing_connection";
   const actionLabel = missing ? "Connect" : "Reconnect";
@@ -8021,8 +8171,8 @@ function AuthNeededRow({
   ] });
 }
 function AuthProviderLogo({ src, label }) {
-  const [failed, setFailed] = useState12(false);
-  useEffect9(() => setFailed(false), [src]);
+  const [failed, setFailed] = useState13(false);
+  useEffect10(() => setFailed(false), [src]);
   const showImage = src && !failed;
   return /* @__PURE__ */ jsx17(
     "span",
@@ -8103,7 +8253,6 @@ export {
   applyPatchOps,
   applyPatchOpsFromToolItem,
   isApplyPatch,
-  redactSecrets,
   parseToolArgs,
   tailPeek,
   unwrapMcpOutput,
@@ -8140,4 +8289,4 @@ export {
   MessageTimeline,
   TimelineRow
 };
-//# sourceMappingURL=chunk-FD72GJMK.js.map
+//# sourceMappingURL=chunk-XCNTXWBB.js.map