npm - @tutti-os/workbench-surface - Versions diffs - 0.0.75 → 0.0.76 - Mend

@tutti-os/workbench-surface 0.0.75 → 0.0.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/{chunk-B5MSA47V.js → chunk-TIMYSQM7.js} +9 -1
package/dist/chunk-TIMYSQM7.js.map +1 -0
package/dist/i18n/index.d.ts +1 -1
package/dist/i18n/index.js +1 -1
package/dist/index.d.ts +48 -2
package/dist/index.js +906 -320
package/dist/index.js.map +1 -1
package/dist/styles/workbench.css +15 -0
package/package.json +5 -5
package/dist/chunk-B5MSA47V.js.map +0 -1

package/dist/index.js CHANGED Viewed

@@ -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;
+  }
+  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 { ...state, nodes, nodeStack };
+  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";
@@ -1373,7 +1883,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 +2070,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 +2147,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 +2178,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 +2213,7 @@ function useWorkbenchMissionControlState({
       selectedNodeIdSet
     ]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (mode === null) {
       return void 0;
     }
@@ -1730,7 +2244,7 @@ function useWorkbenchMissionControlState({
 // src/react/WorkbenchSurface.tsx
 import {
   useCallback as useCallback7,
-  useEffect as useEffect4
+  useEffect as useEffect5
 } from "react";
 // src/react/WorkbenchDockFrame.tsx
@@ -1832,7 +2346,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 +2383,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 +2440,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 +2492,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 +2502,7 @@ function WorkbenchWindowTrafficLights({
   onPointerDown,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       ...props,
@@ -1966,7 +2516,7 @@ function WorkbenchWindowTrafficLights({
         onPointerDown?.(event);
       },
       children: [
-        close ? /* @__PURE__ */ jsx4(
+        close ? /* @__PURE__ */ jsx5(
           WorkbenchWindowTrafficLightButton,
           {
             action: "close",
@@ -1974,7 +2524,7 @@ function WorkbenchWindowTrafficLights({
             tone: "close"
           }
         ) : null,
-        minimize ? /* @__PURE__ */ jsx4(
+        minimize ? /* @__PURE__ */ jsx5(
           WorkbenchWindowTrafficLightButton,
           {
             action: "minimize",
@@ -1982,7 +2532,7 @@ function WorkbenchWindowTrafficLights({
             tone: "minimize"
           }
         ) : null,
-        maximize ? /* @__PURE__ */ jsx4(
+        maximize ? /* @__PURE__ */ jsx5(
           WorkbenchWindowTrafficLightButton,
           {
             action: "fullscreen",
@@ -2010,7 +2560,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 +2573,7 @@ function WorkbenchWindowTrafficLightButton({
       onClick: handleClick,
       onDoubleClick: (event) => event.stopPropagation(),
       onPointerDown: stopPointer,
-      children: /* @__PURE__ */ jsx4(
+      children: /* @__PURE__ */ jsx5(
         WindowTrafficLightIcon,
         {
           "aria-hidden": "true",
@@ -2034,14 +2584,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 +2600,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 +2677,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 +2703,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 +2714,9 @@ function useWorkbenchDrag(node, options = {}) {
         clearListeners();
       };
       const cancelDrag = () => {
+        if (isLockedLayoutDrag()) {
+          controller.commands.settleLockedDrag(node.id);
+        }
         clearListeners();
       };
       window.addEventListener("pointermove", onPointerMove);
@@ -2264,7 +2825,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 +2897,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 +2913,7 @@ function WorkbenchWindowFrame({
           genie: genieControls,
           node
         }) : null,
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx7(
           WorkbenchWindowFullscreenToggle,
           {
             controller,
@@ -2393,7 +2954,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 +2982,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 +2995,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 +3004,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 +3027,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 +3048,7 @@ function ResizeHandle({
   node
 }) {
   const onPointerDown = useWorkbenchResize(node, handle);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     "div",
     {
       className: "workbench-window__resize-handle",
@@ -2522,7 +3083,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 +3099,7 @@ function WorkbenchNodeLayer({
   windowChromeMode,
   windowChromeI18n
 }) {
-  const selectRenderedNodeIDs = useMemo3(
+  const selectRenderedNodeIDs = useMemo4(
     () => createRenderedWorkbenchNodeIDsSelector(shouldKeepMinimizedNodeMounted),
     [shouldKeepMinimizedNodeMounted]
   );
@@ -2570,7 +3131,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 +3149,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 +3190,7 @@ function WorkbenchNodeLayerGroup({
   windowChromeI18n,
   windowChromeMode
 }) {
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     "div",
     {
       className,
@@ -2641,7 +3202,7 @@ function WorkbenchNodeLayerGroup({
         onBackdropPress();
       } : void 0,
       children: [
-        snapPreviewRect ? /* @__PURE__ */ jsx7(
+        snapPreviewRect ? /* @__PURE__ */ jsx8(
           "div",
           {
             className: "workbench-snap-preview",
@@ -2653,7 +3214,7 @@ function WorkbenchNodeLayerGroup({
             }
           }
         ) : null,
-        nodeIDs.map((nodeID) => /* @__PURE__ */ jsx7(
+        nodeIDs.map((nodeID) => /* @__PURE__ */ jsx8(
           MemoizedWorkbenchNodeLayerItem,
           {
             fullscreenHeaderMode,
@@ -2702,7 +3263,7 @@ function WorkbenchNodeLayerItem({
   if (!node) {
     return null;
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     WorkbenchWindowFrame,
     {
       edgeSnapEnabled,
@@ -2742,7 +3303,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 +3362,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 +3374,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 +3384,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 +3420,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 +3470,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 +3801,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 +4673,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 +5320,7 @@ function useWorkbenchGenieAnimation({
       writeMinimizedGenieTexture
     ]
   );
-  useEffect3(
+  useEffect4(
     () => () => {
       for (const timer of minimizedDockEnterAnimationTimersRef.current.values()) {
         clearTimeout(timer);
@@ -4748,8 +5333,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 +5343,7 @@ function useWorkbenchGenieAnimation({
             "aria-hidden": true
           }
         ),
-        pendingRenderedPreviewCapture ? /* @__PURE__ */ jsx8(
+        pendingRenderedPreviewCapture ? /* @__PURE__ */ jsx9(
           "div",
           {
             ref: renderedPreviewCaptureElementRef,
@@ -4794,7 +5379,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 +5414,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 +5507,7 @@ function WorkbenchSurfaceInner({
     enabled: (shortcutsEnabled ?? true) && interactive,
     windowManagementShortcutPreset: windowManagement?.shortcutPreset ?? null
   });
-  useEffect4(() => {
+  useEffect5(() => {
     if (!layoutConstraints) {
       return;
     }
@@ -4935,7 +5520,7 @@ function WorkbenchSurfaceInner({
       wallpaper.fit ?? "cover"
     )
   } : void 0;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       ref,
@@ -4944,7 +5529,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 +5537,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 +5558,7 @@ function WorkbenchSurfaceInner({
             windowChromeI18n
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           WorkbenchDockFrame,
           {
             dockPlacement,
@@ -4981,7 +5567,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 +5732,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 +5770,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 +7614,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 +7639,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 +7673,7 @@ function useWorkbenchHostRuntime({
     }),
     [chromeController, hostSession]
   );
-  useEffect5(() => {
+  useEffect6(() => {
     let isCurrent = true;
     void hostSession.load().finally(() => {
       if (isCurrent) {
@@ -7102,13 +7688,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 +7703,10 @@ function useWorkbenchHostRuntime({
       onMissionControlAdapterReady(null);
     };
   }, [missionControlAdapter, onMissionControlAdapterReady]);
-  useEffect5(() => {
+  useEffect6(() => {
     hostSession.reconcileProjectedNodes(projectedNodes ?? []);
   }, [hostSession, projectedNodes]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (!externalStateSource?.subscribe) {
       return void 0;
     }
@@ -7176,14 +7762,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 +7874,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 +8474,7 @@ function useDockMagnification({
   );
   handleGlobalPointerMoveRef.current = handlePointerMove;
   handleGlobalPointerCancelRef.current = handleGlobalPointerCancel;
-  useEffect6(() => {
+  useEffect7(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -8016,7 +8602,7 @@ function useDockMagnification({
     entryRampStartedAtRef.current = null;
     setMagnifyActive(false);
   }, [setMagnifyActive, slotRefs, stopAnimation, stopGlobalPointerTracking]);
-  useEffect6(
+  useEffect7(
     () => () => {
       resetMagnification();
     },
@@ -8122,7 +8708,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 +8732,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 +8799,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 +8948,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 +9126,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 +9169,7 @@ function WorkbenchHostDockPopup({
     cardRefCallbacksRef.current.set(nodeId, callback);
     return callback;
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isLeftMinimizedStack) {
       return;
     }
@@ -8595,7 +9181,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 +9209,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 +9236,7 @@ function WorkbenchHostDockPopup({
     viewport.addEventListener("wheel", handleWheel, { passive: false });
     return () => viewport.removeEventListener("wheel", handleWheel);
   }, [isMinimizedStack, minimizedStackMaxScrollOffset]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!capturePreview || isContextMenu) {
       return;
     }
@@ -8867,7 +9453,7 @@ function WorkbenchHostDockPopup({
     previewCaptureKey,
     resolveDockPreviewCacheKey2
   ]);
-  const content = /* @__PURE__ */ jsx10(
+  const content = /* @__PURE__ */ jsx11(
     "div",
     {
       ref: popupRootRef,
@@ -8876,7 +9462,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 +9478,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 +9501,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 +9512,7 @@ function WorkbenchHostDockPopup({
                   height: minimizedStackViewportHeightPx,
                   ...isLeftMinimizedStack ? { paddingLeft: minimizedStackLeftGutterPx } : {}
                 },
-                children: /* @__PURE__ */ jsx10(
+                children: /* @__PURE__ */ jsx11(
                   "div",
                   {
                     className: "desktop-dock-popup__minimized-stack-track",
@@ -8945,7 +9531,7 @@ function WorkbenchHostDockPopup({
                         capturedPreview,
                         Boolean(capturePreview)
                       );
-                      return /* @__PURE__ */ jsx10(
+                      return /* @__PURE__ */ jsx11(
                         WorkbenchHostDockPopupCard,
                         {
                           ref: registerCard(item.node.id),
@@ -8974,7 +9560,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 +9572,7 @@ function WorkbenchHostDockPopup({
                   capturedPreview,
                   Boolean(capturePreview)
                 );
-                return /* @__PURE__ */ jsx10(
+                return /* @__PURE__ */ jsx11(
                   WorkbenchHostDockPopupCard,
                   {
                     ref: registerCard(item.node.id),
@@ -9001,14 +9587,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 +9602,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 +9643,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 +9659,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 +9672,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 +9744,7 @@ function WorkbenchHostDockContextMenuItem({
   label,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "button",
     {
       className: cn(
@@ -9175,20 +9761,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 +9890,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 +9923,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
     [handleSelect]
   );
   const hasReadyPreview = previewState.status === "ready";
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       ref,
@@ -9352,7 +9938,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 +9952,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 +9971,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 +9982,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 +9991,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 +10018,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 +10038,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 +10046,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 +10097,7 @@ function WorkbenchHostDock({
   onMissionControlRequestOpen,
   workspaceId
 }) {
-  const minimizedNodeIDs = useMemo5(
+  const minimizedNodeIDs = useMemo6(
     () => new Set(context.minimizedNodes.map((node) => node.id)),
     [context.minimizedNodes]
   );
@@ -9592,7 +10178,7 @@ function WorkbenchHostDock({
     labelTooltipOpenTimerRef.current = null;
     labelTooltipScheduledPointRef.current = null;
   }, []);
-  useEffect9(
+  useEffect10(
     () => () => {
       clearHoverPanelCloseTimer();
       clearHoverPanelOpenTimer();
@@ -9686,7 +10272,7 @@ function WorkbenchHostDock({
     pendingDockStateRefreshRef.current = false;
     setDockStateRevision((revision) => revision + 1);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!dockStateSource) {
       return void 0;
     }
@@ -9698,14 +10284,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 +10299,7 @@ function WorkbenchHostDock({
     }),
     [context.nodes, minimizedNodeIDs, renderedDockEntries]
   );
-  const minimizedDockSlots = useMemo5(
+  const minimizedDockSlots = useMemo6(
     () => resolveWorkbenchMinimizedDockSlots({
       nodeDefinitions,
       nodes: context.minimizedNodes
@@ -9721,7 +10307,7 @@ function WorkbenchHostDock({
     [context.minimizedNodes, nodeDefinitions]
   );
   const { promotedNodeId, stackDispatching } = useMinimizedDockStackPromotion(minimizedDockSlots);
-  const dockItems = useMemo5(
+  const dockItems = useMemo6(
     () => createWorkbenchHostDockItems({
       minimizedDockSlots,
       resolvedEntries
@@ -9732,7 +10318,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 +10327,7 @@ function WorkbenchHostDock({
     elementRefs: wallpaperToneElementRefs,
     itemKeys: presentDockItemKeys
   });
-  const dockWidth = useMemo5(
+  const dockWidth = useMemo6(
     () => resolveWorkbenchHostDockItemsWidth(dockItems),
     [dockItems]
   );
@@ -9791,10 +10377,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 +10855,7 @@ function WorkbenchHostDock({
       })()
     )
   );
-  useEffect9(() => {
+  useEffect10(() => {
     const shouldSubscribe = activePopup !== null || hasMinimizedPreviewCapture;
     if (!shouldSubscribe || !externalStateSource?.subscribe) {
       return void 0;
@@ -10278,7 +10864,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 +10905,7 @@ function WorkbenchHostDock({
       );
     }
   }, [renderedDockEntries]);
-  useEffect9(
+  useEffect10(
     () => () => {
       for (const timeout of attentionTimeouts.current.values()) {
         globalThis.clearTimeout(timeout);
@@ -10501,20 +11087,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 +11126,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 +11134,7 @@ function WorkbenchHostDock({
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -10559,12 +11145,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 +11177,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 +11336,7 @@ function WorkbenchHostDock({
                               entryId: entry.id
                             });
                           },
-                          children: /* @__PURE__ */ jsxs8(
+                          children: /* @__PURE__ */ jsxs9(
                             "span",
                             {
                               className: "desktop-dock__icon-shell",
@@ -10758,7 +11344,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 +11354,7 @@ function WorkbenchHostDock({
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx11(
+                      return /* @__PURE__ */ jsx12(
                         "span",
                         {
                           ref: registerDockSlot(anchorKey),
@@ -10869,7 +11455,7 @@ function WorkbenchHostDock({
                         `minimized-stack:${slot.anchorKey}`,
                         stackLabel
                       );
-                      const stackButton = /* @__PURE__ */ jsx11(
+                      const stackButton = /* @__PURE__ */ jsx12(
                         "span",
                         {
                           "aria-expanded": stackPopupActive,
@@ -10903,7 +11489,7 @@ function WorkbenchHostDock({
                               }
                             );
                           },
-                          children: /* @__PURE__ */ jsxs8(
+                          children: /* @__PURE__ */ jsxs9(
                             "span",
                             {
                               className: "desktop-dock__minimized-stack-icon",
@@ -10918,7 +11504,7 @@ function WorkbenchHostDock({
                                   (_, index) => {
                                     const node2 = slot.nodes[index];
                                     if (index === 0 && node2) {
-                                      return /* @__PURE__ */ jsx11(
+                                      return /* @__PURE__ */ jsx12(
                                         WorkbenchHostDockMinimizedNodePreview,
                                         {
                                           capturePreview: captureMinimizedNodePreview,
@@ -10933,7 +11519,7 @@ function WorkbenchHostDock({
                                         minimizedDockPreviewFreezeKey(node2)
                                       );
                                     }
-                                    return /* @__PURE__ */ jsx11(
+                                    return /* @__PURE__ */ jsx12(
                                       "span",
                                       {
                                         "aria-hidden": "true",
@@ -10943,13 +11529,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 +11590,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 +11651,7 @@ function WorkbenchHostDock({
                             }
                           );
                         },
-                        children: /* @__PURE__ */ jsx11(
+                        children: /* @__PURE__ */ jsx12(
                           WorkbenchHostDockMinimizedNodePreview,
                           {
                             capturePreview: isPendingMinimizedNode ? void 0 : captureMinimizedNodePreview,
@@ -11079,7 +11665,7 @@ function WorkbenchHostDock({
                         )
                       }
                     );
-                    return /* @__PURE__ */ jsx11(
+                    return /* @__PURE__ */ jsx12(
                       "span",
                       {
                         ref: registerDockSlot(slot.anchorKey),
@@ -11129,7 +11715,7 @@ function WorkbenchHostDock({
                       dockItem.key
                     );
                   }) }),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -11140,10 +11726,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 +11762,7 @@ function WorkbenchHostDock({
                       }
                     }
                   ) : null,
-                  activeLabelTooltip ? /* @__PURE__ */ jsx11(
+                  activeLabelTooltip ? /* @__PURE__ */ jsx12(
                     WorkbenchHostDockLabelTooltip,
                     {
                       placement: dockPlacement,
@@ -11188,7 +11774,7 @@ function WorkbenchHostDock({
             )
           }
         ),
-        popupEntry && activePopup ? /* @__PURE__ */ jsx11(
+        popupEntry && activePopup ? /* @__PURE__ */ jsx12(
           WorkbenchHostDockPopup,
           {
             anchorRect: activePopup.anchorRect,
@@ -11375,7 +11961,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 +12065,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 +12114,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     node.minimizedAtUnixMs,
     providePreview
   ]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (deferPreview || providePreview) {
       return void 0;
     }
@@ -11590,7 +12176,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     return renderMinimizedDockPreviewContent(componentPreview, className);
   }
   if (previewImageUrl) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         className: [
@@ -11599,7 +12185,7 @@ function WorkbenchHostDockMinimizedNodePreview({
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx12(
           "img",
           {
             alt: "",
@@ -11614,22 +12200,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 +12224,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx11(
+        children: /* @__PURE__ */ jsx12(
           "img",
           {
             alt: "",
@@ -11650,7 +12236,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
       }
     );
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     WorkbenchHostDockFrozenComponentPreview,
     {
       className,
@@ -11670,7 +12256,7 @@ function WorkbenchHostDockFrozenComponentPreview({
     }
     setFrozenMarkup(sourceRef.current?.innerHTML ?? "");
   }, [frozenMarkup]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "span",
     {
       className: [
@@ -11679,14 +12265,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 +12340,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 +12415,7 @@ function WorkbenchHostDockHoverPanel({
       }
     })();
   };
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       ref: hoverPanelRef,
@@ -11848,13 +12434,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 +12681,7 @@ function useDockPresenceItems(items, shouldAnimateMinimizedDockEnter) {
     }))
   );
   const initialized = useRef8(false);
-  useEffect9(() => {
+  useEffect10(() => {
     let nextSettleMs = dockPresenceAnimationMs;
     setPresentItems((current) => {
       const filteredItems = resolveDockPresenceItems({
@@ -12397,7 +12983,7 @@ function useDockBounce(slotRefs) {
     },
     [slotRefs]
   );
-  useEffect9(
+  useEffect10(
     () => () => {
       for (const anchorKey of timeoutsRef.current.keys()) {
         clearDockBounce(anchorKey);
@@ -12570,7 +13156,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 +13169,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 +13192,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 +13207,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 +13222,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 +13235,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 +13284,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderDock = useCallback11(
-    (context) => /* @__PURE__ */ jsx13(
+    (context) => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -12710,7 +13296,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "dock",
         resetKey: `${input.workspaceId}:dock`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           WorkbenchHostDock,
           {
             captureNodePreviewImage,
@@ -12764,7 +13350,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         host: input.hostSession,
         workspaceId: input.workspaceId
       });
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         WorkbenchHostNodeRenderErrorBoundary,
         {
           debugDiagnostics: input.debugDiagnostics,
@@ -12775,7 +13361,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 +13381,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderWindowActions = useCallback11(
-    (context) => /* @__PURE__ */ jsx13(
+    (context) => /* @__PURE__ */ jsx14(
       WorkbenchHostWindowActions,
       {
         context,
@@ -12988,7 +13574,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 +13633,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 +13651,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "div",
               {
                 "data-workbench-node-render-error-message": "true",
@@ -13077,8 +13663,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 +13707,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 +13741,7 @@ function WorkbenchHost({
   windowManagement,
   workspaceId
 }) {
-  const hostRuntimeConfig = useMemo7(
+  const hostRuntimeConfig = useMemo8(
     () => resolveWorkbenchHostRuntimeConfig({
       contributions,
       externalStateSource,
@@ -13171,7 +13757,7 @@ function WorkbenchHost({
       onNodeCloseRequest
     ]
   );
-  const hostDockEntries = useMemo7(
+  const hostDockEntries = useMemo8(
     () => resolveWorkbenchHostDockEntries({
       contributions,
       dockEntries
@@ -13234,7 +13820,7 @@ function WorkbenchHost({
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     WorkbenchSurface,
     {
       className,
@@ -13248,7 +13834,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 +13845,7 @@ function WorkbenchHost({
       renderDock: surfaceRenderers.renderDock,
       renderNode: surfaceRenderers.renderNode,
       renderNodeGeniePreview: surfaceRenderers.renderNodeGeniePreview,
-      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx14(
+      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx15(
         WorkbenchMissionControlOverlay,
         {
           i18n: missionControlI18n,