@tutti-os/workbench-surface 0.0.10 → 0.0.12

package/dist/{chunk-QZ3DIAZK.js → chunk-64XVF4I6.js}

@@ -62,6 +62,7 @@ var tuttiI18nModule2 = createScopedLocaleObjectsI18nModuleManifest2({
 });
 var workbenchMissionControlEn = {
   layoutSelectionHint: "Select multiple windows to arrange",
+  noAvailableLayout: "No layout fits the selected windows",
   presets: {
     balanced: "Balanced layout",
     column: "Vertical equal layout",
@@ -70,6 +71,7 @@ var workbenchMissionControlEn = {
 };
 var workbenchMissionControlZhCN = {
   layoutSelectionHint: "\u8BF7\u9009\u62E9\u591A\u4E2A\u4F60\u8981\u6574\u7406\u5E03\u5C40\u7684\u7A97\u53E3",
+  noAvailableLayout: "\u5F53\u524D\u6CA1\u6709\u53EF\u7528\u5E03\u5C40",
   presets: {
     balanced: "\u667A\u80FD\u5747\u8861\u5E03\u5C40",
     column: "\u5782\u76F4\u7B49\u5206\u5E03\u5C40",
@@ -187,4 +189,4 @@ export {
   workbenchHostI18nResources,
   createWorkbenchHostI18nRuntime
 };
-//# sourceMappingURL=chunk-QZ3DIAZK.js.map
+//# sourceMappingURL=chunk-64XVF4I6.js.map

package/dist/chunk-64XVF4I6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/workbenchWindowI18n.ts","../src/mission-control/workbenchMissionControlI18n.ts","../src/host/workbenchHostI18n.ts"],"sourcesContent":["import {\n  createScopedLocaleObjectsI18nModuleManifest,\n  createI18nRuntime,\n  createScopedI18nRuntime,\n  type I18nDictionary,\n  type I18nRuntime\n} from \"@tutti-os/ui-i18n-runtime\";\n\ntype WorkbenchWindowChromeI18nLocale = \"en\" | \"zh-CN\";\nexport const workbenchWindowChromeI18nNamespace = \"workbenchWindowChrome\";\nexport const tuttiI18nModule = createScopedLocaleObjectsI18nModuleManifest({\n  localeObjectByLocale: {\n    en: \"workbenchWindowChromeEn\",\n    \"zh-CN\": \"workbenchWindowChromeZhCN\"\n  },\n  name: \"workbench-window-chrome\",\n  namespace: \"workbenchWindowChrome\",\n  sourceRoot: \"packages/workbench/surface/src\"\n});\n\nconst workbenchWindowChromeEn = {\n  enterFullscreen: \"Full Screen\",\n  exitFullscreen: \"Exit Full Screen\"\n} as const satisfies I18nDictionary;\n\nconst workbenchWindowChromeZhCN = {\n  enterFullscreen: \"全屏\",\n  exitFullscreen: \"取消全屏\"\n} as const satisfies I18nDictionary;\n\nexport type WorkbenchWindowChromeI18nKey = keyof typeof workbenchWindowChromeEn;\n\nexport type WorkbenchWindowChromeI18nRuntime =\n  I18nRuntime<WorkbenchWindowChromeI18nKey>;\n\nconst workbenchWindowChromeDefaults: Record<\n  WorkbenchWindowChromeI18nLocale,\n  I18nDictionary\n> = {\n  en: workbenchWindowChromeEn,\n  \"zh-CN\": workbenchWindowChromeZhCN\n};\n\nexport const workbenchWindowChromeI18nResources: Record<\n  WorkbenchWindowChromeI18nLocale,\n  I18nDictionary\n> = {\n  en: {\n    [workbenchWindowChromeI18nNamespace]: workbenchWindowChromeDefaults.en\n  },\n  \"zh-CN\": {\n    [workbenchWindowChromeI18nNamespace]: workbenchWindowChromeDefaults[\"zh-CN\"]\n  }\n};\n\nconst defaultWorkbenchWindowChromeI18n = createI18nRuntime({\n  dictionaries: [workbenchWindowChromeI18nResources.en]\n});\n\nexport function createWorkbenchWindowChromeI18nRuntime(\n  runtime: I18nRuntime<string> | undefined\n): WorkbenchWindowChromeI18nRuntime {\n  return createScopedI18nRuntime<WorkbenchWindowChromeI18nKey>(\n    runtime ?? defaultWorkbenchWindowChromeI18n,\n    workbenchWindowChromeI18nNamespace\n  );\n}\n","import {\n  createScopedLocaleObjectsI18nModuleManifest,\n  createI18nRuntime,\n  createScopedI18nRuntime,\n  type I18nDictionary,\n  type I18nRuntime\n} from \"@tutti-os/ui-i18n-runtime\";\n\ntype WorkbenchMissionControlI18nLocale = \"en\" | \"zh-CN\";\n\nexport const workbenchMissionControlI18nNamespace = \"workbenchMissionControl\";\n\nexport const tuttiI18nModule = createScopedLocaleObjectsI18nModuleManifest({\n  localeObjectByLocale: {\n    en: \"workbenchMissionControlEn\",\n    \"zh-CN\": \"workbenchMissionControlZhCN\"\n  },\n  name: \"workbench-mission-control\",\n  namespace: \"workbenchMissionControl\",\n  sourceRoot: \"packages/workbench/surface/src\"\n});\n\nconst workbenchMissionControlEn = {\n  layoutSelectionHint: \"Select multiple windows to arrange\",\n  noAvailableLayout: \"No layout fits the selected windows\",\n  presets: {\n    balanced: \"Balanced layout\",\n    column: \"Vertical equal layout\",\n    row: \"Horizontal equal layout\"\n  }\n} as const satisfies I18nDictionary;\n\nconst workbenchMissionControlZhCN = {\n  layoutSelectionHint: \"请选择多个你要整理布局的窗口\",\n  noAvailableLayout: \"当前没有可用布局\",\n  presets: {\n    balanced: \"智能均衡布局\",\n    column: \"垂直等分布局\",\n    row: \"水平等分布局\"\n  }\n} as const satisfies I18nDictionary;\n\nexport type WorkbenchMissionControlI18nKey =\n  | \"layoutSelectionHint\"\n  | \"noAvailableLayout\"\n  | \"presets.balanced\"\n  | \"presets.column\"\n  | \"presets.row\";\n\nexport type WorkbenchMissionControlI18nRuntime =\n  I18nRuntime<WorkbenchMissionControlI18nKey>;\n\nconst workbenchMissionControlDefaults: Record<\n  WorkbenchMissionControlI18nLocale,\n  I18nDictionary\n> = {\n  en: workbenchMissionControlEn,\n  \"zh-CN\": workbenchMissionControlZhCN\n};\n\nexport const workbenchMissionControlI18nResources: Record<\n  WorkbenchMissionControlI18nLocale,\n  I18nDictionary\n> = {\n  en: {\n    [workbenchMissionControlI18nNamespace]: workbenchMissionControlDefaults.en\n  },\n  \"zh-CN\": {\n    [workbenchMissionControlI18nNamespace]:\n      workbenchMissionControlDefaults[\"zh-CN\"]\n  }\n};\n\nconst defaultWorkbenchMissionControlI18n = createI18nRuntime({\n  dictionaries: [workbenchMissionControlI18nResources.en]\n});\n\nexport function createWorkbenchMissionControlI18nRuntime(\n  runtime: I18nRuntime<string> | undefined\n): WorkbenchMissionControlI18nRuntime {\n  return createScopedI18nRuntime<WorkbenchMissionControlI18nKey>(\n    runtime ?? defaultWorkbenchMissionControlI18n,\n    workbenchMissionControlI18nNamespace\n  );\n}\n","import {\n  createScopedLocaleObjectsI18nModuleManifest,\n  createI18nRuntime,\n  createScopedI18nRuntime,\n  type I18nDictionary,\n  type I18nRuntime\n} from \"@tutti-os/ui-i18n-runtime\";\n\ntype WorkbenchHostI18nLocale = \"en\" | \"zh-CN\";\nexport const workbenchHostI18nNamespace = \"workbenchHost\";\nexport const tuttiI18nModule = createScopedLocaleObjectsI18nModuleManifest({\n  localeObjectByLocale: {\n    en: \"workbenchHostEn\",\n    \"zh-CN\": \"workbenchHostZhCN\"\n  },\n  name: \"workbench-host\",\n  namespace: \"workbenchHost\",\n  sourceRoot: \"packages/workbench/surface/src\"\n});\n\nconst workbenchHostEn = {\n  actions: {\n    close: \"Close\",\n    minimize: \"Minimize\"\n  },\n  closeWindow: \"Close {{title}}\",\n  dockLabel: \"Workbench dock\",\n  launch: \"Open {{title}}\",\n  minimizedWindows: \"Minimized windows\",\n  newWindow: \"New window\",\n  scrollDockDown: \"Scroll dock down\",\n  scrollDockLeft: \"Scroll dock left\",\n  scrollDockRight: \"Scroll dock right\",\n  scrollDockUp: \"Scroll dock up\",\n  windowStatus: {\n    active: \"Active\",\n    minimized: \"Minimized\",\n    open: \"Open\"\n  }\n} as const satisfies I18nDictionary;\n\nconst workbenchHostZhCN = {\n  actions: {\n    close: \"关闭\",\n    minimize: \"最小化\"\n  },\n  closeWindow: \"关闭 {{title}}\",\n  dockLabel: \"工作台程序坞\",\n  launch: \"打开 {{title}}\",\n  minimizedWindows: \"已最小化窗口\",\n  newWindow: \"新建窗口\",\n  scrollDockDown: \"向下滚动程序坞\",\n  scrollDockLeft: \"向左滚动程序坞\",\n  scrollDockRight: \"向右滚动程序坞\",\n  scrollDockUp: \"向上滚动程序坞\",\n  windowStatus: {\n    active: \"当前窗口\",\n    minimized: \"已最小化\",\n    open: \"已打开\"\n  }\n} as const satisfies I18nDictionary;\n\nexport type WorkbenchHostI18nKey =\n  | \"actions.close\"\n  | \"actions.minimize\"\n  | \"closeWindow\"\n  | \"dockLabel\"\n  | \"launch\"\n  | \"minimizedWindows\"\n  | \"newWindow\"\n  | \"scrollDockDown\"\n  | \"scrollDockLeft\"\n  | \"scrollDockRight\"\n  | \"scrollDockUp\"\n  | \"windowStatus.active\"\n  | \"windowStatus.minimized\"\n  | \"windowStatus.open\";\n\nexport type WorkbenchHostI18nRuntime = I18nRuntime<WorkbenchHostI18nKey>;\n\nconst workbenchHostDefaults: Record<WorkbenchHostI18nLocale, I18nDictionary> = {\n  en: workbenchHostEn,\n  \"zh-CN\": workbenchHostZhCN\n};\n\nexport const workbenchHostI18nResources = {\n  en: {\n    [workbenchHostI18nNamespace]: workbenchHostDefaults.en\n  },\n  \"zh-CN\": {\n    [workbenchHostI18nNamespace]: workbenchHostDefaults[\"zh-CN\"]\n  }\n} as const satisfies Record<WorkbenchHostI18nLocale, I18nDictionary>;\n\nconst defaultWorkbenchHostI18n = createI18nRuntime({\n  dictionaries: [workbenchHostI18nResources.en]\n});\n\nexport function createWorkbenchHostI18nRuntime(\n  runtime: I18nRuntime<string> | undefined\n): WorkbenchHostI18nRuntime {\n  return createScopedI18nRuntime<WorkbenchHostI18nKey>(\n    runtime ?? defaultWorkbenchHostI18n,\n    workbenchHostI18nNamespace\n  );\n}\n"],"mappings":"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","names":["createScopedLocaleObjectsI18nModuleManifest","createI18nRuntime","createScopedI18nRuntime","tuttiI18nModule","createScopedLocaleObjectsI18nModuleManifest","createI18nRuntime","createScopedI18nRuntime","tuttiI18nModule"]}

package/dist/i18n/index.d.ts

@@ -3,7 +3,7 @@ import { I18nRuntime, I18nDictionary } from '@tutti-os/ui-i18n-runtime';
 
 type WorkbenchMissionControlI18nLocale = "en" | "zh-CN";
 declare const workbenchMissionControlI18nNamespace = "workbenchMissionControl";
-type WorkbenchMissionControlI18nKey = "layoutSelectionHint" | "presets.balanced" | "presets.column" | "presets.row";
+type WorkbenchMissionControlI18nKey = "layoutSelectionHint" | "noAvailableLayout" | "presets.balanced" | "presets.column" | "presets.row";
 type WorkbenchMissionControlI18nRuntime = I18nRuntime<WorkbenchMissionControlI18nKey>;
 declare const workbenchMissionControlI18nResources: Record<WorkbenchMissionControlI18nLocale, I18nDictionary>;
 declare function createWorkbenchMissionControlI18nRuntime(runtime: I18nRuntime<string> | undefined): WorkbenchMissionControlI18nRuntime;

package/dist/i18n/index.js

@@ -8,7 +8,7 @@ import {
   workbenchMissionControlI18nResources,
   workbenchWindowChromeI18nNamespace,
   workbenchWindowChromeI18nResources
-} from "../chunk-QZ3DIAZK.js";
+} from "../chunk-64XVF4I6.js";
 export {
   createWorkbenchHostI18nRuntime,
   createWorkbenchMissionControlI18nRuntime,

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   workbenchHostI18nResources,
   workbenchWindowChromeI18nNamespace,
   workbenchWindowChromeI18nResources
-} from "./chunk-QZ3DIAZK.js";
+} from "./chunk-64XVF4I6.js";
 
 // src/store/commands.ts
 function createWorkbenchCommands(store) {
@@ -390,7 +390,7 @@ function getBalancedLayoutFrames(itemCount, frame, constraints) {
     return getGridLayoutFrames(itemCount, 2, frame, constraints);
   }
   if (itemCount >= 4) {
-    return getGridLayoutFrames(itemCount, 2, frame, constraints);
+    return getBestBalancedGridLayoutFrames(itemCount, frame, constraints);
   }
   const gap = WORKBENCH_LAYOUT_PRESET_GAP_PX;
   const primaryWidth = Math.floor((frame.width - gap) * 0.58);
@@ -425,6 +425,26 @@ function getBalancedLayoutFrames(itemCount, frame, constraints) {
   }
   return frames;
 }
+function getBestBalancedGridLayoutFrames(itemCount, frame, constraints) {
+  let best = null;
+  for (let columns = 2; columns <= itemCount; columns += 1) {
+    const rows = Math.ceil(itemCount / columns);
+    const frames = getGridLayoutFrames(itemCount, columns, frame, constraints);
+    if (!frames) {
+      continue;
+    }
+    const candidate = {
+      columns,
+      emptySlots: rows * columns - itemCount,
+      frames,
+      shapeDistance: Math.abs(columns - rows)
+    };
+    if (!best || candidate.shapeDistance < best.shapeDistance || candidate.shapeDistance === best.shapeDistance && candidate.emptySlots < best.emptySlots || candidate.shapeDistance === best.shapeDistance && candidate.emptySlots === best.emptySlots && candidate.columns < best.columns) {
+      best = candidate;
+    }
+  }
+  return best?.frames ?? null;
+}
 function getSingleColumnLayoutFrames(itemCount, frame, constraints) {
   const verticalGap = WORKBENCH_LAYOUT_PRESET_GAP_PX * Math.max(0, itemCount - 1);
   const cellHeight = Math.floor((frame.height - verticalGap) / itemCount);
@@ -1035,6 +1055,9 @@ import {
 function shouldShowWorkbenchMissionControlLayoutHint(selectedCount) {
   return selectedCount < 2;
 }
+function shouldShowWorkbenchMissionControlNoAvailableLayoutMessage(selectedCount, hasUsablePreset) {
+  return selectedCount >= 2 && !hasUsablePreset;
+}
 function shouldShowWorkbenchMissionControlLayoutPreset(selectedCount, preset) {
   if (selectedCount === 2) {
     return preset.kind !== "balanced";
@@ -1099,6 +1122,16 @@ function WorkbenchMissionControlOverlay({
       option.preset
     )
   );
+  const showLayoutSelectionHint = shouldShowWorkbenchMissionControlLayoutHint(
+    state.selectedCount
+  );
+  const hasUsableLayoutPreset = layoutPresets.some(
+    (option) => state.canUsePreset(option.preset)
+  );
+  const showNoAvailableLayoutMessage = shouldShowWorkbenchMissionControlNoAvailableLayoutMessage(
+    state.selectedCount,
+    hasUsableLayoutPreset
+  );
   useLayoutEffect(() => {
     const element = layoutDockContentRef.current;
     if (!element) {
@@ -1107,7 +1140,13 @@ function WorkbenchMissionControlOverlay({
     const computedStyle = window.getComputedStyle(element.parentElement);
     const horizontalChrome = Number.parseFloat(computedStyle.paddingLeft) + Number.parseFloat(computedStyle.paddingRight) + Number.parseFloat(computedStyle.borderLeftWidth) + Number.parseFloat(computedStyle.borderRightWidth);
     setLayoutDockWidth(element.scrollWidth + horizontalChrome);
-  }, [i18n, layoutPresets.length, state.selectedCount]);
+  }, [
+    i18n,
+    layoutPresets.length,
+    showLayoutSelectionHint,
+    showNoAvailableLayoutMessage,
+    state.selectedCount
+  ]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -1124,9 +1163,7 @@ function WorkbenchMissionControlOverlay({
             {
               ref: layoutDockContentRef,
               className: "workbench-mission-control__layout-dock-content",
-              children: shouldShowWorkbenchMissionControlLayoutHint(
-                state.selectedCount
-              ) ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("layoutSelectionHint") }) : /* @__PURE__ */ jsx("div", { className: "flex items-end gap-2", children: layoutPresets.map((option) => {
+              children: showLayoutSelectionHint ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("layoutSelectionHint") }) : showNoAvailableLayoutMessage ? /* @__PURE__ */ jsx("span", { className: "workbench-mission-control__layout-hint", children: i18n.t("noAvailableLayout") }) : /* @__PURE__ */ jsx("div", { className: "flex items-end gap-2", children: layoutPresets.map((option) => {
                 const canApply = state.canApplyPreset(option.preset);
                 const LayoutIcon = option.icon;
                 return /* @__PURE__ */ jsx(
@@ -2606,6 +2643,14 @@ function resolveWorkbenchCaptureElement(windowElement) {
     '[data-workbench-window-capture="true"]'
   ) ?? windowElement.querySelector(".workbench-window") ?? windowElement;
 }
+function waitForNextAnimationFrame() {
+  return new Promise((resolve) => {
+    window.requestAnimationFrame(() => resolve());
+  });
+}
+function isFocusedWorkbenchNode(controller, nodeID) {
+  return controller.getSnapshot().nodeStack.at(-1) === nodeID;
+}
 function shouldReduceMotion() {
   return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
 }
@@ -3076,9 +3121,7 @@ function useWorkbenchGenieAnimation({
         showNodeForGenie(nodeID);
         return;
       }
-      await new Promise((resolve) => {
-        window.requestAnimationFrame(() => resolve());
-      });
+      await waitForNextAnimationFrame();
       if (generation !== animationGenerationRef.current) {
         return;
       }
@@ -3181,6 +3224,16 @@ function useWorkbenchGenieAnimation({
         }
         const runMinimize = minimize ?? (() => controller.commands.minimizeNode(nodeID));
         if (shouldReduceMotion()) {
+          const wasFocusedForCapture2 = isFocusedWorkbenchNode(
+            controller,
+            nodeID
+          );
+          if (!wasFocusedForCapture2) {
+            flushSync(() => {
+              controller.commands.focusNode(nodeID);
+            });
+            await waitForNextAnimationFrame();
+          }
           await captureWorkbenchNodePreviewImageForNode(target, {
             captureNodePreviewImage,
             dockPreviewCache,
@@ -3202,6 +3255,16 @@ function useWorkbenchGenieAnimation({
           runMinimize();
           return;
         }
+        const wasFocusedForCapture = isFocusedWorkbenchNode(controller, nodeID);
+        if (!wasFocusedForCapture) {
+          flushSync(() => {
+            controller.commands.focusNode(nodeID);
+          });
+          await waitForNextAnimationFrame();
+          if (generation !== animationGenerationRef.current) {
+            return;
+          }
+        }
         const previewImageUrlPromise = Promise.resolve(
           captureNodePreviewImage?.(target) ?? null
         ).catch(() => null);
@@ -3251,9 +3314,7 @@ function useWorkbenchGenieAnimation({
           hideNodeForGenie(nodeID);
           runMinimize();
         });
-        await new Promise((resolve) => {
-          window.requestAnimationFrame(() => resolve());
-        });
+        await waitForNextAnimationFrame();
         if (generation !== animationGenerationRef.current) {
           releaseMinimizedDockEnterAnimation(nodeID);
           return;
@@ -5444,7 +5505,7 @@ function logWorkbenchHostDebug(event, debugDiagnostics, payload) {
 }
 
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
-import { useCallback as useCallback11, useMemo as useMemo6 } from "react";
+import { Component, useCallback as useCallback11, useMemo as useMemo6 } from "react";
 
 // src/host/WorkbenchHostDock.tsx
 import {
@@ -6118,6 +6179,40 @@ function useMinimizedDockStackPromotion(slots) {
   return { promotedNodeId, stackDispatching };
 }
 
+// src/host/minimizedDockRestoreIntent.ts
+function resolveWorkbenchMinimizedDockRestoreIntent(input) {
+  const { source } = input;
+  switch (source.kind) {
+    case "node-slot": {
+      const slot = input.slots.find(
+        (slot2) => slot2.anchorKey === source.anchorKey
+      );
+      if (slot?.kind !== "node" || slot.node.id !== input.nodeId) {
+        return null;
+      }
+      return {
+        anchorKey: slot.anchorKey,
+        kind: "node-slot",
+        nodeId: input.nodeId
+      };
+    }
+    case "stack-popup-card": {
+      const slot = input.slots.find(
+        (slot2) => slot2.anchorKey === source.stackAnchorKey
+      );
+      if (slot?.kind !== "stack" || !slot.nodes.some((node) => node.id === input.nodeId)) {
+        return null;
+      }
+      return {
+        anchorKey: slot.anchorKey,
+        kind: "stack-popup-card",
+        nodeId: input.nodeId,
+        stackAnchorKey: slot.anchorKey
+      };
+    }
+  }
+}
+
 // src/host/WorkbenchHostDockPopup.tsx
 import {
   forwardRef,
@@ -7272,6 +7367,10 @@ function WorkbenchHostDock({
       clearTimeout(timer);
       collapsingMinimizedLaunchTimerRef.current.delete(anchorKey);
     }
+    const slotElement = slotRefs.current.get(anchorKey);
+    slotElement?.removeAttribute("data-collapsing");
+    slotElement?.style.removeProperty("--desktop-dock-collapse-inline-size");
+    slotElement?.style.removeProperty("--desktop-dock-collapse-block-size");
     setCollapsingMinimizedLaunchAnchorKeys((current) => {
       if (!current.has(anchorKey)) {
         return current;
@@ -7637,7 +7736,8 @@ function WorkbenchHostDock({
     ]
   );
   const runDockMinimizedLaunchAfterCollapse = useCallback10(
-    (anchorKey, launch) => {
+    (intent, launch) => {
+      const { anchorKey } = intent;
       beginDockMinimizedInteraction(anchorKey);
       setCollapsingMinimizedLaunchAnchorKeys((current) => {
         const next = new Set(current);
@@ -7645,10 +7745,17 @@ function WorkbenchHostDock({
         return next;
       });
       scheduleCollapsingMinimizedLaunchClear(anchorKey);
-      launch();
+      launch(intent);
     },
     [beginDockMinimizedInteraction, scheduleCollapsingMinimizedLaunchClear]
   );
+  const runDockMinimizedStackLaunch = useCallback10(
+    (intent, launch) => {
+      beginDockMinimizedInteraction();
+      launch(intent);
+    },
+    [beginDockMinimizedInteraction]
+  );
   const handleDockPointerTravel = useCallback10(
     (clientX, clientY) => {
       if (activeHoverPanelRef.current !== null) {
@@ -8273,18 +8380,42 @@ function WorkbenchHostDock({
                         title: node.title,
                         type: "button",
                         onPointerDown: () => {
-                          beginDockMinimizedInteraction(slot.anchorKey);
+                          const restoreIntent = resolveWorkbenchMinimizedDockRestoreIntent({
+                            nodeId: node.id,
+                            slots: minimizedDockSlots,
+                            source: {
+                              anchorKey: slot.anchorKey,
+                              kind: "node-slot"
+                            }
+                          });
+                          if (restoreIntent?.kind !== "node-slot") {
+                            clearCollapsingMinimizedLaunch(slot.anchorKey);
+                            return;
+                          }
+                          beginDockMinimizedInteraction();
                         },
                         onClick: () => {
+                          const restoreIntent = resolveWorkbenchMinimizedDockRestoreIntent({
+                            nodeId: node.id,
+                            slots: minimizedDockSlots,
+                            source: {
+                              anchorKey: slot.anchorKey,
+                              kind: "node-slot"
+                            }
+                          });
+                          if (restoreIntent?.kind !== "node-slot") {
+                            clearCollapsingMinimizedLaunch(slot.anchorKey);
+                            return;
+                          }
                           closePopup();
                           runDockMinimizedLaunchAfterCollapse(
-                            slot.anchorKey,
-                            () => {
+                            restoreIntent,
+                            (intent) => {
                               context.genie.launchNodeFromAnchor(
-                                slot.anchorKey,
-                                node.id,
+                                intent.anchorKey,
+                                intent.nodeId,
                                 () => {
-                                  host.focusNode(node.id);
+                                  host.focusNode(intent.nodeId);
                                 }
                               );
                             }
@@ -8555,15 +8686,26 @@ function WorkbenchHostDock({
             },
             onCreateNew: () => void 0,
             onSelectNode: (nodeId) => {
-              closePopup();
-              const anchorKey = resolveWorkbenchMinimizedDockAnchorKeyForNode({
+              const restoreIntent = resolveWorkbenchMinimizedDockRestoreIntent({
                 nodeId,
-                slots: minimizedDockSlots
-              }) ?? activeMinimizedStackSlot.anchorKey;
-              runDockMinimizedLaunchAfterCollapse(anchorKey, () => {
-                context.genie.launchNodeFromAnchor(anchorKey, nodeId, () => {
-                  host.focusNode(nodeId);
-                });
+                slots: minimizedDockSlots,
+                source: {
+                  kind: "stack-popup-card",
+                  stackAnchorKey: activeMinimizedStackSlot.anchorKey
+                }
+              });
+              if (restoreIntent?.kind !== "stack-popup-card") {
+                return;
+              }
+              closePopup();
+              runDockMinimizedStackLaunch(restoreIntent, (intent) => {
+                context.genie.launchNodeFromAnchor(
+                  intent.anchorKey,
+                  intent.nodeId,
+                  () => {
+                    host.focusNode(intent.nodeId);
+                  }
+                );
               });
             },
             showCreateNew: false,
@@ -9230,14 +9372,62 @@ function WorkbenchHostWindowActions({
 // src/host/useWorkbenchHostSurfaceRenderers.tsx
 import { jsx as jsx12 } from "react/jsx-runtime";
 function useWorkbenchHostSurfaceRenderers(input) {
-  const renderBottomChrome = useMemo6(
-    () => input.renderBottomChrome ? () => input.renderBottomChrome?.(input.chromeContext) : void 0,
-    [input.chromeContext, input.renderBottomChrome]
-  );
-  const renderTopChrome = useMemo6(
-    () => input.renderTopChrome ? () => input.renderTopChrome?.(input.chromeContext) : void 0,
-    [input.chromeContext, input.renderTopChrome]
-  );
+  const renderBottomChrome = useMemo6(() => {
+    const renderChrome = input.renderBottomChrome;
+    return renderChrome ? () => /* @__PURE__ */ jsx12(
+      WorkbenchHostSurfaceRenderErrorBoundary,
+      {
+        debugDiagnostics: input.debugDiagnostics,
+        details: {
+          chromeSlot: "bottom"
+        },
+        event: "workbench.chrome.render_error",
+        fallbackKind: "bottom-chrome",
+        resetKey: `${input.workspaceId}:bottom-chrome`,
+        workspaceId: input.workspaceId,
+        children: /* @__PURE__ */ jsx12(
+          WorkbenchHostChromeRenderer,
+          {
+            context: input.chromeContext,
+            renderChrome
+          }
+        )
+      }
+    ) : void 0;
+  }, [
+    input.chromeContext,
+    input.debugDiagnostics,
+    input.renderBottomChrome,
+    input.workspaceId
+  ]);
+  const renderTopChrome = useMemo6(() => {
+    const renderChrome = input.renderTopChrome;
+    return renderChrome ? () => /* @__PURE__ */ jsx12(
+      WorkbenchHostSurfaceRenderErrorBoundary,
+      {
+        debugDiagnostics: input.debugDiagnostics,
+        details: {
+          chromeSlot: "top"
+        },
+        event: "workbench.chrome.render_error",
+        fallbackKind: "top-chrome",
+        resetKey: `${input.workspaceId}:top-chrome`,
+        workspaceId: input.workspaceId,
+        children: /* @__PURE__ */ jsx12(
+          WorkbenchHostChromeRenderer,
+          {
+            context: input.chromeContext,
+            renderChrome
+          }
+        )
+      }
+    ) : void 0;
+  }, [
+    input.chromeContext,
+    input.debugDiagnostics,
+    input.renderTopChrome,
+    input.workspaceId
+  ]);
   const captureNodePreviewImage = useCallback11(
     async (node) => {
       const definition = input.nodeDefinitionByType.get(node.data.typeId);
@@ -9272,22 +9462,36 @@ function useWorkbenchHostSurfaceRenderers(input) {
   );
   const renderDock = useCallback11(
     (context) => /* @__PURE__ */ jsx12(
-      WorkbenchHostDock,
+      WorkbenchHostSurfaceRenderErrorBoundary,
       {
-        captureNodePreviewImage,
-        context,
         debugDiagnostics: input.debugDiagnostics,
-        dockEntries: input.dockEntries,
-        dockPlacement: input.dockPlacement,
-        dockPreviewCache: input.dockPreviewCache,
-        dockStateSource: input.dockStateSource,
-        externalStateSource: input.externalStateSource,
-        host: input.hostSession,
-        i18n: input.hostI18n,
-        nodeDefinitions: input.nodeDefinitionByType,
-        onDockEntryAction: input.onDockEntryAction,
-        onDockEntryClick: input.onDockEntryClick,
-        workspaceId: input.workspaceId
+        details: {
+          dockEntryCount: input.dockEntries.length,
+          dockPlacement: input.dockPlacement ?? null
+        },
+        event: "workbench.dock.render_error",
+        fallbackKind: "dock",
+        resetKey: `${input.workspaceId}:dock`,
+        workspaceId: input.workspaceId,
+        children: /* @__PURE__ */ jsx12(
+          WorkbenchHostDock,
+          {
+            captureNodePreviewImage,
+            context,
+            debugDiagnostics: input.debugDiagnostics,
+            dockEntries: input.dockEntries,
+            dockPlacement: input.dockPlacement,
+            dockPreviewCache: input.dockPreviewCache,
+            dockStateSource: input.dockStateSource,
+            externalStateSource: input.externalStateSource,
+            host: input.hostSession,
+            i18n: input.hostI18n,
+            nodeDefinitions: input.nodeDefinitionByType,
+            onDockEntryAction: input.onDockEntryAction,
+            onDockEntryClick: input.onDockEntryClick,
+            workspaceId: input.workspaceId
+          }
+        )
       }
     ),
     [
@@ -9314,17 +9518,32 @@ function useWorkbenchHostSurfaceRenderers(input) {
       if (!definition) {
         return null;
       }
-      return definition.renderBody(
-        createWorkbenchHostNodeBodyContext({
-          context,
-          definition,
-          externalStateSource: input.externalStateSource,
-          host: input.hostSession,
-          workspaceId: input.workspaceId
-        })
+      const bodyContext = createWorkbenchHostNodeBodyContext({
+        context,
+        definition,
+        externalStateSource: input.externalStateSource,
+        host: input.hostSession,
+        workspaceId: input.workspaceId
+      });
+      return /* @__PURE__ */ jsx12(
+        WorkbenchHostNodeRenderErrorBoundary,
+        {
+          debugDiagnostics: input.debugDiagnostics,
+          node: context.node,
+          resetKey: `${context.node.id}:${context.node.data.typeId}`,
+          workspaceId: input.workspaceId,
+          children: /* @__PURE__ */ jsx12(
+            WorkbenchHostNodeBodyRenderer,
+            {
+              context: bodyContext,
+              definition
+            }
+          )
+        }
       );
     },
     [
+      input.debugDiagnostics,
       input.externalStateSource,
       input.hostSession,
       input.nodeDefinitionByType,
@@ -9435,6 +9654,114 @@ function useWorkbenchHostSurfaceRenderers(input) {
     windowChromeMode
   };
 }
+var WorkbenchHostSurfaceRenderErrorBoundary = class extends Component {
+  state = {
+    hasError: false
+  };
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidUpdate(previousProps) {
+    if (this.state.hasError && previousProps.resetKey !== this.props.resetKey) {
+      this.setState({ hasError: false });
+    }
+  }
+  componentDidCatch(error, info) {
+    try {
+      const result = this.props.debugDiagnostics?.log?.({
+        details: {
+          ...this.props.details ?? {},
+          componentStack: info.componentStack ?? null,
+          errorMessage: error instanceof Error ? error.message : String(error),
+          errorName: error instanceof Error ? error.name : typeof error,
+          errorStack: error instanceof Error ? error.stack ?? null : null
+        },
+        event: this.props.event,
+        level: "error",
+        source: "workbench-host",
+        workspaceId: this.props.workspaceId
+      });
+      void Promise.resolve(result).catch(() => void 0);
+    } catch {
+    }
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx12(
+        "div",
+        {
+          "data-workbench-surface-render-error": this.props.fallbackKind,
+          style: { height: "100%", width: "100%" }
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+var WorkbenchHostNodeRenderErrorBoundary = class extends Component {
+  state = {
+    hasError: false
+  };
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+  componentDidUpdate(previousProps) {
+    if (this.state.hasError && previousProps.resetKey !== this.props.resetKey) {
+      this.setState({ hasError: false });
+    }
+  }
+  componentDidCatch(error, info) {
+    try {
+      const result = this.props.debugDiagnostics?.log?.({
+        details: {
+          componentStack: info.componentStack ?? null,
+          dockEntryId: this.props.node.data.dockEntryId ?? null,
+          displayMode: this.props.node.displayMode,
+          errorMessage: error instanceof Error ? error.message : String(error),
+          errorName: error instanceof Error ? error.name : typeof error,
+          errorStack: error instanceof Error ? error.stack ?? null : null,
+          frame: this.props.node.frame,
+          instanceId: this.props.node.data.instanceId,
+          instanceKey: this.props.node.data.instanceKey ?? null,
+          isMinimized: this.props.node.isMinimized,
+          launchSource: this.props.node.data.launchSource ?? null,
+          nodeId: this.props.node.id,
+          typeId: this.props.node.data.typeId
+        },
+        event: "workbench.node.render_error",
+        level: "error",
+        source: "workbench-host",
+        workspaceId: this.props.workspaceId
+      });
+      void Promise.resolve(result).catch(() => void 0);
+    } catch {
+    }
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx12(
+        "div",
+        {
+          "data-workbench-node-render-error": "true",
+          style: { height: "100%", width: "100%" }
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+function WorkbenchHostNodeBodyRenderer({
+  context,
+  definition
+}) {
+  return definition.renderBody(context);
+}
+function WorkbenchHostChromeRenderer({
+  context,
+  renderChrome
+}) {
+  return renderChrome(context);
+}
 
 // src/host/WorkbenchHost.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";