@floegence/floe-webapp-core 0.36.43 → 0.36.45

package/dist/components/workbench/workbenchHelpers.js

@@ -1,184 +1,191 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as k, WORKBENCH_BACKGROUND_REGION_FILTER_ID as I, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as L } from "./types.js";
-import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as O, WORKBENCH_DEFAULT_REGION_FILL as E, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as S, resolveWorkbenchTextFontOption as B, WORKBENCH_BACKGROUND_MATERIALS as D, WORKBENCH_STICKY_NOTE_COLORS as K, WORKBENCH_TEXT_COLOR_OPTIONS as P, WORKBENCH_REGION_FILL_OPTIONS as U } from "./workbenchOptions.js";
-import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as z, createWorkbenchFilterState as p, isValidWorkbenchWidgetType as X } from "./widgets/widgetRegistry.js";
-import { DEFAULT_WORKBENCH_THEME as C, isWorkbenchThemeId as j } from "./workbenchThemes.js";
-function G() {
-  const t = globalThis.crypto;
-  return t && typeof t.randomUUID == "function" ? `wb-${t.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
-}
-function xt(t) {
-  return t.renderMode ?? "canvas_scaled";
-}
-function gt(t) {
-  return t.projectedSurfaceScaleBehavior ?? "stable_transform";
-}
-function Y(t) {
-  const i = Number.isFinite(t.viewport.scale) && t.viewport.scale > 0 ? t.viewport.scale : 1, e = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, o = Math.round((t.viewport.x + t.worldX * i) * e) / e, n = Math.round((t.viewport.y + t.worldY * i) * e) / e;
+import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as D, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as K } from "./types.js";
+import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as E, WORKBENCH_DEFAULT_REGION_FILL as S, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as T, resolveWorkbenchTextFontOption as P, WORKBENCH_BACKGROUND_MATERIALS as U, WORKBENCH_STICKY_NOTE_COLORS as X, WORKBENCH_TEXT_COLOR_OPTIONS as j, WORKBENCH_REGION_FILL_OPTIONS as V } from "./workbenchOptions.js";
+import { resolveWorkbenchWidgetDefinitions as z, getWidgetEntry as C, createWorkbenchFilterState as A, isValidWorkbenchWidgetType as Y } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_THEME as H, isWorkbenchThemeId as G } from "./workbenchThemes.js";
+function $() {
+  const e = globalThis.crypto;
+  return e && typeof e.randomUUID == "function" ? `wb-${e.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function We(e) {
+  return e.renderMode ?? "canvas_scaled";
+}
+function ke(e) {
+  return e.projectedSurfaceScaleBehavior ?? "stable_transform";
+}
+function q(e) {
+  const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1, n = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, o = Math.round((e.viewport.x + e.worldX * t) * n) / n, i = Math.round((e.viewport.y + e.worldY * t) * n) / n;
   return {
-    widgetId: t.widgetId,
-    worldX: t.worldX,
-    worldY: t.worldY,
-    worldWidth: t.worldWidth,
-    worldHeight: t.worldHeight,
+    widgetId: e.widgetId,
+    worldX: e.worldX,
+    worldY: e.worldY,
+    worldWidth: e.worldWidth,
+    worldHeight: e.worldHeight,
     screenX: o,
-    screenY: n,
-    screenWidth: t.worldWidth * i,
-    screenHeight: t.worldHeight * i,
-    viewportScale: i
+    screenY: i,
+    screenWidth: e.worldWidth * t,
+    screenHeight: e.worldHeight * t,
+    viewportScale: t
   };
 }
-function yt(t) {
+function Me(e) {
   return {
-    ready: t.ready,
-    rect: Y(t)
+    ready: e.ready,
+    rect: q(e)
   };
 }
-function V(t) {
-  return t ? {
-    x: Number.isFinite(t.x) ? t.x : 0,
-    y: Number.isFinite(t.y) ? t.y : 0,
-    scale: Number.isFinite(t.scale) && t.scale > 0 ? t.scale : 1
-  } : { ...k };
+function Z(e) {
+  return e ? {
+    x: Number.isFinite(e.x) ? e.x : 0,
+    y: Number.isFinite(e.y) ? e.y : 0,
+    scale: Number.isFinite(e.scale) && e.scale > 0 ? e.scale : 1
+  } : { ...O };
 }
-function $(t, i) {
-  const e = p(i, t);
-  for (const o of L)
-    e[o] = typeof t?.[o] == "boolean" ? !!t[o] : !0;
-  return e;
+function J(e, t) {
+  const n = Z(e);
+  return {
+    ...n,
+    scale: b(n.scale, fe(t).minScale, g)
+  };
+}
+function Q(e, t) {
+  const n = A(t, e);
+  for (const o of K)
+    n[o] = typeof e?.[o] == "boolean" ? !!e[o] : !0;
+  return n;
 }
-function g(t) {
-  return !!t && typeof t == "object" && !Array.isArray(t);
+function y(e) {
+  return !!e && typeof e == "object" && !Array.isArray(e);
 }
-function f(t) {
-  return String(t ?? "").trim();
+function f(e) {
+  return String(e ?? "").trim();
 }
-function c(t, i) {
-  const e = Number(t);
-  return Number.isFinite(e) ? e : i;
+function d(e, t) {
+  const n = Number(e);
+  return Number.isFinite(n) ? n : t;
 }
-function l(t, i) {
-  const e = c(t, i);
-  return e > 0 ? e : i;
+function m(e, t) {
+  const n = d(e, t);
+  return n > 0 ? n : t;
 }
-function w(t, i) {
-  const e = f(t);
-  return e.length > 0 && e.length <= 128 ? e : `${i}-${G()}`;
+function W(e, t) {
+  const n = f(e);
+  return n.length > 0 && n.length <= 128 ? n : `${t}-${$()}`;
 }
-function q(t) {
-  return t === "annotation" || t === "background" ? t : "work";
+function v(e) {
+  return p(e);
 }
-function Z(t, i) {
-  const e = f(t);
-  return e || (i === "annotation" || i === "background" ? I : "select");
+function ee(e, t) {
+  const n = f(e);
+  return n || (t === "annotation" || t === "background" ? D : "select");
 }
-function y(t, i, e) {
-  const o = f(t);
-  return i.includes(o) ? o : e;
+function w(e, t, n) {
+  const o = f(e);
+  return t.includes(o) ? o : n;
 }
-function J(t) {
-  return y(t, K, S);
+function te(e) {
+  return w(e, X, T);
 }
-function Q(t) {
-  if (!g(t)) return null;
-  const i = Date.now();
+function ne(e) {
+  if (!y(e)) return null;
+  const t = Date.now();
   return {
-    id: w(t.id, "sticky"),
+    id: W(e.id, "sticky"),
     kind: "sticky_note",
-    body: f(t.body) || "Untitled note",
-    color: J(t.color),
-    x: c(t.x, 0),
-    y: c(t.y, 0),
-    width: l(t.width, 260),
-    height: l(t.height, 190),
-    z_index: Math.max(0, Math.trunc(c(t.z_index, 1))),
-    created_at_unix_ms: Math.max(0, Math.trunc(c(t.created_at_unix_ms, i))),
-    updated_at_unix_ms: Math.max(0, Math.trunc(c(t.updated_at_unix_ms, i)))
+    body: f(e.body) || "Untitled note",
+    color: te(e.color),
+    x: d(e.x, 0),
+    y: d(e.y, 0),
+    width: m(e.width, 260),
+    height: m(e.height, 190),
+    z_index: Math.max(0, Math.trunc(d(e.z_index, 1))),
+    created_at_unix_ms: Math.max(0, Math.trunc(d(e.created_at_unix_ms, t))),
+    updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function v(t) {
-  if (!Array.isArray(t)) return [];
-  const i = /* @__PURE__ */ new Set();
-  return t.map((e) => Q(e)).filter((e) => !e || i.has(e.id) ? !1 : (i.add(e.id), !0));
+function ie(e) {
+  if (!Array.isArray(e)) return [];
+  const t = /* @__PURE__ */ new Set();
+  return e.map((n) => ne(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-const tt = ["left", "center", "right"];
-function et(t) {
-  return tt.includes(t) ? t : "left";
+const re = ["left", "center", "right"];
+function oe(e) {
+  return re.includes(e) ? e : "left";
 }
-function it(t) {
-  if (!g(t)) return null;
-  const i = Date.now(), e = B(t.font_family);
+function ae(e) {
+  if (!y(e)) return null;
+  const t = Date.now(), n = P(e.font_family);
   return {
-    id: w(t.id, "text"),
+    id: W(e.id, "text"),
     kind: "text",
-    text: f(t.text) || "Text",
-    font_family: e.fontFamily,
-    font_size: Math.max(8, Math.min(160, Math.round(c(t.font_size, 28)))),
-    font_weight: e.fontWeight,
-    color: y(t.color, P, R),
-    align: et(t.align),
-    x: c(t.x, 0),
-    y: c(t.y, 0),
-    width: l(t.width, 280),
-    height: l(t.height, 84),
-    z_index: Math.max(0, Math.trunc(c(t.z_index, 1))),
-    created_at_unix_ms: Math.max(0, Math.trunc(c(t.created_at_unix_ms, i))),
-    updated_at_unix_ms: Math.max(0, Math.trunc(c(t.updated_at_unix_ms, i)))
+    text: f(e.text) || "Text",
+    font_family: n.fontFamily,
+    font_size: Math.max(8, Math.min(160, Math.round(d(e.font_size, 28)))),
+    font_weight: n.fontWeight,
+    color: w(e.color, j, R),
+    align: oe(e.align),
+    x: d(e.x, 0),
+    y: d(e.y, 0),
+    width: m(e.width, 280),
+    height: m(e.height, 84),
+    z_index: Math.max(0, Math.trunc(d(e.z_index, 1))),
+    created_at_unix_ms: Math.max(0, Math.trunc(d(e.created_at_unix_ms, t))),
+    updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function nt(t) {
-  if (!Array.isArray(t)) return [];
-  const i = /* @__PURE__ */ new Set();
-  return t.map((e) => it(e)).filter((e) => !e || i.has(e.id) ? !1 : (i.add(e.id), !0));
+function ce(e) {
+  if (!Array.isArray(e)) return [];
+  const t = /* @__PURE__ */ new Set();
+  return e.map((n) => ae(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function rt(t) {
-  return y(
-    t,
-    D,
-    O
+function de(e) {
+  return w(
+    e,
+    U,
+    E
   );
 }
-function ot(t) {
-  if (!g(t)) return null;
-  const i = Date.now();
+function se(e) {
+  if (!y(e)) return null;
+  const t = Date.now();
   return {
-    id: w(t.id, "region"),
-    name: f(t.name) || "Canvas region",
-    fill: y(t.fill, U, E),
-    opacity: Math.max(0.08, Math.min(1, c(t.opacity, 0.72))),
-    material: rt(t.material),
-    x: c(t.x, 0),
-    y: c(t.y, 0),
-    width: l(t.width, 560),
-    height: l(t.height, 360),
-    z_index: Math.max(0, Math.trunc(c(t.z_index, 1))),
-    created_at_unix_ms: Math.max(0, Math.trunc(c(t.created_at_unix_ms, i))),
-    updated_at_unix_ms: Math.max(0, Math.trunc(c(t.updated_at_unix_ms, i)))
+    id: W(e.id, "region"),
+    name: f(e.name) || "Canvas region",
+    fill: w(e.fill, V, S),
+    opacity: Math.max(0.08, Math.min(1, d(e.opacity, 0.72))),
+    material: de(e.material),
+    x: d(e.x, 0),
+    y: d(e.y, 0),
+    width: m(e.width, 560),
+    height: m(e.height, 360),
+    z_index: Math.max(0, Math.trunc(d(e.z_index, 1))),
+    created_at_unix_ms: Math.max(0, Math.trunc(d(e.created_at_unix_ms, t))),
+    updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function at(t) {
-  if (!Array.isArray(t)) return [];
-  const i = /* @__PURE__ */ new Set();
-  return t.map((e) => ot(e)).filter((e) => !e || i.has(e.id) ? !1 : (i.add(e.id), !0));
-}
-function dt(t, i, e, o, n, a) {
-  if (g(t)) {
-    const d = f(t.kind), s = f(t.id);
-    if (d === "widget" && i.some((h) => h.id === s)) return { kind: d, id: s };
-    if (d === "sticky_note" && e.some((h) => h.id === s)) return { kind: d, id: s };
-    if (d === "annotation" && o.some((h) => h.id === s)) return { kind: d, id: s };
-    if (d === "background_layer" && n.some((h) => h.id === s))
-      return { kind: d, id: s };
+function he(e) {
+  if (!Array.isArray(e)) return [];
+  const t = /* @__PURE__ */ new Set();
+  return e.map((n) => se(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
+}
+function le(e, t, n, o, i, a) {
+  if (y(e)) {
+    const c = f(e.kind), s = f(e.id);
+    if (c === "widget" && t.some((l) => l.id === s)) return { kind: c, id: s };
+    if (c === "sticky_note" && n.some((l) => l.id === s)) return { kind: c, id: s };
+    if (c === "annotation" && o.some((l) => l.id === s)) return { kind: c, id: s };
+    if (c === "background_layer" && i.some((l) => l.id === s))
+      return { kind: c, id: s };
   }
   return a ? { kind: "widget", id: a } : null;
 }
-function wt(t, i = {}) {
-  const e = T(i.widgetDefinitions), o = i.createFallbackState ?? (() => ct(e)), n = t;
-  if (!n || n.version !== 1 || !Array.isArray(n.widgets))
+function Ne(e, t = {}) {
+  const n = z(t.widgetDefinitions), o = t.createFallbackState ?? (() => _e(n)), i = e;
+  if (!i || i.version !== 1 || !Array.isArray(i.widgets))
     return o();
-  const a = n.widgets.filter(
-    (r) => !!r && typeof r.id == "string" && X(r.type, e) && typeof r.title == "string"
+  const a = i.widgets.filter(
+    (r) => !!r && typeof r.id == "string" && Y(r.type, n) && typeof r.title == "string"
   ).map((r) => {
-    const u = z(r.type, e);
+    const u = C(r.type, n);
     return {
       id: r.id,
       type: r.type,
@@ -190,75 +197,75 @@ function wt(t, i = {}) {
       z_index: Number.isFinite(r.z_index) && r.z_index >= 0 ? r.z_index : 1,
       created_at_unix_ms: Number.isFinite(r.created_at_unix_ms) ? r.created_at_unix_ms : Date.now()
     };
-  }), d = typeof n.selectedWidgetId == "string" && a.some((r) => r.id === n.selectedWidgetId) ? n.selectedWidgetId : null, s = v(n.stickyNotes), h = nt(n.annotations), m = at(n.backgroundLayers), _ = q(n.mode);
+  }), c = typeof i.selectedWidgetId == "string" && a.some((r) => r.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = ie(i.stickyNotes), l = ce(i.annotations), x = he(i.backgroundLayers), h = v(i.mode), _ = J(i.viewport, h);
   return {
     version: 1,
     widgets: a,
-    viewport: V(n.viewport),
-    locked: typeof n.locked == "boolean" ? n.locked : !1,
-    filters: $(n.filters, e),
-    selectedWidgetId: d,
-    theme: j(n.theme) ? n.theme : C,
-    mode: _,
-    activeTool: Z(n.activeTool, _),
-    selectedObject: dt(
-      n.selectedObject,
+    viewport: _,
+    locked: typeof i.locked == "boolean" ? i.locked : !1,
+    filters: Q(i.filters, n),
+    selectedWidgetId: c,
+    theme: G(i.theme) ? i.theme : H,
+    mode: h,
+    activeTool: ee(i.activeTool, h),
+    selectedObject: le(
+      i.selectedObject,
       a,
       s,
-      h,
-      m,
-      d
+      l,
+      x,
+      c
     ),
     stickyNotes: s,
-    annotations: h,
-    backgroundLayers: m
+    annotations: l,
+    backgroundLayers: x
   };
 }
-function ct(t) {
-  const i = T(t), e = Date.now(), o = [
+function _e(e) {
+  const t = z(e), n = Date.now(), o = [
     { type: "terminal", title: "dev · terminal", x: 80, y: 80 },
     { type: "file-browser", title: "project · files", x: 600, y: 80 },
     { type: "system-monitor", title: "host · system monitor", x: 80, y: 420 },
     { type: "log-viewer", title: "services · logs", x: 540, y: 500 },
     { type: "code-editor", title: "Counter.tsx", x: 1e3, y: 180 }
-  ], n = o.filter((a) => i.some((d) => d.type === a.type)).map((a, d) => {
-    const s = z(a.type, i);
+  ], i = o.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
+    const s = C(a.type, t);
     return {
-      id: `wb-seed-${d + 1}`,
+      id: `wb-seed-${c + 1}`,
       type: a.type,
       title: a.title,
       x: a.x,
       y: a.y,
       width: s.defaultSize.width,
       height: s.defaultSize.height,
-      z_index: d + 1,
-      created_at_unix_ms: e - (o.length - d) * 6e5
+      z_index: c + 1,
+      created_at_unix_ms: n - (o.length - c) * 6e5
     };
   });
   return {
     version: 1,
-    widgets: n,
-    viewport: { ...k },
+    widgets: i,
+    viewport: { ...O },
     locked: !1,
-    filters: p(i),
-    selectedWidgetId: n[0]?.id ?? null,
-    theme: C,
+    filters: A(t),
+    selectedWidgetId: i[0]?.id ?? null,
+    theme: H,
     mode: "work",
     activeTool: "select",
-    selectedObject: n[0] ? { kind: "widget", id: n[0].id } : null,
+    selectedObject: i[0] ? { kind: "widget", id: i[0].id } : null,
     stickyNotes: [
       {
         id: "wb-seed-sticky-1",
         kind: "sticky_note",
         body: "Confirm the rollout checklist before touching production.",
-        color: S,
+        color: T,
         x: 930,
         y: 620,
         width: 270,
         height: 170,
-        z_index: n.length + 1,
-        created_at_unix_ms: e - 25e4,
-        updated_at_unix_ms: e - 25e4
+        z_index: i.length + 1,
+        created_at_unix_ms: n - 25e4,
+        updated_at_unix_ms: n - 25e4
       }
     ],
     annotations: [
@@ -276,131 +283,170 @@ function ct(t) {
         width: 320,
         height: 82,
         z_index: 1,
-        created_at_unix_ms: e - 24e4,
-        updated_at_unix_ms: e - 24e4
+        created_at_unix_ms: n - 24e4,
+        updated_at_unix_ms: n - 24e4
       }
     ],
     backgroundLayers: [
       {
         id: "wb-seed-region-1",
         name: "Review lane",
-        fill: E,
+        fill: S,
         opacity: 0.58,
-        material: O,
+        material: E,
         x: 512,
         y: 360,
         width: 760,
         height: 520,
         z_index: 1,
-        created_at_unix_ms: e - 26e4,
-        updated_at_unix_ms: e - 26e4
+        created_at_unix_ms: n - 26e4,
+        updated_at_unix_ms: n - 26e4
       }
     ]
   };
 }
-const bt = 1.18, Wt = 200, b = 0.2, W = 2.2, st = 48;
-function ht(t) {
-  const i = A(t.scale, b, W);
+const Oe = 1.18, Ee = 200, I = 0.35, L = 0.2, k = I, g = 2.2, ue = 48;
+function p(e) {
+  return e === "annotation" || e === "background" ? "background" : "work";
+}
+function fe(e) {
+  return p(e) === "background" ? {
+    mode: "background",
+    label: "Composition Mode",
+    minScale: L,
+    workLayerLocked: !0,
+    layerEditingEnabled: !0
+  } : {
+    mode: "work",
+    label: "Work Mode",
+    minScale: I,
+    workLayerLocked: !1,
+    layerEditingEnabled: !1
+  };
+}
+function Se(e) {
+  const t = b(
+    e.scale,
+    e.minScale ?? L,
+    g
+  );
+  if (e.frameWidth <= 0 || e.frameHeight <= 0 || e.viewport.scale <= 0)
+    return { ...e.viewport, scale: t };
+  const n = (e.frameWidth / 2 - e.viewport.x) / e.viewport.scale, o = (e.frameHeight / 2 - e.viewport.y) / e.viewport.scale;
+  return {
+    x: e.frameWidth / 2 - n * t,
+    y: e.frameHeight / 2 - o * t,
+    scale: t
+  };
+}
+function me(e) {
+  const t = b(e.scale, k, g);
   return {
-    x: t.frameWidth / 2 - (t.widget.x + t.widget.width / 2) * i,
-    y: t.frameHeight / 2 - (t.widget.y + t.widget.height / 2) * i,
-    scale: i
+    x: e.frameWidth / 2 - (e.widget.x + e.widget.width / 2) * t,
+    y: e.frameHeight / 2 - (e.widget.y + e.widget.height / 2) * t,
+    scale: t
   };
 }
-function Mt(t) {
-  const i = t.minScale ?? b, e = t.maxScale ?? W, o = t.paddingPx ?? st, n = Math.max(t.frameWidth - o * 2, 1), a = Math.max(t.frameHeight - o * 2, 1), d = A(
+function Re(e) {
+  const t = e.minScale ?? k, n = e.maxScale ?? g, o = e.paddingPx ?? ue, i = Math.max(e.frameWidth - o * 2, 1), a = Math.max(e.frameHeight - o * 2, 1), c = b(
     Math.min(
-      n / Math.max(t.widget.width, 1),
-      a / Math.max(t.widget.height, 1)
+      i / Math.max(e.widget.width, 1),
+      a / Math.max(e.widget.height, 1)
     ),
-    i,
-    e
+    t,
+    n
   );
-  return ht({
-    widget: t.widget,
-    scale: d,
-    frameWidth: t.frameWidth,
-    frameHeight: t.frameHeight
+  return me({
+    widget: e.widget,
+    scale: c,
+    frameWidth: e.frameWidth,
+    frameHeight: e.frameHeight
   });
 }
-function _t(t, i) {
-  return t.z_index !== i.z_index ? t.z_index - i.z_index : t.created_at_unix_ms !== i.created_at_unix_ms ? t.created_at_unix_ms - i.created_at_unix_ms : t.id.localeCompare(i.id);
+function xe(e, t) {
+  return e.z_index !== t.z_index ? e.z_index - t.z_index : e.created_at_unix_ms !== t.created_at_unix_ms ? e.created_at_unix_ms - t.created_at_unix_ms : e.id.localeCompare(t.id);
 }
-function Nt(t) {
-  const i = [...t].sort(_t), e = /* @__PURE__ */ new Map();
-  for (const [o, n] of i.entries())
-    e.set(n.id, o + 1);
+function Te(e) {
+  const t = [...e].sort(xe), n = /* @__PURE__ */ new Map();
+  for (const [o, i] of t.entries())
+    n.set(i.id, o + 1);
   return {
-    byWidgetId: e,
-    topRenderLayer: Math.max(i.length, 1)
+    byWidgetId: n,
+    topRenderLayer: Math.max(t.length, 1)
   };
 }
-function kt(t) {
-  const i = typeof window < "u" ? window.innerWidth : 1280, e = typeof window < "u" ? window.innerHeight : 800;
-  let o = t.clientX, n = t.clientY;
-  return o + t.menuWidth > i && (o = Math.max(0, i - t.menuWidth - 8)), n + t.menuHeight > e && (n = Math.max(0, e - t.menuHeight - 8)), { left: o, top: n };
-}
-function Ot(t, i, e, o) {
-  const n = t.filter((_) => o[_.type]);
-  if (n.length === 0) return null;
-  if (!i) return n[0] ?? null;
-  const a = n.find((_) => _.id === i);
-  if (!a) return n[0] ?? null;
-  const d = a.x + a.width / 2, s = a.y + a.height / 2;
-  let h = null, m = 1 / 0;
-  for (const _ of n) {
-    if (_.id === i) continue;
-    const r = _.x + _.width / 2 - d, u = _.y + _.height / 2 - s;
-    let x = !1;
-    switch (e) {
+function ze(e) {
+  const t = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800;
+  let o = e.clientX, i = e.clientY;
+  return o + e.menuWidth > t && (o = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > n && (i = Math.max(0, n - e.menuHeight - 8)), { left: o, top: i };
+}
+function Ce(e, t, n, o) {
+  const i = e.filter((h) => o[h.type]);
+  if (i.length === 0) return null;
+  if (!t) return i[0] ?? null;
+  const a = i.find((h) => h.id === t);
+  if (!a) return i[0] ?? null;
+  const c = a.x + a.width / 2, s = a.y + a.height / 2;
+  let l = null, x = 1 / 0;
+  for (const h of i) {
+    if (h.id === t) continue;
+    const _ = h.x + h.width / 2 - c, r = h.y + h.height / 2 - s;
+    let u = !1;
+    switch (n) {
       case "up":
-        x = u < -10;
+        u = r < -10;
         break;
       case "down":
-        x = u > 10;
+        u = r > 10;
         break;
       case "left":
-        x = r < -10;
+        u = _ < -10;
         break;
       case "right":
-        x = r > 10;
+        u = _ > 10;
         break;
     }
-    if (!x) continue;
-    const F = Math.sqrt(r * r + u * u), H = Math.atan2(
-      Math.abs(e === "up" || e === "down" ? r : u),
-      Math.abs(e === "up" || e === "down" ? u : r)
-    ), M = F * (1 + H * 1.5);
-    M < m && (m = M, h = _);
+    if (!u) continue;
+    const F = Math.sqrt(_ * _ + r * r), B = Math.atan2(
+      Math.abs(n === "up" || n === "down" ? _ : r),
+      Math.abs(n === "up" || n === "down" ? r : _)
+    ), M = F * (1 + B * 1.5);
+    M < x && (x = M, l = h);
   }
-  return h;
+  return l;
 }
-function A(t, i = b, e = W) {
-  return Math.max(i, Math.min(e, t));
+function b(e, t = k, n = g) {
+  return Math.max(t, Math.min(n, e));
 }
-function Et(t, i = 0) {
-  return 16 + Math.max(1, t) * 32 + Math.max(0, i) * 9;
+function Ae(e, t = 0) {
+  return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  bt as WORKBENCH_CANVAS_ZOOM_STEP,
-  Wt as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
-  W as WORKBENCH_MAX_SCALE,
-  b as WORKBENCH_MIN_SCALE,
-  st as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
-  A as clampScale,
-  kt as createContextMenuPosition,
-  ct as createDefaultWorkbenchState,
-  G as createWorkbenchId,
-  Y as createWorkbenchProjectedRect,
-  Nt as createWorkbenchRenderLayerMap,
-  ht as createWorkbenchViewportCenteredOnWidget,
-  Mt as createWorkbenchViewportFitForWidget,
-  yt as createWorkbenchWidgetSurfaceMetrics,
-  Et as estimateContextMenuHeight,
-  Ot as findNearestWidget,
-  gt as resolveWorkbenchProjectedSurfaceScaleBehavior,
-  xt as resolveWorkbenchWidgetRenderMode,
-  $ as sanitizeFilters,
-  V as sanitizeViewport,
-  wt as sanitizeWorkbenchState
+  Oe as WORKBENCH_CANVAS_ZOOM_STEP,
+  L as WORKBENCH_COMPOSITION_MIN_SCALE,
+  Ee as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  g as WORKBENCH_MAX_SCALE,
+  k as WORKBENCH_MIN_SCALE,
+  ue as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  I as WORKBENCH_WORK_MIN_SCALE,
+  b as clampScale,
+  ze as createContextMenuPosition,
+  _e as createDefaultWorkbenchState,
+  $ as createWorkbenchId,
+  q as createWorkbenchProjectedRect,
+  Te as createWorkbenchRenderLayerMap,
+  Se as createWorkbenchViewportAtScale,
+  me as createWorkbenchViewportCenteredOnWidget,
+  Re as createWorkbenchViewportFitForWidget,
+  Me as createWorkbenchWidgetSurfaceMetrics,
+  Ae as estimateContextMenuHeight,
+  Ce as findNearestWidget,
+  p as normalizeWorkbenchInteractionMode,
+  fe as resolveWorkbenchModeStrategy,
+  ke as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  We as resolveWorkbenchWidgetRenderMode,
+  Q as sanitizeFilters,
+  Z as sanitizeViewport,
+  Ne as sanitizeWorkbenchState,
+  J as sanitizeWorkbenchViewportForMode
 };