@tutti-os/workbench-surface 0.0.278 → 0.0.280

package/dist/index.js

@@ -9109,10 +9109,10 @@ import { Component, memo as memo3, useCallback as useCallback14, useMemo as useM
 import {
   useCallback as useCallback13,
   useEffect as useEffect13,
-  useLayoutEffect as useLayoutEffect7,
+  useLayoutEffect as useLayoutEffect8,
   useMemo as useMemo10,
-  useRef as useRef11,
-  useState as useState11
+  useRef as useRef12,
+  useState as useState12
 } from "react";
 import {
   ArrowLeftIcon,
@@ -9257,6 +9257,127 @@ function scheduleDeferredPreview(run) {
   };
 }
 
+// src/host/WorkbenchHostDockMinimizedPreview.tsx
+import { useLayoutEffect as useLayoutEffect5, useRef as useRef6, useState as useState7 } from "react";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function WorkbenchHostDockMinimizedNodePreview({
+  capturePreview,
+  className,
+  deferPreview = false,
+  dockPreviewCache,
+  node,
+  providePreview,
+  workspaceId
+}) {
+  const { componentPreview, previewImageUrl } = useWorkbenchMinimizedDockPreview({
+    capturePreview,
+    deferPreview,
+    dockPreviewCache,
+    node,
+    providePreview,
+    workspaceId
+  });
+  if (deferPreview) {
+    return renderMinimizedDockPreviewPlaceholder(className);
+  }
+  if (previewImageUrl) {
+    return renderMinimizedDockPreviewContent(
+      { kind: "image", src: previewImageUrl },
+      className
+    );
+  }
+  if (componentPreview) {
+    return renderMinimizedDockPreviewContent(componentPreview, className);
+  }
+  return renderMinimizedDockPreviewPlaceholder(className);
+}
+function renderMinimizedDockPreviewPlaceholder(className) {
+  return /* @__PURE__ */ jsxs8(
+    "span",
+    {
+      className: ["desktop-dock__minimized-preview", className].filter(Boolean).join(" "),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line" }),
+        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--short" }),
+        /* @__PURE__ */ jsx11("span", { className: "desktop-dock__minimized-preview-line desktop-dock__minimized-preview-line--accent" })
+      ]
+    }
+  );
+}
+function renderMinimizedDockPreviewContent(preview, className) {
+  if (preview.kind === "image") {
+    return /* @__PURE__ */ jsx11(
+      "span",
+      {
+        className: [
+          "desktop-dock__minimized-preview",
+          "desktop-dock__minimized-preview--snapshot",
+          className
+        ].filter(Boolean).join(" "),
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx11(
+          "img",
+          {
+            alt: "",
+            className: "desktop-dock__minimized-preview-image",
+            draggable: false,
+            src: preview.src
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx11(
+    WorkbenchHostDockFrozenComponentPreview,
+    {
+      className,
+      preview
+    }
+  );
+}
+function WorkbenchHostDockFrozenComponentPreview({
+  className,
+  preview
+}) {
+  const sourceRef = useRef6(null);
+  const [frozenMarkup, setFrozenMarkup] = useState7(null);
+  useLayoutEffect5(() => {
+    if (frozenMarkup !== null) {
+      return;
+    }
+    setFrozenMarkup(sourceRef.current?.innerHTML ?? "");
+  }, [frozenMarkup]);
+  return /* @__PURE__ */ jsx11(
+    "span",
+    {
+      className: [
+        "desktop-dock__minimized-preview",
+        "desktop-dock__minimized-preview--component",
+        className
+      ].filter(Boolean).join(" "),
+      "aria-hidden": "true",
+      children: frozenMarkup === null ? /* @__PURE__ */ jsx11(
+        "span",
+        {
+          ref: sourceRef,
+          className: "desktop-dock__minimized-preview-freeze-source",
+          children: preview.element
+        }
+      ) : /* @__PURE__ */ jsx11(
+        "span",
+        {
+          className: "desktop-dock__minimized-preview-frozen-content",
+          dangerouslySetInnerHTML: { __html: frozenMarkup }
+        }
+      )
+    }
+  );
+}
+function minimizedDockPreviewFreezeKey(node) {
+  return `${node.id}:${node.minimizedAtUnixMs ?? "pending"}`;
+}
+
 // src/host/dockEntries.ts
 function matchWorkbenchDockEntryNode(entry, node) {
   if (typeof node.data.dockEntryId === "string") {
@@ -9384,7 +9505,7 @@ function isWorkbenchDockEntryBlocked(entry) {
 }
 
 // src/host/dockMagnification.ts
-import { useCallback as useCallback10, useEffect as useEffect8, useRef as useRef6 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect8, useRef as useRef7 } from "react";
 
 // src/host/dockMagnificationBounds.ts
 var DOCK_MAGNIFICATION_CROSS_AXIS_PADDING = 8;
@@ -9759,26 +9880,26 @@ function useDockMagnification({
   dockViewportRef,
   slotRefs
 }) {
-  const pointerAxisRef = useRef6(null);
-  const pendingPointerAxisRef = useRef6(null);
-  const springsRef = useRef6(/* @__PURE__ */ new Map());
-  const appliedStylesRef = useRef6(
+  const pointerAxisRef = useRef7(null);
+  const pendingPointerAxisRef = useRef7(null);
+  const springsRef = useRef7(/* @__PURE__ */ new Map());
+  const appliedStylesRef = useRef7(
     /* @__PURE__ */ new Map()
   );
-  const animationFrameRef = useRef6(null);
-  const lastFrameTimeRef = useRef6(null);
-  const entryRampStartedAtRef = useRef6(null);
-  const centersRef = useRef6(null);
-  const hitBoundsRef = useRef6(null);
-  const visibleSlotRectsRef = useRef6(null);
-  const slotOrderRef = useRef6([]);
-  const geometryBasisRef = useRef6(null);
-  const magnifyActiveRef = useRef6(false);
-  const globalPointerTrackerRef = useRef6(null);
-  const handleGlobalPointerMoveRef = useRef6(() => {
+  const animationFrameRef = useRef7(null);
+  const lastFrameTimeRef = useRef7(null);
+  const entryRampStartedAtRef = useRef7(null);
+  const centersRef = useRef7(null);
+  const hitBoundsRef = useRef7(null);
+  const visibleSlotRectsRef = useRef7(null);
+  const slotOrderRef = useRef7([]);
+  const geometryBasisRef = useRef7(null);
+  const magnifyActiveRef = useRef7(false);
+  const globalPointerTrackerRef = useRef7(null);
+  const handleGlobalPointerMoveRef = useRef7(() => {
     return;
   });
-  const handleGlobalPointerCancelRef = useRef6(() => {
+  const handleGlobalPointerCancelRef = useRef7(() => {
     return;
   });
   const setMagnifyActive = useCallback10(
@@ -10393,7 +10514,7 @@ function orderWorkbenchMinimizedDockNodes(input) {
 }
 
 // src/host/minimizedDockStackPromotion.ts
-import { useEffect as useEffect9, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect9, useRef as useRef8, useState as useState8 } from "react";
 var minimizedDockStackPromotionDurationMs = 520;
 function detectMinimizedDockStackPromotion(previous, next) {
   const previousVisibleNodeIds = new Set(
@@ -10413,10 +10534,10 @@ function detectMinimizedDockStackPromotion(previous, next) {
   return null;
 }
 function useMinimizedDockStackPromotion(slots) {
-  const previousSlotsRef = useRef7(slots);
-  const promotionTimerRef = useRef7(null);
-  const [promotedNodeId, setPromotedNodeId] = useState7(null);
-  const [stackDispatching, setStackDispatching] = useState7(false);
+  const previousSlotsRef = useRef8(slots);
+  const promotionTimerRef = useRef8(null);
+  const [promotedNodeId, setPromotedNodeId] = useState8(null);
+  const [stackDispatching, setStackDispatching] = useState8(false);
   useEffect9(() => {
     const promotedNodeId2 = detectMinimizedDockStackPromotion(
       previousSlotsRef.current,
@@ -10484,9 +10605,9 @@ function resolveWorkbenchMinimizedDockRestoreIntent(input) {
 import {
   useCallback as useCallback12,
   useEffect as useEffect12,
-  useLayoutEffect as useLayoutEffect6,
-  useRef as useRef10,
-  useState as useState10
+  useLayoutEffect as useLayoutEffect7,
+  useRef as useRef11,
+  useState as useState11
 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
 import { FileCreateIcon as FileCreateIcon2, cn as cn2 } from "@tutti-os/ui-system";
@@ -10641,8 +10762,8 @@ import {
   forwardRef,
   useCallback as useCallback11,
   useEffect as useEffect10,
-  useRef as useRef8,
-  useState as useState8
+  useRef as useRef9,
+  useState as useState9
 } from "react";
 import {
   Button as Button2,
@@ -10656,7 +10777,7 @@ import {
   PinIcon,
   cn
 } from "@tutti-os/ui-system";
-import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var dockPopupMinimizedStackLaunchDisappearMs = 0;
 var popupCardMagnificationRange = 160;
 var popupCardMaxScale = 1.16;
@@ -10721,14 +10842,14 @@ function WorkbenchHostDockContextMenu({
   const hasOpenCommand = !hasOpenWindows;
   const hasDockActionGroup = Boolean(dockRetention) || hasNewWindowCommand || hasOpenCommand;
   const hasWindowActionGroup = hasOpenWindows;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "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(
+        hasOpenWindows ? /* @__PURE__ */ jsx12("div", { className: "max-h-48 min-w-0 overflow-auto overscroll-contain", children: items.map((item) => /* @__PURE__ */ jsx12(
           WorkbenchHostDockContextMenuItem,
           {
             checked: !item.isMinimized,
@@ -10737,12 +10858,12 @@ function WorkbenchHostDockContextMenu({
           },
           item.node.id
         )) }) : null,
-        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx11(WorkbenchHostDockContextMenuSeparator, {}) : null,
-        dockRetention ? /* @__PURE__ */ jsx11(
+        hasOpenWindows && (hasDockActionGroup || hasWindowActionGroup) ? /* @__PURE__ */ jsx12(WorkbenchHostDockContextMenuSeparator, {}) : null,
+        dockRetention ? /* @__PURE__ */ jsx12(
           WorkbenchHostDockContextMenuItem,
           {
             checked: dockRetention.checked,
-            checkedIcon: /* @__PURE__ */ jsx11(
+            checkedIcon: /* @__PURE__ */ jsx12(
               PinFilledIcon,
               {
                 "aria-hidden": "true",
@@ -10750,61 +10871,61 @@ function WorkbenchHostDockContextMenu({
               }
             ),
             disabled: dockRetention.disabled,
-            icon: /* @__PURE__ */ jsx11(PinIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx12(PinIcon, { "aria-hidden": "true", className: "size-4" }),
             label: dockRetention.pendingLabel ?? dockRetention.label,
             onSelect: onRunDockRetentionAction
           }
         ) : null,
-        hasNewWindowCommand ? /* @__PURE__ */ jsx11(
+        hasNewWindowCommand ? /* @__PURE__ */ jsx12(
           WorkbenchHostDockContextMenuItem,
           {
-            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx12(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
             label: newWindowLabel,
             onSelect: onCreateNew
           }
         ) : null,
-        hasOpenCommand ? /* @__PURE__ */ jsx11(
+        hasOpenCommand ? /* @__PURE__ */ jsx12(
           WorkbenchHostDockContextMenuItem,
           {
             disabled: !showOpen,
-            icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
+            icon: /* @__PURE__ */ jsx12(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(
+        hasOpenWindows ? /* @__PURE__ */ jsxs9(Fragment4, { children: [
+          hasDockActionGroup ? /* @__PURE__ */ jsx12(WorkbenchHostDockContextMenuSeparator, {}) : null,
+          canShowAllWindows && onShowAllWindows ? /* @__PURE__ */ jsx12(
             WorkbenchHostDockContextMenuItem,
             {
-              icon: /* @__PURE__ */ jsx11(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx12(OverviewLayoutIcon, { "aria-hidden": "true", className: "size-4" }),
               label: showAllWindowsLabel,
               onSelect: onShowAllWindows
             }
           ) : null,
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !canEnterFullscreen || !onEnterFullscreen,
-              icon: /* @__PURE__ */ jsx11(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx12(MaximizeIcon, { "aria-hidden": "true", className: "size-4" }),
               label: fullscreenLabel,
               onSelect: onEnterFullscreen
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !onHide,
-              icon: /* @__PURE__ */ jsx11(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx12(MinimizeIcon, { "aria-hidden": "true", className: "size-4" }),
               label: hideLabel,
               onSelect: onHide
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             WorkbenchHostDockContextMenuItem,
             {
               disabled: !onQuit,
-              icon: /* @__PURE__ */ jsx11(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
+              icon: /* @__PURE__ */ jsx12(CloseIcon, { "aria-hidden": "true", className: "size-4" }),
               label: quitLabel,
               onSelect: onQuit
             }
@@ -10822,7 +10943,7 @@ function WorkbenchHostDockContextMenuItem({
   label,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "button",
     {
       className: cn(
@@ -10839,20 +10960,20 @@ function WorkbenchHostDockContextMenuItem({
         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(
+        /* @__PURE__ */ jsx12("span", { className: "flex size-4 shrink-0 items-center justify-center text-[var(--text-secondary)]", children: checked && checkedIcon ? checkedIcon : checked ? /* @__PURE__ */ jsx12(
           CheckIcon,
           {
             "aria-hidden": "true",
             className: "size-4 text-[var(--tutti-purple)]"
           }
         ) : icon ?? null }),
-        /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate", children: label })
+        /* @__PURE__ */ jsx12("span", { className: "min-w-0 truncate", children: label })
       ]
     }
   );
 }
 function WorkbenchHostDockContextMenuSeparator() {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "aria-hidden": "true",
@@ -10873,8 +10994,8 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
 }, ref) {
   const title = item.title?.trim() || item.node.title;
   const isMinimizedStack = variant === "minimized-stack";
-  const [isLaunching, setIsLaunching] = useState8(false);
-  const launchTimerRef = useRef8(null);
+  const [isLaunching, setIsLaunching] = useState9(false);
+  const launchTimerRef = useRef9(null);
   useEffect10(
     () => () => {
       if (launchTimerRef.current !== null) {
@@ -10908,7 +11029,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
     [handleSelect]
   );
   const hasReadyPreview = previewState.status === "ready";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       ref,
@@ -10923,7 +11044,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
       "data-minimized": item.isMinimized ? "true" : void 0,
       style,
       children: [
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(
           "div",
           {
             "aria-label": title,
@@ -10937,12 +11058,12 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             onClick: handleSelect,
             onKeyDown: handleSelectKeyDown,
             children: [
-              /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardPreview, { previewState }),
-              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx11(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
+              /* @__PURE__ */ jsx12(WorkbenchHostDockPopupCardPreview, { previewState }),
+              labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx12(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
             ]
           }
         ),
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           Button2,
           {
             "aria-label": closeWindowLabel(title),
@@ -10956,10 +11077,10 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
               event.stopPropagation();
               onCloseNode(item.node.id);
             },
-            children: /* @__PURE__ */ jsx11(CloseIcon, { className: "size-3.5" })
+            children: /* @__PURE__ */ jsx12(CloseIcon, { className: "size-3.5" })
           }
         ),
-        item.isFocused ? /* @__PURE__ */ jsx11(
+        item.isFocused ? /* @__PURE__ */ jsx12(
           "span",
           {
             "aria-hidden": "true",
@@ -10967,7 +11088,7 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             "data-desktop-dock-popup-card-active-overlay": "true"
           }
         ) : null,
-        isMinimizedStack ? /* @__PURE__ */ jsx11("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
+        isMinimizedStack ? /* @__PURE__ */ jsx12("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
       ]
     }
   );
@@ -10976,22 +11097,22 @@ function WorkbenchHostDockPopupCardPreview({
   previewState
 }) {
   if (previewState.status === "loading") {
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "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" })
+          /* @__PURE__ */ jsx12("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx12("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx12("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
         ]
       }
     );
   }
   if (previewState.status === "fallback") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         className: "flex min-h-0 min-w-0 flex-1 rounded-md border border-[var(--border-1)] bg-transparency-block",
@@ -11002,7 +11123,7 @@ function WorkbenchHostDockPopupCardPreview({
   }
   const preview = previewState.preview;
   if (preview.kind === "component") {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx12(
       "span",
       {
         className: "block min-h-0 min-w-0 flex-1 overflow-hidden rounded-md",
@@ -11013,14 +11134,14 @@ function WorkbenchHostDockPopupCardPreview({
       }
     );
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "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(
+      children: /* @__PURE__ */ jsx12(
         "img",
         {
           alt: "",
@@ -11033,7 +11154,7 @@ function WorkbenchHostDockPopupCardPreview({
   );
 }
 function WorkbenchHostDockPopupCardLabel({ title }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "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",
@@ -11041,13 +11162,13 @@ function WorkbenchHostDockPopupCardLabel({ title }) {
         background: "linear-gradient(180deg, transparent 0%, color-mix(in srgb, hsl(var(--card)) 28%, transparent) 18%, color-mix(in srgb, hsl(var(--card)) 82%, transparent) 56%, color-mix(in srgb, hsl(var(--card)) 98%, transparent) 100%)"
       },
       title,
-      children: /* @__PURE__ */ 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 }) })
+      children: /* @__PURE__ */ jsx12("span", { className: "desktop-dock-popup__title-viewport block min-w-0 flex-1 overflow-hidden whitespace-nowrap", children: /* @__PURE__ */ jsx12("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 useEffect11, useLayoutEffect as useLayoutEffect5, useRef as useRef9, useState as useState9 } from "react";
+import { useEffect as useEffect11, useLayoutEffect as useLayoutEffect6, useRef as useRef10, useState as useState10 } from "react";
 var dockPopupPreviewCacheMaxEntries = 64;
 var dockPopupPreviewByMemoryKey = /* @__PURE__ */ new Map();
 var pendingDockPopupPreviewCaptureKeys = /* @__PURE__ */ new Set();
@@ -11061,15 +11182,15 @@ function useWorkbenchHostDockPopupPreviewCapture(input) {
     resolveDockPreviewCacheKey: resolveDockPreviewCacheKey2
   } = input;
   const hasCapturePreview = Boolean(capturePreview);
-  const [capturedPreviewByMemoryKey, setCapturedPreviewByMemoryKey] = useState9({});
-  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(
+  const [capturedPreviewByMemoryKey, setCapturedPreviewByMemoryKey] = useState10({});
+  const capturedPreviewByMemoryKeyRef = useRef10(capturedPreviewByMemoryKey);
+  const capturePreviewRef = useRef10(capturePreview);
+  const debugDiagnosticsRef = useRef10(debugDiagnostics);
+  const dockPreviewCacheRef = useRef10(dockPreviewCache);
+  const resolveDockPreviewCacheKeyRef = useRef10(resolveDockPreviewCacheKey2);
+  const isMountedRef = useRef10(false);
+  const isContextMenuRef = useRef10(isContextMenu);
+  const activePreviewCaptureItemStateKeysRef = useRef10(
     /* @__PURE__ */ new Set()
   );
   capturedPreviewByMemoryKeyRef.current = capturedPreviewByMemoryKey;
@@ -11084,7 +11205,7 @@ function useWorkbenchHostDockPopupPreviewCapture(input) {
     )
   );
   const previewCaptureKey = previewCaptureItemStateKeys.join("|");
-  useLayoutEffect5(() => {
+  useLayoutEffect6(() => {
     isContextMenuRef.current = isContextMenu;
     activePreviewCaptureItemStateKeysRef.current = new Set(
       previewCaptureItemStateKeys
@@ -11457,7 +11578,7 @@ function previewCacheToken(preview) {
 }
 
 // src/host/WorkbenchHostDockPopup.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var dockPopupCardWidthPx = 165;
 var dockPopupCardHeightPx = 103;
 var dockPopupPreviewInsetPx = 4;
@@ -11509,15 +11630,15 @@ function WorkbenchHostDockPopup({
   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(
+  const cardElementsRef = useRef11(/* @__PURE__ */ new Map());
+  const cardRefCallbacksRef = useRef11(
     /* @__PURE__ */ new Map()
   );
-  const popupRootRef = useRef10(null);
-  const minimizedStackViewportRef = useRef10(null);
-  const [pointer, setPointer] = useState10(null);
-  const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState10(0);
-  const [verticalClampOffsetPx, setVerticalClampOffsetPx] = useState10(0);
+  const popupRootRef = useRef11(null);
+  const minimizedStackViewportRef = useRef11(null);
+  const [pointer, setPointer] = useState11(null);
+  const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState11(0);
+  const [verticalClampOffsetPx, setVerticalClampOffsetPx] = useState11(0);
   const { previewStateFor } = useWorkbenchHostDockPopupPreviewCapture({
     capturePreview,
     debugDiagnostics,
@@ -11610,7 +11731,7 @@ function WorkbenchHostDockPopup({
     popupDiagnosticKey,
     resolvedVariant
   ]);
-  useLayoutEffect6(() => {
+  useLayoutEffect7(() => {
     const rootElement = popupRootRef.current;
     const panelElement = rootElement?.querySelector(
       "[data-desktop-dock-popup-panel]"
@@ -11623,7 +11744,7 @@ function WorkbenchHostDockPopup({
       viewportWidth: window.innerWidth
     });
   }, [debugDiagnostics, popupDiagnosticKey]);
-  useLayoutEffect6(() => {
+  useLayoutEffect7(() => {
     if (isMinimizedStack || typeof window === "undefined") {
       return;
     }
@@ -11741,7 +11862,7 @@ function WorkbenchHostDockPopup({
     viewport.addEventListener("wheel", handleWheel, { passive: false });
     return () => viewport.removeEventListener("wheel", handleWheel);
   }, [isMinimizedStack, minimizedStackMaxScrollOffset]);
-  const content = /* @__PURE__ */ jsx12(
+  const content = /* @__PURE__ */ jsx13(
     "div",
     {
       ref: popupRootRef,
@@ -11750,7 +11871,7 @@ function WorkbenchHostDockPopup({
       "data-desktop-dock-popup-root": "true",
       "data-popup-variant": resolvedVariant,
       style: popupStyle,
-      children: /* @__PURE__ */ jsx12(
+      children: /* @__PURE__ */ jsx13(
         "div",
         {
           "aria-label": label,
@@ -11766,7 +11887,7 @@ function WorkbenchHostDockPopup({
           onPointerLeave: isMinimizedStack ? () => setPointer(null) : void 0,
           role: "dialog",
           style: panelStyle,
-          children: isContextMenu ? /* @__PURE__ */ jsx12(
+          children: isContextMenu ? /* @__PURE__ */ jsx13(
             WorkbenchHostDockContextMenu,
             {
               canCreateNew: resolvedShowCreateNewInContextMenu !== false,
@@ -11788,9 +11909,9 @@ function WorkbenchHostDockPopup({
               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(
+          ) : /* @__PURE__ */ jsxs10(Fragment5, { children: [
+            /* @__PURE__ */ jsx13("div", { className: "mb-2.5 flex items-center justify-between", children: /* @__PURE__ */ jsx13("span", { className: "min-w-0 truncate text-sm font-semibold", children: label }) }),
+            isMinimizedStack ? /* @__PURE__ */ jsx13(
               "div",
               {
                 ref: minimizedStackViewportRef,
@@ -11799,7 +11920,7 @@ function WorkbenchHostDockPopup({
                   height: minimizedStackViewportHeightPx,
                   ...isLeftMinimizedStack ? { paddingLeft: minimizedStackLeftGutterPx } : {}
                 },
-                children: /* @__PURE__ */ jsx12(
+                children: /* @__PURE__ */ jsx13(
                   "div",
                   {
                     className: "desktop-dock-popup__minimized-stack-track",
@@ -11809,7 +11930,7 @@ function WorkbenchHostDockPopup({
                     },
                     children: items.map((item, index) => {
                       const previewState = previewStateFor(item);
-                      return /* @__PURE__ */ jsx12(
+                      return /* @__PURE__ */ jsx13(
                         WorkbenchHostDockPopupCard,
                         {
                           ref: registerCard(item.node.id),
@@ -11838,10 +11959,10 @@ function WorkbenchHostDockPopup({
                   }
                 )
               }
-            ) : /* @__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: [
+            ) : /* @__PURE__ */ jsxs10("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(
+                return /* @__PURE__ */ jsx13(
                   WorkbenchHostDockPopupCard,
                   {
                     ref: registerCard(item.node.id),
@@ -11856,14 +11977,14 @@ function WorkbenchHostDockPopup({
                   item.node.id
                 );
               }),
-              showCreateNew !== false ? /* @__PURE__ */ jsxs9(
+              showCreateNew !== false ? /* @__PURE__ */ jsxs10(
                 "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(
+                    /* @__PURE__ */ jsx13(
                       FileCreateIcon2,
                       {
                         "aria-hidden": "true",
@@ -11871,7 +11992,7 @@ function WorkbenchHostDockPopup({
                         size: 28
                       }
                     ),
-                    /* @__PURE__ */ jsx12("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
+                    /* @__PURE__ */ jsx13("span", { className: "text-xs font-semibold text-[var(--text-primary)]", children: newWindowLabel })
                   ]
                 }
               ) : null
@@ -11911,7 +12032,7 @@ function styleToDiagnostic(element) {
 }
 
 // src/host/WorkbenchHostDock.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var minimizedDockPreviewViewport = {
   height: 34.2,
   width: 46.8
@@ -11960,59 +12081,59 @@ function WorkbenchHostDock({
     () => new Set(context.minimizedNodes.map((node) => node.id)),
     [context.minimizedNodes]
   );
-  const dockPlateRef = useRef11(null);
-  const dockMeasureRef = useRef11(null);
-  const dockItemsRef = useRef11(null);
-  const hoverPanelRef = useRef11(null);
-  const hoverPanelCloseTimerRef = useRef11(
+  const dockPlateRef = useRef12(null);
+  const dockMeasureRef = useRef12(null);
+  const dockItemsRef = useRef12(null);
+  const hoverPanelRef = useRef12(null);
+  const hoverPanelCloseTimerRef = useRef12(
     null
   );
-  const hoverPanelOpenTimerRef = useRef11(
+  const hoverPanelOpenTimerRef = useRef12(
     null
   );
-  const labelTooltipOpenTimerRef = useRef11(
+  const labelTooltipOpenTimerRef = useRef12(
     null
   );
-  const hoverPanelScheduledPointRef = useRef11(null);
-  const labelTooltipScheduledPointRef = useRef11(null);
-  const hoverPanelRestTargetRef = useRef11(null);
-  const activeHoverPanelRef = useRef11(
+  const hoverPanelScheduledPointRef = useRef12(null);
+  const labelTooltipScheduledPointRef = useRef12(null);
+  const hoverPanelRestTargetRef = useRef12(null);
+  const activeHoverPanelRef = useRef12(
     null
   );
-  const activeLabelTooltipRef = useRef11(null);
-  const pendingDockStateRefreshRef = useRef11(false);
-  const slotRefs = useRef11(/* @__PURE__ */ new Map());
-  const wallpaperToneElementRefs = useRef11(/* @__PURE__ */ new Map());
-  const dockSlotRefCallbacksRef = useRef11(
+  const activeLabelTooltipRef = useRef12(null);
+  const pendingDockStateRefreshRef = useRef12(false);
+  const slotRefs = useRef12(/* @__PURE__ */ new Map());
+  const wallpaperToneElementRefs = useRef12(/* @__PURE__ */ new Map());
+  const dockSlotRefCallbacksRef = useRef12(
     /* @__PURE__ */ new Map()
   );
-  const previousAttentionTokenByEntryId = useRef11(/* @__PURE__ */ new Map());
-  const dockEntryClickThrottleUntilRef = useRef11(/* @__PURE__ */ new Map());
-  const attentionTimeouts = useRef11(
+  const previousAttentionTokenByEntryId = useRef12(/* @__PURE__ */ new Map());
+  const dockEntryClickThrottleUntilRef = useRef12(/* @__PURE__ */ new Map());
+  const attentionTimeouts = useRef12(
     /* @__PURE__ */ new Map()
   );
-  const [activeAttentionEntryIds, setActiveAttentionEntryIds] = useState11(/* @__PURE__ */ new Set());
-  const [activePopup, setActivePopup] = useState11(null);
-  const [activeHoverPanel, setActiveHoverPanel] = useState11(null);
-  const [activeLabelTooltip, setActiveLabelTooltip] = useState11(null);
-  const [activeMinimizedStackPopup, setActiveMinimizedStackPopup] = useState11(null);
-  const [pendingActionKeys, setPendingActionKeys] = useState11(
+  const [activeAttentionEntryIds, setActiveAttentionEntryIds] = useState12(/* @__PURE__ */ new Set());
+  const [activePopup, setActivePopup] = useState12(null);
+  const [activeHoverPanel, setActiveHoverPanel] = useState12(null);
+  const [activeLabelTooltip, setActiveLabelTooltip] = useState12(null);
+  const [activeMinimizedStackPopup, setActiveMinimizedStackPopup] = useState12(null);
+  const [pendingActionKeys, setPendingActionKeys] = useState12(
     () => /* @__PURE__ */ new Set()
   );
-  const [dockFrameSize, setDockFrameSize] = useState11(null);
+  const [dockFrameSize, setDockFrameSize] = useState12(null);
   const { triggerDockBounce } = useDockBounce(slotRefs);
-  const [dockScrollState, setDockScrollState] = useState11(() => ({
+  const [dockScrollState, setDockScrollState] = useState12(() => ({
     canScrollBackward: false,
     canScrollForward: false,
     hasOverflow: false
   }));
-  const [dockStateRevision, setDockStateRevision] = useState11(0);
-  const [externalStateRevision, setExternalStateRevision] = useState11(0);
+  const [dockStateRevision, setDockStateRevision] = useState12(0);
+  const [externalStateRevision, setExternalStateRevision] = useState12(0);
   const [
     collapsingMinimizedLaunchAnchorKeys,
     setCollapsingMinimizedLaunchAnchorKeys
-  ] = useState11(() => /* @__PURE__ */ new Set());
-  const collapsingMinimizedLaunchTimerRef = useRef11(
+  ] = useState12(() => /* @__PURE__ */ new Set());
+  const collapsingMinimizedLaunchTimerRef = useRef12(
     /* @__PURE__ */ new Map()
   );
   const clearHoverPanelCloseTimer = useCallback13(() => {
@@ -12088,7 +12209,7 @@ function WorkbenchHostDock({
     },
     [clearCollapsingMinimizedLaunch]
   );
-  useLayoutEffect7(() => {
+  useLayoutEffect8(() => {
     const element = dockMeasureRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -12204,10 +12325,10 @@ function WorkbenchHostDock({
     dockViewportRef: dockItemsRef,
     slotRefs
   });
-  const clearSlotMagnificationRef = useRef11(() => {
+  const clearSlotMagnificationRef = useRef12(() => {
     return;
   });
-  const registerDockAnchorRef = useRef11(
+  const registerDockAnchorRef = useRef12(
     (anchorKey, element) => {
       context.genie.registerDockAnchor(anchorKey, element);
     }
@@ -12670,7 +12791,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;
@@ -12961,13 +13082,13 @@ function WorkbenchHostDock({
     instanceMode: dockContextMenuInstanceMode,
     matchedNodes: popupEntry.matchedNodes
   }).kind === "launch";
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: "flex justify-center pointer-events-none",
       "data-dock-placement": dockPlacement,
       children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "div",
           {
             ref: dockPlateRef,
@@ -12976,7 +13097,7 @@ function WorkbenchHostDock({
             style: dockFrameSize === null ? void 0 : {
               "--desktop-dock-frame-size": `${dockFrameSize}px`
             },
-            children: /* @__PURE__ */ jsxs10(
+            children: /* @__PURE__ */ jsxs11(
               "div",
               {
                 ref: dockMeasureRef,
@@ -13002,7 +13123,7 @@ function WorkbenchHostDock({
                 role: "toolbar",
                 style: dockPlacement === "left" ? { height: dockWidth } : { width: dockWidth },
                 children: [
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     "span",
                     {
                       className: "desktop-dock__pointer-rail",
@@ -13010,7 +13131,7 @@ function WorkbenchHostDock({
                       "aria-hidden": true
                     }
                   ),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -13021,12 +13142,12 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollBackward,
                       onClick: () => scrollDockItems("backward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx13(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx13(ArrowLeftIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx14(ChevronUpIcon, { size: 16 }) : /* @__PURE__ */ jsx14(ArrowLeftIcon, { size: 16 })
                     }
                   ),
-                  /* @__PURE__ */ jsx13("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
+                  /* @__PURE__ */ jsx14("div", { ref: dockItemsRef, className: "desktop-dock__items", children: presentDockItems.map((dockItem) => {
                     if (dockItem.item.kind === "separator") {
-                      return /* @__PURE__ */ jsx13(
+                      return /* @__PURE__ */ jsx14(
                         "span",
                         {
                           ref: registerWallpaperToneElement(dockItem.key),
@@ -13053,7 +13174,7 @@ function WorkbenchHostDock({
                       });
                       const hasHoverPanel = dockEntryHasHoverPanel(entry);
                       const labelTooltipTarget2 = hasHoverPanel ? null : dockLabelTooltipTarget(`entry:${entry.id}`, entry.label);
-                      const dockButton2 = /* @__PURE__ */ jsx13(
+                      const dockButton2 = /* @__PURE__ */ jsx14(
                         "button",
                         {
                           "aria-expanded": currentPopup ? true : void 0,
@@ -13212,7 +13333,7 @@ function WorkbenchHostDock({
                               entryId: entry.id
                             });
                           },
-                          children: /* @__PURE__ */ jsxs10(
+                          children: /* @__PURE__ */ jsxs11(
                             "span",
                             {
                               className: "desktop-dock__icon-shell",
@@ -13220,7 +13341,7 @@ function WorkbenchHostDock({
                               "data-entry-state": entry.state?.kind ?? "enabled",
                               "aria-hidden": true,
                               children: [
-                                /* @__PURE__ */ jsx13("span", { className: "desktop-dock__icon-content", children: entry.icon }),
+                                /* @__PURE__ */ jsx14("span", { className: "desktop-dock__icon-content", children: entry.icon }),
                                 renderDockBadge(
                                   entry,
                                   resolvedEntry.matchedNodes.length
@@ -13230,7 +13351,7 @@ function WorkbenchHostDock({
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx13(
+                      return /* @__PURE__ */ jsx14(
                         "span",
                         {
                           ref: registerDockSlot(anchorKey),
@@ -13331,7 +13452,7 @@ function WorkbenchHostDock({
                         `minimized-stack:${slot.anchorKey}`,
                         stackLabel
                       );
-                      const stackButton = /* @__PURE__ */ jsx13(
+                      const stackButton = /* @__PURE__ */ jsx14(
                         "span",
                         {
                           "aria-expanded": stackPopupActive,
@@ -13365,7 +13486,7 @@ function WorkbenchHostDock({
                               }
                             );
                           },
-                          children: /* @__PURE__ */ jsxs10(
+                          children: /* @__PURE__ */ jsxs11(
                             "span",
                             {
                               className: "desktop-dock__minimized-stack-icon",
@@ -13380,7 +13501,7 @@ function WorkbenchHostDock({
                                   (_, index) => {
                                     const node2 = slot.nodes[index];
                                     if (index === 0 && node2) {
-                                      return /* @__PURE__ */ jsx13(
+                                      return /* @__PURE__ */ jsx14(
                                         WorkbenchHostDockMinimizedNodePreview,
                                         {
                                           capturePreview: captureMinimizedNodePreview,
@@ -13395,7 +13516,7 @@ function WorkbenchHostDock({
                                         minimizedDockPreviewFreezeKey(node2)
                                       );
                                     }
-                                    return /* @__PURE__ */ jsx13(
+                                    return /* @__PURE__ */ jsx14(
                                       "span",
                                       {
                                         "aria-hidden": "true",
@@ -13405,13 +13526,13 @@ function WorkbenchHostDock({
                                     );
                                   }
                                 ),
-                                /* @__PURE__ */ jsx13("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
+                                /* @__PURE__ */ jsx14("span", { className: "desktop-dock__count-badge", children: slot.nodes.length })
                               ]
                             }
                           )
                         }
                       );
-                      return /* @__PURE__ */ jsx13(
+                      return /* @__PURE__ */ jsx14(
                         "span",
                         {
                           ref: registerDockSlot(slot.anchorKey),
@@ -13466,7 +13587,7 @@ function WorkbenchHostDock({
                       `minimized-node:${node.id}`,
                       node.title
                     );
-                    const dockButton = /* @__PURE__ */ jsx13(
+                    const dockButton = /* @__PURE__ */ jsx14(
                       "span",
                       {
                         "aria-label": i18n.t("launch", { title: node.title }),
@@ -13527,7 +13648,7 @@ function WorkbenchHostDock({
                             }
                           );
                         },
-                        children: /* @__PURE__ */ jsx13(
+                        children: /* @__PURE__ */ jsx14(
                           WorkbenchHostDockMinimizedNodePreview,
                           {
                             capturePreview: isPendingMinimizedNode ? void 0 : captureMinimizedNodePreview,
@@ -13541,7 +13662,7 @@ function WorkbenchHostDock({
                         )
                       }
                     );
-                    return /* @__PURE__ */ jsx13(
+                    return /* @__PURE__ */ jsx14(
                       "span",
                       {
                         ref: registerDockSlot(slot.anchorKey),
@@ -13591,7 +13712,7 @@ function WorkbenchHostDock({
                       dockItem.key
                     );
                   }) }),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     "button",
                     {
                       "aria-label": i18n.t(
@@ -13602,10 +13723,10 @@ function WorkbenchHostDock({
                       disabled: !dockScrollState.canScrollForward,
                       onClick: () => scrollDockItems("forward"),
                       type: "button",
-                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx13(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx13(ArrowRightIcon, { size: 16 })
+                      children: dockPlacement === "left" ? /* @__PURE__ */ jsx14(ChevronDownIcon, { size: 16 }) : /* @__PURE__ */ jsx14(ArrowRightIcon, { size: 16 })
                     }
                   ),
-                  activeHoverPanel ? /* @__PURE__ */ jsx13(
+                  activeHoverPanel ? /* @__PURE__ */ jsx14(
                     WorkbenchHostDockHoverPanel,
                     {
                       entry: resolvedEntries.find(
@@ -13638,7 +13759,7 @@ function WorkbenchHostDock({
                       }
                     }
                   ) : null,
-                  activeLabelTooltip ? /* @__PURE__ */ jsx13(
+                  activeLabelTooltip ? /* @__PURE__ */ jsx14(
                     WorkbenchHostDockLabelTooltip,
                     {
                       placement: dockPlacement,
@@ -13650,7 +13771,7 @@ function WorkbenchHostDock({
             )
           }
         ),
-        popupEntry && activePopup ? /* @__PURE__ */ jsx13(
+        popupEntry && activePopup ? /* @__PURE__ */ jsx14(
           WorkbenchHostDockPopup,
           {
             anchorRect: activePopup.anchorRect,
@@ -13841,7 +13962,7 @@ function WorkbenchHostDock({
             variant: activePopup.kind === "context-menu" ? "context-menu" : "default"
           }
         ) : null,
-        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx13(
+        activeMinimizedStackSlot && activeMinimizedStackPopup ? /* @__PURE__ */ jsx14(
           WorkbenchHostDockPopup,
           {
             anchorRect: activeMinimizedStackPopup,
@@ -13937,139 +14058,6 @@ function WorkbenchHostDock({
     }
   );
 }
-function WorkbenchHostDockMinimizedNodePreview({
-  capturePreview,
-  className,
-  deferPreview = false,
-  dockPreviewCache,
-  node,
-  providePreview,
-  workspaceId
-}) {
-  const { componentPreview, previewImageUrl } = useWorkbenchMinimizedDockPreview({
-    capturePreview,
-    deferPreview,
-    dockPreviewCache,
-    node,
-    providePreview,
-    workspaceId
-  });
-  if (deferPreview) {
-    return renderMinimizedDockPreviewPlaceholder(className);
-  }
-  if (previewImageUrl) {
-    return /* @__PURE__ */ jsx13(
-      "span",
-      {
-        className: [
-          "desktop-dock__minimized-preview",
-          "desktop-dock__minimized-preview--snapshot",
-          className
-        ].filter(Boolean).join(" "),
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx13(
-          "img",
-          {
-            alt: "",
-            className: "desktop-dock__minimized-preview-image",
-            draggable: false,
-            src: previewImageUrl
-          }
-        )
-      }
-    );
-  }
-  if (componentPreview) {
-    return renderMinimizedDockPreviewContent(componentPreview, className);
-  }
-  return renderMinimizedDockPreviewPlaceholder(className);
-}
-function renderMinimizedDockPreviewPlaceholder(className) {
-  return /* @__PURE__ */ jsxs10(
-    "span",
-    {
-      className: ["desktop-dock__minimized-preview", className].filter(Boolean).join(" "),
-      "aria-hidden": "true",
-      children: [
-        /* @__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__ */ jsx13(
-      "span",
-      {
-        className: [
-          "desktop-dock__minimized-preview",
-          "desktop-dock__minimized-preview--snapshot",
-          className
-        ].filter(Boolean).join(" "),
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx13(
-          "img",
-          {
-            alt: "",
-            className: "desktop-dock__minimized-preview-image",
-            draggable: false,
-            src: preview.src
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx13(
-    WorkbenchHostDockFrozenComponentPreview,
-    {
-      className,
-      preview
-    }
-  );
-}
-function WorkbenchHostDockFrozenComponentPreview({
-  className,
-  preview
-}) {
-  const sourceRef = useRef11(null);
-  const [frozenMarkup, setFrozenMarkup] = useState11(null);
-  useLayoutEffect7(() => {
-    if (frozenMarkup !== null) {
-      return;
-    }
-    setFrozenMarkup(sourceRef.current?.innerHTML ?? "");
-  }, [frozenMarkup]);
-  return /* @__PURE__ */ jsx13(
-    "span",
-    {
-      className: [
-        "desktop-dock__minimized-preview",
-        "desktop-dock__minimized-preview--component",
-        className
-      ].filter(Boolean).join(" "),
-      "aria-hidden": "true",
-      children: frozenMarkup === null ? /* @__PURE__ */ jsx13(
-        "span",
-        {
-          ref: sourceRef,
-          className: "desktop-dock__minimized-preview-freeze-source",
-          children: preview.element
-        }
-      ) : /* @__PURE__ */ jsx13(
-        "span",
-        {
-          className: "desktop-dock__minimized-preview-frozen-content",
-          dangerouslySetInnerHTML: { __html: frozenMarkup }
-        }
-      )
-    }
-  );
-}
-function minimizedDockPreviewFreezeKey(node) {
-  return `${node.id}:${node.minimizedAtUnixMs ?? "pending"}`;
-}
 function dockEntryHasHoverPanel(entry) {
   return Boolean(entry.state?.reason?.trim()) || (entry.hoverActions?.length ?? 0) > 0;
 }
@@ -14105,18 +14093,18 @@ function renderDockBadge(entry, matchedNodeCount) {
     return null;
   }
   if (badge.kind === "count") {
-    return /* @__PURE__ */ jsx13("span", { className: "desktop-dock__count-badge", children: badge.value });
+    return /* @__PURE__ */ jsx14("span", { className: "desktop-dock__count-badge", children: badge.value });
   }
   if (badge.kind === "custom") {
-    return /* @__PURE__ */ jsx13("span", { className: "desktop-dock__custom-badge", children: badge.content });
+    return /* @__PURE__ */ jsx14("span", { className: "desktop-dock__custom-badge", children: badge.content });
   }
-  return /* @__PURE__ */ jsx13("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
+  return /* @__PURE__ */ jsx14("span", { className: "desktop-dock__status-badge", "data-status": badge.status });
 }
 function WorkbenchHostDockLabelTooltip({
   placement,
   state
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       className: "desktop-dock__label-tooltip",
@@ -14146,7 +14134,7 @@ function WorkbenchHostDockHoverPanel({
   setPendingActionKeys,
   state
 }) {
-  const lastPointerActionAtRef = useRef11(/* @__PURE__ */ new Map());
+  const lastPointerActionAtRef = useRef12(/* @__PURE__ */ new Map());
   if (!entry) {
     return null;
   }
@@ -14180,7 +14168,7 @@ function WorkbenchHostDockHoverPanel({
       }
     })();
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       ref: hoverPanelRef,
@@ -14199,13 +14187,13 @@ function WorkbenchHostDockHoverPanel({
         "--desktop-dock-hover-panel-anchor-width": `${state.anchorRect.width}px`
       },
       children: [
-        /* @__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) => {
+        /* @__PURE__ */ jsx14("div", { className: "desktop-dock__hover-panel-title", children: entry.label }),
+        entry.state?.reason ? /* @__PURE__ */ jsx14("div", { className: "desktop-dock__hover-panel-description", children: stripDockDescriptionTerminalPunctuation(entry.state.reason) }) : null,
+        entry.hoverActions?.length ? /* @__PURE__ */ jsx14("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__ */ jsx13(
+          return /* @__PURE__ */ jsx14(
             Button3,
             {
               "aria-busy": isPending ? true : void 0,
@@ -14427,21 +14415,21 @@ function resolveDockPresenceSettleMs(items) {
   return dockPresenceAnimationMs;
 }
 function useDockPresenceItems(items, shouldAnimateMinimizedDockEnter) {
-  const latestItemsByKey = useRef11(/* @__PURE__ */ new Map());
-  const shouldAnimateMinimizedDockEnterRef = useRef11(
+  const latestItemsByKey = useRef12(/* @__PURE__ */ new Map());
+  const shouldAnimateMinimizedDockEnterRef = useRef12(
     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] = useState11(
+  const [presentItems, setPresentItems] = useState12(
     () => items.map((item) => ({
       item,
       key: item.key,
       presence: "present"
     }))
   );
-  const initialized = useRef11(false);
+  const initialized = useRef12(false);
   useEffect13(() => {
     let nextSettleMs = dockPresenceAnimationMs;
     setPresentItems((current) => {
@@ -14480,10 +14468,10 @@ function useDockWallpaperTones({
   elementRefs,
   itemKeys
 }) {
-  const [tones, setTones] = useState11(
+  const [tones, setTones] = useState12(
     () => /* @__PURE__ */ new Map()
   );
-  useLayoutEffect7(() => {
+  useLayoutEffect8(() => {
     if (typeof window === "undefined") {
       return void 0;
     }
@@ -14670,7 +14658,7 @@ function dockWallpaperToneMapsEqual(left, right) {
 var DOCK_BOUNCE_MS = 600;
 var DOCK_ENTRY_CLICK_THROTTLE_MS = DOCK_BOUNCE_MS;
 function useDockBounce(slotRefs) {
-  const timeoutsRef = useRef11(/* @__PURE__ */ new Map());
+  const timeoutsRef = useRef12(/* @__PURE__ */ new Map());
   const clearDockBounce = useCallback13(
     (anchorKey) => {
       const timeout = timeoutsRef.current.get(anchorKey);
@@ -14904,7 +14892,7 @@ function createWorkbenchHostNodeHeaderContext({
 }
 
 // src/host/WorkbenchHostWindowActions.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function WorkbenchHostWindowActions({
   context,
   host,
@@ -14917,7 +14905,7 @@ function WorkbenchHostWindowActions({
   }
   const minimizable = definition.window?.minimizable !== false;
   const closable = definition.window?.closable !== false;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     WorkbenchWindowTrafficLights,
     {
       close: closable ? {
@@ -14940,11 +14928,11 @@ function WorkbenchHostWindowActions({
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 function useWorkbenchHostSurfaceRenderers(input) {
   const renderBottomChrome = useMemo11(() => {
     const renderChrome = input.renderBottomChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx15(
+    return renderChrome ? () => /* @__PURE__ */ jsx16(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14955,7 +14943,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "bottom-chrome",
         resetKey: `${input.workspaceId}:bottom-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -14972,7 +14960,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
   ]);
   const renderTopChrome = useMemo11(() => {
     const renderChrome = input.renderTopChrome;
-    return renderChrome ? () => /* @__PURE__ */ jsx15(
+    return renderChrome ? () => /* @__PURE__ */ jsx16(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -14983,7 +14971,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "top-chrome",
         resetKey: `${input.workspaceId}:top-chrome`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           WorkbenchHostChromeRenderer,
           {
             context: input.chromeContext,
@@ -15078,7 +15066,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderDock = useCallback14(
-    (context) => /* @__PURE__ */ jsx15(
+    (context) => /* @__PURE__ */ jsx16(
       WorkbenchHostSurfaceRenderErrorBoundary,
       {
         debugDiagnostics: input.debugDiagnostics,
@@ -15090,7 +15078,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
         fallbackKind: "dock",
         resetKey: `${input.workspaceId}:dock`,
         workspaceId: input.workspaceId,
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           WorkbenchHostDock,
           {
             captureNodePreviewImage,
@@ -15137,7 +15125,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition) {
         return null;
       }
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         WorkbenchHostNodeRenderer,
         {
           debugDiagnostics: input.debugDiagnostics,
@@ -15158,7 +15146,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
     ]
   );
   const renderWindowActions = useCallback14(
-    (context) => /* @__PURE__ */ jsx15(
+    (context) => /* @__PURE__ */ jsx16(
       WorkbenchHostWindowActions,
       {
         context,
@@ -15177,7 +15165,7 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition?.renderHeader) {
         return null;
       }
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         MemoizedWorkbenchHostNodeHeaderStateBridge,
         {
           context,
@@ -15351,7 +15339,7 @@ function WorkbenchHostNodeRenderer(input) {
       input.context.node.id
     ]
   );
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     WorkbenchHostNodeRenderErrorBoundary,
     {
       debugDiagnostics: input.debugDiagnostics,
@@ -15362,7 +15350,7 @@ function WorkbenchHostNodeRenderer(input) {
       }),
       resetKey,
       workspaceId: input.workspaceId,
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx16(
         MemoizedWorkbenchHostNodeBodyRenderer,
         {
           context: bodyContext,
@@ -15387,7 +15375,7 @@ function WorkbenchHostNodeHeaderStateBridge(input) {
     workspaceId: input.workspaceId
   });
   const getFrameRenderKey = input.definition.getHeaderFrameRenderKey;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     MemoizedWorkbenchHostNodeHeaderRenderer,
     {
       context,
@@ -15464,7 +15452,7 @@ var WorkbenchHostSurfaceRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "div",
         {
           "data-workbench-surface-render-error": this.props.fallbackKind,
@@ -15523,7 +15511,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      return /* @__PURE__ */ jsxs11(
+      return /* @__PURE__ */ jsxs12(
         "div",
         {
           "data-workbench-node-render-error": "true",
@@ -15541,7 +15529,7 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16(
               "div",
               {
                 "data-workbench-node-render-error-message": "true",
@@ -15553,8 +15541,8 @@ var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
                 children: "This workspace view failed to render."
               }
             ),
-            /* @__PURE__ */ jsx15("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
-            /* @__PURE__ */ jsx15(
+            /* @__PURE__ */ jsx16("div", { style: { fontSize: 12 }, children: "Try selecting another conversation or reopen the window." }),
+            /* @__PURE__ */ jsx16(
               "button",
               {
                 type: "button",
@@ -15591,7 +15579,7 @@ function WorkbenchHostChromeRenderer({
 }
 
 // src/host/WorkbenchHost.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var noop3 = () => {
 };
 function WorkbenchHost({
@@ -15706,7 +15694,7 @@ function WorkbenchHost({
   });
   const missionControlPresence = useWorkbenchMissionControlPresence(missionControlState);
   const missionControlRenderedState = missionControlPresence.state;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     WorkbenchSurface,
     {
       className,
@@ -15721,7 +15709,7 @@ function WorkbenchHost({
       missionControlPhase: missionControlPresence.phase,
       minimizeAnimation,
       presentation: missionControlState?.presentation ?? null,
-      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx16(
+      renderBackdrop: missionControlRenderedState ? () => /* @__PURE__ */ jsx17(
         WorkbenchMissionControlBackdrop,
         {
           onExitTransitionComplete: () => missionControlPresence.completeExitTransition(),
@@ -15732,7 +15720,7 @@ function WorkbenchHost({
       renderDock: surfaceRenderers.renderDock,
       renderNode: surfaceRenderers.renderNode,
       renderNodeGeniePreview: surfaceRenderers.renderNodeGeniePreview,
-      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx16(
+      renderOverlay: missionControlRenderedState ? () => /* @__PURE__ */ jsx17(
         WorkbenchMissionControlOverlay,
         {
           i18n: missionControlI18n,
@@ -15944,7 +15932,7 @@ function serializeError(error) {
 }
 
 // src/react/WorkbenchDockComponentPreviewFrame.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function WorkbenchDockComponentPreviewFrame({
   children,
   sourceSize,
@@ -15980,13 +15968,13 @@ function WorkbenchDockComponentPreviewFrame({
     transformOrigin: "center",
     width: `${sourceWidth}px`
   };
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "span",
     {
       "aria-hidden": "true",
       "data-workbench-dock-component-preview-frame": "true",
       style: frameStyle,
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18(
         "span",
         {
           "data-workbench-dock-component-preview-content": "true",