@floegence/floe-webapp-core 0.36.52 → 0.36.53

package/dist/components/workbench/useWorkbenchModel.js

@@ -1,44 +1,42 @@
-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];
+import { createSignal as tt, createMemo as u, onCleanup as We } from "solid-js";
+import { clientToCanvasWorld as Oe } from "../ui/canvasGeometry.js";
+import { ArrowUp as ht, Copy as M, Trash as j, MessageSquare as xt, Region as bt, TextTool as Ce } from "../icons/index.js";
+import { WORKBENCH_STICKY_FILTER_ID as Te } from "./types.js";
+import { WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as Ne, WORKBENCH_DEFAULT_TEXT_COLOR as Ae, WORKBENCH_DEFAULT_TEXT_FONT as St, WORKBENCH_BACKGROUND_MATERIALS as At, WORKBENCH_REGION_FILL_OPTIONS as Ie, WORKBENCH_STICKY_NOTE_COLORS as Le, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as De, WORKBENCH_DEFAULT_REGION_FILL as pe } from "./workbenchOptions.js";
+import { resolveWorkbenchModeStrategy as Wt, createContextMenuPosition as Me, createWorkbenchWidgetFrame as je, createWorkbenchId as S, createWorkbenchViewportCenteredOnWidget as Ot, findNearestWidget as ze, sanitizeFilters as Fe, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Re, estimateContextMenuHeight as Be, clampScale as Xe, WORKBENCH_MAX_SCALE as Ee, WORKBENCH_CANVAS_ZOOM_STEP as Ct, normalizeWorkbenchInteractionMode as Ye, createWorkbenchViewportAtScale as He, WORKBENCH_WORK_MIN_SCALE as Ke, createWorkbenchViewportFitForWidget as Ve } from "./workbenchHelpers.js";
+import { resolveWorkbenchWidgetDefinitions as Ue, getWidgetEntry as ve } from "./widgets/widgetRegistry.js";
+import { resolveTextAnnotationDefaultSize as Pe, resolveBackgroundLayerDefaultSize as qe, resolveStickyNoteDefaultSize as Ge } from "./workbenchPlacement.js";
+function It(o, d) {
+  const a = o.findIndex((s) => s === d);
+  return o[(a + 1) % o.length] ?? o[0];
 }
-function F(o, d) {
-  return Number.isFinite(o) && o > 0 ? o : d;
+function Tt(o, d, a) {
+  const s = String(d ?? "").trim();
+  return o.includes(s) ? s : a;
 }
-function Nt(o, d, s) {
-  const a = String(d ?? "").trim();
-  return o.includes(a) ? a : s;
+function $e(o, d) {
+  const a = Number(o);
+  return Number.isFinite(a) ? Math.max(0.08, Math.min(1, a)) : d;
 }
-function Ge(o, d) {
-  const s = Number(o);
-  return Number.isFinite(s) ? Math.max(0.08, Math.min(1, s)) : d;
+function Ze(o) {
+  return It(Le, o);
 }
-function $e(o) {
-  return Lt(De, o);
+function Je(o) {
+  return It(At, o);
 }
-function ve(o) {
-  return Lt(It, o);
-}
-function At(o) {
+function Nt(o) {
   return !("kind" in o);
 }
-function Ze(o, d) {
+function Qe(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((d, s) => Math.max(d, s.z_index), 1);
+function et(o) {
+  return o.reduce((d, a) => Math.max(d, a.z_index), 1);
 }
-function Je(o, d) {
-  return nt([...o, ...d]);
+function tn(o, d) {
+  return et([...o, ...d]);
 }
-function Qe(o) {
+function en(o) {
   return {
     id: o.id,
     type: "sticky_note",
@@ -51,43 +49,43 @@ function Qe(o) {
     created_at_unix_ms: o.created_at_unix_ms
   };
 }
-function tn(o, d, s) {
-  const a = Date.now();
+function nn(o, d, a) {
+  const s = Date.now(), { width: _, height: y } = Ge();
   return {
     id: S(),
     kind: "sticky_note",
     body: "Capture the thought, decision, or next step here.",
-    color: Ae,
-    x: o - 130,
-    y: d - 92,
-    width: 260,
-    height: 184,
-    z_index: s,
-    created_at_unix_ms: a,
-    updated_at_unix_ms: a
+    color: Ne,
+    x: o - _ / 2,
+    y: d - y / 2,
+    width: _,
+    height: y,
+    z_index: a,
+    created_at_unix_ms: s,
+    updated_at_unix_ms: s
   };
 }
-function en(o, d, s, a) {
-  const _ = Date.now(), y = F(a?.width, 360), h = F(a?.height, 96);
+function on(o, d, a, s) {
+  const _ = Date.now(), { width: y, height: h } = Pe(s);
   return {
     id: S(),
     kind: "text",
     text: "Label this area",
-    font_family: a?.font_family ?? Wt.fontFamily,
-    font_size: a?.font_size ?? 30,
-    font_weight: a?.font_weight ?? Wt.fontWeight,
-    color: a?.color ?? Ie,
-    align: a?.align ?? "left",
+    font_family: s?.font_family ?? St.fontFamily,
+    font_size: s?.font_size ?? 30,
+    font_weight: s?.font_weight ?? St.fontWeight,
+    color: s?.color ?? Ae,
+    align: s?.align ?? "left",
     x: o - y / 2,
     y: d - h / 2,
     width: y,
     height: h,
-    z_index: s,
+    z_index: a,
     created_at_unix_ms: _,
     updated_at_unix_ms: _
   };
 }
-function nn(o) {
+function cn(o) {
   const d = Date.now();
   return {
     ...o,
@@ -99,24 +97,32 @@ function nn(o) {
     updated_at_unix_ms: d
   };
 }
-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";
+function dn(o, d, a, s) {
+  const _ = Date.now(), { width: y, height: h } = qe(s), f = String(s?.name ?? "").trim() || "Focus area";
   return {
     id: S(),
     name: f,
-    fill: Nt(Le, a?.fill, Me),
-    opacity: Ge(a?.opacity, 0.72),
-    material: Nt(It, a?.material, pe),
+    fill: Tt(
+      Ie,
+      s?.fill,
+      pe
+    ),
+    opacity: $e(s?.opacity, 0.72),
+    material: Tt(
+      At,
+      s?.material,
+      De
+    ),
     x: o - y / 2,
     y: d - h / 2,
     width: y,
     height: h,
-    z_index: s,
+    z_index: a,
     created_at_unix_ms: _,
     updated_at_unix_ms: _
   };
 }
-function cn(o) {
+function an(o) {
   const d = Date.now();
   return {
     ...o,
@@ -129,42 +135,44 @@ function cn(o) {
     updated_at_unix_ms: d
   };
 }
-function xn(o) {
-  const [d, s] = et(null), [a, _] = et(null), [y, h] = et({ width: 0, height: 0 });
+function Wn(o) {
+  const [d, a] = tt(null), [s, _] = tt(null), [y, h] = tt({ 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 r = o.state, x = u(() => r().widgets), z = u(() => r().stickyNotes ?? []), nt = u(() => r().annotations ?? []), it = u(() => r().backgroundLayers ?? []), m = u(() => r().viewport), Lt = u(() => r().locked), F = u(() => r().filters), Dt = u(() => r().selectedWidgetId), R = u(
+    () => r().selectedObject ?? (r().selectedWidgetId ? { kind: "widget", id: r().selectedWidgetId } : null)
+  ), T = u(() => r().mode ?? "work"), pt = u(() => Wt(T())), ot = u(() => r().activeTool ?? "select"), Mt = u(() => r().theme), W = u(() => tn(x(), z())), jt = u(() => `${Math.round(m().scale * 100)}%`), zt = () => typeof o.widgetDefinitions == "function" ? o.widgetDefinitions() : o.widgetDefinitions, Ft = () => typeof o.textAnnotationDefaults == "function" ? o.textAnnotationDefaults() : o.textAnnotationDefaults, Rt = () => typeof o.backgroundLayerDefaults == "function" ? o.backgroundLayerDefaults() : o.backgroundLayerDefaults, N = u(
+    () => Ue(zt())
+  ), B = (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 = () => {
+  }, ct = () => {
     C?.disconnect(), C = null;
-  }, w = () => f ? X(f.clientWidth, f.clientHeight) : X(0, 0), Xt = (e) => {
+  }, w = () => f ? B(f.clientWidth, f.clientHeight) : B(0, 0), Bt = (e) => {
     if (f === (e ?? null)) {
       w();
       return;
     }
-    dt(), f = e ?? null, w(), !(!f || typeof ResizeObserver > "u") && (C = new ResizeObserver((t) => {
+    ct(), f = e ?? null, w(), !(!f || typeof ResizeObserver > "u") && (C = new ResizeObserver((t) => {
       const n = t[0];
-      X(
+      B(
         n?.contentRect.width ?? f?.clientWidth ?? 0,
         n?.contentRect.height ?? f?.clientHeight ?? 0
       );
     }), C.observe(f));
   };
-  Oe(() => {
-    dt(), f = null;
+  We(() => {
+    ct(), f = null;
   });
-  const Et = (e) => {
-    s({
+  const Xt = (e) => {
+    a({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: e.worldX,
       worldY: e.worldY,
       target: { kind: "canvas", mode: T() }
     });
-  }, Yt = (e, t) => {
-    b(t.id), s({
+  }, Et = (e, t) => {
+    b(t.id), a({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -172,8 +180,8 @@ function xn(o) {
       target: { kind: "widget", id: t.id },
       widgetId: t.id
     });
-  }, Ht = (e, t) => {
-    L(t.id), s({
+  }, Yt = (e, t) => {
+    L(t.id), a({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -181,25 +189,25 @@ function xn(o) {
       target: { kind: "sticky_note", id: t.id },
       widgetId: t.id
     });
-  }, Kt = (e, t) => {
-    s({
+  }, Ht = (e, t) => {
+    a({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
       worldY: t.y,
       target: { kind: "annotation", id: t.id }
     });
-  }, Vt = (e, t) => {
-    s({
+  }, Kt = (e, t) => {
+    a({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
       worldY: t.y,
       target: { kind: "background_layer", id: t.id }
     });
-  }, 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) => {
+  }, l = () => a(null), Vt = (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, dt = (e) => r().annotations?.find((t) => t.id === e) ?? null, at = (e) => r().backgroundLayers?.find((t) => t.id === e) ?? null, Ut = (e) => e.target ? e.target : e.widgetId ? X(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(), {
+      const n = f?.getBoundingClientRect(), i = n ? Oe(n, m(), {
         clientX: t.clientX,
         clientY: t.clientY
       }) : null;
@@ -210,7 +218,7 @@ function xn(o) {
       worldX: e.worldX,
       worldY: e.worldY
     };
-  }, qt = (e, t) => {
+  }, vt = (e, t) => {
     const n = e.singleton ? A(e.type) : null;
     return n ? {
       id: `goto-${e.type}`,
@@ -232,20 +240,20 @@ function xn(o) {
       icon: e.icon,
       onSelect: (i) => {
         const c = I(t, i);
-        H(e.type, c.worldX, c.worldY), l();
+        Y(e.type, c.worldX, c.worldY), l();
       }
     };
-  }, rt = u(() => {
+  }, st = u(() => {
     const e = d();
     if (!e) return [];
-    const t = Pt(e);
+    const t = Ut(e);
     if (t.kind === "widget") {
       const n = x().find((c) => c.id === t.id), i = [];
       return n && (i.push({
         id: "bring-to-front",
         kind: "action",
         label: "Bring to Front",
-        icon: xt,
+        icon: ht,
         onSelect: () => {
           b(n.id), l();
         }
@@ -255,7 +263,7 @@ function xn(o) {
         label: "Duplicate",
         icon: M,
         onSelect: () => {
-          lt(n.type, n.x + 32, n.y + 32), l();
+          rt(n.type, n.x + 32, n.y + 32), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
@@ -264,17 +272,17 @@ function xn(o) {
         icon: j,
         destructive: !0,
         onSelect: () => {
-          K(t.id), l();
+          H(t.id), l();
         }
       }), i;
     }
     if (t.kind === "sticky_note") {
-      const n = E(t.id), i = [];
+      const n = X(t.id), i = [];
       return n && (i.push({
         id: "bring-to-front",
         kind: "action",
         label: "Bring to Front",
-        icon: xt,
+        icon: ht,
         onSelect: () => {
           L(n.id), l();
         }
@@ -290,9 +298,9 @@ function xn(o) {
         id: "change-color",
         kind: "action",
         label: "Change Color",
-        icon: bt,
+        icon: xt,
         onSelect: () => {
-          kt(n.id, { color: $e(n.color) }), l();
+          gt(n.id, { color: Ze(n.color) }), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
@@ -301,19 +309,19 @@ function xn(o) {
         icon: j,
         destructive: !0,
         onSelect: () => {
-          q(t.id), l();
+          v(t.id), l();
         }
       }), i;
     }
     if (t.kind === "annotation") {
-      const n = at(t.id), i = [];
+      const n = dt(t.id), i = [];
       return n?.kind === "text" && i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate Text",
         icon: M,
         onSelect: () => {
-          ut(n), l();
+          lt(n), l();
         }
       }), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
@@ -322,27 +330,27 @@ function xn(o) {
         icon: j,
         destructive: !0,
         onSelect: () => {
-          G(t.id), l();
+          P(t.id), l();
         }
       }), i;
     }
     if (t.kind === "background_layer") {
-      const n = st(t.id), i = [];
+      const n = at(t.id), i = [];
       return n && (i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate Region",
         icon: M,
         onSelect: () => {
-          gt(n), l();
+          ut(n), l();
         }
       }), i.push({
         id: "change-material",
         kind: "action",
         label: "Change Material",
-        icon: St,
+        icon: bt,
         onSelect: () => {
-          ft(n.id, { material: ve(n.material) }), l();
+          kt(n.id, { material: Je(n.material) }), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
@@ -351,7 +359,7 @@ function xn(o) {
         icon: j,
         destructive: !0,
         onSelect: () => {
-          $(t.id), l();
+          q(t.id), l();
         }
       }), i;
     }
@@ -360,20 +368,20 @@ function xn(o) {
         id: "create-background-region",
         kind: "action",
         label: "Add Region",
-        icon: St,
+        icon: bt,
         onSelect: (n) => {
           const i = I(e, n);
-          P(i.worldX, i.worldY), l();
+          U(i.worldX, i.worldY), l();
         }
       },
       {
         id: "create-text",
         kind: "action",
         label: "Add Text",
-        icon: Te,
+        icon: Ce,
         onSelect: (n) => {
           const i = I(e, n);
-          U(i.worldX, i.worldY), l();
+          V(i.worldX, i.worldY), l();
         }
       }
     ] : [
@@ -381,29 +389,29 @@ function xn(o) {
         id: "create-sticky-note",
         kind: "action",
         label: "Add Sticky",
-        icon: bt,
+        icon: xt,
         onSelect: (n) => {
           const i = I(e, n);
-          V(i.worldX, i.worldY), l();
+          K(i.worldX, i.worldY), l();
         }
       },
-      ...N().map((n) => qt(n, e))
+      ...N().map((n) => vt(n, e))
     ];
-  }), Gt = u(() => {
+  }), Pt = u(() => {
     const e = d();
     if (!e) return;
-    const t = rt(), n = t.filter((c) => c.kind === "action").length, i = t.filter((c) => c.kind === "separator").length;
-    return je({
+    const t = st(), n = t.filter((c) => c.kind === "action").length, i = t.filter((c) => c.kind === "separator").length;
+    return Me({
       clientX: e.clientX,
       clientY: e.clientY,
-      menuWidth: Be,
-      menuHeight: Xe(n, i)
+      menuWidth: Re,
+      menuHeight: Be(n, i)
     });
-  }), Y = (e, t) => {
-    const n = qe(e, N()), i = n.singleton ? A(e) : null;
+  }), E = (e, t) => {
+    const n = ve(e, N()), i = n.singleton ? A(e) : null;
     if (i)
       return O(i, { centerViewport: !0 });
-    const c = Fe(n, t), g = {
+    const c = je(n, t), g = {
       id: S(),
       type: e,
       title: n.defaultTitle,
@@ -422,27 +430,27 @@ function xn(o) {
       mode: "work",
       activeTool: "select"
     })), g;
-  }, $t = (e, t, n) => Y(e, {
+  }, qt = (e, t, n) => E(e, {
     anchor: "top_left",
     worldX: t,
     worldY: n
-  }), lt = (e, t, n) => Y(e, {
+  }), rt = (e, t, n) => E(e, {
     anchor: "top_left",
     worldX: t,
     worldY: n
-  }), H = (e, t, n) => Y(e, {
+  }), Y = (e, t, n) => E(e, {
     anchor: "center",
     worldX: t,
     worldY: n
-  }), K = (e) => {
+  }), H = (e) => {
     o.setState((t) => ({
       ...t,
       widgets: t.widgets.filter((n) => n.id !== e),
       selectedWidgetId: t.selectedWidgetId === e ? null : t.selectedWidgetId,
       selectedObject: t.selectedObject?.kind === "widget" && t.selectedObject.id === e ? null : t.selectedObject ?? null
     }));
-  }, V = (e, t) => {
-    const n = tn(e, t, W() + 1);
+  }, K = (e, t) => {
+    const n = nn(e, t, W() + 1);
     return o.setState((i) => ({
       ...i,
       stickyNotes: [...i.stickyNotes ?? [], n],
@@ -451,12 +459,12 @@ function xn(o) {
       mode: "work",
       activeTool: "select"
     })), n;
-  }, U = (e, t) => {
-    const n = en(
+  }, V = (e, t) => {
+    const n = on(
       e,
       t,
-      nt(it()) + 1,
-      zt()
+      et(nt()) + 1,
+      Ft()
     );
     return o.setState((i) => ({
       ...i,
@@ -466,8 +474,8 @@ function xn(o) {
       mode: "background",
       activeTool: "select"
     })), n;
-  }, ut = (e) => {
-    const t = nn(e);
+  }, lt = (e) => {
+    const t = cn(e);
     return o.setState((n) => ({
       ...n,
       annotations: [...n.annotations ?? [], t],
@@ -476,12 +484,12 @@ function xn(o) {
       mode: "background",
       activeTool: "select"
     })), t;
-  }, P = (e, t) => {
-    const n = on(
+  }, U = (e, t) => {
+    const n = dn(
       e,
       t,
-      nt(ot()) + 1,
-      Bt()
+      et(it()) + 1,
+      Rt()
     );
     return o.setState((i) => ({
       ...i,
@@ -491,8 +499,8 @@ function xn(o) {
       mode: "background",
       activeTool: "select"
     })), n;
-  }, gt = (e) => {
-    const t = cn(e);
+  }, ut = (e) => {
+    const t = an(e);
     return o.setState((n) => ({
       ...n,
       backgroundLayers: [...n.backgroundLayers ?? [], t],
@@ -501,16 +509,14 @@ function xn(o) {
       mode: "background",
       activeTool: "select"
     })), t;
-  }, vt = (e) => {
+  }, Gt = (e) => {
     _(e);
   }, b = (e) => {
     _(e);
     const t = W(), n = x().find((i) => i.id === e);
     n && n.z_index < t && o.setState((i) => ({
       ...i,
-      widgets: i.widgets.map(
-        (c) => c.id === e ? { ...c, z_index: t + 1 } : c
-      )
+      widgets: i.widgets.map((c) => c.id === e ? { ...c, z_index: t + 1 } : c)
     }));
   }, L = (e) => {
     _(e);
@@ -521,35 +527,35 @@ function xn(o) {
         (i) => i.id === e && i.z_index < t ? { ...i, z_index: t + 1, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, Zt = (e, t) => {
+  }, $t = (e, t) => {
     o.setState((n) => ({
       ...n,
       widgets: n.widgets.map(
         (i) => i.id === e ? { ...i, x: t.x, y: t.y } : i
       )
     }));
-  }, Jt = (e, t) => {
+  }, Zt = (e, t) => {
     o.setState((n) => ({
       ...n,
       widgets: n.widgets.map(
         (i) => i.id === e ? { ...i, width: t.width, height: t.height } : i
       )
     }));
-  }, Qt = (e, t) => {
+  }, Jt = (e, t) => {
     o.setState((n) => ({
       ...n,
       stickyNotes: (n.stickyNotes ?? []).map(
         (i) => i.id === e ? { ...i, x: t.x, y: t.y, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, te = (e, t) => {
+  }, Qt = (e, t) => {
     o.setState((n) => ({
       ...n,
       stickyNotes: (n.stickyNotes ?? []).map(
         (i) => i.id === e ? { ...i, width: t.width, height: t.height, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, kt = (e, t) => {
+  }, gt = (e, t) => {
     o.setState((n) => ({
       ...n,
       stickyNotes: (n.stickyNotes ?? []).map(
@@ -561,27 +567,27 @@ function xn(o) {
         } : i
       )
     }));
-  }, q = (e) => {
+  }, v = (e) => {
     o.setState((t) => ({
       ...t,
       stickyNotes: (t.stickyNotes ?? []).filter((n) => n.id !== e),
       selectedObject: t.selectedObject?.kind === "sticky_note" && t.selectedObject.id === e ? null : t.selectedObject ?? null
     }));
-  }, ee = (e, t) => {
+  }, te = (e, t) => {
     o.setState((n) => ({
       ...n,
       annotations: (n.annotations ?? []).map(
         (i) => i.id === e ? { ...i, x: t.x, y: t.y, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, ne = (e, t) => {
+  }, ee = (e, t) => {
     o.setState((n) => ({
       ...n,
       annotations: (n.annotations ?? []).map(
         (i) => i.id === e ? { ...i, width: t.width, height: t.height, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, ie = (e, t) => {
+  }, ne = (e, t) => {
     o.setState((n) => ({
       ...n,
       annotations: (n.annotations ?? []).map(
@@ -597,27 +603,27 @@ function xn(o) {
         } : i
       )
     }));
-  }, G = (e) => {
+  }, P = (e) => {
     o.setState((t) => ({
       ...t,
       annotations: (t.annotations ?? []).filter((n) => n.id !== e),
       selectedObject: t.selectedObject?.kind === "annotation" && t.selectedObject.id === e ? null : t.selectedObject ?? null
     }));
-  }, oe = (e, t) => {
+  }, ie = (e, t) => {
     o.setState((n) => ({
       ...n,
       backgroundLayers: (n.backgroundLayers ?? []).map(
         (i) => i.id === e ? { ...i, x: t.x, y: t.y, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, ce = (e, t) => {
+  }, oe = (e, t) => {
     o.setState((n) => ({
       ...n,
       backgroundLayers: (n.backgroundLayers ?? []).map(
         (i) => i.id === e ? { ...i, width: t.width, height: t.height, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, ft = (e, t) => {
+  }, kt = (e, t) => {
     o.setState((n) => ({
       ...n,
       backgroundLayers: (n.backgroundLayers ?? []).map(
@@ -631,72 +637,72 @@ function xn(o) {
         } : i
       )
     }));
-  }, $ = (e) => {
+  }, q = (e) => {
     o.setState((t) => ({
       ...t,
       backgroundLayers: (t.backgroundLayers ?? []).filter((n) => n.id !== e),
       selectedObject: t.selectedObject?.kind === "background_layer" && t.selectedObject.id === e ? null : t.selectedObject ?? null
     }));
   };
-  let v = 0;
-  const Z = (e) => {
+  let G = 0;
+  const $ = (e) => {
     o.setState((t) => ({ ...t, viewport: e }));
-  }, de = () => {
-    v += 1;
+  }, ce = () => {
+    G += 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: c + (e.scale - c) * tt
-      }), ht < 1 && requestAnimationFrame(wt);
+    const t = m(), n = t.x, i = t.y, c = t.scale, g = performance.now(), k = 360, xe = ++G, be = (J) => 1 - Math.pow(1 - J, 3), mt = (J) => {
+      if (xe !== G) return;
+      const Se = J - g, wt = Math.min(Math.max(Se / k, 0), 1), Q = be(wt);
+      $({
+        x: n + (e.x - n) * Q,
+        y: i + (e.y - i) * Q,
+        scale: c + (e.scale - c) * Q
+      }), wt < 1 && requestAnimationFrame(mt);
     };
-    requestAnimationFrame(wt);
-  }, ae = (e) => {
-    const t = Ot(e), n = m();
+    requestAnimationFrame(mt);
+  }, de = (e) => {
+    const t = Wt(e), n = m();
     if (n.scale >= t.minScale) return;
     const i = w();
-    D(Ke({
-      viewport: n,
-      scale: t.minScale,
-      minScale: t.minScale,
-      frameWidth: i.width,
-      frameHeight: i.height
-    }));
-  }, _t = (e) => {
-    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,
-      Mt().minScale,
-      Ye
+    D(
+      He({
+        viewport: n,
+        scale: t.minScale,
+        minScale: t.minScale,
+        frameWidth: i.width,
+        frameHeight: i.height
+      })
+    );
+  }, ft = (e) => {
+    const t = m(), n = w(), i = (n.width / 2 - t.x) / t.scale, c = (n.height / 2 - t.y) / t.scale, g = Xe(
+      e === "in" ? t.scale * Ct : t.scale / Ct,
+      pt().minScale,
+      Ee
     ), k = {
       x: n.width / 2 - i * g,
       y: n.height / 2 - c * g,
       scale: g
     };
-    Z(k);
-  }, se = () => {
+    $(k);
+  }, ae = () => {
     o.setState((e) => ({ ...e, locked: !e.locked }));
-  }, re = (e) => {
+  }, se = (e) => {
     o.setState((t) => ({
       ...t,
       filters: { ...t.filters, [e]: !t.filters[e] }
     }));
-  }, le = (e, t) => {
+  }, re = (e, t) => {
     o.setState((n) => {
-      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)
-      );
+      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 k of c)
         i[k] = g ? !0 : k === e;
       return { ...n, filters: i };
     });
-  }, ue = () => {
+  }, le = () => {
     const e = N();
     o.setState((t) => ({
       ...t,
-      filters: ze(void 0, e)
+      filters: Fe(void 0, e)
     }));
   }, p = (e) => {
     o.setState((t) => ({
@@ -706,18 +712,18 @@ function xn(o) {
       mode: t.mode === "background" ? "work" : t.mode,
       activeTool: "select"
     }));
-  }, yt = () => {
+  }, _t = () => {
     o.setState(
       (e) => e.selectedWidgetId === null && !e.selectedObject ? e : { ...e, selectedWidgetId: null, selectedObject: null }
     );
-  }, ge = (e) => {
+  }, ue = (e) => {
     o.setState((t) => ({
       ...t,
       selectedObject: e,
       selectedWidgetId: e?.kind === "widget" ? e.id : null,
       activeTool: "select"
     }));
-  }, mt = (e) => {
+  }, yt = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: null,
@@ -725,7 +731,7 @@ function xn(o) {
       mode: "work",
       activeTool: "select"
     })), L(e);
-  }, ke = (e) => {
+  }, ge = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: null,
@@ -733,7 +739,7 @@ function xn(o) {
       mode: "background",
       activeTool: "select"
     }));
-  }, fe = (e) => {
+  }, ke = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: null,
@@ -741,80 +747,86 @@ function xn(o) {
       mode: "background",
       activeTool: "select"
     }));
-  }, _e = (e) => {
-    const t = He(e);
+  }, fe = (e) => {
+    const t = Ye(e);
     o.setState((n) => ({
       ...n,
       mode: t,
       activeTool: "select",
       selectedWidgetId: t === "work" ? n.selectedObject?.kind === "widget" ? n.selectedObject.id : n.selectedWidgetId : null,
       selectedObject: t === "work" ? n.selectedObject?.kind === "widget" || n.selectedObject?.kind === "sticky_note" ? n.selectedObject : n.selectedWidgetId ? { kind: "widget", id: n.selectedWidgetId } : null : n.selectedObject?.kind === "background_layer" || n.selectedObject?.kind === "annotation" ? n.selectedObject : null
-    })), ae(t);
-  }, ye = (e) => {
+    })), de(t);
+  }, _e = (e) => {
     o.setState((t) => ({
       ...t,
       activeTool: e,
       mode: e === "text" || e === "background-region" ? "background" : e === "sticky-note" ? "work" : t.mode ?? "work"
     }));
-  }, me = (e, t) => {
-    const n = ct();
-    return n === "sticky-note" ? V(e, t) : n === "text" ? U(e, t) : n === "background-region" ? P(e, t) : null;
-  }, we = () => {
+  }, ye = (e, t) => {
+    const n = ot();
+    return n === "sticky-note" ? K(e, t) : n === "text" ? V(e, t) : n === "background-region" ? U(e, t) : null;
+  }, me = () => {
     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) => {
+  }, Z = (e) => {
     const t = w();
-    t.width === 0 || t.height === 0 || D(Ct({
-      widget: e,
-      scale: m().scale,
-      frameWidth: t.width,
-      frameHeight: t.height
-    }));
-  }, he = (e) => {
+    t.width === 0 || t.height === 0 || D(
+      Ot({
+        widget: e,
+        scale: m().scale,
+        frameWidth: t.width,
+        frameHeight: t.height
+      })
+    );
+  }, we = (e) => {
     const t = w();
-    t.width === 0 || t.height === 0 || D(Ue({
-      widget: e,
-      frameWidth: t.width,
-      frameHeight: t.height
-    }));
-  }, xe = (e) => {
+    t.width === 0 || t.height === 0 || D(
+      Ve({
+        widget: e,
+        frameWidth: t.width,
+        frameHeight: t.height
+      })
+    );
+  }, he = (e) => {
     const t = w();
-    t.width === 0 || t.height === 0 || D(Ct({
-      widget: e,
-      scale: Ve,
-      frameWidth: t.width,
-      frameHeight: t.height
-    }));
-  }, O = (e, t = {}) => (p(e.id), b(e.id), t.centerViewport !== !1 && J(e), e);
+    t.width === 0 || t.height === 0 || D(
+      Ot({
+        widget: e,
+        scale: Ke,
+        frameWidth: t.width,
+        frameHeight: t.height
+      })
+    );
+  }, O = (e, t = {}) => (p(e.id), b(e.id), t.centerViewport !== !1 && Z(e), e);
   return {
     widgets: x,
-    stickyNotes: R,
-    annotations: it,
-    backgroundLayers: ot,
+    stickyNotes: z,
+    annotations: nt,
+    backgroundLayers: it,
     viewport: m,
     canvasFrameSize: y,
-    locked: Dt,
-    filters: z,
-    selectedWidgetId: pt,
-    selectedObject: B,
+    locked: Lt,
+    filters: F,
+    selectedWidgetId: Dt,
+    selectedObject: R,
     mode: T,
-    activeTool: ct,
-    theme: jt,
+    activeTool: ot,
+    theme: Mt,
     topZIndex: W,
-    scaleLabel: Ft,
-    optimisticFrontWidgetId: a,
+    scaleLabel: jt,
+    optimisticFrontWidgetId: s,
     widgetDefinitions: N,
-    setCanvasFrameRef: Xt,
+    setCanvasFrameRef: Bt,
     contextMenu: {
       state: d,
-      items: rt,
-      position: Gt,
+      items: st,
+      position: Pt,
       close: l,
       retarget: (e) => {
-        e.preventDefault(), e.stopPropagation(), s({
+        e.preventDefault(), e.stopPropagation(), a({
           clientX: e.clientX,
           clientY: e.clientY,
           worldX: 0,
@@ -823,108 +835,108 @@ function xn(o) {
       }
     },
     canvas: {
-      openCanvasContextMenu: Et,
-      openWidgetContextMenu: Yt,
-      openStickyNoteContextMenu: Ht,
-      openAnnotationContextMenu: Kt,
-      openBackgroundLayerContextMenu: Vt,
+      openCanvasContextMenu: Xt,
+      openWidgetContextMenu: Et,
+      openStickyNoteContextMenu: Yt,
+      openAnnotationContextMenu: Ht,
+      openBackgroundLayerContextMenu: Kt,
       selectWidget: p,
-      selectObject: ge,
-      selectStickyNote: mt,
-      selectAnnotation: ke,
-      selectBackgroundLayer: fe,
-      clearSelection: yt,
-      startOptimisticFront: vt,
+      selectObject: ue,
+      selectStickyNote: yt,
+      selectAnnotation: ge,
+      selectBackgroundLayer: ke,
+      clearSelection: _t,
+      startOptimisticFront: Gt,
       commitFront: b,
-      commitMove: Zt,
-      commitResize: Jt,
+      commitMove: $t,
+      commitResize: Zt,
       commitStickyFront: L,
-      commitStickyMove: Qt,
-      commitStickyResize: te,
-      commitAnnotationMove: ee,
-      commitAnnotationResize: ne,
-      commitBackgroundMove: oe,
-      commitBackgroundResize: ce,
-      commitViewport: Z,
-      cancelViewportNavigation: de
+      commitStickyMove: Jt,
+      commitStickyResize: Qt,
+      commitAnnotationMove: te,
+      commitAnnotationResize: ee,
+      commitBackgroundMove: ie,
+      commitBackgroundResize: oe,
+      commitViewport: $,
+      cancelViewportNavigation: ce
     },
     hud: {
-      zoomIn: () => _t("in"),
-      zoomOut: () => _t("out")
+      zoomIn: () => ft("in"),
+      zoomOut: () => ft("out")
     },
     lock: {
-      toggle: se
+      toggle: ae
     },
     filter: {
-      toggle: re,
-      solo: le,
-      showAll: ue
+      toggle: se,
+      solo: re,
+      showAll: le
     },
     navigation: {
       handleArrowNavigation: (e) => {
-        const t = B(), n = [
+        const t = R(), n = [
           ...x(),
-          ...R().map((c) => Qe(c))
-        ].sort(Ze), i = Re(
+          ...z().map((c) => en(c))
+        ].sort(Qe), i = ze(
           n,
           t?.kind === "widget" || t?.kind === "sticky_note" ? t.id : null,
           e,
           Object.fromEntries(
             n.map((c) => [
-              At(c) ? c.type : "sticky_note",
-              At(c) ? z()[c.type] !== !1 : z()[Ne] !== !1
+              Nt(c) ? c.type : "sticky_note",
+              Nt(c) ? F()[c.type] !== !1 : F()[Te] !== !1
             ])
           )
         );
-        i && (x().some((c) => c.id === i.id) ? O(i) : mt(i.id));
+        i && (x().some((c) => c.id === i.id) ? O(i) : yt(i.id));
       },
-      centerOnWidget: J,
+      centerOnWidget: Z,
       focusWidget: O,
-      fitWidget: (e) => (p(e.id), b(e.id), he(e), e),
-      overviewWidget: (e) => (p(e.id), b(e.id), xe(e), e)
+      fitWidget: (e) => (p(e.id), b(e.id), we(e), e),
+      overviewWidget: (e) => (p(e.id), b(e.id), he(e), e)
     },
     selection: {
-      clear: yt
+      clear: _t
     },
     widgetActions: {
       deleteSelected: () => {
-        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));
+        const e = R();
+        e && (e.kind === "widget" && H(e.id), e.kind === "sticky_note" && v(e.id), e.kind === "annotation" && P(e.id), e.kind === "background_layer" && q(e.id));
       },
-      deleteWidget: K,
-      deleteStickyNote: q,
-      deleteAnnotation: G,
-      deleteBackgroundLayer: $,
-      addWidget: $t,
-      addWidgetAtWorldTopLeft: lt,
-      addWidgetAtWorldCenter: H,
-      addStickyNoteAtCursor: V,
-      addTextAnnotationAtCursor: U,
-      duplicateTextAnnotationFrom: ut,
-      addBackgroundLayerAtCursor: P,
-      duplicateBackgroundLayerFrom: gt,
-      createActiveToolAt: me,
+      deleteWidget: H,
+      deleteStickyNote: v,
+      deleteAnnotation: P,
+      deleteBackgroundLayer: q,
+      addWidget: qt,
+      addWidgetAtWorldTopLeft: rt,
+      addWidgetAtWorldCenter: Y,
+      addStickyNoteAtCursor: K,
+      addTextAnnotationAtCursor: V,
+      duplicateTextAnnotationFrom: lt,
+      addBackgroundLayerAtCursor: U,
+      duplicateBackgroundLayerFrom: ut,
+      createActiveToolAt: ye,
       ensureWidget: (e, t) => {
         const n = A(e);
         if (n)
           return O(n, { centerViewport: t?.centerViewport ?? !0 });
-        const i = we(), c = H(
+        const i = me(), c = Y(
           e,
           t?.worldX ?? i.worldX,
           t?.worldY ?? i.worldY
         );
-        return (t?.centerViewport ?? !0) && c && J(c), c;
+        return (t?.centerViewport ?? !0) && c && Z(c), c;
       },
-      updateStickyNote: kt,
-      updateTextAnnotation: ie,
-      updateBackgroundLayer: ft
+      updateStickyNote: gt,
+      updateTextAnnotation: ne,
+      updateBackgroundLayer: kt
     },
     queries: {
       findWidgetByType: A,
-      findWidgetById: Ut,
-      findStickyNoteById: E,
-      findAnnotationById: at,
-      findBackgroundLayerById: st
+      findWidgetById: Vt,
+      findStickyNoteById: X,
+      findAnnotationById: dt,
+      findBackgroundLayerById: at
     },
     appearance: {
       setTheme: (e) => {
@@ -932,8 +944,8 @@ function xn(o) {
       }
     },
     modes: {
-      setMode: _e,
-      setActiveTool: ye
+      setMode: fe,
+      setActiveTool: _e
     },
     handleCloseRequest: () => {
       if (d()) {
@@ -945,5 +957,5 @@ function xn(o) {
   };
 }
 export {
-  xn as useWorkbenchModel
+  Wn as useWorkbenchModel
 };