@tutti-os/workbench-surface 0.0.106 → 0.0.108

package/dist/index.js

@@ -8040,9 +8040,8 @@ function resolveDockMagnificationHitBounds(slotRects, dockPlacement, crossAxisPa
       crossEnd = Math.max(crossEnd, rect.bottom);
     }
   }
-  const effectiveCrossAxisEndPadding = dockPlacement === "left" ? crossAxisPadding + (DOCK_ICON_PEAK_SIZE - DOCK_ICON_BASE_SIZE) : crossAxisPadding;
   return {
-    crossEnd: crossEnd + effectiveCrossAxisEndPadding,
+    crossEnd: crossEnd + crossAxisPadding,
     crossStart: crossStart - crossAxisPadding,
     mainEnd,
     mainStart
@@ -8990,6 +8989,22 @@ function resolveMinimizedStackTrackTranslateXPx(input) {
   return -fanXPx;
 }
 
+// src/host/dockPopupViewportClamp.ts
+function resolveDockPopupVerticalClampOffsetPx(input) {
+  const marginPx = input.marginPx ?? 8;
+  const minTopPx = marginPx;
+  const maxBottomPx = input.viewportHeightPx - marginPx;
+  if (input.naturalTopPx < minTopPx) {
+    return minTopPx - input.naturalTopPx;
+  }
+  if (input.naturalBottomPx > maxBottomPx) {
+    const shiftUpPx = input.naturalBottomPx - maxBottomPx;
+    const resultingTopPx = input.naturalTopPx - shiftUpPx;
+    return resultingTopPx < minTopPx ? minTopPx - input.naturalTopPx : -shiftUpPx;
+  }
+  return 0;
+}
+
 // src/host/WorkbenchHostDockPopup.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var dockPopupCardWidthPx = 165;
@@ -9077,7 +9092,6 @@ function WorkbenchHostDockPopup({
   onRunDockRetentionAction,
   onSelectNode,
   onShowAllWindows,
-  openLabel,
   onQuit,
   placement = "bottom",
   quitLabel,
@@ -9100,6 +9114,7 @@ function WorkbenchHostDockPopup({
   const minimizedStackViewportRef = useRef7(null);
   const [pointer, setPointer] = useState7(null);
   const [minimizedStackScrollOffset, setMinimizedStackScrollOffset] = useState7(0);
+  const [verticalClampOffsetPx, setVerticalClampOffsetPx] = useState7(0);
   const [capturedPreviewByMemoryKey, setCapturedPreviewByMemoryKey] = useState7({});
   const columnCount = isContextMenu ? 1 : Math.min(Math.max(items.length + createCardCount, 1), 3);
   const popupWidthPx = isContextMenu ? 268 : columnCount * dockPopupCardWidthPx + Math.max(0, columnCount - 1) * dockPopupGridGapPx + dockPopupPanelPaddingInlinePx * 2 + dockPopupPanelBorderInlinePx;
@@ -9146,7 +9161,8 @@ function WorkbenchHostDockPopup({
       leftGutterPx: minimizedStackLeftGutterPx
     }) : placement === "left" ? anchorRect.left + anchorRect.width + dockPopupPlacementGapPx : anchorRect.left + anchorRect.width / 2,
     top: isLeftMinimizedStack ? resolveMinimizedStackPopupTopPx({ anchorTop: anchorRect.top }) : placement === "left" ? popupCenterY : anchorRect.top - dockPopupPlacementGapPx,
-    ...isLeftMinimizedStack ? { zIndex: dockPopupMinimizedStackPopupZIndex } : {}
+    ...isLeftMinimizedStack ? { zIndex: dockPopupMinimizedStackPopupZIndex } : {},
+    ...isMinimizedStack ? {} : { "--desktop-dock-popup-clamp-offset": `${verticalClampOffsetPx}px` }
   };
   const minimizedStackMaxScrollOffset = Math.max(
     0,
@@ -9197,6 +9213,45 @@ function WorkbenchHostDockPopup({
       viewportWidth: window.innerWidth
     });
   }, [debugDiagnostics, popupDiagnosticKey]);
+  useLayoutEffect4(() => {
+    if (isMinimizedStack || typeof window === "undefined") {
+      return;
+    }
+    const rootElement = popupRootRef.current;
+    const panelElement = rootElement?.querySelector(
+      "[data-desktop-dock-popup-panel]"
+    );
+    if (!panelElement) {
+      return;
+    }
+    const measureAndClamp = () => {
+      const panelHeightPx = panelElement.offsetHeight;
+      const naturalTopPx = placement === "left" ? popupCenterY - panelHeightPx / 2 : anchorRect.top - dockPopupPlacementGapPx - panelHeightPx;
+      const naturalBottomPx = placement === "left" ? popupCenterY + panelHeightPx / 2 : anchorRect.top - dockPopupPlacementGapPx;
+      const offsetPx = resolveDockPopupVerticalClampOffsetPx({
+        naturalBottomPx,
+        naturalTopPx,
+        viewportHeightPx: window.innerHeight
+      });
+      setVerticalClampOffsetPx(
+        (current) => current === offsetPx ? current : offsetPx
+      );
+    };
+    measureAndClamp();
+    const resizeObserver = new ResizeObserver(measureAndClamp);
+    resizeObserver.observe(panelElement);
+    window.addEventListener("resize", measureAndClamp);
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", measureAndClamp);
+    };
+  }, [
+    anchorRect.top,
+    isMinimizedStack,
+    placement,
+    popupCenterY,
+    popupDiagnosticKey
+  ]);
   const registerCard = useCallback9((nodeId) => {
     const existing = cardRefCallbacksRef.current.get(nodeId);
     if (existing) {
@@ -9539,7 +9594,6 @@ function WorkbenchHostDockPopup({
               onRunDockRetentionAction,
               onSelectNode,
               onShowAllWindows,
-              openLabel,
               quitLabel,
               showAllWindowsLabel,
               showOpen: showOpen === true
@@ -9676,7 +9730,6 @@ function WorkbenchHostDockContextMenu({
   onRunDockRetentionAction,
   onSelectNode,
   onShowAllWindows,
-  openLabel,
   quitLabel,
   showAllWindowsLabel,
   showOpen
@@ -9733,7 +9786,7 @@ function WorkbenchHostDockContextMenu({
           {
             disabled: !showOpen,
             icon: /* @__PURE__ */ jsx11(FileCreateIcon, { "aria-hidden": "true", className: "size-4" }),
-            label: openLabel,
+            label: newWindowLabel,
             onSelect: onCreateNew
           }
         ) : null,
@@ -11883,7 +11936,6 @@ function WorkbenchHostDock({
             label: popupEntry.entry.label,
             labelMode: popupEntry.entry.popupCardLabelMode,
             newWindowLabel: i18n.t("newWindow"),
-            openLabel: i18n.t("dockContextMenu.open"),
             closeWindowLabel: (title) => i18n.t("closeWindow", { title }),
             fullscreenLabel: i18n.t("dockContextMenu.fullscreen"),
             hideLabel: i18n.t("dockContextMenu.hide"),