@opengeni/react 4.3.3-canary.39780140124001 → 4.4.1

package/dist/{chunk-YSSTNTJD.js → chunk-X7L4H4VG.js}

@@ -6,6 +6,16 @@ import {
   PatchApplyCommand,
   useRetainedImageObjectUrl
 } from "./chunk-3KVWXKD6.js";
+import {
+  approvalsFromRequiresAction
+} from "./chunk-UD2PSIIX.js";
+import {
+  learningRefusalBody,
+  learningRefusalPlace,
+  learningRefusalPlaceLabel,
+  learningRefusalTitle,
+  presentTurnFailureText
+} from "./chunk-5MZTJMZ3.js";
 import {
   ActivityDisclosure,
   BodyNote,
@@ -24,7 +34,7 @@ import {
   ToolOutputPreviewProvider,
   useForcedDefaultOpen,
   useTimelineSearchReveal
-} from "./chunk-ELABMEDP.js";
+} from "./chunk-R63QEVPK.js";
 import {
   useToolDetails
 } from "./chunk-RZLBICR5.js";
@@ -36,19 +46,6 @@ import {
   pierreDiffsRevision,
   subscribePierreDiffs
 } from "./chunk-YSRBFJMQ.js";
-import {
-  ShimmerText
-} from "./chunk-JLMDWUME.js";
-import {
-  approvalsFromRequiresAction
-} from "./chunk-UD2PSIIX.js";
-import {
-  learningRefusalBody,
-  learningRefusalPlace,
-  learningRefusalPlaceLabel,
-  learningRefusalTitle,
-  presentTurnFailureText
-} from "./chunk-L7UDYTU3.js";
 import {
   GENIE_PREPARING_PHRASES,
   GENIE_WAITING_PHRASES,
@@ -85,7 +82,7 @@ import {
   unwrapMcpOutput,
   webSearchPresentation,
   writeStdinPresentation
-} from "./chunk-E74ISUXA.js";
+} from "./chunk-TQGJN5UZ.js";
 import {
   workerRowTitleParts
 } from "./chunk-HEVQKE27.js";
@@ -97,6 +94,9 @@ import {
   mcpToolLeaf,
   toolDisplayName
 } from "./chunk-STUCI6QA.js";
+import {
+  ShimmerText
+} from "./chunk-OBQVTCTW.js";
 import {
   formatBytes,
   truncate,
@@ -109,6 +109,94 @@ import {
   useOpenGeniText
 } from "./chunk-5JZYPZ72.js";
 
+// src/timeline/retained-loaders.ts
+function createWorkspaceRetainedArtifactLoader(client, workspaceId) {
+  return async (artifact, signal, options) => {
+    if (artifact.kind === "file" && options?.prefer !== "url") {
+      const download2 = await client.downloadRetainedArtifact(workspaceId, artifact, { signal });
+      return download2.bytes;
+    }
+    const download = await client.createRetainedArtifactDownloadUrl(workspaceId, artifact, {
+      signal
+    });
+    return { url: download.url, expiresAt: download.expiresAt };
+  };
+}
+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/tool-review-history.tsx
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var History = createContext(null);
+function ToolReviewHistoryProvider({
+  events,
+  load,
+  onViewDetails,
+  children
+}) {
+  const value = useMemo(
+    () => ({
+      approvalIds: new Set(
+        events.flatMap(
+          (event) => event.type === "session.requiresAction" ? approvalsFromRequiresAction(event.payload).map((approval) => approval.id) : []
+        )
+      ),
+      revision: [...events].reverse().find(
+        (event) => event.type === "session.requiresAction" || event.type === "agent.toolCall.output" || event.type.startsWith("turn.") || event.type === "user.approvalDecision" || event.type.startsWith("session.control.")
+      )?.sequence ?? 0,
+      load,
+      onViewDetails
+    }),
+    [events, load, onViewDetails]
+  );
+  return /* @__PURE__ */ jsx(History.Provider, { value, children });
+}
+function useHasToolReview(approvalId) {
+  const history = useContext(History);
+  return Boolean(approvalId && history?.approvalIds.has(approvalId));
+}
+function useRecordedToolReview(approvalId) {
+  const history = useContext(History);
+  const [review, setReview] = useState(null);
+  const load = history?.load;
+  const revision = history?.revision;
+  useEffect(() => {
+    if (!load || !approvalId) return;
+    let active = true;
+    void load(approvalId).then(
+      (value) => {
+        if (active && value.id === approvalId) setReview(value);
+      },
+      () => void 0
+    );
+    return () => {
+      active = false;
+    };
+  }, [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/components/tool-action-review.tsx
 import {
   ArrowLeftIcon,
@@ -119,8 +207,8 @@ import {
   LoaderCircleIcon,
   ShieldCheckIcon
 } from "lucide-react";
-import { useEffect, useId, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect as useEffect2, useId, useRef, useState as useState2 } from "react";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var statusText = (t) => ({
   pending: t("toolActionReview.approvalNeeded"),
   approved: t("toolActionReview.approved"),
@@ -182,12 +270,12 @@ var VISIBLE_FIELDS = 6;
 function StatusIcon({ status, busy }) {
   const className = "size-4";
   if (busy || status === "executing" || status === "approved")
-    return /* @__PURE__ */ jsx(LoaderCircleIcon, { "aria-hidden": "true", className: cn(className, "animate-spin") });
-  if (status === "pending") return /* @__PURE__ */ jsx(ShieldCheckIcon, { "aria-hidden": "true", className });
-  if (status === "completed") return /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true", className });
+    return /* @__PURE__ */ jsx2(LoaderCircleIcon, { "aria-hidden": "true", className: cn(className, "animate-spin") });
+  if (status === "pending") return /* @__PURE__ */ jsx2(ShieldCheckIcon, { "aria-hidden": "true", className });
+  if (status === "completed") return /* @__PURE__ */ jsx2(CheckIcon, { "aria-hidden": "true", className });
   if (statusTone[status] === "failed")
-    return /* @__PURE__ */ jsx(CircleAlertIcon, { "aria-hidden": "true", className });
-  return /* @__PURE__ */ jsx(CircleSlashIcon, { "aria-hidden": "true", className });
+    return /* @__PURE__ */ jsx2(CircleAlertIcon, { "aria-hidden": "true", className });
+  return /* @__PURE__ */ jsx2(CircleSlashIcon, { "aria-hidden": "true", className });
 }
 function ToolReviewFrame({
   tone,
@@ -214,7 +302,7 @@ function ToolReviewFrame({
       ),
       children: [
         /* @__PURE__ */ jsxs("header", { className: cn("flex min-w-0 items-start gap-3", bare ? "pb-1" : "px-4 py-3"), children: [
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx2(
             "span",
             {
               className: cn(
@@ -225,7 +313,7 @@ function ToolReviewFrame({
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx2(
               "p",
               {
                 className: cn("m-0 text-og-xs font-medium", toneText[tone]),
@@ -234,7 +322,7 @@ function ToolReviewFrame({
                 children: eyebrow
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx2(
               "h3",
               {
                 tabIndex: -1,
@@ -243,10 +331,10 @@ function ToolReviewFrame({
                 children: title
               }
             ),
-            subtitle ? /* @__PURE__ */ jsx("p", { className: "m-0 mt-0.5 break-words text-og-xs text-og-fg-muted [overflow-wrap:anywhere]", children: subtitle }) : null
+            subtitle ? /* @__PURE__ */ jsx2("p", { className: "m-0 mt-0.5 break-words text-og-xs text-og-fg-muted [overflow-wrap:anywhere]", children: subtitle }) : null
           ] })
         ] }),
-        children ? /* @__PURE__ */ jsx(
+        children ? /* @__PURE__ */ jsx2(
           "div",
           {
             className: cn(
@@ -258,7 +346,7 @@ function ToolReviewFrame({
             children
           }
         ) : null,
-        footer ? /* @__PURE__ */ jsx(
+        footer ? /* @__PURE__ */ jsx2(
           "footer",
           {
             className: cn(
@@ -298,24 +386,24 @@ function ReviewFacts({
   const hasContent = note || effects.length || selection || shown.length || hiddenFields > 0 || samples.length;
   if (!hasContent) return null;
   return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-3 text-og-sm", children: [
-    note ? /* @__PURE__ */ jsx("p", { className: "m-0 leading-relaxed text-og-fg-muted", children: note }) : null,
-    effects.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "m-0 list-none space-y-1 p-0", "aria-label": t("toolActionReview.alsoChanges"), children: effects.map((effect) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-og-fg", children: [
-      /* @__PURE__ */ jsx(
+    note ? /* @__PURE__ */ jsx2("p", { className: "m-0 leading-relaxed text-og-fg-muted", children: note }) : null,
+    effects.length > 0 ? /* @__PURE__ */ jsx2("ul", { className: "m-0 list-none space-y-1 p-0", "aria-label": t("toolActionReview.alsoChanges"), children: effects.map((effect) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-og-fg", children: [
+      /* @__PURE__ */ jsx2(
         "span",
         {
           "aria-hidden": "true",
           className: "mt-[0.55em] size-1 shrink-0 rounded-full bg-og-fg-muted"
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: effect })
+      /* @__PURE__ */ jsx2("span", { className: "min-w-0 break-words", children: effect })
     ] }, effect)) }) : null,
     selection ? /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
       samples.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("p", { className: "m-0 mb-1 text-og-xs text-og-fg-muted", children: t("toolActionReview.includes") }),
+        /* @__PURE__ */ jsx2("p", { className: "m-0 mb-1 text-og-xs text-og-fg-muted", children: t("toolActionReview.includes") }),
         /* @__PURE__ */ jsxs("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__ */ jsxs("li", { className: "min-w-0 px-3 py-2", children: [
-            /* @__PURE__ */ jsx("p", { className: "m-0 truncate text-og-sm text-og-fg", children: sample.title }),
-            sample.subtitle ? /* @__PURE__ */ jsx("p", { className: "m-0 mt-0.5 truncate text-og-xs text-og-fg-muted", children: sample.subtitle }) : null
+            /* @__PURE__ */ jsx2("p", { className: "m-0 truncate text-og-sm text-og-fg", children: sample.title }),
+            sample.subtitle ? /* @__PURE__ */ jsx2("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__ */ jsxs("li", { className: "px-3 py-2 text-og-xs text-og-fg-muted", children: [
             t("toolActionReview.and"),
@@ -338,18 +426,18 @@ function ReviewFacts({
               localeString: count.toLocaleString(t.locale),
               noun
             }),
-            /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
+            /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
           ]
         }
       ) : null
     ] }) : null,
-    shown.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "m-0 min-w-0 space-y-2", children: shown.map((field) => /* @__PURE__ */ jsxs(
+    shown.length > 0 ? /* @__PURE__ */ jsx2("dl", { className: "m-0 min-w-0 space-y-2", children: shown.map((field) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: "grid min-w-0 gap-x-4 gap-y-0.5 sm:grid-cols-[minmax(0,9rem)_minmax(0,1fr)]",
         children: [
-          /* @__PURE__ */ jsx("dt", { className: "m-0 break-words text-og-xs text-og-fg-muted sm:pt-px sm:text-og-sm", children: field.label }),
-          /* @__PURE__ */ jsx("dd", { className: "m-0 min-w-0 whitespace-pre-wrap break-words text-og-fg [overflow-wrap:anywhere]", children: field.protected ? /* @__PURE__ */ jsx("span", { className: "text-og-fg-muted", children: t("toolActionReview.hidden") }) : field.truncated && canOpen ? /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx2("dt", { className: "m-0 break-words text-og-xs text-og-fg-muted sm:pt-px sm:text-og-sm", children: field.label }),
+          /* @__PURE__ */ jsx2("dd", { className: "m-0 min-w-0 whitespace-pre-wrap break-words text-og-fg [overflow-wrap:anywhere]", children: field.protected ? /* @__PURE__ */ jsx2("span", { className: "text-og-fg-muted", children: t("toolActionReview.hidden") }) : field.truncated && canOpen ? /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
@@ -361,11 +449,11 @@ function ReviewFacts({
               onClick: () => onViewDetails(field.path),
               className: cn(linkButton, "max-w-full"),
               children: [
-                /* @__PURE__ */ jsx("span", { className: "line-clamp-4 min-w-0 break-words [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx(SecretRefText, { text: field.preview, linkable: false }) }),
-                /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
+                /* @__PURE__ */ jsx2("span", { className: "line-clamp-4 min-w-0 break-words [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx2(SecretRefText, { text: field.preview, linkable: false }) }),
+                /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
               ]
             }
-          ) : /* @__PURE__ */ jsx(SecretRefText, { text: field.preview }) })
+          ) : /* @__PURE__ */ jsx2(SecretRefText, { text: field.preview }) })
         ]
       },
       field.path
@@ -384,7 +472,7 @@ function DeclineButton({
   onClick
 }) {
   const t = useOpenGeniText();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     "button",
     {
       type: "button",
@@ -414,7 +502,7 @@ function ToolActionReviewCard({
   const busy = Boolean(disabled || submitting);
   const tone = statusTone[review.status];
   const eyebrow = submitting ? submitting === "approve" ? t("toolActionReview.approving") : t("toolActionReview.declining") : review.status === "pending" ? pendingLabel ?? statusText(t).pending : statusText(t)[review.status];
-  const detailsLink = review.detailsAvailable && onViewDetails ? /* @__PURE__ */ jsx(
+  const detailsLink = review.detailsAvailable && onViewDetails ? /* @__PURE__ */ jsx2(
     "button",
     {
       type: "button",
@@ -429,7 +517,7 @@ function ToolActionReviewCard({
     ToolReviewFrame,
     {
       tone,
-      icon: /* @__PURE__ */ jsx(StatusIcon, { status: review.status, busy: Boolean(submitting) }),
+      icon: /* @__PURE__ */ jsx2(StatusIcon, { status: review.status, busy: Boolean(submitting) }),
       eyebrow,
       title: review.title,
       titleId,
@@ -441,10 +529,10 @@ function ToolActionReviewCard({
       footer: actionable ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 basis-48 flex-wrap items-center gap-x-3 gap-y-1", children: [
           detailsLink,
-          reason ? /* @__PURE__ */ jsx("span", { className: "min-w-0 text-og-xs leading-relaxed text-og-fg-subtle", children: reason }) : null
+          reason ? /* @__PURE__ */ jsx2("span", { className: "min-w-0 text-og-xs leading-relaxed text-og-fg-subtle", children: reason }) : null
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 flex-wrap items-center justify-end gap-2", children: [
-          canReject ? /* @__PURE__ */ jsx(
+          canReject ? /* @__PURE__ */ jsx2(
             DeclineButton,
             {
               busy,
@@ -461,7 +549,7 @@ function ToolActionReviewCard({
               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: [
-                submitting === "approve" ? /* @__PURE__ */ jsx(LoaderCircleIcon, { className: "size-3.5 animate-spin", "aria-hidden": "true" }) : null,
+                submitting === "approve" ? /* @__PURE__ */ jsx2(LoaderCircleIcon, { className: "size-3.5 animate-spin", "aria-hidden": "true" }) : null,
                 submitting === "approve" ? t("toolActionReview.approving") : review.approveLabel
               ]
             }
@@ -469,8 +557,8 @@ function ToolActionReviewCard({
         ] })
       ] }) : void 0,
       children: [
-        actionable && !canApprove ? /* @__PURE__ */ jsx("p", { className: "m-0 mb-3 text-og-sm leading-relaxed text-og-fg", children: UNRECOVERABLE_TEXT(t) }) : null,
-        /* @__PURE__ */ jsx(
+        actionable && !canApprove ? /* @__PURE__ */ jsx2("p", { className: "m-0 mb-3 text-og-sm leading-relaxed text-og-fg", children: UNRECOVERABLE_TEXT(t) }) : null,
+        /* @__PURE__ */ jsx2(
           ReviewFacts,
           {
             review,
@@ -478,7 +566,7 @@ function ToolActionReviewCard({
             showStatusDetail: review.status !== "pending"
           }
         ),
-        !actionable && detailsLink ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: detailsLink }) : null
+        !actionable && detailsLink ? /* @__PURE__ */ jsx2("div", { className: "mt-2", children: detailsLink }) : null
       ]
     }
   );
@@ -491,22 +579,22 @@ function ToolActionReviewDetails({
   manageFocus = true
 }) {
   const t = useOpenGeniText();
-  const [path, setPath] = useState(initialPath);
-  const [trail, setTrail] = useState([]);
-  const [offset, setOffset] = useState(0);
-  const [page, setPage] = useState(null);
-  const [error, setError] = useState(false);
-  const [retry, setRetry] = useState(0);
+  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 = useRef(null);
   const focusedOnce = useRef(false);
-  useEffect(() => {
+  useEffect2(() => {
     if (page && manageFocus && !focusedOnce.current) {
       focusedOnce.current = true;
       heading.current?.focus({ preventScroll: true });
       heading.current?.scrollIntoView({ block: "start" });
     }
   }, [page, manageFocus]);
-  useEffect(() => {
+  useEffect2(() => {
     let active = true;
     setPage(null);
     setError(false);
@@ -551,12 +639,12 @@ function ToolActionReviewDetails({
             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__ */ jsx(ArrowLeftIcon, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx2(ArrowLeftIcon, { className: "size-4", "aria-hidden": "true" }),
               t("toolActionReview.backToReview")
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           "h2",
           {
             ref: heading,
@@ -565,8 +653,8 @@ function ToolActionReviewDetails({
             children: review.title
           }
         ),
-        review.accountLabel ? /* @__PURE__ */ jsx("p", { className: "m-0 mt-1 text-og-sm text-og-fg-muted", children: review.accountLabel }) : null,
-        /* @__PURE__ */ jsx("p", { className: "m-0 mt-2 text-og-xs text-og-fg-subtle", children: t("toolActionReview.theExactValuesSavedFor") }),
+        review.accountLabel ? /* @__PURE__ */ jsx2("p", { className: "m-0 mt-1 text-og-sm text-og-fg-muted", children: review.accountLabel }) : null,
+        /* @__PURE__ */ jsx2("p", { className: "m-0 mt-2 text-og-xs text-og-fg-subtle", children: t("toolActionReview.theExactValuesSavedFor") }),
         trail.length > 0 ? /* @__PURE__ */ jsxs(
           "button",
           {
@@ -574,7 +662,7 @@ function ToolActionReviewDetails({
             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__ */ jsx(ArrowLeftIcon, { className: "size-3.5", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx2(ArrowLeftIcon, { className: "size-3.5", "aria-hidden": "true" }),
               t("toolActionReview.backTo"),
               " ",
               trail.at(-1)?.label ?? t("toolActionReview.allValues")
@@ -584,7 +672,7 @@ function ToolActionReviewDetails({
         error ? /* @__PURE__ */ jsxs("div", { role: "alert", className: "mt-4 py-4 text-og-sm", children: [
           t("toolActionReview.couldnTLoadTheseDetails"),
           " ",
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx2(
             "button",
             {
               type: "button",
@@ -593,9 +681,9 @@ function ToolActionReviewDetails({
               children: t("toolActionReview.tryAgain")
             }
           )
-        ] }) : !page ? /* @__PURE__ */ jsx("p", { role: "status", className: "mt-4 py-4 text-og-sm text-og-fg-muted", children: t("toolActionReview.loadingDetails") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("dl", { className: "m-0 mt-4 divide-y divide-og-border border-y border-og-border", children: page.items.map((item) => /* @__PURE__ */ jsxs("div", { className: "py-3", children: [
-            /* @__PURE__ */ jsx("dt", { className: "m-0 text-og-xs text-og-fg-muted", children: item.label }),
+        ] }) : !page ? /* @__PURE__ */ jsx2("p", { role: "status", className: "mt-4 py-4 text-og-sm text-og-fg-muted", children: t("toolActionReview.loadingDetails") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx2("dl", { className: "m-0 mt-4 divide-y divide-og-border border-y border-og-border", children: page.items.map((item) => /* @__PURE__ */ jsxs("div", { className: "py-3", children: [
+            /* @__PURE__ */ jsx2("dt", { className: "m-0 text-og-xs text-og-fg-muted", children: item.label }),
             /* @__PURE__ */ jsxs("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__ */ jsxs(
                 "button",
@@ -605,12 +693,12 @@ function ToolActionReviewDetails({
                   className: cn(linkButton, "max-w-full"),
                   onClick: () => open(item.path, item.label),
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40", children: /* @__PURE__ */ jsx(SecretRefText, { text: item.value, linkable: false }) }),
-                    /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
+                    /* @__PURE__ */ jsx2("span", { className: "min-w-0 break-words focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent/40", children: /* @__PURE__ */ jsx2(SecretRefText, { text: item.value, linkable: false }) }),
+                    /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "size-3.5 shrink-0", "aria-hidden": "true" })
                   ]
                 }
-              ) : /* @__PURE__ */ jsx(SecretRefText, { text: item.value }),
-              item.detail ? /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-og-xs text-og-fg-muted", children: /* @__PURE__ */ jsx(SecretRefText, { text: item.detail, linkable: false }) }) : null
+              ) : /* @__PURE__ */ jsx2(SecretRefText, { text: item.value }),
+              item.detail ? /* @__PURE__ */ jsx2("span", { className: "mt-0.5 block text-og-xs text-og-fg-muted", children: /* @__PURE__ */ jsx2(SecretRefText, { text: item.detail, linkable: false }) }) : null
             ] })
           ] }, `${page.path}:${item.label}`)) }),
           page.total > page.items.length || offset > 0 ? /* @__PURE__ */ jsxs(
@@ -619,7 +707,7 @@ function ToolActionReviewDetails({
               "aria-label": t("toolActionReview.detailPages"),
               className: "mt-4 flex flex-wrap items-center justify-between gap-3 text-og-sm",
               children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx2(
                   "button",
                   {
                     type: "button",
@@ -629,8 +717,8 @@ function ToolActionReviewDetails({
                     children: t("toolActionReview.previous")
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-og-fg-muted tabular-nums", children: page.total === 0 ? t("toolActionReview.noItems") : `${(offset + 1).toLocaleString(t.locale)}\u2013${(offset + page.items.length).toLocaleString(t.locale)} of ${page.total.toLocaleString(t.locale)}` }),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx2("span", { className: "text-og-fg-muted tabular-nums", children: page.total === 0 ? t("toolActionReview.noItems") : `${(offset + 1).toLocaleString(t.locale)}\u2013${(offset + page.items.length).toLocaleString(t.locale)} of ${page.total.toLocaleString(t.locale)}` }),
+                /* @__PURE__ */ jsx2(
                   "button",
                   {
                     type: "button",
@@ -650,36 +738,36 @@ function ToolActionReviewDetails({
 }
 
 // src/timeline/knowledge-receipt.tsx
-import { createContext, useContext, useState as useState2 } from "react";
+import { createContext as createContext2, useContext as useContext2, useState as useState3 } from "react";
 import { BrainCircuitIcon } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var KnowledgeActions = createContext({});
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var KnowledgeActions = createContext2({});
 function KnowledgeActivityProvider({
   children,
   ...actions
 }) {
-  return /* @__PURE__ */ jsx2(KnowledgeActions.Provider, { value: actions, children });
+  return /* @__PURE__ */ jsx3(KnowledgeActions.Provider, { value: actions, children });
 }
 function KnowledgeReceiptRow(props) {
   const t = useOpenGeniText();
-  const actions = useContext(KnowledgeActions);
-  const [retrying, setRetrying] = useState2(false);
-  const [retrySent, setRetrySent] = useState2(false);
-  const [error, setError] = useState2(null);
+  const actions = useContext2(KnowledgeActions);
+  const [retrying, setRetrying] = useState3(false);
+  const [retrySent, setRetrySent] = useState3(false);
+  const [error, setError] = useState3(null);
   const label = props.outcome === "pending" ? t("timeline.knowledgeReceipt.knowledgeSavedForReview") : props.outcome === "failed" ? t("timeline.knowledgeReceipt.sourcePreparationFailed") : props.outcome === "rejected" ? t("timeline.knowledgeReceipt.sourceRemainsRejected") : props.outcome === "archived" ? t("timeline.knowledgeReceipt.knowledgeArchived") : props.source ? t("timeline.knowledgeReceipt.sourceSavedToKnowledge") : t("timeline.knowledgeReceipt.savedToKnowledge");
   const actionClass = "rounded-og-sm px-1 py-0.5 text-og-sm text-og-fg-muted hover:text-og-fg focus-visible:outline-2 focus-visible:outline-og-accent disabled:opacity-50";
   return /* @__PURE__ */ jsxs2(
     ActivityDisclosure,
     {
-      icon: /* @__PURE__ */ jsx2(BrainCircuitIcon, { className: "size-3.5" }),
+      icon: /* @__PURE__ */ jsx3(BrainCircuitIcon, { className: "size-3.5" }),
       iconTone: "muted",
       title: label,
       preview: props.title,
       children: [
-        props.outcome === "pending" ? /* @__PURE__ */ jsx2(BodyNote, { children: t("timeline.knowledgeReceipt.savedInNeedsReviewThis") }) : null,
-        props.outcome === "failed" ? /* @__PURE__ */ jsx2(BodyNote, { children: t("timeline.knowledgeReceipt.theOriginalFileRemainsAttached") }) : null,
-        props.outcome === "rejected" ? /* @__PURE__ */ jsx2(BodyNote, { children: t("timeline.knowledgeReceipt.processingTheFileAgainLeaves") }) : null,
-        props.entryId && actions.onInspect ? /* @__PURE__ */ jsx2(
+        props.outcome === "pending" ? /* @__PURE__ */ jsx3(BodyNote, { children: t("timeline.knowledgeReceipt.savedInNeedsReviewThis") }) : null,
+        props.outcome === "failed" ? /* @__PURE__ */ jsx3(BodyNote, { children: t("timeline.knowledgeReceipt.theOriginalFileRemainsAttached") }) : null,
+        props.outcome === "rejected" ? /* @__PURE__ */ jsx3(BodyNote, { children: t("timeline.knowledgeReceipt.processingTheFileAgainLeaves") }) : null,
+        props.entryId && actions.onInspect ? /* @__PURE__ */ jsx3(
           "button",
           {
             className: actionClass,
@@ -688,7 +776,7 @@ function KnowledgeReceiptRow(props) {
             children: props.outcome === "pending" ? t("timeline.knowledgeReceipt.reviewInKnowledge") : t("timeline.knowledgeReceipt.viewInKnowledge")
           }
         ) : null,
-        props.outcome === "failed" && props.fileId && actions.onRetryFile ? /* @__PURE__ */ jsx2(
+        props.outcome === "failed" && props.fileId && actions.onRetryFile ? /* @__PURE__ */ jsx3(
           "button",
           {
             className: actionClass,
@@ -705,100 +793,12 @@ function KnowledgeReceiptRow(props) {
             children: retrying ? t("timeline.knowledgeReceipt.startingRetry") : retrySent ? t("timeline.knowledgeReceipt.retryRequested") : t("timeline.knowledgeReceipt.retryPreparation")
           }
         ) : null,
-        error ? /* @__PURE__ */ jsx2("p", { role: "alert", className: "text-og-sm", children: error }) : null
+        error ? /* @__PURE__ */ jsx3("p", { role: "alert", className: "text-og-sm", children: error }) : null
       ]
     }
   );
 }
 
-// src/timeline/startup-preference.ts
-import { useSyncExternalStore } from "react";
-var KEY = "opengeni:startup-details:v1";
-var EVENT = "opengeni:startup-details-changed";
-var fallback = false;
-function snapshot() {
-  try {
-    return window.localStorage.getItem(KEY) === "true";
-  } catch {
-    return fallback;
-  }
-}
-function subscribe(listener) {
-  window.addEventListener(EVENT, listener);
-  window.addEventListener("storage", listener);
-  return () => {
-    window.removeEventListener(EVENT, listener);
-    window.removeEventListener("storage", listener);
-  };
-}
-function setStartupDetails(value) {
-  fallback = value;
-  try {
-    window.localStorage.setItem(KEY, String(value));
-  } catch {
-  }
-  window.dispatchEvent(new Event(EVENT));
-}
-function useStartupDetails() {
-  return useSyncExternalStore(subscribe, snapshot, () => false);
-}
-
-// src/components/tool-review-history.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect2, useMemo, useState as useState3 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var History = createContext2(null);
-function ToolReviewHistoryProvider({
-  events,
-  load,
-  onViewDetails,
-  children
-}) {
-  const value = useMemo(
-    () => ({
-      approvalIds: new Set(
-        events.flatMap(
-          (event) => event.type === "session.requiresAction" ? approvalsFromRequiresAction(event.payload).map((approval) => approval.id) : []
-        )
-      ),
-      revision: [...events].reverse().find(
-        (event) => event.type === "session.requiresAction" || event.type === "agent.toolCall.output" || event.type.startsWith("turn.") || event.type === "user.approvalDecision" || event.type.startsWith("session.control.")
-      )?.sequence ?? 0,
-      load,
-      onViewDetails
-    }),
-    [events, load, onViewDetails]
-  );
-  return /* @__PURE__ */ jsx3(History.Provider, { value, children });
-}
-function useHasToolReview(approvalId) {
-  const history = useContext2(History);
-  return Boolean(approvalId && history?.approvalIds.has(approvalId));
-}
-function useRecordedToolReview(approvalId) {
-  const history = useContext2(History);
-  const [review, setReview] = useState3(null);
-  const load = history?.load;
-  const revision = history?.revision;
-  useEffect2(() => {
-    if (!load || !approvalId) return;
-    let active = true;
-    void load(approvalId).then(
-      (value) => {
-        if (active && value.id === approvalId) setReview(value);
-      },
-      () => void 0
-    );
-    return () => {
-      active = false;
-    };
-  }, [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/lib/git-patch.ts
 function gitFileDiffToPatch(file) {
   const oldPath = file.oldPath ?? file.path;
@@ -834,7 +834,7 @@ import {
   Suspense,
   useEffect as useEffect3,
   useState as useState4,
-  useSyncExternalStore as useSyncExternalStore2
+  useSyncExternalStore
 } from "react";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var LazyPatchDiff = lazy(async () => {
@@ -864,7 +864,7 @@ function PierreDiff({
     query.addEventListener?.("change", update);
     return () => query.removeEventListener?.("change", update);
   }, []);
-  const loaderRevision = useSyncExternalStore2(
+  const loaderRevision = useSyncExternalStore(
     subscribePierreDiffs,
     pierreDiffsRevision,
     pierreDiffsRevision
@@ -2769,6 +2769,38 @@ function createDefaultToolRegistry(options = {}) {
   return createToolRegistry(BASE_ENTRIES, GenericRenderer, options);
 }
 
+// src/timeline/startup-preference.ts
+import { useSyncExternalStore as useSyncExternalStore2 } from "react";
+var KEY = "opengeni:startup-details:v1";
+var EVENT = "opengeni:startup-details-changed";
+var fallback = false;
+function snapshot() {
+  try {
+    return window.localStorage.getItem(KEY) === "true";
+  } catch {
+    return fallback;
+  }
+}
+function subscribe(listener) {
+  window.addEventListener(EVENT, listener);
+  window.addEventListener("storage", listener);
+  return () => {
+    window.removeEventListener(EVENT, listener);
+    window.removeEventListener("storage", listener);
+  };
+}
+function setStartupDetails(value) {
+  fallback = value;
+  try {
+    window.localStorage.setItem(KEY, String(value));
+  } catch {
+  }
+  window.dispatchEvent(new Event(EVENT));
+}
+function useStartupDetails() {
+  return useSyncExternalStore2(subscribe, snapshot, () => false);
+}
+
 // src/timeline/agent-row.tsx
 import { ArrowUpRightIcon, ChevronRightIcon as ChevronRightIcon2 } from "lucide-react";
 import { useContext as useContext6, useState as useState8 } from "react";
@@ -3932,38 +3964,6 @@ var FacetRenderBoundary = class extends Component2 {
   }
 };
 
-// src/timeline/retained-loaders.ts
-function createWorkspaceRetainedArtifactLoader(client, workspaceId) {
-  return async (artifact, signal, options) => {
-    if (artifact.kind === "file" && options?.prefer !== "url") {
-      const download2 = await client.downloadRetainedArtifact(workspaceId, artifact, { signal });
-      return download2.bytes;
-    }
-    const download = await client.createRetainedArtifactDownloadUrl(workspaceId, artifact, {
-      signal
-    });
-    return { url: download.url, expiresAt: download.expiresAt };
-  };
-}
-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/timeline/learning-refusal-row.tsx
 import { BrainCircuitIcon as BrainCircuitIcon4 } from "lucide-react";
 import { createContext as createContext12, useContext as useContext14 } from "react";
@@ -4010,12 +4010,22 @@ function LearningRefusalRow({ refusal }) {
 }
 
 export {
+  createWorkspaceRetainedArtifactLoader,
+  createSessionRetainedScreenshotLoader,
+  createWorkspaceRetainedVideoLoader,
+  ToolReviewHistoryProvider,
   UNRECOVERABLE_TEXT,
   ToolReviewFrame,
   DeclineButton,
   ToolActionReviewCard,
   ToolActionReviewDetails,
   KnowledgeActivityProvider,
+  TimelineComputeLabelProvider,
+  ProviderLogoProvider,
+  gitFileDiffToPatch,
+  PierreDiff,
+  defaultToolRegistry,
+  createDefaultToolRegistry,
   AgentRow,
   AgentRowText,
   AgentRowSection,
@@ -4026,13 +4036,6 @@ export {
   EMBEDDED_GENIE_LOADING,
   setStartupDetails,
   useStartupDetails,
-  ToolReviewHistoryProvider,
-  TimelineComputeLabelProvider,
-  ProviderLogoProvider,
-  gitFileDiffToPatch,
-  PierreDiff,
-  defaultToolRegistry,
-  createDefaultToolRegistry,
   EntranceAnimationProvider,
   useEntranceAnimation,
   SeenActivityIdsProvider,
@@ -4044,10 +4047,7 @@ export {
   inheritFoldRestingState,
   useTurnSettleOpen,
   TurnSummary,
-  createWorkspaceRetainedArtifactLoader,
-  createSessionRetainedScreenshotLoader,
-  createWorkspaceRetainedVideoLoader,
   LearningRefusalActionsProvider,
   LearningRefusalRow
 };
-//# sourceMappingURL=chunk-YSSTNTJD.js.map
+//# sourceMappingURL=chunk-X7L4H4VG.js.map