@floegence/floe-webapp-core 0.36.3 → 0.36.4

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,178 +1,192 @@
-import { insert as u, createComponent as v, memo as E, effect as B, setAttribute as G, setStyleProperty as m, template as A, delegateEvents as N } from "solid-js/web";
-import { createSignal as R, onCleanup as O, untrack as I, createMemo as H } from "solid-js";
-import { startHotInteraction as P } from "../../utils/hotInteraction.js";
-import { GripVertical as q, X as V } from "../icons/index.js";
-var Z = /* @__PURE__ */ A('<article class=workbench-widget data-floe-dialog-surface-host=true><header class=workbench-widget__header><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title></span></div><button type=button class=workbench-widget__close aria-label="Remove widget"data-floe-canvas-interactive=true></button></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), j = /* @__PURE__ */ A('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
-const J = 220, K = 160;
-function et(e) {
-  const [b, x] = R(null), [f, C] = R(null);
-  let h, w;
-  O(() => {
-    h?.abort(), h = void 0, w?.abort(), w = void 0, I(b)?.stopInteraction(), I(f)?.stopInteraction();
+import { spread as G, insert as u, createComponent as I, memo as K, effect as V, setAttribute as q, setStyleProperty as m, template as P, use as U, delegateEvents as j } from "solid-js/web";
+import { createSignal as H, onCleanup as J, untrack as _, createMemo as A } from "solid-js";
+import { startHotInteraction as O } from "../../utils/hotInteraction.js";
+import { GripVertical as Q, X as Z } from "../icons/index.js";
+import { WORKBENCH_WIDGET_SHELL_ATTR as p, resolveWorkbenchWidgetEventOwnership as tt } from "../ui/localInteractionSurface.js";
+var et = /* @__PURE__ */ P('<article class=workbench-widget data-floe-dialog-surface-host=true tabindex=0><header class=workbench-widget__header><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title></span></div><button type=button class=workbench-widget__close aria-label="Remove widget"data-floe-canvas-interactive=true></button></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), it = /* @__PURE__ */ P('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
+const nt = 220, ot = 160, at = '[data-floe-canvas-interactive="true"]', rt = '[data-floe-canvas-pan-surface="true"]';
+function ht(i) {
+  const [f, C] = H(null), [v, x] = H(null);
+  let h, w, b;
+  J(() => {
+    h?.abort(), h = void 0, w?.abort(), w = void 0, _(f)?.stopInteraction(), _(v)?.stopInteraction();
   });
-  const M = () => b() !== null, k = () => f() !== null, y = H(() => {
-    const i = b();
-    return i ? {
-      x: i.worldX,
-      y: i.worldY
+  const S = () => f() !== null, y = () => v() !== null, E = (e) => tt({
+    target: e,
+    widgetRoot: b ?? null,
+    interactiveSelector: at,
+    panSurfaceSelector: rt
+  }), N = (e) => {
+    e.button === 0 && (i.onSelect(i.widgetId), i.onCommitFront(i.widgetId), E(e.target) === "widget_shell" && b?.focus({
+      preventScroll: !0
+    }));
+  }, W = A(() => {
+    const e = f();
+    return e ? {
+      x: e.worldX,
+      y: e.worldY
     } : {
-      x: e.x,
-      y: e.y
+      x: i.x,
+      y: i.y
     };
-  }), _ = H(() => {
-    const i = f();
-    return i ? {
-      width: i.width,
-      height: i.height
-    } : {
+  }), M = A(() => {
+    const e = v();
+    return e ? {
       width: e.width,
       height: e.height
+    } : {
+      width: i.width,
+      height: i.height
     };
-  }), $ = (i) => {
-    const o = I(b);
-    if (!o) return;
+  }), $ = (e) => {
+    const n = _(f);
+    if (!n) return;
     const a = {
-      x: o.worldX,
-      y: o.worldY
+      x: n.worldX,
+      y: n.worldY
     }, r = {
-      x: o.startWorldX,
-      y: o.startWorldY
-    }, l = i && (Math.abs(a.x - r.x) > 1 || Math.abs(a.y - r.y) > 1);
-    e.onCommitFront(e.widgetId), l && e.onCommitMove(e.widgetId, a), o.stopInteraction(), x(null), h?.abort(), h = void 0;
-  }, F = (i) => {
-    if (i.button !== 0 || e.locked) return;
-    i.preventDefault(), i.stopPropagation(), h?.abort(), e.onStartOptimisticFront(e.widgetId);
-    const o = P({
+      x: n.startWorldX,
+      y: n.startWorldY
+    }, s = e && (Math.abs(a.x - r.x) > 1 || Math.abs(a.y - r.y) > 1);
+    i.onCommitFront(i.widgetId), s && i.onCommitMove(i.widgetId, a), n.stopInteraction(), C(null), h?.abort(), h = void 0;
+  }, F = (e) => {
+    if (e.button !== 0 || i.locked) return;
+    e.preventDefault(), e.stopPropagation(), h?.abort(), i.onStartOptimisticFront(i.widgetId);
+    const n = O({
       kind: "drag",
       cursor: "grabbing"
-    }), a = Math.max(e.viewportScale, 1e-3);
-    x({
-      pointerId: i.pointerId,
-      startClientX: i.clientX,
-      startClientY: i.clientY,
-      startWorldX: e.x,
-      startWorldY: e.y,
-      worldX: e.x,
-      worldY: e.y,
+    }), a = Math.max(i.viewportScale, 1e-3);
+    C({
+      pointerId: e.pointerId,
+      startClientX: e.clientX,
+      startClientY: e.clientY,
+      startWorldX: i.x,
+      startWorldY: i.y,
+      worldX: i.x,
+      worldY: i.y,
       moved: !1,
       scale: a,
-      stopInteraction: o
+      stopInteraction: n
     });
-    const r = (t) => {
-      x((n) => {
-        if (!n || n.pointerId !== t.pointerId) return n;
-        const c = n.startWorldX + (t.clientX - n.startClientX) / n.scale, g = n.startWorldY + (t.clientY - n.startClientY) / n.scale;
+    const r = (o) => {
+      C((t) => {
+        if (!t || t.pointerId !== o.pointerId) return t;
+        const d = t.startWorldX + (o.clientX - t.startClientX) / t.scale, g = t.startWorldY + (o.clientY - t.startClientY) / t.scale;
         return {
-          ...n,
-          worldX: c,
+          ...t,
+          worldX: d,
           worldY: g,
-          moved: n.moved || Math.abs(c - n.startWorldX) > 2 || Math.abs(g - n.startWorldY) > 2
+          moved: t.moved || Math.abs(d - t.startWorldX) > 2 || Math.abs(g - t.startWorldY) > 2
         };
       });
-    }, l = (t) => {
-      t.pointerId === i.pointerId && $(!0);
-    }, s = (t) => {
-      t.pointerId === i.pointerId && $(!1);
-    }, d = new AbortController();
-    h = d, window.addEventListener("pointermove", r, {
-      signal: d.signal
-    }), window.addEventListener("pointerup", l, {
+    }, s = (o) => {
+      o.pointerId === e.pointerId && $(!0);
+    }, c = (o) => {
+      o.pointerId === e.pointerId && $(!1);
+    }, l = new AbortController();
+    h = l, window.addEventListener("pointermove", r, {
+      signal: l.signal
+    }), window.addEventListener("pointerup", s, {
       once: !0,
-      signal: d.signal
-    }), window.addEventListener("pointercancel", s, {
+      signal: l.signal
+    }), window.addEventListener("pointercancel", c, {
       once: !0,
-      signal: d.signal
+      signal: l.signal
     });
-  }, S = (i) => {
-    const o = I(f);
-    if (!o) return;
+  }, k = (e) => {
+    const n = _(v);
+    if (!n) return;
     const a = {
-      width: o.width,
-      height: o.height
-    }, r = Math.abs(o.width - o.startWidth) > 1 || Math.abs(o.height - o.startHeight) > 1;
-    i && r && e.onCommitResize(e.widgetId, a), o.stopInteraction(), C(null), w?.abort(), w = void 0;
-  }, T = (i) => {
-    if (i.button !== 0 || e.locked) return;
-    i.preventDefault(), i.stopPropagation(), w?.abort(), e.onStartOptimisticFront(e.widgetId);
-    const o = P({
+      width: n.width,
+      height: n.height
+    }, r = Math.abs(n.width - n.startWidth) > 1 || Math.abs(n.height - n.startHeight) > 1;
+    e && r && i.onCommitResize(i.widgetId, a), n.stopInteraction(), x(null), w?.abort(), w = void 0;
+  }, B = (e) => {
+    if (e.button !== 0 || i.locked) return;
+    e.preventDefault(), e.stopPropagation(), w?.abort(), i.onStartOptimisticFront(i.widgetId);
+    const n = O({
       kind: "drag",
       cursor: "nwse-resize"
-    }), a = Math.max(e.viewportScale, 1e-3);
-    C({
-      pointerId: i.pointerId,
-      startClientX: i.clientX,
-      startClientY: i.clientY,
-      startWidth: e.width,
-      startHeight: e.height,
-      width: e.width,
-      height: e.height,
+    }), a = Math.max(i.viewportScale, 1e-3);
+    x({
+      pointerId: e.pointerId,
+      startClientX: e.clientX,
+      startClientY: e.clientY,
+      startWidth: i.width,
+      startHeight: i.height,
+      width: i.width,
+      height: i.height,
       scale: a,
-      stopInteraction: o
+      stopInteraction: n
     });
-    const r = (t) => {
-      C((n) => {
-        if (!n || n.pointerId !== t.pointerId) return n;
-        const c = Math.max(J, n.startWidth + (t.clientX - n.startClientX) / n.scale), g = Math.max(K, n.startHeight + (t.clientY - n.startClientY) / n.scale);
+    const r = (o) => {
+      x((t) => {
+        if (!t || t.pointerId !== o.pointerId) return t;
+        const d = Math.max(nt, t.startWidth + (o.clientX - t.startClientX) / t.scale), g = Math.max(ot, t.startHeight + (o.clientY - t.startClientY) / t.scale);
         return {
-          ...n,
-          width: c,
+          ...t,
+          width: d,
           height: g
         };
       });
-    }, l = (t) => {
-      t.pointerId === i.pointerId && S(!0);
-    }, s = (t) => {
-      t.pointerId === i.pointerId && S(!1);
-    }, d = new AbortController();
-    w = d, window.addEventListener("pointermove", r, {
-      signal: d.signal
-    }), window.addEventListener("pointerup", l, {
+    }, s = (o) => {
+      o.pointerId === e.pointerId && k(!0);
+    }, c = (o) => {
+      o.pointerId === e.pointerId && k(!1);
+    }, l = new AbortController();
+    w = l, window.addEventListener("pointermove", r, {
+      signal: l.signal
+    }), window.addEventListener("pointerup", s, {
       once: !0,
-      signal: d.signal
-    }), window.addEventListener("pointercancel", s, {
+      signal: l.signal
+    }), window.addEventListener("pointercancel", c, {
       once: !0,
-      signal: d.signal
+      signal: l.signal
     });
   };
   return (() => {
-    var i = Z(), o = i.firstChild, a = o.firstChild, r = a.nextSibling, l = r.firstChild, s = r.nextSibling, d = o.nextSibling;
-    return i.$$click = () => {
-      e.onSelect(e.widgetId), e.onCommitFront(e.widgetId);
-    }, i.$$contextmenu = (t) => {
-      t.preventDefault(), t.stopPropagation(), e.onContextMenu(t, e.itemSnapshot());
-    }, a.$$pointerdown = F, u(a, v(q, {
+    var e = et(), n = e.firstChild, a = n.firstChild, r = a.nextSibling, s = r.firstChild, c = r.nextSibling, l = n.nextSibling;
+    e.$$contextmenu = (t) => {
+      E(t.target) === "widget_shell" && (t.preventDefault(), t.stopPropagation(), i.onContextMenu(t, i.itemSnapshot()));
+    }, e.addEventListener("focus", () => {
+      i.onSelect(i.widgetId);
+    }), e.$$pointerdown = N;
+    var o = b;
+    return typeof o == "function" ? U(o, e) : b = e, G(n, {
+      [p]: "true"
+    }, !1, !0), a.$$pointerdown = F, u(a, I(Q, {
       class: "w-3.5 h-3.5"
     })), u(r, () => {
-      const t = e.definition.icon;
-      return v(t, {
+      const t = i.definition.icon;
+      return I(t, {
         class: "w-3.5 h-3.5"
       });
-    }, l), u(l, () => e.widgetTitle), s.$$click = (t) => {
-      t.stopPropagation(), t.preventDefault(), e.onRequestDelete(e.widgetId);
-    }, s.$$pointerdown = (t) => t.stopPropagation(), u(s, v(V, {
+    }, s), u(s, () => i.widgetTitle), c.$$click = (t) => {
+      t.stopPropagation(), t.preventDefault(), i.onRequestDelete(i.widgetId);
+    }, c.$$pointerdown = (t) => t.stopPropagation(), u(c, I(Z, {
       class: "w-3 h-3"
-    })), u(d, () => {
-      const t = e.definition.body;
-      return v(t, {
+    })), u(l, () => {
+      const t = i.definition.body;
+      return I(t, {
         get widgetId() {
-          return e.widgetId;
+          return i.widgetId;
         },
         get title() {
-          return e.widgetTitle;
+          return i.widgetTitle;
         },
         get type() {
-          return e.widgetType;
+          return i.widgetType;
         }
       });
-    }), u(i, (() => {
-      var t = E(() => !!e.locked);
+    }), u(e, (() => {
+      var t = K(() => !!i.locked);
       return () => t() ? null : (() => {
-        var n = j();
-        return n.$$pointerdown = T, n;
+        var d = it();
+        return d.$$pointerdown = B, d;
       })();
-    })(), null), B((t) => {
-      var n = !!e.selected, c = !!M(), g = !!k(), X = !!e.filtered, z = e.widgetId, Y = `translate(${y().x}px, ${y().y}px)`, W = `${_().width}px`, L = `${_().height}px`, D = M() || k() || e.optimisticFront ? `${e.topZIndex + 1}` : `${e.zIndex}`;
-      return n !== t.e && i.classList.toggle("is-selected", t.e = n), c !== t.t && i.classList.toggle("is-dragging", t.t = c), g !== t.a && i.classList.toggle("is-resizing", t.a = g), X !== t.o && i.classList.toggle("is-filtered-out", t.o = X), z !== t.i && G(i, "data-floe-workbench-widget-id", t.i = z), Y !== t.n && m(i, "transform", t.n = Y), W !== t.s && m(i, "width", t.s = W), L !== t.h && m(i, "height", t.h = L), D !== t.r && m(i, "z-index", t.r = D), t;
+    })(), null), V((t) => {
+      var d = !!i.selected, g = !!S(), L = !!y(), R = !!i.filtered, X = i.widgetId, Y = `translate(${W().x}px, ${W().y}px)`, z = `${M().width}px`, D = `${M().height}px`, T = S() || y() || i.optimisticFront ? `${i.topRenderLayer + 1}` : `${i.renderLayer}`;
+      return d !== t.e && e.classList.toggle("is-selected", t.e = d), g !== t.t && e.classList.toggle("is-dragging", t.t = g), L !== t.a && e.classList.toggle("is-resizing", t.a = L), R !== t.o && e.classList.toggle("is-filtered-out", t.o = R), X !== t.i && q(e, "data-floe-workbench-widget-id", t.i = X), Y !== t.n && m(e, "transform", t.n = Y), z !== t.s && m(e, "width", t.s = z), D !== t.h && m(e, "height", t.h = D), T !== t.r && m(e, "z-index", t.r = T), t;
     }, {
       e: void 0,
       t: void 0,
@@ -183,10 +197,10 @@ function et(e) {
       s: void 0,
       h: void 0,
       r: void 0
-    }), i;
+    }), e;
   })();
 }
-N(["contextmenu", "click", "pointerdown"]);
+j(["pointerdown", "contextmenu", "click"]);
 export {
-  et as WorkbenchWidget
+  ht as WorkbenchWidget
 };

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

@@ -4,4 +4,4 @@ export { WorkbenchContextMenu, type WorkbenchContextMenuItem, type WorkbenchCont
 export { useWorkbenchModel, type UseWorkbenchModelOptions } from './useWorkbenchModel';
 export { WIDGET_REGISTRY, createWorkbenchFilterState, getWidgetEntry, isValidWorkbenchWidgetType, resolveWorkbenchWidgetDefinitions, type WidgetRegistryEntry, } from './widgets/widgetRegistry';
 export * from './types';
-export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, } from './workbenchHelpers';
+export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId, createWorkbenchRenderLayerMap, type WorkbenchRenderLayerMap, } from './workbenchHelpers';

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

@@ -10,6 +10,11 @@ export declare function sanitizeWorkbenchState(input: unknown, options?: Sanitiz
 export declare function createDefaultWorkbenchState(widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): WorkbenchState;
 export declare const WORKBENCH_CANVAS_ZOOM_STEP = 1.18;
 export declare const WORKBENCH_CONTEXT_MENU_WIDTH_PX = 200;
+export interface WorkbenchRenderLayerMap {
+    byWidgetId: ReadonlyMap<string, number>;
+    topRenderLayer: number;
+}
+export declare function createWorkbenchRenderLayerMap(widgets: readonly WorkbenchWidgetItem[]): WorkbenchRenderLayerMap;
 export declare function createContextMenuPosition(options: {
     clientX: number;
     clientY: number;

package/dist/components/workbench/workbenchHelpers.js

@@ -1,5 +1,5 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as g } from "./types.js";
-import { resolveWorkbenchWidgetDefinitions as m, getWidgetEntry as x, createWorkbenchFilterState as b, isValidWorkbenchWidgetType as W } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_VIEWPORT as m } from "./types.js";
+import { resolveWorkbenchWidgetDefinitions as x, getWidgetEntry as g, createWorkbenchFilterState as _, isValidWorkbenchWidgetType as W } from "./widgets/widgetRegistry.js";
 function F() {
   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)}`;
@@ -9,19 +9,19 @@ function M(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
-  } : { ...g };
+  } : { ...m };
 }
-function k(e, n) {
-  return b(n, e);
+function k(e, i) {
+  return _(i, e);
 }
-function z(e, n = {}) {
-  const r = m(n.widgetDefinitions), a = n.createFallbackState ?? (() => N(r)), i = e;
-  if (!i || i.version !== 1 || !Array.isArray(i.widgets))
-    return a();
-  const s = i.widgets.filter(
+function D(e, i = {}) {
+  const r = x(i.widgetDefinitions), s = i.createFallbackState ?? (() => z(r)), n = e;
+  if (!n || n.version !== 1 || !Array.isArray(n.widgets))
+    return s();
+  const a = n.widgets.filter(
     (t) => !!t && typeof t.id == "string" && W(t.type, r) && typeof t.title == "string"
   ).map((t) => {
-    const u = x(t.type, r);
+    const u = g(t.type, r);
     return {
       id: t.id,
       type: t.type,
@@ -33,107 +33,120 @@ function z(e, n = {}) {
       z_index: Number.isFinite(t.z_index) && t.z_index >= 0 ? t.z_index : 1,
       created_at_unix_ms: Number.isFinite(t.created_at_unix_ms) ? t.created_at_unix_ms : Date.now()
     };
-  }), c = typeof i.selectedWidgetId == "string" && s.some((t) => t.id === i.selectedWidgetId) ? i.selectedWidgetId : null;
+  }), d = typeof n.selectedWidgetId == "string" && a.some((t) => t.id === n.selectedWidgetId) ? n.selectedWidgetId : null;
   return {
     version: 1,
-    widgets: s,
-    viewport: M(i.viewport),
-    locked: typeof i.locked == "boolean" ? i.locked : !1,
-    filters: k(i.filters, r),
-    selectedWidgetId: c
+    widgets: a,
+    viewport: M(n.viewport),
+    locked: typeof n.locked == "boolean" ? n.locked : !1,
+    filters: k(n.filters, r),
+    selectedWidgetId: d
   };
 }
-function N(e) {
-  const n = m(e), r = Date.now(), a = [
+function z(e) {
+  const i = x(e), r = Date.now(), s = [
     { 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 = a.filter((s) => n.some((c) => c.type === s.type)).map((s, c) => {
-    const t = x(s.type, n);
+  ], n = s.filter((a) => i.some((d) => d.type === a.type)).map((a, d) => {
+    const t = g(a.type, i);
     return {
-      id: `wb-seed-${c + 1}`,
-      type: s.type,
-      title: s.title,
-      x: s.x,
-      y: s.y,
+      id: `wb-seed-${d + 1}`,
+      type: a.type,
+      title: a.title,
+      x: a.x,
+      y: a.y,
       width: t.defaultSize.width,
       height: t.defaultSize.height,
-      z_index: c + 1,
-      created_at_unix_ms: r - (a.length - c) * 6e5
+      z_index: d + 1,
+      created_at_unix_ms: r - (s.length - d) * 6e5
     };
   });
   return {
     version: 1,
-    widgets: i,
-    viewport: { ...g },
+    widgets: n,
+    viewport: { ...m },
     locked: !1,
-    filters: b(n),
-    selectedWidgetId: i[0]?.id ?? null
+    filters: _(i),
+    selectedWidgetId: n[0]?.id ?? null
   };
 }
-const D = 1.18, I = 200;
+const I = 1.18, C = 200;
+function w(e, i) {
+  return e.z_index !== i.z_index ? e.z_index - i.z_index : e.created_at_unix_ms !== i.created_at_unix_ms ? e.created_at_unix_ms - i.created_at_unix_ms : e.id.localeCompare(i.id);
+}
 function E(e) {
-  const n = typeof window < "u" ? window.innerWidth : 1280, r = typeof window < "u" ? window.innerHeight : 800;
-  let a = e.clientX, i = e.clientY;
-  return a + e.menuWidth > n && (a = Math.max(0, n - e.menuWidth - 8)), i + e.menuHeight > r && (i = Math.max(0, r - e.menuHeight - 8)), { left: a, top: i };
+  const i = [...e].sort(w), r = /* @__PURE__ */ new Map();
+  for (const [s, n] of i.entries())
+    r.set(n.id, s + 1);
+  return {
+    byWidgetId: r,
+    topRenderLayer: Math.max(i.length, 1)
+  };
 }
 function H(e) {
-  return e.reduce((n, r) => Math.max(n, r.z_index), 1);
+  const i = typeof window < "u" ? window.innerWidth : 1280, r = typeof window < "u" ? window.innerHeight : 800;
+  let s = e.clientX, n = e.clientY;
+  return s + e.menuWidth > i && (s = Math.max(0, i - e.menuWidth - 8)), n + e.menuHeight > r && (n = Math.max(0, r - e.menuHeight - 8)), { left: s, top: n };
+}
+function T(e) {
+  return e.reduce((i, r) => Math.max(i, r.z_index), 1);
 }
-function T(e, n, r, a) {
-  const i = e.filter((o) => a[o.type]);
-  if (i.length === 0) return null;
-  if (!n) return i[0] ?? null;
-  const s = i.find((o) => o.id === n);
-  if (!s) return i[0] ?? null;
-  const c = s.x + s.width / 2, t = s.y + s.height / 2;
-  let u = null, f = 1 / 0;
-  for (const o of i) {
-    if (o.id === n) continue;
-    const d = o.x + o.width / 2 - c, l = o.y + o.height / 2 - t;
-    let h = !1;
+function O(e, i, r, s) {
+  const n = e.filter((o) => s[o.type]);
+  if (n.length === 0) return null;
+  if (!i) return n[0] ?? null;
+  const a = n.find((o) => o.id === i);
+  if (!a) return n[0] ?? null;
+  const d = a.x + a.width / 2, t = a.y + a.height / 2;
+  let u = null, h = 1 / 0;
+  for (const o of n) {
+    if (o.id === i) continue;
+    const c = o.x + o.width / 2 - d, l = o.y + o.height / 2 - t;
+    let f = !1;
     switch (r) {
       case "up":
-        h = l < -10;
+        f = l < -10;
         break;
       case "down":
-        h = l > 10;
+        f = l > 10;
         break;
       case "left":
-        h = d < -10;
+        f = c < -10;
         break;
       case "right":
-        h = d > 10;
+        f = c > 10;
         break;
     }
-    if (!h) continue;
-    const p = Math.sqrt(d * d + l * l), _ = Math.atan2(
-      Math.abs(r === "up" || r === "down" ? d : l),
-      Math.abs(r === "up" || r === "down" ? l : d)
-    ), y = p * (1 + _ * 1.5);
-    y < f && (f = y, u = o);
+    if (!f) continue;
+    const b = Math.sqrt(c * c + l * l), p = Math.atan2(
+      Math.abs(r === "up" || r === "down" ? c : l),
+      Math.abs(r === "up" || r === "down" ? l : c)
+    ), y = b * (1 + p * 1.5);
+    y < h && (h = y, u = o);
   }
   return u;
 }
-function C(e, n = 0.45, r = 2.2) {
-  return Math.max(n, Math.min(r, e));
+function R(e, i = 0.45, r = 2.2) {
+  return Math.max(i, Math.min(r, e));
 }
-function O(e, n = 0) {
-  return 16 + Math.max(1, e) * 32 + Math.max(0, n) * 9;
+function v(e, i = 0) {
+  return 16 + Math.max(1, e) * 32 + Math.max(0, i) * 9;
 }
 export {
-  D as WORKBENCH_CANVAS_ZOOM_STEP,
-  I as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
-  C as clampScale,
-  E as createContextMenuPosition,
-  N as createDefaultWorkbenchState,
+  I as WORKBENCH_CANVAS_ZOOM_STEP,
+  C as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  R as clampScale,
+  H as createContextMenuPosition,
+  z as createDefaultWorkbenchState,
   F as createWorkbenchId,
-  O as estimateContextMenuHeight,
-  T as findNearestWidget,
-  H as getTopZIndex,
+  E as createWorkbenchRenderLayerMap,
+  v as estimateContextMenuHeight,
+  O as findNearestWidget,
+  T as getTopZIndex,
   k as sanitizeFilters,
   M as sanitizeViewport,
-  z as sanitizeWorkbenchState
+  D as sanitizeWorkbenchState
 };