@tutti-os/workbench-surface 0.0.237 → 0.0.239

package/dist/index.js

@@ -1572,7 +1572,7 @@ function createWorkbenchController(initialState = {}, options = {}) {
 }
 
 // src/host/WorkbenchHost.tsx
-import { useMemo as useMemo11 } from "react";
+import { useMemo as useMemo12 } from "react";
 
 // src/mission-control/WorkbenchMissionControlOverlay.tsx
 import {
@@ -2308,7 +2308,8 @@ function useWorkbenchMissionControlState({
 // src/react/WorkbenchSurface.tsx
 import {
   useCallback as useCallback8,
-  useEffect as useEffect5
+  useEffect as useEffect5,
+  useMemo as useMemo7
 } from "react";
 
 // src/react/WorkbenchDockFrame.tsx
@@ -2541,7 +2542,7 @@ function WorkbenchLockedSlotLayer() {
 }
 
 // src/react/WorkbenchNodeLayer.tsx
-import { Fragment as Fragment3, memo, useMemo as useMemo5 } from "react";
+import { memo, useMemo as useMemo5, useSyncExternalStore as useSyncExternalStore2 } from "react";
 import { createPortal } from "react-dom";
 
 // src/react/WorkbenchWindowFrame.tsx
@@ -2923,9 +2924,27 @@ var defaultWindowChromeI18n = createWorkbenchWindowChromeI18nRuntime(
   })
 );
 var WorkbenchWindowPresentationVisibilityContext = createContext2(true);
+var noWorkbenchNodeIDs = /* @__PURE__ */ new Set();
+var defaultWorkbenchVisualOcclusionPresentation = {
+  hiddenNodeIDs: noWorkbenchNodeIDs,
+  nonOccludingNodeIDs: noWorkbenchNodeIDs,
+  topLayerNodeIDs: []
+};
+var WorkbenchVisualOcclusionPresentationContext = createContext2(
+  defaultWorkbenchVisualOcclusionPresentation
+);
 function useWorkbenchWindowPresentationVisibility() {
   return useContext2(WorkbenchWindowPresentationVisibilityContext);
 }
+function useWorkbenchVisualOcclusionPresentation() {
+  return useContext2(WorkbenchVisualOcclusionPresentationContext);
+}
+function WorkbenchVisualOcclusionPresentationProvider({
+  children,
+  presentation
+}) {
+  return /* @__PURE__ */ jsx7(WorkbenchVisualOcclusionPresentationContext.Provider, { value: presentation, children });
+}
 function resolveWorkbenchNodeLaunchSource(data) {
   if (data && typeof data === "object" && "launchSource" in data && typeof data.launchSource === "string" && data.launchSource.length > 0) {
     return data.launchSource;
@@ -2938,6 +2957,15 @@ function resolveWorkbenchNodeTypeId(data) {
   }
   return void 0;
 }
+function workbenchFramesEqual(left, right) {
+  return left.x === right.x && left.y === right.y && left.width === right.width && left.height === right.height;
+}
+function isWorkbenchFrameTransitionProperty(propertyName) {
+  return propertyName === "translate" || propertyName === "width" || propertyName === "height";
+}
+function shouldReduceWorkbenchMotion() {
+  return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+}
 function WorkbenchWindowFrame({
   children,
   edgeSnapEnabled = false,
@@ -2946,6 +2974,7 @@ function WorkbenchWindowFrame({
   interactive = true,
   minimizeNodeToAnchor: minimizeNodeToAnchorProp,
   node,
+  nodePresentationTransitions,
   presentation = null,
   renderActions,
   renderHeader,
@@ -2954,6 +2983,7 @@ function WorkbenchWindowFrame({
   windowHeaderPresentation,
   windowChromeI18n
 }) {
+  const shellRef = useRef3(null);
   const controller = useWorkbenchController();
   const baseZIndex = useWorkbenchSelector(
     (state) => selectWorkbenchNodeZIndex(state, node.id)
@@ -2992,6 +3022,86 @@ function WorkbenchWindowFrame({
     readGenieVisibility,
     readGenieVisibility
   );
+  const launchSource = resolveWorkbenchNodeLaunchSource(node.data);
+  const presentationMode = presentation?.mode ?? null;
+  const previousFrameRef = useRef3(node.frame);
+  useLayoutEffect3(() => {
+    const previousFrame = previousFrameRef.current;
+    previousFrameRef.current = node.frame;
+    if (workbenchFramesEqual(previousFrame, node.frame)) {
+      return;
+    }
+    nodePresentationTransitions.setActive(
+      node.id,
+      "frame",
+      !hiddenMounted && !isGenieHidden && !isDragging && !isResizing && presentationMode === null
+    );
+  }, [
+    hiddenMounted,
+    isDragging,
+    isGenieHidden,
+    isResizing,
+    node.frame.height,
+    node.frame.width,
+    node.frame.x,
+    node.frame.y,
+    node.id,
+    nodePresentationTransitions,
+    presentationMode
+  ]);
+  useLayoutEffect3(() => {
+    const shell = shellRef.current;
+    if (!shell) {
+      return;
+    }
+    const activeFrameProperties = /* @__PURE__ */ new Set();
+    const handleTransitionEvent = (event) => {
+      if (event.target !== shell || !isWorkbenchFrameTransitionProperty(event.propertyName)) {
+        return;
+      }
+      if (event.type === "transitionrun") {
+        if (shell.dataset.windowDragState !== "dragging" && shell.dataset.windowResizeState !== "resizing" && shell.dataset.presentationMode === "default") {
+          activeFrameProperties.add(event.propertyName);
+          nodePresentationTransitions.setActive(node.id, "frame", true);
+        }
+        return;
+      }
+      activeFrameProperties.delete(event.propertyName);
+      nodePresentationTransitions.setActive(
+        node.id,
+        "frame",
+        activeFrameProperties.size > 0
+      );
+    };
+    const handleAnimationEvent = (event) => {
+      if (event.animationName !== "workbench-shell-enter" || !(event.target instanceof HTMLElement) || event.target.parentElement !== shell) {
+        return;
+      }
+      nodePresentationTransitions.setActive(
+        node.id,
+        "onboarding-entry",
+        event.type === "animationstart"
+      );
+    };
+    shell.addEventListener("transitionrun", handleTransitionEvent);
+    shell.addEventListener("transitionend", handleTransitionEvent);
+    shell.addEventListener("transitioncancel", handleTransitionEvent);
+    shell.addEventListener("animationstart", handleAnimationEvent);
+    shell.addEventListener("animationend", handleAnimationEvent);
+    shell.addEventListener("animationcancel", handleAnimationEvent);
+    if (launchSource === "onboarding-auto" && !shouldReduceWorkbenchMotion()) {
+      nodePresentationTransitions.setActive(node.id, "onboarding-entry", true);
+    }
+    return () => {
+      shell.removeEventListener("transitionrun", handleTransitionEvent);
+      shell.removeEventListener("transitionend", handleTransitionEvent);
+      shell.removeEventListener("transitioncancel", handleTransitionEvent);
+      shell.removeEventListener("animationstart", handleAnimationEvent);
+      shell.removeEventListener("animationend", handleAnimationEvent);
+      shell.removeEventListener("animationcancel", handleAnimationEvent);
+      nodePresentationTransitions.clearNode(node.id);
+    };
+  }, [launchSource, node.id, nodePresentationTransitions]);
   const minimizeNodeToAnchorRef = useRef3(minimizeNodeToAnchorProp);
   useLayoutEffect3(() => {
     minimizeNodeToAnchorRef.current = minimizeNodeToAnchorProp;
@@ -3061,7 +3171,6 @@ function WorkbenchWindowFrame({
   const windowHeaderHeightPx = typeof windowHeaderPresentation?.heightPx === "number" && Number.isFinite(windowHeaderPresentation.heightPx) && windowHeaderPresentation.heightPx > 0 ? windowHeaderPresentation.heightPx : null;
   const shouldRenderCustomHeader = resolvedHeader.windowChromeMode === "custom-header";
   const resolvedFullscreenHeaderMode = "persistent";
-  const presentationMode = presentation?.mode ?? null;
   const presentationFrame = presentation?.frameByNodeId.get(node.id) ?? null;
   const isPresentationHidden = presentationMode === "mission-control" && !presentation?.visibleNodeIds.has(node.id);
   const isWindowPresentationVisible = !hiddenMounted && !isGenieHidden && presentationMode === null;
@@ -3083,12 +3192,13 @@ function WorkbenchWindowFrame({
   return /* @__PURE__ */ jsxs4(
     "section",
     {
+      ref: shellRef,
       "aria-hidden": hiddenMounted || isPresentationHidden ? true : void 0,
       className: "workbench-window-shell",
       "data-focused": isFocused ? "true" : "false",
       "data-display-mode": node.displayMode,
       "data-genie-state": isGenieHidden ? "hidden" : "visible",
-      "data-launch-source": resolveWorkbenchNodeLaunchSource(node.data),
+      "data-launch-source": launchSource,
       "data-minimized-mount": hiddenMounted ? "hidden" : "visible",
       "data-presentation-mode": presentationMode ?? "default",
       "data-presentation-visibility": isPresentationHidden ? "hidden" : "visible",
@@ -3276,6 +3386,7 @@ function WorkbenchNodeLayer({
   genie,
   edgeSnapEnabled = false,
   interactive = true,
+  nodePresentationTransitions,
   presentation,
   renderNode,
   shouldKeepMinimizedNodeMounted,
@@ -3303,6 +3414,40 @@ function WorkbenchNodeLayer({
   const { defaultNodeIDs, dialogPopoverNodeIDs } = useWorkbenchSelector(
     selectNodeLayerNodeIDs
   );
+  const genieHiddenNodeIDs = useSyncExternalStore2(
+    genie.nodeVisibility.subscribeAll,
+    genie.nodeVisibility.getHiddenNodeIDsSnapshot,
+    genie.nodeVisibility.getHiddenNodeIDsSnapshot
+  );
+  const pendingMinimizedNodeID = genie.pendingMinimizedNode?.id ?? null;
+  const visuallyHiddenNodeIDs = useMemo5(() => {
+    if (pendingMinimizedNodeID === null || genieHiddenNodeIDs.has(pendingMinimizedNodeID)) {
+      return genieHiddenNodeIDs;
+    }
+    return /* @__PURE__ */ new Set([...genieHiddenNodeIDs, pendingMinimizedNodeID]);
+  }, [genieHiddenNodeIDs, pendingMinimizedNodeID]);
+  const presentationTransitionNodeIDs = useSyncExternalStore2(
+    nodePresentationTransitions.subscribe,
+    nodePresentationTransitions.getSnapshot,
+    nodePresentationTransitions.getSnapshot
+  );
+  const nonOccludingNodeIDs = useMemo5(() => {
+    if (presentationTransitionNodeIDs.size === 0) {
+      return visuallyHiddenNodeIDs;
+    }
+    return /* @__PURE__ */ new Set([
+      ...visuallyHiddenNodeIDs,
+      ...presentationTransitionNodeIDs
+    ]);
+  }, [presentationTransitionNodeIDs, visuallyHiddenNodeIDs]);
+  const visualOcclusionPresentation = useMemo5(
+    () => ({
+      hiddenNodeIDs: visuallyHiddenNodeIDs,
+      nonOccludingNodeIDs,
+      topLayerNodeIDs: dialogPopoverNodeIDs
+    }),
+    [dialogPopoverNodeIDs, nonOccludingNodeIDs, visuallyHiddenNodeIDs]
+  );
   const snapPreviewRect = useWorkbenchSelector(selectWorkbenchSnapPreviewRect);
   const presentationInteraction = interactive && presentation?.mode === "mission-control" ? presentation.interaction ?? null : null;
   const dialogPopoverLayer = dialogPopoverNodeIDs.length > 0 ? /* @__PURE__ */ jsx8(
@@ -3314,6 +3459,7 @@ function WorkbenchNodeLayer({
       genieNodeVisibility: genie.nodeVisibility,
       interactive,
       minimizeNodeToAnchor: genie.minimizeNodeToAnchor,
+      nodePresentationTransitions,
       nodeIDs: dialogPopoverNodeIDs,
       presentation,
       renderNode,
@@ -3325,31 +3471,38 @@ function WorkbenchNodeLayer({
       windowChromeMode
     }
   ) : null;
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    /* @__PURE__ */ jsx8(
-      MemoizedWorkbenchNodeLayerGroup,
-      {
-        className: "workbench-node-layer",
-        edgeSnapEnabled,
-        fullscreenHeaderMode: resolveFullscreenHeaderMode,
-        genieNodeVisibility: genie.nodeVisibility,
-        interactive,
-        minimizeNodeToAnchor: genie.minimizeNodeToAnchor,
-        nodeIDs: defaultNodeIDs,
-        onBackdropPress: presentationInteraction?.onBackdropPress,
-        presentation,
-        renderNode,
-        renderWindowActions,
-        renderWindowHeader,
-        resolveWindowHeaderPresentation,
-        resolveWindowZIndex,
-        snapPreviewRect,
-        windowChromeI18n,
-        windowChromeMode
-      }
-    ),
-    typeof document === "undefined" ? dialogPopoverLayer : dialogPopoverLayer ? createPortal(dialogPopoverLayer, document.body) : null
-  ] });
+  return /* @__PURE__ */ jsxs5(
+    WorkbenchVisualOcclusionPresentationProvider,
+    {
+      presentation: visualOcclusionPresentation,
+      children: [
+        /* @__PURE__ */ jsx8(
+          MemoizedWorkbenchNodeLayerGroup,
+          {
+            className: "workbench-node-layer",
+            edgeSnapEnabled,
+            fullscreenHeaderMode: resolveFullscreenHeaderMode,
+            genieNodeVisibility: genie.nodeVisibility,
+            interactive,
+            minimizeNodeToAnchor: genie.minimizeNodeToAnchor,
+            nodePresentationTransitions,
+            nodeIDs: defaultNodeIDs,
+            onBackdropPress: presentationInteraction?.onBackdropPress,
+            presentation,
+            renderNode,
+            renderWindowActions,
+            renderWindowHeader,
+            resolveWindowHeaderPresentation,
+            resolveWindowZIndex,
+            snapPreviewRect,
+            windowChromeI18n,
+            windowChromeMode
+          }
+        ),
+        typeof document === "undefined" ? dialogPopoverLayer : dialogPopoverLayer ? createPortal(dialogPopoverLayer, document.body) : null
+      ]
+    }
+  );
 }
 function WorkbenchNodeLayerGroup({
   className,
@@ -3358,6 +3511,7 @@ function WorkbenchNodeLayerGroup({
   genieNodeVisibility,
   interactive,
   minimizeNodeToAnchor,
+  nodePresentationTransitions,
   nodeIDs,
   onBackdropPress,
   presentation,
@@ -3402,6 +3556,7 @@ function WorkbenchNodeLayerGroup({
             edgeSnapEnabled,
             interactive,
             minimizeNodeToAnchor,
+            nodePresentationTransitions,
             nodeID,
             presentation,
             renderNode,
@@ -3427,6 +3582,7 @@ function WorkbenchNodeLayerItem({
   edgeSnapEnabled,
   interactive,
   minimizeNodeToAnchor,
+  nodePresentationTransitions,
   nodeID,
   presentation,
   renderNode,
@@ -3466,6 +3622,7 @@ function WorkbenchNodeLayerItem({
       node,
       genieNodeVisibility,
       minimizeNodeToAnchor,
+      nodePresentationTransitions,
       resolveWindowZIndex,
       fullscreenHeaderMode: fullscreenHeaderMode?.({
         controller,
@@ -4176,21 +4333,27 @@ function pruneWorkbenchGenieTextureCache(cache, limits) {
 
 // src/react/genieNodeVisibility.ts
 function createWorkbenchGenieNodeVisibilityStore() {
-  const hiddenNodeIDs = /* @__PURE__ */ new Set();
+  let hiddenNodeIDs = /* @__PURE__ */ new Set();
   const hiddenTokenByNodeID = /* @__PURE__ */ new Map();
   const listenersByNodeID = /* @__PURE__ */ new Map();
+  const allListeners = /* @__PURE__ */ new Set();
   const setHidden = (nodeID, hidden) => {
     if (hiddenNodeIDs.has(nodeID) === hidden) {
       return;
     }
+    const nextHiddenNodeIDs = new Set(hiddenNodeIDs);
     if (hidden) {
-      hiddenNodeIDs.add(nodeID);
+      nextHiddenNodeIDs.add(nodeID);
     } else {
-      hiddenNodeIDs.delete(nodeID);
+      nextHiddenNodeIDs.delete(nodeID);
     }
+    hiddenNodeIDs = nextHiddenNodeIDs;
     for (const listener of listenersByNodeID.get(nodeID) ?? []) {
       listener();
     }
+    for (const listener of allListeners) {
+      listener();
+    }
   };
   const hide = (nodeID) => {
     const token = Symbol(nodeID);
@@ -4208,9 +4371,13 @@ function createWorkbenchGenieNodeVisibilityStore() {
   };
   return {
     dispose() {
-      hiddenNodeIDs.clear();
+      hiddenNodeIDs = /* @__PURE__ */ new Set();
       hiddenTokenByNodeID.clear();
       listenersByNodeID.clear();
+      allListeners.clear();
+    },
+    getHiddenNodeIDsSnapshot() {
+      return hiddenNodeIDs;
     },
     getSnapshot(nodeID) {
       return hiddenNodeIDs.has(nodeID);
@@ -4223,6 +4390,12 @@ function createWorkbenchGenieNodeVisibilityStore() {
         show(nodeID);
       }
     },
+    subscribeAll(listener) {
+      allListeners.add(listener);
+      return () => {
+        allListeners.delete(listener);
+      };
+    },
     show,
     subscribe(nodeID, listener) {
       const listeners = listenersByNodeID.get(nodeID) ?? /* @__PURE__ */ new Set();
@@ -4353,7 +4526,7 @@ async function resolveNativeFirstGenieTexture({
 }
 
 // src/react/useWorkbenchGenieAnimation.tsx
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var genieDurationMs = 400;
 var previewCaptureRaceTimeoutMs = 120;
 var scaleMinimizeDurationMs = 220;
@@ -4817,6 +4990,7 @@ function useWorkbenchGenieAnimation({
   debugDiagnostics,
   dockPreviewCache,
   minimizeAnimation = "genie",
+  nodePresentationTransitions,
   renderNodeGeniePreview,
   resolveDockAnchorKey,
   resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2,
@@ -5325,6 +5499,7 @@ function useWorkbenchGenieAnimation({
           return;
         }
         flushSync(() => {
+          nodePresentationTransitions.setActive(nodeID, "scale-restore", true);
           showNodeForGenie(nodeID);
         });
         runScaleWindowAnimation({
@@ -5334,12 +5509,22 @@ function useWorkbenchGenieAnimation({
           onCancel: () => {
             flushSync(() => {
               showNodeForGenie(nodeID);
+              nodePresentationTransitions.setActive(
+                nodeID,
+                "scale-restore",
+                false
+              );
             });
             clearMinimizedGenieTexture(nodeID);
           },
           onComplete: () => {
             flushSync(() => {
               showNodeForGenie(nodeID);
+              nodePresentationTransitions.setActive(
+                nodeID,
+                "scale-restore",
+                false
+              );
             });
             clearMinimizedGenieTexture(nodeID);
           }
@@ -5404,6 +5589,7 @@ function useWorkbenchGenieAnimation({
       clearCanvas,
       clearMinimizedGenieTexture,
       minimizeAnimation,
+      nodePresentationTransitions,
       readMinimizedGenieTexture,
       requestRenderedGeniePreviewTexture,
       resolveDockAnchorRect,
@@ -6072,7 +6258,7 @@ function useWorkbenchGenieAnimation({
   );
   const genieLayer = useMemo6(
     () => typeof document === "undefined" ? null : createPortal2(
-      /* @__PURE__ */ jsxs6(Fragment4, { children: [
+      /* @__PURE__ */ jsxs6(Fragment3, { children: [
         /* @__PURE__ */ jsx9(
           "canvas",
           {
@@ -6131,6 +6317,71 @@ function useWorkbenchGenieAnimation({
   );
 }
 
+// src/react/nodePresentationTransitions.ts
+function createWorkbenchNodePresentationTransitionStore() {
+  let activeNodeIDs = /* @__PURE__ */ new Set();
+  const activeTransitionsByNodeID = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  const publish = (nodeID, active) => {
+    if (activeNodeIDs.has(nodeID) === active) {
+      return;
+    }
+    const nextActiveNodeIDs = new Set(activeNodeIDs);
+    if (active) {
+      nextActiveNodeIDs.add(nodeID);
+    } else {
+      nextActiveNodeIDs.delete(nodeID);
+    }
+    activeNodeIDs = nextActiveNodeIDs;
+    for (const listener of listeners) {
+      listener();
+    }
+  };
+  const clearNode = (nodeID) => {
+    if (!activeTransitionsByNodeID.delete(nodeID)) {
+      return;
+    }
+    publish(nodeID, false);
+  };
+  return {
+    clearNode,
+    dispose() {
+      activeNodeIDs = /* @__PURE__ */ new Set();
+      activeTransitionsByNodeID.clear();
+      listeners.clear();
+    },
+    getSnapshot() {
+      return activeNodeIDs;
+    },
+    setActive(nodeID, transition, active) {
+      const activeTransitions = activeTransitionsByNodeID.get(nodeID) ?? /* @__PURE__ */ new Set();
+      if (active) {
+        if (activeTransitions.has(transition)) {
+          return;
+        }
+        activeTransitions.add(transition);
+        activeTransitionsByNodeID.set(nodeID, activeTransitions);
+        publish(nodeID, true);
+        return;
+      }
+      if (!activeTransitions.delete(transition)) {
+        return;
+      }
+      if (activeTransitions.size > 0) {
+        return;
+      }
+      activeTransitionsByNodeID.delete(nodeID);
+      publish(nodeID, false);
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+}
+
 // src/react/WorkbenchSurface.tsx
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 function WorkbenchSurface({
@@ -6251,6 +6502,10 @@ function WorkbenchSurfaceInner({
     [controller]
   );
   const ref = useWorkbenchSurfaceSize(onSizeChange);
+  const nodePresentationTransitions = useMemo7(
+    createWorkbenchNodePresentationTransitionStore,
+    []
+  );
   const genie = useWorkbenchGenieAnimation({
     captureNodePreviewImage,
     captureNodePreviewImages,
@@ -6258,11 +6513,16 @@ function WorkbenchSurfaceInner({
     debugDiagnostics,
     dockPreviewCache,
     minimizeAnimation,
+    nodePresentationTransitions,
     renderNodeGeniePreview,
     resolveDockAnchorKey,
     resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2,
     shouldCaptureNodePreviewImage
   });
+  useEffect5(
+    () => () => nodePresentationTransitions.dispose(),
+    [nodePresentationTransitions]
+  );
   useWorkbenchShortcuts({
     enabled: (shortcutsEnabled ?? true) && interactive,
     windowManagementShortcutPreset: windowManagement?.shortcutPreset ?? null
@@ -6305,6 +6565,7 @@ function WorkbenchSurfaceInner({
           {
             genie,
             interactive,
+            nodePresentationTransitions,
             presentation,
             renderNode,
             edgeSnapEnabled: windowManagement?.edgeSnapEnabled === true,
@@ -6509,7 +6770,7 @@ function resolveHostClosePreparer(contributions) {
 }
 
 // src/host/useWorkbenchHostRuntime.ts
-import { useEffect as useEffect6, useMemo as useMemo8, useState as useState5 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo9, useState as useState5 } from "react";
 
 // src/store/createDerivedSnapshotGetter.ts
 function createDerivedSnapshotGetter(input) {
@@ -7525,7 +7786,7 @@ function nullableRectsEqual(left, right) {
 }
 
 // src/host/externalState.ts
-import { useCallback as useCallback9, useMemo as useMemo7, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback as useCallback9, useMemo as useMemo8, useSyncExternalStore as useSyncExternalStore3 } from "react";
 var noopSubscribe = () => () => {
 };
 function createWorkbenchHostExternalStateLookupInput(input) {
@@ -7539,14 +7800,14 @@ function createWorkbenchHostExternalStateLookupInput(input) {
   };
 }
 function useWorkbenchHostExternalState(input) {
-  const lookupInput = useMemo7(
+  const lookupInput = useMemo8(
     () => createWorkbenchHostExternalStateLookupInput({
       node: input.node,
       workspaceId: input.workspaceId
     }),
     [input.node, input.workspaceId]
   );
-  const workspaceInput = useMemo7(
+  const workspaceInput = useMemo8(
     () => ({ workspaceId: input.workspaceId }),
     [input.workspaceId]
   );
@@ -7570,12 +7831,12 @@ function useWorkbenchHostExternalState(input) {
     [input.externalStateSource, workspaceInput]
   );
   return {
-    externalNodeState: useSyncExternalStore2(
+    externalNodeState: useSyncExternalStore3(
       subscribeNodeState,
       getNodeState,
       getNodeState
     ),
-    externalWorkspaceState: useSyncExternalStore2(
+    externalWorkspaceState: useSyncExternalStore3(
       subscribeWorkspaceState,
       getWorkspaceState,
       getWorkspaceState
@@ -8663,7 +8924,7 @@ function useWorkbenchHostRuntime({
   workspaceId
 }) {
   const [, bumpHydrationRevision] = useState5(0);
-  const hostSession = useMemo8(() => {
+  const hostSession = useMemo9(() => {
     logWorkbenchHostDebug("create-session", debugDiagnostics, {
       nodeTypeIDs: nodes.map((node) => node.typeId),
       projectedNodeCount: projectedNodes?.length ?? 0,
@@ -8688,32 +8949,32 @@ function useWorkbenchHostRuntime({
     snapshotRepository,
     workspaceId
   ]);
-  const hostI18n = useMemo8(() => createWorkbenchHostI18nRuntime(i18n), [i18n]);
-  const missionControlI18n = useMemo8(
+  const hostI18n = useMemo9(() => createWorkbenchHostI18nRuntime(i18n), [i18n]);
+  const missionControlI18n = useMemo9(
     () => createWorkbenchMissionControlI18nRuntime(i18n),
     [i18n]
   );
-  const windowChromeI18n = useMemo8(
+  const windowChromeI18n = useMemo9(
     () => createWorkbenchWindowChromeI18nRuntime(i18n),
     [i18n]
   );
-  const nodeDefinitionByType = useMemo8(
+  const nodeDefinitionByType = useMemo9(
     () => new Map(nodes.map((definition) => [definition.typeId, definition])),
     [nodes]
   );
   const isHydrating = hostSession.isHydrating?.() ?? false;
-  const missionControlAdapter = useMemo8(
+  const missionControlAdapter = useMemo9(
     () => missionControlEnabled && !isHydrating ? createWorkbenchHostMissionControlAdapter({
       activateNode: hostSession.activateNode.bind(hostSession),
       controller: hostSession.controller
     }) : null,
     [hostSession.controller, isHydrating, missionControlEnabled]
   );
-  const chromeController = useMemo8(
+  const chromeController = useMemo9(
     () => isHydrating ? createReadOnlyWorkbenchController(hostSession.controller) : hostSession.controller,
     [hostSession.controller, isHydrating]
   );
-  const chromeContext = useMemo8(
+  const chromeContext = useMemo9(
     () => ({
       activateNode: hostSession.activateNode.bind(hostSession),
       controller: chromeController,
@@ -8802,16 +9063,16 @@ function logWorkbenchHostDebug(event, debugDiagnostics, payload) {
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { Component, memo as memo3, useCallback as useCallback13, useMemo as useMemo10 } from "react";
+import { Component, memo as memo3, useCallback as useCallback14, useMemo as useMemo11 } from "react";
 
 // src/host/WorkbenchHostDock.tsx
 import {
-  useCallback as useCallback12,
-  useEffect as useEffect10,
-  useLayoutEffect as useLayoutEffect7,
-  useMemo as useMemo9,
-  useRef as useRef9,
-  useState as useState8
+  useCallback as useCallback13,
+  useEffect as useEffect12,
+  useLayoutEffect as useLayoutEffect8,
+  useMemo as useMemo10,
+  useRef as useRef11,
+  useState as useState10
 } from "react";
 import {
   ArrowLeftIcon,
@@ -10046,26 +10307,14 @@ function resolveWorkbenchMinimizedDockRestoreIntent(input) {
 
 // src/host/WorkbenchHostDockPopup.tsx
 import {
-  forwardRef,
-  useCallback as useCallback11,
-  useEffect as useEffect9,
-  useLayoutEffect as useLayoutEffect6,
-  useRef as useRef8,
-  useState as useState7
+  useCallback as useCallback12,
+  useEffect as useEffect11,
+  useLayoutEffect as useLayoutEffect7,
+  useRef as useRef10,
+  useState as useState9
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import {
-  Button as Button2,
-  CheckIcon,
-  CloseIcon,
-  FileCreateIcon,
-  MaximizeIcon,
-  MinimizeIcon,
-  OverviewLayoutIcon,
-  PinFilledIcon,
-  PinIcon,
-  cn
-} from "@tutti-os/ui-system";
+import { FileCreateIcon as FileCreateIcon2, cn as cn2 } from "@tutti-os/ui-system";
 
 // src/host/minimizedStackScroll.ts
 var minimizedStackViewportMarginPx = 56;
@@ -10212,24 +10461,28 @@ function resolveDockPopupVerticalClampOffsetPx(input) {
   return 0;
 }
 
-// src/host/WorkbenchHostDockPopup.tsx
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var dockPopupCardWidthPx = 165;
-var dockPopupCardHeightPx = 103;
-var dockPopupPreviewInsetPx = 4;
-var workbenchHostDockPopupPreviewViewport = Object.freeze({
-  height: dockPopupCardHeightPx - dockPopupPreviewInsetPx * 2,
-  width: dockPopupCardWidthPx - dockPopupPreviewInsetPx * 2
-});
-var dockPopupGridGapPx = 8;
-var dockPopupPanelPaddingInlinePx = 12;
-var dockPopupPanelBorderInlinePx = 2;
-var dockPopupPlacementGapPx = 14;
+// src/host/WorkbenchHostDockPopupPresentation.tsx
+import {
+  forwardRef,
+  useCallback as useCallback11,
+  useEffect as useEffect9,
+  useRef as useRef8,
+  useState as useState7
+} from "react";
+import {
+  Button as Button2,
+  CheckIcon,
+  CloseIcon,
+  FileCreateIcon,
+  MaximizeIcon,
+  MinimizeIcon,
+  OverviewLayoutIcon,
+  PinFilledIcon,
+  PinIcon,
+  cn
+} from "@tutti-os/ui-system";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var dockPopupMinimizedStackLaunchDisappearMs = 0;
-var dockPopupMinimizedStackPopupZIndex = 100300;
-var dockPopupPreviewCacheMaxEntries = 64;
-var dockPopupPreviewByMemoryKey = /* @__PURE__ */ new Map();
-var pendingDockPopupPreviewCaptureKeys = /* @__PURE__ */ new Set();
 var popupCardMagnificationRange = 160;
 var popupCardMaxScale = 1.16;
 var popupCardMaxLiftPx = 10;
@@ -10268,317 +10521,418 @@ function resolvePopupFanCardStyle(index, count, placement) {
     "--desktop-dock-popup-fan-y": `${Math.round(arcY)}px`
   };
 }
-function readDockPopupPreviewImage(memoryKey) {
-  return dockPopupPreviewByMemoryKey.get(memoryKey);
-}
-function writeDockPopupPreviewImage(memoryKey, preview, revision) {
-  dockPopupPreviewByMemoryKey.delete(memoryKey);
-  dockPopupPreviewByMemoryKey.set(memoryKey, { preview, revision });
-  while (dockPopupPreviewByMemoryKey.size > dockPopupPreviewCacheMaxEntries) {
-    const oldestMemoryKey = dockPopupPreviewByMemoryKey.keys().next().value;
-    if (typeof oldestMemoryKey !== "string") {
-      break;
-    }
-    dockPopupPreviewByMemoryKey.delete(oldestMemoryKey);
-  }
-}
-function WorkbenchHostDockPopup({
-  anchorRect,
+function WorkbenchHostDockContextMenu({
+  canCreateNew,
   canEnterFullscreen,
   canShowAllWindows,
-  capturePreview,
-  debugDiagnostics,
   dockRetention,
-  dockPreviewCache,
   fullscreenLabel,
   hideLabel,
   items,
-  label,
-  labelMode,
   newWindowLabel,
-  closeWindowLabel,
-  onClose,
-  onCloseNode,
   onCreateNew,
   onEnterFullscreen,
   onHide,
+  onQuit,
   onRunDockRetentionAction,
   onSelectNode,
   onShowAllWindows,
-  onQuit,
-  placement = "bottom",
   quitLabel,
-  resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2,
   showAllWindowsLabel,
-  showCreateNew,
-  showCreateNewInContextMenu,
-  showOpen,
-  variant
+  showOpen
 }) {
-  const resolvedShowCreateNewInContextMenu = showCreateNewInContextMenu ?? showCreateNew;
-  const resolvedLabelMode = labelMode ?? "hover-overlay";
-  const resolvedVariant = variant ?? "default";
-  const isMinimizedStack = resolvedVariant === "minimized-stack";
-  const isContextMenu = resolvedVariant === "context-menu";
-  const hasCapturePreview = Boolean(capturePreview);
-  const createCardCount = showCreateNew === false ? 0 : 1;
-  const cardElementsRef = useRef8(/* @__PURE__ */ new Map());
-  const cardRefCallbacksRef = useRef8(
-    /* @__PURE__ */ new Map()
-  );
-  const popupRootRef = useRef8(null);
-  const minimizedStackViewportRef = useRef8(null);
-  const [pointer, setPointer] = useState7(null);
-  const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState7(0);
-  const [verticalClampOffsetPx, setVerticalClampOffsetPx] = useState7(0);
-  const [capturedPreviewByMemoryKey, setCapturedPreviewByMemoryKey] = useState7({});
-  const capturedPreviewByMemoryKeyRef = useRef8(capturedPreviewByMemoryKey);
-  const capturePreviewRef = useRef8(capturePreview);
-  const debugDiagnosticsRef = useRef8(debugDiagnostics);
-  const dockPreviewCacheRef = useRef8(dockPreviewCache);
-  const resolveDockPreviewCacheKeyRef = useRef8(resolveDockPreviewCacheKey2);
-  capturedPreviewByMemoryKeyRef.current = capturedPreviewByMemoryKey;
-  capturePreviewRef.current = capturePreview;
-  debugDiagnosticsRef.current = debugDiagnostics;
-  dockPreviewCacheRef.current = dockPreviewCache;
-  resolveDockPreviewCacheKeyRef.current = resolveDockPreviewCacheKey2;
-  const columnCount = isContextMenu ? 1 : Math.min(Math.max(items.length + createCardCount, 1), 3);
-  const popupWidthPx = isContextMenu ? 268 : columnCount * dockPopupCardWidthPx + Math.max(0, columnCount - 1) * dockPopupGridGapPx + dockPopupPanelPaddingInlinePx * 2 + dockPopupPanelBorderInlinePx;
-  const popupCenterY = anchorRect.top + anchorRect.height / 2;
-  const isLeftMinimizedStack = placement === "left" && isMinimizedStack;
-  const minimizedStackTrackHeightPx = resolveMinimizedStackTrackHeightPx(
-    items.length
-  );
-  const minimizedStackViewportHeightPx = isMinimizedStack ? resolveMinimizedStackViewportHeightPx({
-    anchorCenterY: popupCenterY,
-    placement,
-    trackHeightPx: minimizedStackTrackHeightPx
-  }) : minimizedStackTrackHeightPx;
-  const minimizedStackTrackTranslateXPx = isMinimizedStack ? resolveMinimizedStackTrackTranslateXPx({
-    itemCount: items.length,
-    placement,
-    scrollOffset: minimizedStackScrollOffset,
-    trackHeightPx: minimizedStackTrackHeightPx,
-    viewportHeightPx: minimizedStackViewportHeightPx
-  }) : 0;
-  const minimizedStackLeftGutterPx = isLeftMinimizedStack ? resolveMinimizedStackLeftGutterPx({
-    itemCount: items.length,
-    placement,
-    scrollOffset: minimizedStackScrollOffset,
-    trackHeightPx: minimizedStackTrackHeightPx,
-    viewportHeightPx: minimizedStackViewportHeightPx,
-    trackTranslateXPx: minimizedStackTrackTranslateXPx
-  }) : 0;
-  const minimizedStackPanelWidthPx = isLeftMinimizedStack ? resolveMinimizedStackPanelWidthPx(items.length, placement, {
-    leftGutterPx: minimizedStackLeftGutterPx
-  }) : null;
-  const popupStyle = {
-    "--desktop-dock-popup-columns": String(columnCount),
-    "--desktop-dock-popup-width": minimizedStackPanelWidthPx != null ? `${minimizedStackPanelWidthPx}px` : `${popupWidthPx}px`,
-    ...minimizedStackPanelWidthPx != null ? {
-      "--desktop-dock-minimized-stack-width": `${minimizedStackPanelWidthPx}px`,
-      minWidth: minimizedStackPanelWidthPx,
-      width: minimizedStackPanelWidthPx
-    } : {},
-    left: isLeftMinimizedStack ? resolveMinimizedStackPopupLeftPx({
-      anchorLeft: anchorRect.left,
-      anchorWidth: anchorRect.width,
-      dockRightPx: anchorRect.dockRight,
-      leftGutterPx: minimizedStackLeftGutterPx
-    }) : placement === "left" ? anchorRect.left + anchorRect.width + dockPopupPlacementGapPx : anchorRect.left + anchorRect.width / 2,
-    top: isLeftMinimizedStack ? resolveMinimizedStackPopupTopPx({ anchorTop: anchorRect.top }) : placement === "left" ? popupCenterY : anchorRect.top - dockPopupPlacementGapPx,
-    ...isLeftMinimizedStack ? { zIndex: dockPopupMinimizedStackPopupZIndex } : {},
-    ...isMinimizedStack ? {} : { "--desktop-dock-popup-clamp-offset": `${verticalClampOffsetPx}px` }
-  };
-  const minimizedStackMaxScrollOffset = Math.max(
-    0,
-    minimizedStackTrackHeightPx - minimizedStackViewportHeightPx
+  const hasOpenWindows = items.length > 0;
+  const hasNewWindowCommand = hasOpenWindows && canCreateNew;
+  const hasOpenCommand = !hasOpenWindows;
+  const hasDockActionGroup = Boolean(dockRetention) || hasNewWindowCommand || hasOpenCommand;
+  const hasWindowActionGroup = hasOpenWindows;
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: "flex min-w-0 flex-col gap-1",
+      "data-desktop-dock-context-menu": "true",
+      role: "menu",
+      children: [
+        hasOpenWindows ? /* @__PURE__ */ jsx11("div", { className: "max-h-48 min-w-0 overflow-auto overscroll-contain", children: items.map((item) => /* @__PURE__ */ jsx11(
+          WorkbenchHostDockContextMenuItem,
+          {
+            checked: !item.isMinimized,
+            label: item.title?.trim() || item.node.title,
+            onSelect: () => onSelectNode(item.node.id)
+          },
+          item.node.id
+        )) }) : null,
+        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
+        dockRetention ? /* @__PURE__ */ jsx11(
+          WorkbenchHostDockContextMenuItem,
+          {
+            checked: dockRetention.checked,
+            checkedIcon: /* @__PURE__ */ jsx11(
+              PinFilledIcon,
+              {
+                "aria-hidden": "true",
+                className: "size-4 text-[var(--tutti-purple)]"
+              }
+            ),
+            disabled: dockRetention.disabled,
+            icon: /* @__PURE__ */ jsx11(PinIcon, { "aria-hidden": "true", className: "size-4" }),
+            label: dockRetention.pendingLabel ?? dockRetention.label,
+            onSelect: onRunDockRetentionAction
+          }
+        ) : null,
+        hasNewWindowCommand ? /* @__PURE__ */ jsx11(
+          WorkbenchHostDockContextMenuItem,
+          {
+            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            label: newWindowLabel,
+            onSelect: onCreateNew
+          }
+        ) : null,
+        hasOpenCommand ? /* @__PURE__ */ jsx11(
+          WorkbenchHostDockContextMenuItem,
+          {
+            disabled: !showOpen,
+            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            label: newWindowLabel,
+            onSelect: onCreateNew
+          }
+        ) : null,
+        hasOpenWindows ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+          hasDockActionGroup ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
+          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx11(
+            WorkbenchHostDockContextMenuItem,
+            {
+              icon: /* @__PURE__ */ jsx11(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
+              label: showAllWindowsLabel,
+              onSelect: onShowAllWindows
+            }
+          ) : null,
+          /* @__PURE__ */ jsx11(
+            WorkbenchHostDockContextMenuItem,
+            {
+              disabled: !canEnterFullscreen || !onEnterFullscreen,
+              icon: /* @__PURE__ */ jsx11(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              label: fullscreenLabel,
+              onSelect: onEnterFullscreen
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            WorkbenchHostDockContextMenuItem,
+            {
+              disabled: !onHide,
+              icon: /* @__PURE__ */ jsx11(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              label: hideLabel,
+              onSelect: onHide
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            WorkbenchHostDockContextMenuItem,
+            {
+              disabled: !onQuit,
+              icon: /* @__PURE__ */ jsx11(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
+              label: quitLabel,
+              onSelect: onQuit
+            }
+          )
+        ] }) : null
+      ]
+    }
   );
-  const initialMinimizedStackScrollOffset = resolveInitialMinimizedStackScrollOffset({
-    maxScrollOffset: minimizedStackMaxScrollOffset
-  });
-  const panelStyle = {
-    "--desktop-dock-popup-columns": String(columnCount),
-    "--desktop-dock-popup-item-count": String(Math.max(1, items.length)),
-    ...isMinimizedStack ? {
-      height: minimizedStackViewportHeightPx,
-      minHeight: minimizedStackViewportHeightPx,
-      ...isLeftMinimizedStack && minimizedStackPanelWidthPx != null ? {
-        width: minimizedStackPanelWidthPx,
-        minWidth: minimizedStackPanelWidthPx,
-        "--desktop-dock-minimized-stack-left-gutter": `${minimizedStackLeftGutterPx}px`
-      } : {}
-    } : {}
-  };
-  const popupDiagnosticKey = items.map((item) => item.node.id).join("|");
-  useEffect9(() => {
-    logWorkbenchDockPopupDebug("dock.popup.rendered", debugDiagnostics, {
-      hasCapturePreview: Boolean(capturePreview),
-      itemCount: popupDiagnosticKey ? popupDiagnosticKey.split("|").length : 0,
-      nodeIds: popupDiagnosticKey ? popupDiagnosticKey.split("|") : [],
-      placement,
-      variant: resolvedVariant
-    });
-  }, [
-    capturePreview,
-    debugDiagnostics,
-    placement,
-    popupDiagnosticKey,
-    resolvedVariant
-  ]);
-  useLayoutEffect6(() => {
-    const rootElement = popupRootRef.current;
-    const panelElement = rootElement?.querySelector(
-      "[data-desktop-dock-popup-panel]"
-    ) ?? null;
-    logWorkbenchDockPopupDebug("dock.popup.layout", debugDiagnostics, {
-      panelRect: panelElement ? rectToDiagnostic(panelElement) : null,
-      rootRect: rootElement ? rectToDiagnostic(rootElement) : null,
-      rootStyle: rootElement ? styleToDiagnostic(rootElement) : null,
-      viewportHeight: window.innerHeight,
-      viewportWidth: window.innerWidth
-    });
-  }, [debugDiagnostics, popupDiagnosticKey]);
-  useLayoutEffect6(() => {
-    if (isMinimizedStack || typeof window === "undefined") {
+}
+function WorkbenchHostDockContextMenuItem({
+  checked,
+  checkedIcon,
+  disabled,
+  icon,
+  label,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs8(
+    "button",
+    {
+      className: cn(
+        "flex h-8 w-full min-w-0 items-center gap-2 rounded-md px-2 text-left text-sm text-[var(--text-primary)] transition-colors",
+        disabled ? "cursor-default opacity-45" : "hover:bg-transparency-hover focus-visible:bg-transparency-hover focus-visible:outline-none"
+      ),
+      disabled,
+      role: "menuitem",
+      type: "button",
+      onClick: () => {
+        if (disabled || !onSelect) {
+          return;
+        }
+        onSelect();
+      },
+      children: [
+        /* @__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__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
+      ]
+    }
+  );
+}
+function WorkbenchHostDockContextMenuSeparator() {
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "mx-2 my-1 h-px bg-[var(--border-1)]",
+      role: "separator"
+    }
+  );
+}
+var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2({
+  closeWindowLabel,
+  item,
+  labelMode,
+  onCloseNode,
+  onSelectNode,
+  previewState,
+  style,
+  variant
+}, ref) {
+  const title = item.title?.trim() || item.node.title;
+  const isMinimizedStack = variant === "minimized-stack";
+  const [isLaunching, setIsLaunching] = useState7(false);
+  const launchTimerRef = useRef8(null);
+  useEffect9(
+    () => () => {
+      if (launchTimerRef.current !== null) {
+        clearTimeout(launchTimerRef.current);
+      }
+    },
+    []
+  );
+  const handleSelect = useCallback11(() => {
+    if (!isMinimizedStack) {
+      onSelectNode(item.node.id);
       return;
     }
-    const rootElement = popupRootRef.current;
-    const panelElement = rootElement?.querySelector(
-      "[data-desktop-dock-popup-panel]"
-    );
-    if (!panelElement) {
+    if (launchTimerRef.current !== null) {
       return;
     }
-    const measureAndClamp = () => {
-      const panelHeightPx = panelElement.offsetHeight;
-      const naturalTopPx = placement === "left" ? popupCenterY - panelHeightPx / 2 : anchorRect.top - dockPopupPlacementGapPx - panelHeightPx;
-      const naturalBottomPx = placement === "left" ? popupCenterY + panelHeightPx / 2 : anchorRect.top - dockPopupPlacementGapPx;
-      const offsetPx = resolveDockPopupVerticalClampOffsetPx({
-        naturalBottomPx,
-        naturalTopPx,
-        viewportHeightPx: window.innerHeight
-      });
-      setVerticalClampOffsetPx(
-        (current) => current === offsetPx ? current : offsetPx
-      );
-    };
-    measureAndClamp();
-    const resizeObserver = new ResizeObserver(measureAndClamp);
-    resizeObserver.observe(panelElement);
-    window.addEventListener("resize", measureAndClamp);
-    return () => {
-      resizeObserver.disconnect();
-      window.removeEventListener("resize", measureAndClamp);
-    };
-  }, [
-    anchorRect.top,
-    isMinimizedStack,
-    placement,
-    popupCenterY,
-    popupDiagnosticKey
-  ]);
-  const registerCard = useCallback11((nodeId) => {
-    const existing = cardRefCallbacksRef.current.get(nodeId);
-    if (existing) {
-      return existing;
-    }
-    const callback = (element) => {
-      if (element) {
-        cardElementsRef.current.set(nodeId, element);
-      } else {
-        cardElementsRef.current.delete(nodeId);
+    setIsLaunching(true);
+    launchTimerRef.current = setTimeout(() => {
+      launchTimerRef.current = null;
+      onSelectNode(item.node.id);
+    }, dockPopupMinimizedStackLaunchDisappearMs);
+  }, [isMinimizedStack, item.node.id, onSelectNode]);
+  const handleSelectKeyDown = useCallback11(
+    (event) => {
+      if (event.key !== "Enter" && event.key !== " ") {
+        return;
       }
-    };
-    cardRefCallbacksRef.current.set(nodeId, callback);
-    return callback;
-  }, []);
-  useEffect9(() => {
-    if (!isLeftMinimizedStack) {
-      return;
+      event.preventDefault();
+      handleSelect();
+    },
+    [handleSelect]
+  );
+  const hasReadyPreview = previewState.status === "ready";
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      ref,
+      className: cn(
+        "group/dock-popup-card relative flex h-[103px] w-[165px] min-w-0 flex-col overflow-hidden rounded-[8px] border border-[var(--border-1)] bg-background-fronted text-left text-[var(--text-primary)] transition-[border-color,color] duration-150",
+        item.isMinimized && "text-[var(--text-secondary)]"
+      ),
+      "data-active": item.isFocused ? "true" : void 0,
+      "data-desktop-dock-popup-card": "true",
+      "data-fan-card": isMinimizedStack ? "true" : void 0,
+      "data-launching": isLaunching ? "true" : void 0,
+      "data-minimized": item.isMinimized ? "true" : void 0,
+      style,
+      children: [
+        /* @__PURE__ */ jsxs8(
+          "div",
+          {
+            "aria-label": title,
+            "data-active": item.isFocused ? "true" : void 0,
+            className: cn(
+              "relative flex min-h-0 min-w-0 flex-1 cursor-pointer flex-col overflow-hidden rounded-md bg-transparent text-inherit",
+              hasReadyPreview ? "p-0" : "p-1"
+            ),
+            role: "button",
+            tabIndex: 0,
+            onClick: handleSelect,
+            onKeyDown: handleSelectKeyDown,
+            children: [
+              /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardPreview, { previewState }),
+              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          Button2,
+          {
+            "aria-label": closeWindowLabel(title),
+            className: "absolute top-1.5 right-1.5 z-[2] rounded-full bg-[var(--background-fronted)] opacity-0 transition-[background-color,opacity] duration-150 hover:bg-[var(--background-fronted)] focus-visible:bg-[var(--background-fronted)] group-hover/dock-popup-card:opacity-100 group-focus-within/dock-popup-card:opacity-100 focus-visible:opacity-100",
+            size: "icon-sm",
+            title: closeWindowLabel(title),
+            type: "button",
+            variant: "ghost",
+            onClick: (event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              onCloseNode(item.node.id);
+            },
+            children: /* @__PURE__ */ jsx11(CloseIcon, { className: "size-3.5" })
+          }
+        ),
+        item.isFocused ? /* @__PURE__ */ jsx11(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-0 z-[3] rounded-md shadow-[inset_0_0_0_2px_var(--border-focus)]",
+            "data-desktop-dock-popup-card-active-overlay": "true"
+          }
+        ) : null,
+        isMinimizedStack ? /* @__PURE__ */ jsx11("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
+      ]
     }
-    document.body.setAttribute(
-      "data-desktop-dock-minimized-stack-open",
-      "true"
-    );
-    return () => {
-      document.body.removeAttribute("data-desktop-dock-minimized-stack-open");
-    };
-  }, [isLeftMinimizedStack]);
-  useEffect9(() => {
-    const handlePointerDown = (event) => {
-      if (!(event.target instanceof Element)) {
-        onClose();
-        return;
+  );
+});
+function WorkbenchHostDockPopupCardPreview({
+  previewState
+}) {
+  if (previewState.status === "loading") {
+    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__ */ 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" })
+        ]
       }
-      if (event.target.closest("[data-desktop-dock-slot]") || event.target.closest("[data-desktop-dock-popup-card]") || event.target.closest(
-        '.desktop-dock-popup-root:not([data-popup-variant="minimized-stack"])'
-      )) {
-        return;
+    );
+  }
+  if (previewState.status === "fallback") {
+    return /* @__PURE__ */ jsx11(
+      "span",
+      {
+        className: "flex min-h-0 min-w-0 flex-1 rounded-md border border-[var(--border-1)] bg-transparency-block",
+        "aria-hidden": "true",
+        "data-preview-state": previewState.status
       }
-      onClose();
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        onClose();
+    );
+  }
+  const preview = previewState.preview;
+  if (preview.kind === "component") {
+    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: preview.element
       }
-    };
-    window.addEventListener("pointerdown", handlePointerDown, true);
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("pointerdown", handlePointerDown, true);
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [onClose]);
-  const previewCaptureKey = items.map((item) => {
-    const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-      item.node,
-      resolveDockPreviewCacheKey2?.(item.node) ?? null
     );
-    return [
-      previewMemoryKey,
-      item.isMinimized ? "minimized" : "visible",
-      previewCacheToken(item.preview),
-      item.previewRevision ?? ""
-    ].join(":");
-  }).join("|");
-  useEffect9(() => {
-    if (!isMinimizedStack) {
-      return;
-    }
-    setMinimizedStackScrollOffset(initialMinimizedStackScrollOffset);
-  }, [initialMinimizedStackScrollOffset, isMinimizedStack, items.length]);
-  useEffect9(() => {
-    if (!isMinimizedStack) {
-      return;
+  }
+  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__ */ jsx11(
+        "img",
+        {
+          alt: "",
+          className: "block h-full max-h-full w-full max-w-full object-contain object-center",
+          draggable: false,
+          src: preview.src
+        }
+      )
     }
-    const viewport = minimizedStackViewportRef.current;
-    if (!viewport) {
-      return;
+  );
+}
+function WorkbenchHostDockPopupCardLabel({ title }) {
+  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",
+      style: {
+        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__ */ 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 }) })
     }
-    const handleWheel = (event) => {
-      event.preventDefault();
-      event.stopPropagation();
-      setMinimizedStackScrollOffset(
-        (current) => Math.min(
-          minimizedStackMaxScrollOffset,
-          Math.max(0, current + event.deltaY)
-        )
-      );
+  );
+}
+
+// src/host/useWorkbenchHostDockPopupPreviewCapture.ts
+import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect6, useRef as useRef9, useState as useState8 } from "react";
+var dockPopupPreviewCacheMaxEntries = 64;
+var dockPopupPreviewByMemoryKey = /* @__PURE__ */ new Map();
+var pendingDockPopupPreviewCaptureKeys = /* @__PURE__ */ new Set();
+function useWorkbenchHostDockPopupPreviewCapture(input) {
+  const {
+    capturePreview,
+    debugDiagnostics,
+    dockPreviewCache,
+    isContextMenu,
+    items,
+    resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2
+  } = input;
+  const hasCapturePreview = Boolean(capturePreview);
+  const [capturedPreviewByMemoryKey, setCapturedPreviewByMemoryKey] = useState8({});
+  const capturedPreviewByMemoryKeyRef = useRef9(capturedPreviewByMemoryKey);
+  const capturePreviewRef = useRef9(capturePreview);
+  const debugDiagnosticsRef = useRef9(debugDiagnostics);
+  const dockPreviewCacheRef = useRef9(dockPreviewCache);
+  const resolveDockPreviewCacheKeyRef = useRef9(resolveDockPreviewCacheKey2);
+  const isMountedRef = useRef9(false);
+  const isContextMenuRef = useRef9(isContextMenu);
+  const activePreviewCaptureItemStateKeysRef = useRef9(
+    /* @__PURE__ */ new Set()
+  );
+  capturedPreviewByMemoryKeyRef.current = capturedPreviewByMemoryKey;
+  capturePreviewRef.current = capturePreview;
+  debugDiagnosticsRef.current = debugDiagnostics;
+  dockPreviewCacheRef.current = dockPreviewCache;
+  resolveDockPreviewCacheKeyRef.current = resolveDockPreviewCacheKey2;
+  const previewCaptureItemStateKeys = items.map(
+    (item) => resolveDockPopupPreviewItemStateKey(
+      item,
+      resolveDockPreviewCacheKey2?.(item.node) ?? null
+    )
+  );
+  const previewCaptureKey = previewCaptureItemStateKeys.join("|");
+  useLayoutEffect6(() => {
+    isContextMenuRef.current = isContextMenu;
+    activePreviewCaptureItemStateKeysRef.current = new Set(
+      previewCaptureItemStateKeys
+    );
+  });
+  useEffect10(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
     };
-    viewport.addEventListener("wheel", handleWheel, { passive: false });
-    return () => viewport.removeEventListener("wheel", handleWheel);
-  }, [isMinimizedStack, minimizedStackMaxScrollOffset]);
-  useEffect9(() => {
+  }, []);
+  useEffect10(() => {
     if (!capturePreviewRef.current || isContextMenu) {
       return;
     }
-    let cancelled = false;
+    const captureItemStateIsCurrent = (itemStateKey) => isMountedRef.current && !isContextMenuRef.current && activePreviewCaptureItemStateKeysRef.current.has(itemStateKey);
+    let captureEffectActive = true;
+    const ownedCaptureKeys = /* @__PURE__ */ new Set();
     const startedCaptureKeys = /* @__PURE__ */ new Set();
     const missingItems = items.filter((item) => {
       const revision = item.previewRevision;
       const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-        item.node,
+        item,
         resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
       );
       const pendingCaptureKey = resolveDockPopupPreviewCaptureKey(
@@ -10587,25 +10941,22 @@ function WorkbenchHostDockPopup({
       );
       const capturedPreview = capturedPreviewByMemoryKeyRef.current[previewMemoryKey] ?? readDockPopupPreviewImage(previewMemoryKey);
       const hasCapturedPreview = capturedPreview !== void 0 && capturedPreview.revision === revision;
-      const shouldCaptureMissingPreview = !item.preview && !hasCapturedPreview;
-      return shouldCaptureMissingPreview && !pendingDockPopupPreviewCaptureKeys.has(pendingCaptureKey);
+      return !item.preview && !hasCapturedPreview && !pendingDockPopupPreviewCaptureKeys.has(pendingCaptureKey);
     });
     if (missingItems.length === 0) {
       logWorkbenchDockPopupDebug(
         "dock.popup.preview_capture.batch",
-        debugDiagnostics,
+        debugDiagnosticsRef.current,
         {
           itemCount: items.length,
           missingNodeIds: []
         }
       );
-      return () => {
-        cancelled = true;
-      };
+      return;
     }
     logWorkbenchDockPopupDebug(
       "dock.popup.preview_capture.batch",
-      debugDiagnostics,
+      debugDiagnosticsRef.current,
       {
         itemCount: items.length,
         missingNodeIds: missingItems.map((item) => item.node.id)
@@ -10613,30 +10964,40 @@ function WorkbenchHostDockPopup({
     );
     for (const item of missingItems) {
       const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-        item.node,
+        item,
         resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
       );
-      pendingDockPopupPreviewCaptureKeys.add(
-        resolveDockPopupPreviewCaptureKey(
-          previewMemoryKey,
-          item.previewRevision
-        )
-      );
+      const pendingCaptureKey = resolveDockPopupPreviewCaptureKey(
+        previewMemoryKey,
+        item.previewRevision
+      );
+      pendingDockPopupPreviewCaptureKeys.add(pendingCaptureKey);
+      ownedCaptureKeys.add(pendingCaptureKey);
     }
     void (async () => {
       for (const item of missingItems) {
-        if (cancelled) {
+        if (!captureEffectActive) {
           break;
         }
         const revision = item.previewRevision;
+        const resolvedCacheKey = resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null;
         const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-          item.node,
-          resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
+          item,
+          resolvedCacheKey
         );
         const pendingCaptureKey = resolveDockPopupPreviewCaptureKey(
           previewMemoryKey,
           revision
         );
+        const itemStateKey = resolveDockPopupPreviewItemStateKey(
+          item,
+          resolvedCacheKey
+        );
+        if (!captureItemStateIsCurrent(itemStateKey)) {
+          pendingDockPopupPreviewCaptureKeys.delete(pendingCaptureKey);
+          ownedCaptureKeys.delete(pendingCaptureKey);
+          continue;
+        }
         startedCaptureKeys.add(pendingCaptureKey);
         try {
           logWorkbenchDockPopupDebug(
@@ -10649,7 +11010,7 @@ function WorkbenchHostDockPopup({
             }
           );
           const cacheKey = resolveDockPopupPreviewCacheKey(
-            resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null,
+            resolvedCacheKey,
             revision
           );
           if (item.isMinimized && cacheKey) {
@@ -10657,8 +11018,8 @@ function WorkbenchHostDockPopup({
               dockPreviewCacheRef.current,
               cacheKey
             );
-            if (cancelled) {
-              break;
+            if (!captureItemStateIsCurrent(itemStateKey)) {
+              continue;
             }
             if (minimizedPersistedPreview) {
               const persistedPreview = {
@@ -10684,16 +11045,18 @@ function WorkbenchHostDockPopup({
               continue;
             }
           }
+          const providedPreview = await Promise.resolve(
+            capturePreviewRef.current?.(item) ?? null
+          ).catch(() => null);
+          if (!captureItemStateIsCurrent(itemStateKey)) {
+            continue;
+          }
           const preview = normalizeDockPopupPreviewContentResult(
-            item.isMinimized ? await capturePreviewRef.current?.(item) ?? await captureWorkbenchNodePreviewImage(item.node.id, {
-              bypassCache: false
-            }) : await Promise.resolve(
-              capturePreviewRef.current?.(item) ?? null
-            ).catch(() => null),
+            providedPreview,
             revision
           );
-          if (cancelled) {
-            break;
+          if (!captureItemStateIsCurrent(itemStateKey)) {
+            continue;
           }
           logWorkbenchDockPopupDebug(
             "dock.popup.preview_capture.resolved",
@@ -10726,45 +11089,52 @@ function WorkbenchHostDockPopup({
             dockPreviewCacheRef.current,
             cacheKey
           ) : null;
-          if (cancelled) {
-            break;
+          if (!captureItemStateIsCurrent(itemStateKey)) {
+            continue;
           }
           if (fallbackPersistedPreview) {
             writeCachedWorkbenchNodePreviewImage(
               item.node.id,
               fallbackPersistedPreview
             );
-          }
-          if (fallbackPersistedPreview || item.isMinimized) {
-            const fallbackPreview = fallbackPersistedPreview ? { kind: "image", src: fallbackPersistedPreview } : null;
+            const fallbackPreview2 = {
+              kind: "image",
+              src: fallbackPersistedPreview
+            };
             writeDockPopupPreviewImage(
               previewMemoryKey,
-              fallbackPreview,
+              fallbackPreview2,
               revision
             );
           }
-          if (!cancelled) {
-            const fallbackPreview = fallbackPersistedPreview ? { kind: "image", src: fallbackPersistedPreview } : null;
-            setCapturedPreviewByMemoryKey((current) => ({
-              ...current,
-              [previewMemoryKey]: { preview: fallbackPreview, revision }
-            }));
-          }
+          const fallbackPreview = fallbackPersistedPreview ? { kind: "image", src: fallbackPersistedPreview } : null;
+          setCapturedPreviewByMemoryKey((current) => ({
+            ...current,
+            [previewMemoryKey]: { preview: fallbackPreview, revision }
+          }));
         } finally {
           pendingDockPopupPreviewCaptureKeys.delete(pendingCaptureKey);
+          ownedCaptureKeys.delete(pendingCaptureKey);
         }
       }
     })().catch(() => {
-      for (const item of missingItems) {
+      for (const captureKey of ownedCaptureKeys) {
+        pendingDockPopupPreviewCaptureKeys.delete(captureKey);
+      }
+      ownedCaptureKeys.clear();
+      const currentItems = missingItems.filter(
+        (item) => captureItemStateIsCurrent(
+          resolveDockPopupPreviewItemStateKey(
+            item,
+            resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
+          )
+        )
+      );
+      for (const item of currentItems) {
         const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-          item.node,
+          item,
           resolveDockPreviewCacheKey2?.(item.node) ?? null
         );
-        writeDockPopupPreviewImage(
-          previewMemoryKey,
-          null,
-          item.previewRevision
-        );
         pendingDockPopupPreviewCaptureKeys.delete(
           resolveDockPopupPreviewCaptureKey(
             previewMemoryKey,
@@ -10772,13 +11142,13 @@ function WorkbenchHostDockPopup({
           )
         );
       }
-      if (!cancelled) {
+      if (currentItems.length > 0) {
         setCapturedPreviewByMemoryKey((current) => ({
           ...current,
           ...Object.fromEntries(
-            missingItems.map((item) => {
+            currentItems.map((item) => {
               const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-                item.node,
+                item,
                 resolveDockPreviewCacheKey2?.(item.node) ?? null
               );
               return [
@@ -10791,349 +11161,56 @@ function WorkbenchHostDockPopup({
       }
     });
     return () => {
-      cancelled = true;
-      for (const item of missingItems) {
-        const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-          item.node,
-          resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
-        );
-        const pendingCaptureKey = resolveDockPopupPreviewCaptureKey(
-          previewMemoryKey,
-          item.previewRevision
-        );
-        if (!startedCaptureKeys.has(pendingCaptureKey)) {
-          pendingDockPopupPreviewCaptureKeys.delete(pendingCaptureKey);
+      captureEffectActive = false;
+      for (const captureKey of ownedCaptureKeys) {
+        if (!startedCaptureKeys.has(captureKey)) {
+          pendingDockPopupPreviewCaptureKeys.delete(captureKey);
+          ownedCaptureKeys.delete(captureKey);
         }
       }
     };
   }, [hasCapturePreview, isContextMenu, previewCaptureKey]);
-  const content = /* @__PURE__ */ jsx11(
-    "div",
-    {
-      ref: popupRootRef,
-      className: "desktop-dock-popup-root",
-      "data-dock-placement": placement,
-      "data-desktop-dock-popup-root": "true",
-      "data-popup-variant": resolvedVariant,
-      style: popupStyle,
-      children: /* @__PURE__ */ jsx11(
-        "div",
-        {
-          "aria-label": label,
-          className: cn(
-            "desktop-dock-popup relative origin-bottom rounded-lg border border-[var(--border-1)] bg-background-fronted text-[var(--text-primary)] shadow-panel motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95 motion-safe:slide-in-from-bottom-2 motion-safe:duration-[175ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none",
-            isContextMenu ? "p-1" : "p-3",
-            isLeftMinimizedStack ? "w-full min-w-0 max-w-none" : "w-[min(var(--desktop-dock-popup-width,366px),calc(100vw-32px))]"
-          ),
-          "data-desktop-dock-popup-panel": "true",
-          "data-popup-variant": resolvedVariant,
-          onPointerDown: (event) => event.stopPropagation(),
-          onPointerMove: isMinimizedStack ? (event) => setPointer({ x: event.clientX, y: event.clientY }) : void 0,
-          onPointerLeave: isMinimizedStack ? () => setPointer(null) : void 0,
-          role: "dialog",
-          style: panelStyle,
-          children: isContextMenu ? /* @__PURE__ */ jsx11(
-            WorkbenchHostDockContextMenu,
-            {
-              canCreateNew: resolvedShowCreateNewInContextMenu !== false,
-              canEnterFullscreen: canEnterFullscreen === true,
-              canShowAllWindows: canShowAllWindows === true,
-              dockRetention,
-              fullscreenLabel,
-              hideLabel,
-              items,
-              newWindowLabel,
-              onCreateNew,
-              onEnterFullscreen,
-              onHide,
-              onQuit,
-              onRunDockRetentionAction,
-              onSelectNode,
-              onShowAllWindows,
-              quitLabel,
-              showAllWindowsLabel,
-              showOpen: showOpen === true
-            }
-          ) : /* @__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,
-                className: "desktop-dock-popup__minimized-stack-viewport",
-                style: {
-                  height: minimizedStackViewportHeightPx,
-                  ...isLeftMinimizedStack ? { paddingLeft: minimizedStackLeftGutterPx } : {}
-                },
-                children: /* @__PURE__ */ jsx11(
-                  "div",
-                  {
-                    className: "desktop-dock-popup__minimized-stack-track",
-                    style: {
-                      minHeight: minimizedStackTrackHeightPx,
-                      transform: `translate(${minimizedStackTrackTranslateXPx}px, ${-minimizedStackScrollOffset}px)`
-                    },
-                    children: items.map((item, index) => {
-                      const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-                        item.node,
-                        resolveDockPreviewCacheKey2?.(item.node) ?? null
-                      );
-                      const capturedPreview = capturedPreviewByMemoryKey[previewMemoryKey] !== void 0 ? capturedPreviewByMemoryKey[previewMemoryKey] : readDockPopupPreviewImage(previewMemoryKey);
-                      const previewState = resolveDockPopupItemPreviewState(
-                        item,
-                        capturedPreview,
-                        Boolean(capturePreview)
-                      );
-                      return /* @__PURE__ */ jsx11(
-                        WorkbenchHostDockPopupCard,
-                        {
-                          ref: registerCard(item.node.id),
-                          closeWindowLabel,
-                          item,
-                          labelMode: resolvedLabelMode,
-                          onCloseNode,
-                          onSelectNode,
-                          previewState,
-                          style: {
-                            ...resolvePopupFanCardStyle(
-                              index,
-                              items.length,
-                              placement
-                            ),
-                            ...resolvePopupCardMagnificationStyle(
-                              pointer,
-                              cardElementsRef.current.get(item.node.id) ?? null
-                            )
-                          },
-                          variant: resolvedVariant
-                        },
-                        item.node.id
-                      );
-                    })
-                  }
-                )
-              }
-            ) : /* @__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,
-                  resolveDockPreviewCacheKey2?.(item.node) ?? null
-                );
-                const capturedPreview = capturedPreviewByMemoryKey[previewMemoryKey] !== void 0 ? capturedPreviewByMemoryKey[previewMemoryKey] : readDockPopupPreviewImage(previewMemoryKey);
-                const previewState = resolveDockPopupItemPreviewState(
-                  item,
-                  capturedPreview,
-                  Boolean(capturePreview)
-                );
-                return /* @__PURE__ */ jsx11(
-                  WorkbenchHostDockPopupCard,
-                  {
-                    ref: registerCard(item.node.id),
-                    closeWindowLabel,
-                    item,
-                    labelMode: resolvedLabelMode,
-                    onCloseNode,
-                    onSelectNode,
-                    previewState,
-                    variant: resolvedVariant
-                  },
-                  item.node.id
-                );
-              }),
-              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__ */ jsx11(
-                      FileCreateIcon,
-                      {
-                        "aria-hidden": "true",
-                        className: "text-[var(--text-primary)]",
-                        size: 28
-                      }
-                    ),
-                    /* @__PURE__ */ jsx11("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
-                  ]
-                }
-              ) : null
-            ] })
-          ] })
-        }
-      )
+  return {
+    previewStateFor(item) {
+      const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
+        item,
+        resolveDockPreviewCacheKey2?.(item.node) ?? null
+      );
+      const capturedPreview = capturedPreviewByMemoryKey[previewMemoryKey] ?? readDockPopupPreviewImage(previewMemoryKey);
+      return resolveDockPopupItemPreviewState(
+        item,
+        capturedPreview,
+        hasCapturePreview
+      );
     }
-  );
-  if (typeof document === "undefined" || !document.body) {
-    return content;
+  };
+}
+function logWorkbenchDockPopupDebug(event, debugDiagnostics, details) {
+  if (!debugDiagnostics?.log) {
+    return;
   }
-  return createPortal3(content, document.body);
+  void Promise.resolve(
+    debugDiagnostics.log({
+      details,
+      event,
+      level: "info",
+      source: "workbench-dock"
+    })
+  ).catch(() => void 0);
 }
-function WorkbenchHostDockContextMenu({
-  canCreateNew,
-  canEnterFullscreen,
-  canShowAllWindows,
-  dockRetention,
-  fullscreenLabel,
-  hideLabel,
-  items,
-  newWindowLabel,
-  onCreateNew,
-  onEnterFullscreen,
-  onHide,
-  onQuit,
-  onRunDockRetentionAction,
-  onSelectNode,
-  onShowAllWindows,
-  quitLabel,
-  showAllWindowsLabel,
-  showOpen
-}) {
-  const hasOpenWindows = items.length > 0;
-  const hasNewWindowCommand = hasOpenWindows && canCreateNew;
-  const hasOpenCommand = !hasOpenWindows;
-  const hasDockActionGroup = Boolean(dockRetention) || hasNewWindowCommand || hasOpenCommand;
-  const hasWindowActionGroup = hasOpenWindows;
-  return /* @__PURE__ */ jsxs8(
-    "div",
-    {
-      className: "flex min-w-0 flex-col gap-1",
-      "data-desktop-dock-context-menu": "true",
-      role: "menu",
-      children: [
-        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,
-            label: item.title?.trim() || item.node.title,
-            onSelect: () => onSelectNode(item.node.id)
-          },
-          item.node.id
-        )) }) }) : null,
-        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
-        dockRetention ? /* @__PURE__ */ jsx11(
-          WorkbenchHostDockContextMenuItem,
-          {
-            checked: dockRetention.checked,
-            checkedIcon: /* @__PURE__ */ jsx11(
-              PinFilledIcon,
-              {
-                "aria-hidden": "true",
-                className: "size-4 text-[var(--tutti-purple)]"
-              }
-            ),
-            disabled: dockRetention.disabled,
-            icon: /* @__PURE__ */ jsx11(PinIcon, { "aria-hidden": "true", className: "size-4" }),
-            label: dockRetention.pendingLabel ?? dockRetention.label,
-            onSelect: onRunDockRetentionAction
-          }
-        ) : null,
-        hasNewWindowCommand ? /* @__PURE__ */ jsx11(
-          WorkbenchHostDockContextMenuItem,
-          {
-            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
-            label: newWindowLabel,
-            onSelect: onCreateNew
-          }
-        ) : null,
-        hasOpenCommand ? /* @__PURE__ */ jsx11(
-          WorkbenchHostDockContextMenuItem,
-          {
-            disabled: !showOpen,
-            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
-            label: newWindowLabel,
-            onSelect: onCreateNew
-          }
-        ) : null,
-        hasOpenWindows ? /* @__PURE__ */ jsxs8(Fragment5, { children: [
-          hasDockActionGroup ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
-          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx11(
-            WorkbenchHostDockContextMenuItem,
-            {
-              icon: /* @__PURE__ */ jsx11(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
-              label: showAllWindowsLabel,
-              onSelect: onShowAllWindows
-            }
-          ) : null,
-          /* @__PURE__ */ jsx11(
-            WorkbenchHostDockContextMenuItem,
-            {
-              disabled: !canEnterFullscreen || !onEnterFullscreen,
-              icon: /* @__PURE__ */ jsx11(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
-              label: fullscreenLabel,
-              onSelect: onEnterFullscreen
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            WorkbenchHostDockContextMenuItem,
-            {
-              disabled: !onHide,
-              icon: /* @__PURE__ */ jsx11(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
-              label: hideLabel,
-              onSelect: onHide
-            }
-          ),
-          /* @__PURE__ */ jsx11(
-            WorkbenchHostDockContextMenuItem,
-            {
-              disabled: !onQuit,
-              icon: /* @__PURE__ */ jsx11(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
-              label: quitLabel,
-              onSelect: onQuit
-            }
-          )
-        ] }) : null
-      ]
-    }
-  );
-}
-function WorkbenchHostDockContextMenuItem({
-  checked,
-  checkedIcon,
-  disabled,
-  icon,
-  label,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs8(
-    "button",
-    {
-      className: cn(
-        "flex h-8 w-full min-w-0 items-center gap-2 rounded-md px-2 text-left text-sm text-[var(--text-primary)] transition-colors",
-        disabled ? "cursor-default opacity-45" : "hover:bg-transparency-hover focus-visible:bg-transparency-hover focus-visible:outline-none"
-      ),
-      disabled,
-      role: "menuitem",
-      type: "button",
-      onClick: () => {
-        if (disabled || !onSelect) {
-          return;
-        }
-        onSelect();
-      },
-      children: [
-        /* @__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__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
-      ]
-    }
-  );
+function readDockPopupPreviewImage(memoryKey) {
+  return dockPopupPreviewByMemoryKey.get(memoryKey);
 }
-function WorkbenchHostDockContextMenuSeparator() {
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: "mx-2 my-1 h-px bg-[var(--border-1)]",
-      role: "separator"
+function writeDockPopupPreviewImage(memoryKey, preview, revision) {
+  dockPopupPreviewByMemoryKey.delete(memoryKey);
+  dockPopupPreviewByMemoryKey.set(memoryKey, { preview, revision });
+  while (dockPopupPreviewByMemoryKey.size > dockPopupPreviewCacheMaxEntries) {
+    const oldestMemoryKey = dockPopupPreviewByMemoryKey.keys().next().value;
+    if (typeof oldestMemoryKey !== "string") {
+      break;
     }
-  );
+    dockPopupPreviewByMemoryKey.delete(oldestMemoryKey);
+  }
 }
 function readPersistedDockPreview(dockPreviewCache, cacheKey) {
   if (!cacheKey) {
@@ -11144,9 +11221,9 @@ function readPersistedDockPreview(dockPreviewCache, cacheKey) {
 function resolveDockPopupPreviewCacheKey(cacheKey, revision) {
   return cacheKey ? { ...cacheKey, revision } : null;
 }
-function resolveDockPopupPreviewMemoryKey(node, cacheKey) {
+function resolveDockPopupPreviewMemoryKey(item, cacheKey) {
   if (!cacheKey) {
-    return `node:${node.id}`;
+    return `node:${item.node.id}`;
   }
   return `cache:${JSON.stringify({
     instanceId: cacheKey.instanceId,
@@ -11159,6 +11236,14 @@ function resolveDockPopupPreviewMemoryKey(node, cacheKey) {
 function resolveDockPopupPreviewCaptureKey(memoryKey, revision) {
   return `${memoryKey}\0${revision ?? ""}`;
 }
+function resolveDockPopupPreviewItemStateKey(item, cacheKey) {
+  return [
+    resolveDockPopupPreviewMemoryKey(item, cacheKey),
+    item.isMinimized ? "minimized" : "visible",
+    previewCacheToken(item.preview),
+    item.previewRevision ?? ""
+  ].join(":");
+}
 function normalizeDockPopupPreviewContentResult(preview, revision) {
   if (!preview) {
     return null;
@@ -11195,18 +11280,436 @@ function previewCacheToken(preview) {
       return `image:${preview.revision ?? ""}:${preview.src}`;
   }
 }
-function logWorkbenchDockPopupDebug(event, debugDiagnostics, details) {
-  if (!debugDiagnostics?.log) {
-    return;
+
+// src/host/WorkbenchHostDockPopup.tsx
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var dockPopupCardWidthPx = 165;
+var dockPopupCardHeightPx = 103;
+var dockPopupPreviewInsetPx = 4;
+var workbenchHostDockPopupPreviewViewport = Object.freeze({
+  height: dockPopupCardHeightPx - dockPopupPreviewInsetPx * 2,
+  width: dockPopupCardWidthPx - dockPopupPreviewInsetPx * 2
+});
+var dockPopupGridGapPx = 8;
+var dockPopupPanelPaddingInlinePx = 12;
+var dockPopupPanelBorderInlinePx = 2;
+var dockPopupPlacementGapPx = 14;
+var dockPopupMinimizedStackPopupZIndex = 100300;
+function WorkbenchHostDockPopup({
+  anchorRect,
+  canEnterFullscreen,
+  canShowAllWindows,
+  capturePreview,
+  debugDiagnostics,
+  dockRetention,
+  dockPreviewCache,
+  fullscreenLabel,
+  hideLabel,
+  items,
+  label,
+  labelMode,
+  newWindowLabel,
+  closeWindowLabel,
+  onClose,
+  onCloseNode,
+  onCreateNew,
+  onEnterFullscreen,
+  onHide,
+  onRunDockRetentionAction,
+  onSelectNode,
+  onShowAllWindows,
+  onQuit,
+  placement = "bottom",
+  quitLabel,
+  resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2,
+  showAllWindowsLabel,
+  showCreateNew,
+  showCreateNewInContextMenu,
+  showOpen,
+  variant
+}) {
+  const resolvedShowCreateNewInContextMenu = showCreateNewInContextMenu ?? showCreateNew;
+  const resolvedLabelMode = labelMode ?? "hover-overlay";
+  const resolvedVariant = variant ?? "default";
+  const isMinimizedStack = resolvedVariant === "minimized-stack";
+  const isContextMenu = resolvedVariant === "context-menu";
+  const createCardCount = showCreateNew === false ? 0 : 1;
+  const cardElementsRef = useRef10(/* @__PURE__ */ new Map());
+  const cardRefCallbacksRef = useRef10(
+    /* @__PURE__ */ new Map()
+  );
+  const popupRootRef = useRef10(null);
+  const minimizedStackViewportRef = useRef10(null);
+  const [pointer, setPointer] = useState9(null);
+  const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState9(0);
+  const [verticalClampOffsetPx, setVerticalClampOffsetPx] = useState9(0);
+  const { previewStateFor } = useWorkbenchHostDockPopupPreviewCapture({
+    capturePreview,
+    debugDiagnostics,
+    dockPreviewCache,
+    isContextMenu,
+    items,
+    resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2
+  });
+  const columnCount = isContextMenu ? 1 : Math.min(Math.max(items.length + createCardCount, 1), 3);
+  const popupWidthPx = isContextMenu ? 268 : columnCount * dockPopupCardWidthPx + Math.max(0, columnCount - 1) * dockPopupGridGapPx + dockPopupPanelPaddingInlinePx * 2 + dockPopupPanelBorderInlinePx;
+  const popupCenterY = anchorRect.top + anchorRect.height / 2;
+  const isLeftMinimizedStack = placement === "left" && isMinimizedStack;
+  const minimizedStackTrackHeightPx = resolveMinimizedStackTrackHeightPx(
+    items.length
+  );
+  const minimizedStackViewportHeightPx = isMinimizedStack ? resolveMinimizedStackViewportHeightPx({
+    anchorCenterY: popupCenterY,
+    placement,
+    trackHeightPx: minimizedStackTrackHeightPx
+  }) : minimizedStackTrackHeightPx;
+  const minimizedStackTrackTranslateXPx = isMinimizedStack ? resolveMinimizedStackTrackTranslateXPx({
+    itemCount: items.length,
+    placement,
+    scrollOffset: minimizedStackScrollOffset,
+    trackHeightPx: minimizedStackTrackHeightPx,
+    viewportHeightPx: minimizedStackViewportHeightPx
+  }) : 0;
+  const minimizedStackLeftGutterPx = isLeftMinimizedStack ? resolveMinimizedStackLeftGutterPx({
+    itemCount: items.length,
+    placement,
+    scrollOffset: minimizedStackScrollOffset,
+    trackHeightPx: minimizedStackTrackHeightPx,
+    viewportHeightPx: minimizedStackViewportHeightPx,
+    trackTranslateXPx: minimizedStackTrackTranslateXPx
+  }) : 0;
+  const minimizedStackPanelWidthPx = isLeftMinimizedStack ? resolveMinimizedStackPanelWidthPx(items.length, placement, {
+    leftGutterPx: minimizedStackLeftGutterPx
+  }) : null;
+  const popupStyle = {
+    "--desktop-dock-popup-columns": String(columnCount),
+    "--desktop-dock-popup-width": minimizedStackPanelWidthPx != null ? `${minimizedStackPanelWidthPx}px` : `${popupWidthPx}px`,
+    ...minimizedStackPanelWidthPx != null ? {
+      "--desktop-dock-minimized-stack-width": `${minimizedStackPanelWidthPx}px`,
+      minWidth: minimizedStackPanelWidthPx,
+      width: minimizedStackPanelWidthPx
+    } : {},
+    left: isLeftMinimizedStack ? resolveMinimizedStackPopupLeftPx({
+      anchorLeft: anchorRect.left,
+      anchorWidth: anchorRect.width,
+      dockRightPx: anchorRect.dockRight,
+      leftGutterPx: minimizedStackLeftGutterPx
+    }) : placement === "left" ? anchorRect.left + anchorRect.width + dockPopupPlacementGapPx : anchorRect.left + anchorRect.width / 2,
+    top: isLeftMinimizedStack ? resolveMinimizedStackPopupTopPx({ anchorTop: anchorRect.top }) : placement === "left" ? popupCenterY : anchorRect.top - dockPopupPlacementGapPx,
+    ...isLeftMinimizedStack ? { zIndex: dockPopupMinimizedStackPopupZIndex } : {},
+    ...isMinimizedStack ? {} : { "--desktop-dock-popup-clamp-offset": `${verticalClampOffsetPx}px` }
+  };
+  const minimizedStackMaxScrollOffset = Math.max(
+    0,
+    minimizedStackTrackHeightPx - minimizedStackViewportHeightPx
+  );
+  const initialMinimizedStackScrollOffset = resolveInitialMinimizedStackScrollOffset({
+    maxScrollOffset: minimizedStackMaxScrollOffset
+  });
+  const panelStyle = {
+    "--desktop-dock-popup-columns": String(columnCount),
+    "--desktop-dock-popup-item-count": String(Math.max(1, items.length)),
+    ...isMinimizedStack ? {
+      height: minimizedStackViewportHeightPx,
+      minHeight: minimizedStackViewportHeightPx,
+      ...isLeftMinimizedStack && minimizedStackPanelWidthPx != null ? {
+        width: minimizedStackPanelWidthPx,
+        minWidth: minimizedStackPanelWidthPx,
+        "--desktop-dock-minimized-stack-left-gutter": `${minimizedStackLeftGutterPx}px`
+      } : {}
+    } : {}
+  };
+  const popupDiagnosticKey = items.map((item) => item.node.id).join("|");
+  useEffect11(() => {
+    logWorkbenchDockPopupDebug("dock.popup.rendered", debugDiagnostics, {
+      hasCapturePreview: Boolean(capturePreview),
+      itemCount: popupDiagnosticKey ? popupDiagnosticKey.split("|").length : 0,
+      nodeIds: popupDiagnosticKey ? popupDiagnosticKey.split("|") : [],
+      placement,
+      variant: resolvedVariant
+    });
+  }, [
+    capturePreview,
+    debugDiagnostics,
+    placement,
+    popupDiagnosticKey,
+    resolvedVariant
+  ]);
+  useLayoutEffect7(() => {
+    const rootElement = popupRootRef.current;
+    const panelElement = rootElement?.querySelector(
+      "[data-desktop-dock-popup-panel]"
+    ) ?? null;
+    logWorkbenchDockPopupDebug("dock.popup.layout", debugDiagnostics, {
+      panelRect: panelElement ? rectToDiagnostic(panelElement) : null,
+      rootRect: rootElement ? rectToDiagnostic(rootElement) : null,
+      rootStyle: rootElement ? styleToDiagnostic(rootElement) : null,
+      viewportHeight: window.innerHeight,
+      viewportWidth: window.innerWidth
+    });
+  }, [debugDiagnostics, popupDiagnosticKey]);
+  useLayoutEffect7(() => {
+    if (isMinimizedStack || typeof window === "undefined") {
+      return;
+    }
+    const rootElement = popupRootRef.current;
+    const panelElement = rootElement?.querySelector(
+      "[data-desktop-dock-popup-panel]"
+    );
+    if (!panelElement) {
+      return;
+    }
+    const measureAndClamp = () => {
+      const panelHeightPx = panelElement.offsetHeight;
+      const naturalTopPx = placement === "left" ? popupCenterY - panelHeightPx / 2 : anchorRect.top - dockPopupPlacementGapPx - panelHeightPx;
+      const naturalBottomPx = placement === "left" ? popupCenterY + panelHeightPx / 2 : anchorRect.top - dockPopupPlacementGapPx;
+      const offsetPx = resolveDockPopupVerticalClampOffsetPx({
+        naturalBottomPx,
+        naturalTopPx,
+        viewportHeightPx: window.innerHeight
+      });
+      setVerticalClampOffsetPx(
+        (current) => current === offsetPx ? current : offsetPx
+      );
+    };
+    measureAndClamp();
+    const resizeObserver = new ResizeObserver(measureAndClamp);
+    resizeObserver.observe(panelElement);
+    window.addEventListener("resize", measureAndClamp);
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", measureAndClamp);
+    };
+  }, [
+    anchorRect.top,
+    isMinimizedStack,
+    placement,
+    popupCenterY,
+    popupDiagnosticKey
+  ]);
+  const registerCard = useCallback12((nodeId) => {
+    const existing = cardRefCallbacksRef.current.get(nodeId);
+    if (existing) {
+      return existing;
+    }
+    const callback = (element) => {
+      if (element) {
+        cardElementsRef.current.set(nodeId, element);
+      } else {
+        cardElementsRef.current.delete(nodeId);
+      }
+    };
+    cardRefCallbacksRef.current.set(nodeId, callback);
+    return callback;
+  }, []);
+  useEffect11(() => {
+    if (!isLeftMinimizedStack) {
+      return;
+    }
+    document.body.setAttribute(
+      "data-desktop-dock-minimized-stack-open",
+      "true"
+    );
+    return () => {
+      document.body.removeAttribute("data-desktop-dock-minimized-stack-open");
+    };
+  }, [isLeftMinimizedStack]);
+  useEffect11(() => {
+    const handlePointerDown = (event) => {
+      if (!(event.target instanceof Element)) {
+        onClose();
+        return;
+      }
+      if (event.target.closest("[data-desktop-dock-slot]") || event.target.closest("[data-desktop-dock-popup-card]") || event.target.closest(
+        '.desktop-dock-popup-root:not([data-popup-variant="minimized-stack"])'
+      )) {
+        return;
+      }
+      onClose();
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    window.addEventListener("pointerdown", handlePointerDown, true);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => {
+      window.removeEventListener("pointerdown", handlePointerDown, true);
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [onClose]);
+  useEffect11(() => {
+    if (!isMinimizedStack) {
+      return;
+    }
+    setMinimizedStackScrollOffset(initialMinimizedStackScrollOffset);
+  }, [initialMinimizedStackScrollOffset, isMinimizedStack, items.length]);
+  useEffect11(() => {
+    if (!isMinimizedStack) {
+      return;
+    }
+    const viewport = minimizedStackViewportRef.current;
+    if (!viewport) {
+      return;
+    }
+    const handleWheel = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      setMinimizedStackScrollOffset(
+        (current) => Math.min(
+          minimizedStackMaxScrollOffset,
+          Math.max(0, current + event.deltaY)
+        )
+      );
+    };
+    viewport.addEventListener("wheel", handleWheel, { passive: false });
+    return () => viewport.removeEventListener("wheel", handleWheel);
+  }, [isMinimizedStack, minimizedStackMaxScrollOffset]);
+  const content = /* @__PURE__ */ jsx12(
+    "div",
+    {
+      ref: popupRootRef,
+      className: "desktop-dock-popup-root",
+      "data-dock-placement": placement,
+      "data-desktop-dock-popup-root": "true",
+      "data-popup-variant": resolvedVariant,
+      style: popupStyle,
+      children: /* @__PURE__ */ jsx12(
+        "div",
+        {
+          "aria-label": label,
+          className: cn2(
+            "desktop-dock-popup relative origin-bottom rounded-lg border border-[var(--border-1)] bg-background-fronted text-[var(--text-primary)] shadow-panel motion-safe:animate-in motion-safe:fade-in-0 motion-safe:zoom-in-95 motion-safe:slide-in-from-bottom-2 motion-safe:duration-[175ms] motion-safe:ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:animate-none",
+            isContextMenu ? "p-1" : "p-3",
+            isLeftMinimizedStack ? "w-full min-w-0 max-w-none" : "w-[min(var(--desktop-dock-popup-width,366px),calc(100vw-32px))]"
+          ),
+          "data-desktop-dock-popup-panel": "true",
+          "data-popup-variant": resolvedVariant,
+          onPointerDown: (event) => event.stopPropagation(),
+          onPointerMove: isMinimizedStack ? (event) => setPointer({ x: event.clientX, y: event.clientY }) : void 0,
+          onPointerLeave: isMinimizedStack ? () => setPointer(null) : void 0,
+          role: "dialog",
+          style: panelStyle,
+          children: isContextMenu ? /* @__PURE__ */ jsx12(
+            WorkbenchHostDockContextMenu,
+            {
+              canCreateNew: resolvedShowCreateNewInContextMenu !== false,
+              canEnterFullscreen: canEnterFullscreen === true,
+              canShowAllWindows: canShowAllWindows === true,
+              dockRetention,
+              fullscreenLabel,
+              hideLabel,
+              items,
+              newWindowLabel,
+              onCreateNew,
+              onEnterFullscreen,
+              onHide,
+              onQuit,
+              onRunDockRetentionAction,
+              onSelectNode,
+              onShowAllWindows,
+              quitLabel,
+              showAllWindowsLabel,
+              showOpen: showOpen === true
+            }
+          ) : /* @__PURE__ */ jsxs9(Fragment5, { children: [
+            /* @__PURE__ */ jsx12("div", { className: "mb-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate text-sm font-semibold", children: label }) }),
+            isMinimizedStack ? /* @__PURE__ */ jsx12(
+              "div",
+              {
+                ref: minimizedStackViewportRef,
+                className: "desktop-dock-popup__minimized-stack-viewport",
+                style: {
+                  height: minimizedStackViewportHeightPx,
+                  ...isLeftMinimizedStack ? { paddingLeft: minimizedStackLeftGutterPx } : {}
+                },
+                children: /* @__PURE__ */ jsx12(
+                  "div",
+                  {
+                    className: "desktop-dock-popup__minimized-stack-track",
+                    style: {
+                      minHeight: minimizedStackTrackHeightPx,
+                      transform: `translate(${minimizedStackTrackTranslateXPx}px, ${-minimizedStackScrollOffset}px)`
+                    },
+                    children: items.map((item, index) => {
+                      const previewState = previewStateFor(item);
+                      return /* @__PURE__ */ jsx12(
+                        WorkbenchHostDockPopupCard,
+                        {
+                          ref: registerCard(item.node.id),
+                          closeWindowLabel,
+                          item,
+                          labelMode: resolvedLabelMode,
+                          onCloseNode,
+                          onSelectNode,
+                          previewState,
+                          style: {
+                            ...resolvePopupFanCardStyle(
+                              index,
+                              items.length,
+                              placement
+                            ),
+                            ...resolvePopupCardMagnificationStyle(
+                              pointer,
+                              cardElementsRef.current.get(item.node.id) ?? null
+                            )
+                          },
+                          variant: resolvedVariant
+                        },
+                        item.node.id
+                      );
+                    })
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsxs9("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 previewState = previewStateFor(item);
+                return /* @__PURE__ */ jsx12(
+                  WorkbenchHostDockPopupCard,
+                  {
+                    ref: registerCard(item.node.id),
+                    closeWindowLabel,
+                    item,
+                    labelMode: resolvedLabelMode,
+                    onCloseNode,
+                    onSelectNode,
+                    previewState,
+                    variant: resolvedVariant
+                  },
+                  item.node.id
+                );
+              }),
+              showCreateNew !== false ? /* @__PURE__ */ jsxs9(
+                "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__ */ jsx12(
+                      FileCreateIcon2,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-[var(--text-primary)]",
+                        size: 28
+                      }
+                    ),
+                    /* @__PURE__ */ jsx12("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
+                  ]
+                }
+              ) : null
+            ] })
+          ] })
+        }
+      )
+    }
+  );
+  if (typeof document === "undefined" || !document.body) {
+    return content;
   }
-  void Promise.resolve(
-    debugDiagnostics.log({
-      details,
-      event,
-      level: "info",
-      source: "workbench-dock"
-    })
-  ).catch(() => void 0);
+  return createPortal3(content, document.body);
 }
 function rectToDiagnostic(element) {
   const rect = element.getBoundingClientRect();
@@ -11231,183 +11734,9 @@ function styleToDiagnostic(element) {
     zIndex: style.zIndex
   };
 }
-var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2({
-  closeWindowLabel,
-  item,
-  labelMode,
-  onCloseNode,
-  onSelectNode,
-  previewState,
-  style,
-  variant
-}, ref) {
-  const title = item.title?.trim() || item.node.title;
-  const isMinimizedStack = variant === "minimized-stack";
-  const [isLaunching, setIsLaunching] = useState7(false);
-  const launchTimerRef = useRef8(null);
-  useEffect9(
-    () => () => {
-      if (launchTimerRef.current !== null) {
-        clearTimeout(launchTimerRef.current);
-      }
-    },
-    []
-  );
-  const handleSelect = useCallback11(() => {
-    if (!isMinimizedStack) {
-      onSelectNode(item.node.id);
-      return;
-    }
-    if (launchTimerRef.current !== null) {
-      return;
-    }
-    setIsLaunching(true);
-    launchTimerRef.current = setTimeout(() => {
-      launchTimerRef.current = null;
-      onSelectNode(item.node.id);
-    }, dockPopupMinimizedStackLaunchDisappearMs);
-  }, [isMinimizedStack, item.node.id, onSelectNode]);
-  const handleSelectKeyDown = useCallback11(
-    (event) => {
-      if (event.key !== "Enter" && event.key !== " ") {
-        return;
-      }
-      event.preventDefault();
-      handleSelect();
-    },
-    [handleSelect]
-  );
-  const hasReadyPreview = previewState.status === "ready";
-  return /* @__PURE__ */ jsxs8(
-    "div",
-    {
-      ref,
-      className: cn(
-        "group/dock-popup-card relative flex h-[103px] w-[165px] min-w-0 flex-col overflow-hidden rounded-[8px] border border-[var(--border-1)] bg-background-fronted text-left text-[var(--text-primary)] transition-[border-color,color] duration-150",
-        item.isMinimized && "text-[var(--text-secondary)]"
-      ),
-      "data-active": item.isFocused ? "true" : void 0,
-      "data-desktop-dock-popup-card": "true",
-      "data-fan-card": isMinimizedStack ? "true" : void 0,
-      "data-launching": isLaunching ? "true" : void 0,
-      "data-minimized": item.isMinimized ? "true" : void 0,
-      style,
-      children: [
-        /* @__PURE__ */ jsxs8(
-          "div",
-          {
-            "aria-label": title,
-            "data-active": item.isFocused ? "true" : void 0,
-            className: cn(
-              "relative flex min-h-0 min-w-0 flex-1 cursor-pointer flex-col overflow-hidden rounded-md bg-transparent text-inherit",
-              hasReadyPreview ? "p-0" : "p-1"
-            ),
-            role: "button",
-            tabIndex: 0,
-            onClick: handleSelect,
-            onKeyDown: handleSelectKeyDown,
-            children: [
-              /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardPreview, { previewState }),
-              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx11(
-          Button2,
-          {
-            "aria-label": closeWindowLabel(title),
-            className: "absolute top-1.5 right-1.5 z-[2] rounded-full bg-[var(--background-fronted)] opacity-0 transition-[background-color,opacity] duration-150 hover:bg-[var(--background-fronted)] focus-visible:bg-[var(--background-fronted)] group-hover/dock-popup-card:opacity-100 group-focus-within/dock-popup-card:opacity-100 focus-visible:opacity-100",
-            size: "icon-sm",
-            title: closeWindowLabel(title),
-            type: "button",
-            variant: "ghost",
-            onClick: (event) => {
-              event.preventDefault();
-              event.stopPropagation();
-              onCloseNode(item.node.id);
-            },
-            children: /* @__PURE__ */ jsx11(CloseIcon, { className: "size-3.5" })
-          }
-        ),
-        item.isFocused ? /* @__PURE__ */ jsx11(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "pointer-events-none absolute inset-0 z-[3] rounded-md shadow-[inset_0_0_0_2px_var(--border-focus)]",
-            "data-desktop-dock-popup-card-active-overlay": "true"
-          }
-        ) : null,
-        isMinimizedStack ? /* @__PURE__ */ jsx11("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
-      ]
-    }
-  );
-});
-function WorkbenchHostDockPopupCardPreview({
-  previewState
-}) {
-  if (previewState.status !== "ready") {
-    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__ */ 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__ */ 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: preview.element
-      }
-    );
-  }
-  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__ */ jsx11(
-        "img",
-        {
-          alt: "",
-          className: "block h-full max-h-full w-full max-w-full object-contain object-center",
-          draggable: false,
-          src: preview.src
-        }
-      )
-    }
-  );
-}
-function WorkbenchHostDockPopupCardLabel({ title }) {
-  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",
-      style: {
-        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__ */ 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 jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var minimizedDockPreviewViewport = {
   height: 34.2,
   width: 46.8
@@ -11452,73 +11781,73 @@ function WorkbenchHostDock({
   onMissionControlRequestOpen,
   workspaceId
 }) {
-  const minimizedNodeIDs = useMemo9(
+  const minimizedNodeIDs = useMemo10(
     () => new Set(context.minimizedNodes.map((node) => node.id)),
     [context.minimizedNodes]
   );
-  const dockPlateRef = useRef9(null);
-  const dockMeasureRef = useRef9(null);
-  const dockItemsRef = useRef9(null);
-  const hoverPanelRef = useRef9(null);
-  const hoverPanelCloseTimerRef = useRef9(
+  const dockPlateRef = useRef11(null);
+  const dockMeasureRef = useRef11(null);
+  const dockItemsRef = useRef11(null);
+  const hoverPanelRef = useRef11(null);
+  const hoverPanelCloseTimerRef = useRef11(
     null
   );
-  const hoverPanelOpenTimerRef = useRef9(
+  const hoverPanelOpenTimerRef = useRef11(
     null
   );
-  const labelTooltipOpenTimerRef = useRef9(
+  const labelTooltipOpenTimerRef = useRef11(
     null
   );
-  const hoverPanelScheduledPointRef = useRef9(null);
-  const labelTooltipScheduledPointRef = useRef9(null);
-  const hoverPanelRestTargetRef = useRef9(null);
-  const activeHoverPanelRef = useRef9(
+  const hoverPanelScheduledPointRef = useRef11(null);
+  const labelTooltipScheduledPointRef = useRef11(null);
+  const hoverPanelRestTargetRef = useRef11(null);
+  const activeHoverPanelRef = useRef11(
     null
   );
-  const activeLabelTooltipRef = useRef9(null);
-  const pendingDockStateRefreshRef = useRef9(false);
-  const slotRefs = useRef9(/* @__PURE__ */ new Map());
-  const wallpaperToneElementRefs = useRef9(/* @__PURE__ */ new Map());
-  const dockSlotRefCallbacksRef = useRef9(
+  const activeLabelTooltipRef = useRef11(null);
+  const pendingDockStateRefreshRef = useRef11(false);
+  const slotRefs = useRef11(/* @__PURE__ */ new Map());
+  const wallpaperToneElementRefs = useRef11(/* @__PURE__ */ new Map());
+  const dockSlotRefCallbacksRef = useRef11(
     /* @__PURE__ */ new Map()
   );
-  const previousAttentionTokenByEntryId = useRef9(/* @__PURE__ */ new Map());
-  const dockEntryClickThrottleUntilRef = useRef9(/* @__PURE__ */ new Map());
-  const attentionTimeouts = useRef9(
+  const previousAttentionTokenByEntryId = useRef11(/* @__PURE__ */ new Map());
+  const dockEntryClickThrottleUntilRef = useRef11(/* @__PURE__ */ new Map());
+  const attentionTimeouts = useRef11(
     /* @__PURE__ */ new Map()
   );
-  const [activeAttentionEntryIds, setActiveAttentionEntryIds] = useState8(/* @__PURE__ */ new Set());
-  const [activePopup, setActivePopup] = useState8(null);
-  const [activeHoverPanel, setActiveHoverPanel] = useState8(null);
-  const [activeLabelTooltip, setActiveLabelTooltip] = useState8(null);
-  const [activeMinimizedStackPopup, setActiveMinimizedStackPopup] = useState8(null);
-  const [pendingActionKeys, setPendingActionKeys] = useState8(
+  const [activeAttentionEntryIds, setActiveAttentionEntryIds] = useState10(/* @__PURE__ */ new Set());
+  const [activePopup, setActivePopup] = useState10(null);
+  const [activeHoverPanel, setActiveHoverPanel] = useState10(null);
+  const [activeLabelTooltip, setActiveLabelTooltip] = useState10(null);
+  const [activeMinimizedStackPopup, setActiveMinimizedStackPopup] = useState10(null);
+  const [pendingActionKeys, setPendingActionKeys] = useState10(
     () => /* @__PURE__ */ new Set()
   );
-  const [dockFrameSize, setDockFrameSize] = useState8(null);
+  const [dockFrameSize, setDockFrameSize] = useState10(null);
   const { triggerDockBounce } = useDockBounce(slotRefs);
-  const [dockScrollState, setDockScrollState] = useState8(() => ({
+  const [dockScrollState, setDockScrollState] = useState10(() => ({
     canScrollBackward: false,
     canScrollForward: false,
     hasOverflow: false
   }));
-  const [dockStateRevision, setDockStateRevision] = useState8(0);
-  const [externalStateRevision, setExternalStateRevision] = useState8(0);
+  const [dockStateRevision, setDockStateRevision] = useState10(0);
+  const [externalStateRevision, setExternalStateRevision] = useState10(0);
   const [
     collapsingMinimizedLaunchAnchorKeys,
     setCollapsingMinimizedLaunchAnchorKeys
-  ] = useState8(() => /* @__PURE__ */ new Set());
-  const collapsingMinimizedLaunchTimerRef = useRef9(
+  ] = useState10(() => /* @__PURE__ */ new Set());
+  const collapsingMinimizedLaunchTimerRef = useRef11(
     /* @__PURE__ */ new Map()
   );
-  const clearHoverPanelCloseTimer = useCallback12(() => {
+  const clearHoverPanelCloseTimer = useCallback13(() => {
     if (hoverPanelCloseTimerRef.current === null) {
       return;
     }
     clearTimeout(hoverPanelCloseTimerRef.current);
     hoverPanelCloseTimerRef.current = null;
   }, []);
-  const clearHoverPanelOpenTimer = useCallback12(() => {
+  const clearHoverPanelOpenTimer = useCallback13(() => {
     if (hoverPanelOpenTimerRef.current === null) {
       return;
     }
@@ -11526,7 +11855,7 @@ function WorkbenchHostDock({
     hoverPanelOpenTimerRef.current = null;
     hoverPanelScheduledPointRef.current = null;
   }, []);
-  const clearLabelTooltipOpenTimer = useCallback12(() => {
+  const clearLabelTooltipOpenTimer = useCallback13(() => {
     if (labelTooltipOpenTimerRef.current === null) {
       return;
     }
@@ -11534,7 +11863,7 @@ function WorkbenchHostDock({
     labelTooltipOpenTimerRef.current = null;
     labelTooltipScheduledPointRef.current = null;
   }, []);
-  useEffect10(
+  useEffect12(
     () => () => {
       clearHoverPanelCloseTimer();
       clearHoverPanelOpenTimer();
@@ -11550,7 +11879,7 @@ function WorkbenchHostDock({
       clearLabelTooltipOpenTimer
     ]
   );
-  const clearCollapsingMinimizedLaunch = useCallback12((anchorKey) => {
+  const clearCollapsingMinimizedLaunch = useCallback13((anchorKey) => {
     const timer = collapsingMinimizedLaunchTimerRef.current.get(anchorKey);
     if (timer) {
       clearTimeout(timer);
@@ -11569,7 +11898,7 @@ function WorkbenchHostDock({
       return next;
     });
   }, []);
-  const scheduleCollapsingMinimizedLaunchClear = useCallback12(
+  const scheduleCollapsingMinimizedLaunchClear = useCallback13(
     (anchorKey) => {
       const existing = collapsingMinimizedLaunchTimerRef.current.get(anchorKey);
       if (existing) {
@@ -11584,7 +11913,7 @@ function WorkbenchHostDock({
     },
     [clearCollapsingMinimizedLaunch]
   );
-  useLayoutEffect7(() => {
+  useLayoutEffect8(() => {
     const element = dockMeasureRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -11621,14 +11950,14 @@ function WorkbenchHostDock({
       window.removeEventListener("resize", scheduleUpdate);
     };
   }, [dockPlacement]);
-  const flushPendingDockStateRefresh = useCallback12(() => {
+  const flushPendingDockStateRefresh = useCallback13(() => {
     if (!pendingDockStateRefreshRef.current) {
       return;
     }
     pendingDockStateRefreshRef.current = false;
     setDockStateRevision((revision) => revision + 1);
   }, []);
-  useEffect10(() => {
+  useEffect12(() => {
     if (!dockStateSource) {
       return void 0;
     }
@@ -11640,14 +11969,14 @@ function WorkbenchHostDock({
       setDockStateRevision((revision) => revision + 1);
     });
   }, [dockStateSource]);
-  const renderedDockEntries = useMemo9(
+  const renderedDockEntries = useMemo10(
     () => dockEntries.map((entry) => {
       const dynamicState = dockStateSource?.getEntryState(entry.id);
       return dynamicState ? { ...entry, ...dynamicState } : entry;
     }),
     [dockEntries, dockStateRevision, dockStateSource]
   );
-  const resolvedEntries = useMemo9(
+  const resolvedEntries = useMemo10(
     () => resolveWorkbenchDockEntries({
       dockEntries: renderedDockEntries,
       minimizedNodeIds: minimizedNodeIDs,
@@ -11655,7 +11984,7 @@ function WorkbenchHostDock({
     }),
     [context.nodes, minimizedNodeIDs, renderedDockEntries]
   );
-  const minimizedDockSlots = useMemo9(
+  const minimizedDockSlots = useMemo10(
     () => resolveWorkbenchMinimizedDockSlots({
       nodeDefinitions,
       nodes: context.minimizedNodes
@@ -11663,7 +11992,7 @@ function WorkbenchHostDock({
     [context.minimizedNodes, nodeDefinitions]
   );
   const { promotedNodeId, stackDispatching } = useMinimizedDockStackPromotion(minimizedDockSlots);
-  const dockItems = useMemo9(
+  const dockItems = useMemo10(
     () => createWorkbenchHostDockItems({
       minimizedDockSlots,
       resolvedEntries
@@ -11674,7 +12003,7 @@ function WorkbenchHostDock({
     dockItems,
     (nodeId) => context.genie.shouldAnimateMinimizedDockEnter(nodeId)
   );
-  const presentDockItemKeys = useMemo9(
+  const presentDockItemKeys = useMemo10(
     () => presentDockItems.map((item) => item.key).join("\n"),
     [presentDockItems]
   );
@@ -11683,7 +12012,7 @@ function WorkbenchHostDock({
     elementRefs: wallpaperToneElementRefs,
     itemKeys: presentDockItemKeys
   });
-  const dockWidth = useMemo9(
+  const dockWidth = useMemo10(
     () => resolveWorkbenchHostDockItemsWidth(dockItems),
     [dockItems]
   );
@@ -11700,10 +12029,10 @@ function WorkbenchHostDock({
     dockViewportRef: dockItemsRef,
     slotRefs
   });
-  const clearSlotMagnificationRef = useRef9(() => {
+  const clearSlotMagnificationRef = useRef11(() => {
     return;
   });
-  const registerDockAnchorRef = useRef9(
+  const registerDockAnchorRef = useRef11(
     (anchorKey, element) => {
       context.genie.registerDockAnchor(anchorKey, element);
     }
@@ -11714,7 +12043,7 @@ function WorkbenchHostDock({
   registerDockAnchorRef.current = (anchorKey, element) => {
     context.genie.registerDockAnchor(anchorKey, element);
   };
-  const registerWallpaperToneElement = useCallback12(
+  const registerWallpaperToneElement = useCallback13(
     (key) => (element) => {
       if (element) {
         wallpaperToneElementRefs.current.set(key, element);
@@ -11724,7 +12053,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const setDockHoverPanelOpen = useCallback12((open) => {
+  const setDockHoverPanelOpen = useCallback13((open) => {
     if (open) {
       dockMeasureRef.current?.setAttribute(
         "data-dock-hover-panel-open",
@@ -11734,13 +12063,13 @@ function WorkbenchHostDock({
     }
     dockMeasureRef.current?.removeAttribute("data-dock-hover-panel-open");
   }, []);
-  useEffect10(() => {
+  useEffect12(() => {
     activeHoverPanelRef.current = activeHoverPanel;
   }, [activeHoverPanel]);
-  useEffect10(() => {
+  useEffect12(() => {
     activeLabelTooltipRef.current = activeLabelTooltip;
   }, [activeLabelTooltip]);
-  const closeLabelTooltipImmediate = useCallback12(
+  const closeLabelTooltipImmediate = useCallback13(
     (targetKey) => {
       clearLabelTooltipOpenTimer();
       if (targetKey !== void 0 && activeLabelTooltipRef.current?.key !== targetKey) {
@@ -11754,7 +12083,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer]
   );
-  const closeHoverPanelImmediate = useCallback12(
+  const closeHoverPanelImmediate = useCallback13(
     (entryId) => {
       clearHoverPanelOpenTimer();
       clearHoverPanelCloseTimer();
@@ -11777,7 +12106,7 @@ function WorkbenchHostDock({
       setDockHoverPanelOpen
     ]
   );
-  const scheduleHoverPanelClose = useCallback12(
+  const scheduleHoverPanelClose = useCallback13(
     (entryId) => {
       clearHoverPanelOpenTimer();
       clearHoverPanelCloseTimer();
@@ -11794,7 +12123,7 @@ function WorkbenchHostDock({
       handleDockPointerLeave
     ]
   );
-  const showHoverPanel = useCallback12(
+  const showHoverPanel = useCallback13(
     (entryId, anchorKey, anchorElement) => {
       const dockElement = dockMeasureRef.current;
       if (!dockElement) {
@@ -11820,7 +12149,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelCloseTimer, pauseDockMagnification, setDockHoverPanelOpen]
   );
-  const scheduleHoverPanelAfterRest = useCallback12(
+  const scheduleHoverPanelAfterRest = useCallback13(
     (entryId, anchorKey) => {
       hoverPanelRestTargetRef.current = { anchorKey, entryId };
       clearHoverPanelOpenTimer();
@@ -11841,7 +12170,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelOpenTimer, showHoverPanel]
   );
-  const showLabelTooltip = useCallback12(
+  const showLabelTooltip = useCallback13(
     (target, anchorKey, anchorElement) => {
       const dockElement = dockMeasureRef.current;
       if (!dockElement) {
@@ -11866,7 +12195,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer]
   );
-  const scheduleLabelTooltipAfterRest = useCallback12(
+  const scheduleLabelTooltipAfterRest = useCallback13(
     (target, anchorKey) => {
       clearLabelTooltipOpenTimer();
       labelTooltipScheduledPointRef.current = null;
@@ -11882,7 +12211,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer, showLabelTooltip]
   );
-  const resolveHoverPanelTargetAtPoint = useCallback12(
+  const resolveHoverPanelTargetAtPoint = useCallback13(
     (clientX, clientY) => {
       for (const [anchorKey, slotElement] of slotRefs.current) {
         const entryId = slotElement.dataset.dockHoverPanelEntryId;
@@ -11898,7 +12227,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const resolveLabelTooltipTargetAtPoint = useCallback12(
+  const resolveLabelTooltipTargetAtPoint = useCallback13(
     (clientX, clientY) => {
       for (const [anchorKey, slotElement] of slotRefs.current) {
         if (slotElement.dataset.dockHoverPanelEntryId) {
@@ -11925,7 +12254,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const isPointerInsideActiveHoverPanelRegion = useCallback12(
+  const isPointerInsideActiveHoverPanelRegion = useCallback13(
     (clientX, clientY) => {
       const activeHoverPanel2 = activeHoverPanelRef.current;
       if (!activeHoverPanel2) {
@@ -11957,7 +12286,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const scheduleHoverPanelAtPointAfterRest = useCallback12(
+  const scheduleHoverPanelAtPointAfterRest = useCallback13(
     (clientX, clientY) => {
       const scheduledPoint = hoverPanelScheduledPointRef.current;
       if (hoverPanelOpenTimerRef.current !== null && scheduledPoint && Math.abs(clientX - scheduledPoint.clientX) <= dockHoverPanelPointerRestTolerancePx && Math.abs(clientY - scheduledPoint.clientY) <= dockHoverPanelPointerRestTolerancePx) {
@@ -11985,7 +12314,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelOpenTimer, resolveHoverPanelTargetAtPoint, showHoverPanel]
   );
-  const scheduleLabelTooltipAtPointAfterRest = useCallback12(
+  const scheduleLabelTooltipAtPointAfterRest = useCallback13(
     (clientX, clientY) => {
       if (activeLabelTooltipRef.current !== null) {
         return;
@@ -12015,7 +12344,7 @@ function WorkbenchHostDock({
       showLabelTooltip
     ]
   );
-  const beginDockIconInteraction = useCallback12(
+  const beginDockIconInteraction = useCallback13(
     (anchorKey) => {
       hoverPanelRestTargetRef.current = null;
       clearHoverPanelOpenTimer();
@@ -12030,20 +12359,20 @@ function WorkbenchHostDock({
       triggerDockBounce
     ]
   );
-  const isDockEntryClickThrottled = useCallback12(
+  const isDockEntryClickThrottled = useCallback13(
     (anchorKey) => {
       const throttledUntil = dockEntryClickThrottleUntilRef.current.get(anchorKey);
       return throttledUntil !== void 0 && Date.now() < throttledUntil;
     },
     []
   );
-  const claimDockEntryClick = useCallback12((anchorKey) => {
+  const claimDockEntryClick = useCallback13((anchorKey) => {
     dockEntryClickThrottleUntilRef.current.set(
       anchorKey,
       Date.now() + DOCK_ENTRY_CLICK_THROTTLE_MS
     );
   }, []);
-  const beginDockMinimizedInteraction = useCallback12(
+  const beginDockMinimizedInteraction = useCallback13(
     (anchorKey) => {
       hoverPanelRestTargetRef.current = null;
       clearHoverPanelOpenTimer();
@@ -12083,7 +12412,7 @@ function WorkbenchHostDock({
       pauseDockMagnification
     ]
   );
-  const runDockMinimizedLaunchAfterCollapse = useCallback12(
+  const runDockMinimizedLaunchAfterCollapse = useCallback13(
     (intent, launch) => {
       const { anchorKey } = intent;
       beginDockMinimizedInteraction(anchorKey);
@@ -12097,14 +12426,14 @@ function WorkbenchHostDock({
     },
     [beginDockMinimizedInteraction, scheduleCollapsingMinimizedLaunchClear]
   );
-  const runDockMinimizedStackLaunch = useCallback12(
+  const runDockMinimizedStackLaunch = useCallback13(
     (intent, launch) => {
       beginDockMinimizedInteraction();
       launch(intent);
     },
     [beginDockMinimizedInteraction]
   );
-  const handleDockPointerTravel = useCallback12(
+  const handleDockPointerTravel = useCallback13(
     (clientX, clientY) => {
       if (activeHoverPanelRef.current !== null) {
         closeLabelTooltipImmediate();
@@ -12139,7 +12468,7 @@ function WorkbenchHostDock({
       scheduleLabelTooltipAtPointAfterRest
     ]
   );
-  const updateDockScrollState = useCallback12(() => {
+  const updateDockScrollState = useCallback13(() => {
     const scrollElement = dockItemsRef.current;
     const viewportElement = dockMeasureRef.current;
     if (!scrollElement || !viewportElement) {
@@ -12166,7 +12495,7 @@ function WorkbenchHostDock({
       (current) => current.canScrollBackward === nextState.canScrollBackward && current.canScrollForward === nextState.canScrollForward && current.hasOverflow === nextState.hasOverflow ? current : nextState
     );
   }, [dockPlacement, dockWidth]);
-  useLayoutEffect7(() => {
+  useLayoutEffect8(() => {
     const element = dockItemsRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -12209,7 +12538,7 @@ function WorkbenchHostDock({
       })()
     )
   );
-  useEffect10(() => {
+  useEffect12(() => {
     const shouldSubscribe = activePopup !== null || hasMinimizedPreviewCapture;
     if (!shouldSubscribe || !externalStateSource?.subscribeNodeState) {
       return void 0;
@@ -12234,7 +12563,7 @@ function WorkbenchHostDock({
     hasMinimizedPreviewCapture,
     workspaceId
   ]);
-  useEffect10(() => {
+  useEffect12(() => {
     const nextAttentionIds = /* @__PURE__ */ new Set();
     for (const entry of renderedDockEntries) {
       const nextToken = entry.attentionToken ?? null;
@@ -12275,7 +12604,7 @@ function WorkbenchHostDock({
       );
     }
   }, [renderedDockEntries]);
-  useEffect10(
+  useEffect12(
     () => () => {
       for (const timeout of attentionTimeouts.current.values()) {
         globalThis.clearTimeout(timeout);
@@ -12284,7 +12613,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const captureMinimizedNodePreview = useCallback12(
+  const captureMinimizedNodePreview = useCallback13(
     async (node) => {
       const minimizedDock = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock;
       const capturePreview = minimizedDock?.kind === "snapshot" ? minimizedDock.capturePreview : void 0;
@@ -12315,7 +12644,7 @@ function WorkbenchHostDock({
       workspaceId
     ]
   );
-  const provideMinimizedNodePreview = useCallback12(
+  const provideMinimizedNodePreview = useCallback13(
     (node) => {
       const minimizedDock = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock;
       if (minimizedDock?.kind !== "component") {
@@ -12344,7 +12673,7 @@ function WorkbenchHostDock({
       workspaceId
     ]
   );
-  const provideMinimizedNodePreviewForNode = useCallback12(
+  const provideMinimizedNodePreviewForNode = useCallback13(
     (node) => {
       const minimizedDock = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock;
       return minimizedDock?.kind === "component" ? provideMinimizedNodePreview : void 0;
@@ -12380,7 +12709,7 @@ function WorkbenchHostDock({
       top: isVertical ? delta : 0
     });
   };
-  const registerDockSlot = useCallback12((anchorKey) => {
+  const registerDockSlot = useCallback13((anchorKey) => {
     const existing = dockSlotRefCallbacksRef.current.get(anchorKey);
     if (existing) {
       return existing;
@@ -12401,7 +12730,7 @@ function WorkbenchHostDock({
     dockSlotRefCallbacksRef.current.set(anchorKey, callback);
     return callback;
   }, []);
-  const runDockEntryAction = useCallback12(
+  const runDockEntryAction = useCallback13(
     (entryId, actionId) => {
       const actionKey = dockActionKey(entryId, actionId);
       if (pendingActionKeys.has(actionKey)) {
@@ -12457,13 +12786,13 @@ function WorkbenchHostDock({
     instanceMode: dockContextMenuInstanceMode,
     matchedNodes: popupEntry.matchedNodes
   }).kind === "launch";
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       className: "flex justify-center pointer-events-none",
       "data-dock-placement": dockPlacement,
       children: [
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "div",
           {
             ref: dockPlateRef,
@@ -12472,7 +12801,7 @@ function WorkbenchHostDock({
             style: dockFrameSize === null ? void 0 : {
               "--desktop-dock-frame-size": `${dockFrameSize}px`
             },
-            children: /* @__PURE__ */ jsxs9(
+            children: /* @__PURE__ */ jsxs10(
               "div",
               {
                 ref: dockMeasureRef,
@@ -12498,7 +12827,7 @@ function WorkbenchHostDock({
                 role: "toolbar",
                 style: dockPlacement === "left" ? { height: dockWidth } : { width: dockWidth },
                 children: [
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     "span",
                     {
                       className: "desktop-dock__pointer-rail",
@@ -12506,7 +12835,7 @@ function WorkbenchHostDock({
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -12517,12 +12846,12 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollBackward,
                       onClick: () => scrollDockItems("backward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx12(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx12(ArrowLeftIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx13(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx13(ArrowLeftIcon, { size: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx12("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
+                  /* @__PURE__ */ jsx13("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
                     if (dockItem.item.kind === "separator") {
-                      return /* @__PURE__ */ jsx12(
+                      return /* @__PURE__ */ jsx13(
                         "span",
                         {
                           ref: registerWallpaperToneElement(dockItem.key),
@@ -12549,7 +12878,7 @@ function WorkbenchHostDock({
                       });
                       const hasHoverPanel = dockEntryHasHoverPanel(entry);
                       const labelTooltipTarget2 = hasHoverPanel ? null : dockLabelTooltipTarget(`entry:${entry.id}`, entry.label);
-                      const dockButton2 = /* @__PURE__ */ jsx12(
+                      const dockButton2 = /* @__PURE__ */ jsx13(
                         "button",
                         {
                           "aria-expanded": currentPopup ? true : void 0,
@@ -12708,7 +13037,7 @@ function WorkbenchHostDock({
                               entryId: entry.id
                             });
                           },
-                          children: /* @__PURE__ */ jsxs9(
+                          children: /* @__PURE__ */ jsxs10(
                             "span",
                             {
                               className: "desktop-dock__icon-shell",
@@ -12716,7 +13045,7 @@ function WorkbenchHostDock({
                               "data-entry-state": entry.state?.kind ?? "enabled",
                               "aria-hidden": true,
                               children: [
-                                /* @__PURE__ */ jsx12("span", { className: "desktop-dock__icon-content", children: entry.icon }),
+                                /* @__PURE__ */ jsx13("span", { className: "desktop-dock__icon-content", children: entry.icon }),
                                 renderDockBadge(
                                   entry,
                                   resolvedEntry.matchedNodes.length
@@ -12726,7 +13055,7 @@ function WorkbenchHostDock({
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx12(
+                      return /* @__PURE__ */ jsx13(
                         "span",
                         {
                           ref: registerDockSlot(anchorKey),
@@ -12827,7 +13156,7 @@ function WorkbenchHostDock({
                         `minimized-stack:${slot.anchorKey}`,
                         stackLabel
                       );
-                      const stackButton = /* @__PURE__ */ jsx12(
+                      const stackButton = /* @__PURE__ */ jsx13(
                         "span",
                         {
                           "aria-expanded": stackPopupActive,
@@ -12861,7 +13190,7 @@ function WorkbenchHostDock({
                               }
                             );
                           },
-                          children: /* @__PURE__ */ jsxs9(
+                          children: /* @__PURE__ */ jsxs10(
                             "span",
                             {
                               className: "desktop-dock__minimized-stack-icon",
@@ -12876,7 +13205,7 @@ function WorkbenchHostDock({
                                   (_, index) => {
                                     const node2 = slot.nodes[index];
                                     if (index === 0 && node2) {
-                                      return /* @__PURE__ */ jsx12(
+                                      return /* @__PURE__ */ jsx13(
                                         WorkbenchHostDockMinimizedNodePreview,
                                         {
                                           capturePreview: captureMinimizedNodePreview,
@@ -12891,7 +13220,7 @@ function WorkbenchHostDock({
                                         minimizedDockPreviewFreezeKey(node2)
                                       );
                                     }
-                                    return /* @__PURE__ */ jsx12(
+                                    return /* @__PURE__ */ jsx13(
                                       "span",
                                       {
                                         "aria-hidden": "true",
@@ -12901,13 +13230,13 @@ function WorkbenchHostDock({
                                     );
                                   }
                                 ),
-                                /* @__PURE__ */ jsx12("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
+                                /* @__PURE__ */ jsx13("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
                               ]
                             }
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx12(
+                      return /* @__PURE__ */ jsx13(
                         "span",
                         {
                           ref: registerDockSlot(slot.anchorKey),
@@ -12962,7 +13291,7 @@ function WorkbenchHostDock({
                       `minimized-node:${node.id}`,
                       node.title
                     );
-                    const dockButton = /* @__PURE__ */ jsx12(
+                    const dockButton = /* @__PURE__ */ jsx13(
                       "span",
                       {
                         "aria-label": i18n.t("launch", { title: node.title }),
@@ -13023,7 +13352,7 @@ function WorkbenchHostDock({
                             }
                           );
                         },
-                        children: /* @__PURE__ */ jsx12(
+                        children: /* @__PURE__ */ jsx13(
                           WorkbenchHostDockMinimizedNodePreview,
                           {
                             capturePreview: isPendingMinimizedNode ? void 0 : captureMinimizedNodePreview,
@@ -13037,7 +13366,7 @@ function WorkbenchHostDock({
                         )
                       }
                     );
-                    return /* @__PURE__ */ jsx12(
+                    return /* @__PURE__ */ jsx13(
                       "span",
                       {
                         ref: registerDockSlot(slot.anchorKey),
@@ -13087,7 +13416,7 @@ function WorkbenchHostDock({
                       dockItem.key
                     );
                   }) }),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -13098,10 +13427,10 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollForward,
                       onClick: () => scrollDockItems("forward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx12(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx12(ArrowRightIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx13(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx13(ArrowRightIcon, { size: 16 })
                     }
                   ),
-                  activeHoverPanel ? /* @__PURE__ */ jsx12(
+                  activeHoverPanel ? /* @__PURE__ */ jsx13(
                     WorkbenchHostDockHoverPanel,
                     {
                       entry: resolvedEntries.find(
@@ -13134,7 +13463,7 @@ function WorkbenchHostDock({
                       }
                     }
                   ) : null,
-                  activeLabelTooltip ? /* @__PURE__ */ jsx12(
+                  activeLabelTooltip ? /* @__PURE__ */ jsx13(
                     WorkbenchHostDockLabelTooltip,
                     {
                       placement: dockPlacement,
@@ -13146,7 +13475,7 @@ function WorkbenchHostDock({
             )
           }
         ),
-        popupEntry && activePopup ? /* @__PURE__ */ jsx12(
+        popupEntry && activePopup ? /* @__PURE__ */ jsx13(
           WorkbenchHostDockPopup,
           {
             anchorRect: activePopup.anchorRect,
@@ -13337,7 +13666,7 @@ function WorkbenchHostDock({
             variant: activePopup.kind === "context-menu" ? "context-menu" : "default"
           }
         ) : null,
-        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx12(
+        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx13(
           WorkbenchHostDockPopup,
           {
             anchorRect: activeMinimizedStackPopup,
@@ -13437,11 +13766,11 @@ function WorkbenchHostDockMinimizedNodePreview({
   providePreview,
   workspaceId
 }) {
-  const [componentPreview, setComponentPreview] = useState8(void 0);
-  const [previewImageUrl, setPreviewImageUrl] = useState8(
+  const [componentPreview, setComponentPreview] = useState10(void 0);
+  const [previewImageUrl, setPreviewImageUrl] = useState10(
     () => deferPreview ? null : readCachedWorkbenchNodePreviewImage(node.id)
   );
-  useEffect10(() => {
+  useEffect12(() => {
     if (deferPreview || !providePreview || componentPreview !== void 0 || previewImageUrl) {
       return void 0;
     }
@@ -13491,7 +13820,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     previewImageUrl,
     providePreview
   ]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (deferPreview) {
       return void 0;
     }
@@ -13550,7 +13879,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     return renderMinimizedDockPreviewPlaceholder(className);
   }
   if (previewImageUrl) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "span",
       {
         className: [
@@ -13559,7 +13888,7 @@ function WorkbenchHostDockMinimizedNodePreview({
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           "img",
           {
             alt: "",
@@ -13577,22 +13906,22 @@ function WorkbenchHostDockMinimizedNodePreview({
   return renderMinimizedDockPreviewPlaceholder(className);
 }
 function renderMinimizedDockPreviewPlaceholder(className) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "span",
     {
       className: ["desktop-dock__minimized-preview", className].filter(Boolean).join(" "),
       "aria-hidden": "true",
       children: [
-        /* @__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" })
+        /* @__PURE__ */ jsx13("span", { className: "desktop-dock__minimized-preview-line" }),
+        /* @__PURE__ */ jsx13("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--short" }),
+        /* @__PURE__ */ jsx13("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--accent" })
       ]
     }
   );
 }
 function renderMinimizedDockPreviewContent(preview, className) {
   if (preview.kind === "image") {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "span",
       {
         className: [
@@ -13601,7 +13930,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           "img",
           {
             alt: "",
@@ -13613,7 +13942,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     WorkbenchHostDockFrozenComponentPreview,
     {
       className,
@@ -13625,15 +13954,15 @@ function WorkbenchHostDockFrozenComponentPreview({
   className,
   preview
 }) {
-  const sourceRef = useRef9(null);
-  const [frozenMarkup, setFrozenMarkup] = useState8(null);
-  useLayoutEffect7(() => {
+  const sourceRef = useRef11(null);
+  const [frozenMarkup, setFrozenMarkup] = useState10(null);
+  useLayoutEffect8(() => {
     if (frozenMarkup !== null) {
       return;
     }
     setFrozenMarkup(sourceRef.current?.innerHTML ?? "");
   }, [frozenMarkup]);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       className: [
@@ -13642,14 +13971,14 @@ function WorkbenchHostDockFrozenComponentPreview({
         className
       ].filter(Boolean).join(" "),
       "aria-hidden": "true",
-      children: frozenMarkup === null ? /* @__PURE__ */ jsx12(
+      children: frozenMarkup === null ? /* @__PURE__ */ jsx13(
         "span",
         {
           ref: sourceRef,
           className: "desktop-dock__minimized-preview-freeze-source",
           children: preview.element
         }
-      ) : /* @__PURE__ */ jsx12(
+      ) : /* @__PURE__ */ jsx13(
         "span",
         {
           className: "desktop-dock__minimized-preview-frozen-content",
@@ -13697,18 +14026,18 @@ function renderDockBadge(entry, matchedNodeCount) {
     return null;
   }
   if (badge.kind === "count") {
-    return /* @__PURE__ */ jsx12("span", { className: "desktop-dock__count-badge", children: badge.value });
+    return /* @__PURE__ */ jsx13("span", { className: "desktop-dock__count-badge", children: badge.value });
   }
   if (badge.kind === "custom") {
-    return /* @__PURE__ */ jsx12("span", { className: "desktop-dock__custom-badge", children: badge.content });
+    return /* @__PURE__ */ jsx13("span", { className: "desktop-dock__custom-badge", children: badge.content });
   }
-  return /* @__PURE__ */ jsx12("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
+  return /* @__PURE__ */ jsx13("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
 }
 function WorkbenchHostDockLabelTooltip({
   placement,
   state
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "div",
     {
       className: "desktop-dock__label-tooltip",
@@ -13738,7 +14067,7 @@ function WorkbenchHostDockHoverPanel({
   setPendingActionKeys,
   state
 }) {
-  const lastPointerActionAtRef = useRef9(/* @__PURE__ */ new Map());
+  const lastPointerActionAtRef = useRef11(/* @__PURE__ */ new Map());
   if (!entry) {
     return null;
   }
@@ -13772,7 +14101,7 @@ function WorkbenchHostDockHoverPanel({
       }
     })();
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       ref: hoverPanelRef,
@@ -13791,13 +14120,13 @@ function WorkbenchHostDockHoverPanel({
         "--desktop-dock-hover-panel-anchor-width": `${state.anchorRect.width}px`
       },
       children: [
-        /* @__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) => {
+        /* @__PURE__ */ jsx13("div", { className: "desktop-dock__hover-panel-title", children: entry.label }),
+        entry.state?.reason ? /* @__PURE__ */ jsx13("div", { className: "desktop-dock__hover-panel-description", children: stripDockDescriptionTerminalPunctuation(entry.state.reason) }) : null,
+        entry.hoverActions?.length ? /* @__PURE__ */ jsx13("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__ */ jsx12(
+          return /* @__PURE__ */ jsx13(
             Button3,
             {
               "aria-busy": isPending ? true : void 0,
@@ -14019,22 +14348,22 @@ function resolveDockPresenceSettleMs(items) {
   return dockPresenceAnimationMs;
 }
 function useDockPresenceItems(items, shouldAnimateMinimizedDockEnter) {
-  const latestItemsByKey = useRef9(/* @__PURE__ */ new Map());
-  const shouldAnimateMinimizedDockEnterRef = useRef9(
+  const latestItemsByKey = useRef11(/* @__PURE__ */ new Map());
+  const shouldAnimateMinimizedDockEnterRef = useRef11(
     shouldAnimateMinimizedDockEnter
   );
   latestItemsByKey.current = new Map(items.map((item) => [item.key, item]));
   shouldAnimateMinimizedDockEnterRef.current = shouldAnimateMinimizedDockEnter;
   const itemKeys = items.map((item) => item.key).join("\0");
-  const [presentItems, setPresentItems] = useState8(
+  const [presentItems, setPresentItems] = useState10(
     () => items.map((item) => ({
       item,
       key: item.key,
       presence: "present"
     }))
   );
-  const initialized = useRef9(false);
-  useEffect10(() => {
+  const initialized = useRef11(false);
+  useEffect12(() => {
     let nextSettleMs = dockPresenceAnimationMs;
     setPresentItems((current) => {
       const filteredItems = resolveDockPresenceItems({
@@ -14072,10 +14401,10 @@ function useDockWallpaperTones({
   elementRefs,
   itemKeys
 }) {
-  const [tones, setTones] = useState8(
+  const [tones, setTones] = useState10(
     () => /* @__PURE__ */ new Map()
   );
-  useLayoutEffect7(() => {
+  useLayoutEffect8(() => {
     if (typeof window === "undefined") {
       return void 0;
     }
@@ -14262,8 +14591,8 @@ function dockWallpaperToneMapsEqual(left, right) {
 var DOCK_BOUNCE_MS = 600;
 var DOCK_ENTRY_CLICK_THROTTLE_MS = DOCK_BOUNCE_MS;
 function useDockBounce(slotRefs) {
-  const timeoutsRef = useRef9(/* @__PURE__ */ new Map());
-  const clearDockBounce = useCallback12(
+  const timeoutsRef = useRef11(/* @__PURE__ */ new Map());
+  const clearDockBounce = useCallback13(
     (anchorKey) => {
       const timeout = timeoutsRef.current.get(anchorKey);
       const slotElement = slotRefs.current.get(anchorKey);
@@ -14277,7 +14606,7 @@ function useDockBounce(slotRefs) {
     },
     [slotRefs]
   );
-  useEffect10(
+  useEffect12(
     () => () => {
       for (const anchorKey of timeoutsRef.current.keys()) {
         clearDockBounce(anchorKey);
@@ -14286,7 +14615,7 @@ function useDockBounce(slotRefs) {
     },
     [clearDockBounce]
   );
-  const triggerDockBounce = useCallback12(
+  const triggerDockBounce = useCallback13(
     (anchorKey) => {
       const shouldRestartAnimation = clearDockBounce(anchorKey);
       const slotElement = slotRefs.current.get(anchorKey);
@@ -14495,7 +14824,7 @@ function createWorkbenchHostNodeHeaderContext({
 }
 
 // src/host/WorkbenchHostWindowActions.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function WorkbenchHostWindowActions({
   context,
   host,
@@ -14508,7 +14837,7 @@ function WorkbenchHostWindowActions({
   }
   const minimizable = definition.window?.minimizable !== false;
   const closable = definition.window?.closable !== false;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     WorkbenchWindowTrafficLights,
     {
       close: closable ? {
@@ -14531,11 +14860,11 @@ function WorkbenchHostWindowActions({
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 function useWorkbenchHostSurfaceRenderers(input) {
-  const renderBottomChrome = useMemo10(() => {
+  const renderBottomChrome = useMemo11(() => {
     const renderChrome = input.renderBottomChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx14(
+    return renderChrome ? () => /* @__PURE__ */ jsx15(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14546,7 +14875,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "bottom-chrome",
         resetKey: `${input.workspaceId}:bottom-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx15(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -14561,9 +14890,9 @@ function useWorkbenchHostSurfaceRenderers(input) {
     input.renderBottomChrome,
     input.workspaceId
   ]);
-  const renderTopChrome = useMemo10(() => {
+  const renderTopChrome = useMemo11(() => {
     const renderChrome = input.renderTopChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx14(
+    return renderChrome ? () => /* @__PURE__ */ jsx15(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14574,7 +14903,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "top-chrome",
         resetKey: `${input.workspaceId}:top-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx15(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -14589,7 +14918,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     input.renderTopChrome,
     input.workspaceId
   ]);
-  const captureNodeDefinitionPreviewImage = useCallback13(
+  const captureNodeDefinitionPreviewImage = useCallback14(
     async (node) => {
       const definition = input.nodeDefinitionByType.get(node.data.typeId);
       const minimizedDock = definition?.window?.minimizedDock;
@@ -14618,13 +14947,13 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const captureNodePreviewImage = useCallback13(
+  const captureNodePreviewImage = useCallback14(
     async (node) => await captureNodeDefinitionPreviewImage(node) ?? await Promise.resolve(
       input.captureNodePreviewImage?.(node) ?? null
     ).catch(() => null),
     [captureNodeDefinitionPreviewImage, input.captureNodePreviewImage]
   );
-  const captureNodePreviewImages = useCallback13(
+  const captureNodePreviewImages = useCallback14(
     async (node) => {
       const [images, definitionDockPreviewImageUrl] = await Promise.all([
         Promise.resolve(input.captureNodePreviewImages?.(node) ?? null).catch(
@@ -14652,8 +14981,8 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.captureNodePreviewImages
     ]
   );
-  const renderDock = useCallback13(
-    (context) => /* @__PURE__ */ jsx14(
+  const renderDock = useCallback14(
+    (context) => /* @__PURE__ */ jsx15(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14665,7 +14994,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "dock",
         resetKey: `${input.workspaceId}:dock`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx15(
           WorkbenchHostDock,
           {
             captureNodePreviewImage,
@@ -14704,7 +15033,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderNode = useCallback13(
+  const renderNode = useCallback14(
     (context) => {
       const definition = input.nodeDefinitionByType.get(
         context.node.data.typeId
@@ -14712,7 +15041,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition) {
         return null;
       }
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         WorkbenchHostNodeRenderer,
         {
           debugDiagnostics: input.debugDiagnostics,
@@ -14732,8 +15061,8 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderWindowActions = useCallback13(
-    (context) => /* @__PURE__ */ jsx14(
+  const renderWindowActions = useCallback14(
+    (context) => /* @__PURE__ */ jsx15(
       WorkbenchHostWindowActions,
       {
         context,
@@ -14744,7 +15073,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ),
     [input.hostI18n, input.hostSession, input.nodeDefinitionByType]
   );
-  const renderWindowHeader = useCallback13(
+  const renderWindowHeader = useCallback14(
     (context) => {
       const definition = input.nodeDefinitionByType.get(
         context.node.data.typeId
@@ -14752,7 +15081,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition?.renderHeader) {
         return null;
       }
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         MemoizedWorkbenchHostNodeHeaderStateBridge,
         {
           context,
@@ -14770,18 +15099,18 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const shouldKeepMinimizedNodeMounted = useCallback13(
+  const shouldKeepMinimizedNodeMounted = useCallback14(
     (node) => {
       const capability = input.nodeDefinitionByType.get(node.data.typeId)?.window?.keepMountedWhenMinimized;
       return typeof capability === "function" ? capability(node) : capability === true;
     },
     [input.nodeDefinitionByType]
   );
-  const shouldCaptureNodePreviewImage = useCallback13(
+  const shouldCaptureNodePreviewImage = useCallback14(
     (_node) => true,
     []
   );
-  const renderNodeGeniePreview = useCallback13(
+  const renderNodeGeniePreview = useCallback14(
     (node, {
       previewViewport
     }) => {
@@ -14815,7 +15144,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const resolveDockAnchorKey = useCallback13(
+  const resolveDockAnchorKey = useCallback14(
     (node) => {
       if (node.isMinimized && isWorkbenchMinimizedDockEligibleNode({
         node,
@@ -14848,7 +15177,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     },
     [input.dockEntries, input.hostSession, input.nodeDefinitionByType]
   );
-  const resolveDockPreviewCacheKey2 = useCallback13(
+  const resolveDockPreviewCacheKey2 = useCallback14(
     (node) => ({
       instanceId: node.data.instanceId,
       instanceKey: node.data.instanceKey ?? null,
@@ -14858,20 +15187,20 @@ function useWorkbenchHostSurfaceRenderers(input) {
     }),
     [input.workspaceId]
   );
-  const windowChromeMode = useCallback13(
+  const windowChromeMode = useCallback14(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.renderHeader ? "custom-header" : "system",
     [input.nodeDefinitionByType]
   );
-  const resolveWindowZIndex = useCallback13(({ baseZIndex }) => baseZIndex, []);
-  const resolveWindowSurfaceLayer = useCallback13(
+  const resolveWindowZIndex = useCallback14(({ baseZIndex }) => baseZIndex, []);
+  const resolveWindowSurfaceLayer = useCallback14(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.window?.surfaceLayer ?? "default",
     [input.nodeDefinitionByType]
   );
-  const resolveFullscreenHeaderMode = useCallback13(
+  const resolveFullscreenHeaderMode = useCallback14(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.window?.fullscreenHeaderMode,
     [input.nodeDefinitionByType]
   );
-  const resolveWindowHeaderPresentation = useCallback13(
+  const resolveWindowHeaderPresentation = useCallback14(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.window?.header,
     [input.nodeDefinitionByType]
   );
@@ -14912,7 +15241,7 @@ function WorkbenchHostNodeRenderer(input) {
     isVisible,
     workspaceId: input.workspaceId
   });
-  const resetKey = useMemo10(
+  const resetKey = useMemo11(
     () => [
       input.context.node.id,
       input.context.node.data.typeId,
@@ -14926,7 +15255,7 @@ function WorkbenchHostNodeRenderer(input) {
       input.context.node.id
     ]
   );
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     WorkbenchHostNodeRenderErrorBoundary,
     {
       debugDiagnostics: input.debugDiagnostics,
@@ -14937,7 +15266,7 @@ function WorkbenchHostNodeRenderer(input) {
       }),
       resetKey,
       workspaceId: input.workspaceId,
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx15(
         MemoizedWorkbenchHostNodeBodyRenderer,
         {
           context: bodyContext,
@@ -14962,7 +15291,7 @@ function WorkbenchHostNodeHeaderStateBridge(input) {
     workspaceId: input.workspaceId
   });
   const getFrameRenderKey = input.definition.getHeaderFrameRenderKey;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     MemoizedWorkbenchHostNodeHeaderRenderer,
     {
       context,
@@ -15039,7 +15368,7 @@ var WorkbenchHostSurfaceRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         "div",
         {
           "data-workbench-surface-render-error": this.props.fallbackKind,
@@ -15098,7 +15427,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsxs10(
+      return /* @__PURE__ */ jsxs11(
         "div",
         {
           "data-workbench-node-render-error": "true",
@@ -15116,7 +15445,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               "div",
               {
                 "data-workbench-node-render-error-message": "true",
@@ -15128,8 +15457,8 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
                 children: "This workspace view failed to render."
               }
             ),
-            /* @__PURE__ */ jsx14("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
+            /* @__PURE__ */ jsx15(
               "button",
               {
                 type: "button",
@@ -15166,7 +15495,7 @@ function WorkbenchHostChromeRenderer({
 }
 
 // src/host/WorkbenchHost.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var noop3 = () => {
 };
 function WorkbenchHost({
@@ -15202,7 +15531,7 @@ function WorkbenchHost({
   windowManagement,
   workspaceId
 }) {
-  const hostRuntimeConfig = useMemo11(
+  const hostRuntimeConfig = useMemo12(
     () => resolveWorkbenchHostRuntimeConfig({
       contributions,
       externalStateSource,
@@ -15218,7 +15547,7 @@ function WorkbenchHost({
       onNodeCloseRequest
     ]
   );
-  const hostDockEntries = useMemo11(
+  const hostDockEntries = useMemo12(
     () => resolveWorkbenchHostDockEntries({
       contributions,
       dockEntryPresentationOverrides,
@@ -15283,7 +15612,7 @@ function WorkbenchHost({
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     WorkbenchSurface,
     {
       className,
@@ -15298,7 +15627,7 @@ function WorkbenchHost({
       missionControlPhase: missionControlPresence.phase,
       minimizeAnimation,
       presentation: missionControlState?.presentation ?? null,
-      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx15(
+      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx16(
         WorkbenchMissionControlBackdrop,
         {
           onExitTransitionComplete: () => missionControlPresence.completeExitTransition(),
@@ -15309,7 +15638,7 @@ function WorkbenchHost({
       renderDock: surfaceRenderers.renderDock,
       renderNode: surfaceRenderers.renderNode,
       renderNodeGeniePreview: surfaceRenderers.renderNodeGeniePreview,
-      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx15(
+      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx16(
         WorkbenchMissionControlOverlay,
         {
           i18n: missionControlI18n,
@@ -15338,7 +15667,7 @@ function WorkbenchHost({
 }
 
 // src/react/WorkbenchDockComponentPreviewFrame.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function WorkbenchDockComponentPreviewFrame({
   children,
   sourceSize,
@@ -15374,13 +15703,13 @@ function WorkbenchDockComponentPreviewFrame({
     transformOrigin: "center",
     width: `${sourceWidth}px`
   };
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       "aria-hidden": "true",
       "data-workbench-dock-component-preview-frame": "true",
       style: frameStyle,
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx17(
         "span",
         {
           "data-workbench-dock-component-preview-content": "true",
@@ -15393,21 +15722,43 @@ function WorkbenchDockComponentPreviewFrame({
 }
 
 // src/core/visualOcclusion.ts
+var noNodeIDs = /* @__PURE__ */ new Set();
+var defaultVisualOcclusionPresentation = {
+  hiddenNodeIDs: noNodeIDs,
+  nonOccludingNodeIDs: noNodeIDs,
+  topLayerNodeIDs: []
+};
 var exposedNodeIDsByState = /* @__PURE__ */ new WeakMap();
-function selectVisuallyExposedWorkbenchNodeIDs(state) {
-  const cached = exposedNodeIDsByState.get(state);
-  if (cached) {
-    return cached;
+var exposedNodeIDsByNodeStack = /* @__PURE__ */ new WeakMap();
+function selectVisuallyExposedWorkbenchNodeIDs(state, presentation = defaultVisualOcclusionPresentation) {
+  const cachedByState = exposedNodeIDsByState.get(state);
+  if (cachedByState?.presentation === presentation) {
+    return cachedByState.exposedNodeIDs;
+  }
+  const cachedByGeometry = exposedNodeIDsByNodeStack.get(state.nodeStack);
+  if (cachedByGeometry && cachedByGeometry.presentation === presentation && hasEquivalentVisualOcclusionGeometry(cachedByGeometry, state)) {
+    cachedByGeometry.nodes = state.nodes;
+    cachedByGeometry.surfaceSize = state.surfaceSize;
+    exposedNodeIDsByState.set(state, {
+      exposedNodeIDs: cachedByGeometry.exposedNodeIDs,
+      presentation
+    });
+    return cachedByGeometry.exposedNodeIDs;
   }
   const nodeByID = new Map(state.nodes.map((node) => [node.id, node]));
   const stackedIDs = new Set(state.nodeStack);
-  const orderedNodes = [
+  const stackOrderedNodes = [
     ...state.nodes.filter((node) => !stackedIDs.has(node.id)),
     ...state.nodeStack.flatMap((nodeID) => {
       const node = nodeByID.get(nodeID);
       return node ? [node] : [];
     })
   ];
+  const topLayerNodeIDs = new Set(presentation.topLayerNodeIDs);
+  const orderedNodes = topLayerNodeIDs.size === 0 ? stackOrderedNodes : [
+    ...stackOrderedNodes.filter((node) => !topLayerNodeIDs.has(node.id)),
+    ...stackOrderedNodes.filter((node) => topLayerNodeIDs.has(node.id))
+  ];
   const surfaceFrame = {
     x: 0,
     y: 0,
@@ -15416,7 +15767,7 @@ function selectVisuallyExposedWorkbenchNodeIDs(state) {
   };
   const exposedNodeIDs = /* @__PURE__ */ new Set();
   orderedNodes.forEach((node, nodeIndex) => {
-    if (node.isMinimized) {
+    if (node.isMinimized || presentation.hiddenNodeIDs.has(node.id)) {
       return;
     }
     const visibleFrame = intersectFrames(node.frame, surfaceFrame);
@@ -15426,7 +15777,7 @@ function selectVisuallyExposedWorkbenchNodeIDs(state) {
     let uncoveredFrames = [visibleFrame];
     for (let occluderIndex = nodeIndex + 1; occluderIndex < orderedNodes.length && uncoveredFrames.length > 0; occluderIndex += 1) {
       const occluder = orderedNodes[occluderIndex];
-      if (!occluder || occluder.isMinimized) {
+      if (!occluder || occluder.isMinimized || presentation.hiddenNodeIDs.has(occluder.id) || presentation.nonOccludingNodeIDs.has(occluder.id)) {
         continue;
       }
       uncoveredFrames = uncoveredFrames.flatMap(
@@ -15437,11 +15788,20 @@ function selectVisuallyExposedWorkbenchNodeIDs(state) {
       exposedNodeIDs.add(node.id);
     }
   });
-  exposedNodeIDsByState.set(state, exposedNodeIDs);
+  exposedNodeIDsByState.set(state, {
+    exposedNodeIDs,
+    presentation
+  });
+  exposedNodeIDsByNodeStack.set(state.nodeStack, {
+    exposedNodeIDs,
+    nodes: state.nodes,
+    presentation,
+    surfaceSize: state.surfaceSize
+  });
   return exposedNodeIDs;
 }
-function selectWorkbenchNodeIsVisuallyExposed(state, nodeID) {
-  return selectVisuallyExposedWorkbenchNodeIDs(state).has(nodeID);
+function selectWorkbenchNodeIsVisuallyExposed(state, nodeID, presentation) {
+  return selectVisuallyExposedWorkbenchNodeIDs(state, presentation).has(nodeID);
 }
 function intersectFrames(left, right) {
   const x = Math.max(left.x, right.x);
@@ -15505,6 +15865,18 @@ function pushFrame(frames, frame) {
     frames.push(frame);
   }
 }
+function hasEquivalentVisualOcclusionGeometry(cached, state) {
+  if (cached.surfaceSize.width !== state.surfaceSize.width || cached.surfaceSize.height !== state.surfaceSize.height || cached.nodes.length !== state.nodes.length) {
+    return false;
+  }
+  if (cached.nodes === state.nodes) {
+    return true;
+  }
+  return cached.nodes.every((cachedNode, index) => {
+    const node = state.nodes[index];
+    return node !== void 0 && cachedNode.id === node.id && cachedNode.isMinimized === node.isMinimized && cachedNode.frame.x === node.frame.x && cachedNode.frame.y === node.frame.y && cachedNode.frame.width === node.frame.width && cachedNode.frame.height === node.frame.height;
+  });
+}
 export {
   WorkbenchDockComponentPreviewFrame,
   WorkbenchHost,
@@ -15534,6 +15906,7 @@ export {
   selectVisuallyExposedWorkbenchNodeIDs,
   selectWorkbenchNodeIsVisuallyExposed,
   useWorkbenchSelector,
+  useWorkbenchVisualOcclusionPresentation,
   workbenchFocusInputActivationType,
   workbenchHostI18nResources,
   workbenchWindowChromeI18nNamespace,