@tutti-os/workbench-surface 0.0.6 → 0.0.7

package/dist/index.js

@@ -1639,7 +1639,7 @@ function areWorkbenchDockNodesEqual(previousNodes, nextNodes) {
   }
   return previousNodes.every((previousNode, index) => {
     const nextNode = nextNodes[index];
-    return nextNode !== void 0 && previousNode.id === nextNode.id && previousNode.kind === nextNode.kind && previousNode.title === nextNode.title && previousNode.displayMode === nextNode.displayMode && previousNode.isMinimized === nextNode.isMinimized && previousNode.minimizedAtUnixMs === nextNode.minimizedAtUnixMs && previousNode.data === nextNode.data;
+    return nextNode !== void 0 && previousNode.id === nextNode.id && previousNode.kind === nextNode.kind && previousNode.title === nextNode.title && previousNode.displayMode === nextNode.displayMode && previousNode.isMinimized === nextNode.isMinimized && previousNode.minimizedAtUnixMs === nextNode.minimizedAtUnixMs && previousNode.frame.width === nextNode.frame.width && previousNode.frame.height === nextNode.frame.height && previousNode.data === nextNode.data;
   });
 }
 
@@ -3132,9 +3132,14 @@ function useWorkbenchGenieAnimation({
   const launchNodeFromAnchor = useCallback6(
     (anchorKey, nodeID, launch) => {
       const target = controller.getSnapshot().nodes.find((node) => node.id === nodeID);
-      const shouldAnimate = target?.isMinimized === true || !target;
-      if (!shouldAnimate) {
-        launch();
+      if (!target) {
+        void Promise.resolve(launch()).catch(() => {
+        });
+        return;
+      }
+      if (target.isMinimized !== true) {
+        void Promise.resolve(launch()).catch(() => {
+        });
         return;
       }
       stopAnimation();
@@ -3148,7 +3153,7 @@ function useWorkbenchGenieAnimation({
       };
       const generation = animationGenerationRef.current;
       flushSync(() => {
-        launch();
+        void launch();
       });
       void startOpenOrRestoreAnimation(
         nodeID,
@@ -4439,6 +4444,7 @@ function sanitizeMetadata(metadata) {
 // src/host/session.ts
 var initializedMetadataKey = "workbenchHostInitialized";
 var snapshotSaveDelayMs = 400;
+var launchDiagnosticTextMaxLength = 800;
 function createWorkbenchHostSession(input) {
   return new WorkbenchHostSessionController(input);
 }
@@ -4638,10 +4644,16 @@ var WorkbenchHostSessionController = class {
     if (launchSource !== null) {
       request.launchSource = launchSource;
     }
-    const result = this.input.onLaunchRequest ? await this.input.onLaunchRequest(request) : createDefaultLaunchResult(definition, {
-      dockEntryId: input.dockEntryId,
-      launchSource
-    });
+    let result;
+    try {
+      result = this.input.onLaunchRequest ? await this.input.onLaunchRequest(request) : createDefaultLaunchResult(definition, {
+        dockEntryId: input.dockEntryId,
+        launchSource
+      });
+    } catch (error) {
+      this.logLaunchFailure(request, error);
+      return null;
+    }
     if (this.isDisposed || !result || generation !== this.loadGeneration) {
       return null;
     }
@@ -4650,6 +4662,24 @@ var WorkbenchHostSessionController = class {
       launchSource: result.launchSource ?? launchSource
     });
   }
+  logLaunchFailure(request, error) {
+    void Promise.resolve(
+      this.input.debugDiagnostics?.log?.({
+        details: {
+          dockEntryId: request.dockEntryId ?? null,
+          error: diagnosticErrorDetails(error),
+          launchSource: request.launchSource ?? null,
+          payload: diagnosticValueSummary(request.payload),
+          reason: request.reason,
+          typeId: request.typeId
+        },
+        event: "host.launch.failed",
+        level: "error",
+        source: "workbench-host",
+        workspaceId: request.workspaceId
+      })
+    ).catch(() => void 0);
+  }
   async load() {
     if (this.loadPromise && !this.isDisposed) {
       return this.loadPromise;
@@ -5211,6 +5241,42 @@ function resolveWorkbenchHostLaunchSource(input) {
       return null;
   }
 }
+function diagnosticErrorDetails(error) {
+  if (error instanceof Error) {
+    return {
+      message: limitLaunchDiagnosticText(error.message),
+      name: error.name,
+      stack: limitLaunchDiagnosticText(error.stack)
+    };
+  }
+  return {
+    message: diagnosticValueSummary(error),
+    name: typeof error
+  };
+}
+function diagnosticValueSummary(value) {
+  if (value === void 0) {
+    return null;
+  }
+  if (typeof value === "string") {
+    return limitLaunchDiagnosticText(value) ?? "";
+  }
+  if (value === null || typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
+  try {
+    return limitLaunchDiagnosticText(JSON.stringify(value)) ?? null;
+  } catch {
+    return Object.prototype.toString.call(value);
+  }
+}
+function limitLaunchDiagnosticText(value) {
+  const trimmed = value?.trim();
+  if (!trimmed) {
+    return null;
+  }
+  return trimmed.length > launchDiagnosticTextMaxLength ? `${trimmed.slice(0, launchDiagnosticTextMaxLength)}...` : trimmed;
+}
 function noop() {
 }
 
@@ -5384,7 +5450,7 @@ import { useCallback as useCallback11, useMemo as useMemo6 } from "react";
 import {
   useCallback as useCallback10,
   useEffect as useEffect9,
-  useLayoutEffect as useLayoutEffect4,
+  useLayoutEffect as useLayoutEffect5,
   useMemo as useMemo5,
   useRef as useRef8,
   useState as useState8
@@ -6057,6 +6123,7 @@ import {
   forwardRef,
   useCallback as useCallback9,
   useEffect as useEffect8,
+  useLayoutEffect as useLayoutEffect4,
   useRef as useRef7,
   useState as useState7
 } from "react";
@@ -6201,6 +6268,9 @@ var dockPopupPanelBorderInlinePx = 2;
 var dockPopupPlacementGapPx = 14;
 var dockPopupMinimizedStackLaunchDisappearMs = 0;
 var dockPopupMinimizedStackPopupZIndex = 100300;
+var dockPopupPreviewCacheMaxEntries = 64;
+var dockPopupPreviewByMemoryKey = /* @__PURE__ */ new Map();
+var pendingDockPopupPreviewMemoryKeys = /* @__PURE__ */ new Set();
 var popupCardMagnificationRange = 160;
 var popupCardMaxScale = 1.16;
 var popupCardMaxLiftPx = 10;
@@ -6239,9 +6309,24 @@ 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,
   capturePreview,
+  debugDiagnostics,
   dockPreviewCache,
   items,
   label,
@@ -6262,10 +6347,14 @@ function WorkbenchHostDockPopup({
   const isMinimizedStack = resolvedVariant === "minimized-stack";
   const createCardCount = showCreateNew === false ? 0 : 1;
   const cardElementsRef = useRef7(/* @__PURE__ */ new Map());
+  const cardRefCallbacksRef = useRef7(
+    /* @__PURE__ */ new Map()
+  );
+  const popupRootRef = useRef7(null);
   const minimizedStackViewportRef = useRef7(null);
   const [pointer, setPointer] = useState7(null);
   const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState7(0);
-  const [capturedPreviewByNodeId, setCapturedPreviewByNodeId] = useState7({});
+  const [capturedPreviewByMemoryKey, setCapturedPreviewByMemoryKey] = useState7({});
   const columnCount = Math.min(Math.max(items.length + createCardCount, 1), 3);
   const popupWidthPx = columnCount * dockPopupCardWidthPx + Math.max(0, columnCount - 1) * dockPopupGridGapPx + dockPopupPanelPaddingInlinePx * 2 + dockPopupPanelBorderInlinePx;
   const popupCenterY = anchorRect.top + anchorRect.height / 2;
@@ -6333,16 +6422,50 @@ function WorkbenchHostDockPopup({
       } : {}
     } : {}
   };
-  const registerCard = useCallback9(
-    (nodeId) => (element) => {
+  const popupDiagnosticKey = items.map((item) => item.node.id).join("|");
+  useEffect8(() => {
+    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
+  ]);
+  useLayoutEffect4(() => {
+    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]);
+  const registerCard = useCallback9((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;
+  }, []);
   useEffect8(() => {
     if (!isLeftMinimizedStack) {
       return;
@@ -6380,7 +6503,9 @@ function WorkbenchHostDockPopup({
       window.removeEventListener("keydown", handleKeyDown);
     };
   }, [onClose]);
-  const previewCaptureKey = items.map((item) => `${item.node.id}:${item.previewImageUrl ?? ""}`).join("|");
+  const previewCaptureKey = items.map(
+    (item) => `${item.node.id}:${previewCacheToken(item.preview)}:${item.previewRevision ?? ""}`
+  ).join("|");
   useEffect8(() => {
     if (!isMinimizedStack) {
       return;
@@ -6409,82 +6534,216 @@ function WorkbenchHostDockPopup({
     return () => viewport.removeEventListener("wheel", handleWheel);
   }, [isMinimizedStack, minimizedStackMaxScrollOffset]);
   useEffect8(() => {
+    if (!capturePreview) {
+      return;
+    }
     let cancelled = false;
-    const missingItems = items.filter(
-      (item) => !item.previewImageUrl && !capturedPreviewByNodeId[item.node.id]
-    );
+    const missingItems = items.filter((item) => {
+      const revision = item.previewRevision;
+      const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
+        item.node,
+        resolveDockPreviewCacheKey2?.(item.node) ?? null
+      );
+      const capturedPreview = capturedPreviewByMemoryKey[previewMemoryKey] ?? readDockPopupPreviewImage(previewMemoryKey);
+      const hasCapturedPreview = capturedPreview !== void 0 && capturedPreview.revision === revision;
+      const shouldCaptureMissingPreview = !item.preview && !hasCapturedPreview;
+      return shouldCaptureMissingPreview && !pendingDockPopupPreviewMemoryKeys.has(previewMemoryKey);
+    });
     if (missingItems.length === 0) {
+      logWorkbenchDockPopupDebug(
+        "dock.popup.preview_capture.batch",
+        debugDiagnostics,
+        {
+          itemCount: items.length,
+          missingNodeIds: []
+        }
+      );
       return () => {
         cancelled = true;
       };
     }
-    void Promise.all(
-      missingItems.map(async (item) => {
-        const cacheKey = resolveDockPreviewCacheKey2?.(item.node) ?? null;
+    logWorkbenchDockPopupDebug(
+      "dock.popup.preview_capture.batch",
+      debugDiagnostics,
+      {
+        itemCount: items.length,
+        missingNodeIds: missingItems.map((item) => item.node.id)
+      }
+    );
+    for (const item of missingItems) {
+      pendingDockPopupPreviewMemoryKeys.add(
+        resolveDockPopupPreviewMemoryKey(
+          item.node,
+          resolveDockPreviewCacheKey2?.(item.node) ?? null
+        )
+      );
+    }
+    void (async () => {
+      for (const item of missingItems) {
+        if (cancelled) {
+          break;
+        }
+        const revision = item.previewRevision;
+        logWorkbenchDockPopupDebug(
+          "dock.popup.preview_capture.started",
+          debugDiagnostics,
+          {
+            isMinimized: item.isMinimized,
+            nodeId: item.node.id,
+            revision
+          }
+        );
+        const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
+          item.node,
+          resolveDockPreviewCacheKey2?.(item.node) ?? null
+        );
+        const cacheKey = resolveDockPopupPreviewCacheKey(
+          resolveDockPreviewCacheKey2?.(item.node) ?? null,
+          revision
+        );
         if (item.isMinimized && cacheKey) {
           const minimizedPersistedPreview = await readPersistedDockPreview(
             dockPreviewCache,
             cacheKey
           );
+          if (cancelled) {
+            break;
+          }
           if (minimizedPersistedPreview) {
+            const persistedPreview = {
+              kind: "image",
+              src: minimizedPersistedPreview
+            };
             writeCachedWorkbenchNodePreviewImage(
               item.node.id,
               minimizedPersistedPreview
             );
-            return {
-              nodeId: item.node.id,
-              previewImageUrl: minimizedPersistedPreview
-            };
+            writeDockPopupPreviewImage(
+              previewMemoryKey,
+              persistedPreview,
+              revision
+            );
+            setCapturedPreviewByMemoryKey((current) => ({
+              ...current,
+              [previewMemoryKey]: {
+                preview: persistedPreview,
+                revision
+              }
+            }));
+            pendingDockPopupPreviewMemoryKeys.delete(previewMemoryKey);
+            continue;
           }
         }
-        const previewImageUrl = await capturePreview?.(item) ?? await captureWorkbenchNodePreviewImage(item.node.id, {
-          bypassCache: !item.isMinimized
-        });
-        if (previewImageUrl) {
-          writeCachedWorkbenchNodePreviewImage(item.node.id, previewImageUrl);
-          if (cacheKey) {
-            dockPreviewCache?.write({ key: cacheKey, previewImageUrl });
-          }
-          return {
+        const preview = normalizeDockPopupPreviewContentResult(
+          item.isMinimized ? await capturePreview?.(item) ?? await captureWorkbenchNodePreviewImage(item.node.id, {
+            bypassCache: false
+          }) : await Promise.resolve(capturePreview?.(item) ?? null).catch(
+            () => null
+          ),
+          revision
+        );
+        if (cancelled) {
+          break;
+        }
+        logWorkbenchDockPopupDebug(
+          "dock.popup.preview_capture.resolved",
+          debugDiagnostics,
+          {
+            hasPreview: Boolean(preview),
             nodeId: item.node.id,
-            previewImageUrl
-          };
+            providerRevision: preview?.revision ?? null,
+            revision
+          }
+        );
+        if (preview) {
+          if (preview.kind === "image") {
+            writeCachedWorkbenchNodePreviewImage(item.node.id, preview.src);
+          }
+          writeDockPopupPreviewImage(previewMemoryKey, preview, revision);
+          if (cacheKey && preview.kind === "image") {
+            dockPreviewCache?.write({
+              key: cacheKey,
+              previewImageUrl: preview.src
+            });
+          }
+          setCapturedPreviewByMemoryKey((current) => ({
+            ...current,
+            [previewMemoryKey]: { preview, revision }
+          }));
+          pendingDockPopupPreviewMemoryKeys.delete(previewMemoryKey);
+          continue;
         }
         const fallbackPersistedPreview = !item.isMinimized && cacheKey ? await readPersistedDockPreview(dockPreviewCache, cacheKey) : null;
+        if (cancelled) {
+          break;
+        }
         if (fallbackPersistedPreview) {
           writeCachedWorkbenchNodePreviewImage(
             item.node.id,
             fallbackPersistedPreview
           );
         }
-        return {
-          nodeId: item.node.id,
-          previewImageUrl: fallbackPersistedPreview
-        };
-      })
-    ).then((results) => {
-      if (cancelled) {
-        return;
+        if (fallbackPersistedPreview || item.isMinimized) {
+          const fallbackPreview = fallbackPersistedPreview ? { kind: "image", src: fallbackPersistedPreview } : null;
+          writeDockPopupPreviewImage(
+            previewMemoryKey,
+            fallbackPreview,
+            revision
+          );
+        }
+        if (!cancelled) {
+          const fallbackPreview = fallbackPersistedPreview ? { kind: "image", src: fallbackPersistedPreview } : null;
+          setCapturedPreviewByMemoryKey((current) => ({
+            ...current,
+            [previewMemoryKey]: { preview: fallbackPreview, revision }
+          }));
+        }
+        pendingDockPopupPreviewMemoryKeys.delete(previewMemoryKey);
       }
-      const nextEntries = results.filter(
-        (result) => Boolean(result.previewImageUrl)
-      );
-      if (nextEntries.length === 0) {
-        return;
+    })().catch(() => {
+      for (const item of missingItems) {
+        const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
+          item.node,
+          resolveDockPreviewCacheKey2?.(item.node) ?? null
+        );
+        writeDockPopupPreviewImage(
+          previewMemoryKey,
+          null,
+          item.previewRevision
+        );
+        pendingDockPopupPreviewMemoryKeys.delete(previewMemoryKey);
+      }
+      if (!cancelled) {
+        setCapturedPreviewByMemoryKey((current) => ({
+          ...current,
+          ...Object.fromEntries(
+            missingItems.map((item) => {
+              const previewMemoryKey = resolveDockPopupPreviewMemoryKey(
+                item.node,
+                resolveDockPreviewCacheKey2?.(item.node) ?? null
+              );
+              return [
+                previewMemoryKey,
+                { preview: null, revision: item.previewRevision }
+              ];
+            })
+          )
+        }));
       }
-      setCapturedPreviewByNodeId((current) => ({
-        ...current,
-        ...Object.fromEntries(
-          nextEntries.map((entry) => [entry.nodeId, entry.previewImageUrl])
-        )
-      }));
     });
     return () => {
       cancelled = true;
+      for (const item of missingItems) {
+        pendingDockPopupPreviewMemoryKeys.delete(
+          resolveDockPopupPreviewMemoryKey(
+            item.node,
+            resolveDockPreviewCacheKey2?.(item.node) ?? null
+          )
+        );
+      }
     };
   }, [
     capturePreview,
-    capturedPreviewByNodeId,
     dockPreviewCache,
     items,
     previewCaptureKey,
@@ -6493,6 +6752,7 @@ function WorkbenchHostDockPopup({
   const content = /* @__PURE__ */ jsx9(
     "div",
     {
+      ref: popupRootRef,
       className: "desktop-dock-popup-root",
       "data-dock-placement": placement,
       "data-desktop-dock-popup-root": "true",
@@ -6533,7 +6793,16 @@ function WorkbenchHostDockPopup({
                       transform: `translate(${minimizedStackTrackTranslateXPx}px, ${-minimizedStackScrollOffset}px)`
                     },
                     children: items.map((item, index) => {
-                      const previewImageUrl = item.previewImageUrl ?? capturedPreviewByNodeId[item.node.id];
+                      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__ */ jsx9(
                         WorkbenchHostDockPopupCard,
                         {
@@ -6543,7 +6812,7 @@ function WorkbenchHostDockPopup({
                           labelMode: resolvedLabelMode,
                           onCloseNode,
                           onSelectNode,
-                          previewImageUrl,
+                          previewState,
                           style: {
                             ...resolvePopupFanCardStyle(
                               index,
@@ -6565,7 +6834,16 @@ function WorkbenchHostDockPopup({
               }
             ) : /* @__PURE__ */ jsxs5("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 previewImageUrl = item.previewImageUrl ?? capturedPreviewByNodeId[item.node.id];
+                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__ */ jsx9(
                   WorkbenchHostDockPopupCard,
                   {
@@ -6575,7 +6853,7 @@ function WorkbenchHostDockPopup({
                     labelMode: resolvedLabelMode,
                     onCloseNode,
                     onSelectNode,
-                    previewImageUrl,
+                    previewState,
                     variant: resolvedVariant
                   },
                   item.node.id
@@ -6617,13 +6895,100 @@ function readPersistedDockPreview(dockPreviewCache, cacheKey) {
   }
   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 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}`;
+  }
+}
+function logWorkbenchDockPopupDebug(event, debugDiagnostics, details) {
+  if (!debugDiagnostics?.log) {
+    return;
+  }
+  void Promise.resolve(
+    debugDiagnostics.log({
+      details,
+      event,
+      level: "info",
+      source: "workbench-dock"
+    })
+  ).catch(() => void 0);
+}
+function rectToDiagnostic(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    bottom: Math.round(rect.bottom),
+    height: Math.round(rect.height),
+    left: Math.round(rect.left),
+    right: Math.round(rect.right),
+    top: Math.round(rect.top),
+    width: Math.round(rect.width)
+  };
+}
+function styleToDiagnostic(element) {
+  const style = window.getComputedStyle(element);
+  return {
+    display: style.display,
+    opacity: style.opacity,
+    pointerEvents: style.pointerEvents,
+    position: style.position,
+    transform: style.transform,
+    visibility: style.visibility,
+    zIndex: style.zIndex
+  };
+}
 var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2({
   closeWindowLabel,
   item,
   labelMode,
   onCloseNode,
   onSelectNode,
-  previewImageUrl,
+  previewState,
   style,
   variant
 }, ref) {
@@ -6653,13 +7018,23 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
       onSelectNode(item.node.id);
     }, dockPopupMinimizedStackLaunchDisappearMs);
   }, [isMinimizedStack, item.node.id, onSelectNode]);
+  const handleSelectKeyDown = useCallback9(
+    (event) => {
+      if (event.key !== "Enter" && event.key !== " ") {
+        return;
+      }
+      event.preventDefault();
+      handleSelect();
+    },
+    [handleSelect]
+  );
+  const hasReadyPreview = previewState.status === "ready";
   return /* @__PURE__ */ jsxs5(
     "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.isFocused && "border-transparent shadow-[inset_0_0_0_2px_var(--border-focus)]",
         item.isMinimized && "text-[var(--text-secondary)]"
       ),
       "data-active": item.isFocused ? "true" : void 0,
@@ -6670,41 +7045,20 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
       style,
       children: [
         /* @__PURE__ */ jsxs5(
-          "button",
+          "div",
           {
             "aria-label": title,
             "data-active": item.isFocused ? "true" : void 0,
-            className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-md bg-transparent p-1 text-inherit",
-            type: "button",
+            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: [
-              previewImageUrl ? /* @__PURE__ */ jsx9(
-                "span",
-                {
-                  className: "block min-h-0 min-w-0 flex-1 overflow-hidden rounded-md bg-transparency-block",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx9(
-                    "img",
-                    {
-                      alt: "",
-                      className: "block h-full max-h-full w-full max-w-full object-contain object-center",
-                      draggable: false,
-                      src: previewImageUrl
-                    }
-                  )
-                }
-              ) : /* @__PURE__ */ jsxs5(
-                "span",
-                {
-                  className: "flex size-full flex-col justify-center gap-[7px] rounded-md border border-[var(--border-1)] bg-transparency-block px-3 py-[11px]",
-                  "aria-hidden": "true",
-                  children: [
-                    /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
-                    /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
-                    /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
-                  ]
-                }
-              ),
+              /* @__PURE__ */ jsx9(WorkbenchHostDockPopupCardPreview, { previewState }),
               labelMode === "hover-overlay" && item.title?.trim() ? /* @__PURE__ */ jsx9(WorkbenchHostDockPopupCardLabel, { title: item.title }) : null
             ]
           }
@@ -6726,11 +7080,69 @@ var WorkbenchHostDockPopupCard = forwardRef(function WorkbenchHostDockPopupCard2
             children: /* @__PURE__ */ jsx9(CloseIcon, { className: "size-3.5" })
           }
         ),
+        item.isFocused ? /* @__PURE__ */ jsx9(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-0 z-[3] rounded-[8px] shadow-[inset_0_0_0_2px_var(--border-focus)]",
+            "data-desktop-dock-popup-card-active-overlay": "true"
+          }
+        ) : null,
         isMinimizedStack ? /* @__PURE__ */ jsx9("span", { className: "desktop-dock-popup__fan-title-tip", title, children: title }) : null
       ]
     }
   );
 });
+function WorkbenchHostDockPopupCardPreview({
+  previewState
+}) {
+  if (previewState.status !== "ready") {
+    return /* @__PURE__ */ jsxs5(
+      "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__ */ jsx9("span", { className: "block h-[7px] w-[72%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[58%] rounded-full bg-transparency-hover" }),
+          /* @__PURE__ */ jsx9("span", { className: "block h-[7px] w-[34%] rounded-full bg-transparency-hover" })
+        ]
+      }
+    );
+  }
+  const preview = previewState.preview;
+  if (preview.kind === "component") {
+    return /* @__PURE__ */ jsx9(
+      "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__ */ jsx9(
+    "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__ */ jsx9(
+        "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__ */ jsx9(
     "span",
@@ -6763,7 +7175,9 @@ function isDockVisualMutationActive(element) {
   ) !== null;
 }
 function WorkbenchHostDock({
+  captureNodePreviewImage,
   context,
+  debugDiagnostics,
   dockEntries,
   dockPlacement = "bottom",
   dockPreviewCache,
@@ -6796,6 +7210,9 @@ function WorkbenchHostDock({
   );
   const pendingDockStateRefreshRef = useRef8(false);
   const slotRefs = useRef8(/* @__PURE__ */ new Map());
+  const dockSlotRefCallbacksRef = useRef8(
+    /* @__PURE__ */ new Map()
+  );
   const previousAttentionTokenByEntryId = useRef8(/* @__PURE__ */ new Map());
   const attentionTimeouts = useRef8(
     /* @__PURE__ */ new Map()
@@ -6879,7 +7296,7 @@ function WorkbenchHostDock({
     },
     [clearCollapsingMinimizedLaunch]
   );
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     const element = dockMeasureRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -6984,6 +7401,20 @@ function WorkbenchHostDock({
     dockRootRef: dockMeasureRef,
     slotRefs
   });
+  const clearSlotMagnificationRef = useRef8(() => {
+    return;
+  });
+  const registerDockAnchorRef = useRef8(
+    (anchorKey, element) => {
+      context.genie.registerDockAnchor(anchorKey, element);
+    }
+  );
+  clearSlotMagnificationRef.current = (anchorKey) => {
+    clearSlotMagnification(anchorKey);
+  };
+  registerDockAnchorRef.current = (anchorKey, element) => {
+    context.genie.registerDockAnchor(anchorKey, element);
+  };
   const setDockHoverPanelOpen = useCallback10((open) => {
     if (open) {
       dockMeasureRef.current?.setAttribute(
@@ -7268,7 +7699,7 @@ function WorkbenchHostDock({
       (current) => current.canScrollBackward === nextState.canScrollBackward && current.canScrollForward === nextState.canScrollForward && current.hasOverflow === nextState.hasOverflow ? current : nextState
     );
   }, [dockPlacement, dockWidth]);
-  useLayoutEffect4(() => {
+  useLayoutEffect5(() => {
     const element = dockItemsRef.current;
     if (!element || typeof window === "undefined") {
       return void 0;
@@ -7367,23 +7798,28 @@ function WorkbenchHostDock({
     []
   );
   const captureMinimizedNodePreview = useCallback10(
-    (node) => {
+    async (node) => {
       const capturePreview = nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock?.capturePreview;
-      if (!capturePreview) {
-        return null;
-      }
-      return capturePreview({
-        externalNodeState: readWorkbenchHostExternalState({
-          externalStateSource,
-          node,
-          workspaceId
-        }).externalNodeState,
-        isFocused: context.focusedNodeId === node.id,
-        isMinimized: node.isMinimized,
-        node
+      const externalState = readWorkbenchHostExternalState({
+        externalStateSource,
+        node,
+        workspaceId
       });
+      return await Promise.resolve(
+        capturePreview?.({
+          externalNodeState: externalState.externalNodeState,
+          externalWorkspaceState: externalState.externalWorkspaceState,
+          host,
+          isFocused: context.focusedNodeId === node.id,
+          isMinimized: node.isMinimized,
+          node
+        }) ?? null
+      ).catch(() => null) ?? await Promise.resolve(captureNodePreviewImage?.(node) ?? null).catch(
+        () => null
+      );
     },
     [
+      captureNodePreviewImage,
       context.focusedNodeId,
       externalStateRevision,
       externalStateSource,
@@ -7420,17 +7856,25 @@ function WorkbenchHostDock({
       top: isVertical ? delta : 0
     });
   };
-  const registerDockSlot = (anchorKey) => (element) => {
-    if (element) {
-      slotRefs.current.set(anchorKey, element);
-    } else {
-      slotRefs.current.delete(anchorKey);
-      if (!dockMeasureRef.current?.hasAttribute("data-dock-pointer-active")) {
-        clearSlotMagnification(anchorKey);
-      }
+  const registerDockSlot = useCallback10((anchorKey) => {
+    const existing = dockSlotRefCallbacksRef.current.get(anchorKey);
+    if (existing) {
+      return existing;
     }
-    context.genie.registerDockAnchor(anchorKey, element);
-  };
+    const callback = (element) => {
+      if (element) {
+        slotRefs.current.set(anchorKey, element);
+      } else {
+        slotRefs.current.delete(anchorKey);
+        if (!dockMeasureRef.current?.hasAttribute("data-dock-pointer-active")) {
+          clearSlotMagnificationRef.current(anchorKey);
+        }
+      }
+      registerDockAnchorRef.current(anchorKey, element);
+    };
+    dockSlotRefCallbacksRef.current.set(anchorKey, callback);
+    return callback;
+  }, []);
   const popupEntry = activePopup === null ? null : resolvedEntries.find(
     (entry) => entry.entry.id === activePopup.entryId
   ) ?? null;
@@ -7540,6 +7984,19 @@ function WorkbenchHostDock({
                             beginDockIconInteraction(anchorKey);
                           },
                           onClick: (event) => {
+                            logWorkbenchDockDebug("dock.click", debugDiagnostics, {
+                              anchorKey,
+                              clickResolution,
+                              dockNodeState: resolvedEntry.dockNodeState,
+                              entryId: entry.id,
+                              instanceMode: instanceMode ?? null,
+                              matchedNodeCount: resolvedEntry.matchedNodes.length,
+                              matchedNodeIds: resolvedEntry.matchedNodes.map(
+                                (node2) => node2.id
+                              ),
+                              typeId: entry.typeId,
+                              workspaceId
+                            });
                             switch (clickResolution.kind) {
                               case "focus-node":
                                 closePopup();
@@ -7561,6 +8018,18 @@ function WorkbenchHostDock({
                                 return;
                               case "open-popup": {
                                 const rect = event.currentTarget.getBoundingClientRect();
+                                logWorkbenchDockDebug(
+                                  "dock.popup.toggle",
+                                  debugDiagnostics,
+                                  {
+                                    anchorKey,
+                                    entryId: entry.id,
+                                    matchedNodeCount: resolvedEntry.matchedNodes.length,
+                                    nextOpen: currentPopup === null,
+                                    typeId: entry.typeId,
+                                    workspaceId
+                                  }
+                                );
                                 setActivePopup(
                                   (current) => current?.entryId === entry.id ? null : {
                                     anchorRect: {
@@ -7590,14 +8059,12 @@ function WorkbenchHostDock({
                                 context.genie.launchNodeFromAnchor(
                                   anchorKey,
                                   entry.id,
-                                  () => {
-                                    void host.launchNode({
-                                      dockEntryId: entry.id,
-                                      payload: entry.launchPayload,
-                                      reason: "dock",
-                                      typeId: entry.typeId
-                                    });
-                                  }
+                                  () => host.launchNode({
+                                    dockEntryId: entry.id,
+                                    payload: entry.launchPayload,
+                                    reason: "dock",
+                                    typeId: entry.typeId
+                                  })
                                 );
                                 return;
                               case "blocked":
@@ -7918,23 +8385,43 @@ function WorkbenchHostDock({
           {
             anchorRect: activePopup.anchorRect,
             placement: dockPlacement,
-            capturePreview: popupEntry.entry.capturePopupItemPreview,
+            debugDiagnostics,
+            capturePreview: popupEntry.entry.capturePopupItemPreview ? async (item) => {
+              const previewImageUrl = await Promise.resolve(
+                popupEntry.entry.capturePopupItemPreview?.(item) ?? null
+              ).catch(() => null);
+              return previewImageUrl ? {
+                kind: "image",
+                revision: item.previewRevision ?? void 0,
+                src: previewImageUrl
+              } : null;
+            } : void 0,
             dockPreviewCache,
             items: popupEntry.matchedNodes.map((node) => {
+              const externalState = readWorkbenchHostExternalState({
+                externalStateSource,
+                node,
+                workspaceId
+              });
               const item = {
-                externalNodeState: readWorkbenchHostExternalState({
-                  externalStateSource,
-                  node,
-                  workspaceId
-                }).externalNodeState,
+                externalNodeState: externalState.externalNodeState,
+                externalWorkspaceState: externalState.externalWorkspaceState,
+                host,
                 isFocused: context.focusedNodeId === node.id,
                 isMinimized: minimizedNodeIDs.has(node.id),
                 node
               };
               const descriptor = popupEntry.entry.resolvePopupItem?.(item) ?? {};
+              const descriptorPreviewImageUrl = descriptor.previewImageUrl ?? null;
+              const descriptorPreview = descriptor.preview ?? (descriptorPreviewImageUrl ? {
+                kind: "image",
+                revision: descriptor.revision ?? null,
+                src: descriptorPreviewImageUrl
+              } : popupEntry.entry.providePopupItemPreview?.(item) ?? null);
               return {
                 ...item,
-                previewImageUrl: descriptor.previewImageUrl ?? null,
+                preview: descriptorPreview,
+                previewRevision: previewRevision(descriptorPreview) ?? descriptor.revision ?? null,
                 subtitle: descriptor.subtitle === void 0 ? node.data.instanceKey ?? node.data.instanceId : descriptor.subtitle,
                 title: descriptor.title === void 0 ? node.title : descriptor.title?.trim() || null
               };
@@ -7948,7 +8435,18 @@ function WorkbenchHostDock({
             labelMode: popupEntry.entry.popupCardLabelMode,
             newWindowLabel: i18n.t("newWindow"),
             closeWindowLabel: (title) => i18n.t("closeWindow", { title }),
-            onClose: closePopup,
+            onClose: () => {
+              logWorkbenchDockDebug(
+                "dock.popup.close_requested",
+                debugDiagnostics,
+                {
+                  entryId: popupEntry.entry.id,
+                  itemCount: popupEntry.matchedNodes.length,
+                  workspaceId
+                }
+              );
+              closePopup();
+            },
             onCloseNode: (nodeId) => {
               host.requestNodeClose(nodeId);
               const hasRemainingItems = popupEntry.matchedNodes.some(
@@ -7963,14 +8461,12 @@ function WorkbenchHostDock({
               context.genie.launchNodeFromAnchor(
                 anchorKeyFromPopupEntry(popupEntry),
                 popupEntry.entry.id,
-                () => {
-                  void host.launchNode({
-                    dockEntryId: popupEntry.entry.id,
-                    payload: popupEntry.entry.launchPayload,
-                    reason: "dock",
-                    typeId: popupEntry.entry.typeId
-                  });
-                }
+                () => host.launchNode({
+                  dockEntryId: popupEntry.entry.id,
+                  payload: popupEntry.entry.launchPayload,
+                  reason: "dock",
+                  typeId: popupEntry.entry.typeId
+                })
               );
             },
             onSelectNode: (nodeId) => {
@@ -8003,20 +8499,51 @@ function WorkbenchHostDock({
           {
             anchorRect: activeMinimizedStackPopup,
             placement: dockPlacement,
-            capturePreview: (item) => captureMinimizedNodePreview(item.node),
+            debugDiagnostics,
+            capturePreview: async (item) => {
+              const src = await captureMinimizedNodePreview(item.node);
+              return src ? { kind: "image", src } : null;
+            },
             dockPreviewCache,
-            items: activeMinimizedStackSlot.nodes.map((node) => ({
-              isFocused: context.focusedNodeId === node.id,
-              isMinimized: true,
-              node,
-              previewImageUrl: nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock?.capturePreview ? null : readCachedWorkbenchNodePreviewImage(node.id),
-              subtitle: node.data.instanceKey ?? node.data.instanceId,
-              title: node.title
-            })),
+            items: activeMinimizedStackSlot.nodes.map((node) => {
+              const externalState = readWorkbenchHostExternalState({
+                externalStateSource,
+                node,
+                workspaceId
+              });
+              return {
+                externalNodeState: externalState.externalNodeState,
+                externalWorkspaceState: externalState.externalWorkspaceState,
+                host,
+                isFocused: context.focusedNodeId === node.id,
+                isMinimized: true,
+                node,
+                preview: nodeDefinitions.get(node.data.typeId)?.window?.minimizedDock?.capturePreview ? null : (() => {
+                  const previewImageUrl = readCachedWorkbenchNodePreviewImage(
+                    node.id
+                  );
+                  return previewImageUrl ? { kind: "image", src: previewImageUrl } : null;
+                })(),
+                previewRevision: null,
+                subtitle: node.data.instanceKey ?? node.data.instanceId,
+                title: node.title
+              };
+            }),
             label: i18n.t("minimizedWindows"),
             newWindowLabel: i18n.t("newWindow"),
             closeWindowLabel: (title) => i18n.t("closeWindow", { title }),
-            onClose: closePopup,
+            onClose: () => {
+              logWorkbenchDockDebug(
+                "dock.popup.close_requested",
+                debugDiagnostics,
+                {
+                  entryId: "minimized-stack",
+                  itemCount: activeMinimizedStackSlot.nodes.length,
+                  workspaceId
+                }
+              );
+              closePopup();
+            },
             onCloseNode: (nodeId) => {
               host.requestNodeClose(nodeId);
               const hasRemainingItems = activeMinimizedStackSlot.nodes.some(
@@ -8259,6 +8786,23 @@ function canCreateNewWindow(entry, instanceMode) {
 function anchorKeyFromPopupEntry(entry) {
   return entry.anchorKey;
 }
+function previewRevision(preview) {
+  return preview?.revision ?? null;
+}
+function logWorkbenchDockDebug(event, debugDiagnostics, details) {
+  if (!debugDiagnostics?.log) {
+    return;
+  }
+  void Promise.resolve(
+    debugDiagnostics.log({
+      details,
+      event,
+      level: "info",
+      source: "workbench-dock",
+      workspaceId: typeof details.workspaceId === "string" ? details.workspaceId : null
+    })
+  ).catch(() => void 0);
+}
 function minimizedDockSlotNodes(slot) {
   return slot.kind === "stack" ? slot.nodes : [slot.node];
 }
@@ -8694,11 +9238,45 @@ function useWorkbenchHostSurfaceRenderers(input) {
     () => input.renderTopChrome ? () => input.renderTopChrome?.(input.chromeContext) : void 0,
     [input.chromeContext, input.renderTopChrome]
   );
+  const captureNodePreviewImage = useCallback11(
+    async (node) => {
+      const definition = input.nodeDefinitionByType.get(node.data.typeId);
+      const capturePreview = definition?.window?.minimizedDock?.capturePreview;
+      const snapshot = input.hostSession.getSnapshot();
+      const externalState = readWorkbenchHostExternalState({
+        externalStateSource: input.externalStateSource,
+        node,
+        workspaceId: input.workspaceId
+      });
+      const nodePreview = await Promise.resolve(
+        capturePreview?.({
+          externalNodeState: externalState.externalNodeState,
+          externalWorkspaceState: externalState.externalWorkspaceState,
+          host: input.hostSession,
+          isFocused: snapshot.nodeStack.at(-1) === node.id,
+          isMinimized: node.isMinimized,
+          node
+        }) ?? null
+      ).catch(() => null) ?? await Promise.resolve(
+        input.captureNodePreviewImage?.(node) ?? null
+      ).catch(() => null);
+      return nodePreview;
+    },
+    [
+      input.captureNodePreviewImage,
+      input.externalStateSource,
+      input.hostSession,
+      input.nodeDefinitionByType,
+      input.workspaceId
+    ]
+  );
   const renderDock = useCallback11(
     (context) => /* @__PURE__ */ jsx12(
       WorkbenchHostDock,
       {
+        captureNodePreviewImage,
         context,
+        debugDiagnostics: input.debugDiagnostics,
         dockEntries: input.dockEntries,
         dockPlacement: input.dockPlacement,
         dockPreviewCache: input.dockPreviewCache,
@@ -8713,6 +9291,8 @@ function useWorkbenchHostSurfaceRenderers(input) {
       }
     ),
     [
+      captureNodePreviewImage,
+      input.debugDiagnostics,
       input.dockEntries,
       input.dockPlacement,
       input.dockPreviewCache,
@@ -8726,32 +9306,6 @@ function useWorkbenchHostSurfaceRenderers(input) {
       input.workspaceId
     ]
   );
-  const captureNodePreviewImage = useCallback11(
-    (node) => {
-      const definition = input.nodeDefinitionByType.get(node.data.typeId);
-      const capturePreview = definition?.window?.minimizedDock?.capturePreview;
-      if (!capturePreview) {
-        return null;
-      }
-      const snapshot = input.hostSession.getSnapshot();
-      return capturePreview({
-        externalNodeState: readWorkbenchHostExternalState({
-          externalStateSource: input.externalStateSource,
-          node,
-          workspaceId: input.workspaceId
-        }).externalNodeState,
-        isFocused: snapshot.nodeStack.at(-1) === node.id,
-        isMinimized: node.isMinimized,
-        node
-      });
-    },
-    [
-      input.externalStateSource,
-      input.hostSession,
-      input.nodeDefinitionByType,
-      input.workspaceId
-    ]
-  );
   const renderNode = useCallback11(
     (context) => {
       const definition = input.nodeDefinitionByType.get(
@@ -8887,6 +9441,7 @@ import { jsx as jsx13 } from "react/jsx-runtime";
 var noop3 = () => {
 };
 function WorkbenchHost({
+  captureNodePreviewImage,
   className,
   contributions,
   debugDiagnostics,
@@ -8963,7 +9518,9 @@ function WorkbenchHost({
     workspaceId
   });
   const surfaceRenderers = useWorkbenchHostSurfaceRenderers({
+    captureNodePreviewImage,
     chromeContext,
+    debugDiagnostics,
     dockPreviewCache,
     dockPlacement,
     dockStateSource,