@tutti-os/workbench-surface 0.0.154 → 0.0.155

package/README.md

@@ -61,6 +61,15 @@ Entries may also provide host-owned popup metadata through
 `resolvePopupItem(...)` and `capturePopupItemPreview(...)`, plus custom badge
 content when the default count or status shapes are not enough.
 
+Component-based dock previews should render their host-owned body through
+`WorkbenchDockComponentPreviewFrame`. The frame owns source-to-viewport
+scaling, clipping, centering, and the non-interactive preview boundary. Preview
+children are decorative and never participate in pointer hit testing; the Dock
+button remains the only interaction owner even if frozen preview markup is
+replaced between pointer events. Popup preview providers receive the canonical
+target size through `item.previewViewport`; use that value instead of duplicating
+Dock card dimensions in a consuming host.
+
 Presentation-only changes to merged Dock entries belong in
 `dockEntryPresentationOverrides`. `WorkbenchHost` applies these overrides by
 entry id after contributions and explicit entries are merged, preserving Dock

package/dist/index.d.ts

@@ -893,10 +893,17 @@ interface WorkbenchHostNodeIdentityInput {
 declare function createWorkbenchHostProjectedNodeId(input: WorkbenchHostNodeIdentityInput): string;
 declare function createWorkbenchHostLaunchedNodeId(input: WorkbenchHostNodeIdentityInput): string;
 
+interface WorkbenchDockComponentPreviewFrameProps {
+    children?: ReactNode;
+    sourceSize: WorkbenchSize;
+    viewport: WorkbenchSize;
+}
+declare function WorkbenchDockComponentPreviewFrame({ children, sourceSize, viewport }: WorkbenchDockComponentPreviewFrameProps): ReactNode;
+
 declare function useWorkbenchSelector<TData, TResult>(selector: (state: WorkbenchState<TData>) => TResult): TResult;
 
 declare function getWorkbenchLayoutFrame(surfaceSize: WorkbenchSize, constraints?: WorkbenchLayoutConstraints): WorkbenchFrame;
 
 declare function selectFocusedWorkbenchNode<TData>(state: WorkbenchState<TData>): WorkbenchNode<TData> | null;
 
-export { type CreateWorkbenchNodeInput, type CreateWorkbenchSnapshotFromStateOptions, type WorkbenchContribution, type WorkbenchController, type WorkbenchDebugDiagnostics, type WorkbenchDisplayMode, type WorkbenchDockContext, type WorkbenchDockPlacement, type WorkbenchDockPreviewCache, type WorkbenchDockPreviewCacheKey, type WorkbenchDockPreviewCacheKeyResolver, type WorkbenchDockPreviewContent, type WorkbenchFrame, type WorkbenchFullscreenHeaderMode, WorkbenchHost, type WorkbenchHostActivation, type WorkbenchHostActivationTarget, type WorkbenchHostChromeRenderContext, type WorkbenchHostCloseDialogRequest, type WorkbenchHostCloseDialogScope, type WorkbenchHostCloseDialogVariant, type WorkbenchHostCloseEffect, type WorkbenchHostClosePreparationContext, type WorkbenchHostClosePreparer, type WorkbenchHostDockEntry, type WorkbenchHostDockEntryAction, type WorkbenchHostDockEntryBadge, type WorkbenchHostDockEntryDynamicState, type WorkbenchHostDockEntryLaunchBehavior, type WorkbenchHostDockEntryPresentationOverride, type WorkbenchHostDockEntryPresentationOverrides, type WorkbenchHostDockEntryState, type WorkbenchHostDockEntryStateKind, type WorkbenchHostDockEntryStateSource, type WorkbenchHostDockEntryVisibility, type WorkbenchHostDockPopupItemDescriptor, type WorkbenchHostDockPopupItemInput, type WorkbenchHostExternalStateLookupInput, type WorkbenchHostExternalStateSource, type WorkbenchHostHandle, type WorkbenchHostLaunchFramePolicy, type WorkbenchHostLaunchInput, type WorkbenchHostLaunchReason, type WorkbenchHostLaunchRequest, type WorkbenchHostLaunchResult, type WorkbenchHostMissionControlMode, type WorkbenchHostMissionControlProps, type WorkbenchHostMultiInstanceStrategy, type WorkbenchHostNodeBodyContext, type WorkbenchHostNodeCloseDecision, type WorkbenchHostNodeCloseRequest, type WorkbenchHostNodeData, type WorkbenchHostNodeDefinition, type WorkbenchHostNodeHeaderContext, type WorkbenchHostNodeHeaderWindowActions, type WorkbenchHostNodeIdentityInput, type WorkbenchHostNodeInstanceStrategy, type WorkbenchHostNodeMinimizedDockCapability, type WorkbenchHostNodeWindowCapabilities, type WorkbenchHostProjectedNode, type WorkbenchHostProjectedNodeSubject, type WorkbenchHostProps, type WorkbenchHostSingleInstanceStrategy, type WorkbenchHostSnapshotRepository, type WorkbenchHostWindowCloseEffectContext, type WorkbenchLayoutConstraints, type WorkbenchLayoutConstraintsInput, type WorkbenchLayoutPreset, type WorkbenchMissionControlAdapter, type WorkbenchMissionControlMode, type WorkbenchMissionControlSnapshot, type WorkbenchNode, type WorkbenchNodeRenderFrame, type WorkbenchNodeSizeConstraints, type WorkbenchQuickLayoutTarget, type WorkbenchRenderNode, type WorkbenchRenderNodeContext, type WorkbenchRenderWindowActions, type WorkbenchRenderWindowHeader, type WorkbenchResolveFullscreenHeaderMode, type WorkbenchResolveWindowChromeMode, type WorkbenchResolveWindowChromeModeContext, type WorkbenchSafeArea, type WorkbenchSize, type WorkbenchState, WorkbenchSurface, type WorkbenchSurfacePresentation, type WorkbenchSurfaceProps, type WorkbenchSurfaceWallpaper, type WorkbenchSurfaceWallpaperFit, type WorkbenchWindowActionContext, WorkbenchWindowChromeI18nRuntime, type WorkbenchWindowChromeMode, type WorkbenchWindowHeaderContext, type WorkbenchWindowManagementConfig, createWorkbenchController, createWorkbenchHostLaunchedNodeId, createWorkbenchHostProjectedNodeId, createWorkbenchNode, createWorkbenchNodeFromSnapshot, createWorkbenchSnapshotFromState, createWorkbenchStateFromSnapshot, getWorkbenchLayoutFrame, isEditableShortcutTarget, resolveWorkbenchHostPrepareClose, selectFocusedWorkbenchNode, useWorkbenchSelector, workbenchFocusInputActivationType };
+export { type CreateWorkbenchNodeInput, type CreateWorkbenchSnapshotFromStateOptions, type WorkbenchContribution, type WorkbenchController, type WorkbenchDebugDiagnostics, type WorkbenchDisplayMode, WorkbenchDockComponentPreviewFrame, type WorkbenchDockComponentPreviewFrameProps, type WorkbenchDockContext, type WorkbenchDockPlacement, type WorkbenchDockPreviewCache, type WorkbenchDockPreviewCacheKey, type WorkbenchDockPreviewCacheKeyResolver, type WorkbenchDockPreviewContent, type WorkbenchFrame, type WorkbenchFullscreenHeaderMode, WorkbenchHost, type WorkbenchHostActivation, type WorkbenchHostActivationTarget, type WorkbenchHostChromeRenderContext, type WorkbenchHostCloseDialogRequest, type WorkbenchHostCloseDialogScope, type WorkbenchHostCloseDialogVariant, type WorkbenchHostCloseEffect, type WorkbenchHostClosePreparationContext, type WorkbenchHostClosePreparer, type WorkbenchHostDockEntry, type WorkbenchHostDockEntryAction, type WorkbenchHostDockEntryBadge, type WorkbenchHostDockEntryDynamicState, type WorkbenchHostDockEntryLaunchBehavior, type WorkbenchHostDockEntryPresentationOverride, type WorkbenchHostDockEntryPresentationOverrides, type WorkbenchHostDockEntryState, type WorkbenchHostDockEntryStateKind, type WorkbenchHostDockEntryStateSource, type WorkbenchHostDockEntryVisibility, type WorkbenchHostDockPopupItemDescriptor, type WorkbenchHostDockPopupItemInput, type WorkbenchHostExternalStateLookupInput, type WorkbenchHostExternalStateSource, type WorkbenchHostHandle, type WorkbenchHostLaunchFramePolicy, type WorkbenchHostLaunchInput, type WorkbenchHostLaunchReason, type WorkbenchHostLaunchRequest, type WorkbenchHostLaunchResult, type WorkbenchHostMissionControlMode, type WorkbenchHostMissionControlProps, type WorkbenchHostMultiInstanceStrategy, type WorkbenchHostNodeBodyContext, type WorkbenchHostNodeCloseDecision, type WorkbenchHostNodeCloseRequest, type WorkbenchHostNodeData, type WorkbenchHostNodeDefinition, type WorkbenchHostNodeHeaderContext, type WorkbenchHostNodeHeaderWindowActions, type WorkbenchHostNodeIdentityInput, type WorkbenchHostNodeInstanceStrategy, type WorkbenchHostNodeMinimizedDockCapability, type WorkbenchHostNodeWindowCapabilities, type WorkbenchHostProjectedNode, type WorkbenchHostProjectedNodeSubject, type WorkbenchHostProps, type WorkbenchHostSingleInstanceStrategy, type WorkbenchHostSnapshotRepository, type WorkbenchHostWindowCloseEffectContext, type WorkbenchLayoutConstraints, type WorkbenchLayoutConstraintsInput, type WorkbenchLayoutPreset, type WorkbenchMissionControlAdapter, type WorkbenchMissionControlMode, type WorkbenchMissionControlSnapshot, type WorkbenchNode, type WorkbenchNodeRenderFrame, type WorkbenchNodeSizeConstraints, type WorkbenchQuickLayoutTarget, type WorkbenchRenderNode, type WorkbenchRenderNodeContext, type WorkbenchRenderWindowActions, type WorkbenchRenderWindowHeader, type WorkbenchResolveFullscreenHeaderMode, type WorkbenchResolveWindowChromeMode, type WorkbenchResolveWindowChromeModeContext, type WorkbenchSafeArea, type WorkbenchSize, type WorkbenchState, WorkbenchSurface, type WorkbenchSurfacePresentation, type WorkbenchSurfaceProps, type WorkbenchSurfaceWallpaper, type WorkbenchSurfaceWallpaperFit, type WorkbenchWindowActionContext, WorkbenchWindowChromeI18nRuntime, type WorkbenchWindowChromeMode, type WorkbenchWindowHeaderContext, type WorkbenchWindowManagementConfig, createWorkbenchController, createWorkbenchHostLaunchedNodeId, createWorkbenchHostProjectedNodeId, createWorkbenchNode, createWorkbenchNodeFromSnapshot, createWorkbenchSnapshotFromState, createWorkbenchStateFromSnapshot, getWorkbenchLayoutFrame, isEditableShortcutTarget, resolveWorkbenchHostPrepareClose, selectFocusedWorkbenchNode, useWorkbenchSelector, workbenchFocusInputActivationType };

package/dist/index.js

@@ -9213,6 +9213,12 @@ function resolveDockPopupVerticalClampOffsetPx(input) {
 // src/host/WorkbenchHostDockPopup.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var dockPopupCardWidthPx = 165;
+var dockPopupCardHeightPx = 103;
+var dockPopupPreviewInsetPx = 4;
+var workbenchHostDockPopupPreviewViewport = Object.freeze({
+  height: dockPopupCardHeightPx - dockPopupPreviewInsetPx * 2,
+  width: dockPopupCardWidthPx - dockPopupPreviewInsetPx * 2
+});
 var dockPopupGridGapPx = 8;
 var dockPopupPanelPaddingInlinePx = 12;
 var dockPopupPanelBorderInlinePx = 2;
@@ -12137,7 +12143,8 @@ function WorkbenchHostDock({
                 host,
                 isFocused: context.focusedNodeId === node.id,
                 isMinimized: minimizedNodeIDs.has(node.id),
-                node
+                node,
+                previewViewport: workbenchHostDockPopupPreviewViewport
               };
               const descriptor = popupEntry.entry.resolvePopupItem?.(item) ?? {};
               const descriptorPreview = descriptor.preview ?? popupEntry.entry.providePopupItemPreview?.(item) ?? null;
@@ -14159,7 +14166,63 @@ function WorkbenchHost({
     }
   );
 }
+
+// src/react/WorkbenchDockComponentPreviewFrame.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function WorkbenchDockComponentPreviewFrame({
+  children,
+  sourceSize,
+  viewport
+}) {
+  const sourceHeight = Math.max(1, sourceSize.height);
+  const sourceWidth = Math.max(1, sourceSize.width);
+  const viewportHeight = Math.max(1, viewport.height);
+  const viewportWidth = Math.max(1, viewport.width);
+  const scale = Math.min(
+    viewportWidth / sourceWidth,
+    viewportHeight / sourceHeight
+  );
+  const frameStyle = {
+    background: "transparent",
+    borderRadius: "0.375rem",
+    display: "block",
+    height: `${viewportHeight}px`,
+    overflow: "hidden",
+    pointerEvents: "none",
+    position: "relative",
+    width: `${viewportWidth}px`
+  };
+  const contentStyle = {
+    display: "block",
+    height: `${sourceHeight}px`,
+    left: "50%",
+    overflow: "hidden",
+    pointerEvents: "none",
+    position: "absolute",
+    top: "50%",
+    transform: `translate(-50%, -50%) scale(${scale})`,
+    transformOrigin: "center",
+    width: `${sourceWidth}px`
+  };
+  return /* @__PURE__ */ jsx16(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-workbench-dock-component-preview-frame": "true",
+      style: frameStyle,
+      children: /* @__PURE__ */ jsx16(
+        "span",
+        {
+          "data-workbench-dock-component-preview-content": "true",
+          style: contentStyle,
+          children
+        }
+      )
+    }
+  );
+}
 export {
+  WorkbenchDockComponentPreviewFrame,
   WorkbenchHost,
   WorkbenchSurface,
   createWorkbenchController,