@opengeni/react 0.28.2 → 0.32.1

package/dist/index.js

@@ -1,42 +1,3 @@
-import {
-  Actions,
-  AttachButton,
-  Attachments,
-  CommandPalette,
-  CommandPalette2,
-  ComposerTranscriptionControl,
-  Confirmation,
-  Controls,
-  Footer,
-  Frame,
-  Help,
-  Hint,
-  INITIAL_TRANSCRIPTION_CONTROL_STATE,
-  Input,
-  ModelPicker,
-  ModelPicker2,
-  OPEN_WORKSTREAM_CONTROL_EVENT,
-  PauseButton,
-  PausedState,
-  RestoredResources,
-  Root,
-  SendButton,
-  Status,
-  Surface,
-  appendFinalTranscript,
-  argHint,
-  defaultChatComposerMessages,
-  defaultCommands,
-  filterCommands,
-  firstMissingRequiredArg,
-  hasPermission,
-  matchCommand,
-  parseCommandLine,
-  transitionTranscriptionControl,
-  useChatComposerController,
-  useSlashCommands,
-  useTranscription
-} from "./chunk-XVVQP7A4.js";
 import {
   CONNECTION_STATUS_META,
   ConnectionDot,
@@ -64,12 +25,41 @@ import {
   healthPulses,
   pointsFor,
   useMachines
-} from "./chunk-BC6RKIHS.js";
+} from "./chunk-GZ4KR67U.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-A2WITZTI.js";
 import {
   ActivityDisclosure,
   ActivityRail,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   BodyNote,
+  CopyButton,
+  CopyHoverFrame,
   DisclosureDefaultsProvider,
   HumanInputForm,
   LightboxProvider,
@@ -82,15 +72,21 @@ import {
   QueueSurface,
   SESSION_STATUS_META,
   ScreenshotFigure,
+  SessionChrome,
   SessionStatus,
   StatusDot,
   TermBlock,
   Thumbnail,
   TimelineRow,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
   TurnSummary,
   answersFromDrafts,
   applyPatchOps,
   controlCaret,
+  copyTextToClipboard,
   createDefaultToolRegistry,
   createToolRegistry,
   defaultHumanInputFormMessages,
@@ -105,68 +101,102 @@ import {
   rawTypeOf,
   redactSecrets,
   sandboxCommandExitCode,
+  sessionChromeGoalPillState,
   stripExecBanner,
+  tableElementToTsv,
   tailPeek,
   unwrapMcpOutput,
   useLightbox,
   useLightboxOptional,
+  usePortalTokenStyle,
   useThemeType,
   v4aToGitFileDiff
-} from "./chunk-WAA247AB.js";
+} from "./chunk-ZNNE2VES.js";
 import {
-  cn
-} from "./chunk-TK7G6XLT.js";
+  buildTimeline,
+  creditExhaustedFromEvents,
+  extractSessionRef,
+  groupTimeline,
+  sessionStatusFromEvents,
+  toolDisplayName
+} from "./chunk-TCCE5ZU5.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-PMSGE233.js";
+  Actions,
+  AttachButton,
+  Attachments,
+  CommandPalette,
+  CommandPalette2,
+  ComposerTranscriptionControl,
+  Confirmation,
+  Controls,
+  Footer,
+  Frame,
+  Help,
+  Hint,
+  INITIAL_TRANSCRIPTION_CONTROL_STATE,
+  Input,
+  ModelPicker,
+  ModelPicker2,
+  OPEN_WORKSTREAM_CONTROL_EVENT,
+  PauseButton,
+  PausedState,
+  RestoredResources,
+  Root,
+  SendButton,
+  Status,
+  Surface,
+  appendFinalTranscript,
+  argHint,
+  defaultChatComposerMessages,
+  defaultCommands,
+  filterCommands,
+  firstMissingRequiredArg,
+  hasPermission,
+  matchCommand,
+  parseCommandLine,
+  transitionTranscriptionControl,
+  useChatComposerController,
+  useSlashCommands,
+  useTranscription,
+  useVoiceInput
+} from "./chunk-WY2QN2CX.js";
 import {
   FILE_ONLY_MESSAGE_TEXT,
   composeSendInput,
   shouldSteerOnKey,
   shouldSubmitOnKey,
   useComposer
-} from "./chunk-4F2YLLHP.js";
+} from "./chunk-KZRUYCL4.js";
 import {
   useMutationRunner,
   useOpenGeni,
   useOpenGeniClient,
   usePolledValue,
   useSessionEventTrigger
-} from "./chunk-HQFPO7VX.js";
+} from "./chunk-7CJOAW3V.js";
 import {
-  buildTimeline,
-  creditExhaustedFromEvents,
-  extractSessionRef,
-  groupTimeline,
-  sessionStatusFromEvents,
-  toolDisplayName
-} from "./chunk-OCHBZ2X7.js";
+  advancedSourceSummary,
+  availabilityReasonLabel,
+  billingClassForModel,
+  billingClassLabel,
+  coerceReasoningEffortForModel,
+  defaultEffortForModel,
+  effortOptionsForModel,
+  findPickerRow,
+  groupPickerRowsByBillingClass,
+  labelLatencyMode,
+  payerSummaryForModel,
+  projectPickerRows,
+  runnableLatencyModesForModel,
+  sortPickerRows
+} from "./chunk-U255M5EZ.js";
 import {
+  cn
+} from "./chunk-TK7G6XLT.js";
+import {
+  COMPOSER_PAYMENT_REQUIRED_MESSAGE,
   CREDIT_EXHAUSTION_MESSAGE,
+  composerSubmissionErrorMessage,
   formatBytes,
   formatRelativeTime,
   humanizeFailureReason,
@@ -174,9 +204,61 @@ import {
   stringifyPayload,
   truncate,
   tryParseJson
-} from "./chunk-M7X4JZOD.js";
+} from "./chunk-4QOQ2DSR.js";
 import "./chunk-YDNWMKXO.js";
 
+// src/hooks/use-last-started-turn-policy.ts
+import { useCallback, useEffect } from "react";
+function isLastStartedTurnPolicyEvent(event) {
+  return event.type === "turn.started";
+}
+function policyFromTurn(turn) {
+  if (!turn) return null;
+  return {
+    model: turn.model,
+    reasoningEffort: turn.reasoningEffort,
+    latencyMode: turn.latencyMode ?? "standard",
+    turnId: turn.id
+  };
+}
+function useLastStartedTurnPolicy(sessionId, options = {}) {
+  const { client, workspaceId, workspaceControlEvent, registerSessionReconciler } = useOpenGeni(options);
+  const enabled = (options.enabled ?? true) && Boolean(sessionId);
+  const load = useCallback(async () => {
+    if (!sessionId) return null;
+    const turns = await client.listTurns(workspaceId, sessionId, { latestStarted: true });
+    return policyFromTurn(turns[0]);
+  }, [client, workspaceId, sessionId]);
+  const { data, loading, error, refresh } = usePolledValue(load, {
+    pollIntervalMs: options.pollIntervalMs,
+    enabled
+  });
+  useEffect(() => {
+    if (enabled && workspaceControlEvent) void refresh();
+  }, [enabled, refresh, workspaceControlEvent]);
+  useEffect(() => {
+    if (!sessionId || !enabled) return;
+    return registerSessionReconciler(sessionId, "last-started-turn-policy", refresh);
+  }, [enabled, refresh, registerSessionReconciler, sessionId]);
+  useSessionEventTrigger(
+    client,
+    workspaceId,
+    sessionId,
+    isLastStartedTurnPolicyEvent,
+    () => void refresh(),
+    {
+      events: options.events,
+      enabled: enabled && options.events !== void 0
+    }
+  );
+  return {
+    policy: enabled ? data : null,
+    loading,
+    error,
+    refresh
+  };
+}
+
 // src/components/chat-composer.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function ChatComposer({
@@ -249,11 +331,11 @@ function ChatComposer({
 }
 
 // src/hooks/use-scheduled-tasks.ts
-import { useCallback } from "react";
+import { useCallback as useCallback2 } from "react";
 function useScheduledTasks(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
-  const load = useCallback(
+  const load = useCallback2(
     async () => await client.listScheduledTasks(workspaceId, limit !== void 0 ? { limit } : {}),
     [client, workspaceId, limit]
   );
@@ -270,7 +352,7 @@ function useScheduledTasks(options = {}) {
 }
 
 // src/hooks/use-workspace-sessions.ts
-import { useCallback as useCallback2, useEffect, useRef } from "react";
+import { useCallback as useCallback3, useEffect as useEffect2, useRef } from "react";
 function useWorkspaceSessions(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
   const limit = options.limit;
@@ -289,10 +371,10 @@ function useWorkspaceSessions(options = {}) {
   ].join("\0");
   const previousQueryKey = useRef(queryKey);
   const queryKeyTransition = previousQueryKey.current !== queryKey;
-  useEffect(() => {
+  useEffect2(() => {
     previousQueryKey.current = queryKey;
   }, [queryKey]);
-  const load = useCallback2(
+  const load = useCallback3(
     async () => ({
       queryKey,
       page: await client.listSessionPage(workspaceId, {
@@ -331,10 +413,10 @@ function useWorkspaceSessions(options = {}) {
 }
 
 // src/hooks/use-environments.ts
-import { useCallback as useCallback3, useMemo } from "react";
+import { useCallback as useCallback4, useMemo } from "react";
 function useVariableSets(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback3(
+  const load = useCallback4(
     async () => await client.listVariableSets(workspaceId),
     [client, workspaceId]
   );
@@ -343,7 +425,7 @@ function useVariableSets(options = {}) {
     enabled: options.enabled
   });
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
-  const create = useCallback3(
+  const create = useCallback4(
     async (request) => {
       const result = await run(() => client.createVariableSet(workspaceId, request));
       if (result) {
@@ -353,7 +435,7 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const update = useCallback3(
+  const update = useCallback4(
     async (variableSetId, request) => {
       const result = await run(() => client.updateVariableSet(workspaceId, variableSetId, request));
       if (result) {
@@ -363,7 +445,7 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const remove = useCallback3(
+  const remove = useCallback4(
     async (variableSetId) => {
       const result = await run(async () => {
         await client.deleteVariableSet(workspaceId, variableSetId);
@@ -376,7 +458,7 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const setVariable = useCallback3(
+  const setVariable = useCallback4(
     async (variableSetId, name, value) => {
       const result = await run(
         () => client.setVariableSetVariable(workspaceId, variableSetId, name, value)
@@ -388,7 +470,7 @@ function useVariableSets(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const deleteVariable = useCallback3(
+  const deleteVariable = useCallback4(
     async (variableSetId, name) => {
       const result = await run(async () => {
         await client.deleteVariableSetVariable(workspaceId, variableSetId, name);
@@ -436,16 +518,16 @@ function useEnvironments(options = {}) {
 }
 
 // src/hooks/use-rigs.ts
-import { useCallback as useCallback4 } from "react";
+import { useCallback as useCallback5 } from "react";
 function useRigs(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback4(async () => await client.listRigs(workspaceId), [client, workspaceId]);
+  const load = useCallback5(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 = useCallback4(
+  const create = useCallback5(
     async (request) => {
       const result = await run(() => client.createRig(workspaceId, request));
       if (result) {
@@ -455,7 +537,7 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const update = useCallback4(
+  const update = useCallback5(
     async (rigId, request) => {
       const result = await run(() => client.updateRig(workspaceId, rigId, request));
       if (result) {
@@ -465,7 +547,7 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const remove = useCallback4(
+  const remove = useCallback5(
     async (rigId) => {
       const result = await run(async () => {
         await client.deleteRig(workspaceId, rigId);
@@ -478,13 +560,13 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const listVersions = useCallback4(
+  const listVersions = useCallback5(
     async (rigId) => {
       return await run(() => client.listRigVersions(workspaceId, rigId));
     },
     [client, workspaceId, run]
   );
-  const activateVersion = useCallback4(
+  const activateVersion = useCallback5(
     async (rigId, versionId) => {
       const result = await run(() => client.activateRigVersion(workspaceId, rigId, versionId));
       if (result) {
@@ -494,13 +576,13 @@ function useRigs(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const listChanges = useCallback4(
+  const listChanges = useCallback5(
     async (rigId) => {
       return await run(() => client.listRigChanges(workspaceId, rigId));
     },
     [client, workspaceId, run]
   );
-  const proposeChange = useCallback4(
+  const proposeChange = useCallback5(
     async (rigId, request) => {
       const result = await run(() => client.proposeRigChange(workspaceId, rigId, request));
       if (result) {
@@ -529,7 +611,7 @@ function useRigs(options = {}) {
 }
 function useRig(rigId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback4(
+  const load = useCallback5(
     async () => await client.getRig(workspaceId, rigId),
     [client, workspaceId, rigId]
   );
@@ -538,7 +620,7 @@ function useRig(rigId, options = {}) {
     enabled: options.enabled
   });
   const { run, mutating, mutationError, clearMutationError } = useMutationRunner();
-  const update = useCallback4(
+  const update = useCallback5(
     async (request) => {
       const result = await run(() => client.updateRig(workspaceId, rigId, request));
       if (result) {
@@ -548,14 +630,14 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const remove = useCallback4(async () => {
+  const remove = useCallback5(async () => {
     const result = await run(async () => {
       await client.deleteRig(workspaceId, rigId);
       return true;
     });
     return result === true;
   }, [client, workspaceId, rigId, run]);
-  const activateVersion = useCallback4(
+  const activateVersion = useCallback5(
     async (versionId) => {
       const result = await run(() => client.activateRigVersion(workspaceId, rigId, versionId));
       if (result) {
@@ -565,7 +647,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const proposeChange = useCallback4(
+  const proposeChange = useCallback5(
     async (request) => {
       const result = await run(() => client.proposeRigChange(workspaceId, rigId, request));
       if (result) {
@@ -575,7 +657,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const verifyChange = useCallback4(
+  const verifyChange = useCallback5(
     async (changeId) => {
       const result = await run(() => client.verifyRigChange(workspaceId, rigId, changeId));
       if (result) {
@@ -585,7 +667,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const promoteChange = useCallback4(
+  const promoteChange = useCallback5(
     async (changeId) => {
       const result = await run(() => client.promoteRigChange(workspaceId, rigId, changeId));
       if (result) {
@@ -595,7 +677,7 @@ function useRig(rigId, options = {}) {
     },
     [client, workspaceId, rigId, run, refresh]
   );
-  const verify = useCallback4(async () => {
+  const verify = useCallback5(async () => {
     return await run(() => client.verifyRig(workspaceId, rigId));
   }, [client, workspaceId, rigId, run]);
   return {
@@ -617,7 +699,7 @@ function useRig(rigId, options = {}) {
 }
 function useRigVersions(rigId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback4(
+  const load = useCallback5(
     async () => await client.listRigVersions(workspaceId, rigId),
     [client, workspaceId, rigId]
   );
@@ -634,7 +716,7 @@ function useRigVersions(rigId, options = {}) {
 }
 function useRigChanges(rigId, options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback4(
+  const load = useCallback5(
     async () => await client.listRigChanges(workspaceId, rigId),
     [client, workspaceId, rigId]
   );
@@ -651,17 +733,17 @@ function useRigChanges(rigId, options = {}) {
 }
 
 // src/hooks/use-packs.ts
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 var EMPTY_INSTALLATIONS = [];
 function usePacks(options = {}) {
   const { client, workspaceId } = useOpenGeni(options);
-  const load = useCallback5(async () => await client.listPacks(workspaceId), [client, workspaceId]);
+  const load = useCallback6(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 = useCallback5(
+  const register = useCallback6(
     async (manifest) => {
       const result = await run(() => client.registerPack(workspaceId, manifest));
       if (result) {
@@ -671,7 +753,7 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const enable = useCallback5(
+  const enable = useCallback6(
     async (packId, request = {}) => {
       const result = await run(() => client.enablePack(workspaceId, packId, request));
       if (result) {
@@ -681,7 +763,7 @@ function usePacks(options = {}) {
     },
     [client, workspaceId, run, refresh]
   );
-  const remove = useCallback5(
+  const remove = useCallback6(
     async (packId) => {
       const result = await run(async () => {
         await client.deletePack(workspaceId, packId);
@@ -695,7 +777,7 @@ function usePacks(options = {}) {
     [client, workspaceId, run, refresh]
   );
   const installations = data?.installations ?? EMPTY_INSTALLATIONS;
-  const installationFor = useCallback5(
+  const installationFor = useCallback6(
     (packId) => installations.find((installation) => installation.packId === packId) ?? null,
     [installations]
   );
@@ -716,16 +798,16 @@ function usePacks(options = {}) {
 }
 
 // src/hooks/use-workspaces.ts
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback7 } from "react";
 function useWorkspaces(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback6(async () => await client.listWorkspaces(), [client]);
+  const load = useCallback7(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 = useCallback6(
+  const create = useCallback7(
     async (request) => {
       const result = await run(() => client.createWorkspace(request));
       if (result) {
@@ -735,7 +817,7 @@ function useWorkspaces(options = {}) {
     },
     [client, run, refresh]
   );
-  const update = useCallback6(
+  const update = useCallback7(
     async (workspaceId, request) => {
       const result = await run(() => client.updateWorkspace(workspaceId, request));
       if (result) {
@@ -759,12 +841,12 @@ function useWorkspaces(options = {}) {
 }
 
 // src/hooks/use-billing-usage.ts
-import { useCallback as useCallback7 } from "react";
+import { useCallback as useCallback8 } from "react";
 function useBillingUsage(options = {}) {
   const client = useOpenGeniClient(options);
   const accountId = options.accountId;
   const workspaceId = options.workspaceId;
-  const load = useCallback7(
+  const load = useCallback8(
     async () => await client.getBillingUsage({
       ...accountId !== void 0 ? { accountId } : {},
       ...workspaceId !== void 0 ? { workspaceId } : {}
@@ -785,10 +867,10 @@ function useBillingUsage(options = {}) {
 }
 
 // src/hooks/use-available-models.ts
-import { useCallback as useCallback8 } from "react";
+import { useCallback as useCallback9 } from "react";
 function useAvailableModels(options = {}) {
   const client = useOpenGeniClient(options);
-  const load = useCallback8(async () => await client.getClientConfig(), [client]);
+  const load = useCallback9(async () => await client.getClientConfig(), [client]);
   const state = usePolledValue(load, {
     pollIntervalMs: options.pollIntervalMs,
     enabled: options.enabled
@@ -801,13 +883,42 @@ function useAvailableModels(options = {}) {
     refresh: state.refresh
   };
 }
+function useWorkspaceModelCatalog(options) {
+  const client = useOpenGeniClient(options);
+  const load = useCallback9(async () => {
+    if (!options.workspaceId) {
+      return { models: [], defaultModel: null };
+    }
+    const [catalog, config] = await Promise.all([
+      client.getWorkspaceModelCatalog(options.workspaceId),
+      client.getClientConfig()
+    ]);
+    return {
+      models: catalog.models,
+      defaultModel: config.defaultModel
+    };
+  }, [client, options.workspaceId]);
+  const state = usePolledValue(load, {
+    pollIntervalMs: options.pollIntervalMs,
+    enabled: options.enabled !== false && Boolean(options.workspaceId)
+  });
+  const rows = sortPickerRows(projectPickerRows(state.data?.models ?? []));
+  return {
+    models: state.data?.models ?? [],
+    rows,
+    defaultModel: state.data?.defaultModel ?? null,
+    loading: state.loading,
+    error: state.error,
+    refresh: state.refresh
+  };
+}
 
 // src/hooks/use-session-capabilities.ts
 import {
   OpenGeniApiError,
   applyUrlRotation
 } from "@opengeni/sdk";
-import { useCallback as useCallback9, useEffect as useEffect2, useRef as useRef2, useState } from "react";
+import { useCallback as useCallback10, useEffect as useEffect3, useRef as useRef2, useState } from "react";
 function desktopAttachable(cell) {
   if (cell.transport !== null) return true;
   return cell.reason === "lease_cold" || cell.reason === "not_provisioned" || cell.reason === null;
@@ -847,10 +958,10 @@ function useSessionCapabilities(sessionId, options = {}) {
   const epochRef = useRef2(0);
   const viewerIdRef = useRef2(null);
   const previousIdentityRef = useRef2(identityKey);
-  const renegotiate = useCallback9(() => {
+  const renegotiate = useCallback10(() => {
     setNonce((n) => n + 1);
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     const identityChanged = previousIdentityRef.current !== identityKey;
     previousIdentityRef.current = identityKey;
     if (identityChanged) {
@@ -1047,7 +1158,7 @@ function useSessionCapabilities(sessionId, options = {}) {
     identityKey
   ]);
   const events = options.events;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!events || events.length === 0) return;
     setCapabilities((prev) => {
       if (!prev || !prev.DesktopStream.url) return prev;
@@ -1084,7 +1195,7 @@ import {
   desktopSocketUrl,
   nextDesktopState
 } from "@opengeni/sdk";
-import { useEffect as useEffect4, useRef as useRef4, useState as useState3 } from "react";
+import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
 
 // src/lib/relay-wire.ts
 import { BinaryReader, BinaryWriter } from "@bufbuild/protobuf/wire";
@@ -1157,7 +1268,7 @@ function decodeStreamFrame(bytes) {
 }
 
 // src/hooks/use-relay-frame-stream.ts
-import { useEffect as useEffect3, useRef as useRef3, useState as useState2 } from "react";
+import { useEffect as useEffect4, useRef as useRef3, useState as useState2 } from "react";
 var TAG_OPEN = 1;
 var TAG_OPENACK = 2;
 var TAG_FRAME = 3;
@@ -1186,7 +1297,7 @@ function useRelayFrameStream(options) {
   const token = capability?.token ?? null;
   const factoryRef = useRef3(webSocketFactory);
   factoryRef.current = webSocketFactory;
-  useEffect3(() => {
+  useEffect4(() => {
     if (typeof window === "undefined") return;
     if (transport !== "relay-frames" || !url) {
       setBoth("idle");
@@ -1399,7 +1510,7 @@ function useDesktopStream(options) {
   modeRef.current = mode;
   rfbFactoryRef.current = rfbFactory;
   const viewOnlyFor = (m, want) => m === "read-only" || !want;
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof window === "undefined") return;
     if (transport !== "vnc-ws" || !url) {
       setBoth("idle");
@@ -1462,11 +1573,11 @@ function useDesktopStream(options) {
       }
     };
   }, [url, token, transport, nonce]);
-  useEffect4(() => {
+  useEffect5(() => {
     const rfb = rfbRef.current;
     if (rfb) rfb.viewOnly = viewOnlyFor(mode, interactive);
   }, [interactive, mode, state]);
-  useEffect4(() => {
+  useEffect5(() => {
     const rfb = rfbRef.current;
     if (rfb) {
       rfb.clipViewport = false;
@@ -1486,7 +1597,7 @@ import {
   ttydResizeFrame,
   TtydServerCommand
 } from "@opengeni/sdk";
-import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef5, useState as useState4 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo2, useRef as useRef5, useState as useState4 } from "react";
 function decodeFrame(data) {
   if (typeof data === "string") {
     return { command: data.charAt(0), payload: data.slice(1) };
@@ -1511,7 +1622,7 @@ function useTerminalStream(options) {
   const transport = capability?.transport ?? null;
   const url = capability?.url ?? null;
   const token = capability?.token ?? null;
-  useEffect5(() => {
+  useEffect6(() => {
     if (typeof window === "undefined" || typeof WebSocket === "undefined") return;
     if (transport !== "pty-ws" || !url) {
       setStatus("closed");
@@ -1608,7 +1719,7 @@ function useTerminalStream(options) {
 
 // src/hooks/use-sandbox-terminal.ts
 import { OpenGeniApiError as OpenGeniApiError2 } from "@opengeni/sdk";
-import { useCallback as useCallback10, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef6, useState as useState5 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect7, useMemo as useMemo3, useRef as useRef6, useState as useState5 } from "react";
 function useSandboxTerminal(sessionId, options) {
   const { client, workspaceId } = useOpenGeni(options);
   const includeAgentFirehose = options.includeAgentFirehose ?? true;
@@ -1622,14 +1733,14 @@ function useSandboxTerminal(sessionId, options) {
   const [reopenNonce, setReopenNonce] = useState5(0);
   const currentIdentityRef = useRef6(identityKey);
   currentIdentityRef.current = identityKey;
-  useEffect6(() => {
+  useEffect7(() => {
     setStateIdentity(identityKey);
     setOpenedPtyId(null);
     setOpenError(null);
   }, [identityKey]);
   const openInFlight = useRef6(false);
   const boxWarm = liveness === void 0 || liveness === "warm" || liveness === "draining";
-  useEffect6(() => {
+  useEffect7(() => {
     if (!interactive || !sessionId || ptyFilter || !boxWarm) {
       setOpenError(null);
       return;
@@ -1724,7 +1835,7 @@ function useSandboxTerminal(sessionId, options) {
       });
     };
   }, [client, workspaceId, sessionId, activePtyId, canWrite, openedPtyId, identityKey]);
-  const close = useCallback10(() => {
+  const close = useCallback11(() => {
     if (!activePtyId || !sessionId) return;
     void client.terminalPtyClose(workspaceId, sessionId, { ptyId: activePtyId }).catch(() => {
     });
@@ -1740,7 +1851,7 @@ function useSandboxTerminal(sessionId, options) {
 }
 
 // src/hooks/use-sandbox-files.ts
-import { useCallback as useCallback11, useEffect as useEffect7, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect8, useRef as useRef7, useState as useState6 } from "react";
 var CapturedFileUnavailableError = class extends Error {
   constructor(path, reason) {
     super(
@@ -1944,7 +2055,7 @@ function useSandboxFiles(sessionId, options = {}) {
   const ownRevisionsRef = useRef7(/* @__PURE__ */ new Set());
   const onMutationError = options.onMutationError;
   treeRef.current = tree;
-  const applyStatus = useCallback11((nodes) => {
+  const applyStatus = useCallback12((nodes) => {
     const overlay = statusRef.current;
     const walk = (list) => {
       let changed = false;
@@ -1967,7 +2078,7 @@ function useSandboxFiles(sessionId, options = {}) {
     };
     return walk(nodes);
   }, []);
-  const refresh = useCallback11(async () => {
+  const refresh = useCallback12(async () => {
     if (!sessionId) return;
     refreshAbortRef.current?.abort();
     const refreshAbort = new AbortController();
@@ -2016,7 +2127,7 @@ function useSandboxFiles(sessionId, options = {}) {
       if (refreshAbortRef.current === refreshAbort) refreshAbortRef.current = null;
     }
   }, [client, workspaceId, sessionId, rootPath, applyStatus]);
-  const seedFromCapture = useCallback11(
+  const seedFromCapture = useCallback12(
     (manifest) => {
       const overlay = /* @__PURE__ */ new Map();
       for (const file of manifest.files) {
@@ -2035,7 +2146,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [applyStatus]
   );
-  const expand = useCallback11(
+  const expand = useCallback12(
     async (path) => {
       if (!sessionId) return;
       if (source === "capture" && capture) return;
@@ -2072,7 +2183,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, capture, source, applyStatus]
   );
-  const readFile = useCallback11(
+  const readFile = useCallback12(
     async (path, requestOptions = {}) => {
       if (!sessionId) throw new Error("no session");
       const identitySignal = identityAbortRef.current.signal;
@@ -2147,7 +2258,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, capture, source]
   );
-  const reconcilePath = useCallback11(
+  const reconcilePath = useCallback12(
     async (path) => {
       if (!sessionId) return;
       const identityGeneration = identityGenerationRef.current;
@@ -2174,7 +2285,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, applyStatus]
   );
-  const runOptimistic = useCallback11(
+  const runOptimistic = useCallback12(
     async (opName, apply, op, reconcileParents) => {
       const identityGeneration = identityGenerationRef.current;
       const snapshot = treeRef.current;
@@ -2204,7 +2315,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [applyStatus, reconcilePath, onMutationError]
   );
-  const writeFile = useCallback11(
+  const writeFile = useCallback12(
     async (path, content, writeOptions = {}) => {
       if (!sessionId) throw new Error("no session");
       const identityGeneration = identityGenerationRef.current;
@@ -2245,7 +2356,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, tree, runOptimistic]
   );
-  const createFile = useCallback11(
+  const createFile = useCallback12(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -2259,7 +2370,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const createDir = useCallback11(
+  const createDir = useCallback12(
     async (path) => {
       if (!sessionId) throw new Error("no session");
       const parent = parentOf(path);
@@ -2273,7 +2384,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const deleteEntry = useCallback11(
+  const deleteEntry = useCallback12(
     async (path, recursive = false) => {
       if (!sessionId) throw new Error("no session");
       await runOptimistic(
@@ -2285,7 +2396,7 @@ function useSandboxFiles(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, runOptimistic]
   );
-  const moveEntry = useCallback11(
+  const moveEntry = useCallback12(
     async (path, newPath, opts) => {
       if (!sessionId) throw new Error("no session");
       const from = parentOf(path);
@@ -2312,7 +2423,7 @@ function useSandboxFiles(sessionId, options = {}) {
   captureRef.current = capture;
   const captureRevision = capture?.revision ?? null;
   const previousIdentityRef = useRef7(identityKey);
-  useEffect7(() => {
+  useEffect8(() => {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
@@ -2356,7 +2467,7 @@ function useSandboxFiles(sessionId, options = {}) {
       refreshGenerationRef.current += 1;
     };
   }, [enabled, isLive2, captureRevision, identityKey, refresh, seedFromCapture]);
-  const refreshGitOverlay = useCallback11(async () => {
+  const refreshGitOverlay = useCallback12(async () => {
     if (!sessionId) return;
     const identityGeneration = identityGenerationRef.current;
     const identitySignal = identityAbortRef.current.signal;
@@ -2380,7 +2491,7 @@ function useSandboxFiles(sessionId, options = {}) {
     }
   }, [client, workspaceId, sessionId, rootPath, applyStatus]);
   const events = options.events;
-  useEffect7(() => {
+  useEffect8(() => {
     if (!enabled || !events) return;
     let sawNew = false;
     for (const event of events) {
@@ -2426,7 +2537,7 @@ function useSandboxFiles(sessionId, options = {}) {
       })();
     }, 150);
   }, [enabled, events, reconcilePath, refreshGitOverlay]);
-  useEffect7(
+  useEffect8(
     () => () => {
       refreshAbortRef.current?.abort();
       identityAbortRef.current.abort();
@@ -2455,7 +2566,7 @@ function useSandboxFiles(sessionId, options = {}) {
 }
 
 // src/hooks/use-sandbox-git.ts
-import { useCallback as useCallback12, useEffect as useEffect8, useMemo as useMemo4, useRef as useRef8, useState as useState7 } from "react";
+import { useCallback as useCallback13, useEffect as useEffect9, useMemo as useMemo4, useRef as useRef8, useState as useState7 } from "react";
 function normalizeRoot(root) {
   const normalized = root.replaceAll("\\", "/").replace(/^\.\/+/, "").replace(/\/+$/, "");
   return normalized === "." ? "" : normalized;
@@ -2538,7 +2649,7 @@ function useSandboxGit(sessionId, options = {}) {
   const refreshGenerationRef = useRef8(0);
   const refreshAbortRef = useRef8(null);
   const lastChangeRef = useRef8(0);
-  const refresh = useCallback12(async () => {
+  const refresh = useCallback13(async () => {
     if (!sessionId) return;
     refreshAbortRef.current?.abort();
     const refreshAbort = new AbortController();
@@ -2606,7 +2717,7 @@ function useSandboxGit(sessionId, options = {}) {
       if (refreshAbortRef.current === refreshAbort) refreshAbortRef.current = null;
     }
   }, [client, workspaceId, sessionId, repoPaths, staged, workspaceWide]);
-  const seedFromCapture = useCallback12(
+  const seedFromCapture = useCallback13(
     (manifest) => {
       const repositories = workspaceWide ? manifest.repos : [repoForPath(manifest, repoPath)].filter(Boolean);
       if (repositories.length === 0) {
@@ -2643,7 +2754,7 @@ function useSandboxGit(sessionId, options = {}) {
   captureRef.current = capture;
   const captureRevision = capture?.revision ?? null;
   const previousIdentityRef = useRef8(identityKey);
-  useEffect8(() => {
+  useEffect9(() => {
     refreshAbortRef.current?.abort();
     refreshAbortRef.current = null;
     refreshGenerationRef.current += 1;
@@ -2680,7 +2791,7 @@ function useSandboxGit(sessionId, options = {}) {
     };
   }, [enabled, isLive2, captureRevision, identityKey, refresh, seedFromCapture]);
   const events = options.events;
-  useEffect8(() => {
+  useEffect9(() => {
     if (!enabled || !events) return;
     let latest = lastChangeRef.current;
     for (const event of events) {
@@ -2712,7 +2823,7 @@ function useSandboxGit(sessionId, options = {}) {
 }
 
 // src/hooks/use-workspace-capture.ts
-import { useCallback as useCallback13, useEffect as useEffect9, useRef as useRef9, useState as useState8 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect10, useRef as useRef9, useState as useState8 } from "react";
 var REVISION_CAPTURED = "workspace.revision.captured";
 var REVISION_DEGRADED = "workspace.revision.degraded";
 var MANIFEST_FETCH_TIMEOUT_MS = 15e3;
@@ -2762,7 +2873,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
   const generationRef = useRef9(0);
   const requestAbortRef = useRef9(null);
   const lastSeqRef = useRef9(0);
-  const refresh = useCallback13(async () => {
+  const refresh = useCallback14(async () => {
     if (!sessionId) return;
     requestAbortRef.current?.abort();
     const requestAbort = new AbortController();
@@ -2835,7 +2946,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
       if (requestAbortRef.current === requestAbort) requestAbortRef.current = null;
     }
   }, [client, workspaceId, sessionId, identityKey]);
-  useEffect9(() => {
+  useEffect10(() => {
     requestAbortRef.current?.abort();
     requestAbortRef.current = null;
     generationRef.current += 1;
@@ -2858,7 +2969,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
     };
   }, [enabled, refresh]);
   const events = options.events;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!enabled || !events) return;
     let newest = null;
     for (const event of events) {
@@ -2884,7 +2995,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
   const visibleCapture = identityMatches ? capture : null;
   const visibleAnnouncedRevision = identityMatches ? announcedRevision : null;
   const loadedRevision = visibleCapture?.revision ?? null;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!enabled) return;
     if (visibleAnnouncedRevision === null) return;
     if (loadedRevision !== null && visibleAnnouncedRevision <= loadedRevision) return;
@@ -2906,7 +3017,7 @@ function useWorkspaceCapture(sessionId, options = {}) {
 }
 
 // src/hooks/use-workspace-edit.ts
-import { useCallback as useCallback14, useEffect as useEffect10, useRef as useRef10, useState as useState9 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect11, useRef as useRef10, useState as useState9 } from "react";
 function isLive(liveness) {
   return liveness === "warm" || liveness === "draining";
 }
@@ -2930,7 +3041,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
   const identityGenerationRef = useRef10(0);
   const flushAttemptRef = useRef10(0);
   const readAbortRef = useRef10(null);
-  useEffect10(() => {
+  useEffect11(() => {
     identityGenerationRef.current += 1;
     flushAttemptRef.current += 1;
     readAbortRef.current?.abort();
@@ -2949,7 +3060,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
       readAbortRef.current = null;
     };
   }, [identityKey]);
-  const edit = useCallback14(
+  const edit = useCallback15(
     (content) => {
       if (stateIdentity !== identityKey) return;
       if (offline) return;
@@ -2965,7 +3076,7 @@ function useWorkspaceEdit(sessionId, options = {}) {
     },
     [offline, live, onWarmRequested, stateIdentity, identityKey]
   );
-  const doFlush = useCallback14(
+  const doFlush = useCallback15(
     async (force) => {
       if (stateIdentity !== identityKey) return;
       if (!sessionId || !path) return;
@@ -3015,17 +3126,17 @@ function useWorkspaceEdit(sessionId, options = {}) {
     },
     [client, workspaceId, sessionId, path, baseContent, stateIdentity, identityKey]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     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 = useCallback14(async () => {
+  const overwrite = useCallback15(async () => {
     await doFlush(true);
   }, [doFlush]);
-  const discard = useCallback14(() => {
+  const discard = useCallback15(() => {
     setBuffer(null);
     setWantsWarm(false);
     setFlush("idle");
@@ -3128,7 +3239,7 @@ function useMachineChip(input) {
 
 // src/components/approval-surface.tsx
 import { CheckIcon, ShieldCheckIcon, XIcon } from "lucide-react";
-import { useEffect as useEffect11, useId, useRef as useRef11, useState as useState10 } from "react";
+import { useEffect as useEffect12, useId, useRef as useRef11, useState as useState10 } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultApprovalSurfaceMessages = {
   title: "Approval required",
@@ -3171,7 +3282,7 @@ function ApprovalSurface({
   const [pending, setPending] = useState10(null);
   const pendingRef = useRef11(null);
   const [decisionError, setDecisionError] = useState10(null);
-  useEffect11(() => {
+  useEffect12(() => {
     if (pending && !approvals.some((approval) => approvalOwnershipKey(approval) === pending.approvalKey)) {
       if (pendingRef.current?.token === pending.token) {
         pendingRef.current = null;
@@ -3328,7 +3439,7 @@ function FleetTile({ session, title, subtitle, onOpen, className }) {
 }
 
 // src/components/sandbox-terminal.tsx
-import { useEffect as useEffect12, useRef as useRef12, useState as useState11 } from "react";
+import { useEffect as useEffect13, useRef as useRef12, useState as useState11 } from "react";
 
 // src/lib/xterm-theme.ts
 var DARK_ANSI = {
@@ -3542,7 +3653,7 @@ function SandboxTerminal({
     if (!activated) setActivated(true);
     onActivate?.();
   }
-  useEffect12(() => {
+  useEffect13(() => {
     if (typeof window === "undefined") return;
     const el = containerRef.current;
     if (!el) return;
@@ -3654,19 +3765,19 @@ function SandboxTerminal({
       setReady(false);
     };
   }, []);
-  useEffect12(() => {
+  useEffect13(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     term.options.disableStdin = !interactive;
     term.options.cursorBlink = interactive;
   }, [ready, interactive]);
-  useEffect12(() => {
+  useEffect13(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     const next = theme ?? xtermThemeFromTokens(containerRef.current);
     if (next) term.options.theme = next;
   }, [ready, theme]);
-  useEffect12(() => {
+  useEffect13(() => {
     const term = termRef.current;
     if (!ready || !term) return;
     if (!booting) {
@@ -3687,7 +3798,7 @@ function SandboxTerminal({
     const id = setInterval(paint, 1e3);
     return () => clearInterval(id);
   }, [ready, booting]);
-  useEffect12(() => {
+  useEffect13(() => {
     const term = termRef.current;
     if (!ready || !term || ptyMode) return;
     for (const chunk of result.chunks) {
@@ -3697,7 +3808,7 @@ function SandboxTerminal({
       term.write(chunk.text);
     }
   }, [ready, result.chunks, ptyMode]);
-  useEffect12(() => {
+  useEffect13(() => {
     const term = termRef.current;
     if (!ready || !term || !interactive) return;
     const sink = ptyMode ? ptyWrite : result.write;
@@ -3705,14 +3816,14 @@ function SandboxTerminal({
     const sub = term.onData((data) => sink(data));
     return () => sub.dispose();
   }, [ready, interactive, ptyMode, ptyWrite, result.write]);
-  useEffect12(() => {
+  useEffect13(() => {
     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]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (typeof window === "undefined") return;
     const refit = () => {
       try {
@@ -3846,61 +3957,17 @@ import {
   Trash2Icon
 } from "lucide-react";
 import {
-  useCallback as useCallback15,
+  useCallback as useCallback16,
   useEffect as useEffect15,
   useId as useId2,
   useLayoutEffect,
   useMemo as useMemo7,
   useRef as useRef13,
-  useState as useState13
+  useState as useState12
 } from "react";
 import { AlertDialog } from "radix-ui";
 import { VList } from "virtua";
 
-// src/lib/use-portal-token-style.ts
-import { useEffect as useEffect13, useState as useState12 } from "react";
-function usePortalTokenStyle(sourceRef) {
-  const [style, setStyle] = useState12({});
-  useEffect13(() => {
-    const source = sourceRef.current;
-    if (!source || typeof MutationObserver === "undefined") return;
-    let signature = "";
-    const sync = () => {
-      const computed = getComputedStyle(source);
-      const next = { colorScheme: computed.colorScheme };
-      for (let index = 0; index < computed.length; index += 1) {
-        const property = computed.item(index);
-        if (!property.startsWith("--og-")) continue;
-        next[property] = computed.getPropertyValue(property);
-      }
-      const nextSignature = JSON.stringify(next);
-      if (nextSignature !== signature) {
-        signature = nextSignature;
-        setStyle(next);
-      }
-    };
-    const observers = [];
-    let ancestor = source;
-    while (ancestor) {
-      const observer = new MutationObserver(sync);
-      observer.observe(ancestor, {
-        attributes: true,
-        attributeFilter: ["class", "data-og-theme", "style"]
-      });
-      observers.push(observer);
-      ancestor = ancestor.parentElement;
-    }
-    const colorScheme = window.matchMedia?.("(prefers-color-scheme: dark)");
-    colorScheme?.addEventListener?.("change", sync);
-    sync();
-    return () => {
-      for (const observer of observers) observer.disconnect();
-      colorScheme?.removeEventListener?.("change", sync);
-    };
-  }, [sourceRef]);
-  return style;
-}
-
 // src/lib/use-unicode-fonts.ts
 import { useEffect as useEffect14, useMemo as useMemo6 } from "react";
 var japaneseScript = /[\u3040-\u30ff\u3400-\u4dbf\u4e00-\u9fff\uf900-\ufaff]/u;
@@ -3978,22 +4045,22 @@ function FileBrowser({
   confirmDelete,
   className
 }) {
-  const [expanded, setExpanded] = useState13(/* @__PURE__ */ new Set());
-  const [loadingPaths, setLoadingPaths] = useState13(/* @__PURE__ */ new Set());
-  const [active, setActive] = useState13(null);
-  const [draftCreate, setDraftCreate] = useState13(null);
-  const [draftRename, setDraftRename] = useState13(null);
-  const [dragOver, setDragOver] = useState13(null);
-  const [menu, setMenu] = useState13(null);
-  const [pendingDelete, setPendingDelete] = useState13(null);
-  const [busy, setBusy] = useState13(false);
-  const [coarsePointer, setCoarsePointer] = useState13(false);
+  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 treeId = useId2();
   const containerRef = useRef13(null);
   const deleteReturnFocusRef = useRef13(null);
   const vlistRef = useRef13(null);
   const portalTokenStyle = usePortalTokenStyle(containerRef);
-  const getTreeElement = useCallback15(
+  const getTreeElement = useCallback16(
     () => typeof document === "undefined" ? null : document.getElementById(treeId),
     [treeId]
   );
@@ -4012,7 +4079,7 @@ function FileBrowser({
     }
   }, []);
   const cursor = active ?? selectedPath ?? null;
-  const expand = useCallback15(
+  const expand = useCallback16(
     async (path) => {
       const node = findNode(result.tree, path);
       if (node && node.kind === "dir" && node.children === void 0) {
@@ -4030,14 +4097,14 @@ function FileBrowser({
     },
     [result]
   );
-  const open = useCallback15(
+  const open = useCallback16(
     (path) => {
       setExpanded((prev) => new Set(prev).add(path));
       void expand(path);
     },
     [expand]
   );
-  const toggle = useCallback15(
+  const toggle = useCallback16(
     async (node) => {
       if (node.kind !== "dir") return;
       const isOpen = expanded.has(node.path);
@@ -4112,7 +4179,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 = useCallback15(
+  const performDelete = useCallback16(
     async (node) => {
       if (!supportsMutation) return;
       const recursive = node.kind === "dir";
@@ -4126,7 +4193,7 @@ function FileBrowser({
     },
     [supportsMutation, result]
   );
-  const runDelete = useCallback15(
+  const runDelete = useCallback16(
     async (node, returnFocus) => {
       if (!supportsMutation) return;
       setMenu(null);
@@ -4139,7 +4206,7 @@ function FileBrowser({
     },
     [supportsMutation, confirmDelete, performDelete]
   );
-  const closePendingDelete = useCallback15(
+  const closePendingDelete = useCallback16(
     (restoreTrigger) => {
       const returnTarget = restoreTrigger ? deleteReturnFocusRef.current : getTreeElement();
       deleteReturnFocusRef.current = null;
@@ -4153,7 +4220,7 @@ function FileBrowser({
     },
     [getTreeElement]
   );
-  const commitCreate = useCallback15(
+  const commitCreate = useCallback16(
     async (name) => {
       const draft = draftCreate;
       setDraftCreate(null);
@@ -4178,7 +4245,7 @@ function FileBrowser({
     },
     [draftCreate, supportsMutation, result, open, onSelectFile]
   );
-  const commitRename = useCallback15(
+  const commitRename = useCallback16(
     async (name) => {
       const draft = draftRename;
       setDraftRename(null);
@@ -4201,7 +4268,7 @@ function FileBrowser({
     },
     [draftRename, supportsMutation, result, selectedPath, active, onSelectFile]
   );
-  const startCreate = useCallback15(
+  const startCreate = useCallback16(
     (kind) => {
       if (!supportsMutation) return;
       const anchor = cursor ? findNode(result.tree, cursor) : void 0;
@@ -4213,7 +4280,7 @@ function FileBrowser({
     },
     [supportsMutation, cursor, result.tree, open]
   );
-  const startRename = useCallback15(
+  const startRename = useCallback16(
     (node) => {
       if (!supportsMutation) return;
       setDraftCreate(null);
@@ -4222,7 +4289,7 @@ function FileBrowser({
     },
     [supportsMutation]
   );
-  const onDropOnto = useCallback15(
+  const onDropOnto = useCallback16(
     async (targetDir, sourcePath) => {
       setDragOver(null);
       if (!supportsMutation || !sourcePath) return;
@@ -4246,7 +4313,7 @@ function FileBrowser({
     },
     [supportsMutation, result, selectedPath, active, onSelectFile]
   );
-  const onKeyDown = useCallback15(
+  const onKeyDown = useCallback16(
     (e) => {
       if (draftCreate || draftRename) return;
       if (flatRows.length === 0) return;
@@ -4747,7 +4814,7 @@ function DeleteDialog({
   onConfirm
 }) {
   const cancelRef = useRef13(null);
-  const [open, setOpen] = useState13(true);
+  const [open, setOpen] = useState12(true);
   const closeIntentRef = useRef13("cancel");
   const settledRef = useRef13(false);
   const settleTimerRef = useRef13(null);
@@ -4885,7 +4952,7 @@ function InlineInput({
   onCommit,
   onCancel
 }) {
-  const [value, setValue] = useState13(initialValue);
+  const [value, setValue] = useState12(initialValue);
   const ref = useRef13(null);
   const doneRef = useRef13(false);
   useEffect15(() => {
@@ -5060,7 +5127,7 @@ import {
   lazy,
   Suspense,
   useEffect as useEffect16,
-  useState as useState14
+  useState as useState13
 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var LazyFile = lazy(async () => {
@@ -5077,7 +5144,7 @@ function PierreFile({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState14(false);
+  const [failed, setFailed] = useState13(false);
   useEffect16(() => {
     let cancelled = false;
     void import("@pierre/diffs/react").catch(() => {
@@ -5137,11 +5204,11 @@ function FileSkeleton() {
 // src/components/code-editor.tsx
 import { Loader2Icon, SaveIcon } from "lucide-react";
 import {
-  useCallback as useCallback16,
+  useCallback as useCallback17,
   useEffect as useEffect17,
   useMemo as useMemo8,
   useRef as useRef14,
-  useState as useState15
+  useState as useState14
 } from "react";
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var LANGUAGE_LOADERS = {
@@ -5200,13 +5267,13 @@ function CodeEditor({
   fallback,
   className
 }) {
-  const [failed, setFailed] = useState15(false);
-  const [bundle, setBundle] = useState15(null);
-  const [value, setValue] = useState15(initialContents);
-  const [baseline, setBaseline] = useState15(initialContents);
-  const [saving, setSaving] = useState15(false);
-  const [saveError, setSaveError] = useState15(null);
-  const [savedTick, setSavedTick] = useState15(false);
+  const [failed, setFailed] = useState14(false);
+  const [bundle, setBundle] = useState14(null);
+  const [value, setValue] = useState14(initialContents);
+  const [baseline, setBaseline] = useState14(initialContents);
+  const [saving, setSaving] = useState14(false);
+  const [saveError, setSaveError] = useState14(null);
+  const [savedTick, setSavedTick] = useState14(false);
   const dirty = value !== baseline;
   const saveConflict = saveError !== null && saveError.code === "file_write_conflict";
   const editIntentFiredRef = useRef14(false);
@@ -5221,7 +5288,7 @@ function CodeEditor({
     setSaveError(null);
     setSavedTick(false);
   }, [path, initialContents]);
-  const noteEdit = useCallback16(
+  const noteEdit = useCallback17(
     (next) => {
       setValue(next);
       setSavedTick(false);
@@ -5275,7 +5342,7 @@ function CodeEditor({
   }, [langKey]);
   const saveRef = useRef14(() => {
   });
-  const save = useCallback16(async () => {
+  const save = useCallback17(async () => {
     if (readOnly) return;
     const snapshot = value;
     if (snapshot === baseline) return;
@@ -5293,7 +5360,7 @@ function CodeEditor({
       setSaving(false);
     }
   }, [readOnly, value, baseline, onSave, path]);
-  const overwrite = useCallback16(async () => {
+  const overwrite = useCallback17(async () => {
     if (readOnly || !onOverwrite) return;
     const snapshot = value;
     if (snapshot === baseline) return;
@@ -5476,7 +5543,7 @@ function EditorSkeleton() {
 
 // src/components/sandbox-files.tsx
 import { FileCode2Icon, FileWarningIcon, LoaderCircleIcon } from "lucide-react";
-import { useCallback as useCallback17, useEffect as useEffect18, useRef as useRef15, useState as useState16 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect18, useRef as useRef15, useState as useState15 } from "react";
 import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function SandboxFiles({
   files,
@@ -5495,10 +5562,10 @@ function SandboxFiles({
   themeType,
   className
 }) {
-  const [selected, setSelected] = useState16(null);
-  const [editMode, setEditMode] = useState16(false);
-  const [liveRequestedPath, setLiveRequestedPath] = useState16(null);
-  const [viewReloadRevision, setViewReloadRevision] = useState16(0);
+  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;
@@ -5521,7 +5588,7 @@ function SandboxFiles({
     setEditMode(false);
   }, [requestKey, requestedPath, requestedPathReady]);
   const rootRef = useRef15(null);
-  const [wide, setWide] = useState16(false);
+  const [wide, setWide] = useState15(false);
   useEffect18(() => {
     const el = rootRef.current;
     if (!el || typeof ResizeObserver === "undefined") return;
@@ -5535,7 +5602,7 @@ function SandboxFiles({
   const resolvedTheme = useThemeType(themeType);
   const viewPath = selected;
   const fileView = useFileView(viewPath, files.readFile, viewReloadRevision);
-  const selectFile = useCallback17((path) => {
+  const selectFile = useCallback18((path) => {
     if (pendingRequestRef.current !== null) {
       handledRequestRef.current = pendingRequestRef.current;
       pendingRequestRef.current = null;
@@ -5809,7 +5876,7 @@ function Segmented({
   )) });
 }
 function useFileView(path, readFile, reloadRevision = 0) {
-  const [state, setState] = useState16({
+  const [state, setState] = useState15({
     content: null,
     isBinary: false,
     truncated: false,
@@ -5908,7 +5975,7 @@ function Notice({
 
 // src/components/desktop-viewer.tsx
 import { LoaderCircleIcon as LoaderCircleIcon2, MonitorIcon, MousePointerClickIcon, WifiOffIcon } from "lucide-react";
-import { useEffect as useEffect19, useRef as useRef16, useState as useState17 } from "react";
+import { useEffect as useEffect19, useRef as useRef16, useState as useState16 } from "react";
 import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var DESKTOP_MEDIA_BACKGROUND = "#000";
 function isHardUnavailable(reason) {
@@ -5942,8 +6009,8 @@ function DesktopViewer({
   className
 }) {
   const containerRef = useRef16(null);
-  const [consented, setConsented] = useState17(false);
-  const [takeControl, setTakeControl] = useState17(interactive ?? false);
+  const [consented, setConsented] = useState16(false);
+  const [takeControl, setTakeControl] = useState16(interactive ?? false);
   const externallyControlled = interactive !== void 0;
   const serverAllowsControl = capability?.mode !== "read-only";
   const wantControl = externallyControlled ? interactive : takeControl;
@@ -6007,8 +6074,8 @@ function DesktopViewer({
     document.addEventListener("visibilitychange", maybeReattach);
     return () => document.removeEventListener("visibilitychange", maybeReattach);
   }, [hasLiveUrl, connectCapability?.url]);
-  const [connectTimedOut, setConnectTimedOut] = useState17(false);
-  const [reconnectNonce, setReconnectNonce] = useState17(0);
+  const [connectTimedOut, setConnectTimedOut] = useState16(false);
+  const [reconnectNonce, setReconnectNonce] = useState16(0);
   useEffect19(() => {
     setConnectTimedOut(false);
     if (!hasLiveUrl || connected || stream.error || connectTimeoutMs <= 0) return;
@@ -6287,12 +6354,12 @@ function defaultNotice(title, body, onRetry) {
 
 // src/components/workspace-dock.tsx
 import {
-  useCallback as useCallback18,
+  useCallback as useCallback19,
   useEffect as useEffect20,
   useId as useId3,
   useLayoutEffect as useLayoutEffect2,
   useRef as useRef17,
-  useState as useState18
+  useState as useState17
 } from "react";
 import {
   ChevronsLeftRightIcon,
@@ -6325,7 +6392,7 @@ function getLayoutStorage() {
 var useDockLayoutEffect = typeof window === "undefined" ? useEffect20 : useLayoutEffect2;
 var DOCK_OVERLAY_BREAKPOINT = 1024;
 function useIsNarrow(maxWidth) {
-  const [narrow, setNarrow] = useState18(false);
+  const [narrow, setNarrow] = useState17(false);
   useDockLayoutEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
@@ -6363,9 +6430,9 @@ function WorkspaceDock({
   const returnFocusRef = useRef17(null);
   const initialNarrowFocusRef = useRef17(false);
   const dockPanelRef = usePanelRef();
-  const [internalCollapsed, setInternalCollapsed] = useState18(false);
-  const [maximized, setMaximized] = useState18(false);
-  const [internalTab, setInternalTab] = useState18(tabs[0]?.id ?? "");
+  const [internalCollapsed, setInternalCollapsed] = useState17(false);
+  const [maximized, setMaximized] = useState17(false);
+  const [internalTab, setInternalTab] = useState17(tabs[0]?.id ?? "");
   const collapsed = collapsedProp ?? internalCollapsed;
   const hostControlled = collapsedProp !== void 0;
   const previousCollapsedRef = useRef17(collapsed);
@@ -6379,14 +6446,14 @@ function WorkspaceDock({
   const firstTabId = tabs[0]?.id ?? "";
   const requestedTabIsValid = tabIds.includes(requestedTab);
   const current = requestedTabIsValid ? requestedTab : firstTabId;
-  const setTab = useCallback18(
+  const setTab = useCallback19(
     (id) => {
       setInternalTab(id);
       onActiveTabChange?.(id);
     },
     [onActiveTabChange]
   );
-  const setCollapsed = useCallback18(
+  const setCollapsed = useCallback19(
     (next) => {
       setInternalCollapsed((previous) => previous === next ? previous : next);
       onCollapsedChange?.(next);
@@ -6452,11 +6519,11 @@ function WorkspaceDock({
       setTab(firstTabId);
     }
   }, [firstTabId, requestedTabIsValid, setTab]);
-  const collapse = useCallback18(() => {
+  const collapse = useCallback19(() => {
     dockPanelRef.current?.collapse();
     setCollapsed(true);
   }, [dockPanelRef, setCollapsed]);
-  const expand = useCallback18(() => {
+  const expand = useCallback19(() => {
     dockPanelRef.current?.expand();
     setCollapsed(false);
   }, [dockPanelRef, setCollapsed]);
@@ -6679,11 +6746,11 @@ function DockChrome({
   const tabsetId = useId3();
   const tabRefs = useRef17([]);
   const tabListRef = useRef17(null);
-  const [visitedTabs, setVisitedTabs] = useState18(() => /* @__PURE__ */ new Set());
-  const [tabOverflow, setTabOverflow] = useState18({ start: false, end: false });
+  const [visitedTabs, setVisitedTabs] = useState17(() => /* @__PURE__ */ new Set());
+  const [tabOverflow, setTabOverflow] = useState17({ start: false, end: false });
   const activeId = active?.id ?? "";
   const activeTabIndex = tabs.findIndex((tab) => tab.id === activeId);
-  const keepActiveTabVisible = useCallback18(() => {
+  const keepActiveTabVisible = useCallback19(() => {
     const selected = activeTabIndex >= 0 ? tabRefs.current[activeTabIndex] : null;
     selected?.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, [activeTabIndex]);
@@ -6809,7 +6876,7 @@ function DockChrome({
 }
 
 // src/components/sandbox-workspace.tsx
-import { useCallback as useCallback21, useEffect as useEffect23, useMemo as useMemo11, useRef as useRef20, useState as useState21 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect23, useMemo as useMemo11, useRef as useRef20, useState as useState20 } from "react";
 import { Popover } from "radix-ui";
 import {
   CircleCheckIcon,
@@ -6823,18 +6890,18 @@ import {
 // src/components/workbench-changes.tsx
 import { ArrowUpRightIcon, FileWarningIcon as FileWarningIcon2, HistoryIcon } from "lucide-react";
 import {
-  useCallback as useCallback20,
+  useCallback as useCallback21,
   useEffect as useEffect22,
   useId as useId4,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo10,
   useRef as useRef19,
-  useState as useState20
+  useState as useState19
 } from "react";
 import { VList as VList2 } from "virtua";
 
 // src/hooks/use-windowed-sections.ts
-import { useCallback as useCallback19, useEffect as useEffect21, useMemo as useMemo9, useRef as useRef18, useState as useState19 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect21, useMemo as useMemo9, useRef as useRef18, useState as useState18 } from "react";
 function computeWindowRange(heights, scrollTop, viewport, overscan) {
   const n = heights.length;
   if (n === 0) return { start: 0, end: 0 };
@@ -6866,7 +6933,7 @@ function computeWindowRange(heights, scrollTop, viewport, overscan) {
 function useWindowedSections(opts) {
   const { count, estimateHeight, overscan = 3 } = opts;
   const scrollRef = useRef18(null);
-  const [heights, setHeights] = useState19(
+  const [heights, setHeights] = useState18(
     () => Array.from({ length: count }, (_, i) => estimateHeight(i))
   );
   useEffect21(() => {
@@ -6877,11 +6944,11 @@ function useWindowedSections(opts) {
   }, [count]);
   const heightsRef = useRef18(heights);
   heightsRef.current = heights;
-  const [range, setRange] = useState19(() => ({
+  const [range, setRange] = useState18(() => ({
     start: 0,
     end: Math.min(count, overscan + 1)
   }));
-  const recompute = useCallback19(() => {
+  const recompute = useCallback20(() => {
     const el = scrollRef.current;
     if (!el) return;
     const next = computeWindowRange(heightsRef.current, el.scrollTop, el.clientHeight, overscan);
@@ -6908,7 +6975,7 @@ function useWindowedSections(opts) {
       if (raf && typeof cancelAnimationFrame === "function") cancelAnimationFrame(raf);
     };
   }, [recompute, count]);
-  const measure = useCallback19((index, height) => {
+  const measure = useCallback20((index, height) => {
     if (height <= 0) return;
     setHeights((prev) => {
       if (Math.abs((prev[index] ?? 0) - height) < 1) return prev;
@@ -6926,7 +6993,7 @@ function useWindowedSections(opts) {
   useEffect21(() => {
     recompute();
   }, [offsets, recompute]);
-  const scrollToIndex = useCallback19(
+  const scrollToIndex = useCallback20(
     (index) => {
       const el = scrollRef.current;
       if (!el) return;
@@ -7034,11 +7101,11 @@ function WorkbenchChanges({
   className
 }) {
   const rootRef = useRef19(null);
-  const [compact, setCompact] = useState20(false);
-  const [coarsePointer, setCoarsePointer] = useState20(false);
+  const [compact, setCompact] = useState19(false);
+  const [coarsePointer, setCoarsePointer] = useState19(false);
   const resolvedTheme = useThemeType(themeType);
-  const [layout, setLayout] = useState20("unified");
-  const [activePath, setActivePath] = useState20(null);
+  const [layout, setLayout] = useState19("unified");
+  const [activePath, setActivePath] = useState19(null);
   const pickerId = useId4();
   const unicodeFontPaths = useMemo10(
     () => diff.flatMap((file) => file.oldPath ? [file.path, file.oldPath] : [file.path]),
@@ -7077,7 +7144,7 @@ function WorkbenchChanges({
   }, []);
   const additions = useMemo10(() => diff.reduce((sum, f) => sum + f.additions, 0), [diff]);
   const deletions = useMemo10(() => diff.reduce((sum, f) => sum + f.deletions, 0), [diff]);
-  const estimateHeight = useCallback20(
+  const estimateHeight = useCallback21(
     (index) => {
       const file = orderedFiles[index];
       return file ? estimateSectionHeight(file) : HEADER_PX + LINE_PX;
@@ -7089,14 +7156,14 @@ function WorkbenchChanges({
     estimateHeight,
     overscan: OVERSCAN
   });
-  const jumpTo = useCallback20(
+  const jumpTo = useCallback21(
     (index) => {
       setActivePath(orderedFiles[index]?.path ?? null);
       windowed.scrollToIndex(index);
     },
     [orderedFiles, windowed]
   );
-  const onPaneScroll = useCallback20(() => {
+  const onPaneScroll = useCallback21(() => {
     const el = windowed.scrollRef.current;
     if (!el) {
       return;
@@ -7520,12 +7587,12 @@ function useSandboxWorkspaceTabs(options) {
   const workspaceDataEnabled = changesEnabled || filesEnabled;
   const anySurfaceEnabled = workspaceDataEnabled || terminalEnabled || desktopEnabled;
   const surfaceIdentity = WORKBENCH_SURFACES.filter((surface) => surfaceSet.has(surface)).join(",");
-  const [storedWarmIntents, setStoredWarmIntents] = useState21(
+  const [storedWarmIntents, setStoredWarmIntents] = useState20(
     () => emptyWarmIntents(sessionId)
   );
   const warmIntents = storedWarmIntents.sessionId === sessionId ? storedWarmIntents : emptyWarmIntents(sessionId);
   const { watchDesktop, warmTerminal, warmFiles } = warmIntents;
-  const requestWarmIntent = useCallback21(
+  const requestWarmIntent = useCallback22(
     (intent) => {
       setStoredWarmIntents((previous) => {
         const current = previous.sessionId === sessionId ? previous : emptyWarmIntents(sessionId);
@@ -7631,7 +7698,7 @@ function useSandboxWorkspaceTabs(options) {
     liveness,
     capture: captureState.capture
   });
-  const [xtermTheme, setXtermTheme] = useState21(void 0);
+  const [xtermTheme, setXtermTheme] = useState20(void 0);
   useEffect23(() => {
     if (!terminalEnabled || typeof document === "undefined") return;
     const derive = () => setXtermTheme(xtermThemeFromTokens());
@@ -7867,10 +7934,10 @@ function SandboxWorkspace(props) {
     maxSize,
     className
   } = props;
-  const [storedSelection, setStoredSelection] = useState21(null);
-  const [requestedFile, setRequestedFile] = useState21(null);
+  const [storedSelection, setStoredSelection] = useState20(null);
+  const [requestedFile, setRequestedFile] = useState20(null);
   const nextFileRequestId = useRef20(0);
-  const openFile = useCallback21(
+  const openFile = useCallback22(
     (path) => {
       nextFileRequestId.current += 1;
       setRequestedFile({ sessionId, path, requestId: nextFileRequestId.current });
@@ -7898,7 +7965,7 @@ function SandboxWorkspace(props) {
   const selectedTab = storedSelection?.sessionId === sessionId ? storedSelection.tab : null;
   const preferredTab = selectedTab ?? defaultTab;
   const activeTab = preferredTab && tabs.some((tab) => tab.id === preferredTab) ? preferredTab : tabs[0]?.id;
-  const selectTab = useCallback21(
+  const selectTab = useCallback22(
     (tab) => setStoredSelection({ sessionId, tab }),
     [sessionId]
   );
@@ -8199,7 +8266,7 @@ function CenteredState({
 }
 
 // src/hooks/use-codex-accounts.ts
-import { useCallback as useCallback22, useState as useState22 } from "react";
+import { useCallback as useCallback23, useState as useState21 } from "react";
 function isCodexAccountEvent(event) {
   return event.type === "codex.account.switched" || event.type === "turn.started";
 }
@@ -8220,7 +8287,7 @@ function useCodexAccounts(options = {}) {
   const codexClient = options.codexClient ?? client;
   const sessionId = options.sessionId;
   const sharedEvents = options.events;
-  const load = useCallback22(async () => {
+  const load = useCallback23(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]);
@@ -8242,7 +8309,7 @@ function useCodexAccounts(options = {}) {
   });
   const { run: runMutation, mutating: pinning, mutationError } = useMutationRunner();
   const { run: runUsageMutation, mutating: refreshingUsage } = useMutationRunner();
-  const [pinningTarget, setPinningTarget] = useState22(null);
+  const [pinningTarget, setPinningTarget] = useState21(null);
   useSessionEventTrigger(
     client,
     workspaceId,
@@ -8254,7 +8321,7 @@ function useCodexAccounts(options = {}) {
       ...sharedEvents !== void 0 ? { events: sharedEvents } : {}
     }
   );
-  const pin = useCallback22(
+  const pin = useCallback23(
     async (target) => {
       if (!sessionId || !codexClient.pinSessionCodexAccount) {
         return false;
@@ -8270,7 +8337,7 @@ function useCodexAccounts(options = {}) {
     },
     [codexClient, workspaceId, sessionId, runMutation, refresh]
   );
-  const refreshUsage = useCallback22(async () => {
+  const refreshUsage = useCallback23(async () => {
     if (!codexClient.refreshCodexUsage) {
       return false;
     }
@@ -8306,6 +8373,7 @@ export {
   ApprovalSurface,
   BUILT_IN_TURN_SUMMARY_FACET_IDS,
   BodyNote,
+  COMPOSER_PAYMENT_REQUIRED_MESSAGE,
   CONNECTION_STATUS_META,
   CREDIT_EXHAUSTION_MESSAGE,
   CapturedFileUnavailableError,
@@ -8315,6 +8383,8 @@ export {
   ComposerTranscriptionControl,
   ConnectionDot,
   ConnectionStatusPill,
+  CopyButton,
+  CopyHoverFrame,
   DesktopViewer,
   DiffView,
   DisclosureDefaultsProvider,
@@ -8361,12 +8431,17 @@ export {
   SandboxTerminal,
   SandboxWorkspace,
   ScreenshotFigure,
+  SessionChrome,
   SessionStatus,
   SharedMachineDisclosure,
   StatusDot,
   TermBlock,
   Thumbnail,
   TimelineRow,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
   TurnSummary,
   WINDOW_LABEL,
   WORKBENCH_SURFACES,
@@ -8375,35 +8450,46 @@ export {
   WORKBENCH_TAB_FILES,
   WORKBENCH_TAB_TERMINAL,
   WorkspaceDock,
+  advancedSourceSummary,
   answersFromDrafts,
   appendFinalTranscript,
   applyPatchOps,
   approvalsFromRequiresAction,
   argHint,
+  availabilityReasonLabel,
+  billingClassForModel,
+  billingClassLabel,
   boundBrowserSessionEventWindow,
   buildTimeline,
   cn,
+  coerceReasoningEffortForModel,
   composeSendInput,
+  composerSubmissionErrorMessage,
   connectionStatusForState,
   controlCaret,
+  copyTextToClipboard,
   createDefaultToolRegistry,
   createToolRegistry,
   creditExhaustedFromEvents,
   defaultApprovalSurfaceMessages,
   defaultChatComposerMessages,
   defaultCommands,
+  defaultEffortForModel,
   defaultHumanInputFormMessages,
   defaultToolRegistry,
   deriveHealth,
   deriveMachineChip,
+  effortOptionsForModel,
   execTruncated,
   extractSessionRef,
   filterCommands,
+  findPickerRow,
   firstMissingRequiredArg,
   formatAsOf,
   formatBytes,
   formatRelativeTime,
   gitFileDiffToPatch,
+  groupPickerRowsByBillingClass,
   groupTimeline,
   hasPermission,
   healthPulses,
@@ -8416,28 +8502,36 @@ export {
   isExecSessionLostBanner,
   isGoalEvent,
   isHumanInputEvent,
+  isLastStartedTurnPolicyEvent,
   isLineageRefreshEvent,
   isSessionMcpApprovalPolicyEvent,
   isTitleEvent,
   isTurnQueueEvent,
+  labelLatencyMode,
   languageForPath,
   looksBinary,
   matchCommand,
   parseCommandLine,
   parseExecBannerSessionId,
   parseToolArgs,
+  payerSummaryForModel,
   pointsFor,
   projectPendingApprovals,
   projectPendingHumanInputRequests,
+  projectPickerRows,
   rawTypeOf,
   redactSecrets,
+  runnableLatencyModesForModel,
   sandboxCommandExitCode,
+  sessionChromeGoalPillState,
   sessionDisplayTitle,
   sessionStatusFromEvents,
   shouldSteerOnKey,
   shouldSubmitOnKey,
+  sortPickerRows,
   stringifyPayload,
   stripExecBanner,
+  tableElementToTsv,
   tailPeek,
   toolDisplayName,
   transitionTranscriptionControl,
@@ -8453,6 +8547,7 @@ export {
   useFileAttachments,
   useGoal,
   useHumanInputRequests,
+  useLastStartedTurnPolicy,
   useLightbox,
   useLightboxOptional,
   useMachineChip,
@@ -8481,8 +8576,10 @@ export {
   useTranscription,
   useTurnQueue,
   useVariableSets,
+  useVoiceInput,
   useWorkspaceCapture,
   useWorkspaceEdit,
+  useWorkspaceModelCatalog,
   useWorkspaceSessions,
   useWorkspaces,
   v4aToGitFileDiff,