@tutti-os/workbench-surface 0.0.168 → 0.0.170

package/dist/index.js

@@ -1554,7 +1554,7 @@ function createWorkbenchController(initialState = {}, options = {}) {
 }
 
 // src/host/WorkbenchHost.tsx
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo11 } from "react";
 
 // src/mission-control/WorkbenchMissionControlOverlay.tsx
 import {
@@ -2289,7 +2289,7 @@ function useWorkbenchMissionControlState({
 
 // src/react/WorkbenchSurface.tsx
 import {
-  useCallback as useCallback7,
+  useCallback as useCallback8,
   useEffect as useEffect5
 } from "react";
 
@@ -2523,10 +2523,16 @@ function WorkbenchLockedSlotLayer() {
 }
 
 // src/react/WorkbenchNodeLayer.tsx
-import { Fragment as Fragment3, memo, useMemo as useMemo4 } from "react";
+import { Fragment as Fragment3, memo, useMemo as useMemo5 } from "react";
 import { createPortal } from "react-dom";
 
 // src/react/WorkbenchWindowFrame.tsx
+import {
+  useCallback as useCallback6,
+  useLayoutEffect as useLayoutEffect3,
+  useMemo as useMemo4,
+  useRef as useRef3
+} from "react";
 import { createI18nRuntime } from "@tutti-os/ui-i18n-runtime";
 import { Checkbox } from "@tutti-os/ui-system";
 
@@ -2844,10 +2850,14 @@ function resolveWorkbenchWindowHeader({
   controller,
   defaultActions,
   genie,
+  isDragging,
+  isFocused,
+  isResizing,
   node,
   onDoubleClick,
   onDragStart,
   renderHeader,
+  renderRevision,
   windowChromeMode = "system"
 }) {
   const context = {
@@ -2859,7 +2869,11 @@ function resolveWorkbenchWindowHeader({
       onPointerDown: onDragStart
     },
     genie,
+    isDragging,
+    isFocused,
+    isResizing,
     node,
+    renderRevision,
     surfaceSize: controller.getSnapshot().surfaceSize
   };
   const customHeader = windowChromeMode === "custom-header" && renderHeader ? renderHeader(context) : null;
@@ -2938,11 +2952,31 @@ function WorkbenchWindowFrame({
     controller.commands.focusNode(node.id);
     controller.commands.applySnapTarget(node.id, "top");
   };
-  const genieControls = {
-    minimizeNodeToAnchor: (nodeID, minimize) => {
-      genie.minimizeNodeToAnchor(nodeID, minimize);
-    }
-  };
+  const minimizeNodeToAnchorRef = useRef3(genie.minimizeNodeToAnchor);
+  useLayoutEffect3(() => {
+    minimizeNodeToAnchorRef.current = genie.minimizeNodeToAnchor;
+  }, [genie.minimizeNodeToAnchor]);
+  const minimizeNodeToAnchor = useCallback6(
+    (nodeID, minimize) => {
+      minimizeNodeToAnchorRef.current(nodeID, minimize);
+    },
+    []
+  );
+  const genieControls = useMemo4(
+    () => ({ minimizeNodeToAnchor }),
+    [minimizeNodeToAnchor]
+  );
+  const headerRenderRevision = useMemo4(
+    () => ({}),
+    [
+      controller,
+      edgeSnapEnabled,
+      interactive,
+      renderActions,
+      renderHeader,
+      windowChromeI18n
+    ]
+  );
   const defaultActions = interactive ? /* @__PURE__ */ jsxs4(
     "div",
     {
@@ -2974,10 +3008,14 @@ function WorkbenchWindowFrame({
     controller,
     defaultActions,
     genie: genieControls,
+    isDragging,
+    isFocused,
+    isResizing,
     node,
     onDoubleClick: onHeaderDoubleClick,
     onDragStart,
     renderHeader: interactive ? renderHeader : void 0,
+    renderRevision: headerRenderRevision,
     windowChromeMode
   });
   const shouldRenderCustomHeader = resolvedHeader.windowChromeMode === "custom-header";
@@ -3145,7 +3183,7 @@ function WorkbenchNodeLayer({
   windowChromeMode,
   windowChromeI18n
 }) {
-  const selectRenderedNodeIDs = useMemo4(
+  const selectRenderedNodeIDs = useMemo5(
     () => createRenderedWorkbenchNodeIDsSelector(shouldKeepMinimizedNodeMounted),
     [shouldKeepMinimizedNodeMounted]
   );
@@ -3490,10 +3528,10 @@ function resolveLockedMoveDirection(target) {
 }
 
 // src/react/hooks/useWorkbenchSurfaceSize.ts
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef3 } from "react";
+import { useLayoutEffect as useLayoutEffect4, useRef as useRef4 } from "react";
 function useWorkbenchSurfaceSize(onSizeChange) {
-  const ref = useRef3(null);
-  useLayoutEffect3(() => {
+  const ref = useRef4(null);
+  useLayoutEffect4(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -3523,9 +3561,11 @@ function useWorkbenchSurfaceSize(onSizeChange) {
 
 // src/react/useWorkbenchGenieAnimation.tsx
 import {
-  useCallback as useCallback6,
+  useCallback as useCallback7,
   useEffect as useEffect4,
-  useRef as useRef4,
+  useLayoutEffect as useLayoutEffect5,
+  useMemo as useMemo6,
+  useRef as useRef5,
   useState as useState4
 } from "react";
 import { createPortal as createPortal2, flushSync } from "react-dom";
@@ -4301,28 +4341,28 @@ function useWorkbenchGenieAnimation({
   resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2,
   shouldCaptureNodePreviewImage
 }) {
-  const dockAnchorElementsRef = useRef4(/* @__PURE__ */ new Map());
-  const canvasRef = useRef4(null);
-  const rafRef = useRef4(null);
-  const animationGenerationRef = useRef4(0);
-  const animationCleanupRef = useRef4(null);
-  const minimizedDockEnterAnimationNodeIdsRef = useRef4(/* @__PURE__ */ new Set());
-  const minimizedDockEnterAnimationTimersRef = useRef4(
+  const dockAnchorElementsRef = useRef5(/* @__PURE__ */ new Map());
+  const canvasRef = useRef5(null);
+  const rafRef = useRef5(null);
+  const animationGenerationRef = useRef5(0);
+  const animationCleanupRef = useRef5(null);
+  const minimizedDockEnterAnimationNodeIdsRef = useRef5(/* @__PURE__ */ new Set());
+  const minimizedDockEnterAnimationTimersRef = useRef5(
     /* @__PURE__ */ new Map()
   );
-  const minimizedGenieTextureByNodeIDRef = useRef4(
+  const minimizedGenieTextureByNodeIDRef = useRef5(
     /* @__PURE__ */ new Map()
   );
-  const renderedPreviewCaptureIDRef = useRef4(0);
-  const renderedPreviewCaptureElementRef = useRef4(null);
-  const pendingRenderedPreviewCaptureRef = useRef4(null);
+  const renderedPreviewCaptureIDRef = useRef5(0);
+  const renderedPreviewCaptureElementRef = useRef5(null);
+  const pendingRenderedPreviewCaptureRef = useRef5(null);
   const [isCanvasActive, setIsCanvasActive] = useState4(false);
   const [genieHiddenNodeIDs, setGenieHiddenNodeIDs] = useState4(
     () => /* @__PURE__ */ new Set()
   );
   const [pendingMinimizedNode, setPendingMinimizedNode] = useState4(null);
   const [pendingRenderedPreviewCapture, setPendingRenderedPreviewCapture] = useState4(null);
-  const registerDockAnchor = useCallback6(
+  const registerDockAnchor = useCallback7(
     (anchorKey, element) => {
       if (element) {
         dockAnchorElementsRef.current.set(anchorKey, element);
@@ -4332,14 +4372,14 @@ function useWorkbenchGenieAnimation({
     },
     []
   );
-  const resolveDockAnchorRect = useCallback6((anchorKey) => {
+  const resolveDockAnchorRect = useCallback7((anchorKey) => {
     const element = dockAnchorElementsRef.current.get(anchorKey) ?? null;
     if (!element) {
       return null;
     }
     return resolveDockAnchorViewportRect(element);
   }, []);
-  const resolveDockAnchorRectAfterRender = useCallback6(
+  const resolveDockAnchorRectAfterRender = useCallback7(
     async (anchorKey, isCurrent) => {
       let dockRect = resolveDockAnchorRect(anchorKey);
       for (let frame = 0; (!dockRect || !isUsableGenieRect(dockRect)) && frame < dockAnchorResolveMaxAnimationFrames; frame += 1) {
@@ -4353,16 +4393,16 @@ function useWorkbenchGenieAnimation({
     },
     [resolveDockAnchorRect]
   );
-  const resolveNodeElement = useCallback6((nodeID) => {
+  const resolveNodeElement = useCallback7((nodeID) => {
     return Array.from(
       document.querySelectorAll("[data-workbench-window-id]")
     ).find((candidate) => candidate.dataset.workbenchWindowId === nodeID) ?? null;
   }, []);
-  const resolveAnchorKeyForNode = useCallback6(
+  const resolveAnchorKeyForNode = useCallback7(
     (node) => resolveDockAnchorKey?.(node) ?? node.id,
     [resolveDockAnchorKey]
   );
-  const releaseMinimizedDockEnterAnimation = useCallback6((nodeID) => {
+  const releaseMinimizedDockEnterAnimation = useCallback7((nodeID) => {
     const timer = minimizedDockEnterAnimationTimersRef.current.get(nodeID);
     if (timer) {
       clearTimeout(timer);
@@ -4370,14 +4410,14 @@ function useWorkbenchGenieAnimation({
     }
     minimizedDockEnterAnimationNodeIdsRef.current.delete(nodeID);
   }, []);
-  const registerMinimizedDockEnterAnimation = useCallback6(
+  const registerMinimizedDockEnterAnimation = useCallback7(
     (nodeID) => {
       releaseMinimizedDockEnterAnimation(nodeID);
       minimizedDockEnterAnimationNodeIdsRef.current.add(nodeID);
     },
     [releaseMinimizedDockEnterAnimation]
   );
-  const scheduleReleaseMinimizedDockEnterAnimation = useCallback6(
+  const scheduleReleaseMinimizedDockEnterAnimation = useCallback7(
     (nodeID, delayMs = minimizedDockSlotEnterAnimationMs) => {
       const existing = minimizedDockEnterAnimationTimersRef.current.get(nodeID);
       if (existing) {
@@ -4393,13 +4433,13 @@ function useWorkbenchGenieAnimation({
     },
     []
   );
-  const shouldAnimateMinimizedDockEnter = useCallback6((nodeID) => {
+  const shouldAnimateMinimizedDockEnter = useCallback7((nodeID) => {
     return minimizedDockEnterAnimationNodeIdsRef.current.has(nodeID);
   }, []);
-  const readMinimizedGenieTexture = useCallback6((nodeID) => {
+  const readMinimizedGenieTexture = useCallback7((nodeID) => {
     return minimizedGenieTextureByNodeIDRef.current.get(nodeID) ?? null;
   }, []);
-  const writeMinimizedGenieTexture = useCallback6(
+  const writeMinimizedGenieTexture = useCallback7(
     (nodeID, texture) => {
       const cache = minimizedGenieTextureByNodeIDRef.current;
       cache.delete(nodeID);
@@ -4407,10 +4447,10 @@ function useWorkbenchGenieAnimation({
     },
     []
   );
-  const clearMinimizedGenieTexture = useCallback6((nodeID) => {
+  const clearMinimizedGenieTexture = useCallback7((nodeID) => {
     minimizedGenieTextureByNodeIDRef.current.delete(nodeID);
   }, []);
-  const pruneMinimizedGenieTextures = useCallback6(
+  const pruneMinimizedGenieTextures = useCallback7(
     (retainNodeID) => {
       const minimizedNodeIDs = new Set(
         controller.getSnapshot().nodes.filter((node) => node.isMinimized === true).map((node) => node.id)
@@ -4426,7 +4466,7 @@ function useWorkbenchGenieAnimation({
     },
     [controller]
   );
-  const hideNodeForGenie = useCallback6((nodeID) => {
+  const hideNodeForGenie = useCallback7((nodeID) => {
     setGenieHiddenNodeIDs((current) => {
       if (current.has(nodeID)) {
         return current;
@@ -4434,7 +4474,7 @@ function useWorkbenchGenieAnimation({
       return /* @__PURE__ */ new Set([...current, nodeID]);
     });
   }, []);
-  const showNodeForGenie = useCallback6((nodeID) => {
+  const showNodeForGenie = useCallback7((nodeID) => {
     setGenieHiddenNodeIDs((current) => {
       if (!current.has(nodeID)) {
         return current;
@@ -4444,12 +4484,12 @@ function useWorkbenchGenieAnimation({
       return next;
     });
   }, []);
-  const clearPendingMinimizedNode = useCallback6((nodeID) => {
+  const clearPendingMinimizedNode = useCallback7((nodeID) => {
     setPendingMinimizedNode(
       (current) => current?.id === nodeID ? null : current
     );
   }, []);
-  const clearRenderedPreviewCapture = useCallback6((id) => {
+  const clearRenderedPreviewCapture = useCallback7((id) => {
     if (pendingRenderedPreviewCaptureRef.current?.id !== id) {
       return;
     }
@@ -4457,7 +4497,7 @@ function useWorkbenchGenieAnimation({
     renderedPreviewCaptureElementRef.current = null;
     setPendingRenderedPreviewCapture(null);
   }, []);
-  const requestRenderedGeniePreviewTexture = useCallback6(
+  const requestRenderedGeniePreviewTexture = useCallback7(
     async ({
       node,
       textureRect
@@ -4524,7 +4564,7 @@ function useWorkbenchGenieAnimation({
     },
     [clearRenderedPreviewCapture, renderNodeGeniePreview]
   );
-  const setupCanvas = useCallback6(() => {
+  const setupCanvas = useCallback7(() => {
     const canvas = canvasRef.current;
     if (!canvas) {
       return null;
@@ -4546,7 +4586,7 @@ function useWorkbenchGenieAnimation({
     context.setTransform(devicePixelRatio, 0, 0, devicePixelRatio, 0, 0);
     return { context, viewportHeight, viewportWidth };
   }, []);
-  const clearCanvas = useCallback6(() => {
+  const clearCanvas = useCallback7(() => {
     const canvas = canvasRef.current;
     const context = canvas?.getContext("2d") ?? null;
     if (canvas && context) {
@@ -4554,7 +4594,7 @@ function useWorkbenchGenieAnimation({
     }
     setIsCanvasActive(false);
   }, []);
-  const stopAnimation = useCallback6((runCleanup = true) => {
+  const stopAnimation = useCallback7((runCleanup = true) => {
     animationGenerationRef.current += 1;
     if (rafRef.current !== null) {
       window.cancelAnimationFrame(rafRef.current);
@@ -4566,7 +4606,7 @@ function useWorkbenchGenieAnimation({
       cleanup?.();
     }
   }, []);
-  const runGenieAnimation = useCallback6(
+  const runGenieAnimation = useCallback7(
     ({
       direction,
       dockRect,
@@ -4636,7 +4676,7 @@ function useWorkbenchGenieAnimation({
     },
     [setupCanvas, stopAnimation]
   );
-  const runScaleWindowAnimation = useCallback6(
+  const runScaleWindowAnimation = useCallback7(
     ({
       direction,
       dockRect,
@@ -4728,7 +4768,7 @@ function useWorkbenchGenieAnimation({
     [stopAnimation]
   );
   useEffect4(() => () => stopAnimation(false), [stopAnimation]);
-  const startOpenOrRestoreAnimation = useCallback6(
+  const startOpenOrRestoreAnimation = useCallback7(
     async (nodeID, anchorKey, generation, dockRectFallback, minimizedNode) => {
       const effectiveMinimizeAnimation = shouldReduceMotion() ? "off" : minimizeAnimation;
       if (effectiveMinimizeAnimation === "off") {
@@ -4841,7 +4881,7 @@ function useWorkbenchGenieAnimation({
       showNodeForGenie
     ]
   );
-  const launchNodeFromAnchor = useCallback6(
+  const launchNodeFromAnchor = useCallback7(
     (anchorKey, nodeID, launch) => {
       const target = controller.getSnapshot().nodes.find((node) => node.id === nodeID);
       if (!target) {
@@ -4910,7 +4950,7 @@ function useWorkbenchGenieAnimation({
       stopAnimation
     ]
   );
-  const minimizeNodeToAnchor = useCallback6(
+  const minimizeNodeToAnchor = useCallback7(
     (nodeID, minimize) => {
       void (async () => {
         pruneMinimizedGenieTextures();
@@ -5385,8 +5425,18 @@ function useWorkbenchGenieAnimation({
     },
     []
   );
-  return {
-    genieLayer: typeof document === "undefined" ? null : createPortal2(
+  const minimizeNodeToAnchorRef = useRef5(minimizeNodeToAnchor);
+  useLayoutEffect5(() => {
+    minimizeNodeToAnchorRef.current = minimizeNodeToAnchor;
+  }, [minimizeNodeToAnchor]);
+  const stableMinimizeNodeToAnchor = useCallback7(
+    (nodeID, minimize) => {
+      minimizeNodeToAnchorRef.current(nodeID, minimize);
+    },
+    []
+  );
+  const genieLayer = useMemo6(
+    () => typeof document === "undefined" ? null : createPortal2(
       /* @__PURE__ */ jsxs6(Fragment4, { children: [
         /* @__PURE__ */ jsx9(
           "canvas",
@@ -5416,20 +5466,38 @@ function useWorkbenchGenieAnimation({
       ] }),
       document.body
     ),
-    isNodeGenieHidden: useCallback6(
-      (nodeID) => genieHiddenNodeIDs.has(nodeID),
-      [genieHiddenNodeIDs]
-    ),
-    isPendingMinimizedDockNode: useCallback6(
-      (nodeID) => pendingMinimizedNode?.id === nodeID,
-      [pendingMinimizedNode]
-    ),
-    launchNodeFromAnchor,
-    minimizeNodeToAnchor,
-    pendingMinimizedNode,
-    registerDockAnchor,
-    shouldAnimateMinimizedDockEnter
-  };
+    [isCanvasActive, pendingRenderedPreviewCapture]
+  );
+  const isNodeGenieHidden = useCallback7(
+    (nodeID) => genieHiddenNodeIDs.has(nodeID),
+    [genieHiddenNodeIDs]
+  );
+  const isPendingMinimizedDockNode = useCallback7(
+    (nodeID) => pendingMinimizedNode?.id === nodeID,
+    [pendingMinimizedNode]
+  );
+  return useMemo6(
+    () => ({
+      genieLayer,
+      isNodeGenieHidden,
+      isPendingMinimizedDockNode,
+      launchNodeFromAnchor,
+      minimizeNodeToAnchor: stableMinimizeNodeToAnchor,
+      pendingMinimizedNode,
+      registerDockAnchor,
+      shouldAnimateMinimizedDockEnter
+    }),
+    [
+      genieLayer,
+      isNodeGenieHidden,
+      isPendingMinimizedDockNode,
+      launchNodeFromAnchor,
+      pendingMinimizedNode,
+      registerDockAnchor,
+      shouldAnimateMinimizedDockEnter,
+      stableMinimizeNodeToAnchor
+    ]
+  );
 }
 
 // src/react/WorkbenchSurface.tsx
@@ -5539,7 +5607,7 @@ function WorkbenchSurfaceInner({
   windowChromeI18n
 }) {
   const controller = useWorkbenchController();
-  const onSizeChange = useCallback7(
+  const onSizeChange = useCallback8(
     (size) => {
       controller.commands.setSurfaceSize(size);
     },
@@ -5802,7 +5870,7 @@ function resolveHostClosePreparer(contributions) {
 }
 
 // src/host/useWorkbenchHostRuntime.ts
-import { useEffect as useEffect6, useMemo as useMemo6, useState as useState5 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo8, useState as useState5 } from "react";
 
 // src/store/createDerivedSnapshotGetter.ts
 function createDerivedSnapshotGetter(input) {
@@ -6676,7 +6744,7 @@ function projectedSubjectsEqual(left, right) {
 }
 
 // src/host/externalState.ts
-import { useCallback as useCallback8, useMemo as useMemo5, useSyncExternalStore } from "react";
+import { useCallback as useCallback9, useMemo as useMemo7, useSyncExternalStore } from "react";
 var noopSubscribe = () => () => {
 };
 function createWorkbenchHostExternalStateLookupInput(input) {
@@ -6690,33 +6758,33 @@ function createWorkbenchHostExternalStateLookupInput(input) {
   };
 }
 function useWorkbenchHostExternalState(input) {
-  const lookupInput = useMemo5(
+  const lookupInput = useMemo7(
     () => createWorkbenchHostExternalStateLookupInput({
       node: input.node,
       workspaceId: input.workspaceId
     }),
     [input.node, input.workspaceId]
   );
-  const workspaceInput = useMemo5(
+  const workspaceInput = useMemo7(
     () => ({ workspaceId: input.workspaceId }),
     [input.workspaceId]
   );
-  const subscribeNodeState = useCallback8(
+  const subscribeNodeState = useCallback9(
     (listener) => input.externalStateSource?.subscribeNodeState?.(lookupInput, listener) ?? noopSubscribe(),
     [input.externalStateSource, lookupInput]
   );
-  const getNodeState = useCallback8(
+  const getNodeState = useCallback9(
     () => input.externalStateSource?.getNodeState(lookupInput) ?? input.node.data.snapshotNodeState ?? null,
     [input.externalStateSource, input.node.data.snapshotNodeState, lookupInput]
   );
-  const subscribeWorkspaceState = useCallback8(
+  const subscribeWorkspaceState = useCallback9(
     (listener) => input.externalStateSource?.subscribeWorkspaceState?.(
       workspaceInput,
       listener
     ) ?? noopSubscribe(),
     [input.externalStateSource, workspaceInput]
   );
-  const getWorkspaceState = useCallback8(
+  const getWorkspaceState = useCallback9(
     () => input.externalStateSource?.getWorkspaceState(workspaceInput) ?? null,
     [input.externalStateSource, workspaceInput]
   );
@@ -7781,7 +7849,7 @@ function useWorkbenchHostRuntime({
   workspaceId
 }) {
   const [, bumpHydrationRevision] = useState5(0);
-  const hostSession = useMemo6(() => {
+  const hostSession = useMemo8(() => {
     logWorkbenchHostDebug("create-session", debugDiagnostics, {
       nodeTypeIDs: nodes.map((node) => node.typeId),
       projectedNodeCount: projectedNodes?.length ?? 0,
@@ -7806,32 +7874,32 @@ function useWorkbenchHostRuntime({
     snapshotRepository,
     workspaceId
   ]);
-  const hostI18n = useMemo6(() => createWorkbenchHostI18nRuntime(i18n), [i18n]);
-  const missionControlI18n = useMemo6(
+  const hostI18n = useMemo8(() => createWorkbenchHostI18nRuntime(i18n), [i18n]);
+  const missionControlI18n = useMemo8(
     () => createWorkbenchMissionControlI18nRuntime(i18n),
     [i18n]
   );
-  const windowChromeI18n = useMemo6(
+  const windowChromeI18n = useMemo8(
     () => createWorkbenchWindowChromeI18nRuntime(i18n),
     [i18n]
   );
-  const nodeDefinitionByType = useMemo6(
+  const nodeDefinitionByType = useMemo8(
     () => new Map(nodes.map((definition) => [definition.typeId, definition])),
     [nodes]
   );
   const isHydrating = hostSession.isHydrating?.() ?? false;
-  const missionControlAdapter = useMemo6(
+  const missionControlAdapter = useMemo8(
     () => missionControlEnabled && !isHydrating ? createWorkbenchHostMissionControlAdapter({
       activateNode: hostSession.activateNode.bind(hostSession),
       controller: hostSession.controller
     }) : null,
     [hostSession.controller, isHydrating, missionControlEnabled]
   );
-  const chromeController = useMemo6(
+  const chromeController = useMemo8(
     () => isHydrating ? createReadOnlyWorkbenchController(hostSession.controller) : hostSession.controller,
     [hostSession.controller, isHydrating]
   );
-  const chromeContext = useMemo6(
+  const chromeContext = useMemo8(
     () => ({
       activateNode: hostSession.activateNode.bind(hostSession),
       controller: chromeController,
@@ -7920,15 +7988,15 @@ function logWorkbenchHostDebug(event, debugDiagnostics, payload) {
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { Component, useCallback as useCallback12, useMemo as useMemo8 } from "react";
+import { Component, memo as memo2, useCallback as useCallback13, useMemo as useMemo10 } from "react";
 
 // src/host/WorkbenchHostDock.tsx
 import {
-  useCallback as useCallback11,
+  useCallback as useCallback12,
   useEffect as useEffect10,
-  useLayoutEffect as useLayoutEffect5,
-  useMemo as useMemo7,
-  useRef as useRef8,
+  useLayoutEffect as useLayoutEffect7,
+  useMemo as useMemo9,
+  useRef as useRef9,
   useState as useState8
 } from "react";
 import {
@@ -8032,7 +8100,7 @@ function isWorkbenchDockEntryBlocked(entry) {
 }
 
 // src/host/dockMagnification.ts
-import { useCallback as useCallback9, useEffect as useEffect7, useRef as useRef5 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect7, useRef as useRef6 } from "react";
 
 // src/host/dockMagnificationBounds.ts
 function resolveDockMagnificationViewportBounds(viewportRect, dockPlacement) {
@@ -8350,28 +8418,28 @@ function useDockMagnification({
   dockViewportRef,
   slotRefs
 }) {
-  const pointerAxisRef = useRef5(null);
-  const pendingPointerAxisRef = useRef5(null);
-  const springsRef = useRef5(/* @__PURE__ */ new Map());
-  const appliedStylesRef = useRef5(
+  const pointerAxisRef = useRef6(null);
+  const pendingPointerAxisRef = useRef6(null);
+  const springsRef = useRef6(/* @__PURE__ */ new Map());
+  const appliedStylesRef = useRef6(
     /* @__PURE__ */ new Map()
   );
-  const animationFrameRef = useRef5(null);
-  const lastFrameTimeRef = useRef5(null);
-  const entryRampStartedAtRef = useRef5(null);
-  const restCentersRef = useRef5(null);
-  const hitBoundsRef = useRef5(null);
-  const visibleSlotRectsRef = useRef5(null);
-  const slotOrderRef = useRef5([]);
-  const magnifyActiveRef = useRef5(false);
-  const globalPointerTrackerRef = useRef5(null);
-  const handleGlobalPointerMoveRef = useRef5(() => {
+  const animationFrameRef = useRef6(null);
+  const lastFrameTimeRef = useRef6(null);
+  const entryRampStartedAtRef = useRef6(null);
+  const restCentersRef = useRef6(null);
+  const hitBoundsRef = useRef6(null);
+  const visibleSlotRectsRef = useRef6(null);
+  const slotOrderRef = useRef6([]);
+  const magnifyActiveRef = useRef6(false);
+  const globalPointerTrackerRef = useRef6(null);
+  const handleGlobalPointerMoveRef = useRef6(() => {
     return;
   });
-  const handleGlobalPointerCancelRef = useRef5(() => {
+  const handleGlobalPointerCancelRef = useRef6(() => {
     return;
   });
-  const setMagnifyActive = useCallback9(
+  const setMagnifyActive = useCallback10(
     (active) => {
       if (magnifyActiveRef.current === active) {
         return;
@@ -8385,14 +8453,14 @@ function useDockMagnification({
     },
     [dockRootRef]
   );
-  const stopAnimation = useCallback9(() => {
+  const stopAnimation = useCallback10(() => {
     if (animationFrameRef.current !== null) {
       cancelAnimationFrame(animationFrameRef.current);
       animationFrameRef.current = null;
     }
     lastFrameTimeRef.current = null;
   }, []);
-  const captureRestCenters = useCallback9(() => {
+  const captureRestCenters = useCallback10(() => {
     const slots = slotRefs.current;
     const centers = /* @__PURE__ */ new Map();
     const slotRects = [];
@@ -8429,7 +8497,7 @@ function useDockMagnification({
     });
     restCentersRef.current = centers;
   }, [dockPlacement, dockViewportRef, slotRefs]);
-  const isPointerInsideAnyVisibleDockSlot = useCallback9(
+  const isPointerInsideAnyVisibleDockSlot = useCallback10(
     (clientX, clientY) => {
       for (const rect of visibleSlotRectsRef.current ?? []) {
         if (isDockMagnificationPointInsideSlotRect({
@@ -8444,12 +8512,12 @@ function useDockMagnification({
     },
     []
   );
-  const ensureDockMagnificationGeometry = useCallback9(() => {
+  const ensureDockMagnificationGeometry = useCallback10(() => {
     if (restCentersRef.current === null || hitBoundsRef.current === null || visibleSlotRectsRef.current === null) {
       captureRestCenters();
     }
   }, [captureRestCenters]);
-  const isPointerInsideDockMagnificationTarget = useCallback9(
+  const isPointerInsideDockMagnificationTarget = useCallback10(
     (clientX, clientY) => isDockMagnificationPointInsideHitBounds({
       clientX,
       clientY,
@@ -8458,7 +8526,7 @@ function useDockMagnification({
     }) || isPointerInsideAnyVisibleDockSlot(clientX, clientY),
     [dockPlacement, isPointerInsideAnyVisibleDockSlot]
   );
-  const runAnimationFrame = useCallback9(
+  const runAnimationFrame = useCallback10(
     (frameTime) => {
       if (pendingPointerAxisRef.current !== null) {
         pointerAxisRef.current = pendingPointerAxisRef.current;
@@ -8568,16 +8636,16 @@ function useDockMagnification({
     },
     [captureRestCenters, setMagnifyActive, slotRefs]
   );
-  const scheduleAnimation = useCallback9(() => {
+  const scheduleAnimation = useCallback10(() => {
     if (animationFrameRef.current !== null) {
       return;
     }
     animationFrameRef.current = requestAnimationFrame(runAnimationFrame);
   }, [runAnimationFrame]);
-  const stopGlobalPointerTracking = useCallback9(() => {
+  const stopGlobalPointerTracking = useCallback10(() => {
     globalPointerTrackerRef.current?.stop();
   }, []);
-  const startGlobalPointerTracking = useCallback9(() => {
+  const startGlobalPointerTracking = useCallback10(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -8593,17 +8661,17 @@ function useDockMagnification({
     });
     globalPointerTrackerRef.current.start();
   }, []);
-  const clearTrackedPointer = useCallback9(() => {
+  const clearTrackedPointer = useCallback10(() => {
     pendingPointerAxisRef.current = null;
     pointerAxisRef.current = null;
     entryRampStartedAtRef.current = null;
     scheduleAnimation();
   }, [scheduleAnimation]);
-  const handleGlobalPointerCancel = useCallback9(() => {
+  const handleGlobalPointerCancel = useCallback10(() => {
     stopGlobalPointerTracking();
     clearTrackedPointer();
   }, [clearTrackedPointer, stopGlobalPointerTracking]);
-  const handlePointerMove = useCallback9(
+  const handlePointerMove = useCallback10(
     (clientX, clientY) => {
       ensureDockMagnificationGeometry();
       if (!isPointerInsideDockMagnificationTarget(clientX, clientY)) {
@@ -8712,12 +8780,12 @@ function useDockMagnification({
     handlePointerMove,
     isPointerInsideDockMagnificationTarget
   ]);
-  const handlePointerLeave = useCallback9(() => {
+  const handlePointerLeave = useCallback10(() => {
     pendingPointerAxisRef.current = null;
     pointerAxisRef.current = null;
     scheduleAnimation();
   }, [scheduleAnimation]);
-  const clearSlotMagnification = useCallback9(
+  const clearSlotMagnification = useCallback10(
     (anchorKey) => {
       springsRef.current.delete(anchorKey);
       restCentersRef.current?.delete(anchorKey);
@@ -8734,7 +8802,7 @@ function useDockMagnification({
     },
     [slotRefs]
   );
-  const pauseMagnification = useCallback9(() => {
+  const pauseMagnification = useCallback10(() => {
     stopGlobalPointerTracking();
     stopAnimation();
     pendingPointerAxisRef.current = null;
@@ -8742,7 +8810,7 @@ function useDockMagnification({
     entryRampStartedAtRef.current = null;
     lastFrameTimeRef.current = null;
   }, [stopAnimation, stopGlobalPointerTracking]);
-  const resetMagnification = useCallback9(() => {
+  const resetMagnification = useCallback10(() => {
     stopGlobalPointerTracking();
     stopAnimation();
     for (const slotElement of slotRefs.current.values()) {
@@ -8955,7 +9023,7 @@ function orderWorkbenchMinimizedDockNodes(input) {
 }
 
 // src/host/minimizedDockStackPromotion.ts
-import { useEffect as useEffect8, useRef as useRef6, useState as useState6 } from "react";
+import { useEffect as useEffect8, useRef as useRef7, useState as useState6 } from "react";
 var minimizedDockStackPromotionDurationMs = 520;
 function detectMinimizedDockStackPromotion(previous, next) {
   const previousVisibleNodeIds = new Set(
@@ -8975,8 +9043,8 @@ function detectMinimizedDockStackPromotion(previous, next) {
   return null;
 }
 function useMinimizedDockStackPromotion(slots) {
-  const previousSlotsRef = useRef6(slots);
-  const promotionTimerRef = useRef6(null);
+  const previousSlotsRef = useRef7(slots);
+  const promotionTimerRef = useRef7(null);
   const [promotedNodeId, setPromotedNodeId] = useState6(null);
   const [stackDispatching, setStackDispatching] = useState6(false);
   useEffect8(() => {
@@ -9045,10 +9113,10 @@ function resolveWorkbenchMinimizedDockRestoreIntent(input) {
 // src/host/WorkbenchHostDockPopup.tsx
 import {
   forwardRef,
-  useCallback as useCallback10,
+  useCallback as useCallback11,
   useEffect as useEffect9,
-  useLayoutEffect as useLayoutEffect4,
-  useRef as useRef7,
+  useLayoutEffect as useLayoutEffect6,
+  useRef as useRef8,
   useState as useState7
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
@@ -9317,12 +9385,12 @@ function WorkbenchHostDockPopup({
   const isMinimizedStack = resolvedVariant === "minimized-stack";
   const isContextMenu = resolvedVariant === "context-menu";
   const createCardCount = showCreateNew === false ? 0 : 1;
-  const cardElementsRef = useRef7(/* @__PURE__ */ new Map());
-  const cardRefCallbacksRef = useRef7(
+  const cardElementsRef = useRef8(/* @__PURE__ */ new Map());
+  const cardRefCallbacksRef = useRef8(
     /* @__PURE__ */ new Map()
   );
-  const popupRootRef = useRef7(null);
-  const minimizedStackViewportRef = useRef7(null);
+  const popupRootRef = useRef8(null);
+  const minimizedStackViewportRef = useRef8(null);
   const [pointer, setPointer] = useState7(null);
   const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState7(0);
   const [verticalClampOffsetPx, setVerticalClampOffsetPx] = useState7(0);
@@ -9411,7 +9479,7 @@ function WorkbenchHostDockPopup({
     popupDiagnosticKey,
     resolvedVariant
   ]);
-  useLayoutEffect4(() => {
+  useLayoutEffect6(() => {
     const rootElement = popupRootRef.current;
     const panelElement = rootElement?.querySelector(
       "[data-desktop-dock-popup-panel]"
@@ -9424,7 +9492,7 @@ function WorkbenchHostDockPopup({
       viewportWidth: window.innerWidth
     });
   }, [debugDiagnostics, popupDiagnosticKey]);
-  useLayoutEffect4(() => {
+  useLayoutEffect6(() => {
     if (isMinimizedStack || typeof window === "undefined") {
       return;
     }
@@ -9463,7 +9531,7 @@ function WorkbenchHostDockPopup({
     popupCenterY,
     popupDiagnosticKey
   ]);
-  const registerCard = useCallback10((nodeId) => {
+  const registerCard = useCallback11((nodeId) => {
     const existing = cardRefCallbacksRef.current.get(nodeId);
     if (existing) {
       return existing;
@@ -10196,7 +10264,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
   const title = item.title?.trim() || item.node.title;
   const isMinimizedStack = variant === "minimized-stack";
   const [isLaunching, setIsLaunching] = useState7(false);
-  const launchTimerRef = useRef7(null);
+  const launchTimerRef = useRef8(null);
   useEffect9(
     () => () => {
       if (launchTimerRef.current !== null) {
@@ -10205,7 +10273,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
     },
     []
   );
-  const handleSelect = useCallback10(() => {
+  const handleSelect = useCallback11(() => {
     if (!isMinimizedStack) {
       onSelectNode(item.node.id);
       return;
@@ -10219,7 +10287,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
       onSelectNode(item.node.id);
     }, dockPopupMinimizedStackLaunchDisappearMs);
   }, [isMinimizedStack, item.node.id, onSelectNode]);
-  const handleSelectKeyDown = useCallback10(
+  const handleSelectKeyDown = useCallback11(
     (event) => {
       if (event.key !== "Enter" && event.key !== " ") {
         return;
@@ -10404,38 +10472,38 @@ function WorkbenchHostDock({
   onMissionControlRequestOpen,
   workspaceId
 }) {
-  const minimizedNodeIDs = useMemo7(
+  const minimizedNodeIDs = useMemo9(
     () => new Set(context.minimizedNodes.map((node) => node.id)),
     [context.minimizedNodes]
   );
-  const dockMeasureRef = useRef8(null);
-  const dockItemsRef = useRef8(null);
-  const hoverPanelRef = useRef8(null);
-  const hoverPanelCloseTimerRef = useRef8(
+  const dockMeasureRef = useRef9(null);
+  const dockItemsRef = useRef9(null);
+  const hoverPanelRef = useRef9(null);
+  const hoverPanelCloseTimerRef = useRef9(
     null
   );
-  const hoverPanelOpenTimerRef = useRef8(
+  const hoverPanelOpenTimerRef = useRef9(
     null
   );
-  const labelTooltipOpenTimerRef = useRef8(
+  const labelTooltipOpenTimerRef = useRef9(
     null
   );
-  const hoverPanelScheduledPointRef = useRef8(null);
-  const labelTooltipScheduledPointRef = useRef8(null);
-  const hoverPanelRestTargetRef = useRef8(null);
-  const activeHoverPanelRef = useRef8(
+  const hoverPanelScheduledPointRef = useRef9(null);
+  const labelTooltipScheduledPointRef = useRef9(null);
+  const hoverPanelRestTargetRef = useRef9(null);
+  const activeHoverPanelRef = useRef9(
     null
   );
-  const activeLabelTooltipRef = useRef8(null);
-  const pendingDockStateRefreshRef = useRef8(false);
-  const slotRefs = useRef8(/* @__PURE__ */ new Map());
-  const wallpaperToneElementRefs = useRef8(/* @__PURE__ */ new Map());
-  const dockSlotRefCallbacksRef = useRef8(
+  const activeLabelTooltipRef = useRef9(null);
+  const pendingDockStateRefreshRef = useRef9(false);
+  const slotRefs = useRef9(/* @__PURE__ */ new Map());
+  const wallpaperToneElementRefs = useRef9(/* @__PURE__ */ new Map());
+  const dockSlotRefCallbacksRef = useRef9(
     /* @__PURE__ */ new Map()
   );
-  const previousAttentionTokenByEntryId = useRef8(/* @__PURE__ */ new Map());
-  const dockEntryClickThrottleUntilRef = useRef8(/* @__PURE__ */ new Map());
-  const attentionTimeouts = useRef8(
+  const previousAttentionTokenByEntryId = useRef9(/* @__PURE__ */ new Map());
+  const dockEntryClickThrottleUntilRef = useRef9(/* @__PURE__ */ new Map());
+  const attentionTimeouts = useRef9(
     /* @__PURE__ */ new Map()
   );
   const [activeAttentionEntryIds, setActiveAttentionEntryIds] = useState8(/* @__PURE__ */ new Set());
@@ -10459,17 +10527,17 @@ function WorkbenchHostDock({
     collapsingMinimizedLaunchAnchorKeys,
     setCollapsingMinimizedLaunchAnchorKeys
   ] = useState8(() => /* @__PURE__ */ new Set());
-  const collapsingMinimizedLaunchTimerRef = useRef8(
+  const collapsingMinimizedLaunchTimerRef = useRef9(
     /* @__PURE__ */ new Map()
   );
-  const clearHoverPanelCloseTimer = useCallback11(() => {
+  const clearHoverPanelCloseTimer = useCallback12(() => {
     if (hoverPanelCloseTimerRef.current === null) {
       return;
     }
     clearTimeout(hoverPanelCloseTimerRef.current);
     hoverPanelCloseTimerRef.current = null;
   }, []);
-  const clearHoverPanelOpenTimer = useCallback11(() => {
+  const clearHoverPanelOpenTimer = useCallback12(() => {
     if (hoverPanelOpenTimerRef.current === null) {
       return;
     }
@@ -10477,7 +10545,7 @@ function WorkbenchHostDock({
     hoverPanelOpenTimerRef.current = null;
     hoverPanelScheduledPointRef.current = null;
   }, []);
-  const clearLabelTooltipOpenTimer = useCallback11(() => {
+  const clearLabelTooltipOpenTimer = useCallback12(() => {
     if (labelTooltipOpenTimerRef.current === null) {
       return;
     }
@@ -10501,7 +10569,7 @@ function WorkbenchHostDock({
       clearLabelTooltipOpenTimer
     ]
   );
-  const clearCollapsingMinimizedLaunch = useCallback11((anchorKey) => {
+  const clearCollapsingMinimizedLaunch = useCallback12((anchorKey) => {
     const timer = collapsingMinimizedLaunchTimerRef.current.get(anchorKey);
     if (timer) {
       clearTimeout(timer);
@@ -10520,7 +10588,7 @@ function WorkbenchHostDock({
       return next;
     });
   }, []);
-  const scheduleCollapsingMinimizedLaunchClear = useCallback11(
+  const scheduleCollapsingMinimizedLaunchClear = useCallback12(
     (anchorKey) => {
       const existing = collapsingMinimizedLaunchTimerRef.current.get(anchorKey);
       if (existing) {
@@ -10535,7 +10603,7 @@ function WorkbenchHostDock({
     },
     [clearCollapsingMinimizedLaunch]
   );
-  useLayoutEffect5(() => {
+  useLayoutEffect7(() => {
     const element = dockMeasureRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -10572,7 +10640,7 @@ function WorkbenchHostDock({
       window.removeEventListener("resize", scheduleUpdate);
     };
   }, [dockPlacement]);
-  const flushPendingDockStateRefresh = useCallback11(() => {
+  const flushPendingDockStateRefresh = useCallback12(() => {
     if (!pendingDockStateRefreshRef.current) {
       return;
     }
@@ -10591,14 +10659,14 @@ function WorkbenchHostDock({
       setDockStateRevision((revision) => revision + 1);
     });
   }, [dockStateSource]);
-  const renderedDockEntries = useMemo7(
+  const renderedDockEntries = useMemo9(
     () => dockEntries.map((entry) => {
       const dynamicState = dockStateSource?.getEntryState(entry.id);
       return dynamicState ? { ...entry, ...dynamicState } : entry;
     }),
     [dockEntries, dockStateRevision, dockStateSource]
   );
-  const resolvedEntries = useMemo7(
+  const resolvedEntries = useMemo9(
     () => resolveWorkbenchDockEntries({
       dockEntries: renderedDockEntries,
       minimizedNodeIds: minimizedNodeIDs,
@@ -10606,7 +10674,7 @@ function WorkbenchHostDock({
     }),
     [context.nodes, minimizedNodeIDs, renderedDockEntries]
   );
-  const minimizedDockSlots = useMemo7(
+  const minimizedDockSlots = useMemo9(
     () => resolveWorkbenchMinimizedDockSlots({
       nodeDefinitions,
       nodes: context.minimizedNodes
@@ -10614,7 +10682,7 @@ function WorkbenchHostDock({
     [context.minimizedNodes, nodeDefinitions]
   );
   const { promotedNodeId, stackDispatching } = useMinimizedDockStackPromotion(minimizedDockSlots);
-  const dockItems = useMemo7(
+  const dockItems = useMemo9(
     () => createWorkbenchHostDockItems({
       minimizedDockSlots,
       resolvedEntries
@@ -10625,7 +10693,7 @@ function WorkbenchHostDock({
     dockItems,
     (nodeId) => context.genie.shouldAnimateMinimizedDockEnter(nodeId)
   );
-  const presentDockItemKeys = useMemo7(
+  const presentDockItemKeys = useMemo9(
     () => presentDockItems.map((item) => item.key).join("\n"),
     [presentDockItems]
   );
@@ -10634,7 +10702,7 @@ function WorkbenchHostDock({
     elementRefs: wallpaperToneElementRefs,
     itemKeys: presentDockItemKeys
   });
-  const dockWidth = useMemo7(
+  const dockWidth = useMemo9(
     () => resolveWorkbenchHostDockItemsWidth(dockItems),
     [dockItems]
   );
@@ -10650,10 +10718,10 @@ function WorkbenchHostDock({
     dockViewportRef: dockItemsRef,
     slotRefs
   });
-  const clearSlotMagnificationRef = useRef8(() => {
+  const clearSlotMagnificationRef = useRef9(() => {
     return;
   });
-  const registerDockAnchorRef = useRef8(
+  const registerDockAnchorRef = useRef9(
     (anchorKey, element) => {
       context.genie.registerDockAnchor(anchorKey, element);
     }
@@ -10664,7 +10732,7 @@ function WorkbenchHostDock({
   registerDockAnchorRef.current = (anchorKey, element) => {
     context.genie.registerDockAnchor(anchorKey, element);
   };
-  const registerWallpaperToneElement = useCallback11(
+  const registerWallpaperToneElement = useCallback12(
     (key) => (element) => {
       if (element) {
         wallpaperToneElementRefs.current.set(key, element);
@@ -10674,7 +10742,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const setDockHoverPanelOpen = useCallback11((open) => {
+  const setDockHoverPanelOpen = useCallback12((open) => {
     if (open) {
       dockMeasureRef.current?.setAttribute(
         "data-dock-hover-panel-open",
@@ -10690,7 +10758,7 @@ function WorkbenchHostDock({
   useEffect10(() => {
     activeLabelTooltipRef.current = activeLabelTooltip;
   }, [activeLabelTooltip]);
-  const closeLabelTooltipImmediate = useCallback11(
+  const closeLabelTooltipImmediate = useCallback12(
     (targetKey) => {
       clearLabelTooltipOpenTimer();
       if (targetKey !== void 0 && activeLabelTooltipRef.current?.key !== targetKey) {
@@ -10704,7 +10772,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer]
   );
-  const closeHoverPanelImmediate = useCallback11(
+  const closeHoverPanelImmediate = useCallback12(
     (entryId) => {
       clearHoverPanelOpenTimer();
       clearHoverPanelCloseTimer();
@@ -10727,7 +10795,7 @@ function WorkbenchHostDock({
       setDockHoverPanelOpen
     ]
   );
-  const scheduleHoverPanelClose = useCallback11(
+  const scheduleHoverPanelClose = useCallback12(
     (entryId) => {
       clearHoverPanelOpenTimer();
       clearHoverPanelCloseTimer();
@@ -10744,7 +10812,7 @@ function WorkbenchHostDock({
       handleDockPointerLeave
     ]
   );
-  const showHoverPanel = useCallback11(
+  const showHoverPanel = useCallback12(
     (entryId, anchorKey, anchorElement) => {
       const dockElement = dockMeasureRef.current;
       if (!dockElement) {
@@ -10770,7 +10838,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelCloseTimer, pauseDockMagnification, setDockHoverPanelOpen]
   );
-  const scheduleHoverPanelAfterRest = useCallback11(
+  const scheduleHoverPanelAfterRest = useCallback12(
     (entryId, anchorKey) => {
       hoverPanelRestTargetRef.current = { anchorKey, entryId };
       clearHoverPanelOpenTimer();
@@ -10791,7 +10859,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelOpenTimer, showHoverPanel]
   );
-  const showLabelTooltip = useCallback11(
+  const showLabelTooltip = useCallback12(
     (target, anchorKey, anchorElement) => {
       const dockElement = dockMeasureRef.current;
       if (!dockElement) {
@@ -10816,7 +10884,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer]
   );
-  const scheduleLabelTooltipAfterRest = useCallback11(
+  const scheduleLabelTooltipAfterRest = useCallback12(
     (target, anchorKey) => {
       clearLabelTooltipOpenTimer();
       labelTooltipScheduledPointRef.current = null;
@@ -10832,7 +10900,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer, showLabelTooltip]
   );
-  const resolveHoverPanelTargetAtPoint = useCallback11(
+  const resolveHoverPanelTargetAtPoint = useCallback12(
     (clientX, clientY) => {
       for (const [anchorKey, slotElement] of slotRefs.current) {
         const entryId = slotElement.dataset.dockHoverPanelEntryId;
@@ -10848,7 +10916,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const resolveLabelTooltipTargetAtPoint = useCallback11(
+  const resolveLabelTooltipTargetAtPoint = useCallback12(
     (clientX, clientY) => {
       for (const [anchorKey, slotElement] of slotRefs.current) {
         if (slotElement.dataset.dockHoverPanelEntryId) {
@@ -10875,7 +10943,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const isPointerInsideActiveHoverPanelRegion = useCallback11(
+  const isPointerInsideActiveHoverPanelRegion = useCallback12(
     (clientX, clientY) => {
       const activeHoverPanel2 = activeHoverPanelRef.current;
       if (!activeHoverPanel2) {
@@ -10907,7 +10975,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const scheduleHoverPanelAtPointAfterRest = useCallback11(
+  const scheduleHoverPanelAtPointAfterRest = useCallback12(
     (clientX, clientY) => {
       const scheduledPoint = hoverPanelScheduledPointRef.current;
       if (hoverPanelOpenTimerRef.current !== null && scheduledPoint && Math.abs(clientX - scheduledPoint.clientX) <= dockHoverPanelPointerRestTolerancePx && Math.abs(clientY - scheduledPoint.clientY) <= dockHoverPanelPointerRestTolerancePx) {
@@ -10935,7 +11003,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelOpenTimer, resolveHoverPanelTargetAtPoint, showHoverPanel]
   );
-  const scheduleLabelTooltipAtPointAfterRest = useCallback11(
+  const scheduleLabelTooltipAtPointAfterRest = useCallback12(
     (clientX, clientY) => {
       if (activeLabelTooltipRef.current !== null) {
         return;
@@ -10965,7 +11033,7 @@ function WorkbenchHostDock({
       showLabelTooltip
     ]
   );
-  const beginDockIconInteraction = useCallback11(
+  const beginDockIconInteraction = useCallback12(
     (anchorKey) => {
       hoverPanelRestTargetRef.current = null;
       clearHoverPanelOpenTimer();
@@ -10980,20 +11048,20 @@ function WorkbenchHostDock({
       triggerDockBounce
     ]
   );
-  const isDockEntryClickThrottled = useCallback11(
+  const isDockEntryClickThrottled = useCallback12(
     (anchorKey) => {
       const throttledUntil = dockEntryClickThrottleUntilRef.current.get(anchorKey);
       return throttledUntil !== void 0 && Date.now() < throttledUntil;
     },
     []
   );
-  const claimDockEntryClick = useCallback11((anchorKey) => {
+  const claimDockEntryClick = useCallback12((anchorKey) => {
     dockEntryClickThrottleUntilRef.current.set(
       anchorKey,
       Date.now() + DOCK_ENTRY_CLICK_THROTTLE_MS
     );
   }, []);
-  const beginDockMinimizedInteraction = useCallback11(
+  const beginDockMinimizedInteraction = useCallback12(
     (anchorKey) => {
       hoverPanelRestTargetRef.current = null;
       clearHoverPanelOpenTimer();
@@ -11033,7 +11101,7 @@ function WorkbenchHostDock({
       pauseDockMagnification
     ]
   );
-  const runDockMinimizedLaunchAfterCollapse = useCallback11(
+  const runDockMinimizedLaunchAfterCollapse = useCallback12(
     (intent, launch) => {
       const { anchorKey } = intent;
       beginDockMinimizedInteraction(anchorKey);
@@ -11047,14 +11115,14 @@ function WorkbenchHostDock({
     },
     [beginDockMinimizedInteraction, scheduleCollapsingMinimizedLaunchClear]
   );
-  const runDockMinimizedStackLaunch = useCallback11(
+  const runDockMinimizedStackLaunch = useCallback12(
     (intent, launch) => {
       beginDockMinimizedInteraction();
       launch(intent);
     },
     [beginDockMinimizedInteraction]
   );
-  const handleDockPointerTravel = useCallback11(
+  const handleDockPointerTravel = useCallback12(
     (clientX, clientY) => {
       if (activeHoverPanelRef.current !== null) {
         closeLabelTooltipImmediate();
@@ -11089,7 +11157,7 @@ function WorkbenchHostDock({
       scheduleLabelTooltipAtPointAfterRest
     ]
   );
-  const updateDockScrollState = useCallback11(() => {
+  const updateDockScrollState = useCallback12(() => {
     const scrollElement = dockItemsRef.current;
     const viewportElement = dockMeasureRef.current;
     if (!scrollElement || !viewportElement) {
@@ -11116,7 +11184,7 @@ function WorkbenchHostDock({
       (current) => current.canScrollBackward === nextState.canScrollBackward && current.canScrollForward === nextState.canScrollForward && current.hasOverflow === nextState.hasOverflow ? current : nextState
     );
   }, [dockPlacement, dockWidth]);
-  useLayoutEffect5(() => {
+  useLayoutEffect7(() => {
     const element = dockItemsRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -11234,7 +11302,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const captureMinimizedNodePreview = useCallback11(
+  const captureMinimizedNodePreview = useCallback12(
     async (node) => {
       const minimizedDock = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock;
       const capturePreview = minimizedDock?.kind === "snapshot" ? minimizedDock.capturePreview : void 0;
@@ -11265,7 +11333,7 @@ function WorkbenchHostDock({
       workspaceId
     ]
   );
-  const provideMinimizedNodePreview = useCallback11(
+  const provideMinimizedNodePreview = useCallback12(
     (node) => {
       const minimizedDock = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock;
       if (minimizedDock?.kind !== "component") {
@@ -11294,7 +11362,7 @@ function WorkbenchHostDock({
       workspaceId
     ]
   );
-  const provideMinimizedNodePreviewForNode = useCallback11(
+  const provideMinimizedNodePreviewForNode = useCallback12(
     (node) => {
       const minimizedDock = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock;
       return minimizedDock?.kind === "component" ? provideMinimizedNodePreview : void 0;
@@ -11330,7 +11398,7 @@ function WorkbenchHostDock({
       top: isVertical ? delta : 0
     });
   };
-  const registerDockSlot = useCallback11((anchorKey) => {
+  const registerDockSlot = useCallback12((anchorKey) => {
     const existing = dockSlotRefCallbacksRef.current.get(anchorKey);
     if (existing) {
       return existing;
@@ -11351,7 +11419,7 @@ function WorkbenchHostDock({
     dockSlotRefCallbacksRef.current.set(anchorKey, callback);
     return callback;
   }, []);
-  const runDockEntryAction = useCallback11(
+  const runDockEntryAction = useCallback12(
     (entryId, actionId) => {
       const actionKey = dockActionKey(entryId, actionId);
       if (pendingActionKeys.has(actionKey)) {
@@ -12568,9 +12636,9 @@ function WorkbenchHostDockFrozenComponentPreview({
   className,
   preview
 }) {
-  const sourceRef = useRef8(null);
+  const sourceRef = useRef9(null);
   const [frozenMarkup, setFrozenMarkup] = useState8(null);
-  useLayoutEffect5(() => {
+  useLayoutEffect7(() => {
     if (frozenMarkup !== null) {
       return;
     }
@@ -12681,7 +12749,7 @@ function WorkbenchHostDockHoverPanel({
   setPendingActionKeys,
   state
 }) {
-  const lastPointerActionAtRef = useRef8(/* @__PURE__ */ new Map());
+  const lastPointerActionAtRef = useRef9(/* @__PURE__ */ new Map());
   if (!entry) {
     return null;
   }
@@ -12966,8 +13034,8 @@ function resolveDockPresenceSettleMs(items) {
   return dockPresenceAnimationMs;
 }
 function useDockPresenceItems(items, shouldAnimateMinimizedDockEnter) {
-  const latestItemsByKey = useRef8(/* @__PURE__ */ new Map());
-  const shouldAnimateMinimizedDockEnterRef = useRef8(
+  const latestItemsByKey = useRef9(/* @__PURE__ */ new Map());
+  const shouldAnimateMinimizedDockEnterRef = useRef9(
     shouldAnimateMinimizedDockEnter
   );
   latestItemsByKey.current = new Map(items.map((item) => [item.key, item]));
@@ -12980,7 +13048,7 @@ function useDockPresenceItems(items, shouldAnimateMinimizedDockEnter) {
       presence: "present"
     }))
   );
-  const initialized = useRef8(false);
+  const initialized = useRef9(false);
   useEffect10(() => {
     let nextSettleMs = dockPresenceAnimationMs;
     setPresentItems((current) => {
@@ -13022,7 +13090,7 @@ function useDockWallpaperTones({
   const [tones, setTones] = useState8(
     () => /* @__PURE__ */ new Map()
   );
-  useLayoutEffect5(() => {
+  useLayoutEffect7(() => {
     if (typeof window === "undefined") {
       return void 0;
     }
@@ -13209,8 +13277,8 @@ function dockWallpaperToneMapsEqual(left, right) {
 var DOCK_BOUNCE_MS = 600;
 var DOCK_ENTRY_CLICK_THROTTLE_MS = DOCK_BOUNCE_MS;
 function useDockBounce(slotRefs) {
-  const timeoutsRef = useRef8(/* @__PURE__ */ new Map());
-  const clearDockBounce = useCallback11(
+  const timeoutsRef = useRef9(/* @__PURE__ */ new Map());
+  const clearDockBounce = useCallback12(
     (anchorKey) => {
       const timeout = timeoutsRef.current.get(anchorKey);
       const slotElement = slotRefs.current.get(anchorKey);
@@ -13233,7 +13301,7 @@ function useDockBounce(slotRefs) {
     },
     [clearDockBounce]
   );
-  const triggerDockBounce = useCallback11(
+  const triggerDockBounce = useCallback12(
     (anchorKey) => {
       const shouldRestartAnimation = clearDockBounce(anchorKey);
       const slotElement = slotRefs.current.get(anchorKey);
@@ -13313,6 +13381,9 @@ function createWorkbenchHostNodeHeaderWindowActions(context, input = {}) {
     focus() {
       context.controller.commands.focusNode(context.node.id);
     },
+    getFrame() {
+      return context.controller.getSnapshot().nodes.find((node) => node.id === context.node.id)?.frame ?? context.node.frame;
+    },
     minimize() {
       context.genie.minimizeNodeToAnchor(
         context.node.id,
@@ -13390,7 +13461,9 @@ function createWorkbenchHostNodeHeaderContext({
     externalWorkspaceState: resolvedExternalState.externalWorkspaceState,
     instanceId: context.node.data.instanceId,
     instanceKey: context.node.data.instanceKey ?? null,
-    isFocused: selectFocusedWorkbenchNode(host.getSnapshot())?.id === context.node.id,
+    isDragging: context.isDragging,
+    isFocused: context.isFocused,
+    isResizing: context.isResizing,
     node: context.node,
     surfaceSize: context.surfaceSize,
     windowActions: createWorkbenchHostNodeHeaderWindowActions(context, {
@@ -13438,7 +13511,7 @@ function WorkbenchHostWindowActions({
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
 import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function useWorkbenchHostSurfaceRenderers(input) {
-  const renderBottomChrome = useMemo8(() => {
+  const renderBottomChrome = useMemo10(() => {
     const renderChrome = input.renderBottomChrome;
     return renderChrome ? () => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
@@ -13466,7 +13539,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     input.renderBottomChrome,
     input.workspaceId
   ]);
-  const renderTopChrome = useMemo8(() => {
+  const renderTopChrome = useMemo10(() => {
     const renderChrome = input.renderTopChrome;
     return renderChrome ? () => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
@@ -13494,7 +13567,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     input.renderTopChrome,
     input.workspaceId
   ]);
-  const captureNodePreviewImage = useCallback12(
+  const captureNodePreviewImage = useCallback13(
     async (node) => {
       const definition = input.nodeDefinitionByType.get(node.data.typeId);
       const minimizedDock = definition?.window?.minimizedDock;
@@ -13527,7 +13600,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderDock = useCallback12(
+  const renderDock = useCallback13(
     (context) => /* @__PURE__ */ jsx14(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
@@ -13579,7 +13652,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderNode = useCallback12(
+  const renderNode = useCallback13(
     (context) => {
       const definition = input.nodeDefinitionByType.get(
         context.node.data.typeId
@@ -13607,7 +13680,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderWindowActions = useCallback12(
+  const renderWindowActions = useCallback13(
     (context) => /* @__PURE__ */ jsx14(
       WorkbenchHostWindowActions,
       {
@@ -13619,7 +13692,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ),
     [input.hostI18n, input.hostSession, input.nodeDefinitionByType]
   );
-  const renderWindowHeader = useCallback12(
+  const renderWindowHeader = useCallback13(
     (context) => {
       const definition = input.nodeDefinitionByType.get(
         context.node.data.typeId
@@ -13628,7 +13701,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         return null;
       }
       return /* @__PURE__ */ jsx14(
-        WorkbenchHostNodeHeaderRenderer,
+        MemoizedWorkbenchHostNodeHeaderStateBridge,
         {
           context,
           definition,
@@ -13645,21 +13718,21 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const shouldKeepMinimizedNodeMounted = useCallback12(
+  const shouldKeepMinimizedNodeMounted = useCallback13(
     (node) => {
       const capability = input.nodeDefinitionByType.get(node.data.typeId)?.window?.keepMountedWhenMinimized;
       return typeof capability === "function" ? capability(node) : capability === true;
     },
     [input.nodeDefinitionByType]
   );
-  const shouldCaptureNodePreviewImage = useCallback12(
+  const shouldCaptureNodePreviewImage = useCallback13(
     (node) => {
       const minimizedDock = input.nodeDefinitionByType.get(node.data.typeId)?.window?.minimizedDock;
       return minimizedDock?.kind !== "component";
     },
     [input.nodeDefinitionByType]
   );
-  const renderNodeGeniePreview = useCallback12(
+  const renderNodeGeniePreview = useCallback13(
     (node, {
       previewViewport
     }) => {
@@ -13693,7 +13766,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const resolveDockAnchorKey = useCallback12(
+  const resolveDockAnchorKey = useCallback13(
     (node) => {
       if (node.isMinimized && isWorkbenchMinimizedDockEligibleNode({
         node,
@@ -13726,7 +13799,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     },
     [input.dockEntries, input.hostSession, input.nodeDefinitionByType]
   );
-  const resolveDockPreviewCacheKey2 = useCallback12(
+  const resolveDockPreviewCacheKey2 = useCallback13(
     (node) => ({
       instanceId: node.data.instanceId,
       instanceKey: node.data.instanceKey ?? null,
@@ -13736,16 +13809,16 @@ function useWorkbenchHostSurfaceRenderers(input) {
     }),
     [input.workspaceId]
   );
-  const windowChromeMode = useCallback12(
+  const windowChromeMode = useCallback13(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.renderHeader ? "custom-header" : "system",
     [input.nodeDefinitionByType]
   );
-  const resolveWindowZIndex = useCallback12(({ baseZIndex }) => baseZIndex, []);
-  const resolveWindowSurfaceLayer = useCallback12(
+  const resolveWindowZIndex = useCallback13(({ baseZIndex }) => baseZIndex, []);
+  const resolveWindowSurfaceLayer = useCallback13(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.window?.surfaceLayer ?? "default",
     [input.nodeDefinitionByType]
   );
-  const resolveFullscreenHeaderMode = useCallback12(
+  const resolveFullscreenHeaderMode = useCallback13(
     ({ node }) => input.nodeDefinitionByType.get(node.data.typeId)?.window?.fullscreenHeaderMode,
     [input.nodeDefinitionByType]
   );
@@ -13782,7 +13855,7 @@ function WorkbenchHostNodeRenderer(input) {
     host: input.host,
     workspaceId: input.workspaceId
   });
-  const resetKey = useMemo8(
+  const resetKey = useMemo10(
     () => [
       input.context.node.id,
       input.context.node.data.typeId,
@@ -13817,23 +13890,65 @@ function WorkbenchHostNodeRenderer(input) {
     }
   );
 }
-function WorkbenchHostNodeHeaderRenderer(input) {
+function WorkbenchHostNodeHeaderStateBridge(input) {
   const externalState = useWorkbenchHostExternalState({
     externalStateSource: input.externalStateSource,
     node: input.context.node,
     workspaceId: input.workspaceId
   });
-  return input.definition.renderHeader?.(
-    createWorkbenchHostNodeHeaderContext({
-      context: input.context,
+  const context = createWorkbenchHostNodeHeaderContext({
+    context: input.context,
+    definition: input.definition,
+    externalState,
+    externalStateSource: input.externalStateSource,
+    host: input.host,
+    workspaceId: input.workspaceId
+  });
+  const getFrameRenderKey = input.definition.getHeaderFrameRenderKey;
+  return /* @__PURE__ */ jsx14(
+    MemoizedWorkbenchHostNodeHeaderRenderer,
+    {
+      context,
       definition: input.definition,
-      externalState,
-      externalStateSource: input.externalStateSource,
+      frameRenderKey: getFrameRenderKey?.(context) ?? null,
+      hasFrameRenderKey: getFrameRenderKey !== void 0,
       host: input.host,
-      workspaceId: input.workspaceId
-    })
+      renderRevision: input.context.renderRevision
+    }
   );
 }
+function areWorkbenchHostNodeHeaderStateBridgePropsEqual(previous, next) {
+  return previous.definition === next.definition && previous.externalStateSource === next.externalStateSource && previous.host === next.host && previous.workspaceId === next.workspaceId && previous.context.controller === next.context.controller && previous.context.isDragging === next.context.isDragging && previous.context.isFocused === next.context.isFocused && previous.context.isResizing === next.context.isResizing && previous.context.node === next.context.node && previous.context.renderRevision === next.context.renderRevision && previous.context.surfaceSize.width === next.context.surfaceSize.width && previous.context.surfaceSize.height === next.context.surfaceSize.height;
+}
+var MemoizedWorkbenchHostNodeHeaderStateBridge = memo2(
+  WorkbenchHostNodeHeaderStateBridge,
+  areWorkbenchHostNodeHeaderStateBridgePropsEqual
+);
+function WorkbenchHostNodeHeaderRenderer(input) {
+  return input.definition.renderHeader?.(input.context);
+}
+function areWorkbenchHostNodeHeaderRendererPropsEqual(previous, next) {
+  if (previous.definition !== next.definition || previous.host !== next.host || previous.renderRevision !== next.renderRevision || previous.context.activation !== next.context.activation || previous.context.externalNodeState !== next.context.externalNodeState || previous.context.externalWorkspaceState !== next.context.externalWorkspaceState || previous.context.isDragging !== next.context.isDragging || previous.context.isFocused !== next.context.isFocused || previous.context.isResizing !== next.context.isResizing) {
+    return false;
+  }
+  const previousNode = previous.context.node;
+  const nextNode = next.context.node;
+  const nonFrameInputsEqual = previous.context.surfaceSize.width === next.context.surfaceSize.width && previous.context.surfaceSize.height === next.context.surfaceSize.height && previousNode.id === nextNode.id && previousNode.kind === nextNode.kind && previousNode.title === nextNode.title && previousNode.displayMode === nextNode.displayMode && previousNode.restoreFrame === nextNode.restoreFrame && previousNode.isMinimized === nextNode.isMinimized && previousNode.minimizedAtUnixMs === nextNode.minimizedAtUnixMs && previousNode.sizeConstraints === nextNode.sizeConstraints && previousNode.data === nextNode.data;
+  if (!nonFrameInputsEqual) {
+    return false;
+  }
+  if ((next.context.isDragging || next.context.isResizing) && next.hasFrameRenderKey) {
+    return Object.is(previous.frameRenderKey, next.frameRenderKey);
+  }
+  return areWorkbenchFramesEqual(previousNode.frame, nextNode.frame);
+}
+function areWorkbenchFramesEqual(previous, next) {
+  return previous.x === next.x && previous.y === next.y && previous.width === next.width && previous.height === next.height;
+}
+var MemoizedWorkbenchHostNodeHeaderRenderer = memo2(
+  WorkbenchHostNodeHeaderRenderer,
+  areWorkbenchHostNodeHeaderRendererPropsEqual
+);
 var WorkbenchHostSurfaceRenderErrorBoundary = class extends Component {
   state = {
     hasError: false
@@ -14035,7 +14150,7 @@ function WorkbenchHost({
   windowManagement,
   workspaceId
 }) {
-  const hostRuntimeConfig = useMemo9(
+  const hostRuntimeConfig = useMemo11(
     () => resolveWorkbenchHostRuntimeConfig({
       contributions,
       externalStateSource,
@@ -14051,7 +14166,7 @@ function WorkbenchHost({
       onNodeCloseRequest
     ]
   );
-  const hostDockEntries = useMemo9(
+  const hostDockEntries = useMemo11(
     () => resolveWorkbenchHostDockEntries({
       contributions,
       dockEntryPresentationOverrides,