@tutti-os/workbench-surface 0.0.238 → 0.0.239

package/dist/index.js

@@ -9063,16 +9063,16 @@ function logWorkbenchHostDebug(event, debugDiagnostics, payload) {
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { Component, memo as memo3, useCallback as useCallback13, useMemo as useMemo11 } 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,
+  useCallback as useCallback13,
+  useEffect as useEffect12,
+  useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo10,
-  useRef as useRef9,
-  useState as useState8
+  useRef as useRef11,
+  useState as useState10
 } from "react";
 import {
   ArrowLeftIcon,
@@ -10307,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;
@@ -10473,24 +10461,28 @@ function resolveDockPopupVerticalClampOffsetPx(input) {
   return 0;
 }
 
-// src/host/WorkbenchHostDockPopup.tsx
+// 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 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 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;
@@ -10529,344 +10521,442 @@ 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 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 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
+}
+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 })
+      ]
+    }
   );
-  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("|");
-  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") {
-      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 = 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);
-      }
-    };
-    cardRefCallbacksRef.current.set(nodeId, callback);
-    return callback;
-  }, []);
-  useEffect9(() => {
-    if (!isLeftMinimizedStack) {
-      return;
+}
+function WorkbenchHostDockContextMenuSeparator() {
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: "mx-2 my-1 h-px bg-[var(--border-1)]",
+      role: "separator"
     }
-    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;
-      }
-      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();
+  );
+}
+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);
       }
-    };
-    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(() => {
+    },
+    []
+  );
+  const handleSelect = useCallback11(() => {
     if (!isMinimizedStack) {
+      onSelectNode(item.node.id);
       return;
     }
-    const viewport = minimizedStackViewportRef.current;
-    if (!viewport) {
+    if (launchTimerRef.current !== null) {
       return;
     }
-    const handleWheel = (event) => {
+    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();
-      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]);
-  useEffect9(() => {
-    if (!capturePreviewRef.current || isContextMenu) {
-      return;
-    }
-    let cancelled = false;
-    const startedCaptureKeys = /* @__PURE__ */ new Set();
-    const missingItems = items.filter((item) => {
-      const revision = item.previewRevision;
-      const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
-        item.node,
-        resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
-      );
-      const pendingCaptureKey = resolveDockPopupPreviewCaptureKey(
-        previewMemoryKey,
-        revision
-      );
-      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);
-    });
-    if (missingItems.length === 0) {
-      logWorkbenchDockPopupDebug(
-        "dock.popup.preview_capture.batch",
-        debugDiagnostics,
-        {
-          itemCount: items.length,
-          missingNodeIds: []
-        }
-      );
-      return () => {
-        cancelled = true;
-      };
-    }
-    logWorkbenchDockPopupDebug(
-      "dock.popup.preview_capture.batch",
-      debugDiagnostics,
+      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 === "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 (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
+      }
+    );
+  }
+  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/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;
+    };
+  }, []);
+  useEffect10(() => {
+    if (!capturePreviewRef.current || isContextMenu) {
+      return;
+    }
+    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,
+        resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null
+      );
+      const pendingCaptureKey = resolveDockPopupPreviewCaptureKey(
+        previewMemoryKey,
+        revision
+      );
+      const capturedPreview = capturedPreviewByMemoryKeyRef.current[previewMemoryKey] ?? readDockPopupPreviewImage(previewMemoryKey);
+      const hasCapturedPreview = capturedPreview !== void 0 && capturedPreview.revision === revision;
+      return !item.preview && !hasCapturedPreview && !pendingDockPopupPreviewCaptureKeys.has(pendingCaptureKey);
+    });
+    if (missingItems.length === 0) {
+      logWorkbenchDockPopupDebug(
+        "dock.popup.preview_capture.batch",
+        debugDiagnosticsRef.current,
+        {
+          itemCount: items.length,
+          missingNodeIds: []
+        }
+      );
+      return;
+    }
+    logWorkbenchDockPopupDebug(
+      "dock.popup.preview_capture.batch",
+      debugDiagnosticsRef.current,
       {
         itemCount: items.length,
         missingNodeIds: missingItems.map((item) => item.node.id)
@@ -10874,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(
@@ -10910,7 +11010,7 @@ function WorkbenchHostDockPopup({
             }
           );
           const cacheKey = resolveDockPopupPreviewCacheKey(
-            resolveDockPreviewCacheKeyRef.current?.(item.node) ?? null,
+            resolvedCacheKey,
             revision
           );
           if (item.isMinimized && cacheKey) {
@@ -10918,8 +11018,8 @@ function WorkbenchHostDockPopup({
               dockPreviewCacheRef.current,
               cacheKey
             );
-            if (cancelled) {
-              break;
+            if (!captureItemStateIsCurrent(itemStateKey)) {
+              continue;
             }
             if (minimizedPersistedPreview) {
               const persistedPreview = {
@@ -10945,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",
@@ -10987,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,
@@ -11033,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 [
@@ -11052,422 +11161,555 @@ 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(Fragment4, { 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,
+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 readPersistedDockPreview(dockPreviewCache, cacheKey) {
+  if (!cacheKey) {
+    return Promise.resolve(null);
+  }
+  return dockPreviewCache?.read(cacheKey).catch(() => null) ?? Promise.resolve(null);
+}
+function resolveDockPopupPreviewCacheKey(cacheKey, revision) {
+  return cacheKey ? { ...cacheKey, revision } : null;
+}
+function resolveDockPopupPreviewMemoryKey(item, cacheKey) {
+  if (!cacheKey) {
+    return `node:${item.node.id}`;
+  }
+  return `cache:${JSON.stringify({
+    instanceId: cacheKey.instanceId,
+    instanceKey: cacheKey.instanceKey ?? null,
+    nodeId: cacheKey.nodeId,
+    typeId: cacheKey.typeId,
+    workspaceId: cacheKey.workspaceId
+  })}`;
+}
+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;
+  }
+  if (typeof preview === "string") {
+    return { kind: "image", revision: revision ?? void 0, src: preview };
+  }
+  return {
+    ...preview,
+    revision: preview.revision ?? revision ?? void 0
+  };
+}
+function resolveDockPopupItemPreviewState(item, capturedPreview, hasPreviewProvider) {
+  const revision = item.previewRevision;
+  if (item.preview) {
+    return { preview: item.preview, status: "ready" };
+  }
+  if (capturedPreview && capturedPreview.revision === revision && capturedPreview.preview) {
+    return { preview: capturedPreview.preview, status: "ready" };
+  }
+  if (capturedPreview !== void 0 && capturedPreview.revision === revision || !hasPreviewProvider) {
+    return { status: "fallback" };
+  }
+  return { status: "loading" };
+}
+function previewCacheToken(preview) {
+  if (!preview) {
+    return "";
+  }
+  switch (preview.kind) {
+    case "component":
+      return `component:${preview.revision ?? ""}`;
+    case "image":
+      return `image:${preview.revision ?? ""}:${preview.src}`;
+  }
+}
+
+// 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,
-  onQuit,
   onRunDockRetentionAction,
   onSelectNode,
   onShowAllWindows,
+  onQuit,
+  placement = "bottom",
   quitLabel,
+  resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2,
   showAllWindowsLabel,
-  showOpen
+  showCreateNew,
+  showCreateNewInContextMenu,
+  showOpen,
+  variant
 }) {
-  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(Fragment4, { 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(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 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()
   );
-}
-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 })
-      ]
-    }
+  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
   );
-}
-function WorkbenchHostDockContextMenuSeparator() {
-  return /* @__PURE__ */ jsx11(
-    "div",
-    {
-      "aria-hidden": "true",
-      className: "mx-2 my-1 h-px bg-[var(--border-1)]",
-      role: "separator"
-    }
+  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
   );
-}
-function readPersistedDockPreview(dockPreviewCache, cacheKey) {
-  if (!cacheKey) {
-    return Promise.resolve(null);
-  }
-  return dockPreviewCache?.read(cacheKey).catch(() => null) ?? Promise.resolve(null);
-}
-function resolveDockPopupPreviewCacheKey(cacheKey, revision) {
-  return cacheKey ? { ...cacheKey, revision } : null;
-}
-function resolveDockPopupPreviewMemoryKey(node, cacheKey) {
-  if (!cacheKey) {
-    return `node:${node.id}`;
-  }
-  return `cache:${JSON.stringify({
-    instanceId: cacheKey.instanceId,
-    instanceKey: cacheKey.instanceKey ?? null,
-    nodeId: cacheKey.nodeId,
-    typeId: cacheKey.typeId,
-    workspaceId: cacheKey.workspaceId
-  })}`;
-}
-function resolveDockPopupPreviewCaptureKey(memoryKey, revision) {
-  return `${memoryKey}\0${revision ?? ""}`;
-}
-function normalizeDockPopupPreviewContentResult(preview, revision) {
-  if (!preview) {
-    return null;
-  }
-  if (typeof preview === "string") {
-    return { kind: "image", revision: revision ?? void 0, src: preview };
-  }
-  return {
-    ...preview,
-    revision: preview.revision ?? revision ?? void 0
+  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`
+      } : {}
+    } : {}
   };
-}
-function resolveDockPopupItemPreviewState(item, capturedPreview, hasPreviewProvider) {
-  const revision = item.previewRevision;
-  if (item.preview) {
-    return { preview: item.preview, status: "ready" };
-  }
-  if (capturedPreview && capturedPreview.revision === revision && capturedPreview.preview) {
-    return { preview: capturedPreview.preview, status: "ready" };
-  }
-  if (capturedPreview !== void 0 && capturedPreview.revision === revision || !hasPreviewProvider) {
-    return { status: "fallback" };
-  }
-  return { status: "loading" };
-}
-function previewCacheToken(preview) {
-  if (!preview) {
-    return "";
-  }
-  switch (preview.kind) {
-    case "component":
-      return `component:${preview.revision ?? ""}`;
-    case "image":
-      return `image:${preview.revision ?? ""}:${preview.src}`;
-  }
-}
-function logWorkbenchDockPopupDebug(event, debugDiagnostics, details) {
-  if (!debugDiagnostics?.log) {
-    return;
+  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();
@@ -11492,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
@@ -11717,69 +11785,69 @@ function WorkbenchHostDock({
     () => 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;
     }
@@ -11787,7 +11855,7 @@ function WorkbenchHostDock({
     hoverPanelOpenTimerRef.current = null;
     hoverPanelScheduledPointRef.current = null;
   }, []);
-  const clearLabelTooltipOpenTimer = useCallback12(() => {
+  const clearLabelTooltipOpenTimer = useCallback13(() => {
     if (labelTooltipOpenTimerRef.current === null) {
       return;
     }
@@ -11795,7 +11863,7 @@ function WorkbenchHostDock({
     labelTooltipOpenTimerRef.current = null;
     labelTooltipScheduledPointRef.current = null;
   }, []);
-  useEffect10(
+  useEffect12(
     () => () => {
       clearHoverPanelCloseTimer();
       clearHoverPanelOpenTimer();
@@ -11811,7 +11879,7 @@ function WorkbenchHostDock({
       clearLabelTooltipOpenTimer
     ]
   );
-  const clearCollapsingMinimizedLaunch = useCallback12((anchorKey) => {
+  const clearCollapsingMinimizedLaunch = useCallback13((anchorKey) => {
     const timer = collapsingMinimizedLaunchTimerRef.current.get(anchorKey);
     if (timer) {
       clearTimeout(timer);
@@ -11830,7 +11898,7 @@ function WorkbenchHostDock({
       return next;
     });
   }, []);
-  const scheduleCollapsingMinimizedLaunchClear = useCallback12(
+  const scheduleCollapsingMinimizedLaunchClear = useCallback13(
     (anchorKey) => {
       const existing = collapsingMinimizedLaunchTimerRef.current.get(anchorKey);
       if (existing) {
@@ -11845,7 +11913,7 @@ function WorkbenchHostDock({
     },
     [clearCollapsingMinimizedLaunch]
   );
-  useLayoutEffect7(() => {
+  useLayoutEffect8(() => {
     const element = dockMeasureRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -11882,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;
     }
@@ -11961,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);
     }
@@ -11975,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);
@@ -11985,7 +12053,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const setDockHoverPanelOpen = useCallback12((open) => {
+  const setDockHoverPanelOpen = useCallback13((open) => {
     if (open) {
       dockMeasureRef.current?.setAttribute(
         "data-dock-hover-panel-open",
@@ -11995,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) {
@@ -12015,7 +12083,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer]
   );
-  const closeHoverPanelImmediate = useCallback12(
+  const closeHoverPanelImmediate = useCallback13(
     (entryId) => {
       clearHoverPanelOpenTimer();
       clearHoverPanelCloseTimer();
@@ -12038,7 +12106,7 @@ function WorkbenchHostDock({
       setDockHoverPanelOpen
     ]
   );
-  const scheduleHoverPanelClose = useCallback12(
+  const scheduleHoverPanelClose = useCallback13(
     (entryId) => {
       clearHoverPanelOpenTimer();
       clearHoverPanelCloseTimer();
@@ -12055,7 +12123,7 @@ function WorkbenchHostDock({
       handleDockPointerLeave
     ]
   );
-  const showHoverPanel = useCallback12(
+  const showHoverPanel = useCallback13(
     (entryId, anchorKey, anchorElement) => {
       const dockElement = dockMeasureRef.current;
       if (!dockElement) {
@@ -12081,7 +12149,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelCloseTimer, pauseDockMagnification, setDockHoverPanelOpen]
   );
-  const scheduleHoverPanelAfterRest = useCallback12(
+  const scheduleHoverPanelAfterRest = useCallback13(
     (entryId, anchorKey) => {
       hoverPanelRestTargetRef.current = { anchorKey, entryId };
       clearHoverPanelOpenTimer();
@@ -12102,7 +12170,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelOpenTimer, showHoverPanel]
   );
-  const showLabelTooltip = useCallback12(
+  const showLabelTooltip = useCallback13(
     (target, anchorKey, anchorElement) => {
       const dockElement = dockMeasureRef.current;
       if (!dockElement) {
@@ -12127,7 +12195,7 @@ function WorkbenchHostDock({
     },
     [clearLabelTooltipOpenTimer]
   );
-  const scheduleLabelTooltipAfterRest = useCallback12(
+  const scheduleLabelTooltipAfterRest = useCallback13(
     (target, anchorKey) => {
       clearLabelTooltipOpenTimer();
       labelTooltipScheduledPointRef.current = null;
@@ -12143,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;
@@ -12159,7 +12227,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const resolveLabelTooltipTargetAtPoint = useCallback12(
+  const resolveLabelTooltipTargetAtPoint = useCallback13(
     (clientX, clientY) => {
       for (const [anchorKey, slotElement] of slotRefs.current) {
         if (slotElement.dataset.dockHoverPanelEntryId) {
@@ -12186,7 +12254,7 @@ function WorkbenchHostDock({
     },
     []
   );
-  const isPointerInsideActiveHoverPanelRegion = useCallback12(
+  const isPointerInsideActiveHoverPanelRegion = useCallback13(
     (clientX, clientY) => {
       const activeHoverPanel2 = activeHoverPanelRef.current;
       if (!activeHoverPanel2) {
@@ -12218,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) {
@@ -12246,7 +12314,7 @@ function WorkbenchHostDock({
     },
     [clearHoverPanelOpenTimer, resolveHoverPanelTargetAtPoint, showHoverPanel]
   );
-  const scheduleLabelTooltipAtPointAfterRest = useCallback12(
+  const scheduleLabelTooltipAtPointAfterRest = useCallback13(
     (clientX, clientY) => {
       if (activeLabelTooltipRef.current !== null) {
         return;
@@ -12276,7 +12344,7 @@ function WorkbenchHostDock({
       showLabelTooltip
     ]
   );
-  const beginDockIconInteraction = useCallback12(
+  const beginDockIconInteraction = useCallback13(
     (anchorKey) => {
       hoverPanelRestTargetRef.current = null;
       clearHoverPanelOpenTimer();
@@ -12291,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();
@@ -12344,7 +12412,7 @@ function WorkbenchHostDock({
       pauseDockMagnification
     ]
   );
-  const runDockMinimizedLaunchAfterCollapse = useCallback12(
+  const runDockMinimizedLaunchAfterCollapse = useCallback13(
     (intent, launch) => {
       const { anchorKey } = intent;
       beginDockMinimizedInteraction(anchorKey);
@@ -12358,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();
@@ -12400,7 +12468,7 @@ function WorkbenchHostDock({
       scheduleLabelTooltipAtPointAfterRest
     ]
   );
-  const updateDockScrollState = useCallback12(() => {
+  const updateDockScrollState = useCallback13(() => {
     const scrollElement = dockItemsRef.current;
     const viewportElement = dockMeasureRef.current;
     if (!scrollElement || !viewportElement) {
@@ -12427,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;
@@ -12470,7 +12538,7 @@ function WorkbenchHostDock({
       })()
     )
   );
-  useEffect10(() => {
+  useEffect12(() => {
     const shouldSubscribe = activePopup !== null || hasMinimizedPreviewCapture;
     if (!shouldSubscribe || !externalStateSource?.subscribeNodeState) {
       return void 0;
@@ -12495,7 +12563,7 @@ function WorkbenchHostDock({
     hasMinimizedPreviewCapture,
     workspaceId
   ]);
-  useEffect10(() => {
+  useEffect12(() => {
     const nextAttentionIds = /* @__PURE__ */ new Set();
     for (const entry of renderedDockEntries) {
       const nextToken = entry.attentionToken ?? null;
@@ -12536,7 +12604,7 @@ function WorkbenchHostDock({
       );
     }
   }, [renderedDockEntries]);
-  useEffect10(
+  useEffect12(
     () => () => {
       for (const timeout of attentionTimeouts.current.values()) {
         globalThis.clearTimeout(timeout);
@@ -12545,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;
@@ -12576,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") {
@@ -12605,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;
@@ -12641,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;
@@ -12662,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)) {
@@ -12718,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,
@@ -12733,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,
@@ -12759,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",
@@ -12767,7 +12835,7 @@ function WorkbenchHostDock({
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -12778,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),
@@ -12810,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,
@@ -12969,7 +13037,7 @@ function WorkbenchHostDock({
                               entryId: entry.id
                             });
                           },
-                          children: /* @__PURE__ */ jsxs9(
+                          children: /* @__PURE__ */ jsxs10(
                             "span",
                             {
                               className: "desktop-dock__icon-shell",
@@ -12977,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
@@ -12987,7 +13055,7 @@ function WorkbenchHostDock({
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx12(
+                      return /* @__PURE__ */ jsx13(
                         "span",
                         {
                           ref: registerDockSlot(anchorKey),
@@ -13088,7 +13156,7 @@ function WorkbenchHostDock({
                         `minimized-stack:${slot.anchorKey}`,
                         stackLabel
                       );
-                      const stackButton = /* @__PURE__ */ jsx12(
+                      const stackButton = /* @__PURE__ */ jsx13(
                         "span",
                         {
                           "aria-expanded": stackPopupActive,
@@ -13122,7 +13190,7 @@ function WorkbenchHostDock({
                               }
                             );
                           },
-                          children: /* @__PURE__ */ jsxs9(
+                          children: /* @__PURE__ */ jsxs10(
                             "span",
                             {
                               className: "desktop-dock__minimized-stack-icon",
@@ -13137,7 +13205,7 @@ function WorkbenchHostDock({
                                   (_, index) => {
                                     const node2 = slot.nodes[index];
                                     if (index === 0 && node2) {
-                                      return /* @__PURE__ */ jsx12(
+                                      return /* @__PURE__ */ jsx13(
                                         WorkbenchHostDockMinimizedNodePreview,
                                         {
                                           capturePreview: captureMinimizedNodePreview,
@@ -13152,7 +13220,7 @@ function WorkbenchHostDock({
                                         minimizedDockPreviewFreezeKey(node2)
                                       );
                                     }
-                                    return /* @__PURE__ */ jsx12(
+                                    return /* @__PURE__ */ jsx13(
                                       "span",
                                       {
                                         "aria-hidden": "true",
@@ -13162,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),
@@ -13223,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 }),
@@ -13284,7 +13352,7 @@ function WorkbenchHostDock({
                             }
                           );
                         },
-                        children: /* @__PURE__ */ jsx12(
+                        children: /* @__PURE__ */ jsx13(
                           WorkbenchHostDockMinimizedNodePreview,
                           {
                             capturePreview: isPendingMinimizedNode ? void 0 : captureMinimizedNodePreview,
@@ -13298,7 +13366,7 @@ function WorkbenchHostDock({
                         )
                       }
                     );
-                    return /* @__PURE__ */ jsx12(
+                    return /* @__PURE__ */ jsx13(
                       "span",
                       {
                         ref: registerDockSlot(slot.anchorKey),
@@ -13348,7 +13416,7 @@ function WorkbenchHostDock({
                       dockItem.key
                     );
                   }) }),
-                  /* @__PURE__ */ jsx12(
+                  /* @__PURE__ */ jsx13(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -13359,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(
@@ -13395,7 +13463,7 @@ function WorkbenchHostDock({
                       }
                     }
                   ) : null,
-                  activeLabelTooltip ? /* @__PURE__ */ jsx12(
+                  activeLabelTooltip ? /* @__PURE__ */ jsx13(
                     WorkbenchHostDockLabelTooltip,
                     {
                       placement: dockPlacement,
@@ -13407,7 +13475,7 @@ function WorkbenchHostDock({
             )
           }
         ),
-        popupEntry && activePopup ? /* @__PURE__ */ jsx12(
+        popupEntry && activePopup ? /* @__PURE__ */ jsx13(
           WorkbenchHostDockPopup,
           {
             anchorRect: activePopup.anchorRect,
@@ -13598,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,
@@ -13698,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;
     }
@@ -13752,7 +13820,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     previewImageUrl,
     providePreview
   ]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (deferPreview) {
       return void 0;
     }
@@ -13811,7 +13879,7 @@ function WorkbenchHostDockMinimizedNodePreview({
     return renderMinimizedDockPreviewPlaceholder(className);
   }
   if (previewImageUrl) {
-    return /* @__PURE__ */ jsx12(
+    return /* @__PURE__ */ jsx13(
       "span",
       {
         className: [
@@ -13820,7 +13888,7 @@ function WorkbenchHostDockMinimizedNodePreview({
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           "img",
           {
             alt: "",
@@ -13838,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: [
@@ -13862,7 +13930,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
           className
         ].filter(Boolean).join(" "),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx12(
+        children: /* @__PURE__ */ jsx13(
           "img",
           {
             alt: "",
@@ -13874,7 +13942,7 @@ function renderMinimizedDockPreviewContent(preview, className) {
       }
     );
   }
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     WorkbenchHostDockFrozenComponentPreview,
     {
       className,
@@ -13886,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: [
@@ -13903,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",
@@ -13958,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",
@@ -13999,7 +14067,7 @@ function WorkbenchHostDockHoverPanel({
   setPendingActionKeys,
   state
 }) {
-  const lastPointerActionAtRef = useRef9(/* @__PURE__ */ new Map());
+  const lastPointerActionAtRef = useRef11(/* @__PURE__ */ new Map());
   if (!entry) {
     return null;
   }
@@ -14033,7 +14101,7 @@ function WorkbenchHostDockHoverPanel({
       }
     })();
   };
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       ref: hoverPanelRef,
@@ -14052,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,
@@ -14280,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({
@@ -14333,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;
     }
@@ -14523,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);
@@ -14538,7 +14606,7 @@ function useDockBounce(slotRefs) {
     },
     [slotRefs]
   );
-  useEffect10(
+  useEffect12(
     () => () => {
       for (const anchorKey of timeoutsRef.current.keys()) {
         clearDockBounce(anchorKey);
@@ -14547,7 +14615,7 @@ function useDockBounce(slotRefs) {
     },
     [clearDockBounce]
   );
-  const triggerDockBounce = useCallback12(
+  const triggerDockBounce = useCallback13(
     (anchorKey) => {
       const shouldRestartAnimation = clearDockBounce(anchorKey);
       const slotElement = slotRefs.current.get(anchorKey);
@@ -14756,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,
@@ -14769,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 ? {
@@ -14792,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 = useMemo11(() => {
     const renderChrome = input.renderBottomChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx14(
+    return renderChrome ? () => /* @__PURE__ */ jsx15(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14807,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,
@@ -14824,7 +14892,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
   ]);
   const renderTopChrome = useMemo11(() => {
     const renderChrome = input.renderTopChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx14(
+    return renderChrome ? () => /* @__PURE__ */ jsx15(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14835,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,
@@ -14850,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;
@@ -14879,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(
@@ -14913,8 +14981,8 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.captureNodePreviewImages
     ]
   );
-  const renderDock = useCallback13(
-    (context) => /* @__PURE__ */ jsx14(
+  const renderDock = useCallback14(
+    (context) => /* @__PURE__ */ jsx15(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14926,7 +14994,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "dock",
         resetKey: `${input.workspaceId}:dock`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx14(
+        children: /* @__PURE__ */ jsx15(
           WorkbenchHostDock,
           {
             captureNodePreviewImage,
@@ -14965,7 +15033,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderNode = useCallback13(
+  const renderNode = useCallback14(
     (context) => {
       const definition = input.nodeDefinitionByType.get(
         context.node.data.typeId
@@ -14973,7 +15041,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition) {
         return null;
       }
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         WorkbenchHostNodeRenderer,
         {
           debugDiagnostics: input.debugDiagnostics,
@@ -14993,8 +15061,8 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const renderWindowActions = useCallback13(
-    (context) => /* @__PURE__ */ jsx14(
+  const renderWindowActions = useCallback14(
+    (context) => /* @__PURE__ */ jsx15(
       WorkbenchHostWindowActions,
       {
         context,
@@ -15005,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
@@ -15013,7 +15081,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition?.renderHeader) {
         return null;
       }
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx15(
         MemoizedWorkbenchHostNodeHeaderStateBridge,
         {
           context,
@@ -15031,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
     }) => {
@@ -15076,7 +15144,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const resolveDockAnchorKey = useCallback13(
+  const resolveDockAnchorKey = useCallback14(
     (node) => {
       if (node.isMinimized && isWorkbenchMinimizedDockEligibleNode({
         node,
@@ -15109,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,
@@ -15119,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]
   );
@@ -15187,7 +15255,7 @@ function WorkbenchHostNodeRenderer(input) {
       input.context.node.id
     ]
   );
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     WorkbenchHostNodeRenderErrorBoundary,
     {
       debugDiagnostics: input.debugDiagnostics,
@@ -15198,7 +15266,7 @@ function WorkbenchHostNodeRenderer(input) {
       }),
       resetKey,
       workspaceId: input.workspaceId,
-      children: /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsx15(
         MemoizedWorkbenchHostNodeBodyRenderer,
         {
           context: bodyContext,
@@ -15223,7 +15291,7 @@ function WorkbenchHostNodeHeaderStateBridge(input) {
     workspaceId: input.workspaceId
   });
   const getFrameRenderKey = input.definition.getHeaderFrameRenderKey;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     MemoizedWorkbenchHostNodeHeaderRenderer,
     {
       context,
@@ -15300,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,
@@ -15359,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",
@@ -15377,7 +15445,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsx14(
+            /* @__PURE__ */ jsx15(
               "div",
               {
                 "data-workbench-node-render-error-message": "true",
@@ -15389,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",
@@ -15427,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({
@@ -15544,7 +15612,7 @@ function WorkbenchHost({
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     WorkbenchSurface,
     {
       className,
@@ -15559,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(),
@@ -15570,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,
@@ -15599,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,
@@ -15635,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",