@floegence/floe-webapp-core 0.36.17 → 0.36.18

package/dist/components/ui/index.d.ts

@@ -9,7 +9,7 @@ export { CommandPalette } from './CommandPalette';
 export { InfiniteCanvas, type InfiniteCanvasProps, type InfiniteCanvasPoint, type InfiniteCanvasContextMenuEvent, } from './InfiniteCanvas';
 export { startPointerSession, type PointerSessionController, type PointerSessionEndEvent, type PointerSessionEndReason, type PointerSessionSnapshot, type StartPointerSessionOptions, } from './pointerSession';
 export { clientToCanvasLocal, clientToCanvasWorld, createViewportFromZoomAnchor, isPointInsideCanvasRect, localToCanvasWorld, type CanvasClientPoint, type CanvasLocalPoint, type CanvasViewportLike, type CanvasViewportRectLike, type CanvasWorldPoint, } from './canvasGeometry';
-export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, } from './localInteractionSurface';
+export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, shouldActivateWorkbenchWidgetLocalTarget, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, type WorkbenchWidgetLocalActivationTargetOptions, } from './localInteractionSurface';
 export { DIALOG_SURFACE_HOST_ATTR, SURFACE_PORTAL_HOST_ATTR, SURFACE_PORTAL_LAYER_ATTR, DIALOG_SURFACE_BOUNDARY_ATTR, ensureSurfacePortalInteractionTracking, isSurfacePortalMode, projectSurfacePortalPosition, projectSurfacePortalRect, resolveSurfacePortalBoundaryRect, resolveSurfacePortalHost, resolveSurfacePortalMount, resolveSurfacePortalMountRect, __resetSurfacePortalScopeForTests, type ResolvedSurfacePortalHost, type SurfacePortalBoundaryRect, type SurfacePortalInteractionSnapshot, type SurfacePortalMode, type SurfacePortalRect, } from './surfacePortalScope';
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Interactive3DCard, AnimatedBorderCard, NeonCard, MorphCard, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type Interactive3DCardProps, type AnimatedBorderCardProps, type NeonCardProps, type MorphCardProps, } from './Card';
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem, type TabsFeatures, type TabsSlotClassNames, type TabsIndicatorMode, type TabsIndicatorColorToken, } from './Tabs';

package/dist/components/ui/localInteractionSurface.d.ts

@@ -26,6 +26,7 @@ export interface WorkbenchWidgetEventOwnershipOptions extends SurfaceInteraction
     widgetRoot: Element | EventTarget | null;
     shellSelector?: string;
 }
+export type WorkbenchWidgetLocalActivationTargetOptions = WorkbenchWidgetEventOwnershipOptions;
 export interface SurfaceWheelRoutingOptions {
     target: EventTarget | null;
     disablePanZoom: boolean;
@@ -36,3 +37,4 @@ export declare function resolveSurfaceInteractionTargetRole(options: SurfaceInte
 export declare function resolveSurfaceWheelRouting(options: SurfaceWheelRoutingOptions): SurfaceWheelRoutingDecision;
 export declare function isLocalInteractionSurfaceTarget(options: SurfaceInteractionRoutingOptions): boolean;
 export declare function resolveWorkbenchWidgetEventOwnership(options: WorkbenchWidgetEventOwnershipOptions): WorkbenchWidgetEventOwnership;
+export declare function shouldActivateWorkbenchWidgetLocalTarget(options: WorkbenchWidgetLocalActivationTargetOptions): boolean;

package/dist/components/ui/localInteractionSurface.js

@@ -1,48 +1,73 @@
-import { isTypingElement as a } from "../../utils/dom.js";
-const u = "data-floe-local-interaction-surface", i = `[${u}="true"]`, f = "data-floe-canvas-wheel-interactive", E = `[${f}="true"]`, _ = "data-floe-workbench-widget-shell", T = `[${_}="true"]`;
-function c(e) {
+import { isTypingElement as o } from "../../utils/dom.js";
+const f = "data-floe-local-interaction-surface", u = `[${f}="true"]`, E = "data-floe-canvas-wheel-interactive", d = `[${E}="true"]`, _ = "data-floe-workbench-widget-shell", i = `[${_}="true"]`;
+function a(e) {
   return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
 }
+function T(e) {
+  if (!e || typeof HTMLElement > "u" || !(e instanceof HTMLElement))
+    return !1;
+  if (e.matches("button, input, select, textarea, summary") || e.matches("a[href], area[href]") || e.matches('iframe, [contenteditable="true"]')) return !0;
+  const t = e.getAttribute("tabindex");
+  return t !== null && t !== "-1";
+}
+function S(e, t) {
+  let r = e;
+  for (; r && r !== t; ) {
+    if (o(r) || T(r))
+      return !0;
+    r = r.parentElement;
+  }
+  return !1;
+}
 function s(e) {
   const {
     target: t,
-    interactiveSelector: l,
-    panSurfaceSelector: r,
-    localInteractionSurfaceSelector: n = i
-  } = e, o = t instanceof Element ? t : null;
-  return o ? o.closest(r) !== null ? "pan_surface" : a(o) || o.closest(l) !== null || o.closest(n) !== null ? "local_surface" : "canvas" : "canvas";
+    interactiveSelector: r,
+    panSurfaceSelector: c,
+    localInteractionSurfaceSelector: n = u
+  } = e, l = t instanceof Element ? t : null;
+  return l ? l.closest(c) !== null ? "pan_surface" : o(l) || l.closest(r) !== null || l.closest(n) !== null ? "local_surface" : "canvas" : "canvas";
 }
-function d(e) {
+function g(e) {
   const {
     target: t,
-    localInteractionSurfaceSelector: l = i,
-    wheelInteractiveSelector: r = E
-  } = e, n = c(t);
-  return n ? a(n) ? "typing_element" : n.closest(l) !== null ? "local_interaction_surface" : n.closest(r) !== null ? "wheel_interactive" : null : null;
+    localInteractionSurfaceSelector: r = u,
+    wheelInteractiveSelector: c = d
+  } = e, n = a(t);
+  return n ? o(n) ? "typing_element" : n.closest(r) !== null ? "local_interaction_surface" : n.closest(c) !== null ? "wheel_interactive" : null : null;
 }
-function R(e) {
-  const t = d(e);
+function L(e) {
+  const t = g(e);
   return t ? { kind: "local_surface", reason: t } : e.disablePanZoom ? { kind: "ignore", reason: "pan_zoom_disabled" } : { kind: "canvas_zoom" };
 }
 function A(e) {
   return s(e) !== "canvas";
 }
-function L(e) {
+function m(e) {
+  const {
+    widgetRoot: t,
+    shellSelector: r = i
+  } = e, c = a(t), n = a(e.target);
+  return !c || !n || !c.contains(n) ? "outside_widget" : s(e) !== "canvas" ? "widget_local" : n === c || n.closest(r) !== null ? "widget_shell" : "widget_local";
+}
+function R(e) {
   const {
     widgetRoot: t,
-    shellSelector: l = T
-  } = e, r = c(t), n = c(e.target);
-  return !r || !n || !r.contains(n) ? "outside_widget" : s(e) !== "canvas" ? "widget_local" : n === r || n.closest(l) !== null ? "widget_shell" : "widget_local";
+    shellSelector: r = i,
+    localInteractionSurfaceSelector: c = u
+  } = e, n = a(t), l = a(e.target);
+  return !n || !l || !n.contains(l) || l === n || l.closest(r) !== null || l.closest(e.panSurfaceSelector) !== null || l.closest(c) !== null || S(l, n) ? !1 : m(e) === "widget_local";
 }
 export {
-  f as CANVAS_WHEEL_INTERACTIVE_ATTR,
-  E as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
-  i as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
-  T as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
-  u as LOCAL_INTERACTION_SURFACE_ATTR,
+  E as CANVAS_WHEEL_INTERACTIVE_ATTR,
+  d as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
+  u as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
+  i as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
+  f as LOCAL_INTERACTION_SURFACE_ATTR,
   _ as WORKBENCH_WIDGET_SHELL_ATTR,
   A as isLocalInteractionSurfaceTarget,
   s as resolveSurfaceInteractionTargetRole,
-  R as resolveSurfaceWheelRouting,
-  L as resolveWorkbenchWidgetEventOwnership
+  L as resolveSurfaceWheelRouting,
+  m as resolveWorkbenchWidgetEventOwnership,
+  R as shouldActivateWorkbenchWidgetLocalTarget
 };

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,35 +1,51 @@
-import { spread as H, mergeProps as et, insert as l, createComponent as c, memo as it, template as B, use as nt, delegateEvents as ot } from "solid-js/web";
-import { createSignal as L, onCleanup as at, untrack as S, createMemo as _ } from "solid-js";
-import { startHotInteraction as O } from "../../utils/hotInteraction.js";
-import { X as F, Minus as N, Maximize as A, GripVertical as rt } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as dt, WORKBENCH_WIDGET_SHELL_ATTR as lt, resolveWorkbenchWidgetEventOwnership as ct } from "../ui/localInteractionSurface.js";
+import { spread as L, mergeProps as at, insert as l, createComponent as c, memo as rt, template as q, use as dt, delegateEvents as lt } from "solid-js/web";
+import { createSignal as C, onCleanup as ct, untrack as S, createMemo as f } from "solid-js";
+import { startHotInteraction as A } from "../../utils/hotInteraction.js";
+import { X as O, Minus as F, Maximize as N, GripVertical as st } from "../icons/index.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as wt, WORKBENCH_WIDGET_SHELL_ATTR as gt, shouldActivateWorkbenchWidgetLocalTarget as ht, resolveWorkbenchWidgetEventOwnership as ut } from "../ui/localInteractionSurface.js";
 import { startPointerSession as j } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as st } from "./workbenchHelpers.js";
-var wt = /* @__PURE__ */ B('<article class=workbench-widget data-floe-dialog-surface-host=true><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), gt = /* @__PURE__ */ B('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
-const ht = 220, ut = 160, _t = '[data-floe-canvas-interactive="true"]', ft = '[data-floe-canvas-pan-surface="true"]';
-function xt(t) {
-  const [f, I] = L(null), [b, x] = L(null);
-  let g, h, u;
-  at(() => {
-    g?.stop({
+import { createWorkbenchWidgetSurfaceMetrics as ft } from "./workbenchHelpers.js";
+var _t = /* @__PURE__ */ q('<article class=workbench-widget data-floe-dialog-surface-host=true><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), bt = /* @__PURE__ */ q('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
+const mt = 220, vt = 160, B = '[data-floe-canvas-interactive="true"]', V = '[data-floe-canvas-pan-surface="true"]';
+function Ct(t) {
+  const [_, I] = C(null), [b, x] = C(null), [G, Z] = C();
+  let h, u, g;
+  ct(() => {
+    h?.stop({
       reason: "manual_stop",
       commit: !1
-    }), g = void 0, h?.stop({
+    }), h = void 0, u?.stop({
       reason: "manual_stop",
       commit: !1
-    }), h = void 0, S(f)?.stopInteraction(), S(b)?.stopInteraction();
+    }), u = void 0, S(_)?.stopInteraction(), S(b)?.stopInteraction();
   });
-  const C = () => f() !== null, W = () => b() !== null, E = (e) => ct({
+  const W = () => _() !== null, R = () => b() !== null, p = (e) => ut({
     target: e,
-    widgetRoot: u ?? null,
-    interactiveSelector: _t,
-    panSurfaceSelector: ft
-  }), V = (e) => {
-    e.button === 0 && (t.onSelect(t.widgetId), t.onCommitFront(t.widgetId), E(e.target) === "widget_shell" && u?.focus({
-      preventScroll: !0
+    widgetRoot: g ?? null,
+    interactiveSelector: B,
+    panSurfaceSelector: V
+  }), K = (e) => {
+    if (e.button !== 0) return;
+    t.onSelect(t.widgetId), t.onCommitFront(t.widgetId);
+    const i = p(e.target);
+    if (i === "widget_shell") {
+      g?.focus({
+        preventScroll: !0
+      });
+      return;
+    }
+    i === "widget_local" && ht({
+      target: e.target,
+      widgetRoot: g ?? null,
+      interactiveSelector: B,
+      panSurfaceSelector: V
+    }) && Z((r) => ({
+      seq: (r?.seq ?? 0) + 1,
+      source: "local_pointer",
+      pointerType: e.pointerType || void 0
     }));
-  }, m = _(() => {
-    const e = f();
+  }, m = f(() => {
+    const e = _();
     return e ? {
       x: e.worldX,
       y: e.worldY
@@ -37,7 +53,7 @@ function xt(t) {
       x: t.x,
       y: t.y
     };
-  }), v = _(() => {
+  }), v = f(() => {
     const e = b();
     return e ? {
       width: e.width,
@@ -46,9 +62,9 @@ function xt(t) {
       width: t.width,
       height: t.height
     };
-  }), R = _(() => {
+  }), E = f(() => {
     if (!(t.layoutMode !== "projected_surface" || !t.projectedViewport))
-      return st({
+      return ft({
         widgetId: t.widgetId,
         worldX: m().x,
         worldY: m().y,
@@ -57,23 +73,23 @@ function xt(t) {
         viewport: t.projectedViewport,
         ready: t.surfaceReady ?? !0
       });
-  }), G = _(() => {
+  }), U = f(() => {
     const e = t.itemSnapshot().z_index, i = Number.isFinite(e) ? Math.max(1, Math.min(99, Math.round(e))) : 1;
     return String(i).padStart(2, "0");
-  }), z = (e) => {
+  }), T = (e) => {
     e.preventDefault(), e.stopPropagation(), t.onRequestOverview(t.itemSnapshot());
-  }, T = (e) => {
+  }, z = (e) => {
     e.preventDefault(), e.stopPropagation(), t.onRequestFit(t.itemSnapshot());
   }, D = (e) => {
     e.preventDefault(), e.stopPropagation(), t.onRequestDelete(t.widgetId);
-  }, Z = _(() => {
+  }, J = f(() => {
     const e = {
       width: `${v().width}px`,
       height: `${v().height}px`,
-      "z-index": C() || W() || t.optimisticFront ? `${t.topRenderLayer + 1}` : `${t.renderLayer}`
+      "z-index": W() || R() || t.optimisticFront ? `${t.topRenderLayer + 1}` : `${t.renderLayer}`
     };
     if (t.layoutMode === "projected_surface") {
-      const i = R()?.rect;
+      const i = E()?.rect;
       return {
         ...e,
         left: `${i?.screenX ?? 0}px`,
@@ -85,29 +101,29 @@ function xt(t) {
       ...e,
       transform: `translate(${m().x}px, ${m().y}px)`
     };
-  }), q = (e) => {
-    const i = S(f);
+  }), Q = (e) => {
+    const i = S(_);
     if (!i) return;
-    const d = {
+    const r = {
       x: i.worldX,
       y: i.worldY
-    }, r = {
+    }, d = {
       x: i.startWorldX,
       y: i.startWorldY
-    }, a = e && (Math.abs(d.x - r.x) > 1 || Math.abs(d.y - r.y) > 1);
-    t.onCommitFront(t.widgetId), a && t.onCommitMove(t.widgetId, d), i.stopInteraction(), I(null), g = void 0;
+    }, a = e && (Math.abs(r.x - d.x) > 1 || Math.abs(r.y - d.y) > 1);
+    t.onCommitFront(t.widgetId), a && t.onCommitMove(t.widgetId, r), i.stopInteraction(), I(null), h = void 0;
   }, X = (e) => {
     if (e.button !== 0 || t.locked) return;
-    e.preventDefault(), e.stopPropagation(), g?.stop({
+    e.preventDefault(), e.stopPropagation(), h?.stop({
       reason: "manual_stop",
       commit: !1
-    }), t.onSelect(t.widgetId), u?.focus({
+    }), t.onSelect(t.widgetId), g?.focus({
       preventScroll: !0
     }), t.onStartOptimisticFront(t.widgetId);
-    const i = O({
+    const i = A({
       kind: "drag",
       cursor: "grabbing"
-    }), d = Math.max(t.viewportScale, 1e-3);
+    }), r = Math.max(t.viewportScale, 1e-3);
     I({
       pointerId: e.pointerId,
       startClientX: e.clientX,
@@ -117,47 +133,47 @@ function xt(t) {
       worldX: t.x,
       worldY: t.y,
       moved: !1,
-      scale: d,
+      scale: r,
       stopInteraction: i
     });
-    const r = (a) => {
-      I((n) => {
-        if (!n || n.pointerId !== a.pointerId) return n;
-        const w = n.startWorldX + (a.clientX - n.startClientX) / n.scale, s = n.startWorldY + (a.clientY - n.startClientY) / n.scale;
+    const d = (a) => {
+      I((o) => {
+        if (!o || o.pointerId !== a.pointerId) return o;
+        const w = o.startWorldX + (a.clientX - o.startClientX) / o.scale, s = o.startWorldY + (a.clientY - o.startClientY) / o.scale;
         return {
-          ...n,
+          ...o,
           worldX: w,
           worldY: s,
-          moved: n.moved || Math.abs(w - n.startWorldX) > 2 || Math.abs(s - n.startWorldY) > 2
+          moved: o.moved || Math.abs(w - o.startWorldX) > 2 || Math.abs(s - o.startWorldY) > 2
         };
       });
     };
-    g = j({
+    h = j({
       pointerEvent: e,
       captureEl: e.currentTarget,
-      onMove: r,
+      onMove: d,
       onEnd: ({
         commit: a
-      }) => q(a)
+      }) => Q(a)
     });
-  }, K = (e) => {
+  }, tt = (e) => {
     const i = S(b);
     if (!i) return;
-    const d = {
+    const r = {
       width: i.width,
       height: i.height
-    }, r = Math.abs(i.width - i.startWidth) > 1 || Math.abs(i.height - i.startHeight) > 1;
-    e && r && t.onCommitResize(t.widgetId, d), i.stopInteraction(), x(null), h = void 0;
-  }, U = (e) => {
+    }, d = Math.abs(i.width - i.startWidth) > 1 || Math.abs(i.height - i.startHeight) > 1;
+    e && d && t.onCommitResize(t.widgetId, r), i.stopInteraction(), x(null), u = void 0;
+  }, et = (e) => {
     if (e.button !== 0 || t.locked) return;
-    e.preventDefault(), e.stopPropagation(), h?.stop({
+    e.preventDefault(), e.stopPropagation(), u?.stop({
       reason: "manual_stop",
       commit: !1
     }), t.onStartOptimisticFront(t.widgetId);
-    const i = O({
+    const i = A({
       kind: "drag",
       cursor: "nwse-resize"
-    }), d = Math.max(t.viewportScale, 1e-3);
+    }), r = Math.max(t.viewportScale, 1e-3);
     x({
       pointerId: e.pointerId,
       startClientX: e.clientX,
@@ -166,37 +182,37 @@ function xt(t) {
       startHeight: t.height,
       width: t.width,
       height: t.height,
-      scale: d,
+      scale: r,
       stopInteraction: i
     });
-    const r = (a) => {
-      x((n) => {
-        if (!n || n.pointerId !== a.pointerId) return n;
-        const w = Math.max(ht, n.startWidth + (a.clientX - n.startClientX) / n.scale), s = Math.max(ut, n.startHeight + (a.clientY - n.startClientY) / n.scale);
+    const d = (a) => {
+      x((o) => {
+        if (!o || o.pointerId !== a.pointerId) return o;
+        const w = Math.max(mt, o.startWidth + (a.clientX - o.startClientX) / o.scale), s = Math.max(vt, o.startHeight + (a.clientY - o.startClientY) / o.scale);
         return {
-          ...n,
+          ...o,
           width: w,
           height: s
         };
       });
     };
-    h = j({
+    u = j({
       pointerEvent: e,
       captureEl: e.currentTarget,
-      onMove: r,
+      onMove: d,
       onEnd: ({
         commit: a
-      }) => K(a)
+      }) => tt(a)
     });
   };
   return (() => {
-    var e = wt(), i = e.firstChild, d = i.firstChild, r = d.firstChild, a = r.nextSibling, n = a.nextSibling, w = d.nextSibling, s = w.nextSibling, M = s.nextSibling, J = M.firstChild, p = J.nextSibling, Q = M.nextSibling, $ = Q.firstChild, k = $.nextSibling, y = k.nextSibling, tt = i.nextSibling, P = u;
-    return typeof P == "function" ? nt(P, e) : u = e, H(e, et({
+    var e = _t(), i = e.firstChild, r = i.firstChild, d = r.firstChild, a = d.nextSibling, o = a.nextSibling, w = r.nextSibling, s = w.nextSibling, y = s.nextSibling, it = y.firstChild, P = it.nextSibling, ot = y.nextSibling, $ = ot.firstChild, k = $.nextSibling, M = k.nextSibling, nt = i.nextSibling, Y = g;
+    return typeof Y == "function" ? dt(Y, e) : g = e, L(e, at({
       get classList() {
         return {
           "is-selected": t.selected,
-          "is-dragging": C(),
-          "is-resizing": W(),
+          "is-dragging": W(),
+          "is-resizing": R(),
           "is-filtered-out": t.filtered,
           "is-projected-surface": t.layoutMode === "projected_surface",
           "is-locked": t.locked
@@ -212,49 +228,49 @@ function xt(t) {
         return t.layoutMode ?? "canvas_scaled";
       }
     }, () => ({
-      [dt]: t.selected ? "true" : void 0
+      [wt]: t.selected ? "true" : void 0
     }), {
       tabIndex: 0,
-      onPointerDown: V,
+      onPointerDown: K,
       onFocus: () => {
         t.onSelect(t.widgetId);
       },
-      onContextMenu: (o) => {
-        E(o.target) === "widget_shell" && (o.preventDefault(), o.stopPropagation(), t.onContextMenu(o, t.itemSnapshot()));
+      onContextMenu: (n) => {
+        p(n.target) === "widget_shell" && (n.preventDefault(), n.stopPropagation(), t.onContextMenu(n, t.itemSnapshot()));
       },
       get style() {
-        return Z();
+        return J();
       }
-    }), !1, !0), i.$$pointerdown = X, H(i, {
-      [lt]: "true"
-    }, !1, !0), r.$$click = D, r.$$pointerdown = (o) => o.stopPropagation(), l(r, c(F, {
+    }), !1, !0), i.$$pointerdown = X, L(i, {
+      [gt]: "true"
+    }, !1, !0), d.$$click = D, d.$$pointerdown = (n) => n.stopPropagation(), l(d, c(O, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), a.$$click = z, a.$$pointerdown = (o) => o.stopPropagation(), l(a, c(N, {
+    })), a.$$click = T, a.$$pointerdown = (n) => n.stopPropagation(), l(a, c(F, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), n.$$click = T, n.$$pointerdown = (o) => o.stopPropagation(), l(n, c(A, {
+    })), o.$$click = z, o.$$pointerdown = (n) => n.stopPropagation(), l(o, c(N, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), l(w, G), s.$$pointerdown = X, l(s, c(rt, {
+    })), l(w, U), s.$$pointerdown = X, l(s, c(st, {
       class: "w-3.5 h-3.5"
-    })), l(M, () => {
-      const o = t.definition.icon;
-      return c(o, {
+    })), l(y, () => {
+      const n = t.definition.icon;
+      return c(n, {
         class: "w-3.5 h-3.5"
       });
-    }, p), l(p, () => t.widgetTitle), $.$$click = z, $.$$pointerdown = (o) => o.stopPropagation(), l($, c(N, {
+    }, P), l(P, () => t.widgetTitle), $.$$click = T, $.$$pointerdown = (n) => n.stopPropagation(), l($, c(F, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), k.$$click = T, k.$$pointerdown = (o) => o.stopPropagation(), l(k, c(A, {
+    })), k.$$click = z, k.$$pointerdown = (n) => n.stopPropagation(), l(k, c(N, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), y.$$click = D, y.$$pointerdown = (o) => o.stopPropagation(), l(y, c(F, {
+    })), M.$$click = D, M.$$pointerdown = (n) => n.stopPropagation(), l(M, c(O, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), l(tt, () => {
-      const o = t.definition.body;
-      return c(o, {
+    })), l(nt, () => {
+      const n = t.definition.body;
+      return c(n, {
         get widgetId() {
           return t.widgetId;
         },
@@ -265,19 +281,22 @@ function xt(t) {
           return t.widgetType;
         },
         get surfaceMetrics() {
-          return R();
+          return E();
+        },
+        get activation() {
+          return G();
         }
       });
     }), l(e, (() => {
-      var o = it(() => !!t.locked);
-      return () => o() ? null : (() => {
-        var Y = gt();
-        return Y.$$pointerdown = U, Y;
+      var n = rt(() => !!t.locked);
+      return () => n() ? null : (() => {
+        var H = bt();
+        return H.$$pointerdown = et, H;
       })();
     })(), null), e;
   })();
 }
-ot(["pointerdown", "click"]);
+lt(["pointerdown", "click"]);
 export {
-  xt as WorkbenchWidget
+  Ct as WorkbenchWidget
 };

package/dist/components/workbench/types.d.ts

@@ -20,11 +20,18 @@ export interface WorkbenchWidgetSurfaceMetrics {
     ready: boolean;
     rect: WorkbenchProjectedRect;
 }
+export type WorkbenchWidgetBodyActivationSource = 'local_pointer';
+export interface WorkbenchWidgetBodyActivation {
+    seq: number;
+    source: WorkbenchWidgetBodyActivationSource;
+    pointerType?: string;
+}
 export interface WorkbenchWidgetBodyProps<TWidgetType extends string = WorkbenchWidgetType> {
     widgetId: string;
     title: string;
     type: TWidgetType;
     surfaceMetrics?: WorkbenchWidgetSurfaceMetrics;
+    activation?: WorkbenchWidgetBodyActivation;
 }
 export interface WorkbenchWidgetDefinition<TWidgetType extends string = WorkbenchWidgetType> {
     type: TWidgetType;