@tutti-os/workbench-surface 0.0.246 → 0.0.248

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   workbenchHostI18nResources,
   workbenchWindowChromeI18nNamespace,
   workbenchWindowChromeI18nResources
-} from "./chunk-VBUKEMJO.js";
+} from "./chunk-TIMYSQM7.js";
 
 // src/store/commands.ts
 function createWorkbenchCommands(store) {
@@ -707,16 +707,26 @@ function reduceWorkbenchState(state, action) {
       }
       return openedState;
     }
-    case "closeNode":
+    case "closeNode": {
       if (!state.nodes.some((node) => node.id === action.nodeID)) {
         return state;
       }
-      return {
+      const closedState = {
         ...state,
         nodes: state.nodes.filter((node) => node.id !== action.nodeID),
         nodeStack: removeFromWorkbenchStack(state.nodeStack, action.nodeID),
         lockedLayout: pruneLockedLayout(state.lockedLayout, action.nodeID)
       };
+      if (closedState.lockedLayout !== null && closedState.lockedLayout !== state.lockedLayout) {
+        return applyLayoutPresetToNodes(
+          closedState,
+          closedState.lockedLayout.nodeIDs,
+          closedState.lockedLayout.preset,
+          { lock: true, reorderStack: false }
+        );
+      }
+      return closedState;
+    }
     case "focusNode": {
       const targetNode = state.nodes.find((node) => node.id === action.nodeID);
       if (!targetNode) {
@@ -1577,7 +1587,6 @@ import { useMemo as useMemo12 } from "react";
 // src/mission-control/WorkbenchMissionControlOverlay.tsx
 import {
   useEffect,
-  useLayoutEffect,
   useRef,
   useState
 } from "react";
@@ -1636,8 +1645,6 @@ function WorkbenchMissionControlOverlay({
   phase,
   state
 }) {
-  const layoutDockContentRef = useRef(null);
-  const [layoutDockWidth, setLayoutDockWidth] = useState(null);
   const [openLayoutKey, setOpenLayoutKey] = useState(null);
   const hoverOpenTimeoutRef = useRef(null);
   const clearHoverOpenTimeout = () => {
@@ -1697,89 +1704,38 @@ function WorkbenchMissionControlOverlay({
     state.selectedCount,
     hasUsableLayoutPreset
   );
-  useLayoutEffect(() => {
-    const element = layoutDockContentRef.current;
-    if (!element) {
-      return;
-    }
-    const computedStyle = window.getComputedStyle(element.parentElement);
-    const horizontalChrome = Number.parseFloat(computedStyle.paddingLeft) + Number.parseFloat(computedStyle.paddingRight) + Number.parseFloat(computedStyle.borderLeftWidth) + Number.parseFloat(computedStyle.borderRightWidth);
-    setLayoutDockWidth(element.scrollWidth + horizontalChrome);
-  }, [
-    i18n,
-    layoutPresets.length,
-    showLayoutSelectionHint,
-    showNoAvailableLayoutMessage,
-    state.selectedCount
-  ]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: "workbench-mission-control pointer-events-none absolute inset-0 overflow-hidden",
       "data-phase": phase,
-      children: [
-        state.mode === "activate" ? /* @__PURE__ */ jsx("div", { className: "workbench-mission-control__footer-shell pointer-events-none absolute inset-x-0 bottom-0 flex justify-center px-6 pb-6", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "workbench-mission-control__layout-dock desktop-dock-plate pointer-events-auto",
-            onClick: (event) => event.stopPropagation(),
-            children: /* @__PURE__ */ jsx("div", { className: "workbench-mission-control__layout-dock-content", children: /* @__PURE__ */ jsxs(
-              Button,
-              {
-                className: "workbench-mission-control__layout-mode-button",
-                type: "button",
-                variant: "ghost",
-                onClick: () => state.requestMode("layout"),
-                children: [
-                  /* @__PURE__ */ jsx(
-                    AppWindowIcon,
-                    {
-                      "aria-hidden": true,
-                      className: "workbench-mission-control__layout-glyph"
-                    }
-                  ),
-                  i18n.t("layoutModeTrigger")
-                ]
-              }
-            ) })
-          }
-        ) }) : null,
-        state.mode === "layout" ? /* @__PURE__ */ jsx("div", { className: "workbench-mission-control__footer-shell pointer-events-none absolute inset-x-0 bottom-0 flex justify-center px-6 pb-6", children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "workbench-mission-control__layout-dock desktop-dock-plate pointer-events-auto",
-            style: layoutDockWidth === null ? void 0 : { width: layoutDockWidth },
-            onClick: (event) => event.stopPropagation(),
-            children: /* @__PURE__ */ jsx(
-              "div",
-              {
-                ref: layoutDockContentRef,
-                className: "workbench-mission-control__layout-dock-content",
-                children: showLayoutSelectionHint ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("layoutSelectionHint") }) : showNoAvailableLayoutMessage ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("noAvailableLayout") }) : /* @__PURE__ */ jsx("div", { className: "flex items-end gap-2", children: layoutPresets.map((option) => /* @__PURE__ */ jsx(
-                  WorkbenchMissionControlLayoutPresetButton,
-                  {
-                    arrangeOnceLabel: i18n.t("presetActions.arrangeOnce"),
-                    canApply: state.canApplyPreset(option.preset),
-                    icon: option.icon,
-                    layoutKey: option.key,
-                    lockLayoutLabel: i18n.t("presetActions.lockLayout"),
-                    open: openLayoutKey === option.key,
-                    onApply: (lock) => {
-                      closeLayoutMenu(option.key);
-                      state.applyPreset(option.preset, { lock });
-                    },
-                    onHoverOpen: () => requestHoverOpen(option.key),
-                    onHoverCancel: clearHoverOpenTimeout,
-                    onRequestClose: () => closeLayoutMenu(option.key),
-                    presetLabel: option.label
-                  },
-                  option.key
-                )) })
-              }
-            )
-          }
-        ) }) : null
-      ]
+      children: /* @__PURE__ */ jsx("div", { className: "workbench-mission-control__footer-shell pointer-events-none absolute inset-x-0 bottom-0 flex justify-center px-6 pb-6", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "workbench-mission-control__layout-dock desktop-dock-plate pointer-events-auto",
+          onClick: (event) => event.stopPropagation(),
+          children: /* @__PURE__ */ jsx("div", { className: "workbench-mission-control__layout-dock-content", children: showLayoutSelectionHint ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("layoutSelectionHint") }) : showNoAvailableLayoutMessage ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("noAvailableLayout") }) : /* @__PURE__ */ jsx("div", { className: "flex items-end gap-2", children: layoutPresets.map((option) => /* @__PURE__ */ jsx(
+            WorkbenchMissionControlLayoutPresetButton,
+            {
+              arrangeOnceLabel: i18n.t("presetActions.arrangeOnce"),
+              canApply: state.canApplyPreset(option.preset),
+              icon: option.icon,
+              layoutKey: option.key,
+              lockLayoutLabel: i18n.t("presetActions.lockLayout"),
+              open: openLayoutKey === option.key,
+              onApply: (lock) => {
+                closeLayoutMenu(option.key);
+                state.applyPreset(option.preset, { lock });
+              },
+              onHoverOpen: () => requestHoverOpen(option.key),
+              onHoverCancel: clearHoverOpenTimeout,
+              onRequestClose: () => closeLayoutMenu(option.key),
+              presetLabel: option.label
+            },
+            option.key
+          )) }) })
+        }
+      ) })
     }
   );
 }
@@ -1865,7 +1821,7 @@ function WorkbenchMissionControlLayoutPresetButton({
 }
 
 // src/mission-control/useWorkbenchMissionControlPresence.ts
-import { useCallback, useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState as useState2 } from "react";
+import { useCallback, useLayoutEffect, useRef as useRef2, useState as useState2 } from "react";
 function useWorkbenchMissionControlPresence(state) {
   const [renderedState, setRenderedState] = useState2(state);
   const [phase, setPhase] = useState2(
@@ -1892,7 +1848,7 @@ function useWorkbenchMissionControlPresence(state) {
     setRenderedState(null);
     setPresencePhase("closed");
   }, [setPresencePhase]);
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     if (enterFrameRef.current !== null) {
       window.cancelAnimationFrame(enterFrameRef.current);
       enterFrameRef.current = null;
@@ -2085,13 +2041,12 @@ var inactiveMissionControlSnapshotSource = {
   }
 };
 function useWorkbenchMissionControlState({
+  active,
   adapter,
-  mode,
   nodeIds,
-  onRequestClose,
-  onRequestMode
+  onRequestClose
 }) {
-  const isActive = mode !== null && adapter !== null;
+  const isActive = active && adapter !== null;
   const snapshot = useExternalStoreSnapshot(
     isActive ? {
       getSnapshot() {
@@ -2117,16 +2072,16 @@ function useWorkbenchMissionControlState({
   }, [scopedNodeIdSet, snapshot?.visibleNodes]);
   const [selectedNodeIds, setSelectedNodeIds] = useState3([]);
   useEffect2(() => {
-    if (mode === null) {
+    if (!active) {
       return;
     }
     setSelectedNodeIds([]);
-  }, [mode]);
+  }, [active]);
   useEffect2(() => {
-    if (mode !== null && visibleNodes.length === 0) {
+    if (active && visibleNodes.length === 0) {
       onRequestClose();
     }
-  }, [mode, onRequestClose, visibleNodes.length]);
+  }, [active, onRequestClose, visibleNodes.length]);
   const orderedNodes = useMemo(
     () => isActive ? orderWorkbenchNodesForMissionControl(visibleNodes) : [],
     [isActive, visibleNodes]
@@ -2172,25 +2127,8 @@ function useWorkbenchMissionControlState({
     [layoutConstraints, orderedSelectedNodeIds.length, surfaceSize]
   );
   const canApplyPreset = useCallback2(
-    (nextPreset) => mode === "layout" && orderedSelectedNodeIds.length >= 2 && canUsePreset(nextPreset),
-    [canUsePreset, mode, orderedSelectedNodeIds.length]
-  );
-  const applyActivationAndClose = useCallback2(
-    (nodeId) => {
-      const nextAdapter = adapter;
-      if (!nextAdapter) {
-        return;
-      }
-      const nextSnapshot = nextAdapter.getSnapshot();
-      if (!nextSnapshot.visibleNodes.some((node) => node.id === nodeId)) {
-        return;
-      }
-      onRequestClose();
-      window.requestAnimationFrame(() => {
-        nextAdapter.focusNode(nodeId);
-      });
-    },
-    [adapter, onRequestClose]
+    (nextPreset) => orderedSelectedNodeIds.length >= 2 && canUsePreset(nextPreset),
+    [canUsePreset, orderedSelectedNodeIds.length]
   );
   const applyLayoutAndClose = useCallback2(
     (nodeIds2, nextPreset, lock) => {
@@ -2204,21 +2142,11 @@ function useWorkbenchMissionControlState({
     },
     [adapter, onRequestClose]
   );
-  const onPreviewPress = useCallback2(
-    (nodeId) => {
-      if (mode === null) {
-        return;
-      }
-      if (mode === "activate") {
-        applyActivationAndClose(nodeId);
-        return;
-      }
-      setSelectedNodeIds(
-        (current) => current.includes(nodeId) ? current.filter((entry) => entry !== nodeId) : [...current, nodeId]
-      );
-    },
-    [applyActivationAndClose, mode]
-  );
+  const onPreviewPress = useCallback2((nodeId) => {
+    setSelectedNodeIds(
+      (current) => current.includes(nodeId) ? current.filter((entry) => entry !== nodeId) : [...current, nodeId]
+    );
+  }, []);
   const selectedNodeIdSet = useMemo(
     () => new Set(selectedNodeIds),
     [selectedNodeIds]
@@ -2236,22 +2164,12 @@ function useWorkbenchMissionControlState({
     },
     [applyLayoutAndClose, canApplyPreset, orderedSelectedNodeIds]
   );
-  const requestMode = useCallback2(
-    (nextMode) => {
-      if (nextMode === mode) {
-        return;
-      }
-      onRequestMode?.(nextMode);
-    },
-    [mode, onRequestMode]
-  );
   const presentation = useMemo(
-    () => mode === null ? null : {
+    () => !active ? null : {
       frameByNodeId: new Map(
         previewItems.map((item) => [item.node.id, item.frame])
       ),
       interaction: {
-        mode,
         onBackdropPress: onRequestClose,
         onNodePress: onPreviewPress,
         selectedNodeIds: selectedNodeIdSet
@@ -2260,7 +2178,7 @@ function useWorkbenchMissionControlState({
       visibleNodeIds: new Set(orderedNodes.map((node) => node.id))
     },
     [
-      mode,
+      active,
       onPreviewPress,
       onRequestClose,
       orderedNodes,
@@ -2269,7 +2187,7 @@ function useWorkbenchMissionControlState({
     ]
   );
   useEffect2(() => {
-    if (mode === null) {
+    if (!active) {
       return void 0;
     }
     const onKeyDown = (event) => {
@@ -2282,25 +2200,22 @@ function useWorkbenchMissionControlState({
     return () => {
       window.removeEventListener("keydown", onKeyDown, true);
     };
-  }, [mode, onRequestClose]);
+  }, [active, onRequestClose]);
   return useMemo(
-    () => mode === null || presentation === null ? null : {
+    () => !active || presentation === null ? null : {
       applyPreset,
       canApplyPreset,
       canUsePreset,
-      mode,
       presentation,
-      requestMode,
       selectedCount: orderedSelectedNodeIds.length
     },
     [
+      active,
       applyPreset,
       canApplyPreset,
       canUsePreset,
-      mode,
       orderedSelectedNodeIds.length,
-      presentation,
-      requestMode
+      presentation
     ]
   );
 }
@@ -2550,7 +2465,7 @@ import {
   createContext as createContext2,
   useCallback as useCallback6,
   useContext as useContext2,
-  useLayoutEffect as useLayoutEffect3,
+  useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo4,
   useRef as useRef3,
   useSyncExternalStore
@@ -3025,7 +2940,7 @@ function WorkbenchWindowFrame({
   const launchSource = resolveWorkbenchNodeLaunchSource(node.data);
   const presentationMode = presentation?.mode ?? null;
   const previousFrameRef = useRef3(node.frame);
-  useLayoutEffect3(() => {
+  useLayoutEffect2(() => {
     const previousFrame = previousFrameRef.current;
     previousFrameRef.current = node.frame;
     if (workbenchFramesEqual(previousFrame, node.frame)) {
@@ -3049,7 +2964,7 @@ function WorkbenchWindowFrame({
     nodePresentationTransitions,
     presentationMode
   ]);
-  useLayoutEffect3(() => {
+  useLayoutEffect2(() => {
     const shell = shellRef.current;
     if (!shell) {
       return;
@@ -3103,7 +3018,7 @@ function WorkbenchWindowFrame({
     };
   }, [launchSource, node.id, nodePresentationTransitions]);
   const minimizeNodeToAnchorRef = useRef3(minimizeNodeToAnchorProp);
-  useLayoutEffect3(() => {
+  useLayoutEffect2(() => {
     minimizeNodeToAnchorRef.current = minimizeNodeToAnchorProp;
   }, [minimizeNodeToAnchorProp]);
   const minimizeNodeToAnchor = useCallback6(
@@ -3270,17 +3185,17 @@ function WorkbenchWindowFrame({
           "button",
           {
             "aria-label": node.title,
-            "aria-pressed": presentationInteraction.mode === "layout" ? isMissionControlSelected : void 0,
+            "aria-pressed": isMissionControlSelected,
             className: "absolute inset-0 z-10 block appearance-none rounded-lg border-0 bg-transparent p-0 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring/60",
             type: "button",
             onClick: (event) => {
               event.stopPropagation();
               presentationInteraction.onNodePress(node.id);
             },
-            children: presentationInteraction.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-0 rounded-lg border-2 border-[var(--tutti-purple)] transition-[border-color,transform] duration-150 ease-out" }) : null
+            children: isMissionControlSelected ? /* @__PURE__ */ jsx7("div", { className: "pointer-events-none absolute inset-0 rounded-lg border-2 border-[var(--tutti-purple)] transition-[border-color,transform] duration-150 ease-out" }) : null
           }
         ) : null,
-        presentationInteraction?.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx7(
+        presentationInteraction && isMissionControlSelected ? /* @__PURE__ */ jsx7(
           Checkbox,
           {
             "aria-hidden": "true",
@@ -3793,10 +3708,10 @@ function resolveLockedMoveDirection(target) {
 }
 
 // src/react/hooks/useWorkbenchSurfaceSize.ts
-import { useLayoutEffect as useLayoutEffect4, useRef as useRef4 } from "react";
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef4 } from "react";
 function useWorkbenchSurfaceSize(onSizeChange) {
   const ref = useRef4(null);
-  useLayoutEffect4(() => {
+  useLayoutEffect3(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -3828,7 +3743,7 @@ function useWorkbenchSurfaceSize(onSizeChange) {
 import {
   useCallback as useCallback7,
   useEffect as useEffect4,
-  useLayoutEffect as useLayoutEffect5,
+  useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo6,
   useRef as useRef5,
   useState as useState4
@@ -6247,7 +6162,7 @@ function useWorkbenchGenieAnimation({
     };
   }, [nodeVisibility]);
   const minimizeNodeToAnchorRef = useRef5(minimizeNodeToAnchor);
-  useLayoutEffect5(() => {
+  useLayoutEffect4(() => {
     minimizeNodeToAnchorRef.current = minimizeNodeToAnchor;
   }, [minimizeNodeToAnchor]);
   const stableMinimizeNodeToAnchor = useCallback7(
@@ -6790,14 +6705,12 @@ function createDerivedSnapshotGetter(input) {
   };
 }
 
-// src/host/activations.ts
-var workbenchFocusInputActivationType = "focus-input";
-
 // src/host/missionControlAdapter.ts
 function createWorkbenchHostMissionControlAdapter(input) {
   const getSnapshot = createDerivedSnapshotGetter({
     deriveSnapshot(controllerSnapshot) {
       return {
+        isLayoutLocked: controllerSnapshot.lockedLayout !== null,
         layoutConstraints: controllerSnapshot.layoutConstraints,
         surfaceSize: controllerSnapshot.surfaceSize,
         visibleNodes: selectVisibleWorkbenchNodes(controllerSnapshot)
@@ -6811,17 +6724,10 @@ function createWorkbenchHostMissionControlAdapter(input) {
     applyLayoutPreset(nodeIds, preset, lock) {
       input.controller.commands.applyLayoutPreset(nodeIds, preset, lock);
     },
-    focusNode(nodeId) {
-      if (input.activateNode) {
-        input.activateNode(
-          { nodeId },
-          { type: workbenchFocusInputActivationType }
-        );
-        return;
-      }
-      input.controller.commands.focusNode(nodeId);
-    },
     getSnapshot,
+    releaseLockedLayout() {
+      input.controller.commands.releaseLockedLayout();
+    },
     subscribe(listener) {
       return input.controller.subscribe(listener);
     }
@@ -8965,7 +8871,6 @@ function useWorkbenchHostRuntime({
   const isHydrating = hostSession.isHydrating?.() ?? false;
   const missionControlAdapter = useMemo9(
     () => missionControlEnabled && !isHydrating ? createWorkbenchHostMissionControlAdapter({
-      activateNode: hostSession.activateNode.bind(hostSession),
       controller: hostSession.controller
     }) : null,
     [hostSession.controller, isHydrating, missionControlEnabled]
@@ -9069,7 +8974,7 @@ import { Component, memo as memo3, useCallback as useCallback14, useMemo as useM
 import {
   useCallback as useCallback13,
   useEffect as useEffect12,
-  useLayoutEffect as useLayoutEffect8,
+  useLayoutEffect as useLayoutEffect7,
   useMemo as useMemo10,
   useRef as useRef11,
   useState as useState10
@@ -10309,7 +10214,7 @@ function resolveWorkbenchMinimizedDockRestoreIntent(input) {
 import {
   useCallback as useCallback12,
   useEffect as useEffect11,
-  useLayoutEffect as useLayoutEffect7,
+  useLayoutEffect as useLayoutEffect6,
   useRef as useRef10,
   useState as useState9
 } from "react";
@@ -10872,7 +10777,7 @@ function WorkbenchHostDockPopupCardLabel({ title }) {
 }
 
 // src/host/useWorkbenchHostDockPopupPreviewCapture.ts
-import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect6, useRef as useRef9, useState as useState8 } from "react";
+import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect5, useRef as useRef9, useState as useState8 } from "react";
 var dockPopupPreviewCacheMaxEntries = 64;
 var dockPopupPreviewByMemoryKey = /* @__PURE__ */ new Map();
 var pendingDockPopupPreviewCaptureKeys = /* @__PURE__ */ new Set();
@@ -10909,7 +10814,7 @@ function useWorkbenchHostDockPopupPreviewCapture(input) {
     )
   );
   const previewCaptureKey = previewCaptureItemStateKeys.join("|");
-  useLayoutEffect6(() => {
+  useLayoutEffect5(() => {
     isContextMenuRef.current = isContextMenu;
     activePreviewCaptureItemStateKeysRef.current = new Set(
       previewCaptureItemStateKeys
@@ -11435,7 +11340,7 @@ function WorkbenchHostDockPopup({
     popupDiagnosticKey,
     resolvedVariant
   ]);
-  useLayoutEffect7(() => {
+  useLayoutEffect6(() => {
     const rootElement = popupRootRef.current;
     const panelElement = rootElement?.querySelector(
       "[data-desktop-dock-popup-panel]"
@@ -11448,7 +11353,7 @@ function WorkbenchHostDockPopup({
       viewportWidth: window.innerWidth
     });
   }, [debugDiagnostics, popupDiagnosticKey]);
-  useLayoutEffect7(() => {
+  useLayoutEffect6(() => {
     if (isMinimizedStack || typeof window === "undefined") {
       return;
     }
@@ -11913,7 +11818,7 @@ function WorkbenchHostDock({
     },
     [clearCollapsingMinimizedLaunch]
   );
-  useLayoutEffect8(() => {
+  useLayoutEffect7(() => {
     const element = dockMeasureRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -12495,7 +12400,7 @@ function WorkbenchHostDock({
       (current) => current.canScrollBackward === nextState.canScrollBackward && current.canScrollForward === nextState.canScrollForward && current.hasOverflow === nextState.hasOverflow ? current : nextState
     );
   }, [dockPlacement, dockWidth]);
-  useLayoutEffect8(() => {
+  useLayoutEffect7(() => {
     const element = dockItemsRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -13639,7 +13544,7 @@ function WorkbenchHostDock({
                 }
               }
               window.requestAnimationFrame(() => {
-                onMissionControlRequestOpen?.("activate", {
+                onMissionControlRequestOpen?.({
                   nodeIds: openDockContextMenuNodeIds,
                   trigger: "dock-context-menu"
                 });
@@ -13956,7 +13861,7 @@ function WorkbenchHostDockFrozenComponentPreview({
 }) {
   const sourceRef = useRef11(null);
   const [frozenMarkup, setFrozenMarkup] = useState10(null);
-  useLayoutEffect8(() => {
+  useLayoutEffect7(() => {
     if (frozenMarkup !== null) {
       return;
     }
@@ -14404,7 +14309,7 @@ function useDockWallpaperTones({
   const [tones, setTones] = useState10(
     () => /* @__PURE__ */ new Map()
   );
-  useLayoutEffect8(() => {
+  useLayoutEffect7(() => {
     if (typeof window === "undefined") {
       return void 0;
     }
@@ -15555,11 +15460,10 @@ function WorkbenchHost({
     }),
     [contributions, dockEntries, dockEntryPresentationOverrides]
   );
-  const missionControlMode = missionControl?.mode ?? null;
+  const missionControlActive = missionControl?.active ?? false;
   const missionControlNodeIds = missionControl?.nodeIds;
   const missionControlClose = missionControl?.onRequestClose ?? noop3;
-  const missionControlRequestMode = missionControl?.onRequestMode;
-  const missionControlEnabled = missionControlMode !== null || onMissionControlAdapterReady !== void 0;
+  const missionControlEnabled = missionControlActive || onMissionControlAdapterReady !== void 0;
   const {
     chromeContext,
     hostI18n,
@@ -15604,11 +15508,10 @@ function WorkbenchHost({
     workspaceId
   });
   const missionControlState = useWorkbenchMissionControlState({
+    active: missionControlActive,
     adapter: missionControlAdapter,
-    mode: missionControlMode,
     nodeIds: missionControlNodeIds,
-    onRequestClose: missionControlClose,
-    onRequestMode: missionControlRequestMode
+    onRequestClose: missionControlClose
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
@@ -15666,6 +15569,9 @@ function WorkbenchHost({
   );
 }
 
+// src/host/activations.ts
+var workbenchFocusInputActivationType = "focus-input";
+
 // src/react/WorkbenchDockComponentPreviewFrame.tsx
 import { jsx as jsx17 } from "react/jsx-runtime";
 function WorkbenchDockComponentPreviewFrame({