@floegence/floe-webapp-core 0.36.48 → 0.36.49

package/dist/components/workbench/useWorkbenchModel.js

@@ -1,43 +1,44 @@
-import { createSignal as et, createMemo as u, onCleanup as We } from "solid-js";
-import { ArrowUp as xt, Copy as M, Trash as z, MessageSquare as bt, Region as St, TextTool as Oe } from "../icons/index.js";
-import { WORKBENCH_STICKY_FILTER_ID as Ce } from "./types.js";
-import { WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as Te, WORKBENCH_DEFAULT_TEXT_COLOR as Ne, WORKBENCH_DEFAULT_TEXT_FONT as Wt, WORKBENCH_BACKGROUND_MATERIALS as Lt, WORKBENCH_REGION_FILL_OPTIONS as Ae, WORKBENCH_STICKY_NOTE_COLORS as Ie, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as Le, WORKBENCH_DEFAULT_REGION_FILL as De } from "./workbenchOptions.js";
-import { resolveWorkbenchModeStrategy as Ot, createContextMenuPosition as je, createWorkbenchId as S, createWorkbenchViewportCenteredOnWidget as Ct, findNearestWidget as Me, sanitizeFilters as ze, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Fe, estimateContextMenuHeight as Re, clampScale as Be, WORKBENCH_MAX_SCALE as pe, WORKBENCH_CANVAS_ZOOM_STEP as Tt, normalizeWorkbenchInteractionMode as Ee, createWorkbenchViewportAtScale as Xe, WORKBENCH_WORK_MIN_SCALE as Ye, createWorkbenchViewportFitForWidget as He } from "./workbenchHelpers.js";
-import { resolveWorkbenchWidgetDefinitions as Ke, getWidgetEntry as Nt } from "./widgets/widgetRegistry.js";
-function Dt(o, c) {
-  const s = o.findIndex((a) => a === c);
+import { createSignal as et, createMemo as u, onCleanup as Oe } from "solid-js";
+import { clientToCanvasWorld as Ce } from "../ui/canvasGeometry.js";
+import { ArrowUp as xt, Copy as M, Trash as j, MessageSquare as bt, Region as St, TextTool as Te } from "../icons/index.js";
+import { WORKBENCH_STICKY_FILTER_ID as Ne } from "./types.js";
+import { WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as Ae, WORKBENCH_DEFAULT_TEXT_COLOR as Ie, WORKBENCH_DEFAULT_TEXT_FONT as Wt, WORKBENCH_BACKGROUND_MATERIALS as It, WORKBENCH_REGION_FILL_OPTIONS as Le, WORKBENCH_STICKY_NOTE_COLORS as De, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as pe, WORKBENCH_DEFAULT_REGION_FILL as Me } from "./workbenchOptions.js";
+import { resolveWorkbenchModeStrategy as Ot, createContextMenuPosition as je, createWorkbenchWidgetFrame as Fe, createWorkbenchId as S, createWorkbenchViewportCenteredOnWidget as Ct, findNearestWidget as Re, sanitizeFilters as ze, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Be, estimateContextMenuHeight as Xe, clampScale as Ee, WORKBENCH_MAX_SCALE as Ye, WORKBENCH_CANVAS_ZOOM_STEP as Tt, normalizeWorkbenchInteractionMode as He, createWorkbenchViewportAtScale as Ke, WORKBENCH_WORK_MIN_SCALE as Ve, createWorkbenchViewportFitForWidget as Ue } from "./workbenchHelpers.js";
+import { resolveWorkbenchWidgetDefinitions as Pe, getWidgetEntry as qe } from "./widgets/widgetRegistry.js";
+function Lt(o, d) {
+  const s = o.findIndex((a) => a === d);
   return o[(s + 1) % o.length] ?? o[0];
 }
-function F(o, c) {
-  return Number.isFinite(o) && o > 0 ? o : c;
+function F(o, d) {
+  return Number.isFinite(o) && o > 0 ? o : d;
 }
-function At(o, c, s) {
-  const a = String(c ?? "").trim();
+function Nt(o, d, s) {
+  const a = String(d ?? "").trim();
   return o.includes(a) ? a : s;
 }
-function Ve(o, c) {
+function Ge(o, d) {
   const s = Number(o);
-  return Number.isFinite(s) ? Math.max(0.08, Math.min(1, s)) : c;
+  return Number.isFinite(s) ? Math.max(0.08, Math.min(1, s)) : d;
 }
-function Ue(o) {
-  return Dt(Ie, o);
+function $e(o) {
+  return Lt(De, o);
 }
-function qe(o) {
-  return Dt(Lt, o);
+function ve(o) {
+  return Lt(It, o);
 }
-function It(o) {
+function At(o) {
   return !("kind" in o);
 }
-function Pe(o, c) {
-  return o.z_index !== c.z_index ? o.z_index - c.z_index : o.created_at_unix_ms !== c.created_at_unix_ms ? o.created_at_unix_ms - c.created_at_unix_ms : o.id.localeCompare(c.id);
+function Ze(o, d) {
+  return o.z_index !== d.z_index ? o.z_index - d.z_index : o.created_at_unix_ms !== d.created_at_unix_ms ? o.created_at_unix_ms - d.created_at_unix_ms : o.id.localeCompare(d.id);
 }
 function nt(o) {
-  return o.reduce((c, s) => Math.max(c, s.z_index), 1);
+  return o.reduce((d, s) => Math.max(d, s.z_index), 1);
 }
-function Ge(o, c) {
-  return nt([...o, ...c]);
+function Je(o, d) {
+  return nt([...o, ...d]);
 }
-function $e(o) {
+function Qe(o) {
   return {
     id: o.id,
     type: "sticky_note",
@@ -50,15 +51,15 @@ function $e(o) {
     created_at_unix_ms: o.created_at_unix_ms
   };
 }
-function Ze(o, c, s) {
+function tn(o, d, s) {
   const a = Date.now();
   return {
     id: S(),
     kind: "sticky_note",
     body: "Capture the thought, decision, or next step here.",
-    color: Te,
+    color: Ae,
     x: o - 130,
-    y: c - 92,
+    y: d - 92,
     width: 260,
     height: 184,
     z_index: s,
@@ -66,8 +67,8 @@ function Ze(o, c, s) {
     updated_at_unix_ms: a
   };
 }
-function ve(o, c, s, a) {
-  const _ = Date.now(), y = F(a?.width, 360), w = F(a?.height, 96);
+function en(o, d, s, a) {
+  const _ = Date.now(), y = F(a?.width, 360), h = F(a?.height, 96);
   return {
     id: S(),
     kind: "text",
@@ -75,48 +76,48 @@ function ve(o, c, s, a) {
     font_family: a?.font_family ?? Wt.fontFamily,
     font_size: a?.font_size ?? 30,
     font_weight: a?.font_weight ?? Wt.fontWeight,
-    color: a?.color ?? Ne,
+    color: a?.color ?? Ie,
     align: a?.align ?? "left",
     x: o - y / 2,
-    y: c - w / 2,
+    y: d - h / 2,
     width: y,
-    height: w,
+    height: h,
     z_index: s,
     created_at_unix_ms: _,
     updated_at_unix_ms: _
   };
 }
-function Je(o) {
-  const c = Date.now();
+function nn(o) {
+  const d = Date.now();
   return {
     ...o,
     id: S(),
     x: o.x + 28,
     y: o.y + 28,
     z_index: o.z_index + 1,
-    created_at_unix_ms: c,
-    updated_at_unix_ms: c
+    created_at_unix_ms: d,
+    updated_at_unix_ms: d
   };
 }
-function Qe(o, c, s, a) {
-  const _ = Date.now(), y = F(a?.width, 560), w = F(a?.height, 360), f = String(a?.name ?? "").trim() || "Focus area";
+function on(o, d, s, a) {
+  const _ = Date.now(), y = F(a?.width, 560), h = F(a?.height, 360), f = String(a?.name ?? "").trim() || "Focus area";
   return {
     id: S(),
     name: f,
-    fill: At(Ae, a?.fill, De),
-    opacity: Ve(a?.opacity, 0.72),
-    material: At(Lt, a?.material, Le),
+    fill: Nt(Le, a?.fill, Me),
+    opacity: Ge(a?.opacity, 0.72),
+    material: Nt(It, a?.material, pe),
     x: o - y / 2,
-    y: c - w / 2,
+    y: d - h / 2,
     width: y,
-    height: w,
+    height: h,
     z_index: s,
     created_at_unix_ms: _,
     updated_at_unix_ms: _
   };
 }
-function tn(o) {
-  const c = Date.now();
+function cn(o) {
+  const d = Date.now();
   return {
     ...o,
     id: S(),
@@ -124,45 +125,45 @@ function tn(o) {
     x: o.x + 36,
     y: o.y + 36,
     z_index: o.z_index + 1,
-    created_at_unix_ms: c,
-    updated_at_unix_ms: c
+    created_at_unix_ms: d,
+    updated_at_unix_ms: d
   };
 }
-function _n(o) {
-  const [c, s] = et(null), [a, _] = et(null), [y, w] = et({ width: 0, height: 0 });
-  let f = null, T = null;
-  const r = o.state, x = u(() => r().widgets), R = u(() => r().stickyNotes ?? []), it = u(() => r().annotations ?? []), ot = u(() => r().backgroundLayers ?? []), h = u(() => r().viewport), jt = u(() => r().locked), B = u(() => r().filters), Mt = u(() => r().selectedWidgetId), p = u(() => r().selectedObject ?? (r().selectedWidgetId ? { kind: "widget", id: r().selectedWidgetId } : null)), N = u(() => r().mode ?? "work"), zt = u(() => Ot(N())), dt = u(() => r().activeTool ?? "select"), Ft = u(() => r().theme), W = u(() => Ge(x(), R())), Rt = u(() => `${Math.round(h().scale * 100)}%`), Bt = () => typeof o.widgetDefinitions == "function" ? o.widgetDefinitions() : o.widgetDefinitions, pt = () => typeof o.textAnnotationDefaults == "function" ? o.textAnnotationDefaults() : o.textAnnotationDefaults, Et = () => typeof o.backgroundLayerDefaults == "function" ? o.backgroundLayerDefaults() : o.backgroundLayerDefaults, O = u(
-    () => Ke(Bt())
-  ), E = (e, t) => {
-    const n = Number.isFinite(e) && e > 0 ? e : 0, i = Number.isFinite(t) && t > 0 ? t : 0, d = { width: n, height: i }, k = y();
-    return k.width === n && k.height === i ? k : (w(d), d);
-  }, ct = () => {
-    T?.disconnect(), T = null;
-  }, m = () => f ? E(f.clientWidth, f.clientHeight) : E(0, 0), Xt = (e) => {
+function xn(o) {
+  const [d, s] = et(null), [a, _] = et(null), [y, h] = et({ width: 0, height: 0 });
+  let f = null, C = null;
+  const r = o.state, x = u(() => r().widgets), R = u(() => r().stickyNotes ?? []), it = u(() => r().annotations ?? []), ot = u(() => r().backgroundLayers ?? []), m = u(() => r().viewport), Dt = u(() => r().locked), z = u(() => r().filters), pt = u(() => r().selectedWidgetId), B = u(() => r().selectedObject ?? (r().selectedWidgetId ? { kind: "widget", id: r().selectedWidgetId } : null)), T = u(() => r().mode ?? "work"), Mt = u(() => Ot(T())), ct = u(() => r().activeTool ?? "select"), jt = u(() => r().theme), W = u(() => Je(x(), R())), Ft = u(() => `${Math.round(m().scale * 100)}%`), Rt = () => typeof o.widgetDefinitions == "function" ? o.widgetDefinitions() : o.widgetDefinitions, zt = () => typeof o.textAnnotationDefaults == "function" ? o.textAnnotationDefaults() : o.textAnnotationDefaults, Bt = () => typeof o.backgroundLayerDefaults == "function" ? o.backgroundLayerDefaults() : o.backgroundLayerDefaults, N = u(
+    () => Pe(Rt())
+  ), X = (e, t) => {
+    const n = Number.isFinite(e) && e > 0 ? e : 0, i = Number.isFinite(t) && t > 0 ? t : 0, c = { width: n, height: i }, g = y();
+    return g.width === n && g.height === i ? g : (h(c), c);
+  }, dt = () => {
+    C?.disconnect(), C = null;
+  }, w = () => f ? X(f.clientWidth, f.clientHeight) : X(0, 0), Xt = (e) => {
     if (f === (e ?? null)) {
-      m();
+      w();
       return;
     }
-    ct(), f = e ?? null, m(), !(!f || typeof ResizeObserver > "u") && (T = new ResizeObserver((t) => {
+    dt(), f = e ?? null, w(), !(!f || typeof ResizeObserver > "u") && (C = new ResizeObserver((t) => {
       const n = t[0];
-      E(
+      X(
         n?.contentRect.width ?? f?.clientWidth ?? 0,
         n?.contentRect.height ?? f?.clientHeight ?? 0
       );
-    }), T.observe(f));
+    }), C.observe(f));
   };
-  We(() => {
-    ct(), f = null;
+  Oe(() => {
+    dt(), f = null;
   });
-  const Yt = (e) => {
+  const Et = (e) => {
     s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: e.worldX,
       worldY: e.worldY,
-      target: { kind: "canvas", mode: N() }
+      target: { kind: "canvas", mode: T() }
     });
-  }, Ht = (e, t) => {
+  }, Yt = (e, t) => {
     b(t.id), s({
       clientX: e.clientX,
       clientY: e.clientY,
@@ -171,8 +172,8 @@ function _n(o) {
       target: { kind: "widget", id: t.id },
       widgetId: t.id
     });
-  }, Kt = (e, t) => {
-    I(t.id), s({
+  }, Ht = (e, t) => {
+    L(t.id), s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -180,7 +181,7 @@ function _n(o) {
       target: { kind: "sticky_note", id: t.id },
       widgetId: t.id
     });
-  }, Vt = (e, t) => {
+  }, Kt = (e, t) => {
     s({
       clientX: e.clientX,
       clientY: e.clientY,
@@ -188,7 +189,7 @@ function _n(o) {
       worldY: t.y,
       target: { kind: "annotation", id: t.id }
     });
-  }, Ut = (e, t) => {
+  }, Vt = (e, t) => {
     s({
       clientX: e.clientX,
       clientY: e.clientY,
@@ -196,7 +197,20 @@ function _n(o) {
       worldY: t.y,
       target: { kind: "background_layer", id: t.id }
     });
-  }, l = () => s(null), qt = (e) => r().widgets.find((t) => t.id === e) ?? null, A = (e) => r().widgets.find((t) => t.type === e) ?? null, X = (e) => r().stickyNotes?.find((t) => t.id === e) ?? null, at = (e) => r().annotations?.find((t) => t.id === e) ?? null, st = (e) => r().backgroundLayers?.find((t) => t.id === e) ?? null, Pt = (e) => e.target ? e.target : e.widgetId ? X(e.widgetId) ? { kind: "sticky_note", id: e.widgetId } : { kind: "widget", id: e.widgetId } : { kind: "canvas", mode: N() }, Gt = (e, t) => {
+  }, l = () => s(null), Ut = (e) => r().widgets.find((t) => t.id === e) ?? null, A = (e) => r().widgets.find((t) => t.type === e) ?? null, E = (e) => r().stickyNotes?.find((t) => t.id === e) ?? null, at = (e) => r().annotations?.find((t) => t.id === e) ?? null, st = (e) => r().backgroundLayers?.find((t) => t.id === e) ?? null, Pt = (e) => e.target ? e.target : e.widgetId ? E(e.widgetId) ? { kind: "sticky_note", id: e.widgetId } : { kind: "widget", id: e.widgetId } : { kind: "canvas", mode: T() }, I = (e, t) => {
+    if (t?.source === "pointer") {
+      const n = f?.getBoundingClientRect(), i = n ? Ce(n, m(), {
+        clientX: t.clientX,
+        clientY: t.clientY
+      }) : null;
+      if (i)
+        return i;
+    }
+    return {
+      worldX: e.worldX,
+      worldY: e.worldY
+    };
+  }, qt = (e, t) => {
     const n = e.singleton ? A(e.type) : null;
     return n ? {
       id: `goto-${e.type}`,
@@ -207,7 +221,7 @@ function _n(o) {
       icon: e.icon,
       existingWidgetId: n.id,
       onSelect: () => {
-        C(n, { centerViewport: !0 }), l();
+        O(n, { centerViewport: !0 }), l();
       }
     } : {
       id: `add-${e.type}`,
@@ -216,16 +230,17 @@ function _n(o) {
       widgetType: e.type,
       label: `Add ${e.label}`,
       icon: e.icon,
-      onSelect: () => {
-        H(e.type, t.worldX, t.worldY), l();
+      onSelect: (i) => {
+        const c = I(t, i);
+        H(e.type, c.worldX, c.worldY), l();
       }
     };
   }, rt = u(() => {
-    const e = c();
+    const e = d();
     if (!e) return [];
     const t = Pt(e);
     if (t.kind === "widget") {
-      const n = x().find((d) => d.id === t.id), i = [];
+      const n = x().find((c) => c.id === t.id), i = [];
       return n && (i.push({
         id: "bring-to-front",
         kind: "action",
@@ -246,7 +261,7 @@ function _n(o) {
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: z,
+        icon: j,
         destructive: !0,
         onSelect: () => {
           K(t.id), l();
@@ -254,14 +269,14 @@ function _n(o) {
       }), i;
     }
     if (t.kind === "sticky_note") {
-      const n = X(t.id), i = [];
+      const n = E(t.id), i = [];
       return n && (i.push({
         id: "bring-to-front",
         kind: "action",
         label: "Bring to Front",
         icon: xt,
         onSelect: () => {
-          I(n.id), l();
+          L(n.id), l();
         }
       }), i.push({
         id: "copy-content",
@@ -277,16 +292,16 @@ function _n(o) {
         label: "Change Color",
         icon: bt,
         onSelect: () => {
-          kt(n.id, { color: Ue(n.color) }), l();
+          kt(n.id, { color: $e(n.color) }), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: z,
+        icon: j,
         destructive: !0,
         onSelect: () => {
-          P(t.id), l();
+          q(t.id), l();
         }
       }), i;
     }
@@ -304,7 +319,7 @@ function _n(o) {
         id: "delete",
         kind: "action",
         label: "Delete Text",
-        icon: z,
+        icon: j,
         destructive: !0,
         onSelect: () => {
           G(t.id), l();
@@ -327,13 +342,13 @@ function _n(o) {
         label: "Change Material",
         icon: St,
         onSelect: () => {
-          ft(n.id, { material: qe(n.material) }), l();
+          ft(n.id, { material: ve(n.material) }), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
         kind: "action",
         label: "Delete Region",
-        icon: z,
+        icon: j,
         destructive: !0,
         onSelect: () => {
           $(t.id), l();
@@ -346,17 +361,19 @@ function _n(o) {
         kind: "action",
         label: "Add Region",
         icon: St,
-        onSelect: () => {
-          q(e.worldX, e.worldY), l();
+        onSelect: (n) => {
+          const i = I(e, n);
+          P(i.worldX, i.worldY), l();
         }
       },
       {
         id: "create-text",
         kind: "action",
         label: "Add Text",
-        icon: Oe,
-        onSelect: () => {
-          U(e.worldX, e.worldY), l();
+        icon: Te,
+        onSelect: (n) => {
+          const i = I(e, n);
+          U(i.worldX, i.worldY), l();
         }
       }
     ] : [
@@ -365,49 +382,59 @@ function _n(o) {
         kind: "action",
         label: "Add Sticky",
         icon: bt,
-        onSelect: () => {
-          V(e.worldX, e.worldY), l();
+        onSelect: (n) => {
+          const i = I(e, n);
+          V(i.worldX, i.worldY), l();
         }
       },
-      ...O().map((n) => Gt(n, e))
+      ...N().map((n) => qt(n, e))
     ];
-  }), $t = u(() => {
-    const e = c();
+  }), Gt = u(() => {
+    const e = d();
     if (!e) return;
-    const t = rt(), n = t.filter((d) => d.kind === "action").length, i = t.filter((d) => d.kind === "separator").length;
+    const t = rt(), n = t.filter((c) => c.kind === "action").length, i = t.filter((c) => c.kind === "separator").length;
     return je({
       clientX: e.clientX,
       clientY: e.clientY,
-      menuWidth: Fe,
-      menuHeight: Re(n, i)
+      menuWidth: Be,
+      menuHeight: Xe(n, i)
     });
-  }), Y = (e, t, n) => {
-    const i = Nt(e, O()), d = i.singleton ? A(e) : null;
-    if (d)
-      return C(d, { centerViewport: !0 });
-    const k = i.defaultSize, g = {
+  }), Y = (e, t) => {
+    const n = qe(e, N()), i = n.singleton ? A(e) : null;
+    if (i)
+      return O(i, { centerViewport: !0 });
+    const c = Fe(n, t), g = {
       id: S(),
       type: e,
-      title: i.defaultTitle,
-      x: t,
-      y: n,
-      width: k.width,
-      height: k.height,
+      title: n.defaultTitle,
+      x: c.x,
+      y: c.y,
+      width: c.width,
+      height: c.height,
       z_index: W() + 1,
       created_at_unix_ms: Date.now()
     };
-    return o.setState((j) => ({
-      ...j,
-      widgets: [...j.widgets, g],
+    return o.setState((k) => ({
+      ...k,
+      widgets: [...k.widgets, g],
       selectedWidgetId: g.id,
       selectedObject: { kind: "widget", id: g.id },
       mode: "work",
       activeTool: "select"
     })), g;
-  }, H = (e, t, n) => {
-    const i = Nt(e, O()).defaultSize;
-    return Y(e, t - i.width / 2, n - i.height / 2);
-  }, lt = (e, t, n) => Y(e, t, n), K = (e) => {
+  }, $t = (e, t, n) => Y(e, {
+    anchor: "top_left",
+    worldX: t,
+    worldY: n
+  }), lt = (e, t, n) => Y(e, {
+    anchor: "top_left",
+    worldX: t,
+    worldY: n
+  }), H = (e, t, n) => Y(e, {
+    anchor: "center",
+    worldX: t,
+    worldY: n
+  }), K = (e) => {
     o.setState((t) => ({
       ...t,
       widgets: t.widgets.filter((n) => n.id !== e),
@@ -415,7 +442,7 @@ function _n(o) {
       selectedObject: t.selectedObject?.kind === "widget" && t.selectedObject.id === e ? null : t.selectedObject ?? null
     }));
   }, V = (e, t) => {
-    const n = Ze(e, t, W() + 1);
+    const n = tn(e, t, W() + 1);
     return o.setState((i) => ({
       ...i,
       stickyNotes: [...i.stickyNotes ?? [], n],
@@ -425,11 +452,11 @@ function _n(o) {
       activeTool: "select"
     })), n;
   }, U = (e, t) => {
-    const n = ve(
+    const n = en(
       e,
       t,
       nt(it()) + 1,
-      pt()
+      zt()
     );
     return o.setState((i) => ({
       ...i,
@@ -440,7 +467,7 @@ function _n(o) {
       activeTool: "select"
     })), n;
   }, ut = (e) => {
-    const t = Je(e);
+    const t = nn(e);
     return o.setState((n) => ({
       ...n,
       annotations: [...n.annotations ?? [], t],
@@ -449,12 +476,12 @@ function _n(o) {
       mode: "background",
       activeTool: "select"
     })), t;
-  }, q = (e, t) => {
-    const n = Qe(
+  }, P = (e, t) => {
+    const n = on(
       e,
       t,
       nt(ot()) + 1,
-      Et()
+      Bt()
     );
     return o.setState((i) => ({
       ...i,
@@ -465,7 +492,7 @@ function _n(o) {
       activeTool: "select"
     })), n;
   }, gt = (e) => {
-    const t = tn(e);
+    const t = cn(e);
     return o.setState((n) => ({
       ...n,
       backgroundLayers: [...n.backgroundLayers ?? [], t],
@@ -474,7 +501,7 @@ function _n(o) {
       mode: "background",
       activeTool: "select"
     })), t;
-  }, Zt = (e) => {
+  }, vt = (e) => {
     _(e);
   }, b = (e) => {
     _(e);
@@ -482,10 +509,10 @@ function _n(o) {
     n && n.z_index < t && o.setState((i) => ({
       ...i,
       widgets: i.widgets.map(
-        (d) => d.id === e ? { ...d, z_index: t + 1 } : d
+        (c) => c.id === e ? { ...c, z_index: t + 1 } : c
       )
     }));
-  }, I = (e) => {
+  }, L = (e) => {
     _(e);
     const t = W();
     o.setState((n) => ({
@@ -494,7 +521,7 @@ function _n(o) {
         (i) => i.id === e && i.z_index < t ? { ...i, z_index: t + 1, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, vt = (e, t) => {
+  }, Zt = (e, t) => {
     o.setState((n) => ({
       ...n,
       widgets: n.widgets.map(
@@ -534,7 +561,7 @@ function _n(o) {
         } : i
       )
     }));
-  }, P = (e) => {
+  }, q = (e) => {
     o.setState((t) => ({
       ...t,
       stickyNotes: (t.stickyNotes ?? []).filter((n) => n.id !== e),
@@ -583,7 +610,7 @@ function _n(o) {
         (i) => i.id === e ? { ...i, x: t.x, y: t.y, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, de = (e, t) => {
+  }, ce = (e, t) => {
     o.setState((n) => ({
       ...n,
       backgroundLayers: (n.backgroundLayers ?? []).map(
@@ -611,27 +638,27 @@ function _n(o) {
       selectedObject: t.selectedObject?.kind === "background_layer" && t.selectedObject.id === e ? null : t.selectedObject ?? null
     }));
   };
-  let Z = 0;
-  const v = (e) => {
+  let v = 0;
+  const Z = (e) => {
     o.setState((t) => ({ ...t, viewport: e }));
-  }, ce = () => {
-    Z += 1;
-  }, L = (e) => {
-    const t = h(), n = t.x, i = t.y, d = t.scale, k = performance.now(), g = 360, j = ++Z, be = (Q) => 1 - Math.pow(1 - Q, 3), wt = (Q) => {
-      if (j !== Z) return;
-      const Se = Q - k, ht = Math.min(Math.max(Se / g, 0), 1), tt = be(ht);
-      v({
+  }, de = () => {
+    v += 1;
+  }, D = (e) => {
+    const t = m(), n = t.x, i = t.y, c = t.scale, g = performance.now(), k = 360, be = ++v, Se = (Q) => 1 - Math.pow(1 - Q, 3), wt = (Q) => {
+      if (be !== v) return;
+      const We = Q - g, ht = Math.min(Math.max(We / k, 0), 1), tt = Se(ht);
+      Z({
         x: n + (e.x - n) * tt,
         y: i + (e.y - i) * tt,
-        scale: d + (e.scale - d) * tt
+        scale: c + (e.scale - c) * tt
       }), ht < 1 && requestAnimationFrame(wt);
     };
     requestAnimationFrame(wt);
   }, ae = (e) => {
-    const t = Ot(e), n = h();
+    const t = Ot(e), n = m();
     if (n.scale >= t.minScale) return;
-    const i = m();
-    L(Xe({
+    const i = w();
+    D(Ke({
       viewport: n,
       scale: t.minScale,
       minScale: t.minScale,
@@ -639,16 +666,16 @@ function _n(o) {
       frameHeight: i.height
     }));
   }, _t = (e) => {
-    const t = h(), n = m(), i = (n.width / 2 - t.x) / t.scale, d = (n.height / 2 - t.y) / t.scale, k = Be(
+    const t = m(), n = w(), i = (n.width / 2 - t.x) / t.scale, c = (n.height / 2 - t.y) / t.scale, g = Ee(
       e === "in" ? t.scale * Tt : t.scale / Tt,
-      zt().minScale,
-      pe
-    ), g = {
-      x: n.width / 2 - i * k,
-      y: n.height / 2 - d * k,
-      scale: k
+      Mt().minScale,
+      Ye
+    ), k = {
+      x: n.width / 2 - i * g,
+      y: n.height / 2 - c * g,
+      scale: g
     };
-    v(g);
+    Z(k);
   }, se = () => {
     o.setState((e) => ({ ...e, locked: !e.locked }));
   }, re = (e) => {
@@ -658,20 +685,20 @@ function _n(o) {
     }));
   }, le = (e, t) => {
     o.setState((n) => {
-      const i = { ...n.filters }, d = [...new Set(t.map((g) => String(g)).filter(Boolean))], k = d.length > 1 && d.every(
-        (g) => i[g] !== !1 == (g === e)
+      const i = { ...n.filters }, c = [...new Set(t.map((k) => String(k)).filter(Boolean))], g = c.length > 1 && c.every(
+        (k) => i[k] !== !1 == (k === e)
       );
-      for (const g of d)
-        i[g] = k ? !0 : g === e;
+      for (const k of c)
+        i[k] = g ? !0 : k === e;
       return { ...n, filters: i };
     });
   }, ue = () => {
-    const e = O();
+    const e = N();
     o.setState((t) => ({
       ...t,
       filters: ze(void 0, e)
     }));
-  }, D = (e) => {
+  }, p = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: e,
@@ -697,7 +724,7 @@ function _n(o) {
       selectedObject: { kind: "sticky_note", id: e },
       mode: "work",
       activeTool: "select"
-    })), I(e);
+    })), L(e);
   }, ke = (e) => {
     o.setState((t) => ({
       ...t,
@@ -715,7 +742,7 @@ function _n(o) {
       activeTool: "select"
     }));
   }, _e = (e) => {
-    const t = Ee(e);
+    const t = He(e);
     o.setState((n) => ({
       ...n,
       mode: t,
@@ -730,61 +757,61 @@ function _n(o) {
       mode: e === "text" || e === "background-region" ? "background" : e === "sticky-note" ? "work" : t.mode ?? "work"
     }));
   }, me = (e, t) => {
-    const n = dt();
-    return n === "sticky-note" ? V(e, t) : n === "text" ? U(e, t) : n === "background-region" ? q(e, t) : null;
+    const n = ct();
+    return n === "sticky-note" ? V(e, t) : n === "text" ? U(e, t) : n === "background-region" ? P(e, t) : null;
   }, we = () => {
-    const e = m(), t = h();
+    const e = w(), t = m();
     return {
       worldX: e.width > 0 ? (e.width / 2 - t.x) / t.scale : 240,
       worldY: e.height > 0 ? (e.height / 2 - t.y) / t.scale : 180
     };
   }, J = (e) => {
-    const t = m();
-    t.width === 0 || t.height === 0 || L(Ct({
+    const t = w();
+    t.width === 0 || t.height === 0 || D(Ct({
       widget: e,
-      scale: h().scale,
+      scale: m().scale,
       frameWidth: t.width,
       frameHeight: t.height
     }));
   }, he = (e) => {
-    const t = m();
-    t.width === 0 || t.height === 0 || L(He({
+    const t = w();
+    t.width === 0 || t.height === 0 || D(Ue({
       widget: e,
       frameWidth: t.width,
       frameHeight: t.height
     }));
   }, xe = (e) => {
-    const t = m();
-    t.width === 0 || t.height === 0 || L(Ct({
+    const t = w();
+    t.width === 0 || t.height === 0 || D(Ct({
       widget: e,
-      scale: Ye,
+      scale: Ve,
       frameWidth: t.width,
       frameHeight: t.height
     }));
-  }, C = (e, t = {}) => (D(e.id), b(e.id), t.centerViewport !== !1 && J(e), e);
+  }, O = (e, t = {}) => (p(e.id), b(e.id), t.centerViewport !== !1 && J(e), e);
   return {
     widgets: x,
     stickyNotes: R,
     annotations: it,
     backgroundLayers: ot,
-    viewport: h,
+    viewport: m,
     canvasFrameSize: y,
-    locked: jt,
-    filters: B,
-    selectedWidgetId: Mt,
-    selectedObject: p,
-    mode: N,
-    activeTool: dt,
-    theme: Ft,
+    locked: Dt,
+    filters: z,
+    selectedWidgetId: pt,
+    selectedObject: B,
+    mode: T,
+    activeTool: ct,
+    theme: jt,
     topZIndex: W,
-    scaleLabel: Rt,
+    scaleLabel: Ft,
     optimisticFrontWidgetId: a,
-    widgetDefinitions: O,
+    widgetDefinitions: N,
     setCanvasFrameRef: Xt,
     contextMenu: {
-      state: c,
+      state: d,
       items: rt,
-      position: $t,
+      position: Gt,
       close: l,
       retarget: (e) => {
         e.preventDefault(), e.stopPropagation(), s({
@@ -796,30 +823,30 @@ function _n(o) {
       }
     },
     canvas: {
-      openCanvasContextMenu: Yt,
-      openWidgetContextMenu: Ht,
-      openStickyNoteContextMenu: Kt,
-      openAnnotationContextMenu: Vt,
-      openBackgroundLayerContextMenu: Ut,
-      selectWidget: D,
+      openCanvasContextMenu: Et,
+      openWidgetContextMenu: Yt,
+      openStickyNoteContextMenu: Ht,
+      openAnnotationContextMenu: Kt,
+      openBackgroundLayerContextMenu: Vt,
+      selectWidget: p,
       selectObject: ge,
       selectStickyNote: mt,
       selectAnnotation: ke,
       selectBackgroundLayer: fe,
       clearSelection: yt,
-      startOptimisticFront: Zt,
+      startOptimisticFront: vt,
       commitFront: b,
-      commitMove: vt,
+      commitMove: Zt,
       commitResize: Jt,
-      commitStickyFront: I,
+      commitStickyFront: L,
       commitStickyMove: Qt,
       commitStickyResize: te,
       commitAnnotationMove: ee,
       commitAnnotationResize: ne,
       commitBackgroundMove: oe,
-      commitBackgroundResize: de,
-      commitViewport: v,
-      cancelViewportNavigation: ce
+      commitBackgroundResize: ce,
+      commitViewport: Z,
+      cancelViewportNavigation: de
     },
     hud: {
       zoomIn: () => _t("in"),
@@ -835,58 +862,58 @@ function _n(o) {
     },
     navigation: {
       handleArrowNavigation: (e) => {
-        const t = p(), n = [
+        const t = B(), n = [
           ...x(),
-          ...R().map((d) => $e(d))
-        ].sort(Pe), i = Me(
+          ...R().map((c) => Qe(c))
+        ].sort(Ze), i = Re(
           n,
           t?.kind === "widget" || t?.kind === "sticky_note" ? t.id : null,
           e,
           Object.fromEntries(
-            n.map((d) => [
-              It(d) ? d.type : "sticky_note",
-              It(d) ? B()[d.type] !== !1 : B()[Ce] !== !1
+            n.map((c) => [
+              At(c) ? c.type : "sticky_note",
+              At(c) ? z()[c.type] !== !1 : z()[Ne] !== !1
             ])
           )
         );
-        i && (x().some((d) => d.id === i.id) ? C(i) : mt(i.id));
+        i && (x().some((c) => c.id === i.id) ? O(i) : mt(i.id));
       },
       centerOnWidget: J,
-      focusWidget: C,
-      fitWidget: (e) => (D(e.id), b(e.id), he(e), e),
-      overviewWidget: (e) => (D(e.id), b(e.id), xe(e), e)
+      focusWidget: O,
+      fitWidget: (e) => (p(e.id), b(e.id), he(e), e),
+      overviewWidget: (e) => (p(e.id), b(e.id), xe(e), e)
     },
     selection: {
       clear: yt
     },
     widgetActions: {
       deleteSelected: () => {
-        const e = p();
-        e && (e.kind === "widget" && K(e.id), e.kind === "sticky_note" && P(e.id), e.kind === "annotation" && G(e.id), e.kind === "background_layer" && $(e.id));
+        const e = B();
+        e && (e.kind === "widget" && K(e.id), e.kind === "sticky_note" && q(e.id), e.kind === "annotation" && G(e.id), e.kind === "background_layer" && $(e.id));
       },
       deleteWidget: K,
-      deleteStickyNote: P,
+      deleteStickyNote: q,
       deleteAnnotation: G,
       deleteBackgroundLayer: $,
-      addWidget: Y,
-      addWidgetAtCursor: H,
-      addWidgetCentered: lt,
+      addWidget: $t,
+      addWidgetAtWorldTopLeft: lt,
+      addWidgetAtWorldCenter: H,
       addStickyNoteAtCursor: V,
       addTextAnnotationAtCursor: U,
       duplicateTextAnnotationFrom: ut,
-      addBackgroundLayerAtCursor: q,
+      addBackgroundLayerAtCursor: P,
       duplicateBackgroundLayerFrom: gt,
       createActiveToolAt: me,
       ensureWidget: (e, t) => {
         const n = A(e);
         if (n)
-          return C(n, { centerViewport: t?.centerViewport ?? !0 });
-        const i = we(), d = H(
+          return O(n, { centerViewport: t?.centerViewport ?? !0 });
+        const i = we(), c = H(
           e,
           t?.worldX ?? i.worldX,
           t?.worldY ?? i.worldY
         );
-        return (t?.centerViewport ?? !0) && d && J(d), d;
+        return (t?.centerViewport ?? !0) && c && J(c), c;
       },
       updateStickyNote: kt,
       updateTextAnnotation: ie,
@@ -894,8 +921,8 @@ function _n(o) {
     },
     queries: {
       findWidgetByType: A,
-      findWidgetById: qt,
-      findStickyNoteById: X,
+      findWidgetById: Ut,
+      findStickyNoteById: E,
       findAnnotationById: at,
       findBackgroundLayerById: st
     },
@@ -909,7 +936,7 @@ function _n(o) {
       setActiveTool: ye
     },
     handleCloseRequest: () => {
-      if (c()) {
+      if (d()) {
         l();
         return;
       }
@@ -918,5 +945,5 @@ function _n(o) {
   };
 }
 export {
-  _n as useWorkbenchModel
+  xn as useWorkbenchModel
 };