@opengeni/react 0.52.1 → 0.57.0

package/dist/index.js

@@ -1,60 +1,58 @@
 import {
-  ActivityDisclosure,
-  ActivityRail,
-  BUILT_IN_TURN_SUMMARY_FACET_IDS,
-  BodyNote,
-  CopyButton,
-  CopyHoverFrame,
-  DisclosureDefaultsProvider,
-  GeneratedVideoPlayer,
-  HumanInputForm,
-  HumanInputSurface,
-  LightboxProvider,
-  Markdown,
-  MediaEmpty,
-  MediaSkeleton,
-  MessageTimeline,
-  PayloadBlock,
-  PierreDiff,
-  QueueSurface,
-  SESSION_STATUS_META,
-  ScreenshotFigure,
-  SessionChrome,
-  SessionStatus,
-  StatusDot,
-  TermBlock,
-  Thumbnail,
-  TimelineRow,
-  TurnSummary,
-  UserMessageBody,
-  answersFromDrafts,
-  applyPatchOps,
-  applyPatchOpsFromToolItem,
-  controlCaret,
-  createDefaultToolRegistry,
-  createToolRegistry,
-  defaultHumanInputFormMessages,
-  defaultToolRegistry,
-  execTruncated,
-  gitFileDiffToPatch,
-  isApplyPatch,
-  isExecSessionLostBanner,
-  looksBinary,
-  parseExecBannerSessionId,
-  parseFreeformApplyPatch,
-  parseToolArgs,
-  rawTypeOf,
-  sandboxCommandExitCode,
-  sessionChromeGoalPillState,
-  stripExecBanner,
-  tailPeek,
-  unwrapMcpOutput,
-  useLightbox,
-  useLightboxOptional,
-  useThemeType,
-  userMessageLikelyNeedsDisclosure,
-  v4aToGitFileDiff
-} from "./chunk-JAGDUCZQ.js";
+  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-B6WPZSTT.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-HA46CYQK.js";
 import {
   Actions,
   AttachButton,
@@ -107,7 +105,14 @@ import {
   useSlashCommands,
   useTranscription,
   useVoiceInput
-} from "./chunk-ROIRTM37.js";
+} from "./chunk-5UQPNLIO.js";
+import {
+  FILE_ONLY_MESSAGE_TEXT,
+  composeSendInput,
+  shouldSteerOnKey,
+  shouldSubmitOnKey,
+  useComposer
+} from "./chunk-IGC6A2ZI.js";
 import {
   BillingClassMark,
   ModelPolicyPicker,
@@ -116,7 +121,7 @@ import {
   PickerBackHeader,
   PickerNavRow,
   defaultModelPolicyPickerMessages
-} from "./chunk-WYA65Y3F.js";
+} from "./chunk-MKPIAGVL.js";
 import {
   advancedSourceSummary,
   availabilityReasonLabel,
@@ -134,90 +139,106 @@ import {
   projectPickerRows,
   runnableLatencyModesForModel,
   sortPickerRows
-} from "./chunk-23EJ676W.js";
+} from "./chunk-XBZWOM2K.js";
+import {
+  ActivityDisclosure,
+  ActivityRail,
+  BUILT_IN_TURN_SUMMARY_FACET_IDS,
+  BodyNote,
+  CopyButton,
+  CopyHoverFrame,
+  DisclosureDefaultsProvider,
+  GeneratedVideoPlayer,
+  HumanInputForm,
+  HumanInputSurface,
+  LightboxProvider,
+  Markdown,
+  MediaEmpty,
+  MediaSkeleton,
+  MessageTimeline,
+  PayloadBlock,
+  PierreDiff,
+  QueueSurface,
+  SESSION_STATUS_META,
+  ScreenshotFigure,
+  SessionChrome,
+  SessionStatus,
+  StatusDot,
+  TermBlock,
+  Thumbnail,
+  TimelineRow,
+  TurnSummary,
+  UserMessageBody,
+  answersFromDrafts,
+  applyPatchOps,
+  applyPatchOpsFromToolItem,
+  controlCaret,
+  createDefaultToolRegistry,
+  createToolRegistry,
+  defaultHumanInputFormMessages,
+  defaultToolRegistry,
+  execTruncated,
+  gitFileDiffToPatch,
+  isApplyPatch,
+  isExecSessionLostBanner,
+  looksBinary,
+  parseExecBannerSessionId,
+  parseFreeformApplyPatch,
+  parseToolArgs,
+  rawTypeOf,
+  sandboxCommandExitCode,
+  sessionChromeGoalPillState,
+  stripExecBanner,
+  tailPeek,
+  unwrapMcpOutput,
+  useLightbox,
+  useLightboxOptional,
+  useThemeType,
+  userMessageLikelyNeedsDisclosure,
+  v4aToGitFileDiff
+} from "./chunk-Y7OEDUJ5.js";
+import {
+  buildTimeline,
+  creditExhaustedFromEvents,
+  extractSessionRef,
+  groupTimeline,
+  sessionStatusFromEvents,
+  toolDisplayName
+} from "./chunk-6KLX2RH5.js";
+import {
+  TimelineAnnotationsChip
+} from "./chunk-WSK7G5LE.js";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
 } 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";
+  DesktopViewer,
+  STREAM_KIND_PTY,
+  STREAM_ROLE_CLIENT,
+  decodeStreamFrame,
+  decodeStreamOpenAck,
+  encodeStreamFrame,
+  encodeStreamOpen,
+  useDesktopStream,
+  useRelayFrameStream
+} from "./chunk-R3AZOAB5.js";
 import {
-  buildTimeline,
-  creditExhaustedFromEvents,
-  extractSessionRef,
-  groupTimeline,
-  sessionStatusFromEvents,
-  toolDisplayName
-} from "./chunk-JR3QFY6B.js";
+  useMutationRunner,
+  usePageLiveActivity,
+  usePolledValue,
+  useSessionEventTrigger
+} from "./chunk-KZ73RL76.js";
 import {
-  FILE_ONLY_MESSAGE_TEXT,
-  composeSendInput,
-  shouldSteerOnKey,
-  shouldSubmitOnKey,
-  useComposer
-} from "./chunk-724BW4TW.js";
+  useOpenGeni,
+  useOpenGeniClient
+} from "./chunk-C5ZPSSS5.js";
 import {
   COMPOSER_PAYMENT_REQUIRED_MESSAGE,
   CREDIT_EXHAUSTION_MESSAGE,
@@ -231,23 +252,6 @@ import {
   truncate,
   tryParseJson
 } from "./chunk-LAKLF4PA.js";
-import {
-  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";
@@ -451,19 +455,103 @@ function useVariableSets(options = {}) {
       if (result) {
         await refresh();
       }
-      return result === true;
+      return result === true;
+    },
+    [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(
+        () => client.setVariableSetVariable(workspaceId, variableSetId, name, value)
+      );
+      if (result) {
+        await refresh();
+      }
+      return result;
+    },
+    [client, workspaceId, run, refresh]
+  );
+  const deleteVariable = useCallback4(
+    async (variableSetId, name) => {
+      const result = await run(async () => {
+        await client.deleteVariableSetVariable(workspaceId, variableSetId, name);
+        return true;
+      });
+      if (result) {
+        await refresh();
+      }
+      return result === true;
+    },
+    [client, workspaceId, run, refresh]
+  );
+  return {
+    variableSets: data ?? [],
+    loading,
+    error,
+    refresh,
+    create,
+    update,
+    remove,
+    readVariable,
+    setVariable,
+    deleteVariable,
+    mutating,
+    mutationError,
+    clearMutationError
+  };
+}
+function useEnvironments(options = {}) {
+  const legacyClient = useMemo2(() => {
+    if (!options.client) {
+      return void 0;
+    }
+    return {
+      ...options.client,
+      listVariableSets: options.client.listEnvironments ?? options.client.listVariableSets,
+      createVariableSet: options.client.createEnvironment ?? options.client.createVariableSet,
+      updateVariableSet: options.client.updateEnvironment ?? options.client.updateVariableSet,
+      deleteVariableSet: options.client.deleteEnvironment ?? options.client.deleteVariableSet,
+      setVariableSetVariable: options.client.setEnvironmentVariable ?? options.client.setVariableSetVariable,
+      deleteVariableSetVariable: options.client.deleteEnvironmentVariable ?? options.client.deleteVariableSetVariable
+    };
+  }, [options.client]);
+  const result = useVariableSets({
+    ...options,
+    ...legacyClient ? { client: legacyClient } : {}
+  });
+  return { ...result, environments: result.variableSets };
+}
+
+// src/hooks/use-channels.ts
+import { useCallback as useCallback5 } from "react";
+function useChannels(options = {}) {
+  const { client, workspaceId } = useOpenGeni(options);
+  const load = useCallback5(
+    async () => await client.listChannels(workspaceId),
+    [client, workspaceId]
+  );
+  const { data, loading, error, refresh } = usePolledValue(load, {
+    pollIntervalMs: options.pollIntervalMs,
+    enabled: options.enabled
+  });
+  const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
+  const create = useCallback5(
+    async (request) => {
+      const result = await run(() => client.createChannel(workspaceId, request));
+      if (result) {
+        await refresh();
+      }
+      return result;
     },
     [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(
-        () => client.setVariableSetVariable(workspaceId, variableSetId, name, value)
-      );
+  const update = useCallback5(
+    async (channelId, request) => {
+      const result = await run(() => client.updateChannel(workspaceId, channelId, request));
       if (result) {
         await refresh();
       }
@@ -471,10 +559,10 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const deleteVariable = useCallback4(
-    async (variableSetId, name) => {
+  const remove = useCallback5(
+    async (channelId) => {
       const result = await run(async () => {
-        await client.deleteVariableSetVariable(workspaceId, variableSetId, name);
+        await client.deleteChannel(workspaceId, channelId);
         return true;
       });
       if (result) {
@@ -484,55 +572,38 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
+  const moveSession = useCallback5(
+    async (sessionId, channelId) => {
+      return await run(() => client.updateSessionChannel(workspaceId, sessionId, { channelId }));
+    },
+    [client, workspaceId, run]
+  );
   return {
-    variableSets: data ?? [],
+    channels: data ?? [],
     loading,
     error,
     refresh,
     create,
     update,
     remove,
-    readVariable,
-    setVariable,
-    deleteVariable,
+    moveSession,
     mutating,
     mutationError,
     clearMutationError
   };
 }
-function useEnvironments(options = {}) {
-  const legacyClient = useMemo2(() => {
-    if (!options.client) {
-      return void 0;
-    }
-    return {
-      ...options.client,
-      listVariableSets: options.client.listEnvironments ?? options.client.listVariableSets,
-      createVariableSet: options.client.createEnvironment ?? options.client.createVariableSet,
-      updateVariableSet: options.client.updateEnvironment ?? options.client.updateVariableSet,
-      deleteVariableSet: options.client.deleteEnvironment ?? options.client.deleteVariableSet,
-      setVariableSetVariable: options.client.setEnvironmentVariable ?? options.client.setVariableSetVariable,
-      deleteVariableSetVariable: options.client.deleteEnvironmentVariable ?? options.client.deleteVariableSetVariable
-    };
-  }, [options.client]);
-  const result = useVariableSets({
-    ...options,
-    ...legacyClient ? { client: legacyClient } : {}
-  });
-  return { ...result, environments: result.variableSets };
-}
 
 // src/hooks/use-rigs.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 function useRigs(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback5(async () => await client.listRigs(workspaceId), [client, workspaceId]);
+  const load = useCallback6(async () => await client.listRigs(workspaceId), [client, workspaceId]);
   const { data, loading, error, refresh } = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled
   });
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
-  const create = useCallback5(
+  const create = useCallback6(
     async (request) => {
       const result = await run(() => client.createRig(workspaceId, request));
       if (result) {
@@ -542,7 +613,7 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const update = useCallback5(
+  const update = useCallback6(
     async (rigId, request) => {
       const result = await run(() => client.updateRig(workspaceId, rigId, request));
       if (result) {
@@ -552,7 +623,7 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const remove = useCallback5(
+  const remove = useCallback6(
     async (rigId) => {
       const result = await run(async () => {
         await client.deleteRig(workspaceId, rigId);
@@ -565,13 +636,13 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const listVersions = useCallback5(
+  const listVersions = useCallback6(
     async (rigId) => {
       return await run(() => client.listRigVersions(workspaceId, rigId));
     },
     [client, workspaceId, run]
   );
-  const activateVersion = useCallback5(
+  const activateVersion = useCallback6(
     async (rigId, versionId) => {
       const result = await run(() => client.activateRigVersion(workspaceId, rigId, versionId));
       if (result) {
@@ -581,13 +652,13 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const listChanges = useCallback5(
+  const listChanges = useCallback6(
     async (rigId) => {
       return await run(() => client.listRigChanges(workspaceId, rigId));
     },
     [client, workspaceId, run]
   );
-  const proposeChange = useCallback5(
+  const proposeChange = useCallback6(
     async (rigId, request) => {
       const result = await run(() => client.proposeRigChange(workspaceId, rigId, request));
       if (result) {
@@ -616,7 +687,7 @@ function useRigs(options = {}) {
 }
 function useRig(rigId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback5(
+  const load = useCallback6(
     async () => await client.getRig(workspaceId, rigId),
     [client, workspaceId, rigId]
   );
@@ -625,7 +696,7 @@ function useRig(rigId, options = {}) {
     enabled: options.enabled
   });
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
-  const update = useCallback5(
+  const update = useCallback6(
     async (request) => {
       const result = await run(() => client.updateRig(workspaceId, rigId, request));
       if (result) {
@@ -635,14 +706,14 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const remove = useCallback5(async () => {
+  const remove = useCallback6(async () => {
     const result = await run(async () => {
       await client.deleteRig(workspaceId, rigId);
       return true;
     });
     return result === true;
   }, [client, workspaceId, rigId, run]);
-  const activateVersion = useCallback5(
+  const activateVersion = useCallback6(
     async (versionId) => {
       const result = await run(() => client.activateRigVersion(workspaceId, rigId, versionId));
       if (result) {
@@ -652,7 +723,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const proposeChange = useCallback5(
+  const proposeChange = useCallback6(
     async (request) => {
       const result = await run(() => client.proposeRigChange(workspaceId, rigId, request));
       if (result) {
@@ -662,7 +733,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const verifyChange = useCallback5(
+  const verifyChange = useCallback6(
     async (changeId) => {
       const result = await run(() => client.verifyRigChange(workspaceId, rigId, changeId));
       if (result) {
@@ -672,7 +743,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const promoteChange = useCallback5(
+  const promoteChange = useCallback6(
     async (changeId) => {
       const result = await run(() => client.promoteRigChange(workspaceId, rigId, changeId));
       if (result) {
@@ -682,7 +753,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const verify = useCallback5(async () => {
+  const verify = useCallback6(async () => {
     return await run(() => client.verifyRig(workspaceId, rigId));
   }, [client, workspaceId, rigId, run]);
   return {
@@ -704,7 +775,7 @@ function useRig(rigId, options = {}) {
 }
 function useRigVersions(rigId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback5(
+  const load = useCallback6(
     async () => await client.listRigVersions(workspaceId, rigId),
     [client, workspaceId, rigId]
   );
@@ -721,7 +792,7 @@ function useRigVersions(rigId, options = {}) {
 }
 function useRigChanges(rigId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback5(
+  const load = useCallback6(
     async () => await client.listRigChanges(workspaceId, rigId),
     [client, workspaceId, rigId]
   );
@@ -738,17 +809,17 @@ function useRigChanges(rigId, options = {}) {
 }
 
 // src/hooks/use-packs.ts
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback7 } from "react";
 var EMPTY_INSTALLATIONS = [];
 function usePacks(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback6(async () => await client.listPacks(workspaceId), [client, workspaceId]);
+  const load = useCallback7(async () => await client.listPacks(workspaceId), [client, workspaceId]);
   const { data, loading, error, refresh } = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled
   });
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
-  const register = useCallback6(
+  const register = useCallback7(
     async (manifest) => {
       const result = await run(() => client.registerPack(workspaceId, manifest));
       if (result) {
@@ -758,7 +829,7 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const enable = useCallback6(
+  const enable = useCallback7(
     async (packId, request = {}) => {
       const result = await run(() => client.enablePack(workspaceId, packId, request));
       if (result) {
@@ -768,11 +839,11 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const previewInstallation = useCallback6(
+  const previewInstallation = useCallback7(
     async (packId, request = {}) => await run(() => client.previewPackInstallation(workspaceId, packId, request)),
     [client, workspaceId, run]
   );
-  const install = useCallback6(
+  const install = useCallback7(
     async (packId, request) => {
       const result = await run(() => client.installPack(workspaceId, packId, request));
       if (result) await refresh();
@@ -780,11 +851,11 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const previewUninstall = useCallback6(
+  const previewUninstall = useCallback7(
     async (packId) => await run(() => client.previewPackUninstall(workspaceId, packId)),
     [client, workspaceId, run]
   );
-  const uninstall = useCallback6(
+  const uninstall = useCallback7(
     async (packId, request) => {
       const result = await run(() => client.uninstallPack(workspaceId, packId, request));
       if (result) await refresh();
@@ -792,7 +863,7 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const remove = useCallback6(
+  const remove = useCallback7(
     async (packId) => {
       const result = await run(async () => {
         await client.deletePack(workspaceId, packId);
@@ -806,7 +877,7 @@ function usePacks(options = {}) {
     [client, workspaceId, run, refresh]
   );
   const installations = data?.installations ?? EMPTY_INSTALLATIONS;
-  const installationFor = useCallback6(
+  const installationFor = useCallback7(
     (packId) => installations.find((installation) => installation.packId === packId) ?? null,
     [installations]
   );
@@ -831,16 +902,16 @@ function usePacks(options = {}) {
 }
 
 // src/hooks/use-workspaces.ts
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 function useWorkspaces(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback7(async () => await client.listWorkspaces(), [client]);
+  const load = useCallback8(async () => await client.listWorkspaces(), [client]);
   const { data, loading, error, refresh } = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled
   });
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
-  const create = useCallback7(
+  const create = useCallback8(
     async (request) => {
       const result = await run(() => client.createWorkspace(request));
       if (result) {
@@ -850,7 +921,7 @@ function useWorkspaces(options = {}) {
     },
     [client, run, refresh]
   );
-  const update = useCallback7(
+  const update = useCallback8(
     async (workspaceId, request) => {
       const result = await run(() => client.updateWorkspace(workspaceId, request));
       if (result) {
@@ -874,12 +945,12 @@ function useWorkspaces(options = {}) {
 }
 
 // src/hooks/use-billing-usage.ts
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback9 } from "react";
 function useBillingUsage(options = {}) {
   const client = useOpenGeniClient(options);
   const accountId = options.accountId;
   const workspaceId = options.workspaceId;
-  const load = useCallback8(
+  const load = useCallback9(
     async () => await client.getBillingUsage({
       ...accountId !== void 0 ? { accountId } : {},
       ...workspaceId !== void 0 ? { workspaceId } : {}
@@ -900,10 +971,10 @@ function useBillingUsage(options = {}) {
 }
 
 // src/hooks/use-available-models.ts
-import { useCallback as useCallback9 } from "react";
+import { useCallback as useCallback10 } from "react";
 function useAvailableModels(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback9(async () => await client.getClientConfig(), [client]);
+  const load = useCallback10(async () => await client.getClientConfig(), [client]);
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled
@@ -918,7 +989,7 @@ function useAvailableModels(options = {}) {
 }
 function useWorkspaceModelCatalog(options) {
   const client = useOpenGeniClient(options);
-  const load = useCallback9(async () => {
+  const load = useCallback10(async () => {
     if (!options.workspaceId) {
       return { models: [], defaultModel: null };
     }
@@ -951,7 +1022,7 @@ import {
   OpenGeniApiError,
   applyUrlRotation
 } from "@opengeni/sdk";
-import { useCallback as useCallback10, useEffect as useEffect3, useRef as useRef2, useState } from "react";
+import { useCallback as useCallback11, useEffect as useEffect3, useRef as useRef2, useState } from "react";
 
 // src/lib/sandbox-liveness.ts
 function sandboxAcceptsLiveIo(liveness) {
@@ -961,7 +1032,7 @@ function sandboxAcceptsLiveIo(liveness) {
 // src/lib/terminal-capability.ts
 function terminalCanAcquirePty(cell) {
   if (!cell?.ptyCapable) return false;
-  if (cell.transport === "pty-ws") return true;
+  if (cell.transport === "pty-ws" || cell.transport === "relay-pty") return true;
   return cell.reason === "lease_cold" || cell.reason === "not_provisioned";
 }
 
@@ -1001,7 +1072,7 @@ function useSessionCapabilities(sessionId, options = {}) {
   const epochRef = useRef2(0);
   const viewerIdRef = useRef2(null);
   const previousIdentityRef = useRef2(identityKey);
-  const renegotiate = useCallback10(() => {
+  const renegotiate = useCallback11(() => {
     setNonce((n) => n + 1);
   }, []);
   useEffect3(() => {
@@ -1164,422 +1235,94 @@ function useSessionCapabilities(sessionId, options = {}) {
                   );
                 }
               } else if (cause.status === 429) {
-                setViewerCapReached(true);
-              } else if (cause.status === 403) {
-                setState("error");
-                setError(cause);
-                return;
-              } else {
-                throw cause;
-              }
-            } else {
-              throw cause;
-            }
-          }
-        }
-        const warmUpRequested = wantDesktopAttach || wantTerminalAttach || wantFilesAttach;
-        if (sandboxAcceptsLiveIo(caps.liveness) || localViewerId) {
-          setState("ready");
-          startHeartbeat(caps);
-        } else if (warmUpRequested) {
-          setState("cold");
-          pollUntilWarm();
-        } else {
-          setState("on-demand");
-        }
-      } catch (cause) {
-        if (cancelled) return;
-        if (cause instanceof OpenGeniApiError && cause.status === 403) {
-          setState("error");
-          setError(new Error("not permitted to view this session's sandbox"));
-          return;
-        }
-        setState("error");
-        setError(cause instanceof Error ? cause : new Error(String(cause)));
-      }
-    })();
-    return () => {
-      cancelled = true;
-      requestAbort.abort();
-      clearTimers();
-      const releaseId = localViewerId ?? viewerIdRef.current;
-      if (releaseId) {
-        void client.detachViewer(workspaceId, sessionId, releaseId).catch(() => {
-        });
-      }
-    };
-  }, [
-    client,
-    workspaceId,
-    sessionId,
-    lifecycleEnabled,
-    attachDesktop,
-    attachTerminal,
-    attachFiles,
-    warmingPollMs,
-    warmingDeadlineMs,
-    nonce,
-    identityKey
-  ]);
-  const events = options.events;
-  useEffect3(() => {
-    if (!events || events.length === 0) return;
-    setCapabilities((prev) => {
-      if (!prev || !prev.DesktopStream.url) return prev;
-      let next = prev.DesktopStream;
-      let changed = false;
-      for (const rotation of rotationsFrom(events)) {
-        if (rotation.viewerId && viewerIdRef.current && rotation.viewerId !== viewerIdRef.current) {
-          continue;
-        }
-        const applied = applyUrlRotation(next, rotation, epochRef.current);
-        if (applied) {
-          next = { ...next, url: applied.url, token: applied.token, expiresAt: applied.expiresAt };
-          epochRef.current = Math.max(epochRef.current, rotation.leaseEpoch);
-          changed = true;
-        }
-      }
-      return changed ? { ...prev, DesktopStream: next, leaseEpoch: epochRef.current } : prev;
-    });
-  }, [events]);
-  const identityMatches = enabled && stateIdentity === identityKey;
-  return {
-    capabilities: identityMatches ? capabilities : null,
-    state: identityMatches ? state : "idle",
-    error: identityMatches ? error : null,
-    acknowledgmentRequired: identityMatches ? acknowledgmentRequired : null,
-    viewerCapReached: identityMatches && viewerCapReached,
-    viewerId: identityMatches ? viewerId : null,
-    renegotiate
-  };
-}
-
-// src/hooks/use-desktop-stream.ts
-import {
-  desktopSocketUrl,
-  nextDesktopState
-} from "@opengeni/sdk";
-import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
-
-// src/hooks/use-relay-frame-stream.ts
-import { useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
-var TAG_OPEN = 1;
-var TAG_OPENACK = 2;
-var TAG_FRAME = 3;
-function datagram(tag, body) {
-  const out = new Uint8Array(body.length + 1);
-  out[0] = tag;
-  out.set(body, 1);
-  return out;
-}
-function defaultWebSocketFactory(url) {
-  return new WebSocket(url);
-}
-function useRelayFrameStream(options) {
-  const { capability, containerRef, webSocketFactory } = options;
-  const [state, setState] = useState2("idle");
-  const [error, setError] = useState2(null);
-  const [nonce, setNonce] = useState2(0);
-  const stateRef = useRef3("idle");
-  const setBoth = (next) => {
-    stateRef.current = next;
-    setState(next);
-  };
-  const reconnect = () => setNonce((n) => n + 1);
-  const transport = capability?.transport ?? null;
-  const url = capability?.url ?? null;
-  const token = capability?.token ?? null;
-  const factoryRef = useRef3(webSocketFactory);
-  factoryRef.current = webSocketFactory;
-  useEffect4(() => {
-    if (typeof window === "undefined") return;
-    if (transport !== "relay-frames" || !url) {
-      setBoth("idle");
-      return;
-    }
-    const container = containerRef.current;
-    if (!container) {
-      setBoth("idle");
-      return;
-    }
-    let channel;
-    try {
-      const u = new URL(url);
-      channel = {
-        channelId: u.searchParams.get("channel") ?? "",
-        workspaceId: u.searchParams.get("ws") ?? "",
-        agentId: u.searchParams.get("agent") ?? "",
-        kind: STREAM_KIND_DESKTOP,
-        port: Number(u.searchParams.get("port") ?? "0")
-      };
-    } catch (cause) {
-      setError(cause instanceof Error ? cause : new Error(String(cause)));
-      setBoth("error");
-      return;
-    }
-    setError(null);
-    setBoth("connecting");
-    const canvas = document.createElement("canvas");
-    canvas.setAttribute("data-opengeni-desktop-frames", "");
-    const style = canvas.style;
-    style.position = "absolute";
-    style.top = "0";
-    style.left = "0";
-    style.right = "0";
-    style.bottom = "0";
-    style.margin = "auto";
-    style.maxWidth = "100%";
-    style.maxHeight = "100%";
-    style.width = "auto";
-    style.height = "auto";
-    style.display = "block";
-    style.imageRendering = "auto";
-    container.appendChild(canvas);
-    const ctx = canvas.getContext("2d");
-    let disposed = false;
-    let acked = false;
-    let decoding = false;
-    let pending = null;
-    const drainLatest = async () => {
-      if (decoding) return;
-      decoding = true;
-      try {
-        while (pending) {
-          if (disposed) break;
-          const data = pending;
-          pending = null;
-          let bmp;
-          try {
-            bmp = await createImageBitmap(new Blob([new Uint8Array(data)], { type: "image/png" }));
-          } catch {
-            continue;
-          }
-          if (disposed) {
-            bmp.close();
-            break;
-          }
-          if (canvas.width !== bmp.width || canvas.height !== bmp.height) {
-            canvas.width = bmp.width;
-            canvas.height = bmp.height;
-          }
-          ctx?.drawImage(bmp, 0, 0, canvas.width, canvas.height);
-          bmp.close();
-          if (!disposed && stateRef.current !== "connected") setBoth("connected");
-        }
-      } finally {
-        decoding = false;
-      }
-    };
-    let ws;
-    try {
-      ws = (factoryRef.current ?? defaultWebSocketFactory)(url);
-    } catch (cause) {
-      setError(cause instanceof Error ? cause : new Error(String(cause)));
-      setBoth("error");
-      canvas.remove();
-      return;
-    }
-    ws.binaryType = "arraybuffer";
-    const onOpen = () => {
-      if (disposed) return;
-      const body = encodeStreamOpen({
-        channel,
-        token: token ?? "",
-        role: STREAM_ROLE_CLIENT,
-        resumeFromSeq: "0"
-      });
-      try {
-        ws.send(datagram(TAG_OPEN, body).buffer);
-      } catch {
-      }
-    };
-    const onMessage = (ev) => {
-      if (disposed) return;
-      const data = ev.data;
-      if (!(data instanceof ArrayBuffer)) return;
-      const buf = new Uint8Array(data);
-      if (buf.length === 0) return;
-      const tag = buf[0];
-      const rest = buf.subarray(1);
-      if (tag === TAG_OPENACK) {
-        let ack;
-        try {
-          ack = decodeStreamOpenAck(rest);
-        } catch {
-          return;
-        }
-        if (!ack.accepted) {
-          setError(
-            new Error(
-              ack.error?.message ? `desktop stream rejected: ${ack.error.message}` : "desktop stream rejected by the relay"
-            )
-          );
-          setBoth("error");
-          try {
-            ws.close();
-          } catch {
-          }
-          return;
-        }
-        acked = true;
-      } else if (tag === TAG_FRAME) {
-        let fr;
-        try {
-          fr = decodeStreamFrame(rest);
-        } catch {
-          return;
-        }
-        if (fr.data && fr.data.length > 0) {
-          pending = fr.data;
-          void drainLatest();
-        }
-      }
-    };
-    const onError = () => {
-      if (disposed) return;
-      setError((prev) => prev ?? new Error("desktop stream connection error"));
-      setBoth("error");
-    };
-    const onClose = () => {
-      if (disposed) return;
-      setError(
-        (prev) => prev ?? new Error(acked ? "desktop stream closed" : "desktop stream closed before it opened")
-      );
-      setBoth("error");
-    };
-    ws.addEventListener("open", onOpen);
-    ws.addEventListener("message", onMessage);
-    ws.addEventListener("error", onError);
-    ws.addEventListener("close", onClose);
-    return () => {
-      disposed = true;
-      pending = null;
-      ws.removeEventListener("open", onOpen);
-      ws.removeEventListener("message", onMessage);
-      ws.removeEventListener("error", onError);
-      ws.removeEventListener("close", onClose);
-      try {
-        ws.close();
-      } catch {
-      }
-      canvas.remove();
-    };
-  }, [url, token, transport, nonce]);
-  return { state, error, reconnect };
-}
-
-// src/hooks/use-desktop-stream.ts
-async function defaultRfbFactory() {
-  const mod = await import("@novnc/novnc");
-  const RFB = mod.default;
-  return (target, url, opts) => new RFB(target, url, opts);
-}
-function useDesktopStream(options) {
-  const { capability, containerRef, interactive, scaleViewport, rfbFactory, webSocketFactory } = options;
-  const frameStream = useRelayFrameStream({
-    capability,
-    containerRef,
-    ...webSocketFactory ? { webSocketFactory } : {}
-  });
-  const [state, setState] = useState3("idle");
-  const [error, setError] = useState3(null);
-  const [nonce, setNonce] = useState3(0);
-  const stateRef = useRef4("idle");
-  const setBoth = (next) => {
-    stateRef.current = next;
-    setState(next);
-  };
-  const reconnect = () => setNonce((n) => n + 1);
-  const url = capability?.url ?? null;
-  const token = capability?.token ?? null;
-  const transport = capability?.transport ?? null;
-  const mode = capability?.mode ?? "read-only";
-  const rfbRef = useRef4(null);
-  const interactiveRef = useRef4(interactive);
-  const scaleViewportRef = useRef4(scaleViewport);
-  const modeRef = useRef4(mode);
-  const rfbFactoryRef = useRef4(rfbFactory);
-  interactiveRef.current = interactive;
-  scaleViewportRef.current = scaleViewport;
-  modeRef.current = mode;
-  rfbFactoryRef.current = rfbFactory;
-  const viewOnlyFor = (m, want) => m === "read-only" || !want;
-  useEffect5(() => {
-    if (typeof window === "undefined") return;
-    if (transport !== "vnc-ws" || !url) {
-      setBoth("idle");
-      return;
-    }
-    const container = containerRef.current;
-    if (!container) {
-      setBoth("idle");
-      return;
-    }
-    let rfb = null;
-    let disposed = false;
-    setError(null);
-    setBoth("negotiating");
-    const onConnect = () => {
-      if (!disposed) setBoth(nextDesktopState(stateRef.current, { type: "connected" }));
-    };
-    const onDisconnect = () => {
-      if (!disposed) setBoth(nextDesktopState(stateRef.current, { type: "disconnected" }));
-    };
-    const onSecurityFailure = () => {
-      if (disposed) return;
-      setError(new Error("desktop authentication failed (token expired or revoked)"));
-      setBoth(nextDesktopState(stateRef.current, { type: "fail" }));
-    };
-    void (async () => {
-      try {
-        const factory = rfbFactoryRef.current ?? await defaultRfbFactory();
-        if (disposed) return;
-        const socketUrl = desktopSocketUrl({ url });
-        setBoth(nextDesktopState(stateRef.current, { type: "negotiated" }));
-        rfb = factory(container, socketUrl, {
-          credentials: token ? { password: token } : void 0
-        });
-        rfb.viewOnly = viewOnlyFor(modeRef.current, interactiveRef.current);
-        rfb.clipViewport = false;
-        rfb.scaleViewport = scaleViewportRef.current ?? true;
-        rfb.addEventListener("connect", onConnect);
-        rfb.addEventListener("disconnect", onDisconnect);
-        rfb.addEventListener("securityfailure", onSecurityFailure);
-        rfbRef.current = rfb;
+                setViewerCapReached(true);
+              } else if (cause.status === 403) {
+                setState("error");
+                setError(cause);
+                return;
+              } else {
+                throw cause;
+              }
+            } else {
+              throw cause;
+            }
+          }
+        }
+        const warmUpRequested = wantDesktopAttach || wantTerminalAttach || wantFilesAttach;
+        if (sandboxAcceptsLiveIo(caps.liveness) || localViewerId) {
+          setState("ready");
+          startHeartbeat(caps);
+        } else if (warmUpRequested) {
+          setState("cold");
+          pollUntilWarm();
+        } else {
+          setState("on-demand");
+        }
       } catch (cause) {
-        if (!disposed) {
-          setError(cause instanceof Error ? cause : new Error(String(cause)));
-          setBoth("error");
+        if (cancelled) return;
+        if (cause instanceof OpenGeniApiError && cause.status === 403) {
+          setState("error");
+          setError(new Error("not permitted to view this session's sandbox"));
+          return;
         }
+        setState("error");
+        setError(cause instanceof Error ? cause : new Error(String(cause)));
       }
     })();
     return () => {
-      disposed = true;
-      if (rfbRef.current === rfb) rfbRef.current = null;
-      if (rfb) {
-        rfb.removeEventListener?.("connect", onConnect);
-        rfb.removeEventListener?.("disconnect", onDisconnect);
-        rfb.removeEventListener?.("securityfailure", onSecurityFailure);
-        try {
-          rfb.disconnect();
-        } catch {
-        }
+      cancelled = true;
+      requestAbort.abort();
+      clearTimers();
+      const releaseId = localViewerId ?? viewerIdRef.current;
+      if (releaseId) {
+        void client.detachViewer(workspaceId, sessionId, releaseId).catch(() => {
+        });
       }
     };
-  }, [url, token, transport, nonce]);
-  useEffect5(() => {
-    const rfb = rfbRef.current;
-    if (rfb) rfb.viewOnly = viewOnlyFor(mode, interactive);
-  }, [interactive, mode, state]);
-  useEffect5(() => {
-    const rfb = rfbRef.current;
-    if (rfb) {
-      rfb.clipViewport = false;
-      rfb.scaleViewport = scaleViewport ?? true;
-    }
-  }, [scaleViewport, state]);
-  if (transport === "relay-frames") return frameStream;
-  return { state, error, reconnect };
+  }, [
+    client,
+    workspaceId,
+    sessionId,
+    lifecycleEnabled,
+    attachDesktop,
+    attachTerminal,
+    attachFiles,
+    warmingPollMs,
+    warmingDeadlineMs,
+    nonce,
+    identityKey
+  ]);
+  const events = options.events;
+  useEffect3(() => {
+    if (!events || events.length === 0) return;
+    setCapabilities((prev) => {
+      if (!prev || !prev.DesktopStream.url) return prev;
+      let next = prev.DesktopStream;
+      let changed = false;
+      for (const rotation of rotationsFrom(events)) {
+        if (rotation.viewerId && viewerIdRef.current && rotation.viewerId !== viewerIdRef.current) {
+          continue;
+        }
+        const applied = applyUrlRotation(next, rotation, epochRef.current);
+        if (applied) {
+          next = { ...next, url: applied.url, token: applied.token, expiresAt: applied.expiresAt };
+          epochRef.current = Math.max(epochRef.current, rotation.leaseEpoch);
+          changed = true;
+        }
+      }
+      return changed ? { ...prev, DesktopStream: next, leaseEpoch: epochRef.current } : prev;
+    });
+  }, [events]);
+  const identityMatches = enabled && stateIdentity === identityKey;
+  return {
+    capabilities: identityMatches ? capabilities : null,
+    state: identityMatches ? state : "idle",
+    error: identityMatches ? error : null,
+    acknowledgmentRequired: identityMatches ? acknowledgmentRequired : null,
+    viewerCapReached: identityMatches && viewerCapReached,
+    viewerId: identityMatches ? viewerId : null,
+    renegotiate
+  };
 }
 
 // src/hooks/use-terminal-stream.ts
@@ -1591,11 +1334,51 @@ import {
   ttydResizeFrame,
   TtydServerCommand
 } from "@opengeni/sdk";
-import { useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState4 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef3, useState as useState2 } from "react";
 var MAX_PENDING_TERMINAL_INPUT_CODE_UNITS = 64 * 1024;
 var TERMINAL_CONNECT_EXPIRY_SKEW_MS = 5e3;
+var TERMINAL_RECONNECT_INITIAL_MS = 100;
+var TERMINAL_RECONNECT_MAX_MS = 3e3;
+var RELAY_TAG_OPEN = 1;
+var RELAY_TAG_OPEN_ACK = 2;
+var RELAY_TAG_FRAME = 3;
+function relayDatagram(tag, body) {
+  const bytes = new Uint8Array(body.length + 1);
+  bytes[0] = tag;
+  bytes.set(body, 1);
+  return bytes.buffer;
+}
+function relayChannelFromUrl(url) {
+  const endpoint = new URL(url);
+  const channel = {
+    channelId: endpoint.searchParams.get("channel") ?? "",
+    workspaceId: endpoint.searchParams.get("ws") ?? "",
+    agentId: endpoint.searchParams.get("agent") ?? "",
+    kind: STREAM_KIND_PTY,
+    port: Number(endpoint.searchParams.get("port") ?? "0")
+  };
+  if (!channel.channelId || !channel.workspaceId || !channel.agentId || !Number.isSafeInteger(channel.port) || channel.port <= 0) {
+    throw new Error("terminal relay endpoint is incomplete");
+  }
+  return channel;
+}
+function sendRelayInput(socket, channel, sequence, data) {
+  socket.send(
+    relayDatagram(
+      RELAY_TAG_FRAME,
+      encodeStreamFrame({
+        channelId: channel.channelId,
+        seq: sequence.toString(),
+        data: new TextEncoder().encode(data),
+        producedAtMs: String(Date.now())
+      })
+    )
+  );
+}
 function terminalStreamCredentialUsable(capability, nowMs = Date.now()) {
-  if (capability?.transport !== "pty-ws" || !capability.url) return false;
+  if (capability?.transport !== "pty-ws" && capability?.transport !== "relay-pty" || !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;
@@ -1616,32 +1399,58 @@ function closeSocket(socket) {
   }
 }
 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({
+  const { capability, onOutput, onTitle, onReconnectNeeded, initialCols, initialRows } = options;
+  const [status, setStatus] = useState2("closed");
+  const [reconnectGeneration, setReconnectGeneration] = useState2(0);
+  const wsRef = useRef3(null);
+  const pendingInputRef = useRef3("");
+  const socketFailedRef = useRef3(false);
+  const socketAuthenticatedRef = useRef3(false);
+  const relayChannelRef = useRef3(null);
+  const relayIdentityRef = useRef3(null);
+  const relayInputSequenceRef = useRef3(0n);
+  const relayOutputSequenceRef = useRef3(0n);
+  const reconnectAttemptRef = useRef3(0);
+  const credentialIdentityRef = useRef3(null);
+  const refreshRequestedRef = useRef3(false);
+  const intentionalCloseRef = useRef3(/* @__PURE__ */ new WeakSet());
+  const sizeRef = useRef3({
     cols: initialCols ?? 80,
     rows: initialRows ?? 24
   });
-  const onOutputRef = useRef5(onOutput);
-  const onTitleRef = useRef5(onTitle);
+  const onOutputRef = useRef3(onOutput);
+  const onTitleRef = useRef3(onTitle);
+  const onReconnectNeededRef = useRef3(onReconnectNeeded);
   onOutputRef.current = onOutput;
   onTitleRef.current = onTitle;
+  onReconnectNeededRef.current = onReconnectNeeded;
   const transport = capability?.transport ?? null;
   const url = capability?.url ?? null;
   const token = capability?.token ?? null;
   const expiresAt = capability?.expiresAt ?? null;
-  useEffect6(() => {
+  const transportRef = useRef3(transport);
+  transportRef.current = transport;
+  useEffect4(() => {
     if (typeof window === "undefined" || typeof WebSocket === "undefined") return;
-    if (transport !== "pty-ws") {
+    const relay = transport === "relay-pty";
+    if (transport !== "pty-ws" && !relay) {
       pendingInputRef.current = "";
       socketAuthenticatedRef.current = false;
+      relayIdentityRef.current = null;
+      relayInputSequenceRef.current = 0n;
+      relayOutputSequenceRef.current = 0n;
+      reconnectAttemptRef.current = 0;
+      credentialIdentityRef.current = null;
+      refreshRequestedRef.current = false;
       setStatus("closed");
       return;
     }
+    const credentialIdentity = `${transport}\0${url ?? ""}\0${token ?? ""}\0${expiresAt ?? ""}`;
+    if (credentialIdentityRef.current !== credentialIdentity) {
+      credentialIdentityRef.current = credentialIdentity;
+      reconnectAttemptRef.current = 0;
+      refreshRequestedRef.current = false;
+    }
     socketFailedRef.current = false;
     socketAuthenticatedRef.current = false;
     if (!url) {
@@ -1650,13 +1459,37 @@ function useTerminalStream(options) {
     }
     if (!terminalStreamCredentialUsable({ transport, url, expiresAt })) {
       setStatus("closed");
+      if (!refreshRequestedRef.current) {
+        refreshRequestedRef.current = true;
+        onReconnectNeededRef.current?.();
+      }
       return;
     }
     let disposed = false;
+    let reconnectTimer = null;
     let socket;
+    let relayChannel = null;
+    const relayOutputDecoder = new TextDecoder();
     setStatus("connecting");
     try {
-      socket = new WebSocket(terminalSocketUrl({ url }), TTYD_SUBPROTOCOL);
+      if (relay) {
+        relayChannel = relayChannelFromUrl(url);
+        const relayIdentity = [
+          relayChannel.workspaceId,
+          relayChannel.agentId,
+          relayChannel.port,
+          relayChannel.channelId
+        ].join("\0");
+        if (relayIdentityRef.current !== relayIdentity) {
+          relayIdentityRef.current = relayIdentity;
+          relayInputSequenceRef.current = 0n;
+          relayOutputSequenceRef.current = 0n;
+        }
+        relayChannelRef.current = relayChannel;
+        socket = new WebSocket(url);
+      } else {
+        socket = new WebSocket(terminalSocketUrl({ url }), TTYD_SUBPROTOCOL);
+      }
     } catch {
       socketFailedRef.current = true;
       setStatus("error");
@@ -1664,8 +1497,52 @@ function useTerminalStream(options) {
     }
     socket.binaryType = "arraybuffer";
     wsRef.current = socket;
+    const requestFreshGrant = () => {
+      if (disposed || refreshRequestedRef.current || intentionalCloseRef.current.has(socket))
+        return;
+      refreshRequestedRef.current = true;
+      onReconnectNeededRef.current?.();
+    };
+    const scheduleTransportReconnect = () => {
+      if (disposed || reconnectTimer !== null || intentionalCloseRef.current.has(socket)) return;
+      if (refreshRequestedRef.current) return;
+      if (!terminalStreamCredentialUsable({ transport, url, expiresAt })) {
+        requestFreshGrant();
+        return;
+      }
+      const attempt = reconnectAttemptRef.current++;
+      const delay = Math.min(
+        TERMINAL_RECONNECT_INITIAL_MS * 2 ** Math.min(attempt, 8),
+        TERMINAL_RECONNECT_MAX_MS
+      );
+      setStatus("connecting");
+      reconnectTimer = setTimeout(() => {
+        reconnectTimer = null;
+        if (!disposed) setReconnectGeneration((generation) => generation + 1);
+      }, delay);
+    };
     socket.onopen = () => {
       if (disposed) return;
+      if (relay && relayChannel) {
+        try {
+          socket.send(
+            relayDatagram(
+              RELAY_TAG_OPEN,
+              encodeStreamOpen({
+                channel: relayChannel,
+                token: token ?? "",
+                role: STREAM_ROLE_CLIENT,
+                resumeFromSeq: relayOutputSequenceRef.current.toString()
+              })
+            )
+          );
+        } catch {
+          socketFailedRef.current = false;
+          setStatus("connecting");
+          closeSocket(socket);
+        }
+        return;
+      }
       try {
         socket.send(ttydAuthFrame({ columns: sizeRef.current.cols, rows: sizeRef.current.rows }));
         socket.send(ttydResizeFrame(sizeRef.current.cols, sizeRef.current.rows));
@@ -1675,15 +1552,60 @@ function useTerminalStream(options) {
         }
         socketAuthenticatedRef.current = true;
       } catch {
-        socketFailedRef.current = true;
-        setStatus("error");
+        socketFailedRef.current = false;
+        setStatus("connecting");
         closeSocket(socket);
         return;
       }
       setStatus("open");
+      reconnectAttemptRef.current = 0;
+      refreshRequestedRef.current = false;
     };
     socket.onmessage = (ev) => {
       if (disposed) return;
+      if (relay) {
+        if (!(ev.data instanceof ArrayBuffer) || !relayChannel) return;
+        const bytes = new Uint8Array(ev.data);
+        if (bytes.length < 1) return;
+        const tag = bytes[0];
+        const body = bytes.subarray(1);
+        if (tag === RELAY_TAG_OPEN_ACK) {
+          try {
+            const ack = decodeStreamOpenAck(body);
+            if (!ack.accepted) throw new Error(ack.error?.message ?? "terminal relay rejected");
+            reconnectAttemptRef.current = 0;
+            refreshRequestedRef.current = false;
+            socketAuthenticatedRef.current = true;
+            if (pendingInputRef.current.length > 0) {
+              sendRelayInput(
+                socket,
+                relayChannel,
+                relayInputSequenceRef.current++,
+                pendingInputRef.current
+              );
+              pendingInputRef.current = "";
+            }
+            setStatus("open");
+          } catch {
+            socketFailedRef.current = true;
+            setStatus("error");
+            requestFreshGrant();
+            closeSocket(socket);
+          }
+        } else if (tag === RELAY_TAG_FRAME && socketAuthenticatedRef.current) {
+          try {
+            const frame = decodeStreamFrame(body);
+            const sequence = BigInt(frame.seq);
+            if (sequence < relayOutputSequenceRef.current) return;
+            relayOutputSequenceRef.current = sequence + 1n;
+            if (frame.data.length > 0) {
+              onOutputRef.current?.(relayOutputDecoder.decode(frame.data, { stream: true }));
+            }
+          } catch {
+          }
+        }
+        return;
+      }
       const { command, payload } = decodeFrame(ev.data);
       switch (command) {
         case TtydServerCommand.OUTPUT:
@@ -1699,76 +1621,90 @@ function useTerminalStream(options) {
     };
     socket.onerror = () => {
       if (!disposed) {
-        socketFailedRef.current = true;
-        setStatus("error");
+        socketFailedRef.current = false;
+        setStatus("connecting");
+        closeSocket(socket);
       }
     };
     socket.onclose = () => {
       if (wsRef.current === socket) wsRef.current = null;
       socketAuthenticatedRef.current = false;
-      if (!disposed) setStatus(socketFailedRef.current ? "error" : "closed");
+      if (!disposed) {
+        if (socketFailedRef.current) setStatus("error");
+        else scheduleTransportReconnect();
+      }
     };
     return () => {
       disposed = true;
       wsRef.current = null;
       socketAuthenticatedRef.current = false;
+      relayChannelRef.current = null;
+      if (reconnectTimer !== null) clearTimeout(reconnectTimer);
       socket.onopen = null;
       socket.onmessage = null;
       socket.onerror = null;
       socket.onclose = null;
       closeSocket(socket);
     };
-  }, [transport, url, token, expiresAt]);
-  return useMemo3(() => {
-    const write = (data) => {
-      const ws = wsRef.current;
-      if (ws && ws.readyState === WebSocket.OPEN && socketAuthenticatedRef.current) {
-        try {
+  }, [transport, url, token, expiresAt, reconnectGeneration]);
+  const write = useCallback12((data) => {
+    const currentTransport = transportRef.current;
+    const ws = wsRef.current;
+    if (ws && ws.readyState === WebSocket.OPEN && socketAuthenticatedRef.current) {
+      try {
+        const relayChannel = relayChannelRef.current;
+        if (currentTransport === "relay-pty" && relayChannel) {
+          sendRelayInput(ws, relayChannel, relayInputSequenceRef.current++, data);
+        } else {
           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;
+      } catch {
+        socketFailedRef.current = false;
+        setStatus("connecting");
+        closeSocket(ws);
       }
-    };
-    const resize = (cols, rows) => {
-      if (cols <= 0 || rows <= 0) return;
-      sizeRef.current = { cols, rows };
-      const ws = wsRef.current;
-      if (ws && ws.readyState === WebSocket.OPEN && socketAuthenticatedRef.current) {
-        try {
-          ws.send(ttydResizeFrame(cols, rows));
-        } catch {
-        }
+    } else if ((currentTransport === "pty-ws" || currentTransport === "relay-pty") && !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;
       }
-    };
-    const disconnect = () => {
-      const ws = wsRef.current;
-      wsRef.current = null;
-      pendingInputRef.current = "";
-      socketFailedRef.current = false;
-      socketAuthenticatedRef.current = false;
-      setStatus("closed");
-      closeSocket(ws);
-    };
+      pendingInputRef.current += data;
+    }
+  }, []);
+  const resize = useCallback12((cols, rows) => {
+    if (cols <= 0 || rows <= 0) return;
+    sizeRef.current = { cols, rows };
+    const ws = wsRef.current;
+    if (ws && ws.readyState === WebSocket.OPEN && socketAuthenticatedRef.current) {
+      try {
+        if (transportRef.current === "pty-ws") ws.send(ttydResizeFrame(cols, rows));
+      } catch {
+      }
+    }
+  }, []);
+  const disconnect = useCallback12(() => {
+    const ws = wsRef.current;
+    wsRef.current = null;
+    pendingInputRef.current = "";
+    socketFailedRef.current = false;
+    socketAuthenticatedRef.current = false;
+    relayChannelRef.current = null;
+    setStatus("closed");
+    if (ws) intentionalCloseRef.current.add(ws);
+    closeSocket(ws);
+  }, []);
+  return useMemo3(() => {
     return { connected: status === "open", status, write, resize, disconnect };
-  }, [status, transport]);
+  }, [status, write, resize, disconnect]);
 }
 
 // src/hooks/use-sandbox-terminal.ts
 import { OpenGeniApiError as OpenGeniApiError2 } from "@opengeni/sdk";
-import { useCallback as useCallback11, useEffect as useEffect7, useMemo as useMemo4, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef4, useState as useState3 } from "react";
 function useSandboxTerminal(sessionId, options) {
   const { client, workspaceId } = useOpenGeni(options);
   const includeAgentFirehose = options.includeAgentFirehose ?? true;
@@ -1776,20 +1712,20 @@ function useSandboxTerminal(sessionId, options) {
   const ptyFilter = options.ptyId;
   const liveness = options.liveness;
   const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${interactive}\0${ptyFilter ?? ""}`;
-  const [openedPtyId, setOpenedPtyId] = useState5(null);
-  const [openError, setOpenError] = useState5(null);
-  const [stateIdentity, setStateIdentity] = useState5(identityKey);
-  const [reopenNonce, setReopenNonce] = useState5(0);
-  const currentIdentityRef = useRef6(identityKey);
+  const [openedPtyId, setOpenedPtyId] = useState3(null);
+  const [openError, setOpenError] = useState3(null);
+  const [stateIdentity, setStateIdentity] = useState3(identityKey);
+  const [reopenNonce, setReopenNonce] = useState3(0);
+  const currentIdentityRef = useRef4(identityKey);
   currentIdentityRef.current = identityKey;
-  useEffect7(() => {
+  useEffect5(() => {
     setStateIdentity(identityKey);
     setOpenedPtyId(null);
     setOpenError(null);
   }, [identityKey]);
-  const openInFlight = useRef6(false);
+  const openInFlight = useRef4(false);
   const boxWarm = liveness === void 0 || sandboxAcceptsLiveIo(liveness);
-  useEffect7(() => {
+  useEffect5(() => {
     if (!interactive || !sessionId || ptyFilter || !boxWarm) {
       setOpenError(null);
       return;
@@ -1884,7 +1820,7 @@ function useSandboxTerminal(sessionId, options) {
       });
     };
   }, [client, workspaceId, sessionId, activePtyId, canWrite, openedPtyId, identityKey]);
-  const close = useCallback11(() => {
+  const close = useCallback13(() => {
     if (!activePtyId || !sessionId) return;
     void client.terminalPtyClose(workspaceId, sessionId, { ptyId: activePtyId }).catch(() => {
     });
@@ -1900,7 +1836,7 @@ function useSandboxTerminal(sessionId, options) {
 }
 
 // src/hooks/use-sandbox-files.ts
-import { useCallback as useCallback12, useEffect as useEffect8, useMemo as useMemo5, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect6, useMemo as useMemo5, useRef as useRef5, useState as useState4 } from "react";
 var CapturedFileUnavailableError = class extends Error {
   constructor(path, reason) {
     super(
@@ -2138,37 +2074,37 @@ function useSandboxFiles(sessionId, options = {}) {
   const capture = options.capture ?? null;
   const isLive2 = sandboxAcceptsLiveIo(options.liveness);
   const acceptsEventReads = options.liveness === void 0 || isLive2;
-  const acceptsEventReadsRef = useRef7(acceptsEventReads);
+  const acceptsEventReadsRef = useRef5(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);
-  const statusRef = useRef7(/* @__PURE__ */ new Map());
-  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 [tree, setTree] = useState4([]);
+  const treeRef = useRef5([]);
+  const [loading, setLoading] = useState4(false);
+  const [expandingPaths, setExpandingPaths] = useState4(/* @__PURE__ */ new Set());
+  const [error, setError] = useState4(null);
+  const [gitSummary, setGitSummary] = useState4(null);
+  const [gitLoading, setGitLoading] = useState4(false);
+  const [contentRevision, setContentRevision] = useState4(0);
+  const [stateIdentity, setStateIdentity] = useState4(identityKey);
+  const [source, setSource] = useState4(null);
+  const sourceRef = useRef5(null);
+  const statusRef = useRef5(/* @__PURE__ */ new Map());
+  const refreshGenerationRef = useRef5(0);
+  const refreshAbortRef = useRef5(null);
+  const identityAbortRef = useRef5(new AbortController());
+  const eventReadAbortRef = useRef5(new AbortController());
+  const identityGenerationRef = useRef5(0);
+  const lastSeqRef = useRef5(0);
+  const pendingParentsRef = useRef5(/* @__PURE__ */ new Set());
+  const pendingGitRef = useRef5(false);
+  const pendingAgentToolRef = useRef5(false);
+  const debounceRef = useRef5(null);
+  const lastCommandRefreshAtRef = useRef5(0);
+  const ownRevisionsRef = useRef5(/* @__PURE__ */ new Set());
   const onMutationError = options.onMutationError;
   treeRef.current = tree;
-  const applyStatus = useCallback12((nodes) => {
+  const applyStatus = useCallback14((nodes) => {
     const overlay = statusRef.current;
     const walk = (list) => {
       let changed = false;
@@ -2191,7 +2127,7 @@ function useSandboxFiles(sessionId, options = {}) {
     };
     return walk(nodes);
   }, []);
-  const refresh = useCallback12(async () => {
+  const refresh = useCallback14(async () => {
     if (!sessionId) return;
     refreshAbortRef.current?.abort();
     const refreshAbort = new AbortController();
@@ -2275,7 +2211,7 @@ function useSandboxFiles(sessionId, options = {}) {
       if (refreshAbortRef.current === refreshAbort) refreshAbortRef.current = null;
     }
   }, [client, workspaceId, sessionId, rootPath, repoPaths, applyStatus]);
-  const seedFromCapture = useCallback12(
+  const seedFromCapture = useCallback14(
     (manifest) => {
       const overlay = /* @__PURE__ */ new Map();
       for (const file of manifest.files) {
@@ -2303,7 +2239,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [applyStatus]
   );
-  const expand = useCallback12(
+  const expand = useCallback14(
     async (path) => {
       if (!sessionId) return;
       if (source === "capture" && capture) return;
@@ -2340,7 +2276,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, capture, source, applyStatus]
   );
-  const readFile = useCallback12(
+  const readFile = useCallback14(
     async (path, requestOptions = {}) => {
       if (!sessionId) throw new Error("no session");
       const identitySignal = identityAbortRef.current.signal;
@@ -2415,7 +2351,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, capture, source]
   );
-  const reconcilePath = useCallback12(
+  const reconcilePath = useCallback14(
     async (path, requestSignal) => {
       if (!sessionId) return;
       const identityGeneration = identityGenerationRef.current;
@@ -2438,7 +2374,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, applyStatus]
   );
-  const runOptimistic = useCallback12(
+  const runOptimistic = useCallback14(
     async (opName, apply, op, reconcileParents) => {
       const identityGeneration = identityGenerationRef.current;
       const snapshot = treeRef.current;
@@ -2468,7 +2404,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [applyStatus, reconcilePath, onMutationError]
   );
-  const writeFile = useCallback12(
+  const writeFile = useCallback14(
     async (path, content, writeOptions = {}) => {
       if (!sessionId) throw new Error("no session");
       const identityGeneration = identityGenerationRef.current;
@@ -2514,7 +2450,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, tree, runOptimistic]
   );
-  const createFile = useCallback12(
+  const createFile = useCallback14(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -2537,7 +2473,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const createDir = useCallback12(
+  const createDir = useCallback14(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -2556,7 +2492,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const deleteEntry = useCallback12(
+  const deleteEntry = useCallback14(
     async (path, recursive = false) => {
       if (!sessionId) throw new Error("no session");
       await runOptimistic(
@@ -2568,7 +2504,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const moveEntry = useCallback12(
+  const moveEntry = useCallback14(
     async (path, newPath, opts) => {
       if (!sessionId) throw new Error("no session");
       const from = parentOf(path);
@@ -2591,11 +2527,11 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const captureRef = useRef7(capture);
+  const captureRef = useRef5(capture);
   captureRef.current = capture;
   const captureRevision = capture?.revision ?? null;
-  const previousIdentityRef = useRef7(identityKey);
-  useEffect8(() => {
+  const previousIdentityRef = useRef5(identityKey);
+  useEffect6(() => {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
@@ -2663,7 +2599,7 @@ function useSandboxFiles(sessionId, options = {}) {
     refresh,
     seedFromCapture
   ]);
-  const refreshGitOverlay = useCallback12(
+  const refreshGitOverlay = useCallback14(
     async (requestSignal) => {
       if (!sessionId) return;
       const identityGeneration = identityGenerationRef.current;
@@ -2701,7 +2637,7 @@ function useSandboxFiles(sessionId, options = {}) {
     [client, workspaceId, sessionId, repoPaths, applyStatus]
   );
   const events = options.events;
-  useEffect8(() => {
+  useEffect6(() => {
     if (!enabled || !events) return;
     if (!active || !acceptsEventReads) {
       for (const event of events) {
@@ -2788,7 +2724,7 @@ function useSandboxFiles(sessionId, options = {}) {
       })();
     }, delay);
   }, [enabled, active, acceptsEventReads, events, reconcilePath, refreshGitOverlay]);
-  useEffect8(() => {
+  useEffect6(() => {
     if (active && acceptsEventReads) return;
     if (debounceRef.current) {
       clearTimeout(debounceRef.current);
@@ -2798,7 +2734,7 @@ function useSandboxFiles(sessionId, options = {}) {
     pendingGitRef.current = false;
     pendingAgentToolRef.current = false;
   }, [active, acceptsEventReads]);
-  useEffect8(
+  useEffect6(
     () => () => {
       refreshAbortRef.current?.abort();
       identityAbortRef.current.abort();
@@ -2831,7 +2767,7 @@ function useSandboxFiles(sessionId, options = {}) {
 }
 
 // src/hooks/use-sandbox-git.ts
-import { useCallback as useCallback13, useEffect as useEffect9, useMemo as useMemo6, useRef as useRef8, useState as useState7 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect7, useMemo as useMemo6, useRef as useRef6, useState as useState5 } from "react";
 function normalizeRoot2(root) {
   const normalized = root.replaceAll("\\", "/").replace(/^\.\/+/, "").replace(/\/+$/, "");
   return normalized === "." ? "" : normalized;
@@ -2903,26 +2839,26 @@ function useSandboxGit(sessionId, options = {}) {
   const capture = comparison === "staged" ? null : options.capture ?? null;
   const isLive2 = sandboxAcceptsLiveIo(options.liveness);
   const acceptsEventReads = options.liveness === void 0 || isLive2;
-  const acceptsEventReadsRef = useRef8(acceptsEventReads);
+  const acceptsEventReadsRef = useRef6(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);
-  const [ahead, setAhead] = useState7(0);
-  const [behind, setBehind] = useState7(0);
-  const [repoRoots, setRepoRoots] = useState7([]);
-  const [source, setSource] = useState7(null);
-  const sourceRef = useRef8(null);
-  const [loading, setLoading] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [stateIdentity, setStateIdentity] = useState7(identityKey);
-  const refreshGenerationRef = useRef8(0);
-  const refreshAbortRef = useRef8(null);
-  const lastChangeRef = useRef8(0);
-  const commandRefreshTimerRef = useRef8(null);
-  const refresh = useCallback13(async () => {
+  const [diff, setDiff] = useState5([]);
+  const [branch, setBranch] = useState5(null);
+  const [isRepo, setIsRepo] = useState5(false);
+  const [ahead, setAhead] = useState5(0);
+  const [behind, setBehind] = useState5(0);
+  const [repoRoots, setRepoRoots] = useState5([]);
+  const [source, setSource] = useState5(null);
+  const sourceRef = useRef6(null);
+  const [loading, setLoading] = useState5(false);
+  const [error, setError] = useState5(null);
+  const [stateIdentity, setStateIdentity] = useState5(identityKey);
+  const refreshGenerationRef = useRef6(0);
+  const refreshAbortRef = useRef6(null);
+  const lastChangeRef = useRef6(0);
+  const commandRefreshTimerRef = useRef6(null);
+  const refresh = useCallback15(async () => {
     if (!sessionId) return;
     refreshAbortRef.current?.abort();
     const refreshAbort = new AbortController();
@@ -3035,7 +2971,7 @@ function useSandboxGit(sessionId, options = {}) {
     workspaceWide,
     comparison
   ]);
-  const seedFromCapture = useCallback13(
+  const seedFromCapture = useCallback15(
     (manifest) => {
       const repositories = workspaceWide ? manifest.repos : [repoForPath(manifest, repoPath)].filter(Boolean);
       if (comparison === "branch" && repositories.some((repo) => repo.branchDiff === void 0)) {
@@ -3072,11 +3008,11 @@ function useSandboxGit(sessionId, options = {}) {
     },
     [comparison, repoPath, workspaceWide]
   );
-  const captureRef = useRef8(capture);
+  const captureRef = useRef6(capture);
   captureRef.current = capture;
   const captureRevision = capture?.revision ?? null;
-  const previousIdentityRef = useRef8(identityKey);
-  useEffect9(() => {
+  const previousIdentityRef = useRef6(identityKey);
+  useEffect7(() => {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
@@ -3126,7 +3062,7 @@ function useSandboxGit(sessionId, options = {}) {
     seedFromCapture
   ]);
   const events = options.events;
-  useEffect9(() => {
+  useEffect7(() => {
     if (!enabled || !events) {
       if (commandRefreshTimerRef.current) {
         clearTimeout(commandRefreshTimerRef.current);
@@ -3171,7 +3107,7 @@ function useSandboxGit(sessionId, options = {}) {
       }
     }
   }, [enabled, active, acceptsEventReads, events, refresh]);
-  useEffect9(
+  useEffect7(
     () => () => {
       if (commandRefreshTimerRef.current) clearTimeout(commandRefreshTimerRef.current);
     },
@@ -3196,7 +3132,7 @@ function useSandboxGit(sessionId, options = {}) {
 }
 
 // src/hooks/use-workspace-capture.ts
-import { useCallback as useCallback14, useEffect as useEffect10, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect8, useRef as useRef7, useState as useState6 } from "react";
 var REVISION_CAPTURED = "workspace.revision.captured";
 var REVISION_DEGRADED = "workspace.revision.degraded";
 var MANIFEST_FETCH_TIMEOUT_MS = 15e3;
@@ -3235,18 +3171,18 @@ function useWorkspaceCapture(sessionId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const enabled = (options.enabled ?? true) && Boolean(sessionId);
   const identityKey = `${workspaceId}\0${sessionId ?? ""}`;
-  const [capture, setCapture] = useState8(null);
-  const [available, setAvailable] = useState8(false);
-  const [degradedReason, setDegradedReason] = useState8(null);
-  const [fileCount, setFileCount] = useState8(null);
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
-  const [announcedRevision, setAnnouncedRevision] = useState8(null);
-  const [stateIdentity, setStateIdentity] = useState8(identityKey);
-  const generationRef = useRef9(0);
-  const requestAbortRef = useRef9(null);
-  const lastSeqRef = useRef9(0);
-  const refresh = useCallback14(async () => {
+  const [capture, setCapture] = useState6(null);
+  const [available, setAvailable] = useState6(false);
+  const [degradedReason, setDegradedReason] = useState6(null);
+  const [fileCount, setFileCount] = useState6(null);
+  const [loading, setLoading] = useState6(false);
+  const [error, setError] = useState6(null);
+  const [announcedRevision, setAnnouncedRevision] = useState6(null);
+  const [stateIdentity, setStateIdentity] = useState6(identityKey);
+  const generationRef = useRef7(0);
+  const requestAbortRef = useRef7(null);
+  const lastSeqRef = useRef7(0);
+  const refresh = useCallback16(async () => {
     if (!sessionId) return;
     requestAbortRef.current?.abort();
     const requestAbort = new AbortController();
@@ -3319,7 +3255,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
       if (requestAbortRef.current === requestAbort) requestAbortRef.current = null;
     }
   }, [client, workspaceId, sessionId, identityKey]);
-  useEffect10(() => {
+  useEffect8(() => {
     requestAbortRef.current?.abort();
     requestAbortRef.current = null;
     generationRef.current += 1;
@@ -3342,7 +3278,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
     };
   }, [enabled, refresh]);
   const events = options.events;
-  useEffect10(() => {
+  useEffect8(() => {
     if (!enabled || !events) return;
     let newest = null;
     for (const event of events) {
@@ -3368,7 +3304,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
   const visibleCapture = identityMatches ? capture : null;
   const visibleAnnouncedRevision = identityMatches ? announcedRevision : null;
   const loadedRevision = visibleCapture?.revision ?? null;
-  useEffect10(() => {
+  useEffect8(() => {
     if (!enabled) return;
     if (visibleAnnouncedRevision === null) return;
     if (loadedRevision !== null && visibleAnnouncedRevision <= loadedRevision) return;
@@ -3391,7 +3327,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";
+import { useCallback as useCallback17, useEffect as useEffect9, useRef as useRef8, useState as useState7 } from "react";
 function isLive(liveness) {
   return sandboxAcceptsLiveIo(liveness);
 }
@@ -3402,20 +3338,20 @@ function useWorkspaceEdit(sessionId, options = {}) {
   const live = isLive(options.liveness);
   const offline = options.offline === true;
   const identityKey = `${workspaceId}\0${sessionId ?? ""}\0${path ?? ""}`;
-  const [buffer, setBuffer] = useState9(null);
-  const [wantsWarm, setWantsWarm] = useState9(false);
-  const [flush, setFlush] = useState9("idle");
-  const [conflict, setConflict] = useState9(null);
-  const [error, setError] = useState9(null);
-  const [stateIdentity, setStateIdentity] = useState9(identityKey);
+  const [buffer, setBuffer] = useState7(null);
+  const [wantsWarm, setWantsWarm] = useState7(false);
+  const [flush, setFlush] = useState7("idle");
+  const [conflict, setConflict] = useState7(null);
+  const [error, setError] = useState7(null);
+  const [stateIdentity, setStateIdentity] = useState7(identityKey);
   const onWarmRequested = options.onWarmRequested;
-  const bufferRef = useRef10(null);
+  const bufferRef = useRef8(null);
   bufferRef.current = buffer;
-  const flushingRef = useRef10(false);
-  const identityGenerationRef = useRef10(0);
-  const flushAttemptRef = useRef10(0);
-  const readAbortRef = useRef10(null);
-  useEffect11(() => {
+  const flushingRef = useRef8(false);
+  const identityGenerationRef = useRef8(0);
+  const flushAttemptRef = useRef8(0);
+  const readAbortRef = useRef8(null);
+  useEffect9(() => {
     identityGenerationRef.current += 1;
     flushAttemptRef.current += 1;
     readAbortRef.current?.abort();
@@ -3434,7 +3370,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
       readAbortRef.current = null;
     };
   }, [identityKey]);
-  const edit = useCallback15(
+  const edit = useCallback17(
     (content) => {
       if (stateIdentity !== identityKey) return;
       if (offline) return;
@@ -3450,7 +3386,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
     },
     [offline, live, onWarmRequested, stateIdentity, identityKey]
   );
-  const doFlush = useCallback15(
+  const doFlush = useCallback17(
     async (force) => {
       if (stateIdentity !== identityKey) return;
       if (!sessionId || !path) return;
@@ -3500,17 +3436,17 @@ function useWorkspaceEdit(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, path, baseContent, stateIdentity, identityKey]
   );
-  useEffect11(() => {
+  useEffect9(() => {
     if (offline) return;
     if (!live) return;
     if (buffer === null) return;
     if (flush === "flushed" || flush === "conflict" || flush === "flushing") return;
     void doFlush(false);
   }, [offline, live, buffer, flush, doFlush]);
-  const overwrite = useCallback15(async () => {
+  const overwrite = useCallback17(async () => {
     await doFlush(true);
   }, [doFlush]);
-  const discard = useCallback15(() => {
+  const discard = useCallback17(() => {
     setBuffer(null);
     setWantsWarm(false);
     setFlush("idle");
@@ -3567,7 +3503,8 @@ 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 (sandboxAcceptsLiveIo(input.liveness)) {
+  const selfhostedOnline = input.activeIsSelfhosted === true && input.activeMachineState != null && connectionStatusForState(input.activeMachineState) === "online";
+  if (sandboxAcceptsLiveIo(input.liveness) || selfhostedOnline) {
     return { state: "live", label: "Live", asOf: null };
   }
   const selfhostedOffline = input.activeIsSelfhosted === true && input.activeMachineState === "offline";
@@ -3613,7 +3550,7 @@ function useMachineChip(input) {
 
 // src/components/approval-surface.tsx
 import { CheckIcon, ShieldCheckIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect12, useId, useRef as useRef11, useState as useState10 } from "react";
+import { useEffect as useEffect10, useId, useRef as useRef9, useState as useState8 } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var defaultApprovalSurfaceMessages = {
   title: "Approval required",
@@ -3653,10 +3590,10 @@ function ApprovalSurface({
 }) {
   const titleId = useId();
   const messages = { ...defaultApprovalSurfaceMessages, ...overrides };
-  const [pending, setPending] = useState10(null);
-  const pendingRef = useRef11(null);
-  const [decisionError, setDecisionError] = useState10(null);
-  useEffect12(() => {
+  const [pending, setPending] = useState8(null);
+  const pendingRef = useRef9(null);
+  const [decisionError, setDecisionError] = useState8(null);
+  useEffect10(() => {
     if (pending && !approvals.some((approval) => approvalOwnershipKey(approval) === pending.approvalKey)) {
       if (pendingRef.current?.token === pending.token) {
         pendingRef.current = null;
@@ -3956,7 +3893,7 @@ function FleetTile({ session, title, subtitle, onOpen, className }) {
 }
 
 // src/components/sandbox-terminal.tsx
-import { useEffect as useEffect13, useRef as useRef12, useState as useState11 } from "react";
+import { useEffect as useEffect11, useLayoutEffect, useRef as useRef10, useState as useState9 } from "react";
 
 // src/lib/xterm-theme.ts
 var DARK_ANSI = {
@@ -4148,19 +4085,20 @@ function SandboxTerminal({
   showHeader,
   shell,
   onActivate,
+  onReconnectNeeded,
   className
 }) {
-  const containerRef = useRef12(null);
-  const termRef = useRef12(null);
-  const fitRef = useRef12(null);
-  const rendererRef = useRef12(null);
-  const writtenRef = useRef12(/* @__PURE__ */ new Set());
-  const wroteFirehoseRef = useRef12(false);
-  const bootActiveRef = useRef12(false);
-  const [ready, setReady] = useState11(false);
-  const [inputReady, setInputReady] = useState11(false);
-  const [activated, setActivated] = useState11(false);
-  const ptyDescriptor = terminalCapability?.transport === "pty-ws";
+  const containerRef = useRef10(null);
+  const termRef = useRef10(null);
+  const fitRef = useRef10(null);
+  const rendererRef = useRef10(null);
+  const writtenRef = useRef10(/* @__PURE__ */ new Set());
+  const wroteFirehoseRef = useRef10(false);
+  const bootActiveRef = useRef10(false);
+  const [ready, setReady] = useState9(false);
+  const [inputReady, setInputReady] = useState9(false);
+  const [activated, setActivated] = useState9(false);
+  const ptyDescriptor = terminalCapability?.transport === "pty-ws" || terminalCapability?.transport === "relay-pty";
   const ptyAttachable = terminalCanAcquirePty(terminalCapability);
   const {
     status: ptyStatus,
@@ -4172,14 +4110,15 @@ function SandboxTerminal({
     // 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",
+      transport: terminalCapability.transport,
       url: ptyDescriptor ? terminalCapability.url : null,
       token: ptyDescriptor ? terminalCapability.token : null,
       expiresAt: ptyDescriptor ? terminalCapability.expiresAt : null
     } : null,
     onOutput: (data) => {
       termRef.current?.write(data);
-    }
+    },
+    onReconnectNeeded
   });
   const ptyMode = ptyDescriptor;
   const ptyCapturesInput = ptyAttachable && ptyStatus !== "error";
@@ -4202,10 +4141,16 @@ function SandboxTerminal({
     booting
   });
   function handleActivate() {
+    const term = termRef.current;
+    if (term && !readOnly && (ptyAttachable || result.write !== null)) {
+      term.options.disableStdin = false;
+      term.options.cursorBlink = true;
+    }
+    term?.focus();
     if (!activated) setActivated(true);
     onActivate?.();
   }
-  useEffect13(() => {
+  useEffect11(() => {
     if (typeof window === "undefined") return;
     const el = containerRef.current;
     if (!el) return;
@@ -4313,19 +4258,19 @@ function SandboxTerminal({
       setReady(false);
     };
   }, []);
-  useEffect13(() => {
+  useLayoutEffect(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     term.options.disableStdin = !interactive;
     term.options.cursorBlink = interactive;
   }, [ready, interactive]);
-  useEffect13(() => {
+  useEffect11(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     const next = theme ?? xtermThemeFromTokens(containerRef.current);
     if (next) term.options.theme = next;
   }, [ready, theme]);
-  useEffect13(() => {
+  useEffect11(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     if (!booting) {
@@ -4346,7 +4291,7 @@ function SandboxTerminal({
     const id = setInterval(paint, 1e3);
     return () => clearInterval(id);
   }, [ready, booting]);
-  useEffect13(() => {
+  useEffect11(() => {
     const term = termRef.current;
     if (!ready || !term || ptyMode) return;
     for (const chunk of result.chunks) {
@@ -4356,7 +4301,7 @@ function SandboxTerminal({
       term.write(chunk.text);
     }
   }, [ready, result.chunks, ptyMode]);
-  useEffect13(() => {
+  useLayoutEffect(() => {
     const term = termRef.current;
     if (!ready || !term || !interactive) {
       setInputReady(false);
@@ -4371,14 +4316,14 @@ function SandboxTerminal({
     setInputReady(sub !== null);
     return () => sub?.dispose();
   }, [ready, interactive, ptyAttachable, ptyWrite, result.write]);
-  useEffect13(() => {
+  useEffect11(() => {
     const term = termRef.current;
     if (!ready || !term || !ptyMode) return;
     resizePty(term.cols, term.rows);
     const sub = term.onResize(({ cols, rows }) => resizePty(cols, rows));
     return () => sub.dispose();
   }, [ready, ptyMode, ptyConnected, resizePty]);
-  useEffect13(() => {
+  useEffect11(() => {
     if (typeof window === "undefined") return;
     const refit = () => {
       try {
@@ -4523,24 +4468,24 @@ import {
   Trash2Icon
 } from "lucide-react";
 import {
-  useCallback as useCallback16,
-  useEffect as useEffect15,
+  useCallback as useCallback18,
+  useEffect as useEffect13,
   useId as useId2,
-  useLayoutEffect,
+  useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo9,
-  useRef as useRef13,
-  useState as useState12
+  useRef as useRef11,
+  useState as useState10
 } from "react";
 import { AlertDialog } from "radix-ui";
 import { VList } from "virtua";
 
 // src/lib/use-unicode-fonts.ts
-import { useEffect as useEffect14, useMemo as useMemo8 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo8 } from "react";
 var japaneseScript = /[\u3040-\u30ff\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff]/u;
 var arabicScript = /[\u0600-\u06ff\u0750-\u077f\u0870-\u08ff\ufb50-\ufdff\ufe70-\ufefc]/u;
 function useUnicodeFallbackFonts(values) {
   const content = useMemo8(() => collectUnicodeContent(values), [values]);
-  useEffect14(() => {
+  useEffect12(() => {
     if (content.japanese) {
       void import("./noto-sans-jp-loader.generated-HFGLYBR3.js").then(({ loadNotoSansJp }) => loadNotoSansJp(content.japanese)).catch(() => void 0);
     }
@@ -4570,7 +4515,7 @@ var STATUS_TINT = {
   renamed: "text-og-accent",
   untracked: "text-og-fg-subtle"
 };
-var useBrowserLayoutEffect = typeof window === "undefined" ? useEffect15 : useLayoutEffect;
+var useBrowserLayoutEffect = typeof window === "undefined" ? useEffect13 : useLayoutEffect2;
 function parentOf2(path) {
   const i = path.lastIndexOf("/");
   return i <= 0 ? "" : path.slice(0, i);
@@ -4611,23 +4556,23 @@ function FileBrowser({
   confirmDelete,
   className
 }) {
-  const [expanded, setExpanded] = useState12(/* @__PURE__ */ new Set());
-  const [loadingPaths, setLoadingPaths] = useState12(/* @__PURE__ */ new Set());
-  const [active, setActive] = useState12(null);
-  const [draftCreate, setDraftCreate] = useState12(null);
-  const [draftRename, setDraftRename] = useState12(null);
-  const [dragOver, setDragOver] = useState12(null);
-  const [menu, setMenu] = useState12(null);
-  const [pendingDelete, setPendingDelete] = useState12(null);
-  const [busy, setBusy] = useState12(false);
-  const [coarsePointer, setCoarsePointer] = useState12(false);
+  const [expanded, setExpanded] = useState10(/* @__PURE__ */ new Set());
+  const [loadingPaths, setLoadingPaths] = useState10(/* @__PURE__ */ new Set());
+  const [active, setActive] = useState10(null);
+  const [draftCreate, setDraftCreate] = useState10(null);
+  const [draftRename, setDraftRename] = useState10(null);
+  const [dragOver, setDragOver] = useState10(null);
+  const [menu, setMenu] = useState10(null);
+  const [pendingDelete, setPendingDelete] = useState10(null);
+  const [busy, setBusy] = useState10(false);
+  const [coarsePointer, setCoarsePointer] = useState10(false);
   const treeId = useId2();
   const container = usePortalTokenSource();
   const containerRef = container.currentRef;
-  const deleteReturnFocusRef = useRef13(null);
-  const vlistRef = useRef13(null);
+  const deleteReturnFocusRef = useRef11(null);
+  const vlistRef = useRef11(null);
   const portalTokenStyle = usePortalTokenStyle(container.source);
-  const getTreeElement = useCallback16(
+  const getTreeElement = useCallback18(
     () => typeof document === "undefined" ? null : document.getElementById(treeId),
     [treeId]
   );
@@ -4646,7 +4591,7 @@ function FileBrowser({
     }
   }, []);
   const cursor = active ?? selectedPath ?? null;
-  const expand = useCallback16(
+  const expand = useCallback18(
     async (path) => {
       const node = findNode(result.tree, path);
       if (node && node.kind === "dir" && node.children === void 0) {
@@ -4664,14 +4609,14 @@ function FileBrowser({
     },
     [result]
   );
-  const open = useCallback16(
+  const open = useCallback18(
     (path) => {
       setExpanded((prev) => new Set(prev).add(path));
       void expand(path);
     },
     [expand]
   );
-  const toggle = useCallback16(
+  const toggle = useCallback18(
     async (node) => {
       if (node.kind !== "dir") return;
       const isOpen = expanded.has(node.path);
@@ -4746,7 +4691,7 @@ function FileBrowser({
   const cursorIndex = cursor ? rowIndexByPath.get(cursor) ?? -1 : -1;
   const activeDescendantId = cursorIndex >= 0 ? `${treeId}-item-${cursorIndex}` : void 0;
   const supportsMutation = editable && result.source === "live" && result.error === null && !result.loading;
-  const performDelete = useCallback16(
+  const performDelete = useCallback18(
     async (node) => {
       if (!supportsMutation) return;
       const recursive = node.kind === "dir";
@@ -4760,7 +4705,7 @@ function FileBrowser({
     },
     [supportsMutation, result]
   );
-  const runDelete = useCallback16(
+  const runDelete = useCallback18(
     async (node, returnFocus) => {
       if (!supportsMutation) return;
       setMenu(null);
@@ -4773,7 +4718,7 @@ function FileBrowser({
     },
     [supportsMutation, confirmDelete, performDelete]
   );
-  const closePendingDelete = useCallback16(
+  const closePendingDelete = useCallback18(
     (restoreTrigger) => {
       const returnTarget = restoreTrigger ? deleteReturnFocusRef.current : getTreeElement();
       deleteReturnFocusRef.current = null;
@@ -4787,7 +4732,7 @@ function FileBrowser({
     },
     [getTreeElement]
   );
-  const commitCreate = useCallback16(
+  const commitCreate = useCallback18(
     async (name) => {
       const draft = draftCreate;
       setDraftCreate(null);
@@ -4812,7 +4757,7 @@ function FileBrowser({
     },
     [draftCreate, supportsMutation, result, open, onSelectFile]
   );
-  const commitRename = useCallback16(
+  const commitRename = useCallback18(
     async (name) => {
       const draft = draftRename;
       setDraftRename(null);
@@ -4835,7 +4780,7 @@ function FileBrowser({
     },
     [draftRename, supportsMutation, result, selectedPath, active, onSelectFile]
   );
-  const startCreate = useCallback16(
+  const startCreate = useCallback18(
     (kind) => {
       if (!supportsMutation) return;
       const anchor = cursor ? findNode(result.tree, cursor) : void 0;
@@ -4847,7 +4792,7 @@ function FileBrowser({
     },
     [supportsMutation, cursor, result.tree, open]
   );
-  const startRename = useCallback16(
+  const startRename = useCallback18(
     (node) => {
       if (!supportsMutation) return;
       setDraftCreate(null);
@@ -4856,7 +4801,7 @@ function FileBrowser({
     },
     [supportsMutation]
   );
-  const onDropOnto = useCallback16(
+  const onDropOnto = useCallback18(
     async (targetDir, sourcePath) => {
       setDragOver(null);
       if (!supportsMutation || !sourcePath) return;
@@ -4880,7 +4825,7 @@ function FileBrowser({
     },
     [supportsMutation, result, selectedPath, active, onSelectFile]
   );
-  const onKeyDown = useCallback16(
+  const onKeyDown = useCallback18(
     (e) => {
       if (draftCreate || draftRename) return;
       if (flatRows.length === 0) return;
@@ -4999,7 +4944,7 @@ function FileBrowser({
       treeId
     ]
   );
-  useEffect15(() => {
+  useEffect13(() => {
     if (!menu) return;
     const close = () => setMenu(null);
     window.addEventListener("click", close);
@@ -5180,7 +5125,7 @@ function FileBrowser({
         );
     }
   };
-  useEffect15(() => {
+  useEffect13(() => {
     if (!cursor) return;
     const index = renderItems.findIndex((it) => it.type === "node" && it.node.path === cursor);
     if (index >= 0) vlistRef.current?.scrollToIndex(index);
@@ -5387,11 +5332,11 @@ function DeleteDialog({
   onCancel,
   onConfirm
 }) {
-  const cancelRef = useRef13(null);
-  const [open, setOpen] = useState12(true);
-  const closeIntentRef = useRef13("cancel");
-  const settledRef = useRef13(false);
-  const settleTimerRef = useRef13(null);
+  const cancelRef = useRef11(null);
+  const [open, setOpen] = useState10(true);
+  const closeIntentRef = useRef11("cancel");
+  const settledRef = useRef11(false);
+  const settleTimerRef = useRef11(null);
   const settle = () => {
     if (settledRef.current) return;
     settledRef.current = true;
@@ -5408,7 +5353,7 @@ function DeleteDialog({
       settle();
     }, 0);
   };
-  useEffect15(
+  useEffect13(
     () => () => {
       if (settleTimerRef.current !== null) clearTimeout(settleTimerRef.current);
     },
@@ -5526,10 +5471,10 @@ function InlineInput({
   onCommit,
   onCancel
 }) {
-  const [value, setValue] = useState12(initialValue);
-  const ref = useRef13(null);
-  const doneRef = useRef13(false);
-  useEffect15(() => {
+  const [value, setValue] = useState10(initialValue);
+  const ref = useRef11(null);
+  const doneRef = useRef11(false);
+  useEffect13(() => {
     const el = ref.current;
     if (!el) return;
     el.focus();
@@ -5593,12 +5538,12 @@ function ContextMenu({
   onClose
 }) {
   const isDir = node.kind === "dir";
-  const menuRef = useRef13(null);
+  const menuRef = useRef11(null);
   const vw = typeof window !== "undefined" ? window.innerWidth : 9999;
   const vh = typeof window !== "undefined" ? window.innerHeight : 9999;
   const left = Math.max(4, Math.min(x, vw - 180));
   const top = Math.max(4, Math.min(y, vh - 160));
-  useEffect15(() => {
+  useEffect13(() => {
     menuRef.current?.querySelector('[role="menuitem"]')?.focus();
   }, []);
   const onKeyDown = (event) => {
@@ -5674,18 +5619,18 @@ function ContextMenu({
 import { ArrowUpRightIcon, FileWarningIcon, HistoryIcon } from "lucide-react";
 import {
   Component,
-  useCallback as useCallback18,
-  useEffect as useEffect17,
+  useCallback as useCallback20,
+  useEffect as useEffect15,
   useId as useId3,
-  useLayoutEffect as useLayoutEffect2,
+  useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo11,
-  useRef as useRef15,
-  useState as useState14
+  useRef as useRef13,
+  useState as useState12
 } from "react";
 import { VList as VList2 } from "virtua";
 
 // src/hooks/use-windowed-sections.ts
-import { useCallback as useCallback17, useEffect as useEffect16, useMemo as useMemo10, useRef as useRef14, useState as useState13 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect14, useMemo as useMemo10, useRef as useRef12, useState as useState11 } from "react";
 function computeWindowRange(heights, scrollTop, viewport, overscan) {
   const n = heights.length;
   if (n === 0) return { start: 0, end: 0 };
@@ -5716,29 +5661,29 @@ function computeWindowRange(heights, scrollTop, viewport, overscan) {
 }
 function useWindowedSections(opts) {
   const { count, estimateHeight, overscan = 3 } = opts;
-  const scrollRef = useRef14(null);
-  const [heights, setHeights] = useState13(
+  const scrollRef = useRef12(null);
+  const [heights, setHeights] = useState11(
     () => Array.from({ length: count }, (_, i) => estimateHeight(i))
   );
-  useEffect16(() => {
+  useEffect14(() => {
     setHeights((prev) => {
       const next = Array.from({ length: count }, (_, i) => estimateHeight(i));
       return prev.length === next.length && prev.every((height, index) => height === next[index]) ? prev : next;
     });
   }, [count, estimateHeight]);
-  const heightsRef = useRef14(heights);
+  const heightsRef = useRef12(heights);
   heightsRef.current = heights;
-  const [range, setRange] = useState13(() => ({
+  const [range, setRange] = useState11(() => ({
     start: 0,
     end: Math.min(count, overscan + 1)
   }));
-  const recompute = useCallback17(() => {
+  const recompute = useCallback19(() => {
     const el = scrollRef.current;
     if (!el) return;
     const next = computeWindowRange(heightsRef.current, el.scrollTop, el.clientHeight, overscan);
     setRange((prev) => prev.start === next.start && prev.end === next.end ? prev : next);
   }, [overscan]);
-  useEffect16(() => {
+  useEffect14(() => {
     const el = scrollRef.current;
     if (!el) return;
     let raf = 0;
@@ -5759,7 +5704,7 @@ function useWindowedSections(opts) {
       if (raf && typeof cancelAnimationFrame === "function") cancelAnimationFrame(raf);
     };
   }, [recompute, count]);
-  const measure = useCallback17((index, height) => {
+  const measure = useCallback19((index, height) => {
     if (height <= 0) return;
     setHeights((prev) => {
       if (Math.abs((prev[index] ?? 0) - height) < 1) return prev;
@@ -5774,10 +5719,10 @@ function useWindowedSections(opts) {
     for (let i = 0; i < count; i++) out[i + 1] = (out[i] ?? 0) + Math.max(heights[i] ?? 0, 0);
     return out;
   }, [heights, count]);
-  useEffect16(() => {
+  useEffect14(() => {
     recompute();
   }, [offsets, recompute]);
-  const scrollToIndex = useCallback17(
+  const scrollToIndex = useCallback19(
     (index) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -5804,7 +5749,7 @@ var HEADER_PX = 30;
 var LINE_PX = 18;
 var GUARD_BODY_PX = 52;
 var COMPACT_SURFACE_PX = 560;
-var useChangesLayoutEffect = typeof window === "undefined" ? useEffect17 : useLayoutEffect2;
+var useChangesLayoutEffect = typeof window === "undefined" ? useEffect15 : useLayoutEffect3;
 var STATUS_TINT2 = {
   added: "text-og-status-idle",
   modified: "text-og-status-running",
@@ -5979,12 +5924,12 @@ function WorkbenchChanges({
   onOpenFile,
   className
 }) {
-  const rootRef = useRef15(null);
-  const [compact, setCompact] = useState14(false);
-  const [coarsePointer, setCoarsePointer] = useState14(false);
+  const rootRef = useRef13(null);
+  const [compact, setCompact] = useState12(false);
+  const [coarsePointer, setCoarsePointer] = useState12(false);
   const resolvedTheme = useThemeType(themeType);
-  const [layout, setLayout] = useState14("unified");
-  const [activePath, setActivePath] = useState14(null);
+  const [layout, setLayout] = useState12("unified");
+  const [activePath, setActivePath] = useState12(null);
   const pickerId = useId3();
   const unicodeFontPaths = useMemo11(
     () => diff.flatMap((file) => file.oldPath ? [file.path, file.oldPath] : [file.path]),
@@ -6023,7 +5968,7 @@ function WorkbenchChanges({
   }, []);
   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(
+  const estimateHeight = useCallback20(
     (index) => {
       const file = orderedFiles[index];
       return file ? estimateSectionHeight(file) : HEADER_PX + LINE_PX;
@@ -6035,14 +5980,14 @@ function WorkbenchChanges({
     estimateHeight,
     overscan: OVERSCAN
   });
-  const jumpTo = useCallback18(
+  const jumpTo = useCallback20(
     (index) => {
       setActivePath(orderedFiles[index]?.path ?? null);
       windowed.scrollToIndex(index);
     },
     [orderedFiles, windowed]
   );
-  const onPaneScroll = useCallback18(() => {
+  const onPaneScroll = useCallback20(() => {
     const el = windowed.scrollRef.current;
     if (!el) {
       return;
@@ -6057,7 +6002,7 @@ function WorkbenchChanges({
     const nextPath = orderedFiles[idx]?.path ?? null;
     setActivePath((previous) => previous === nextPath ? previous : nextPath);
   }, [windowed, orderedFiles]);
-  useEffect17(() => {
+  useEffect15(() => {
     const el = windowed.scrollRef.current;
     if (!el) return;
     el.addEventListener("scroll", onPaneScroll, { passive: true });
@@ -6305,8 +6250,8 @@ function MeasuredSection({
   onMeasure,
   children
 }) {
-  const ref = useRef15(null);
-  useEffect17(() => {
+  const ref = useRef13(null);
+  useEffect15(() => {
     const el = ref.current;
     if (!el) return;
     const report = () => onMeasure(index, el.offsetHeight);
@@ -6427,8 +6372,8 @@ function DiffView({
 import {
   lazy,
   Suspense,
-  useEffect as useEffect18,
-  useState as useState15
+  useEffect as useEffect16,
+  useState as useState13
 } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var LazyFile = lazy(async () => {
@@ -6445,8 +6390,8 @@ function PierreFile({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState15(false);
-  useEffect18(() => {
+  const [failed, setFailed] = useState13(false);
+  useEffect16(() => {
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
       if (!cancelled) setFailed(true);
@@ -6505,11 +6450,11 @@ function FileSkeleton() {
 // src/components/code-editor.tsx
 import { Loader2Icon, SaveIcon } from "lucide-react";
 import {
-  useCallback as useCallback19,
-  useEffect as useEffect19,
+  useCallback as useCallback21,
+  useEffect as useEffect17,
   useMemo as useMemo12,
-  useRef as useRef16,
-  useState as useState16
+  useRef as useRef14,
+  useState as useState14
 } from "react";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var LANGUAGE_LOADERS = {
@@ -6581,30 +6526,30 @@ function CodeEditor({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState16(false);
-  const [bundle, setBundle] = useState16(null);
-  const [buffer, setBuffer] = useState16(() => ({
+  const [failed, setFailed] = useState14(false);
+  const [bundle, setBundle] = useState14(null);
+  const [buffer, setBuffer] = useState14(() => ({
     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 [saving, setSaving] = useState14(false);
+  const [saveError, setSaveError] = useState14(null);
+  const [savedTick, setSavedTick] = useState14(false);
+  const saveInFlightRef = useRef14(false);
   const dirty = value !== baseline;
   const saveConflict = saveError !== null && saveError.code === "file_write_conflict";
-  const editIntentFiredRef = useRef16(false);
-  useEffect19(() => {
+  const editIntentFiredRef = useRef14(false);
+  useEffect17(() => {
     setBuffer((current) => reconcileEditorBuffer(current, { path, contents: initialContents }));
   }, [path, initialContents]);
-  useEffect19(() => {
+  useEffect17(() => {
     editIntentFiredRef.current = false;
     setSaveError(null);
     setSavedTick(false);
   }, [path]);
-  const noteEdit = useCallback19(
+  const noteEdit = useCallback21(
     (next) => {
       setBuffer((current) => ({ ...current, value: next }));
       setSavedTick(false);
@@ -6616,7 +6561,7 @@ function CodeEditor({
     [baseline, onEditIntent]
   );
   const langKey = useMemo12(() => languageForPath(path), [path]);
-  useEffect19(() => {
+  useEffect17(() => {
     let cancelled = false;
     void (async () => {
       try {
@@ -6656,9 +6601,9 @@ function CodeEditor({
       cancelled = true;
     };
   }, [langKey]);
-  const saveRef = useRef16(() => {
+  const saveRef = useRef14(() => {
   });
-  const save = useCallback19(async () => {
+  const save = useCallback21(async () => {
     if (readOnly || saveInFlightRef.current) return;
     const snapshot = value;
     if (snapshot === baseline) return;
@@ -6679,7 +6624,7 @@ function CodeEditor({
       setSaving(false);
     }
   }, [readOnly, value, baseline, onSave, path]);
-  const overwrite = useCallback19(async () => {
+  const overwrite = useCallback21(async () => {
     if (readOnly || !onOverwrite || saveInFlightRef.current) return;
     const snapshot = value;
     if (snapshot === baseline) return;
@@ -6703,7 +6648,7 @@ function CodeEditor({
   saveRef.current = () => {
     void save();
   };
-  useEffect19(() => {
+  useEffect17(() => {
     if (!savedTick) return;
     const t = setTimeout(() => setSavedTick(false), 1800);
     return () => clearTimeout(t);
@@ -6716,7 +6661,7 @@ function CodeEditor({
     return exts;
   }, [bundle]);
   const Editor = bundle?.Editor;
-  const reload = useCallback19(() => {
+  const reload = useCallback21(() => {
     setBuffer({ path, value: initialContents, baseline: initialContents });
     editIntentFiredRef.current = false;
     setSaveError(null);
@@ -6872,7 +6817,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 { useCallback as useCallback22, useEffect as useEffect18, useRef as useRef15, useState as useState15 } 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({
@@ -6892,14 +6837,14 @@ function SandboxFiles({
   themeType,
   className
 }) {
-  const [selected, setSelected] = useState17(null);
-  const [editMode, setEditMode] = useState17(false);
-  const [liveRequestedPath, setLiveRequestedPath] = useState17(null);
-  const [viewReloadRevision, setViewReloadRevision] = useState17(0);
-  const pendingRequestRef = useRef17(null);
-  const handledRequestRef = useRef17(null);
+  const [selected, setSelected] = useState15(null);
+  const [editMode, setEditMode] = useState15(false);
+  const [liveRequestedPath, setLiveRequestedPath] = useState15(null);
+  const [viewReloadRevision, setViewReloadRevision] = useState15(0);
+  const pendingRequestRef = useRef15(null);
+  const handledRequestRef = useRef15(null);
   const requestKey = requestedPath ? requestedPathRequestId ?? requestedPath : null;
-  useEffect20(() => {
+  useEffect18(() => {
     if (!requestedPath || requestKey === null) {
       pendingRequestRef.current = null;
       handledRequestRef.current = null;
@@ -6917,9 +6862,9 @@ function SandboxFiles({
     setSelected(requestedPath);
     setEditMode(false);
   }, [requestKey, requestedPath, requestedPathReady]);
-  const rootRef = useRef17(null);
-  const [wide, setWide] = useState17(false);
-  useEffect20(() => {
+  const rootRef = useRef15(null);
+  const [wide, setWide] = useState15(false);
+  useEffect18(() => {
     const el = rootRef.current;
     if (!el) return;
     const update = () => setWide(el.getBoundingClientRect().width >= 720);
@@ -6945,7 +6890,7 @@ function SandboxFiles({
     files.readFile,
     (files.contentRevision ?? 0) + viewReloadRevision
   );
-  const selectFile = useCallback20((path) => {
+  const selectFile = useCallback22((path) => {
     if (pendingRequestRef.current !== null) {
       handledRequestRef.current = pendingRequestRef.current;
       pendingRequestRef.current = null;
@@ -7271,8 +7216,8 @@ function Segmented({
   )) });
 }
 function useFileView(path, readFile, reloadRevision = 0) {
-  const previousPathRef = useRef17(null);
-  const [state, setState] = useState17({
+  const previousPathRef = useRef15(null);
+  const [state, setState] = useState15({
     content: null,
     isBinary: false,
     truncated: false,
@@ -7280,7 +7225,7 @@ function useFileView(path, readFile, reloadRevision = 0) {
     loading: false,
     error: null
   });
-  useEffect20(() => {
+  useEffect18(() => {
     if (!path) {
       previousPathRef.current = null;
       setState({
@@ -7379,411 +7324,14 @@ function Notice({
   );
 }
 
-// src/components/desktop-viewer.tsx
-import { LoaderCircleIcon as LoaderCircleIcon2, MonitorIcon, MousePointerClickIcon, WifiOffIcon } from "lucide-react";
-import { useEffect as useEffect21, useRef as useRef18, useState as useState18 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var DESKTOP_MEDIA_BACKGROUND = "#000";
-function isHardUnavailable(reason) {
-  switch (reason) {
-    case "backend_unsupported":
-    case "os_unsupported":
-    case "not_provisioned":
-    case "disabled_by_policy":
-    case "tier_headless":
-      return true;
-    default:
-      return false;
-  }
-}
-function DesktopViewer({
-  capability,
-  interactive,
-  showControlToggle = true,
-  scaleViewport,
-  rfbFactory,
-  webSocketFactory,
-  onActivate,
-  onAcknowledge,
-  watching,
-  onWarm,
-  renderUnavailable,
-  renderWarming,
-  renderViewerCap,
-  viewerCapReached,
-  connectTimeoutMs = 13e3,
-  className
-}) {
-  const containerRef = useRef18(null);
-  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 ?? true;
-  const transportNull = !capability || capability.transport === null;
-  const reason = capability?.reason ?? null;
-  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);
-  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;
-    const onKey = (event) => {
-      if (event.ctrlKey && event.altKey && event.shiftKey && (event.key === "Control" || event.key === "Alt" || event.key === "Shift")) {
-        event.preventDefault();
-        setTakeControl(false);
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => {
-      window.removeEventListener("keydown", onKey);
-    };
-  }, [inControl, externallyControlled]);
-  const connectCapability = !transportNull && !needsAcknowledgment && !viewerCapReached ? capability : null;
-  const stream = useDesktopStream({
-    capability: connectCapability,
-    containerRef,
-    interactive: inControl,
-    ...scaleViewport !== void 0 ? { scaleViewport } : {},
-    ...rfbFactory ? { rfbFactory } : {},
-    ...webSocketFactory ? { webSocketFactory } : {}
-  });
-  const connected = stream.state === "connected";
-  const hasLiveUrl = Boolean(connectCapability?.url);
-  const streamStateRef = useRef18(stream.state);
-  streamStateRef.current = stream.state;
-  const warmKeyRef = useRef18(null);
-  useEffect21(() => {
-    if (!isWatching || !coldWarmable || needsAcknowledgment || viewerCapReached) {
-      if (!coldWarmable) warmKeyRef.current = null;
-      return;
-    }
-    if (!onWarm) return;
-    const key = `${capability?.reason ?? ""}:${capability?.url ?? ""}:${capability?.expiresAt ?? ""}`;
-    if (warmKeyRef.current === key) return;
-    warmKeyRef.current = key;
-    onWarm();
-  }, [isWatching, coldWarmable, needsAcknowledgment, viewerCapReached, capability, onWarm]);
-  useEffect21(() => {
-    if (!hasLiveUrl || typeof document === "undefined") return;
-    const maybeReattach = () => {
-      if (document.visibilityState !== "visible") return;
-      if (streamStateRef.current === "idle") stream.reconnect();
-    };
-    document.addEventListener("visibilitychange", maybeReattach);
-    return () => document.removeEventListener("visibilitychange", maybeReattach);
-  }, [hasLiveUrl, connectCapability?.url]);
-  const [connectTimedOut, setConnectTimedOut] = useState18(false);
-  const [reconnectNonce, setReconnectNonce] = useState18(0);
-  useEffect21(() => {
-    setConnectTimedOut(false);
-    if (!hasLiveUrl || connected || stream.error || connectTimeoutMs <= 0) return;
-    const timer = setTimeout(() => setConnectTimedOut(true), connectTimeoutMs);
-    return () => clearTimeout(timer);
-  }, [
-    hasLiveUrl,
-    connected,
-    connectTimeoutMs,
-    connectCapability?.url,
-    stream.error,
-    reconnectNonce
-  ]);
-  const reconnect = () => {
-    setConnectTimedOut(false);
-    setReconnectNonce((n) => n + 1);
-    stream.reconnect();
-  };
-  let uiState;
-  if (viewerCapReached) uiState = "viewer_cap";
-  else if (hardUnavailable) uiState = "unavailable";
-  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" && uiState !== "opening";
-  const showToggle = showControlToggle && !overlayShown;
-  let overlay = null;
-  switch (uiState) {
-    case "viewer_cap":
-      overlay = renderViewerCap?.() ?? defaultNotice(
-        "Too many viewers",
-        "This session has reached its live-viewer limit. Try again shortly."
-      );
-      break;
-    case "unavailable":
-      overlay = renderUnavailable?.(reason) ?? defaultNotice("Desktop unavailable", unavailableCopy(reason));
-      break;
-    case "acknowledgment_error":
-      overlay = defaultNotice(
-        "Couldn\u2019t open desktop",
-        acknowledgmentError?.message ?? "The desktop acknowledgment failed.",
-        retryAcknowledgment
-      );
-      break;
-    case "warming":
-      overlay = renderWarming?.() ?? /* @__PURE__ */ jsx11(WarmingNotice, {});
-      break;
-    case "connect_failed":
-      overlay = defaultNotice(
-        "Couldn\u2019t connect",
-        "The desktop is warm but the live stream didn\u2019t come up. This usually clears on a retry.",
-        reconnect
-      );
-      break;
-    case "error":
-      overlay = defaultNotice(
-        "Desktop disconnected",
-        stream.error?.message ?? "The stream dropped.",
-        reconnect
-      );
-      break;
-    case "opening":
-    case "connecting":
-    case "connected":
-      overlay = null;
-      break;
-  }
-  return /* @__PURE__ */ jsxs9(
-    "div",
-    {
-      className: cn(
-        "relative h-full w-full overflow-hidden",
-        inControl && "ring-2 ring-inset ring-og-accent",
-        className
-      ),
-      style: { backgroundColor: DESKTOP_MEDIA_BACKGROUND },
-      "data-opengeni-desktop": true,
-      "data-state": stream.state,
-      "data-ui-state": uiState,
-      "data-in-control": inControl ? "true" : void 0,
-      children: [
-        /* @__PURE__ */ jsx11(
-          "div",
-          {
-            ref: containerRef,
-            className: "absolute inset-0 overflow-hidden",
-            "data-opengeni-desktop-canvas": true,
-            "data-state": stream.state
-          }
-        ),
-        (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(
-              LoaderCircleIcon2,
-              {
-                className: "absolute size-12 animate-og-spin text-og-accent opacity-70",
-                strokeWidth: 1.25
-              }
-            )
-          ] }),
-          /* @__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,
-          {
-            shared: capability?.shared ?? false,
-            onRelease: () => setTakeControl(false)
-          }
-        ),
-        showToggle && !externallyControlled && !inControl && connected && /* @__PURE__ */ jsx11(
-          TakeControlCallToAction,
-          {
-            disabled: !serverAllowsControl,
-            disabledReason: !serverAllowsControl ? capability?.client === "frames" ? "View-only \u2014 live control isn't available for this machine yet." : "This deployment streams the desktop read-only." : void 0,
-            onTakeControl: () => setTakeControl(true)
-          }
-        ),
-        overlay && /* @__PURE__ */ jsx11("div", { className: "absolute inset-0 flex items-center justify-center p-4", children: overlay })
-      ]
-    }
-  );
-}
-function TakeControlCallToAction({
-  disabled,
-  disabledReason,
-  onTakeControl
-}) {
-  return (
-    // The wrapper spans the surface but is click-through (pointer-events-none); only
-    // the button itself is interactive, so watchers can still see the desktop.
-    /* @__PURE__ */ jsx11("div", { className: "pointer-events-none absolute inset-0 flex items-end justify-center pb-[8%]", children: /* @__PURE__ */ jsxs9(
-      "button",
-      {
-        type: "button",
-        disabled,
-        "aria-label": "Take control of the desktop",
-        title: disabled ? disabledReason : "Take control of the desktop",
-        onClick: onTakeControl,
-        className: cn(
-          "group pointer-events-auto flex items-center gap-3 rounded-og-lg border px-5 py-3",
-          "border-og-border",
-          "bg-og-bg/85 backdrop-blur-md",
-          "shadow-og-lg",
-          "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",
-            "hover:border-og-accent",
-            "hover:bg-og-accent/10"
-          )
-        ),
-        children: [
-          /* @__PURE__ */ jsx11(
-            "span",
-            {
-              className: cn(
-                "flex size-9 shrink-0 items-center justify-center rounded-full transition-colors",
-                "bg-og-accent",
-                "text-og-accent-fg",
-                disabled ? "" : "group-hover:scale-105"
-              ),
-              children: /* @__PURE__ */ jsx11(MousePointerClickIcon, { className: "size-5", strokeWidth: 2 })
-            }
-          ),
-          /* @__PURE__ */ jsxs9("span", { className: "flex flex-col items-start leading-tight", children: [
-            /* @__PURE__ */ jsx11("span", { className: "text-og-base font-semibold text-og-fg", children: "Take control" }),
-            /* @__PURE__ */ jsx11("span", { className: "text-og-xs text-og-fg-subtle", children: disabled && disabledReason ? disabledReason : "Drive the mouse & keyboard" })
-          ] })
-        ]
-      }
-    ) })
-  );
-}
-function InControlBar({ shared, onRelease }) {
-  return /* @__PURE__ */ jsxs9("div", { className: "pointer-events-none absolute inset-x-0 top-0 flex items-center justify-between gap-2 p-2", children: [
-    /* @__PURE__ */ jsxs9("span", { className: "pointer-events-auto inline-flex items-center gap-2 rounded-og-sm bg-og-accent px-2.5 py-1 text-og-xs font-medium text-og-accent-fg shadow-og-md", children: [
-      /* @__PURE__ */ jsx11("span", { className: "size-1.5 animate-pulse rounded-full bg-current", "aria-hidden": true }),
-      "You're in control",
-      /* @__PURE__ */ jsx11("span", { className: "opacity-75", children: "\xB7 click Return control (or Ctrl+Alt+Shift)" })
-    ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "pointer-events-auto flex items-center gap-1.5", children: [
-      shared && /* @__PURE__ */ jsx11("span", { className: "rounded-og-sm bg-og-status-failed/85 px-2 py-0.5 text-og-xs text-og-accent-fg", children: "Shared sandbox \u2014 others are watching" }),
-      /* @__PURE__ */ jsxs9(
-        "button",
-        {
-          type: "button",
-          onClick: onRelease,
-          title: "Return control (or press Ctrl+Alt+Shift)",
-          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-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 }),
-            "Return control"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function unavailableCopy(reason) {
-  switch (reason) {
-    case "backend_unsupported":
-      return "This sandbox backend cannot stream a desktop.";
-    case "tier_headless":
-      return "This deployment is headless \u2014 terminal, files, and diff only.";
-    case "os_unsupported":
-      return "The sandbox OS does not support a desktop stream.";
-    case "not_provisioned":
-      return "This sandbox doesn't have a desktop yet.";
-    case "disabled_by_policy":
-      return "Desktop streaming is disabled on this deployment.";
-    case "lease_cold":
-      return "Waiting for the sandbox to start\u2026";
-    default:
-      return "The desktop isn\u2019t available for this sandbox.";
-  }
-}
-function WarmingNotice({ onRetry }) {
-  return /* @__PURE__ */ jsxs9("div", { className: "flex max-w-sm flex-col items-center gap-3 rounded-og-lg border border-og-border bg-og-bg/90 p-5 text-center text-og-base text-og-fg backdrop-blur-sm", children: [
-    /* @__PURE__ */ jsx11(LoaderCircleIcon2, { className: "size-7 animate-og-spin text-og-accent", strokeWidth: 1.5 }),
-    /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ jsx11("div", { className: "font-medium", children: "Warming the sandbox\u2026" }),
-      /* @__PURE__ */ jsx11("p", { className: "text-og-sm text-og-fg-subtle", children: "Spinning up the desktop \u2014 this takes a few seconds." })
-    ] }),
-    onRetry && /* @__PURE__ */ jsx11(
-      "button",
-      {
-        type: "button",
-        onClick: onRetry,
-        className: "rounded-og-sm border border-og-border px-3 py-1.5 text-og-sm text-og-fg-muted transition-colors hover:text-og-fg pointer-coarse:min-h-11",
-        children: "Taking too long? Retry"
-      }
-    )
-  ] });
-}
-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: [
-      onRetry && /* @__PURE__ */ jsx11(WifiOffIcon, { className: "size-4 opacity-70", strokeWidth: 1.75 }),
-      title
-    ] }),
-    /* @__PURE__ */ jsx11("p", { className: "text-og-sm text-og-fg-subtle", children: body }),
-    onRetry && /* @__PURE__ */ jsx11(
-      "button",
-      {
-        type: "button",
-        onClick: onRetry,
-        className: "mt-3 rounded-og-sm border border-og-border px-3 py-1.5 text-og-sm transition-colors hover:border-og-accent pointer-coarse:min-h-11",
-        children: "Reconnect"
-      }
-    )
-  ] });
-}
-
 // src/components/workspace-dock.tsx
 import {
-  useCallback as useCallback21,
-  useEffect as useEffect22,
+  useCallback as useCallback23,
+  useEffect as useEffect19,
   useId as useId4,
-  useLayoutEffect as useLayoutEffect3,
-  useRef as useRef19,
-  useState as useState19
+  useLayoutEffect as useLayoutEffect4,
+  useRef as useRef16,
+  useState as useState16
 } from "react";
 import {
   ChevronsLeftRightIcon,
@@ -7799,7 +7347,7 @@ import {
   useDefaultLayout,
   usePanelRef
 } from "react-resizable-panels";
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var SERVER_LAYOUT_STORAGE = {
   getItem: () => null,
   setItem: () => {
@@ -7813,10 +7361,10 @@ function getLayoutStorage() {
     return SERVER_LAYOUT_STORAGE;
   }
 }
-var useDockLayoutEffect = typeof window === "undefined" ? useEffect22 : useLayoutEffect3;
+var useDockLayoutEffect = typeof window === "undefined" ? useEffect19 : useLayoutEffect4;
 var DOCK_OVERLAY_BREAKPOINT = 1024;
 function useIsNarrow(maxWidth) {
-  const [narrow, setNarrow] = useState19(false);
+  const [narrow, setNarrow] = useState16(false);
   useDockLayoutEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
@@ -7850,17 +7398,17 @@ function WorkspaceDock({
   className
 }) {
   const narrow = useIsNarrow(DOCK_OVERLAY_BREAKPOINT);
-  const rootRef = useRef19(null);
-  const reopenRef = useRef19(null);
-  const returnFocusRef = useRef19(null);
-  const initialNarrowFocusRef = useRef19(false);
+  const rootRef = useRef16(null);
+  const reopenRef = useRef16(null);
+  const returnFocusRef = useRef16(null);
+  const initialNarrowFocusRef = useRef16(false);
   const dockPanelRef = usePanelRef();
-  const [internalCollapsed, setInternalCollapsed] = useState19(false);
-  const [maximized, setMaximized] = useState19(false);
-  const [internalTab, setInternalTab] = useState19(tabs[0]?.id ?? "");
+  const [internalCollapsed, setInternalCollapsed] = useState16(false);
+  const [maximized, setMaximized] = useState16(false);
+  const [internalTab, setInternalTab] = useState16(tabs[0]?.id ?? "");
   const collapsed = collapsedProp ?? internalCollapsed;
   const hostControlled = collapsedProp !== void 0;
-  const previousCollapsedRef = useRef19(collapsed);
+  const previousCollapsedRef = useRef16(collapsed);
   const { defaultLayout, onLayoutChanged } = useDefaultLayout({
     panelIds: ["primary", "dock"],
     storage: getLayoutStorage(),
@@ -7871,14 +7419,14 @@ function WorkspaceDock({
   const firstTabId = tabs[0]?.id ?? "";
   const requestedTabIsValid = tabIds.includes(requestedTab);
   const current = requestedTabIsValid ? requestedTab : firstTabId;
-  const setTab = useCallback21(
+  const setTab = useCallback23(
     (id) => {
       setInternalTab(id);
       onActiveTabChange?.(id);
     },
     [onActiveTabChange]
   );
-  const setCollapsed = useCallback21(
+  const setCollapsed = useCallback23(
     (next) => {
       setInternalCollapsed((previous) => previous === next ? previous : next);
       onCollapsedChange?.(next);
@@ -7896,7 +7444,7 @@ function WorkspaceDock({
       dockPanelRef.current?.expand();
     }
   }, [collapsedProp, dockPanelRef]);
-  useEffect22(() => {
+  useEffect19(() => {
     const previous = previousCollapsedRef.current;
     previousCollapsedRef.current = collapsed;
     if (previous === collapsed) return;
@@ -7926,7 +7474,7 @@ function WorkspaceDock({
     });
     return () => cancelAnimationFrame(frame);
   }, [collapsed, hostControlled, narrow]);
-  useEffect22(() => {
+  useEffect19(() => {
     if (!narrow || collapsed || initialNarrowFocusRef.current) return;
     initialNarrowFocusRef.current = true;
     const active = document.activeElement;
@@ -7939,20 +7487,20 @@ function WorkspaceDock({
     });
     return () => cancelAnimationFrame(frame);
   }, [collapsed, narrow]);
-  useEffect22(() => {
+  useEffect19(() => {
     if (firstTabId && !requestedTabIsValid) {
       setTab(firstTabId);
     }
   }, [firstTabId, requestedTabIsValid, setTab]);
-  const collapse = useCallback21(() => {
+  const collapse = useCallback23(() => {
     dockPanelRef.current?.collapse();
     setCollapsed(true);
   }, [dockPanelRef, setCollapsed]);
-  const expand = useCallback21(() => {
+  const expand = useCallback23(() => {
     dockPanelRef.current?.expand();
     setCollapsed(false);
   }, [dockPanelRef, setCollapsed]);
-  useEffect22(() => {
+  useEffect19(() => {
     const overlayOpen = maximized || narrow && !collapsed;
     if (!overlayOpen) return;
     const onKey = (event) => {
@@ -7996,8 +7544,8 @@ function WorkspaceDock({
     return () => window.removeEventListener("keydown", onKey);
   }, [maximized, narrow, collapsed, collapse]);
   if (narrow) {
-    return /* @__PURE__ */ jsxs10("div", { ref: rootRef, className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
-      /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsxs9("div", { ref: rootRef, className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
+      /* @__PURE__ */ jsx11(
         "div",
         {
           "data-workspace-primary": true,
@@ -8007,7 +7555,7 @@ function WorkspaceDock({
           children: primary
         }
       ),
-      /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsx11(
         "div",
         {
           "data-workspace-surface": true,
@@ -8025,7 +7573,7 @@ function WorkspaceDock({
             paddingTop: "env(safe-area-inset-top)",
             paddingBottom: "env(safe-area-inset-bottom)"
           },
-          children: /* @__PURE__ */ jsx12(
+          children: /* @__PURE__ */ jsx11(
             DockChrome,
             {
               tabs,
@@ -8033,12 +7581,12 @@ function WorkspaceDock({
               onTab: setTab,
               leading: mobileLeadingControl,
               accessory: headerAccessory,
-              controls: /* @__PURE__ */ jsx12(ChromeButton, { onClick: collapse, title: "Close workspace", label: "Close workspace", children: /* @__PURE__ */ jsx12(XIcon2, { className: "size-4" }) })
+              controls: /* @__PURE__ */ jsx11(ChromeButton, { onClick: collapse, title: "Close workspace", label: "Close workspace", children: /* @__PURE__ */ jsx11(XIcon2, { className: "size-4" }) })
             }
           )
         }
       ),
-      collapsed && !hostControlled ? /* @__PURE__ */ jsx12(
+      collapsed && !hostControlled ? /* @__PURE__ */ jsx11(
         "button",
         {
           ref: reopenRef,
@@ -8048,34 +7596,34 @@ function WorkspaceDock({
           "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-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 })
+          children: /* @__PURE__ */ jsx11(ChevronsLeftRightIcon, { className: "size-4", "aria-hidden": true })
         }
       ) : null
     ] });
   }
-  const dockChrome = /* @__PURE__ */ jsx12(
+  const dockChrome = /* @__PURE__ */ jsx11(
     DockChrome,
     {
       tabs,
       current,
       onTab: setTab,
       accessory: headerAccessory,
-      controls: /* @__PURE__ */ jsxs10(Fragment4, { children: [
-        /* @__PURE__ */ jsx12(
+      controls: /* @__PURE__ */ jsxs9(Fragment4, { children: [
+        /* @__PURE__ */ jsx11(
           ChromeButton,
           {
             onClick: () => setMaximized((m) => !m),
             title: maximized ? "Restore (Esc)" : "Maximize",
             label: maximized ? "Restore dock" : "Maximize dock",
-            children: maximized ? /* @__PURE__ */ jsx12(Minimize2Icon, { className: "size-3.5" }) : /* @__PURE__ */ jsx12(Maximize2Icon, { className: "size-3.5" })
+            children: maximized ? /* @__PURE__ */ jsx11(Minimize2Icon, { className: "size-3.5" }) : /* @__PURE__ */ jsx11(Maximize2Icon, { 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" }) })
+        hostControlled && !showCollapseControl ? null : /* @__PURE__ */ jsx11(ChromeButton, { onClick: collapse, title: "Collapse", label: "Collapse dock", children: /* @__PURE__ */ jsx11(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(
+  return /* @__PURE__ */ jsxs9("div", { ref: rootRef, className: cn("relative flex h-full min-h-0 w-full min-w-0", className), children: [
+    /* @__PURE__ */ jsxs9(
       Group2,
       {
         orientation: "horizontal",
@@ -8083,7 +7631,7 @@ function WorkspaceDock({
         ...defaultLayout ? { defaultLayout } : {},
         onLayoutChanged,
         children: [
-          /* @__PURE__ */ jsx12(Panel2, { id: "primary", minSize: "30%", className: "min-h-0 min-w-0", children: /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx11(Panel2, { id: "primary", minSize: "30%", className: "min-h-0 min-w-0", children: /* @__PURE__ */ jsx11(
             "div",
             {
               "data-workspace-primary": true,
@@ -8093,8 +7641,8 @@ function WorkspaceDock({
               children: primary
             }
           ) }),
-          !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(
+          !collapsed && /* @__PURE__ */ jsx11(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__ */ jsx11("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__ */ jsx11(
             Panel2,
             {
               id: "dock",
@@ -8112,7 +7660,7 @@ function WorkspaceDock({
                 }
               },
               className: "min-h-0 min-w-0",
-              children: /* @__PURE__ */ jsx12(
+              children: /* @__PURE__ */ jsx11(
                 "div",
                 {
                   "data-workspace-surface": true,
@@ -8133,7 +7681,7 @@ function WorkspaceDock({
         ]
       }
     ),
-    collapsed && !maximized && !hostControlled && /* @__PURE__ */ jsx12(
+    collapsed && !maximized && !hostControlled && /* @__PURE__ */ jsx11(
       "button",
       {
         ref: reopenRef,
@@ -8141,7 +7689,7 @@ function WorkspaceDock({
         onClick: expand,
         title: "Open workspace",
         className: "absolute inset-y-0 right-0 flex w-6 shrink-0 items-center justify-center border-l border-og-border bg-og-surface-1 text-og-fg-subtle hover:text-og-fg",
-        children: /* @__PURE__ */ jsx12(ChevronsLeftRightIcon, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx11(ChevronsLeftRightIcon, { className: "size-3.5" })
       }
     )
   ] });
@@ -8152,7 +7700,7 @@ function ChromeButton({
   label,
   children
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     "button",
     {
       type: "button",
@@ -8172,19 +7720,38 @@ function DockChrome({
   accessory,
   controls
 }) {
+  const chromeRef = useRef16(null);
+  const [compact, setCompact] = useState16(false);
   const active = tabs.find((t) => t.id === current) ?? tabs[0];
   const tabsetId = useId4();
-  const tabRefs = useRef19([]);
-  const tabListRef = useRef19(null);
-  const [visitedTabs, setVisitedTabs] = useState19(() => /* @__PURE__ */ new Set());
-  const [tabOverflow, setTabOverflow] = useState19({ start: false, end: false });
+  const tabRefs = useRef16([]);
+  const tabListRef = useRef16(null);
+  const [visitedTabs, setVisitedTabs] = useState16(() => /* @__PURE__ */ new Set());
+  const [tabOverflow, setTabOverflow] = useState16({ start: false, end: false });
   const activeId = active?.id ?? "";
   const activeTabIndex = tabs.findIndex((tab) => tab.id === activeId);
-  const keepActiveTabVisible = useCallback21(() => {
+  useDockLayoutEffect(() => {
+    const node = chromeRef.current;
+    if (!node) return;
+    const update = () => {
+      const desktop = typeof window.matchMedia !== "function" || window.matchMedia("(min-width: 1024px)").matches;
+      const next = desktop && node.getBoundingClientRect().width < 420;
+      setCompact((previous) => previous === next ? previous : next);
+    };
+    update();
+    if (typeof ResizeObserver === "undefined") {
+      window.addEventListener("resize", update);
+      return () => window.removeEventListener("resize", update);
+    }
+    const observer = new ResizeObserver(update);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  const keepActiveTabVisible = useCallback23(() => {
     const selected = activeTabIndex >= 0 ? tabRefs.current[activeTabIndex] : null;
     selected?.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [activeTabIndex]);
-  useEffect22(() => {
+  useEffect19(() => {
     if (!activeId) return;
     setVisitedTabs((previous) => {
       if (previous.has(activeId)) return previous;
@@ -8241,55 +7808,98 @@ function DockChrome({
     event.preventDefault();
     activateTab(nextIndex);
   };
-  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
-    /* @__PURE__ */ jsxs10("div", { className: "grid shrink-0 grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-x-2 border-b border-og-border px-1.5 py-1 max-[1023px]:grid-cols-[auto_minmax(0,1fr)_auto] max-[1023px]:gap-y-0 max-[1023px]:px-2 max-[1023px]:pb-1 max-[1023px]:pt-0 min-[640px]:max-[1023px]:grid-cols-[auto_minmax(0,1fr)_auto_auto]", children: [
-      /* @__PURE__ */ jsx12("div", { className: "flex min-w-0 shrink-0 items-center max-[1023px]:min-h-11 min-[640px]:max-[1023px]:col-start-1 min-[640px]:max-[1023px]:row-start-1", children: leading ?? /* @__PURE__ */ jsx12("span", { className: "hidden truncate px-1 text-og-sm font-semibold text-og-fg max-[1023px]:inline", children: "Workspace" }) }),
-      /* @__PURE__ */ jsx12(
-        "div",
-        {
-          ref: tabListRef,
-          className: "flex min-w-0 items-center gap-0.5 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden max-[1023px]:col-span-3 max-[1023px]:row-start-2 max-[1023px]:w-full min-[640px]:max-[1023px]:col-span-1 min-[640px]:max-[1023px]:col-start-2 min-[640px]:max-[1023px]:row-start-1",
-          role: "tablist",
-          "aria-orientation": "horizontal",
-          style: {
-            maskImage: tabMask,
-            WebkitMaskImage: tabMask,
-            scrollPaddingInline: "16px"
-          },
-          children: tabs.map((tab, index) => /* @__PURE__ */ jsxs10(
-            "button",
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        ref: chromeRef,
+        "data-dock-chrome": true,
+        "data-compact": compact ? "true" : void 0,
+        className: cn(
+          "grid shrink-0 grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-x-2 border-b border-og-border px-1.5 py-1 max-[1023px]:grid-cols-[auto_minmax(0,1fr)_auto] max-[1023px]:gap-y-0 max-[1023px]:px-2 max-[1023px]:pb-1 max-[1023px]:pt-0 min-[640px]:max-[1023px]:grid-cols-[auto_minmax(0,1fr)_auto_auto]",
+          compact && "gap-y-1"
+        ),
+        style: compact ? { gridTemplateColumns: "minmax(0, 1fr) auto" } : void 0,
+        children: [
+          /* @__PURE__ */ jsx11(
+            "div",
+            {
+              className: cn(
+                "flex min-w-0 shrink-0 items-center max-[1023px]:min-h-11 min-[640px]:max-[1023px]:col-start-1 min-[640px]:max-[1023px]:row-start-1",
+                compact && "hidden"
+              ),
+              children: leading ?? /* @__PURE__ */ jsx11("span", { className: "hidden truncate px-1 text-og-sm font-semibold text-og-fg max-[1023px]:inline", children: "Workspace" })
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            "div",
             {
-              ref: (node) => {
-                tabRefs.current[index] = node;
+              ref: tabListRef,
+              className: cn(
+                "flex min-w-0 items-center gap-0.5 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden max-[1023px]:col-span-3 max-[1023px]:row-start-2 max-[1023px]:w-full min-[640px]:max-[1023px]:col-span-1 min-[640px]:max-[1023px]:col-start-2 min-[640px]:max-[1023px]:row-start-1",
+                compact && "col-span-2 col-start-1 row-start-2 w-full"
+              ),
+              role: "tablist",
+              "aria-orientation": "horizontal",
+              style: {
+                maskImage: tabMask,
+                WebkitMaskImage: tabMask,
+                scrollPaddingInline: "16px"
               },
-              id: `${tabsetId}-tab-${index}`,
-              type: "button",
-              role: "tab",
-              "aria-selected": tab.id === current,
-              "aria-controls": `${tabsetId}-panel-${index}`,
-              tabIndex: tab.id === current ? 0 : -1,
-              onClick: () => onTab(tab.id),
-              onKeyDown: (event) => onTabKeyDown(event, index),
+              children: tabs.map((tab, index) => /* @__PURE__ */ jsxs9(
+                "button",
+                {
+                  ref: (node) => {
+                    tabRefs.current[index] = node;
+                  },
+                  id: `${tabsetId}-tab-${index}`,
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": tab.id === current,
+                  "aria-controls": `${tabsetId}-panel-${index}`,
+                  tabIndex: tab.id === current ? 0 : -1,
+                  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-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: [
+                    /* @__PURE__ */ jsx11("span", { "data-contrast-audited": true, children: tab.label }),
+                    tab.badge
+                  ]
+                },
+                tab.id
+              ))
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            "div",
+            {
               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-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"
+                "flex min-w-0 shrink-0 items-center justify-self-end min-[640px]:max-[1023px]:col-start-3 min-[640px]:max-[1023px]:row-start-1",
+                compact && "col-start-1 row-start-1 justify-self-start"
               ),
-              children: [
-                /* @__PURE__ */ jsx12("span", { "data-contrast-audited": true, children: tab.label }),
-                tab.badge
-              ]
-            },
-            tab.id
-          ))
-        }
-      ),
-      /* @__PURE__ */ jsx12("div", { className: "flex min-w-0 shrink-0 items-center justify-self-end min-[640px]:max-[1023px]:col-start-3 min-[640px]:max-[1023px]:row-start-1", children: accessory }),
-      /* @__PURE__ */ jsx12("div", { className: "flex shrink-0 items-center gap-0.5 text-og-fg-subtle min-[640px]:max-[1023px]:col-start-4 min-[640px]:max-[1023px]:row-start-1", children: controls })
-    ] }),
-    /* @__PURE__ */ jsx12("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: tabs.length > 0 ? tabs.map((tab, index) => {
+              children: accessory
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            "div",
+            {
+              className: cn(
+                "flex shrink-0 items-center gap-0.5 text-og-fg-subtle min-[640px]:max-[1023px]:col-start-4 min-[640px]:max-[1023px]:row-start-1",
+                compact && "col-start-2 row-start-1"
+              ),
+              children: controls
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx11("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: tabs.length > 0 ? tabs.map((tab, index) => {
       const selected = tab.id === activeId;
       const shouldMount = selected || visitedTabs.has(tab.id);
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx11(
         "div",
         {
           id: `${tabsetId}-panel-${index}`,
@@ -8301,7 +7911,7 @@ function DockChrome({
         },
         tab.id
       );
-    }) : /* @__PURE__ */ jsx12("div", { className: "h-full min-h-0 min-w-0", "aria-label": "Workspace", role: "tabpanel" }) })
+    }) : /* @__PURE__ */ jsx11("div", { className: "h-full min-h-0 min-w-0", "aria-label": "Workspace", role: "tabpanel" }) })
   ] });
 }
 
@@ -8309,11 +7919,11 @@ function DockChrome({
 import {
   lazy as lazy2,
   Suspense as Suspense2,
-  useCallback as useCallback22,
-  useEffect as useEffect23,
+  useCallback as useCallback24,
+  useEffect as useEffect20,
   useMemo as useMemo13,
-  useRef as useRef20,
-  useState as useState20
+  useRef as useRef17,
+  useState as useState17
 } from "react";
 import {
   CircleCheckIcon,
@@ -8321,19 +7931,19 @@ import {
   FileCode2Icon as FileCode2Icon2,
   GitCompareArrowsIcon,
   Globe2Icon,
-  LoaderCircleIcon as LoaderCircleIcon3,
-  MonitorIcon as MonitorIcon2,
+  LoaderCircleIcon as LoaderCircleIcon2,
+  MonitorIcon,
   RefreshCwIcon as RefreshCwIcon2,
   SquareTerminalIcon,
   TriangleAlertIcon as TriangleAlertIcon2
 } from "lucide-react";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var LazyBrowserViewer = lazy2(async () => {
-  const viewers = await import("./interactive-workbench-viewers-KHNOHWQE.js");
+  const viewers = await import("./interactive-workbench-viewers-TOHBXJEE.js");
   return { default: viewers.BrowserViewer };
 });
 var LazyComputerViewer = lazy2(async () => {
-  const viewers = await import("./interactive-workbench-viewers-KHNOHWQE.js");
+  const viewers = await import("./interactive-workbench-viewers-TOHBXJEE.js");
   return { default: viewers.ComputerViewer };
 });
 var WORKBENCH_TAB_CHANGES = "changes";
@@ -8370,17 +7980,17 @@ function captureDegradedMessage(reason) {
   }
 }
 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 })
+  return /* @__PURE__ */ jsxs10("span", { className: "inline-flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx12("span", { className: "[&>svg]:size-3.5", "aria-hidden": true, children: icon }),
+    /* @__PURE__ */ jsx12("span", { children })
   ] });
 }
 function WorkbenchSurfaceLoading({ name }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     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: [
+      icon: /* @__PURE__ */ jsx12(LoaderCircleIcon2, { className: "size-5 animate-spin motion-reduce:animate-none", "aria-hidden": true }),
+      children: /* @__PURE__ */ jsxs10("p", { className: "text-og-sm font-medium text-og-fg", children: [
         "Opening ",
         name
       ] })
@@ -8435,7 +8045,7 @@ function emptyWarmIntents(sessionId) {
   };
 }
 function useSandboxWorkspaceTabs(options) {
-  const { client, workspaceId } = useOpenGeni(options);
+  const { client, workspaceId, workspaceInteractionEvent } = useOpenGeni(options);
   const {
     sessionId,
     events,
@@ -8451,6 +8061,7 @@ function useSandboxWorkspaceTabs(options) {
   } = options;
   const initialTab = options.initialTab ?? null;
   const activeTab = options.activeTab ?? initialTab;
+  const workspaceVisible = options.workspaceVisible ?? true;
   const requestedSurfaces = options.surfaces ?? WORKBENCH_SURFACES;
   const surfaceSet = new Set(requestedSurfaces);
   const changesEnabled = surfaceSet.has(WORKBENCH_TAB_CHANGES);
@@ -8458,13 +8069,17 @@ function useSandboxWorkspaceTabs(options) {
   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 createLinkedComputer = useCallback24(
+    async (name, placement) => {
       const response = await client.createComputerSession(workspaceId, {
         operationId: crypto.randomUUID(),
         sessionId,
-        name
+        name,
+        ...placement ? { placement } : {}
       });
+      if (response.operation.state !== "completed" || response.session.lifecycle !== "active") {
+        throw new Error(response.operation.error?.message ?? "The computer could not be opened.");
+      }
       return {
         id: response.session.id,
         placement: response.session.placement
@@ -8478,12 +8093,12 @@ function useSandboxWorkspaceTabs(options) {
   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(
+  const [storedWarmIntents, setStoredWarmIntents] = useState17(
     () => emptyWarmIntents(sessionId)
   );
   const warmIntents = storedWarmIntents.sessionId === sessionId ? storedWarmIntents : emptyWarmIntents(sessionId);
   const { warmTerminal, warmFiles } = warmIntents;
-  const requestWarmIntent = useCallback22(
+  const requestWarmIntent = useCallback24(
     (intent) => {
       setStoredWarmIntents((previous) => {
         const current = previous.sessionId === sessionId ? previous : emptyWarmIntents(sessionId);
@@ -8524,14 +8139,18 @@ function useSandboxWorkspaceTabs(options) {
   });
   const provisioning = sandboxProvisionInFlight(events);
   const renegotiate = caps.renegotiate;
-  const provisioningRef = useRef20({ sessionId, provisioning });
-  useEffect23(() => {
+  const provisioningRef = useRef17({ sessionId, provisioning });
+  useEffect20(() => {
     const previous = provisioningRef.current;
     if (previous.sessionId === sessionId && previous.provisioning && !provisioning) {
       renegotiate();
     }
     provisioningRef.current = { sessionId, provisioning };
   }, [sessionId, provisioning, renegotiate]);
+  useEffect20(() => {
+    if (workspaceInteractionEvent?.workspaceId !== workspaceId) return;
+    renegotiate();
+  }, [workspaceId, workspaceInteractionEvent, renegotiate]);
   const captureState = useWorkspaceCapture(sessionId, {
     events,
     enabled: workspaceDataEnabled
@@ -8544,14 +8163,14 @@ function useSandboxWorkspaceTabs(options) {
     if (advertised.length > 0) return advertised;
     return captureState.capture?.repos.map((repo) => repo.root) ?? [];
   }, [capabilities?.Git.repos, captureState.capture]);
-  const notifiedCaptureDegradedReason = useRef20({
+  const notifiedCaptureDegradedReason = useRef17({
     sessionId,
     reason: null
   });
   if (notifiedCaptureDegradedReason.current.sessionId !== sessionId) {
     notifiedCaptureDegradedReason.current = { sessionId, reason: null };
   }
-  useEffect23(() => {
+  useEffect20(() => {
     const reason = captureState.degradedReason;
     if (!reason || notifiedCaptureDegradedReason.current.reason === reason) return;
     notifiedCaptureDegradedReason.current = { sessionId, reason };
@@ -8573,10 +8192,10 @@ function useSandboxWorkspaceTabs(options) {
       message: `Could not ${op}: ${error.message}`
     })
   });
-  const [storedChangesComparison, setStoredChangesComparison] = useState20(null);
+  const [storedChangesComparison, setStoredChangesComparison] = useState17(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(
+  const setChangesComparison = useCallback24(
     (value) => setStoredChangesComparison({ sessionId, value }),
     [sessionId]
   );
@@ -8592,13 +8211,13 @@ function useSandboxWorkspaceTabs(options) {
     comparison: changesComparison,
     capture: changesComparison === "staged" ? null : captureState.capture
   });
-  useEffect23(() => {
+  useEffect20(() => {
     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(() => {
+  const [xtermTheme, setXtermTheme] = useState17(void 0);
+  useEffect20(() => {
     if (!terminalEnabled || typeof document === "undefined") return;
     const derive = () => setXtermTheme(xtermThemeFromTokens());
     derive();
@@ -8620,7 +8239,7 @@ function useSandboxWorkspaceTabs(options) {
   });
   const workspaceWaking = chip.state === "waking";
   const defaultIdentity = `${sessionId}\0${surfaceIdentity}`;
-  const defaultTabRef = useRef20({
+  const defaultTabRef = useRef17({
     identity: defaultIdentity,
     value: null
   });
@@ -8668,9 +8287,9 @@ function useSandboxWorkspaceTabs(options) {
     if (changesEnabled)
       list.push({
         id: WORKBENCH_TAB_CHANGES,
-        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(GitCompareArrowsIcon, {}), children: "Changes" }),
-        badge: dirtyCount > 0 ? /* @__PURE__ */ jsx13(DirtyBadge, { count: dirtyCount }) : void 0,
-        content: /* @__PURE__ */ jsx13(
+        label: /* @__PURE__ */ jsx12(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx12(GitCompareArrowsIcon, {}), children: "Changes" }),
+        badge: dirtyCount > 0 ? /* @__PURE__ */ jsx12(DirtyBadge, { count: dirtyCount }) : void 0,
+        content: /* @__PURE__ */ jsx12(
           ChangesTabBody,
           {
             git,
@@ -8697,8 +8316,8 @@ function useSandboxWorkspaceTabs(options) {
     if (filesEnabled)
       list.push({
         id: WORKBENCH_TAB_FILES,
-        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(FileCode2Icon2, {}), children: "Files" }),
-        content: /* @__PURE__ */ jsx13(
+        label: /* @__PURE__ */ jsx12(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx12(FileCode2Icon2, {}), children: "Files" }),
+        content: /* @__PURE__ */ jsx12(
           SandboxFiles,
           {
             files,
@@ -8723,13 +8342,14 @@ function useSandboxWorkspaceTabs(options) {
     if (terminalOn) {
       list.push({
         id: WORKBENCH_TAB_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(
+        label: /* @__PURE__ */ jsx12(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx12(SquareTerminalIcon, {}), children: "Terminal" }),
+        content: /* @__PURE__ */ jsx12("div", { className: "h-full bg-og-bg p-1", children: /* @__PURE__ */ jsx12(
           SandboxTerminal,
           {
             result: terminal,
             terminalCapability: capabilities?.Terminal ?? null,
             onActivate: () => requestWarmIntent("warmTerminal"),
+            onReconnectNeeded: caps.renegotiate,
             showHeader: true,
             shell: capabilities?.Terminal.shell ?? void 0,
             liveness,
@@ -8742,13 +8362,14 @@ function useSandboxWorkspaceTabs(options) {
     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(
+        label: /* @__PURE__ */ jsx12(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx12(Globe2Icon, {}), children: "Browser" }),
+        content: /* @__PURE__ */ jsx12(Suspense2, { fallback: /* @__PURE__ */ jsx12(WorkbenchSurfaceLoading, { name: "Browser" }), children: /* @__PURE__ */ jsx12(
           LazyBrowserViewer,
           {
             client,
             workspaceId,
             sessionId,
+            enabled: workspaceVisible,
             onNotify,
             ...desktopEnabled ? { createLinkedComputer } : {},
             ...onOpenComputerSession ? { onOpenComputer: onOpenComputerSession } : {},
@@ -8762,13 +8383,14 @@ function useSandboxWorkspaceTabs(options) {
     if (desktopEnabled) {
       list.push({
         id: WORKBENCH_TAB_DESKTOP,
-        label: /* @__PURE__ */ jsx13(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx13(MonitorIcon2, {}), children: "Computer" }),
-        content: /* @__PURE__ */ jsx13(Suspense2, { fallback: /* @__PURE__ */ jsx13(WorkbenchSurfaceLoading, { name: "Computer" }), children: /* @__PURE__ */ jsx13(
+        label: /* @__PURE__ */ jsx12(WorkbenchTabLabel, { icon: /* @__PURE__ */ jsx12(MonitorIcon, {}), children: "Computer" }),
+        content: /* @__PURE__ */ jsx12(Suspense2, { fallback: /* @__PURE__ */ jsx12(WorkbenchSurfaceLoading, { name: "Computer" }), children: /* @__PURE__ */ jsx12(
           LazyComputerViewer,
           {
             client,
             workspaceId,
             sessionId,
+            enabled: workspaceVisible,
             onNotify,
             requestedComputerSessionId,
             requestedComputerRequestId,
@@ -8799,6 +8421,8 @@ function useSandboxWorkspaceTabs(options) {
     onNotify,
     browserWebSocketFactory,
     computerWebSocketFactory,
+    workspaceVisible,
+    resolvedActiveTab,
     client,
     workspaceId,
     liveness,
@@ -8851,14 +8475,14 @@ function SandboxWorkspace(props) {
     maxSize,
     className
   } = 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 [storedSelection, setStoredSelection] = useState17(null);
+  const [requestedFile, setRequestedFile] = useState17(null);
+  const [requestedComputer, setRequestedComputer] = useState17(null);
+  const nextFileRequestId = useRef17(0);
+  const nextComputerRequestId = useRef17(0);
   const selectedTab = storedSelection?.sessionId === sessionId ? storedSelection.tab : null;
   const activeTabHint = selectedTab ?? initialTab ?? leadingTabs?.[0]?.id ?? null;
-  const openFile = useCallback22(
+  const openFile = useCallback24(
     (path) => {
       nextFileRequestId.current += 1;
       setRequestedFile({ sessionId, path, requestId: nextFileRequestId.current });
@@ -8866,7 +8490,7 @@ function SandboxWorkspace(props) {
     },
     [sessionId]
   );
-  const openComputer = useCallback22(
+  const openComputer = useCallback24(
     (computerSessionId) => {
       nextComputerRequestId.current += 1;
       setRequestedComputer({
@@ -8890,6 +8514,7 @@ function SandboxWorkspace(props) {
     ...surfaces ? { surfaces } : {},
     ...initialTab ? { initialTab } : {},
     activeTab: activeTabHint,
+    workspaceVisible: collapsed !== true,
     ...onNotify ? { onNotify } : {},
     ...browserWebSocketFactory ? { browserWebSocketFactory } : {},
     ...computerWebSocketFactory ? { computerWebSocketFactory } : {},
@@ -8903,11 +8528,11 @@ function SandboxWorkspace(props) {
   const tabs = [...leadingTabs ?? [], ...workbenchTabs, ...trailingTabs ?? []];
   const preferredTab = selectedTab ?? defaultTab;
   const activeTab = preferredTab && tabs.some((tab) => tab.id === preferredTab) ? preferredTab : tabs[0]?.id;
-  const selectTab = useCallback22(
+  const selectTab = useCallback24(
     (tab) => setStoredSelection({ sessionId, tab }),
     [sessionId]
   );
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     WorkspaceDock,
     {
       primary,
@@ -8915,7 +8540,7 @@ function SandboxWorkspace(props) {
       ...activeTab !== void 0 ? { activeTab } : {},
       onActiveTabChange: selectTab,
       ...machine.enabled ? {
-        headerAccessory: /* @__PURE__ */ jsx13(MachineStateChip, { chip: machine.chip })
+        headerAccessory: /* @__PURE__ */ jsx12(MachineStateChip, { chip: machine.chip })
       } : {},
       ...mobileLeadingControl !== void 0 ? { mobileLeadingControl } : {},
       ...collapsed !== void 0 ? { collapsed } : {},
@@ -8930,7 +8555,7 @@ 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 });
+  return /* @__PURE__ */ jsx12("span", { className: "rounded-og-xs bg-og-accent-soft px-1 text-og-xs text-og-fg-muted", children: count });
 }
 function chipDotClass(state) {
   if (state === "live") return "bg-og-status-running";
@@ -8938,27 +8563,27 @@ function chipDotClass(state) {
   return "bg-og-fg-subtle";
 }
 function MachineStateChip({ chip }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs10(
     "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",
+      className: "inline-flex min-h-7 min-w-0 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(
+        /* @__PURE__ */ jsx12(
           "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__ */ jsx12("span", { className: "min-w-0 max-w-[11rem] truncate", children: chip.label })
       ]
     }
   );
 }
 function DockActionButton({ onClick, children }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "button",
     {
       type: "button",
@@ -8973,12 +8598,12 @@ function ChangesTabBody({
   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: [
+  return /* @__PURE__ */ jsxs10("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ jsx12("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(
+    ].map(([value, label]) => /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
@@ -8992,7 +8617,7 @@ function ChangesTabBody({
       },
       value
     )) }),
-    /* @__PURE__ */ jsx13("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx13(ChangesTabContent, { comparison, ...props }) })
+    /* @__PURE__ */ jsx12("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx12(ChangesTabContent, { comparison, ...props }) })
   ] });
 }
 function ChangesTabContent({
@@ -9011,8 +8636,8 @@ function ChangesTabContent({
 }) {
   const diff = git.diff;
   if (diff.length > 0) {
-    return /* @__PURE__ */ jsxs11("div", { className: "flex h-full min-h-0 flex-col", children: [
-      git.error ? /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs10("div", { className: "flex h-full min-h-0 flex-col", children: [
+      git.error ? /* @__PURE__ */ jsxs10(
         "div",
         {
           role: "status",
@@ -9020,9 +8645,9 @@ function ChangesTabContent({
           "data-opengeni-changes-degraded": true,
           className: "flex shrink-0 items-center gap-2 border-b border-og-status-running/30 bg-og-status-running/10 px-2 py-1.5 text-og-xs text-og-fg-muted",
           children: [
-            /* @__PURE__ */ jsx13(TriangleAlertIcon2, { className: "size-3.5 shrink-0 text-og-status-running", "aria-hidden": true }),
-            /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1", children: git.source === "capture" ? "Live changes are temporarily unavailable. Showing the latest captured revision." : "Live refresh failed. Showing the last loaded changes." }),
-            /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsx12(TriangleAlertIcon2, { className: "size-3.5 shrink-0 text-og-status-running", "aria-hidden": true }),
+            /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1", children: git.source === "capture" ? "Live changes are temporarily unavailable. Showing the latest captured revision." : "Live refresh failed. Showing the last loaded changes." }),
+            /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -9030,7 +8655,7 @@ function ChangesTabContent({
                 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-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(
+                  /* @__PURE__ */ jsx12(
                     RefreshCwIcon2,
                     {
                       className: cn("size-3", git.loading && "animate-spin motion-reduce:animate-none"),
@@ -9044,7 +8669,7 @@ function ChangesTabContent({
           ]
         }
       ) : null,
-      /* @__PURE__ */ jsx13("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx12("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx12(
         WorkbenchChanges,
         {
           diff,
@@ -9057,49 +8682,49 @@ function ChangesTabContent({
     ] });
   }
   if (capabilitiesError && !captureAvailable) {
-    return /* @__PURE__ */ jsxs11(CenteredState, { icon: /* @__PURE__ */ jsx13(TriangleAlertIcon2, { className: "size-5", "aria-hidden": true }), tone: "danger", children: [
-      /* @__PURE__ */ jsx13("p", { className: "text-og-sm font-medium text-og-fg", children: "Sandbox unavailable" }),
-      /* @__PURE__ */ jsx13("p", { "data-contrast-audited": true, className: "text-og-sm leading-5 text-og-fg-muted", children: capabilitiesError.message || "Couldn't reach the sandbox for this session." }),
-      /* @__PURE__ */ jsxs11(DockActionButton, { onClick: onRetry, children: [
-        /* @__PURE__ */ jsx13(RefreshCwIcon2, { className: "size-3" }),
+    return /* @__PURE__ */ jsxs10(CenteredState, { icon: /* @__PURE__ */ jsx12(TriangleAlertIcon2, { className: "size-5", "aria-hidden": true }), tone: "danger", children: [
+      /* @__PURE__ */ jsx12("p", { className: "text-og-sm font-medium text-og-fg", children: "Sandbox unavailable" }),
+      /* @__PURE__ */ jsx12("p", { "data-contrast-audited": true, className: "text-og-sm leading-5 text-og-fg-muted", children: capabilitiesError.message || "Couldn't reach the sandbox for this session." }),
+      /* @__PURE__ */ jsxs10(DockActionButton, { onClick: onRetry, children: [
+        /* @__PURE__ */ jsx12(RefreshCwIcon2, { className: "size-3" }),
         "Retry"
       ] })
     ] });
   }
   if ((capturePending || capabilitiesState === "negotiating") && !captureAvailable && !workspaceWaking) {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs10(
       CenteredState,
       {
-        icon: /* @__PURE__ */ jsx13(
-          LoaderCircleIcon3,
+        icon: /* @__PURE__ */ jsx12(
+          LoaderCircleIcon2,
           {
             className: "size-5 animate-spin motion-reduce:animate-none",
             "aria-hidden": true
           }
         ),
         children: [
-          /* @__PURE__ */ jsx13("p", { className: "text-og-sm font-medium text-og-fg", children: "Connecting workspace" }),
-          /* @__PURE__ */ jsx13("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: "Looking for the latest files and changes\u2026" })
+          /* @__PURE__ */ jsx12("p", { className: "text-og-sm font-medium text-og-fg", children: "Connecting workspace" }),
+          /* @__PURE__ */ jsx12("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: "Looking for the latest files and changes\u2026" })
         ]
       }
     );
   }
   if (!liveWorkspaceExpected && (comparison !== "working" || !captureAvailable)) {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs10(
       CenteredState,
       {
-        icon: workspaceWaking ? /* @__PURE__ */ jsx13(
-          LoaderCircleIcon3,
+        icon: workspaceWaking ? /* @__PURE__ */ jsx12(
+          LoaderCircleIcon2,
           {
             className: "size-5 animate-spin motion-reduce:animate-none",
             "aria-hidden": true
           }
-        ) : /* @__PURE__ */ jsx13(CpuIcon, { className: "size-5", "aria-hidden": true }),
+        ) : /* @__PURE__ */ jsx12(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" : 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" }),
+          /* @__PURE__ */ jsx12("p", { className: "text-og-sm font-medium text-og-fg", children: workspaceWaking ? "Waking workspace" : "Workspace is resting" }),
+          /* @__PURE__ */ jsx12("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__ */ jsxs10(DockActionButton, { onClick: onWake, children: [
+            /* @__PURE__ */ jsx12(CpuIcon, { className: "size-3" }),
             "Open live workspace"
           ] }) : null
         ]
@@ -9107,26 +8732,26 @@ function ChangesTabContent({
     );
   }
   if (git.loading && git.source === null) {
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs10(
       CenteredState,
       {
-        icon: /* @__PURE__ */ jsx13(
-          LoaderCircleIcon3,
+        icon: /* @__PURE__ */ jsx12(
+          LoaderCircleIcon2,
           {
             className: "size-5 animate-spin motion-reduce:animate-none",
             "aria-hidden": true
           }
         ),
         children: [
-          /* @__PURE__ */ jsx13("p", { className: "text-og-sm font-medium text-og-fg", children: "Loading workspace" }),
-          /* @__PURE__ */ jsx13("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: "Reading the current working tree\u2026" })
+          /* @__PURE__ */ jsx12("p", { className: "text-og-sm font-medium text-og-fg", children: "Loading workspace" }),
+          /* @__PURE__ */ jsx12("p", { className: "text-og-sm leading-5 text-og-fg-subtle", children: "Reading the current working tree\u2026" })
         ]
       }
     );
   }
-  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: 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." })
+  return /* @__PURE__ */ jsxs10(CenteredState, { icon: /* @__PURE__ */ jsx12(CircleCheckIcon, { className: "size-5", "aria-hidden": true }), tone: "success", children: [
+    /* @__PURE__ */ jsx12("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__ */ jsx12("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({
@@ -9134,15 +8759,15 @@ function CenteredState({
   icon,
   tone = "neutral"
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       role: tone === "danger" ? "alert" : "status",
       "aria-atomic": "true",
       "aria-live": tone === "danger" ? "assertive" : "polite",
       className: "grid h-full place-items-center p-6 text-center",
-      children: /* @__PURE__ */ jsxs11("div", { className: "flex max-w-sm flex-col items-center gap-2.5", children: [
-        icon ? /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsxs10("div", { className: "flex max-w-sm flex-col items-center gap-2.5", children: [
+        icon ? /* @__PURE__ */ jsx12(
           "span",
           {
             className: cn(
@@ -9161,7 +8786,7 @@ function CenteredState({
 }
 
 // src/hooks/use-codex-accounts.ts
-import { useCallback as useCallback23, useState as useState21 } from "react";
+import { useCallback as useCallback25, useState as useState18 } from "react";
 function isCodexAccountEvent(event) {
   return event.type === "codex.account.switched";
 }
@@ -9182,7 +8807,7 @@ function useCodexAccounts(options = {}) {
   const codexClient = options.codexClient ?? client;
   const sessionId = options.sessionId;
   const sharedEvents = options.events;
-  const load = useCallback23(async () => {
+  const load = useCallback25(async () => {
     const accountsP = codexClient.listCodexAccounts(workspaceId);
     const sessionP = sessionId && codexClient.getSession ? codexClient.getSession(workspaceId, sessionId).catch(() => null) : Promise.resolve(null);
     const [acc, session] = await Promise.all([accountsP, sessionP]);
@@ -9204,7 +8829,7 @@ function useCodexAccounts(options = {}) {
   });
   const { run: runMutation, mutating: pinning, mutationError } = useMutationRunner();
   const { run: runUsageMutation, mutating: refreshingUsage } = useMutationRunner();
-  const [pinningTarget, setPinningTarget] = useState21(null);
+  const [pinningTarget, setPinningTarget] = useState18(null);
   useSessionEventTrigger(
     client,
     workspaceId,
@@ -9216,7 +8841,7 @@ function useCodexAccounts(options = {}) {
       ...sharedEvents !== void 0 ? { events: sharedEvents } : {}
     }
   );
-  const pin = useCallback23(
+  const pin = useCallback25(
     async (target) => {
       if (!sessionId || !codexClient.pinSessionCodexAccount) {
         return false;
@@ -9232,7 +8857,7 @@ function useCodexAccounts(options = {}) {
     },
     [codexClient, workspaceId, sessionId, runMutation, refresh]
   );
-  const refreshUsage = useCallback23(async () => {
+  const refreshUsage = useCallback25(async () => {
     if (!codexClient.refreshCodexUsage) {
       return false;
     }
@@ -9262,6 +8887,54 @@ function useCodexAccounts(options = {}) {
     mutationError
   };
 }
+
+// src/hooks/use-supergrok-accounts.ts
+import { useCallback as useCallback26 } from "react";
+var EMPTY = {
+  accounts: [],
+  activeAccountId: null,
+  settings: {
+    rotationEnabled: false,
+    rotationStrategy: "sharded",
+    activeCredentialId: null
+  }
+};
+function useSuperGrokAccounts(options = {}) {
+  const { client, workspaceId } = useOpenGeni(options);
+  const supergrokClient = options.supergrokClient ?? client;
+  const load = useCallback26(
+    async () => await supergrokClient.listSuperGrokAccounts(workspaceId),
+    [supergrokClient, workspaceId]
+  );
+  const { data, loading, refresh } = usePolledValue(load, {
+    enabled: options.enabled,
+    pollIntervalMs: options.pollIntervalMs
+  });
+  const { run, mutating: activating, mutationError } = useMutationRunner();
+  const activate = useCallback26(
+    async (accountId) => {
+      if (!supergrokClient.activateSuperGrokAccount) return false;
+      const result = await run(async () => {
+        await supergrokClient.activateSuperGrokAccount(workspaceId, accountId);
+        return true;
+      });
+      if (result) await refresh();
+      return result === true;
+    },
+    [refresh, run, supergrokClient, workspaceId]
+  );
+  const state = data ?? EMPTY;
+  return {
+    accounts: state.accounts,
+    activeAccountId: state.activeAccountId,
+    settings: state.settings,
+    loading,
+    refresh,
+    activate,
+    activating,
+    mutationError
+  };
+}
 export {
   ActivityDisclosure,
   ActivityRail,
@@ -9464,6 +9137,7 @@ export {
   unwrapMcpOutput,
   useAvailableModels,
   useBillingUsage,
+  useChannels,
   useCodexAccounts,
   useComposer,
   useDesktopStream,
@@ -9497,6 +9171,7 @@ export {
   useSessionLineage,
   useSessionMcpApprovalPolicy,
   useSlashCommands,
+  useSuperGrokAccounts,
   useTerminalStream,
   useTranscription,
   useTurnQueue,