@floegence/floe-webapp-core 0.36.60 → 0.36.62

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

@@ -76,7 +76,15 @@ export interface WorkbenchRenderLayerMap {
     byWidgetId: ReadonlyMap<string, number>;
     topRenderLayer: number;
 }
-export declare function createWorkbenchRenderLayerMap(widgets: readonly Pick<WorkbenchWidgetItem, 'id' | 'z_index' | 'created_at_unix_ms'>[]): WorkbenchRenderLayerMap;
+export type WorkbenchLayerOrderItem = Pick<WorkbenchWidgetItem, 'id' | 'z_index' | 'created_at_unix_ms'>;
+export interface WorkbenchLayerFrontResolution {
+    isTop: boolean;
+    nextZIndex: number;
+}
+export declare function compareWorkbenchLayerRenderOrder(left: WorkbenchLayerOrderItem, right: WorkbenchLayerOrderItem): number;
+export declare function createWorkbenchRenderLayerMap(widgets: readonly WorkbenchLayerOrderItem[]): WorkbenchRenderLayerMap;
+export declare function isWorkbenchLayerItemAbove(left: WorkbenchLayerOrderItem, right: WorkbenchLayerOrderItem): boolean;
+export declare function resolveWorkbenchLayerFront(items: readonly WorkbenchLayerOrderItem[], targetId: string): WorkbenchLayerFrontResolution | null;
 export declare function createContextMenuPosition(options: {
     clientX: number;
     clientY: number;
@@ -86,7 +94,6 @@ export declare function createContextMenuPosition(options: {
     left: number;
     top: number;
 };
-export declare function getTopZIndex(widgets: readonly WorkbenchWidgetItem[]): number;
 /** Spatial navigation: find nearest widget in a direction. */
 export declare function findNearestWidget(widgets: readonly WorkbenchWidgetItem[], currentId: string | null, direction: 'up' | 'down' | 'left' | 'right', filters: Record<string, boolean>): WorkbenchWidgetItem | null;
 export declare function clampScale(scale: number, min?: number, max?: number): number;

package/dist/components/workbench/workbenchHelpers.js

@@ -1,75 +1,75 @@
-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 z, resolveWorkbenchTextFontOption as P, WORKBENCH_BACKGROUND_MATERIALS as U, WORKBENCH_STICKY_NOTE_COLORS as X, WORKBENCH_TEXT_COLOR_OPTIONS as Y, WORKBENCH_REGION_FILL_OPTIONS as j } from "./workbenchOptions.js";
-import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as A, isValidWorkbenchWidgetType as V } from "./widgets/widgetRegistry.js";
-import { DEFAULT_WORKBENCH_THEME as H, isWorkbenchThemeId as G } from "./workbenchThemes.js";
-function $() {
+import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as K, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as P } 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 z, resolveWorkbenchTextFontOption as U, WORKBENCH_BACKGROUND_MATERIALS as X, WORKBENCH_STICKY_NOTE_COLORS as Y, WORKBENCH_TEXT_COLOR_OPTIONS as j, WORKBENCH_REGION_FILL_OPTIONS as V } from "./workbenchOptions.js";
+import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as I, isValidWorkbenchWidgetType as G } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_THEME as A, isWorkbenchThemeId as $ } from "./workbenchThemes.js";
+function Z() {
   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) {
+function ke(e) {
   return e.renderMode ?? "canvas_scaled";
 }
-function ke(e) {
+function Me(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;
+  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, r = Math.round((e.viewport.x + e.worldX * t) * n) / n, i = Math.round((e.viewport.y + e.worldY * t) * n) / n;
   return {
     widgetId: e.widgetId,
     worldX: e.worldX,
     worldY: e.worldY,
     worldWidth: e.worldWidth,
     worldHeight: e.worldHeight,
-    screenX: o,
+    screenX: r,
     screenY: i,
     screenWidth: e.worldWidth * t,
     screenHeight: e.worldHeight * t,
     viewportScale: t
   };
 }
-function Me(e) {
+function Ne(e) {
   return {
     ready: e.ready,
     rect: q(e)
   };
 }
-function Ne(e, t) {
-  const { width: n, height: o } = e.defaultSize;
+function Oe(e, t) {
+  const { width: n, height: r } = e.defaultSize;
   switch (t.anchor) {
     case "center":
       return {
         x: t.worldX - n / 2,
-        y: t.worldY - o / 2,
+        y: t.worldY - r / 2,
         width: n,
-        height: o
+        height: r
       };
     case "top_left":
       return {
         x: t.worldX,
         y: t.worldY,
         width: n,
-        height: o
+        height: r
       };
   }
 }
-function Z(e) {
+function J(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 J(e, t) {
-  const n = Z(e);
+function Q(e, t) {
+  const n = J(e);
   return {
     ...n,
-    scale: b(n.scale, fe(t).minScale, g)
+    scale: b(n.scale, me(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;
+function v(e, t) {
+  const n = I(t, e);
+  for (const r of P)
+    n[r] = typeof e?.[r] == "boolean" ? !!e[r] : !0;
   return n;
 }
 function y(e) {
@@ -88,30 +88,30 @@ function m(e, t) {
 }
 function W(e, t) {
   const n = f(e);
-  return n.length > 0 && n.length <= 128 ? n : `${t}-${$()}`;
+  return n.length > 0 && n.length <= 128 ? n : `${t}-${Z()}`;
 }
-function v(e) {
+function ee(e) {
   return F(e);
 }
-function ee(e, t) {
+function te(e, t) {
   const n = f(e);
-  return n || (t === "annotation" || t === "background" ? D : "select");
+  return n || (t === "annotation" || t === "background" ? K : "select");
 }
 function w(e, t, n) {
-  const o = f(e);
-  return t.includes(o) ? o : n;
-}
-function te(e) {
-  return w(e, X, z);
+  const r = f(e);
+  return t.includes(r) ? r : n;
 }
 function ne(e) {
+  return w(e, Y, z);
+}
+function ie(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
     id: W(e.id, "sticky"),
     kind: "sticky_note",
     body: f(e.body) || "Untitled note",
-    color: te(e.color),
+    color: ne(e.color),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 260),
@@ -121,18 +121,18 @@ function ne(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function ie(e) {
+function re(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 re = ["left", "center", "right"];
-function oe(e) {
-  return re.includes(e) ? e : "left";
+  return e.map((n) => ie(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
+const oe = ["left", "center", "right"];
 function ae(e) {
+  return oe.includes(e) ? e : "left";
+}
+function ce(e) {
   if (!y(e)) return null;
-  const t = Date.now(), n = P(e.font_family);
+  const t = Date.now(), n = U(e.font_family);
   return {
     id: W(e.id, "text"),
     kind: "text",
@@ -140,8 +140,8 @@ function ae(e) {
     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, Y, R),
-    align: oe(e.align),
+    color: w(e.color, j, R),
+    align: ae(e.align),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 280),
@@ -151,27 +151,27 @@ function ae(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function ce(e) {
+function de(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));
+  return e.map((n) => ce(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function de(e) {
+function se(e) {
   return w(
     e,
-    U,
+    X,
     E
   );
 }
-function se(e) {
+function he(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
     id: W(e.id, "region"),
     name: f(e.name) || "Canvas region",
-    fill: w(e.fill, j, S),
+    fill: w(e.fill, V, S),
     opacity: Math.max(0.08, Math.min(1, d(e.opacity, 0.72))),
-    material: de(e.material),
+    material: se(e.material),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 560),
@@ -181,73 +181,73 @@ function se(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function he(e) {
+function ue(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));
+  return e.map((n) => he(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function le(e, t, n, o, i, a) {
+function le(e, t, n, r, 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))
+    if (c === "widget" && t.some((u) => u.id === s)) return { kind: c, id: s };
+    if (c === "sticky_note" && n.some((u) => u.id === s)) return { kind: c, id: s };
+    if (c === "annotation" && r.some((u) => u.id === s)) return { kind: c, id: s };
+    if (c === "background_layer" && i.some((u) => u.id === s))
       return { kind: c, id: s };
   }
   return a ? { kind: "widget", id: a } : null;
 }
-function Oe(e, t = {}) {
-  const n = T(t.widgetDefinitions), o = t.createFallbackState ?? (() => ue(n)), i = e;
+function Ee(e, t = {}) {
+  const n = T(t.widgetDefinitions), r = t.createFallbackState ?? (() => _e(n)), i = e;
   if (!i || i.version !== 1 || !Array.isArray(i.widgets))
-    return o();
+    return r();
   const a = i.widgets.filter(
-    (r) => !!r && typeof r.id == "string" && V(r.type, n) && typeof r.title == "string"
-  ).map((r) => {
-    const _ = C(r.type, n);
+    (o) => !!o && typeof o.id == "string" && G(o.type, n) && typeof o.title == "string"
+  ).map((o) => {
+    const _ = C(o.type, n);
     return {
-      id: r.id,
-      type: r.type,
-      title: r.title,
-      x: Number.isFinite(r.x) ? r.x : 0,
-      y: Number.isFinite(r.y) ? r.y : 0,
-      width: Number.isFinite(r.width) && r.width > 0 ? r.width : _.defaultSize.width,
-      height: Number.isFinite(r.height) && r.height > 0 ? r.height : _.defaultSize.height,
-      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()
+      id: o.id,
+      type: o.type,
+      title: o.title,
+      x: Number.isFinite(o.x) ? o.x : 0,
+      y: Number.isFinite(o.y) ? o.y : 0,
+      width: Number.isFinite(o.width) && o.width > 0 ? o.width : _.defaultSize.width,
+      height: Number.isFinite(o.height) && o.height > 0 ? o.height : _.defaultSize.height,
+      z_index: Number.isFinite(o.z_index) && o.z_index >= 0 ? o.z_index : 1,
+      created_at_unix_ms: Number.isFinite(o.created_at_unix_ms) ? o.created_at_unix_ms : Date.now()
     };
-  }), 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), u = J(i.viewport, h);
+  }), c = typeof i.selectedWidgetId == "string" && a.some((o) => o.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = re(i.stickyNotes), u = de(i.annotations), x = ue(i.backgroundLayers), h = ee(i.mode), l = Q(i.viewport, h);
   return {
     version: 1,
     widgets: a,
-    viewport: u,
+    viewport: l,
     locked: typeof i.locked == "boolean" ? i.locked : !1,
-    filters: Q(i.filters, n),
+    filters: v(i.filters, n),
     selectedWidgetId: c,
-    theme: G(i.theme) ? i.theme : H,
+    theme: $(i.theme) ? i.theme : A,
     mode: h,
-    activeTool: ee(i.activeTool, h),
+    activeTool: te(i.activeTool, h),
     selectedObject: le(
       i.selectedObject,
       a,
       s,
-      l,
+      u,
       x,
       c
     ),
     stickyNotes: s,
-    annotations: l,
+    annotations: u,
     backgroundLayers: x
   };
 }
-function ue(e) {
-  const t = T(e), n = Date.now(), o = [
+function _e(e) {
+  const t = T(e), n = Date.now(), r = [
     { 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 }
-  ], i = o.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
+  ], i = r.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
     const s = C(a.type, t);
     return {
       id: `wb-seed-${c + 1}`,
@@ -258,7 +258,7 @@ function ue(e) {
       width: s.defaultSize.width,
       height: s.defaultSize.height,
       z_index: c + 1,
-      created_at_unix_ms: n - (o.length - c) * 6e5
+      created_at_unix_ms: n - (r.length - c) * 6e5
     };
   });
   return {
@@ -266,9 +266,9 @@ function ue(e) {
     widgets: i,
     viewport: { ...O },
     locked: !1,
-    filters: A(t),
+    filters: I(t),
     selectedWidgetId: i[0]?.id ?? null,
-    theme: H,
+    theme: A,
     mode: "work",
     activeTool: "select",
     selectedObject: i[0] ? { kind: "widget", id: i[0].id } : null,
@@ -324,11 +324,11 @@ function ue(e) {
     ]
   };
 }
-const Ee = 1.18, Se = 200, I = 0.35, L = 0.2, k = I, g = 2.2, _e = 48;
+const Se = 1.18, Re = 200, H = 0.35, L = 0.2, k = H, g = 2.2, fe = 48;
 function F(e) {
   return e === "annotation" || e === "background" ? "background" : "work";
 }
-function fe(e) {
+function me(e) {
   return F(e) === "background" ? {
     mode: "background",
     label: "Composition Mode",
@@ -338,12 +338,12 @@ function fe(e) {
   } : {
     mode: "work",
     label: "Work Mode",
-    minScale: I,
+    minScale: H,
     workLayerLocked: !1,
     layerEditingEnabled: !1
   };
 }
-function Re(e) {
+function ze(e) {
   const t = b(
     e.scale,
     e.minScale ?? L,
@@ -351,14 +351,14 @@ function Re(e) {
   );
   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;
+  const n = (e.frameWidth / 2 - e.viewport.x) / e.viewport.scale, r = (e.frameHeight / 2 - e.viewport.y) / e.viewport.scale;
   return {
     x: e.frameWidth / 2 - n * t,
-    y: e.frameHeight / 2 - o * t,
+    y: e.frameHeight / 2 - r * t,
     scale: t
   };
 }
-function me(e) {
+function xe(e) {
   const t = b(e.scale, k, g);
   return {
     x: e.frameWidth / 2 - (e.widget.x + e.widget.width / 2) * t,
@@ -366,8 +366,8 @@ function me(e) {
     scale: t
   };
 }
-function ze(e) {
-  const t = e.minScale ?? k, n = e.maxScale ?? g, o = e.paddingPx ?? _e, i = Math.max(e.frameWidth - o * 2, 1), a = Math.max(e.frameHeight - o * 2, 1), c = b(
+function Te(e) {
+  const t = e.minScale ?? k, n = e.maxScale ?? g, r = e.paddingPx ?? fe, i = Math.max(e.frameWidth - r * 2, 1), a = Math.max(e.frameHeight - r * 2, 1), c = b(
     Math.min(
       i / Math.max(e.widget.width, 1),
       a / Math.max(e.widget.height, 1)
@@ -375,98 +375,116 @@ function ze(e) {
     t,
     n
   );
-  return me({
+  return xe({
     widget: e.widget,
     scale: c,
     frameWidth: e.frameWidth,
     frameHeight: e.frameHeight
   });
 }
-function xe(e, t) {
+function p(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 Te(e) {
-  const t = [...e].sort(xe), n = /* @__PURE__ */ new Map();
-  for (const [o, i] of t.entries())
-    n.set(i.id, o + 1);
+function Ce(e) {
+  const t = [...e].sort(p), n = /* @__PURE__ */ new Map();
+  for (const [r, i] of t.entries())
+    n.set(i.id, r + 1);
   return {
     byWidgetId: n,
     topRenderLayer: Math.max(t.length, 1)
   };
 }
-function Ce(e) {
+function ge(e, t) {
+  return p(e, t) > 0;
+}
+function Ie(e, t) {
+  const n = e.find((a) => a.id === t);
+  if (!n)
+    return null;
+  const r = e.reduce((a, c) => Math.max(a, c.z_index), 1);
+  return {
+    isTop: !e.some(
+      (a) => a.id !== t && ge(a, n)
+    ),
+    nextZIndex: r + 1
+  };
+}
+function Ae(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 };
+  let r = e.clientX, i = e.clientY;
+  return r + e.menuWidth > t && (r = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > n && (i = Math.max(0, n - e.menuHeight - 8)), { left: r, top: i };
 }
-function Ae(e, t, n, o) {
-  const i = e.filter((h) => o[h.type]);
+function He(e, t, n, r) {
+  const i = e.filter((h) => r[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;
+  let u = null, x = 1 / 0;
   for (const h of i) {
     if (h.id === t) continue;
-    const u = h.x + h.width / 2 - c, r = h.y + h.height / 2 - s;
+    const l = h.x + h.width / 2 - c, o = h.y + h.height / 2 - s;
     let _ = !1;
     switch (n) {
       case "up":
-        _ = r < -10;
+        _ = o < -10;
         break;
       case "down":
-        _ = r > 10;
+        _ = o > 10;
         break;
       case "left":
-        _ = u < -10;
+        _ = l < -10;
         break;
       case "right":
-        _ = u > 10;
+        _ = l > 10;
         break;
     }
     if (!_) continue;
-    const p = Math.sqrt(u * u + r * r), B = Math.atan2(
-      Math.abs(n === "up" || n === "down" ? u : r),
-      Math.abs(n === "up" || n === "down" ? r : u)
-    ), M = p * (1 + B * 1.5);
-    M < x && (x = M, l = h);
+    const B = Math.sqrt(l * l + o * o), D = Math.atan2(
+      Math.abs(n === "up" || n === "down" ? l : o),
+      Math.abs(n === "up" || n === "down" ? o : l)
+    ), M = B * (1 + D * 1.5);
+    M < x && (x = M, u = h);
   }
-  return l;
+  return u;
 }
 function b(e, t = k, n = g) {
   return Math.max(t, Math.min(n, e));
 }
-function He(e, t = 0) {
+function Le(e, t = 0) {
   return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  Ee as WORKBENCH_CANVAS_ZOOM_STEP,
+  Se as WORKBENCH_CANVAS_ZOOM_STEP,
   L as WORKBENCH_COMPOSITION_MIN_SCALE,
-  Se as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  Re as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
   g as WORKBENCH_MAX_SCALE,
   k as WORKBENCH_MIN_SCALE,
-  _e as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
-  I as WORKBENCH_WORK_MIN_SCALE,
+  fe as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  H as WORKBENCH_WORK_MIN_SCALE,
   b as clampScale,
-  Ce as createContextMenuPosition,
-  ue as createDefaultWorkbenchState,
-  $ as createWorkbenchId,
+  p as compareWorkbenchLayerRenderOrder,
+  Ae as createContextMenuPosition,
+  _e as createDefaultWorkbenchState,
+  Z as createWorkbenchId,
   q as createWorkbenchProjectedRect,
-  Te as createWorkbenchRenderLayerMap,
-  Re as createWorkbenchViewportAtScale,
-  me as createWorkbenchViewportCenteredOnWidget,
-  ze as createWorkbenchViewportFitForWidget,
-  Ne as createWorkbenchWidgetFrame,
-  Me as createWorkbenchWidgetSurfaceMetrics,
-  He as estimateContextMenuHeight,
-  Ae as findNearestWidget,
+  Ce as createWorkbenchRenderLayerMap,
+  ze as createWorkbenchViewportAtScale,
+  xe as createWorkbenchViewportCenteredOnWidget,
+  Te as createWorkbenchViewportFitForWidget,
+  Oe as createWorkbenchWidgetFrame,
+  Ne as createWorkbenchWidgetSurfaceMetrics,
+  Le as estimateContextMenuHeight,
+  He as findNearestWidget,
+  ge as isWorkbenchLayerItemAbove,
   F as normalizeWorkbenchInteractionMode,
-  fe as resolveWorkbenchModeStrategy,
-  ke as resolveWorkbenchProjectedSurfaceScaleBehavior,
-  We as resolveWorkbenchWidgetRenderMode,
-  Q as sanitizeFilters,
-  Z as sanitizeViewport,
-  Oe as sanitizeWorkbenchState,
-  J as sanitizeWorkbenchViewportForMode
+  Ie as resolveWorkbenchLayerFront,
+  me as resolveWorkbenchModeStrategy,
+  Me as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  ke as resolveWorkbenchWidgetRenderMode,
+  v as sanitizeFilters,
+  J as sanitizeViewport,
+  Ee as sanitizeWorkbenchState,
+  Q as sanitizeWorkbenchViewportForMode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.60",
+  "version": "0.36.62",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",