@opengeni/react 0.20.0 → 0.25.0

package/dist/index.js

@@ -36,7 +36,7 @@ import {
   useChatComposerController,
   useSlashCommands,
   useTranscription
-} from "./chunk-LAZ2A743.js";
+} from "./chunk-RDPDU4TA.js";
 import {
   CONNECTION_STATUS_META,
   ConnectionDot,
@@ -64,7 +64,7 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-6BXBGJ3B.js";
+} from "./chunk-6XUS5VFM.js";
 import {
   cn
 } from "./chunk-TK7G6XLT.js";
@@ -82,6 +82,7 @@ import {
   groupTimeline,
   humanInputRequestFromEvent,
   isHumanInputEvent,
+  isSessionMcpApprovalPolicyEvent,
   isTurnQueueEvent,
   projectPendingApprovals,
   projectPendingHumanInputRequests,
@@ -90,15 +91,16 @@ import {
   useHumanInputRequests,
   useSessionControl,
   useSessionEvents,
+  useSessionMcpApprovalPolicy,
   useTurnQueue
-} from "./chunk-6UT5OC3P.js";
+} from "./chunk-SHOFILHJ.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-MRSECXRP.js";
+} from "./chunk-AVPU5PMC.js";
 import {
   CREDIT_EXHAUSTION_MESSAGE,
   formatBytes,
@@ -114,10 +116,10 @@ import {
   useOpenGeniClient,
   usePolledValue,
   useSessionEventTrigger
-} from "./chunk-HHFA4AFX.js";
+} from "./chunk-I3BJZIG5.js";
 import {
   EmptyQueueStateSurface
-} from "./chunk-EBTT3MYN.js";
+} from "./chunk-YDNWMKXO.js";
 
 // src/hooks/use-session.ts
 import { useCallback, useEffect, useState } from "react";
@@ -212,6 +214,7 @@ function useFileAttachments(options = {}) {
         contentType: file.type || "application/octet-stream",
         data: file
       }).then((asset) => {
+        sources.current.delete(id);
         setAttachments(
           (current) => current.map(
             (attachment) => attachment.id === id ? {
@@ -289,6 +292,52 @@ function useFileAttachments(options = {}) {
     },
     [addFiles, pasteFilter]
   );
+  const restoreReadyFiles = useCallback2(
+    (files) => {
+      const incoming = /* @__PURE__ */ new Map();
+      for (const file of files) {
+        if (file.status === "ready" && file.workspaceId === workspaceId) {
+          incoming.set(file.id, file);
+        }
+      }
+      setAttachments((current) => {
+        const unresolved = current.filter((attachment) => attachment.status !== "ready");
+        const existingReady = new Map(
+          current.flatMap(
+            (attachment) => attachment.status === "ready" && attachment.file ? [[attachment.file.id, attachment]] : []
+          )
+        );
+        const restored = [...incoming.values()].map((file) => {
+          const existing = existingReady.get(file.id);
+          return existing ? {
+            ...existing,
+            name: file.filename,
+            contentType: file.contentType,
+            sizeBytes: file.sizeBytes,
+            status: "ready",
+            file,
+            error: void 0
+          } : {
+            id: `restored:${file.id}`,
+            name: file.filename,
+            contentType: file.contentType,
+            sizeBytes: file.sizeBytes,
+            status: "ready",
+            file
+            // No source File and no object URL: server metadata is the
+            // only authority restored across page/device boundaries.
+          };
+        });
+        for (const [fileId, attachment] of existingReady) {
+          if (!incoming.has(fileId) && attachment.previewUrl) {
+            URL.revokeObjectURL(attachment.previewUrl);
+          }
+        }
+        return [...unresolved, ...restored];
+      });
+    },
+    [workspaceId]
+  );
   const remove = useCallback2((id) => {
     sources.current.delete(id);
     setAttachments((current) => {
@@ -299,6 +348,20 @@ function useFileAttachments(options = {}) {
       return current.filter((attachment) => attachment.id !== id);
     });
   }, []);
+  const removeReadyFiles = useCallback2((fileIds) => {
+    const accepted = new Set(fileIds);
+    if (accepted.size === 0) return;
+    setAttachments(
+      (current) => current.filter((attachment) => {
+        const removeAccepted = attachment.status === "ready" && attachment.file !== void 0 && accepted.has(attachment.file.id);
+        if (removeAccepted) {
+          sources.current.delete(attachment.id);
+          if (attachment.previewUrl) URL.revokeObjectURL(attachment.previewUrl);
+        }
+        return !removeAccepted;
+      })
+    );
+  }, []);
   const clear = useCallback2(() => {
     sources.current.clear();
     setAttachments((current) => {
@@ -316,10 +379,13 @@ function useFileAttachments(options = {}) {
       (attachment) => attachment.status === "ready" && attachment.file ? [{ kind: "file", fileId: attachment.file.id }] : []
     ),
     uploading: attachments.some((attachment) => attachment.status === "uploading"),
+    hasUnresolved: attachments.some((attachment) => attachment.status !== "ready"),
     addFiles,
     addFromPaste,
+    restoreReadyFiles,
     retry,
     remove,
+    removeReadyFiles,
     clear
   };
 }
@@ -328,7 +394,7 @@ function useFileAttachments(options = {}) {
 import { Loader2Icon } from "lucide-react";
 import { lazy, Suspense } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var loadQueueSurface = () => import("./queue-surface-implementation-NQMV2ML3.js");
+var loadQueueSurface = () => import("./queue-surface-implementation-3UW3MIIR.js");
 var QueueSurface = createQueueSurface(loadQueueSurface);
 function createQueueSurface(loadImplementation) {
   const LazyQueueSurface = lazy(async () => ({
@@ -446,6 +512,10 @@ import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef2
 function isGoalEvent(event) {
   return event.type.startsWith("goal.");
 }
+function isGoalRefreshEvent(event) {
+  const type = event.type;
+  return isGoalEvent(event) || type.startsWith("turn.") || type.startsWith("session.") || type.startsWith("system.update.") || type.startsWith("workspace.inference.") || type.startsWith("user.");
+}
 function useGoal(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
@@ -514,7 +584,7 @@ function useGoal(sessionId, options = {}) {
     };
   }, [load, enabled, workspaceId, sessionId, options.pollIntervalMs, sharedFeed]);
   const scheduleRefresh = useDebouncedCallback(() => void load());
-  useSessionEventTrigger(client, workspaceId, sessionId, isGoalEvent, scheduleRefresh, {
+  useSessionEventTrigger(client, workspaceId, sessionId, isGoalRefreshEvent, scheduleRefresh, {
     enabled,
     ...sharedEvents !== void 0 ? { events: sharedEvents } : {}
   });
@@ -600,14 +670,28 @@ function useScheduledTasks(options = {}) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect3, useRef as useRef3 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
   const parentSessionId = options.parentSessionId;
   const cursor = options.cursor;
   const search = options.search;
-  const queryKey = JSON.stringify({ workspaceId, limit, parentSessionId, cursor, search });
+  const pinsOnly = options.pinsOnly;
+  const enabled = options.enabled ?? true;
+  const queryKey = [
+    workspaceId,
+    limit ?? "",
+    parentSessionId === null ? "null" : parentSessionId ?? "",
+    cursor ?? "",
+    search ?? "",
+    pinsOnly ? "1" : ""
+  ].join("\0");
+  const previousQueryKey = useRef3(queryKey);
+  const queryKeyTransition = previousQueryKey.current !== queryKey;
+  useEffect3(() => {
+    previousQueryKey.current = queryKey;
+  }, [queryKey]);
   const load = useCallback5(
     async () => ({
       queryKey,
@@ -615,14 +699,15 @@ function useWorkspaceSessions(options = {}) {
         ...limit !== void 0 ? { limit } : {},
         ...parentSessionId !== void 0 ? { parentSessionId } : {},
         ...cursor !== void 0 ? { cursor } : {},
-        ...search !== void 0 ? { search } : {}
+        ...search !== void 0 ? { search } : {},
+        ...pinsOnly ? { pinsOnly: true } : {}
       })
     }),
-    [client, workspaceId, limit, parentSessionId, cursor, search, queryKey]
+    [client, workspaceId, limit, parentSessionId, cursor, search, pinsOnly, queryKey]
   );
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
-    enabled: options.enabled
+    enabled
   });
   const page = state.data?.queryKey === queryKey ? state.data.page : null;
   const pinned = page?.pinned ?? [];
@@ -635,14 +720,18 @@ function useWorkspaceSessions(options = {}) {
     pinned,
     pinnedTruncated: page?.pinnedTruncated ?? false,
     nextCursor: page?.nextCursor ?? null,
-    loading: state.loading,
+    // `usePolledValue` clears the old data and starts the new request in an
+    // effect. During that query-key transition render, its old loading flag
+    // can still be false; expose loading immediately so consumers do not
+    // announce a transient false zero-match result.
+    loading: enabled && (state.loading || queryKeyTransition || state.data !== null && state.data.queryKey !== queryKey),
     error: state.error,
     refresh: state.refresh
   };
 }
 
 // src/hooks/use-session-lineage.ts
-import { useCallback as useCallback6, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect4, useRef as useRef4 } from "react";
 function isLineageRefreshEvent(event) {
   if (event.type === "session.status.changed" || event.type === "session.created") {
     return true;
@@ -671,16 +760,16 @@ function useSessionLineage(sessionId, options = {}) {
   );
   const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled });
   const refresh = state.refresh;
-  useEffect3(() => {
+  useEffect4(() => {
     if (enabled && workspaceControlEvent) void refresh();
   }, [enabled, refresh, workspaceControlEvent]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!sessionId || !enabled) return;
     return registerSessionReconciler(sessionId, "lineage", refresh);
   }, [enabled, refresh, registerSessionReconciler, sessionId]);
   const refreshSoon = useDebouncedCallback(() => void refresh(), 150);
-  const delayedChildRefreshRef = useRef3(null);
-  useEffect3(() => {
+  const delayedChildRefreshRef = useRef4(null);
+  useEffect4(() => {
     return () => {
       if (delayedChildRefreshRef.current !== null) {
         clearTimeout(delayedChildRefreshRef.current);
@@ -1203,7 +1292,7 @@ import {
   OpenGeniApiError as OpenGeniApiError2,
   applyUrlRotation
 } from "@opengeni/sdk";
-import { useCallback as useCallback13, useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect5, useRef as useRef5, useState as useState4 } from "react";
 function desktopAttachable(cell) {
   if (cell.transport !== null) return true;
   return cell.reason === "lease_cold" || cell.reason === "not_provisioned" || cell.reason === null;
@@ -1240,13 +1329,13 @@ function useSessionCapabilities(sessionId, options = {}) {
   const [viewerId, setViewerId] = useState4(null);
   const [stateIdentity, setStateIdentity] = useState4(identityKey);
   const [nonce, setNonce] = useState4(0);
-  const epochRef = useRef4(0);
-  const viewerIdRef = useRef4(null);
-  const previousIdentityRef = useRef4(identityKey);
+  const epochRef = useRef5(0);
+  const viewerIdRef = useRef5(null);
+  const previousIdentityRef = useRef5(identityKey);
   const renegotiate = useCallback13(() => {
     setNonce((n) => n + 1);
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     const identityChanged = previousIdentityRef.current !== identityKey;
     previousIdentityRef.current = identityKey;
     if (identityChanged) {
@@ -1443,7 +1532,7 @@ function useSessionCapabilities(sessionId, options = {}) {
     identityKey
   ]);
   const events = options.events;
-  useEffect4(() => {
+  useEffect5(() => {
     if (!events || events.length === 0) return;
     setCapabilities((prev) => {
       if (!prev || !prev.DesktopStream.url) return prev;
@@ -1480,7 +1569,7 @@ import {
   desktopSocketUrl,
   nextDesktopState
 } from "@opengeni/sdk";
-import { useEffect as useEffect6, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect7, useRef as useRef7, useState as useState6 } from "react";
 
 // src/lib/relay-wire.ts
 import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
@@ -1553,7 +1642,7 @@ function decodeStreamFrame(bytes) {
 }
 
 // src/hooks/use-relay-frame-stream.ts
-import { useEffect as useEffect5, useRef as useRef5, useState as useState5 } from "react";
+import { useEffect as useEffect6, useRef as useRef6, useState as useState5 } from "react";
 var TAG_OPEN = 1;
 var TAG_OPENACK = 2;
 var TAG_FRAME = 3;
@@ -1571,7 +1660,7 @@ function useRelayFrameStream(options) {
   const [state, setState] = useState5("idle");
   const [error, setError] = useState5(null);
   const [nonce, setNonce] = useState5(0);
-  const stateRef = useRef5("idle");
+  const stateRef = useRef6("idle");
   const setBoth = (next) => {
     stateRef.current = next;
     setState(next);
@@ -1580,9 +1669,9 @@ function useRelayFrameStream(options) {
   const transport = capability?.transport ?? null;
   const url = capability?.url ?? null;
   const token = capability?.token ?? null;
-  const factoryRef = useRef5(webSocketFactory);
+  const factoryRef = useRef6(webSocketFactory);
   factoryRef.current = webSocketFactory;
-  useEffect5(() => {
+  useEffect6(() => {
     if (typeof window === "undefined") return;
     if (transport !== "relay-frames" || !url) {
       setBoth("idle");
@@ -1775,7 +1864,7 @@ function useDesktopStream(options) {
   const [state, setState] = useState6("idle");
   const [error, setError] = useState6(null);
   const [nonce, setNonce] = useState6(0);
-  const stateRef = useRef6("idle");
+  const stateRef = useRef7("idle");
   const setBoth = (next) => {
     stateRef.current = next;
     setState(next);
@@ -1785,17 +1874,17 @@ function useDesktopStream(options) {
   const token = capability?.token ?? null;
   const transport = capability?.transport ?? null;
   const mode = capability?.mode ?? "read-only";
-  const rfbRef = useRef6(null);
-  const interactiveRef = useRef6(interactive);
-  const scaleViewportRef = useRef6(scaleViewport);
-  const modeRef = useRef6(mode);
-  const rfbFactoryRef = useRef6(rfbFactory);
+  const rfbRef = useRef7(null);
+  const interactiveRef = useRef7(interactive);
+  const scaleViewportRef = useRef7(scaleViewport);
+  const modeRef = useRef7(mode);
+  const rfbFactoryRef = useRef7(rfbFactory);
   interactiveRef.current = interactive;
   scaleViewportRef.current = scaleViewport;
   modeRef.current = mode;
   rfbFactoryRef.current = rfbFactory;
   const viewOnlyFor = (m, want) => m === "read-only" || !want;
-  useEffect6(() => {
+  useEffect7(() => {
     if (typeof window === "undefined") return;
     if (transport !== "vnc-ws" || !url) {
       setBoth("idle");
@@ -1858,11 +1947,11 @@ function useDesktopStream(options) {
       }
     };
   }, [url, token, transport, nonce]);
-  useEffect6(() => {
+  useEffect7(() => {
     const rfb = rfbRef.current;
     if (rfb) rfb.viewOnly = viewOnlyFor(mode, interactive);
   }, [interactive, mode, state]);
-  useEffect6(() => {
+  useEffect7(() => {
     const rfb = rfbRef.current;
     if (rfb) {
       rfb.clipViewport = false;
@@ -1882,7 +1971,7 @@ import {
   ttydResizeFrame,
   TtydServerCommand
 } from "@opengeni/sdk";
-import { useEffect as useEffect7, useMemo as useMemo2, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useRef as useRef8, useState as useState7 } from "react";
 function decodeFrame(data) {
   if (typeof data === "string") {
     return { command: data.charAt(0), payload: data.slice(1) };
@@ -1895,19 +1984,19 @@ function decodeFrame(data) {
 function useTerminalStream(options) {
   const { capability, onOutput, onTitle, initialCols, initialRows } = options;
   const [status, setStatus] = useState7("closed");
-  const wsRef = useRef7(null);
-  const sizeRef = useRef7({
+  const wsRef = useRef8(null);
+  const sizeRef = useRef8({
     cols: initialCols ?? 80,
     rows: initialRows ?? 24
   });
-  const onOutputRef = useRef7(onOutput);
-  const onTitleRef = useRef7(onTitle);
+  const onOutputRef = useRef8(onOutput);
+  const onTitleRef = useRef8(onTitle);
   onOutputRef.current = onOutput;
   onTitleRef.current = onTitle;
   const transport = capability?.transport ?? null;
   const url = capability?.url ?? null;
   const token = capability?.token ?? null;
-  useEffect7(() => {
+  useEffect8(() => {
     if (typeof window === "undefined" || typeof WebSocket === "undefined") return;
     if (transport !== "pty-ws" || !url) {
       setStatus("closed");
@@ -2004,7 +2093,7 @@ function useTerminalStream(options) {
 
 // src/hooks/use-sandbox-terminal.ts
 import { OpenGeniApiError as OpenGeniApiError3 } from "@opengeni/sdk";
-import { useCallback as useCallback14, useEffect as useEffect8, useMemo as useMemo3, useRef as useRef8, useState as useState8 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect9, useMemo as useMemo3, useRef as useRef9, useState as useState8 } from "react";
 function useSandboxTerminal(sessionId, options) {
   const { client, workspaceId } = useOpenGeni(options);
   const includeAgentFirehose = options.includeAgentFirehose ?? true;
@@ -2016,16 +2105,16 @@ function useSandboxTerminal(sessionId, options) {
   const [openError, setOpenError] = useState8(null);
   const [stateIdentity, setStateIdentity] = useState8(identityKey);
   const [reopenNonce, setReopenNonce] = useState8(0);
-  const currentIdentityRef = useRef8(identityKey);
+  const currentIdentityRef = useRef9(identityKey);
   currentIdentityRef.current = identityKey;
-  useEffect8(() => {
+  useEffect9(() => {
     setStateIdentity(identityKey);
     setOpenedPtyId(null);
     setOpenError(null);
   }, [identityKey]);
-  const openInFlight = useRef8(false);
+  const openInFlight = useRef9(false);
   const boxWarm = liveness === void 0 || liveness === "warm" || liveness === "draining";
-  useEffect8(() => {
+  useEffect9(() => {
     if (!interactive || !sessionId || ptyFilter || !boxWarm) {
       setOpenError(null);
       return;
@@ -2136,7 +2225,7 @@ function useSandboxTerminal(sessionId, options) {
 }
 
 // src/hooks/use-sandbox-files.ts
-import { useCallback as useCallback15, useEffect as useEffect9, useRef as useRef9, useState as useState9 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect10, useRef as useRef10, useState as useState9 } from "react";
 var CapturedFileUnavailableError = class extends Error {
   constructor(path, reason) {
     super(
@@ -2321,23 +2410,23 @@ function useSandboxFiles(sessionId, options = {}) {
   const isLive2 = options.liveness === "warm" || options.liveness === "draining";
   const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${rootPath}`;
   const [tree, setTree] = useState9([]);
-  const treeRef = useRef9([]);
+  const treeRef = useRef10([]);
   const [loading, setLoading] = useState9(false);
   const [expandingPaths, setExpandingPaths] = useState9(/* @__PURE__ */ new Set());
   const [error, setError] = useState9(null);
   const [stateIdentity, setStateIdentity] = useState9(identityKey);
   const [source, setSource] = useState9(null);
-  const sourceRef = useRef9(null);
-  const statusRef = useRef9(/* @__PURE__ */ new Map());
-  const refreshGenerationRef = useRef9(0);
-  const refreshAbortRef = useRef9(null);
-  const identityAbortRef = useRef9(new AbortController());
-  const identityGenerationRef = useRef9(0);
-  const lastSeqRef = useRef9(0);
-  const pendingParentsRef = useRef9(/* @__PURE__ */ new Set());
-  const pendingGitRef = useRef9(false);
-  const debounceRef = useRef9(null);
-  const ownRevisionsRef = useRef9(/* @__PURE__ */ new Set());
+  const sourceRef = useRef10(null);
+  const statusRef = useRef10(/* @__PURE__ */ new Map());
+  const refreshGenerationRef = useRef10(0);
+  const refreshAbortRef = useRef10(null);
+  const identityAbortRef = useRef10(new AbortController());
+  const identityGenerationRef = useRef10(0);
+  const lastSeqRef = useRef10(0);
+  const pendingParentsRef = useRef10(/* @__PURE__ */ new Set());
+  const pendingGitRef = useRef10(false);
+  const debounceRef = useRef10(null);
+  const ownRevisionsRef = useRef10(/* @__PURE__ */ new Set());
   const onMutationError = options.onMutationError;
   treeRef.current = tree;
   const applyStatus = useCallback15((nodes) => {
@@ -2704,11 +2793,11 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const captureRef = useRef9(capture);
+  const captureRef = useRef10(capture);
   captureRef.current = capture;
   const captureRevision = capture?.revision ?? null;
-  const previousIdentityRef = useRef9(identityKey);
-  useEffect9(() => {
+  const previousIdentityRef = useRef10(identityKey);
+  useEffect10(() => {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
@@ -2776,7 +2865,7 @@ function useSandboxFiles(sessionId, options = {}) {
     }
   }, [client, workspaceId, sessionId, rootPath, applyStatus]);
   const events = options.events;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!enabled || !events) return;
     let sawNew = false;
     for (const event of events) {
@@ -2822,7 +2911,7 @@ function useSandboxFiles(sessionId, options = {}) {
       })();
     }, 150);
   }, [enabled, events, reconcilePath, refreshGitOverlay]);
-  useEffect9(
+  useEffect10(
     () => () => {
       refreshAbortRef.current?.abort();
       identityAbortRef.current.abort();
@@ -2851,7 +2940,7 @@ function useSandboxFiles(sessionId, options = {}) {
 }
 
 // src/hooks/use-sandbox-git.ts
-import { useCallback as useCallback16, useEffect as useEffect10, useMemo as useMemo4, useRef as useRef10, useState as useState10 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef11, useState as useState10 } from "react";
 function normalizeRoot(root) {
   const normalized = root.replaceAll("\\", "/").replace(/^\.\/+/, "").replace(/\/+$/, "");
   return normalized === "." ? "" : normalized;
@@ -2927,13 +3016,13 @@ function useSandboxGit(sessionId, options = {}) {
   const [behind, setBehind] = useState10(0);
   const [repoRoots, setRepoRoots] = useState10([]);
   const [source, setSource] = useState10(null);
-  const sourceRef = useRef10(null);
+  const sourceRef = useRef11(null);
   const [loading, setLoading] = useState10(false);
   const [error, setError] = useState10(null);
   const [stateIdentity, setStateIdentity] = useState10(identityKey);
-  const refreshGenerationRef = useRef10(0);
-  const refreshAbortRef = useRef10(null);
-  const lastChangeRef = useRef10(0);
+  const refreshGenerationRef = useRef11(0);
+  const refreshAbortRef = useRef11(null);
+  const lastChangeRef = useRef11(0);
   const refresh = useCallback16(async () => {
     if (!sessionId) return;
     refreshAbortRef.current?.abort();
@@ -3035,11 +3124,11 @@ function useSandboxGit(sessionId, options = {}) {
     },
     [repoPath, workspaceWide]
   );
-  const captureRef = useRef10(capture);
+  const captureRef = useRef11(capture);
   captureRef.current = capture;
   const captureRevision = capture?.revision ?? null;
-  const previousIdentityRef = useRef10(identityKey);
-  useEffect10(() => {
+  const previousIdentityRef = useRef11(identityKey);
+  useEffect11(() => {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
@@ -3076,7 +3165,7 @@ function useSandboxGit(sessionId, options = {}) {
     };
   }, [enabled, isLive2, captureRevision, identityKey, refresh, seedFromCapture]);
   const events = options.events;
-  useEffect10(() => {
+  useEffect11(() => {
     if (!enabled || !events) return;
     let latest = lastChangeRef.current;
     for (const event of events) {
@@ -3108,7 +3197,7 @@ function useSandboxGit(sessionId, options = {}) {
 }
 
 // src/hooks/use-workspace-capture.ts
-import { useCallback as useCallback17, useEffect as useEffect11, useRef as useRef11, useState as useState11 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect12, useRef as useRef12, useState as useState11 } from "react";
 var REVISION_CAPTURED = "workspace.revision.captured";
 var REVISION_DEGRADED = "workspace.revision.degraded";
 var MANIFEST_FETCH_TIMEOUT_MS = 15e3;
@@ -3155,9 +3244,9 @@ function useWorkspaceCapture(sessionId, options = {}) {
   const [error, setError] = useState11(null);
   const [announcedRevision, setAnnouncedRevision] = useState11(null);
   const [stateIdentity, setStateIdentity] = useState11(identityKey);
-  const generationRef = useRef11(0);
-  const requestAbortRef = useRef11(null);
-  const lastSeqRef = useRef11(0);
+  const generationRef = useRef12(0);
+  const requestAbortRef = useRef12(null);
+  const lastSeqRef = useRef12(0);
   const refresh = useCallback17(async () => {
     if (!sessionId) return;
     requestAbortRef.current?.abort();
@@ -3231,7 +3320,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
       if (requestAbortRef.current === requestAbort) requestAbortRef.current = null;
     }
   }, [client, workspaceId, sessionId, identityKey]);
-  useEffect11(() => {
+  useEffect12(() => {
     requestAbortRef.current?.abort();
     requestAbortRef.current = null;
     generationRef.current += 1;
@@ -3254,7 +3343,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
     };
   }, [enabled, refresh]);
   const events = options.events;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!enabled || !events) return;
     let newest = null;
     for (const event of events) {
@@ -3280,7 +3369,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
   const visibleCapture = identityMatches ? capture : null;
   const visibleAnnouncedRevision = identityMatches ? announcedRevision : null;
   const loadedRevision = visibleCapture?.revision ?? null;
-  useEffect11(() => {
+  useEffect12(() => {
     if (!enabled) return;
     if (visibleAnnouncedRevision === null) return;
     if (loadedRevision !== null && visibleAnnouncedRevision <= loadedRevision) return;
@@ -3302,7 +3391,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
 }
 
 // src/hooks/use-workspace-edit.ts
-import { useCallback as useCallback18, useEffect as useEffect12, useRef as useRef12, useState as useState12 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect13, useRef as useRef13, useState as useState12 } from "react";
 function isLive(liveness) {
   return liveness === "warm" || liveness === "draining";
 }
@@ -3320,13 +3409,13 @@ function useWorkspaceEdit(sessionId, options = {}) {
   const [error, setError] = useState12(null);
   const [stateIdentity, setStateIdentity] = useState12(identityKey);
   const onWarmRequested = options.onWarmRequested;
-  const bufferRef = useRef12(null);
+  const bufferRef = useRef13(null);
   bufferRef.current = buffer;
-  const flushingRef = useRef12(false);
-  const identityGenerationRef = useRef12(0);
-  const flushAttemptRef = useRef12(0);
-  const readAbortRef = useRef12(null);
-  useEffect12(() => {
+  const flushingRef = useRef13(false);
+  const identityGenerationRef = useRef13(0);
+  const flushAttemptRef = useRef13(0);
+  const readAbortRef = useRef13(null);
+  useEffect13(() => {
     identityGenerationRef.current += 1;
     flushAttemptRef.current += 1;
     readAbortRef.current?.abort();
@@ -3411,7 +3500,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, path, baseContent, stateIdentity, identityKey]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     if (offline) return;
     if (!live) return;
     if (buffer === null) return;
@@ -3524,7 +3613,7 @@ function useMachineChip(input) {
 
 // src/components/approval-surface.tsx
 import { CheckIcon, ShieldCheckIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect13, useId, useRef as useRef13, useState as useState13 } from "react";
+import { useEffect as useEffect14, useId, useRef as useRef14, useState as useState13 } from "react";
 import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultApprovalSurfaceMessages = {
   title: "Approval required",
@@ -3565,9 +3654,9 @@ function ApprovalSurface({
   const titleId = useId();
   const messages = { ...defaultApprovalSurfaceMessages, ...overrides };
   const [pending, setPending] = useState13(null);
-  const pendingRef = useRef13(null);
+  const pendingRef = useRef14(null);
   const [decisionError, setDecisionError] = useState13(null);
-  useEffect13(() => {
+  useEffect14(() => {
     if (pending && !approvals.some((approval) => approvalOwnershipKey(approval) === pending.approvalKey)) {
       if (pendingRef.current?.token === pending.token) {
         pendingRef.current = null;
@@ -3665,7 +3754,7 @@ function ApprovalSurface({
 }
 
 // src/components/human-input-form.tsx
-import { useEffect as useEffect14, useId as useId2, useRef as useRef14, useState as useState14 } from "react";
+import { useEffect as useEffect15, useId as useId2, useRef as useRef15, useState as useState14 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultHumanInputFormMessages = {
   title: "Your input is needed",
@@ -3708,10 +3797,10 @@ function HumanInputForm({
   const [validationErrors, setValidationErrors] = useState14({});
   const [submissionError, setSubmissionError] = useState14(null);
   const [submittingInternally, setSubmittingInternally] = useState14(false);
-  const submissionInFlight = useRef14(false);
-  const submissionGeneration = useRef14(0);
+  const submissionInFlight = useRef15(false);
+  const submissionGeneration = useRef15(0);
   const busy = submitting || submittingInternally;
-  useEffect14(() => {
+  useEffect15(() => {
     submissionGeneration.current += 1;
     submissionInFlight.current = false;
     setDrafts(initialDrafts(request.questions));
@@ -4729,10 +4818,10 @@ function ScreenshotFigure({
 import { useState as useState19 } from "react";
 
 // src/lib/use-theme-type.ts
-import { useEffect as useEffect15, useState as useState17 } from "react";
+import { useEffect as useEffect16, useState as useState17 } from "react";
 function useThemeType(forced) {
   const [detected, setDetected] = useState17("dark");
-  useEffect15(() => {
+  useEffect16(() => {
     if (forced || typeof document === "undefined") return;
     const read = () => {
       const el = document.querySelector("[data-og-theme]");
@@ -4755,7 +4844,7 @@ function useThemeType(forced) {
 import {
   lazy as lazy2,
   Suspense as Suspense2,
-  useEffect as useEffect16,
+  useEffect as useEffect17,
   useState as useState18
 } from "react";
 
@@ -4808,7 +4897,7 @@ function PierreDiff({
 }) {
   const [failed, setFailed] = useState18(false);
   const [forcedColors, setForcedColors] = useState18(false);
-  useEffect16(() => {
+  useEffect17(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const query = window.matchMedia("(forced-colors: active)");
     const update = () => setForcedColors(query.matches);
@@ -4816,7 +4905,7 @@ function PierreDiff({
     query.addEventListener?.("change", update);
     return () => query.removeEventListener?.("change", update);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (plain) return;
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
@@ -4956,6 +5045,13 @@ function RawPatch({ diff }) {
   ] });
 }
 
+// src/timeline/tool-display-name.ts
+function toolDisplayName2(name) {
+  const boundary = name.indexOf("__");
+  const toolPart = boundary >= 0 ? name.slice(boundary + 2) : name;
+  return toolPart.replace(/[_-]+/g, " ").trim();
+}
+
 // src/timeline/tool-renderers.tsx
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var ICON_SIZE = "size-3.5";
@@ -5652,7 +5748,7 @@ function SecretSetRenderer({ item }) {
 function GenericRenderer({ item }) {
   const running = item.status === "running";
   const args = redactSecrets(parseToolArgs(item.arguments));
-  const display = toolDisplayName(item.name);
+  const display = toolDisplayName2(item.name);
   if (running) {
     return /* @__PURE__ */ jsx10(
       ActivityDisclosure,
@@ -5742,19 +5838,22 @@ import {
   BrainIcon,
   SquareTerminalIcon
 } from "lucide-react";
+import { lazy as lazy3, Suspense as Suspense3 } from "react";
+import { jsx as rowJsx, jsxs as rowJsxs } from "react/jsx-runtime";
 
 // src/timeline/entrance.tsx
-import { createContext as createContext3, useContext as useContext3, useRef as useRef15 } from "react";
+import { createContext as createContext3, useContext as useContext3, useRef as useRef16 } from "react";
 var EntranceAnimationContext = createContext3(true);
 var EntranceAnimationProvider = EntranceAnimationContext.Provider;
 function useEntranceAnimation() {
   const enabled = useContext3(EntranceAnimationContext);
-  const captured = useRef15(enabled);
+  const captured = useRef16(enabled);
   return captured.current;
 }
 
 // src/timeline/activity-rail.tsx
 import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var LazyFleetDecisionRow = lazy3(() => import("./fleet-decision-row-GGCAT4E4.js"));
 function familyOf(item) {
   if (item.kind === "tool-call") {
     return item.name === "exec_command" || item.name === "write_stdin" ? "terminal" : item.name;
@@ -5807,6 +5906,17 @@ function renderActivity(item, toolRegistry, onOpenSession, onMemoryClick) {
       return /* @__PURE__ */ jsx11(SandboxRow, { item });
     case "memory":
       return /* @__PURE__ */ jsx11(MemoryRow, { item, onMemoryClick });
+    case "fleet-decision":
+      return /* @__PURE__ */ jsx11(Suspense3, { fallback: null, children: /* @__PURE__ */ jsx11(
+        LazyFleetDecisionRow,
+        {
+          item,
+          d: ActivityDisclosure,
+          b: BodyNote,
+          j: rowJsx,
+          s: rowJsxs
+        }
+      ) });
     default:
       return assertNever(item);
   }
@@ -5898,7 +6008,7 @@ function sandboxRowTitle(item) {
     if (item.origin === "created") return "Sandbox created";
     return "Sandbox ready";
   }
-  return toolDisplayName(item.name);
+  return toolDisplayName2(item.name);
 }
 function SandboxRow({ item }) {
   return /* @__PURE__ */ jsxs9(
@@ -6147,11 +6257,12 @@ import {
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "motion/react";
 import { Collapsible as Collapsible3 } from "radix-ui";
 import {
+  memo as memo2,
   useCallback as useCallback20,
-  useEffect as useEffect17,
+  useEffect as useEffect18,
   useLayoutEffect,
   useMemo as useMemo7,
-  useRef as useRef16,
+  useRef as useRef17,
   useState as useState21
 } from "react";
 
@@ -6389,6 +6500,7 @@ function StatusDot({ status, className }) {
 
 // src/components/message-timeline.tsx
 import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+var INITIAL_MOUNTED_GROUPS = 1;
 function MessageTimeline({
   events,
   items,
@@ -6407,15 +6519,17 @@ function MessageTimeline({
   className
 }) {
   const resolvedItems = useMemo7(() => items ?? buildTimeline(events ?? []), [items, events]);
-  const groups = useMemo7(() => groupTimeline(resolvedItems), [resolvedItems]);
-  const firstGroupKey = groups[0] ? timelineGroupKey(groups[0]) : null;
-  const scrollRef = useRef16(null);
-  const topSentinelRef = useRef16(null);
-  const previousBulkFirstKeyRef = useRef16(void 0);
+  const allGroups = useMemo7(() => groupTimeline(resolvedItems), [resolvedItems]);
+  const keyedGroups = useStableTimelineGroupKeys(allGroups);
+  const { mountedGroups: groups, mountingOlderGroups } = useProgressivelyMountedGroups(keyedGroups);
+  const firstGroupKey = allGroups[0] ? timelineGroupKey(allGroups[0]) : null;
+  const scrollRef = useRef17(null);
+  const topSentinelRef = useRef17(null);
+  const previousBulkFirstKeyRef = useRef17(void 0);
   const [pinned, setPinned] = useState21(true);
   const [bulkActive, setBulkActive] = useState21(true);
   const [revealed, setRevealed] = useState21(false);
-  const programmaticScrollRef = useRef16(false);
+  const programmaticScrollRef = useRef17(false);
   const assignScrollTop = useCallback20((node, value) => {
     const previous = node.scrollTop;
     programmaticScrollRef.current = true;
@@ -6424,13 +6538,13 @@ function MessageTimeline({
       programmaticScrollRef.current = false;
     }
   }, []);
-  const pinnedRef = useRef16(true);
-  const anchorRef = useRef16(null);
+  const pinnedRef = useRef17(true);
+  const anchorRef = useRef17(null);
   const lastItem = resolvedItems[resolvedItems.length - 1];
   const streaming = lastItem !== void 0 && (lastItem.kind === "agent-message" || lastItem.kind === "reasoning") && lastItem.streaming;
   const working = status === "running" && !streaming;
   const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
-  const bulkRender = groups.length > 0 && (bulkActive || firstKeyChangedForBulk);
+  const bulkRender = allGroups.length > 0 && (bulkActive || firstKeyChangedForBulk || mountingOlderGroups);
   const captureAnchor = useCallback20(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
@@ -6461,23 +6575,26 @@ function MessageTimeline({
     }
   }, [resolvedItems, working, autoFollow, pinned, revealed, groups.length, assignScrollTop]);
   useLayoutEffect(() => {
-    if (groups.length === 0 && revealed) {
+    if (allGroups.length === 0 && revealed) {
       setRevealed(false);
     }
-  }, [groups.length, revealed]);
+  }, [allGroups.length, revealed]);
   useLayoutEffect(() => {
     previousBulkFirstKeyRef.current = firstGroupKey;
     if (!bulkRender) {
       return;
     }
     setBulkActive(true);
+    if (mountingOlderGroups) {
+      return;
+    }
     const frame = requestFrame(() => setBulkActive(false));
     return () => cancelFrame(frame);
-  }, [bulkRender, firstGroupKey]);
-  useEffect17(() => {
+  }, [bulkRender, firstGroupKey, mountingOlderGroups]);
+  useEffect18(() => {
     const root = scrollRef.current;
     const target = topSentinelRef.current;
-    if (!root || !target || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
+    if (!root || !target || mountingOlderGroups || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
       return;
     }
     const observer = new IntersectionObserver(
@@ -6490,8 +6607,8 @@ function MessageTimeline({
     );
     observer.observe(target);
     return () => observer.disconnect();
-  }, [hasOlder, loadingOlder, onLoadOlder, firstGroupKey]);
-  useEffect17(() => {
+  }, [hasOlder, loadingOlder, onLoadOlder, firstGroupKey, mountingOlderGroups]);
+  useEffect18(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner || typeof ResizeObserver === "undefined") {
@@ -6544,7 +6661,7 @@ function MessageTimeline({
         className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 [overflow-anchor:none] sm:px-6",
         children: /* @__PURE__ */ jsxs12("div", { className: "mx-auto flex w-full max-w-3xl flex-col gap-5", children: [
           groups.length === 0 && !working ? emptyState ?? /* @__PURE__ */ jsx15("p", { className: "py-10 text-center text-sm text-og-fg-subtle", children: "No activity yet." }) : null,
-          hasOlder ? /* @__PURE__ */ jsx15(
+          hasOlder && !mountingOlderGroups ? /* @__PURE__ */ jsx15(
             "div",
             {
               ref: topSentinelRef,
@@ -6555,7 +6672,7 @@ function MessageTimeline({
             }
           ) : null,
           loadingOlder ? /* @__PURE__ */ jsx15("div", { "data-og-timeline-chrome": "", className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text font-medium", children: "Loading earlier activity\u2026" }) }) : null,
-          groups.map((group, index) => /* @__PURE__ */ jsx15(
+          groups.map(({ group, key }, index) => /* @__PURE__ */ jsx15(
             TimelineGroupView,
             {
               group,
@@ -6565,9 +6682,9 @@ function MessageTimeline({
               onReconnect,
               resolveProviderLogo,
               toolRegistry,
-              foldLiveCluster: isAgentProgress(groups[index + 1])
+              foldLiveCluster: isAgentProgress(groups[index + 1]?.group)
             },
-            timelineGroupKey(group)
+            key
           )),
           working ? /* @__PURE__ */ jsx15("div", { className: "flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text font-medium", children: "Working\u2026" }) }) : null
         ] })
@@ -6603,6 +6720,90 @@ function MessageTimeline({
     ) : null })
   ] }) }) });
 }
+function useStableTimelineGroupKeys(allGroups) {
+  const previousRef = useRef17([]);
+  const keyedGroups = useMemo7(() => {
+    const previousByItemId = /* @__PURE__ */ new Map();
+    for (const previous of previousRef.current) {
+      for (const itemId of timelineGroupItemIds(previous.group)) {
+        previousByItemId.set(itemId, previous);
+      }
+    }
+    const usedKeys = /* @__PURE__ */ new Set();
+    return allGroups.map((group, index) => {
+      const itemIds = timelineGroupItemIds(group);
+      let retainedKey;
+      for (const itemId of itemIds) {
+        const previous = previousByItemId.get(itemId);
+        if (previous && !usedKeys.has(previous.key)) {
+          retainedKey = previous.key;
+          break;
+        }
+      }
+      const canonicalKey = timelineGroupKey(group);
+      let key = retainedKey ?? canonicalKey;
+      let collision = 0;
+      while (usedKeys.has(key)) {
+        key = `${canonicalKey}:${index}:${collision}`;
+        collision += 1;
+      }
+      usedKeys.add(key);
+      return { group, key };
+    });
+  }, [allGroups]);
+  useLayoutEffect(() => {
+    previousRef.current = keyedGroups;
+  }, [keyedGroups]);
+  return keyedGroups;
+}
+function useProgressivelyMountedGroups(allGroups) {
+  const previousGroupKeysRef = useRef17([]);
+  const groupKeys = useMemo7(() => {
+    const nextKeys = allGroups.map((group) => group.key);
+    const previousKeys = previousGroupKeysRef.current;
+    return nextKeys.length === previousKeys.length && nextKeys.every((key, index) => key === previousKeys[index]) ? previousKeys : nextKeys;
+  }, [allGroups]);
+  useLayoutEffect(() => {
+    previousGroupKeysRef.current = groupKeys;
+  }, [groupKeys]);
+  const [window2, setWindow] = useState21(() => ({
+    groupKeys,
+    visibleStart: Math.max(0, allGroups.length - INITIAL_MOUNTED_GROUPS)
+  }));
+  const lastPossibleStart = Math.max(0, allGroups.length - INITIAL_MOUNTED_GROUPS);
+  let visibleStart = 0;
+  if (allGroups.length > 0) {
+    const currentIndexByKey = new Map(groupKeys.map((key, index) => [key, index]));
+    let retainedStart;
+    for (const key of window2.groupKeys.slice(window2.visibleStart)) {
+      const index = currentIndexByKey.get(key);
+      if (index !== void 0) {
+        retainedStart = index;
+        break;
+      }
+    }
+    visibleStart = retainedStart === void 0 ? lastPossibleStart : Math.min(retainedStart, lastPossibleStart);
+  }
+  useEffect18(() => {
+    if (window2.groupKeys !== groupKeys || window2.visibleStart !== visibleStart) {
+      setWindow({ groupKeys, visibleStart });
+      return;
+    }
+    if (visibleStart === 0) {
+      return;
+    }
+    const frame = requestFrame(() => {
+      setWindow(
+        (current) => current.groupKeys === groupKeys && current.visibleStart > 0 ? { ...current, visibleStart: current.visibleStart - 1 } : current
+      );
+    });
+    return () => cancelFrame(frame);
+  }, [groupKeys, visibleStart, window2.groupKeys, window2.visibleStart]);
+  return {
+    mountedGroups: allGroups.slice(visibleStart),
+    mountingOlderGroups: visibleStart > 0
+  };
+}
 function requestFrame(callback) {
   if (typeof requestAnimationFrame === "function") {
     return requestAnimationFrame(callback);
@@ -6616,7 +6817,7 @@ function cancelFrame(id) {
   }
   window.clearTimeout(id);
 }
-function TimelineGroupView({
+var TimelineGroupView = memo2(function TimelineGroupView2({
   group,
   renderMessageText,
   onOpenSession,
@@ -6665,7 +6866,7 @@ function TimelineGroupView({
     case "turn": {
       const activityItems = flattenActivityItems(group.groups);
       const body = group.groups.map((child) => /* @__PURE__ */ jsx15(
-        TimelineGroupView,
+        TimelineGroupView2,
         {
           group: child,
           renderMessageText,
@@ -6711,7 +6912,7 @@ function TimelineGroupView({
         }
       );
   }
-}
+});
 function timelineGroupKey(group) {
   switch (group.kind) {
     case "item":
@@ -6722,6 +6923,16 @@ function timelineGroupKey(group) {
       return group.id;
   }
 }
+function timelineGroupItemIds(group) {
+  switch (group.kind) {
+    case "item":
+      return [group.item.id];
+    case "activity":
+      return group.items.map((item) => item.id);
+    case "turn":
+      return group.groups.flatMap(timelineGroupItemIds);
+  }
+}
 function isAgentProgress(next) {
   if (!next) {
     return false;
@@ -6733,7 +6944,7 @@ function clusterIsSettled(group) {
     if (item.kind === "reasoning") {
       return !item.streaming;
     }
-    if (item.kind === "memory") {
+    if (item.kind === "memory" || item.kind === "fleet-decision") {
       return true;
     }
     return item.status !== "running";
@@ -7044,6 +7255,8 @@ function AuthNeededRow({
   const [failed, setFailed] = useState21(false);
   const provider = providerLabel(item.providerDomain);
   const unavailable = item.reason === "unsupported_auth" || item.reason === "resource_scope_unavailable";
+  const missing = item.reason === "missing_connection";
+  const actionLabel = missing ? "Connect" : "Reconnect";
   const start = async () => {
     if (!onReconnect || busy) {
       return;
@@ -7069,7 +7282,7 @@ function AuthNeededRow({
           }
         ),
         /* @__PURE__ */ jsxs12("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx15("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `Reconnect ${provider}` }),
+          /* @__PURE__ */ jsx15("p", { className: "truncate text-og-md font-medium text-og-fg", children: unavailable ? `${provider} tools unavailable` : `${actionLabel} ${provider}` }),
           /* @__PURE__ */ jsx15("p", { className: "truncate text-og-sm text-og-fg-subtle", children: authReasonLine(item.reason) })
         ] })
       ] }),
@@ -7085,7 +7298,7 @@ function AuthNeededRow({
           ),
           children: [
             /* @__PURE__ */ jsx15(RefreshCwIcon, { className: cn("size-3.5", busy && "animate-og-spin"), "aria-hidden": true }),
-            busy ? "Reconnecting\u2026" : "Reconnect"
+            busy ? "Opening\u2026" : actionLabel
           ]
         }
       ) : !unavailable && item.authorizationUrl ? /* @__PURE__ */ jsxs12(
@@ -7100,13 +7313,20 @@ function AuthNeededRow({
           ),
           children: [
             /* @__PURE__ */ jsx15(RefreshCwIcon, { className: "size-3.5", "aria-hidden": true }),
-            "Reconnect"
+            actionLabel
           ]
         }
       ) : null
     ] }),
+    !unavailable ? /* @__PURE__ */ jsxs12("p", { className: "px-1 text-og-xs text-og-fg-subtle", children: [
+      "This tool call wasn't replayed. After ",
+      missing ? "connecting" : "reconnecting",
+      ", send a new message to try again."
+    ] }) : null,
     failed ? /* @__PURE__ */ jsxs12("p", { className: "px-1 text-og-xs text-og-status-failed", children: [
-      "Couldn't start reconnecting ",
+      "Couldn't start ",
+      missing ? "connecting" : "reconnecting",
+      " ",
       provider,
       ". Try again."
     ] }) : null
@@ -7114,7 +7334,7 @@ function AuthNeededRow({
 }
 function AuthProviderLogo({ src, label }) {
   const [failed, setFailed] = useState21(false);
-  useEffect17(() => setFailed(false), [src]);
+  useEffect18(() => setFailed(false), [src]);
   const showImage = src && !failed;
   return /* @__PURE__ */ jsx15(
     "span",
@@ -7231,7 +7451,7 @@ function FleetTile({ session, title, subtitle, onOpen, className }) {
 }
 
 // src/components/sandbox-terminal.tsx
-import { useEffect as useEffect18, useRef as useRef17, useState as useState22 } from "react";
+import { useEffect as useEffect19, useRef as useRef18, useState as useState22 } from "react";
 
 // src/lib/xterm-theme.ts
 var DARK_ANSI = {
@@ -7409,17 +7629,17 @@ function SandboxTerminal({
   onActivate,
   className
 }) {
-  const containerRef = useRef17(null);
-  const termRef = useRef17(null);
-  const fitRef = useRef17(null);
-  const rendererRef = useRef17(null);
-  const writtenRef = useRef17(/* @__PURE__ */ new Set());
-  const wroteFirehoseRef = useRef17(false);
-  const bootActiveRef = useRef17(false);
+  const containerRef = useRef18(null);
+  const termRef = useRef18(null);
+  const fitRef = useRef18(null);
+  const rendererRef = useRef18(null);
+  const writtenRef = useRef18(/* @__PURE__ */ new Set());
+  const wroteFirehoseRef = useRef18(false);
+  const bootActiveRef = useRef18(false);
   const [ready, setReady] = useState22(false);
   const [activated, setActivated] = useState22(false);
   const ptyWs = terminalCapability?.transport === "pty-ws" && Boolean(terminalCapability?.url);
-  const ptyOutputQueueRef = useRef17([]);
+  const ptyOutputQueueRef = useRef18([]);
   const {
     status: ptyStatus,
     write: ptyWrite,
@@ -7445,7 +7665,7 @@ function SandboxTerminal({
     if (!activated) setActivated(true);
     onActivate?.();
   }
-  useEffect18(() => {
+  useEffect19(() => {
     if (typeof window === "undefined") return;
     const el = containerRef.current;
     if (!el) return;
@@ -7557,19 +7777,19 @@ function SandboxTerminal({
       setReady(false);
     };
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     term.options.disableStdin = !interactive;
     term.options.cursorBlink = interactive;
   }, [ready, interactive]);
-  useEffect18(() => {
+  useEffect19(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     const next = theme ?? xtermThemeFromTokens(containerRef.current);
     if (next) term.options.theme = next;
   }, [ready, theme]);
-  useEffect18(() => {
+  useEffect19(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     if (!booting) {
@@ -7590,7 +7810,7 @@ function SandboxTerminal({
     const id = setInterval(paint, 1e3);
     return () => clearInterval(id);
   }, [ready, booting]);
-  useEffect18(() => {
+  useEffect19(() => {
     const term = termRef.current;
     if (!ready || !term || ptyMode) return;
     for (const chunk of result.chunks) {
@@ -7600,7 +7820,7 @@ function SandboxTerminal({
       term.write(chunk.text);
     }
   }, [ready, result.chunks, ptyMode]);
-  useEffect18(() => {
+  useEffect19(() => {
     const term = termRef.current;
     if (!ready || !term || !interactive) return;
     const sink = ptyMode ? ptyWrite : result.write;
@@ -7608,14 +7828,14 @@ function SandboxTerminal({
     const sub = term.onData((data) => sink(data));
     return () => sub.dispose();
   }, [ready, interactive, ptyMode, ptyWrite, result.write]);
-  useEffect18(() => {
+  useEffect19(() => {
     const term = termRef.current;
     if (!ready || !term || !ptyMode) return;
     resizePty(term.cols, term.rows);
     const sub = term.onResize(({ cols, rows }) => resizePty(cols, rows));
     return () => sub.dispose();
   }, [ready, ptyMode, ptyConnected, resizePty]);
-  useEffect18(() => {
+  useEffect19(() => {
     if (typeof window === "undefined") return;
     const refit = () => {
       try {
@@ -7750,21 +7970,21 @@ import {
 } from "lucide-react";
 import {
   useCallback as useCallback21,
-  useEffect as useEffect21,
+  useEffect as useEffect22,
   useId as useId3,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo9,
-  useRef as useRef18,
+  useRef as useRef19,
   useState as useState24
 } from "react";
 import { AlertDialog } from "radix-ui";
 import { VList } from "virtua";
 
 // src/lib/use-portal-token-style.ts
-import { useEffect as useEffect19, useState as useState23 } from "react";
+import { useEffect as useEffect20, useState as useState23 } from "react";
 function usePortalTokenStyle(sourceRef) {
   const [style, setStyle] = useState23({});
-  useEffect19(() => {
+  useEffect20(() => {
     const source = sourceRef.current;
     if (!source || typeof MutationObserver === "undefined") return;
     let signature = "";
@@ -7805,12 +8025,12 @@ function usePortalTokenStyle(sourceRef) {
 }
 
 // src/lib/use-unicode-fonts.ts
-import { useEffect as useEffect20, useMemo as useMemo8 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo8 } from "react";
 var japaneseScript = /[\u3040-\u30ff\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff]/u;
 var arabicScript = /[\u0600-\u06ff\u0750-\u077f\u0870-\u08ff\ufb50-\ufdff\ufe70-\ufefc]/u;
 function useUnicodeFallbackFonts(values) {
   const content = useMemo8(() => collectUnicodeContent(values), [values]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (content.japanese) {
       void import("./noto-sans-jp-loader.generated-HFGLYBR3.js").then(({ loadNotoSansJp }) => loadNotoSansJp(content.japanese)).catch(() => void 0);
     }
@@ -7840,7 +8060,7 @@ var STATUS_TINT = {
   renamed: "text-og-accent",
   untracked: "text-og-fg-subtle"
 };
-var useBrowserLayoutEffect = typeof window === "undefined" ? useEffect21 : useLayoutEffect2;
+var useBrowserLayoutEffect = typeof window === "undefined" ? useEffect22 : useLayoutEffect2;
 function parentOf2(path) {
   const i = path.lastIndexOf("/");
   return i <= 0 ? "" : path.slice(0, i);
@@ -7892,9 +8112,9 @@ function FileBrowser({
   const [busy, setBusy] = useState24(false);
   const [coarsePointer, setCoarsePointer] = useState24(false);
   const treeId = useId3();
-  const containerRef = useRef18(null);
-  const deleteReturnFocusRef = useRef18(null);
-  const vlistRef = useRef18(null);
+  const containerRef = useRef19(null);
+  const deleteReturnFocusRef = useRef19(null);
+  const vlistRef = useRef19(null);
   const portalTokenStyle = usePortalTokenStyle(containerRef);
   const getTreeElement = useCallback21(
     () => typeof document === "undefined" ? null : document.getElementById(treeId),
@@ -8267,7 +8487,7 @@ function FileBrowser({
       treeId
     ]
   );
-  useEffect21(() => {
+  useEffect22(() => {
     if (!menu) return;
     const close = () => setMenu(null);
     window.addEventListener("click", close);
@@ -8448,7 +8668,7 @@ function FileBrowser({
         );
     }
   };
-  useEffect21(() => {
+  useEffect22(() => {
     if (!cursor) return;
     const index = renderItems.findIndex((it) => it.type === "node" && it.node.path === cursor);
     if (index >= 0) vlistRef.current?.scrollToIndex(index);
@@ -8649,11 +8869,11 @@ function DeleteDialog({
   onCancel,
   onConfirm
 }) {
-  const cancelRef = useRef18(null);
+  const cancelRef = useRef19(null);
   const [open, setOpen] = useState24(true);
-  const closeIntentRef = useRef18("cancel");
-  const settledRef = useRef18(false);
-  const settleTimerRef = useRef18(null);
+  const closeIntentRef = useRef19("cancel");
+  const settledRef = useRef19(false);
+  const settleTimerRef = useRef19(null);
   const settle = () => {
     if (settledRef.current) return;
     settledRef.current = true;
@@ -8670,7 +8890,7 @@ function DeleteDialog({
       settle();
     }, 0);
   };
-  useEffect21(
+  useEffect22(
     () => () => {
       if (settleTimerRef.current !== null) clearTimeout(settleTimerRef.current);
     },
@@ -8789,9 +9009,9 @@ function InlineInput({
   onCancel
 }) {
   const [value, setValue] = useState24(initialValue);
-  const ref = useRef18(null);
-  const doneRef = useRef18(false);
-  useEffect21(() => {
+  const ref = useRef19(null);
+  const doneRef = useRef19(false);
+  useEffect22(() => {
     const el = ref.current;
     if (!el) return;
     el.focus();
@@ -8855,12 +9075,12 @@ function ContextMenu({
   onClose
 }) {
   const isDir = node.kind === "dir";
-  const menuRef = useRef18(null);
+  const menuRef = useRef19(null);
   const vw = typeof window !== "undefined" ? window.innerWidth : 9999;
   const vh = typeof window !== "undefined" ? window.innerHeight : 9999;
   const left = Math.max(4, Math.min(x, vw - 180));
   const top = Math.max(4, Math.min(y, vh - 160));
-  useEffect21(() => {
+  useEffect22(() => {
     menuRef.current?.querySelector('[role="menuitem"]')?.focus();
   }, []);
   const onKeyDown = (event) => {
@@ -8960,13 +9180,13 @@ function DiffView({
 
 // src/components/pierre-file.tsx
 import {
-  lazy as lazy3,
-  Suspense as Suspense3,
-  useEffect as useEffect22,
+  lazy as lazy4,
+  Suspense as Suspense4,
+  useEffect as useEffect23,
   useState as useState25
 } from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var LazyFile = lazy3(async () => {
+var LazyFile = lazy4(async () => {
   const mod = await import("@pierre/diffs/react");
   return { default: mod.File };
 });
@@ -8981,7 +9201,7 @@ function PierreFile({
   className
 }) {
   const [failed, setFailed] = useState25(false);
-  useEffect22(() => {
+  useEffect23(() => {
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
       if (!cancelled) setFailed(true);
@@ -9014,7 +9234,7 @@ function PierreFile({
     "--diffs-font-size": "var(--og-code-font-size)",
     "--diffs-line-height": "var(--og-code-line-height)"
   };
-  return /* @__PURE__ */ jsx20("div", { className: cn("min-w-0", className), "data-opengeni-pierre-file": true, style: pierreVars, children: /* @__PURE__ */ jsx20(Suspense3, { fallback: loading ?? /* @__PURE__ */ jsx20(FileSkeleton, {}), children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx20("div", { className: cn("min-w-0", className), "data-opengeni-pierre-file": true, style: pierreVars, children: /* @__PURE__ */ jsx20(Suspense4, { fallback: loading ?? /* @__PURE__ */ jsx20(FileSkeleton, {}), children: /* @__PURE__ */ jsx20(
     LazyFile,
     {
       file: { name, contents },
@@ -9041,9 +9261,9 @@ function FileSkeleton() {
 import { Loader2Icon as Loader2Icon2, SaveIcon } from "lucide-react";
 import {
   useCallback as useCallback22,
-  useEffect as useEffect23,
+  useEffect as useEffect24,
   useMemo as useMemo10,
-  useRef as useRef19,
+  useRef as useRef20,
   useState as useState26
 } from "react";
 import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -9112,9 +9332,9 @@ function CodeEditor({
   const [savedTick, setSavedTick] = useState26(false);
   const dirty = value !== baseline;
   const saveConflict = saveError !== null && saveError.code === "file_write_conflict";
-  const editIntentFiredRef = useRef19(false);
-  const lastSeed = useRef19({ path, contents: initialContents });
-  useEffect23(() => {
+  const editIntentFiredRef = useRef20(false);
+  const lastSeed = useRef20({ path, contents: initialContents });
+  useEffect24(() => {
     const seedChanged = lastSeed.current.path !== path || lastSeed.current.contents !== initialContents;
     if (!seedChanged) return;
     lastSeed.current = { path, contents: initialContents };
@@ -9136,7 +9356,7 @@ function CodeEditor({
     [baseline, onEditIntent]
   );
   const langKey = useMemo10(() => languageForPath(path), [path]);
-  useEffect23(() => {
+  useEffect24(() => {
     let cancelled = false;
     void (async () => {
       try {
@@ -9176,7 +9396,7 @@ function CodeEditor({
       cancelled = true;
     };
   }, [langKey]);
-  const saveRef = useRef19(() => {
+  const saveRef = useRef20(() => {
   });
   const save = useCallback22(async () => {
     if (readOnly) return;
@@ -9217,7 +9437,7 @@ function CodeEditor({
   saveRef.current = () => {
     void save();
   };
-  useEffect23(() => {
+  useEffect24(() => {
     if (!savedTick) return;
     const t = setTimeout(() => setSavedTick(false), 1800);
     return () => clearTimeout(t);
@@ -9379,7 +9599,7 @@ function EditorSkeleton() {
 
 // src/components/sandbox-files.tsx
 import { FileCode2Icon, FileWarningIcon, LoaderCircleIcon } from "lucide-react";
-import { useCallback as useCallback23, useEffect as useEffect24, useRef as useRef20, useState as useState27 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect25, useRef as useRef21, useState as useState27 } from "react";
 import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function SandboxFiles({
   files,
@@ -9402,10 +9622,10 @@ function SandboxFiles({
   const [editMode, setEditMode] = useState27(false);
   const [liveRequestedPath, setLiveRequestedPath] = useState27(null);
   const [viewReloadRevision, setViewReloadRevision] = useState27(0);
-  const pendingRequestRef = useRef20(null);
-  const handledRequestRef = useRef20(null);
+  const pendingRequestRef = useRef21(null);
+  const handledRequestRef = useRef21(null);
   const requestKey = requestedPath ? requestedPathRequestId ?? requestedPath : null;
-  useEffect24(() => {
+  useEffect25(() => {
     if (!requestedPath || requestKey === null) {
       pendingRequestRef.current = null;
       handledRequestRef.current = null;
@@ -9423,9 +9643,9 @@ function SandboxFiles({
     setSelected(requestedPath);
     setEditMode(false);
   }, [requestKey, requestedPath, requestedPathReady]);
-  const rootRef = useRef20(null);
+  const rootRef = useRef21(null);
   const [wide, setWide] = useState27(false);
-  useEffect24(() => {
+  useEffect25(() => {
     const el = rootRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
     const observer = new ResizeObserver((entries) => {
@@ -9720,7 +9940,7 @@ function useFileView(path, readFile, reloadRevision = 0) {
     loading: false,
     error: null
   });
-  useEffect24(() => {
+  useEffect25(() => {
     if (!path) {
       setState({
         content: null,
@@ -9811,7 +10031,7 @@ function Notice({
 
 // src/components/desktop-viewer.tsx
 import { LoaderCircleIcon as LoaderCircleIcon2, MonitorIcon, MousePointerClickIcon, WifiOffIcon } from "lucide-react";
-import { useEffect as useEffect25, useRef as useRef21, useState as useState28 } from "react";
+import { useEffect as useEffect26, useRef as useRef22, useState as useState28 } from "react";
 import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 var DESKTOP_MEDIA_BACKGROUND = "#000";
 function isHardUnavailable(reason) {
@@ -9844,7 +10064,7 @@ function DesktopViewer({
   connectTimeoutMs = 13e3,
   className
 }) {
-  const containerRef = useRef21(null);
+  const containerRef = useRef22(null);
   const [consented, setConsented] = useState28(false);
   const [takeControl, setTakeControl] = useState28(interactive ?? false);
   const externallyControlled = interactive !== void 0;
@@ -9862,7 +10082,7 @@ function DesktopViewer({
     setConsented(true);
     onAcknowledge?.();
   };
-  useEffect25(() => {
+  useEffect26(() => {
     if (!inControl || externallyControlled) return;
     const onKey = (event) => {
       if (event.ctrlKey && event.altKey && event.shiftKey && (event.key === "Control" || event.key === "Alt" || event.key === "Shift")) {
@@ -9886,10 +10106,10 @@ function DesktopViewer({
   });
   const connected = stream.state === "connected";
   const hasLiveUrl = Boolean(connectCapability?.url);
-  const streamStateRef = useRef21(stream.state);
+  const streamStateRef = useRef22(stream.state);
   streamStateRef.current = stream.state;
-  const warmKeyRef = useRef21(null);
-  useEffect25(() => {
+  const warmKeyRef = useRef22(null);
+  useEffect26(() => {
     if (!isWatching || !coldWarmable || needsAck || viewerCapReached) {
       if (!coldWarmable) warmKeyRef.current = null;
       return;
@@ -9901,7 +10121,7 @@ function DesktopViewer({
     warmKeyRef.current = key;
     warm();
   }, [isWatching, coldWarmable, needsAck, viewerCapReached, capability, onWarm, onAcknowledge]);
-  useEffect25(() => {
+  useEffect26(() => {
     if (!hasLiveUrl || typeof document === "undefined") return;
     const maybeReattach = () => {
       if (document.visibilityState !== "visible") return;
@@ -9912,7 +10132,7 @@ function DesktopViewer({
   }, [hasLiveUrl, connectCapability?.url]);
   const [connectTimedOut, setConnectTimedOut] = useState28(false);
   const [reconnectNonce, setReconnectNonce] = useState28(0);
-  useEffect25(() => {
+  useEffect26(() => {
     setConnectTimedOut(false);
     if (!hasLiveUrl || connected || stream.error || connectTimeoutMs <= 0) return;
     const timer = setTimeout(() => setConnectTimedOut(true), connectTimeoutMs);
@@ -10191,10 +10411,10 @@ function defaultNotice(title, body, onRetry) {
 // src/components/workspace-dock.tsx
 import {
   useCallback as useCallback24,
-  useEffect as useEffect26,
+  useEffect as useEffect27,
   useId as useId4,
   useLayoutEffect as useLayoutEffect3,
-  useRef as useRef22,
+  useRef as useRef23,
   useState as useState29
 } from "react";
 import {
@@ -10225,7 +10445,7 @@ function getLayoutStorage() {
     return SERVER_LAYOUT_STORAGE;
   }
 }
-var useDockLayoutEffect = typeof window === "undefined" ? useEffect26 : useLayoutEffect3;
+var useDockLayoutEffect = typeof window === "undefined" ? useEffect27 : useLayoutEffect3;
 var DOCK_OVERLAY_BREAKPOINT = 1024;
 function useIsNarrow(maxWidth) {
   const [narrow, setNarrow] = useState29(false);
@@ -10261,17 +10481,17 @@ function WorkspaceDock({
   className
 }) {
   const narrow = useIsNarrow(DOCK_OVERLAY_BREAKPOINT);
-  const rootRef = useRef22(null);
-  const reopenRef = useRef22(null);
-  const returnFocusRef = useRef22(null);
-  const initialNarrowFocusRef = useRef22(false);
+  const rootRef = useRef23(null);
+  const reopenRef = useRef23(null);
+  const returnFocusRef = useRef23(null);
+  const initialNarrowFocusRef = useRef23(false);
   const dockPanelRef = usePanelRef();
   const [internalCollapsed, setInternalCollapsed] = useState29(false);
   const [maximized, setMaximized] = useState29(false);
   const [internalTab, setInternalTab] = useState29(tabs[0]?.id ?? "");
   const collapsed = collapsedProp ?? internalCollapsed;
   const hostControlled = collapsedProp !== void 0;
-  const previousCollapsedRef = useRef22(collapsed);
+  const previousCollapsedRef = useRef23(collapsed);
   const { defaultLayout, onLayoutChanged } = useDefaultLayout({
     panelIds: ["primary", "dock"],
     storage: getLayoutStorage(),
@@ -10307,7 +10527,7 @@ function WorkspaceDock({
       dockPanelRef.current?.expand();
     }
   }, [collapsedProp, dockPanelRef]);
-  useEffect26(() => {
+  useEffect27(() => {
     const previous = previousCollapsedRef.current;
     previousCollapsedRef.current = collapsed;
     if (previous === collapsed) return;
@@ -10337,7 +10557,7 @@ function WorkspaceDock({
     });
     return () => cancelAnimationFrame(frame);
   }, [collapsed, hostControlled, narrow]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!narrow || collapsed || initialNarrowFocusRef.current) return;
     initialNarrowFocusRef.current = true;
     const active = document.activeElement;
@@ -10350,7 +10570,7 @@ function WorkspaceDock({
     });
     return () => cancelAnimationFrame(frame);
   }, [collapsed, narrow]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (firstTabId && !requestedTabIsValid) {
       setTab(firstTabId);
     }
@@ -10363,7 +10583,7 @@ function WorkspaceDock({
     dockPanelRef.current?.expand();
     setCollapsed(false);
   }, [dockPanelRef, setCollapsed]);
-  useEffect26(() => {
+  useEffect27(() => {
     const overlayOpen = maximized || narrow && !collapsed;
     if (!overlayOpen) return;
     const onKey = (event) => {
@@ -10580,8 +10800,8 @@ function DockChrome({
 }) {
   const active = tabs.find((t) => t.id === current) ?? tabs[0];
   const tabsetId = useId4();
-  const tabRefs = useRef22([]);
-  const tabListRef = useRef22(null);
+  const tabRefs = useRef23([]);
+  const tabListRef = useRef23(null);
   const [visitedTabs, setVisitedTabs] = useState29(() => /* @__PURE__ */ new Set());
   const [tabOverflow, setTabOverflow] = useState29({ start: false, end: false });
   const activeId = active?.id ?? "";
@@ -10590,7 +10810,7 @@ function DockChrome({
     const selected = activeTabIndex >= 0 ? tabRefs.current[activeTabIndex] : null;
     selected?.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [activeTabIndex]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!activeId) return;
     setVisitedTabs((previous) => {
       if (previous.has(activeId)) return previous;
@@ -10712,7 +10932,7 @@ function DockChrome({
 }
 
 // src/components/sandbox-workspace.tsx
-import { useCallback as useCallback27, useEffect as useEffect29, useMemo as useMemo13, useRef as useRef25, useState as useState32 } from "react";
+import { useCallback as useCallback27, useEffect as useEffect30, useMemo as useMemo13, useRef as useRef26, useState as useState32 } from "react";
 import { Popover } from "radix-ui";
 import {
   CircleCheckIcon,
@@ -10727,17 +10947,17 @@ import {
 import { ArrowUpRightIcon, FileWarningIcon as FileWarningIcon2, HistoryIcon } from "lucide-react";
 import {
   useCallback as useCallback26,
-  useEffect as useEffect28,
+  useEffect as useEffect29,
   useId as useId5,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo12,
-  useRef as useRef24,
+  useRef as useRef25,
   useState as useState31
 } from "react";
 import { VList as VList2 } from "virtua";
 
 // src/hooks/use-windowed-sections.ts
-import { useCallback as useCallback25, useEffect as useEffect27, useMemo as useMemo11, useRef as useRef23, useState as useState30 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect28, useMemo as useMemo11, useRef as useRef24, useState as useState30 } from "react";
 function computeWindowRange(heights, scrollTop, viewport, overscan) {
   const n = heights.length;
   if (n === 0) return { start: 0, end: 0 };
@@ -10768,17 +10988,17 @@ function computeWindowRange(heights, scrollTop, viewport, overscan) {
 }
 function useWindowedSections(opts) {
   const { count, estimateHeight, overscan = 3 } = opts;
-  const scrollRef = useRef23(null);
+  const scrollRef = useRef24(null);
   const [heights, setHeights] = useState30(
     () => Array.from({ length: count }, (_, i) => estimateHeight(i))
   );
-  useEffect27(() => {
+  useEffect28(() => {
     setHeights((prev) => {
       if (prev.length === count) return prev;
       return Array.from({ length: count }, (_, i) => prev[i] ?? estimateHeight(i));
     });
   }, [count]);
-  const heightsRef = useRef23(heights);
+  const heightsRef = useRef24(heights);
   heightsRef.current = heights;
   const [range, setRange] = useState30(() => ({
     start: 0,
@@ -10790,7 +11010,7 @@ function useWindowedSections(opts) {
     const next = computeWindowRange(heightsRef.current, el.scrollTop, el.clientHeight, overscan);
     setRange((prev) => prev.start === next.start && prev.end === next.end ? prev : next);
   }, [overscan]);
-  useEffect27(() => {
+  useEffect28(() => {
     const el = scrollRef.current;
     if (!el) return;
     let raf = 0;
@@ -10826,7 +11046,7 @@ function useWindowedSections(opts) {
     for (let i = 0; i < count; i++) out[i + 1] = (out[i] ?? 0) + Math.max(heights[i] ?? 0, 0);
     return out;
   }, [heights, count]);
-  useEffect27(() => {
+  useEffect28(() => {
     recompute();
   }, [offsets, recompute]);
   const scrollToIndex = useCallback25(
@@ -10856,7 +11076,7 @@ var HEADER_PX = 30;
 var LINE_PX = 18;
 var GUARD_BODY_PX = 52;
 var COMPACT_SURFACE_PX = 560;
-var useChangesLayoutEffect = typeof window === "undefined" ? useEffect28 : useLayoutEffect4;
+var useChangesLayoutEffect = typeof window === "undefined" ? useEffect29 : useLayoutEffect4;
 var STATUS_TINT2 = {
   added: "text-og-status-idle",
   modified: "text-og-status-running",
@@ -10936,7 +11156,7 @@ function WorkbenchChanges({
   onOpenFile,
   className
 }) {
-  const rootRef = useRef24(null);
+  const rootRef = useRef25(null);
   const [compact, setCompact] = useState31(false);
   const [coarsePointer, setCoarsePointer] = useState31(false);
   const resolvedTheme = useThemeType(themeType);
@@ -11014,7 +11234,7 @@ function WorkbenchChanges({
     const nextPath = orderedFiles[idx]?.path ?? null;
     setActivePath((previous) => previous === nextPath ? previous : nextPath);
   }, [windowed, orderedFiles]);
-  useEffect28(() => {
+  useEffect29(() => {
     const el = windowed.scrollRef.current;
     if (!el) return;
     el.addEventListener("scroll", onPaneScroll, { passive: true });
@@ -11247,8 +11467,8 @@ function MeasuredSection({
   onMeasure,
   children
 }) {
-  const ref = useRef24(null);
-  useEffect28(() => {
+  const ref = useRef25(null);
+  useEffect29(() => {
     const el = ref.current;
     if (!el) return;
     const report = () => onMeasure(index, el.offsetHeight);
@@ -11468,8 +11688,8 @@ function useSandboxWorkspaceTabs(options) {
   const desktopAdvertised = desktopEnabled && ((capabilities?.DesktopStream.transport ?? null) !== null || capabilities?.DesktopStream.reason === "lease_cold");
   const provisioning = sandboxProvisionInFlight(events);
   const renegotiate = caps.renegotiate;
-  const provisioningRef = useRef25({ sessionId, provisioning });
-  useEffect29(() => {
+  const provisioningRef = useRef26({ sessionId, provisioning });
+  useEffect30(() => {
     const previous = provisioningRef.current;
     if (previous.sessionId === sessionId && previous.provisioning && !provisioning) {
       renegotiate();
@@ -11488,14 +11708,14 @@ function useSandboxWorkspaceTabs(options) {
     if (advertised.length > 0) return advertised;
     return captureState.capture?.repos.map((repo) => repo.root) ?? [];
   }, [capabilities?.Git.repos, captureState.capture]);
-  const notifiedCaptureDegradedReason = useRef25({
+  const notifiedCaptureDegradedReason = useRef26({
     sessionId,
     reason: null
   });
   if (notifiedCaptureDegradedReason.current.sessionId !== sessionId) {
     notifiedCaptureDegradedReason.current = { sessionId, reason: null };
   }
-  useEffect29(() => {
+  useEffect30(() => {
     const reason = captureState.degradedReason;
     if (!reason || notifiedCaptureDegradedReason.current.reason === reason) return;
     notifiedCaptureDegradedReason.current = { sessionId, reason };
@@ -11533,7 +11753,7 @@ function useSandboxWorkspaceTabs(options) {
     capture: captureState.capture
   });
   const [xtermTheme, setXtermTheme] = useState32(void 0);
-  useEffect29(() => {
+  useEffect30(() => {
     if (!terminalEnabled || typeof document === "undefined") return;
     const derive = () => setXtermTheme(xtermThemeFromTokens());
     derive();
@@ -11575,7 +11795,7 @@ function useSandboxWorkspaceTabs(options) {
   });
   const workspaceWaking = chip.state === "waking";
   const defaultIdentity = `${sessionId}\0${surfaceIdentity}`;
-  const defaultTabRef = useRef25({
+  const defaultTabRef = useRef26({
     identity: defaultIdentity,
     value: null
   });
@@ -11770,7 +11990,7 @@ function SandboxWorkspace(props) {
   } = props;
   const [storedSelection, setStoredSelection] = useState32(null);
   const [requestedFile, setRequestedFile] = useState32(null);
-  const nextFileRequestId = useRef25(0);
+  const nextFileRequestId = useRef26(0);
   const openFile = useCallback27(
     (path) => {
       nextFileRequestId.current += 1;
@@ -11853,7 +12073,7 @@ function MachineStateChip({
   error,
   onRetry
 }) {
-  const triggerRef = useRef25(null);
+  const triggerRef = useRef26(null);
   const portalStyle = usePortalTokenStyle(triggerRef);
   return /* @__PURE__ */ jsxs21(Popover.Root, { children: [
     /* @__PURE__ */ jsx26(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs21(
@@ -12317,6 +12537,7 @@ export {
   isGoalEvent,
   isHumanInputEvent,
   isLineageRefreshEvent,
+  isSessionMcpApprovalPolicyEvent,
   isTitleEvent,
   isTurnQueueEvent,
   languageForPath,
@@ -12374,6 +12595,7 @@ export {
   useSessionControl,
   useSessionEvents,
   useSessionLineage,
+  useSessionMcpApprovalPolicy,
   useSlashCommands,
   useTerminalStream,
   useTranscription,