@floegence/floe-webapp-core 0.36.13 → 0.36.15

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,11 +1,11 @@
-import { use as v, insert as m, createComponent as i, effect as W, template as f } from "solid-js/web";
+import { use as v, insert as m, createComponent as i, effect as W, template as w } from "solid-js/web";
 import { createMemo as o, Show as h, For as F } from "solid-js";
 import { WorkbenchCanvasField as y } from "./WorkbenchCanvasField.js";
-import { WorkbenchWidget as R } from "./WorkbenchWidget.js";
-import { createWorkbenchRenderLayerMap as I, resolveWorkbenchWidgetRenderMode as l } from "./workbenchHelpers.js";
+import { WorkbenchWidget as I } from "./WorkbenchWidget.js";
+import { createWorkbenchRenderLayerMap as R, resolveWorkbenchWidgetRenderMode as l } from "./workbenchHelpers.js";
 import { getWidgetEntry as c } from "./widgets/widgetRegistry.js";
 import { InfiniteCanvas as S } from "../ui/InfiniteCanvas.js";
-var M = /* @__PURE__ */ f("<div class=workbench-canvas>"), k = /* @__PURE__ */ f("<div class=workbench-canvas__projected-layer>");
+var M = /* @__PURE__ */ w("<div class=workbench-canvas>"), k = /* @__PURE__ */ w("<div class=workbench-canvas__projected-layer>");
 function b(e) {
   const n = o((g) => {
     const d = e.widgetById().get(e.widgetId);
@@ -13,7 +13,7 @@ function b(e) {
     if (g) return g;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the projected render map.`);
   }), a = o(() => c(n().type, e.widgetDefinitions));
-  return i(R, {
+  return i(I, {
     get definition() {
       return a();
     },
@@ -91,13 +91,13 @@ function b(e) {
   });
 }
 function q(e) {
-  const n = o(() => new Map(e.widgets.map((t) => [t.id, t]))), a = o(() => I(e.widgets)), g = o(() => e.widgets.filter((t) => {
+  const n = o(() => new Map(e.widgets.map((t) => [t.id, t]))), a = o(() => R(e.widgets)), g = o(() => e.widgets.filter((t) => {
     const r = c(t.type, e.widgetDefinitions);
     return l(r) === "canvas_scaled";
   })), d = o(() => e.widgets.filter((t) => {
     const r = c(t.type, e.widgetDefinitions);
     return l(r) === "projected_surface";
-  }).map((t) => t.id)), w = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
+  }).map((t) => t.id)), f = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
   return (() => {
     var t = M(), r = e.setCanvasFrameRef;
     return typeof r == "function" ? v(r, t) : e.setCanvasFrameRef = t, m(t, i(S, {
@@ -109,6 +109,9 @@ function q(e) {
       get onViewportChange() {
         return e.onViewportCommit;
       },
+      get onViewportInteractionStart() {
+        return e.onViewportInteractionStart;
+      },
       get onCanvasContextMenu() {
         return e.onCanvasContextMenu;
       },
@@ -179,7 +182,7 @@ function q(e) {
               },
               projectedViewport: s,
               get surfaceReady() {
-                return w();
+                return f();
               }
             })
           })), u;

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,53 +1,54 @@
-import { insert as c, createComponent as a, Portal as h, addEventListener as p, effect as k, className as W, template as g, delegateEvents as b } from "solid-js/web";
-import { createEffect as s, onCleanup as u, Show as C } from "solid-js";
-import { isTypingElement as y } from "../../utils/dom.js";
-import { WorkbenchCanvas as A } from "./WorkbenchCanvas.js";
-import { WorkbenchContextMenu as D } from "./WorkbenchContextMenu.js";
-import { WorkbenchFilterBar as x } from "./WorkbenchFilterBar.js";
-import { WorkbenchHud as S } from "./WorkbenchHud.js";
-import { WorkbenchLockButton as M } from "./WorkbenchLockButton.js";
-import { installWorkbenchContextMenuDismissListeners as F } from "./workbenchContextMenuDismiss.js";
-import { useWorkbenchModel as L } from "./useWorkbenchModel.js";
-var R = /* @__PURE__ */ g("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), E = /* @__PURE__ */ g("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const _ = "F1";
-function P(i) {
-  const e = L({
-    state: () => i.state(),
-    setState: (t) => i.setState(t),
-    widgetDefinitions: () => i.widgetDefinitions,
+import { insert as c, createComponent as a, Portal as f, addEventListener as w, effect as v, className as h, template as d, delegateEvents as p } from "solid-js/web";
+import { createEffect as s, onCleanup as l, Show as k } from "solid-js";
+import { isTypingElement as W } from "../../utils/dom.js";
+import { clientToCanvasWorld as C } from "../ui/canvasGeometry.js";
+import { WorkbenchCanvas as b } from "./WorkbenchCanvas.js";
+import { WorkbenchContextMenu as A } from "./WorkbenchContextMenu.js";
+import { WorkbenchFilterBar as y } from "./WorkbenchFilterBar.js";
+import { WorkbenchHud as D } from "./WorkbenchHud.js";
+import { WorkbenchLockButton as S } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as x } from "./workbenchContextMenuDismiss.js";
+import { useWorkbenchModel as M } from "./useWorkbenchModel.js";
+var F = /* @__PURE__ */ d("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), L = /* @__PURE__ */ d("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const R = "F1";
+function U(o) {
+  const e = M({
+    state: () => o.state(),
+    setState: (t) => o.setState(t),
+    widgetDefinitions: () => o.widgetDefinitions,
     onClose: () => {
     }
   });
   s(() => {
-    i.onApiReady?.({
+    o.onApiReady?.({
       ensureWidget: (t, r) => e.widgetActions.ensureWidget(t, r) ?? null,
       clearSelection: () => e.selection.clear(),
       focusWidget: (t, r) => e.navigation.focusWidget(t, r),
       fitWidget: (t) => e.navigation.fitWidget(t),
       overviewWidget: (t) => e.navigation.overviewWidget(t),
       findWidgetByType: (t) => e.queries.findWidgetByType(t)
-    }), u(() => {
-      i.onApiReady?.(null);
+    }), l(() => {
+      o.onApiReady?.(null);
     });
   });
-  const d = () => i.lockShortcut === void 0 ? _ : i.lockShortcut;
+  const u = () => o.lockShortcut === void 0 ? R : o.lockShortcut;
   s(() => {
     if (typeof window > "u" || !e.contextMenu.state()) return;
-    const t = F({
+    const t = x({
       ownerWindow: window,
       onDismiss: e.contextMenu.close
     });
-    u(() => t());
+    l(() => t());
   }), s(() => {
-    if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const t = d(), r = (n) => {
+    if (o.enableKeyboard === !1 || typeof document > "u") return;
+    const t = u(), r = (n) => {
       if (n.defaultPrevented || n.isComposing) return;
       if (t !== null && n.key === t) {
         n.preventDefault(), e.lock.toggle();
         return;
       }
-      const o = n.target;
-      if (!(o instanceof Element && y(o)))
+      const i = n.target;
+      if (!(i instanceof Element && W(i)))
         switch (n.key) {
           case "ArrowUp":
             n.preventDefault(), e.navigation.handleArrowNavigation("up");
@@ -67,26 +68,23 @@ function P(i) {
             break;
         }
     };
-    document.addEventListener("keydown", r, !0), u(() => document.removeEventListener("keydown", r, !0));
+    document.addEventListener("keydown", r, !0), l(() => document.removeEventListener("keydown", r, !0));
   });
-  const m = (t, r) => {
+  const g = (t, r) => {
     const n = document.querySelector('[data-floe-workbench-canvas-frame="true"]');
     if (!n) return null;
-    const o = n.getBoundingClientRect();
-    if (t < o.left || t > o.right || r < o.top || r > o.bottom)
-      return null;
-    const w = t - o.left, v = r - o.top, l = e.viewport();
-    return {
-      worldX: (w - l.x) / l.scale,
-      worldY: (v - l.y) / l.scale
-    };
-  }, f = (t, r, n) => {
-    const o = m(r, n);
-    o && e.widgetActions.addWidgetAtCursor(t, o.worldX, o.worldY);
+    const i = n.getBoundingClientRect();
+    return C(i, e.viewport(), {
+      clientX: t,
+      clientY: r
+    });
+  }, m = (t, r, n) => {
+    const i = g(r, n);
+    i && e.widgetActions.addWidgetAtCursor(t, i.worldX, i.worldY);
   };
   return (() => {
-    var t = E(), r = t.firstChild;
-    return c(r, a(A, {
+    var t = L(), r = t.firstChild;
+    return c(r, a(b, {
       get widgetDefinitions() {
         return e.widgetDefinitions();
       },
@@ -117,6 +115,9 @@ function P(i) {
       get onViewportCommit() {
         return e.canvas.commitViewport;
       },
+      get onViewportInteractionStart() {
+        return e.canvas.cancelViewportNavigation;
+      },
       get onCanvasContextMenu() {
         return e.canvas.openCanvasContextMenu;
       },
@@ -141,7 +142,7 @@ function P(i) {
       get onRequestDelete() {
         return e.widgetActions.deleteWidget;
       }
-    })), c(t, a(M, {
+    })), c(t, a(S, {
       get locked() {
         return e.locked();
       },
@@ -149,9 +150,9 @@ function P(i) {
         return e.lock.toggle;
       },
       get shortcutLabel() {
-        return d() ?? void 0;
+        return u() ?? void 0;
       }
-    }), null), c(t, a(x, {
+    }), null), c(t, a(y, {
       get widgetDefinitions() {
         return e.widgetDefinitions();
       },
@@ -167,8 +168,8 @@ function P(i) {
       get onShowAll() {
         return e.filter.showAll;
       },
-      onCreateAt: f
-    }), null), c(t, a(S, {
+      onCreateAt: m
+    }), null), c(t, a(D, {
       get scaleLabel() {
         return e.scaleLabel();
       },
@@ -178,17 +179,17 @@ function P(i) {
       get onZoomIn() {
         return e.hud.zoomIn;
       }
-    }), null), c(t, a(C, {
+    }), null), c(t, a(k, {
       get when() {
         return e.contextMenu.state();
       },
       get children() {
-        return a(h, {
+        return a(f, {
           get children() {
             return [(() => {
-              var n = R();
-              return p(n, "contextmenu", e.contextMenu.retarget, !0), n;
-            })(), a(D, {
+              var n = F();
+              return w(n, "contextmenu", e.contextMenu.retarget, !0), n;
+            })(), a(A, {
               get x() {
                 return e.contextMenu.position()?.left ?? 0;
               },
@@ -202,10 +203,10 @@ function P(i) {
           }
         });
       }
-    }), null), k(() => W(t, `workbench-surface${i.class ? ` ${i.class}` : ""}`)), t;
+    }), null), v(() => h(t, `workbench-surface${o.class ? ` ${o.class}` : ""}`)), t;
   })();
 }
-b(["contextmenu"]);
+p(["contextmenu"]);
 export {
-  P as WorkbenchSurface
+  U as WorkbenchSurface
 };

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

@@ -48,6 +48,7 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
             height: number;
         }) => void;
         commitViewport: (next: WorkbenchViewport) => void;
+        cancelViewportNavigation: () => void;
     };
     hud: {
         zoomIn: () => void;

package/dist/components/workbench/useWorkbenchModel.js

@@ -1,23 +1,23 @@
-import { createSignal as V, createMemo as d, onCleanup as xt } from "solid-js";
-import { ArrowUp as St, Copy as Ct, Trash as pt } from "../icons/index.js";
-import { getTopZIndex as kt, createContextMenuPosition as Ft, createWorkbenchId as bt, createWorkbenchViewportCenteredOnWidget as L, findNearestWidget as It, clampScale as Mt, WORKBENCH_CANVAS_ZOOM_STEP as $, WORKBENCH_MIN_SCALE as Xt, createWorkbenchViewportFitForWidget as yt, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Yt, estimateContextMenuHeight as vt } from "./workbenchHelpers.js";
-import { resolveWorkbenchWidgetDefinitions as Ot, getWidgetEntry as j, createWorkbenchFilterState as zt } from "./widgets/widgetRegistry.js";
-function qt(c) {
-  const [W, x] = V(null), [U, D] = V(null), [H, G] = V({ width: 0, height: 0 });
+import { createSignal as N, createMemo as d, onCleanup as St } from "solid-js";
+import { ArrowUp as Ct, Copy as pt, Trash as kt } from "../icons/index.js";
+import { getTopZIndex as Ft, createContextMenuPosition as bt, createWorkbenchId as It, createWorkbenchViewportCenteredOnWidget as L, findNearestWidget as Mt, clampScale as Xt, WORKBENCH_CANVAS_ZOOM_STEP as $, WORKBENCH_MIN_SCALE as vt, createWorkbenchViewportFitForWidget as yt, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Yt, estimateContextMenuHeight as Ot } from "./workbenchHelpers.js";
+import { resolveWorkbenchWidgetDefinitions as zt, getWidgetEntry as j, createWorkbenchFilterState as _t } from "./widgets/widgetRegistry.js";
+function Pt(c) {
+  const [W, x] = N(null), [U, D] = N(null), [H, G] = N({ width: 0, height: 0 });
   let r = null, S = null;
-  const l = c.state, w = d(() => l().widgets), u = d(() => l().viewport), J = d(() => l().locked), N = d(() => l().filters), F = d(() => l().selectedWidgetId), b = d(() => kt(w())), Q = d(() => `${Math.round(u().scale * 100)}%`), tt = () => typeof c.widgetDefinitions == "function" ? c.widgetDefinitions() : c.widgetDefinitions, m = d(
-    () => Ot(tt())
+  const l = c.state, w = d(() => l().widgets), u = d(() => l().viewport), J = d(() => l().locked), R = d(() => l().filters), F = d(() => l().selectedWidgetId), b = d(() => Ft(w())), Q = d(() => `${Math.round(u().scale * 100)}%`), tt = () => typeof c.widgetDefinitions == "function" ? c.widgetDefinitions() : c.widgetDefinitions, m = d(
+    () => zt(tt())
   ), I = (t, e) => {
     const n = Number.isFinite(t) && t > 0 ? t : 0, i = Number.isFinite(e) && e > 0 ? e : 0, o = { width: n, height: i }, s = H();
     return s.width === n && s.height === i ? s : (G(o), o);
-  }, R = () => {
+  }, T = () => {
     S?.disconnect(), S = null;
   }, a = () => r ? I(r.clientWidth, r.clientHeight) : I(0, 0), et = (t) => {
     if (r === (t ?? null)) {
       a();
       return;
     }
-    R(), r = t ?? null, a(), !(!r || typeof ResizeObserver > "u") && (S = new ResizeObserver((e) => {
+    T(), r = t ?? null, a(), !(!r || typeof ResizeObserver > "u") && (S = new ResizeObserver((e) => {
       const n = e[0];
       I(
         n?.contentRect.width ?? r?.clientWidth ?? 0,
@@ -25,8 +25,8 @@ function qt(c) {
       );
     }), S.observe(r));
   };
-  xt(() => {
-    R(), r = null;
+  St(() => {
+    T(), r = null;
   });
   const nt = (t) => {
     x({
@@ -43,7 +43,7 @@ function qt(c) {
       worldY: e.y,
       widgetId: e.id
     });
-  }, h = () => x(null), ot = (t) => l().widgets.find((e) => e.id === t) ?? null, M = (t) => l().widgets.find((e) => e.type === t) ?? null, T = d(() => {
+  }, h = () => x(null), ot = (t) => l().widgets.find((e) => e.id === t) ?? null, M = (t) => l().widgets.find((e) => e.type === t) ?? null, E = d(() => {
     const t = W();
     if (!t) return [];
     if (t.widgetId) {
@@ -52,7 +52,7 @@ function qt(c) {
         id: "bring-to-front",
         kind: "action",
         label: "Bring to Front",
-        icon: St,
+        icon: Ct,
         onSelect: () => {
           f(e.id), h();
         }
@@ -60,18 +60,18 @@ function qt(c) {
         id: "duplicate",
         kind: "action",
         label: "Duplicate",
-        icon: Ct,
+        icon: pt,
         onSelect: () => {
-          E(e.type, e.x + 32, e.y + 32), h();
+          B(e.type, e.x + 32, e.y + 32), h();
         }
       })), n.push({ id: "separator-delete", kind: "separator" }), n.push({
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: pt,
+        icon: kt,
         destructive: !0,
         onSelect: () => {
-          t.widgetId && Y(t.widgetId), h();
+          t.widgetId && y(t.widgetId), h();
         }
       }), n;
     }
@@ -81,25 +81,25 @@ function qt(c) {
       label: `Add ${e.label}`,
       icon: e.icon,
       onSelect: () => {
-        y(e.type, t.worldX, t.worldY), h();
+        v(e.type, t.worldX, t.worldY), h();
       }
     }));
   }), ct = d(() => {
     const t = W();
     if (!t) return;
-    const e = T(), n = e.filter((o) => o.kind === "action").length, i = e.filter((o) => o.kind === "separator").length;
-    return Ft({
+    const e = E(), n = e.filter((o) => o.kind === "action").length, i = e.filter((o) => o.kind === "separator").length;
+    return bt({
       clientX: t.clientX,
       clientY: t.clientY,
       menuWidth: Yt,
-      menuHeight: vt(n, i)
+      menuHeight: Ot(n, i)
     });
   }), X = (t, e, n) => {
     const i = j(t, m()), o = i.singleton ? M(t) : null;
     if (o)
       return p(o, { centerViewport: !0 });
     const s = i.defaultSize, g = {
-      id: bt(),
+      id: It(),
       type: t,
       title: i.defaultTitle,
       x: e,
@@ -114,10 +114,10 @@ function qt(c) {
       widgets: [...k.widgets, g],
       selectedWidgetId: g.id
     })), g;
-  }, y = (t, e, n) => {
+  }, v = (t, e, n) => {
     const i = j(t, m()).defaultSize;
     return X(t, e - i.width / 2, n - i.height / 2);
-  }, E = (t, e, n) => X(t, e, n), Y = (t) => {
+  }, B = (t, e, n) => X(t, e, n), y = (t) => {
     c.setState((e) => ({
       ...e,
       widgets: e.widgets.filter((n) => n.id !== t),
@@ -148,17 +148,17 @@ function qt(c) {
         (i) => i.id === t ? { ...i, width: e.width, height: e.height } : i
       )
     }));
-  }, v = (t) => {
+  }, Y = (t) => {
     c.setState((e) => ({ ...e, viewport: t }));
-  }, B = (t) => {
-    const e = u(), n = a(), i = (n.width / 2 - e.x) / e.scale, o = (n.height / 2 - e.y) / e.scale, s = Mt(
+  }, q = (t) => {
+    const e = u(), n = a(), i = (n.width / 2 - e.x) / e.scale, o = (n.height / 2 - e.y) / e.scale, s = Xt(
       t === "in" ? e.scale * $ : e.scale / $
     ), g = {
       x: n.width / 2 - i * s,
       y: n.height / 2 - o * s,
       scale: s
     };
-    v(g);
+    Y(g);
   }, lt = () => {
     c.setState((t) => ({ ...t, locked: !t.locked }));
   }, at = (t) => {
@@ -174,14 +174,14 @@ function qt(c) {
       return { ...e, filters: n };
     });
   }, ut = () => {
-    const t = zt(m());
+    const t = _t(m());
     c.setState((e) => ({
       ...e,
       filters: t
     }));
   }, C = (t) => {
     c.setState((e) => ({ ...e, selectedWidgetId: t }));
-  }, q = () => {
+  }, P = () => {
     c.setState(
       (t) => t.selectedWidgetId === null ? t : { ...t, selectedWidgetId: null }
     );
@@ -192,48 +192,50 @@ function qt(c) {
       worldY: t.height > 0 ? (t.height / 2 - e.y) / e.scale : 180
     };
   };
-  let P = 0;
-  const O = (t) => {
-    const e = u(), n = e.x, i = e.y, o = e.scale, s = performance.now(), g = 360, k = ++P, mt = (_) => 1 - Math.pow(1 - _, 3), Z = (_) => {
-      if (k !== P) return;
-      const Wt = _ - s, K = Math.min(Math.max(Wt / g, 0), 1), A = mt(K);
-      v({
+  let O = 0;
+  const ft = () => {
+    O += 1;
+  }, z = (t) => {
+    const e = u(), n = e.x, i = e.y, o = e.scale, s = performance.now(), g = 360, k = ++O, Wt = (V) => 1 - Math.pow(1 - V, 3), Z = (V) => {
+      if (k !== O) return;
+      const xt = V - s, K = Math.min(Math.max(xt / g, 0), 1), A = Wt(K);
+      Y({
         x: n + (t.x - n) * A,
         y: i + (t.y - i) * A,
         scale: o + (t.scale - o) * A
       }), K < 1 && requestAnimationFrame(Z);
     };
     requestAnimationFrame(Z);
-  }, z = (t) => {
+  }, _ = (t) => {
     const e = a();
-    e.width === 0 || e.height === 0 || O(L({
+    e.width === 0 || e.height === 0 || z(L({
       widget: t,
       scale: u().scale,
       frameWidth: e.width,
       frameHeight: e.height
     }));
-  }, ft = (t) => {
+  }, wt = (t) => {
     const e = a();
-    e.width === 0 || e.height === 0 || O(yt({
+    e.width === 0 || e.height === 0 || z(yt({
       widget: t,
       frameWidth: e.width,
       frameHeight: e.height
     }));
-  }, wt = (t) => {
+  }, mt = (t) => {
     const e = a();
-    e.width === 0 || e.height === 0 || O(L({
+    e.width === 0 || e.height === 0 || z(L({
       widget: t,
-      scale: Xt,
+      scale: vt,
       frameWidth: e.width,
       frameHeight: e.height
     }));
-  }, p = (t, e = {}) => (C(t.id), f(t.id), e.centerViewport !== !1 && z(t), t);
+  }, p = (t, e = {}) => (C(t.id), f(t.id), e.centerViewport !== !1 && _(t), t);
   return {
     widgets: w,
     viewport: u,
     canvasFrameSize: H,
     locked: J,
-    filters: N,
+    filters: R,
     selectedWidgetId: F,
     topZIndex: b,
     scaleLabel: Q,
@@ -242,7 +244,7 @@ function qt(c) {
     setCanvasFrameRef: et,
     contextMenu: {
       state: W,
-      items: T,
+      items: E,
       position: ct,
       close: h,
       retarget: (t) => {
@@ -258,16 +260,17 @@ function qt(c) {
       openCanvasContextMenu: nt,
       openWidgetContextMenu: it,
       selectWidget: C,
-      clearSelection: q,
+      clearSelection: P,
       startOptimisticFront: st,
       commitFront: f,
       commitMove: rt,
       commitResize: dt,
-      commitViewport: v
+      commitViewport: Y,
+      cancelViewportNavigation: ft
     },
     hud: {
-      zoomIn: () => B("in"),
-      zoomOut: () => B("out")
+      zoomIn: () => q("in"),
+      zoomOut: () => q("out")
     },
     lock: {
       toggle: lt
@@ -279,41 +282,41 @@ function qt(c) {
     },
     navigation: {
       handleArrowNavigation: (t) => {
-        const e = It(
+        const e = Mt(
           w(),
           F(),
           t,
-          N()
+          R()
         );
         e && p(e);
       },
-      centerOnWidget: z,
+      centerOnWidget: _,
       focusWidget: p,
-      fitWidget: (t) => (C(t.id), f(t.id), ft(t), t),
-      overviewWidget: (t) => (C(t.id), f(t.id), wt(t), t)
+      fitWidget: (t) => (C(t.id), f(t.id), wt(t), t),
+      overviewWidget: (t) => (C(t.id), f(t.id), mt(t), t)
     },
     selection: {
-      clear: q
+      clear: P
     },
     widgetActions: {
       deleteSelected: () => {
         const t = F();
-        t && Y(t);
+        t && y(t);
       },
-      deleteWidget: Y,
+      deleteWidget: y,
       addWidget: X,
-      addWidgetAtCursor: y,
-      addWidgetCentered: E,
+      addWidgetAtCursor: v,
+      addWidgetCentered: B,
       ensureWidget: (t, e) => {
         const n = M(t);
         if (n)
           return p(n, { centerViewport: e?.centerViewport ?? !0 });
-        const i = ht(), o = y(
+        const i = ht(), o = v(
           t,
           e?.worldX ?? i.worldX,
           e?.worldY ?? i.worldY
         );
-        return (e?.centerViewport ?? !0) && o && z(o), o;
+        return (e?.centerViewport ?? !0) && o && _(o), o;
       }
     },
     queries: {
@@ -330,5 +333,5 @@ function qt(c) {
   };
 }
 export {
-  qt as useWorkbenchModel
+  Pt as useWorkbenchModel
 };