@opengeni/react 1.3.0 → 1.4.0

package/dist/{chunk-PGSX7UCP.js → chunk-LJ2UTJJE.js}

@@ -16,7 +16,7 @@ import {
   isRetainedImageContentType,
   timelineGroupContainsPresentedImage,
   useRetainedImageObjectUrl
-} from "./chunk-FZCP527Y.js";
+} from "./chunk-CJUO7J5Z.js";
 import {
   approvalsFromRequiresAction,
   conversationTimeline,
@@ -24,20 +24,21 @@ import {
   isActionableHumanInputRequest,
   projectPendingApprovals,
   useFileAttachments,
+  useGoal,
   useHumanInputRequests,
   useSession,
   useSessionControl,
   useSessionEvents,
   useTurnQueue
-} from "./chunk-WWEUO2PL.js";
+} from "./chunk-WZMYFJD3.js";
 import {
   buildTimeline,
   groupTimeline
-} from "./chunk-RC6BZ44Q.js";
+} from "./chunk-OA6HFRQP.js";
 import {
   mcpToolLeaf,
   toolDisplayName
-} from "./chunk-ERGYJIBB.js";
+} from "./chunk-AWZLIMKX.js";
 import {
   OpenGeniProvider
 } from "./chunk-3CTRFMAK.js";
@@ -100,7 +101,7 @@ import {
   StopButton,
   Surface,
   useChatComposerController
-} from "./chunk-CY7WK5FD.js";
+} from "./chunk-LN6TCXD3.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   useComposer
@@ -987,33 +988,278 @@ function HumanInputSurface({
 }
 
 // src/components/tool-action-review.tsx
-import { ArrowLeftIcon, CheckIcon, ChevronRightIcon, LoaderCircleIcon } from "lucide-react";
+import {
+  ArrowLeftIcon,
+  CheckIcon,
+  ChevronRightIcon,
+  CircleAlertIcon,
+  CircleSlashIcon,
+  LoaderCircleIcon,
+  ShieldCheckIcon
+} from "lucide-react";
 import { useEffect as useEffect3, useId as useId2, useRef as useRef3, useState as useState2 } from "react";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var statusText = {
-  pending: "Needs your approval",
-  approved: "Approved \xB7 waiting to run",
-  executing: "In progress",
-  completed: "Completed",
-  partial: "Partially completed",
-  unknown: "Outcome uncertain",
+  pending: "Approval needed",
+  approved: "Approved",
+  executing: "Approved \xB7 running",
+  completed: "Approved \xB7 done",
+  partial: "Partly done",
+  unknown: "Outcome unknown",
   rejected: "Declined",
   cancelled: "Cancelled",
-  expired: "Review expired",
+  expired: "Expired",
   revoked: "Access unavailable",
-  stale: "Action changed",
-  failed: "Action failed",
+  blocked: "Blocked",
+  stale: "No longer valid",
+  failed: "Failed",
   unavailable: "Details unavailable"
 };
 var statusDetail = {
-  unknown: "Execution may have happened. Check the result before trying again.",
-  rejected: "This action was not run.",
-  cancelled: "This action will not run.",
-  expired: "Prepare a new action to continue.",
-  revoked: "Restore access before preparing a new action.",
-  stale: "The tool or account changed. A new review is needed.",
-  partial: "Some work completed. Review the results before continuing."
+  unknown: "It may have run. Check the result before trying again.",
+  rejected: "This action did not run.",
+  cancelled: "This action did not run.",
+  expired: "This action did not run. Ask the agent to prepare it again.",
+  revoked: "This action did not run. Reconnect the account, then ask the agent to try again.",
+  stale: "The tool or account changed after this was prepared, so it did not run.",
+  partial: "Some of it ran. Check the result before continuing.",
+  failed: "The action ran but returned an error."
+};
+var statusTone = {
+  pending: "waiting",
+  approved: "ok",
+  executing: "ok",
+  completed: "ok",
+  partial: "failed",
+  unknown: "failed",
+  rejected: "muted",
+  cancelled: "muted",
+  expired: "muted",
+  revoked: "muted",
+  blocked: "muted",
+  stale: "muted",
+  failed: "failed",
+  unavailable: "muted"
 };
+var toneText = {
+  waiting: "text-og-status-waiting",
+  ok: "text-og-fg-muted",
+  failed: "text-og-status-failed",
+  muted: "text-og-fg-muted"
+};
+var selectionPaths = /* @__PURE__ */ new Set([
+  "/messageIds",
+  "/messageId",
+  "/threadId",
+  "/addLabelIds",
+  "/removeLabelIds",
+  "/labelIds"
+]);
+var UNRECOVERABLE_TEXT = "The details of this older request couldn't be recovered, so it can't be approved. Decline it to let the agent continue.";
+var VISIBLE_FIELDS = 6;
+function StatusIcon({ status, busy }) {
+  const className = "size-4";
+  if (busy || status === "executing" || status === "approved")
+    return /* @__PURE__ */ jsx3(LoaderCircleIcon, { "aria-hidden": "true", className: cn(className, "animate-spin") });
+  if (status === "pending") return /* @__PURE__ */ jsx3(ShieldCheckIcon, { "aria-hidden": "true", className });
+  if (status === "completed") return /* @__PURE__ */ jsx3(CheckIcon, { "aria-hidden": "true", className });
+  if (statusTone[status] === "failed")
+    return /* @__PURE__ */ jsx3(CircleAlertIcon, { "aria-hidden": "true", className });
+  return /* @__PURE__ */ jsx3(CircleSlashIcon, { "aria-hidden": "true", className });
+}
+function ToolReviewFrame({
+  tone,
+  icon,
+  eyebrow,
+  title,
+  titleId,
+  subtitle,
+  children,
+  footer,
+  bare = false,
+  ...rest
+}) {
+  const waiting = tone === "waiting";
+  return /* @__PURE__ */ jsxs2(
+    "article",
+    {
+      "aria-labelledby": titleId,
+      ...rest,
+      className: cn(
+        "min-w-0 text-og-fg",
+        !bare && (waiting ? "overflow-hidden rounded-og-lg border border-og-status-waiting/35 bg-og-status-waiting/5 shadow-og-sm" : "overflow-hidden rounded-og-lg border border-og-border bg-og-surface-1"),
+        rest.className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs2("header", { className: cn("flex min-w-0 items-start gap-3", bare ? "pb-1" : "px-4 py-3"), children: [
+          /* @__PURE__ */ jsx3(
+            "span",
+            {
+              className: cn(
+                "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md",
+                waiting ? "bg-og-status-waiting/12 text-og-status-waiting" : tone === "failed" ? "bg-og-status-failed/10 text-og-status-failed" : "bg-og-fg/5 text-og-fg-muted"
+              ),
+              children: icon
+            }
+          ),
+          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx3(
+              "p",
+              {
+                className: cn("m-0 text-og-xs font-medium", toneText[tone]),
+                role: "status",
+                "aria-live": "polite",
+                children: eyebrow
+              }
+            ),
+            /* @__PURE__ */ jsx3(
+              "h3",
+              {
+                tabIndex: -1,
+                id: titleId,
+                className: "m-0 mt-0.5 break-words text-og-md font-semibold leading-snug text-og-fg outline-hidden [overflow-wrap:anywhere]",
+                children: title
+              }
+            ),
+            subtitle ? /* @__PURE__ */ jsx3("p", { className: "m-0 mt-0.5 break-words text-og-xs text-og-fg-muted [overflow-wrap:anywhere]", children: subtitle }) : null
+          ] })
+        ] }),
+        children ? /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: cn(
+              "min-w-0",
+              bare ? "pt-2" : "px-4 pb-3",
+              !bare && "sm:pl-[3.75rem]"
+              // Aligns with the title, past the icon.
+            ),
+            children
+          }
+        ) : null,
+        footer ? /* @__PURE__ */ jsx3(
+          "footer",
+          {
+            className: cn(
+              "flex flex-wrap items-center gap-x-3 gap-y-2",
+              bare ? "pt-3" : waiting ? "border-t border-og-status-waiting/20 px-4 py-3" : "border-t border-og-border px-4 py-3"
+            ),
+            children: footer
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var linkButton = "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40 inline-flex min-h-8 items-center gap-1 rounded-og-sm text-left text-og-sm text-og-fg underline decoration-og-border-strong underline-offset-4 hover:decoration-current [@media(pointer:coarse)]:min-h-11";
+function ReviewFacts({
+  review,
+  onViewDetails,
+  showStatusDetail
+}) {
+  const canOpen = Boolean(onViewDetails && review.detailsAvailable);
+  const selection = review.selectionCount === void 0 ? void 0 : review.fields.find(
+    (field) => ["/messageIds", "/messageId", "/threadId"].includes(field.path)
+  );
+  const fields = selection ? review.fields.filter((field) => !selectionPaths.has(field.path)) : review.fields;
+  const shown = fields.slice(0, VISIBLE_FIELDS);
+  const hiddenFields = fields.length - shown.length + review.moreFields;
+  const effects = review.effects.filter(
+    (effect) => effect !== review.approveLabel && !review.title.startsWith(effect)
+  );
+  const note = (showStatusDetail ? review.status === "blocked" ? `${review.reason || "Your permission settings block this action."} It did not run.` : statusDetail[review.status] : void 0) ?? review.consequence;
+  const samples = review.samples ?? [];
+  const count = review.selectionCount ?? 0;
+  const noun = review.selectionKind === "threads" ? count === 1 ? "conversation" : "conversations" : count === 1 ? "message" : "messages";
+  const hasContent = note || effects.length || selection || shown.length || hiddenFields > 0 || samples.length;
+  if (!hasContent) return null;
+  return /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-col gap-3 text-og-sm", children: [
+    note ? /* @__PURE__ */ jsx3("p", { className: "m-0 leading-relaxed text-og-fg-muted", children: note }) : null,
+    effects.length > 0 ? /* @__PURE__ */ jsx3("ul", { className: "m-0 list-none space-y-1 p-0", "aria-label": "Also changes", children: effects.map((effect) => /* @__PURE__ */ jsxs2("li", { className: "flex items-start gap-2 text-og-fg", children: [
+      /* @__PURE__ */ jsx3(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "mt-[0.55em] size-1 shrink-0 rounded-full bg-og-fg-muted"
+        }
+      ),
+      /* @__PURE__ */ jsx3("span", { className: "min-w-0 break-words", children: effect })
+    ] }, effect)) }) : null,
+    selection ? /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+      samples.length > 0 ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsx3("p", { className: "m-0 mb-1 text-og-xs text-og-fg-muted", children: "Includes" }),
+        /* @__PURE__ */ jsxs2("ul", { className: "m-0 list-none divide-y divide-og-border rounded-og-md border border-og-border bg-og-surface-1 p-0", children: [
+          samples.map((sample) => /* @__PURE__ */ jsxs2("li", { className: "min-w-0 px-3 py-2", children: [
+            /* @__PURE__ */ jsx3("p", { className: "m-0 truncate text-og-sm text-og-fg", children: sample.title }),
+            sample.subtitle ? /* @__PURE__ */ jsx3("p", { className: "m-0 mt-0.5 truncate text-og-xs text-og-fg-muted", children: sample.subtitle }) : null
+          ] }, sample.id)),
+          count > samples.length ? /* @__PURE__ */ jsxs2("li", { className: "px-3 py-2 text-og-xs text-og-fg-muted", children: [
+            "and ",
+            (count - samples.length).toLocaleString(),
+            " more"
+          ] }) : null
+        ] })
+      ] }) : null,
+      canOpen && count > 0 ? /* @__PURE__ */ jsxs2(
+        "button",
+        {
+          type: "button",
+          className: cn(linkButton, samples.length > 0 && "mt-1"),
+          "data-review-path": selection.path,
+          onClick: () => onViewDetails(selection.path),
+          children: [
+            count === 1 ? `View the ${noun}` : `View all ${count.toLocaleString()} ${noun}`,
+            /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
+          ]
+        }
+      ) : null
+    ] }) : null,
+    shown.length > 0 ? /* @__PURE__ */ jsx3("dl", { className: "m-0 min-w-0 space-y-2", children: shown.map((field) => /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: "grid min-w-0 gap-x-4 gap-y-0.5 sm:grid-cols-[minmax(0,9rem)_minmax(0,1fr)]",
+        children: [
+          /* @__PURE__ */ jsx3("dt", { className: "m-0 break-words text-og-xs text-og-fg-muted sm:pt-px sm:text-og-sm", children: field.label }),
+          /* @__PURE__ */ jsx3("dd", { className: "m-0 min-w-0 whitespace-pre-wrap break-words text-og-fg [overflow-wrap:anywhere]", children: field.protected ? /* @__PURE__ */ jsx3("span", { className: "text-og-fg-muted", children: "Hidden" }) : field.truncated && canOpen ? /* @__PURE__ */ jsxs2(
+            "button",
+            {
+              type: "button",
+              "data-review-path": field.path,
+              "aria-label": `View ${field.label}: ${field.preview}`,
+              onClick: () => onViewDetails(field.path),
+              className: cn(linkButton, "max-w-full"),
+              children: [
+                /* @__PURE__ */ jsx3("span", { className: "line-clamp-4 min-w-0 break-words [overflow-wrap:anywhere]", children: field.preview }),
+                /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
+              ]
+            }
+          ) : field.preview })
+        ]
+      },
+      field.path
+    )) }) : null,
+    hiddenFields > 0 ? /* @__PURE__ */ jsxs2("p", { className: "m-0 text-og-xs text-og-fg-muted", children: [
+      hiddenFields === 1 ? "1 more value" : `${hiddenFields} more values`,
+      " in details"
+    ] }) : null
+  ] });
+}
+function DeclineButton({
+  busy,
+  submitting,
+  label,
+  onClick
+}) {
+  return /* @__PURE__ */ jsx3(
+    "button",
+    {
+      type: "button",
+      disabled: busy,
+      onClick,
+      className: "inline-flex min-h-9 items-center justify-center rounded-og-md border border-og-border bg-og-surface-1 px-3 py-1.5 text-og-sm font-medium text-og-fg transition-colors hover:border-og-border-strong hover:bg-og-hover disabled:opacity-60 [@media(pointer:coarse)]:min-h-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+      children: submitting ? "Declining\u2026" : label ?? "Decline"
+    }
+  );
+}
 function ToolActionReviewCard({
   review,
   onApprove,
@@ -1022,136 +1268,81 @@ function ToolActionReviewCard({
   disabled,
   onViewDetails,
   pendingLabel,
-  rejectLabel
+  rejectLabel,
+  bare
 }) {
   const titleId = useId2();
-  const actionable = review.status === "pending" && review.availableActions.includes("approve");
-  const quiet = review.status === "completed" || review.status === "rejected" || review.status === "cancelled";
+  const canApprove = review.availableActions.includes("approve") && !!onApprove;
+  const canReject = review.availableActions.includes("reject") && !!onReject;
+  const actionable = review.status === "pending" && (canApprove || canReject);
   const busy = Boolean(disabled || submitting);
-  const selection = review.selectionCount === void 0 ? void 0 : review.fields.find(
-    (field) => field.path === "/messageIds" || field.path === "/messageId" || field.path === "/threadId"
-  );
-  const fields = selection ? review.fields.filter(
-    (field) => ![selection.path, "/addLabelIds", "/removeLabelIds", "/labelIds"].includes(field.path)
-  ) : review.fields;
-  const extraEffects = review.effects.filter((effect) => effect !== review.approveLabel);
+  const tone = statusTone[review.status];
+  const eyebrow = submitting ? submitting === "approve" ? "Approving\u2026" : "Declining\u2026" : review.status === "pending" ? pendingLabel ?? statusText.pending : statusText[review.status];
+  const detailsLink = review.detailsAvailable && onViewDetails ? /* @__PURE__ */ jsx3(
+    "button",
+    {
+      type: "button",
+      className: "inline-flex min-h-8 items-center rounded-og-sm text-og-sm text-og-fg-muted underline decoration-og-border-strong underline-offset-4 hover:text-og-fg hover:decoration-current [@media(pointer:coarse)]:min-h-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+      "data-review-path": "",
+      onClick: () => onViewDetails(""),
+      children: "Details"
+    }
+  ) : null;
+  const reason = review.reason.trim();
   return /* @__PURE__ */ jsxs2(
-    "article",
+    ToolReviewFrame,
     {
-      "aria-labelledby": titleId,
+      tone,
+      icon: /* @__PURE__ */ jsx3(StatusIcon, { status: review.status, busy: Boolean(submitting) }),
+      eyebrow,
+      title: review.title,
+      titleId,
+      subtitle: review.accountLabel,
+      bare,
       "aria-busy": Boolean(submitting),
-      className: "min-w-0 py-4",
       "data-og-tool-review": "",
       "data-review-status": review.status,
-      children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 items-center gap-2 text-og-xs text-og-fg-muted", role: "status", children: [
-          review.status === "completed" ? /* @__PURE__ */ jsx3(CheckIcon, { className: "size-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx3("span", { className: "size-1.5 shrink-0 rounded-full bg-current", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx3("span", { children: submitting ? submitting === "approve" ? "Approving\u2026" : "Declining\u2026" : review.status === "pending" ? pendingLabel ?? statusText.pending : statusText[review.status] })
+      footer: actionable ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 basis-48 flex-wrap items-center gap-x-3 gap-y-1", children: [
+          detailsLink,
+          reason ? /* @__PURE__ */ jsx3("span", { className: "min-w-0 text-og-xs leading-relaxed text-og-fg-subtle", children: reason }) : null
         ] }),
-        /* @__PURE__ */ jsx3(
-          "h3",
-          {
-            tabIndex: -1,
-            id: titleId,
-            className: "m-0 mt-1.5 outline-hidden break-words text-og-md font-semibold leading-snug text-og-fg",
-            children: review.title
-          }
-        ),
-        review.accountLabel && /* @__PURE__ */ jsx3("p", { className: "m-0 mt-1 break-words text-og-sm text-og-fg-muted", children: review.accountLabel }),
-        (statusDetail[review.status] || review.consequence) && /* @__PURE__ */ jsx3("p", { className: "m-0 mt-3 text-og-sm leading-relaxed text-og-fg-muted", children: statusDetail[review.status] ?? review.consequence }),
-        !quiet && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          extraEffects.length > 0 && /* @__PURE__ */ jsx3("ul", { className: "m-0 mt-3 list-none space-y-1 p-0 text-og-sm text-og-fg", children: extraEffects.map((effect) => /* @__PURE__ */ jsx3("li", { children: effect }, effect)) }),
-          selection && /* @__PURE__ */ jsxs2("div", { className: "mt-4", children: [
-            review.samples && review.samples.length > 0 && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-              /* @__PURE__ */ jsx3("p", { className: "m-0 mb-1 text-og-xs text-og-fg-muted", children: "Examples from this selection" }),
-              /* @__PURE__ */ jsx3("ul", { className: "m-0 list-none divide-y divide-og-border p-0", children: review.samples.map((sample) => /* @__PURE__ */ jsxs2("li", { className: "py-2", children: [
-                /* @__PURE__ */ jsx3("p", { className: "m-0 break-words text-og-sm text-og-fg", children: sample.title }),
-                sample.subtitle && /* @__PURE__ */ jsx3("p", { className: "m-0 mt-0.5 break-words text-og-xs text-og-fg-muted", children: sample.subtitle })
-              ] }, sample.id)) })
-            ] }),
-            onViewDetails && review.detailsAvailable && /* @__PURE__ */ jsxs2(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex min-h-11 items-center gap-1 text-og-sm text-og-fg underline decoration-og-border-strong underline-offset-4 hover:decoration-current",
-                "data-review-path": selection.path,
-                onClick: () => onViewDetails(selection.path),
-                children: [
-                  "View all ",
-                  review.selectionCount?.toLocaleString(),
-                  " ",
-                  review.selectionKind ?? "messages",
-                  /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "size-3.5", "aria-hidden": "true" })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx3("dl", { className: "m-0 mt-3 divide-y divide-og-border text-og-sm", children: fields.map((field) => /* @__PURE__ */ jsxs2(
-            "div",
+        /* @__PURE__ */ jsxs2("div", { className: "ml-auto flex shrink-0 flex-wrap items-center justify-end gap-2", children: [
+          canReject ? /* @__PURE__ */ jsx3(
+            DeclineButton,
+            {
+              busy,
+              submitting: submitting === "reject",
+              label: rejectLabel,
+              onClick: onReject
+            }
+          ) : null,
+          canApprove ? /* @__PURE__ */ jsxs2(
+            "button",
             {
-              className: "grid min-w-0 grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-x-4 py-2",
+              type: "button",
+              disabled: busy,
+              onClick: onApprove,
+              className: "inline-flex min-h-9 items-center justify-center gap-2 rounded-og-md border border-og-primary-border bg-og-primary px-3.5 py-1.5 text-og-sm font-medium text-og-primary-fg transition-colors hover:bg-og-primary-hover disabled:opacity-60 [@media(pointer:coarse)]:min-h-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
               children: [
-                /* @__PURE__ */ jsx3("dt", { className: "m-0 break-words text-og-fg-muted", children: field.label }),
-                /* @__PURE__ */ jsx3("dd", { className: "m-0 min-w-0 whitespace-pre-wrap break-words text-og-fg [overflow-wrap:anywhere]", children: field.truncated && !field.protected && onViewDetails && review.detailsAvailable ? /* @__PURE__ */ jsxs2(
-                  "button",
-                  {
-                    type: "button",
-                    "data-review-path": field.path,
-                    onClick: () => onViewDetails(field.path),
-                    className: "inline-flex min-h-8 max-w-full items-center gap-1 text-left underline decoration-og-border-strong underline-offset-4 hover:decoration-current [@media(pointer:coarse)]:min-h-11",
-                    children: [
-                      /* @__PURE__ */ jsx3("span", { className: "min-w-0 break-words", children: field.preview }),
-                      /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
-                    ]
-                  }
-                ) : field.preview })
+                submitting === "approve" ? /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-spin", "aria-hidden": "true" }) : null,
+                submitting === "approve" ? "Approving\u2026" : review.approveLabel
               ]
-            },
-            field.path
-          )) }),
-          review.moreFields > 0 && /* @__PURE__ */ jsxs2("p", { className: "m-0 mt-2 text-og-xs text-og-fg-muted", children: [
-            review.moreFields,
-            " more fields in the full details"
-          ] })
-        ] }),
-        review.detailsAvailable && onViewDetails && /* @__PURE__ */ jsx3(
-          "button",
+            }
+          ) : null
+        ] })
+      ] }) : void 0,
+      children: [
+        actionable && !canApprove ? /* @__PURE__ */ jsx3("p", { className: "m-0 mb-3 text-og-sm leading-relaxed text-og-fg", children: UNRECOVERABLE_TEXT }) : null,
+        /* @__PURE__ */ jsx3(
+          ReviewFacts,
           {
-            type: "button",
-            className: "mt-1 min-h-8 text-og-xs text-og-fg-muted underline underline-offset-4 hover:text-og-fg [@media(pointer:coarse)]:min-h-11",
-            "data-review-path": "",
-            onClick: () => onViewDetails(""),
-            children: "View full details"
+            review,
+            onViewDetails,
+            showStatusDetail: review.status !== "pending"
           }
         ),
-        actionable && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx3("p", { className: "m-0 mt-3 text-og-xs leading-relaxed text-og-fg-muted", children: review.reason }),
-          /* @__PURE__ */ jsxs2("div", { className: "mt-4 flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsxs2(
-              "button",
-              {
-                type: "button",
-                disabled: busy,
-                onClick: onApprove,
-                className: "inline-flex min-h-9 items-center justify-center gap-2 rounded-og-md border border-og-primary-border bg-og-primary px-4 py-2 text-og-sm font-medium text-og-primary-fg transition-colors hover:bg-og-primary-hover disabled:opacity-60 [@media(pointer:coarse)]:min-h-11",
-                children: [
-                  submitting === "approve" && /* @__PURE__ */ jsx3(LoaderCircleIcon, { className: "size-3.5 animate-spin", "aria-hidden": "true" }),
-                  submitting === "approve" ? "Approving\u2026" : review.approveLabel
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx3(
-              "button",
-              {
-                type: "button",
-                disabled: busy,
-                onClick: onReject,
-                className: "min-h-9 rounded-og-md px-3 py-2 text-og-sm text-og-fg-muted transition-colors hover:bg-og-fg/5 hover:text-og-fg disabled:opacity-60 [@media(pointer:coarse)]:min-h-11",
-                children: submitting === "reject" ? "Declining\u2026" : rejectLabel ?? "Decline"
-              }
-            )
-          ] })
-        ] })
+        !actionable && detailsLink ? /* @__PURE__ */ jsx3("div", { className: "mt-2", children: detailsLink }) : null
       ]
     }
   );
@@ -1160,20 +1351,24 @@ function ToolActionReviewDetails({
   review,
   path: initialPath = "",
   load,
-  onBack
+  onBack,
+  manageFocus = true
 }) {
   const [path, setPath] = useState2(initialPath);
+  const [trail, setTrail] = useState2([]);
   const [offset, setOffset] = useState2(0);
   const [page, setPage] = useState2(null);
   const [error, setError] = useState2(false);
   const [retry, setRetry] = useState2(0);
   const heading = useRef3(null);
+  const focusedOnce = useRef3(false);
   useEffect3(() => {
-    if (page) {
+    if (page && manageFocus && !focusedOnce.current) {
+      focusedOnce.current = true;
       heading.current?.focus({ preventScroll: true });
       heading.current?.scrollIntoView({ block: "start" });
     }
-  }, [page]);
+  }, [page, manageFocus]);
   useEffect3(() => {
     let active = true;
     setPage(null);
@@ -1195,110 +1390,128 @@ function ToolActionReviewDetails({
       active = false;
     };
   }, [review, path, offset, load, retry]);
-  return /* @__PURE__ */ jsxs2("section", { className: "og-root mx-auto w-full max-w-3xl p-6 text-og-fg", "data-og-review-details": "", children: [
-    /* @__PURE__ */ jsxs2(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        className: "mb-5 inline-flex min-h-11 items-center gap-2 text-og-sm text-og-fg-muted hover:text-og-fg",
-        children: [
-          /* @__PURE__ */ jsx3(ArrowLeftIcon, { className: "size-4", "aria-hidden": "true" }),
-          "Back to review"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx3(
-      "h2",
-      {
-        ref: heading,
-        tabIndex: -1,
-        className: "m-0 break-words text-og-lg font-semibold outline-hidden",
-        children: review.title
-      }
-    ),
-    review.accountLabel && /* @__PURE__ */ jsx3("p", { className: "text-og-sm text-og-fg-muted", children: review.accountLabel }),
-    /* @__PURE__ */ jsx3("p", { className: "text-og-sm text-og-fg-muted", children: "Exact saved selection and values. Protected credentials stay hidden." }),
-    path !== initialPath && /* @__PURE__ */ jsx3(
-      "button",
-      {
-        type: "button",
-        className: "min-h-11 text-og-sm underline",
-        onClick: () => {
-          setPath(initialPath);
-          setOffset(0);
-        },
-        children: "Back to all fields"
-      }
-    ),
-    error ? /* @__PURE__ */ jsxs2("div", { role: "alert", className: "py-6 text-og-sm", children: [
-      "Details could not be loaded.",
-      " ",
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          onClick: () => setRetry((value) => value + 1),
-          className: "min-h-11 underline",
-          children: "Try again"
-        }
-      )
-    ] }) : !page ? /* @__PURE__ */ jsx3("p", { role: "status", className: "py-6 text-og-sm text-og-fg-muted", children: "Loading details\u2026" }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsx3("dl", { className: "m-0 divide-y divide-og-border", children: page.items.map((item) => /* @__PURE__ */ jsxs2("div", { className: "py-4", children: [
-        /* @__PURE__ */ jsx3("dt", { className: "m-0 text-og-xs text-og-fg-muted", children: item.label }),
-        /* @__PURE__ */ jsxs2("dd", { className: "m-0 mt-1 whitespace-pre-wrap break-words text-og-sm leading-relaxed [overflow-wrap:anywhere]", children: [
-          item.value,
-          item.truncated && item.path && /* @__PURE__ */ jsx3(
+  const open = (next, label) => {
+    setTrail((value) => [...value, { path, label }]);
+    setPath(next);
+    setOffset(0);
+  };
+  const up = () => {
+    const previous = trail.at(-1);
+    setTrail((value) => value.slice(0, -1));
+    setPath(previous?.path ?? initialPath);
+    setOffset(0);
+  };
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: "og-root mx-auto w-full max-w-3xl px-4 py-5 text-og-fg sm:px-6",
+      "data-og-review-details": "",
+      children: [
+        /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            onClick: onBack,
+            className: "mb-4 inline-flex min-h-11 items-center gap-2 rounded-og-md pr-2 text-og-sm text-og-fg-muted hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+            children: [
+              /* @__PURE__ */ jsx3(ArrowLeftIcon, { className: "size-4", "aria-hidden": "true" }),
+              "Back to review"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "h2",
+          {
+            ref: heading,
+            tabIndex: -1,
+            className: "m-0 break-words text-og-lg font-semibold outline-hidden [overflow-wrap:anywhere]",
+            children: review.title
+          }
+        ),
+        review.accountLabel ? /* @__PURE__ */ jsx3("p", { className: "m-0 mt-1 text-og-sm text-og-fg-muted", children: review.accountLabel }) : null,
+        /* @__PURE__ */ jsx3("p", { className: "m-0 mt-2 text-og-xs text-og-fg-subtle", children: "The exact values saved for this action. Passwords and keys stay hidden." }),
+        trail.length > 0 ? /* @__PURE__ */ jsxs2(
+          "button",
+          {
+            type: "button",
+            className: "mt-3 inline-flex min-h-11 items-center gap-1.5 text-og-sm text-og-fg-muted underline underline-offset-4 hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+            onClick: up,
+            children: [
+              /* @__PURE__ */ jsx3(ArrowLeftIcon, { className: "size-3.5", "aria-hidden": "true" }),
+              "Back to ",
+              trail.at(-1)?.label ?? "all values"
+            ]
+          }
+        ) : null,
+        error ? /* @__PURE__ */ jsxs2("div", { role: "alert", className: "mt-4 py-4 text-og-sm", children: [
+          "Couldn't load these details.",
+          " ",
+          /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
-              "aria-label": `Open complete ${item.label}`,
-              className: "mt-2 block min-h-11 text-og-sm underline underline-offset-4",
-              onClick: () => {
-                setPath(item.path);
-                setOffset(0);
-              },
-              children: "Open complete field"
+              onClick: () => setRetry((value) => value + 1),
+              className: "min-h-11 underline underline-offset-4 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+              children: "Try again"
             }
           )
-        ] })
-      ] }, `${page.path}:${item.label}`)) }),
-      /* @__PURE__ */ jsxs2(
-        "nav",
-        {
-          "aria-label": "Review detail pages",
-          className: "mt-6 flex flex-wrap items-center justify-between gap-3 border-t border-og-border pt-4 text-og-sm",
-          children: [
-            /* @__PURE__ */ jsx3(
+        ] }) : !page ? /* @__PURE__ */ jsx3("p", { role: "status", className: "mt-4 py-4 text-og-sm text-og-fg-muted", children: "Loading details\u2026" }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+          /* @__PURE__ */ jsx3("dl", { className: "m-0 mt-4 divide-y divide-og-border border-y border-og-border", children: page.items.map((item) => /* @__PURE__ */ jsxs2("div", { className: "py-3", children: [
+            /* @__PURE__ */ jsx3("dt", { className: "m-0 text-og-xs text-og-fg-muted", children: item.label }),
+            /* @__PURE__ */ jsx3("dd", { className: "m-0 mt-1 whitespace-pre-wrap break-words text-og-sm leading-relaxed [overflow-wrap:anywhere]", children: item.truncated && item.path ? /* @__PURE__ */ jsxs2(
               "button",
               {
                 type: "button",
-                disabled: offset === 0,
-                onClick: () => setOffset(Math.max(0, offset - 25)),
-                className: "min-h-11 rounded-og-md border border-og-border px-3 disabled:opacity-40",
-                children: "Previous"
-              }
-            ),
-            /* @__PURE__ */ jsx3("span", { className: "text-og-fg-muted", children: page.total === 0 ? "No items" : `${offset + 1}\u2013${offset + page.items.length} of ${page.total.toLocaleString()}` }),
-            /* @__PURE__ */ jsx3(
-              "button",
-              {
-                type: "button",
-                disabled: page.nextOffset === null,
-                onClick: () => setOffset(page.nextOffset ?? offset),
-                className: "min-h-11 rounded-og-md border border-og-border px-3 disabled:opacity-40",
-                children: "Next"
+                "aria-label": `Open ${item.label}`,
+                className: cn(linkButton, "max-w-full"),
+                onClick: () => open(item.path, item.label),
+                children: [
+                  /* @__PURE__ */ jsx3("span", { className: "min-w-0 break-words focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40", children: item.value }),
+                  /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
+                ]
               }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
+            ) : item.value })
+          ] }, `${page.path}:${item.label}`)) }),
+          page.total > page.items.length || offset > 0 ? /* @__PURE__ */ jsxs2(
+            "nav",
+            {
+              "aria-label": "Detail pages",
+              className: "mt-4 flex flex-wrap items-center justify-between gap-3 text-og-sm",
+              children: [
+                /* @__PURE__ */ jsx3(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: offset === 0,
+                    onClick: () => setOffset(Math.max(0, offset - 25)),
+                    className: "min-h-11 rounded-og-md border border-og-border px-3 hover:bg-og-hover disabled:opacity-40 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+                    children: "Previous"
+                  }
+                ),
+                /* @__PURE__ */ jsx3("span", { className: "text-og-fg-muted tabular-nums", children: page.total === 0 ? "No items" : `${(offset + 1).toLocaleString()}\u2013${(offset + page.items.length).toLocaleString()} of ${page.total.toLocaleString()}` }),
+                /* @__PURE__ */ jsx3(
+                  "button",
+                  {
+                    type: "button",
+                    disabled: page.nextOffset === null,
+                    onClick: () => setOffset(page.nextOffset ?? offset),
+                    className: "min-h-11 rounded-og-md border border-og-border px-3 hover:bg-og-hover disabled:opacity-40 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+                    children: "Next"
+                  }
+                )
+              ]
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
 }
 
 // src/components/approval-surface.tsx
-import { useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState3 } from "react";
+import { dequal } from "dequal";
+import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2, ShieldCheckIcon as ShieldCheckIcon2 } from "lucide-react";
 import {
   OpenGeniApiError,
   toolReviewAction,
@@ -1313,10 +1526,14 @@ var defaultApprovalSurfaceMessages = {
   reject: "Decline",
   approving: "Approving\u2026",
   rejecting: "Declining\u2026",
-  formatToolName: (name) => name.includes("__") || /^[a-f0-9]{64}$/.test(name) ? toolDisplayName(name) : name.replaceAll("_", " ").replaceAll(".", " \u203A "),
+  formatToolName: (name) => name.includes("__") || /^[a-f0-9]{64}$/.test(name) ? toolDisplayName(name) : humanToolName(name.replaceAll("_", " ").replaceAll(".", " \u203A ")),
   showDetails: "View full details",
   hideDetails: "Back to review"
 };
+function humanToolName(name) {
+  const phrase = name.replace(/^batch\s+/i, "").trim();
+  return phrase ? phrase.charAt(0).toUpperCase() + phrase.slice(1) : name;
+}
 function ApprovalSurface({
   approvals,
   onApprove,
@@ -1334,9 +1551,7 @@ function ApprovalSurface({
 }) {
   const messages = { ...defaultApprovalSurfaceMessages, ...overrides };
   const formatError = useErrorMessage();
-  const [pending, setPending] = useState3(
-    null
-  );
+  const [pending, setPending] = useState3(null);
   const pendingRef = useRef4(null);
   const [decisionError, setDecisionError] = useState3(null);
   const [localSelectedId, setLocalSelectedId] = useState3(null);
@@ -1380,31 +1595,32 @@ function ApprovalSurface({
     {
       ref: surface,
       "aria-label": messages.title,
-      className: cn("og-root box-border w-full min-w-0 border-t border-og-border", className),
+      className: cn("og-root box-border w-full min-w-0 space-y-2 py-2", className),
       "data-og-approval-surface": "",
       children: [
         approvals.length > 1 && /* @__PURE__ */ jsxs3(
           "nav",
           {
             "aria-label": "Actions to review",
-            className: "flex flex-wrap items-center justify-between gap-2 pt-3 text-og-xs text-og-fg-muted",
+            className: "flex flex-wrap items-center justify-between gap-x-3 gap-y-1 text-og-xs text-og-fg-muted",
             children: [
-              /* @__PURE__ */ jsxs3("span", { children: [
+              /* @__PURE__ */ jsxs3("span", { className: "font-medium text-og-status-waiting", children: [
                 approvals.length,
-                " actions need review"
+                " actions are waiting for you"
               ] }),
-              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", children: [
                 /* @__PURE__ */ jsx4(
                   "button",
                   {
                     type: "button",
+                    "aria-label": "Previous action",
                     disabled: selectedIndex === 0,
                     onClick: () => setSelectedId(approvals[selectedIndex - 1].id),
-                    className: "min-h-11 disabled:opacity-40",
-                    children: "Previous"
+                    className: "inline-flex min-h-8 min-w-8 items-center justify-center rounded-og-md hover:bg-og-hover hover:text-og-fg disabled:opacity-40 disabled:hover:bg-transparent [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+                    children: /* @__PURE__ */ jsx4(ChevronLeftIcon, { className: "size-4", "aria-hidden": "true" })
                   }
                 ),
-                /* @__PURE__ */ jsxs3("span", { children: [
+                /* @__PURE__ */ jsxs3("span", { className: "tabular-nums", "aria-live": "polite", children: [
                   selectedIndex + 1,
                   " of ",
                   approvals.length
@@ -1413,17 +1629,18 @@ function ApprovalSurface({
                   "button",
                   {
                     type: "button",
+                    "aria-label": "Next action",
                     disabled: selectedIndex === approvals.length - 1,
                     onClick: () => setSelectedId(approvals[selectedIndex + 1].id),
-                    className: "min-h-11 disabled:opacity-40",
-                    children: "Next"
+                    className: "inline-flex min-h-8 min-w-8 items-center justify-center rounded-og-md hover:bg-og-hover hover:text-og-fg disabled:opacity-40 disabled:hover:bg-transparent [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+                    children: /* @__PURE__ */ jsx4(ChevronRightIcon2, { className: "size-4", "aria-hidden": "true" })
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsx4("div", { className: "divide-y divide-og-border", children: [selected].map((approval) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx4("div", { children: [selected].map((approval) => /* @__PURE__ */ jsx4(
           ApprovalRequest,
           {
             approval,
@@ -1439,7 +1656,7 @@ function ApprovalSurface({
           },
           approval.id
         )) }),
-        errorText && /* @__PURE__ */ jsx4("p", { role: "alert", className: "m-0 pb-3 text-og-sm text-og-status-failed", children: errorText })
+        errorText && /* @__PURE__ */ jsx4("p", { role: "alert", className: "m-0 px-1 text-og-sm text-og-status-failed", children: errorText })
       ]
     }
   );
@@ -1453,71 +1670,165 @@ function ApprovalRequest({
   onViewDetails,
   ...actions
 }) {
-  const [loaded, setLoaded] = useState3(null);
-  const [failed, setFailed] = useState3(false);
-  const [legacy, setLegacy] = useState3(false);
   const [retry, setRetry] = useState3(0);
+  const requestRef = useRef4({ approval, loadReview, retry });
+  if (requestRef.current.loadReview !== loadReview || requestRef.current.retry !== retry || !dequal(requestRef.current.approval, approval)) {
+    requestRef.current = { approval, loadReview, retry };
+  }
+  const request = requestRef.current;
+  const [result, setResult] = useState3(null);
+  const current = result?.request === request ? result : null;
+  const loaded = current?.review;
+  const failed = current?.failed;
+  const legacy = current?.legacy;
+  const denied = current?.denied;
   const [detailPath, setDetailPath] = useState3(null);
   useEffect4(() => {
     let active = true;
-    setLoaded(null);
-    setFailed(false);
-    setLegacy(false);
-    if (loadReview)
-      void loadReview(approval).then(
+    if (request.loadReview)
+      void request.loadReview(request.approval).then(
         (review2) => {
           if (active) {
-            if (review2.id !== approval.id) setFailed(true);
-            else setLoaded(review2);
+            setResult(
+              review2.id !== request.approval.id ? { request, failed: true } : { request, review: review2 }
+            );
           }
         },
         (error) => {
           if (active) {
-            if (error instanceof OpenGeniApiError && error.status === 404 && approval.arguments !== void 0)
-              setLegacy(true);
-            else setFailed(true);
+            if (error instanceof OpenGeniApiError && error.status === 404)
+              setResult({ request, legacy: true });
+            else if (error instanceof OpenGeniApiError && (error.status === 401 || error.status === 403))
+              setResult({ request, failed: true, denied: true });
+            else setResult({ request, failed: true });
           }
         }
       );
     return () => {
       active = false;
     };
-  }, [approval, retry, loadReview]);
+  }, [request]);
+  const stableApproval = request.approval;
+  const { formatToolName, approve: approveLabel } = messages;
+  const fallback2 = useMemo2(
+    () => ({
+      version: 1,
+      id: stableApproval.id,
+      actionDigest: "",
+      revision: "legacy",
+      status: "pending",
+      ...toolReviewAction(stableApproval.name, stableApproval.arguments, {
+        kind: "generic",
+        title: stableApproval.display?.title ?? formatToolName(stableApproval.display?.toolName ?? stableApproval.name)
+      }),
+      ...stableApproval.display?.accountLabel ? { accountLabel: stableApproval.display.accountLabel } : {},
+      ...toolReviewFields(stableApproval.arguments),
+      reason: "",
+      createdAt: "",
+      updatedAt: "",
+      approveLabel,
+      availableActions: stableApproval.arguments === void 0 ? [] : ["approve", "reject"],
+      detailsAvailable: stableApproval.arguments !== void 0
+    }),
+    [stableApproval, formatToolName, approveLabel]
+  );
+  const loadLegacyDetails = useCallback(
+    async (value, path, offset) => ({
+      version: 1,
+      id: value.id,
+      actionDigest: value.actionDigest,
+      ...toolReviewDetails(stableApproval.arguments, void 0, path, offset)
+    }),
+    [stableApproval]
+  );
   if (loadReview && !loaded && !failed && !legacy)
-    return /* @__PURE__ */ jsx4("div", { className: "py-5 text-og-sm text-og-fg-muted", role: "status", children: "Loading action details\u2026" });
+    return /* @__PURE__ */ jsx4(
+      ToolReviewFrame,
+      {
+        tone: "waiting",
+        icon: /* @__PURE__ */ jsx4(ShieldCheckIcon2, { className: "size-4", "aria-hidden": "true" }),
+        eyebrow: messages.title,
+        title: fallback2.title,
+        subtitle: fallback2.accountLabel,
+        "aria-busy": true,
+        "data-og-tool-review-loading": "",
+        children: /* @__PURE__ */ jsxs3("div", { role: "status", className: "space-y-2", children: [
+          /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Loading action details\u2026" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-3 w-3/4 animate-pulse rounded-og-sm bg-og-fg/8", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx4("div", { className: "h-3 w-1/2 animate-pulse rounded-og-sm bg-og-fg/8", "aria-hidden": "true" })
+        ] })
+      }
+    );
+  if (denied)
+    return /* @__PURE__ */ jsx4(
+      ToolReviewFrame,
+      {
+        tone: "waiting",
+        icon: /* @__PURE__ */ jsx4(ShieldCheckIcon2, { className: "size-4", "aria-hidden": "true" }),
+        eyebrow: messages.title,
+        title: fallback2.title,
+        subtitle: fallback2.accountLabel,
+        children: /* @__PURE__ */ jsx4("p", { role: "alert", className: "m-0 text-og-sm text-og-fg", children: "You don't have access to review this action. Ask someone with access to this chat to decide." })
+      }
+    );
   if (failed)
-    return /* @__PURE__ */ jsxs3("div", { className: "py-4 text-og-sm text-og-fg", role: "alert", children: [
-      "Action details could not be loaded.",
-      " ",
+    return /* @__PURE__ */ jsx4(
+      ToolReviewFrame,
+      {
+        tone: "waiting",
+        icon: /* @__PURE__ */ jsx4(ShieldCheckIcon2, { className: "size-4", "aria-hidden": "true" }),
+        eyebrow: messages.title,
+        title: fallback2.title,
+        subtitle: fallback2.accountLabel,
+        footer: /* @__PURE__ */ jsx4("div", { className: "ml-auto", children: /* @__PURE__ */ jsx4(
+          DeclineButton,
+          {
+            busy: Boolean(actions.disabled || actions.submitting),
+            submitting: actions.submitting === "reject",
+            label: messages.reject,
+            onClick: actions.onReject
+          }
+        ) }),
+        children: /* @__PURE__ */ jsxs3("p", { role: "alert", className: "m-0 text-og-sm text-og-fg", children: [
+          "Couldn't load this action, so it can't be approved yet. You can still decline it.",
+          " ",
+          /* @__PURE__ */ jsx4(
+            "button",
+            {
+              type: "button",
+              className: "min-h-8 font-medium underline underline-offset-4 [@media(pointer:coarse)]:min-h-11 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
+              onClick: () => setRetry((value) => value + 1),
+              children: "Try again"
+            }
+          )
+        ] })
+      }
+    );
+  if (!loaded && stableApproval.arguments === void 0)
+    return /* @__PURE__ */ jsxs3("div", { "data-approval-id": approval.id, "data-review-origin": "pending", children: [
+      custom,
       /* @__PURE__ */ jsx4(
-        "button",
+        ToolReviewFrame,
         {
-          type: "button",
-          className: "min-h-11 underline underline-offset-4",
-          onClick: () => setRetry((value) => value + 1),
-          children: "Try again"
+          tone: "waiting",
+          icon: /* @__PURE__ */ jsx4(ShieldCheckIcon2, { className: "size-4", "aria-hidden": "true" }),
+          eyebrow: messages.title,
+          title: fallback2.title,
+          subtitle: fallback2.accountLabel,
+          "data-og-tool-review": "",
+          footer: /* @__PURE__ */ jsx4("div", { className: "ml-auto", children: /* @__PURE__ */ jsx4(
+            DeclineButton,
+            {
+              busy: Boolean(actions.disabled || actions.submitting),
+              submitting: actions.submitting === "reject",
+              label: messages.reject,
+              onClick: actions.onReject
+            }
+          ) }),
+          children: /* @__PURE__ */ jsx4("p", { className: "m-0 text-og-sm text-og-fg", children: UNRECOVERABLE_TEXT })
         }
       )
     ] });
-  const fallback2 = {
-    version: 1,
-    id: approval.id,
-    actionDigest: "",
-    revision: "legacy",
-    status: "pending",
-    ...toolReviewAction(approval.name, approval.arguments, {
-      kind: "generic",
-      title: approval.display?.title ?? messages.formatToolName(approval.display?.toolName ?? approval.name)
-    }),
-    ...approval.display?.accountLabel ? { accountLabel: approval.display.accountLabel } : {},
-    ...toolReviewFields(approval.arguments),
-    reason: "This action requires your approval.",
-    createdAt: "",
-    updatedAt: "",
-    approveLabel: messages.approve,
-    availableActions: approval.arguments === void 0 ? [] : ["approve", "reject"],
-    detailsAvailable: approval.arguments !== void 0
-  };
   const review = loaded ?? fallback2;
   if (detailPath !== null)
     return /* @__PURE__ */ jsx4(
@@ -1525,12 +1836,7 @@ function ApprovalRequest({
       {
         review,
         path: detailPath,
-        load: loaded && loadDetails ? loadDetails : async (value, path, offset) => ({
-          version: 1,
-          id: value.id,
-          actionDigest: value.actionDigest,
-          ...toolReviewDetails(approval.arguments, void 0, path, offset)
-        }),
+        load: loaded && loadDetails ? loadDetails : loadLegacyDetails,
         onBack: () => {
           const path = detailPath;
           setDetailPath(null);
@@ -1557,8 +1863,7 @@ function ApprovalRequest({
         rejectLabel: messages.reject,
         onViewDetails: loaded && onViewDetails ? (path) => onViewDetails(review, path) : loadDetails || !loaded ? setDetailPath : void 0
       }
-    ),
-    !loaded && approval.arguments === void 0 && /* @__PURE__ */ jsx4("p", { className: "pb-3 text-og-sm text-og-fg-muted", children: "Open the task with a compatible client to review this action." })
+    )
   ] });
 }
 
@@ -1656,8 +1961,8 @@ function useStartupDetails() {
 }
 
 // src/components/tool-review-history.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo2, useState as useState5 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect5, useMemo as useMemo3, useState as useState5 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var History = createContext2(null);
 function ToolReviewHistoryProvider({
   events,
@@ -1665,7 +1970,7 @@ function ToolReviewHistoryProvider({
   onViewDetails,
   children
 }) {
-  const value = useMemo2(
+  const value = useMemo3(
     () => ({
       approvalIds: new Set(
         events.flatMap(
@@ -1686,56 +1991,29 @@ function useHasToolReview(approvalId) {
   const history = useContext2(History);
   return Boolean(approvalId && history?.approvalIds.has(approvalId));
 }
-function ToolReviewHistoryReceipt({ approvalId }) {
+function useRecordedToolReview(approvalId) {
   const history = useContext2(History);
   const [review, setReview] = useState5(null);
-  const [failed, setFailed] = useState5(false);
-  const [retry, setRetry] = useState5(0);
   const load = history?.load;
   const revision = history?.revision;
   useEffect5(() => {
-    if (!load) return;
+    if (!load || !approvalId) return;
     let active = true;
-    setFailed(false);
     void load(approvalId).then(
       (value) => {
-        if (active) {
-          if (value.id === approvalId) setReview(value);
-          else setFailed(true);
-        }
+        if (active && value.id === approvalId) setReview(value);
       },
-      () => {
-        if (active) setFailed(true);
-      }
+      () => void 0
     );
     return () => {
       active = false;
     };
-  }, [approvalId, load, revision, retry]);
-  if (!history) return null;
-  if (failed)
-    return /* @__PURE__ */ jsxs5("p", { className: "text-og-sm text-og-fg-muted", role: "alert", children: [
-      "Review details unavailable.",
-      " ",
-      /* @__PURE__ */ jsx6(
-        "button",
-        {
-          type: "button",
-          className: "min-h-11 underline",
-          onClick: () => setRetry((value) => value + 1),
-          children: "Try again"
-        }
-      )
-    ] });
-  if (!review)
-    return /* @__PURE__ */ jsx6("p", { role: "status", className: "text-og-sm text-og-fg-muted", children: "Loading reviewed action\u2026" });
-  return /* @__PURE__ */ jsx6("div", { "data-approval-id": approvalId, "data-review-origin": "history", children: /* @__PURE__ */ jsx6(
-    ToolActionReviewCard,
-    {
-      review: { ...review, availableActions: [] },
-      onViewDetails: (path) => history.onViewDetails(review, path)
-    }
-  ) });
+  }, [approvalId, load, revision]);
+  const onViewDetails = history?.onViewDetails;
+  return {
+    review: review && review.id === approvalId ? review : null,
+    onViewDetails: review && onViewDetails ? (path) => onViewDetails(review, path) : void 0
+  };
 }
 
 // src/timeline/parsers.ts
@@ -2462,11 +2740,11 @@ function useTimelineComputeLabel() {
 
 // src/timeline/tool-diff.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function ToolDiff({ files }) {
   const [layout, setLayout] = useState7("unified");
   const themeType = useThemeType(void 0);
-  return /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
     /* @__PURE__ */ jsx8("div", { className: "mb-1.5 flex justify-end", children: /* @__PURE__ */ jsx8(LayoutToggle, { layout, onChange: setLayout }) }),
     /* @__PURE__ */ jsx8(PierreDiff, { diff: files, layout, themeType })
   ] });
@@ -2496,7 +2774,7 @@ function RawPatch({ diff }) {
     occurrences.set(line, occurrence);
     return { key: `${line}\0${occurrence}`, line };
   });
-  return /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
     /* @__PURE__ */ jsx8("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: "raw patch (could not parse hunks)" }),
     /* @__PURE__ */ jsx8("pre", { className: "max-h-72 overflow-auto border-l-2 border-og-border pl-3 font-og-mono text-og-xs leading-5", children: lines.map(({ key, line }) => /* @__PURE__ */ jsx8(
       "span",
@@ -2513,11 +2791,11 @@ function RawPatch({ diff }) {
 }
 
 // src/timeline/tool-renderers.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var ICON_SIZE = "size-3.5";
 function RunningPreview({ children }) {
   const compact = useContext4(CompactActivityContext);
-  return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-1.5", children: [
+  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-1.5", children: [
     !compact && /* @__PURE__ */ jsx9("span", { className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-status-running" }),
     /* @__PURE__ */ jsx9("span", { className: "min-w-0 truncate", children })
   ] });
@@ -2597,7 +2875,7 @@ function ExecRenderer({ item }) {
   const truncated = execTruncated(text);
   const preview = withComputePreview(computeLabel, truncated ? `\u22EF truncated \xB7 ${peek}` : peek);
   const body = binary ? "(binary output suppressed)" : stripped;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(TerminalIcon, { className: ICON_SIZE }),
@@ -2618,7 +2896,7 @@ function ExecRenderer({ item }) {
             failed: item.status === "failed" || exitCode != null && exitCode !== 0
           }
         ),
-        bgSession != null ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        bgSession != null ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "\u21B3 session ",
           bgSession,
           " \u2014 a later write_stdin can target this PTY."
@@ -2646,7 +2924,7 @@ function WriteStdinRenderer({ item }) {
         titleMono: true,
         running: true,
         preview: /* @__PURE__ */ jsx9(RunningPreview, { children: "sending\u2026" }),
-        children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        children: /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "sending input to session ",
           sessionId,
           "\u2026"
@@ -2694,12 +2972,12 @@ function PathPreview({
   add,
   del
 }) {
-  return /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 truncate font-og-mono", children: [
-    /* @__PURE__ */ jsxs7("span", { className: "truncate", children: [
+  return /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-2 truncate font-og-mono", children: [
+    /* @__PURE__ */ jsxs6("span", { className: "truncate", children: [
       /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: dirname(path) }),
       /* @__PURE__ */ jsx9("span", { className: "text-og-fg-muted", children: basename(path) })
     ] }),
-    add != null || del != null ? /* @__PURE__ */ jsxs7("span", { className: "shrink-0 text-og-fg-subtle", children: [
+    add != null || del != null ? /* @__PURE__ */ jsxs6("span", { className: "shrink-0 text-og-fg-subtle", children: [
       add != null ? `+${add}` : "",
       add != null && del != null ? " " : "",
       del != null ? `\u2212${del}` : ""
@@ -2726,7 +3004,7 @@ function ApplyPatchRenderer({ item }) {
         children: ops.map((op, index) => {
           const file2 = safeParseOp(op);
           const key = `${op.type}:${op.path}:${index}`;
-          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, key) : /* @__PURE__ */ jsxs7("div", { children: [
+          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, key) : /* @__PURE__ */ jsxs6("div", { children: [
             /* @__PURE__ */ jsx9("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
             /* @__PURE__ */ jsx9(RawPatch, { diff: op.diff ?? "" })
           ] }, key);
@@ -2759,12 +3037,12 @@ function ApplyPatchRenderer({ item }) {
         iconTone: "accent",
         title: `Edited ${ops.length} files`,
         cancelled,
-        preview: /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
-          /* @__PURE__ */ jsxs7("span", { className: "text-og-fg-muted", children: [
+        preview: /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
+          /* @__PURE__ */ jsxs6("span", { className: "text-og-fg-muted", children: [
             ops.length,
             " files"
           ] }),
-          /* @__PURE__ */ jsxs7("span", { className: "text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsxs6("span", { className: "text-og-fg-subtle", children: [
             "+",
             add,
             " \u2212",
@@ -2774,7 +3052,7 @@ function ApplyPatchRenderer({ item }) {
         children: ops.map((op, index) => {
           const file2 = parsed[index];
           const key = `${op.type}:${op.path}:${index}`;
-          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, key) : /* @__PURE__ */ jsxs7("div", { children: [
+          return file2 ? /* @__PURE__ */ jsx9(ToolDiff, { files: [file2] }, key) : /* @__PURE__ */ jsxs6("div", { children: [
             /* @__PURE__ */ jsx9("p", { className: "mb-1 font-og-mono text-og-xs text-og-fg-muted", children: op.path }),
             /* @__PURE__ */ jsx9(RawPatch, { diff: op.diff ?? "" })
           ] }, key);
@@ -2807,7 +3085,7 @@ function ApplyPatchRenderer({ item }) {
         iconTone: "accent",
         title: `${verbForOp(firstOp)} ${basename(firstOp.path)}`,
         cancelled,
-        preview: /* @__PURE__ */ jsxs7("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
+        preview: /* @__PURE__ */ jsxs6("span", { className: "inline-flex items-center gap-2 font-og-mono", children: [
           /* @__PURE__ */ jsx9("span", { className: "text-og-fg-muted", children: basename(firstOp.path) }),
           /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: "malformed V4A" })
         ] }),
@@ -2882,7 +3160,10 @@ function asComputerArgs(args) {
 }
 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 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;
   const actions = raw.actions ?? (action ? [action] : []);
   const verb = computerVerb(action);
@@ -2950,7 +3231,7 @@ function ComputerCallRenderer({ item, loadRetainedScreenshot }) {
           cancelled: isCancelled,
           preview: `screenshot ${state}`,
           media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
-          children: /* @__PURE__ */ jsxs7(BodyNote, { tone: isFailed ? "error" : void 0, children: [
+          children: /* @__PURE__ */ jsxs6(BodyNote, { tone: isFailed ? "error" : void 0, children: [
             "Screenshot ",
             state,
             ": ",
@@ -2978,7 +3259,7 @@ function ComputerCallRenderer({ item, loadRetainedScreenshot }) {
   }
   if (shotUrl) {
     const caption = `${verb}${actions.length > 1 ? ` (+${actions.length - 1} more)` : ""}`;
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon: isShot ? /* @__PURE__ */ jsx9(CameraIcon, { className: ICON_SIZE }) : /* @__PURE__ */ jsx9(MousePointer2Icon, { className: ICON_SIZE }),
@@ -2989,7 +3270,7 @@ function ComputerCallRenderer({ item, loadRetainedScreenshot }) {
         media: /* @__PURE__ */ jsx9(Thumbnail, { src: shotUrl, caption }),
         children: [
           /* @__PURE__ */ jsx9(ScreenshotFigure, { src: shotUrl, caption }),
-          batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          batched ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
             "batched: ",
             batched
           ] }) : null
@@ -2998,7 +3279,7 @@ function ComputerCallRenderer({ item, loadRetainedScreenshot }) {
     );
   }
   if (omittedMedia) {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon: /* @__PURE__ */ jsx9(CameraOffIcon, { className: ICON_SIZE }),
@@ -3009,12 +3290,12 @@ function ComputerCallRenderer({ item, loadRetainedScreenshot }) {
         preview: "inline image omitted \xB7 not retained",
         media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
         children: [
-          /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          /* @__PURE__ */ jsxs6(BodyNote, { children: [
             "The inline ",
             omittedMedia.mediaType,
             " output was omitted from the audit timeline and its source bytes were not retained."
           ] }),
-          batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          batched ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
             "batched: ",
             batched
           ] }) : null
@@ -3083,7 +3364,7 @@ function BrowserScreenshotRenderer(props) {
         cancelled: isCancelled,
         preview: `screenshot ${state}`,
         media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsxs7(BodyNote, { tone: isFailed ? "error" : void 0, children: [
+        children: /* @__PURE__ */ jsxs6(BodyNote, { tone: isFailed ? "error" : void 0, children: [
           "Screenshot ",
           state,
           ": ",
@@ -3150,7 +3431,7 @@ function LoadedRetainedSessionImageDisclosure({
     lightboxLabel,
     downloadFilename
   };
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon,
@@ -3162,17 +3443,17 @@ function LoadedRetainedSessionImageDisclosure({
       preview: state.kind === "loading" ? `loading retained ${noun}\u2026` : state.kind === "error" ? `${noun} retrieval failed` : state.kind === "unavailable" ? `${noun} ${state.label}` : void 0,
       media: state.kind === "ready" ? /* @__PURE__ */ jsx9(Thumbnail, { ...figure }) : state.kind === "loading" ? /* @__PURE__ */ jsx9(MediaSkeleton, {}) : /* @__PURE__ */ jsx9(MediaEmpty, {}),
       children: [
-        state.kind === "ready" ? /* @__PURE__ */ jsx9(ScreenshotFigure, { ...figure }) : state.kind === "loading" ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        state.kind === "ready" ? /* @__PURE__ */ jsx9(ScreenshotFigure, { ...figure }) : state.kind === "loading" ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "Loading the retained ",
           noun,
           "\u2026"
-        ] }) : state.kind === "unavailable" ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        ] }) : state.kind === "unavailable" ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
           noun === "screenshot" ? "Screenshot" : "Image",
           " ",
           state.label,
           "."
         ] }) : /* @__PURE__ */ jsx9(ImageRetrievalError, { noun, retry: state.retry }),
-        batched ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        batched ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "batched: ",
           batched
         ] }) : null,
@@ -3182,7 +3463,7 @@ function LoadedRetainedSessionImageDisclosure({
   );
 }
 function ImageRetrievalError({ noun = "image", retry }) {
-  return /* @__PURE__ */ jsxs7(BodyNote, { tone: "error", children: [
+  return /* @__PURE__ */ jsxs6(BodyNote, { tone: "error", children: [
     noun === "screenshot" ? "Screenshot" : "Image",
     " retrieval failed.",
     " ",
@@ -3237,7 +3518,7 @@ function GeneratedVideoRenderer({ item }) {
   const failed = item.status === "failed";
   const cancelled = item.status === "cancelled";
   const running = item.status === "running";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(VideoIcon, { className: ICON_SIZE }),
@@ -3315,7 +3596,7 @@ function SandboxFilePublishRenderer({ item, loadRetainedArtifact }) {
       if (urlToRevoke) setTimeout(() => URL.revokeObjectURL(urlToRevoke), 0);
     }
   };
-  const downloadButton = /* @__PURE__ */ jsxs7(
+  const downloadButton = /* @__PURE__ */ jsxs6(
     "button",
     {
       type: "button",
@@ -3329,7 +3610,7 @@ function SandboxFilePublishRenderer({ item, loadRetainedArtifact }) {
     }
   );
   if (isRetainedImageContentType(receipt.artifact.contentType)) {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       RetainedSessionImageDisclosure,
       {
         artifact: receipt.artifact,
@@ -3351,7 +3632,7 @@ function SandboxFilePublishRenderer({ item, loadRetainedArtifact }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(DownloadIcon, { className: ICON_SIZE }),
@@ -3460,7 +3741,7 @@ function SiteArtifactRenderer({ item }) {
       iconTone: "accent",
       title: publishingExisting ? `Updated ${receipt.title}` : `Published ${receipt.title}`,
       media: /* @__PURE__ */ jsx9(SiteOpenLink, { receipt }),
-      children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
+      children: /* @__PURE__ */ jsxs6(BodyNote, { children: [
         "Version ",
         receipt.revision,
         " is live",
@@ -3480,7 +3761,7 @@ function GeneratedImageDisclosure({
   const dimensions = receipt.artifact.dimensions;
   const title = failed ? "Image generation failed" : "Generated image";
   const caption = prompt || `Generated image \xB7 ${dimensions.width}\xD7${dimensions.height}`;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(ImageIcon, { className: ICON_SIZE }),
@@ -3510,12 +3791,12 @@ function GeneratedImageDisclosure({
             expandLabel: "Expand generated image",
             lightboxLabel: "Generated image"
           }
-        ) : state.kind === "loading" ? /* @__PURE__ */ jsx9(BodyNote, { children: "Loading the generated image\u2026" }) : state.kind === "unavailable" ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        ) : state.kind === "loading" ? /* @__PURE__ */ jsx9(BodyNote, { children: "Loading the generated image\u2026" }) : state.kind === "unavailable" ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "Image ",
           state.label,
           "."
         ] }) : /* @__PURE__ */ jsx9(ImageRetrievalError, { retry: state.retry }),
-        /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        /* @__PURE__ */ jsxs6(BodyNote, { children: [
           dimensions.width,
           "\xD7",
           dimensions.height,
@@ -3607,10 +3888,10 @@ function WebSearchRenderer({ item }) {
       preview: `${query}${variants}`,
       failed: item.status === "failed",
       cancelled: item.status === "cancelled",
-      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx9("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs7("li", { className: "flex gap-2.5", children: [
+      children: keyedResults && keyedResults.length ? /* @__PURE__ */ jsx9("ul", { className: "flex flex-col gap-2", children: keyedResults.map(({ key, result }) => /* @__PURE__ */ jsxs6("li", { className: "flex gap-2.5", children: [
         /* @__PURE__ */ jsx9(GlobeIcon, { className: "mt-0.5 size-3.5 shrink-0 text-og-fg-subtle" }),
-        /* @__PURE__ */ jsxs7("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsxs7("p", { className: "truncate text-og-base text-og-fg", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxs6("p", { className: "truncate text-og-base text-og-fg", children: [
             result.title,
             " ",
             /* @__PURE__ */ jsx9("span", { className: "text-og-fg-subtle", children: result.domain })
@@ -3665,7 +3946,7 @@ function ViewImageRenderer({ item, loadRetainedScreenshot }) {
           cancelled: viewCancelled,
           preview: `image ${state}`,
           media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
-          children: /* @__PURE__ */ jsxs7(BodyNote, { tone: viewFailed ? "error" : void 0, children: [
+          children: /* @__PURE__ */ jsxs6(BodyNote, { tone: viewFailed ? "error" : void 0, children: [
             "Image ",
             state,
             ": ",
@@ -3731,7 +4012,7 @@ function ViewImageRenderer({ item, loadRetainedScreenshot }) {
         cancelled: viewCancelled,
         preview: "inline image omitted \xB7 not retained",
         media: /* @__PURE__ */ jsx9(MediaEmpty, {}),
-        children: /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        children: /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "The inline ",
           omittedMedia.mediaType,
           " output was omitted from the audit timeline and its source bytes were not retained."
@@ -3787,7 +4068,7 @@ function SecretSetRenderer({ item }) {
   }
   if (item.status === "failed") {
     const errorText = typeof item.output === "string" ? item.output : null;
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
@@ -3802,7 +4083,7 @@ function SecretSetRenderer({ item }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(KeyRoundIcon, { className: ICON_SIZE }),
@@ -3909,7 +4190,7 @@ function ToolSearchRenderer({ item }) {
   const running = item.status === "running";
   const queryPreview = query ? truncatePreview(query, 64) : "";
   if (running) {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon,
@@ -3918,7 +4199,7 @@ function ToolSearchRenderer({ item }) {
         running: true,
         preview: queryPreview ? /* @__PURE__ */ jsx9(RunningPreview, { children: queryPreview }) : /* @__PURE__ */ jsx9(RunningPreview, { children: "Matching capabilities\u2026" }),
         children: [
-          query ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          query ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
             "capability query: ",
             query
           ] }) : null,
@@ -3929,7 +4210,7 @@ function ToolSearchRenderer({ item }) {
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon,
@@ -3938,7 +4219,7 @@ function ToolSearchRenderer({ item }) {
         failed: true,
         preview: truncatePreview(outText, 80) || queryPreview || "Lookup failed",
         children: [
-          query ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+          query ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
             "capability query: ",
             query
           ] }) : null,
@@ -3950,7 +4231,7 @@ function ToolSearchRenderer({ item }) {
   }
   const tools = parseDisclosedTools(item.output);
   const preview = toolSearchPreview(tools, item.status === "cancelled");
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon,
@@ -3959,16 +4240,16 @@ function ToolSearchRenderer({ item }) {
       cancelled: item.status === "cancelled",
       preview,
       children: [
-        query ? /* @__PURE__ */ jsxs7(BodyNote, { children: [
+        query ? /* @__PURE__ */ jsxs6(BodyNote, { children: [
           "capability query: ",
           query
         ] }) : null,
-        tools && tools.length > 0 ? /* @__PURE__ */ jsxs7("ul", { className: "grid gap-1.5", children: [
-          tools.slice(0, 12).map((tool) => /* @__PURE__ */ jsxs7("li", { className: "flex min-w-0 items-baseline gap-2", children: [
+        tools && tools.length > 0 ? /* @__PURE__ */ jsxs6("ul", { className: "grid gap-1.5", children: [
+          tools.slice(0, 12).map((tool) => /* @__PURE__ */ jsxs6("li", { className: "flex min-w-0 items-baseline gap-2", children: [
             tool.source ? /* @__PURE__ */ jsx9("span", { className: "shrink-0 text-og-xs text-og-fg-subtle", children: tool.source }) : null,
             /* @__PURE__ */ jsx9("span", { className: "truncate font-mono text-og-sm text-og-fg", children: tool.leaf })
           ] }, tool.name)),
-          tools.length > 12 ? /* @__PURE__ */ jsxs7("li", { className: "text-og-xs text-og-fg-muted", children: [
+          tools.length > 12 ? /* @__PURE__ */ jsxs6("li", { className: "text-og-xs text-og-fg-muted", children: [
             "+",
             tools.length - 12,
             " more"
@@ -4000,7 +4281,7 @@ function DocsSearchRenderer({ item }) {
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
@@ -4017,7 +4298,7 @@ function DocsSearchRenderer({ item }) {
   }
   const hits = parseSearchHits(outText);
   const preview = item.status === "cancelled" ? void 0 : hits ? hits.length === 0 ? "No hits" : `${hits.length} hit${hits.length === 1 ? "" : "s"}` : "Done";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(FileSearchIcon, { className: ICON_SIZE }),
@@ -4026,7 +4307,7 @@ function DocsSearchRenderer({ item }) {
       cancelled: item.status === "cancelled",
       preview,
       children: [
-        hits && hits.length > 0 ? /* @__PURE__ */ jsx9("ul", { className: "grid gap-2", children: hits.slice(0, 8).map((hit) => /* @__PURE__ */ jsxs7("li", { className: "min-w-0", children: [
+        hits && hits.length > 0 ? /* @__PURE__ */ jsx9("ul", { className: "grid gap-2", children: hits.slice(0, 8).map((hit) => /* @__PURE__ */ jsxs6("li", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx9("div", { className: "truncate text-og-sm font-medium text-og-fg", children: hit.title }),
           hit.snippet ? /* @__PURE__ */ jsx9("div", { className: "mt-0.5 line-clamp-2 text-og-xs text-og-fg-muted", children: hit.snippet }) : null
         ] }, `${hit.title}\0${hit.snippet}`)) }) : null,
@@ -4057,7 +4338,7 @@ function SetSessionTitleRenderer({ item }) {
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon,
@@ -4082,7 +4363,7 @@ function SetSessionTitleRenderer({ item }) {
       }
     }
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon,
@@ -4133,7 +4414,7 @@ function MemoryProposeRenderer({ item }) {
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon: /* @__PURE__ */ jsx9(BrainCircuitIcon2, { className: ICON_SIZE }),
@@ -4148,7 +4429,7 @@ function MemoryProposeRenderer({ item }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx9(BrainCircuitIcon2, { className: ICON_SIZE }),
@@ -4201,7 +4482,7 @@ function AskRenderer({ item }) {
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon,
@@ -4216,7 +4497,7 @@ function AskRenderer({ item }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon,
@@ -4278,7 +4559,7 @@ function RunOnRenderer({ item }) {
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon,
@@ -4293,7 +4574,7 @@ function RunOnRenderer({ item }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon,
@@ -4310,9 +4591,53 @@ function RunOnRenderer({ item }) {
 }
 function GenericRenderer({ item }) {
   const reviewed = useHasToolReview(item.callId);
-  if (reviewed && item.callId) return /* @__PURE__ */ jsx9(ToolReviewHistoryReceipt, { approvalId: item.callId });
+  if (reviewed && item.callId) return /* @__PURE__ */ jsx9(ReviewedGenericRenderer, { item });
   return /* @__PURE__ */ jsx9(UnreviewedGenericRenderer, { item });
 }
+var REVIEW_CHIP = {
+  rejected: { tone: "interrupted", text: "declined" },
+  cancelled: { tone: "interrupted", text: "not run" },
+  expired: { tone: "interrupted", text: "expired" },
+  stale: { tone: "interrupted", text: "not run" },
+  revoked: { tone: "interrupted", text: "not run" },
+  blocked: { tone: "interrupted", text: "blocked" },
+  unknown: { tone: "bad", text: "outcome unknown" },
+  partial: { tone: "bad", text: "partly done" },
+  failed: { tone: "bad", text: "failed" }
+};
+function ReviewedGenericRenderer({ item }) {
+  const { review, onViewDetails } = useRecordedToolReview(item.callId);
+  if (!review) return /* @__PURE__ */ jsx9(UnreviewedGenericRenderer, { item });
+  const icon = /* @__PURE__ */ jsx9(GenericToolIcon, { name: item.name });
+  const waiting = review.status === "pending";
+  const running = !waiting && (review.status === "executing" || review.status === "approved") && item.status === "running";
+  const { text: outText, isError } = unwrapMcpOutput(item.output);
+  const chip = REVIEW_CHIP[review.status] ?? (isError && !running && !waiting ? { tone: "bad", text: "error" } : void 0);
+  return /* @__PURE__ */ jsxs6(
+    ActivityDisclosure,
+    {
+      icon,
+      iconTone: chip?.tone === "bad" ? "failed" : waiting ? "accent" : "muted",
+      title: review.title,
+      running,
+      chip,
+      preview: waiting ? "Waiting for your approval" : running ? /* @__PURE__ */ jsx9(RunningPreview, { children: "Running\u2026" }) : review.accountLabel ?? void 0,
+      children: [
+        /* @__PURE__ */ jsx9("div", { className: "py-1", "data-approval-id": item.callId, "data-review-origin": "history", children: /* @__PURE__ */ jsx9(
+          ToolActionReviewCard,
+          {
+            bare: true,
+            review: { ...review, availableActions: [] },
+            onViewDetails
+          }
+        ) }),
+        outText ? /* @__PURE__ */ jsx9(PayloadBlock, { label: "Result", value: outText, failed: isError }) : null
+      ]
+    }
+  );
+}
+var BLOCKED_OUTPUT = /Connector action was not executed: blocked\b/;
+var UNCERTAIN_OUTPUT = /Connector action outcome is uncertain\b/;
 function UnreviewedGenericRenderer({ item }) {
   const running = item.status === "running";
   const args = parseToolArgs(item.arguments);
@@ -4333,8 +4658,40 @@ function UnreviewedGenericRenderer({ item }) {
     );
   }
   const { text: outText, isError } = unwrapMcpOutput(item.output);
+  if (isError && BLOCKED_OUTPUT.test(outText)) {
+    return /* @__PURE__ */ jsxs6(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "muted",
+        title: display,
+        chip: { tone: "interrupted", text: "blocked" },
+        preview: "Blocked by your permission settings",
+        children: [
+          /* @__PURE__ */ jsx9("p", { className: "m-0 py-1 text-og-sm text-og-fg-muted", children: "Your permission settings block this action, so it did not run. You can change this in the integration's tool permissions." }),
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args })
+        ]
+      }
+    );
+  }
+  if (isError && UNCERTAIN_OUTPUT.test(outText)) {
+    return /* @__PURE__ */ jsxs6(
+      ActivityDisclosure,
+      {
+        icon,
+        iconTone: "failed",
+        title: display,
+        chip: { tone: "bad", text: "outcome unknown" },
+        preview: "It may have run",
+        children: [
+          /* @__PURE__ */ jsx9("p", { className: "m-0 py-1 text-og-sm text-og-fg-muted", children: "This action may have run. Check the result in the connected app before trying again." }),
+          /* @__PURE__ */ jsx9(PayloadBlock, { label: "Arguments", value: args })
+        ]
+      }
+    );
+  }
   if ((isError || item.status === "failed") && item.status !== "cancelled") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs6(
       ActivityDisclosure,
       {
         icon,
@@ -4349,7 +4706,7 @@ function UnreviewedGenericRenderer({ item }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs6(
     ActivityDisclosure,
     {
       icon,
@@ -4437,25 +4794,41 @@ var BASE_ENTRIES = [
   { match: "name", name: "apply_patch_call", render: ApplyPatchRenderer },
   { match: "name", name: "apply_patch", render: ApplyPatchRenderer },
   { match: "name", name: "computer_call", render: ComputerCallRenderer },
-  { match: "name", name: "browser_screenshot", render: BrowserScreenshotRenderer },
+  {
+    match: "name",
+    name: "browser_screenshot",
+    render: BrowserScreenshotRenderer
+  },
   { match: "name", name: "browser_observe", render: BrowserScreenshotRenderer },
   { match: "name", name: "browser_act", render: BrowserScreenshotRenderer },
   // Function-mode computer tools (codex / chat-wire transports).
   { match: "name", name: "computer_screenshot", render: ComputerCallRenderer },
   { match: "name", name: "computer_click", render: ComputerCallRenderer },
-  { match: "name", name: "computer_double_click", render: ComputerCallRenderer },
+  {
+    match: "name",
+    name: "computer_double_click",
+    render: ComputerCallRenderer
+  },
   { match: "name", name: "computer_move", render: ComputerCallRenderer },
   { match: "name", name: "computer_scroll", render: ComputerCallRenderer },
   { match: "name", name: "computer_type", render: ComputerCallRenderer },
   { match: "name", name: "computer_keypress", render: ComputerCallRenderer },
   { match: "name", name: "computer_drag", render: ComputerCallRenderer },
   { match: "name", name: "web_search_call", render: WebSearchRenderer },
-  { match: "name", name: "image_generation_call", render: GeneratedImageRenderer },
+  {
+    match: "name",
+    name: "image_generation_call",
+    render: GeneratedImageRenderer
+  },
   { match: "name", name: "generate_image", render: GeneratedImageRenderer },
   { match: "name", name: "generate_video", render: GeneratedVideoRenderer },
   { match: "name", name: "tool_search", render: ToolSearchRenderer },
   { match: "name", name: "view_image", render: ViewImageRenderer },
-  { match: "name", name: "sandbox_file_publish", render: SandboxFilePublishRenderer },
+  {
+    match: "name",
+    name: "sandbox_file_publish",
+    render: SandboxFilePublishRenderer
+  },
   {
     match: "name",
     name: "artifacts_create",
@@ -4480,13 +4853,25 @@ var BASE_ENTRIES = [
     render: SiteArtifactRenderer,
     matchPrefixedLeaf: false
   },
-  { match: "name", name: "environment_set_variable", render: SecretSetRenderer },
-  { match: "name", name: "variable_set_set_variable", render: SecretSetRenderer },
+  {
+    match: "name",
+    name: "environment_set_variable",
+    render: SecretSetRenderer
+  },
+  {
+    match: "name",
+    name: "variable_set_set_variable",
+    render: SecretSetRenderer
+  },
   { match: "name", name: "search_documents", render: DocsSearchRenderer },
   { match: "name", name: "knowledge_search", render: DocsSearchRenderer },
   { match: "name", name: "memory_propose", render: MemoryProposeRenderer },
   { match: "name", name: "set_session_title", render: SetSessionTitleRenderer },
-  { match: "name", name: "set_other_session_title", render: SetSessionTitleRenderer }
+  {
+    match: "name",
+    name: "set_other_session_title",
+    render: SetSessionTitleRenderer
+  }
 ];
 var defaultToolRegistry = createToolRegistry(BASE_ENTRIES, GenericRenderer);
 function createDefaultToolRegistry(options = {}) {
@@ -4499,7 +4884,7 @@ import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 // src/timeline/genie-loading.tsx
 import { ThinkingOrb } from "thinking-orbs";
 import { createContext as createContext4, useContext as useContext5, useEffect as useEffect7, useState as useState9 } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var GenieLoadingOptionsContext = createContext4(void 0);
 var PHRASES = [
   "Polishing the lamp\u2026",
@@ -4545,7 +4930,7 @@ function GenieLoading({
   }, [startedAt, phrases]);
   if (options?.render && !notice)
     return options.render({ startedAt, phase, detailsOpen, onShowDetails });
-  return /* @__PURE__ */ jsxs8("div", { className: "og-genie-loading", children: [
+  return /* @__PURE__ */ jsxs7("div", { className: "og-genie-loading", children: [
     /* @__PURE__ */ jsx10(
       "div",
       {
@@ -4559,7 +4944,7 @@ function GenieLoading({
         children: /* @__PURE__ */ jsx10(ThinkingOrb, { state: "searching", size: 64, theme, speed: 0.8, ...options?.orb })
       }
     ),
-    /* @__PURE__ */ jsxs8("div", { className: "og-genie-copy", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "og-genie-copy", children: [
       /* @__PURE__ */ jsx10("span", { className: "sr-only", role: "status", children: notice ?? (slow ? options?.messages?.slowStatus ?? (waiting ? "Waiting for a response. Taking longer than usual." : "Preparing your task. Taking longer than usual.") : options?.messages?.status ?? (waiting ? "Waiting for a response." : "Preparing your task.")) }),
       /* @__PURE__ */ jsx10(
         "span",
@@ -4571,7 +4956,7 @@ function GenieLoading({
         },
         notice ?? (slow ? "slow" : phrase)
       ),
-      showDetails || detailsOpen || notice ? /* @__PURE__ */ jsxs8(
+      showDetails || detailsOpen || notice ? /* @__PURE__ */ jsxs7(
         "button",
         {
           type: "button",
@@ -4590,7 +4975,7 @@ function GenieLoading({
 
 // src/timeline/startup-dispatch-details.tsx
 import { useEffect as useEffect8, useState as useState10 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function StartupDispatchDetails({ wait }) {
   const [now, setNow] = useState10(Date.now);
   useEffect8(() => {
@@ -4598,16 +4983,16 @@ function StartupDispatchDetails({ wait }) {
     return () => clearInterval(timer);
   }, []);
   const next = wait?.nextAttemptAt ? new Date(wait.nextAttemptAt) : null;
-  return /* @__PURE__ */ jsxs9("div", { className: "text-og-xs text-og-fg-muted", "data-og-startup-dispatch-details": "", children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "text-og-xs text-og-fg-muted", "data-og-startup-dispatch-details": "", children: [
     /* @__PURE__ */ jsx11("p", { children: "Your messages are saved. No agent turn is running yet." }),
     /* @__PURE__ */ jsx11("p", { children: wait?.state === "pending" && next ? next.getTime() <= now ? "Automatic start retry is due." : `Automatic start retry at ${next.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" })}.` : wait?.state === "acknowledged" ? "The start request was accepted; a worker has not started the turn yet." : "Start confirmation is unavailable." }),
-    wait && wait.attempts > 0 ? /* @__PURE__ */ jsxs9("p", { children: [
+    wait && wait.attempts > 0 ? /* @__PURE__ */ jsxs8("p", { children: [
       wait.attempts,
       " dispatch attempt",
       wait.attempts === 1 ? "" : "s",
       "."
     ] }) : null,
-    wait?.lastError ? /* @__PURE__ */ jsxs9("p", { className: "max-h-32 overflow-y-auto whitespace-pre-wrap break-words", children: [
+    wait?.lastError ? /* @__PURE__ */ jsxs8("p", { className: "max-h-32 overflow-y-auto whitespace-pre-wrap break-words", children: [
       "Last recorded dispatch error: ",
       wait.lastError
     ] }) : null
@@ -4658,7 +5043,7 @@ function useSeenActivityIds() {
 }
 
 // src/timeline/activity-rail.tsx
-import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var LazyFleetDecisionRow = lazy2(() => import("./fleet-decision-row-YZ3ZKWMM.js"));
 var LazyPlatformActivityRow = lazy2(() => import("./platform-activity-row-627BFZ46.js"));
 function familyOf(item) {
@@ -4726,7 +5111,7 @@ function ActivityRail({
       }
     }
   });
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
@@ -4809,7 +5194,7 @@ var ActivityNoteTextContext = createContext7(null);
 function ActivityNoteRow({ item }) {
   const renderText = useContext8(ActivityNoteTextContext);
   if (!item.text.trim()) return null;
-  return /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2 px-1.5 py-1.5", "data-og-activity-note": "", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-2 px-1.5 py-1.5", "data-og-activity-note": "", children: [
     /* @__PURE__ */ jsx13("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
     /* @__PURE__ */ jsx13(MessageSquareTextIcon, { "aria-hidden": true, className: "mt-1 size-3.5 shrink-0 text-og-fg-subtle" }),
     /* @__PURE__ */ jsx13(
@@ -4903,12 +5288,12 @@ function MemoryRow({
   const superseded = corrected && Boolean(item.replacementPreview);
   const targetId = corrected ? item.replacementMemoryId ?? item.memoryId : item.memoryId;
   const deepLink = Boolean(onMemoryClick);
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     ActivityDisclosure,
     {
       icon: /* @__PURE__ */ jsx13(BrainCircuitIcon3, { className: "size-3.5" }),
       iconTone: "muted",
-      title: /* @__PURE__ */ jsxs10("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
+      title: /* @__PURE__ */ jsxs9("span", { className: "inline-flex min-w-0 items-center gap-2", children: [
         /* @__PURE__ */ jsx13("span", { className: "shrink-0", children: corrected ? "Updated memory" : "Saved to memory" }),
         kindLabel ? /* @__PURE__ */ jsx13("span", { className: "shrink-0 rounded-og-xs bg-og-surface-2 px-1.5 py-px text-og-xs font-normal leading-tight text-og-fg-subtle", children: kindLabel }) : null
       ] }),
@@ -4917,14 +5302,14 @@ function MemoryRow({
         superseded ? (
           // The correction as a before → after: the old memory struck through and
           // dimmed, the new text in the ordinary body weight below it.
-          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1.5", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-1.5", children: [
             /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-sm leading-6 text-og-fg-subtle line-through", children: item.preview }),
             /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.replacementPreview })
           ] })
         ) : corrected && item.action === "updated" ? (
           // Edited in place, no replacement record: the memory is still live, so
           // show its current text — NOT the archived treatment.
-          /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsxs9(Fragment3, { children: [
             /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
             /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Updated in place." })
           ] })
@@ -4933,7 +5318,7 @@ function MemoryRow({
           /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Archived." })
         ) : /* @__PURE__ */ jsx13("p", { className: "whitespace-pre-wrap text-og-base leading-6 text-og-fg-muted", children: item.preview }),
         item.deduped ? /* @__PURE__ */ jsx13(BodyNote, { tone: "muted", children: "Merged into an existing memory." }) : null,
-        deepLink ? /* @__PURE__ */ jsxs10(
+        deepLink ? /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
@@ -4974,10 +5359,10 @@ function WorkerRow({
   }
   const sessionId = item.workerSessionId;
   const deepLink = Boolean(sessionId) && Boolean(onOpenSession) && !failed && !cancelled;
-  const inner = /* @__PURE__ */ jsxs10(Fragment3, { children: [
+  const inner = /* @__PURE__ */ jsxs9(Fragment3, { children: [
     /* @__PURE__ */ jsx13("span", { className: "size-3.5 shrink-0", "aria-hidden": true }),
     /* @__PURE__ */ jsx13("span", { className: cn("mt-px shrink-0", failed ? "text-og-status-failed" : "text-og-accent"), children: /* @__PURE__ */ jsx13(BotIcon, { className: "size-3.5" }) }),
-    /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx13(
         "span",
         {
@@ -4989,12 +5374,12 @@ function WorkerRow({
         }
       ),
       item.prompt ? /* @__PURE__ */ jsx13("p", { className: "mt-0.5 truncate text-og-sm text-og-fg-muted", children: truncate(item.prompt, 140) }) : null,
-      failed && item.failure ? /* @__PURE__ */ jsxs10("div", { className: "mt-1 min-w-0 text-og-sm text-og-status-failed", children: [
+      failed && item.failure ? /* @__PURE__ */ jsxs9("div", { className: "mt-1 min-w-0 text-og-sm text-og-status-failed", children: [
         /* @__PURE__ */ jsx13("p", { className: "font-og-mono text-og-xs", children: item.failure.code }),
         /* @__PURE__ */ jsx13("p", { className: "mt-0.5 break-words", children: item.failure.message })
       ] }) : null
     ] }),
-    failed ? /* @__PURE__ */ jsxs10("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
+    failed ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex shrink-0 self-center items-center gap-1.5 font-og-mono text-og-xs leading-none text-og-status-failed", children: [
       /* @__PURE__ */ jsx13("span", { className: "size-1.5 rounded-full bg-og-status-failed" }),
       "failed"
     ] }) : cancelled ? /* @__PURE__ */ jsx13("span", { className: "og-cancelled-chip shrink-0 self-center font-og-mono text-og-xs leading-none text-og-fg-subtle", children: "interrupted" }) : deepLink ? /* @__PURE__ */ jsx13(
@@ -5024,14 +5409,14 @@ function WorkerRow({
 }
 
 // src/timeline/turn-summary.tsx
-import { ChevronRightIcon as ChevronRightIcon2, CircleSlashIcon, ShrinkIcon, TriangleAlertIcon } from "lucide-react";
+import { ChevronRightIcon as ChevronRightIcon3, CircleSlashIcon as CircleSlashIcon2, ShrinkIcon, TriangleAlertIcon } from "lucide-react";
 import {
   Component,
   createContext as createContext9,
   useContext as useContext10,
   useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef7,
   useState as useState12
 } from "react";
@@ -5055,7 +5440,7 @@ function inheritFoldRestingState(memory, targetKey, sourceKeys) {
 }
 
 // src/timeline/turn-summary.tsx
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var TurnSettleChromeContext = createContext9(false);
 function useTurnSettleOpen() {
   return useContext10(TurnSettleChromeContext);
@@ -5220,7 +5605,7 @@ function TurnSummary({
   const [allowEnterAnimation] = useState12(
     () => Boolean(enter && !bare && !initialSettle && !restingOpen)
   );
-  const context = useMemo3(
+  const context = useMemo4(
     () => createTurnSummaryContext(
       items,
       outcome,
@@ -5230,12 +5615,12 @@ function TurnSummary({
     ),
     [items, outcome, failureText, durationMs, settling, settlePhase, contextCompactionCount]
   );
-  const facetDefinitions = useMemo3(
+  const facetDefinitions = useMemo4(
     () => resolveTurnSummaryFacets(facetConfiguration),
     [facetConfiguration]
   );
   const statusKind = status?.kind;
-  const facets = useMemo3(
+  const facets = useMemo4(
     () => facetDefinitions.flatMap((facet) => {
       if (statusKind && (facet.id === "duration" || facet === BUILT_IN_TURN_SUMMARY_FACETS[0] && context.items.every(
         (item) => item.kind === "startup-phase" || item.kind === "agent-message"
@@ -5257,8 +5642,8 @@ function TurnSummary({
   const copyable = Boolean(
     copyText && copyText.trim().length > 0 && !bare && !liveShell && !open && !settlePhase
   );
-  return /* @__PURE__ */ jsx14(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs11("div", { className: cn(copyable && "group/copy relative"), children: [
-    /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx14(TurnSettleChromeContext.Provider, { value: settleChrome, children: /* @__PURE__ */ jsxs10("div", { className: cn(copyable && "group/copy relative"), children: [
+    /* @__PURE__ */ jsxs10(
       Collapsible.Root,
       {
         "data-og-work-section": bare ? void 0 : "",
@@ -5266,7 +5651,7 @@ function TurnSummary({
         onOpenChange,
         className: allowEnterAnimation && !liveShell ? "animate-og-enter" : void 0,
         children: [
-          /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsxs10(
             Collapsible.Trigger,
             {
               "data-og-work-header": bare ? "nested" : "outer",
@@ -5297,7 +5682,7 @@ function TurnSummary({
               ),
               children: [
                 /* @__PURE__ */ jsx14(
-                  ChevronRightIcon2,
+                  ChevronRightIcon3,
                   {
                     className: cn(
                       "size-3.5 shrink-0 text-og-fg-subtle transition-transform ease-og-in-out group-data-[state=open]:rotate-90",
@@ -5313,10 +5698,10 @@ function TurnSummary({
                       bare ? "size-3.5" : "size-5",
                       outcome === "failed" ? "text-og-status-failed" : "text-og-fg-subtle"
                     ),
-                    children: outcome === "failed" ? /* @__PURE__ */ jsx14(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx14(CircleSlashIcon, { className: "size-3" }) : /* @__PURE__ */ jsx14("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
+                    children: outcome === "failed" ? /* @__PURE__ */ jsx14(TriangleAlertIcon, { className: "size-3" }) : outcome === "cancelled" ? /* @__PURE__ */ jsx14(CircleSlashIcon2, { className: "size-3" }) : /* @__PURE__ */ jsx14("span", { className: "size-1.5 animate-og-pulse rounded-full bg-og-fg-subtle" })
                   }
                 ),
-                /* @__PURE__ */ jsxs11(
+                /* @__PURE__ */ jsxs10(
                   "span",
                   {
                     className: cn(
@@ -5326,14 +5711,14 @@ function TurnSummary({
                     ),
                     children: [
                       statusLine,
-                      liveHeader && !open && !status ? liveHeader : facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx14(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs11(Fragment4, { children: [
+                      liveHeader && !open && !status ? liveHeader : facets.map(({ facet, result }, index) => /* @__PURE__ */ jsx14(FacetRenderBoundary, { children: /* @__PURE__ */ jsxs10(Fragment4, { children: [
                         index > 0 || statusLine ? " \xB7 " : null,
-                        /* @__PURE__ */ jsxs11("span", { "aria-label": result.ariaLabel, title: result.title, children: [
+                        /* @__PURE__ */ jsxs10("span", { "aria-label": result.ariaLabel, title: result.title, children: [
                           result.icon ? /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "mr-1 inline-flex align-[-0.125em]", children: result.icon }) : null,
                           result.content
                         ] })
                       ] }) }, facet.id)),
-                      outcome === "failed" && failureText ? /* @__PURE__ */ jsxs11("span", { className: "text-og-status-failed", children: [
+                      outcome === "failed" && failureText ? /* @__PURE__ */ jsxs10("span", { className: "text-og-status-failed", children: [
                         " \xB7 ",
                         failureText
                       ] }) : null,
@@ -5387,14 +5772,14 @@ function TurnSummary({
 }
 function turnSummaryStatusLine(status) {
   if (status.kind === "worked") {
-    return status.durationMs !== void 0 && Number.isFinite(status.durationMs) && status.durationMs >= 1e3 ? /* @__PURE__ */ jsxs11("span", { "data-og-exchange-status": "worked", children: [
+    return status.durationMs !== void 0 && Number.isFinite(status.durationMs) && status.durationMs >= 1e3 ? /* @__PURE__ */ jsxs10("span", { "data-og-exchange-status": "worked", children: [
       status.label ?? "Worked for",
       " ",
       formatElapsed(status.durationMs)
     ] }) : null;
   }
   const label = status.label ?? (status.kind === "working" ? "Working" : "Waiting");
-  return /* @__PURE__ */ jsxs11("span", { "data-og-exchange-status": status.kind, children: [
+  return /* @__PURE__ */ jsxs10("span", { "data-og-exchange-status": status.kind, children: [
     /* @__PURE__ */ jsx14("span", { className: status.kind === "working" ? "og-shimmer-text" : void 0, children: label }),
     status.since ? /* @__PURE__ */ jsx14(LiveElapsed, { since: status.since }) : null
   ] });
@@ -5578,14 +5963,14 @@ function formatDurationFacet(durationMs) {
 // src/components/user-message-body.tsx
 import {
   createContext as createContext10,
-  useCallback,
+  useCallback as useCallback2,
   useContext as useContext11,
   useId as useId3,
   useLayoutEffect as useLayoutEffect3,
   useRef as useRef8,
   useState as useState13
 } from "react";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var FALLBACK_LINE_THRESHOLD = 12;
 var FALLBACK_TEXT_THRESHOLD = 900;
 var FALLBACK_UNBROKEN_THRESHOLD = 260;
@@ -5766,7 +6151,7 @@ function UserMessageBody({
   const contentId = `og-user-message-${useId3().replace(/:/g, "")}`;
   const collapsible = collapsibleRef.current;
   const collapsed = collapsible && !expanded;
-  const syncDisclosurePresentation = useCallback((nextCollapsible) => {
+  const syncDisclosurePresentation = useCallback2((nextCollapsible) => {
     collapsibleRef.current = nextCollapsible;
     const nextCollapsed = nextCollapsible && !expandedRef.current;
     const clip = clipRef.current;
@@ -5776,7 +6161,7 @@ function UserMessageBody({
     if (fadeRef.current) fadeRef.current.hidden = !nextCollapsed;
     if (disclosureControlRef.current) disclosureControlRef.current.hidden = !nextCollapsible;
   }, []);
-  const restoreManagedInertDescendants = useCallback(() => {
+  const restoreManagedInertDescendants = useCallback2(() => {
     for (const descendant of managedInertDescendantsRef.current) {
       if (descendant.hasAttribute("data-og-user-message-managed-inert")) {
         descendant.removeAttribute("inert");
@@ -5785,7 +6170,7 @@ function UserMessageBody({
     }
     managedInertDescendantsRef.current.clear();
   }, []);
-  const syncCollapsedInteractivity = useCallback(() => {
+  const syncCollapsedInteractivity = useCallback2(() => {
     restoreManagedInertDescendants();
     if (!collapsibleRef.current || expandedRef.current) {
       return;
@@ -5812,7 +6197,7 @@ function UserMessageBody({
       managedInertDescendantsRef.current.add(descendant);
     }
   }, [restoreManagedInertDescendants]);
-  const readCollapsible = useCallback(() => {
+  const readCollapsible = useCallback2(() => {
     const content = contentRef.current;
     const threshold = thresholdRef.current;
     if (!content || !threshold) {
@@ -5825,7 +6210,7 @@ function UserMessageBody({
     );
     return renderedHeight > 0 && collapseHeight > 0 ? renderedHeight > collapseHeight + 1 : userMessageLikelyNeedsDisclosure(text);
   }, [text]);
-  const measure = useCallback(() => {
+  const measure = useCallback2(() => {
     const view = rootRef.current?.ownerDocument.defaultView;
     if (!view) {
       syncDisclosurePresentation(readCollapsible());
@@ -5890,7 +6275,7 @@ function UserMessageBody({
     disclosure?.expandedByMessageId.set(messageId, next);
     setExpanded(next);
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       ref: rootRef,
@@ -5907,7 +6292,7 @@ function UserMessageBody({
             className: "pointer-events-none absolute h-56 w-0 invisible sm:h-72"
           }
         ),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs11(
           "div",
           {
             ref: clipRef,
@@ -5956,6 +6341,38 @@ function UserMessageBody({
   );
 }
 
+// src/timeline/retained-loaders.ts
+function createWorkspaceRetainedArtifactLoader(client, workspaceId) {
+  return async (artifact, signal) => {
+    if (artifact.kind === "file") {
+      const download2 = await client.downloadRetainedArtifact(workspaceId, artifact, { signal });
+      return download2.bytes;
+    }
+    const download = await client.createRetainedArtifactDownloadUrl(workspaceId, artifact, {
+      signal
+    });
+    return { url: download.url };
+  };
+}
+function createSessionRetainedScreenshotLoader(client, workspaceId, sessionId) {
+  return async (artifact, signal) => {
+    const download = await client.downloadRetainedScreenshot(
+      workspaceId,
+      sessionId,
+      artifact.artifactId,
+      { signal }
+    );
+    if (!download.metadata.available || !download.bytes) return null;
+    if (download.metadata.artifactId !== artifact.artifactId || download.metadata.kind !== artifact.kind || download.metadata.contentType !== artifact.contentType || download.metadata.originalBytes !== artifact.originalBytes || download.metadata.sha256 !== artifact.sha256 || download.metadata.dimensions?.width !== artifact.dimensions?.width || download.metadata.dimensions?.height !== artifact.dimensions?.height) {
+      throw new Error("Retained screenshot receipt verification failed");
+    }
+    return download.bytes;
+  };
+}
+function createWorkspaceRetainedVideoLoader(client, workspaceId) {
+  return async (artifactId, signal) => await client.createVideoArtifactPlaybackSource(workspaceId, artifactId, { signal });
+}
+
 // src/components/generated-video-player.tsx
 import { useEffect as useEffect10, useState as useState14 } from "react";
 import { jsx as jsx16 } from "react/jsx-runtime";
@@ -6032,7 +6449,7 @@ function GeneratedVideoPlayer({
 }
 
 // src/components/session-status.tsx
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var SESSION_STATUS_META = {
   queued: {
     label: "Queued",
@@ -6085,7 +6502,7 @@ var SESSION_STATUS_META = {
 };
 function SessionStatus({ status, label, size = "md", className }) {
   const meta = SESSION_STATUS_META[status];
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "span",
     {
       "data-status": status,
@@ -6121,7 +6538,7 @@ function StatusDot({ status, className }) {
 import { AnimatePresence as AnimatePresence2, motion as motion2, useReducedMotion as useReducedMotion2 } from "motion/react";
 import { WrenchIcon as WrenchIcon2 } from "lucide-react";
 import { Suspense as Suspense3, useEffect as useEffect11, useState as useState15 } from "react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function RollingActivity({
   items,
   toolRegistry = defaultToolRegistry,
@@ -6143,11 +6560,11 @@ function RollingActivity({
     0,
     work.findIndex((entry) => entry.id === item.id)
   );
-  const fallback2 = /* @__PURE__ */ jsxs14("span", { className: "og-rolling-label", children: [
+  const fallback2 = /* @__PURE__ */ jsxs13("span", { className: "og-rolling-label", children: [
     /* @__PURE__ */ jsx18(WrenchIcon2, { className: "size-3.5" }),
     /* @__PURE__ */ jsx18("span", { children: item.kind === "tool-call" ? toolDisplayName(item.name, item.display) : "Working" })
   ] });
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "span",
     {
       className: "og-rolling-status",
@@ -6225,7 +6642,7 @@ function describeCompactionProviderRejection(rejection) {
 }
 
 // src/components/message-timeline.tsx
-import { dequal } from "dequal/lite";
+import { dequal as dequal2 } from "dequal/lite";
 import {
   ArrowDownIcon,
   ArrowRightIcon as ArrowRightIcon2,
@@ -6233,7 +6650,7 @@ import {
   BotIcon as BotIcon2,
   CheckCircle2Icon,
   CheckIcon as CheckIcon2,
-  ChevronRightIcon as ChevronRightIcon3,
+  ChevronRightIcon as ChevronRightIcon4,
   PauseCircleIcon,
   PauseIcon,
   MessageCircleQuestionIcon as MessageCircleQuestionIcon3,
@@ -6254,11 +6671,11 @@ import {
   createContext as createContext12,
   lazy as lazy3,
   memo,
-  useCallback as useCallback3,
+  useCallback as useCallback4,
   useContext as useContext13,
   useEffect as useEffect12,
   useLayoutEffect as useLayoutEffect5,
-  useMemo as useMemo6,
+  useMemo as useMemo7,
   useRef as useRef10,
   useState as useState17
 } from "react";
@@ -6343,12 +6760,12 @@ function timelineAnchorCorrection(scroller, anchors) {
 }
 
 // src/components/timeline-reading-progress.ts
-import { useCallback as useCallback2, useLayoutEffect as useLayoutEffect4, useMemo as useMemo4, useRef as useRef9, useState as useState16 } from "react";
+import { useCallback as useCallback3, useLayoutEffect as useLayoutEffect4, useMemo as useMemo5, useRef as useRef9, useState as useState16 } from "react";
 function useReadingProgress(projected, pinned, scroller) {
   const following = pinned && !timelineHasReader(scroller);
   const previous = useRef9([]);
   const [released, setReleased] = useState16(() => /* @__PURE__ */ new Set());
-  const groups = useMemo4(() => {
+  const groups = useMemo5(() => {
     if (following) return projected;
     const key = (group) => group.kind === "item" ? group.item.id : group.id;
     const visible = new Set(previous.current.map(key));
@@ -6389,7 +6806,7 @@ function useReadingProgress(projected, pinned, scroller) {
     previous.current = groups;
     if (following && released.size) setReleased(/* @__PURE__ */ new Set());
   }, [groups, following, released]);
-  const release = useCallback2(
+  const release = useCallback3(
     (id) => {
       if (!id || !projected.some(
         (group) => group.kind === "activity" && group.id === id && group.work?.endedAt
@@ -6819,8 +7236,8 @@ function machineInputSummaryIsUseful(kind, cleanedSummary) {
 
 // src/timeline/allowance-exhausted-row.tsx
 import { GaugeIcon } from "lucide-react";
-import { createContext as createContext11, useContext as useContext12, useMemo as useMemo5 } from "react";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { createContext as createContext11, useContext as useContext12, useMemo as useMemo6 } from "react";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var AllowancePresentationContext = createContext11({
   render: void 0,
   labels: allowanceLabels()
@@ -6830,14 +7247,14 @@ function AllowancePresentationProvider({
   labels,
   children
 }) {
-  const value = useMemo5(() => ({ render, labels: allowanceLabels(labels) }), [render, labels]);
+  const value = useMemo6(() => ({ render, labels: allowanceLabels(labels) }), [render, labels]);
   return /* @__PURE__ */ jsx20(AllowancePresentationContext.Provider, { value, children });
 }
 function AllowanceExhaustedRow({ refusal }) {
   const { render, labels } = useContext12(AllowancePresentationContext);
   const enter = useEntranceAnimation();
   const workspace = refusal.scope === "workspace";
-  const defaultRow = /* @__PURE__ */ jsxs15(
+  const defaultRow = /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -6848,9 +7265,9 @@ function AllowanceExhaustedRow({ refusal }) {
       "data-og-allowance-exhausted": refusal.scope,
       children: [
         /* @__PURE__ */ jsx20(GaugeIcon, { "aria-hidden": true, className: "mt-0.5 size-4 shrink-0 text-og-status-waiting" }),
-        /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx20("p", { className: "font-medium", children: workspace ? labels.workspaceLimitReachedTitle : labels.memberLimitReachedTitle }),
-          /* @__PURE__ */ jsxs15("p", { className: "mt-0.5 text-og-fg-muted", children: [
+          /* @__PURE__ */ jsxs14("p", { className: "mt-0.5 text-og-fg-muted", children: [
             workspace ? labels.workspaceRemedy : labels.memberRemedy,
             " ",
             /* @__PURE__ */ jsx20(
@@ -6870,7 +7287,7 @@ function AllowanceExhaustedRow({ refusal }) {
 }
 
 // src/components/message-timeline.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var TimelineAnnotationSelection = lazy3(() => import("./timeline-annotation-selection-DMLMM2TX.js"));
 var TimelineAnnotationMarkers = lazy3(() => import("./timeline-annotation-markers-GNDHTGBD.js"));
 var PIN_THRESHOLD_PX = 48;
@@ -7035,7 +7452,7 @@ function MessageTimeline({
   className
 }) {
   const formatError = useErrorMessage();
-  const resolvedItems = useMemo6(() => {
+  const resolvedItems = useMemo7(() => {
     const projectedItems = items ?? buildTimeline(events ?? []);
     if (!shouldRenderAuthNeeded) {
       return projectedItems;
@@ -7053,7 +7470,7 @@ function MessageTimeline({
   ]) : null;
   const searchTargetRef = useRef10(searchTarget);
   searchTargetRef.current = searchTarget;
-  const renderSearchableMessageText = useMemo6(
+  const renderSearchableMessageText = useMemo7(
     () => renderMessageText ? (text, item) => renderMessageText(text, item, {
       searchTarget: searchItem?.id === item.id ? searchTarget ?? null : null
     }) : (text, item) => {
@@ -7089,7 +7506,7 @@ function MessageTimeline({
       newerAttemptRef.current = null;
     };
   }, [newerBoundaryKey]);
-  const requestNewer = useCallback3(
+  const requestNewer = useCallback4(
     (explicitRetry = false) => {
       if (newerScopeRef.current !== newerBoundaryKey || !onLoadNewer || loadingNewer || newerAttemptRef.current && (!explicitRetry || newerAttemptRef.current.pending)) {
         return;
@@ -7126,19 +7543,19 @@ function MessageTimeline({
   const readingAnchorRef = useRef10(null);
   const settlementRef = useRef10(null);
   const settlementAnimationRef = useRef10(null);
-  const stopSettlement = useCallback3(() => {
+  const stopSettlement = useCallback4(() => {
     settlementAnimationRef.current?.cancel();
     settlementAnimationRef.current = null;
   }, []);
   const olderPageBudgetRef = useRef10(0);
   const [olderDemand, setOlderDemand] = useState17(0);
   const readableTurns = turnSummary?.rolling === true;
-  const projectedGroups = useMemo6(
+  const projectedGroups = useMemo7(
     () => groupTimeline(resolvedItems, { readableTurns }),
     [resolvedItems, readableTurns]
   );
   useLayoutEffect5(() => stopSettlement, [projectedGroups, stopSettlement]);
-  const annotationSources = useMemo6(() => {
+  const annotationSources = useMemo7(() => {
     const sources = /* @__PURE__ */ new Map();
     for (const item of resolvedItems) {
       if ((item.kind === "user-message" || item.kind === "agent-message" || item.kind === "tool-call") && item.annotationSource) {
@@ -7204,7 +7621,7 @@ function MessageTimeline({
   const liveFoldReserveRef = useRef10(null);
   const writeScrollTopRef = useRef10(() => {
   });
-  const reportLiveFold = useCallback3((workId, open) => {
+  const reportLiveFold = useCallback4((workId, open) => {
     const current = openLiveFoldsRef.current;
     if (current.has(workId) === open) return;
     const next = new Set(current);
@@ -7350,7 +7767,7 @@ function MessageTimeline({
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
   const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk);
   const groups = useStableTimelineGroupKeys(allGroups, !bulkRender);
-  const [liveNoteFolds, liveNoteIdsByWork] = useMemo6(() => {
+  const [liveNoteFolds, liveNoteIdsByWork] = useMemo7(() => {
     const folds = /* @__PURE__ */ new Map();
     const byWork = /* @__PURE__ */ new Map();
     for (const { group } of groups) {
@@ -7363,7 +7780,7 @@ function MessageTimeline({
   useLayoutEffect5(() => {
     liveNoteIdsByWorkRef.current = liveNoteIdsByWork;
   }, [liveNoteIdsByWork]);
-  const turnsWithOutput = useMemo6(
+  const turnsWithOutput = useMemo7(
     () => new Set(
       resolvedItems.flatMap(
         (item) => "turnId" in item && item.turnId && (item.kind === "tool-call" || (item.kind === "agent-message" || item.kind === "reasoning") && item.text.trim()) ? [item.turnId] : []
@@ -7371,13 +7788,13 @@ function MessageTimeline({
     ),
     [resolvedItems]
   );
-  const applyCanSkipTipCatchup = useCallback3((value) => {
+  const applyCanSkipTipCatchup = useCallback4((value) => {
     if (canSkipTipCatchupRef.current !== value) {
       canSkipTipCatchupRef.current = value;
       setCanSkipTipCatchup(value);
     }
   }, []);
-  const applyPinned = useCallback3(
+  const applyPinned = useCallback4(
     (value) => {
       if (pinnedRef.current !== value) {
         pinnedRef.current = value;
@@ -7389,7 +7806,7 @@ function MessageTimeline({
     },
     [applyCanSkipTipCatchup]
   );
-  const rearmOlderPrefetchAfterLeavingTop = useCallback3((node) => {
+  const rearmOlderPrefetchAfterLeavingTop = useCallback4((node) => {
     if (node.scrollTop > OLDER_PREFETCH_MARGIN_PX) {
       const state = olderLoadAttemptRef.current?.[1];
       if (state === 2 || state === 3) {
@@ -7402,13 +7819,13 @@ function MessageTimeline({
   const followRef = useRef10(createTipFollowState());
   const followFrameRef = useRef10(null);
   const contentShrinkBaselineRef = useRef10(null);
-  const syncScrollBaseline = useCallback3((node) => {
+  const syncScrollBaseline = useCallback4((node) => {
     lastScrollTopRef.current = node.scrollTop;
     lastMaxScrollRef.current = maxScrollOf(node);
     lastScrollHeightRef.current = node.scrollHeight;
     lastClientHeightRef.current = node.clientHeight;
   }, []);
-  const writeScrollTop = useCallback3((node, top) => {
+  const writeScrollTop = useCallback4((node, top) => {
     const next = Math.max(0, top);
     const before = node.scrollTop;
     if (before === next) {
@@ -7422,21 +7839,21 @@ function MessageTimeline({
     }
   }, []);
   writeScrollTopRef.current = writeScrollTop;
-  const cancelLeaveFallback = useCallback3(() => {
+  const cancelLeaveFallback = useCallback4(() => {
     if (leaveFallbackRafRef.current != null) {
       cancelFrame(leaveFallbackRafRef.current);
       leaveFallbackRafRef.current = null;
     }
   }, []);
-  const clearPendingReaderLeave = useCallback3(() => {
+  const clearPendingReaderLeave = useCallback4(() => {
     pendingReaderLeaveRef.current = false;
     cancelLeaveFallback();
   }, [cancelLeaveFallback]);
-  const clearReaderIntent = useCallback3(() => {
+  const clearReaderIntent = useCallback4(() => {
     readerIntentArmRef.current = false;
     readerIntentStartRef.current = null;
   }, []);
-  const stopFollow = useCallback3(() => {
+  const stopFollow = useCallback4(() => {
     contentShrinkBaselineRef.current = null;
     followRef.current = tipFollowCancel(followRef.current);
     if (followFrameRef.current != null) {
@@ -7444,7 +7861,7 @@ function MessageTimeline({
       followFrameRef.current = null;
     }
   }, []);
-  const releasePinFromReader = useCallback3(() => {
+  const releasePinFromReader = useCallback4(() => {
     if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
       return;
     }
@@ -7475,7 +7892,7 @@ function MessageTimeline({
     node.ownerDocument.addEventListener("selectionchange", onSelection);
     return () => node.ownerDocument.removeEventListener("selectionchange", onSelection);
   }, [readableTurns, releasePinFromReader, stopSettlement]);
-  const releasePinAfterScrollSettled = useCallback3(
+  const releasePinAfterScrollSettled = useCallback4(
     (node) => {
       if (!autoFollow || !pinnedRef.current || hasNewerRef.current) {
         return;
@@ -7495,7 +7912,7 @@ function MessageTimeline({
     },
     [autoFollow, clearPendingReaderLeave, rearmOlderPrefetchAfterLeavingTop, releasePinFromReader]
   );
-  const scheduleLeaveFallback = useCallback3(() => {
+  const scheduleLeaveFallback = useCallback4(() => {
     if (supportsScrollEndEvent()) {
       return;
     }
@@ -7563,7 +7980,7 @@ function MessageTimeline({
     }
     requestEarlierFromReader();
   };
-  const snapToBottom = useCallback3(
+  const snapToBottom = useCallback4(
     (node) => {
       clearReaderIntent();
       stopFollow();
@@ -7587,7 +8004,7 @@ function MessageTimeline({
       writeScrollTop
     ]
   );
-  const beginUserMessageDisclosureChange = useCallback3(
+  const beginUserMessageDisclosureChange = useCallback4(
     (messageBody, disclosureControl) => {
       const node = scrollRef.current;
       if (!node || !node.contains(messageBody)) {
@@ -7625,7 +8042,7 @@ function MessageTimeline({
     },
     [applyPinned, autoFollow, snapToBottom, syncScrollBaseline, writeScrollTop]
   );
-  const userMessageDisclosureContext = useMemo6(
+  const userMessageDisclosureContext = useMemo7(
     () => ({
       expandedByMessageId: userMessageDisclosureMemoryRef.current,
       beginChange: beginUserMessageDisclosureChange,
@@ -7640,7 +8057,7 @@ function MessageTimeline({
       userMessageDisclosureLabels?.showLess
     ]
   );
-  const timelineGroupEntryContext = useMemo6(
+  const timelineGroupEntryContext = useMemo7(
     () => ({
       userMessageDisclosureContext,
       behavior: {
@@ -7676,7 +8093,7 @@ function MessageTimeline({
       userMessageDisclosureContext
     ]
   );
-  const releaseSearchPin = useCallback3(() => {
+  const releaseSearchPin = useCallback4(() => {
     applyPinned(false);
     stopFollow();
     setRevealed(true);
@@ -7688,7 +8105,7 @@ function MessageTimeline({
     releaseSearchPin,
     resolvedItems
   );
-  const requestOlderIfUnderfilled = useCallback3(
+  const requestOlderIfUnderfilled = useCallback4(
     (node, retry) => {
       let currentAttempt = olderLoadAttemptRef.current;
       if (retry && (currentAttempt !== retry || retry[0] !== olderBoundaryKey)) {
@@ -7717,7 +8134,7 @@ function MessageTimeline({
     },
     [hasOlder, loadingOlder, olderBoundaryKey, onLoadOlder]
   );
-  const scheduleQuestionNav = useCallback3(() => {
+  const scheduleQuestionNav = useCallback4(() => {
     if (!readableTurns || questionNavFrameRef.current != null) {
       return;
     }
@@ -7756,7 +8173,7 @@ function MessageTimeline({
   const driveFollowRef = useRef10(
     requestOlderIfUnderfilled
   );
-  const driveFollow = useCallback3(
+  const driveFollow = useCallback4(
     (node, nowMs) => {
       if (!pinnedRef.current || hasNewerRef.current) {
         stopFollow();
@@ -8358,7 +8775,7 @@ function MessageTimeline({
     {
       render: renderAllowanceExhausted,
       labels: allowanceExhaustedLabels,
-      children: /* @__PURE__ */ jsx21(LightboxProvider, { children: /* @__PURE__ */ jsx21(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx21(LiveNoteFoldContext.Provider, { value: reportLiveFold, children: /* @__PURE__ */ jsx21(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx21(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx21(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx21(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs16(
+      children: /* @__PURE__ */ jsx21(LightboxProvider, { children: /* @__PURE__ */ jsx21(FoldMemoryProvider, { value: foldMemoryRef.current, children: /* @__PURE__ */ jsx21(LiveNoteFoldContext.Provider, { value: reportLiveFold, children: /* @__PURE__ */ jsx21(SeenActivityIdsProvider, { value: seenActivityIdsRef.current, children: /* @__PURE__ */ jsx21(TimelineComputeLabelProvider, { value: computeLabel ?? null, children: /* @__PURE__ */ jsx21(EntranceAnimationProvider, { value: false, children: /* @__PURE__ */ jsx21(TooltipProvider, { delayDuration: 400, children: /* @__PURE__ */ jsx21(TimelineAnnotationSourceRootContext.Provider, { value: scrollRef, children: /* @__PURE__ */ jsxs15(
         "div",
         {
           className: cn("og-root relative flex min-h-0 flex-col", className),
@@ -8449,11 +8866,11 @@ function MessageTimeline({
                       readingAnchorRef.current = !pinnedRef.current && scrollRef.current ? captureTimelineAnchor(scrollRef.current) : null;
                       settlementRef.current = readableTurns && autoFollow && pinnedRef.current && revealedRef.current && !hasNewer && !pendingReaderLeaveRef.current && !disclosureKeepsUnpinnedRef.current && !prefersReducedMotion() && scrollRef.current ? captureTimelineSettlement(scrollRef.current, groups) : null;
                     },
-                    children: /* @__PURE__ */ jsxs16("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
+                    children: /* @__PURE__ */ jsxs15("div", { className: "relative mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
                       /* @__PURE__ */ jsx21(AnimatePresence3, { children: loadingOlder || loadingOldest || hasOlder && onJumpToStart && olderPrefetchArmed || underfillRetryReady ? (
                         // Reserved top gutter: controls scroll with history and cannot
                         // cover a disclosure. Visibility never changes content height.
-                        /* @__PURE__ */ jsxs16(
+                        /* @__PURE__ */ jsxs15(
                           motion3.div,
                           {
                             initial: { opacity: 0, y: -6 },
@@ -8554,13 +8971,13 @@ function MessageTimeline({
                         );
                       }),
                       groups.length > 0 && trailingState ? /* @__PURE__ */ jsx21("div", { "data-og-timeline-trailing-state": "", children: trailingState }) : null,
-                      hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs16(
+                      hasNewer && newerFailure?.key === newerBoundaryKey ? /* @__PURE__ */ jsxs15(
                         "div",
                         {
                           "data-og-newer-error": "",
                           className: "flex flex-col items-center gap-2 px-4 py-3 text-center text-og-menu text-og-fg-muted",
                           children: [
-                            /* @__PURE__ */ jsxs16("p", { role: "status", className: "max-w-prose [overflow-wrap:anywhere]", children: [
+                            /* @__PURE__ */ jsxs15("p", { role: "status", className: "max-w-prose [overflow-wrap:anywhere]", children: [
                               "Couldn\u2019t load later activity. ",
                               newerFailure.message
                             ] }),
@@ -8611,7 +9028,7 @@ function MessageTimeline({
                   "pointer-events-none absolute inset-x-0 z-10 flex justify-center",
                   questionNav?.belowHeader ? "top-10 pointer-coarse:top-13" : "top-3"
                 ),
-                children: /* @__PURE__ */ jsx21(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsxs16(
+                children: /* @__PURE__ */ jsx21(AnimatePresence3, { children: questionNav ? /* @__PURE__ */ jsxs15(
                   motion3.button,
                   {
                     ...NAV_FADE,
@@ -8635,7 +9052,7 @@ function MessageTimeline({
               {
                 "data-og-timeline-nav": "bottom",
                 className: "pointer-events-none absolute inset-x-0 bottom-3 z-10 flex flex-col items-center gap-2",
-                children: /* @__PURE__ */ jsxs16(AnimatePresence3, { children: [
+                children: /* @__PURE__ */ jsxs15(AnimatePresence3, { children: [
                   loadingNewer ? /* @__PURE__ */ jsx21(
                     motion3.div,
                     {
@@ -8647,7 +9064,7 @@ function MessageTimeline({
                     },
                     "loading-newer"
                   ) : null,
-                  jumpPillShown ? /* @__PURE__ */ jsxs16(
+                  jumpPillShown ? /* @__PURE__ */ jsxs15(
                     motion3.button,
                     {
                       ...NAV_FADE,
@@ -8708,14 +9125,14 @@ function MessageTimeline({
 }
 function timelineGroupsRenderEqual(previous, next) {
   try {
-    return dequal(previous, next);
+    return dequal2(previous, next);
   } catch {
     return false;
   }
 }
 function useStableTimelineGroupKeys(allGroups, entranceEnabled) {
   const previousRef = useRef10([]);
-  const keyedGroups = useMemo6(() => {
+  const keyedGroups = useMemo7(() => {
     const previousByItemId = /* @__PURE__ */ new Map();
     for (const previous of previousRef.current) {
       for (const itemId of timelineGroupItemIds(previous.group)) {
@@ -8792,7 +9209,7 @@ var TimelineGroupRenderBoundary = class extends Component3 {
   }
   render() {
     if (this.state.failed) {
-      return /* @__PURE__ */ jsxs16(
+      return /* @__PURE__ */ jsxs15(
         "div",
         {
           "data-testid": "timeline-group-render-error",
@@ -8800,7 +9217,7 @@ var TimelineGroupRenderBoundary = class extends Component3 {
           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__ */ jsx21(TriangleAlertIcon2, { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" }),
-            /* @__PURE__ */ jsxs16("div", { children: [
+            /* @__PURE__ */ jsxs15("div", { children: [
               /* @__PURE__ */ jsx21("p", { className: "font-medium text-og-fg", children: "Timeline item unavailable" }),
               /* @__PURE__ */ jsx21("p", { children: "This item could not be displayed. The rest of the conversation is still available." })
             ] })
@@ -9449,7 +9866,7 @@ function CompactionRow({ item }) {
   const title = item.phase === "started" ? "Compacting conversation history\u2026" : item.phase === "compacted" ? before && after ? `Conversation history compacted \xB7 ~${before} \u2192 ~${after} estimated history tokens` : "Conversation history compacted" : "Couldn\u2019t compact conversation history";
   const subtitle = item.phase === "compacted" ? "Chat history above is unchanged" : item.phase === "skipped" ? compactionSkipSubtitle(item.skipReason, item.providerRejection) : null;
   const pill = item.phase === "skipped" && item.skipReason === "summarization_failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.phase === "started" ? WAITING_PILL_CLASS : NEUTRAL_PILL;
-  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -9458,9 +9875,9 @@ function CompactionRow({ item }) {
       ),
       role: "status",
       children: [
-        /* @__PURE__ */ jsxs16("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxs15("span", { className: "inline-flex max-w-full items-center gap-1.5", children: [
           /* @__PURE__ */ jsx21(ShrinkIcon2, { className: "size-3.5 shrink-0" }),
-          /* @__PURE__ */ jsxs16("span", { className: "truncate", children: [
+          /* @__PURE__ */ jsxs15("span", { className: "truncate", children: [
             title,
             trigger ? ` \xB7 ${trigger}` : ""
           ] })
@@ -9491,7 +9908,7 @@ function UserMessageRow({
 }) {
   const enter = useEntranceAnimation();
   const deliveryFailed = item.delivery?.state === "failed";
-  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs16("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
+  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs15("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
     /* @__PURE__ */ jsx21(
       CopyHoverFrame,
       {
@@ -9499,11 +9916,11 @@ function UserMessageRow({
 ${annotation.note}`).join("\n\n"),
         label: "Copy message",
         className: "w-fit max-w-full min-w-0",
-        trailing: /* @__PURE__ */ jsxs16(Fragment6, { children: [
+        trailing: /* @__PURE__ */ jsxs15(Fragment6, { children: [
           renderMessageActions?.(item),
           /* @__PURE__ */ jsx21(MessageFooterTime, { occurredAt: item.occurredAt })
         ] }),
-        children: /* @__PURE__ */ jsxs16("div", { className: MESSAGE_BUBBLE_CLASS, children: [
+        children: /* @__PURE__ */ jsxs15("div", { className: MESSAGE_BUBBLE_CLASS, children: [
           item.text ? /* @__PURE__ */ jsx21(
             "div",
             {
@@ -9522,17 +9939,17 @@ ${annotation.note}`).join("\n\n"),
         ] })
       }
     ),
-    deliveryFailed ? /* @__PURE__ */ jsxs16(
+    deliveryFailed ? /* @__PURE__ */ jsxs15(
       "div",
       {
         role: "status",
         className: "flex max-w-full flex-col items-start gap-1 px-1 text-og-xs text-og-status-failed",
         children: [
-          /* @__PURE__ */ jsxs16("span", { className: "flex min-w-0 items-start gap-1", children: [
+          /* @__PURE__ */ jsxs15("span", { className: "flex min-w-0 items-start gap-1", children: [
             /* @__PURE__ */ jsx21(TriangleAlertIcon2, { className: "size-3.5 shrink-0", "aria-hidden": "true" }),
             /* @__PURE__ */ jsx21("span", { className: "min-w-0 break-words", children: item.delivery?.error || "Message not sent" })
           ] }),
-          /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center gap-2", children: [
             item.delivery?.onEdit ? /* @__PURE__ */ jsx21(
               "button",
               {
@@ -9574,26 +9991,26 @@ function HumanInputConversationRow({ item }) {
   );
   const settledLabel = item.response.outcome === "answered" ? "You answered" : item.response.outcome === "skipped" ? "Skipped" : item.response.outcome === "expired" ? "Expired" : "Cancelled";
   const copyText = humanInputConversationCopyText(item, settledLabel);
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(enter && "animate-og-enter", "flex w-full flex-col gap-2.5"),
       "data-human-input-history": item.requestId,
       children: [
-        /* @__PURE__ */ jsxs16("div", { className: "flex max-w-[90%] items-start gap-3 rounded-og-lg rounded-bl-og-xs border border-og-border bg-og-surface-1 px-3.5 py-3 sm:max-w-[82%]", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex max-w-[90%] items-start gap-3 rounded-og-lg rounded-bl-og-xs border border-og-border bg-og-surface-1 px-3.5 py-3 sm:max-w-[82%]", children: [
           /* @__PURE__ */ jsx21("span", { className: "mt-0.5 inline-flex size-8 shrink-0 items-center justify-center rounded-og-md bg-og-status-waiting/10 text-og-status-waiting", children: /* @__PURE__ */ jsx21(MessageCircleQuestionIcon3, { "aria-hidden": "true", className: "size-4" }) }),
-          /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx21("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: "Agent asked" }),
-            /* @__PURE__ */ jsx21("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs16("div", { children: [
-              question.label ? /* @__PURE__ */ jsxs16("p", { className: "text-og-sm font-semibold text-og-fg", children: [
-                multipleQuestions ? /* @__PURE__ */ jsxs16("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+            /* @__PURE__ */ jsx21("div", { className: "mt-1.5 space-y-3", children: item.questions.length > 0 ? item.questions.map((question, index) => /* @__PURE__ */ jsxs15("div", { children: [
+              question.label ? /* @__PURE__ */ jsxs15("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs15("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                   index + 1,
                   "."
                 ] }) : null,
                 multipleQuestions ? " " : null,
                 question.label
               ] }) : null,
-              /* @__PURE__ */ jsxs16(
+              /* @__PURE__ */ jsxs15(
                 "p",
                 {
                   className: cn(
@@ -9601,7 +10018,7 @@ function HumanInputConversationRow({ item }) {
                     question.label && "mt-0.5 text-og-sm text-og-fg-muted"
                   ),
                   children: [
-                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs16("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+                    !question.label && multipleQuestions ? /* @__PURE__ */ jsxs15("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                       index + 1,
                       "."
                     ] }) : null,
@@ -9620,11 +10037,11 @@ function HumanInputConversationRow({ item }) {
             label: "Copy answer",
             className: "w-fit max-w-[90%] min-w-0 sm:max-w-[82%]",
             trailing: /* @__PURE__ */ jsx21(MessageFooterTime, { occurredAt: item.occurredAt }),
-            children: /* @__PURE__ */ jsxs16("div", { className: MESSAGE_BUBBLE_CLASS, children: [
+            children: /* @__PURE__ */ jsxs15("div", { className: MESSAGE_BUBBLE_CLASS, children: [
               /* @__PURE__ */ jsx21("p", { className: "text-og-xs font-medium text-og-fg-subtle", children: settledLabel }),
-              item.response.outcome === "answered" ? /* @__PURE__ */ jsx21("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs16("div", { children: [
-                multipleQuestions ? /* @__PURE__ */ jsxs16("p", { className: "text-og-sm font-semibold text-og-fg", children: [
-                  /* @__PURE__ */ jsxs16("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
+              item.response.outcome === "answered" ? /* @__PURE__ */ jsx21("div", { className: "mt-1.5 space-y-3", children: item.answers.length > 0 ? item.answers.map((answer, answerIndex) => /* @__PURE__ */ jsxs15("div", { children: [
+                multipleQuestions ? /* @__PURE__ */ jsxs15("p", { className: "text-og-sm font-semibold text-og-fg", children: [
+                  /* @__PURE__ */ jsxs15("span", { className: "mr-1.5 tabular-nums text-og-fg-muted", children: [
                     questionNumberById.get(answer.questionId) ?? answerIndex + 1,
                     "."
                   ] }),
@@ -9668,7 +10085,7 @@ function AgentMessageRow({
       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__ */ jsxs16(Fragment6, { children: [
+      trailing: item.streaming ? null : /* @__PURE__ */ jsxs15(Fragment6, { children: [
         renderMessageActions?.(item),
         /* @__PURE__ */ jsx21(MessageFooterTime, { occurredAt: item.occurredAt })
       ] }),
@@ -9731,17 +10148,17 @@ function WorkerCompletionRow({
     ...showPausedReason ? [{ label: "Paused because", value: item.pausedReason.trim(), muted: true }] : []
   ];
   const hasDetails = details.length > 0;
-  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs16("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2.5", children: [
+  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "min-w-0"), children: /* @__PURE__ */ jsxs15("div", { className: cn("flex flex-col gap-2 border-l-2 pl-3", meta.accentClass), children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-2.5", children: [
       /* @__PURE__ */ jsx21("span", { className: cn("mt-0.5 shrink-0", meta.iconClass), children: /* @__PURE__ */ jsx21(Icon, { className: "size-4" }) }),
-      /* @__PURE__ */ jsx21("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs16("p", { className: "text-og-base leading-5 text-og-fg", children: [
+      /* @__PURE__ */ jsx21("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs15("p", { className: "text-og-base leading-5 text-og-fg", children: [
         /* @__PURE__ */ jsx21("span", { className: "font-medium", children: meta.label }),
-        item.goalText ? /* @__PURE__ */ jsxs16("span", { className: "text-og-fg-muted", children: [
+        item.goalText ? /* @__PURE__ */ jsxs15("span", { className: "text-og-fg-muted", children: [
           " \xB7 ",
           truncate(item.goalText, 90)
         ] }) : null
       ] }) }),
-      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs16(
+      item.childSessionId && onOpenSession ? /* @__PURE__ */ jsxs15(
         "button",
         {
           type: "button",
@@ -9758,8 +10175,8 @@ function WorkerCompletionRow({
         }
       ) : null
     ] }),
-    hasDetails ? /* @__PURE__ */ jsxs16(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx21(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
+    hasDetails ? /* @__PURE__ */ jsxs15(Collapsible2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx21(Collapsible2.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs15(
         "button",
         {
           type: "button",
@@ -9768,12 +10185,12 @@ function WorkerCompletionRow({
             "outline-hidden transition-colors duration-150 hover:text-og-fg-muted focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
-            /* @__PURE__ */ jsx21(ChevronRightIcon3, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
+            /* @__PURE__ */ jsx21(ChevronRightIcon4, { className: "size-3 transition-transform duration-150 ease-og-in-out group-data-[state=open]/wc:rotate-90" }),
             open ? "Hide details" : "Show details"
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx21(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx21("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx21(Collapsible2.Content, { className: "overflow-hidden data-[state=closed]:animate-og-collapse data-[state=open]:animate-og-expand", children: /* @__PURE__ */ jsx21("div", { className: "ml-1 mt-1.5 flex flex-col gap-2.5", children: details.map((detail) => /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsx21("p", { className: "mb-1 text-og-xs font-medium uppercase tracking-[0.08em] text-og-fg-subtle", children: detail.label }),
         /* @__PURE__ */ jsx21(
           "p",
@@ -9794,7 +10211,7 @@ function SessionStatusRow({
 }) {
   const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -9804,7 +10221,7 @@ function SessionStatusRow({
       role: "status",
       children: [
         /* @__PURE__ */ jsx21("span", { className: "h-px flex-1 bg-og-border" }),
-        /* @__PURE__ */ jsxs16("span", { className: "inline-flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxs15("span", { className: "inline-flex items-center gap-1.5", children: [
           item.resolvedAt ? null : /* @__PURE__ */ jsx21(StatusDot, { status: item.status, className: "size-1" }),
           item.resolvedAt ? "work resumed" : meta.label.toLowerCase(),
           " \xB7",
@@ -9849,7 +10266,7 @@ function goalMeta(action) {
 function GoalRow({ item }) {
   const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = goalMeta(item.action);
-  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsx21("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs15(
     "span",
     {
       className: cn(
@@ -9858,7 +10275,7 @@ function GoalRow({ item }) {
       ),
       children: [
         /* @__PURE__ */ jsx21(Icon, { className: "size-3.5 shrink-0" }),
-        /* @__PURE__ */ jsxs16("span", { className: "truncate", children: [
+        /* @__PURE__ */ jsxs15("span", { className: "truncate", children: [
           label,
           item.text ? `: ${truncate(item.text, 90)}` : ""
         ] })
@@ -9885,15 +10302,15 @@ function MachineInputBatchRow({
   }
   const singleSummary = single ? cleanMachineInputSummary(single.summary) : "";
   const showCollapsedSummary = !item.compact && single != null && machineInputSummaryIsUseful(single.kind, singleSummary);
-  return /* @__PURE__ */ jsxs16("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15("div", { className: cn(enter && "animate-og-enter", "flex flex-col items-center gap-1.5"), children: [
+    /* @__PURE__ */ jsxs15(
       "details",
       {
         className: "group w-full max-w-full",
         "data-og-machine-input-batch": "",
         title: `Received ${formatClockTime(item.occurredAt)}`,
         children: [
-          /* @__PURE__ */ jsx21("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsx21("summary", { className: "flex cursor-pointer list-none justify-center [&::-webkit-details-marker]:hidden", children: /* @__PURE__ */ jsxs15(
             "span",
             {
               className: cn(
@@ -9902,7 +10319,7 @@ function MachineInputBatchRow({
               ),
               children: [
                 /* @__PURE__ */ jsx21(
-                  ChevronRightIcon3,
+                  ChevronRightIcon4,
                   {
                     "aria-hidden": true,
                     className: "size-3.5 shrink-0 transition-transform group-open:rotate-90"
@@ -9912,8 +10329,8 @@ function MachineInputBatchRow({
               ]
             }
           ) }),
-          /* @__PURE__ */ jsxs16("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: [
-            /* @__PURE__ */ jsxs16("p", { className: "text-og-xs text-og-fg-subtle", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "mx-auto mt-2 w-full max-w-lg space-y-2 border-t border-og-border/50 pt-2", children: [
+            /* @__PURE__ */ jsxs15("p", { className: "text-og-xs text-og-fg-subtle", children: [
               "Received ",
               /* @__PURE__ */ jsx21("time", { dateTime: item.occurredAt, children: formatClockTime(item.occurredAt) })
             ] }),
@@ -9950,11 +10367,11 @@ function MachineInputRow({
   }
   const source = readableMachineInputSource(member.sourceId);
   const summary = cleanMachineInputSummary(member.summary);
-  return /* @__PURE__ */ jsxs16("div", { className: "flex min-w-0 items-start gap-2.5", children: [
+  return /* @__PURE__ */ jsxs15("div", { className: "flex min-w-0 items-start gap-2.5", children: [
     /* @__PURE__ */ jsx21("span", { className: "mt-2 size-1.5 shrink-0 rounded-full bg-og-fg-subtle", "aria-hidden": true }),
-    /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx21("span", { className: "text-og-control font-medium text-og-fg-muted", children: MACHINE_INPUT_META[member.kind] }),
-      source && /* @__PURE__ */ jsxs16("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
+      source && /* @__PURE__ */ jsxs15("span", { className: "ml-1.5 text-og-control text-og-fg-subtle", children: [
         "from ",
         source
       ] }),
@@ -9977,7 +10394,7 @@ function VideoGenerationResultRow({
 }) {
   const enter = useEntranceAnimation();
   if (result.status !== "ready") {
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs15(
       "div",
       {
         className: cn(
@@ -9985,7 +10402,7 @@ function VideoGenerationResultRow({
           "mx-auto w-full max-w-lg rounded-og-md border border-og-status-failed/30 bg-og-status-failed/5 px-3.5 py-3"
         ),
         children: [
-          /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2 text-og-sm font-medium text-og-status-failed", children: [
             /* @__PURE__ */ jsx21(XCircleIcon, { "aria-hidden": true, className: "size-4" }),
             "Video generation failed"
           ] }),
@@ -9996,7 +10413,7 @@ function VideoGenerationResultRow({
   }
   const { receipt } = result;
   const facts = receipt.video;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "section",
     {
       "aria-label": "Generated video",
@@ -10014,10 +10431,10 @@ function VideoGenerationResultRow({
             className: "rounded-none border-0 shadow-none"
           }
         ) : /* @__PURE__ */ jsx21("div", { className: "flex aspect-video items-center justify-center bg-og-surface-2 text-og-fg-subtle", children: /* @__PURE__ */ jsx21(PlayIcon, { "aria-hidden": true, className: "size-6" }) }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
-          /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-4 px-3.5 py-2.5", children: [
+          /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
             /* @__PURE__ */ jsx21("p", { className: "text-og-sm font-medium text-og-fg", children: "Generated video" }),
-            /* @__PURE__ */ jsxs16("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
+            /* @__PURE__ */ jsxs15("p", { className: "truncate text-og-xs text-og-fg-subtle", children: [
               facts.width,
               "\xD7",
               facts.height,
@@ -10039,16 +10456,16 @@ function NoticeRow({ item }) {
   const enter = useEntranceAnimation();
   if (item.allowance) return /* @__PURE__ */ jsx21(AllowanceExhaustedRow, { refusal: item.allowance });
   if (item.recordedOutcome) {
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs15(
       "details",
       {
         className: "group text-og-sm text-og-fg-muted",
         role: "note",
         "data-og-recorded-outcome": "wait",
         children: [
-          /* @__PURE__ */ jsxs16("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
+          /* @__PURE__ */ jsxs15("summary", { className: "flex cursor-pointer list-none items-center gap-2 py-1 [&::-webkit-details-marker]:hidden", children: [
             /* @__PURE__ */ jsx21(
-              ChevronRightIcon3,
+              ChevronRightIcon4,
               {
                 "aria-hidden": true,
                 className: "size-3.5 transition-transform group-open:rotate-90"
@@ -10063,7 +10480,7 @@ function NoticeRow({ item }) {
   }
   const resolvedApproval = Boolean(item.resolvedAt && item.text.startsWith("Approval needed"));
   const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" && !item.resolvedAt ? WAITING_PILL_CLASS : NEUTRAL_PILL;
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       className: cn(
@@ -10079,9 +10496,9 @@ function NoticeRow({ item }) {
             className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60")
           }
         ),
-        /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx21("span", { className: "whitespace-pre-wrap break-words", children: resolvedApproval ? "You responded to this approval." : item.text }),
-          item.details ? /* @__PURE__ */ jsxs16("details", { className: "mt-2 text-og-control", children: [
+          item.details ? /* @__PURE__ */ jsxs15("details", { className: "mt-2 text-og-control", children: [
             /* @__PURE__ */ jsx21("summary", { className: "cursor-pointer font-medium", children: item.details.label }),
             /* @__PURE__ */ jsx21("pre", { className: "mt-2 max-h-64 overflow-auto whitespace-pre-wrap break-all rounded-og-sm bg-og-fg/5 p-2 font-mono", children: JSON.stringify(item.details.value, null, 2) })
           ] }) : null
@@ -10105,7 +10522,7 @@ function recordedWaitSummary(item) {
   const target = agents > 0 ? ` for ${agents} ${agents === 1 ? "agent" : "agents"}` : "";
   const waitedMs = item.waitEndedAt ? durationBetween(item.occurredAt, item.waitEndedAt) : void 0;
   if (waitedMs !== void 0) {
-    return /* @__PURE__ */ jsxs16(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs15(Fragment6, { children: [
       "Waited",
       target,
       " \xB7",
@@ -10115,7 +10532,7 @@ function recordedWaitSummary(item) {
   }
   const started = new Date(item.occurredAt);
   const sameDay = started.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-  return /* @__PURE__ */ jsxs16(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs15(Fragment6, { children: [
     item.waitEndedAt ? "Waited" : "Waiting",
     target,
     " \xB7 since",
@@ -10153,9 +10570,9 @@ function AuthNeededRow({
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsxs16("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
-    /* @__PURE__ */ jsxs16("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__ */ jsxs16("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+  return /* @__PURE__ */ jsxs15("div", { className: cn(enter && "animate-og-enter", "flex flex-col gap-2"), role: "status", children: [
+    /* @__PURE__ */ jsxs15("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__ */ jsxs15("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
         /* @__PURE__ */ jsx21(
           AuthProviderLogo,
           {
@@ -10163,20 +10580,20 @@ function AuthNeededRow({
             label: provider
           }
         ),
-        /* @__PURE__ */ jsxs16("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
           /* @__PURE__ */ jsx21("p", { className: "truncate text-og-md font-medium text-og-fg", children: title }),
           /* @__PURE__ */ jsx21("p", { className: "line-clamp-2 text-og-sm text-og-fg-subtle", children: reasonLine }),
-          recommendation ? /* @__PURE__ */ jsxs16("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
+          recommendation ? /* @__PURE__ */ jsxs15("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Provider: ",
             item.providerDomain
           ] }) : null,
-          recommendation && recommendation.requiredVariables.length > 0 ? /* @__PURE__ */ jsxs16("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
+          recommendation && recommendation.requiredVariables.length > 0 ? /* @__PURE__ */ jsxs15("p", { className: "mt-1 truncate text-og-xs text-og-fg-muted", children: [
             "Needs variables: ",
             recommendation.requiredVariables.join(", ")
           ] }) : null
         ] })
       ] }),
-      hostAuthorizationUrl ? /* @__PURE__ */ jsxs16(
+      hostAuthorizationUrl ? /* @__PURE__ */ jsxs15(
         "a",
         {
           href: hostAuthorizationUrl,
@@ -10191,7 +10608,7 @@ function AuthNeededRow({
             actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs16(
+      ) : item.authoritySource !== "host" && !unavailable && onReconnect ? /* @__PURE__ */ jsxs15(
         "button",
         {
           type: "button",
@@ -10206,7 +10623,7 @@ function AuthNeededRow({
             busy ? "Opening\u2026" : actionLabel
           ]
         }
-      ) : item.authoritySource !== "host" && !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs16(
+      ) : item.authoritySource !== "host" && !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs15(
         "a",
         {
           href: item.authorizationUrl,
@@ -10224,7 +10641,7 @@ function AuthNeededRow({
       ) : null
     ] }),
     !unavailable ? /* @__PURE__ */ jsx21("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: recommendation ? "No access has been granted. Review and confirm the provider before continuing." : `This tool call wasn't replayed. After ${missing ? "connecting" : "reconnecting"}, send a new message to try again.` }) : null,
-    failed ? /* @__PURE__ */ jsxs16("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
+    failed ? /* @__PURE__ */ jsxs15("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
       "Couldn't start ",
       missing ? "connecting" : "reconnecting",
       " ",
@@ -10297,7 +10714,7 @@ function authReasonLine(reason) {
 // src/components/queue-surface.tsx
 import { Loader2Icon } from "lucide-react";
 import { lazy as lazy4, Suspense as Suspense5 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var loadQueueSurface = () => import("./queue-surface-implementation-ZHFI5JBP.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
@@ -10321,7 +10738,7 @@ function QueueSurfaceFallback() {
       className: "og-root mx-auto mb-2 w-full max-w-3xl shrink-0 px-4 sm:px-6",
       "data-testid": "queue-surface-loading",
       role: "status",
-      children: /* @__PURE__ */ jsx22("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
+      children: /* @__PURE__ */ jsx22("div", { className: "overflow-hidden rounded-lg border border-border bg-surface/80 shadow-sm", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 px-3 py-2 text-og-control text-fg-muted pointer-coarse:min-h-[44px]", children: [
         /* @__PURE__ */ jsx22(
           Loader2Icon,
           {
@@ -10336,10 +10753,10 @@ function QueueSurfaceFallback() {
 }
 
 // src/hooks/use-available-models.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 function useAvailableModels(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback4(
+  const load = useCallback5(
     async (signal) => await client.getClientConfig({ signal }),
     [client]
   );
@@ -10357,7 +10774,7 @@ function useAvailableModels(options = {}) {
 }
 function useWorkspaceModelCatalog(options) {
   const client = useOpenGeniClient(options);
-  const load = useCallback4(
+  const load = useCallback5(
     async (signal) => {
       if (!options.workspaceId) {
         return { models: [], defaultModel: null };
@@ -10393,7 +10810,7 @@ import { LayoutGroup, motion as motion4 } from "motion/react";
 import {
   useImperativeHandle
 } from "react";
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
 function ChatComposer({
   composer,
   responsiveBasis,
@@ -10455,10 +10872,10 @@ function ChatComposer({
   useImperativeHandle(focusRef, () => ({ focusInput: controller.focusInput }), [
     controller.focusInput
   ]);
-  return /* @__PURE__ */ jsx23(Fragment7, { children: /* @__PURE__ */ jsxs18(Root, { controller, responsiveBasis, className, children: [
-    /* @__PURE__ */ jsxs18(Frame, { children: [
+  return /* @__PURE__ */ jsx23(Fragment7, { children: /* @__PURE__ */ jsxs17(Root, { controller, responsiveBasis, className, children: [
+    /* @__PURE__ */ jsxs17(Frame, { children: [
       /* @__PURE__ */ jsx23(CommandPalette, {}),
-      /* @__PURE__ */ jsxs18(Surface, { className: surfaceClassName, children: [
+      /* @__PURE__ */ jsxs17(Surface, { className: surfaceClassName, children: [
         /* @__PURE__ */ jsx23(PausedState, {}),
         /* @__PURE__ */ jsx23(RestoredResources, {}),
         /* @__PURE__ */ jsx23(Attachments, {}),
@@ -10481,8 +10898,8 @@ function ChatComposer({
           {
             "data-og-stack-actions": stackActions ? "" : void 0,
             className: stackActions ? "max-sm:flex-nowrap sm:flex-wrap" : void 0,
-            children: /* @__PURE__ */ jsxs18(LayoutGroup, { id: "og-composer-footer", children: [
-              hasControls ? /* @__PURE__ */ jsxs18(
+            children: /* @__PURE__ */ jsxs17(LayoutGroup, { id: "og-composer-footer", children: [
+              hasControls ? /* @__PURE__ */ jsxs17(
                 Controls,
                 {
                   className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
@@ -10525,7 +10942,7 @@ function ChatComposer({
                   ]
                 }
               ) : /* @__PURE__ */ jsx23(Hint, { children: hint }),
-              /* @__PURE__ */ jsxs18(
+              /* @__PURE__ */ jsxs17(
                 Actions,
                 {
                   className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
@@ -10569,8 +10986,8 @@ import {
   TargetIcon as TargetIcon3
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion5, useReducedMotion as useReducedMotion4 } from "motion/react";
-import { useEffect as useEffect13, useId as useId4, useMemo as useMemo7, useRef as useRef11, useState as useState18 } from "react";
-import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useId as useId4, useMemo as useMemo8, useRef as useRef11, useState as useState18 } from "react";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 var GOAL_LABEL = {
   pursuing: "Pursuing",
   waiting: "Waiting",
@@ -10790,12 +11207,12 @@ function SessionChrome({
   const incoming = queue.pendingInputs;
   const turns = queue.queue;
   const queueMutationFor = queue.mutationFor;
-  const queuedTurns = useMemo7(
+  const queuedTurns = useMemo8(
     () => turns.filter((turn) => isAuthoritativeQueuedTurn(turn, queueMutationFor)),
     [queueMutationFor, turns]
   );
-  const queuedTurnIds = useMemo7(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
-  const optimisticQueued = useMemo7(
+  const queuedTurnIds = useMemo8(() => new Set(queuedTurns.map((turn) => turn.id)), [queuedTurns]);
+  const optimisticQueued = useMemo8(
     () => (composer?.optimisticMessages ?? []).filter(
       (message) => isOptimisticQueuedMessage(message, queuedTurnIds, queue.snapshot)
     ),
@@ -10869,7 +11286,7 @@ function SessionChrome({
     onActiveChange?.(next);
   };
   const hasCommandsPanel = commandsPanel != null;
-  const signals = useMemo7(() => {
+  const signals = useMemo8(() => {
     const rows = [];
     if (incoming.length > 0) {
       const detail = incoming[0]?.summary;
@@ -11121,7 +11538,7 @@ function SessionChrome({
       ref: rootRef,
       "data-og-session-chrome": "",
       "data-og-session-chrome-open": open ? "true" : "false",
-      children: /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs18(
         "div",
         {
           className: cn(
@@ -11147,7 +11564,7 @@ function SessionChrome({
                   paddingLeft: "var(--og-session-chrome-rail-pad)",
                   paddingRight: "var(--og-session-chrome-rail-pad)"
                 },
-                children: /* @__PURE__ */ jsxs19(
+                children: /* @__PURE__ */ jsxs18(
                   "div",
                   {
                     ref: railRef,
@@ -11178,7 +11595,7 @@ function SessionChrome({
                       ),
                       signals.filter((signal) => !["incoming", "agents", "commands"].includes(signal.id)).map((signal) => {
                         const selected = active === signal.id;
-                        return /* @__PURE__ */ jsxs19(
+                        return /* @__PURE__ */ jsxs18(
                           "div",
                           {
                             role: "group",
@@ -11189,7 +11606,7 @@ function SessionChrome({
                               selected && "bg-og-surface-3"
                             ),
                             children: [
-                              /* @__PURE__ */ jsxs19(
+                              /* @__PURE__ */ jsxs18(
                                 "button",
                                 {
                                   type: "button",
@@ -11231,14 +11648,14 @@ function SessionChrome({
                                       queueArrivalNonce
                                     ) : null,
                                     /* @__PURE__ */ jsx24("span", { className: cn("shrink-0", toneClass(signal.tone, selected)), children: signal.icon }),
-                                    /* @__PURE__ */ jsxs19("span", { className: cn("font-medium text-og-fg", "min-w-0 truncate"), children: [
+                                    /* @__PURE__ */ jsxs18("span", { className: cn("font-medium text-og-fg", "min-w-0 truncate"), children: [
                                       signal.id === "goal" ? "Goal \xB7 " : null,
                                       signal.id === "goal" ? goalState === "pursuing" ? "Running" : signal.label : signal.id === "queue" ? queue.error || queue.mutationError ? signal.label : `${queuedTurns.length + optimisticQueued.length} queued` : signal.label
                                     ] })
                                   ]
                                 }
                               ),
-                              signal.id === "goal" && goal && record && !readOnly ? /* @__PURE__ */ jsxs19("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: [
+                              signal.id === "goal" && goal && record && !readOnly ? /* @__PURE__ */ jsxs18("div", { className: "flex shrink-0 items-center pr-1 pl-0.5", children: [
                                 record.status === "active" || record.status === "paused" ? /* @__PURE__ */ jsx24(
                                   IconAction,
                                   {
@@ -11277,7 +11694,7 @@ function SessionChrome({
                           signal.id
                         );
                       }),
-                      signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)) ? /* @__PURE__ */ jsxs19(
+                      signals.some((signal) => ["incoming", "agents", "commands"].includes(signal.id)) ? /* @__PURE__ */ jsxs18(
                         "button",
                         {
                           type: "button",
@@ -11301,7 +11718,7 @@ function SessionChrome({
                           children: [
                             /* @__PURE__ */ jsx24(ActivityIcon, { className: "size-3.5" }),
                             /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Activity" }),
-                            commandsCount > 0 ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+                            commandsCount > 0 ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
                               /* @__PURE__ */ jsx24(
                                 "span",
                                 {
@@ -11309,7 +11726,7 @@ function SessionChrome({
                                   className: "size-1.5 shrink-0 animate-og-pulse rounded-full bg-og-fg-muted motion-reduce:animate-none"
                                 }
                               ),
-                              /* @__PURE__ */ jsxs19("span", { id: `${panelId}-commands-count`, children: [
+                              /* @__PURE__ */ jsxs18("span", { id: `${panelId}-commands-count`, children: [
                                 commandsCount,
                                 " command",
                                 commandsCount === 1 ? "" : "s"
@@ -11319,7 +11736,7 @@ function SessionChrome({
                           ]
                         }
                       ) : null,
-                      stopping ? /* @__PURE__ */ jsxs19(
+                      stopping ? /* @__PURE__ */ jsxs18(
                         "span",
                         {
                           role: "status",
@@ -11351,7 +11768,7 @@ function SessionChrome({
                 exit: { height: 0, opacity: 0 },
                 transition: { duration: shellDuration, ease },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ jsx24("div", { className: "mt-1 flex items-center gap-1 rounded-t-og-lg bg-og-surface-2/50 px-2 py-1", children: signals.filter((signal) => ["incoming", "agents", "commands"].includes(signal.id)).map((signal) => /* @__PURE__ */ jsxs19(
+                children: /* @__PURE__ */ jsx24("div", { className: "mt-1 flex items-center gap-1 rounded-t-og-lg bg-og-surface-2/50 px-2 py-1", children: signals.filter((signal) => ["incoming", "agents", "commands"].includes(signal.id)).map((signal) => /* @__PURE__ */ jsxs18(
                   "button",
                   {
                     type: "button",
@@ -11373,7 +11790,7 @@ function SessionChrome({
               },
               "activity-tabs"
             ) : null }),
-            goal?.mutationError ? /* @__PURE__ */ jsxs19("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
+            goal?.mutationError ? /* @__PURE__ */ jsxs18("p", { role: "alert", className: "px-3 pb-2 text-og-xs text-og-danger", children: [
               "Goal action not confirmed. ",
               formatError(goal.mutationError)
             ] }) : null,
@@ -11393,7 +11810,7 @@ function SessionChrome({
                   transitionDuration: "var(--og-session-chrome-duration)",
                   transitionTimingFunction: "var(--_og-session-chrome-ease)"
                 },
-                children: /* @__PURE__ */ jsx24("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs19(
+                children: /* @__PURE__ */ jsx24("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxs18(
                   "div",
                   {
                     className: cn(
@@ -11450,7 +11867,7 @@ function IncomingPanel({
   onDismiss,
   onOpenSession
 }) {
-  return /* @__PURE__ */ jsxs19("div", { children: [
+  return /* @__PURE__ */ jsxs18("div", { children: [
     /* @__PURE__ */ jsx24("p", { className: "mb-2 text-og-xs text-og-fg-subtle", children: "Waiting to be included in an agent turn." }),
     /* @__PURE__ */ jsx24(
       "ul",
@@ -11458,7 +11875,7 @@ function IncomingPanel({
         className: "flex flex-col gap-0.5",
         "aria-label": "Incoming updates",
         "data-og-session-chrome-panel": "incoming",
-        children: inputs.map((input) => /* @__PURE__ */ jsxs19(
+        children: inputs.map((input) => /* @__PURE__ */ jsxs18(
           "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)]",
@@ -11473,7 +11890,7 @@ function IncomingPanel({
                   children: pendingKindLabel(input.kind)
                 }
               ),
-              /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsx24("p", { className: "break-words text-og-xs leading-4 text-og-fg", children: input.summary }),
                 /* @__PURE__ */ jsx24(
                   ChildSessionLink,
@@ -11540,7 +11957,7 @@ function QueuePanel({
     );
     return () => clearTimeout(timer);
   }, [reduceMotion, turnIdsKey]);
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(
     "ol",
     {
       className: "flex flex-col gap-0.5",
@@ -11556,14 +11973,14 @@ function QueuePanel({
           const beforeDown = index < turns.length - 1 ? turns[index + 2]?.id ?? null : null;
           const showActions = !readOnly && (onEdit || onSteer || onRemove || onMove);
           const confirmingReplace = replaceDraftFor === turn.id;
-          return /* @__PURE__ */ jsxs19(
+          return /* @__PURE__ */ jsxs18(
             "li",
             {
               "data-queue-turn-id": turn.id,
               tabIndex: -1,
               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__ */ jsxs19("div", { className: "flex items-start gap-1.5", children: [
+                /* @__PURE__ */ jsxs18("div", { className: "flex items-start gap-1.5", children: [
                   voice ? /* @__PURE__ */ jsx24(
                     AudioLinesIcon,
                     {
@@ -11578,8 +11995,8 @@ function QueuePanel({
                       annotations: turn.annotations ?? []
                     }
                   ),
-                  showActions ? /* @__PURE__ */ jsxs19("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: [
-                    onMove && turns.length > 1 ? /* @__PURE__ */ jsxs19(Fragment8, { children: [
+                  showActions ? /* @__PURE__ */ jsxs18("div", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 max-sm:opacity-100", children: [
+                    onMove && turns.length > 1 ? /* @__PURE__ */ jsxs18(Fragment8, { children: [
                       /* @__PURE__ */ jsx24(
                         IconAction,
                         {
@@ -11636,10 +12053,10 @@ function QueuePanel({
                     ) : null
                   ] }) : null
                 ] }),
-                confirmingReplace ? /* @__PURE__ */ jsxs19("div", { className: "rounded-og-sm border border-og-status-waiting/30 bg-og-status-waiting/10 p-2 text-og-xs text-og-fg", children: [
+                confirmingReplace ? /* @__PURE__ */ jsxs18("div", { className: "rounded-og-sm border border-og-status-waiting/30 bg-og-status-waiting/10 p-2 text-og-xs text-og-fg", children: [
                   /* @__PURE__ */ jsx24("p", { children: "Your composer already has a draft. Replace it with this queued prompt?" }),
                   /* @__PURE__ */ jsx24("p", { className: "mt-0.5 text-og-fg-muted", children: "The current draft will be permanently discarded; this queued prompt is preserved until you confirm." }),
-                  /* @__PURE__ */ jsxs19("div", { className: "mt-2 flex justify-end gap-1.5", children: [
+                  /* @__PURE__ */ jsxs18("div", { className: "mt-2 flex justify-end gap-1.5", children: [
                     /* @__PURE__ */ jsx24(
                       "button",
                       {
@@ -11665,7 +12082,7 @@ function QueuePanel({
             turn.id
           );
         }),
-        /* @__PURE__ */ jsx24(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsx24(AnimatePresence4, { initial: false, children: optimistic.map((message, index) => /* @__PURE__ */ jsxs18(
           motion5.li,
           {
             "aria-live": "polite",
@@ -11679,12 +12096,12 @@ function QueuePanel({
             ),
             children: [
               /* @__PURE__ */ jsx24("span", { className: "shrink-0 font-og-mono text-[10px] leading-4 text-og-fg-subtle", children: turns.length + index + 1 }),
-              /* @__PURE__ */ jsxs19("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
                 /* @__PURE__ */ jsx24(CompactQueueItemContent, { text: message.text, annotations: message.annotations }),
                 message.state === "failed" && message.error ? /* @__PURE__ */ jsx24("p", { className: "break-words text-og-xs", children: message.error }) : null
               ] }),
               /* @__PURE__ */ jsx24("span", { className: "sr-only", children: message.state === "failed" ? message.outcomeUnknown ? "Not confirmed" : "Message not sent" : message.state === "sending" ? "Placing in queue" : "Queued" }),
-              message.state === "failed" ? /* @__PURE__ */ jsxs19("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
+              message.state === "failed" ? /* @__PURE__ */ jsxs18("div", { className: "flex shrink-0 items-center gap-1 text-[10px]", children: [
                 message.retryable !== false && onRetryOptimistic ? /* @__PURE__ */ jsx24(
                   "button",
                   {
@@ -11724,7 +12141,7 @@ function QueuePanel({
           },
           message.clientEventId
         )) }),
-        loadError ? /* @__PURE__ */ jsxs19(
+        loadError ? /* @__PURE__ */ jsxs18(
           "li",
           {
             role: "alert",
@@ -11744,7 +12161,7 @@ function QueuePanel({
             ]
           }
         ) : null,
-        mutationError ? /* @__PURE__ */ jsxs19(
+        mutationError ? /* @__PURE__ */ jsxs18(
           "li",
           {
             role: "alert",
@@ -11773,7 +12190,7 @@ function CompactQueueItemContent({
   annotations
 }) {
   const content = queueItemContent(text, annotations.length);
-  return /* @__PURE__ */ jsxs19("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
     content === "text" ? /* @__PURE__ */ jsx24("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg", children: text }) : content === "unavailable" ? /* @__PURE__ */ jsx24("p", { className: "min-w-0 flex-1 truncate text-og-xs leading-4 text-og-fg-muted italic", children: QUEUE_ITEM_CONTENT_UNAVAILABLE }) : null,
     annotations.length > 0 ? /* @__PURE__ */ jsx24(TimelineAnnotationsChip, { annotations, className: "shrink-0", compact: true }) : null
   ] });
@@ -11789,21 +12206,21 @@ function GoalPanel({
   if (!record) return null;
   const canToggle = !readOnly && (record.status === "active" || record.status === "paused");
   const explanation = sessionChromeGoalPillExplanation(state, record);
-  return /* @__PURE__ */ jsxs19("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: "space-y-1.5", "data-og-session-chrome-panel": "goal", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center gap-1.5 text-[10px] font-medium uppercase tracking-wider text-og-fg-subtle", children: [
       /* @__PURE__ */ jsx24("span", { children: sessionChromeGoalPillLabel(state, record) }),
-      elapsed ? /* @__PURE__ */ jsxs19("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
+      elapsed ? /* @__PURE__ */ jsxs18("span", { className: "tabular-nums normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 Created ",
         elapsed,
         " ago"
       ] }) : null,
-      /* @__PURE__ */ jsxs19("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
+      /* @__PURE__ */ jsxs18("span", { className: "normal-case tracking-normal text-og-fg-muted", children: [
         "\xB7 v",
         record.version
       ] })
     ] }),
     /* @__PURE__ */ jsx24("p", { className: "text-og-sm leading-5 text-og-fg", children: record.text }),
-    record.successCriteria ? /* @__PURE__ */ jsxs19("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
+    record.successCriteria ? /* @__PURE__ */ jsxs18("p", { className: "text-og-xs leading-4 text-og-fg-muted", children: [
       /* @__PURE__ */ jsx24("span", { className: "font-medium text-og-fg", children: "Done when" }),
       " ",
       record.successCriteria
@@ -11817,19 +12234,19 @@ function GoalPanel({
       }
     ) : null,
     record.continuation?.lastError ? /* @__PURE__ */ jsx24("p", { className: "rounded-og-sm bg-og-status-waiting/10 px-1.5 py-1 text-og-xs leading-4 text-og-status-waiting", children: formatError(record.continuation.lastError) }) : null,
-    /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
-        /* @__PURE__ */ jsxs19("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap items-center justify-between gap-1.5 pt-0.5", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap gap-1 text-[10px] text-og-fg-muted", children: [
+        /* @__PURE__ */ jsxs18("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.autoContinuations,
           " consecutive unattended continues"
         ] }),
-        /* @__PURE__ */ jsxs19("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
+        /* @__PURE__ */ jsxs18("span", { className: "rounded bg-og-surface-3/70 px-1 py-px", children: [
           record.noProgressStreak,
           " stalled"
         ] })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-0.5", children: [
-        canToggle ? /* @__PURE__ */ jsxs19(
+      !readOnly ? /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-0.5", children: [
+        canToggle ? /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -11842,7 +12259,7 @@ function GoalPanel({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs18(
           "button",
           {
             type: "button",
@@ -11859,7 +12276,7 @@ function GoalPanel({
     ] })
   ] });
 }
-var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs19("span", { className: "flex flex-col gap-0.5 text-left", children: [
+var QUEUE_STEER_TIP = /* @__PURE__ */ jsxs18("span", { className: "flex flex-col gap-0.5 text-left", children: [
   /* @__PURE__ */ jsx24("span", { className: "font-medium", children: "Steer" }),
   /* @__PURE__ */ jsx24("span", { className: "opacity-80", children: "Interrupt the current turn and send this message now" })
 ] });
@@ -11875,8 +12292,8 @@ function IconAction({
   danger,
   children
 }) {
-  return /* @__PURE__ */ jsxs19(Tooltip, { children: [
-    /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs18(Tooltip, { children: [
+    /* @__PURE__ */ jsx24(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs18(
       "button",
       {
         type: "button",
@@ -11903,20 +12320,79 @@ function IconAction({
 }
 
 // src/components/session-conversation.tsx
-import { SESSION_SCOPE_HEADER } from "@opengeni/sdk";
+import {
+  resolveWorkspaceVoiceInputEnabled,
+  SESSION_SCOPE_HEADER
+} from "@opengeni/sdk";
 import {
   lazy as lazy5,
   Suspense as Suspense6,
-  useCallback as useCallback5,
-  useEffect as useEffect16,
-  useMemo as useMemo9,
+  useCallback as useCallback6,
+  useEffect as useEffect17,
+  useMemo as useMemo10,
   useRef as useRef13,
-  useState as useState21
+  useState as useState22
 } from "react";
 
+// src/hooks/use-client-config-flags.ts
+import { useEffect as useEffect14, useState as useState19 } from "react";
+var INITIAL_FLAGS = {
+  loaded: false,
+  uploads: false,
+  modelSelection: false,
+  sandboxFiles: false,
+  defaultReasoningEffort: null,
+  artifacts: true,
+  sessionCreation: true,
+  archive: true,
+  voiceInput: null
+};
+var configReads = /* @__PURE__ */ new WeakMap();
+function readClientConfig(client) {
+  let read = configReads.get(client);
+  if (!read) {
+    read = client.getClientConfig();
+    configReads.set(client, read);
+    read.catch(() => {
+      if (configReads.get(client) === read) configReads.delete(client);
+    });
+  }
+  return read;
+}
+function useClientConfigFlags(client) {
+  const [flags, setFlags] = useState19(INITIAL_FLAGS);
+  useEffect14(() => {
+    if (typeof client.getClientConfig !== "function") return;
+    let live = true;
+    readClientConfig(client).then(
+      (config) => {
+        if (live) {
+          setFlags({
+            loaded: true,
+            uploads: config.fileUploads?.enabled === true,
+            // Only an explicit offer shows end users the picker.
+            modelSelection: config.modelSelection === true,
+            sandboxFiles: config.sandboxFiles !== false,
+            defaultReasoningEffort: config.defaultReasoningEffort ?? null,
+            artifacts: config.artifacts !== false,
+            sessionCreation: config.sessionCreation !== false,
+            archive: config.archive !== false,
+            voiceInput: config.voiceInput?.available === true ? config.voiceInput : null
+          });
+        }
+      },
+      () => void 0
+    );
+    return () => {
+      live = false;
+    };
+  }, [client]);
+  return flags;
+}
+
 // src/components/session-proxy-scope.tsx
 import { OpenGeniBrowserClient } from "@opengeni/sdk/browser";
-import { useEffect as useEffect14, useMemo as useMemo8, useRef as useRef12, useState as useState19 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo9, useRef as useRef12, useState as useState20 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 function SessionProxyScope({
   baseUrl,
@@ -11936,7 +12412,7 @@ function SessionProxyScope({
   const fetchRef = useRef12(fetch);
   fetchRef.current = fetch;
   const hasFetch = fetch !== void 0;
-  const ownClient = useMemo8(
+  const ownClient = useMemo9(
     () => new OpenGeniBrowserClient({
       baseUrl,
       apiContract: "compatible",
@@ -11949,10 +12425,10 @@ function SessionProxyScope({
     [baseUrl, hasFetch]
   );
   const client = suppliedClient ?? ownClient;
-  const [state, setState] = useState19(
+  const [state, setState] = useState20(
     workspaceId ? { status: "ready", workspaceId } : { status: "loading" }
   );
-  useEffect14(() => {
+  useEffect15(() => {
     if (workspaceId) {
       setState({ status: "ready", workspaceId });
       return;
@@ -11991,7 +12467,7 @@ function SessionProxyScope({
 }
 
 // src/lib/host-theme.ts
-import { useLayoutEffect as useLayoutEffect6, useEffect as useEffect15, useState as useState20 } from "react";
+import { useLayoutEffect as useLayoutEffect6, useEffect as useEffect16, useState as useState21 } from "react";
 var HOST_THEME_ROOT_ATTRIBUTE = "data-og-host-theme";
 var HOST_THEME_ATTRIBUTES = [
   "data-theme",
@@ -12219,7 +12695,7 @@ function hostSurfaceStyle(theme, background) {
   }
   return style;
 }
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect15 : useLayoutEffect6;
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect16 : useLayoutEffect6;
 function designedTheme(overrides) {
   for (const token of ["--og-color-fg", "--og-color-bg", "--og-color-canvas"]) {
     const value = overrides[token];
@@ -12269,7 +12745,7 @@ function resolveHostThemeState(element, preference, surface) {
 function useHostTheme(ref, options) {
   const preference = options.theme ?? "auto";
   const surface = options.surface ?? "host";
-  const [state, setState] = useState20({ theme: preference === "auto" ? void 0 : preference, inherited: false, style: null });
+  const [state, setState] = useState21({ theme: preference === "auto" ? void 0 : preference, inherited: false, style: null });
   useIsomorphicLayoutEffect(() => {
     const element = ref.current;
     if (!element || typeof window === "undefined") return;
@@ -12331,10 +12807,11 @@ function useHostTheme(ref, options) {
 }
 
 // src/components/session-conversation.tsx
-import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var DEFAULT_CONVERSATION_LABELS = {
   retry: "Retry",
-  tryAgain: "Try again"
+  tryAgain: "Try again",
+  sitePreviewUnavailable: "Site preview unavailable"
 };
 function SessionConversation({
   baseUrl,
@@ -12357,7 +12834,7 @@ function SessionConversation({
   );
 }
 function RetryingConversation(props) {
-  const [attempt, setAttempt] = useState21(0);
+  const [attempt, setAttempt] = useState22(0);
   return /* @__PURE__ */ jsx26(
     Conversation,
     {
@@ -12372,11 +12849,13 @@ function Conversation({
   renderMessageText,
   resolveLink,
   onOpenArtifact,
+  onOpenSession,
   renderInteractiveBlock,
   toolRegistry,
   renderAllowanceExhausted,
   allowanceExhaustedLabels,
   attachments: attachmentsRequested = true,
+  voiceInput: voiceInputRequested = true,
   modelPicker,
   modelPickerProps,
   userMessageDisclosureLabels,
@@ -12407,7 +12886,7 @@ function Conversation({
   const queue = useTurnQueue(sessionId, options);
   const human = useHumanInputRequests(sessionId, options);
   const control = useSessionControl(sessionId, scope);
-  const approvals = useMemo9(() => projectPendingApprovals(feed.events), [feed.events]);
+  const approvals = useMemo10(() => projectPendingApprovals(feed.events), [feed.events]);
   const files = useFileAttachments(scope);
   const uploadsEnabled = attachmentsRequested && config.uploads;
   const status = feed.sessionStatus ?? detail.session?.status;
@@ -12434,10 +12913,18 @@ function Conversation({
   const defaultInteractiveBlock = useDefaultInteractiveBlock(
     context.client,
     context.workspaceId,
-    sessionId
+    sessionId,
+    config.artifacts,
+    labelOverrides?.sitePreviewUnavailable ?? DEFAULT_CONVERSATION_LABELS.sitePreviewUnavailable
+  );
+  const retainedLoaders = useRetainedLoaders(context.client, context.workspaceId, sessionId);
+  const transcription = useComposerTranscription(
+    context.client,
+    context.workspaceId,
+    voiceInputRequested && !importedArchive ? config.voiceInput : null
   );
   const inheritedLinks = useOpenGeniLinkResolver();
-  const defaultLinks = useMemo9(
+  const defaultLinks = useMemo10(
     () => sessionLinkResolver({
       client: context.client,
       workspaceId: context.workspaceId,
@@ -12449,14 +12936,14 @@ function Conversation({
   const onOpenArtifactRef = useRef13(onOpenArtifact);
   onOpenArtifactRef.current = onOpenArtifact;
   const opensArtifacts = onOpenArtifact !== void 0;
-  const viewerLinks = useMemo9(
+  const viewerLinks = useMemo10(
     () => opensArtifacts ? viewerLinkResolver({
       workspaceId: context.workspaceId,
       open: (target) => onOpenArtifactRef.current?.(target)
     }) : null,
     [context.workspaceId, opensArtifacts]
   );
-  const links = useMemo9(
+  const links = useMemo10(
     () => chainLinkResolvers(resolveLink, viewerLinks, inheritedLinks, defaultLinks) ?? void 0,
     [resolveLink, viewerLinks, inheritedLinks, defaultLinks]
   );
@@ -12469,7 +12956,7 @@ function Conversation({
     if (feed.error) void feed.jumpToLatest();
   };
   const running = status === "running" || status === "recovering" || status === "waiting_capacity";
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       className: cn(
@@ -12482,7 +12969,7 @@ function Conversation({
       "data-og-host-theme": "",
       "data-og-conversation": "",
       children: [
-        error && !loadFailed ? /* @__PURE__ */ jsxs20(
+        error && !loadFailed ? /* @__PURE__ */ jsxs19(
           "div",
           {
             role: "alert",
@@ -12502,7 +12989,7 @@ function Conversation({
             ]
           }
         ) : null,
-        loadFailed ? /* @__PURE__ */ jsxs20(
+        loadFailed ? /* @__PURE__ */ jsxs19(
           "div",
           {
             role: "alert",
@@ -12532,6 +13019,8 @@ function Conversation({
             allowanceExhaustedLabels,
             className: "isolate min-h-0 flex-1 overflow-hidden",
             ...toolRegistry ? { toolRegistry } : {},
+            ...retainedLoaders,
+            ...onOpenSession ? { onOpenSession } : {},
             events: feed.events,
             items: conversationTimeline(feed.timeline, queue, composer),
             turnSummary: { rolling: true },
@@ -12551,8 +13040,8 @@ function Conversation({
             questionNavMinViewportHeight: 320
           }
         ),
-        importedArchive ? /* @__PURE__ */ jsx26("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs20(Fragment9, { children: [
-          /* @__PURE__ */ jsxs20(
+        importedArchive ? /* @__PURE__ */ jsx26("p", { className: "shrink-0 px-4 py-2 text-center text-sm text-og-muted", role: "status", children: "Archived conversation \xB7 Read only" }) : /* @__PURE__ */ jsxs19(Fragment9, { children: [
+          /* @__PURE__ */ jsxs19(
             "div",
             {
               className: "relative z-20 min-h-0 max-h-[40%] shrink-0 overflow-y-auto empty:hidden",
@@ -12588,13 +13077,20 @@ function Conversation({
                     decisionButtons: true
                   }
                 ),
-                terminal ? /* @__PURE__ */ jsx26(SessionChrome, { queue, sessionStatus: status, readOnly: true }) : /* @__PURE__ */ jsx26(
-                  SessionChrome,
+                /* @__PURE__ */ jsx26(
+                  ConversationChrome,
                   {
-                    queue,
-                    composer,
-                    sessionStatus: status,
-                    onComposerFocus: () => region.current?.querySelector("textarea")?.focus()
+                    sessionId,
+                    client: context.client,
+                    workspaceId: context.workspaceId,
+                    events: feed.events,
+                    chrome: terminal ? { queue, sessionStatus: status, readOnly: true, onOpenSession } : {
+                      queue,
+                      composer,
+                      sessionStatus: status,
+                      onOpenSession,
+                      onComposerFocus: () => region.current?.querySelector("textarea")?.focus()
+                    }
                   }
                 )
               ]
@@ -12611,6 +13107,7 @@ function Conversation({
                   runControl: "stop",
                   running,
                   ...composerProps,
+                  ...transcription && composerProps?.transcription === void 0 ? { transcription } : {},
                   composer,
                   attachments: uploadsEnabled ? files : void 0,
                   disabled: terminal || composerProps?.disabled,
@@ -12647,19 +13144,32 @@ function Conversation({
     }
   );
 }
+function ConversationChrome(props) {
+  const goals = props.client;
+  const canReachGoals = typeof goals.getGoal === "function" && typeof goals.updateGoal === "function" && typeof goals.deleteGoal === "function";
+  return canReachGoals ? /* @__PURE__ */ jsx26(GoalChrome, { ...props }) : /* @__PURE__ */ jsx26(SessionChrome, { ...props.chrome });
+}
+function GoalChrome({ sessionId, client, workspaceId, events, chrome }) {
+  const goal = useGoal(sessionId, {
+    client,
+    workspaceId,
+    events
+  });
+  return /* @__PURE__ */ jsx26(SessionChrome, { ...chrome, goal });
+}
 var LazyChatInteractiveBlock = lazy5(
   () => import("./chat-interactive-block-UGBTNB3L.js").then((module) => ({
     default: module.ChatInteractiveBlock
   }))
 );
-function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
-  const scoped = useMemo9(() => {
+function sessionScoped(client, sessionId) {
+  const candidate = client;
+  return typeof candidate.withHeaders === "function" ? candidate.withHeaders({ [SESSION_SCOPE_HEADER]: sessionId }) : client;
+}
+function useDefaultInteractiveBlock(client, workspaceId, sessionId, sitesAvailable, sitePreviewUnavailable) {
+  const scoped = useMemo10(() => {
     let resolved = null;
-    const get = () => {
-      const candidate = client;
-      resolved ??= typeof candidate.withHeaders === "function" ? candidate.withHeaders({ [SESSION_SCOPE_HEADER]: sessionId }) : candidate;
-      return resolved;
-    };
+    const get = () => resolved ??= sessionScoped(client, sessionId);
     return {
       getWorkspaceArtifact: (...args) => get().getWorkspaceArtifact(...args),
       getWorkspaceArtifactHtml: (...args) => get().getWorkspaceArtifactHtml(...args),
@@ -12670,43 +13180,91 @@ function useDefaultInteractiveBlock(client, workspaceId, sessionId) {
       }
     };
   }, [client, sessionId]);
-  return useCallback5(
-    (block) => /* @__PURE__ */ jsx26(Suspense6, { fallback: /* @__PURE__ */ jsx26("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx26(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
-    [scoped, workspaceId]
+  return useCallback6(
+    (block) => block.kind === "site" && !sitesAvailable ? (
+      // The proxy does not serve Sites: say so instead of offering a load
+      // that can only fail.
+      /* @__PURE__ */ jsx26(
+        "div",
+        {
+          className: "rounded-og-md border border-og-border bg-og-surface-1 px-3 py-2 text-og-sm text-og-fg-muted",
+          "data-og-site-preview-unavailable": "",
+          children: sitePreviewUnavailable
+        }
+      )
+    ) : /* @__PURE__ */ jsx26(Suspense6, { fallback: /* @__PURE__ */ jsx26("span", { role: "status", children: "Loading preview\u2026" }), children: /* @__PURE__ */ jsx26(LazyChatInteractiveBlock, { workspaceId, client: scoped, ...block }) }),
+    [scoped, workspaceId, sitesAvailable, sitePreviewUnavailable]
   );
 }
-function useClientConfigFlags(client) {
-  const [flags, setFlags] = useState21({
-    uploads: false,
-    modelSelection: false,
-    sandboxFiles: false,
-    defaultReasoningEffort: null
-  });
-  useEffect16(() => {
+function useRetainedLoaders(client, workspaceId, sessionId) {
+  return useMemo10(() => {
+    const base = client;
+    let scoped = null;
+    const get = () => scoped ??= sessionScoped(base, sessionId);
+    return {
+      ...typeof base.downloadRetainedArtifact === "function" && typeof base.createRetainedArtifactDownloadUrl === "function" ? {
+        loadRetainedArtifact: (artifact, signal) => createWorkspaceRetainedArtifactLoader(
+          get(),
+          workspaceId
+        )(artifact, signal)
+      } : {},
+      ...typeof base.downloadRetainedScreenshot === "function" ? {
+        loadRetainedScreenshot: (artifact, signal) => createSessionRetainedScreenshotLoader(
+          get(),
+          workspaceId,
+          sessionId
+        )(artifact, signal)
+      } : {},
+      ...typeof base.createVideoArtifactPlaybackSource === "function" ? {
+        loadVideoArtifactPlayback: (artifactId, signal) => createWorkspaceRetainedVideoLoader(
+          get(),
+          workspaceId
+        )(artifactId, signal)
+      } : {}
+    };
+  }, [client, workspaceId, sessionId]);
+}
+function useComposerTranscription(client, workspaceId, capability) {
+  const [workspaceEnabled, setWorkspaceEnabled] = useState22(null);
+  const reader = client;
+  const supported = capability !== null && typeof reader.transcribeAudio === "function";
+  useEffect17(() => {
+    if (!supported) return;
     let live = true;
-    client.getClientConfig().then(
-      (config) => {
+    const key = workspaceId;
+    if (typeof reader.getWorkspace !== "function") {
+      setWorkspaceEnabled({ key, enabled: true });
+      return;
+    }
+    reader.getWorkspace(workspaceId).then(
+      (workspace) => {
         if (live) {
-          setFlags({
-            uploads: config.fileUploads?.enabled === true,
-            // Only an explicit offer shows end users the picker.
-            modelSelection: config.modelSelection === true,
-            sandboxFiles: config.sandboxFiles !== false,
-            defaultReasoningEffort: config.defaultReasoningEffort ?? null
+          setWorkspaceEnabled({
+            key,
+            enabled: resolveWorkspaceVoiceInputEnabled(workspace.settings) ?? true
           });
         }
       },
-      () => void 0
+      // The transcription request still enforces the setting.
+      () => live && setWorkspaceEnabled({ key, enabled: true })
     );
     return () => {
       live = false;
     };
-  }, [client]);
-  return flags;
+  }, [reader, workspaceId, supported]);
+  return useMemo10(
+    () => supported ? {
+      client: reader,
+      workspaceId,
+      capability,
+      workspaceEnabled: workspaceEnabled?.key === workspaceId ? workspaceEnabled.enabled : false
+    } : null,
+    [supported, reader, workspaceId, capability, workspaceEnabled]
+  );
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback6, useEffect as useEffect17, useRef as useRef14 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect18, useRef as useRef14 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const projection = options.projection;
@@ -12742,10 +13300,10 @@ function useWorkspaceSessions(options = {}) {
   ].join("\0");
   const previousQueryKey = useRef14(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect17(() => {
+  useEffect18(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
-  const load = useCallback6(
+  const load = useCallback7(
     async (signal) => {
       const readGeneration = beginRead?.() ?? ++nextReadGeneration.current;
       const query = {
@@ -12827,8 +13385,8 @@ function useWorkspaceSessions(options = {}) {
 // src/components/session-list.tsx
 import { deriveSessionDisplayTitle } from "@opengeni/sdk";
 import { ArchiveIcon, PencilIcon as PencilIcon2, PlusIcon } from "lucide-react";
-import { useEffect as useEffect18, useRef as useRef15, useState as useState22 } from "react";
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useEffect as useEffect19, useRef as useRef15, useState as useState23 } from "react";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var DEFAULT_LABELS = {
   heading: "Chats",
   newChat: "New chat",
@@ -12857,7 +13415,7 @@ function SessionList({
   const labels = { ...DEFAULT_LABELS, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [limit, setLimit] = useState22(pageSize);
+  const [limit, setLimit] = useState23(pageSize);
   const list = useWorkspaceSessions({
     ...scope,
     parentSessionId: null,
@@ -12867,17 +13425,18 @@ function SessionList({
   });
   const refresh = list.refresh;
   const firstRefreshKey = useRef15(refreshKey);
-  useEffect18(() => {
+  useEffect19(() => {
     if (Object.is(refreshKey, firstRefreshKey.current)) return;
     firstRefreshKey.current = refreshKey;
     void refresh();
   }, [refresh, refreshKey]);
-  const [editing, setEditing] = useState22(null);
-  const [busy, setBusy] = useState22(null);
-  const [error, setError] = useState22(null);
+  const [editing, setEditing] = useState23(null);
+  const [busy, setBusy] = useState23(null);
+  const [error, setError] = useState23(null);
   const formatError = useErrorMessage();
   const archiveClient = context.client;
-  const canArchive = archive && typeof archiveClient.updateSessionArchive === "function";
+  const config = useClientConfigFlags(context.client);
+  const canArchive = archive && config.archive && typeof archiveClient.updateSessionArchive === "function";
   const run = async (id, action) => {
     setBusy(id);
     setError(null);
@@ -12909,16 +13468,16 @@ function SessionList({
     onArchived?.(session.id);
   });
   const sessions = list.sessions;
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     "nav",
     {
       className: cn("flex min-h-0 min-w-0 flex-col gap-1 text-og-fg", className),
       "aria-label": labels.heading,
       "data-og-session-list": "",
       children: [
-        /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between gap-2 px-2 pb-1 pt-2", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2 px-2 pb-1 pt-2", children: [
           /* @__PURE__ */ jsx27("h2", { className: "text-og-sm font-semibold text-og-fg-muted", children: labels.heading }),
-          onNewChat ? /* @__PURE__ */ jsxs21(
+          onNewChat ? /* @__PURE__ */ jsxs20(
             "button",
             {
               type: "button",
@@ -12933,14 +13492,14 @@ function SessionList({
           ) : null
         ] }),
         error || list.error ? /* @__PURE__ */ jsx27("p", { role: "alert", className: "px-2 text-og-xs text-og-status-failed", children: formatError(error ? error.cause : list.error) }) : null,
-        /* @__PURE__ */ jsxs21("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 pb-2", children: [
+        /* @__PURE__ */ jsxs20("ul", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto px-1 pb-2", children: [
           list.loading && sessions.length === 0 ? /* @__PURE__ */ jsx27("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.loading }) : null,
           !list.loading && !list.error && sessions.length === 0 ? /* @__PURE__ */ jsx27("li", { className: "px-2 py-2 text-og-xs text-og-fg-subtle", children: labels.empty }) : null,
           sessions.map((session) => {
             const selected = session.id === selectedSessionId;
             const title = deriveSessionDisplayTitle(session);
             if (editing?.id === session.id) {
-              return /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsxs21("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
+              return /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsxs20("form", { onSubmit: saveTitle, className: "flex items-center gap-1 px-1 py-1", children: [
                 /* @__PURE__ */ jsx27(
                   "input",
                   {
@@ -12965,8 +13524,8 @@ function SessionList({
                 )
               ] }) }, session.id);
             }
-            return /* @__PURE__ */ jsxs21("li", { className: "group relative", children: [
-              /* @__PURE__ */ jsxs21(
+            return /* @__PURE__ */ jsxs20("li", { className: "group relative", children: [
+              /* @__PURE__ */ jsxs20(
                 "button",
                 {
                   type: "button",
@@ -12984,7 +13543,7 @@ function SessionList({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs21("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
+              /* @__PURE__ */ jsxs20("span", { className: "absolute right-1 top-1.5 hidden gap-0.5 group-focus-within:flex group-hover:flex", children: [
                 rename ? /* @__PURE__ */ jsx27(
                   "button",
                   {
@@ -13024,9 +13583,12 @@ function SessionList({
 }
 
 // src/components/open-geni-chat.tsx
+import {
+  OpenGeniApiError as OpenGeniApiError2
+} from "@opengeni/sdk";
 import { MenuIcon, XIcon as XIcon2 } from "lucide-react";
-import { useCallback as useCallback7, useRef as useRef16, useState as useState23 } from "react";
-import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useRef as useRef16, useState as useState24 } from "react";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var DEFAULT_LABELS2 = {
   openChats: "Open chats",
   closeChats: "Close chats",
@@ -13069,13 +13631,15 @@ function Chat({
   const labels = { ...DEFAULT_LABELS2, ...labelOverrides };
   const scope = { client, workspaceId };
   const context = useOpenGeni(scope);
-  const [uncontrolled, setUncontrolled] = useState23(defaultSessionId);
+  const [uncontrolled, setUncontrolled] = useState24(defaultSessionId);
   const selected = controlledSessionId !== void 0 ? controlledSessionId : uncontrolled;
-  const [drawerOpen, setDrawerOpen] = useState23(false);
-  const [listRevision, setListRevision] = useState23(0);
+  const [drawerOpen, setDrawerOpen] = useState24(false);
+  const [listRevision, setListRevision] = useState24(0);
   const root = useRef16(null);
   const hostTheme = useHostTheme(root, { theme, surface });
-  const select = useCallback7(
+  const config = useClientConfigFlags(context.client);
+  const canCreate = createSession !== void 0 || config.sessionCreation;
+  const select = useCallback8(
     (next) => {
       if (controlledSessionId === void 0) setUncontrolled(next);
       onSessionChange?.(next);
@@ -13083,17 +13647,24 @@ function Chat({
     },
     [controlledSessionId, onSessionChange]
   );
-  const create = useCallback7(
+  const create = useCallback8(
     async (initialMessage, idempotencyKey, options) => {
       if (createSession) return await createSession(initialMessage, idempotencyKey, options);
       const creator = context.client.createSession;
       if (typeof creator !== "function") throw new Error(labels.newChatUnavailable);
-      const created = await creator.call(context.client, context.workspaceId, {
-        initialMessage,
-        idempotencyKey,
-        ...options
-      });
-      return created.id;
+      try {
+        const created = await creator.call(context.client, context.workspaceId, {
+          initialMessage,
+          idempotencyKey,
+          ...options
+        });
+        return created.id;
+      } catch (error) {
+        if (error instanceof OpenGeniApiError2 && error.code === "route_not_allowed") {
+          throw new Error(labels.newChatUnavailable, { cause: error });
+        }
+        throw error;
+      }
     },
     [context.client, context.workspaceId, createSession, labels.newChatUnavailable]
   );
@@ -13105,7 +13676,7 @@ function Chat({
       labels,
       selectedSessionId: selected,
       onSelect: select,
-      onNewChat: newChat ? () => select(null) : void 0,
+      onNewChat: newChat && canCreate ? () => select(null) : void 0,
       onArchived: (archivedId) => {
         if (archivedId === selected) select(null);
       },
@@ -13113,7 +13684,7 @@ function Chat({
       className: "h-full"
     }
   );
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ref: root,
@@ -13134,8 +13705,8 @@ function Chat({
             children: list
           }
         ),
-        drawerOpen ? /* @__PURE__ */ jsxs22("div", { className: "og-chat-drawer absolute inset-0 z-30 flex", "data-og-chat-drawer": "", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex h-full w-[min(20rem,85%)] flex-col border-r border-og-border bg-og-bg shadow-og-lg", children: [
+        drawerOpen ? /* @__PURE__ */ jsxs21("div", { className: "og-chat-drawer absolute inset-0 z-30 flex", "data-og-chat-drawer": "", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "flex h-full w-[min(20rem,85%)] flex-col border-r border-og-border bg-og-bg shadow-og-lg", children: [
             /* @__PURE__ */ jsx28("div", { className: "flex justify-end p-1", children: /* @__PURE__ */ jsx28(
               "button",
               {
@@ -13158,8 +13729,8 @@ function Chat({
             }
           )
         ] }) : null,
-        /* @__PURE__ */ jsxs22("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "og-chat-menu flex items-center gap-2 px-2 py-1", children: [
+        /* @__PURE__ */ jsxs21("main", { className: "flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs21("div", { className: "og-chat-menu flex items-center gap-2 px-2 py-1", children: [
             /* @__PURE__ */ jsx28(
               "button",
               {
@@ -13178,6 +13749,7 @@ function Chat({
             SessionConversation,
             {
               ...conversationProps,
+              onOpenSession: conversationProps?.onOpenSession ?? select,
               ...scope,
               sessionId: selected,
               height: "100%"
@@ -13189,6 +13761,7 @@ function Chat({
               labels,
               placeholderOverride: labelOverrides?.newChatPlaceholder,
               conversationProps,
+              available: canCreate,
               create,
               onCreated: (id) => {
                 setListRevision((revision) => revision + 1);
@@ -13208,6 +13781,7 @@ function NewChat({
   labels,
   placeholderOverride,
   conversationProps,
+  available,
   create,
   onCreated
 }) {
@@ -13223,17 +13797,22 @@ function NewChat({
   });
   const files = useFileAttachments(scope);
   const uploadsEnabled = (conversationProps?.attachments ?? true) && config.uploads;
-  const [text, setText] = useState23("");
-  const [sending, setSending] = useState23(false);
-  const [error, setError] = useState23(null);
-  const [choice, setChoice] = useState23({});
+  const transcription = useComposerTranscription(
+    context.client,
+    context.workspaceId,
+    (conversationProps?.voiceInput ?? true) && available ? config.voiceInput : null
+  );
+  const [text, setText] = useState24("");
+  const [sending, setSending] = useState24(false);
+  const [error, setError] = useState24(null);
+  const [choice, setChoice] = useState24({});
   const formatError = useErrorMessage();
   const attempt = useRef16(null);
   const resources = uploadsEnabled ? files.readyResources : [];
   const pendingFiles = uploadsEnabled && files.hasUnresolved;
   const submit = async () => {
     const initialMessage = text.trim() || (resources.length > 0 ? FILE_ONLY_MESSAGE_TEXT : "");
-    if (!initialMessage || sending || pendingFiles) return false;
+    if (!initialMessage || sending || pendingFiles || !available) return false;
     const options = {
       ...resources.length > 0 ? { resources } : {},
       ...showModelPicker ? choice : {}
@@ -13271,7 +13850,7 @@ function NewChat({
     send: submit,
     steer: submit,
     sending,
-    canSend: (text.trim().length > 0 || resources.length > 0) && !sending && !pendingFiles,
+    canSend: available && (text.trim().length > 0 || resources.length > 0) && !sending && !pendingFiles,
     pause: NOOP_ASYNC,
     pausing: false,
     resume: NOOP_ASYNC,
@@ -13298,7 +13877,7 @@ function NewChat({
     error: null,
     clearError: () => setError(null)
   };
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs21(
     "form",
     {
       onSubmit: (event) => {
@@ -13314,8 +13893,10 @@ function NewChat({
           ChatComposer,
           {
             ...composerProps,
+            ...transcription && composerProps?.transcription === void 0 ? { transcription } : {},
             composer,
             attachments: uploadsEnabled ? files : void 0,
+            disabled: !available || composerProps?.disabled,
             runControl: "none",
             running: false,
             placeholder: placeholderOverride ?? composerProps?.placeholder ?? labels.newChatPlaceholder,
@@ -13348,7 +13929,7 @@ function NewChat({
             responsiveBasis: composerProps?.responsiveBasis ?? "container"
           }
         ),
-        error ? /* @__PURE__ */ jsx28("p", { role: "alert", className: "text-center text-og-sm text-og-status-failed", children: formatError(
+        !available ? /* @__PURE__ */ jsx28("p", { className: "text-center text-og-sm text-og-fg-muted", "data-og-new-chat-unavailable": "", children: labels.newChatUnavailable }) : error ? /* @__PURE__ */ jsx28("p", { role: "alert", className: "text-center text-og-sm text-og-status-failed", children: formatError(
           error.cause,
           error.cause instanceof Error && error.cause.message === labels.newChatUnavailable ? labels.newChatUnavailable : void 0
         ) }) : null,
@@ -13359,16 +13940,16 @@ function NewChat({
 }
 
 // src/components/session-commands-panel.tsx
-import { ChevronRightIcon as ChevronRightIcon4, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
-import { useState as useState24 } from "react";
-import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+import { ChevronRightIcon as ChevronRightIcon5, Loader2Icon as Loader2Icon3, SquareIcon } from "lucide-react";
+import { useState as useState25 } from "react";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 function SessionCommandsPanel({
   commands: state,
   readOnly = false
 }) {
   const formatError = useErrorMessage();
-  const [pending, setPending] = useState24(null);
-  const [error, setError] = useState24(null);
+  const [pending, setPending] = useState25(null);
+  const [error, setError] = useState25(null);
   const active = state.commands.filter(
     (command) => command.state === "running" || command.state === "stopping"
   );
@@ -13383,9 +13964,9 @@ function SessionCommandsPanel({
       setPending(null);
     }
   };
-  return /* @__PURE__ */ jsxs23("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
+  return /* @__PURE__ */ jsxs22("div", { className: "space-y-2 text-og-xs", "data-og-session-commands": "", children: [
     state.loading && active.length === 0 ? /* @__PURE__ */ jsx29("p", { role: "status", className: "text-og-fg-muted", children: "Loading commands\u2026" }) : null,
-    state.error ? /* @__PURE__ */ jsxs23("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
+    state.error ? /* @__PURE__ */ jsxs22("div", { role: "alert", className: "flex items-center justify-between gap-2 text-og-danger", children: [
       /* @__PURE__ */ jsx29("span", { children: "Commands unavailable." }),
       /* @__PURE__ */ jsx29(
         "button",
@@ -13398,16 +13979,16 @@ function SessionCommandsPanel({
       )
     ] }) : null,
     !state.loading && !state.error && active.length === 0 ? /* @__PURE__ */ jsx29("p", { role: "status", className: "text-og-fg-muted", children: "No background commands running." }) : null,
-    active.length > 0 ? /* @__PURE__ */ jsx29("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs23("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
-      /* @__PURE__ */ jsxs23("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsxs23("details", { className: "group/command", children: [
-          /* @__PURE__ */ jsxs23(
+    active.length > 0 ? /* @__PURE__ */ jsx29("ul", { className: "max-h-64 overflow-y-auto overscroll-contain divide-y divide-og-border/40", children: active.map((command) => /* @__PURE__ */ jsxs22("li", { className: "flex items-start gap-3 py-2 first:pt-0 last:pb-0", children: [
+      /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs22("details", { className: "group/command", children: [
+          /* @__PURE__ */ jsxs22(
             "summary",
             {
               className: "flex cursor-pointer list-none items-center gap-1.5 rounded-og-sm font-mono text-og-fg outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40",
               title: "Expand command",
               children: [
-                /* @__PURE__ */ jsx29(ChevronRightIcon4, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
+                /* @__PURE__ */ jsx29(ChevronRightIcon5, { className: "size-3 shrink-0 text-og-fg-subtle transition-transform group-open/command:rotate-90" }),
                 /* @__PURE__ */ jsx29(
                   "span",
                   {
@@ -13419,9 +14000,9 @@ function SessionCommandsPanel({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs23("div", { className: "mt-2 space-y-1", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "mt-2 space-y-1", children: [
             /* @__PURE__ */ jsx29("p", { className: "whitespace-pre-wrap break-all font-mono text-og-fg-muted", children: command.commandText ?? (command.commandPreview || "Background command") }),
-            /* @__PURE__ */ jsxs23(
+            /* @__PURE__ */ jsxs22(
               "time",
               {
                 className: "block text-og-fg-subtle",
@@ -13437,7 +14018,7 @@ function SessionCommandsPanel({
         ] }),
         /* @__PURE__ */ jsx29("p", { className: "mt-1 text-og-fg-subtle", children: command.observationStatus === "unavailable" ? command.state === "stopping" ? "Stop requested \xB7 status unavailable" : "Command status unavailable" : command.state === "stopping" ? "Stopping\u2026" : "Running" })
       ] }),
-      !readOnly ? /* @__PURE__ */ jsxs23(
+      !readOnly ? /* @__PURE__ */ jsxs22(
         "button",
         {
           type: "button",
@@ -13457,11 +14038,11 @@ function SessionCommandsPanel({
 }
 
 // src/hooks/use-session-background-commands.ts
-import { useCallback as useCallback8, useEffect as useEffect19, useRef as useRef17 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect20, useRef as useRef17 } from "react";
 function useSessionBackgroundCommands(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
-  const load = useCallback8(
+  const load = useCallback9(
     async (signal) => {
       if (!sessionId) return { commands: [] };
       if (!client.listSessionBackgroundCommands) {
@@ -13477,13 +14058,13 @@ function useSessionBackgroundCommands(sessionId, options = {}) {
   });
   const refresh = state.refresh;
   const generation = useRef17(0);
-  useEffect19(() => {
+  useEffect20(() => {
     generation.current += 1;
     return () => {
       generation.current += 1;
     };
   }, [client, workspaceId, sessionId, enabled]);
-  const cancel = useCallback8(
+  const cancel = useCallback9(
     async (commandId) => {
       if (!sessionId) return;
       if (!client.cancelSessionBackgroundCommand) {
@@ -13519,7 +14100,7 @@ function SessionCommands({
 }
 
 // src/timeline/startup-timings.tsx
-import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 var LABELS = {
   queue: "Worker queue",
   sandbox: "Sandbox",
@@ -13547,7 +14128,7 @@ function StartupTimings({ phases }) {
       turnPhases[0].startedAt
     )
   })).sort((a, b) => b.startedAt.localeCompare(a.startedAt));
-  return /* @__PURE__ */ jsxs24("div", { className: "space-y-3", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsx31("p", { className: "text-og-xs text-og-fg-subtle", children: "Each turn has its own startup. Phases can overlap; durations are not additive." }),
     turns.map((turn, index) => /* @__PURE__ */ jsx31(
       StartupTurn,
@@ -13566,8 +14147,8 @@ function StartupTurn({
   latest
 }) {
   const status = phases.some((phase) => phase.status === "failed") ? "Failed" : phases.some((phase) => phase.status === "running") ? "In progress" : phases.some((phase) => phase.status === "cancelled") ? "Interrupted" : "Ready";
-  return /* @__PURE__ */ jsxs24("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
-    /* @__PURE__ */ jsxs24("summary", { className: "cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent", children: [
+  return /* @__PURE__ */ jsxs23("details", { open: latest, className: "group border-b border-og-border pb-3", children: [
+    /* @__PURE__ */ jsxs23("summary", { className: "cursor-pointer rounded py-3 text-og-sm text-og-fg-muted focus-visible:outline-2 focus-visible:outline-og-accent", children: [
       /* @__PURE__ */ jsx31("span", { className: "font-medium", children: turnId === null ? "Unassigned events" : latest ? "Latest turn" : "Earlier turn" }),
       /* @__PURE__ */ jsx31("span", { className: "ml-2 text-og-xs text-og-fg-subtle", children: new Date(startedAt).toLocaleTimeString([], {
         hour: "2-digit",
@@ -13583,22 +14164,22 @@ function StartupTurn({
       ),
       /* @__PURE__ */ jsx31("span", { className: "mt-1 block break-all pl-4 font-og-mono text-og-xs text-og-fg-subtle", children: turnId ?? "No turn ID recorded" })
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "pb-2", children: [
-      /* @__PURE__ */ jsxs24("p", { className: "text-og-xs text-og-fg-subtle", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "pb-2", children: [
+      /* @__PURE__ */ jsxs23("p", { className: "text-og-xs text-og-fg-subtle", children: [
         "Started ",
         /* @__PURE__ */ jsx31("time", { dateTime: startedAt, children: new Date(startedAt).toLocaleString() })
       ] }),
-      /* @__PURE__ */ jsx31("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs24("table", { className: "w-full text-left text-og-xs", children: [
-        /* @__PURE__ */ jsxs24("caption", { className: "sr-only", children: [
+      /* @__PURE__ */ jsx31("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs23("table", { className: "w-full text-left text-og-xs", children: [
+        /* @__PURE__ */ jsxs23("caption", { className: "sr-only", children: [
           "Startup phases for ",
           turnId ?? "unassigned events"
         ] }),
-        /* @__PURE__ */ jsx31("thead", { children: /* @__PURE__ */ jsxs24("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
+        /* @__PURE__ */ jsx31("thead", { children: /* @__PURE__ */ jsxs23("tr", { className: "border-b border-og-border text-og-fg-subtle", children: [
           /* @__PURE__ */ jsx31("th", { scope: "col", className: "py-2 font-medium", children: "Phase" }),
           /* @__PURE__ */ jsx31("th", { scope: "col", className: "px-3 py-2 font-medium", children: "Status" }),
           /* @__PURE__ */ jsx31("th", { scope: "col", className: "py-2 text-right font-medium", children: "Duration" })
         ] }) }),
-        /* @__PURE__ */ jsx31("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsx31("tbody", { children: phases.map((phase) => /* @__PURE__ */ jsxs23(
           "tr",
           {
             className: "border-b border-og-border/40",
@@ -13661,6 +14242,9 @@ export {
   TurnSummary,
   userMessageLikelyNeedsDisclosure,
   UserMessageBody,
+  createWorkspaceRetainedArtifactLoader,
+  createSessionRetainedScreenshotLoader,
+  createWorkspaceRetainedVideoLoader,
   GeneratedVideoPlayer,
   SESSION_STATUS_META,
   SessionStatus,
@@ -13684,4 +14268,4 @@ export {
   SessionCommands,
   StartupTimings
 };
-//# sourceMappingURL=chunk-PGSX7UCP.js.map
+//# sourceMappingURL=chunk-LJ2UTJJE.js.map