@tutti-os/workbench-surface 0.0.75 → 0.0.77

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   workbenchHostI18nResources,
   workbenchWindowChromeI18nNamespace,
   workbenchWindowChromeI18nResources
-} from "./chunk-B5MSA47V.js";
+} from "./chunk-TIMYSQM7.js";
 
 // src/store/commands.ts
 function createWorkbenchCommands(store) {
@@ -40,12 +40,21 @@ function createWorkbenchCommands(store) {
     applyQuickLayout(nodeID, target) {
       store.dispatch({ type: "applyQuickLayout", nodeID, target });
     },
-    applyLayoutPreset(nodeIDs, preset) {
-      store.dispatch({ type: "applyLayoutPreset", nodeIDs, preset });
+    applyLayoutPreset(nodeIDs, preset, lock) {
+      store.dispatch({ type: "applyLayoutPreset", nodeIDs, preset, lock });
     },
     applyVisibleLayoutPreset(preset) {
       store.dispatch({ type: "applyVisibleLayoutPreset", preset });
     },
+    settleLockedDrag(nodeID) {
+      store.dispatch({ type: "settleLockedDrag", nodeID });
+    },
+    moveLockedNode(nodeID, direction) {
+      store.dispatch({ type: "moveLockedNode", nodeID, direction });
+    },
+    releaseLockedLayout() {
+      store.dispatch({ type: "releaseLockedLayout" });
+    },
     applyActiveSnapTarget(nodeID) {
       store.dispatch({ type: "applyActiveSnapTarget", nodeID });
     },
@@ -400,6 +409,57 @@ function getWorkbenchLayoutPresetFrames(itemCount, preset, surfaceSize, constrai
       return getSingleColumnLayoutFrames(itemCount, frame, normalized);
   }
 }
+function normalizeWorkbenchFrameToRect(frame, rect) {
+  const width = Math.max(rect.width, 1);
+  const height = Math.max(rect.height, 1);
+  return {
+    x: (frame.x - rect.x) / width,
+    y: (frame.y - rect.y) / height,
+    width: frame.width / width,
+    height: frame.height / height
+  };
+}
+function denormalizeWorkbenchFrameFromRect(normalized, rect) {
+  return {
+    x: rect.x + normalized.x * rect.width,
+    y: rect.y + normalized.y * rect.height,
+    width: normalized.width * rect.width,
+    height: normalized.height * rect.height
+  };
+}
+function getWorkbenchLockedSlotFrames(lockedLayout, surfaceSize, constraints = defaultWorkbenchLayoutConstraints) {
+  if (!lockedLayout || lockedLayout.nodeIDs.length < 2) {
+    return null;
+  }
+  const normalizedFrames = lockedLayout.normalizedFrames;
+  if (normalizedFrames) {
+    const rect = getWorkbenchSafeLayoutRect(surfaceSize, constraints);
+    const slots = [];
+    for (const nodeID of lockedLayout.nodeIDs) {
+      const normalized = normalizedFrames[nodeID];
+      if (normalized) {
+        slots.push({
+          nodeID,
+          frame: denormalizeWorkbenchFrameFromRect(normalized, rect)
+        });
+      }
+    }
+    return slots.length >= 2 ? slots : null;
+  }
+  const frames = getWorkbenchLayoutPresetFrames(
+    lockedLayout.nodeIDs.length,
+    lockedLayout.preset,
+    surfaceSize,
+    constraints
+  );
+  if (!frames) {
+    return null;
+  }
+  return lockedLayout.nodeIDs.map((nodeID, index) => ({
+    nodeID,
+    frame: frames[index]
+  }));
+}
 function getWorkbenchSafeLayoutRect(surfaceSize, constraints = defaultWorkbenchLayoutConstraints) {
   const normalized = normalizeWorkbenchLayoutConstraints(constraints);
   const frame = getWorkbenchLayoutFrame(surfaceSize, normalized);
@@ -595,7 +655,8 @@ function createWorkbenchInitialState(partial = {}) {
     surfaceSize: partial.surfaceSize ?? defaultWorkbenchSurfaceSize,
     layoutConstraints: normalizeWorkbenchLayoutConstraints(
       partial.layoutConstraints ?? defaultWorkbenchLayoutConstraints
-    )
+    ),
+    lockedLayout: partial.lockedLayout ?? null
   };
 }
 function reduceWorkbenchState(state, action) {
@@ -605,7 +666,7 @@ function reduceWorkbenchState(state, action) {
         ...state,
         ...action.state
       });
-      if (state.nodes === nextState.nodes && state.nodeStack === nextState.nodeStack && state.activeDragNodeId === nextState.activeDragNodeId && state.activeResizeNodeId === nextState.activeResizeNodeId && state.activeSnapTarget === nextState.activeSnapTarget && state.surfaceSize === nextState.surfaceSize && layoutConstraintsEqual(
+      if (state.nodes === nextState.nodes && state.nodeStack === nextState.nodeStack && state.activeDragNodeId === nextState.activeDragNodeId && state.activeResizeNodeId === nextState.activeResizeNodeId && state.activeSnapTarget === nextState.activeSnapTarget && state.surfaceSize === nextState.surfaceSize && state.lockedLayout === nextState.lockedLayout && layoutConstraintsEqual(
         state.layoutConstraints,
         nextState.layoutConstraints
       )) {
@@ -625,7 +686,7 @@ function reduceWorkbenchState(state, action) {
       const nodes = existing ? state.nodes.map(
         (node) => node.id === action.node.id ? action.node : node
       ) : [...state.nodes, action.node];
-      return {
+      const openedState = {
         ...state,
         nodes,
         nodeStack: focusWorkbenchStack(
@@ -633,6 +694,18 @@ function reduceWorkbenchState(state, action) {
           action.node.id
         )
       };
+      if (!existing && state.lockedLayout) {
+        const grownState = applyLayoutPresetToNodes(
+          openedState,
+          [...state.lockedLayout.nodeIDs, action.node.id],
+          state.lockedLayout.preset,
+          { lock: true, reorderStack: false }
+        );
+        if (grownState !== openedState) {
+          return grownState;
+        }
+      }
+      return openedState;
     }
     case "closeNode":
       if (!state.nodes.some((node) => node.id === action.nodeID)) {
@@ -641,7 +714,8 @@ function reduceWorkbenchState(state, action) {
       return {
         ...state,
         nodes: state.nodes.filter((node) => node.id !== action.nodeID),
-        nodeStack: removeFromWorkbenchStack(state.nodeStack, action.nodeID)
+        nodeStack: removeFromWorkbenchStack(state.nodeStack, action.nodeID),
+        lockedLayout: pruneLockedLayout(state.lockedLayout, action.nodeID)
       };
     case "focusNode":
       if (!state.nodes.some((node) => node.id === action.nodeID)) {
@@ -721,13 +795,25 @@ function reduceWorkbenchState(state, action) {
         };
       });
     case "applyLayoutPreset":
-      return applyLayoutPresetToNodes(state, action.nodeIDs, action.preset);
+      return applyLayoutPresetToNodes(state, action.nodeIDs, action.preset, {
+        lock: action.lock ?? false
+      });
     case "applyVisibleLayoutPreset":
       return applyLayoutPresetToNodes(
         state,
         state.nodes.filter((node) => !node.isMinimized).map((node) => node.id),
-        action.preset
+        action.preset,
+        { lock: false }
       );
+    case "settleLockedDrag":
+      return settleLockedDrag(state, action.nodeID);
+    case "moveLockedNode":
+      return moveLockedNode(state, action.nodeID, action.direction);
+    case "releaseLockedLayout":
+      if (state.lockedLayout === null) {
+        return state;
+      }
+      return { ...state, lockedLayout: null };
     case "applyActiveSnapTarget":
     case "applySnapTarget":
       return updateNode(state, action.nodeID, (node) => {
@@ -752,8 +838,8 @@ function reduceWorkbenchState(state, action) {
           minimizedAtUnixMs: null
         };
       });
-    case "dragNode":
-      return updateNode(state, action.nodeID, (node) => {
+    case "dragNode": {
+      const draggedState = updateNode(state, action.nodeID, (node) => {
         const frame = clampWorkbenchDragRect(
           action.frame,
           state.surfaceSize,
@@ -770,25 +856,37 @@ function reduceWorkbenchState(state, action) {
           restoreFrame: node.displayMode === "fullscreen" ? node.restoreFrame : null
         };
       });
+      if (isLockedLayoutNode(state, action.nodeID)) {
+        return draggedState;
+      }
+      return releaseLockedLayout(state, draggedState);
+    }
     case "moveNode":
-    case "resizeNode":
-      return updateNode(state, action.nodeID, (node) => {
-        const frame = clampWorkbenchRect(
-          action.frame,
-          state.surfaceSize,
-          state.layoutConstraints,
-          node.sizeConstraints
-        );
-        if (rectsEqual(node.frame, frame)) {
-          return node;
-        }
-        return {
-          ...node,
-          frame,
-          displayMode: "floating",
-          restoreFrame: node.displayMode === "fullscreen" ? node.restoreFrame : null
-        };
-      });
+    case "resizeNode": {
+      if (action.type === "resizeNode" && isLockedLayoutNode(state, action.nodeID)) {
+        return resizeLockedGrid(state, action.nodeID, action.frame);
+      }
+      return releaseLockedLayout(
+        state,
+        updateNode(state, action.nodeID, (node) => {
+          const frame = clampWorkbenchRect(
+            action.frame,
+            state.surfaceSize,
+            state.layoutConstraints,
+            node.sizeConstraints
+          );
+          if (rectsEqual(node.frame, frame)) {
+            return node;
+          }
+          return {
+            ...node,
+            frame,
+            displayMode: "floating",
+            restoreFrame: node.displayMode === "fullscreen" ? node.restoreFrame : null
+          };
+        })
+      );
+    }
     case "setActiveDragNode":
       if (state.activeDragNodeId === action.nodeID) {
         return state;
@@ -804,11 +902,11 @@ function reduceWorkbenchState(state, action) {
         return state;
       }
       return { ...state, activeSnapTarget: action.snapTarget };
-    case "setSurfaceSize":
+    case "setSurfaceSize": {
       if (state.surfaceSize.width === action.size.width && state.surfaceSize.height === action.size.height) {
         return state;
       }
-      return {
+      const resizedState = {
         ...state,
         surfaceSize: action.size,
         nodes: state.nodes.map(
@@ -831,6 +929,19 @@ function reduceWorkbenchState(state, action) {
           }
         )
       };
+      if (state.lockedLayout && state.lockedLayout.nodeIDs.length >= 2) {
+        if (state.lockedLayout.normalizedFrames) {
+          return materializeLockedFrames(resizedState, state.lockedLayout);
+        }
+        return applyLayoutPresetToNodes(
+          resizedState,
+          state.lockedLayout.nodeIDs,
+          state.lockedLayout.preset,
+          { lock: true, reorderStack: false }
+        );
+      }
+      return resizedState;
+    }
     case "setLayoutConstraints": {
       const constraints = normalizeWorkbenchLayoutConstraints({
         ...state.layoutConstraints,
@@ -931,7 +1042,7 @@ function updateNode(state, nodeID, update) {
     nodeStack: focusWorkbenchStack(state.nodeStack, nodeID)
   };
 }
-function applyLayoutPresetToNodes(state, inputNodeIDs, preset) {
+function applyLayoutPresetToNodes(state, inputNodeIDs, preset, options) {
   const nodeIDs = uniqueKnownNodeIDs(state.nodes, inputNodeIDs);
   if (nodeIDs.length === 0) {
     return state;
@@ -969,10 +1080,306 @@ function applyLayoutPresetToNodes(state, inputNodeIDs, preset) {
     };
   });
   let nodeStack = state.nodeStack;
-  for (const nodeID of nodeIDs) {
-    nodeStack = focusWorkbenchStack(nodeStack, nodeID);
+  if (options.reorderStack !== false) {
+    for (const nodeID of nodeIDs) {
+      nodeStack = focusWorkbenchStack(nodeStack, nodeID);
+    }
+  }
+  const lockedLayout = options.lock ? { preset, nodeIDs } : null;
+  return { ...state, nodes, nodeStack, lockedLayout };
+}
+function isLockedLayoutNode(state, nodeID) {
+  return state.lockedLayout?.nodeIDs.includes(nodeID) ?? false;
+}
+function settleLockedDrag(state, nodeID) {
+  const lockedLayout = state.lockedLayout;
+  if (!lockedLayout || !lockedLayout.nodeIDs.includes(nodeID)) {
+    return state;
+  }
+  const draggedNode = state.nodes.find((node) => node.id === nodeID);
+  if (!draggedNode) {
+    return state;
   }
-  return { ...state, nodes, nodeStack };
+  const draggedCenter = {
+    x: draggedNode.frame.x + draggedNode.frame.width / 2,
+    y: draggedNode.frame.y + draggedNode.frame.height / 2
+  };
+  const targetNode = state.nodes.find(
+    (node) => node.id !== nodeID && !node.isMinimized && lockedLayout.nodeIDs.includes(node.id) && frameContainsPoint(node.frame, draggedCenter)
+  );
+  return applyLockedArrangement(
+    state,
+    lockedLayout,
+    targetNode ? { firstID: nodeID, secondID: targetNode.id } : null
+  );
+}
+function moveLockedNode(state, nodeID, direction) {
+  const lockedLayout = state.lockedLayout;
+  if (!lockedLayout || !lockedLayout.nodeIDs.includes(nodeID)) {
+    return state;
+  }
+  const sourceNode = state.nodes.find((node) => node.id === nodeID);
+  if (!sourceNode) {
+    return state;
+  }
+  const sourceCenter = frameCenter(sourceNode.frame);
+  let targetID = null;
+  let bestScore = Number.POSITIVE_INFINITY;
+  for (const node of state.nodes) {
+    if (node.id === nodeID || node.isMinimized || !lockedLayout.nodeIDs.includes(node.id)) {
+      continue;
+    }
+    const center = frameCenter(node.frame);
+    const dx = center.x - sourceCenter.x;
+    const dy = center.y - sourceCenter.y;
+    const primary = direction === "left" ? -dx : direction === "right" ? dx : direction === "up" ? -dy : dy;
+    if (primary <= 0.5) {
+      continue;
+    }
+    const secondary = direction === "left" || direction === "right" ? Math.abs(dy) : Math.abs(dx);
+    const score = primary + secondary * 2;
+    if (score < bestScore) {
+      bestScore = score;
+      targetID = node.id;
+    }
+  }
+  if (targetID === null) {
+    return state;
+  }
+  return applyLockedArrangement(state, lockedLayout, {
+    firstID: nodeID,
+    secondID: targetID
+  });
+}
+function applyLockedArrangement(state, lockedLayout, swap) {
+  const nodeIDs = swap ? swapNodeIDs(lockedLayout.nodeIDs, swap.firstID, swap.secondID) : lockedLayout.nodeIDs;
+  if (lockedLayout.normalizedFrames) {
+    let normalizedFrames = lockedLayout.normalizedFrames;
+    if (swap) {
+      const first = normalizedFrames[swap.firstID];
+      const second = normalizedFrames[swap.secondID];
+      if (first && second) {
+        normalizedFrames = {
+          ...normalizedFrames,
+          [swap.firstID]: second,
+          [swap.secondID]: first
+        };
+      }
+    }
+    return materializeLockedFrames(state, {
+      ...lockedLayout,
+      nodeIDs,
+      normalizedFrames
+    });
+  }
+  return applyLayoutPresetToNodes(state, nodeIDs, lockedLayout.preset, {
+    lock: true,
+    reorderStack: false
+  });
+}
+function materializeLockedFrames(state, lockedLayout) {
+  const normalizedFrames = lockedLayout.normalizedFrames;
+  if (!normalizedFrames) {
+    return { ...state, lockedLayout };
+  }
+  const layoutRect = getWorkbenchSafeLayoutRect(
+    state.surfaceSize,
+    state.layoutConstraints
+  );
+  const lockedNodeIDs = new Set(lockedLayout.nodeIDs);
+  const nodes = state.nodes.map((node) => {
+    const normalized = normalizedFrames[node.id];
+    if (!normalized || !lockedNodeIDs.has(node.id)) {
+      return node;
+    }
+    const frame = clampWorkbenchRect(
+      denormalizeWorkbenchFrameFromRect(normalized, layoutRect),
+      state.surfaceSize,
+      state.layoutConstraints,
+      node.sizeConstraints
+    );
+    if (node.displayMode === "floating" && !node.isMinimized && node.restoreFrame === null && rectsEqual(node.frame, frame)) {
+      return node;
+    }
+    return {
+      ...node,
+      frame,
+      displayMode: "floating",
+      restoreFrame: null,
+      isMinimized: false,
+      minimizedAtUnixMs: null
+    };
+  });
+  return { ...state, nodes, lockedLayout };
+}
+function resizeLockedGrid(state, nodeID, requestedFrame) {
+  const lockedLayout = state.lockedLayout;
+  if (!lockedLayout) {
+    return state;
+  }
+  const sourceNode = state.nodes.find((node) => node.id === nodeID);
+  if (!sourceNode) {
+    return state;
+  }
+  const layoutRect = getWorkbenchSafeLayoutRect(
+    state.surfaceSize,
+    state.layoutConstraints
+  );
+  const lockedNodeIDs = lockedLayout.nodeIDs.filter(
+    (lockedID) => state.nodes.some((node) => node.id === lockedID)
+  );
+  const frameByNodeID = new Map(
+    state.nodes.filter((node) => lockedNodeIDs.includes(node.id)).map((node) => [
+      node.id,
+      {
+        x: node.frame.x,
+        y: node.frame.y,
+        width: node.frame.width,
+        height: node.frame.height
+      }
+    ])
+  );
+  const minSizeByNodeID = new Map(
+    state.nodes.filter((node) => lockedNodeIDs.includes(node.id)).map(
+      (node) => [
+        node.id,
+        {
+          minWidth: Math.max(
+            state.layoutConstraints.minWidth,
+            node.sizeConstraints?.minWidth ?? 0
+          ),
+          minHeight: Math.max(
+            state.layoutConstraints.minHeight,
+            node.sizeConstraints?.minHeight ?? 0
+          )
+        }
+      ]
+    )
+  );
+  const oldFrame = sourceNode.frame;
+  let changed = false;
+  const dividerMoves = [
+    { axis: "x", from: oldFrame.x, to: requestedFrame.x },
+    {
+      axis: "x",
+      from: oldFrame.x + oldFrame.width,
+      to: requestedFrame.x + requestedFrame.width
+    },
+    { axis: "y", from: oldFrame.y, to: requestedFrame.y },
+    {
+      axis: "y",
+      from: oldFrame.y + oldFrame.height,
+      to: requestedFrame.y + requestedFrame.height
+    }
+  ].filter((move) => Math.abs(move.to - move.from) > 0.1);
+  const edgeTolerance = 2;
+  const gapTolerance = WORKBENCH_LAYOUT_PRESET_GAP_PX + edgeTolerance;
+  for (const move of dividerMoves) {
+    const rectStart = move.axis === "x" ? layoutRect.x : layoutRect.y;
+    const rectEnd = move.axis === "x" ? layoutRect.x + layoutRect.width : layoutRect.y + layoutRect.height;
+    if (move.from - rectStart <= gapTolerance || rectEnd - move.from <= gapTolerance) {
+      continue;
+    }
+    const trailing = [];
+    const leading = [];
+    let minDelta = Number.NEGATIVE_INFINITY;
+    let maxDelta = Number.POSITIVE_INFINITY;
+    for (const [lockedID, frame] of frameByNodeID) {
+      const minSize = minSizeByNodeID.get(lockedID);
+      const start = move.axis === "x" ? frame.x : frame.y;
+      const size = move.axis === "x" ? frame.width : frame.height;
+      const minLength = move.axis === "x" ? minSize.minWidth : minSize.minHeight;
+      const endOffset = move.from - (start + size);
+      const startOffset = start - move.from;
+      if (endOffset >= -edgeTolerance && endOffset <= gapTolerance) {
+        trailing.push(lockedID);
+        minDelta = Math.max(minDelta, minLength - size);
+        maxDelta = Math.min(maxDelta, rectEnd - (start + size));
+      } else if (startOffset >= -edgeTolerance && startOffset <= gapTolerance) {
+        leading.push(lockedID);
+        maxDelta = Math.min(maxDelta, size - minLength);
+        minDelta = Math.max(minDelta, rectStart - start);
+      }
+    }
+    if (trailing.length === 0 && leading.length === 0) {
+      continue;
+    }
+    const delta = Math.min(Math.max(move.to - move.from, minDelta), maxDelta);
+    if (Math.abs(delta) <= 0.1) {
+      continue;
+    }
+    for (const lockedID of trailing) {
+      const frame = frameByNodeID.get(lockedID);
+      if (move.axis === "x") {
+        frame.width += delta;
+      } else {
+        frame.height += delta;
+      }
+    }
+    for (const lockedID of leading) {
+      const frame = frameByNodeID.get(lockedID);
+      if (move.axis === "x") {
+        frame.x += delta;
+        frame.width -= delta;
+      } else {
+        frame.y += delta;
+        frame.height -= delta;
+      }
+    }
+    changed = true;
+  }
+  if (!changed) {
+    return state;
+  }
+  const normalizedFrames = {};
+  for (const [lockedID, frame] of frameByNodeID) {
+    normalizedFrames[lockedID] = normalizeWorkbenchFrameToRect(
+      frame,
+      layoutRect
+    );
+  }
+  const nodes = state.nodes.map((node) => {
+    const frame = frameByNodeID.get(node.id);
+    if (!frame || rectsEqual(node.frame, frame)) {
+      return node;
+    }
+    return { ...node, frame };
+  });
+  return {
+    ...state,
+    nodes,
+    nodeStack: focusWorkbenchStack(state.nodeStack, nodeID),
+    lockedLayout: { ...lockedLayout, normalizedFrames }
+  };
+}
+function swapNodeIDs(nodeIDs, firstID, secondID) {
+  return nodeIDs.map(
+    (entry) => entry === firstID ? secondID : entry === secondID ? firstID : entry
+  );
+}
+function frameCenter(frame) {
+  return {
+    x: frame.x + frame.width / 2,
+    y: frame.y + frame.height / 2
+  };
+}
+function frameContainsPoint(frame, point) {
+  return point.x >= frame.x && point.x <= frame.x + frame.width && point.y >= frame.y && point.y <= frame.y + frame.height;
+}
+function releaseLockedLayout(previousState, nextState) {
+  if (nextState === previousState || nextState.lockedLayout === null) {
+    return nextState;
+  }
+  return { ...nextState, lockedLayout: null };
+}
+function pruneLockedLayout(lockedLayout, removedNodeID) {
+  if (!lockedLayout || !lockedLayout.nodeIDs.includes(removedNodeID)) {
+    return lockedLayout;
+  }
+  const nodeIDs = lockedLayout.nodeIDs.filter(
+    (nodeID) => nodeID !== removedNodeID
+  );
+  return nodeIDs.length >= 2 ? { preset: lockedLayout.preset, nodeIDs } : null;
 }
 function uniqueKnownNodeIDs(nodes, nodeIDs) {
   const knownNodeIDs = new Set(nodes.map((node) => node.id));
@@ -1151,10 +1558,11 @@ function createWorkbenchController(initialState = {}, options = {}) {
 }
 
 // src/host/WorkbenchHost.tsx
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 
 // src/mission-control/WorkbenchMissionControlOverlay.tsx
 import {
+  useEffect,
   useLayoutEffect,
   useRef,
   useState
@@ -1162,6 +1570,10 @@ import {
 import {
   AppWindowIcon,
   Button,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
   GridHorizontalLinedIcon,
   GridVerticalLinedIcon
 } from "@tutti-os/ui-system";
@@ -1184,7 +1596,7 @@ function shouldShowWorkbenchMissionControlLayoutPreset(selectedCount, preset) {
 }
 
 // src/mission-control/WorkbenchMissionControlOverlay.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 function WorkbenchMissionControlBackdrop({
   className,
   onExitTransitionComplete,
@@ -1212,6 +1624,30 @@ function WorkbenchMissionControlOverlay({
 }) {
   const layoutDockContentRef = useRef(null);
   const [layoutDockWidth, setLayoutDockWidth] = useState(null);
+  const [openLayoutKey, setOpenLayoutKey] = useState(null);
+  const hoverOpenTimeoutRef = useRef(null);
+  const clearHoverOpenTimeout = () => {
+    if (hoverOpenTimeoutRef.current !== null) {
+      window.clearTimeout(hoverOpenTimeoutRef.current);
+      hoverOpenTimeoutRef.current = null;
+    }
+  };
+  const requestHoverOpen = (key) => {
+    clearHoverOpenTimeout();
+    if (openLayoutKey !== null) {
+      setOpenLayoutKey(key);
+      return;
+    }
+    hoverOpenTimeoutRef.current = window.setTimeout(() => {
+      hoverOpenTimeoutRef.current = null;
+      setOpenLayoutKey(key);
+    }, layoutPresetMenuHoverOpenDelayMs);
+  };
+  const closeLayoutMenu = (key) => {
+    clearHoverOpenTimeout();
+    setOpenLayoutKey((current) => current === key ? null : current);
+  };
+  useEffect(() => clearHoverOpenTimeout, []);
   const layoutPresets = [
     {
       icon: AppWindowIcon,
@@ -1278,32 +1714,26 @@ function WorkbenchMissionControlOverlay({
             {
               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) => {
-                const canApply = state.canApplyPreset(option.preset);
-                const LayoutIcon = option.icon;
-                return /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    "aria-label": option.label,
-                    className: "workbench-mission-control__layout-dock-button",
-                    "data-layout-key": option.key,
-                    disabled: !canApply,
-                    size: "icon",
-                    title: option.label,
-                    type: "button",
-                    variant: "ghost",
-                    onClick: () => state.applyPreset(option.preset),
-                    children: /* @__PURE__ */ jsx(
-                      LayoutIcon,
-                      {
-                        "aria-hidden": true,
-                        className: "workbench-mission-control__layout-glyph"
-                      }
-                    )
+              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 });
                   },
-                  option.key
-                );
-              }) })
+                  onHoverOpen: () => requestHoverOpen(option.key),
+                  onHoverCancel: clearHoverOpenTimeout,
+                  onRequestClose: () => closeLayoutMenu(option.key),
+                  presetLabel: option.label
+                },
+                option.key
+              )) })
             }
           )
         }
@@ -1311,6 +1741,86 @@ function WorkbenchMissionControlOverlay({
     }
   );
 }
+var layoutPresetMenuHoverOpenDelayMs = 200;
+function WorkbenchMissionControlLayoutPresetButton({
+  arrangeOnceLabel,
+  canApply,
+  icon: LayoutIcon,
+  layoutKey,
+  lockLayoutLabel,
+  onApply,
+  onHoverCancel,
+  onHoverOpen,
+  onRequestClose,
+  open,
+  presetLabel
+}) {
+  return /* @__PURE__ */ jsxs(
+    DropdownMenu,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!nextOpen) {
+          onRequestClose();
+          return;
+        }
+        if (canApply) {
+          onHoverOpen();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-label": presetLabel,
+            className: "workbench-mission-control__layout-dock-button",
+            "data-layout-key": layoutKey,
+            "data-menu-open": open ? "true" : void 0,
+            disabled: !canApply,
+            size: "icon",
+            title: presetLabel,
+            type: "button",
+            variant: "ghost",
+            onClick: () => {
+              if (canApply) {
+                onApply(true);
+              }
+            },
+            onPointerDown: (event) => {
+              event.preventDefault();
+            },
+            onPointerEnter: () => {
+              if (canApply) {
+                onHoverOpen();
+              }
+            },
+            onPointerLeave: onHoverCancel,
+            children: /* @__PURE__ */ jsx(
+              LayoutIcon,
+              {
+                "aria-hidden": true,
+                className: "workbench-mission-control__layout-glyph"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          DropdownMenuContent,
+          {
+            align: "center",
+            className: "w-auto min-w-40",
+            sideOffset: 10,
+            onCloseAutoFocus: (event) => event.preventDefault(),
+            children: [
+              /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => onApply(false), children: arrangeOnceLabel }),
+              /* @__PURE__ */ jsx(DropdownMenuItem, { onSelect: () => onApply(true), children: lockLayoutLabel })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/mission-control/useWorkbenchMissionControlPresence.ts
 import { useCallback, useLayoutEffect as useLayoutEffect2, useRef as useRef2, useState as useState2 } from "react";
@@ -1325,6 +1835,9 @@ function useWorkbenchMissionControlPresence(state) {
   const enterFrameRef = useRef2(null);
   const setPresencePhase = useCallback(
     (nextPhase) => {
+      if (phaseRef.current === nextPhase) {
+        return;
+      }
       phaseRef.current = nextPhase;
       setPhase(nextPhase);
     },
@@ -1373,7 +1886,7 @@ function useWorkbenchMissionControlPresence(state) {
 }
 
 // src/mission-control/useWorkbenchMissionControlState.ts
-import { useCallback as useCallback2, useEffect, useMemo, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo, useState as useState3 } from "react";
 import {
   useExternalStoreSnapshot
 } from "@tutti-os/ui-react-hooks";
@@ -1560,13 +2073,13 @@ function useWorkbenchMissionControlState({
     return nextVisibleNodes.filter((node) => scopedNodeIdSet.has(node.id));
   }, [scopedNodeIdSet, snapshot?.visibleNodes]);
   const [selectedNodeIds, setSelectedNodeIds] = useState3([]);
-  useEffect(() => {
+  useEffect2(() => {
     if (mode === null) {
       return;
     }
     setSelectedNodeIds([]);
   }, [mode]);
-  useEffect(() => {
+  useEffect2(() => {
     if (mode !== null && visibleNodes.length === 0) {
       onRequestClose();
     }
@@ -1637,13 +2150,13 @@ function useWorkbenchMissionControlState({
     [adapter, onRequestClose]
   );
   const applyLayoutAndClose = useCallback2(
-    (nodeIds2, nextPreset) => {
+    (nodeIds2, nextPreset, lock) => {
       if (!adapter || nodeIds2.length < 2) {
         return;
       }
       onRequestClose();
       window.requestAnimationFrame(() => {
-        adapter.applyLayoutPreset(nodeIds2, nextPreset);
+        adapter.applyLayoutPreset(nodeIds2, nextPreset, lock);
       });
     },
     [adapter, onRequestClose]
@@ -1668,11 +2181,15 @@ function useWorkbenchMissionControlState({
     [selectedNodeIds]
   );
   const applyPreset = useCallback2(
-    (nextPreset) => {
+    (nextPreset, options) => {
       if (!canApplyPreset(nextPreset)) {
         return;
       }
-      applyLayoutAndClose(orderedSelectedNodeIds, nextPreset);
+      applyLayoutAndClose(
+        orderedSelectedNodeIds,
+        nextPreset,
+        options?.lock ?? false
+      );
     },
     [applyLayoutAndClose, canApplyPreset, orderedSelectedNodeIds]
   );
@@ -1699,7 +2216,7 @@ function useWorkbenchMissionControlState({
       selectedNodeIdSet
     ]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (mode === null) {
       return void 0;
     }
@@ -1714,23 +2231,30 @@ function useWorkbenchMissionControlState({
       window.removeEventListener("keydown", onKeyDown, true);
     };
   }, [mode, onRequestClose]);
-  if (mode === null || presentation === null) {
-    return null;
-  }
-  return {
-    applyPreset,
-    canApplyPreset,
-    canUsePreset,
-    mode,
-    presentation,
-    selectedCount: orderedSelectedNodeIds.length
-  };
+  return useMemo(
+    () => mode === null || presentation === null ? null : {
+      applyPreset,
+      canApplyPreset,
+      canUsePreset,
+      mode,
+      presentation,
+      selectedCount: orderedSelectedNodeIds.length
+    },
+    [
+      applyPreset,
+      canApplyPreset,
+      canUsePreset,
+      mode,
+      orderedSelectedNodeIds.length,
+      presentation
+    ]
+  );
 }
 
 // src/react/WorkbenchSurface.tsx
 import {
   useCallback as useCallback7,
-  useEffect as useEffect4
+  useEffect as useEffect5
 } from "react";
 
 // src/react/WorkbenchDockFrame.tsx
@@ -1832,7 +2356,7 @@ function useWorkbenchSelector(selector) {
 }
 
 // src/react/WorkbenchDockFrame.tsx
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function WorkbenchDockFrame({
   dockPlacement = "bottom",
   genie,
@@ -1869,7 +2393,7 @@ function WorkbenchDockFrame({
   if (!renderDock && minimizedNodes.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
     hasFullscreenNode ? /* @__PURE__ */ jsx3(
       "div",
       {
@@ -1926,8 +2450,44 @@ function mergePendingMinimizedDockNode(nodes, pendingNode) {
   return [...nodes.filter((node) => node.id !== pendingNode.id), pendingNode];
 }
 
+// src/react/WorkbenchLockedSlotLayer.tsx
+import { useMemo as useMemo3 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var selectLockedLayout = (state) => state.lockedLayout;
+var selectSurfaceSize = (state) => state.surfaceSize;
+var selectLayoutConstraints = (state) => state.layoutConstraints;
+function WorkbenchLockedSlotLayer() {
+  const lockedLayout = useWorkbenchSelector(selectLockedLayout);
+  const surfaceSize = useWorkbenchSelector(selectSurfaceSize);
+  const layoutConstraints = useWorkbenchSelector(selectLayoutConstraints);
+  const slots = useMemo3(
+    () => getWorkbenchLockedSlotFrames(
+      lockedLayout,
+      surfaceSize,
+      layoutConstraints
+    ),
+    [layoutConstraints, lockedLayout, surfaceSize]
+  );
+  if (!slots) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx4("div", { "aria-hidden": true, className: "workbench-locked-slot-layer", children: slots.map((slot) => /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: "workbench-locked-slot",
+      style: {
+        left: slot.frame.x,
+        top: slot.frame.y,
+        width: slot.frame.width,
+        height: slot.frame.height
+      }
+    },
+    slot.nodeID
+  )) });
+}
+
 // src/react/WorkbenchNodeLayer.tsx
-import { Fragment as Fragment3, memo, useMemo as useMemo3 } from "react";
+import { Fragment as Fragment3, memo, useMemo as useMemo4 } from "react";
 import { createPortal } from "react-dom";
 
 // src/react/WorkbenchWindowFrame.tsx
@@ -1942,7 +2502,7 @@ import {
   TooltipTrigger,
   WindowTrafficLightIcon
 } from "@tutti-os/ui-system";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function WorkbenchWindowTrafficLights({
   className,
   close,
@@ -1952,7 +2512,7 @@ function WorkbenchWindowTrafficLights({
   onPointerDown,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       ...props,
@@ -1966,7 +2526,7 @@ function WorkbenchWindowTrafficLights({
         onPointerDown?.(event);
       },
       children: [
-        close ? /* @__PURE__ */ jsx4(
+        close ? /* @__PURE__ */ jsx5(
           WorkbenchWindowTrafficLightButton,
           {
             action: "close",
@@ -1974,7 +2534,7 @@ function WorkbenchWindowTrafficLights({
             tone: "close"
           }
         ) : null,
-        minimize ? /* @__PURE__ */ jsx4(
+        minimize ? /* @__PURE__ */ jsx5(
           WorkbenchWindowTrafficLightButton,
           {
             action: "minimize",
@@ -1982,7 +2542,7 @@ function WorkbenchWindowTrafficLights({
             tone: "minimize"
           }
         ) : null,
-        maximize ? /* @__PURE__ */ jsx4(
+        maximize ? /* @__PURE__ */ jsx5(
           WorkbenchWindowTrafficLightButton,
           {
             action: "fullscreen",
@@ -2010,7 +2570,7 @@ function WorkbenchWindowTrafficLightButton({
     event.stopPropagation();
   };
   const iconName = tone === "maximize" ? input.pressed ? "unfullscreen" : "fullscreen" : tone;
-  const button = /* @__PURE__ */ jsx4(
+  const button = /* @__PURE__ */ jsx5(
     "button",
     {
       "aria-label": input.label,
@@ -2023,7 +2583,7 @@ function WorkbenchWindowTrafficLightButton({
       onClick: handleClick,
       onDoubleClick: (event) => event.stopPropagation(),
       onPointerDown: stopPointer,
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         WindowTrafficLightIcon,
         {
           "aria-hidden": "true",
@@ -2034,14 +2594,14 @@ function WorkbenchWindowTrafficLightButton({
       )
     }
   );
-  return /* @__PURE__ */ jsx4(TooltipProvider, { delayDuration: 250, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs2(Tooltip, { children: [
-    /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx4(TooltipContent, { side: "bottom", children: input.label })
+  return /* @__PURE__ */ jsx5(TooltipProvider, { delayDuration: 250, skipDelayDuration: 0, children: /* @__PURE__ */ jsxs3(Tooltip, { children: [
+    /* @__PURE__ */ jsx5(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx5(TooltipContent, { side: "bottom", children: input.label })
   ] }) });
 }
 
 // src/react/WorkbenchWindowFullscreenToggle.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function WorkbenchWindowFullscreenToggle({
   controller,
   disabled = false,
@@ -2050,7 +2610,7 @@ function WorkbenchWindowFullscreenToggle({
 }) {
   const isFullscreen = node.displayMode === "fullscreen";
   const label = i18n.t(isFullscreen ? "exitFullscreen" : "enterFullscreen");
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     WorkbenchWindowTrafficLights,
     {
       maximize: {
@@ -2127,16 +2687,22 @@ function useWorkbenchDrag(node, options = {}) {
       controller.commands.setActiveDragNode(node.id);
       const origin = { x: event.clientX, y: event.clientY };
       const initialFrame = node.frame;
+      const isLockedLayoutDrag = () => {
+        const lockedLayout = controller.getSnapshot().lockedLayout;
+        return lockedLayout !== null && lockedLayout.nodeIDs.includes(node.id);
+      };
       const onPointerMove = (moveEvent) => {
         const nextFrame = {
           ...initialFrame,
           x: initialFrame.x + moveEvent.clientX - origin.x,
           y: initialFrame.y + moveEvent.clientY - origin.y
         };
-        updateSnap(
-          { x: moveEvent.clientX, y: moveEvent.clientY },
-          { edgeSnapEnabled }
-        );
+        if (!isLockedLayoutDrag()) {
+          updateSnap(
+            { x: moveEvent.clientX, y: moveEvent.clientY },
+            { edgeSnapEnabled }
+          );
+        }
         controller.commands.dragNode(node.id, nextFrame);
       };
       const clearListeners = () => {
@@ -2147,7 +2713,9 @@ function useWorkbenchDrag(node, options = {}) {
         window.removeEventListener("pointercancel", cancelDrag);
       };
       const finishDrag = (upEvent) => {
-        if (updateSnap(
+        if (isLockedLayoutDrag()) {
+          controller.commands.settleLockedDrag(node.id);
+        } else if (updateSnap(
           { x: upEvent.clientX, y: upEvent.clientY },
           { edgeSnapEnabled }
         ) !== null) {
@@ -2156,6 +2724,9 @@ function useWorkbenchDrag(node, options = {}) {
         clearListeners();
       };
       const cancelDrag = () => {
+        if (isLockedLayoutDrag()) {
+          controller.commands.settleLockedDrag(node.id);
+        }
         clearListeners();
       };
       window.addEventListener("pointermove", onPointerMove);
@@ -2264,7 +2835,7 @@ function resolveWorkbenchWindowHeader({
 }
 
 // src/react/WorkbenchWindowFrame.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var resizeHandles = [
   "north",
   "east",
@@ -2336,7 +2907,7 @@ function WorkbenchWindowFrame({
       genie.minimizeNodeToAnchor(nodeID, minimize);
     }
   };
-  const defaultActions = interactive ? /* @__PURE__ */ jsxs3(
+  const defaultActions = interactive ? /* @__PURE__ */ jsxs4(
     "div",
     {
       className: "workbench-window__traffic-light-actions",
@@ -2352,7 +2923,7 @@ function WorkbenchWindowFrame({
           genie: genieControls,
           node
         }) : null,
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           WorkbenchWindowFullscreenToggle,
           {
             controller,
@@ -2393,7 +2964,7 @@ function WorkbenchWindowFrame({
     (presentationFrame.height - node.frame.height * presentationScale) / 2
   ) - node.frame.y : 0;
   const shellTransform = presentationMode === "mission-control" && presentationFrame ? `matrix(${presentationScale}, 0, 0, ${presentationScale}, ${presentationOffsetX}, ${presentationOffsetY})` : void 0;
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "section",
     {
       "aria-hidden": hiddenMounted || isPresentationHidden ? true : void 0,
@@ -2421,8 +2992,8 @@ function WorkbenchWindowFrame({
       },
       onPointerDown: hiddenMounted || isPresentationHidden || !interactive || presentationMode === "mission-control" ? void 0 : () => controller.commands.focusNode(node.id),
       children: [
-        /* @__PURE__ */ jsxs3("div", { className: "workbench-window-shell__content", children: [
-          /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs4("div", { className: "workbench-window-shell__content", children: [
+          /* @__PURE__ */ jsxs4(
             "div",
             {
               className: "workbench-window",
@@ -2434,7 +3005,7 @@ function WorkbenchWindowFrame({
               "data-window-drag-state": isDragging ? "dragging" : "idle",
               "data-window-resize-state": isResizing ? "resizing" : "idle",
               children: [
-                /* @__PURE__ */ jsx6(
+                /* @__PURE__ */ jsx7(
                   "div",
                   {
                     className: [
@@ -2443,19 +3014,19 @@ function WorkbenchWindowFrame({
                     ].filter(Boolean).join(" "),
                     onDoubleClick: shouldRenderCustomHeader || !interactive ? void 0 : onHeaderDoubleClick,
                     onPointerDown: shouldRenderCustomHeader || !interactive ? void 0 : onDragStart,
-                    children: shouldRenderCustomHeader ? resolvedHeader.customHeader : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                    children: shouldRenderCustomHeader ? resolvedHeader.customHeader : /* @__PURE__ */ jsxs4(Fragment2, { children: [
                       defaultActions,
-                      /* @__PURE__ */ jsx6("div", { className: "workbench-window__title", children: node.title })
+                      /* @__PURE__ */ jsx7("div", { className: "workbench-window__title", children: node.title })
                     ] })
                   }
                 ),
-                /* @__PURE__ */ jsx6("div", { className: "workbench-window__body", children })
+                /* @__PURE__ */ jsx7("div", { className: "workbench-window__body", children })
               ]
             }
           ),
-          node.displayMode === "floating" && !hiddenMounted && presentationMode !== "mission-control" && interactive ? resizeHandles.map((handle) => /* @__PURE__ */ jsx6(ResizeHandle, { handle, node }, handle)) : null
+          node.displayMode === "floating" && !hiddenMounted && presentationMode !== "mission-control" && interactive ? resizeHandles.map((handle) => /* @__PURE__ */ jsx7(ResizeHandle, { handle, node }, handle)) : null
         ] }),
-        presentationInteraction ? /* @__PURE__ */ jsx6(
+        presentationInteraction ? /* @__PURE__ */ jsx7(
           "button",
           {
             "aria-label": node.title,
@@ -2466,10 +3037,10 @@ function WorkbenchWindowFrame({
               event.stopPropagation();
               presentationInteraction.onNodePress(node.id);
             },
-            children: presentationInteraction.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx6("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: 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
           }
         ) : null,
-        presentationInteraction?.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx6(
+        presentationInteraction?.mode === "layout" && isMissionControlSelected ? /* @__PURE__ */ jsx7(
           Checkbox,
           {
             "aria-hidden": "true",
@@ -2487,7 +3058,7 @@ function ResizeHandle({
   node
 }) {
   const onPointerDown = useWorkbenchResize(node, handle);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: "workbench-window__resize-handle",
@@ -2522,7 +3093,7 @@ function stringArraysEqual(left, right) {
 }
 
 // src/react/WorkbenchNodeLayer.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 function WorkbenchNodeLayer({
   genie,
   edgeSnapEnabled = false,
@@ -2538,7 +3109,7 @@ function WorkbenchNodeLayer({
   windowChromeMode,
   windowChromeI18n
 }) {
-  const selectRenderedNodeIDs = useMemo3(
+  const selectRenderedNodeIDs = useMemo4(
     () => createRenderedWorkbenchNodeIDsSelector(shouldKeepMinimizedNodeMounted),
     [shouldKeepMinimizedNodeMounted]
   );
@@ -2570,7 +3141,7 @@ function WorkbenchNodeLayer({
   });
   const snapPreviewRect = useWorkbenchSelector(selectWorkbenchSnapPreviewRect);
   const presentationInteraction = interactive && presentation?.mode === "mission-control" ? presentation.interaction ?? null : null;
-  const dialogPopoverLayer = dialogPopoverNodeIDs.length > 0 ? /* @__PURE__ */ jsx7(
+  const dialogPopoverLayer = dialogPopoverNodeIDs.length > 0 ? /* @__PURE__ */ jsx8(
     WorkbenchNodeLayerGroup,
     {
       className: "workbench-node-layer workbench-node-layer--dialog-popover",
@@ -2588,8 +3159,8 @@ function WorkbenchNodeLayer({
       windowChromeMode
     }
   ) : null;
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsx8(
       WorkbenchNodeLayerGroup,
       {
         className: "workbench-node-layer",
@@ -2629,7 +3200,7 @@ function WorkbenchNodeLayerGroup({
   windowChromeI18n,
   windowChromeMode
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className,
@@ -2641,7 +3212,7 @@ function WorkbenchNodeLayerGroup({
         onBackdropPress();
       } : void 0,
       children: [
-        snapPreviewRect ? /* @__PURE__ */ jsx7(
+        snapPreviewRect ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "workbench-snap-preview",
@@ -2653,7 +3224,7 @@ function WorkbenchNodeLayerGroup({
             }
           }
         ) : null,
-        nodeIDs.map((nodeID) => /* @__PURE__ */ jsx7(
+        nodeIDs.map((nodeID) => /* @__PURE__ */ jsx8(
           MemoizedWorkbenchNodeLayerItem,
           {
             fullscreenHeaderMode,
@@ -2702,7 +3273,7 @@ function WorkbenchNodeLayerItem({
   if (!node) {
     return null;
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     WorkbenchWindowFrame,
     {
       edgeSnapEnabled,
@@ -2742,7 +3313,7 @@ var MemoizedWorkbenchNodeLayerItem = memo(
 );
 
 // src/react/hooks/useWorkbenchShortcuts.ts
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 
 // src/react/hooks/workbenchShortcutIntent.ts
 function resolveWorkbenchShortcutIntent(event, options = {}) {
@@ -2801,7 +3372,7 @@ function useWorkbenchShortcuts(options = {}) {
   const controller = useWorkbenchController();
   const enabled = options.enabled ?? true;
   const windowManagementShortcutPreset = options.windowManagementShortcutPreset ?? null;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!enabled) {
       return void 0;
     }
@@ -2813,9 +3384,9 @@ function useWorkbenchShortcuts(options = {}) {
         return;
       }
       let handled = false;
-      const focusedNode = selectFocusedVisibleWorkbenchNode(
-        controller.getSnapshot()
-      );
+      const snapshot = controller.getSnapshot();
+      const focusedNode = selectFocusedVisibleWorkbenchNode(snapshot);
+      const isLockedFocusedNode = focusedNode !== null && (snapshot.lockedLayout?.nodeIDs.includes(focusedNode.id) ?? false);
       if (intent.type === "exitFullscreen") {
         if (focusedNode?.displayMode === "fullscreen") {
           controller.commands.exitFullscreen(focusedNode.id);
@@ -2823,15 +3394,25 @@ function useWorkbenchShortcuts(options = {}) {
         }
       } else if (intent.type === "applyFocusedSnapTarget") {
         if (focusedNode) {
-          controller.commands.applySnapTarget(
-            focusedNode.id,
-            intent.snapTarget
-          );
+          const lockedDirection = isLockedFocusedNode ? resolveLockedMoveDirection(intent.snapTarget) : null;
+          if (lockedDirection) {
+            controller.commands.moveLockedNode(focusedNode.id, lockedDirection);
+          } else {
+            controller.commands.applySnapTarget(
+              focusedNode.id,
+              intent.snapTarget
+            );
+          }
           handled = true;
         }
       } else if (intent.type === "applyFocusedQuickLayout") {
         if (focusedNode) {
-          controller.commands.applyQuickLayout(focusedNode.id, intent.target);
+          const lockedDirection = isLockedFocusedNode ? resolveLockedMoveDirection(intent.target) : null;
+          if (lockedDirection) {
+            controller.commands.moveLockedNode(focusedNode.id, lockedDirection);
+          } else {
+            controller.commands.applyQuickLayout(focusedNode.id, intent.target);
+          }
           handled = true;
         }
       } else {
@@ -2849,6 +3430,20 @@ function useWorkbenchShortcuts(options = {}) {
     };
   }, [controller, enabled, windowManagementShortcutPreset]);
 }
+function resolveLockedMoveDirection(target) {
+  switch (target) {
+    case "left":
+      return "left";
+    case "right":
+      return "right";
+    case "top":
+      return "up";
+    case "bottom":
+      return "down";
+    default:
+      return null;
+  }
+}
 
 // src/react/hooks/useWorkbenchSurfaceSize.ts
 import { useLayoutEffect as useLayoutEffect3, useRef as useRef3 } from "react";
@@ -2885,7 +3480,7 @@ function useWorkbenchSurfaceSize(onSizeChange) {
 // src/react/useWorkbenchGenieAnimation.tsx
 import {
   useCallback as useCallback6,
-  useEffect as useEffect3,
+  useEffect as useEffect4,
   useRef as useRef4,
   useState as useState4
 } from "react";
@@ -3216,7 +3811,7 @@ function renderGenieScanlines(context, viewportWidth, viewportHeight, frame) {
 }
 
 // src/react/useWorkbenchGenieAnimation.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var genieDurationMs = 400;
 var previewCaptureRaceTimeoutMs = 120;
 var scaleMinimizeDurationMs = 220;
@@ -4088,7 +4683,7 @@ function useWorkbenchGenieAnimation({
     },
     [stopAnimation]
   );
-  useEffect3(() => () => stopAnimation(false), [stopAnimation]);
+  useEffect4(() => () => stopAnimation(false), [stopAnimation]);
   const startOpenOrRestoreAnimation = useCallback6(
     async (nodeID, anchorKey, generation, dockRectFallback, minimizedNode) => {
       const effectiveMinimizeAnimation = shouldReduceMotion() ? "off" : minimizeAnimation;
@@ -4735,7 +5330,7 @@ function useWorkbenchGenieAnimation({
       writeMinimizedGenieTexture
     ]
   );
-  useEffect3(
+  useEffect4(
     () => () => {
       for (const timer of minimizedDockEnterAnimationTimersRef.current.values()) {
         clearTimeout(timer);
@@ -4748,8 +5343,8 @@ function useWorkbenchGenieAnimation({
   );
   return {
     genieLayer: typeof document === "undefined" ? null : createPortal2(
-      /* @__PURE__ */ jsxs5(Fragment4, { children: [
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs6(Fragment4, { children: [
+        /* @__PURE__ */ jsx9(
           "canvas",
           {
             ref: canvasRef,
@@ -4758,7 +5353,7 @@ function useWorkbenchGenieAnimation({
             "aria-hidden": true
           }
         ),
-        pendingRenderedPreviewCapture ? /* @__PURE__ */ jsx8(
+        pendingRenderedPreviewCapture ? /* @__PURE__ */ jsx9(
           "div",
           {
             ref: renderedPreviewCaptureElementRef,
@@ -4794,7 +5389,7 @@ function useWorkbenchGenieAnimation({
 }
 
 // src/react/WorkbenchSurface.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function WorkbenchSurface({
   captureNodePreviewImage,
   className,
@@ -4829,7 +5424,7 @@ function WorkbenchSurface({
   windowChromeMode,
   windowChromeI18n
 }) {
-  return /* @__PURE__ */ jsx9(WorkbenchProvider, { controller, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(WorkbenchProvider, { controller, children: /* @__PURE__ */ jsx10(
     WorkbenchSurfaceInner,
     {
       captureNodePreviewImage,
@@ -4922,7 +5517,7 @@ function WorkbenchSurfaceInner({
     enabled: (shortcutsEnabled ?? true) && interactive,
     windowManagementShortcutPreset: windowManagement?.shortcutPreset ?? null
   });
-  useEffect4(() => {
+  useEffect5(() => {
     if (!layoutConstraints) {
       return;
     }
@@ -4935,7 +5530,7 @@ function WorkbenchSurfaceInner({
       wallpaper.fit ?? "cover"
     )
   } : void 0;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref,
@@ -4944,7 +5539,7 @@ function WorkbenchSurfaceInner({
       "data-presentation-mode": presentation?.mode ?? "default",
       "data-workbench-interactive": interactive ? "true" : "false",
       children: [
-        wallpaper ? /* @__PURE__ */ jsx9(
+        wallpaper ? /* @__PURE__ */ jsx10(
           "div",
           {
             className: "workbench-surface__wallpaper",
@@ -4952,9 +5547,10 @@ function WorkbenchSurfaceInner({
             "aria-hidden": true
           }
         ) : null,
-        renderTopChrome ? /* @__PURE__ */ jsx9("div", { className: "workbench-surface__top-chrome", children: renderTopChrome() }) : null,
+        renderTopChrome ? /* @__PURE__ */ jsx10("div", { className: "workbench-surface__top-chrome", children: renderTopChrome() }) : null,
         renderBackdrop ? renderBackdrop() : null,
-        /* @__PURE__ */ jsx9(
+        presentation?.mode === "mission-control" ? null : /* @__PURE__ */ jsx10(WorkbenchLockedSlotLayer, {}),
+        /* @__PURE__ */ jsx10(
           WorkbenchNodeLayer,
           {
             genie,
@@ -4972,7 +5568,7 @@ function WorkbenchSurfaceInner({
             windowChromeI18n
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           WorkbenchDockFrame,
           {
             dockPlacement,
@@ -4981,7 +5577,7 @@ function WorkbenchSurfaceInner({
             renderDock
           }
         ),
-        renderBottomChrome ? /* @__PURE__ */ jsx9("div", { className: "workbench-surface__bottom-chrome", children: renderBottomChrome() }) : null,
+        renderBottomChrome ? /* @__PURE__ */ jsx10("div", { className: "workbench-surface__bottom-chrome", children: renderBottomChrome() }) : null,
         renderOverlay ? renderOverlay() : null,
         genie.genieLayer
       ]
@@ -5146,7 +5742,7 @@ function resolveHostClosePreparer(contributions) {
 }
 
 // src/host/useWorkbenchHostRuntime.ts
-import { useEffect as useEffect5, useMemo as useMemo4, useState as useState5 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo5, useState as useState5 } from "react";
 
 // src/store/createDerivedSnapshotGetter.ts
 function createDerivedSnapshotGetter(input) {
@@ -5184,8 +5780,8 @@ function createWorkbenchHostMissionControlAdapter(input) {
     }
   });
   return {
-    applyLayoutPreset(nodeIds, preset) {
-      input.controller.commands.applyLayoutPreset(nodeIds, preset);
+    applyLayoutPreset(nodeIds, preset, lock) {
+      input.controller.commands.applyLayoutPreset(nodeIds, preset, lock);
     },
     focusNode(nodeId) {
       if (input.activateNode) {
@@ -7028,7 +7624,7 @@ function useWorkbenchHostRuntime({
 }) {
   const [externalStateRevision, bumpExternalStateRevision] = useState5(0);
   const [, bumpHydrationRevision] = useState5(0);
-  const hostSession = useMemo4(() => {
+  const hostSession = useMemo5(() => {
     logWorkbenchHostDebug("create-session", debugDiagnostics, {
       nodeTypeIDs: nodes.map((node) => node.typeId),
       projectedNodeCount: projectedNodes?.length ?? 0,
@@ -7053,32 +7649,32 @@ function useWorkbenchHostRuntime({
     snapshotRepository,
     workspaceId
   ]);
-  const hostI18n = useMemo4(() => createWorkbenchHostI18nRuntime(i18n), [i18n]);
-  const missionControlI18n = useMemo4(
+  const hostI18n = useMemo5(() => createWorkbenchHostI18nRuntime(i18n), [i18n]);
+  const missionControlI18n = useMemo5(
     () => createWorkbenchMissionControlI18nRuntime(i18n),
     [i18n]
   );
-  const windowChromeI18n = useMemo4(
+  const windowChromeI18n = useMemo5(
     () => createWorkbenchWindowChromeI18nRuntime(i18n),
     [i18n]
   );
-  const nodeDefinitionByType = useMemo4(
+  const nodeDefinitionByType = useMemo5(
     () => new Map(nodes.map((definition) => [definition.typeId, definition])),
     [nodes]
   );
   const isHydrating = hostSession.isHydrating?.() ?? false;
-  const missionControlAdapter = useMemo4(
+  const missionControlAdapter = useMemo5(
     () => missionControlEnabled && !isHydrating ? createWorkbenchHostMissionControlAdapter({
       activateNode: hostSession.activateNode.bind(hostSession),
       controller: hostSession.controller
     }) : null,
     [hostSession.controller, isHydrating, missionControlEnabled]
   );
-  const chromeController = useMemo4(
+  const chromeController = useMemo5(
     () => isHydrating ? createReadOnlyWorkbenchController(hostSession.controller) : hostSession.controller,
     [hostSession.controller, isHydrating]
   );
-  const chromeContext = useMemo4(
+  const chromeContext = useMemo5(
     () => ({
       activateNode: hostSession.activateNode.bind(hostSession),
       controller: chromeController,
@@ -7087,7 +7683,7 @@ function useWorkbenchHostRuntime({
     }),
     [chromeController, hostSession]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     let isCurrent = true;
     void hostSession.load().finally(() => {
       if (isCurrent) {
@@ -7102,13 +7698,13 @@ function useWorkbenchHostRuntime({
       hostSession.dispose();
     };
   }, [debugDiagnostics, hostSession, workspaceId]);
-  useEffect5(() => {
+  useEffect6(() => {
     onHandleReady?.(hostSession);
     return () => {
       onHandleReady?.(null);
     };
   }, [hostSession, onHandleReady]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!onMissionControlAdapterReady) {
       return void 0;
     }
@@ -7117,10 +7713,10 @@ function useWorkbenchHostRuntime({
       onMissionControlAdapterReady(null);
     };
   }, [missionControlAdapter, onMissionControlAdapterReady]);
-  useEffect5(() => {
+  useEffect6(() => {
     hostSession.reconcileProjectedNodes(projectedNodes ?? []);
   }, [hostSession, projectedNodes]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!externalStateSource?.subscribe) {
       return void 0;
     }
@@ -7176,14 +7772,14 @@ function logWorkbenchHostDebug(event, debugDiagnostics, payload) {
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { Component, useCallback as useCallback11, useMemo as useMemo6 } from "react";
+import { Component, useCallback as useCallback11, useMemo as useMemo7 } from "react";
 
 // src/host/WorkbenchHostDock.tsx
 import {
   useCallback as useCallback10,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useLayoutEffect as useLayoutEffect5,
-  useMemo as useMemo5,
+  useMemo as useMemo6,
   useRef as useRef8,
   useState as useState8
 } from "react";
@@ -7288,7 +7884,7 @@ function isWorkbenchDockEntryBlocked(entry) {
 }
 
 // src/host/dockMagnification.ts
-import { useCallback as useCallback8, useEffect as useEffect6, useRef as useRef5 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect7, useRef as useRef5 } from "react";
 
 // src/host/dockMagnificationBounds.ts
 function resolveDockMagnificationViewportBounds(viewportRect, dockPlacement) {
@@ -7888,7 +8484,7 @@ function useDockMagnification({
   );
   handleGlobalPointerMoveRef.current = handlePointerMove;
   handleGlobalPointerCancelRef.current = handleGlobalPointerCancel;
-  useEffect6(() => {
+  useEffect7(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -8016,7 +8612,7 @@ function useDockMagnification({
     entryRampStartedAtRef.current = null;
     setMagnifyActive(false);
   }, [setMagnifyActive, slotRefs, stopAnimation, stopGlobalPointerTracking]);
-  useEffect6(
+  useEffect7(
     () => () => {
       resetMagnification();
     },
@@ -8122,7 +8718,7 @@ function orderWorkbenchMinimizedDockNodes(input) {
 }
 
 // src/host/minimizedDockStackPromotion.ts
-import { useEffect as useEffect7, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect8, useRef as useRef6, useState as useState6 } from "react";
 var minimizedDockStackPromotionDurationMs = 520;
 function detectMinimizedDockStackPromotion(previous, next) {
   const previousVisibleNodeIds = new Set(
@@ -8146,7 +8742,7 @@ function useMinimizedDockStackPromotion(slots) {
   const promotionTimerRef = useRef6(null);
   const [promotedNodeId, setPromotedNodeId] = useState6(null);
   const [stackDispatching, setStackDispatching] = useState6(false);
-  useEffect7(() => {
+  useEffect8(() => {
     const promotedNodeId2 = detectMinimizedDockStackPromotion(
       previousSlotsRef.current,
       slots
@@ -8213,7 +8809,7 @@ function resolveWorkbenchMinimizedDockRestoreIntent(input) {
 import {
   forwardRef,
   useCallback as useCallback9,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useLayoutEffect as useLayoutEffect4,
   useRef as useRef7,
   useState as useState7
@@ -8362,7 +8958,7 @@ function resolveMinimizedStackTrackTranslateXPx(input) {
 }
 
 // src/host/WorkbenchHostDockPopup.tsx
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var dockPopupCardWidthPx = 165;
 var dockPopupGridGapPx = 8;
 var dockPopupPanelPaddingInlinePx = 12;
@@ -8540,7 +9136,7 @@ function WorkbenchHostDockPopup({
     } : {}
   };
   const popupDiagnosticKey = items.map((item) => item.node.id).join("|");
-  useEffect8(() => {
+  useEffect9(() => {
     logWorkbenchDockPopupDebug("dock.popup.rendered", debugDiagnostics, {
       hasCapturePreview: Boolean(capturePreview),
       itemCount: popupDiagnosticKey ? popupDiagnosticKey.split("|").length : 0,
@@ -8583,7 +9179,7 @@ function WorkbenchHostDockPopup({
     cardRefCallbacksRef.current.set(nodeId, callback);
     return callback;
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isLeftMinimizedStack) {
       return;
     }
@@ -8595,7 +9191,7 @@ function WorkbenchHostDockPopup({
       document.body.removeAttribute("data-desktop-dock-minimized-stack-open");
     };
   }, [isLeftMinimizedStack]);
-  useEffect8(() => {
+  useEffect9(() => {
     const handlePointerDown = (event) => {
       if (!(event.target instanceof Element)) {
         onClose();
@@ -8623,13 +9219,13 @@ function WorkbenchHostDockPopup({
   const previewCaptureKey = items.map(
     (item) => `${item.node.id}:${previewCacheToken(item.preview)}:${item.previewRevision ?? ""}`
   ).join("|");
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isMinimizedStack) {
       return;
     }
     setMinimizedStackScrollOffset(initialMinimizedStackScrollOffset);
   }, [initialMinimizedStackScrollOffset, isMinimizedStack, items.length]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isMinimizedStack) {
       return;
     }
@@ -8650,7 +9246,7 @@ function WorkbenchHostDockPopup({
     viewport.addEventListener("wheel", handleWheel, { passive: false });
     return () => viewport.removeEventListener("wheel", handleWheel);
   }, [isMinimizedStack, minimizedStackMaxScrollOffset]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!capturePreview || isContextMenu) {
       return;
     }
@@ -8867,7 +9463,7 @@ function WorkbenchHostDockPopup({
     previewCaptureKey,
     resolveDockPreviewCacheKey2
   ]);
-  const content = /* @__PURE__ */ jsx10(
+  const content = /* @__PURE__ */ jsx11(
     "div",
     {
       ref: popupRootRef,
@@ -8876,7 +9472,7 @@ function WorkbenchHostDockPopup({
       "data-desktop-dock-popup-root": "true",
       "data-popup-variant": resolvedVariant,
       style: popupStyle,
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx11(
         "div",
         {
           "aria-label": label,
@@ -8892,7 +9488,7 @@ function WorkbenchHostDockPopup({
           onPointerLeave: isMinimizedStack ? () => setPointer(null) : void 0,
           role: "dialog",
           style: panelStyle,
-          children: isContextMenu ? /* @__PURE__ */ jsx10(
+          children: isContextMenu ? /* @__PURE__ */ jsx11(
             WorkbenchHostDockContextMenu,
             {
               canCreateNew: showCreateNew !== false,
@@ -8915,9 +9511,9 @@ function WorkbenchHostDockPopup({
               showAllWindowsLabel,
               showOpen: showOpen === true
             }
-          ) : /* @__PURE__ */ jsxs7(Fragment5, { children: [
-            /* @__PURE__ */ jsx10("div", { className: "mb-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate text-sm font-semibold", children: label }) }),
-            isMinimizedStack ? /* @__PURE__ */ jsx10(
+          ) : /* @__PURE__ */ jsxs8(Fragment5, { children: [
+            /* @__PURE__ */ jsx11("div", { className: "mb-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate text-sm font-semibold", children: label }) }),
+            isMinimizedStack ? /* @__PURE__ */ jsx11(
               "div",
               {
                 ref: minimizedStackViewportRef,
@@ -8926,7 +9522,7 @@ function WorkbenchHostDockPopup({
                   height: minimizedStackViewportHeightPx,
                   ...isLeftMinimizedStack ? { paddingLeft: minimizedStackLeftGutterPx } : {}
                 },
-                children: /* @__PURE__ */ jsx10(
+                children: /* @__PURE__ */ jsx11(
                   "div",
                   {
                     className: "desktop-dock-popup__minimized-stack-track",
@@ -8945,7 +9541,7 @@ function WorkbenchHostDockPopup({
                         capturedPreview,
                         Boolean(capturePreview)
                       );
-                      return /* @__PURE__ */ jsx10(
+                      return /* @__PURE__ */ jsx11(
                         WorkbenchHostDockPopupCard,
                         {
                           ref: registerCard(item.node.id),
@@ -8974,7 +9570,7 @@ function WorkbenchHostDockPopup({
                   }
                 )
               }
-            ) : /* @__PURE__ */ jsxs7("div", { className: "grid max-h-[min(52vh,420px)] grid-cols-[repeat(var(--desktop-dock-popup-columns,2),165px)] gap-2 overflow-auto overscroll-contain", children: [
+            ) : /* @__PURE__ */ jsxs8("div", { className: "grid max-h-[min(52vh,420px)] grid-cols-[repeat(var(--desktop-dock-popup-columns,2),165px)] gap-2 overflow-auto overscroll-contain", children: [
               items.map((item) => {
                 const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
                   item.node,
@@ -8986,7 +9582,7 @@ function WorkbenchHostDockPopup({
                   capturedPreview,
                   Boolean(capturePreview)
                 );
-                return /* @__PURE__ */ jsx10(
+                return /* @__PURE__ */ jsx11(
                   WorkbenchHostDockPopupCard,
                   {
                     ref: registerCard(item.node.id),
@@ -9001,14 +9597,14 @@ function WorkbenchHostDockPopup({
                   item.node.id
                 );
               }),
-              showCreateNew !== false ? /* @__PURE__ */ jsxs7(
+              showCreateNew !== false ? /* @__PURE__ */ jsxs8(
                 "button",
                 {
                   className: "flex h-[103px] w-[165px] min-w-0 flex-col items-center justify-center gap-2 rounded-[8px] border border-dashed border-[var(--border-1)] bg-transparency-block text-center text-[var(--text-secondary)] transition-colors hover:bg-transparency-hover hover:text-[var(--text-primary)]",
                   type: "button",
                   onClick: onCreateNew,
                   children: [
-                    /* @__PURE__ */ jsx10(
+                    /* @__PURE__ */ jsx11(
                       FileCreateIcon,
                       {
                         "aria-hidden": "true",
@@ -9016,7 +9612,7 @@ function WorkbenchHostDockPopup({
                         size: 28
                       }
                     ),
-                    /* @__PURE__ */ jsx10("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
+                    /* @__PURE__ */ jsx11("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
                   ]
                 }
               ) : null
@@ -9057,14 +9653,14 @@ function WorkbenchHostDockContextMenu({
   const hasOpenCommand = !hasOpenWindows;
   const hasDockActionGroup = Boolean(dockRetention) || hasNewWindowCommand || hasOpenCommand;
   const hasWindowActionGroup = hasOpenWindows;
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       className: "flex min-w-0 flex-col gap-1",
       "data-desktop-dock-context-menu": "true",
       role: "menu",
       children: [
-        hasOpenWindows ? /* @__PURE__ */ jsx10(Fragment5, { children: /* @__PURE__ */ jsx10("div", { className: "max-h-48 min-w-0 overflow-auto overscroll-contain", children: items.map((item) => /* @__PURE__ */ jsx10(
+        hasOpenWindows ? /* @__PURE__ */ jsx11(Fragment5, { children: /* @__PURE__ */ jsx11("div", { className: "max-h-48 min-w-0 overflow-auto overscroll-contain", children: items.map((item) => /* @__PURE__ */ jsx11(
           WorkbenchHostDockContextMenuItem,
           {
             checked: !item.isMinimized,
@@ -9073,12 +9669,12 @@ function WorkbenchHostDockContextMenu({
           },
           item.node.id
         )) }) }) : null,
-        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx10(WorkbenchHostDockContextMenuSeparator, {}) : null,
-        dockRetention ? /* @__PURE__ */ jsx10(
+        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
+        dockRetention ? /* @__PURE__ */ jsx11(
           WorkbenchHostDockContextMenuItem,
           {
             checked: dockRetention.checked,
-            checkedIcon: /* @__PURE__ */ jsx10(
+            checkedIcon: /* @__PURE__ */ jsx11(
               PinFilledIcon,
               {
                 "aria-hidden": "true",
@@ -9086,61 +9682,61 @@ function WorkbenchHostDockContextMenu({
               }
             ),
             disabled: dockRetention.disabled,
-            icon: /* @__PURE__ */ jsx10(PinIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx11(PinIcon, { "aria-hidden": "true", className: "size-4" }),
             label: dockRetention.pendingLabel ?? dockRetention.label,
             onSelect: onRunDockRetentionAction
           }
         ) : null,
-        hasNewWindowCommand ? /* @__PURE__ */ jsx10(
+        hasNewWindowCommand ? /* @__PURE__ */ jsx11(
           WorkbenchHostDockContextMenuItem,
           {
-            icon: /* @__PURE__ */ jsx10(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
             label: newWindowLabel,
             onSelect: onCreateNew
           }
         ) : null,
-        hasOpenCommand ? /* @__PURE__ */ jsx10(
+        hasOpenCommand ? /* @__PURE__ */ jsx11(
           WorkbenchHostDockContextMenuItem,
           {
             disabled: !showOpen,
-            icon: /* @__PURE__ */ jsx10(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
             label: openLabel,
             onSelect: onCreateNew
           }
         ) : null,
-        hasOpenWindows ? /* @__PURE__ */ jsxs7(Fragment5, { children: [
-          hasDockActionGroup ? /* @__PURE__ */ jsx10(WorkbenchHostDockContextMenuSeparator, {}) : null,
-          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx10(
+        hasOpenWindows ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
+          hasDockActionGroup ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
+          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx11(
             WorkbenchHostDockContextMenuItem,
             {
-              icon: /* @__PURE__ */ jsx10(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx11(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
               label: showAllWindowsLabel,
               onSelect: onShowAllWindows
             }
           ) : null,
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !canEnterFullscreen || !onEnterFullscreen,
-              icon: /* @__PURE__ */ jsx10(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx11(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
               label: fullscreenLabel,
               onSelect: onEnterFullscreen
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !onHide,
-              icon: /* @__PURE__ */ jsx10(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx11(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
               label: hideLabel,
               onSelect: onHide
             }
           ),
-          /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !onQuit,
-              icon: /* @__PURE__ */ jsx10(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx11(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
               label: quitLabel,
               onSelect: onQuit
             }
@@ -9158,7 +9754,7 @@ function WorkbenchHostDockContextMenuItem({
   label,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
       className: cn(
@@ -9175,20 +9771,20 @@ function WorkbenchHostDockContextMenuItem({
         onSelect();
       },
       children: [
-        /* @__PURE__ */ jsx10("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--text-secondary)]", children: checked && checkedIcon ? checkedIcon : checked ? /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--text-secondary)]", children: checked && checkedIcon ? checkedIcon : checked ? /* @__PURE__ */ jsx11(
           CheckIcon,
           {
             "aria-hidden": "true",
             className: "size-4 text-[var(--tutti-purple)]"
           }
         ) : icon ?? null }),
-        /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate", children: label })
+        /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
       ]
     }
   );
 }
 function WorkbenchHostDockContextMenuSeparator() {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "aria-hidden": "true",
@@ -9304,7 +9900,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
   const isMinimizedStack = variant === "minimized-stack";
   const [isLaunching, setIsLaunching] = useState7(false);
   const launchTimerRef = useRef7(null);
-  useEffect8(
+  useEffect9(
     () => () => {
       if (launchTimerRef.current !== null) {
         clearTimeout(launchTimerRef.current);
@@ -9337,7 +9933,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
     [handleSelect]
   );
   const hasReadyPreview = previewState.status === "ready";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       ref,
@@ -9352,7 +9948,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
       "data-minimized": item.isMinimized ? "true" : void 0,
       style,
       children: [
-        /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs8(
           "div",
           {
             "aria-label": title,
@@ -9366,12 +9962,12 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             onClick: handleSelect,
             onKeyDown: handleSelectKeyDown,
             children: [
-              /* @__PURE__ */ jsx10(WorkbenchHostDockPopupCardPreview, { previewState }),
-              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx10(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
+              /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardPreview, { previewState }),
+              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           Button2,
           {
             "aria-label": closeWindowLabel(title),
@@ -9385,10 +9981,10 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
               event.stopPropagation();
               onCloseNode(item.node.id);
             },
-            children: /* @__PURE__ */ jsx10(CloseIcon, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx11(CloseIcon, { className: "size-3.5" })
           }
         ),
-        item.isFocused ? /* @__PURE__ */ jsx10(
+        item.isFocused ? /* @__PURE__ */ jsx11(
           "span",
           {
             "aria-hidden": "true",
@@ -9396,7 +9992,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             "data-desktop-dock-popup-card-active-overlay": "true"
           }
         ) : null,
-        isMinimizedStack ? /* @__PURE__ */ jsx10("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
+        isMinimizedStack ? /* @__PURE__ */ jsx11("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
       ]
     }
   );
@@ -9405,23 +10001,23 @@ function WorkbenchHostDockPopupCardPreview({
   previewState
 }) {
   if (previewState.status !== "ready") {
-    return /* @__PURE__ */ jsxs7(
+    return /* @__PURE__ */ jsxs8(
       "span",
       {
         className: "flex min-h-0 min-w-0 flex-1 flex-col justify-center gap-[7px] rounded-md border border-[var(--border-1)] bg-transparency-block px-3 py-[11px]",
         "aria-hidden": "true",
         "data-preview-state": previewState.status,
         children: [
-          /* @__PURE__ */ jsx10("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
-          /* @__PURE__ */ jsx10("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
-          /* @__PURE__ */ jsx10("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
+          /* @__PURE__ */ jsx11("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx11("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx11("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
         ]
       }
     );
   }
   const preview = previewState.preview;
   if (preview.kind === "component") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       "span",
       {
         className: "block min-h-0 min-w-0 flex-1 overflow-hidden rounded-md",
@@ -9432,14 +10028,14 @@ function WorkbenchHostDockPopupCardPreview({
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       className: "block min-h-0 min-w-0 flex-1 overflow-hidden rounded-md",
       "aria-hidden": "true",
       "data-preview-kind": preview.kind,
       "data-preview-state": previewState.status,
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx11(
         "img",
         {
           alt: "",
@@ -9452,7 +10048,7 @@ function WorkbenchHostDockPopupCardPreview({
   );
 }
 function WorkbenchHostDockPopupCardLabel({ title }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       className: "pointer-events-none absolute inset-x-0 bottom-0 z-[1] flex h-[30px] items-end px-[10px] pb-0.5 text-[var(--white-stationary)] opacity-0 transition-opacity duration-150 [text-shadow:0_1px_2px_rgb(0_0_0_/_20%)] group-hover/dock-popup-card:opacity-100 group-focus-within/dock-popup-card:opacity-100",
@@ -9460,13 +10056,13 @@ function WorkbenchHostDockPopupCardLabel({ title }) {
         background: "linear-gradient(180deg, transparent 0%, color-mix(in srgb, hsl(var(--card)) 28%, transparent) 18%, color-mix(in srgb, hsl(var(--card)) 82%, transparent) 56%, color-mix(in srgb, hsl(var(--card)) 98%, transparent) 100%)"
       },
       title,
-      children: /* @__PURE__ */ jsx10("span", { className: "desktop-dock-popup__title-viewport block min-w-0 flex-1 overflow-hidden whitespace-nowrap", children: /* @__PURE__ */ jsx10("span", { className: "desktop-dock-popup__title-marquee inline-block max-w-full overflow-hidden text-[12px] font-semibold leading-5 text-ellipsis whitespace-nowrap", children: title }) })
+      children: /* @__PURE__ */ jsx11("span", { className: "desktop-dock-popup__title-viewport block min-w-0 flex-1 overflow-hidden whitespace-nowrap", children: /* @__PURE__ */ jsx11("span", { className: "desktop-dock-popup__title-marquee inline-block max-w-full overflow-hidden text-[12px] font-semibold leading-5 text-ellipsis whitespace-nowrap", children: title }) })
     }
   );
 }
 
 // src/host/WorkbenchHostDock.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var minimizedDockPreviewViewport = {
   height: 34.2,
   width: 46.8
@@ -9511,7 +10107,7 @@ function WorkbenchHostDock({
   onMissionControlRequestOpen,
   workspaceId
 }) {
-  const minimizedNodeIDs = useMemo5(
+  const minimizedNodeIDs = useMemo6(
     () => new Set(context.minimizedNodes.map((node) => node.id)),
     [context.minimizedNodes]
   );
@@ -9592,7 +10188,7 @@ function WorkbenchHostDock({
     labelTooltipOpenTimerRef.current = null;
     labelTooltipScheduledPointRef.current = null;
   }, []);
-  useEffect9(
+  useEffect10(
     () => () => {
       clearHoverPanelCloseTimer();
       clearHoverPanelOpenTimer();
@@ -9686,7 +10282,7 @@ function WorkbenchHostDock({
     pendingDockStateRefreshRef.current = false;
     setDockStateRevision((revision) => revision + 1);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!dockStateSource) {
       return void 0;
     }
@@ -9698,14 +10294,14 @@ function WorkbenchHostDock({
       setDockStateRevision((revision) => revision + 1);
     });
   }, [dockStateSource]);
-  const renderedDockEntries = useMemo5(
+  const renderedDockEntries = useMemo6(
     () => dockEntries.map((entry) => {
       const dynamicState = dockStateSource?.getEntryState(entry.id);
       return dynamicState ? { ...entry, ...dynamicState } : entry;
     }),
     [dockEntries, dockStateRevision, dockStateSource]
   );
-  const resolvedEntries = useMemo5(
+  const resolvedEntries = useMemo6(
     () => resolveWorkbenchDockEntries({
       dockEntries: renderedDockEntries,
       minimizedNodeIds: minimizedNodeIDs,
@@ -9713,7 +10309,7 @@ function WorkbenchHostDock({
     }),
     [context.nodes, minimizedNodeIDs, renderedDockEntries]
   );
-  const minimizedDockSlots = useMemo5(
+  const minimizedDockSlots = useMemo6(
     () => resolveWorkbenchMinimizedDockSlots({
       nodeDefinitions,
       nodes: context.minimizedNodes
@@ -9721,7 +10317,7 @@ function WorkbenchHostDock({
     [context.minimizedNodes, nodeDefinitions]
   );
   const { promotedNodeId, stackDispatching } = useMinimizedDockStackPromotion(minimizedDockSlots);
-  const dockItems = useMemo5(
+  const dockItems = useMemo6(
     () => createWorkbenchHostDockItems({
       minimizedDockSlots,
       resolvedEntries
@@ -9732,7 +10328,7 @@ function WorkbenchHostDock({
     dockItems,
     (nodeId) => context.genie.shouldAnimateMinimizedDockEnter(nodeId)
   );
-  const presentDockItemKeys = useMemo5(
+  const presentDockItemKeys = useMemo6(
     () => presentDockItems.map((item) => item.key).join("\n"),
     [presentDockItems]
   );
@@ -9741,7 +10337,7 @@ function WorkbenchHostDock({
     elementRefs: wallpaperToneElementRefs,
     itemKeys: presentDockItemKeys
   });
-  const dockWidth = useMemo5(
+  const dockWidth = useMemo6(
     () => resolveWorkbenchHostDockItemsWidth(dockItems),
     [dockItems]
   );
@@ -9791,10 +10387,10 @@ function WorkbenchHostDock({
     }
     dockMeasureRef.current?.removeAttribute("data-dock-hover-panel-open");
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     activeHoverPanelRef.current = activeHoverPanel;
   }, [activeHoverPanel]);
-  useEffect9(() => {
+  useEffect10(() => {
     activeLabelTooltipRef.current = activeLabelTooltip;
   }, [activeLabelTooltip]);
   const closeLabelTooltipImmediate = useCallback10(
@@ -10269,7 +10865,7 @@ function WorkbenchHostDock({
       })()
     )
   );
-  useEffect9(() => {
+  useEffect10(() => {
     const shouldSubscribe = activePopup !== null || hasMinimizedPreviewCapture;
     if (!shouldSubscribe || !externalStateSource?.subscribe) {
       return void 0;
@@ -10278,7 +10874,7 @@ function WorkbenchHostDock({
       setExternalStateRevision((revision) => revision + 1);
     });
   }, [activePopup, externalStateSource, hasMinimizedPreviewCapture]);
-  useEffect9(() => {
+  useEffect10(() => {
     const nextAttentionIds = /* @__PURE__ */ new Set();
     for (const entry of renderedDockEntries) {
       const nextToken = entry.attentionToken ?? null;
@@ -10319,7 +10915,7 @@ function WorkbenchHostDock({
       );
     }
   }, [renderedDockEntries]);
-  useEffect9(
+  useEffect10(
     () => () => {
       for (const timeout of attentionTimeouts.current.values()) {
         globalThis.clearTimeout(timeout);
@@ -10501,20 +11097,20 @@ function WorkbenchHostDock({
     instanceMode: dockContextMenuInstanceMode,
     matchedNodes: popupEntry.matchedNodes
   }).kind === "launch";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: "flex justify-center pointer-events-none",
       "data-dock-placement": dockPlacement,
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "div",
           {
             className: "desktop-dock-plate",
             style: dockFrameSize === null ? void 0 : {
               "--desktop-dock-frame-size": `${dockFrameSize}px`
             },
-            children: /* @__PURE__ */ jsxs8(
+            children: /* @__PURE__ */ jsxs9(
               "div",
               {
                 ref: dockMeasureRef,
@@ -10540,7 +11136,7 @@ function WorkbenchHostDock({
                 role: "toolbar",
                 style: dockPlacement === "left" ? { height: dockWidth } : { width: dockWidth },
                 children: [
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     "span",
                     {
                       className: "desktop-dock__pointer-rail",
@@ -10548,7 +11144,7 @@ function WorkbenchHostDock({
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -10559,12 +11155,12 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollBackward,
                       onClick: () => scrollDockItems("backward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx11(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx11(ArrowLeftIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx12(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx12(ArrowLeftIcon, { size: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx11("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
+                  /* @__PURE__ */ jsx12("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
                     if (dockItem.item.kind === "separator") {
-                      return /* @__PURE__ */ jsx11(
+                      return /* @__PURE__ */ jsx12(
                         "span",
                         {
                           ref: registerWallpaperToneElement(dockItem.key),
@@ -10591,7 +11187,7 @@ function WorkbenchHostDock({
                       });
                       const hasHoverPanel = dockEntryHasHoverPanel(entry);
                       const labelTooltipTarget2 = hasHoverPanel ? null : dockLabelTooltipTarget(`entry:${entry.id}`, entry.label);
-                      const dockButton2 = /* @__PURE__ */ jsx11(
+                      const dockButton2 = /* @__PURE__ */ jsx12(
                         "button",
                         {
                           "aria-expanded": currentPopup ? true : void 0,
@@ -10750,7 +11346,7 @@ function WorkbenchHostDock({
                               entryId: entry.id
                             });
                           },
-                          children: /* @__PURE__ */ jsxs8(
+                          children: /* @__PURE__ */ jsxs9(
                             "span",
                             {
                               className: "desktop-dock__icon-shell",
@@ -10758,7 +11354,7 @@ function WorkbenchHostDock({
                               "data-entry-state": entry.state?.kind ?? "enabled",
                               "aria-hidden": true,
                               children: [
-                                /* @__PURE__ */ jsx11("span", { className: "desktop-dock__icon-content", children: entry.icon }),
+                                /* @__PURE__ */ jsx12("span", { className: "desktop-dock__icon-content", children: entry.icon }),
                                 renderDockBadge(
                                   entry,
                                   resolvedEntry.matchedNodes.length
@@ -10768,7 +11364,7 @@ function WorkbenchHostDock({
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx11(
+                      return /* @__PURE__ */ jsx12(
                         "span",
                         {
                           ref: registerDockSlot(anchorKey),
@@ -10869,7 +11465,7 @@ function WorkbenchHostDock({
                         `minimized-stack:${slot.anchorKey}`,
                         stackLabel
                       );
-                      const stackButton = /* @__PURE__ */ jsx11(
+                      const stackButton = /* @__PURE__ */ jsx12(
                         "span",
                         {
                           "aria-expanded": stackPopupActive,
@@ -10903,7 +11499,7 @@ function WorkbenchHostDock({
                               }
                             );
                           },
-                          children: /* @__PURE__ */ jsxs8(
+                          children: /* @__PURE__ */ jsxs9(
                             "span",
                             {
                               className: "desktop-dock__minimized-stack-icon",
@@ -10918,7 +11514,7 @@ function WorkbenchHostDock({
                                   (_, index) => {
                                     const node2 = slot.nodes[index];
                                     if (index === 0 && node2) {
-                                      return /* @__PURE__ */ jsx11(
+                                      return /* @__PURE__ */ jsx12(
                                         WorkbenchHostDockMinimizedNodePreview,
                                         {
                                           capturePreview: captureMinimizedNodePreview,
@@ -10933,7 +11529,7 @@ function WorkbenchHostDock({
                                         minimizedDockPreviewFreezeKey(node2)
                                       );
                                     }
-                                    return /* @__PURE__ */ jsx11(
+                                    return /* @__PURE__ */ jsx12(
                                       "span",
                                       {
                                         "aria-hidden": "true",
@@ -10943,13 +11539,13 @@ function WorkbenchHostDock({
                                     );
                                   }
                                 ),
-                                /* @__PURE__ */ jsx11("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
+                                /* @__PURE__ */ jsx12("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
                               ]
                             }
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx11(
+                      return /* @__PURE__ */ jsx12(
                         "span",
                         {
                           ref: registerDockSlot(slot.anchorKey),
@@ -11004,7 +11600,7 @@ function WorkbenchHostDock({
                       `minimized-node:${node.id}`,
                       node.title
                     );
-                    const dockButton = /* @__PURE__ */ jsx11(
+                    const dockButton = /* @__PURE__ */ jsx12(
                       "span",
                       {
                         "aria-label": i18n.t("launch", { title: node.title }),
@@ -11065,7 +11661,7 @@ function WorkbenchHostDock({
                             }
                           );
                         },
-                        children: /* @__PURE__ */ jsx11(
+                        children: /* @__PURE__ */ jsx12(
                           WorkbenchHostDockMinimizedNodePreview,
                           {
                             capturePreview: isPendingMinimizedNode ? void 0 : captureMinimizedNodePreview,
@@ -11079,7 +11675,7 @@ function WorkbenchHostDock({
                         )
                       }
                     );
-                    return /* @__PURE__ */ jsx11(
+                    return /* @__PURE__ */ jsx12(
                       "span",
                       {
                         ref: registerDockSlot(slot.anchorKey),
@@ -11129,7 +11725,7 @@ function WorkbenchHostDock({
                       dockItem.key
                     );
                   }) }),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -11140,10 +11736,10 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollForward,
                       onClick: () => scrollDockItems("forward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx11(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx11(ArrowRightIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx12(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx12(ArrowRightIcon, { size: 16 })
                     }
                   ),
-                  activeHoverPanel ? /* @__PURE__ */ jsx11(
+                  activeHoverPanel ? /* @__PURE__ */ jsx12(
                     WorkbenchHostDockHoverPanel,
                     {
                       entry: resolvedEntries.find(
@@ -11176,7 +11772,7 @@ function WorkbenchHostDock({
                       }
                     }
                   ) : null,
-                  activeLabelTooltip ? /* @__PURE__ */ jsx11(
+                  activeLabelTooltip ? /* @__PURE__ */ jsx12(
                     WorkbenchHostDockLabelTooltip,
                     {
                       placement: dockPlacement,
@@ -11188,7 +11784,7 @@ function WorkbenchHostDock({
             )
           }
         ),
-        popupEntry && activePopup ? /* @__PURE__ */ jsx11(
+        popupEntry && activePopup ? /* @__PURE__ */ jsx12(
           WorkbenchHostDockPopup,
           {
             anchorRect: activePopup.anchorRect,
@@ -11375,7 +11971,7 @@ function WorkbenchHostDock({
             variant: activePopup.kind === "context-menu" ? "context-menu" : "default"
           }
         ) : null,
-        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx11(
+        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx12(
           WorkbenchHostDockPopup,
           {
             anchorRect: activeMinimizedStackPopup,
@@ -11479,7 +12075,7 @@ function WorkbenchHostDockMinimizedNodePreview({
   const [previewImageUrl, setPreviewImageUrl] = useState8(
     () => deferPreview || providePreview ? null : readCachedWorkbenchNodePreviewImage(node.id)
   );
-  useEffect9(() => {
+  useEffect10(() => {
     if (deferPreview || !providePreview || componentPreview !== void 0) {
       return void 0;
     }
@@ -11528,7 +12124,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     node.minimizedAtUnixMs,
     providePreview
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (deferPreview || providePreview) {
       return void 0;
     }
@@ -11590,7 +12186,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     return renderMinimizedDockPreviewContent(componentPreview, className);
   }
   if (previewImageUrl) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         className: [
@@ -11599,7 +12195,7 @@ function WorkbenchHostDockMinimizedNodePreview({
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx12(
           "img",
           {
             alt: "",
@@ -11614,22 +12210,22 @@ function WorkbenchHostDockMinimizedNodePreview({
   return renderMinimizedDockPreviewPlaceholder(className);
 }
 function renderMinimizedDockPreviewPlaceholder(className) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       className: ["desktop-dock__minimized-preview", className].filter(Boolean).join(" "),
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line" }),
-        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--short" }),
-        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--accent" })
+        /* @__PURE__ */ jsx12("span", { className: "desktop-dock__minimized-preview-line" }),
+        /* @__PURE__ */ jsx12("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--short" }),
+        /* @__PURE__ */ jsx12("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--accent" })
       ]
     }
   );
 }
 function renderMinimizedDockPreviewContent(preview, className) {
   if (preview.kind === "image") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         className: [
@@ -11638,7 +12234,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx12(
           "img",
           {
             alt: "",
@@ -11650,7 +12246,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
       }
     );
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     WorkbenchHostDockFrozenComponentPreview,
     {
       className,
@@ -11670,7 +12266,7 @@ function WorkbenchHostDockFrozenComponentPreview({
     }
     setFrozenMarkup(sourceRef.current?.innerHTML ?? "");
   }, [frozenMarkup]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       className: [
@@ -11679,14 +12275,14 @@ function WorkbenchHostDockFrozenComponentPreview({
         className
       ].filter(Boolean).join(" "),
       "aria-hidden": "true",
-      children: frozenMarkup === null ? /* @__PURE__ */ jsx11(
+      children: frozenMarkup === null ? /* @__PURE__ */ jsx12(
         "span",
         {
           ref: sourceRef,
           className: "desktop-dock__minimized-preview-freeze-source",
           children: preview.element
         }
-      ) : /* @__PURE__ */ jsx11(
+      ) : /* @__PURE__ */ jsx12(
         "span",
         {
           className: "desktop-dock__minimized-preview-frozen-content",
@@ -11754,18 +12350,18 @@ function renderDockBadge(entry, matchedNodeCount) {
     return null;
   }
   if (badge.kind === "count") {
-    return /* @__PURE__ */ jsx11("span", { className: "desktop-dock__count-badge", children: badge.value });
+    return /* @__PURE__ */ jsx12("span", { className: "desktop-dock__count-badge", children: badge.value });
   }
   if (badge.kind === "custom") {
-    return /* @__PURE__ */ jsx11("span", { className: "desktop-dock__custom-badge", children: badge.content });
+    return /* @__PURE__ */ jsx12("span", { className: "desktop-dock__custom-badge", children: badge.content });
   }
-  return /* @__PURE__ */ jsx11("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
+  return /* @__PURE__ */ jsx12("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
 }
 function WorkbenchHostDockLabelTooltip({
   placement,
   state
 }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       className: "desktop-dock__label-tooltip",
@@ -11829,7 +12425,7 @@ function WorkbenchHostDockHoverPanel({
       }
     })();
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       ref: hoverPanelRef,
@@ -11848,13 +12444,13 @@ function WorkbenchHostDockHoverPanel({
         "--desktop-dock-hover-panel-anchor-width": `${state.anchorRect.width}px`
       },
       children: [
-        /* @__PURE__ */ jsx11("div", { className: "desktop-dock__hover-panel-title", children: entry.label }),
-        entry.state?.reason ? /* @__PURE__ */ jsx11("div", { className: "desktop-dock__hover-panel-description", children: stripDockDescriptionTerminalPunctuation(entry.state.reason) }) : null,
-        entry.hoverActions?.length ? /* @__PURE__ */ jsx11("div", { className: "desktop-dock__hover-actions", children: entry.hoverActions.map((action) => {
+        /* @__PURE__ */ jsx12("div", { className: "desktop-dock__hover-panel-title", children: entry.label }),
+        entry.state?.reason ? /* @__PURE__ */ jsx12("div", { className: "desktop-dock__hover-panel-description", children: stripDockDescriptionTerminalPunctuation(entry.state.reason) }) : null,
+        entry.hoverActions?.length ? /* @__PURE__ */ jsx12("div", { className: "desktop-dock__hover-actions", children: entry.hoverActions.map((action) => {
           const actionKey = dockActionKey(entry.id, action.id);
           const isLocallyPending = pendingActionKeys.has(actionKey);
           const isPending = isLocallyPending || action.disabled === true && action.pendingLabel !== void 0;
-          return /* @__PURE__ */ jsx11(
+          return /* @__PURE__ */ jsx12(
             Button3,
             {
               "aria-busy": isPending ? true : void 0,
@@ -12095,7 +12691,7 @@ function useDockPresenceItems(items, shouldAnimateMinimizedDockEnter) {
     }))
   );
   const initialized = useRef8(false);
-  useEffect9(() => {
+  useEffect10(() => {
     let nextSettleMs = dockPresenceAnimationMs;
     setPresentItems((current) => {
       const filteredItems = resolveDockPresenceItems({
@@ -12397,7 +12993,7 @@ function useDockBounce(slotRefs) {
     },
     [slotRefs]
   );
-  useEffect9(
+  useEffect10(
     () => () => {
       for (const anchorKey of timeoutsRef.current.keys()) {
         clearDockBounce(anchorKey);
@@ -12570,7 +13166,7 @@ function createWorkbenchHostNodeHeaderContext({
 }
 
 // src/host/WorkbenchHostWindowActions.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function WorkbenchHostWindowActions({
   context,
   host,
@@ -12583,7 +13179,7 @@ function WorkbenchHostWindowActions({
   }
   const minimizable = definition.window?.minimizable !== false;
   const closable = definition.window?.closable !== false;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     WorkbenchWindowTrafficLights,
     {
       close: closable ? {
@@ -12606,11 +13202,11 @@ function WorkbenchHostWindowActions({
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function useWorkbenchHostSurfaceRenderers(input) {
-  const renderBottomChrome = useMemo6(() => {
+  const renderBottomChrome = useMemo7(() => {
     const renderChrome = input.renderBottomChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx13(
+    return renderChrome ? () => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12621,7 +13217,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "bottom-chrome",
         resetKey: `${input.workspaceId}:bottom-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -12636,9 +13232,9 @@ function useWorkbenchHostSurfaceRenderers(input) {
     input.renderBottomChrome,
     input.workspaceId
   ]);
-  const renderTopChrome = useMemo6(() => {
+  const renderTopChrome = useMemo7(() => {
     const renderChrome = input.renderTopChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx13(
+    return renderChrome ? () => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12649,7 +13245,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "top-chrome",
         resetKey: `${input.workspaceId}:top-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -12698,7 +13294,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderDock = useCallback11(
-    (context) => /* @__PURE__ */ jsx13(
+    (context) => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12710,7 +13306,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "dock",
         resetKey: `${input.workspaceId}:dock`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           WorkbenchHostDock,
           {
             captureNodePreviewImage,
@@ -12764,7 +13360,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         host: input.hostSession,
         workspaceId: input.workspaceId
       });
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         WorkbenchHostNodeRenderErrorBoundary,
         {
           debugDiagnostics: input.debugDiagnostics,
@@ -12775,7 +13371,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
           }),
           resetKey: `${context.node.id}:${context.node.data.typeId}:${input.externalStateRevision}`,
           workspaceId: input.workspaceId,
-          children: /* @__PURE__ */ jsx13(
+          children: /* @__PURE__ */ jsx14(
             WorkbenchHostNodeBodyRenderer,
             {
               context: bodyContext,
@@ -12795,7 +13391,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderWindowActions = useCallback11(
-    (context) => /* @__PURE__ */ jsx13(
+    (context) => /* @__PURE__ */ jsx14(
       WorkbenchHostWindowActions,
       {
         context,
@@ -12988,7 +13584,7 @@ var WorkbenchHostSurfaceRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         "div",
         {
           "data-workbench-surface-render-error": this.props.fallbackKind,
@@ -13047,7 +13643,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsxs9(
+      return /* @__PURE__ */ jsxs10(
         "div",
         {
           "data-workbench-node-render-error": "true",
@@ -13065,7 +13661,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "div",
               {
                 "data-workbench-node-render-error-message": "true",
@@ -13077,8 +13673,8 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
                 children: "This workspace view failed to render."
               }
             ),
-            /* @__PURE__ */ jsx13("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -13121,7 +13717,7 @@ function WorkbenchHostChromeRenderer({
 }
 
 // src/host/WorkbenchHost.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var noop3 = () => {
 };
 function WorkbenchHost({
@@ -13155,7 +13751,7 @@ function WorkbenchHost({
   windowManagement,
   workspaceId
 }) {
-  const hostRuntimeConfig = useMemo7(
+  const hostRuntimeConfig = useMemo8(
     () => resolveWorkbenchHostRuntimeConfig({
       contributions,
       externalStateSource,
@@ -13171,7 +13767,7 @@ function WorkbenchHost({
       onNodeCloseRequest
     ]
   );
-  const hostDockEntries = useMemo7(
+  const hostDockEntries = useMemo8(
     () => resolveWorkbenchHostDockEntries({
       contributions,
       dockEntries
@@ -13234,7 +13830,7 @@ function WorkbenchHost({
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     WorkbenchSurface,
     {
       className,
@@ -13248,7 +13844,7 @@ function WorkbenchHost({
       missionControlPhase: missionControlPresence.phase,
       minimizeAnimation,
       presentation: missionControlState?.presentation ?? null,
-      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx14(
+      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx15(
         WorkbenchMissionControlBackdrop,
         {
           onExitTransitionComplete: () => missionControlPresence.completeExitTransition(),
@@ -13259,7 +13855,7 @@ function WorkbenchHost({
       renderDock: surfaceRenderers.renderDock,
       renderNode: surfaceRenderers.renderNode,
       renderNodeGeniePreview: surfaceRenderers.renderNodeGeniePreview,
-      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx14(
+      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx15(
         WorkbenchMissionControlOverlay,
         {
           i18n: missionControlI18n,