@opengeni/react 0.6.3 → 0.9.0

package/dist/index.js

@@ -98,7 +98,7 @@ function useSession(sessionId, options = {}) {
 }
 
 // src/hooks/use-session-events.ts
-import { useEffect as useEffect3, useMemo as useMemo2, useRef, useState as useState8 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef2, useState as useState8 } from "react";
 
 // src/timeline/projection.ts
 var WORKER_SPAWN_TOOL = "session_create";
@@ -352,7 +352,7 @@ ${message}` : message;
       case "turn.failed": {
         const hadActivity = hasTurnActivity(items, turnId);
         const failureText = failureMessage(payload);
-        finalizeOpen(turnId, "failed");
+        finalizeOpen(turnId, "cancelled");
         items.push(turnEndItem(event, "failed", failureText));
         if (!hadActivity) {
           items.push({
@@ -594,8 +594,14 @@ function stampTurnOutcome(groups, turnEnd) {
   }
 }
 function applyTurnOutcome(group, turnEnd) {
-  group.outcome = turnEnd.outcome;
-  if (turnEnd.failureText) {
+  if (turnEnd.outcome === "complete") {
+    group.outcome = "complete";
+    return;
+  }
+  const hasFailed = group.items.some((item) => "status" in item && item.status === "failed");
+  const hasInterrupted = group.items.some((item) => "status" in item && item.status === "cancelled");
+  group.outcome = hasFailed ? "failed" : hasInterrupted ? "cancelled" : "complete";
+  if (turnEnd.failureText && hasFailed) {
     group.failureText = turnEnd.failureText;
   }
 }
@@ -2492,6 +2498,18 @@ function createDefaultToolRegistry(options = {}) {
 
 // src/timeline/activity-rail.tsx
 import { BotIcon, BrainIcon, SquareTerminalIcon } from "lucide-react";
+
+// src/timeline/entrance.tsx
+import { createContext as createContext3, useContext as useContext3, useRef } from "react";
+var EntranceAnimationContext = createContext3(true);
+var EntranceAnimationProvider = EntranceAnimationContext.Provider;
+function useEntranceAnimation() {
+  const enabled = useContext3(EntranceAnimationContext);
+  const captured = useRef(enabled);
+  return captured.current;
+}
+
+// src/timeline/activity-rail.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function familyOf(item) {
   if (item.kind === "tool-call") {
@@ -2500,6 +2518,7 @@ function familyOf(item) {
   return item.kind;
 }
 function ActivityRail({ items, toolRegistry = defaultToolRegistry, onOpenSession, bare, className }) {
+  const enter = useEntranceAnimation();
   return /* @__PURE__ */ jsx8(
     "div",
     {
@@ -2508,7 +2527,8 @@ function ActivityRail({ items, toolRegistry = defaultToolRegistry, onOpenSession
         // calm cluster; a family change opens real breathing room (mt-3) below,
         // so a long rail reads as a few clusters, not a metronome of rows.
         "flex flex-col gap-0.5",
-        !bare && "animate-og-enter border-l-2 border-og-border pl-3 sm:pl-4",
+        !bare && "border-l-2 border-og-border pl-3 sm:pl-4",
+        !bare && enter && "animate-og-enter",
         className
       ),
       children: items.map((item, index) => {
@@ -2630,8 +2650,9 @@ import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function TurnSummary({ items, outcome, failureText, durationMs, defaultOpen, children }) {
   const forcedDefaultOpen = useForcedDefaultOpen();
   const [open, setOpen] = useState7(defaultOpen ?? forcedDefaultOpen ?? false);
+  const enter = useEntranceAnimation();
   const facets = summarizeTurn(items, durationMs);
-  return /* @__PURE__ */ jsxs7(Collapsible2.Root, { open, onOpenChange: setOpen, className: "animate-og-enter", children: [
+  return /* @__PURE__ */ jsxs7(Collapsible2.Root, { open, onOpenChange: setOpen, className: enter ? "animate-og-enter" : void 0, children: [
     /* @__PURE__ */ jsxs7(
       Collapsible2.Trigger,
       {
@@ -2734,22 +2755,43 @@ function formatDurationFacet(durationMs) {
 }
 
 // src/hooks/use-session-events.ts
+var TAIL_PAGE_SIZE = 5e3;
+var INITIAL_FETCH_CAP = 1;
+var OLDER_GROUP_TARGET = 32;
+var OLDER_FETCH_CAP = 2;
+var BOUNDARY_PAGE_CAP = 4;
 function useSessionEvents(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = options.enabled ?? true;
   const after = options.after ?? 0;
+  const replay = options.replay ?? "windowed";
+  const fullReplay = replay === "full" || after !== 0;
   const [events, setEvents] = useState8([]);
   const [connectionState, setConnectionState] = useState8("idle");
   const [error, setError] = useState8(null);
-  const lastSequenceRef = useRef(after);
-  const streamKeyRef = useRef(null);
+  const [hasOlder, setHasOlder] = useState8(false);
+  const [initialLoading, setInitialLoading] = useState8(true);
+  const [loadingOlder, setLoadingOlder] = useState8(false);
+  const lastSequenceRef = useRef2(after);
+  const oldestSequenceRef = useRef2(null);
+  const hasOlderRef = useRef2(false);
+  const loadingOlderRef = useRef2(false);
+  const streamKeyRef = useRef2(null);
+  const generationRef = useRef2(0);
   useEffect3(() => {
-    const streamKey = `${workspaceId}\0${sessionId ?? ""}\0${after}`;
+    const streamKey = `${workspaceId}\0${sessionId ?? ""}\0${after}\0${fullReplay ? "full" : "windowed"}`;
     if (streamKeyRef.current !== streamKey) {
       streamKeyRef.current = streamKey;
+      generationRef.current += 1;
       setEvents([]);
       setError(null);
+      setHasOlder(false);
+      setLoadingOlder(false);
+      setInitialLoading(true);
       lastSequenceRef.current = after;
+      oldestSequenceRef.current = null;
+      hasOlderRef.current = false;
+      loadingOlderRef.current = false;
     }
     if (!sessionId || !enabled) {
       setConnectionState("idle");
@@ -2767,7 +2809,7 @@ function useSessionEvents(sessionId, options = {}) {
       pending = [];
       const lastInBatch = batch[batch.length - 1];
       if (lastInBatch) {
-        lastSequenceRef.current = lastInBatch.sequence;
+        lastSequenceRef.current = Math.max(lastSequenceRef.current, ...batch.map(eventResumeSequence));
       }
       setEvents((existing) => [...existing, ...batch]);
     };
@@ -2776,6 +2818,28 @@ function useSessionEvents(sessionId, options = {}) {
     };
     void (async () => {
       try {
+        if (!fullReplay) {
+          setConnectionState("connecting");
+          const window2 = await loadEventWindow(client, workspaceId, sessionId, {
+            before: Number.MAX_SAFE_INTEGER,
+            pageSize: TAIL_PAGE_SIZE,
+            targetGroups: Number.POSITIVE_INFINITY,
+            maxFetches: INITIAL_FETCH_CAP,
+            signal: controller.signal
+          });
+          if (controller.signal.aborted) {
+            return;
+          }
+          oldestSequenceRef.current = window2.oldestSequence;
+          hasOlderRef.current = window2.hasOlder;
+          lastSequenceRef.current = window2.newestSequence;
+          setHasOlder(window2.hasOlder);
+          setEvents(window2.events);
+          setInitialLoading(false);
+        }
+        if (fullReplay) {
+          setInitialLoading(false);
+        }
         const stream = client.streamEvents(workspaceId, sessionId, {
           after: lastSequenceRef.current,
           signal: controller.signal,
@@ -2807,7 +2871,51 @@ function useSessionEvents(sessionId, options = {}) {
         clearTimeout(flushTimer);
       }
     };
-  }, [client, workspaceId, sessionId, after, enabled]);
+  }, [client, workspaceId, sessionId, after, enabled, fullReplay]);
+  const loadOlder = useCallback3(async () => {
+    if (!sessionId || fullReplay || loadingOlderRef.current || !hasOlderRef.current) {
+      return false;
+    }
+    const before = oldestSequenceRef.current;
+    if (before === null) {
+      hasOlderRef.current = false;
+      setHasOlder(false);
+      return false;
+    }
+    const generation = generationRef.current;
+    loadingOlderRef.current = true;
+    setLoadingOlder(true);
+    try {
+      const window2 = await loadEventWindow(client, workspaceId, sessionId, {
+        before,
+        pageSize: TAIL_PAGE_SIZE,
+        targetGroups: OLDER_GROUP_TARGET,
+        maxFetches: OLDER_FETCH_CAP
+      });
+      if (generationRef.current !== generation) {
+        return false;
+      }
+      if (window2.events.length === 0) {
+        oldestSequenceRef.current = null;
+        hasOlderRef.current = false;
+        setHasOlder(false);
+        return false;
+      }
+      oldestSequenceRef.current = window2.oldestSequence;
+      hasOlderRef.current = window2.hasOlder;
+      setHasOlder(window2.hasOlder);
+      setEvents((existing) => {
+        assertPrependOrder(existing, window2.events);
+        return [...window2.events, ...existing];
+      });
+      return window2.hasOlder;
+    } finally {
+      if (generationRef.current === generation) {
+        loadingOlderRef.current = false;
+        setLoadingOlder(false);
+      }
+    }
+  }, [client, workspaceId, sessionId, fullReplay]);
   const timeline = useMemo2(() => buildTimeline(events), [events]);
   const sessionStatus = useMemo2(() => sessionStatusFromEvents(events), [events]);
   return {
@@ -2816,12 +2924,144 @@ function useSessionEvents(sessionId, options = {}) {
     sessionStatus,
     connectionState,
     lastSequence: lastSequenceRef.current,
+    initialLoading: fullReplay ? false : initialLoading,
+    hasOlder: fullReplay ? false : hasOlder,
+    loadingOlder: fullReplay ? false : loadingOlder,
+    loadOlder,
     error
   };
 }
+async function loadEventWindow(client, workspaceId, sessionId, options) {
+  let cursor = options.before;
+  let buffer = [];
+  let reachedStart = false;
+  let fetches = 0;
+  while (fetches < options.maxFetches) {
+    if (buffer.length > 0 && groupCount(buffer) >= options.targetGroups) {
+      break;
+    }
+    const page = await loadPreviousPage(client, workspaceId, sessionId, cursor, {
+      pageSize: options.pageSize,
+      ...options.signal ? { signal: options.signal } : {}
+    });
+    fetches += 1;
+    if (page.length === 0) {
+      reachedStart = true;
+      break;
+    }
+    assertAscending(page);
+    buffer = [...page, ...buffer];
+    cursor = page[0].sequence;
+    if (isLogStart(page[0])) {
+      reachedStart = true;
+      break;
+    }
+  }
+  let snapPages = 0;
+  while (!reachedStart && findBoundaryIndex(buffer) === -1 && snapPages < BOUNDARY_PAGE_CAP && fetches < options.maxFetches) {
+    const page = await loadPreviousPage(client, workspaceId, sessionId, cursor, {
+      pageSize: options.pageSize,
+      ...options.signal ? { signal: options.signal } : {}
+    });
+    fetches += 1;
+    snapPages += 1;
+    if (page.length === 0) {
+      reachedStart = true;
+      break;
+    }
+    assertAscending(page);
+    buffer = [...page, ...buffer];
+    cursor = page[0].sequence;
+    if (isLogStart(page[0])) {
+      reachedStart = true;
+      break;
+    }
+  }
+  if (!reachedStart) {
+    const boundary = findBoundaryIndex(buffer);
+    if (boundary > 0) {
+      buffer = buffer.slice(boundary);
+    }
+  }
+  const oldest = buffer[0] ?? null;
+  const newest = buffer[buffer.length - 1] ?? null;
+  return {
+    events: buffer,
+    oldestSequence: oldest?.sequence ?? null,
+    newestSequence: newest ? maxResumeSequence(buffer) : 0,
+    hasOlder: buffer.length > 0 && !reachedStart && oldest?.type !== "session.created"
+  };
+}
+function findBoundaryIndex(events) {
+  for (let index = 0; index < events.length; index += 1) {
+    const type = events[index].type;
+    if (type === "session.created" || type === "user.message") {
+      return index;
+    }
+  }
+  return -1;
+}
+async function loadPreviousPage(client, workspaceId, sessionId, before, options) {
+  if (options.signal?.aborted) {
+    throw abortError();
+  }
+  const requested = options.pageSize;
+  if (requested === 0) {
+    return Object.assign([], { requested });
+  }
+  const page = await client.listEvents(workspaceId, sessionId, { before, limit: requested, compact: true });
+  if (options.signal?.aborted) {
+    throw abortError();
+  }
+  return Object.assign(page, { requested });
+}
+function groupCount(events) {
+  if (events.length === 0) {
+    return 0;
+  }
+  return groupTimeline(buildTimeline(events)).length;
+}
+function isLogStart(event) {
+  return event.type === "session.created" || event.sequence <= 1;
+}
+function maxResumeSequence(events) {
+  return events.reduce((max, event) => Math.max(max, eventResumeSequence(event)), 0);
+}
+function eventResumeSequence(event) {
+  const payload = asRecord2(event.payload);
+  const coalescedUntil = Number(payload.coalescedUntil);
+  return Math.max(event.sequence, Number.isFinite(coalescedUntil) ? Math.floor(coalescedUntil) : 0);
+}
+function asRecord2(value) {
+  return value && typeof value === "object" ? value : {};
+}
+function assertAscending(events) {
+  for (let index = 1; index < events.length; index += 1) {
+    if (events[index - 1].sequence >= events[index].sequence) {
+      throw new Error("@opengeni/react: session events must be ordered by ascending sequence");
+    }
+  }
+}
+function assertPrependOrder(existing, older) {
+  if (!shouldAssertDevelopment() || existing.length === 0 || older.length === 0) {
+    return;
+  }
+  if (older[older.length - 1].sequence >= existing[0].sequence) {
+    throw new Error("@opengeni/react: loadOlder returned overlapping session events");
+  }
+}
+function shouldAssertDevelopment() {
+  const processEnv = globalThis.process?.env;
+  return processEnv !== void 0 && processEnv.NODE_ENV !== "production";
+}
+function abortError() {
+  const error = new Error("The operation was aborted.");
+  error.name = "AbortError";
+  return error;
+}
 
 // src/hooks/use-composer.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef2, useState as useState9 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef3, useState as useState9 } from "react";
 function useComposer(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const defaultMode = options.defaultMode ?? "queue";
@@ -2830,14 +3070,14 @@ function useComposer(sessionId, options = {}) {
   const [sending, setSending] = useState9(false);
   const [interrupting, setInterrupting] = useState9(false);
   const [error, setError] = useState9(null);
-  const pendingClientEventId = useRef2(null);
+  const pendingClientEventId = useRef3(null);
   const onSent = options.onSent;
-  const modeRef = useRef2(mode);
+  const modeRef = useRef3(mode);
   modeRef.current = mode;
-  const sendExtrasRef = useRef2(options.sendExtras);
+  const sendExtrasRef = useRef3(options.sendExtras);
   sendExtrasRef.current = options.sendExtras;
   const targetKey = `${workspaceId}\0${sessionId ?? ""}`;
-  const targetKeyRef = useRef2(targetKey);
+  const targetKeyRef = useRef3(targetKey);
   useEffect4(() => {
     if (targetKeyRef.current !== targetKey) {
       targetKeyRef.current = targetKey;
@@ -2847,7 +3087,7 @@ function useComposer(sessionId, options = {}) {
       setMode(defaultMode);
     }
   }, [targetKey, defaultMode]);
-  const send = useCallback3(
+  const send = useCallback4(
     async (explicit) => {
       const draftAtSend = value;
       const text = (explicit ?? draftAtSend).trim();
@@ -2883,7 +3123,7 @@ function useComposer(sessionId, options = {}) {
     [client, workspaceId, sessionId, value, sending, onSent]
   );
   const hasReadyResources = (resolveSendExtras(sendExtrasRef.current).resources?.length ?? 0) > 0;
-  const interrupt = useCallback3(
+  const interrupt = useCallback4(
     async (reason) => {
       if (!sessionId || interrupting) {
         return;
@@ -2900,7 +3140,7 @@ function useComposer(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, interrupting]
   );
-  const updateValue = useCallback3((next) => {
+  const updateValue = useCallback4((next) => {
     pendingClientEventId.current = null;
     setValue(next);
   }, []);
@@ -2915,7 +3155,7 @@ function useComposer(sessionId, options = {}) {
     interrupt,
     interrupting,
     error,
-    clearError: useCallback3(() => setError(null), [])
+    clearError: useCallback4(() => setError(null), [])
   };
 }
 var FILE_ONLY_MESSAGE_TEXT = "(see attached files)";
@@ -2940,14 +3180,14 @@ function generateClientEventId() {
 }
 
 // src/hooks/use-file-attachments.ts
-import { useCallback as useCallback4, useRef as useRef3, useState as useState10 } from "react";
+import { useCallback as useCallback5, useRef as useRef4, useState as useState10 } from "react";
 var isImage = (file) => file.type.startsWith("image/");
 function useFileAttachments(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const pasteFilter = options.pasteFilter ?? isImage;
   const [attachments, setAttachments] = useState10([]);
-  const sources = useRef3(/* @__PURE__ */ new Map());
-  const startUpload = useCallback4((id, file) => {
+  const sources = useRef4(/* @__PURE__ */ new Map());
+  const startUpload = useCallback5((id, file) => {
     void client.uploadFile(workspaceId, {
       filename: file.name || "file",
       contentType: file.type || "application/octet-stream",
@@ -2958,7 +3198,7 @@ function useFileAttachments(options = {}) {
       setAttachments((current) => current.map((attachment) => attachment.id === id ? { ...attachment, status: "failed", error: error instanceof Error ? error.message : String(error) } : attachment));
     });
   }, [client, workspaceId]);
-  const addFiles = useCallback4((files) => {
+  const addFiles = useCallback5((files) => {
     for (const file of files) {
       const id = crypto.randomUUID();
       sources.current.set(id, file);
@@ -2974,7 +3214,7 @@ function useFileAttachments(options = {}) {
       startUpload(id, file);
     }
   }, [startUpload]);
-  const retry = useCallback4((id) => {
+  const retry = useCallback5((id) => {
     const file = sources.current.get(id);
     if (!file) {
       return;
@@ -2982,7 +3222,7 @@ function useFileAttachments(options = {}) {
     setAttachments((current) => current.map((attachment) => attachment.id === id ? { ...attachment, status: "uploading", error: void 0 } : attachment));
     startUpload(id, file);
   }, [startUpload]);
-  const addFromPaste = useCallback4((event) => {
+  const addFromPaste = useCallback5((event) => {
     const clipboardFiles = event.clipboardData?.files;
     if (!clipboardFiles) {
       return;
@@ -2992,7 +3232,7 @@ function useFileAttachments(options = {}) {
       addFiles(files);
     }
   }, [addFiles, pasteFilter]);
-  const remove = useCallback4((id) => {
+  const remove = useCallback5((id) => {
     sources.current.delete(id);
     setAttachments((current) => {
       const removed = current.find((attachment) => attachment.id === id);
@@ -3002,7 +3242,7 @@ function useFileAttachments(options = {}) {
       return current.filter((attachment) => attachment.id !== id);
     });
   }, []);
-  const clear = useCallback4(() => {
+  const clear = useCallback5(() => {
     sources.current.clear();
     setAttachments((current) => {
       for (const attachment of current) {
@@ -3026,7 +3266,7 @@ function useFileAttachments(options = {}) {
 }
 
 // src/hooks/use-turn-queue.ts
-import { useCallback as useCallback5, useEffect as useEffect5, useRef as useRef4, useState as useState11 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect5, useRef as useRef5, useState as useState11 } from "react";
 function isTurnQueueEvent(event) {
   return event.type.startsWith("turn.");
 }
@@ -3070,9 +3310,9 @@ function useTurnQueue(sessionId, options = {}) {
   const [loading, setLoading] = useState11(enabled);
   const [error, setError] = useState11(null);
   const mutation = useMutationRunner();
-  const generation = useRef4(0);
-  const targetKeyRef = useRef4(null);
-  const load = useCallback5(async () => {
+  const generation = useRef5(0);
+  const targetKeyRef = useRef5(null);
+  const load = useCallback6(async () => {
     if (!sessionId) {
       return;
     }
@@ -3121,7 +3361,7 @@ function useTurnQueue(sessionId, options = {}) {
     enabled,
     ...options.events !== void 0 ? { events: options.events } : {}
   });
-  const editTurn = useCallback5(
+  const editTurn = useCallback6(
     async (turnId, update) => {
       if (!sessionId) {
         return null;
@@ -3137,7 +3377,7 @@ function useTurnQueue(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, mutation.run, load]
   );
-  const reorderTurns = useCallback5(
+  const reorderTurns = useCallback6(
     async (turnIds) => {
       if (!sessionId || turnIds.length === 0) {
         return null;
@@ -3156,7 +3396,7 @@ function useTurnQueue(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, mutation.run, load]
   );
-  const removeTurn = useCallback5(
+  const removeTurn = useCallback6(
     async (turnId) => {
       if (!sessionId) {
         return null;
@@ -3190,7 +3430,7 @@ function useTurnQueue(sessionId, options = {}) {
 
 // src/hooks/use-goal.ts
 import { OpenGeniApiError } from "@opengeni/sdk";
-import { useCallback as useCallback6, useEffect as useEffect6, useRef as useRef5, useState as useState12 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect6, useRef as useRef6, useState as useState12 } from "react";
 function isGoalEvent(event) {
   return event.type.startsWith("goal.");
 }
@@ -3203,9 +3443,9 @@ function useGoal(sessionId, options = {}) {
   const [loading, setLoading] = useState12(enabled);
   const [error, setError] = useState12(null);
   const mutation = useMutationRunner();
-  const generation = useRef5(0);
-  const targetKeyRef = useRef5(null);
-  const load = useCallback6(async () => {
+  const generation = useRef6(0);
+  const targetKeyRef = useRef6(null);
+  const load = useCallback7(async () => {
     if (!sessionId) {
       return;
     }
@@ -3266,7 +3506,7 @@ function useGoal(sessionId, options = {}) {
     enabled,
     ...sharedEvents !== void 0 ? { events: sharedEvents } : {}
   });
-  const pause = useCallback6(
+  const pause = useCallback7(
     async (rationale) => {
       if (!sessionId) {
         return null;
@@ -3282,7 +3522,7 @@ function useGoal(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, mutation.run]
   );
-  const resume = useCallback6(async () => {
+  const resume = useCallback7(async () => {
     if (!sessionId) {
       return null;
     }
@@ -3309,12 +3549,12 @@ function useGoal(sessionId, options = {}) {
 }
 
 // src/hooks/use-session-control.ts
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 function useSessionControl(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const interruptMutation = useMutationRunner();
   const approvalMutation = useMutationRunner();
-  const interrupt = useCallback7(
+  const interrupt = useCallback8(
     async (reason) => {
       if (!sessionId) {
         return null;
@@ -3323,7 +3563,7 @@ function useSessionControl(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, interruptMutation.run]
   );
-  const decide = useCallback7(
+  const decide = useCallback8(
     async (approvalId, decision, message) => {
       if (!sessionId) {
         return null;
@@ -3336,16 +3576,16 @@ function useSessionControl(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, approvalMutation.run]
   );
-  const approve = useCallback7(
+  const approve = useCallback8(
     async (approvalId, message) => await decide(approvalId, "approve", message),
     [decide]
   );
-  const reject = useCallback7(
+  const reject = useCallback8(
     async (approvalId, message) => await decide(approvalId, "reject", message),
     [decide]
   );
   const error = approvalMutation.mutationError ?? interruptMutation.mutationError;
-  const clearError = useCallback7(() => {
+  const clearError = useCallback8(() => {
     interruptMutation.clearMutationError();
     approvalMutation.clearMutationError();
   }, [interruptMutation.clearMutationError, approvalMutation.clearMutationError]);
@@ -3361,11 +3601,11 @@ function useSessionControl(sessionId, options = {}) {
 }
 
 // src/hooks/use-scheduled-tasks.ts
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback9 } from "react";
 function useScheduledTasks(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
-  const load = useCallback8(
+  const load = useCallback9(
     async () => await client.listScheduledTasks(workspaceId, limit !== void 0 ? { limit } : {}),
     [client, workspaceId, limit]
   );
@@ -3374,11 +3614,11 @@ function useScheduledTasks(options = {}) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback9 } from "react";
+import { useCallback as useCallback10 } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
-  const load = useCallback9(
+  const load = useCallback10(
     async () => await client.listSessions(workspaceId, limit !== void 0 ? { limit } : {}),
     [client, workspaceId, limit]
   );
@@ -3387,13 +3627,13 @@ function useWorkspaceSessions(options = {}) {
 }
 
 // src/hooks/use-environments.ts
-import { useCallback as useCallback10 } from "react";
+import { useCallback as useCallback11 } from "react";
 function useEnvironments(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback10(async () => await client.listEnvironments(workspaceId), [client, workspaceId]);
+  const load = useCallback11(async () => await client.listEnvironments(workspaceId), [client, workspaceId]);
   const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled: options.enabled });
   const mutation = useMutationRunner();
-  const create = useCallback10(
+  const create = useCallback11(
     async (request) => {
       const result = await mutation.run(() => client.createEnvironment(workspaceId, request));
       if (result) {
@@ -3403,7 +3643,7 @@ function useEnvironments(options = {}) {
     },
     [client, workspaceId, mutation.run, state.refresh]
   );
-  const update = useCallback10(
+  const update = useCallback11(
     async (environmentId, request) => {
       const result = await mutation.run(() => client.updateEnvironment(workspaceId, environmentId, request));
       if (result) {
@@ -3413,7 +3653,7 @@ function useEnvironments(options = {}) {
     },
     [client, workspaceId, mutation.run, state.refresh]
   );
-  const remove = useCallback10(
+  const remove = useCallback11(
     async (environmentId) => {
       const result = await mutation.run(async () => {
         await client.deleteEnvironment(workspaceId, environmentId);
@@ -3426,7 +3666,7 @@ function useEnvironments(options = {}) {
     },
     [client, workspaceId, mutation.run, state.refresh]
   );
-  const setVariable = useCallback10(
+  const setVariable = useCallback11(
     async (environmentId, name, value) => {
       const result = await mutation.run(() => client.setEnvironmentVariable(workspaceId, environmentId, name, value));
       if (result) {
@@ -3436,7 +3676,7 @@ function useEnvironments(options = {}) {
     },
     [client, workspaceId, mutation.run, state.refresh]
   );
-  const deleteVariable = useCallback10(
+  const deleteVariable = useCallback11(
     async (environmentId, name) => {
       const result = await mutation.run(async () => {
         await client.deleteEnvironmentVariable(workspaceId, environmentId, name);
@@ -3466,13 +3706,13 @@ function useEnvironments(options = {}) {
 }
 
 // src/hooks/use-packs.ts
-import { useCallback as useCallback11 } from "react";
+import { useCallback as useCallback12 } from "react";
 function usePacks(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback11(async () => await client.listPacks(workspaceId), [client, workspaceId]);
+  const load = useCallback12(async () => await client.listPacks(workspaceId), [client, workspaceId]);
   const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled: options.enabled });
   const mutation = useMutationRunner();
-  const register = useCallback11(
+  const register = useCallback12(
     async (manifest) => {
       const result = await mutation.run(() => client.registerPack(workspaceId, manifest));
       if (result) {
@@ -3482,7 +3722,7 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, mutation.run, state.refresh]
   );
-  const enable = useCallback11(
+  const enable = useCallback12(
     async (packId, request = {}) => {
       const result = await mutation.run(() => client.enablePack(workspaceId, packId, request));
       if (result) {
@@ -3492,7 +3732,7 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, mutation.run, state.refresh]
   );
-  const remove = useCallback11(
+  const remove = useCallback12(
     async (packId) => {
       const result = await mutation.run(async () => {
         await client.deletePack(workspaceId, packId);
@@ -3506,7 +3746,7 @@ function usePacks(options = {}) {
     [client, workspaceId, mutation.run, state.refresh]
   );
   const installations = state.data?.installations ?? [];
-  const installationFor = useCallback11(
+  const installationFor = useCallback12(
     (packId) => installations.find((installation) => installation.packId === packId) ?? null,
     [installations]
   );
@@ -3527,13 +3767,13 @@ function usePacks(options = {}) {
 }
 
 // src/hooks/use-workspaces.ts
-import { useCallback as useCallback12 } from "react";
+import { useCallback as useCallback13 } from "react";
 function useWorkspaces(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback12(async () => await client.listWorkspaces(), [client]);
+  const load = useCallback13(async () => await client.listWorkspaces(), [client]);
   const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled: options.enabled });
   const mutation = useMutationRunner();
-  const create = useCallback12(
+  const create = useCallback13(
     async (request) => {
       const result = await mutation.run(() => client.createWorkspace(request));
       if (result) {
@@ -3543,7 +3783,7 @@ function useWorkspaces(options = {}) {
     },
     [client, mutation.run, state.refresh]
   );
-  const update = useCallback12(
+  const update = useCallback13(
     async (workspaceId, request) => {
       const result = await mutation.run(() => client.updateWorkspace(workspaceId, request));
       if (result) {
@@ -3567,12 +3807,12 @@ function useWorkspaces(options = {}) {
 }
 
 // src/hooks/use-billing-usage.ts
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback14 } from "react";
 function useBillingUsage(options = {}) {
   const client = useOpenGeniClient(options);
   const accountId = options.accountId;
   const workspaceId = options.workspaceId;
-  const load = useCallback13(
+  const load = useCallback14(
     async () => await client.getBillingUsage({
       ...accountId !== void 0 ? { accountId } : {},
       ...workspaceId !== void 0 ? { workspaceId } : {}
@@ -3590,10 +3830,10 @@ function useBillingUsage(options = {}) {
 }
 
 // src/hooks/use-available-models.ts
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback15 } from "react";
 function useAvailableModels(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback14(async () => await client.getClientConfig(), [client]);
+  const load = useCallback15(async () => await client.getClientConfig(), [client]);
   const state = usePolledValue(load, { pollIntervalMs: options.pollIntervalMs, enabled: options.enabled });
   return {
     models: state.data?.models ?? [],
@@ -3609,7 +3849,7 @@ import {
   OpenGeniApiError as OpenGeniApiError2,
   applyUrlRotation
 } from "@opengeni/sdk";
-import { useCallback as useCallback15, useEffect as useEffect7, useRef as useRef6, useState as useState13 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect7, useRef as useRef7, useState as useState13 } from "react";
 function desktopAttachable(cell) {
   if (cell.transport !== null) return true;
   return cell.reason === "lease_cold" || cell.reason === "not_provisioned" || cell.reason === null;
@@ -3644,9 +3884,9 @@ function useSessionCapabilities(sessionId, options = {}) {
   const [viewerCapReached, setViewerCapReached] = useState13(false);
   const [viewerId, setViewerId] = useState13(null);
   const [nonce, setNonce] = useState13(0);
-  const epochRef = useRef6(0);
-  const viewerIdRef = useRef6(null);
-  const renegotiate = useCallback15(() => {
+  const epochRef = useRef7(0);
+  const viewerIdRef = useRef7(null);
+  const renegotiate = useCallback16(() => {
     setNonce((n) => n + 1);
   }, []);
   useEffect7(() => {
@@ -3844,7 +4084,7 @@ import {
   desktopSocketUrl,
   nextDesktopState
 } from "@opengeni/sdk";
-import { useEffect as useEffect9, useRef as useRef8, useState as useState15 } from "react";
+import { useEffect as useEffect9, useRef as useRef9, useState as useState15 } from "react";
 
 // src/lib/relay-wire.ts
 import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
@@ -3917,7 +4157,7 @@ function decodeStreamFrame(bytes) {
 }
 
 // src/hooks/use-relay-frame-stream.ts
-import { useEffect as useEffect8, useRef as useRef7, useState as useState14 } from "react";
+import { useEffect as useEffect8, useRef as useRef8, useState as useState14 } from "react";
 var TAG_OPEN = 1;
 var TAG_OPENACK = 2;
 var TAG_FRAME = 3;
@@ -3935,7 +4175,7 @@ function useRelayFrameStream(options) {
   const [state, setState] = useState14("idle");
   const [error, setError] = useState14(null);
   const [nonce, setNonce] = useState14(0);
-  const stateRef = useRef7("idle");
+  const stateRef = useRef8("idle");
   const setBoth = (next) => {
     stateRef.current = next;
     setState(next);
@@ -3944,7 +4184,7 @@ function useRelayFrameStream(options) {
   const transport = capability?.transport ?? null;
   const url = capability?.url ?? null;
   const token = capability?.token ?? null;
-  const factoryRef = useRef7(webSocketFactory);
+  const factoryRef = useRef8(webSocketFactory);
   factoryRef.current = webSocketFactory;
   useEffect8(() => {
     if (typeof window === "undefined") return;
@@ -4138,7 +4378,7 @@ function useDesktopStream(options) {
   const [state, setState] = useState15("idle");
   const [error, setError] = useState15(null);
   const [nonce, setNonce] = useState15(0);
-  const stateRef = useRef8("idle");
+  const stateRef = useRef9("idle");
   const setBoth = (next) => {
     stateRef.current = next;
     setState(next);
@@ -4148,11 +4388,11 @@ function useDesktopStream(options) {
   const token = capability?.token ?? null;
   const transport = capability?.transport ?? null;
   const mode = capability?.mode ?? "read-only";
-  const rfbRef = useRef8(null);
-  const interactiveRef = useRef8(interactive);
-  const scaleViewportRef = useRef8(scaleViewport);
-  const modeRef = useRef8(mode);
-  const rfbFactoryRef = useRef8(rfbFactory);
+  const rfbRef = useRef9(null);
+  const interactiveRef = useRef9(interactive);
+  const scaleViewportRef = useRef9(scaleViewport);
+  const modeRef = useRef9(mode);
+  const rfbFactoryRef = useRef9(rfbFactory);
   interactiveRef.current = interactive;
   scaleViewportRef.current = scaleViewport;
   modeRef.current = mode;
@@ -4245,7 +4485,7 @@ import {
   ttydResizeFrame,
   TtydServerCommand
 } from "@opengeni/sdk";
-import { useEffect as useEffect10, useMemo as useMemo3, useRef as useRef9, useState as useState16 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo3, useRef as useRef10, useState as useState16 } from "react";
 function decodeFrame(data) {
   if (typeof data === "string") {
     return { command: data.charAt(0), payload: data.slice(1) };
@@ -4258,13 +4498,13 @@ function decodeFrame(data) {
 function useTerminalStream(options) {
   const { capability, onOutput, onTitle, initialCols, initialRows } = options;
   const [status, setStatus] = useState16("closed");
-  const wsRef = useRef9(null);
-  const sizeRef = useRef9({
+  const wsRef = useRef10(null);
+  const sizeRef = useRef10({
     cols: initialCols ?? 80,
     rows: initialRows ?? 24
   });
-  const onOutputRef = useRef9(onOutput);
-  const onTitleRef = useRef9(onTitle);
+  const onOutputRef = useRef10(onOutput);
+  const onTitleRef = useRef10(onTitle);
   onOutputRef.current = onOutput;
   onTitleRef.current = onTitle;
   const transport = capability?.transport ?? null;
@@ -4367,7 +4607,7 @@ function useTerminalStream(options) {
 
 // src/hooks/use-sandbox-terminal.ts
 import { OpenGeniApiError as OpenGeniApiError3 } from "@opengeni/sdk";
-import { useCallback as useCallback16, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef10, useState as useState17 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef11, useState as useState17 } from "react";
 function useSandboxTerminal(sessionId, options) {
   const { client, workspaceId } = useOpenGeni(options);
   const includeAgentFirehose = options.includeAgentFirehose ?? true;
@@ -4377,7 +4617,7 @@ function useSandboxTerminal(sessionId, options) {
   const [openedPtyId, setOpenedPtyId] = useState17(null);
   const [openError, setOpenError] = useState17(null);
   const [reopenNonce, setReopenNonce] = useState17(0);
-  const openInFlight = useRef10(false);
+  const openInFlight = useRef11(false);
   const boxWarm = liveness === void 0 || liveness === "warm" || liveness === "draining";
   useEffect11(() => {
     if (!interactive || !sessionId || ptyFilter || !boxWarm) return;
@@ -4467,7 +4707,7 @@ function useSandboxTerminal(sessionId, options) {
       });
     };
   }, [client, workspaceId, sessionId, activePtyId, canWrite, openedPtyId]);
-  const close = useCallback16(() => {
+  const close = useCallback17(() => {
     if (!activePtyId || !sessionId) return;
     void client.terminalPtyClose(workspaceId, sessionId, { ptyId: activePtyId }).catch(() => {
     });
@@ -4483,7 +4723,7 @@ function useSandboxTerminal(sessionId, options) {
 }
 
 // src/hooks/use-sandbox-files.ts
-import { useCallback as useCallback17, useEffect as useEffect12, useRef as useRef11, useState as useState18 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect12, useRef as useRef12, useState as useState18 } from "react";
 function parentOf(path) {
   const i = path.lastIndexOf("/");
   return i <= 0 ? "" : path.slice(0, i);
@@ -4603,15 +4843,15 @@ function useSandboxFiles(sessionId, options = {}) {
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
   const rootPath = options.rootPath ?? "";
   const [tree, setTree] = useState18([]);
-  const treeRef = useRef11([]);
+  const treeRef = useRef12([]);
   const [loading, setLoading] = useState18(false);
   const [expandingPaths, setExpandingPaths] = useState18(/* @__PURE__ */ new Set());
   const [error, setError] = useState18(null);
-  const statusRef = useRef11(/* @__PURE__ */ new Map());
-  const ownRevisionsRef = useRef11(/* @__PURE__ */ new Set());
+  const statusRef = useRef12(/* @__PURE__ */ new Map());
+  const ownRevisionsRef = useRef12(/* @__PURE__ */ new Set());
   const onMutationError = options.onMutationError;
   treeRef.current = tree;
-  const applyStatus = useCallback17((nodes) => {
+  const applyStatus = useCallback18((nodes) => {
     const overlay = statusRef.current;
     if (overlay.size === 0) return nodes;
     const walk = (list) => list.map((node) => {
@@ -4623,7 +4863,7 @@ function useSandboxFiles(sessionId, options = {}) {
     });
     return walk(nodes);
   }, []);
-  const refresh = useCallback17(async () => {
+  const refresh = useCallback18(async () => {
     if (!sessionId) return;
     setLoading(true);
     setError(null);
@@ -4649,7 +4889,7 @@ function useSandboxFiles(sessionId, options = {}) {
       setLoading(false);
     }
   }, [client, workspaceId, sessionId, rootPath, applyStatus]);
-  const expand = useCallback17(
+  const expand = useCallback18(
     async (path) => {
       if (!sessionId) return;
       setExpandingPaths((prev) => {
@@ -4674,14 +4914,14 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, applyStatus]
   );
-  const readFile = useCallback17(
+  const readFile = useCallback18(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       return await client.fsRead(workspaceId, sessionId, { path });
     },
     [client, workspaceId, sessionId]
   );
-  const reconcilePath = useCallback17(
+  const reconcilePath = useCallback18(
     async (path) => {
       if (!sessionId) return;
       if (!parentIsLoaded(treeRef.current, path)) return;
@@ -4700,7 +4940,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, applyStatus]
   );
-  const runOptimistic = useCallback17(
+  const runOptimistic = useCallback18(
     async (opName, apply, op, reconcileParents) => {
       const snapshot = treeRef.current;
       setTree(applyStatus(apply(snapshot)));
@@ -4722,7 +4962,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [applyStatus, reconcilePath, onMutationError]
   );
-  const writeFile = useCallback17(
+  const writeFile = useCallback18(
     async (path, content) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -4737,7 +4977,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, tree, runOptimistic]
   );
-  const createFile = useCallback17(
+  const createFile = useCallback18(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -4751,7 +4991,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const createDir = useCallback17(
+  const createDir = useCallback18(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -4765,7 +5005,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const deleteEntry = useCallback17(
+  const deleteEntry = useCallback18(
     async (path, recursive = false) => {
       if (!sessionId) throw new Error("no session");
       await runOptimistic(
@@ -4777,7 +5017,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const moveEntry = useCallback17(
+  const moveEntry = useCallback18(
     async (path, newPath, opts) => {
       if (!sessionId) throw new Error("no session");
       const from = parentOf(path);
@@ -4807,7 +5047,7 @@ function useSandboxFiles(sessionId, options = {}) {
     }
     void refresh();
   }, [enabled, refresh]);
-  const refreshGitOverlay = useCallback17(async () => {
+  const refreshGitOverlay = useCallback18(async () => {
     if (!sessionId) return;
     try {
       const status = await client.gitStatus(workspaceId, sessionId, { path: rootPath });
@@ -4823,10 +5063,10 @@ function useSandboxFiles(sessionId, options = {}) {
     }
   }, [client, workspaceId, sessionId, rootPath, applyStatus]);
   const events = options.events;
-  const lastSeqRef = useRef11(0);
-  const pendingParentsRef = useRef11(/* @__PURE__ */ new Set());
-  const pendingGitRef = useRef11(false);
-  const debounceRef = useRef11(null);
+  const lastSeqRef = useRef12(0);
+  const pendingParentsRef = useRef12(/* @__PURE__ */ new Set());
+  const pendingGitRef = useRef12(false);
+  const debounceRef = useRef12(null);
   useEffect12(() => {
     if (!enabled || !events) return;
     let sawNew = false;
@@ -4870,7 +5110,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     []
   );
-  const wasLiveRef = useRef11(false);
+  const wasLiveRef = useRef12(false);
   const liveness = options.liveness;
   useEffect12(() => {
     const live = liveness === "warm" || liveness === "draining";
@@ -4898,7 +5138,7 @@ function useSandboxFiles(sessionId, options = {}) {
 }
 
 // src/hooks/use-sandbox-git.ts
-import { useCallback as useCallback18, useEffect as useEffect13, useRef as useRef12, useState as useState19 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect13, useRef as useRef13, useState as useState19 } from "react";
 function useSandboxGit(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
@@ -4911,7 +5151,7 @@ function useSandboxGit(sessionId, options = {}) {
   const [behind, setBehind] = useState19(0);
   const [loading, setLoading] = useState19(false);
   const [error, setError] = useState19(null);
-  const refresh = useCallback18(async () => {
+  const refresh = useCallback19(async () => {
     if (!sessionId) return;
     setLoading(true);
     setError(null);
@@ -4943,7 +5183,7 @@ function useSandboxGit(sessionId, options = {}) {
     void refresh();
   }, [enabled, refresh]);
   const events = options.events;
-  const lastChangeRef = useRef12(0);
+  const lastChangeRef = useRef13(0);
   useEffect13(() => {
     if (!enabled || !events) return;
     let latest = lastChangeRef.current;
@@ -5192,14 +5432,14 @@ function clearErrorMessage(cause) {
 }
 
 // src/hooks/use-slash-commands.ts
-import { useCallback as useCallback19, useMemo as useMemo5, useRef as useRef13, useState as useState20 } from "react";
+import { useCallback as useCallback20, useMemo as useMemo5, useRef as useRef14, useState as useState20 } from "react";
 function useSlashCommands(options) {
   const { commands, context, handlers, value, setValue } = options;
   const [highlight, setHighlight] = useState20(0);
   const [dismissedValue, setDismissedValue] = useState20(null);
   const dismissed = dismissedValue !== null && dismissedValue === value;
-  const navigatedRef = useRef13(false);
-  const navTokenRef = useRef13(value);
+  const navigatedRef = useRef14(false);
+  const navTokenRef = useRef14(value);
   if (navTokenRef.current !== value) {
     navTokenRef.current = value;
     navigatedRef.current = false;
@@ -5232,7 +5472,7 @@ function useSlashCommands(options) {
   const isCommandDraft = parsed !== null && items.length > 0;
   const clampedHighlight = items.length === 0 ? 0 : Math.min(highlight, items.length - 1);
   const activeArgHint = activeCommand ? argHint(activeCommand.args) : "";
-  const buildContext = useCallback19(
+  const buildContext = useCallback20(
     (command) => {
       if (!context) {
         return null;
@@ -5241,7 +5481,7 @@ function useSlashCommands(options) {
     },
     [context, handlers]
   );
-  const execute = useCallback19(
+  const execute = useCallback20(
     async (command, args) => {
       const ctx = buildContext(command);
       if (!ctx) {
@@ -5261,20 +5501,20 @@ function useSlashCommands(options) {
     },
     [buildContext, setValue]
   );
-  const autocomplete = useCallback19(
+  const autocomplete = useCallback20(
     (command) => {
       setValue(`/${command.name} `);
       setHighlight(0);
     },
     [setValue]
   );
-  const autocompleteHighlighted = useCallback19(() => {
+  const autocompleteHighlighted = useCallback20(() => {
     const command = items[clampedHighlight];
     if (command) {
       autocomplete(command);
     }
   }, [items, clampedHighlight, autocomplete]);
-  const runResolved = useCallback19(
+  const runResolved = useCallback20(
     async (command, options2) => {
       if (!parsed) {
         return;
@@ -5297,7 +5537,7 @@ function useSlashCommands(options) {
     },
     [parsed, activeCommand, autocomplete, execute]
   );
-  const runHighlighted = useCallback19(async () => {
+  const runHighlighted = useCallback20(async () => {
     if (!parsed) {
       return;
     }
@@ -5316,7 +5556,7 @@ function useSlashCommands(options) {
     }
     await runResolved(command);
   }, [parsed, activeCommand, items, clampedHighlight, runResolved]);
-  const runAt = useCallback19(
+  const runAt = useCallback20(
     async (index) => {
       const command = items[index];
       if (!command) {
@@ -5326,8 +5566,8 @@ function useSlashCommands(options) {
     },
     [items, runResolved]
   );
-  const runningRef = useRef13(false);
-  const onKeyDown = useCallback19(
+  const runningRef = useRef14(false);
+  const onKeyDown = useCallback20(
     (event) => {
       if (!open) {
         return false;
@@ -5469,7 +5709,7 @@ function CommandPalette({ open, items, highlight, onHighlight, onRun, argHintTex
 // src/components/chat-composer.tsx
 import { ArrowUpIcon, FileIcon, ImageIcon as ImageIcon2, LoaderCircleIcon, PaperclipIcon, RotateCwIcon, SquareIcon, XIcon as XIcon2 } from "lucide-react";
 import { AnimatePresence as AnimatePresence3, motion as motion3 } from "motion/react";
-import { useCallback as useCallback20, useEffect as useEffect14, useId as useId2, useMemo as useMemo7, useRef as useRef14, useState as useState21 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect14, useId as useId2, useMemo as useMemo7, useRef as useRef15, useState as useState21 } from "react";
 
 // src/components/model-picker.tsx
 import { ChevronDownIcon } from "lucide-react";
@@ -5546,15 +5786,15 @@ function ChatComposer({
   commandContext,
   onClearView
 }) {
-  const textareaRef = useRef14(null);
-  const fileInputRef = useRef14(null);
+  const textareaRef = useRef15(null);
+  const fileInputRef = useRef15(null);
   const active = status != null && ACTIVE_STATUSES.has(status);
   const blockedByUpload = attachments?.uploading === true;
   const hasReadyAttachment = (attachments?.readyResources.length ?? 0) > 0;
   const canSend = (composer.canSend || hasReadyAttachment) && !blockedByUpload && !composer.sending;
   const [dragging, setDragging] = useState21(false);
   const dragCarriesFiles = (event) => event.dataTransfer != null && [...event.dataTransfer.types].includes("Files");
-  const handleDragOver = useCallback20(
+  const handleDragOver = useCallback21(
     (event) => {
       if (!attachments || !dragCarriesFiles(event)) {
         return;
@@ -5564,7 +5804,7 @@ function ChatComposer({
     },
     [attachments]
   );
-  const handleDragLeave = useCallback20(
+  const handleDragLeave = useCallback21(
     (event) => {
       if (!attachments) {
         return;
@@ -5576,7 +5816,7 @@ function ChatComposer({
     },
     [attachments]
   );
-  const handleDrop = useCallback20(
+  const handleDrop = useCallback21(
     (event) => {
       if (!attachments || !dragCarriesFiles(event)) {
         return;
@@ -5593,7 +5833,7 @@ function ChatComposer({
   const [helpOpen, setHelpOpen] = useState21(false);
   const [confirmState, setConfirmState] = useState21(null);
   const listboxId = useId2();
-  const resize = useCallback20(() => {
+  const resize = useCallback21(() => {
     const textarea = textareaRef.current;
     if (!textarea) {
       return;
@@ -5662,14 +5902,14 @@ function ChatComposer({
       void composer.send();
     }
   };
-  const handlePaste = useCallback20(
+  const handlePaste = useCallback21(
     (event) => {
       onPaste?.(event);
       attachments?.addFromPaste(event);
     },
     [onPaste, attachments]
   );
-  const handleFileChange = useCallback20(
+  const handleFileChange = useCallback21(
     (event) => {
       if (event.target.files) {
         attachments?.addFiles(event.target.files);
@@ -5915,7 +6155,7 @@ function ConfirmBar({
   onConfirm,
   returnFocusRef
 }) {
-  const confirmRef = useRef14(null);
+  const confirmRef = useRef15(null);
   const descriptionId = useId2();
   useEffect14(() => {
     const returnTo = returnFocusRef?.current ?? null;
@@ -6071,7 +6311,7 @@ import {
   TriangleAlertIcon as TriangleAlertIcon2
 } from "lucide-react";
 import { AnimatePresence as AnimatePresence4, motion as motion4 } from "motion/react";
-import { useCallback as useCallback21, useEffect as useEffect15, useMemo as useMemo8, useRef as useRef15, useState as useState22 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect15, useLayoutEffect, useMemo as useMemo8, useRef as useRef16, useState as useState22 } from "react";
 
 // src/components/markdown.tsx
 import { memo } from "react";
@@ -6230,19 +6470,38 @@ function MessageTimeline({
   onOpenSession,
   toolRegistry = defaultToolRegistry,
   autoFollow = true,
+  hasOlder = false,
+  loadingOlder = false,
+  onLoadOlder,
   emptyState,
   className
 }) {
   const resolvedItems = useMemo8(() => items ?? buildTimeline(events ?? []), [items, events]);
   const groups = useMemo8(() => groupTimeline(resolvedItems), [resolvedItems]);
-  const scrollRef = useRef15(null);
+  const firstGroupKey = groups[0] ? timelineGroupKey(groups[0]) : null;
+  const scrollRef = useRef16(null);
+  const topSentinelRef = useRef16(null);
+  const previousBulkFirstKeyRef = useRef16(void 0);
   const [pinned, setPinned] = useState22(true);
-  const pinnedRef = useRef15(true);
-  const anchorRef = useRef15(null);
+  const [bulkActive, setBulkActive] = useState22(true);
+  const [revealed, setRevealed] = useState22(false);
+  const programmaticScrollRef = useRef16(false);
+  const assignScrollTop = useCallback22((node, value) => {
+    const previous = node.scrollTop;
+    programmaticScrollRef.current = true;
+    node.scrollTop = value;
+    if (node.scrollTop === previous) {
+      programmaticScrollRef.current = false;
+    }
+  }, []);
+  const pinnedRef = useRef16(true);
+  const anchorRef = useRef16(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 captureAnchor = useCallback21(() => {
+  const firstKeyChangedForBulk = previousBulkFirstKeyRef.current !== void 0 && previousBulkFirstKeyRef.current !== firstGroupKey;
+  const bulkRender = groups.length > 0 && (bulkActive || firstKeyChangedForBulk);
+  const captureAnchor = useCallback22(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
     if (!node || !inner) {
@@ -6251,6 +6510,9 @@ function MessageTimeline({
     }
     const containerTop = node.getBoundingClientRect().top;
     for (const child of Array.from(inner.children)) {
+      if (child instanceof HTMLElement && child.dataset.ogTimelineChrome !== void 0) {
+        continue;
+      }
       const rect = child.getBoundingClientRect();
       if (rect.bottom > containerTop + 1) {
         anchorRef.current = { el: child, top: rect.top - containerTop };
@@ -6259,12 +6521,43 @@ function MessageTimeline({
     }
     anchorRef.current = null;
   }, []);
-  useEffect15(() => {
+  useLayoutEffect(() => {
     const node = scrollRef.current;
     if (node && autoFollow && pinned) {
-      node.scrollTop = node.scrollHeight;
+      assignScrollTop(node, node.scrollHeight);
+    }
+    if (!revealed && groups.length > 0) {
+      setRevealed(true);
     }
-  }, [resolvedItems, working, autoFollow, pinned]);
+  }, [resolvedItems, working, autoFollow, pinned, revealed, groups.length, assignScrollTop]);
+  useLayoutEffect(() => {
+    if (groups.length === 0 && revealed) {
+      setRevealed(false);
+    }
+  }, [groups.length, revealed]);
+  useLayoutEffect(() => {
+    previousBulkFirstKeyRef.current = firstGroupKey;
+    if (!bulkRender) {
+      return;
+    }
+    setBulkActive(true);
+    const frame = requestFrame(() => setBulkActive(false));
+    return () => cancelFrame(frame);
+  }, [bulkRender, firstGroupKey]);
+  useEffect15(() => {
+    const root = scrollRef.current;
+    const target = topSentinelRef.current;
+    if (!root || !target || !hasOlder || loadingOlder || !onLoadOlder || typeof IntersectionObserver === "undefined") {
+      return;
+    }
+    const observer = new IntersectionObserver((entries) => {
+      if (entries.some((entry) => entry.isIntersecting)) {
+        onLoadOlder();
+      }
+    }, { root, rootMargin: "1600px 0px 0px 0px" });
+    observer.observe(target);
+    return () => observer.disconnect();
+  }, [hasOlder, loadingOlder, onLoadOlder, firstGroupKey]);
   useEffect15(() => {
     const node = scrollRef.current;
     const inner = node?.firstElementChild;
@@ -6277,7 +6570,7 @@ function MessageTimeline({
         return;
       }
       if (autoFollow && pinnedRef.current) {
-        current.scrollTop = current.scrollHeight;
+        assignScrollTop(current, current.scrollHeight);
       } else {
         const anchor = anchorRef.current;
         if (anchor && anchor.el.isConnected) {
@@ -6285,7 +6578,7 @@ function MessageTimeline({
           const now = anchor.el.getBoundingClientRect().top - containerTop;
           const diff = now - anchor.top;
           if (diff !== 0) {
-            current.scrollTop += diff;
+            assignScrollTop(current, current.scrollTop + diff);
           }
         }
       }
@@ -6293,32 +6586,47 @@ function MessageTimeline({
     });
     observer.observe(inner);
     return () => observer.disconnect();
-  }, [autoFollow, captureAnchor]);
+  }, [autoFollow, captureAnchor, assignScrollTop]);
   const onScroll = () => {
     const node = scrollRef.current;
     if (!node) {
       return;
     }
+    const programmatic = programmaticScrollRef.current;
+    programmaticScrollRef.current = false;
     const nextPinned = node.scrollHeight - node.scrollTop - node.clientHeight < 48;
-    pinnedRef.current = nextPinned;
-    setPinned(nextPinned);
+    if (nextPinned || !programmatic) {
+      pinnedRef.current = nextPinned;
+      setPinned(nextPinned);
+    }
     captureAnchor();
   };
-  return /* @__PURE__ */ jsx15(LightboxProvider, { children: /* @__PURE__ */ jsxs12("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx15("div", { ref: scrollRef, onScroll, className: "min-h-0 flex-1 overflow-y-auto overscroll-contain px-4 py-6 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,
-      groups.map((group) => /* @__PURE__ */ jsx15(
-        TimelineGroupView,
-        {
-          group,
-          renderMessageText,
-          onOpenSession,
-          toolRegistry
-        },
-        timelineGroupKey(group)
-      )),
-      working ? /* @__PURE__ */ jsx15("div", { className: "animate-og-enter flex items-center gap-2 text-sm", children: /* @__PURE__ */ jsx15("span", { className: "og-shimmer-text font-medium", children: "Working\u2026" }) }) : null
-    ] }) }),
+  return /* @__PURE__ */ jsx15(LightboxProvider, { children: /* @__PURE__ */ jsx15(EntranceAnimationProvider, { value: !bulkRender, children: /* @__PURE__ */ jsxs12("div", { className: cn("og-root relative flex min-h-0 flex-col", className), children: [
+    /* @__PURE__ */ jsx15(
+      "div",
+      {
+        ref: scrollRef,
+        onScroll,
+        style: groups.length > 0 && !revealed ? { visibility: "hidden" } : void 0,
+        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("div", { ref: topSentinelRef, "data-og-top-sentinel": "", "data-og-timeline-chrome": "", "aria-hidden": "true", className: "h-px w-full shrink-0" }) : 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) => /* @__PURE__ */ jsx15(
+            TimelineGroupView,
+            {
+              group,
+              renderMessageText,
+              onOpenSession,
+              toolRegistry
+            },
+            timelineGroupKey(group)
+          )),
+          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
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsx15(AnimatePresence4, { children: !pinned && autoFollow ? /* @__PURE__ */ jsxs12(
       motion4.button,
       {
@@ -6347,7 +6655,20 @@ function MessageTimeline({
         ]
       }
     ) : null })
-  ] }) });
+  ] }) }) });
+}
+function requestFrame(callback) {
+  if (typeof requestAnimationFrame === "function") {
+    return requestAnimationFrame(callback);
+  }
+  return window.setTimeout(() => callback(performance.now()), 16);
+}
+function cancelFrame(id) {
+  if (typeof cancelAnimationFrame === "function") {
+    cancelAnimationFrame(id);
+    return;
+  }
+  window.clearTimeout(id);
 }
 function TimelineGroupView({
   group,
@@ -6448,7 +6769,8 @@ function UserMessageRow({
   item,
   renderMessageText
 }) {
-  return /* @__PURE__ */ jsx15("div", { className: "animate-og-enter flex justify-end", children: /* @__PURE__ */ jsxs12("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
+  const enter = useEntranceAnimation();
+  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-end"), children: /* @__PURE__ */ jsxs12("div", { className: "flex max-w-[85%] min-w-0 flex-col items-end gap-1", children: [
     item.pending ? /* @__PURE__ */ jsx15("span", { className: "px-1 text-og-xs text-og-fg-subtle", children: "queued" }) : null,
     /* @__PURE__ */ jsx15("div", { className: "w-fit max-w-full min-w-0 rounded-og-lg rounded-br-og-xs border border-og-border bg-og-surface-2 px-4 py-2.5 text-og-md leading-6 text-og-fg", children: renderMessageText ? renderMessageText(item.text, item) : /* @__PURE__ */ jsx15(Markdown, { children: item.text }) })
   ] }) });
@@ -6457,8 +6779,9 @@ function AgentMessageRow({
   item,
   renderMessageText
 }) {
+  const enter = useEntranceAnimation();
   const caret = item.streaming ? /* @__PURE__ */ jsx15("span", { className: "ml-0.5 inline-block h-[1.1em] w-[2px] translate-y-[3px] animate-og-blink rounded-full bg-og-accent", "aria-hidden": true }) : null;
-  return /* @__PURE__ */ jsx15("div", { className: "animate-og-enter min-w-0 text-og-md leading-7 text-og-fg", children: renderMessageText ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
+  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "min-w-0 text-og-md leading-7 text-og-fg"), children: renderMessageText ? /* @__PURE__ */ jsxs12(Fragment4, { children: [
     renderMessageText(item.text, item),
     caret
   ] }) : (
@@ -6472,8 +6795,9 @@ function AgentMessageRow({
   ) });
 }
 function SessionStatusRow({ item }) {
+  const enter = useEntranceAnimation();
   const meta = SESSION_STATUS_META[item.status];
-  return /* @__PURE__ */ jsxs12("div", { className: "animate-og-enter flex items-center gap-3 text-og-xs text-og-fg-subtle", role: "status", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: cn(enter && "animate-og-enter", "flex items-center gap-3 text-og-xs text-og-fg-subtle"), role: "status", children: [
     /* @__PURE__ */ jsx15("span", { className: "h-px flex-1 bg-og-border" }),
     /* @__PURE__ */ jsxs12("span", { className: "inline-flex items-center gap-1.5", children: [
       /* @__PURE__ */ jsx15(StatusDot, { status: item.status, className: "size-1" }),
@@ -6494,8 +6818,9 @@ var GOAL_META = {
   continuation: { label: "Continuing toward the goal", pill: NEUTRAL_PILL, icon: ArrowRightIcon }
 };
 function GoalRow({ item }) {
+  const enter = useEntranceAnimation();
   const { label, pill, icon: Icon } = GOAL_META[item.action];
-  return /* @__PURE__ */ jsx15("div", { className: "animate-og-enter flex justify-center", children: /* @__PURE__ */ jsxs12("span", { className: cn("inline-flex max-w-full items-center gap-1.5 rounded-full border px-3 py-1 text-og-sm", pill), children: [
+  return /* @__PURE__ */ jsx15("div", { className: cn(enter && "animate-og-enter", "flex justify-center"), children: /* @__PURE__ */ jsxs12("span", { className: cn("inline-flex max-w-full items-center gap-1.5 rounded-full border px-3 py-1 text-og-sm", pill), children: [
     /* @__PURE__ */ jsx15(Icon, { className: "size-3.5 shrink-0" }),
     /* @__PURE__ */ jsxs12("span", { className: "truncate", children: [
       label,
@@ -6504,8 +6829,9 @@ function GoalRow({ item }) {
   ] }) });
 }
 function NoticeRow({ item }) {
+  const enter = useEntranceAnimation();
   const tone = item.tone === "failed" ? "border-og-status-failed/35 bg-og-status-failed/10 text-og-status-failed" : item.tone === "waiting" ? "border-og-status-waiting/35 bg-og-status-waiting/10 text-og-status-waiting" : "border-og-border bg-og-surface-1 text-og-fg-muted";
-  return /* @__PURE__ */ jsxs12("div", { className: cn("animate-og-enter flex items-start gap-2.5 rounded-og-md border px-3.5 py-2.5 text-sm", tone), role: "status", children: [
+  return /* @__PURE__ */ jsxs12("div", { className: cn(enter && "animate-og-enter", "flex items-start gap-2.5 rounded-og-md border px-3.5 py-2.5 text-sm", tone), role: "status", children: [
     /* @__PURE__ */ jsx15(TriangleAlertIcon2, { className: cn("mt-0.5 size-4 shrink-0", item.tone === "cancelled" && "opacity-60") }),
     /* @__PURE__ */ jsx15("span", { className: "min-w-0 whitespace-pre-wrap break-words", children: item.text })
   ] });
@@ -6571,7 +6897,7 @@ function FleetTile({ session, title, subtitle, onOpen, className }) {
 }
 
 // src/components/sandbox-terminal.tsx
-import { useEffect as useEffect16, useRef as useRef16, useState as useState23 } from "react";
+import { useEffect as useEffect16, useRef as useRef17, useState as useState23 } from "react";
 import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 function SandboxTerminal({
   result,
@@ -6586,13 +6912,13 @@ function SandboxTerminal({
   onActivate,
   className
 }) {
-  const containerRef = useRef16(null);
-  const termRef = useRef16(null);
-  const fitRef = useRef16(null);
-  const writtenRef = useRef16(/* @__PURE__ */ new Set());
+  const containerRef = useRef17(null);
+  const termRef = useRef17(null);
+  const fitRef = useRef17(null);
+  const writtenRef = useRef17(/* @__PURE__ */ new Set());
   const [ready, setReady] = useState23(false);
   const ptyWs = terminalCapability?.transport === "pty-ws" && Boolean(terminalCapability?.url);
-  const ptyOutputQueueRef = useRef16([]);
+  const ptyOutputQueueRef = useRef17([]);
   const ptyStream = useTerminalStream({
     capability: ptyWs ? {
       transport: terminalCapability.transport,
@@ -6687,7 +7013,7 @@ function SandboxTerminal({
     if (!ready || !term || !theme) return;
     term.options.theme = theme;
   }, [ready, theme]);
-  const enteredPtyRef = useRef16(false);
+  const enteredPtyRef = useRef17(false);
   useEffect16(() => {
     const term = termRef.current;
     if (!ready || !term) return;
@@ -6847,10 +7173,10 @@ import {
   Trash2Icon
 } from "lucide-react";
 import {
-  useCallback as useCallback22,
+  useCallback as useCallback23,
   useEffect as useEffect17,
   useMemo as useMemo9,
-  useRef as useRef17,
+  useRef as useRef18,
   useState as useState24
 } from "react";
 import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -6897,9 +7223,9 @@ function FileBrowser({
   const [dragOver, setDragOver] = useState24(null);
   const [menu, setMenu] = useState24(null);
   const [busy, setBusy] = useState24(false);
-  const containerRef = useRef17(null);
+  const containerRef = useRef18(null);
   const cursor = active ?? selectedPath ?? null;
-  const expand = useCallback22(
+  const expand = useCallback23(
     async (path) => {
       const node = findNode(result.tree, path);
       if (node && node.kind === "dir" && node.children === void 0) {
@@ -6917,14 +7243,14 @@ function FileBrowser({
     },
     [result]
   );
-  const open = useCallback22(
+  const open = useCallback23(
     (path) => {
       setExpanded((prev) => new Set(prev).add(path));
       void expand(path);
     },
     [expand]
   );
-  const toggle = useCallback22(
+  const toggle = useCallback23(
     async (node) => {
       if (node.kind !== "dir") return;
       const isOpen = expanded.has(node.path);
@@ -6952,7 +7278,7 @@ function FileBrowser({
     return rows;
   }, [result.tree, expanded]);
   const supportsMutation = editable;
-  const runDelete = useCallback22(
+  const runDelete = useCallback23(
     async (node) => {
       if (!supportsMutation) return;
       const recursive = node.kind === "dir";
@@ -6971,7 +7297,7 @@ function FileBrowser({
     },
     [supportsMutation, confirmDelete, result]
   );
-  const commitCreate = useCallback22(
+  const commitCreate = useCallback23(
     async (name) => {
       const draft = draftCreate;
       setDraftCreate(null);
@@ -6996,7 +7322,7 @@ function FileBrowser({
     },
     [draftCreate, supportsMutation, result, open, onSelectFile]
   );
-  const commitRename = useCallback22(
+  const commitRename = useCallback23(
     async (name) => {
       const draft = draftRename;
       setDraftRename(null);
@@ -7019,7 +7345,7 @@ function FileBrowser({
     },
     [draftRename, supportsMutation, result, selectedPath, active, onSelectFile]
   );
-  const startCreate = useCallback22(
+  const startCreate = useCallback23(
     (kind) => {
       if (!supportsMutation) return;
       const anchor = cursor ? findNode(result.tree, cursor) : void 0;
@@ -7031,7 +7357,7 @@ function FileBrowser({
     },
     [supportsMutation, cursor, result.tree, open]
   );
-  const startRename = useCallback22(
+  const startRename = useCallback23(
     (node) => {
       if (!supportsMutation) return;
       setDraftCreate(null);
@@ -7040,7 +7366,7 @@ function FileBrowser({
     },
     [supportsMutation]
   );
-  const onDropOnto = useCallback22(
+  const onDropOnto = useCallback23(
     async (targetDir, sourcePath) => {
       setDragOver(null);
       if (!supportsMutation || !sourcePath) return;
@@ -7064,7 +7390,7 @@ function FileBrowser({
     },
     [supportsMutation, result, selectedPath, active, onSelectFile]
   );
-  const onKeyDown = useCallback22(
+  const onKeyDown = useCallback23(
     (e) => {
       if (draftCreate || draftRename) return;
       if (flatRows.length === 0) return;
@@ -7413,8 +7739,8 @@ function InlineInput({
   onCancel
 }) {
   const [value, setValue] = useState24(initialValue);
-  const ref = useRef17(null);
-  const doneRef = useRef17(false);
+  const ref = useRef18(null);
+  const doneRef = useRef18(false);
   useEffect17(() => {
     const el = ref.current;
     if (!el) return;
@@ -7597,10 +7923,10 @@ import { Loader2Icon as Loader2Icon2, SaveIcon } from "lucide-react";
 import {
   lazy as lazy3,
   Suspense as Suspense3,
-  useCallback as useCallback23,
+  useCallback as useCallback24,
   useEffect as useEffect19,
   useMemo as useMemo10,
-  useRef as useRef18,
+  useRef as useRef19,
   useState as useState26
 } from "react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -7669,7 +7995,7 @@ function CodeEditor({
   const [saveError, setSaveError] = useState26(null);
   const [savedTick, setSavedTick] = useState26(false);
   const dirty = value !== baseline;
-  const lastSeed = useRef18({ path, contents: initialContents });
+  const lastSeed = useRef19({ path, contents: initialContents });
   useEffect19(() => {
     const seedChanged = lastSeed.current.path !== path || lastSeed.current.contents !== initialContents;
     if (!seedChanged) return;
@@ -7712,9 +8038,9 @@ function CodeEditor({
       cancelled = true;
     };
   }, [langKey]);
-  const saveRef = useRef18(() => {
+  const saveRef = useRef19(() => {
   });
-  const save = useCallback23(async () => {
+  const save = useCallback24(async () => {
     if (readOnly) return;
     const snapshot = value;
     if (snapshot === baseline) return;
@@ -7858,7 +8184,7 @@ function EditorSkeleton() {
 
 // src/components/sandbox-files.tsx
 import { FileIcon as FileIcon3 } from "lucide-react";
-import { useCallback as useCallback24, useEffect as useEffect20, useMemo as useMemo11, useRef as useRef19, useState as useState27 } from "react";
+import { useCallback as useCallback25, useEffect as useEffect20, useMemo as useMemo11, useRef as useRef20, useState as useState27 } from "react";
 import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var STATUS_TINT2 = {
   added: "text-og-status-idle",
@@ -7896,7 +8222,7 @@ function SandboxFiles({
   const [staged, setStaged] = useState27(false);
   const [layout, setLayout] = useState27("unified");
   const [editMode, setEditMode] = useState27(false);
-  const rootRef = useRef19(null);
+  const rootRef = useRef20(null);
   const [wide, setWide] = useState27(false);
   useEffect20(() => {
     const el = rootRef.current;
@@ -7916,7 +8242,7 @@ function SandboxFiles({
   const selectedDiff = changed.find((f) => f.path === effectiveSelected) ?? null;
   const viewPath = effectiveSelected && !selectedDiff ? effectiveSelected : null;
   const fileView = useFileView(viewPath, files.readFile);
-  const selectFile = useCallback24((path) => {
+  const selectFile = useCallback25((path) => {
     setSelected(path);
     setEditMode(false);
   }, []);
@@ -8229,7 +8555,7 @@ function Notice({ children, className }) {
 
 // src/components/desktop-viewer.tsx
 import { LoaderCircleIcon as LoaderCircleIcon2, MonitorIcon, MousePointerClickIcon, WifiOffIcon } from "lucide-react";
-import { useEffect as useEffect21, useRef as useRef20, useState as useState28 } from "react";
+import { useEffect as useEffect21, useRef as useRef21, useState as useState28 } from "react";
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 var DESKTOP_MEDIA_BACKGROUND = "#000";
 function isHardUnavailable(reason) {
@@ -8262,7 +8588,7 @@ function DesktopViewer({
   connectTimeoutMs = 13e3,
   className
 }) {
-  const containerRef = useRef20(null);
+  const containerRef = useRef21(null);
   const [consented, setConsented] = useState28(false);
   const [takeControl, setTakeControl] = useState28(interactive ?? false);
   const externallyControlled = interactive !== void 0;
@@ -8304,9 +8630,9 @@ function DesktopViewer({
   });
   const connected = stream.state === "connected";
   const hasLiveUrl = Boolean(connectCapability?.url);
-  const streamStateRef = useRef20(stream.state);
+  const streamStateRef = useRef21(stream.state);
   streamStateRef.current = stream.state;
-  const warmKeyRef = useRef20(null);
+  const warmKeyRef = useRef21(null);
   useEffect21(() => {
     if (!isWatching || !coldWarmable || needsAck || viewerCapReached) {
       if (!coldWarmable) warmKeyRef.current = null;
@@ -8599,7 +8925,7 @@ function defaultNotice(title, body, onRetry) {
 }
 
 // src/components/workspace-dock.tsx
-import { useCallback as useCallback25, useEffect as useEffect22, useLayoutEffect, useState as useState29 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect22, useLayoutEffect as useLayoutEffect2, useState as useState29 } from "react";
 import {
   ChevronsLeftRightIcon,
   Maximize2Icon,
@@ -8615,7 +8941,7 @@ import {
   usePanelRef
 } from "react-resizable-panels";
 import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
-var useDockLayoutEffect = typeof window === "undefined" ? useEffect22 : useLayoutEffect;
+var useDockLayoutEffect = typeof window === "undefined" ? useEffect22 : useLayoutEffect2;
 var DOCK_OVERLAY_BREAKPOINT = 1024;
 function useIsNarrow(maxWidth) {
   const [narrow, setNarrow] = useState29(false);
@@ -8663,14 +8989,14 @@ function WorkspaceDock({
   const current = activeTab ?? internalTab;
   const tabIds = tabs.map((tab) => tab.id).join("\0");
   const firstTabId = tabs[0]?.id ?? "";
-  const setTab = useCallback25(
+  const setTab = useCallback26(
     (id) => {
       setInternalTab(id);
       onActiveTabChange?.(id);
     },
     [onActiveTabChange]
   );
-  const setCollapsed = useCallback25(
+  const setCollapsed = useCallback26(
     (next) => {
       setInternalCollapsed((previous) => previous === next ? previous : next);
       onCollapsedChange?.(next);
@@ -8693,11 +9019,11 @@ function WorkspaceDock({
       setTab(firstTabId);
     }
   }, [tabIds, firstTabId, current, setTab]);
-  const collapse = useCallback25(() => {
+  const collapse = useCallback26(() => {
     dockPanelRef.current?.collapse();
     setCollapsed(true);
   }, [dockPanelRef, setCollapsed]);
-  const expand = useCallback25(() => {
+  const expand = useCallback26(() => {
     dockPanelRef.current?.expand();
     setCollapsed(false);
   }, [dockPanelRef, setCollapsed]);
@@ -8866,7 +9192,7 @@ function DockChrome({
 }
 
 // src/hooks/use-codex-accounts.ts
-import { useCallback as useCallback26, useState as useState30 } from "react";
+import { useCallback as useCallback27, useState as useState30 } from "react";
 function isCodexAccountEvent(event) {
   return event.type === "codex.account.switched" || event.type === "turn.started";
 }
@@ -8883,7 +9209,7 @@ function useCodexAccounts(options = {}) {
   const codexClient = options.codexClient ?? client;
   const sessionId = options.sessionId;
   const sharedEvents = options.events;
-  const load = useCallback26(async () => {
+  const load = useCallback27(async () => {
     const accountsP = codexClient.listCodexAccounts(workspaceId);
     const sessionP = sessionId && codexClient.getSession ? codexClient.getSession(workspaceId, sessionId).catch(() => null) : Promise.resolve(null);
     const [acc, session] = await Promise.all([accountsP, sessionP]);
@@ -8907,7 +9233,7 @@ function useCodexAccounts(options = {}) {
     () => void state.refresh(),
     { enabled: options.enabled ?? true, ...sharedEvents !== void 0 ? { events: sharedEvents } : {} }
   );
-  const pin = useCallback26(
+  const pin = useCallback27(
     async (target) => {
       if (!sessionId || !codexClient.pinSessionCodexAccount) {
         return false;
@@ -8923,7 +9249,7 @@ function useCodexAccounts(options = {}) {
     },
     [codexClient, workspaceId, sessionId, mutation.run, state.refresh]
   );
-  const refreshUsage = useCallback26(
+  const refreshUsage = useCallback27(
     async () => {
       if (!codexClient.refreshCodexUsage) {
         return false;