@floegence/floe-webapp-core 0.36.44 → 0.36.47

package/dist/components/workbench/useWorkbenchModel.js

@@ -1,35 +1,43 @@
-import { createSignal as tt, createMemo as u, onCleanup as we } from "solid-js";
-import { ArrowUp as ht, Copy as j, Trash as L, MessageSquare as xt, Region as bt, TextTool as me } from "../icons/index.js";
-import { WORKBENCH_STICKY_FILTER_ID as he } from "./types.js";
-import { WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as xe, WORKBENCH_DEFAULT_TEXT_COLOR as be, WORKBENCH_DEFAULT_TEXT_FONT as St, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as Se, WORKBENCH_DEFAULT_REGION_FILL as We, WORKBENCH_STICKY_NOTE_COLORS as Oe, WORKBENCH_BACKGROUND_MATERIALS as Te } from "./workbenchOptions.js";
-import { createContextMenuPosition as Ce, createWorkbenchId as x, createWorkbenchViewportCenteredOnWidget as Wt, findNearestWidget as Ne, sanitizeFilters as Ae, WORKBENCH_CONTEXT_MENU_WIDTH_PX as Ie, estimateContextMenuHeight as De, clampScale as je, WORKBENCH_CANVAS_ZOOM_STEP as Ot, WORKBENCH_MIN_SCALE as Le, createWorkbenchViewportFitForWidget as ze } from "./workbenchHelpers.js";
-import { resolveWorkbenchWidgetDefinitions as Fe, getWidgetEntry as Tt } from "./widgets/widgetRegistry.js";
-function At(o, c) {
-  const r = o.findIndex((l) => l === c);
-  return o[(r + 1) % o.length] ?? o[0];
+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);
+  return o[(s + 1) % o.length] ?? o[0];
 }
-function Ct(o, c) {
+function F(o, c) {
   return Number.isFinite(o) && o > 0 ? o : c;
 }
-function Me(o) {
-  return At(Oe, o);
+function At(o, c, s) {
+  const a = String(c ?? "").trim();
+  return o.includes(a) ? a : s;
 }
-function Re(o) {
-  return At(Te, o);
+function Ve(o, c) {
+  const s = Number(o);
+  return Number.isFinite(s) ? Math.max(0.08, Math.min(1, s)) : c;
 }
-function Nt(o) {
+function Ue(o) {
+  return Dt(Ie, o);
+}
+function qe(o) {
+  return Dt(Lt, o);
+}
+function It(o) {
   return !("kind" in o);
 }
-function Be(o, c) {
+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 et(o) {
-  return o.reduce((c, r) => Math.max(c, r.z_index), 1);
+function nt(o) {
+  return o.reduce((c, s) => Math.max(c, s.z_index), 1);
 }
-function Xe(o, c) {
-  return et([...o, ...c]);
+function Ge(o, c) {
+  return nt([...o, ...c]);
 }
-function Ee(o) {
+function $e(o) {
   return {
     id: o.id,
     type: "sticky_note",
@@ -42,47 +50,47 @@ function Ee(o) {
     created_at_unix_ms: o.created_at_unix_ms
   };
 }
-function Ye(o, c, r) {
-  const l = Date.now();
+function Ze(o, c, s) {
+  const a = Date.now();
   return {
-    id: x(),
+    id: S(),
     kind: "sticky_note",
     body: "Capture the thought, decision, or next step here.",
-    color: xe,
+    color: Te,
     x: o - 130,
     y: c - 92,
     width: 260,
     height: 184,
-    z_index: r,
-    created_at_unix_ms: l,
-    updated_at_unix_ms: l
+    z_index: s,
+    created_at_unix_ms: a,
+    updated_at_unix_ms: a
   };
 }
-function pe(o, c, r, l) {
-  const y = Date.now(), b = Ct(l?.width, 360), T = Ct(l?.height, 96);
+function ve(o, c, s, a) {
+  const _ = Date.now(), y = F(a?.width, 360), w = F(a?.height, 96);
   return {
-    id: x(),
+    id: S(),
     kind: "text",
     text: "Label this area",
-    font_family: l?.font_family ?? St.fontFamily,
-    font_size: l?.font_size ?? 30,
-    font_weight: l?.font_weight ?? St.fontWeight,
-    color: l?.color ?? be,
-    align: l?.align ?? "left",
-    x: o - b / 2,
-    y: c - T / 2,
-    width: b,
-    height: T,
-    z_index: r,
-    created_at_unix_ms: y,
-    updated_at_unix_ms: y
+    font_family: a?.font_family ?? Wt.fontFamily,
+    font_size: a?.font_size ?? 30,
+    font_weight: a?.font_weight ?? Wt.fontWeight,
+    color: a?.color ?? Ne,
+    align: a?.align ?? "left",
+    x: o - y / 2,
+    y: c - w / 2,
+    width: y,
+    height: w,
+    z_index: s,
+    created_at_unix_ms: _,
+    updated_at_unix_ms: _
   };
 }
-function He(o) {
+function Je(o) {
   const c = Date.now();
   return {
     ...o,
-    id: x(),
+    id: S(),
     x: o.x + 28,
     y: o.y + 28,
     z_index: o.z_index + 1,
@@ -90,28 +98,28 @@ function He(o) {
     updated_at_unix_ms: c
   };
 }
-function Ke(o, c, r) {
-  const l = Date.now();
+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";
   return {
-    id: x(),
-    name: "Focus area",
-    fill: We,
-    opacity: 0.72,
-    material: Se,
-    x: o - 280,
-    y: c - 180,
-    width: 560,
-    height: 360,
-    z_index: r,
-    created_at_unix_ms: l,
-    updated_at_unix_ms: l
+    id: S(),
+    name: f,
+    fill: At(Ae, a?.fill, De),
+    opacity: Ve(a?.opacity, 0.72),
+    material: At(Lt, a?.material, Le),
+    x: o - y / 2,
+    y: c - w / 2,
+    width: y,
+    height: w,
+    z_index: s,
+    created_at_unix_ms: _,
+    updated_at_unix_ms: _
   };
 }
-function Ve(o) {
+function tn(o) {
   const c = Date.now();
   return {
     ...o,
-    id: x(),
+    id: S(),
     name: o.name,
     x: o.x + 36,
     y: o.y + 36,
@@ -120,42 +128,42 @@ function Ve(o) {
     updated_at_unix_ms: c
   };
 }
-function dn(o) {
-  const [c, r] = tt(null), [l, y] = tt(null), [b, T] = tt({ width: 0, height: 0 });
-  let f = null, C = null;
-  const a = o.state, w = u(() => a().widgets), z = u(() => a().stickyNotes ?? []), nt = u(() => a().annotations ?? []), it = u(() => a().backgroundLayers ?? []), m = u(() => a().viewport), It = u(() => a().locked), F = u(() => a().filters), Dt = u(() => a().selectedWidgetId), M = u(() => a().selectedObject ?? (a().selectedWidgetId ? { kind: "widget", id: a().selectedWidgetId } : null)), R = u(() => a().mode ?? "work"), ot = u(() => a().activeTool ?? "select"), jt = u(() => a().theme), S = u(() => Xe(w(), z())), Lt = u(() => `${Math.round(m().scale * 100)}%`), zt = () => typeof o.widgetDefinitions == "function" ? o.widgetDefinitions() : o.widgetDefinitions, Ft = () => typeof o.textAnnotationDefaults == "function" ? o.textAnnotationDefaults() : o.textAnnotationDefaults, W = u(
-    () => Fe(zt())
-  ), B = (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 = b();
-    return k.width === n && k.height === i ? k : (T(d), d);
-  }, dt = () => {
-    C?.disconnect(), C = null;
-  }, _ = () => f ? B(f.clientWidth, f.clientHeight) : B(0, 0), Mt = (e) => {
+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) => {
     if (f === (e ?? null)) {
-      _();
+      m();
       return;
     }
-    dt(), f = e ?? null, _(), !(!f || typeof ResizeObserver > "u") && (C = new ResizeObserver((t) => {
+    ct(), f = e ?? null, m(), !(!f || typeof ResizeObserver > "u") && (T = new ResizeObserver((t) => {
       const n = t[0];
-      B(
+      E(
         n?.contentRect.width ?? f?.clientWidth ?? 0,
         n?.contentRect.height ?? f?.clientHeight ?? 0
       );
-    }), C.observe(f));
+    }), T.observe(f));
   };
-  we(() => {
-    dt(), f = null;
+  We(() => {
+    ct(), f = null;
   });
-  const Rt = (e) => {
-    r({
+  const Yt = (e) => {
+    s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: e.worldX,
       worldY: e.worldY,
-      target: { kind: "canvas", mode: R() }
+      target: { kind: "canvas", mode: N() }
     });
-  }, Bt = (e, t) => {
-    h(t.id), r({
+  }, Ht = (e, t) => {
+    b(t.id), s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -163,8 +171,8 @@ function dn(o) {
       target: { kind: "widget", id: t.id },
       widgetId: t.id
     });
-  }, Xt = (e, t) => {
-    A(t.id), r({
+  }, Kt = (e, t) => {
+    I(t.id), s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -172,24 +180,24 @@ function dn(o) {
       target: { kind: "sticky_note", id: t.id },
       widgetId: t.id
     });
-  }, Et = (e, t) => {
-    r({
+  }, Vt = (e, t) => {
+    s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
       worldY: t.y,
       target: { kind: "annotation", id: t.id }
     });
-  }, Yt = (e, t) => {
-    r({
+  }, Ut = (e, t) => {
+    s({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
       worldY: t.y,
       target: { kind: "background_layer", id: t.id }
     });
-  }, s = () => r(null), pt = (e) => a().widgets.find((t) => t.id === e) ?? null, N = (e) => a().widgets.find((t) => t.type === e) ?? null, X = (e) => a().stickyNotes?.find((t) => t.id === e) ?? null, ct = (e) => a().annotations?.find((t) => t.id === e) ?? null, at = (e) => a().backgroundLayers?.find((t) => t.id === e) ?? null, Ht = (e) => e.target ? e.target : e.widgetId ? X(e.widgetId) ? { kind: "sticky_note", id: e.widgetId } : { kind: "widget", id: e.widgetId } : { kind: "canvas", mode: R() }, Kt = (e, t) => {
-    const n = e.singleton ? N(e.type) : null;
+  }, 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) => {
+    const n = e.singleton ? A(e.type) : null;
     return n ? {
       id: `goto-${e.type}`,
       kind: "action",
@@ -199,7 +207,7 @@ function dn(o) {
       icon: e.icon,
       existingWidgetId: n.id,
       onSelect: () => {
-        O(n, { centerViewport: !0 }), s();
+        C(n, { centerViewport: !0 }), l();
       }
     } : {
       id: `add-${e.type}`,
@@ -209,39 +217,39 @@ function dn(o) {
       label: `Add ${e.label}`,
       icon: e.icon,
       onSelect: () => {
-        Y(e.type, t.worldX, t.worldY), s();
+        H(e.type, t.worldX, t.worldY), l();
       }
     };
-  }, st = u(() => {
+  }, rt = u(() => {
     const e = c();
     if (!e) return [];
-    const t = Ht(e);
+    const t = Pt(e);
     if (t.kind === "widget") {
-      const n = w().find((d) => d.id === t.id), i = [];
+      const n = x().find((d) => d.id === t.id), i = [];
       return n && (i.push({
         id: "bring-to-front",
         kind: "action",
         label: "Bring to Front",
-        icon: ht,
+        icon: xt,
         onSelect: () => {
-          h(n.id), s();
+          b(n.id), l();
         }
       }), i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate",
-        icon: j,
+        icon: M,
         onSelect: () => {
-          rt(n.type, n.x + 32, n.y + 32), s();
+          lt(n.type, n.x + 32, n.y + 32), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: L,
+        icon: z,
         destructive: !0,
         onSelect: () => {
-          p(t.id), s();
+          K(t.id), l();
         }
       }), i;
     }
@@ -251,84 +259,84 @@ function dn(o) {
         id: "bring-to-front",
         kind: "action",
         label: "Bring to Front",
-        icon: ht,
+        icon: xt,
         onSelect: () => {
-          A(n.id), s();
+          I(n.id), l();
         }
       }), i.push({
         id: "copy-content",
         kind: "action",
         label: "Copy Content",
-        icon: j,
+        icon: M,
         onSelect: () => {
-          typeof navigator < "u" && navigator.clipboard?.writeText(n.body), s();
+          typeof navigator < "u" && navigator.clipboard?.writeText(n.body), l();
         }
       }), i.push({
         id: "change-color",
         kind: "action",
         label: "Change Color",
-        icon: xt,
+        icon: bt,
         onSelect: () => {
-          gt(n.id, { color: Me(n.color) }), s();
+          kt(n.id, { color: Ue(n.color) }), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: L,
+        icon: z,
         destructive: !0,
         onSelect: () => {
-          U(t.id), s();
+          P(t.id), l();
         }
       }), i;
     }
     if (t.kind === "annotation") {
-      const n = ct(t.id), i = [];
+      const n = at(t.id), i = [];
       return n?.kind === "text" && i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate Text",
-        icon: j,
+        icon: M,
         onSelect: () => {
-          lt(n), s();
+          ut(n), l();
         }
       }), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
         kind: "action",
         label: "Delete Text",
-        icon: L,
+        icon: z,
         destructive: !0,
         onSelect: () => {
-          q(t.id), s();
+          G(t.id), l();
         }
       }), i;
     }
     if (t.kind === "background_layer") {
-      const n = at(t.id), i = [];
+      const n = st(t.id), i = [];
       return n && (i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate Region",
-        icon: j,
+        icon: M,
         onSelect: () => {
-          ut(n), s();
+          gt(n), l();
         }
       }), i.push({
         id: "change-material",
         kind: "action",
         label: "Change Material",
-        icon: bt,
+        icon: St,
         onSelect: () => {
-          kt(n.id, { material: Re(n.material) }), s();
+          ft(n.id, { material: qe(n.material) }), l();
         }
       })), i.push({ id: "separator-delete", kind: "separator" }), i.push({
         id: "delete",
         kind: "action",
         label: "Delete Region",
-        icon: L,
+        icon: z,
         destructive: !0,
         onSelect: () => {
-          P(t.id), s();
+          $(t.id), l();
         }
       }), i;
     }
@@ -337,18 +345,18 @@ function dn(o) {
         id: "create-background-region",
         kind: "action",
         label: "Add Region",
-        icon: bt,
+        icon: St,
         onSelect: () => {
-          V(e.worldX, e.worldY), s();
+          q(e.worldX, e.worldY), l();
         }
       },
       {
         id: "create-text",
         kind: "action",
         label: "Add Text",
-        icon: me,
+        icon: Oe,
         onSelect: () => {
-          K(e.worldX, e.worldY), s();
+          U(e.worldX, e.worldY), l();
         }
       }
     ] : [
@@ -356,58 +364,58 @@ function dn(o) {
         id: "create-sticky-note",
         kind: "action",
         label: "Add Sticky",
-        icon: xt,
+        icon: bt,
         onSelect: () => {
-          H(e.worldX, e.worldY), s();
+          V(e.worldX, e.worldY), l();
         }
       },
-      ...W().map((n) => Kt(n, e))
+      ...O().map((n) => Gt(n, e))
     ];
-  }), Vt = u(() => {
+  }), $t = u(() => {
     const e = c();
     if (!e) return;
-    const t = st(), n = t.filter((d) => d.kind === "action").length, i = t.filter((d) => d.kind === "separator").length;
-    return Ce({
+    const t = rt(), n = t.filter((d) => d.kind === "action").length, i = t.filter((d) => d.kind === "separator").length;
+    return je({
       clientX: e.clientX,
       clientY: e.clientY,
-      menuWidth: Ie,
-      menuHeight: De(n, i)
+      menuWidth: Fe,
+      menuHeight: Re(n, i)
     });
-  }), E = (e, t, n) => {
-    const i = Tt(e, W()), d = i.singleton ? N(e) : null;
+  }), Y = (e, t, n) => {
+    const i = Nt(e, O()), d = i.singleton ? A(e) : null;
     if (d)
-      return O(d, { centerViewport: !0 });
+      return C(d, { centerViewport: !0 });
     const k = i.defaultSize, g = {
-      id: x(),
+      id: S(),
       type: e,
       title: i.defaultTitle,
       x: t,
       y: n,
       width: k.width,
       height: k.height,
-      z_index: S() + 1,
+      z_index: W() + 1,
       created_at_unix_ms: Date.now()
     };
-    return o.setState((D) => ({
-      ...D,
-      widgets: [...D.widgets, g],
+    return o.setState((j) => ({
+      ...j,
+      widgets: [...j.widgets, g],
       selectedWidgetId: g.id,
       selectedObject: { kind: "widget", id: g.id },
       mode: "work",
       activeTool: "select"
     })), g;
-  }, Y = (e, t, n) => {
-    const i = Tt(e, W()).defaultSize;
-    return E(e, t - i.width / 2, n - i.height / 2);
-  }, rt = (e, t, n) => E(e, t, n), p = (e) => {
+  }, 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) => {
     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
     }));
-  }, H = (e, t) => {
-    const n = Ye(e, t, S() + 1);
+  }, V = (e, t) => {
+    const n = Ze(e, t, W() + 1);
     return o.setState((i) => ({
       ...i,
       stickyNotes: [...i.stickyNotes ?? [], n],
@@ -416,12 +424,12 @@ function dn(o) {
       mode: "work",
       activeTool: "select"
     })), n;
-  }, K = (e, t) => {
-    const n = pe(
+  }, U = (e, t) => {
+    const n = ve(
       e,
       t,
-      et(nt()) + 1,
-      Ft()
+      nt(it()) + 1,
+      pt()
     );
     return o.setState((i) => ({
       ...i,
@@ -431,8 +439,8 @@ function dn(o) {
       mode: "background",
       activeTool: "select"
     })), n;
-  }, lt = (e) => {
-    const t = He(e);
+  }, ut = (e) => {
+    const t = Je(e);
     return o.setState((n) => ({
       ...n,
       annotations: [...n.annotations ?? [], t],
@@ -441,8 +449,13 @@ function dn(o) {
       mode: "background",
       activeTool: "select"
     })), t;
-  }, V = (e, t) => {
-    const n = Ke(e, t, et(it()) + 1);
+  }, q = (e, t) => {
+    const n = Qe(
+      e,
+      t,
+      nt(ot()) + 1,
+      Et()
+    );
     return o.setState((i) => ({
       ...i,
       backgroundLayers: [...i.backgroundLayers ?? [], n],
@@ -451,8 +464,8 @@ function dn(o) {
       mode: "background",
       activeTool: "select"
     })), n;
-  }, ut = (e) => {
-    const t = Ve(e);
+  }, gt = (e) => {
+    const t = tn(e);
     return o.setState((n) => ({
       ...n,
       backgroundLayers: [...n.backgroundLayers ?? [], t],
@@ -461,55 +474,55 @@ function dn(o) {
       mode: "background",
       activeTool: "select"
     })), t;
-  }, Ut = (e) => {
-    y(e);
-  }, h = (e) => {
-    y(e);
-    const t = S(), n = w().find((i) => i.id === e);
+  }, Zt = (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(
         (d) => d.id === e ? { ...d, z_index: t + 1 } : d
       )
     }));
-  }, A = (e) => {
-    y(e);
-    const t = S();
+  }, I = (e) => {
+    _(e);
+    const t = W();
     o.setState((n) => ({
       ...n,
       stickyNotes: (n.stickyNotes ?? []).map(
         (i) => i.id === e && i.z_index < t ? { ...i, z_index: t + 1, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, qt = (e, t) => {
+  }, vt = (e, t) => {
     o.setState((n) => ({
       ...n,
       widgets: n.widgets.map(
         (i) => i.id === e ? { ...i, x: t.x, y: t.y } : i
       )
     }));
-  }, Pt = (e, t) => {
+  }, Jt = (e, t) => {
     o.setState((n) => ({
       ...n,
       widgets: n.widgets.map(
         (i) => i.id === e ? { ...i, width: t.width, height: t.height } : i
       )
     }));
-  }, $t = (e, t) => {
+  }, Qt = (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
       )
     }));
-  }, Gt = (e, t) => {
+  }, te = (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
       )
     }));
-  }, gt = (e, t) => {
+  }, kt = (e, t) => {
     o.setState((n) => ({
       ...n,
       stickyNotes: (n.stickyNotes ?? []).map(
@@ -521,27 +534,27 @@ function dn(o) {
         } : i
       )
     }));
-  }, U = (e) => {
+  }, P = (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
     }));
-  }, Zt = (e, t) => {
+  }, ee = (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
       )
     }));
-  }, vt = (e, t) => {
+  }, ne = (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
       )
     }));
-  }, Jt = (e, t) => {
+  }, ie = (e, t) => {
     o.setState((n) => ({
       ...n,
       annotations: (n.annotations ?? []).map(
@@ -557,27 +570,27 @@ function dn(o) {
         } : i
       )
     }));
-  }, q = (e) => {
+  }, G = (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
     }));
-  }, Qt = (e, t) => {
+  }, oe = (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
       )
     }));
-  }, te = (e, t) => {
+  }, de = (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
       )
     }));
-  }, kt = (e, t) => {
+  }, ft = (e, t) => {
     o.setState((n) => ({
       ...n,
       backgroundLayers: (n.backgroundLayers ?? []).map(
@@ -591,31 +604,59 @@ function dn(o) {
         } : i
       )
     }));
-  }, P = (e) => {
+  }, $ = (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
     }));
-  }, $ = (e) => {
+  };
+  let Z = 0;
+  const v = (e) => {
     o.setState((t) => ({ ...t, viewport: e }));
-  }, ft = (e) => {
-    const t = m(), n = _(), i = (n.width / 2 - t.x) / t.scale, d = (n.height / 2 - t.y) / t.scale, k = je(
-      e === "in" ? t.scale * Ot : t.scale / Ot
+  }, 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({
+        x: n + (e.x - n) * tt,
+        y: i + (e.y - i) * tt,
+        scale: d + (e.scale - d) * tt
+      }), ht < 1 && requestAnimationFrame(wt);
+    };
+    requestAnimationFrame(wt);
+  }, ae = (e) => {
+    const t = Ot(e), n = h();
+    if (n.scale >= t.minScale) return;
+    const i = m();
+    L(Xe({
+      viewport: n,
+      scale: t.minScale,
+      minScale: t.minScale,
+      frameWidth: i.width,
+      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(
+      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
     };
-    $(g);
-  }, ee = () => {
+    v(g);
+  }, se = () => {
     o.setState((e) => ({ ...e, locked: !e.locked }));
-  }, ne = (e) => {
+  }, re = (e) => {
     o.setState((t) => ({
       ...t,
       filters: { ...t.filters, [e]: !t.filters[e] }
     }));
-  }, ie = (e, t) => {
+  }, 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)
@@ -624,13 +665,13 @@ function dn(o) {
         i[g] = k ? !0 : g === e;
       return { ...n, filters: i };
     });
-  }, oe = () => {
-    const e = W();
+  }, ue = () => {
+    const e = O();
     o.setState((t) => ({
       ...t,
-      filters: Ae(void 0, e)
+      filters: ze(void 0, e)
     }));
-  }, I = (e) => {
+  }, D = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: e,
@@ -638,26 +679,26 @@ function dn(o) {
       mode: t.mode === "background" ? "work" : t.mode,
       activeTool: "select"
     }));
-  }, _t = () => {
+  }, yt = () => {
     o.setState(
       (e) => e.selectedWidgetId === null && !e.selectedObject ? e : { ...e, selectedWidgetId: null, selectedObject: null }
     );
-  }, de = (e) => {
+  }, ge = (e) => {
     o.setState((t) => ({
       ...t,
       selectedObject: e,
       selectedWidgetId: e?.kind === "widget" ? e.id : null,
       activeTool: "select"
     }));
-  }, yt = (e) => {
+  }, mt = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: null,
       selectedObject: { kind: "sticky_note", id: e },
       mode: "work",
       activeTool: "select"
-    })), A(e);
-  }, ce = (e) => {
+    })), I(e);
+  }, ke = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: null,
@@ -665,7 +706,7 @@ function dn(o) {
       mode: "background",
       activeTool: "select"
     }));
-  }, ae = (e) => {
+  }, fe = (e) => {
     o.setState((t) => ({
       ...t,
       selectedWidgetId: null,
@@ -673,95 +714,80 @@ function dn(o) {
       mode: "background",
       activeTool: "select"
     }));
-  }, se = (e) => {
-    const t = e === "annotation" ? "background" : e;
+  }, _e = (e) => {
+    const t = Ee(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
-    }));
-  }, re = (e) => {
+    })), ae(t);
+  }, ye = (e) => {
     o.setState((t) => ({
       ...t,
       activeTool: e,
       mode: e === "text" || e === "background-region" ? "background" : e === "sticky-note" ? "work" : t.mode ?? "work"
     }));
-  }, le = (e, t) => {
-    const n = ot();
-    return n === "sticky-note" ? H(e, t) : n === "text" ? K(e, t) : n === "background-region" ? V(e, t) : null;
-  }, ue = () => {
-    const e = _(), t = m();
+  }, 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;
+  }, we = () => {
+    const e = m(), t = h();
     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
     };
-  };
-  let G = 0;
-  const ge = () => {
-    G += 1;
-  }, Z = (e) => {
-    const t = m(), n = t.x, i = t.y, d = t.scale, k = performance.now(), g = 360, D = ++G, _e = (J) => 1 - Math.pow(1 - J, 3), wt = (J) => {
-      if (D !== G) return;
-      const ye = J - k, mt = Math.min(Math.max(ye / g, 0), 1), Q = _e(mt);
-      $({
-        x: n + (e.x - n) * Q,
-        y: i + (e.y - i) * Q,
-        scale: d + (e.scale - d) * Q
-      }), mt < 1 && requestAnimationFrame(wt);
-    };
-    requestAnimationFrame(wt);
-  }, v = (e) => {
-    const t = _();
-    t.width === 0 || t.height === 0 || Z(Wt({
+  }, J = (e) => {
+    const t = m();
+    t.width === 0 || t.height === 0 || L(Ct({
       widget: e,
-      scale: m().scale,
+      scale: h().scale,
       frameWidth: t.width,
       frameHeight: t.height
     }));
-  }, ke = (e) => {
-    const t = _();
-    t.width === 0 || t.height === 0 || Z(ze({
+  }, he = (e) => {
+    const t = m();
+    t.width === 0 || t.height === 0 || L(He({
       widget: e,
       frameWidth: t.width,
       frameHeight: t.height
     }));
-  }, fe = (e) => {
-    const t = _();
-    t.width === 0 || t.height === 0 || Z(Wt({
+  }, xe = (e) => {
+    const t = m();
+    t.width === 0 || t.height === 0 || L(Ct({
       widget: e,
-      scale: Le,
+      scale: Ye,
       frameWidth: t.width,
       frameHeight: t.height
     }));
-  }, O = (e, t = {}) => (I(e.id), h(e.id), t.centerViewport !== !1 && v(e), e);
+  }, C = (e, t = {}) => (D(e.id), b(e.id), t.centerViewport !== !1 && J(e), e);
   return {
-    widgets: w,
-    stickyNotes: z,
-    annotations: nt,
-    backgroundLayers: it,
-    viewport: m,
-    canvasFrameSize: b,
-    locked: It,
-    filters: F,
-    selectedWidgetId: Dt,
-    selectedObject: M,
-    mode: R,
-    activeTool: ot,
-    theme: jt,
-    topZIndex: S,
-    scaleLabel: Lt,
-    optimisticFrontWidgetId: l,
-    widgetDefinitions: W,
-    setCanvasFrameRef: Mt,
+    widgets: x,
+    stickyNotes: R,
+    annotations: it,
+    backgroundLayers: ot,
+    viewport: h,
+    canvasFrameSize: y,
+    locked: jt,
+    filters: B,
+    selectedWidgetId: Mt,
+    selectedObject: p,
+    mode: N,
+    activeTool: dt,
+    theme: Ft,
+    topZIndex: W,
+    scaleLabel: Rt,
+    optimisticFrontWidgetId: a,
+    widgetDefinitions: O,
+    setCanvasFrameRef: Xt,
     contextMenu: {
       state: c,
-      items: st,
-      position: Vt,
-      close: s,
+      items: rt,
+      position: $t,
+      close: l,
       retarget: (e) => {
-        e.preventDefault(), e.stopPropagation(), r({
+        e.preventDefault(), e.stopPropagation(), s({
           clientX: e.clientX,
           clientY: e.clientY,
           worldX: 0,
@@ -770,121 +796,121 @@ function dn(o) {
       }
     },
     canvas: {
-      openCanvasContextMenu: Rt,
-      openWidgetContextMenu: Bt,
-      openStickyNoteContextMenu: Xt,
-      openAnnotationContextMenu: Et,
-      openBackgroundLayerContextMenu: Yt,
-      selectWidget: I,
-      selectObject: de,
-      selectStickyNote: yt,
-      selectAnnotation: ce,
-      selectBackgroundLayer: ae,
-      clearSelection: _t,
-      startOptimisticFront: Ut,
-      commitFront: h,
-      commitMove: qt,
-      commitResize: Pt,
-      commitStickyFront: A,
-      commitStickyMove: $t,
-      commitStickyResize: Gt,
-      commitAnnotationMove: Zt,
-      commitAnnotationResize: vt,
-      commitBackgroundMove: Qt,
-      commitBackgroundResize: te,
-      commitViewport: $,
-      cancelViewportNavigation: ge
+      openCanvasContextMenu: Yt,
+      openWidgetContextMenu: Ht,
+      openStickyNoteContextMenu: Kt,
+      openAnnotationContextMenu: Vt,
+      openBackgroundLayerContextMenu: Ut,
+      selectWidget: D,
+      selectObject: ge,
+      selectStickyNote: mt,
+      selectAnnotation: ke,
+      selectBackgroundLayer: fe,
+      clearSelection: yt,
+      startOptimisticFront: Zt,
+      commitFront: b,
+      commitMove: vt,
+      commitResize: Jt,
+      commitStickyFront: I,
+      commitStickyMove: Qt,
+      commitStickyResize: te,
+      commitAnnotationMove: ee,
+      commitAnnotationResize: ne,
+      commitBackgroundMove: oe,
+      commitBackgroundResize: de,
+      commitViewport: v,
+      cancelViewportNavigation: ce
     },
     hud: {
-      zoomIn: () => ft("in"),
-      zoomOut: () => ft("out")
+      zoomIn: () => _t("in"),
+      zoomOut: () => _t("out")
     },
     lock: {
-      toggle: ee
+      toggle: se
     },
     filter: {
-      toggle: ne,
-      solo: ie,
-      showAll: oe
+      toggle: re,
+      solo: le,
+      showAll: ue
     },
     navigation: {
       handleArrowNavigation: (e) => {
-        const t = M(), n = [
-          ...w(),
-          ...z().map((d) => Ee(d))
-        ].sort(Be), i = Ne(
+        const t = p(), n = [
+          ...x(),
+          ...R().map((d) => $e(d))
+        ].sort(Pe), i = Me(
           n,
           t?.kind === "widget" || t?.kind === "sticky_note" ? t.id : null,
           e,
           Object.fromEntries(
             n.map((d) => [
-              Nt(d) ? d.type : "sticky_note",
-              Nt(d) ? F()[d.type] !== !1 : F()[he] !== !1
+              It(d) ? d.type : "sticky_note",
+              It(d) ? B()[d.type] !== !1 : B()[Ce] !== !1
             ])
           )
         );
-        i && (w().some((d) => d.id === i.id) ? O(i) : yt(i.id));
+        i && (x().some((d) => d.id === i.id) ? C(i) : mt(i.id));
       },
-      centerOnWidget: v,
-      focusWidget: O,
-      fitWidget: (e) => (I(e.id), h(e.id), ke(e), e),
-      overviewWidget: (e) => (I(e.id), h(e.id), fe(e), e)
+      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)
     },
     selection: {
-      clear: _t
+      clear: yt
     },
     widgetActions: {
       deleteSelected: () => {
-        const e = M();
-        e && (e.kind === "widget" && p(e.id), e.kind === "sticky_note" && U(e.id), e.kind === "annotation" && q(e.id), e.kind === "background_layer" && P(e.id));
+        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));
       },
-      deleteWidget: p,
-      deleteStickyNote: U,
-      deleteAnnotation: q,
-      deleteBackgroundLayer: P,
-      addWidget: E,
-      addWidgetAtCursor: Y,
-      addWidgetCentered: rt,
-      addStickyNoteAtCursor: H,
-      addTextAnnotationAtCursor: K,
-      duplicateTextAnnotationFrom: lt,
-      addBackgroundLayerAtCursor: V,
-      duplicateBackgroundLayerFrom: ut,
-      createActiveToolAt: le,
+      deleteWidget: K,
+      deleteStickyNote: P,
+      deleteAnnotation: G,
+      deleteBackgroundLayer: $,
+      addWidget: Y,
+      addWidgetAtCursor: H,
+      addWidgetCentered: lt,
+      addStickyNoteAtCursor: V,
+      addTextAnnotationAtCursor: U,
+      duplicateTextAnnotationFrom: ut,
+      addBackgroundLayerAtCursor: q,
+      duplicateBackgroundLayerFrom: gt,
+      createActiveToolAt: me,
       ensureWidget: (e, t) => {
-        const n = N(e);
+        const n = A(e);
         if (n)
-          return O(n, { centerViewport: t?.centerViewport ?? !0 });
-        const i = ue(), d = Y(
+          return C(n, { centerViewport: t?.centerViewport ?? !0 });
+        const i = we(), d = H(
           e,
           t?.worldX ?? i.worldX,
           t?.worldY ?? i.worldY
         );
-        return (t?.centerViewport ?? !0) && d && v(d), d;
+        return (t?.centerViewport ?? !0) && d && J(d), d;
       },
-      updateStickyNote: gt,
-      updateTextAnnotation: Jt,
-      updateBackgroundLayer: kt
+      updateStickyNote: kt,
+      updateTextAnnotation: ie,
+      updateBackgroundLayer: ft
     },
     queries: {
-      findWidgetByType: N,
-      findWidgetById: pt,
+      findWidgetByType: A,
+      findWidgetById: qt,
       findStickyNoteById: X,
-      findAnnotationById: ct,
-      findBackgroundLayerById: at
+      findAnnotationById: at,
+      findBackgroundLayerById: st
     },
     appearance: {
       setTheme: (e) => {
-        a().theme !== e && o.setState((t) => ({ ...t, theme: e }));
+        r().theme !== e && o.setState((t) => ({ ...t, theme: e }));
       }
     },
     modes: {
-      setMode: se,
-      setActiveTool: re
+      setMode: _e,
+      setActiveTool: ye
     },
     handleCloseRequest: () => {
       if (c()) {
-        s();
+        l();
         return;
       }
       o.onClose();
@@ -892,5 +918,5 @@ function dn(o) {
   };
 }
 export {
-  dn as useWorkbenchModel
+  _n as useWorkbenchModel
 };