@floegence/floe-webapp-core 0.36.22 → 0.36.23

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

@@ -38,3 +38,4 @@ export declare function resolveSurfaceWheelRouting(options: SurfaceWheelRoutingO
 export declare function isLocalInteractionSurfaceTarget(options: SurfaceInteractionRoutingOptions): boolean;
 export declare function resolveWorkbenchWidgetEventOwnership(options: WorkbenchWidgetEventOwnershipOptions): WorkbenchWidgetEventOwnership;
 export declare function shouldActivateWorkbenchWidgetLocalTarget(options: WorkbenchWidgetLocalActivationTargetOptions): boolean;
+export declare function resolveWorkbenchWidgetLocalTypingTarget(options: WorkbenchWidgetLocalActivationTargetOptions): HTMLElement | null;

package/dist/components/ui/localInteractionSurface.js

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

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,66 +1,122 @@
-import { spread as p, mergeProps as rt, insert as l, createComponent as c, memo as dt, template as B, use as lt, delegateEvents as ct } from "solid-js/web";
-import { createMemo as u, createSignal as W, onCleanup as st, untrack as f } from "solid-js";
-import { startHotInteraction as wt } from "../../utils/hotInteraction.js";
-import { X as O, Minus as j, Maximize as q, GripVertical as gt } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as ht, WORKBENCH_WIDGET_SHELL_ATTR as ut, shouldActivateWorkbenchWidgetLocalTarget as ft } from "../ui/localInteractionSurface.js";
-import { startPointerSession as N } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as _t } from "./workbenchHelpers.js";
-import { resolveWorkbenchInteractionAdapter as bt } from "./workbenchInteractionAdapter.js";
-var mt = /* @__PURE__ */ B('<article class=workbench-widget><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>'), vt = /* @__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 $t = 220, St = 160;
-function Rt(t) {
-  const s = u(() => bt(t.interactionAdapter)), [m, y] = W(null), [v, x] = W(null), [V, Z] = W();
-  let _, b, g;
-  const z = (e, i) => {
-    const r = wt({
+import { spread as j, mergeProps as ut, insert as c, createComponent as w, memo as ht, template as K, use as ft, delegateEvents as _t } from "solid-js/web";
+import { createMemo as h, createSignal as p, onCleanup as bt, untrack as f } from "solid-js";
+import { startHotInteraction as mt } from "../../utils/hotInteraction.js";
+import { X as N, Minus as V, Maximize as Z, GripVertical as vt } from "../icons/index.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as St, WORKBENCH_WIDGET_SHELL_ATTR as kt, resolveWorkbenchWidgetLocalTypingTarget as $t, shouldActivateWorkbenchWidgetLocalTarget as yt } from "../ui/localInteractionSurface.js";
+import { startPointerSession as G } from "../ui/pointerSession.js";
+import { createWorkbenchWidgetSurfaceMetrics as It } from "./workbenchHelpers.js";
+import { resolveWorkbenchInteractionAdapter as xt } from "./workbenchInteractionAdapter.js";
+var Mt = /* @__PURE__ */ K('<article class=workbench-widget><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>'), Tt = /* @__PURE__ */ K('<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 Ct = 220, Wt = 160;
+function Pt(t) {
+  const d = h(() => xt(t.interactionAdapter)), [S, M] = p(null), [k, T] = p(null), [J, Q] = p();
+  let _, b, z = 0, m = null, v = null, s;
+  const R = (e, i) => {
+    const o = mt({
       kind: e,
       cursor: i
     });
-    let d = !1;
+    let a = !1;
     return f(() => t.onLayoutInteractionStart?.()), () => {
-      d || (d = !0, r(), f(() => t.onLayoutInteractionEnd?.()));
+      a || (a = !0, o(), f(() => t.onLayoutInteractionEnd?.()));
     };
   };
-  st(() => {
+  bt(() => {
     _?.stop({
       reason: "manual_stop",
       commit: !1
     }), _ = void 0, b?.stop({
       reason: "manual_stop",
       commit: !1
-    }), b = void 0, f(m)?.stopInteraction(), f(v)?.stopInteraction();
+    }), b = void 0, f(S)?.stopInteraction(), f(k)?.stopInteraction();
   });
-  const R = () => m() !== null, T = () => v() !== null, G = u(() => t.filtered ? "cold" : t.selected ? "hot" : "warm"), X = (e) => s().resolveWidgetEventOwnership({
+  const A = () => S() !== null, D = () => k() !== null, U = h(() => t.filtered ? "cold" : t.selected ? "hot" : "warm"), L = (e) => d().resolveWidgetEventOwnership({
     target: e,
-    widgetRoot: g ?? null,
-    interactiveSelector: s().interactiveSelector,
-    panSurfaceSelector: s().panSurfaceSelector
-  }), K = () => {
-    t.onSelect(t.widgetId), t.onCommitFront(t.widgetId), g?.focus({
+    widgetRoot: s ?? null,
+    interactiveSelector: d().interactiveSelector,
+    panSurfaceSelector: d().panSurfaceSelector
+  }), tt = () => {
+    t.onSelect(t.widgetId), t.onCommitFront(t.widgetId), s?.focus({
       preventScroll: !0
     });
-  }, J = (e) => {
+  }, X = (e) => {
+    Q((i) => ({
+      seq: (i?.seq ?? 0) + 1,
+      source: "local_pointer",
+      pointerType: e
+    }));
+  }, et = (e) => {
+    if (!(!s || !e.isConnected || !s.contains(e)))
+      try {
+        e.focus({
+          preventScroll: !0
+        });
+      } catch {
+        e.focus();
+      }
+  }, it = (e, i) => {
+    m = {
+      token: ++z,
+      pointerId: e,
+      pointerType: i,
+      timestamp: Date.now()
+    };
+    const o = m;
+    queueMicrotask(() => {
+      !o || m?.token !== o.token || (X(o.pointerType), m = null);
+    });
+  }, nt = (e, i) => {
+    v = {
+      token: ++z,
+      pointerId: e,
+      target: i,
+      timestamp: Date.now()
+    };
+    const o = v;
+    queueMicrotask(() => {
+      const a = () => {
+        !o || v?.token !== o.token || (et(o.target), v = null);
+      };
+      if (typeof requestAnimationFrame == "function") {
+        requestAnimationFrame(() => a());
+        return;
+      }
+      a();
+    });
+  }, ot = (e) => {
     if (e.button !== 0) return;
-    t.onSelect(t.widgetId), t.onCommitFront(t.widgetId);
-    const i = X(e.target);
-    if (i === "widget_shell") {
-      g?.focus({
+    const i = t.selected, o = L(e.target), a = o === "widget_local" ? $t({
+      target: e.target,
+      widgetRoot: s ?? null,
+      interactiveSelector: d().interactiveSelector,
+      panSurfaceSelector: d().panSurfaceSelector
+    }) : null, l = o === "widget_local" && !a && yt({
+      target: e.target,
+      widgetRoot: s ?? null,
+      interactiveSelector: d().interactiveSelector,
+      panSurfaceSelector: d().panSurfaceSelector
+    });
+    if (t.onSelect(t.widgetId), t.onCommitFront(t.widgetId), o === "widget_shell") {
+      s?.focus({
         preventScroll: !0
       });
       return;
     }
-    i === "widget_local" && ft({
-      target: e.target,
-      widgetRoot: g ?? null,
-      interactiveSelector: s().interactiveSelector,
-      panSurfaceSelector: s().panSurfaceSelector
-    }) && Z((r) => ({
-      seq: (r?.seq ?? 0) + 1,
-      source: "local_pointer",
-      pointerType: e.pointerType || void 0
-    }));
-  }, $ = u(() => {
-    const e = m();
+    if (o === "widget_local") {
+      if (a) {
+        m = null, i || nt(e.pointerId, a);
+        return;
+      }
+      if (l) {
+        if (v = null, i) {
+          X(e.pointerType || void 0);
+          return;
+        }
+        it(e.pointerId, e.pointerType || void 0);
+      }
+    }
+  }, $ = h(() => {
+    const e = S();
     return e ? {
       x: e.worldX,
       y: e.worldY
@@ -68,8 +124,8 @@ function Rt(t) {
       x: t.x,
       y: t.y
     };
-  }), S = u(() => {
-    const e = v();
+  }), y = h(() => {
+    const e = k();
     return e ? {
       width: e.width,
       height: e.height
@@ -77,31 +133,31 @@ function Rt(t) {
       width: t.width,
       height: t.height
     };
-  }), Y = u(() => {
+  }), Y = h(() => {
     if (!(t.layoutMode !== "projected_surface" || !t.projectedViewport))
-      return _t({
+      return It({
         widgetId: t.widgetId,
         worldX: $().x,
         worldY: $().y,
-        worldWidth: S().width,
-        worldHeight: S().height,
+        worldWidth: y().width,
+        worldHeight: y().height,
         viewport: t.projectedViewport(),
         ready: t.surfaceReady ?? !0
       });
-  }), Q = u(() => {
+  }), at = h(() => {
     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");
-  }), D = (e) => {
+  }), P = (e) => {
     e.preventDefault(), e.stopPropagation(), t.onRequestOverview(t.itemSnapshot());
-  }, P = (e) => {
+  }, E = (e) => {
     e.preventDefault(), e.stopPropagation(), t.onRequestFit(t.itemSnapshot());
-  }, A = (e) => {
+  }, F = (e) => {
     e.preventDefault(), e.stopPropagation(), t.onRequestDelete(t.widgetId);
-  }, U = u(() => {
+  }, rt = h(() => {
     const e = {
-      width: `${S().width}px`,
-      height: `${S().height}px`,
-      "z-index": R() || T() || t.optimisticFront ? `${t.topRenderLayer + 1}` : `${t.renderLayer}`
+      width: `${y().width}px`,
+      height: `${y().height}px`,
+      "z-index": A() || D() || t.optimisticFront ? `${t.topRenderLayer + 1}` : `${t.renderLayer}`
     };
     if (t.layoutMode === "projected_surface") {
       const i = Y()?.rect;
@@ -114,27 +170,27 @@ function Rt(t) {
       ...e,
       transform: `translate(${$().x}px, ${$().y}px)`
     };
-  }), tt = (e) => {
-    const i = f(m);
+  }), lt = (e) => {
+    const i = f(S);
     if (!i) return;
-    const r = {
+    const o = {
       x: i.worldX,
       y: i.worldY
-    }, d = {
+    }, a = {
       x: i.startWorldX,
       y: i.startWorldY
-    }, 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(), y(null), _ = void 0;
-  }, E = (e) => {
+    }, l = e && (Math.abs(o.x - a.x) > 1 || Math.abs(o.y - a.y) > 1);
+    t.onCommitFront(t.widgetId), l && t.onCommitMove(t.widgetId, o), i.stopInteraction(), M(null), _ = void 0;
+  }, H = (e) => {
     if (e.button !== 0 || t.locked) return;
     e.preventDefault(), e.stopPropagation(), _?.stop({
       reason: "manual_stop",
       commit: !1
-    }), t.onSelect(t.widgetId), g?.focus({
+    }), t.onSelect(t.widgetId), s?.focus({
       preventScroll: !0
     }), t.onStartOptimisticFront(t.widgetId);
-    const i = z("drag", "grabbing"), r = Math.max(t.viewportScale, 1e-3);
-    y({
+    const i = R("drag", "grabbing"), o = Math.max(t.viewportScale, 1e-3);
+    M({
       pointerId: e.pointerId,
       startClientX: e.clientX,
       startClientY: e.clientY,
@@ -143,45 +199,45 @@ function Rt(t) {
       worldX: t.x,
       worldY: t.y,
       moved: !1,
-      scale: r,
+      scale: o,
       stopInteraction: i
     });
-    const d = (a) => {
-      y((n) => {
-        if (!n || n.pointerId !== a.pointerId) return n;
-        const h = n.startWorldX + (a.clientX - n.startClientX) / n.scale, w = n.startWorldY + (a.clientY - n.startClientY) / n.scale;
+    const a = (l) => {
+      M((n) => {
+        if (!n || n.pointerId !== l.pointerId) return n;
+        const u = n.startWorldX + (l.clientX - n.startClientX) / n.scale, g = n.startWorldY + (l.clientY - n.startClientY) / n.scale;
         return {
           ...n,
-          worldX: h,
-          worldY: w,
-          moved: n.moved || Math.abs(h - n.startWorldX) > 2 || Math.abs(w - n.startWorldY) > 2
+          worldX: u,
+          worldY: g,
+          moved: n.moved || Math.abs(u - n.startWorldX) > 2 || Math.abs(g - n.startWorldY) > 2
         };
       });
     };
-    _ = N({
+    _ = G({
       pointerEvent: e,
       captureEl: e.currentTarget,
-      onMove: d,
+      onMove: a,
       onEnd: ({
-        commit: a
-      }) => tt(a)
+        commit: l
+      }) => lt(l)
     });
-  }, et = (e) => {
-    const i = f(v);
+  }, ct = (e) => {
+    const i = f(k);
     if (!i) return;
-    const r = {
+    const o = {
       width: i.width,
       height: i.height
-    }, 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), b = void 0;
-  }, it = (e) => {
+    }, a = Math.abs(i.width - i.startWidth) > 1 || Math.abs(i.height - i.startHeight) > 1;
+    e && a && t.onCommitResize(t.widgetId, o), i.stopInteraction(), T(null), b = void 0;
+  }, dt = (e) => {
     if (e.button !== 0 || t.locked) return;
     e.preventDefault(), e.stopPropagation(), b?.stop({
       reason: "manual_stop",
       commit: !1
     }), t.onStartOptimisticFront(t.widgetId);
-    const i = z("resize", "nwse-resize"), r = Math.max(t.viewportScale, 1e-3);
-    x({
+    const i = R("resize", "nwse-resize"), o = Math.max(t.viewportScale, 1e-3);
+    T({
       pointerId: e.pointerId,
       startClientX: e.clientX,
       startClientY: e.clientY,
@@ -189,52 +245,52 @@ function Rt(t) {
       startHeight: t.height,
       width: t.width,
       height: t.height,
-      scale: r,
+      scale: o,
       stopInteraction: i
     });
-    const d = (a) => {
-      x((n) => {
-        if (!n || n.pointerId !== a.pointerId) return n;
-        const h = Math.max($t, n.startWidth + (a.clientX - n.startClientX) / n.scale), w = Math.max(St, n.startHeight + (a.clientY - n.startClientY) / n.scale);
+    const a = (l) => {
+      T((n) => {
+        if (!n || n.pointerId !== l.pointerId) return n;
+        const u = Math.max(Ct, n.startWidth + (l.clientX - n.startClientX) / n.scale), g = Math.max(Wt, n.startHeight + (l.clientY - n.startClientY) / n.scale);
         return {
           ...n,
-          width: h,
-          height: w
+          width: u,
+          height: g
         };
       });
     };
-    b = N({
+    b = G({
       pointerEvent: e,
       captureEl: e.currentTarget,
-      onMove: d,
+      onMove: a,
       onEnd: ({
-        commit: a
-      }) => et(a)
+        commit: l
+      }) => ct(l)
     });
   };
   return (() => {
-    var e = mt(), i = e.firstChild, r = i.firstChild, d = r.firstChild, a = d.nextSibling, n = a.nextSibling, h = r.nextSibling, w = h.nextSibling, M = w.nextSibling, nt = M.firstChild, L = nt.nextSibling, ot = M.nextSibling, k = ot.firstChild, I = k.nextSibling, C = I.nextSibling, at = i.nextSibling, H = g;
-    return typeof H == "function" ? lt(H, e) : g = e, p(e, rt({
+    var e = Mt(), i = e.firstChild, o = i.firstChild, a = o.firstChild, l = a.nextSibling, n = l.nextSibling, u = o.nextSibling, g = u.nextSibling, C = g.nextSibling, st = C.firstChild, q = st.nextSibling, wt = C.nextSibling, I = wt.firstChild, x = I.nextSibling, W = x.nextSibling, gt = i.nextSibling, B = s;
+    return typeof B == "function" ? ft(B, e) : s = e, j(e, ut({
       get classList() {
         return {
           "is-selected": t.selected,
-          "is-dragging": R(),
-          "is-resizing": T(),
+          "is-dragging": A(),
+          "is-resizing": D(),
           "is-filtered-out": t.filtered,
           "is-projected-surface": t.layoutMode === "projected_surface",
           "is-locked": t.locked
         };
       }
     }, () => ({
-      [s().dialogSurfaceHostAttr]: "true"
+      [d().dialogSurfaceHostAttr]: "true"
     }), {
       get "data-floe-workbench-widget-id"() {
         return t.widgetId;
       }
     }, () => ({
-      [s().widgetRootAttr]: "true"
+      [d().widgetRootAttr]: "true"
     }), () => ({
-      [s().widgetIdAttr]: t.widgetId
+      [d().widgetIdAttr]: t.widgetId
     }), {
       get "data-workbench-widget-type"() {
         return t.widgetType;
@@ -243,49 +299,49 @@ function Rt(t) {
         return t.layoutMode ?? "canvas_scaled";
       }
     }, () => ({
-      [ht]: t.selected ? "true" : void 0
+      [St]: t.selected ? "true" : void 0
     }), {
       tabIndex: 0,
-      onPointerDown: J,
+      onPointerDown: ot,
       onFocus: () => {
         t.onSelect(t.widgetId);
       },
-      onContextMenu: (o) => {
-        X(o.target) === "widget_shell" && (o.preventDefault(), o.stopPropagation(), t.onContextMenu(o, t.itemSnapshot()));
+      onContextMenu: (r) => {
+        L(r.target) === "widget_shell" && (r.preventDefault(), r.stopPropagation(), t.onContextMenu(r, t.itemSnapshot()));
       },
       get style() {
-        return U();
+        return rt();
       }
-    }), !1, !0), i.$$pointerdown = E, p(i, {
-      [ut]: "true"
-    }, !1, !0), d.$$click = A, d.$$pointerdown = (o) => o.stopPropagation(), l(d, c(O, {
+    }), !1, !0), i.$$pointerdown = H, j(i, {
+      [kt]: "true"
+    }, !1, !0), a.$$click = F, a.$$pointerdown = (r) => r.stopPropagation(), c(a, w(N, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), a.$$click = D, a.$$pointerdown = (o) => o.stopPropagation(), l(a, c(j, {
+    })), l.$$click = P, l.$$pointerdown = (r) => r.stopPropagation(), c(l, w(V, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), n.$$click = P, n.$$pointerdown = (o) => o.stopPropagation(), l(n, c(q, {
+    })), n.$$click = E, n.$$pointerdown = (r) => r.stopPropagation(), c(n, w(Z, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), l(h, Q), w.$$pointerdown = E, l(w, c(gt, {
+    })), c(u, at), g.$$pointerdown = H, c(g, w(vt, {
       class: "w-3.5 h-3.5"
-    })), l(M, () => {
-      const o = t.definition.icon;
-      return c(o, {
+    })), c(C, () => {
+      const r = t.definition.icon;
+      return w(r, {
         class: "w-3.5 h-3.5"
       });
-    }, L), l(L, () => t.widgetTitle), k.$$click = D, k.$$pointerdown = (o) => o.stopPropagation(), l(k, c(j, {
+    }, q), c(q, () => t.widgetTitle), I.$$click = P, I.$$pointerdown = (r) => r.stopPropagation(), c(I, w(V, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), I.$$click = P, I.$$pointerdown = (o) => o.stopPropagation(), l(I, c(q, {
+    })), x.$$click = E, x.$$pointerdown = (r) => r.stopPropagation(), c(x, w(Z, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), C.$$click = A, C.$$pointerdown = (o) => o.stopPropagation(), l(C, c(O, {
+    })), W.$$click = F, W.$$pointerdown = (r) => r.stopPropagation(), c(W, w(N, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), l(at, () => {
-      const o = t.definition.body;
-      return c(o, {
+    })), c(gt, () => {
+      const r = t.definition.body;
+      return w(r, {
         get widgetId() {
           return t.widgetId;
         },
@@ -297,10 +353,10 @@ function Rt(t) {
         },
         surfaceMetrics: Y,
         get activation() {
-          return V();
+          return J();
         },
         get lifecycle() {
-          return G();
+          return U();
         },
         get selected() {
           return t.selected;
@@ -308,18 +364,18 @@ function Rt(t) {
         get filtered() {
           return t.filtered;
         },
-        requestActivate: K
+        requestActivate: tt
       });
-    }), l(e, (() => {
-      var o = dt(() => !!t.locked);
-      return () => o() ? null : (() => {
-        var F = vt();
-        return F.$$pointerdown = it, F;
+    }), c(e, (() => {
+      var r = ht(() => !!t.locked);
+      return () => r() ? null : (() => {
+        var O = Tt();
+        return O.$$pointerdown = dt, O;
       })();
     })(), null), e;
   })();
 }
-ct(["pointerdown", "click"]);
+_t(["pointerdown", "click"]);
 export {
-  Rt as WorkbenchWidget
+  Pt as WorkbenchWidget
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.22",
+  "version": "0.36.23",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",