@opengeni/react 0.46.1 → 0.52.1

package/dist/index.js

@@ -1,58 +1,3 @@
-import {
-  CONNECTION_STATUS_META,
-  ConnectionDot,
-  ConnectionStatusPill,
-  EnrollmentConsent,
-  EnrollmentDeviceFlow,
-  HEALTH_TOKEN,
-  MACHINE_STATE_BADGE_META,
-  METRICS,
-  METRIC_WINDOWS,
-  MachineCard,
-  MachineDetail,
-  MachineDockBar,
-  MachineHealthPill,
-  MachineMetrics,
-  MachineStatusPill,
-  MachinesDashboard,
-  MetricHistoryChart,
-  MetricSparkline,
-  OpenGeniProvider,
-  SharedMachineDisclosure,
-  WINDOW_LABEL,
-  connectionStatusForState,
-  deriveHealth,
-  healthPulses,
-  pointsFor,
-  useMachines
-} from "./chunk-6EDV6YFE.js";
-import {
-  SESSION_EVENT_BROWSER_MAX_BYTES,
-  SESSION_EVENT_BROWSER_MAX_COUNT,
-  SESSION_EVENT_BROWSER_PENDING_MAX_BYTES,
-  SESSION_EVENT_BROWSER_PENDING_MAX_COUNT,
-  SESSION_EVENT_BROWSER_SINGLE_EVENT_MAX_BYTES,
-  approvalsFromRequiresAction,
-  boundBrowserSessionEventWindow,
-  humanInputRequestFromEvent,
-  isGoalEvent,
-  isHumanInputEvent,
-  isLineageRefreshEvent,
-  isSessionMcpApprovalPolicyEvent,
-  isTitleEvent,
-  isTurnQueueEvent,
-  projectPendingApprovals,
-  projectPendingHumanInputRequests,
-  useFileAttachments,
-  useGoal,
-  useHumanInputRequests,
-  useSession,
-  useSessionControl,
-  useSessionEvents,
-  useSessionLineage,
-  useSessionMcpApprovalPolicy,
-  useTurnQueue
-} from "./chunk-SRFUT2ZU.js";
 import {
   ActivityDisclosure,
   ActivityRail,
@@ -61,6 +6,7 @@ import {
   CopyButton,
   CopyHoverFrame,
   DisclosureDefaultsProvider,
+  GeneratedVideoPlayer,
   HumanInputForm,
   HumanInputSurface,
   LightboxProvider,
@@ -85,7 +31,6 @@ import {
   applyPatchOps,
   applyPatchOpsFromToolItem,
   controlCaret,
-  copyTextToClipboard,
   createDefaultToolRegistry,
   createToolRegistry,
   defaultHumanInputFormMessages,
@@ -99,11 +44,9 @@ import {
   parseFreeformApplyPatch,
   parseToolArgs,
   rawTypeOf,
-  redactSecrets,
   sandboxCommandExitCode,
   sessionChromeGoalPillState,
   stripExecBanner,
-  tableElementToTsv,
   tailPeek,
   unwrapMcpOutput,
   useLightbox,
@@ -111,16 +54,7 @@ import {
   useThemeType,
   userMessageLikelyNeedsDisclosure,
   v4aToGitFileDiff
-} from "./chunk-LGVMUIRV.js";
-import "./chunk-VCBFUSUZ.js";
-import {
-  buildTimeline,
-  creditExhaustedFromEvents,
-  extractSessionRef,
-  groupTimeline,
-  sessionStatusFromEvents,
-  toolDisplayName
-} from "./chunk-LWR4MXSS.js";
+} from "./chunk-JAGDUCZQ.js";
 import {
   Actions,
   AttachButton,
@@ -173,19 +107,7 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-3PB7MIT6.js";
-import {
-  FILE_ONLY_MESSAGE_TEXT,
-  composeSendInput,
-  shouldSteerOnKey,
-  shouldSubmitOnKey,
-  useComposer
-} from "./chunk-HFO4ERGQ.js";
-import {
-  useMutationRunner,
-  usePolledValue,
-  useSessionEventTrigger
-} from "./chunk-EB67J347.js";
+} from "./chunk-ROIRTM37.js";
 import {
   BillingClassMark,
   ModelPolicyPicker,
@@ -194,11 +116,7 @@ import {
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-FGZUCXZF.js";
-import {
-  useOpenGeni,
-  useOpenGeniClient
-} from "./chunk-EKZH6IDG.js";
+} from "./chunk-WYA65Y3F.js";
 import {
   advancedSourceSummary,
   availabilityReasonLabel,
@@ -222,7 +140,84 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-U3CSCMWA.js";
+} from "./chunk-FK6VG4LL.js";
+import {
+  TimelineAnnotationsChip
+} from "./chunk-WSK7G5LE.js";
+import {
+  usePortalTokenSource,
+  usePortalTokenStyle
+} from "./chunk-VZTQ73XT.js";
+import {
+  CONNECTION_STATUS_META,
+  ConnectionDot,
+  ConnectionStatusPill,
+  EnrollmentConsent,
+  EnrollmentDeviceFlow,
+  HEALTH_TOKEN,
+  MACHINE_STATE_BADGE_META,
+  METRICS,
+  METRIC_WINDOWS,
+  MachineCard,
+  MachineDetail,
+  MachineDockBar,
+  MachineHealthPill,
+  MachineMetrics,
+  MachineStatusPill,
+  MachinesDashboard,
+  MetricHistoryChart,
+  MetricSparkline,
+  OpenGeniProvider,
+  SharedMachineDisclosure,
+  WINDOW_LABEL,
+  connectionStatusForState,
+  deriveHealth,
+  healthPulses,
+  pointsFor,
+  useMachines
+} from "./chunk-X4S56Y2H.js";
+import {
+  SESSION_EVENT_BROWSER_MAX_BYTES,
+  SESSION_EVENT_BROWSER_MAX_COUNT,
+  SESSION_EVENT_BROWSER_PENDING_MAX_BYTES,
+  SESSION_EVENT_BROWSER_PENDING_MAX_COUNT,
+  SESSION_EVENT_BROWSER_SINGLE_EVENT_MAX_BYTES,
+  approvalsFromRequiresAction,
+  boundBrowserSessionEventWindow,
+  humanInputRequestFromEvent,
+  isGoalEvent,
+  isHumanInputEvent,
+  isLineageRefreshEvent,
+  isSessionMcpApprovalPolicyEvent,
+  isTitleEvent,
+  isTurnQueueEvent,
+  projectPendingApprovals,
+  projectPendingHumanInputRequests,
+  useFileAttachments,
+  useGoal,
+  useHumanInputRequests,
+  useSession,
+  useSessionControl,
+  useSessionEvents,
+  useSessionLineage,
+  useSessionMcpApprovalPolicy,
+  useTurnQueue
+} from "./chunk-FWS3KC3Z.js";
+import {
+  buildTimeline,
+  creditExhaustedFromEvents,
+  extractSessionRef,
+  groupTimeline,
+  sessionStatusFromEvents,
+  toolDisplayName
+} from "./chunk-JR3QFY6B.js";
+import {
+  FILE_ONLY_MESSAGE_TEXT,
+  composeSendInput,
+  shouldSteerOnKey,
+  shouldSubmitOnKey,
+  useComposer
+} from "./chunk-724BW4TW.js";
 import {
   COMPOSER_PAYMENT_REQUIRED_MESSAGE,
   CREDIT_EXHAUSTION_MESSAGE,
@@ -237,11 +232,48 @@ import {
   tryParseJson
 } from "./chunk-LAKLF4PA.js";
 import {
-  usePortalTokenStyle
-} from "./chunk-JB5725BI.js";
+  STREAM_KIND_DESKTOP,
+  STREAM_ROLE_CLIENT,
+  decodeStreamFrame,
+  decodeStreamOpenAck,
+  encodeStreamOpen
+} from "./chunk-6BBWWOOU.js";
+import {
+  useMutationRunner,
+  usePageLiveActivity,
+  usePolledValue,
+  useSessionEventTrigger
+} from "./chunk-KZ73RL76.js";
+import {
+  useOpenGeni,
+  useOpenGeniClient
+} from "./chunk-HDBG7XGO.js";
 import {
   cn
 } from "./chunk-22KP6LR5.js";
+import {
+  copyTextToClipboard,
+  tableElementToTsv
+} from "./chunk-JVYQRRC4.js";
+
+// src/hooks/use-video-artifact-playback.ts
+import { useMemo } from "react";
+function useVideoArtifactPlaybackLoader(options = {}) {
+  const { client, workspaceId } = useOpenGeni(options);
+  return useMemo(
+    () => async (artifactId, signal) => {
+      if (typeof client.createVideoArtifactPlaybackSource !== "function") {
+        throw new Error("This OpenGeni host does not expose retained-video playback.");
+      }
+      return await client.createVideoArtifactPlaybackSource(
+        workspaceId,
+        artifactId,
+        signal ? { signal } : {}
+      );
+    },
+    [client, workspaceId]
+  );
+}
 
 // src/hooks/use-last-started-turn-policy.ts
 import { useCallback, useEffect } from "react";
@@ -378,7 +410,7 @@ function useWorkspaceSessions(options = {}) {
 }
 
 // src/hooks/use-environments.ts
-import { useCallback as useCallback4, useMemo } from "react";
+import { useCallback as useCallback4, useMemo as useMemo2 } from "react";
 function useVariableSets(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const load = useCallback4(
@@ -423,6 +455,10 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
+  const readVariable = useCallback4(
+    async (variableSetId, name) => await run(() => client.getVariableSetVariable(workspaceId, variableSetId, name)),
+    [client, workspaceId, run]
+  );
   const setVariable = useCallback4(
     async (variableSetId, name, value) => {
       const result = await run(
@@ -456,6 +492,7 @@ function useVariableSets(options = {}) {
     create,
     update,
     remove,
+    readVariable,
     setVariable,
     deleteVariable,
     mutating,
@@ -464,7 +501,7 @@ function useVariableSets(options = {}) {
   };
 }
 function useEnvironments(options = {}) {
-  const legacyClient = useMemo(() => {
+  const legacyClient = useMemo2(() => {
     if (!options.client) {
       return void 0;
     }
@@ -478,7 +515,10 @@ function useEnvironments(options = {}) {
       deleteVariableSetVariable: options.client.deleteEnvironmentVariable ?? options.client.deleteVariableSetVariable
     };
   }, [options.client]);
-  const result = useVariableSets({ ...options, ...legacyClient ? { client: legacyClient } : {} });
+  const result = useVariableSets({
+    ...options,
+    ...legacyClient ? { client: legacyClient } : {}
+  });
   return { ...result, environments: result.variableSets };
 }
 
@@ -728,6 +768,30 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
+  const previewInstallation = useCallback6(
+    async (packId, request = {}) => await run(() => client.previewPackInstallation(workspaceId, packId, request)),
+    [client, workspaceId, run]
+  );
+  const install = useCallback6(
+    async (packId, request) => {
+      const result = await run(() => client.installPack(workspaceId, packId, request));
+      if (result) await refresh();
+      return result;
+    },
+    [client, workspaceId, run, refresh]
+  );
+  const previewUninstall = useCallback6(
+    async (packId) => await run(() => client.previewPackUninstall(workspaceId, packId)),
+    [client, workspaceId, run]
+  );
+  const uninstall = useCallback6(
+    async (packId, request) => {
+      const result = await run(() => client.uninstallPack(workspaceId, packId, request));
+      if (result) await refresh();
+      return result;
+    },
+    [client, workspaceId, run, refresh]
+  );
   const remove = useCallback6(
     async (packId) => {
       const result = await run(async () => {
@@ -755,6 +819,10 @@ function usePacks(options = {}) {
     refresh,
     register,
     enable,
+    previewInstallation,
+    install,
+    previewUninstall,
+    uninstall,
     remove,
     mutating,
     mutationError,
@@ -884,16 +952,24 @@ import {
   applyUrlRotation
 } from "@opengeni/sdk";
 import { useCallback as useCallback10, useEffect as useEffect3, useRef as useRef2, useState } from "react";
+
+// src/lib/sandbox-liveness.ts
+function sandboxAcceptsLiveIo(liveness) {
+  return liveness === "warm";
+}
+
+// src/lib/terminal-capability.ts
+function terminalCanAcquirePty(cell) {
+  if (!cell?.ptyCapable) return false;
+  if (cell.transport === "pty-ws") return true;
+  return cell.reason === "lease_cold" || cell.reason === "not_provisioned";
+}
+
+// src/hooks/use-session-capabilities.ts
 function desktopAttachable(cell) {
   if (cell.transport !== null) return true;
   return cell.reason === "lease_cold" || cell.reason === "not_provisioned" || cell.reason === null;
 }
-function terminalAttachable(cell) {
-  if (cell.transport === null) {
-    return cell.reason === "lease_cold" || cell.reason === "not_provisioned" || cell.reason === null;
-  }
-  return true;
-}
 function rotationsFrom(events) {
   const out = [];
   for (const event of events) {
@@ -906,6 +982,8 @@ function rotationsFrom(events) {
 function useSessionCapabilities(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
+  const pageLive = usePageLiveActivity();
+  const lifecycleEnabled = enabled && pageLive;
   const attachDesktop = options.attachDesktop ?? false;
   const attachTerminal = options.attachTerminal ?? false;
   const attachFiles = options.attachFiles ?? false;
@@ -940,11 +1018,15 @@ function useSessionCapabilities(sessionId, options = {}) {
       epochRef.current = 0;
       viewerIdRef.current = null;
     }
-    if (!enabled || !sessionId) {
+    if (!lifecycleEnabled || !sessionId) {
       setState("idle");
       setCapabilities(null);
+      viewerIdRef.current = null;
+      setViewerId(null);
       return;
     }
+    viewerIdRef.current = null;
+    setViewerId(null);
     let cancelled = false;
     let pollTimer = null;
     let heartbeatTimer = null;
@@ -953,7 +1035,7 @@ function useSessionCapabilities(sessionId, options = {}) {
     const startedAt = Date.now();
     const clearTimers = () => {
       if (pollTimer !== null) clearTimeout(pollTimer);
-      if (heartbeatTimer !== null) clearInterval(heartbeatTimer);
+      if (heartbeatTimer !== null) clearTimeout(heartbeatTimer);
       pollTimer = null;
       heartbeatTimer = null;
     };
@@ -966,19 +1048,26 @@ function useSessionCapabilities(sessionId, options = {}) {
     const startHeartbeat = (caps) => {
       if (!localViewerId || heartbeatTimer !== null) return;
       const intervalMs = caps.viewerHeartbeatIntervalMs > 0 ? caps.viewerHeartbeatIntervalMs : 3e4;
-      heartbeatTimer = setInterval(() => {
+      const schedule = () => {
         if (cancelled || !localViewerId) return;
-        void client.heartbeatViewer(workspaceId, sessionId, localViewerId, { leaseEpoch: epochRef.current }).then((res) => {
-          if (!res.alive && !cancelled) {
-            renegotiate();
-          }
-        }).catch((cause) => {
-          if (cancelled) return;
-          if (cause instanceof OpenGeniApiError && (cause.status === 409 || cause.status === 410)) {
-            renegotiate();
-          }
-        });
-      }, intervalMs);
+        heartbeatTimer = setTimeout(() => {
+          heartbeatTimer = null;
+          if (cancelled || !localViewerId) return;
+          void client.heartbeatViewer(workspaceId, sessionId, localViewerId, {
+            leaseEpoch: epochRef.current
+          }).then((res) => {
+            if (!res.alive && !cancelled) {
+              renegotiate();
+            }
+          }).catch((cause) => {
+            if (cancelled) return;
+            if (cause instanceof OpenGeniApiError && (cause.status === 409 || cause.status === 410)) {
+              renegotiate();
+            }
+          }).finally(schedule);
+        }, intervalMs);
+      };
+      schedule();
     };
     const pollUntilWarm = () => {
       pollTimer = setTimeout(() => {
@@ -986,7 +1075,7 @@ function useSessionCapabilities(sessionId, options = {}) {
         void client.getStreamCapabilities(workspaceId, sessionId, { signal: requestAbort.signal }).then((caps) => {
           if (cancelled) return;
           settle(caps);
-          if (caps.liveness === "warm" || caps.liveness === "draining") {
+          if (sandboxAcceptsLiveIo(caps.liveness)) {
             setState("ready");
             return;
           }
@@ -1015,18 +1104,25 @@ function useSessionCapabilities(sessionId, options = {}) {
         if (cancelled) return;
         settle(caps);
         const wantDesktopAttach = attachDesktop && desktopAttachable(caps.DesktopStream);
-        const wantTerminalAttach = attachTerminal && terminalAttachable(caps.Terminal);
+        const wantTerminalAttach = attachTerminal && terminalCanAcquirePty(caps.Terminal);
         const wantFilesAttach = attachFiles && caps.FileSystem.available;
         if (wantDesktopAttach || wantTerminalAttach || wantFilesAttach) {
           try {
             const holder = await client.attachViewer(workspaceId, sessionId, {
-              desktop: wantDesktopAttach
+              desktop: wantDesktopAttach,
+              terminal: wantTerminalAttach,
+              files: wantFilesAttach
             });
             if (cancelled) {
               void client.detachViewer(workspaceId, sessionId, holder.viewerId).catch(() => {
               });
               return;
             }
+            if (wantDesktopAttach && (!holder.dataPlaneUrl || !holder.transport || !holder.client) || wantTerminalAttach && (!holder.terminalUrl || !holder.terminalTransport)) {
+              await client.detachViewer(workspaceId, sessionId, holder.viewerId).catch(() => {
+              });
+              throw new Error("live plane unavailable");
+            }
             localViewerId = holder.viewerId;
             viewerIdRef.current = holder.viewerId;
             setViewerId(holder.viewerId);
@@ -1041,19 +1137,20 @@ function useSessionCapabilities(sessionId, options = {}) {
                   ...prev.DesktopStream,
                   transport: holder.transport ?? prev.DesktopStream.transport,
                   client: holder.client ?? prev.DesktopStream.client,
-                  url: holder.dataPlaneUrl ?? prev.DesktopStream.url,
-                  token: holder.streamToken ?? prev.DesktopStream.token,
-                  expiresAt: holder.streamExpiresAt ?? prev.DesktopStream.expiresAt,
+                  url: holder.dataPlaneUrl,
+                  token: holder.streamToken,
+                  expiresAt: holder.streamExpiresAt,
                   resolution: holder.resolution ?? prev.DesktopStream.resolution
                 } : prev.DesktopStream,
-                Terminal: holder.terminalUrl && holder.terminalTransport ? {
+                Terminal: wantTerminalAttach ? {
                   ...prev.Terminal,
-                  transport: holder.terminalTransport,
+                  transport: holder.terminalTransport ?? prev.Terminal.transport,
                   url: holder.terminalUrl,
-                  token: holder.terminalToken ?? prev.Terminal.token,
+                  token: holder.terminalToken,
+                  expiresAt: holder.terminalExpiresAt,
                   // A live pty-ws means the box is pty-capable for real.
-                  ptyCapable: true,
-                  reason: null
+                  ptyCapable: holder.terminalTransport ? true : prev.Terminal.ptyCapable,
+                  reason: holder.terminalTransport ? null : prev.Terminal.reason
                 } : prev.Terminal
               } : prev
             );
@@ -1072,6 +1169,8 @@ function useSessionCapabilities(sessionId, options = {}) {
                 setState("error");
                 setError(cause);
                 return;
+              } else {
+                throw cause;
               }
             } else {
               throw cause;
@@ -1079,7 +1178,7 @@ function useSessionCapabilities(sessionId, options = {}) {
           }
         }
         const warmUpRequested = wantDesktopAttach || wantTerminalAttach || wantFilesAttach;
-        if (caps.liveness === "warm" || caps.liveness === "draining" || localViewerId) {
+        if (sandboxAcceptsLiveIo(caps.liveness) || localViewerId) {
           setState("ready");
           startHeartbeat(caps);
         } else if (warmUpRequested) {
@@ -1113,7 +1212,7 @@ function useSessionCapabilities(sessionId, options = {}) {
     client,
     workspaceId,
     sessionId,
-    enabled,
+    lifecycleEnabled,
     attachDesktop,
     attachTerminal,
     attachFiles,
@@ -1162,76 +1261,6 @@ import {
 } from "@opengeni/sdk";
 import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
 
-// src/lib/relay-wire.ts
-import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
-var STREAM_KIND_DESKTOP = 2;
-var STREAM_ROLE_CLIENT = 2;
-function encodeChannel(message, writer) {
-  if (message.channelId !== "") writer.uint32(10).string(message.channelId);
-  if (message.workspaceId !== "") writer.uint32(18).string(message.workspaceId);
-  if (message.agentId !== "") writer.uint32(26).string(message.agentId);
-  if (message.kind !== 0) writer.uint32(32).int32(message.kind);
-  if (message.port !== 0) writer.uint32(40).uint32(message.port);
-  return writer;
-}
-function encodeStreamOpen(message) {
-  const writer = new BinaryWriter();
-  encodeChannel(message.channel, writer.uint32(10).fork()).join();
-  if (message.token !== "") writer.uint32(18).string(message.token);
-  if (message.role !== 0) writer.uint32(24).int32(message.role);
-  if (message.resumeFromSeq !== "0") writer.uint32(32).uint64(message.resumeFromSeq);
-  return writer.finish();
-}
-function decodeAgentErrorMessage(reader, length) {
-  const end = reader.pos + length;
-  let message;
-  while (reader.pos < end) {
-    const tag = reader.uint32();
-    if (tag >>> 3 === 2 && tag === 18) {
-      message = reader.string();
-      continue;
-    }
-    if ((tag & 7) === 4 || tag === 0) break;
-    reader.skip(tag & 7);
-  }
-  return message !== void 0 ? { message } : {};
-}
-function decodeStreamOpenAck(bytes) {
-  const reader = new BinaryReader(bytes);
-  const end = reader.len;
-  let accepted = false;
-  let error;
-  while (reader.pos < end) {
-    const tag = reader.uint32();
-    if (tag >>> 3 === 1 && tag === 8) {
-      accepted = reader.bool();
-      continue;
-    }
-    if (tag >>> 3 === 2 && tag === 18) {
-      error = decodeAgentErrorMessage(reader, reader.uint32());
-      continue;
-    }
-    if ((tag & 7) === 4 || tag === 0) break;
-    reader.skip(tag & 7);
-  }
-  return error !== void 0 ? { accepted, error } : { accepted };
-}
-function decodeStreamFrame(bytes) {
-  const reader = new BinaryReader(bytes);
-  const end = reader.len;
-  let data = new Uint8Array(0);
-  while (reader.pos < end) {
-    const tag = reader.uint32();
-    if (tag >>> 3 === 3 && tag === 26) {
-      data = new Uint8Array(reader.bytes());
-      continue;
-    }
-    if ((tag & 7) === 4 || tag === 0) break;
-    reader.skip(tag & 7);
-  }
-  return { data };
-}
-
 // src/hooks/use-relay-frame-stream.ts
 import { useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
 var TAG_OPEN = 1;
@@ -1562,7 +1591,15 @@ import {
   ttydResizeFrame,
   TtydServerCommand
 } from "@opengeni/sdk";
-import { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef5, useState as useState4 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState4 } from "react";
+var MAX_PENDING_TERMINAL_INPUT_CODE_UNITS = 64 * 1024;
+var TERMINAL_CONNECT_EXPIRY_SKEW_MS = 5e3;
+function terminalStreamCredentialUsable(capability, nowMs = Date.now()) {
+  if (capability?.transport !== "pty-ws" || !capability.url) return false;
+  if (!capability.expiresAt) return true;
+  const expiresAt = Date.parse(capability.expiresAt);
+  return Number.isFinite(expiresAt) && expiresAt > nowMs + TERMINAL_CONNECT_EXPIRY_SKEW_MS;
+}
 function decodeFrame(data) {
   if (typeof data === "string") {
     return { command: data.charAt(0), payload: data.slice(1) };
@@ -1572,10 +1609,19 @@ function decodeFrame(data) {
   const payload = bytes.length > 1 ? new TextDecoder().decode(bytes.subarray(1)) : "";
   return { command, payload };
 }
+function closeSocket(socket) {
+  try {
+    socket?.close();
+  } catch {
+  }
+}
 function useTerminalStream(options) {
   const { capability, onOutput, onTitle, initialCols, initialRows } = options;
   const [status, setStatus] = useState4("closed");
   const wsRef = useRef5(null);
+  const pendingInputRef = useRef5("");
+  const socketFailedRef = useRef5(false);
+  const socketAuthenticatedRef = useRef5(false);
   const sizeRef = useRef5({
     cols: initialCols ?? 80,
     rows: initialRows ?? 24
@@ -1587,9 +1633,22 @@ function useTerminalStream(options) {
   const transport = capability?.transport ?? null;
   const url = capability?.url ?? null;
   const token = capability?.token ?? null;
+  const expiresAt = capability?.expiresAt ?? null;
   useEffect6(() => {
     if (typeof window === "undefined" || typeof WebSocket === "undefined") return;
-    if (transport !== "pty-ws" || !url) {
+    if (transport !== "pty-ws") {
+      pendingInputRef.current = "";
+      socketAuthenticatedRef.current = false;
+      setStatus("closed");
+      return;
+    }
+    socketFailedRef.current = false;
+    socketAuthenticatedRef.current = false;
+    if (!url) {
+      setStatus("closed");
+      return;
+    }
+    if (!terminalStreamCredentialUsable({ transport, url, expiresAt })) {
       setStatus("closed");
       return;
     }
@@ -1599,6 +1658,7 @@ function useTerminalStream(options) {
     try {
       socket = new WebSocket(terminalSocketUrl({ url }), TTYD_SUBPROTOCOL);
     } catch {
+      socketFailedRef.current = true;
       setStatus("error");
       return;
     }
@@ -1609,7 +1669,16 @@ function useTerminalStream(options) {
       try {
         socket.send(ttydAuthFrame({ columns: sizeRef.current.cols, rows: sizeRef.current.rows }));
         socket.send(ttydResizeFrame(sizeRef.current.cols, sizeRef.current.rows));
+        if (pendingInputRef.current.length > 0) {
+          socket.send(ttydInputFrame(pendingInputRef.current));
+          pendingInputRef.current = "";
+        }
+        socketAuthenticatedRef.current = true;
       } catch {
+        socketFailedRef.current = true;
+        setStatus("error");
+        closeSocket(socket);
+        return;
       }
       setStatus("open");
     };
@@ -1629,39 +1698,55 @@ function useTerminalStream(options) {
       }
     };
     socket.onerror = () => {
-      if (!disposed) setStatus("error");
+      if (!disposed) {
+        socketFailedRef.current = true;
+        setStatus("error");
+      }
     };
     socket.onclose = () => {
-      if (!disposed) setStatus("closed");
+      if (wsRef.current === socket) wsRef.current = null;
+      socketAuthenticatedRef.current = false;
+      if (!disposed) setStatus(socketFailedRef.current ? "error" : "closed");
     };
     return () => {
       disposed = true;
       wsRef.current = null;
+      socketAuthenticatedRef.current = false;
       socket.onopen = null;
       socket.onmessage = null;
       socket.onerror = null;
       socket.onclose = null;
-      try {
-        socket.close();
-      } catch {
-      }
+      closeSocket(socket);
     };
-  }, [transport, url, token]);
-  return useMemo2(() => {
+  }, [transport, url, token, expiresAt]);
+  return useMemo3(() => {
     const write = (data) => {
       const ws = wsRef.current;
-      if (ws && ws.readyState === WebSocket.OPEN) {
+      if (ws && ws.readyState === WebSocket.OPEN && socketAuthenticatedRef.current) {
         try {
           ws.send(ttydInputFrame(data));
         } catch {
+          socketFailedRef.current = true;
+          setStatus("error");
+          closeSocket(ws);
+        }
+      } else if (transport === "pty-ws" && !socketFailedRef.current) {
+        const nextSize = pendingInputRef.current.length + data.length;
+        if (nextSize > MAX_PENDING_TERMINAL_INPUT_CODE_UNITS) {
+          pendingInputRef.current = "";
+          socketFailedRef.current = true;
+          setStatus("error");
+          closeSocket(ws);
+          return;
         }
+        pendingInputRef.current += data;
       }
     };
     const resize = (cols, rows) => {
       if (cols <= 0 || rows <= 0) return;
       sizeRef.current = { cols, rows };
       const ws = wsRef.current;
-      if (ws && ws.readyState === WebSocket.OPEN) {
+      if (ws && ws.readyState === WebSocket.OPEN && socketAuthenticatedRef.current) {
         try {
           ws.send(ttydResizeFrame(cols, rows));
         } catch {
@@ -1671,20 +1756,19 @@ function useTerminalStream(options) {
     const disconnect = () => {
       const ws = wsRef.current;
       wsRef.current = null;
-      if (ws) {
-        try {
-          ws.close();
-        } catch {
-        }
-      }
+      pendingInputRef.current = "";
+      socketFailedRef.current = false;
+      socketAuthenticatedRef.current = false;
+      setStatus("closed");
+      closeSocket(ws);
     };
     return { connected: status === "open", status, write, resize, disconnect };
-  }, [status]);
+  }, [status, transport]);
 }
 
 // src/hooks/use-sandbox-terminal.ts
 import { OpenGeniApiError as OpenGeniApiError2 } from "@opengeni/sdk";
-import { useCallback as useCallback11, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect7, useMemo as useMemo4, useRef as useRef6, useState as useState5 } from "react";
 function useSandboxTerminal(sessionId, options) {
   const { client, workspaceId } = useOpenGeni(options);
   const includeAgentFirehose = options.includeAgentFirehose ?? true;
@@ -1704,7 +1788,7 @@ function useSandboxTerminal(sessionId, options) {
     setOpenError(null);
   }, [identityKey]);
   const openInFlight = useRef6(false);
-  const boxWarm = liveness === void 0 || liveness === "warm" || liveness === "draining";
+  const boxWarm = liveness === void 0 || sandboxAcceptsLiveIo(liveness);
   useEffect7(() => {
     if (!interactive || !sessionId || ptyFilter || !boxWarm) {
       setOpenError(null);
@@ -1735,7 +1819,7 @@ function useSandboxTerminal(sessionId, options) {
       });
     };
   }, [interactive, client, workspaceId, sessionId, ptyFilter, boxWarm, reopenNonce]);
-  const { chunks, openPty, supportsInput } = useMemo3(() => {
+  const { chunks, openPty, supportsInput } = useMemo4(() => {
     const out = [];
     const open = /* @__PURE__ */ new Map();
     let lastOpened = null;
@@ -1788,7 +1872,7 @@ function useSandboxTerminal(sessionId, options) {
   const identityMatches = stateIdentity === identityKey;
   const activePtyId = identityMatches ? openedPtyId ?? openPty : null;
   const canWrite = openedPtyId !== null || supportsInput;
-  const write = useMemo3(() => {
+  const write = useMemo4(() => {
     if (!activePtyId || !canWrite || !sessionId) return null;
     const writeIdentity = identityKey;
     return (data) => {
@@ -1816,7 +1900,7 @@ function useSandboxTerminal(sessionId, options) {
 }
 
 // src/hooks/use-sandbox-files.ts
-import { useCallback as useCallback12, useEffect as useEffect8, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
 var CapturedFileUnavailableError = class extends Error {
   constructor(path, reason) {
     super(
@@ -1838,6 +1922,25 @@ var FileWriteConflictError = class extends Error {
   }
   code = "file_write_conflict";
 };
+function normalizeRoot(root) {
+  const normalized = root.replaceAll("\\", "/").replace(/^\.\/+/, "").replace(/\/+$/, "");
+  return normalized === "." ? "" : normalized;
+}
+function qualifyStatusPath(root, path) {
+  const normalized = normalizeRoot(root);
+  return normalized ? `${normalized}/${path}` : path;
+}
+function summarizeStatuses(statuses) {
+  const repositories = statuses.filter(({ status }) => status.isRepo);
+  return {
+    branch: repositories.length === 1 ? repositories[0]?.status.head ?? null : null,
+    isRepo: repositories.length > 0,
+    repoCount: repositories.length,
+    ahead: repositories.reduce((sum, { status }) => sum + status.ahead, 0),
+    behind: repositories.reduce((sum, { status }) => sum + status.behind, 0),
+    dirtyCount: repositories.reduce((sum, { status }) => sum + status.files.length, 0)
+  };
+}
 function parentOf(path) {
   const i = path.lastIndexOf("/");
   return i <= 0 ? "" : path.slice(0, i);
@@ -1881,7 +1984,10 @@ function replaceChildren(nodes, targetPath, children) {
       return { ...node, children };
     }
     if (node.kind === "dir" && node.children && targetPath.startsWith(`${node.path}/`)) {
-      return { ...node, children: replaceChildren(node.children, targetPath, children) };
+      return {
+        ...node,
+        children: replaceChildren(node.children, targetPath, children)
+      };
     }
     return node;
   });
@@ -1896,6 +2002,30 @@ function findNodeByPath(nodes, path) {
   }
   return void 0;
 }
+function loadedDirectoryPaths(nodes) {
+  const paths = [""];
+  const walk = (list) => {
+    for (const node of list) {
+      if (node.kind !== "dir" || node.children === void 0) continue;
+      paths.push(node.path);
+      walk(node.children);
+    }
+  };
+  walk(nodes);
+  return paths;
+}
+function initialDirectoryFrontier(rootPath, repoPaths) {
+  const rootParts = normalizeRoot(rootPath).split("/").filter(Boolean);
+  const paths = /* @__PURE__ */ new Set();
+  for (const repoPath of repoPaths) {
+    const parts = normalizeRoot(repoPath).split("/").filter(Boolean);
+    if (rootParts.some((part, index) => parts[index] !== part)) continue;
+    for (let depth = rootParts.length + 1; depth <= parts.length; depth += 1) {
+      paths.add(parts.slice(0, depth).join("/"));
+    }
+  }
+  return [...paths].sort((a, b) => a.split("/").length - b.split("/").length || a.localeCompare(b)).slice(0, 8);
+}
 function parentIsLoaded(nodes, parent) {
   if (parent === "") return true;
   const node = findNodeByPath(nodes, parent);
@@ -1927,7 +2057,10 @@ function removeNode(nodes, path) {
   return nodes.map((node) => {
     if (node.path === parent) {
       if (node.kind !== "dir" || node.children === void 0) return node;
-      return { ...node, children: node.children.filter((n) => n.path !== path) };
+      return {
+        ...node,
+        children: node.children.filter((n) => n.path !== path)
+      };
     }
     if (node.kind === "dir" && node.children && parent.startsWith(`${node.path}/`)) {
       return { ...node, children: removeNode(node.children, path) };
@@ -1996,15 +2129,27 @@ async function assertCapturedHash(bytes, expected) {
 function useSandboxFiles(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
+  const active = options.active ?? true;
   const rootPath = options.rootPath ?? "";
+  const repoPathsKey = [
+    ...new Set((options.repoPaths?.length ? options.repoPaths : [rootPath]).map(normalizeRoot))
+  ].join("\0");
+  const repoPaths = useMemo5(() => repoPathsKey.split("\0"), [repoPathsKey]);
   const capture = options.capture ?? null;
-  const isLive2 = options.liveness === "warm" || options.liveness === "draining";
-  const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${rootPath}`;
+  const isLive2 = sandboxAcceptsLiveIo(options.liveness);
+  const acceptsEventReads = options.liveness === void 0 || isLive2;
+  const acceptsEventReadsRef = useRef7(acceptsEventReads);
+  acceptsEventReadsRef.current = acceptsEventReads;
+  const hasLiveIoFence = options.liveness !== void 0;
+  const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${rootPath}\0${repoPathsKey}`;
   const [tree, setTree] = useState6([]);
   const treeRef = useRef7([]);
   const [loading, setLoading] = useState6(false);
   const [expandingPaths, setExpandingPaths] = useState6(/* @__PURE__ */ new Set());
   const [error, setError] = useState6(null);
+  const [gitSummary, setGitSummary] = useState6(null);
+  const [gitLoading, setGitLoading] = useState6(false);
+  const [contentRevision, setContentRevision] = useState6(0);
   const [stateIdentity, setStateIdentity] = useState6(identityKey);
   const [source, setSource] = useState6(null);
   const sourceRef = useRef7(null);
@@ -2012,11 +2157,14 @@ function useSandboxFiles(sessionId, options = {}) {
   const refreshGenerationRef = useRef7(0);
   const refreshAbortRef = useRef7(null);
   const identityAbortRef = useRef7(new AbortController());
+  const eventReadAbortRef = useRef7(new AbortController());
   const identityGenerationRef = useRef7(0);
   const lastSeqRef = useRef7(0);
   const pendingParentsRef = useRef7(/* @__PURE__ */ new Set());
   const pendingGitRef = useRef7(false);
+  const pendingAgentToolRef = useRef7(false);
   const debounceRef = useRef7(null);
+  const lastCommandRefreshAtRef = useRef7(0);
   const ownRevisionsRef = useRef7(/* @__PURE__ */ new Set());
   const onMutationError = options.onMutationError;
   treeRef.current = tree;
@@ -2050,48 +2198,83 @@ function useSandboxFiles(sessionId, options = {}) {
     refreshAbortRef.current = refreshAbort;
     const generation = refreshGenerationRef.current += 1;
     setLoading(true);
+    setGitLoading(true);
     setError(null);
     try {
-      try {
-        const status = await client.gitStatus(
-          workspaceId,
-          sessionId,
-          { path: rootPath },
-          { signal: refreshAbort.signal }
-        );
-        if (refreshGenerationRef.current !== generation) return;
-        const overlay = /* @__PURE__ */ new Map();
-        for (const file of status.files) {
-          const code = file.worktree ?? file.index;
-          const mapped = code ? GIT_STATUS_TO_TREE[code] : void 0;
-          if (mapped) overlay.set(file.path, mapped);
-        }
-        statusRef.current = overlay;
-      } catch {
-        if (refreshGenerationRef.current !== generation) return;
-        statusRef.current = /* @__PURE__ */ new Map();
-      }
-      const listed = await client.fsList(
+      const frontierPaths = initialDirectoryFrontier(rootPath, repoPaths);
+      const listRequests = [rootPath, ...frontierPaths].map((path) => ({
+        path,
+        depth: 1
+      }));
+      const statusPromise = repoPaths.length > 0 ? client.gitReadBatch(
+        workspaceId,
+        sessionId,
+        {
+          requests: repoPaths.map((root) => ({
+            status: { path: root }
+          }))
+        },
+        { signal: refreshAbort.signal }
+      ).then(
+        (batch) => batch.results.map((result, index) => ({
+          root: repoPaths[index] ?? "",
+          status: result.status
+        }))
+      ).catch(() => null) : Promise.resolve([]);
+      const listedBatch = await client.fsListBatch(
         workspaceId,
         sessionId,
-        { path: rootPath, depth: 1 },
+        { requests: listRequests },
         { signal: refreshAbort.signal }
       );
       if (refreshGenerationRef.current !== generation) return;
+      const listed = listedBatch.results[0];
+      if (!listed) throw new Error("Workspace list batch did not return the root result.");
       const children = (listed.root.children ?? []).map((node) => fsNodeToTree(node));
-      setTree(
-        (prev) => applyStatus(prev.length === 0 ? children : mergeRootChildren(prev, children))
-      );
+      setTree((prev) => {
+        let hydrated = prev.length === 0 ? children : mergeRootChildren(prev, children);
+        for (const [index, path] of frontierPaths.entries()) {
+          const prefetched = listedBatch.results[index + 1];
+          if (!prefetched) continue;
+          hydrated = replaceChildren(
+            hydrated,
+            path,
+            (prefetched.root.children ?? []).map((node) => fsNodeToTree(node))
+          );
+        }
+        return applyStatus(hydrated);
+      });
       sourceRef.current = "live";
       setSource("live");
+      setLoading(false);
+      const statuses = await statusPromise;
+      if (refreshGenerationRef.current !== generation) return;
+      if (statuses) {
+        const overlay = /* @__PURE__ */ new Map();
+        for (const { root, status } of statuses) {
+          for (const file of status.files) {
+            const code = file.worktree ?? file.index;
+            const mapped = code ? GIT_STATUS_TO_TREE[code] : void 0;
+            if (mapped) overlay.set(qualifyStatusPath(root, file.path), mapped);
+          }
+        }
+        statusRef.current = overlay;
+        setGitSummary(summarizeStatuses(statuses));
+      } else {
+        statusRef.current = /* @__PURE__ */ new Map();
+        setGitSummary(null);
+      }
+      setGitLoading(false);
+      setTree((prev) => applyStatus(prev));
     } catch (cause) {
       if (refreshGenerationRef.current !== generation) return;
       setError(cause instanceof Error ? cause : new Error(String(cause)));
     } finally {
       if (refreshGenerationRef.current === generation) setLoading(false);
+      if (refreshGenerationRef.current === generation) setGitLoading(false);
       if (refreshAbortRef.current === refreshAbort) refreshAbortRef.current = null;
     }
-  }, [client, workspaceId, sessionId, rootPath, applyStatus]);
+  }, [client, workspaceId, sessionId, rootPath, repoPaths, applyStatus]);
   const seedFromCapture = useCallback12(
     (manifest) => {
       const overlay = /* @__PURE__ */ new Map();
@@ -2107,6 +2290,15 @@ function useSandboxFiles(sessionId, options = {}) {
       );
       sourceRef.current = "capture";
       setSource("capture");
+      setGitSummary({
+        branch: manifest.repos.length === 1 ? manifest.repos[0]?.head ?? null : null,
+        isRepo: manifest.repos.length > 0,
+        repoCount: manifest.repos.length,
+        ahead: manifest.repos.reduce((sum, repo) => sum + repo.ahead, 0),
+        behind: manifest.repos.reduce((sum, repo) => sum + repo.behind, 0),
+        dirtyCount: manifest.files.length
+      });
+      setGitLoading(false);
       setError(null);
     },
     [applyStatus]
@@ -2224,18 +2416,14 @@ function useSandboxFiles(sessionId, options = {}) {
     [client, workspaceId, sessionId, capture, source]
   );
   const reconcilePath = useCallback12(
-    async (path) => {
+    async (path, requestSignal) => {
       if (!sessionId) return;
       const identityGeneration = identityGenerationRef.current;
       const identitySignal = identityAbortRef.current.signal;
+      const signal = requestSignal ? AbortSignal.any([identitySignal, requestSignal]) : identitySignal;
       if (!parentIsLoaded(treeRef.current, path)) return;
       try {
-        const listed = await client.fsList(
-          workspaceId,
-          sessionId,
-          { path, depth: 1 },
-          { signal: identitySignal }
-        );
+        const listed = await client.fsList(workspaceId, sessionId, { path, depth: 1 }, { signal });
         if (identityGenerationRef.current !== identityGeneration) return;
         const children = (listed.root.children ?? []).map((node) => fsNodeToTree(node));
         if (path === "") setTree((prev) => applyStatus(mergeRootChildren(prev, children)));
@@ -2287,7 +2475,12 @@ function useSandboxFiles(sessionId, options = {}) {
       const identitySignal = identityAbortRef.current.signal;
       const parent = parentOf(path);
       const exists = Boolean(findNodeByPath(tree, path));
-      const node = { path, name: leafOf(path), kind: "file", size: content.length };
+      const node = {
+        path,
+        name: leafOf(path),
+        kind: "file",
+        size: content.length
+      };
       return await runOptimistic(
         "write",
         (nodes) => exists ? nodes : insertNode(nodes, parent, node),
@@ -2325,11 +2518,20 @@ function useSandboxFiles(sessionId, options = {}) {
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
-      const node = { path, name: leafOf(path), kind: "file", size: 0 };
+      const node = {
+        path,
+        name: leafOf(path),
+        kind: "file",
+        size: 0
+      };
       await runOptimistic(
         "create file",
         (nodes) => insertNode(nodes, parent, node),
-        () => client.fsWrite(workspaceId, sessionId, { path, content: "", overwrite: false }),
+        () => client.fsWrite(workspaceId, sessionId, {
+          path,
+          content: "",
+          overwrite: false
+        }),
         [parent]
       );
     },
@@ -2339,7 +2541,12 @@ function useSandboxFiles(sessionId, options = {}) {
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
-      const node = { path, name: leafOf(path), kind: "dir", children: [] };
+      const node = {
+        path,
+        name: leafOf(path),
+        kind: "dir",
+        children: []
+      };
       await runOptimistic(
         "create folder",
         (nodes) => insertNode(nodes, parent, node),
@@ -2392,6 +2599,8 @@ function useSandboxFiles(sessionId, options = {}) {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
+    eventReadAbortRef.current.abort();
+    eventReadAbortRef.current = new AbortController();
     const identityChanged = previousIdentityRef.current !== identityKey;
     previousIdentityRef.current = identityKey;
     if (identityChanged || !enabled) {
@@ -2401,6 +2610,8 @@ function useSandboxFiles(sessionId, options = {}) {
       lastSeqRef.current = 0;
       pendingParentsRef.current = /* @__PURE__ */ new Set();
       pendingGitRef.current = false;
+      pendingAgentToolRef.current = false;
+      lastCommandRefreshAtRef.current = 0;
       if (debounceRef.current) {
         clearTimeout(debounceRef.current);
         debounceRef.current = null;
@@ -2415,6 +2626,9 @@ function useSandboxFiles(sessionId, options = {}) {
       setSource(null);
       setLoading(false);
       setError(null);
+      setGitSummary(null);
+      setGitLoading(false);
+      setContentRevision(0);
     }
     if (!enabled) {
       return;
@@ -2423,42 +2637,88 @@ function useSandboxFiles(sessionId, options = {}) {
     if (currentCapture && (identityChanged || !isLive2 || sourceRef.current !== "live")) {
       seedFromCapture(currentCapture);
     }
-    if (isLive2 || !currentCapture) {
+    if (!active) {
+      if (!active) {
+        setLoading(false);
+        setGitLoading(false);
+      }
+      return;
+    }
+    if (isLive2 || !hasLiveIoFence && !currentCapture) {
       void refresh();
     }
     return () => {
       refreshAbortRef.current?.abort();
       refreshAbortRef.current = null;
       refreshGenerationRef.current += 1;
+      eventReadAbortRef.current.abort();
     };
-  }, [enabled, isLive2, captureRevision, identityKey, refresh, seedFromCapture]);
-  const refreshGitOverlay = useCallback12(async () => {
-    if (!sessionId) return;
-    const identityGeneration = identityGenerationRef.current;
-    const identitySignal = identityAbortRef.current.signal;
-    try {
-      const status = await client.gitStatus(
-        workspaceId,
-        sessionId,
-        { path: rootPath },
-        { signal: identitySignal }
-      );
-      if (identityGenerationRef.current !== identityGeneration) return;
-      const overlay = /* @__PURE__ */ new Map();
-      for (const file of status.files) {
-        const code = file.worktree ?? file.index;
-        const mapped = code ? GIT_STATUS_TO_TREE[code] : void 0;
-        if (mapped) overlay.set(file.path, mapped);
+  }, [
+    enabled,
+    active,
+    isLive2,
+    hasLiveIoFence,
+    captureRevision,
+    identityKey,
+    refresh,
+    seedFromCapture
+  ]);
+  const refreshGitOverlay = useCallback12(
+    async (requestSignal) => {
+      if (!sessionId) return;
+      const identityGeneration = identityGenerationRef.current;
+      const identitySignal = identityAbortRef.current.signal;
+      const signal = requestSignal ? AbortSignal.any([identitySignal, requestSignal]) : identitySignal;
+      setGitLoading(true);
+      try {
+        const batch = await client.gitReadBatch(
+          workspaceId,
+          sessionId,
+          { requests: repoPaths.map((root) => ({ status: { path: root } })) },
+          { signal }
+        );
+        const statuses = batch.results.map((result, index) => ({
+          root: repoPaths[index] ?? "",
+          status: result.status
+        }));
+        if (identityGenerationRef.current !== identityGeneration) return;
+        const overlay = /* @__PURE__ */ new Map();
+        for (const { root, status } of statuses) {
+          for (const file of status.files) {
+            const code = file.worktree ?? file.index;
+            const mapped = code ? GIT_STATUS_TO_TREE[code] : void 0;
+            if (mapped) overlay.set(qualifyStatusPath(root, file.path), mapped);
+          }
+        }
+        statusRef.current = overlay;
+        setGitSummary(summarizeStatuses(statuses));
+        setTree((prev) => applyStatus(prev));
+      } catch {
+      } finally {
+        if (identityGenerationRef.current === identityGeneration) setGitLoading(false);
       }
-      statusRef.current = overlay;
-      setTree((prev) => applyStatus(prev));
-    } catch {
-    }
-  }, [client, workspaceId, sessionId, rootPath, applyStatus]);
+    },
+    [client, workspaceId, sessionId, repoPaths, applyStatus]
+  );
   const events = options.events;
   useEffect8(() => {
     if (!enabled || !events) return;
+    if (!active || !acceptsEventReads) {
+      for (const event of events) {
+        if (event.sequence > lastSeqRef.current) lastSeqRef.current = event.sequence;
+      }
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+        debounceRef.current = null;
+      }
+      pendingParentsRef.current = /* @__PURE__ */ new Set();
+      pendingGitRef.current = false;
+      pendingAgentToolRef.current = false;
+      return;
+    }
     let sawNew = false;
+    let contentChanged = false;
+    let sawCommandDelta = false;
     for (const event of events) {
       if (event.sequence <= lastSeqRef.current) continue;
       if (event.type === "fs.changed") {
@@ -2468,6 +2728,7 @@ function useSandboxFiles(sessionId, options = {}) {
         if (payload.source === "write") continue;
         if (typeof payload.revision === "number" && ownRevisionsRef.current.has(payload.revision))
           continue;
+        contentChanged = true;
         for (const change of payload.changes ?? []) {
           pendingParentsRef.current.add(parentOf(change.path));
           if (change.oldPath) pendingParentsRef.current.add(parentOf(change.oldPath));
@@ -2478,34 +2739,70 @@ function useSandboxFiles(sessionId, options = {}) {
         if (payload && typeof payload === "object" && typeof payload.revision === "number" && ownRevisionsRef.current.has(payload.revision))
           continue;
         pendingGitRef.current = true;
+      } else if (event.type === "agent.toolCall.output") {
+        sawNew = true;
+        contentChanged = true;
+        pendingAgentToolRef.current = true;
+        pendingGitRef.current = true;
+      } else if (event.type === "sandbox.command.output.delta") {
+        sawNew = true;
+        contentChanged = true;
+        sawCommandDelta = true;
+        pendingAgentToolRef.current = true;
+        pendingGitRef.current = true;
       }
     }
     for (const event of events)
       if (event.sequence > lastSeqRef.current) lastSeqRef.current = event.sequence;
     if (!sawNew) return;
+    if (contentChanged && !sawCommandDelta) setContentRevision((revision) => revision + 1);
     if (debounceRef.current) clearTimeout(debounceRef.current);
     const identityGeneration = identityGenerationRef.current;
+    const delay = sawCommandDelta ? Math.max(0, 1e3 - (Date.now() - lastCommandRefreshAtRef.current)) : 150;
     debounceRef.current = setTimeout(() => {
       debounceRef.current = null;
       if (identityGenerationRef.current !== identityGeneration) return;
+      if (!acceptsEventReadsRef.current) {
+        pendingParentsRef.current = /* @__PURE__ */ new Set();
+        pendingGitRef.current = false;
+        pendingAgentToolRef.current = false;
+        return;
+      }
+      if (sawCommandDelta) {
+        lastCommandRefreshAtRef.current = Date.now();
+        setContentRevision((revision) => revision + 1);
+      }
       const parents = pendingParentsRef.current;
       pendingParentsRef.current = /* @__PURE__ */ new Set();
       const wantGit = pendingGitRef.current;
       pendingGitRef.current = false;
+      const wantAgentTool = pendingAgentToolRef.current;
+      pendingAgentToolRef.current = false;
+      const eventReadSignal = eventReadAbortRef.current.signal;
       void (async () => {
-        if (wantGit) await refreshGitOverlay();
-        if (identityGenerationRef.current !== identityGeneration) return;
-        for (const parent of parents) {
-          if (identityGenerationRef.current !== identityGeneration) return;
-          await reconcilePath(parent);
-        }
+        const paths = wantAgentTool ? loadedDirectoryPaths(treeRef.current) : [...parents];
+        await Promise.all([
+          wantGit ? refreshGitOverlay(eventReadSignal) : Promise.resolve(),
+          Promise.all(paths.map((path) => reconcilePath(path, eventReadSignal)))
+        ]);
       })();
-    }, 150);
-  }, [enabled, events, reconcilePath, refreshGitOverlay]);
+    }, delay);
+  }, [enabled, active, acceptsEventReads, events, reconcilePath, refreshGitOverlay]);
+  useEffect8(() => {
+    if (active && acceptsEventReads) return;
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+      debounceRef.current = null;
+    }
+    pendingParentsRef.current = /* @__PURE__ */ new Set();
+    pendingGitRef.current = false;
+    pendingAgentToolRef.current = false;
+  }, [active, acceptsEventReads]);
   useEffect8(
     () => () => {
       refreshAbortRef.current?.abort();
       identityAbortRef.current.abort();
+      eventReadAbortRef.current.abort();
       identityGenerationRef.current += 1;
       if (debounceRef.current) clearTimeout(debounceRef.current);
     },
@@ -2523,25 +2820,28 @@ function useSandboxFiles(sessionId, options = {}) {
     deleteEntry,
     moveEntry,
     refresh,
+    contentRevision: identityMatches ? contentRevision : 0,
     source: identityMatches ? source : null,
     capturedAt: identityMatches && source === "capture" ? capture?.capturedAt ?? null : null,
+    gitSummary: identityMatches ? gitSummary : null,
+    gitLoading: identityMatches && gitLoading,
     loading: identityMatches && loading,
     error: identityMatches ? error : null
   };
 }
 
 // src/hooks/use-sandbox-git.ts
-import { useCallback as useCallback13, useEffect as useEffect9, useMemo as useMemo4, useRef as useRef8, useState as useState7 } from "react";
-function normalizeRoot(root) {
+import { useCallback as useCallback13, useEffect as useEffect9, useMemo as useMemo6, useRef as useRef8, useState as useState7 } from "react";
+function normalizeRoot2(root) {
   const normalized = root.replaceAll("\\", "/").replace(/^\.\/+/, "").replace(/\/+$/, "");
   return normalized === "." ? "" : normalized;
 }
 function qualifyPath(repoRoot, path) {
-  const root = normalizeRoot(repoRoot);
+  const root = normalizeRoot2(repoRoot);
   return root ? `${root}/${path}` : path;
 }
 function qualifyDiff(repoRoot, file) {
-  const root = normalizeRoot(repoRoot);
+  const root = normalizeRoot2(repoRoot);
   return {
     ...file,
     path: qualifyPath(root, file.path),
@@ -2550,11 +2850,12 @@ function qualifyDiff(repoRoot, file) {
   };
 }
 function uniqueRoots(roots) {
-  return [...new Set(roots.map(normalizeRoot))].sort((a, b) => a.localeCompare(b));
+  return [...new Set(roots.map(normalizeRoot2))].sort((a, b) => a.localeCompare(b));
 }
+var GIT_READ_BATCH_REQUEST_LIMIT = 32;
 function repoForPath(manifest, repoPath) {
-  const want = normalizeRoot(repoPath);
-  const exact = manifest.repos.find((r) => normalizeRoot(r.root) === want);
+  const want = normalizeRoot2(repoPath);
+  const exact = manifest.repos.find((r) => normalizeRoot2(r.root) === want);
   if (exact) return exact;
   if (want === "" && manifest.repos.length === 1) return manifest.repos[0] ?? null;
   return null;
@@ -2590,16 +2891,22 @@ function mergeDiffs(current, next) {
 function useSandboxGit(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
+  const active = options.active ?? true;
   const repoPath = options.repoPath ?? "";
   const workspaceWide = options.repoPaths !== void 0;
   const repoPathsKey = uniqueRoots(
     options.repoPaths && options.repoPaths.length > 0 ? options.repoPaths : [repoPath]
   ).join("\0");
-  const repoPaths = useMemo4(() => repoPathsKey.split("\0"), [repoPathsKey]);
-  const staged = options.staged ?? false;
-  const capture = options.capture ?? null;
-  const isLive2 = options.liveness === "warm" || options.liveness === "draining";
-  const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${repoPathsKey}\0${workspaceWide}\0${staged}`;
+  const repoPaths = useMemo6(() => repoPathsKey.split("\0"), [repoPathsKey]);
+  const comparison = options.comparison ?? (options.staged ? "staged" : "working");
+  const hasAdvertisedRepoPaths = (options.repoPaths?.length ?? 0) > 0;
+  const capture = comparison === "staged" ? null : options.capture ?? null;
+  const isLive2 = sandboxAcceptsLiveIo(options.liveness);
+  const acceptsEventReads = options.liveness === void 0 || isLive2;
+  const acceptsEventReadsRef = useRef8(acceptsEventReads);
+  acceptsEventReadsRef.current = acceptsEventReads;
+  const hasLiveIoFence = options.liveness !== void 0;
+  const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${repoPathsKey}\0${workspaceWide}\0${comparison}`;
   const [diff, setDiff] = useState7([]);
   const [branch, setBranch] = useState7(null);
   const [isRepo, setIsRepo] = useState7(false);
@@ -2614,6 +2921,7 @@ function useSandboxGit(sessionId, options = {}) {
   const refreshGenerationRef = useRef8(0);
   const refreshAbortRef = useRef8(null);
   const lastChangeRef = useRef8(0);
+  const commandRefreshTimerRef = useRef8(null);
   const refresh = useCallback13(async () => {
     if (!sessionId) return;
     refreshAbortRef.current?.abort();
@@ -2623,7 +2931,52 @@ function useSandboxGit(sessionId, options = {}) {
     setLoading(true);
     setError(null);
     try {
-      const statuses = await Promise.all(
+      const diffRequest = (root) => client.gitDiff(
+        workspaceId,
+        sessionId,
+        {
+          path: root,
+          ...comparison === "branch" ? { fromRef: "origin/HEAD", includeUntracked: true } : comparison === "working" ? { fromRef: "HEAD", includeUntracked: true } : { staged: true, includeUntracked: false }
+        },
+        { signal: refreshAbort.signal }
+      );
+      const prefetched = hasAdvertisedRepoPaths ? await (async () => {
+        const prefetchedRepos = [];
+        for (let offset = 0; offset < repoPaths.length; offset += GIT_READ_BATCH_REQUEST_LIMIT) {
+          const roots2 = repoPaths.slice(offset, offset + GIT_READ_BATCH_REQUEST_LIMIT);
+          const batch = await client.gitReadBatch(
+            workspaceId,
+            sessionId,
+            {
+              requests: roots2.map((root) => ({
+                status: { path: root },
+                diff: {
+                  path: root,
+                  ...comparison === "branch" ? { fromRef: "origin/HEAD", includeUntracked: true } : comparison === "working" ? { fromRef: "HEAD", includeUntracked: true } : { staged: true, includeUntracked: false }
+                }
+              }))
+            },
+            { signal: refreshAbort.signal }
+          );
+          if (batch.results.length !== roots2.length) {
+            throw new Error(
+              `Workspace Git batch returned ${batch.results.length} results for ${roots2.length} repositories.`
+            );
+          }
+          batch.results.forEach((item, index) => {
+            prefetchedRepos.push({
+              root: roots2[index],
+              status: item.status,
+              result: item.diff ?? {
+                files: [],
+                revision: item.status.revision
+              }
+            });
+          });
+        }
+        return prefetchedRepos;
+      })() : null;
+      const statuses = prefetched ?? await Promise.all(
         repoPaths.map(async (root) => ({
           root,
           status: await client.gitStatus(
@@ -2648,19 +3001,11 @@ function useSandboxGit(sessionId, options = {}) {
         setSource("live");
         return;
       }
+      const prefetchedByRoot = new Map(prefetched?.map(({ root, result }) => [root, result]));
       const results = await Promise.all(
         repositories.map(async ({ root }) => ({
           root,
-          result: await client.gitDiff(
-            workspaceId,
-            sessionId,
-            {
-              path: root,
-              staged,
-              includeUntracked: !staged
-            },
-            { signal: refreshAbort.signal }
-          )
+          result: prefetchedByRoot.get(root) ?? await diffRequest(root)
         }))
       );
       if (refreshGenerationRef.current !== generation) return;
@@ -2681,10 +3026,21 @@ function useSandboxGit(sessionId, options = {}) {
       if (refreshGenerationRef.current === generation) setLoading(false);
       if (refreshAbortRef.current === refreshAbort) refreshAbortRef.current = null;
     }
-  }, [client, workspaceId, sessionId, repoPaths, staged, workspaceWide]);
+  }, [
+    client,
+    workspaceId,
+    sessionId,
+    repoPaths,
+    hasAdvertisedRepoPaths,
+    workspaceWide,
+    comparison
+  ]);
   const seedFromCapture = useCallback13(
     (manifest) => {
       const repositories = workspaceWide ? manifest.repos : [repoForPath(manifest, repoPath)].filter(Boolean);
+      if (comparison === "branch" && repositories.some((repo) => repo.branchDiff === void 0)) {
+        return;
+      }
       if (repositories.length === 0) {
         setIsRepo(false);
         setBranch(null);
@@ -2700,20 +3056,21 @@ function useSandboxGit(sessionId, options = {}) {
       setBranch(repositories.length === 1 ? repositories[0]?.head ?? null : null);
       setAhead(repositories.reduce((sum, repo) => sum + repo.ahead, 0));
       setBehind(repositories.reduce((sum, repo) => sum + repo.behind, 0));
-      setRepoRoots(repositories.map((repo) => normalizeRoot(repo.root)));
+      setRepoRoots(repositories.map((repo) => normalizeRoot2(repo.root)));
       setDiff(
         (prev) => mergeDiffs(
           prev,
-          repositories.flatMap(
-            (repo) => workspaceWide ? repo.diff.map((file) => qualifyDiff(repo.root, file)) : repo.diff
-          )
+          repositories.flatMap((repo) => {
+            const capturedDiff = comparison === "branch" ? repo.branchDiff ?? [] : repo.diff;
+            return workspaceWide ? capturedDiff.map((file) => qualifyDiff(repo.root, file)) : capturedDiff;
+          })
         )
       );
       sourceRef.current = "capture";
       setSource("capture");
       setError(null);
     },
-    [repoPath, workspaceWide]
+    [comparison, repoPath, workspaceWide]
   );
   const captureRef = useRef8(capture);
   captureRef.current = capture;
@@ -2746,7 +3103,11 @@ function useSandboxGit(sessionId, options = {}) {
     if (currentCapture && (identityChanged || !isLive2 || sourceRef.current !== "live")) {
       seedFromCapture(currentCapture);
     }
-    if (isLive2 || !currentCapture) {
+    if (!active) {
+      if (!active) setLoading(false);
+      return;
+    }
+    if (isLive2 || !hasLiveIoFence && !currentCapture) {
       void refresh();
     }
     return () => {
@@ -2754,21 +3115,68 @@ function useSandboxGit(sessionId, options = {}) {
       refreshAbortRef.current = null;
       refreshGenerationRef.current += 1;
     };
-  }, [enabled, isLive2, captureRevision, identityKey, refresh, seedFromCapture]);
+  }, [
+    enabled,
+    active,
+    isLive2,
+    hasLiveIoFence,
+    captureRevision,
+    identityKey,
+    refresh,
+    seedFromCapture
+  ]);
   const events = options.events;
   useEffect9(() => {
-    if (!enabled || !events) return;
+    if (!enabled || !events) {
+      if (commandRefreshTimerRef.current) {
+        clearTimeout(commandRefreshTimerRef.current);
+        commandRefreshTimerRef.current = null;
+      }
+      return;
+    }
+    if (!active || !acceptsEventReads) {
+      for (const event of events) {
+        if (event.sequence > lastChangeRef.current) lastChangeRef.current = event.sequence;
+      }
+      if (commandRefreshTimerRef.current) {
+        clearTimeout(commandRefreshTimerRef.current);
+        commandRefreshTimerRef.current = null;
+      }
+      return;
+    }
     let latest = lastChangeRef.current;
+    let immediate = false;
+    let commandDelta = false;
     for (const event of events) {
-      if (event.type === "git.changed" && event.sequence > latest) {
+      if (event.sequence <= latest) continue;
+      if (event.type === "git.changed" || event.type === "agent.toolCall.output") {
+        latest = event.sequence;
+        immediate = true;
+      } else if (event.type === "sandbox.command.output.delta") {
         latest = event.sequence;
+        commandDelta = true;
       }
     }
     if (latest > lastChangeRef.current) {
       lastChangeRef.current = latest;
-      void refresh();
+      if (immediate) {
+        if (commandRefreshTimerRef.current) clearTimeout(commandRefreshTimerRef.current);
+        commandRefreshTimerRef.current = null;
+        if (acceptsEventReadsRef.current) void refresh();
+      } else if (commandDelta && !commandRefreshTimerRef.current) {
+        commandRefreshTimerRef.current = setTimeout(() => {
+          commandRefreshTimerRef.current = null;
+          if (acceptsEventReadsRef.current) void refresh();
+        }, 1e3);
+      }
     }
-  }, [enabled, events, refresh]);
+  }, [enabled, active, acceptsEventReads, events, refresh]);
+  useEffect9(
+    () => () => {
+      if (commandRefreshTimerRef.current) clearTimeout(commandRefreshTimerRef.current);
+    },
+    []
+  );
   const identityMatches = enabled && stateIdentity === identityKey;
   const visibleRepoRoots = identityMatches ? repoRoots : [];
   return {
@@ -2985,7 +3393,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
 // src/hooks/use-workspace-edit.ts
 import { useCallback as useCallback15, useEffect as useEffect11, useRef as useRef10, useState as useState9 } from "react";
 function isLive(liveness) {
-  return liveness === "warm" || liveness === "draining";
+  return sandboxAcceptsLiveIo(liveness);
 }
 function useWorkspaceEdit(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
@@ -3142,7 +3550,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
 }
 
 // src/hooks/use-machine-chip.ts
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo7 } from "react";
 function formatAsOf(capturedAt, now) {
   const then = Date.parse(capturedAt);
   if (Number.isNaN(then)) return "recently";
@@ -3159,7 +3567,7 @@ function deriveMachineChip(input) {
   const now = input.now ?? Date.now();
   const asOf = input.capturedAt ?? null;
   const offlineLabel = asOf ? `Offline \u2014 as of ${formatAsOf(asOf, now)}` : "Offline";
-  if (input.liveness === "warm" || input.liveness === "draining") {
+  if (sandboxAcceptsLiveIo(input.liveness)) {
     return { state: "live", label: "Live", asOf: null };
   }
   const selfhostedOffline = input.activeIsSelfhosted === true && input.activeMachineState === "offline";
@@ -3179,7 +3587,7 @@ function useMachineChip(input) {
     capturedAt,
     now
   } = input;
-  return useMemo5(
+  return useMemo7(
     () => deriveMachineChip({
       liveness,
       capabilitiesState,
@@ -3350,6 +3758,7 @@ import { LayoutGroup, motion } from "motion/react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ChatComposer({
   composer,
+  responsiveBasis,
   effectiveControl,
   queuedAheadCount,
   canControlWorkspace,
@@ -3397,7 +3806,7 @@ function ChatComposer({
     attachments || models || controlsLeading || controlsStart || transcription
   );
   const stackActions = hasControls && Boolean(actionsStart);
-  return /* @__PURE__ */ jsxs2(Root, { controller, className, children: [
+  return /* @__PURE__ */ jsxs2(Root, { controller, responsiveBasis, className, children: [
     /* @__PURE__ */ jsxs2(Frame, { children: [
       /* @__PURE__ */ jsx2(CommandPalette2, {}),
       /* @__PURE__ */ jsxs2(Surface, { children: [
@@ -3405,63 +3814,81 @@ function ChatComposer({
         /* @__PURE__ */ jsx2(RestoredResources, {}),
         /* @__PURE__ */ jsx2(Attachments, {}),
         header,
+        composer.annotations && composer.annotations.length > 0 ? /* @__PURE__ */ jsx2("div", { className: "px-3 pt-2 sm:px-4", children: /* @__PURE__ */ jsx2(
+          TimelineAnnotationsChip,
+          {
+            annotations: composer.annotations,
+            editable: true,
+            focusAnnotationId: composer.annotationReviewTargetId,
+            onFocusConsumed: composer.clearAnnotationReviewTarget,
+            onUpdate: composer.updateAnnotation,
+            onRemove: composer.removeAnnotation
+          }
+        ) }) : null,
         /* @__PURE__ */ jsx2(Input, { placeholder, autoFocus }),
-        controller.confirmState ? /* @__PURE__ */ jsx2(Confirmation, {}) : /* @__PURE__ */ jsx2(Footer, { className: stackActions ? "max-sm:flex-nowrap sm:flex-wrap" : void 0, children: /* @__PURE__ */ jsxs2(LayoutGroup, { id: "og-composer-footer", children: [
-          hasControls ? /* @__PURE__ */ jsxs2(
-            Controls,
-            {
-              className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
-              children: [
-                controlsLeading,
-                /* @__PURE__ */ jsx2(AttachButton, { className: attachButtonClassName }),
-                transcription ? /* @__PURE__ */ jsx2(
-                  ComposerTranscriptionControl,
-                  {
-                    ...transcription,
-                    suppressed: transcriptionSuppressed,
-                    className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
-                  }
-                ) : null,
-                models ? /* @__PURE__ */ jsx2(
-                  motion.span,
-                  {
-                    layout: true,
-                    transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
-                    className: "inline-flex min-w-0",
-                    children: /* @__PURE__ */ jsx2(
-                      ModelPicker2,
+        controller.confirmState ? /* @__PURE__ */ jsx2(Confirmation, {}) : /* @__PURE__ */ jsx2(
+          Footer,
+          {
+            "data-og-stack-actions": stackActions ? "" : void 0,
+            className: stackActions ? "max-sm:flex-nowrap sm:flex-wrap" : void 0,
+            children: /* @__PURE__ */ jsxs2(LayoutGroup, { id: "og-composer-footer", children: [
+              hasControls ? /* @__PURE__ */ jsxs2(
+                Controls,
+                {
+                  className: stackActions ? "min-w-0 max-sm:flex-1 sm:w-auto" : void 0,
+                  children: [
+                    controlsLeading,
+                    /* @__PURE__ */ jsx2(AttachButton, { className: attachButtonClassName }),
+                    transcription ? /* @__PURE__ */ jsx2(
+                      ComposerTranscriptionControl,
                       {
-                        models,
-                        value: selectedModel,
-                        onChange: onSelectModel
+                        ...transcription,
+                        suppressed: transcriptionSuppressed,
+                        className: [transcription.className, transcriptionClassName].filter(Boolean).join(" ")
                       }
-                    )
-                  }
-                ) : null,
-                controlsStart ? /* @__PURE__ */ jsx2(
-                  motion.span,
-                  {
-                    layout: true,
-                    transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
-                    className: "inline-flex min-w-0 items-center gap-1.5",
-                    children: controlsStart
-                  }
-                ) : null
-              ]
-            }
-          ) : /* @__PURE__ */ jsx2(Hint, { children: hint }),
-          /* @__PURE__ */ jsxs2(
-            Actions,
-            {
-              className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
-              children: [
-                actionsStart,
-                /* @__PURE__ */ jsx2(PauseButton, {}),
-                /* @__PURE__ */ jsx2(SendButton, {})
-              ]
-            }
-          )
-        ] }) })
+                    ) : null,
+                    models ? /* @__PURE__ */ jsx2(
+                      motion.span,
+                      {
+                        layout: true,
+                        transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
+                        className: "inline-flex min-w-0",
+                        children: /* @__PURE__ */ jsx2(
+                          ModelPicker2,
+                          {
+                            models,
+                            value: selectedModel,
+                            onChange: onSelectModel
+                          }
+                        )
+                      }
+                    ) : null,
+                    controlsStart ? /* @__PURE__ */ jsx2(
+                      motion.span,
+                      {
+                        layout: true,
+                        transition: { duration: 0.36, ease: [0.22, 1, 0.36, 1] },
+                        className: "inline-flex min-w-0 items-center gap-1.5",
+                        children: controlsStart
+                      }
+                    ) : null
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx2(Hint, { children: hint }),
+              /* @__PURE__ */ jsxs2(
+                Actions,
+                {
+                  className: stackActions ? "max-sm:shrink-0 sm:w-auto sm:justify-end" : void 0,
+                  children: [
+                    actionsStart,
+                    /* @__PURE__ */ jsx2(PauseButton, {}),
+                    /* @__PURE__ */ jsx2(SendButton, {})
+                  ]
+                }
+              )
+            ] })
+          }
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsx2(Help, {}),
@@ -3683,6 +4110,22 @@ async function attachRenderer(prefer, loaders, onTier) {
 
 // src/components/sandbox-terminal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function terminalSurfaceState(input) {
+  if (!input.ready) return "loading";
+  if (input.acceptsInput) return "interactive";
+  if (input.inputPending) return "connecting";
+  if (input.ptyStatus === "connecting") return "connecting";
+  if (input.ptyStatus === "error") return "error";
+  if (input.booting) return "waking";
+  return "output-only";
+}
+function subscribeTerminalInput(term, sink, enabled) {
+  if (!enabled || !term || !sink) return null;
+  return term.onData(sink);
+}
+function clearTerminalBootStatus(term) {
+  term.write("\r\x1B[2K\x1B[2J\x1B[H");
+}
 function forcedRendererFailures() {
   const raw = typeof globalThis !== "undefined" ? globalThis.__OG_FORCE_RENDERER_FAIL__ : void 0;
   const set = /* @__PURE__ */ new Set();
@@ -3715,30 +4158,49 @@ function SandboxTerminal({
   const wroteFirehoseRef = useRef12(false);
   const bootActiveRef = useRef12(false);
   const [ready, setReady] = useState11(false);
+  const [inputReady, setInputReady] = useState11(false);
   const [activated, setActivated] = useState11(false);
-  const ptyWs = terminalCapability?.transport === "pty-ws" && Boolean(terminalCapability?.url);
-  const ptyOutputQueueRef = useRef12([]);
+  const ptyDescriptor = terminalCapability?.transport === "pty-ws";
+  const ptyAttachable = terminalCanAcquirePty(terminalCapability);
   const {
     status: ptyStatus,
     write: ptyWrite,
     resize: resizePty,
     connected: ptyConnected
   } = useTerminalStream({
-    capability: ptyWs ? {
-      transport: terminalCapability.transport,
-      url: terminalCapability.url,
-      token: terminalCapability.token
+    // Connect only after xterm exists. This makes the renderer the sole output
+    // owner from the first websocket frame and removes an otherwise unbounded
+    // pre-mount output queue during large command bursts.
+    capability: ptyAttachable && ready ? {
+      transport: "pty-ws",
+      url: ptyDescriptor ? terminalCapability.url : null,
+      token: ptyDescriptor ? terminalCapability.token : null,
+      expiresAt: ptyDescriptor ? terminalCapability.expiresAt : null
     } : null,
     onOutput: (data) => {
-      const term = termRef.current;
-      if (term) term.write(data);
-      else ptyOutputQueueRef.current.push(data);
+      termRef.current?.write(data);
     }
   });
-  const ptyMode = ptyWs && ptyStatus !== "closed";
-  const interactive = !readOnly && (ptyMode || result.write !== null);
-  const warm = liveness === "warm" || liveness === "draining";
+  const ptyMode = ptyDescriptor;
+  const ptyCapturesInput = ptyAttachable && ptyStatus !== "error";
+  const interactive = !readOnly && (ptyAttachable ? ptyCapturesInput : result.write !== null);
+  const acceptsInput = inputReady && (!ptyAttachable || ptyConnected);
+  const inputPending = inputReady && ptyAttachable && !ptyConnected && activated;
+  let terminalModeLabel;
+  if (readOnly) terminalModeLabel = "read-only";
+  else if (!ptyAttachable) terminalModeLabel = acceptsInput ? null : "output only";
+  else if (ptyStatus === "error") terminalModeLabel = "connection error";
+  else if (acceptsInput) terminalModeLabel = null;
+  else terminalModeLabel = activated ? "connecting" : "connect on input";
+  const warm = sandboxAcceptsLiveIo(liveness);
   const booting = activated && !ptyMode && !warm && liveness !== null && liveness !== void 0 && result.chunks.length === 0;
+  const surfaceState = terminalSurfaceState({
+    ready,
+    acceptsInput,
+    inputPending,
+    ptyStatus,
+    booting
+  });
   function handleActivate() {
     if (!activated) setActivated(true);
     onActivate?.();
@@ -3825,10 +4287,6 @@ function SandboxTerminal({
       requestAnimationFrame(() => {
         if (disposed) return;
         settle();
-        if (ptyOutputQueueRef.current.length > 0) {
-          for (const data of ptyOutputQueueRef.current) term.write(data);
-          ptyOutputQueueRef.current = [];
-        }
         el.setAttribute("data-og-term-ready", "true");
         if (typeof globalThis.__OG_TERMINAL_DEBUG__ === "function") {
           globalThis.__OG_TERMINAL_DEBUG__({
@@ -3873,7 +4331,7 @@ function SandboxTerminal({
     if (!booting) {
       if (bootActiveRef.current) {
         bootActiveRef.current = false;
-        if (!wroteFirehoseRef.current) term.clear();
+        if (!wroteFirehoseRef.current) clearTerminalBootStatus(term);
       }
       return;
     }
@@ -3900,12 +4358,19 @@ function SandboxTerminal({
   }, [ready, result.chunks, ptyMode]);
   useEffect13(() => {
     const term = termRef.current;
-    if (!ready || !term || !interactive) return;
-    const sink = ptyMode ? ptyWrite : result.write;
-    if (!sink) return;
-    const sub = term.onData((data) => sink(data));
-    return () => sub.dispose();
-  }, [ready, interactive, ptyMode, ptyWrite, result.write]);
+    if (!ready || !term || !interactive) {
+      setInputReady(false);
+      return;
+    }
+    const sink = ptyAttachable ? ptyWrite : result.write;
+    if (!sink) {
+      setInputReady(false);
+      return;
+    }
+    const sub = subscribeTerminalInput(term, sink, true);
+    setInputReady(sub !== null);
+    return () => sub?.dispose();
+  }, [ready, interactive, ptyAttachable, ptyWrite, result.write]);
   useEffect13(() => {
     const term = termRef.current;
     if (!ready || !term || !ptyMode) return;
@@ -3951,7 +4416,14 @@ function SandboxTerminal({
         ] })
       ] }),
       /* @__PURE__ */ jsxs4("span", { className: "flex shrink-0 items-center gap-2", children: [
-        !interactive && /* @__PURE__ */ jsx4("span", { className: "rounded-og-sm bg-og-surface-2 px-1.5 py-0.5 text-og-xs uppercase tracking-wide", children: "read-only" }),
+        terminalModeLabel && /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: "rounded-og-sm bg-og-surface-2 px-1.5 py-0.5 text-og-xs uppercase tracking-wide",
+            role: "status",
+            children: terminalModeLabel
+          }
+        ),
         /* @__PURE__ */ jsx4(
           "button",
           {
@@ -3981,7 +4453,11 @@ function SandboxTerminal({
               ref: containerRef,
               className: "h-full w-full",
               style: { visibility: ready ? "visible" : "hidden" },
-              "data-opengeni-terminal": true
+              "data-opengeni-terminal": true,
+              "data-opengeni-terminal-ready": ready ? "true" : "false",
+              "data-opengeni-terminal-interactive": surfaceState === "interactive" ? "true" : "false",
+              "data-opengeni-terminal-state": surfaceState,
+              "data-opengeni-terminal-status": ptyAttachable ? ptyStatus : "firehose"
             }
           )
         ]
@@ -4051,7 +4527,7 @@ import {
   useEffect as useEffect15,
   useId as useId2,
   useLayoutEffect,
-  useMemo as useMemo7,
+  useMemo as useMemo9,
   useRef as useRef13,
   useState as useState12
 } from "react";
@@ -4059,11 +4535,11 @@ import { AlertDialog } from "radix-ui";
 import { VList } from "virtua";
 
 // src/lib/use-unicode-fonts.ts
-import { useEffect as useEffect14, useMemo as useMemo6 } from "react";
+import { useEffect as useEffect14, 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 = useMemo6(() => collectUnicodeContent(values), [values]);
+  const content = useMemo8(() => collectUnicodeContent(values), [values]);
   useEffect14(() => {
     if (content.japanese) {
       void import("./noto-sans-jp-loader.generated-HFGLYBR3.js").then(({ loadNotoSansJp }) => loadNotoSansJp(content.japanese)).catch(() => void 0);
@@ -4146,10 +4622,11 @@ function FileBrowser({
   const [busy, setBusy] = useState12(false);
   const [coarsePointer, setCoarsePointer] = useState12(false);
   const treeId = useId2();
-  const containerRef = useRef13(null);
+  const container = usePortalTokenSource();
+  const containerRef = container.currentRef;
   const deleteReturnFocusRef = useRef13(null);
   const vlistRef = useRef13(null);
-  const portalTokenStyle = usePortalTokenStyle(containerRef);
+  const portalTokenStyle = usePortalTokenStyle(container.source);
   const getTreeElement = useCallback16(
     () => typeof document === "undefined" ? null : document.getElementById(treeId),
     [treeId]
@@ -4209,7 +4686,7 @@ function FileBrowser({
     [expanded, expand]
   );
   const cold = result.source !== "live";
-  const renderItems = useMemo7(() => {
+  const renderItems = useMemo9(() => {
     const items = [];
     if (draftCreate && draftCreate.parent === "") {
       items.push({ type: "create", parent: "", kind: draftCreate.kind, depth: 0 });
@@ -4240,22 +4717,22 @@ function FileBrowser({
     walk(result.tree, 0);
     return items;
   }, [result.tree, expanded, draftCreate, loadingPaths, result.expandingPaths, cold]);
-  const unicodeFontPaths = useMemo7(
+  const unicodeFontPaths = useMemo9(
     () => renderItems.flatMap((item) => item.type === "node" ? [item.node.path] : []),
     [renderItems]
   );
   useUnicodeFallbackFonts(unicodeFontPaths);
-  const flatRows = useMemo7(
+  const flatRows = useMemo9(
     () => renderItems.flatMap(
       (item) => item.type === "node" ? [{ node: item.node, depth: item.depth }] : []
     ),
     [renderItems]
   );
-  const rowIndexByPath = useMemo7(
+  const rowIndexByPath = useMemo9(
     () => new Map(flatRows.map((row, index) => [row.node.path, index])),
     [flatRows]
   );
-  const treePositionByPath = useMemo7(() => {
+  const treePositionByPath = useMemo9(() => {
     const positions = /* @__PURE__ */ new Map();
     const visit = (nodes) => {
       nodes.forEach((node, index) => {
@@ -4517,6 +4994,7 @@ function FileBrowser({
       runDelete,
       supportsMutation,
       coarsePointer,
+      containerRef,
       rowIndexByPath,
       treeId
     ]
@@ -4537,7 +5015,7 @@ function FileBrowser({
   const showDegradedTree = result.error && result.tree.length > 0;
   const showEmpty = !result.loading && result.tree.length === 0 && !draftCreate;
   const showToolbar = supportsMutation || result.loading;
-  const usesVirtualTree = !showErrorEmpty && !showEmpty;
+  const usesVirtualTree = !showErrorEmpty && !showEmpty && renderItems.length > 500;
   const renderNodeRow = (node, depth) => {
     const isOpen = expanded.has(node.path);
     if (renderNode) {
@@ -4772,7 +5250,7 @@ function FileBrowser({
               type: "button",
               onClick: () => void result.refresh(),
               disabled: result.loading,
-              className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 font-medium text-og-fg transition-colors hover:border-og-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-11",
+              className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 font-medium text-og-fg transition-colors hover:border-og-border-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-11",
               children: [
                 /* @__PURE__ */ jsx5(
                   RefreshCwIcon,
@@ -4791,13 +5269,7 @@ function FileBrowser({
     /* @__PURE__ */ jsx5(
       "div",
       {
-        ref: containerRef,
-        id: usesVirtualTree ? void 0 : treeId,
-        role: usesVirtualTree ? void 0 : "tree",
-        "aria-label": usesVirtualTree ? void 0 : "Workspace files",
-        "aria-activedescendant": usesVirtualTree ? void 0 : activeDescendantId,
-        tabIndex: usesVirtualTree ? void 0 : 0,
-        "aria-multiselectable": usesVirtualTree ? void 0 : false,
+        ref: container.ref,
         onFocus: (event) => {
           if (event.target.id === treeId && cursorIndex < 0) {
             const first = flatRows[0];
@@ -4816,7 +5288,7 @@ function FileBrowser({
           void onDropOnto("", src);
         } : void 0,
         className: cn(
-          "flex min-h-0 min-w-0 flex-1 flex-col p-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
+          "flex min-h-0 min-w-0 flex-1 flex-col p-1",
           dragOver === "" && "ring-1 ring-inset ring-og-accent"
         ),
         "data-opengeni-file-tree": true,
@@ -4841,7 +5313,19 @@ function FileBrowser({
               ]
             }
           )
-        ] }) : showEmpty ? /* @__PURE__ */ jsx5("div", { className: "p-2 text-og-sm text-og-fg-subtle", children: emptyState ?? "This directory is empty" }) : (
+        ] }) : showEmpty ? /* @__PURE__ */ jsx5("div", { className: "p-2 text-og-sm text-og-fg-subtle", children: emptyState ?? "This directory is empty" }) : !usesVirtualTree ? /* @__PURE__ */ jsx5(
+          "div",
+          {
+            id: treeId,
+            role: "tree",
+            "aria-label": "Workspace files",
+            "aria-activedescendant": activeDescendantId,
+            "aria-multiselectable": false,
+            tabIndex: 0,
+            className: "min-h-0 min-w-0 flex-1 overflow-auto outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
+            children: renderItems.map((item) => /* @__PURE__ */ jsx5("div", { className: "min-w-0", children: renderItem(item) }, itemKey(item)))
+          }
+        ) : (
           // Virtualized: only the rows in/near the viewport mount, so a 3k-node
           // tree stays responsive. The flat item list already carries the
           // expanded subtree + synthetic (create/skeleton/residue) rows.
@@ -4855,7 +5339,7 @@ function FileBrowser({
               "aria-activedescendant": activeDescendantId,
               "aria-multiselectable": false,
               tabIndex: 0,
-              className: "min-h-0 flex-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
+              className: "min-h-0 flex-1 outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
               itemSize: coarsePointer ? 44 : 28,
               ssrCount: Math.min(32, renderItems.length),
               children: renderItems.map((item) => /* @__PURE__ */ jsx5("div", { className: "min-w-0", children: renderItem(item) }, itemKey(item)))
@@ -4941,11 +5425,11 @@ function DeleteDialog({
         }
       },
       children: /* @__PURE__ */ jsxs5(AlertDialog.Portal, { container: typeof document === "undefined" ? null : document.body, children: [
-        /* @__PURE__ */ jsx5(AlertDialog.Overlay, { className: "fixed inset-0 z-[100] bg-black/45 backdrop-blur-[2px]" }),
+        /* @__PURE__ */ jsx5(AlertDialog.Overlay, { className: "og-root fixed inset-0 z-[100] bg-black/45 backdrop-blur-[2px]" }),
         /* @__PURE__ */ jsxs5(
           AlertDialog.Content,
           {
-            className: "og-root fixed left-1/2 top-1/2 z-[101] max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-og-lg border border-og-border-strong bg-og-surface-1 p-4 text-og-fg shadow-2xl outline-none",
+            className: "og-root fixed left-1/2 top-1/2 z-[101] max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-og-lg border border-og-border-strong bg-og-surface-1 p-4 text-og-fg shadow-2xl outline-hidden",
             style: portalTokenStyle,
             onOpenAutoFocus: (event) => {
               event.preventDefault();
@@ -5090,7 +5574,7 @@ function InlineInput({
             className: cn(
               "min-w-0 flex-1 rounded-og-sm border bg-og-bg px-1 py-0 text-og-sm",
               "border-og-accent text-og-fg",
-              "outline-none"
+              "outline-hidden"
             )
           }
         )
@@ -5189,18 +5673,19 @@ function ContextMenu({
 // src/components/workbench-changes.tsx
 import { ArrowUpRightIcon, FileWarningIcon, HistoryIcon } from "lucide-react";
 import {
+  Component,
   useCallback as useCallback18,
   useEffect as useEffect17,
   useId as useId3,
   useLayoutEffect as useLayoutEffect2,
-  useMemo as useMemo9,
+  useMemo as useMemo11,
   useRef as useRef15,
   useState as useState14
 } from "react";
 import { VList as VList2 } from "virtua";
 
 // src/hooks/use-windowed-sections.ts
-import { useCallback as useCallback17, useEffect as useEffect16, useMemo as useMemo8, useRef as useRef14, useState as useState13 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect16, useMemo as useMemo10, useRef as useRef14, useState as useState13 } from "react";
 function computeWindowRange(heights, scrollTop, viewport, overscan) {
   const n = heights.length;
   if (n === 0) return { start: 0, end: 0 };
@@ -5237,10 +5722,10 @@ function useWindowedSections(opts) {
   );
   useEffect16(() => {
     setHeights((prev) => {
-      if (prev.length === count) return prev;
-      return Array.from({ length: count }, (_, i) => prev[i] ?? estimateHeight(i));
+      const next = Array.from({ length: count }, (_, i) => estimateHeight(i));
+      return prev.length === next.length && prev.every((height, index) => height === next[index]) ? prev : next;
     });
-  }, [count]);
+  }, [count, estimateHeight]);
   const heightsRef = useRef14(heights);
   heightsRef.current = heights;
   const [range, setRange] = useState13(() => ({
@@ -5283,7 +5768,7 @@ function useWindowedSections(opts) {
       return next;
     });
   }, []);
-  const offsets = useMemo8(() => {
+  const offsets = useMemo10(() => {
     const out = new Array(count + 1);
     out[0] = 0;
     for (let i = 0; i < count; i++) out[i + 1] = (out[i] ?? 0) + Math.max(heights[i] ?? 0, 0);
@@ -5348,6 +5833,101 @@ function compactFileLabel(file) {
   const parent = slash >= 0 ? file.path.slice(0, slash + 1) : "";
   return `${STATUS_LETTER[file.status]} \xB7 ${basename}${parent ? ` \u2014 ${parent}` : ""}`;
 }
+var ChangesRailVList = class extends Component {
+  state = {
+    renderedRowCount: this.props.rowCount,
+    resetVersion: 0
+  };
+  host = null;
+  listHandle = null;
+  pendingFocusedPath = null;
+  restoreFrame = null;
+  static getDerivedStateFromProps(props, state) {
+    if (props.rowCount === state.renderedRowCount) return null;
+    return {
+      renderedRowCount: props.rowCount,
+      resetVersion: props.rowCount < state.renderedRowCount ? state.resetVersion + 1 : state.resetVersion
+    };
+  }
+  getSnapshotBeforeUpdate(_previousProps, previousState) {
+    if (previousState.resetVersion === this.state.resetVersion) return null;
+    const scroller = this.host?.firstElementChild;
+    if (!(scroller instanceof HTMLElement)) return null;
+    const active = document.activeElement;
+    const focusedRow = active instanceof HTMLElement && scroller.contains(active) ? active.closest("[data-rail-file-path]") : null;
+    return {
+      focusedPath: focusedRow?.dataset.railFilePath ?? this.pendingFocusedPath,
+      scrollOffset: scroller.scrollTop
+    };
+  }
+  componentDidUpdate(_previousProps, _previousState, snapshot) {
+    if (!snapshot || !this.listHandle) return;
+    this.cancelRestoreFrame();
+    const maxOffset = Math.max(0, this.listHandle.scrollSize - this.listHandle.viewportSize);
+    this.listHandle.scrollTo(Math.min(Math.max(snapshot.scrollOffset, 0), maxOffset));
+    const focusedPath = snapshot.focusedPath;
+    if (!focusedPath) return;
+    this.pendingFocusedPath = focusedPath;
+    this.continueFocusRestore();
+  }
+  componentWillUnmount() {
+    this.cancelRestoreFrame();
+    this.pendingFocusedPath = null;
+  }
+  cancelRestoreFrame() {
+    if (this.restoreFrame === null) return;
+    if (typeof cancelAnimationFrame === "function") cancelAnimationFrame(this.restoreFrame);
+    this.restoreFrame = null;
+  }
+  continueFocusRestore = () => {
+    const path = this.pendingFocusedPath;
+    if (!path) return;
+    if (this.restoreFocusedPath(path)) {
+      this.pendingFocusedPath = null;
+      return;
+    }
+    if (this.restoreFrame === null && typeof requestAnimationFrame === "function") {
+      this.restoreFrame = requestAnimationFrame(() => {
+        this.restoreFrame = null;
+        this.continueFocusRestore();
+      });
+    }
+  };
+  restoreFocusedPath(path) {
+    const host = this.host;
+    if (!host) return true;
+    const active = document.activeElement;
+    if (active instanceof HTMLElement && active.isConnected && active !== document.body) {
+      return true;
+    }
+    if (!this.props.files.some((file) => file.path === path)) return true;
+    const row = Array.from(host.querySelectorAll("[data-rail-file-path]")).find(
+      (candidate) => candidate.dataset.railFilePath === path
+    );
+    if (!row) return false;
+    row.focus({ preventScroll: true });
+    return true;
+  }
+  setHost = (host) => {
+    this.host = host;
+  };
+  setListHandle = (handle) => {
+    this.listHandle = handle;
+  };
+  render() {
+    return /* @__PURE__ */ jsx6("div", { ref: this.setHost, "data-opengeni-changes-rail": true, className: this.props.className, children: /* @__PURE__ */ jsx6(
+      VList2,
+      {
+        ref: this.setListHandle,
+        className: "h-full",
+        itemSize: this.props.coarsePointer ? 44 : 28,
+        ssrCount: Math.min(30, this.props.rowCount),
+        children: this.props.children
+      },
+      this.state.resetVersion
+    ) });
+  }
+};
 function buildRail(files) {
   const roots = new Set(
     files.flatMap((file) => file.repoRoot === void 0 ? [] : [file.repoRoot])
@@ -5406,12 +5986,12 @@ function WorkbenchChanges({
   const [layout, setLayout] = useState14("unified");
   const [activePath, setActivePath] = useState14(null);
   const pickerId = useId3();
-  const unicodeFontPaths = useMemo9(
+  const unicodeFontPaths = useMemo11(
     () => diff.flatMap((file) => file.oldPath ? [file.path, file.oldPath] : [file.path]),
     [diff]
   );
   useUnicodeFallbackFonts(unicodeFontPaths);
-  const { orderedFiles, rows, grouped } = useMemo9(() => buildRail(diff), [diff]);
+  const { orderedFiles, rows, grouped } = useMemo11(() => buildRail(diff), [diff]);
   const selectedIndex = orderedFiles.findIndex((file) => file.path === activePath);
   const activeIndex = selectedIndex >= 0 ? selectedIndex : 0;
   useChangesLayoutEffect(() => {
@@ -5441,8 +6021,8 @@ function WorkbenchChanges({
       return () => query.removeListener(update);
     }
   }, []);
-  const additions = useMemo9(() => diff.reduce((sum, f) => sum + f.additions, 0), [diff]);
-  const deletions = useMemo9(() => diff.reduce((sum, f) => sum + f.deletions, 0), [diff]);
+  const additions = useMemo11(() => diff.reduce((sum, f) => sum + f.additions, 0), [diff]);
+  const deletions = useMemo11(() => diff.reduce((sum, f) => sum + f.deletions, 0), [diff]);
   const estimateHeight = useCallback18(
     (index) => {
       const file = orderedFiles[index];
@@ -5555,27 +6135,38 @@ function WorkbenchChanges({
                 },
                 title: activeFile?.path,
                 "data-compact-file-picker": true,
-                className: "h-11 w-full rounded-og-md border border-og-border bg-og-bg px-3 font-og-mono text-og-sm text-og-fg outline-none transition-colors focus:border-og-accent focus:ring-2 focus:ring-og-accent-soft",
+                className: "h-11 w-full rounded-og-md border border-og-border bg-og-bg px-3 font-og-mono text-og-sm text-og-fg outline-hidden transition-colors focus:border-og-accent focus:ring-2 focus:ring-og-accent-soft",
                 children: orderedFiles.map((file, index) => /* @__PURE__ */ jsx6("option", { value: index, children: compactFileLabel(file) }, file.path))
               }
             )
           ] }),
-          /* @__PURE__ */ jsx6("div", { className: "min-h-0 min-w-0 flex-1 overflow-auto", "data-opengeni-changes-pane": true, children: activeFile ? /* @__PURE__ */ jsx6(
-            DiffSection,
+          /* @__PURE__ */ jsx6(
+            "div",
             {
-              file: activeFile,
-              layout: "unified",
-              themeType: resolvedTheme,
-              ...onOpenFile ? { onOpenFile } : {}
+              "aria-label": "Changed file diff",
+              className: "min-h-0 min-w-0 flex-1 overflow-auto outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
+              "data-opengeni-changes-pane": true,
+              role: "region",
+              tabIndex: 0,
+              children: activeFile ? /* @__PURE__ */ jsx6(
+                DiffSection,
+                {
+                  file: activeFile,
+                  layout: "unified",
+                  themeType: resolvedTheme,
+                  ...onOpenFile ? { onOpenFile } : {}
+                }
+              ) : null
             }
-          ) : null })
+          )
         ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex min-h-0 flex-1", children: [
-          /* @__PURE__ */ jsx6("div", { className: "w-[clamp(12rem,28%,15rem)] shrink-0 border-r border-og-border bg-og-surface-1/35", children: /* @__PURE__ */ jsx6(
-            VList2,
+          /* @__PURE__ */ jsx6(
+            ChangesRailVList,
             {
-              className: "h-full",
-              itemSize: coarsePointer ? 44 : 28,
-              ssrCount: Math.min(30, rows.length),
+              rowCount: rows.length,
+              coarsePointer,
+              files: orderedFiles,
+              className: "w-[clamp(12rem,28%,15rem)] shrink-0 border-r border-og-border bg-og-surface-1/35",
               children: rows.map(
                 (row) => row.kind === "group" ? /* @__PURE__ */ jsxs6(
                   "div",
@@ -5600,13 +6191,16 @@ function WorkbenchChanges({
                 )
               )
             }
-          ) }),
+          ),
           /* @__PURE__ */ jsx6(
             "div",
             {
               ref: windowed.scrollRef,
-              className: "min-h-0 min-w-0 flex-1 overflow-auto",
+              "aria-label": "Changed files diff",
+              className: "min-h-0 min-w-0 flex-1 overflow-auto outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
               "data-opengeni-changes-pane": true,
+              role: "region",
+              tabIndex: 0,
               children: /* @__PURE__ */ jsx6("div", { style: { position: "relative", height: windowed.totalHeight }, children: orderedFiles.map((file, index) => {
                 if (index < windowed.range.start || index >= windowed.range.end) return null;
                 return /* @__PURE__ */ jsx6(
@@ -5675,8 +6269,9 @@ function RailFileRow({
       onClick,
       title: file.path,
       "data-rail-file": true,
+      "data-rail-file-path": file.path,
       className: cn(
-        "relative flex min-h-7 w-full items-center gap-1.5 truncate px-2 py-0.5 text-left text-og-sm transition-colors hover:bg-og-surface-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent pointer-coarse:min-h-11",
+        "relative flex min-h-7 w-full items-center gap-1.5 truncate px-2 py-0.5 text-left text-og-sm transition-colors hover:bg-og-surface-2 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent pointer-coarse:min-h-11",
         grouped && "pl-3",
         active && "bg-og-accent-soft text-og-fg before:absolute before:inset-y-1 before:left-0 before:w-0.5 before:rounded-r-full before:bg-og-accent"
       ),
@@ -5774,7 +6369,7 @@ function GuardBody({
       {
         type: "button",
         onClick: () => onOpenFile(file.path),
-        className: "inline-flex min-h-8 shrink-0 items-center gap-1.5 rounded-og-sm border border-og-border px-2 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-11",
+        className: "inline-flex min-h-8 shrink-0 items-center gap-1.5 rounded-og-sm border border-og-border px-2 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent pointer-coarse:min-h-11",
         children: [
           "Open in Files",
           /* @__PURE__ */ jsx6(ArrowUpRightIcon, { className: "size-3.5", "aria-hidden": true })
@@ -5793,7 +6388,7 @@ function LayoutToggle({
       type: "button",
       onClick: () => onChange(value),
       className: cn(
-        "min-h-7 rounded-og-xs px-1.5 py-0.5 text-og-xs capitalize focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+        "min-h-7 rounded-og-xs px-1.5 py-0.5 text-og-xs capitalize focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
         layout === value ? "bg-og-accent-soft text-og-fg" : "text-og-fg-subtle hover:text-og-fg"
       ),
       children: value
@@ -5912,7 +6507,7 @@ import { Loader2Icon, SaveIcon } from "lucide-react";
 import {
   useCallback as useCallback19,
   useEffect as useEffect19,
-  useMemo as useMemo10,
+  useMemo as useMemo12,
   useRef as useRef16,
   useState as useState16
 } from "react";
@@ -5960,6 +6555,19 @@ function languageForPath(path) {
       return null;
   }
 }
+function reconcileEditorBuffer(current, incoming) {
+  if (current.path === incoming.path && current.value !== current.baseline) {
+    return current;
+  }
+  if (current.path === incoming.path && current.value === incoming.contents && current.baseline === incoming.contents) {
+    return current;
+  }
+  return {
+    path: incoming.path,
+    value: incoming.contents,
+    baseline: incoming.contents
+  };
+}
 function CodeEditor({
   path,
   initialContents,
@@ -5975,28 +6583,30 @@ function CodeEditor({
 }) {
   const [failed, setFailed] = useState16(false);
   const [bundle, setBundle] = useState16(null);
-  const [value, setValue] = useState16(initialContents);
-  const [baseline, setBaseline] = useState16(initialContents);
+  const [buffer, setBuffer] = useState16(() => ({
+    path,
+    value: initialContents,
+    baseline: initialContents
+  }));
+  const { value, baseline } = buffer;
   const [saving, setSaving] = useState16(false);
   const [saveError, setSaveError] = useState16(null);
   const [savedTick, setSavedTick] = useState16(false);
+  const saveInFlightRef = useRef16(false);
   const dirty = value !== baseline;
   const saveConflict = saveError !== null && saveError.code === "file_write_conflict";
   const editIntentFiredRef = useRef16(false);
-  const lastSeed = useRef16({ path, contents: initialContents });
   useEffect19(() => {
-    const seedChanged = lastSeed.current.path !== path || lastSeed.current.contents !== initialContents;
-    if (!seedChanged) return;
-    lastSeed.current = { path, contents: initialContents };
+    setBuffer((current) => reconcileEditorBuffer(current, { path, contents: initialContents }));
+  }, [path, initialContents]);
+  useEffect19(() => {
     editIntentFiredRef.current = false;
-    setValue(initialContents);
-    setBaseline(initialContents);
     setSaveError(null);
     setSavedTick(false);
-  }, [path, initialContents]);
+  }, [path]);
   const noteEdit = useCallback19(
     (next) => {
-      setValue(next);
+      setBuffer((current) => ({ ...current, value: next }));
       setSavedTick(false);
       if (!editIntentFiredRef.current && next !== baseline) {
         editIntentFiredRef.current = true;
@@ -6005,7 +6615,7 @@ function CodeEditor({
     },
     [baseline, onEditIntent]
   );
-  const langKey = useMemo10(() => languageForPath(path), [path]);
+  const langKey = useMemo12(() => languageForPath(path), [path]);
   useEffect19(() => {
     let cancelled = false;
     void (async () => {
@@ -6049,38 +6659,44 @@ function CodeEditor({
   const saveRef = useRef16(() => {
   });
   const save = useCallback19(async () => {
-    if (readOnly) return;
+    if (readOnly || saveInFlightRef.current) return;
     const snapshot = value;
     if (snapshot === baseline) return;
+    saveInFlightRef.current = true;
     setSaving(true);
     setSaveError(null);
     setSavedTick(false);
     try {
-      await onSave(snapshot);
-      setBaseline(snapshot);
-      lastSeed.current = { path, contents: snapshot };
+      await onSave(snapshot, baseline);
+      setBuffer(
+        (current) => current.path === path ? { ...current, baseline: snapshot } : current
+      );
       setSavedTick(true);
     } catch (cause) {
       setSaveError(cause instanceof Error ? cause : new Error(String(cause)));
     } finally {
+      saveInFlightRef.current = false;
       setSaving(false);
     }
   }, [readOnly, value, baseline, onSave, path]);
   const overwrite = useCallback19(async () => {
-    if (readOnly || !onOverwrite) return;
+    if (readOnly || !onOverwrite || saveInFlightRef.current) return;
     const snapshot = value;
     if (snapshot === baseline) return;
+    saveInFlightRef.current = true;
     setSaving(true);
     setSaveError(null);
     setSavedTick(false);
     try {
       await onOverwrite(snapshot);
-      setBaseline(snapshot);
-      lastSeed.current = { path, contents: snapshot };
+      setBuffer(
+        (current) => current.path === path ? { ...current, baseline: snapshot } : current
+      );
       setSavedTick(true);
     } catch (cause) {
       setSaveError(cause instanceof Error ? cause : new Error(String(cause)));
     } finally {
+      saveInFlightRef.current = false;
       setSaving(false);
     }
   }, [readOnly, onOverwrite, value, baseline, path]);
@@ -6093,18 +6709,26 @@ function CodeEditor({
     return () => clearTimeout(t);
   }, [savedTick]);
   const fileName = path.split("/").filter(Boolean).pop() ?? path;
-  const cmExtensions = useMemo10(() => {
+  const cmExtensions = useMemo12(() => {
     if (!bundle) return [];
     const exts = [bundle.saveKeymapExtension(() => saveRef.current())];
     if (bundle.languageExtension) exts.push(bundle.languageExtension);
     return exts;
   }, [bundle]);
   const Editor = bundle?.Editor;
+  const reload = useCallback19(() => {
+    setBuffer({ path, value: initialContents, baseline: initialContents });
+    editIntentFiredRef.current = false;
+    setSaveError(null);
+    setSavedTick(false);
+    onReload?.();
+  }, [initialContents, onReload, path]);
   return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: cn("flex h-full min-h-0 flex-col", className),
       "data-opengeni-code-editor": true,
+      "data-opengeni-editor-dirty": dirty ? "true" : "false",
       style: editorVars,
       children: [
         /* @__PURE__ */ jsxs7("div", { className: "flex min-h-9 shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1", children: [
@@ -6131,7 +6755,7 @@ function CodeEditor({
                 children: saveError.message
               }
             ),
-            !saveError && savedTick && /* @__PURE__ */ jsx9("span", { className: "text-og-xs text-og-status-idle", children: "Saved" }),
+            !saveError && savedTick && !dirty && /* @__PURE__ */ jsx9("span", { className: "text-og-xs text-og-status-idle", children: "Saved" }),
             readOnly ? /* @__PURE__ */ jsx9("span", { className: "text-og-xs uppercase tracking-wide text-og-fg-subtle", children: "Read-only" }) : !saveConflict ? /* @__PURE__ */ jsxs7(
               "button",
               {
@@ -6168,8 +6792,7 @@ function CodeEditor({
                   {
                     type: "button",
                     onClick: () => {
-                      setSaveError(null);
-                      onReload();
+                      reload();
                     },
                     className: "min-h-8 rounded-og-sm border border-og-border bg-og-surface-1 px-2 text-og-xs font-medium text-og-fg hover:bg-og-surface-2 pointer-coarse:min-h-11",
                     children: "Reload live"
@@ -6239,7 +6862,7 @@ function PlainTextarea({
         }
       },
       "aria-label": "Plain text file editor",
-      className: "h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-none"
+      className: "h-full w-full resize-none bg-transparent p-2 font-og-mono text-og-sm text-og-fg outline-hidden"
     }
   );
 }
@@ -6250,6 +6873,7 @@ function EditorSkeleton() {
 // src/components/sandbox-files.tsx
 import { FileCode2Icon, FileWarningIcon as FileWarningIcon2, LoaderCircleIcon } from "lucide-react";
 import { useCallback as useCallback20, useEffect as useEffect20, useRef as useRef17, useState as useState17 } from "react";
+import { Group, Panel, Separator } from "react-resizable-panels";
 import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function SandboxFiles({
   files,
@@ -6297,17 +6921,30 @@ function SandboxFiles({
   const [wide, setWide] = useState17(false);
   useEffect20(() => {
     const el = rootRef.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver((entries) => {
-      const w = entries[0]?.contentRect.width ?? 0;
-      setWide(w >= 720);
-    });
+    if (!el) return;
+    const update = () => setWide(el.getBoundingClientRect().width >= 720);
+    update();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(update);
     observer.observe(el);
-    return () => observer.disconnect();
+    const surface = el.closest("[data-workspace-surface]");
+    const surfaceObserver = surface && typeof MutationObserver !== "undefined" ? new MutationObserver(update) : null;
+    surfaceObserver?.observe(surface, {
+      attributes: true,
+      attributeFilter: ["class", "style"]
+    });
+    return () => {
+      observer.disconnect();
+      surfaceObserver?.disconnect();
+    };
   }, []);
   const resolvedTheme = useThemeType(themeType);
   const viewPath = selected;
-  const fileView = useFileView(viewPath, files.readFile, viewReloadRevision);
+  const fileView = useFileView(
+    viewPath,
+    files.readFile,
+    (files.contentRevision ?? 0) + viewReloadRevision
+  );
   const selectFile = useCallback20((path) => {
     if (pendingRequestRef.current !== null) {
       handledRequestRef.current = pendingRequestRef.current;
@@ -6322,18 +6959,6 @@ function SandboxFiles({
   const showEditor = canEdit && editMode;
   const captureFileUnavailable = fileView.error instanceof CapturedFileUnavailableError ? fileView.error : null;
   const waitingForSelectedFile = liveRequestedPath === viewPath && (!liveWorkspaceReady || files.loading) && captureFileUnavailable !== null;
-  if (!fileSystemAvailable) {
-    return /* @__PURE__ */ jsx10(
-      Notice,
-      {
-        className,
-        icon: /* @__PURE__ */ jsx10(FileWarningIcon2, { className: "size-5", "aria-hidden": true }),
-        title: "Files unavailable",
-        announce: "alert",
-        children: "This sandbox does not expose a file system."
-      }
-    );
-  }
   if (workspaceResting || workspaceWaking) {
     return /* @__PURE__ */ jsx10("div", { className: cn("h-full", className), "data-opengeni-workspace-resting": true, children: /* @__PURE__ */ jsxs8(
       Notice,
@@ -6354,162 +6979,206 @@ function SandboxFiles({
       }
     ) });
   }
+  if (!fileSystemAvailable) {
+    return /* @__PURE__ */ jsx10(
+      Notice,
+      {
+        className,
+        icon: /* @__PURE__ */ jsx10(FileWarningIcon2, { className: "size-5", "aria-hidden": true }),
+        title: "Files unavailable",
+        announce: "alert",
+        children: "This sandbox does not expose a file system."
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs8("div", { ref: rootRef, className: cn("flex h-full min-h-0 min-w-0 flex-col", className), children: [
-    /* @__PURE__ */ jsx10(GitHeader, { git, dirtyCount: git.diff.length }),
-    /* @__PURE__ */ jsxs8("div", { className: cn("flex min-h-0 flex-1", wide ? "flex-row" : "flex-col"), children: [
-      /* @__PURE__ */ jsx10(
-        "div",
-        {
-          className: cn(
-            "flex min-h-0 flex-col",
-            wide ? "w-[280px] shrink-0 border-r border-og-border" : "flex-1"
-          ),
-          children: /* @__PURE__ */ jsx10(
-            FileBrowser,
-            {
-              result: files,
-              selectedPath: selected ?? void 0,
-              onSelectFile: selectFile,
-              editable,
-              emptyState: "This directory is empty",
-              className: "min-w-0 flex-1"
-            }
-          )
+    /* @__PURE__ */ jsx10(
+      GitHeader,
+      {
+        loading: Boolean(files.loading || files.gitLoading || files.source === null || git?.loading) && files.gitSummary === null,
+        git: files.gitSummary ?? {
+          branch: git?.branch ?? null,
+          isRepo: git?.isRepo ?? false,
+          repoCount: git?.repoCount ?? 0,
+          ahead: git?.ahead ?? 0,
+          behind: git?.behind ?? 0,
+          dirtyCount: git?.diff.length ?? 0
         }
-      ),
-      /* @__PURE__ */ jsxs8(
-        "div",
-        {
-          className: cn(
-            "flex min-h-0 min-w-0 flex-col",
-            wide ? "flex-1" : "flex-[1.4] border-t border-og-border"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center justify-between gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1", children: [
-              /* @__PURE__ */ jsx10(
-                "span",
-                {
-                  "data-opengeni-selected-file": true,
-                  className: "min-w-0 truncate font-og-mono text-og-xs text-og-fg-muted",
-                  children: selected ?? "No file selected"
-                }
-              ),
-              canEdit && /* @__PURE__ */ jsx10(
-                Segmented,
+      }
+    ),
+    /* @__PURE__ */ jsxs8(
+      Group,
+      {
+        orientation: wide ? "horizontal" : "vertical",
+        className: cn("min-h-0 flex-1", wide ? "flex-row" : "flex-col"),
+        children: [
+          /* @__PURE__ */ jsx10(
+            Panel,
+            {
+              id: "sandbox-files-tree",
+              defaultSize: wide ? "280px" : "40%",
+              minSize: wide ? "180px" : "120px",
+              maxSize: wide ? "60%" : "70%",
+              className: "flex min-h-0 min-w-0 flex-col",
+              children: /* @__PURE__ */ jsx10(
+                FileBrowser,
                 {
-                  options: [
-                    { value: "view", label: "View" },
-                    { value: "edit", label: "Edit" }
-                  ],
-                  value: editMode ? "edit" : "view",
-                  onChange: (v) => setEditMode(v === "edit")
+                  result: files,
+                  selectedPath: selected ?? void 0,
+                  onSelectFile: selectFile,
+                  editable,
+                  emptyState: "This directory is empty",
+                  className: "min-w-0 flex-1"
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsx10("div", { className: "min-h-0 flex-1 overflow-auto", children: viewPath ? showEditor && fileView.content !== null ? /* @__PURE__ */ jsx10(
-              CodeEditor,
-              {
-                path: viewPath,
-                initialContents: fileView.content,
-                themeType: resolvedTheme,
-                onSave: (contents) => files.writeFile(viewPath, contents, { expectedContent: fileView.content }),
-                onOverwrite: (contents) => files.writeFile(viewPath, contents, { force: true }),
-                onReload: () => setViewReloadRevision((revision) => revision + 1),
-                ...onEditIntent ? { onEditIntent } : {},
-                className: "h-full"
-              },
-              viewPath
-            ) : waitingForSelectedFile ? /* @__PURE__ */ jsxs8(
-              Notice,
-              {
-                icon: /* @__PURE__ */ jsx10(
-                  LoaderCircleIcon,
+            }
+          ),
+          /* @__PURE__ */ jsx10(
+            Separator,
+            {
+              "aria-label": "Resize file tree",
+              className: cn(
+                "group relative z-10 shrink-0 cursor-col-resize outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent",
+                "w-px bg-og-border after:absolute after:inset-y-0 after:left-1/2 after:w-3 after:-translate-x-1/2",
+                "hover:bg-og-accent focus-visible:bg-og-accent data-[separator-state=dragging]:bg-og-accent",
+                !wide && "h-px w-full cursor-row-resize after:inset-x-0 after:inset-y-auto after:top-1/2 after:h-3 after:w-full after:-translate-x-0 after:-translate-y-1/2"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs8(
+            Panel,
+            {
+              id: "sandbox-files-viewer",
+              minSize: wide ? "240px" : "160px",
+              className: cn("flex min-h-0 min-w-0 flex-col", !wide && "border-t border-og-border"),
+              children: [
+                /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center justify-between gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1", children: [
+                  /* @__PURE__ */ jsx10(
+                    "span",
+                    {
+                      "data-opengeni-selected-file": true,
+                      className: "min-w-0 truncate font-og-mono text-og-xs text-og-fg-muted",
+                      children: selected ?? "No file selected"
+                    }
+                  ),
+                  canEdit && /* @__PURE__ */ jsx10(
+                    Segmented,
+                    {
+                      options: [
+                        { value: "view", label: "View" },
+                        { value: "edit", label: "Edit" }
+                      ],
+                      value: editMode ? "edit" : "view",
+                      onChange: (v) => setEditMode(v === "edit")
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx10("div", { className: "min-h-0 flex-1 overflow-auto", children: viewPath ? showEditor && fileView.content !== null ? /* @__PURE__ */ jsx10(
+                  CodeEditor,
                   {
-                    className: "size-5 animate-spin motion-reduce:animate-none",
-                    "aria-hidden": true
+                    path: viewPath,
+                    initialContents: fileView.content,
+                    themeType: resolvedTheme,
+                    onSave: (contents, expectedContents) => files.writeFile(viewPath, contents, { expectedContent: expectedContents }),
+                    onOverwrite: (contents) => files.writeFile(viewPath, contents, { force: true }),
+                    onReload: () => setViewReloadRevision((revision) => revision + 1),
+                    ...onEditIntent ? { onEditIntent } : {},
+                    className: "h-full"
+                  },
+                  viewPath
+                ) : waitingForSelectedFile ? /* @__PURE__ */ jsxs8(
+                  Notice,
+                  {
+                    icon: /* @__PURE__ */ jsx10(
+                      LoaderCircleIcon,
+                      {
+                        className: "size-5 animate-spin motion-reduce:animate-none",
+                        "aria-hidden": true
+                      }
+                    ),
+                    title: "Waking workspace",
+                    announce: "status",
+                    children: [
+                      "Opening ",
+                      viewPath,
+                      " when the live file system is ready\u2026"
+                    ]
                   }
-                ),
-                title: "Waking workspace",
-                announce: "status",
-                children: [
-                  "Opening ",
+                ) : captureFileUnavailable ? /* @__PURE__ */ jsxs8(Notice, { icon: /* @__PURE__ */ jsx10(FileCode2Icon, { className: "size-5", "aria-hidden": true }), title: "On machine", children: [
+                  /* @__PURE__ */ jsx10("p", { children: captureFileUnavailable.reason === "too-large" ? "This file is larger than the captured preview limit." : captureFileUnavailable.reason === "content-missing" ? "The captured copy is no longer available." : "This file was indexed, but it was not changed in the captured turn." }),
+                  onWakeWorkspace ? /* @__PURE__ */ jsx10(
+                    WakeButton,
+                    {
+                      onClick: () => {
+                        setLiveRequestedPath(viewPath);
+                        if (liveWorkspaceReady) void files.refresh();
+                        else onWakeWorkspace();
+                      },
+                      children: liveWorkspaceReady ? "Retry live file" : "Open live file"
+                    }
+                  ) : null
+                ] }) : fileView.error ? /* @__PURE__ */ jsxs8(Notice, { announce: "alert", children: [
+                  "Could not open ",
                   viewPath,
-                  " when the live file system is ready\u2026"
-                ]
-              }
-            ) : captureFileUnavailable ? /* @__PURE__ */ jsxs8(Notice, { icon: /* @__PURE__ */ jsx10(FileCode2Icon, { className: "size-5", "aria-hidden": true }), title: "On machine", children: [
-              /* @__PURE__ */ jsx10("p", { children: captureFileUnavailable.reason === "too-large" ? "This file is larger than the captured preview limit." : captureFileUnavailable.reason === "content-missing" ? "The captured copy is no longer available." : "This file was indexed, but it was not changed in the captured turn." }),
-              onWakeWorkspace ? /* @__PURE__ */ jsx10(
-                WakeButton,
-                {
-                  onClick: () => {
-                    setLiveRequestedPath(viewPath);
-                    if (liveWorkspaceReady) void files.refresh();
-                    else onWakeWorkspace();
-                  },
-                  children: liveWorkspaceReady ? "Retry live file" : "Open live file"
-                }
-              ) : null
-            ] }) : fileView.error ? /* @__PURE__ */ jsxs8(Notice, { announce: "alert", children: [
-              "Could not open ",
-              viewPath,
-              ": ",
-              fileView.error.message
-            ] }) : fileView.loading ? /* @__PURE__ */ jsxs8(Notice, { announce: "status", children: [
-              "Loading ",
-              viewPath,
-              "\u2026"
-            ] }) : fileView.isBinary ? /* @__PURE__ */ jsxs8(Notice, { children: [
-              viewPath,
-              " is a binary file (",
-              fileView.sizeBytes ?? 0,
-              " bytes)."
-            ] }) : fileView.content !== null ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
-              fileView.truncated && /* @__PURE__ */ jsxs8("div", { className: "border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-status-running", children: [
-                "Large file \u2014 showing a truncated preview (",
-                fileView.sizeBytes ?? 0,
-                " bytes loaded). Editing is disabled to avoid corrupting the file."
-              ] }),
-              usePierre ? /* @__PURE__ */ jsx10(
-                PierreFile,
-                {
-                  path: viewPath,
-                  contents: fileView.content,
-                  themeType: resolvedTheme,
-                  fallback: /* @__PURE__ */ jsx10("pre", { className: "overflow-auto whitespace-pre p-2 font-og-mono text-og-sm text-og-fg", children: fileView.content }),
-                  className: "p-1"
-                }
-              ) : /* @__PURE__ */ jsx10("pre", { className: "overflow-auto whitespace-pre p-2 font-og-mono text-og-sm text-og-fg", children: fileView.content })
-            ] }) : /* @__PURE__ */ jsxs8(Notice, { announce: "status", children: [
-              "Loading ",
-              viewPath,
-              "\u2026"
-            ] }) : (
-              // Nothing selected — the tree shows the whole workspace; pick a file.
-              requestedPath && !requestedPathReady ? /* @__PURE__ */ jsxs8(
-                Notice,
-                {
-                  icon: /* @__PURE__ */ jsx10(
-                    LoaderCircleIcon,
+                  ": ",
+                  fileView.error.message
+                ] }) : fileView.loading ? /* @__PURE__ */ jsxs8(Notice, { announce: "status", children: [
+                  "Loading ",
+                  viewPath,
+                  "\u2026"
+                ] }) : fileView.isBinary ? /* @__PURE__ */ jsxs8(Notice, { children: [
+                  viewPath,
+                  " is a binary file (",
+                  fileView.sizeBytes ?? 0,
+                  " bytes)."
+                ] }) : fileView.content !== null ? /* @__PURE__ */ jsxs8(Fragment3, { children: [
+                  fileView.truncated && /* @__PURE__ */ jsxs8("div", { className: "border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-xs text-og-status-running", children: [
+                    "Large file \u2014 showing a truncated preview (",
+                    fileView.sizeBytes ?? 0,
+                    " bytes loaded). Editing is disabled to avoid corrupting the file."
+                  ] }),
+                  usePierre ? /* @__PURE__ */ jsx10(
+                    PierreFile,
                     {
-                      className: "size-5 animate-spin motion-reduce:animate-none",
-                      "aria-hidden": true
+                      path: viewPath,
+                      contents: fileView.content,
+                      themeType: resolvedTheme,
+                      fallback: /* @__PURE__ */ jsx10("pre", { className: "overflow-auto whitespace-pre p-2 font-og-mono text-og-sm text-og-fg", children: fileView.content }),
+                      className: "p-1"
                     }
-                  ),
-                  title: "Waking sandbox",
-                  announce: "status",
-                  children: [
-                    "Opening ",
-                    requestedPath,
-                    " when the live workspace is ready\u2026"
-                  ]
-                }
-              ) : /* @__PURE__ */ jsx10(Notice, { icon: /* @__PURE__ */ jsx10(FileCode2Icon, { className: "size-5", "aria-hidden": true }), title: "Choose a file", children: "Select a file in the tree to preview it." })
-            ) })
-          ]
-        }
-      )
-    ] })
+                  ) : /* @__PURE__ */ jsx10("pre", { className: "overflow-auto whitespace-pre p-2 font-og-mono text-og-sm text-og-fg", children: fileView.content })
+                ] }) : /* @__PURE__ */ jsxs8(Notice, { announce: "status", children: [
+                  "Loading ",
+                  viewPath,
+                  "\u2026"
+                ] }) : (
+                  // Nothing selected — the tree shows the whole workspace; pick a file.
+                  requestedPath && !requestedPathReady ? /* @__PURE__ */ jsxs8(
+                    Notice,
+                    {
+                      icon: /* @__PURE__ */ jsx10(
+                        LoaderCircleIcon,
+                        {
+                          className: "size-5 animate-spin motion-reduce:animate-none",
+                          "aria-hidden": true
+                        }
+                      ),
+                      title: "Waking sandbox",
+                      announce: "status",
+                      children: [
+                        "Opening ",
+                        requestedPath,
+                        " when the live workspace is ready\u2026"
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx10(Notice, { icon: /* @__PURE__ */ jsx10(FileCode2Icon, { className: "size-5", "aria-hidden": true }), title: "Choose a file", children: "Select a file in the tree to preview it." })
+                ) })
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 function WakeButton({ children, onClick }) {
@@ -6518,13 +7187,33 @@ function WakeButton({ children, onClick }) {
     {
       type: "button",
       onClick,
-      className: "mt-1 inline-flex min-h-11 items-center justify-center rounded-og-md bg-og-accent-deep px-3 py-2 text-og-sm font-medium text-og-accent-fg shadow-sm transition-opacity hover:opacity-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-2 focus-visible:ring-offset-og-bg",
+      className: "mt-1 inline-flex min-h-11 items-center justify-center rounded-og-md bg-og-accent-deep px-3 py-2 text-og-sm font-medium text-og-accent-fg shadow-sm transition-opacity hover:opacity-90 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-2 focus-visible:ring-offset-og-bg",
       children
     }
   );
 }
-function GitHeader({ git, dirtyCount }) {
-  const dirty = dirtyCount > 0;
+function GitHeader({ git, loading }) {
+  if (loading) {
+    return /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        className: "flex shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-sm text-og-fg-muted",
+        role: "status",
+        "aria-live": "polite",
+        children: [
+          /* @__PURE__ */ jsx10(
+            LoaderCircleIcon,
+            {
+              className: "size-3.5 shrink-0 animate-spin motion-reduce:animate-none",
+              "aria-hidden": true
+            }
+          ),
+          /* @__PURE__ */ jsx10("span", { children: "Loading repository\u2026" })
+        ]
+      }
+    );
+  }
+  const dirty = git.dirtyCount > 0;
   return /* @__PURE__ */ jsxs8("div", { className: "flex shrink-0 items-center gap-2 border-b border-og-border bg-og-surface-1 px-2 py-1 text-og-sm", children: [
     /* @__PURE__ */ jsx10(
       "span",
@@ -6536,7 +7225,7 @@ function GitHeader({ git, dirtyCount }) {
         )
       }
     ),
-    /* @__PURE__ */ jsx10("span", { className: "sr-only", children: dirty ? `Working tree has ${dirtyCount} changed files` : "Working tree clean" }),
+    /* @__PURE__ */ jsx10("span", { className: "sr-only", children: dirty ? `Uncommitted changes in ${git.dirtyCount} files` : "No uncommitted changes" }),
     /* @__PURE__ */ jsx10("span", { className: "truncate font-og-mono text-og-fg", children: git.repoCount > 1 ? `${git.repoCount} repositories` : git.branch ?? (git.isRepo ? "(detached)" : "no repo") }),
     (git.ahead > 0 || git.behind > 0) && /* @__PURE__ */ jsxs8("span", { className: "flex shrink-0 items-center gap-1.5 text-og-xs text-og-fg-subtle", children: [
       git.ahead > 0 && /* @__PURE__ */ jsxs8("span", { children: [
@@ -6555,7 +7244,7 @@ function GitHeader({ git, dirtyCount }) {
         "data-contrast-audited": true,
         className: "ml-auto shrink-0 text-og-xs text-og-fg-subtle",
         children: [
-          dirtyCount,
+          git.dirtyCount,
           " changed"
         ]
       }
@@ -6573,7 +7262,7 @@ function Segmented({
       type: "button",
       onClick: () => onChange(opt.value),
       className: cn(
-        "min-h-7 rounded-og-xs px-1.5 py-0.5 text-og-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+        "min-h-7 rounded-og-xs px-1.5 py-0.5 text-og-xs focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
         opt.value === value ? "bg-og-accent-soft text-og-fg" : "text-og-fg-subtle hover:text-og-fg"
       ),
       children: opt.label
@@ -6582,6 +7271,7 @@ function Segmented({
   )) });
 }
 function useFileView(path, readFile, reloadRevision = 0) {
+  const previousPathRef = useRef17(null);
   const [state, setState] = useState17({
     content: null,
     isBinary: false,
@@ -6592,6 +7282,7 @@ function useFileView(path, readFile, reloadRevision = 0) {
   });
   useEffect20(() => {
     if (!path) {
+      previousPathRef.current = null;
       setState({
         content: null,
         isBinary: false,
@@ -6602,16 +7293,22 @@ function useFileView(path, readFile, reloadRevision = 0) {
       });
       return;
     }
+    const pathChanged = previousPathRef.current !== path;
+    previousPathRef.current = path;
     let cancelled = false;
     const abort = new AbortController();
-    setState({
-      content: null,
-      isBinary: false,
-      truncated: false,
-      sizeBytes: null,
-      loading: true,
-      error: null
-    });
+    if (pathChanged) {
+      setState({
+        content: null,
+        isBinary: false,
+        truncated: false,
+        sizeBytes: null,
+        loading: true,
+        error: null
+      });
+    } else {
+      setState((previous) => ({ ...previous, error: null }));
+    }
     void readFile(path, { signal: abort.signal }).then((res) => {
       if (cancelled) return;
       const content = res.isBinary ? null : res.encoding === "base64" ? decodeBase64Utf8(res.content) : res.content;
@@ -6625,14 +7322,17 @@ function useFileView(path, readFile, reloadRevision = 0) {
       });
     }).catch((cause) => {
       if (cancelled) return;
-      setState({
-        content: null,
-        isBinary: false,
-        truncated: false,
-        sizeBytes: null,
-        loading: false,
-        error: cause instanceof Error ? cause : new Error(String(cause))
-      });
+      const error = cause instanceof Error ? cause : new Error(String(cause));
+      setState(
+        (previous) => pathChanged ? {
+          content: null,
+          isBinary: false,
+          truncated: false,
+          sizeBytes: null,
+          loading: false,
+          error
+        } : { ...previous, loading: false, error }
+      );
     });
     return () => {
       cancelled = true;
@@ -6703,7 +7403,7 @@ function DesktopViewer({
   scaleViewport,
   rfbFactory,
   webSocketFactory,
-  renderConsentGate,
+  onActivate,
   onAcknowledge,
   watching,
   onWarm,
@@ -6715,22 +7415,55 @@ function DesktopViewer({
   className
 }) {
   const containerRef = useRef18(null);
-  const [consented, setConsented] = useState18(false);
+  const onActivateRef = useRef18(onActivate);
+  const onAcknowledgeRef = useRef18(onAcknowledge);
+  onActivateRef.current = onActivate;
+  onAcknowledgeRef.current = onAcknowledge;
+  const acknowledgmentAttemptedRef = useRef18(false);
+  const [acknowledgmentError, setAcknowledgmentError] = useState18(null);
+  const [acknowledgmentRetryNonce, setAcknowledgmentRetryNonce] = useState18(0);
   const [takeControl, setTakeControl] = useState18(interactive ?? false);
   const externallyControlled = interactive !== void 0;
   const serverAllowsControl = capability?.mode !== "read-only";
   const wantControl = externallyControlled ? interactive : takeControl;
   const inControl = Boolean(wantControl) && serverAllowsControl;
-  const isWatching = watching ?? consented;
+  const isWatching = watching ?? true;
   const transportNull = !capability || capability.transport === null;
   const reason = capability?.reason ?? null;
-  const needsAck = capability?.requiresAcknowledgment === true && capability.acknowledged !== true && !consented;
+  const needsAcknowledgment = capability?.requiresAcknowledgment === true && capability.acknowledged !== true;
   const noLiveAddress = Boolean(capability) && !transportNull && !capability.url;
   const coldWarmable = transportNull && reason === "lease_cold" || !transportNull && noLiveAddress;
   const hardUnavailable = transportNull && isHardUnavailable(reason);
-  const accept = () => {
-    setConsented(true);
-    onAcknowledge?.();
+  useEffect21(() => {
+    onActivateRef.current?.();
+  }, []);
+  useEffect21(() => {
+    if (!needsAcknowledgment) {
+      acknowledgmentAttemptedRef.current = false;
+      setAcknowledgmentError(null);
+      return;
+    }
+    if (acknowledgmentAttemptedRef.current) return;
+    acknowledgmentAttemptedRef.current = true;
+    setAcknowledgmentError(null);
+    const acknowledge = onAcknowledgeRef.current;
+    if (!acknowledge) {
+      setAcknowledgmentError(new Error("Desktop acknowledgment is not configured."));
+      return;
+    }
+    let active = true;
+    void Promise.resolve().then(() => acknowledge()).catch((cause) => {
+      if (!active) return;
+      setAcknowledgmentError(cause instanceof Error ? cause : new Error(String(cause)));
+    });
+    return () => {
+      active = false;
+    };
+  }, [needsAcknowledgment, acknowledgmentRetryNonce]);
+  const retryAcknowledgment = () => {
+    acknowledgmentAttemptedRef.current = false;
+    setAcknowledgmentError(null);
+    setAcknowledgmentRetryNonce((nonce) => nonce + 1);
   };
   useEffect21(() => {
     if (!inControl || externallyControlled) return;
@@ -6745,7 +7478,7 @@ function DesktopViewer({
       window.removeEventListener("keydown", onKey);
     };
   }, [inControl, externallyControlled]);
-  const connectCapability = !transportNull && !needsAck && !viewerCapReached ? capability : null;
+  const connectCapability = !transportNull && !needsAcknowledgment && !viewerCapReached ? capability : null;
   const stream = useDesktopStream({
     capability: connectCapability,
     containerRef,
@@ -6760,17 +7493,16 @@ function DesktopViewer({
   streamStateRef.current = stream.state;
   const warmKeyRef = useRef18(null);
   useEffect21(() => {
-    if (!isWatching || !coldWarmable || needsAck || viewerCapReached) {
+    if (!isWatching || !coldWarmable || needsAcknowledgment || viewerCapReached) {
       if (!coldWarmable) warmKeyRef.current = null;
       return;
     }
-    const warm = onWarm ?? onAcknowledge;
-    if (!warm) return;
+    if (!onWarm) return;
     const key = `${capability?.reason ?? ""}:${capability?.url ?? ""}:${capability?.expiresAt ?? ""}`;
     if (warmKeyRef.current === key) return;
     warmKeyRef.current = key;
-    warm();
-  }, [isWatching, coldWarmable, needsAck, viewerCapReached, capability, onWarm, onAcknowledge]);
+    onWarm();
+  }, [isWatching, coldWarmable, needsAcknowledgment, viewerCapReached, capability, onWarm]);
   useEffect21(() => {
     if (!hasLiveUrl || typeof document === "undefined") return;
     const maybeReattach = () => {
@@ -6803,13 +7535,14 @@ function DesktopViewer({
   let uiState;
   if (viewerCapReached) uiState = "viewer_cap";
   else if (hardUnavailable) uiState = "unavailable";
-  else if (needsAck && !isWatching) uiState = "consent";
+  else if (acknowledgmentError) uiState = "acknowledgment_error";
+  else if (needsAcknowledgment) uiState = "opening";
   else if (coldWarmable) uiState = "warming";
   else if (connected) uiState = "connected";
   else if (stream.error) uiState = "error";
   else if (connectTimedOut) uiState = "connect_failed";
   else uiState = "connecting";
-  const overlayShown = uiState !== "connected" && uiState !== "connecting";
+  const overlayShown = uiState !== "connected" && uiState !== "connecting" && uiState !== "opening";
   const showToggle = showControlToggle && !overlayShown;
   let overlay = null;
   switch (uiState) {
@@ -6822,8 +7555,12 @@ function DesktopViewer({
     case "unavailable":
       overlay = renderUnavailable?.(reason) ?? defaultNotice("Desktop unavailable", unavailableCopy(reason));
       break;
-    case "consent":
-      overlay = renderConsentGate ? renderConsentGate(accept, capability?.shared ?? false) : /* @__PURE__ */ jsx11(DefaultConsentGate, { shared: capability?.shared ?? false, onAccept: accept });
+    case "acknowledgment_error":
+      overlay = defaultNotice(
+        "Couldn\u2019t open desktop",
+        acknowledgmentError?.message ?? "The desktop acknowledgment failed.",
+        retryAcknowledgment
+      );
       break;
     case "warming":
       overlay = renderWarming?.() ?? /* @__PURE__ */ jsx11(WarmingNotice, {});
@@ -6842,6 +7579,7 @@ function DesktopViewer({
         reconnect
       );
       break;
+    case "opening":
     case "connecting":
     case "connected":
       overlay = null;
@@ -6870,7 +7608,7 @@ function DesktopViewer({
             "data-state": stream.state
           }
         ),
-        uiState === "connecting" && /* @__PURE__ */ jsxs9("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-3 text-og-fg-subtle", children: [
+        (uiState === "opening" || uiState === "connecting") && /* @__PURE__ */ jsxs9("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center gap-3 text-og-fg-subtle", children: [
           /* @__PURE__ */ jsxs9("span", { className: "relative flex items-center justify-center", children: [
             /* @__PURE__ */ jsx11(MonitorIcon, { className: "size-8 opacity-30", strokeWidth: 1.5 }),
             /* @__PURE__ */ jsx11(
@@ -6881,7 +7619,7 @@ function DesktopViewer({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx11("span", { className: "text-og-sm", children: "Connecting to the desktop\u2026" })
+          /* @__PURE__ */ jsx11("span", { className: "text-og-sm", children: uiState === "opening" ? "Opening the desktop\u2026" : "Connecting to the desktop\u2026" })
         ] }),
         showToggle && !externallyControlled && inControl && /* @__PURE__ */ jsx11(
           InControlBar,
@@ -6924,7 +7662,7 @@ function TakeControlCallToAction({
           "border-og-border",
           "bg-og-bg/85 backdrop-blur-md",
           "shadow-og-lg",
-          "outline-none transition-all duration-150 ease-out",
+          "outline-hidden transition-all duration-150 ease-out",
           "focus-visible:ring-2 focus-visible:ring-og-accent focus-visible:ring-offset-2 focus-visible:ring-offset-og-bg",
           disabled ? "cursor-not-allowed opacity-60" : cn(
             "cursor-pointer opacity-90 hover:-translate-y-0.5 hover:opacity-100",
@@ -6972,7 +7710,7 @@ function InControlBar({ shared, onRelease }) {
           className: cn(
             "inline-flex items-center gap-1.5 rounded-og-sm border px-2.5 py-1 text-og-xs font-semibold shadow-og-md transition-colors",
             "border-og-accent bg-og-bg/90 text-og-fg backdrop-blur-sm",
-            "outline-none hover:bg-og-accent hover:text-og-accent-fg focus-visible:ring-2 focus-visible:ring-og-accent"
+            "outline-hidden hover:bg-og-accent hover:text-og-accent-fg focus-visible:ring-2 focus-visible:ring-og-accent"
           ),
           children: [
             /* @__PURE__ */ jsx11(MonitorIcon, { className: "size-3.5", strokeWidth: 2, "aria-hidden": true }),
@@ -7019,26 +7757,6 @@ function WarmingNotice({ onRetry }) {
     )
   ] });
 }
-function DefaultConsentGate({ shared, onAccept }) {
-  return /* @__PURE__ */ jsxs9("div", { className: "max-w-sm rounded-og-lg border border-og-border bg-og-bg p-4 text-center text-og-base text-og-fg", children: [
-    /* @__PURE__ */ jsx11("div", { className: "mb-1 font-medium", children: "Watch the live desktop?" }),
-    /* @__PURE__ */ jsxs9("p", { className: "mb-3 text-og-sm text-og-fg-subtle", children: [
-      "The desktop pixel stream is ",
-      /* @__PURE__ */ jsx11("strong", { children: "un-redacted" }),
-      " \u2014 it can show secrets the agent prints on screen.",
-      shared ? " This sandbox is shared: you'll also see other sessions' agents on the same screen." : ""
-    ] }),
-    /* @__PURE__ */ jsx11(
-      "button",
-      {
-        type: "button",
-        onClick: onAccept,
-        className: "rounded-og-sm bg-og-accent px-3 py-1.5 text-og-sm font-medium text-og-accent-fg pointer-coarse:min-h-11",
-        children: "I understand \u2014 show the desktop"
-      }
-    )
-  ] });
-}
 function defaultNotice(title, body, onRetry) {
   return /* @__PURE__ */ jsxs9("div", { className: "max-w-sm rounded-og-lg border border-og-border bg-og-bg p-4 text-center text-og-base text-og-fg", children: [
     /* @__PURE__ */ jsxs9("div", { className: "mb-1 flex items-center justify-center gap-1.5 font-medium", children: [
@@ -7075,9 +7793,9 @@ import {
   XIcon as XIcon2
 } from "lucide-react";
 import {
-  Group,
-  Panel,
-  Separator,
+  Group as Group2,
+  Panel as Panel2,
+  Separator as Separator2,
   useDefaultLayout,
   usePanelRef
 } from "react-resizable-panels";
@@ -7122,6 +7840,7 @@ function WorkspaceDock({
   onActiveTabChange,
   collapsed: collapsedProp,
   onCollapsedChange,
+  showCollapseControl = false,
   headerAccessory,
   mobileLeadingControl,
   autoSaveId = "og.session.dock",
@@ -7298,6 +8017,11 @@ function WorkspaceDock({
           className: "fixed inset-0 z-40 flex flex-col bg-og-bg",
           hidden: collapsed,
           style: {
+            // Author utility classes can override the user-agent `[hidden]`
+            // rule (for example this surface's `flex` class). Keep an inline
+            // display guard so a collapsed mobile workspace is actually gone
+            // visually as well as from the accessibility tree.
+            display: collapsed ? "none" : void 0,
             paddingTop: "env(safe-area-inset-top)",
             paddingBottom: "env(safe-area-inset-bottom)"
           },
@@ -7322,7 +8046,7 @@ function WorkspaceDock({
           onClick: expand,
           title: "Open workspace",
           "aria-label": "Open workspace",
-          className: "absolute right-3 top-3 z-30 inline-flex size-11 items-center justify-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted shadow-lg transition-colors hover:border-og-border-strong hover:text-og-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent",
+          className: "absolute right-3 top-3 z-30 inline-flex size-11 items-center justify-center rounded-og-md border border-og-border bg-og-surface-1 text-og-fg-muted shadow-lg transition-colors hover:border-og-border-strong hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent",
           style: { marginTop: "env(safe-area-inset-top)" },
           children: /* @__PURE__ */ jsx12(ChevronsLeftRightIcon, { className: "size-4", "aria-hidden": true })
         }
@@ -7346,20 +8070,20 @@ function WorkspaceDock({
             children: maximized ? /* @__PURE__ */ jsx12(Minimize2Icon, { className: "size-3.5" }) : /* @__PURE__ */ jsx12(Maximize2Icon, { className: "size-3.5" })
           }
         ),
-        hostControlled ? null : /* @__PURE__ */ jsx12(ChromeButton, { onClick: collapse, title: "Collapse", label: "Collapse dock", children: /* @__PURE__ */ jsx12(PanelRightCloseIcon, { className: "size-3.5" }) })
+        hostControlled && !showCollapseControl ? null : /* @__PURE__ */ jsx12(ChromeButton, { onClick: collapse, title: "Collapse", label: "Collapse dock", children: /* @__PURE__ */ jsx12(PanelRightCloseIcon, { className: "size-3.5" }) })
       ] })
     }
   );
   return /* @__PURE__ */ jsxs10("div", { ref: rootRef, className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
     /* @__PURE__ */ jsxs10(
-      Group,
+      Group2,
       {
         orientation: "horizontal",
         className: "min-h-0 flex-1",
         ...defaultLayout ? { defaultLayout } : {},
         onLayoutChanged,
         children: [
-          /* @__PURE__ */ jsx12(Panel, { id: "primary", minSize: "30%", className: "min-h-0 min-w-0", children: /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx12(Panel2, { id: "primary", minSize: "30%", className: "min-h-0 min-w-0", children: /* @__PURE__ */ jsx12(
             "div",
             {
               "data-workspace-primary": true,
@@ -7369,9 +8093,9 @@ function WorkspaceDock({
               children: primary
             }
           ) }),
-          !collapsed && /* @__PURE__ */ jsx12(Separator, { className: "group relative z-10 w-1.5 shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent max-[1023px]:-mx-[19px] max-[1023px]:w-11 pointer-coarse:-mx-[19px] pointer-coarse:w-11", children: /* @__PURE__ */ jsx12("span", { className: "absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-og-border transition-colors group-hover:bg-og-accent group-focus-visible:bg-og-accent group-data-[separator-state=dragging]:bg-og-accent" }) }),
+          !collapsed && /* @__PURE__ */ jsx12(Separator2, { className: "group relative z-10 w-1.5 shrink-0 outline-hidden focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-og-accent max-[1023px]:-mx-[19px] max-[1023px]:w-11 pointer-coarse:-mx-[19px] pointer-coarse:w-11", children: /* @__PURE__ */ jsx12("span", { className: "absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-og-border transition-colors group-hover:bg-og-accent group-focus-visible:bg-og-accent group-data-[separator-state=dragging]:bg-og-accent" }) }),
           /* @__PURE__ */ jsx12(
-            Panel,
+            Panel2,
             {
               id: "dock",
               panelRef: dockPanelRef,
@@ -7435,7 +8159,7 @@ function ChromeButton({
       onClick,
       title,
       "aria-label": label,
-      className: "inline-flex size-7 items-center justify-center rounded-og-sm p-1 transition-colors hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:size-11 pointer-coarse:size-11",
+      className: "inline-flex size-7 items-center justify-center rounded-og-sm p-1 transition-colors hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:size-11 pointer-coarse:size-11",
       children
     }
   );
@@ -7547,7 +8271,7 @@ function DockChrome({
               onClick: () => onTab(tab.id),
               onKeyDown: (event) => onTabKeyDown(event, index),
               className: cn(
-                "flex min-h-7 shrink-0 items-center justify-center gap-1 rounded-og-sm px-2 py-1 text-og-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                "flex min-h-7 shrink-0 items-center justify-center gap-1 rounded-og-sm px-2 py-1 text-og-xs font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 max-[1023px]:min-w-11 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
                 tab.id === current ? "bg-og-accent-soft text-og-fg" : "text-og-fg-subtle hover:text-og-fg"
               ),
               children: [
@@ -7582,25 +8306,46 @@ function DockChrome({
 }
 
 // src/components/sandbox-workspace.tsx
-import { useCallback as useCallback22, useEffect as useEffect23, useMemo as useMemo11, useRef as useRef20, useState as useState20 } from "react";
-import { Popover } from "radix-ui";
+import {
+  lazy as lazy2,
+  Suspense as Suspense2,
+  useCallback as useCallback22,
+  useEffect as useEffect23,
+  useMemo as useMemo13,
+  useRef as useRef20,
+  useState as useState20
+} from "react";
 import {
   CircleCheckIcon,
   CpuIcon,
-  LaptopIcon,
+  FileCode2Icon as FileCode2Icon2,
+  GitCompareArrowsIcon,
+  Globe2Icon,
   LoaderCircleIcon as LoaderCircleIcon3,
+  MonitorIcon as MonitorIcon2,
   RefreshCwIcon as RefreshCwIcon2,
+  SquareTerminalIcon,
   TriangleAlertIcon as TriangleAlertIcon2
 } from "lucide-react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var LazyBrowserViewer = lazy2(async () => {
+  const viewers = await import("./interactive-workbench-viewers-KHNOHWQE.js");
+  return { default: viewers.BrowserViewer };
+});
+var LazyComputerViewer = lazy2(async () => {
+  const viewers = await import("./interactive-workbench-viewers-KHNOHWQE.js");
+  return { default: viewers.ComputerViewer };
+});
 var WORKBENCH_TAB_CHANGES = "changes";
 var WORKBENCH_TAB_FILES = "files";
 var WORKBENCH_TAB_TERMINAL = "terminal";
+var WORKBENCH_TAB_BROWSER = "browser";
 var WORKBENCH_TAB_DESKTOP = "desktop";
 var WORKBENCH_SURFACES = [
   WORKBENCH_TAB_CHANGES,
   WORKBENCH_TAB_FILES,
   WORKBENCH_TAB_TERMINAL,
+  WORKBENCH_TAB_BROWSER,
   WORKBENCH_TAB_DESKTOP
 ];
 function isWorkbenchSurface(value) {
@@ -7624,6 +8369,24 @@ function captureDegradedMessage(reason) {
       return "Workspace capture is incomplete because repository discovery failed. Live files remain authoritative.";
   }
 }
+function WorkbenchTabLabel({ icon, children }) {
+  return /* @__PURE__ */ jsxs11("span", { className: "inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx13("span", { className: "[&>svg]:size-3.5", "aria-hidden": true, children: icon }),
+    /* @__PURE__ */ jsx13("span", { children })
+  ] });
+}
+function WorkbenchSurfaceLoading({ name }) {
+  return /* @__PURE__ */ jsx13(
+    CenteredState,
+    {
+      icon: /* @__PURE__ */ jsx13(LoaderCircleIcon3, { className: "size-5 animate-spin motion-reduce:animate-none", "aria-hidden": true }),
+      children: /* @__PURE__ */ jsxs11("p", { className: "text-og-sm font-medium text-og-fg", children: [
+        "Opening ",
+        name
+      ] })
+    }
+  );
+}
 function initialWorkspaceTab(events, override) {
   if (override) return override;
   let bestSeq = -1;
@@ -7635,7 +8398,17 @@ function initialWorkspaceTab(events, override) {
     bestSeq = event.sequence;
     bestFileCount = typeof stats?.fileCount === "number" ? stats.fileCount : 0;
   }
-  return bestFileCount > 0 ? WORKBENCH_TAB_CHANGES : WORKBENCH_TAB_FILES;
+  if (bestFileCount > 0) return WORKBENCH_TAB_CHANGES;
+  let latestGitSeq = -1;
+  let committedOnly = false;
+  for (const event of events ?? []) {
+    if (event.type !== "git.changed" || event.sequence > bestSeq) continue;
+    if (event.sequence <= latestGitSeq) continue;
+    const payload = event.payload;
+    latestGitSeq = event.sequence;
+    committedOnly = typeof payload?.ahead === "number" && payload.ahead > 0 || payload?.reason === "commit";
+  }
+  return committedOnly ? WORKBENCH_TAB_CHANGES : WORKBENCH_TAB_FILES;
 }
 function sandboxProvisionInFlight(events) {
   let inFlight = false;
@@ -7657,29 +8430,59 @@ function sandboxProvisionInFlight(events) {
 function emptyWarmIntents(sessionId) {
   return {
     sessionId,
-    watchDesktop: false,
     warmTerminal: false,
     warmFiles: false
   };
 }
 function useSandboxWorkspaceTabs(options) {
   const { client, workspaceId } = useOpenGeni(options);
-  const { sessionId, events, onNotify, requestedFilePath, requestedFileRequestId, onOpenFile } = options;
+  const {
+    sessionId,
+    events,
+    onNotify,
+    browserWebSocketFactory,
+    computerWebSocketFactory,
+    requestedFilePath,
+    requestedFileRequestId,
+    onOpenFile,
+    onOpenComputerSession,
+    requestedComputerSessionId,
+    requestedComputerRequestId
+  } = options;
   const initialTab = options.initialTab ?? null;
+  const activeTab = options.activeTab ?? initialTab;
   const requestedSurfaces = options.surfaces ?? WORKBENCH_SURFACES;
   const surfaceSet = new Set(requestedSurfaces);
   const changesEnabled = surfaceSet.has(WORKBENCH_TAB_CHANGES);
   const filesEnabled = surfaceSet.has(WORKBENCH_TAB_FILES);
   const terminalEnabled = surfaceSet.has(WORKBENCH_TAB_TERMINAL);
+  const browserEnabled = surfaceSet.has(WORKBENCH_TAB_BROWSER);
   const desktopEnabled = surfaceSet.has(WORKBENCH_TAB_DESKTOP);
+  const createLinkedComputer = useCallback22(
+    async (name) => {
+      const response = await client.createComputerSession(workspaceId, {
+        operationId: crypto.randomUUID(),
+        sessionId,
+        name
+      });
+      return {
+        id: response.session.id,
+        placement: response.session.placement
+      };
+    },
+    [client, sessionId, workspaceId]
+  );
   const workspaceDataEnabled = changesEnabled || filesEnabled;
-  const anySurfaceEnabled = workspaceDataEnabled || terminalEnabled || desktopEnabled;
+  const machineSurfaceEnabled = workspaceDataEnabled || terminalEnabled || desktopEnabled;
+  const resolvedActiveTab = activeTab ?? initialTab;
+  const changesActive = resolvedActiveTab === WORKBENCH_TAB_CHANGES;
+  const filesActive = resolvedActiveTab === WORKBENCH_TAB_FILES;
   const surfaceIdentity = WORKBENCH_SURFACES.filter((surface) => surfaceSet.has(surface)).join(",");
   const [storedWarmIntents, setStoredWarmIntents] = useState20(
     () => emptyWarmIntents(sessionId)
   );
   const warmIntents = storedWarmIntents.sessionId === sessionId ? storedWarmIntents : emptyWarmIntents(sessionId);
-  const { watchDesktop, warmTerminal, warmFiles } = warmIntents;
+  const { warmTerminal, warmFiles } = warmIntents;
   const requestWarmIntent = useCallback22(
     (intent) => {
       setStoredWarmIntents((previous) => {
@@ -7693,13 +8496,13 @@ function useSandboxWorkspaceTabs(options) {
     workspaceId,
     sessionId,
     pollIntervalMs: 8e3,
-    enabled: anySurfaceEnabled
+    enabled: machineSurfaceEnabled
   });
   const activeMachine = machines.machines.find((m) => m.sandboxId === machines.activeSandboxId) ?? machines.machines.find((m) => m.active) ?? null;
   const caps = useSessionCapabilities(sessionId, {
     events,
-    enabled: anySurfaceEnabled,
-    attachDesktop: desktopEnabled && watchDesktop,
+    enabled: machineSurfaceEnabled,
+    attachDesktop: false,
     attachTerminal: terminalEnabled && warmTerminal,
     // Explicit live-file intent only — NOT "the Files tab is open". A cold edit
     // or guarded-file open wakes the box; a glance at the tree/diff does not.
@@ -7707,19 +8510,18 @@ function useSandboxWorkspaceTabs(options) {
   });
   const capabilities = caps.capabilities;
   const liveness = capabilities?.liveness;
+  const liveIoLiveness = liveness ?? null;
   const fileSystemOn = capabilities?.FileSystem.available ?? false;
   const fsReadOnly = capabilities?.FileSystem.readOnly ?? false;
-  const filesEditable = fileSystemOn && !fsReadOnly && (liveness === "warm" || liveness === "draining");
+  const filesEditable = fileSystemOn && !fsReadOnly && sandboxAcceptsLiveIo(liveness);
   const gitOn = capabilities?.Git.available ?? false;
   const terminalOn = terminalEnabled && (capabilities?.Terminal.transport ?? null) !== null;
-  const ptyWsLive = capabilities?.Terminal.transport === "pty-ws" && Boolean(capabilities?.Terminal.url);
-  const ptyCapable = (capabilities?.Terminal.ptyCapable ?? false) && !ptyWsLive;
+  const ptyCapable = warmTerminal && (capabilities?.Terminal.ptyCapable ?? false) && capabilities?.Terminal.transport === "sse-events" && capabilities?.Terminal.reason === null;
   const terminal = useSandboxTerminal(sessionId, {
     events: terminalEnabled ? events : [],
     interactive: terminalEnabled && ptyCapable,
     liveness
   });
-  const desktopAdvertised = desktopEnabled && ((capabilities?.DesktopStream.transport ?? null) !== null || capabilities?.DesktopStream.reason === "lease_cold");
   const provisioning = sandboxProvisionInFlight(events);
   const renegotiate = caps.renegotiate;
   const provisioningRef = useRef20({ sessionId, provisioning });
@@ -7735,9 +8537,9 @@ function useSandboxWorkspaceTabs(options) {
     enabled: workspaceDataEnabled
   });
   const captureAvailable = captureState.available;
-  const liveWorkspaceExpected = liveness === "warm" || liveness === "draining";
+  const liveWorkspaceExpected = sandboxAcceptsLiveIo(liveness);
   const capturePending = !liveWorkspaceExpected && (captureState.fileCount === null || captureState.loading);
-  const repoPaths = useMemo11(() => {
+  const repoPaths = useMemo13(() => {
     const advertised = capabilities?.Git.repos ?? [];
     if (advertised.length > 0) return advertised;
     return captureState.capture?.repos.map((repo) => repo.root) ?? [];
@@ -7760,7 +8562,9 @@ function useSandboxWorkspaceTabs(options) {
     // No passive Channel-A reads while cold, even after a conclusive capture
     // miss. A missing capture gets an explicit "Open live workspace" gate.
     enabled: filesEnabled && (captureAvailable || fileSystemOn && liveWorkspaceExpected),
-    liveness,
+    active: filesActive,
+    repoPaths,
+    liveness: liveIoLiveness,
     capture: captureState.capture,
     // A reverted optimistic mutation (e.g. a 409 rename collision) surfaces as a
     // host notification — the tree silently rolls back, the user sees why.
@@ -7769,23 +8573,30 @@ function useSandboxWorkspaceTabs(options) {
       message: `Could not ${op}: ${error.message}`
     })
   });
+  const [storedChangesComparison, setStoredChangesComparison] = useState20(null);
+  const captureSupportsBranch = captureState.capture !== null && captureState.capture.repos.length > 0 && captureState.capture.repos.every((repo) => repo.branchDiff !== void 0);
+  const changesComparison = storedChangesComparison?.sessionId === sessionId ? storedChangesComparison.value : liveWorkspaceExpected || captureSupportsBranch ? "branch" : "working";
+  const setChangesComparison = useCallback22(
+    (value) => setStoredChangesComparison({ sessionId, value }),
+    [sessionId]
+  );
   const git = useSandboxGit(sessionId, {
     events,
-    enabled: workspaceDataEnabled && (captureAvailable || gitOn && liveWorkspaceExpected),
-    repoPaths,
-    liveness,
-    capture: captureState.capture
-  });
-  const stagedGit = useSandboxGit(sessionId, {
-    events,
-    // Captures intentionally expose one combined review diff, not a staged
-    // index. Never probe the live index while the lease is cold.
-    enabled: filesEnabled && gitOn && liveWorkspaceExpected,
-    staged: true,
+    enabled: changesComparison === "working" ? workspaceDataEnabled && (captureAvailable || gitOn && liveWorkspaceExpected) : changesComparison === "branch" ? workspaceDataEnabled && (captureSupportsBranch || gitOn && liveWorkspaceExpected) : workspaceDataEnabled && gitOn && liveWorkspaceExpected,
+    // Before the dock chooses its source-driven default, Git is the sole probe
+    // that may need to resolve that choice on a live workspace. Files remains
+    // dormant, avoiding the old duplicate full-tree read.
+    active: changesActive || resolvedActiveTab === null,
     repoPaths,
-    liveness,
-    capture: captureState.capture
+    liveness: liveIoLiveness,
+    comparison: changesComparison,
+    capture: changesComparison === "staged" ? null : captureState.capture
   });
+  useEffect23(() => {
+    if (changesComparison === "branch" && git.error && storedChangesComparison?.sessionId !== sessionId) {
+      setStoredChangesComparison({ sessionId, value: "working" });
+    }
+  }, [changesComparison, git.error, sessionId, storedChangesComparison?.sessionId]);
   const [xtermTheme, setXtermTheme] = useState20(void 0);
   useEffect23(() => {
     if (!terminalEnabled || typeof document === "undefined") return;
@@ -7798,33 +8609,13 @@ function useSandboxWorkspaceTabs(options) {
     });
     return () => observer.disconnect();
   }, [terminalEnabled]);
-  async function acknowledgeAndWatch() {
-    try {
-      const shared = capabilities?.DesktopStream.shared ?? false;
-      await client.acknowledgeStream(workspaceId, sessionId, {
-        acknowledgeUnredacted: true,
-        acknowledgeShared: shared
-      });
-      requestWarmIntent("watchDesktop");
-      caps.renegotiate();
-    } catch (error) {
-      onNotify?.({
-        kind: "error",
-        message: `Could not start the desktop stream: ${error instanceof Error ? error.message : String(error)}`
-      });
-    }
-  }
-  function rewarmDesktop() {
-    if (!watchDesktop) requestWarmIntent("watchDesktop");
-    caps.renegotiate();
-  }
   const dirtyCount = git.diff.length;
   const chip = useMachineChip({
     liveness,
     capabilitiesState: caps.state,
     activeMachineState: activeMachine?.state ?? null,
     activeIsSelfhosted: activeMachine?.kind === "selfhosted",
-    wantsWarm: terminalEnabled && warmTerminal || desktopEnabled && watchDesktop || workspaceDataEnabled && warmFiles,
+    wantsWarm: terminalEnabled && warmTerminal || workspaceDataEnabled && warmFiles,
     capturedAt: captureState.capturedAt
   });
   const workspaceWaking = chip.state === "waking";
@@ -7837,7 +8628,9 @@ function useSandboxWorkspaceTabs(options) {
     defaultTabRef.current = { identity: defaultIdentity, value: null };
   }
   const captureIsAuthoritative = !liveWorkspaceExpected && (liveness !== void 0 || caps.error !== null);
-  const captureUnavailable = captureState.fileCount === 0 || captureState.error !== null;
+  const captureHasChanges = (captureState.fileCount ?? 0) > 0 || (captureState.capture?.repos.some((repo) => (repo.branchDiff?.length ?? 0) > 0) ?? false);
+  const captureUnavailable = captureState.fileCount === 0 && !captureHasChanges || captureState.error !== null;
+  const implicitBranchFallbackPending = changesComparison === "branch" && git.error !== null && storedChangesComparison?.sessionId !== sessionId;
   if (defaultTabRef.current.value === null) {
     if (initialTab && (!isWorkbenchSurface(initialTab) || surfaceSet.has(initialTab))) {
       defaultTabRef.current.value = initialTab;
@@ -7849,7 +8642,7 @@ function useSandboxWorkspaceTabs(options) {
       );
     } else if (captureIsAuthoritative && captureState.fileCount !== null && captureState.available) {
       defaultTabRef.current.value = sourceDrivenDefaultTab(
-        captureState.fileCount > 0,
+        captureHasChanges,
         changesEnabled,
         filesEnabled
       );
@@ -7861,26 +8654,28 @@ function useSandboxWorkspaceTabs(options) {
       defaultTabRef.current.value = sourceDrivenDefaultTab(false, changesEnabled, filesEnabled);
     } else if (captureState.available && git.error && captureState.fileCount !== null) {
       defaultTabRef.current.value = sourceDrivenDefaultTab(
-        captureState.fileCount > 0,
+        captureHasChanges,
         changesEnabled,
         filesEnabled
       );
-    } else if (captureUnavailable && git.error) {
+    } else if (captureUnavailable && git.error && !implicitBranchFallbackPending) {
       defaultTabRef.current.value = sourceDrivenDefaultTab(false, changesEnabled, filesEnabled);
     }
   }
   const defaultTab = defaultTabRef.current.value;
-  const tabs = useMemo11(() => {
+  const tabs = useMemo13(() => {
     const list = [];
     if (changesEnabled)
       list.push({
         id: WORKBENCH_TAB_CHANGES,
-        label: "Changes",
+        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(GitCompareArrowsIcon, {}), children: "Changes" }),
         badge: dirtyCount > 0 ? /* @__PURE__ */ jsx13(DirtyBadge, { count: dirtyCount }) : void 0,
         content: /* @__PURE__ */ jsx13(
           ChangesTabBody,
           {
             git,
+            comparison: changesComparison,
+            onComparisonChange: setChangesComparison,
             captureAvailable,
             captureRevision: captureState.revision,
             capturePending,
@@ -7902,13 +8697,12 @@ function useSandboxWorkspaceTabs(options) {
     if (filesEnabled)
       list.push({
         id: WORKBENCH_TAB_FILES,
-        label: "Files",
+        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(FileCode2Icon2, {}), children: "Files" }),
         content: /* @__PURE__ */ jsx13(
           SandboxFiles,
           {
             files,
             git,
-            stagedGit,
             fileSystemAvailable: fileSystemOn || captureAvailable,
             editable: filesEditable && files.source === "live" && files.error === null && !files.loading,
             workspaceResting: !liveWorkspaceExpected && liveness !== void 0 && !capturePending && !captureAvailable && !workspaceWaking,
@@ -7918,7 +8712,7 @@ function useSandboxWorkspaceTabs(options) {
             ...requestedFilePath ? {
               requestedPath: requestedFilePath,
               ...requestedFileRequestId !== null && requestedFileRequestId !== void 0 ? { requestedPathRequestId: requestedFileRequestId } : {},
-              requestedPathReady: liveness === "warm" || liveness === "draining"
+              requestedPathReady: sandboxAcceptsLiveIo(liveness)
             } : {},
             onEditIntent: () => requestWarmIntent("warmFiles"),
             className: "h-full"
@@ -7929,7 +8723,7 @@ function useSandboxWorkspaceTabs(options) {
     if (terminalOn) {
       list.push({
         id: WORKBENCH_TAB_TERMINAL,
-        label: "Terminal",
+        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(SquareTerminalIcon, {}), children: "Terminal" }),
         content: /* @__PURE__ */ jsx13("div", { className: "h-full bg-og-bg p-1", children: /* @__PURE__ */ jsx13(
           SandboxTerminal,
           {
@@ -7940,26 +8734,49 @@ function useSandboxWorkspaceTabs(options) {
             shell: capabilities?.Terminal.shell ?? void 0,
             liveness,
             ...xtermTheme ? { theme: xtermTheme } : {}
-          }
+          },
+          sessionId
         ) })
       });
     }
-    if (desktopAdvertised) {
+    if (browserEnabled) {
+      list.push({
+        id: WORKBENCH_TAB_BROWSER,
+        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(Globe2Icon, {}), children: "Browser" }),
+        content: /* @__PURE__ */ jsx13(Suspense2, { fallback: /* @__PURE__ */ jsx13(WorkbenchSurfaceLoading, { name: "Browser" }), children: /* @__PURE__ */ jsx13(
+          LazyBrowserViewer,
+          {
+            client,
+            workspaceId,
+            sessionId,
+            onNotify,
+            ...desktopEnabled ? { createLinkedComputer } : {},
+            ...onOpenComputerSession ? { onOpenComputer: onOpenComputerSession } : {},
+            ...browserWebSocketFactory ? { webSocketFactory: browserWebSocketFactory } : {},
+            className: "h-full"
+          },
+          sessionId
+        ) })
+      });
+    }
+    if (desktopEnabled) {
       list.push({
         id: WORKBENCH_TAB_DESKTOP,
-        label: "Desktop",
-        badge: watchDesktop ? /* @__PURE__ */ jsx13("span", { className: "rounded-og-xs bg-og-status-running/20 px-1 text-og-xs text-og-status-running", children: "Live" }) : void 0,
-        content: /* @__PURE__ */ jsx13(
-          DesktopViewer,
+        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(MonitorIcon2, {}), children: "Computer" }),
+        content: /* @__PURE__ */ jsx13(Suspense2, { fallback: /* @__PURE__ */ jsx13(WorkbenchSurfaceLoading, { name: "Computer" }), children: /* @__PURE__ */ jsx13(
+          LazyComputerViewer,
           {
-            capability: capabilities?.DesktopStream ?? null,
-            viewerCapReached: caps.viewerCapReached,
-            watching: watchDesktop,
-            onAcknowledge: () => void acknowledgeAndWatch(),
-            onWarm: rewarmDesktop,
+            client,
+            workspaceId,
+            sessionId,
+            onNotify,
+            requestedComputerSessionId,
+            requestedComputerRequestId,
+            ...computerWebSocketFactory ? { webSocketFactory: computerWebSocketFactory } : {},
             className: "h-full"
-          }
-        )
+          },
+          sessionId
+        ) })
       });
     }
     return list;
@@ -7968,19 +8785,27 @@ function useSandboxWorkspaceTabs(options) {
     changesEnabled,
     filesEnabled,
     terminalOn,
-    desktopAdvertised,
+    browserEnabled,
+    desktopEnabled,
     captureAvailable,
     dirtyCount,
-    watchDesktop,
     warmTerminal,
     requestedFilePath,
     requestedFileRequestId,
     onOpenFile,
+    onOpenComputerSession,
+    requestedComputerSessionId,
+    requestedComputerRequestId,
+    onNotify,
+    browserWebSocketFactory,
+    computerWebSocketFactory,
+    client,
+    workspaceId,
     liveness,
     sessionId,
     files,
     git,
-    stagedGit,
+    changesComparison,
     terminal,
     xtermTheme,
     capabilities,
@@ -7988,13 +8813,14 @@ function useSandboxWorkspaceTabs(options) {
     caps.state,
     caps.error,
     caps.viewerCapReached,
-    requestWarmIntent
+    requestWarmIntent,
+    createLinkedComputer
   ]);
   return {
     tabs,
     defaultTab,
     machine: {
-      enabled: anySurfaceEnabled,
+      enabled: machineSurfaceEnabled,
       chip,
       activeMachine,
       loading: machines.loading,
@@ -8013,8 +8839,11 @@ function SandboxWorkspace(props) {
     trailingTabs,
     initialTab,
     onNotify,
+    browserWebSocketFactory,
+    computerWebSocketFactory,
     collapsed,
     onCollapsedChange,
+    showCollapseControl,
     mobileLeadingControl,
     autoSaveId,
     defaultSize,
@@ -8024,7 +8853,11 @@ function SandboxWorkspace(props) {
   } = props;
   const [storedSelection, setStoredSelection] = useState20(null);
   const [requestedFile, setRequestedFile] = useState20(null);
+  const [requestedComputer, setRequestedComputer] = useState20(null);
   const nextFileRequestId = useRef20(0);
+  const nextComputerRequestId = useRef20(0);
+  const selectedTab = storedSelection?.sessionId === sessionId ? storedSelection.tab : null;
+  const activeTabHint = selectedTab ?? initialTab ?? leadingTabs?.[0]?.id ?? null;
   const openFile = useCallback22(
     (path) => {
       nextFileRequestId.current += 1;
@@ -8033,6 +8866,18 @@ function SandboxWorkspace(props) {
     },
     [sessionId]
   );
+  const openComputer = useCallback22(
+    (computerSessionId) => {
+      nextComputerRequestId.current += 1;
+      setRequestedComputer({
+        sessionId,
+        computerSessionId,
+        requestId: nextComputerRequestId.current
+      });
+      setStoredSelection({ sessionId, tab: WORKBENCH_TAB_DESKTOP });
+    },
+    [sessionId]
+  );
   const {
     tabs: workbenchTabs,
     machine,
@@ -8044,13 +8889,18 @@ function SandboxWorkspace(props) {
     events,
     ...surfaces ? { surfaces } : {},
     ...initialTab ? { initialTab } : {},
+    activeTab: activeTabHint,
     ...onNotify ? { onNotify } : {},
+    ...browserWebSocketFactory ? { browserWebSocketFactory } : {},
+    ...computerWebSocketFactory ? { computerWebSocketFactory } : {},
     requestedFilePath: requestedFile?.sessionId === sessionId ? requestedFile.path : null,
     requestedFileRequestId: requestedFile?.sessionId === sessionId ? requestedFile.requestId : null,
-    onOpenFile: openFile
+    onOpenFile: openFile,
+    onOpenComputerSession: openComputer,
+    requestedComputerSessionId: requestedComputer?.sessionId === sessionId ? requestedComputer.computerSessionId : null,
+    requestedComputerRequestId: requestedComputer?.sessionId === sessionId ? requestedComputer.requestId : null
   });
   const tabs = [...leadingTabs ?? [], ...workbenchTabs, ...trailingTabs ?? []];
-  const selectedTab = storedSelection?.sessionId === sessionId ? storedSelection.tab : null;
   const preferredTab = selectedTab ?? defaultTab;
   const activeTab = preferredTab && tabs.some((tab) => tab.id === preferredTab) ? preferredTab : tabs[0]?.id;
   const selectTab = useCallback22(
@@ -8065,19 +8915,12 @@ function SandboxWorkspace(props) {
       ...activeTab !== void 0 ? { activeTab } : {},
       onActiveTabChange: selectTab,
       ...machine.enabled ? {
-        headerAccessory: /* @__PURE__ */ jsx13(
-          MachineStateChip,
-          {
-            chip: machine.chip,
-            activeMachine: machine.activeMachine,
-            error: machine.error,
-            onRetry: () => void machine.refresh()
-          }
-        )
+        headerAccessory: /* @__PURE__ */ jsx13(MachineStateChip, { chip: machine.chip })
       } : {},
       ...mobileLeadingControl !== void 0 ? { mobileLeadingControl } : {},
       ...collapsed !== void 0 ? { collapsed } : {},
       ...onCollapsedChange ? { onCollapsedChange } : {},
+      ...showCollapseControl !== void 0 ? { showCollapseControl } : {},
       ...autoSaveId !== void 0 ? { autoSaveId } : {},
       ...defaultSize !== void 0 ? { defaultSize } : {},
       ...minSize !== void 0 ? { minSize } : {},
@@ -8089,94 +8932,30 @@ function SandboxWorkspace(props) {
 function DirtyBadge({ count }) {
   return /* @__PURE__ */ jsx13("span", { className: "rounded-og-xs bg-og-accent-soft px-1 text-og-xs text-og-fg-muted", children: count });
 }
-function MachineKindIcon({
-  kind,
-  className
-}) {
-  const Icon = kind === "selfhosted" ? LaptopIcon : CpuIcon;
-  return /* @__PURE__ */ jsx13(Icon, { className: cn("size-3.5 shrink-0 text-og-fg-subtle", className), "aria-hidden": true });
-}
 function chipDotClass(state) {
   if (state === "live") return "bg-og-status-running";
   if (state === "waking") return "bg-og-status-idle animate-pulse motion-reduce:animate-none";
   return "bg-og-fg-subtle";
 }
-function MachineStateChip({
-  chip,
-  activeMachine,
-  error,
-  onRetry
-}) {
-  const triggerRef = useRef20(null);
-  const portalStyle = usePortalTokenStyle(triggerRef);
-  return /* @__PURE__ */ jsxs11(Popover.Root, { children: [
-    /* @__PURE__ */ jsx13(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
-      "button",
-      {
-        ref: triggerRef,
-        type: "button",
-        "aria-label": `Machine: ${chip.label}`,
-        className: "inline-flex min-h-7 items-center gap-1.5 rounded-og-sm px-2 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:bg-og-surface-2 hover:text-og-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 pointer-coarse:min-h-11",
-        children: [
-          /* @__PURE__ */ jsx13(
-            "span",
-            {
-              className: cn("size-1.5 shrink-0 rounded-full", chipDotClass(chip.state)),
-              "aria-hidden": true
-            }
-          ),
-          /* @__PURE__ */ jsx13("span", { className: "max-w-[11rem] truncate", children: chip.label })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx13(Popover.Portal, { forceMount: true, children: /* @__PURE__ */ jsxs11(
-      Popover.Content,
-      {
-        forceMount: true,
-        "data-machine-state-popover": true,
-        align: "end",
-        sideOffset: 6,
-        collisionPadding: 8,
-        className: "og-root z-50 w-64 max-w-[calc(100vw-1rem)] rounded-og-md border border-og-border bg-og-surface-1 p-3 text-og-sm text-og-fg shadow-lg outline-none",
-        style: portalStyle,
-        children: [
-          /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx13(MachineKindIcon, { kind: activeMachine?.kind }),
-            /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate font-medium", children: activeMachine?.name ?? "Sandbox" })
-          ] }),
-          /* @__PURE__ */ jsxs11("div", { className: "mt-2.5 flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsx13("span", { className: "text-og-xs text-og-fg-subtle", children: "Connection" }),
-            activeMachine ? /* @__PURE__ */ jsx13(
-              ConnectionStatusPill,
-              {
-                status: connectionStatusForState(activeMachine.state),
-                size: "sm"
-              }
-            ) : /* @__PURE__ */ jsx13("span", { className: "text-og-xs text-og-fg-muted", children: chip.label })
-          ] }),
-          chip.asOf ? /* @__PURE__ */ jsxs11("p", { className: "mt-2.5 text-og-xs leading-4 text-og-fg-subtle", children: [
-            "Workspace shown as of ",
-            formatAsOf(chip.asOf, Date.now()),
-            " \u2014 the machine is not live."
-          ] }) : null,
-          activeMachine && activeMachine.sharedSessionCount > 1 ? /* @__PURE__ */ jsx13("div", { className: "mt-2.5", children: /* @__PURE__ */ jsx13(
-            SharedMachineDisclosure,
-            {
-              sharedSessionCount: activeMachine.sharedSessionCount,
-              density: "full"
-            }
-          ) }) : null,
-          error ? /* @__PURE__ */ jsxs11("div", { className: "mt-2.5 space-y-1.5 border-t border-og-border pt-2.5", children: [
-            /* @__PURE__ */ jsx13("p", { className: "text-og-xs leading-4 text-og-danger", children: "Couldn't reach the sandbox for this session." }),
-            /* @__PURE__ */ jsxs11(DockActionButton, { onClick: onRetry, children: [
-              /* @__PURE__ */ jsx13(RefreshCwIcon2, { className: "size-3" }),
-              "Retry"
-            ] })
-          ] }) : null
-        ]
-      }
-    ) })
-  ] });
+function MachineStateChip({ chip }) {
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      role: "status",
+      "aria-label": `Machine: ${chip.label}`,
+      className: "inline-flex min-h-7 items-center gap-1.5 px-2 py-1 text-og-xs font-medium text-og-fg-muted max-[1023px]:min-h-11 pointer-coarse:min-h-11",
+      children: [
+        /* @__PURE__ */ jsx13(
+          "span",
+          {
+            className: cn("size-1.5 shrink-0 rounded-full", chipDotClass(chip.state)),
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsx13("span", { className: "max-w-[11rem] truncate", children: chip.label })
+      ]
+    }
+  );
 }
 function DockActionButton({ onClick, children }) {
   return /* @__PURE__ */ jsx13(
@@ -8184,13 +8963,41 @@ function DockActionButton({ onClick, children }) {
     {
       type: "button",
       onClick,
-      className: "inline-flex items-center gap-1.5 rounded-og-sm border border-og-border px-2 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 pointer-coarse:min-h-11",
+      className: "inline-flex items-center gap-1.5 rounded-og-sm border border-og-border px-2 py-1 text-og-xs font-medium text-og-fg-muted transition-colors hover:border-og-border-strong hover:text-og-fg focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 pointer-coarse:min-h-11",
       children
     }
   );
 }
 function ChangesTabBody({
+  comparison,
+  onComparisonChange,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs11("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx13("div", { className: "flex shrink-0 items-center gap-1 border-b border-og-border bg-og-surface-1 px-2 py-1.5", children: [
+      ["branch", "Branch"],
+      ["working", "Uncommitted"],
+      ["staged", "Staged"]
+    ].map(([value, label]) => /* @__PURE__ */ jsx13(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": comparison === value,
+        onClick: () => onComparisonChange(value),
+        className: cn(
+          "rounded-og-sm px-2 py-1 text-og-xs font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent max-[1023px]:min-h-11 pointer-coarse:min-h-11",
+          comparison === value ? "bg-og-surface-2 text-og-fg shadow-sm" : "text-og-fg-muted hover:bg-og-surface-2 hover:text-og-fg"
+        ),
+        children: label
+      },
+      value
+    )) }),
+    /* @__PURE__ */ jsx13("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx13(ChangesTabContent, { comparison, ...props }) })
+  ] });
+}
+function ChangesTabContent({
   git,
+  comparison,
   captureAvailable,
   captureRevision,
   capturePending,
@@ -8221,7 +9028,7 @@ function ChangesTabBody({
                 type: "button",
                 onClick: () => void git.refresh(),
                 disabled: git.loading,
-                className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 font-medium text-og-fg transition-colors hover:border-og-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-og-accent disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-11",
+                className: "inline-flex min-h-7 shrink-0 items-center gap-1 rounded-og-sm border border-og-border bg-og-surface-1 px-2 font-medium text-og-fg transition-colors hover:border-og-border-strong focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-og-accent disabled:cursor-not-allowed disabled:opacity-50 pointer-coarse:min-h-11",
                 children: [
                   /* @__PURE__ */ jsx13(
                     RefreshCwIcon2,
@@ -8277,7 +9084,7 @@ function ChangesTabBody({
       }
     );
   }
-  if (!liveWorkspaceExpected && !captureAvailable) {
+  if (!liveWorkspaceExpected && (comparison !== "working" || !captureAvailable)) {
     return /* @__PURE__ */ jsxs11(
       CenteredState,
       {
@@ -8290,7 +9097,7 @@ function ChangesTabBody({
         ) : /* @__PURE__ */ jsx13(CpuIcon, { className: "size-5", "aria-hidden": true }),
         children: [
           /* @__PURE__ */ jsx13("p", { className: "text-og-sm font-medium text-og-fg", children: workspaceWaking ? "Waking workspace" : "Workspace is resting" }),
-          /* @__PURE__ */ jsx13("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: workspaceWaking ? "Connecting to the live working tree\u2026" : "No captured revision is available yet. Wake the sandbox to inspect current changes." }),
+          /* @__PURE__ */ jsx13("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: workspaceWaking ? "Connecting to the live working tree\u2026" : comparison === "branch" ? "Wake the sandbox to compare this branch with the remote default branch." : comparison === "staged" ? "Wake the sandbox to inspect staged changes." : "No captured revision is available yet. Wake the sandbox to inspect uncommitted changes." }),
           !workspaceWaking ? /* @__PURE__ */ jsxs11(DockActionButton, { onClick: onWake, children: [
             /* @__PURE__ */ jsx13(CpuIcon, { className: "size-3" }),
             "Open live workspace"
@@ -8318,8 +9125,8 @@ function ChangesTabBody({
     );
   }
   return /* @__PURE__ */ jsxs11(CenteredState, { icon: /* @__PURE__ */ jsx13(CircleCheckIcon, { className: "size-5", "aria-hidden": true }), tone: "success", children: [
-    /* @__PURE__ */ jsx13("p", { className: "text-og-sm font-medium text-og-fg", children: "Working tree is clean" }),
-    /* @__PURE__ */ jsx13("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: "File edits from future turns will appear here." })
+    /* @__PURE__ */ jsx13("p", { className: "text-og-sm font-medium text-og-fg", children: comparison === "branch" ? "No branch changes" : comparison === "staged" ? "No staged changes" : "No uncommitted changes" }),
+    /* @__PURE__ */ jsx13("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: comparison === "branch" ? "This branch matches the remote default branch." : comparison === "staged" ? "Stage files to review the next commit here." : "Local edits not yet committed will appear here." })
   ] });
 }
 function CenteredState({
@@ -8356,7 +9163,7 @@ function CenteredState({
 // src/hooks/use-codex-accounts.ts
 import { useCallback as useCallback23, useState as useState21 } from "react";
 function isCodexAccountEvent(event) {
-  return event.type === "codex.account.switched" || event.type === "turn.started";
+  return event.type === "codex.account.switched";
 }
 var EMPTY_SETTINGS = {
   rotationEnabled: false,
@@ -8483,6 +9290,7 @@ export {
   FileBrowser,
   FileWriteConflictError,
   FleetTile,
+  GeneratedVideoPlayer,
   HEALTH_TOKEN,
   HumanInputForm,
   HumanInputSurface,
@@ -8551,6 +9359,7 @@ export {
   VoiceRecordingStorageUnavailableError,
   WINDOW_LABEL,
   WORKBENCH_SURFACES,
+  WORKBENCH_TAB_BROWSER,
   WORKBENCH_TAB_CHANGES,
   WORKBENCH_TAB_DESKTOP,
   WORKBENCH_TAB_FILES,
@@ -8636,7 +9445,6 @@ export {
   projectPendingHumanInputRequests,
   projectPickerRows,
   rawTypeOf,
-  redactSecrets,
   runnableLatencyModesForModel,
   sandboxCommandExitCode,
   sessionChromeGoalPillState,
@@ -8671,6 +9479,7 @@ export {
   useOpenGeni,
   useOpenGeniClient,
   usePacks,
+  usePageLiveActivity,
   useRelayFrameStream,
   useRig,
   useRigChanges,
@@ -8692,6 +9501,7 @@ export {
   useTranscription,
   useTurnQueue,
   useVariableSets,
+  useVideoArtifactPlaybackLoader,
   useVoiceInput,
   useWorkspaceCapture,
   useWorkspaceEdit,