@floegence/floe-webapp-core 0.36.44 → 0.36.45

package/dist/components/ui/InfiniteCanvas.js

@@ -1,37 +1,37 @@
-import { spread as B, mergeProps as j, insert as _, effect as q, className as G, setStyleProperty as J, template as K, use as Q } from "solid-js/web";
-import { createSignal as T, untrack as L, createMemo as ee, createEffect as A, onCleanup as I } from "solid-js";
+import { spread as z, mergeProps as B, insert as _, effect as j, className as q, setStyleProperty as G, template as J, use as K } from "solid-js/web";
+import { createSignal as T, untrack as L, createEffect as A, onCleanup as I } from "solid-js";
 import { cn as D } from "../../utils/cn.js";
 import { startHotInteraction as R } from "../../utils/hotInteraction.js";
-import { resolveSurfaceInteractionTargetRole as te, resolveSurfaceWheelRouting as ne, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as re } from "./localInteractionSurface.js";
-import { startPointerSession as oe } from "./pointerSession.js";
-import { clientToCanvasLocal as x, localToCanvasWorld as ae, createViewportFromZoomAnchor as ie } from "./canvasGeometry.js";
-import { SURFACE_PORTAL_LAYER_ATTR as ce } from "./dialogSurfaceScope.js";
-var le = /* @__PURE__ */ K('<div><div style="transform-origin:0 0">');
-const se = 1, ue = 0.45, fe = 2.2, de = 14e-4, me = '[data-floe-canvas-pan-surface="true"]', Y = 3;
-function Se(t, a, f) {
+import { resolveSurfaceInteractionTargetRole as Q, resolveSurfaceWheelRouting as ee, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as te } from "./localInteractionSurface.js";
+import { startPointerSession as ne } from "./pointerSession.js";
+import { clientToCanvasLocal as x, localToCanvasWorld as re, createViewportFromZoomAnchor as oe } from "./canvasGeometry.js";
+import { SURFACE_PORTAL_LAYER_ATTR as ae } from "./dialogSurfaceScope.js";
+var ie = /* @__PURE__ */ J('<div><div style="transform-origin:0 0">');
+const ce = 1, le = 0.45, se = 2.2, ue = 14e-4, fe = '[data-floe-canvas-pan-surface="true"]', Y = 3;
+function de(t, a, f) {
   return Math.max(a, Math.min(f, t));
 }
 function b(t) {
   return {
     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 : se
+    scale: Number.isFinite(t.scale) && t.scale > 0 ? t.scale : ce
   };
 }
-function ve(t, a) {
+function me(t, a) {
   return t.deltaMode === 1 ? t.deltaY * 16 : t.deltaMode === 2 ? t.deltaY * (a?.clientHeight ?? window.innerHeight) : t.deltaY;
 }
-function Te(t) {
+function Pe(t) {
   const [a, f] = T(L(() => b(t.viewport))), [S, v] = T(null);
   let i, s, d, m = !1, l;
-  const M = () => t.interactiveSelector ?? '[data-floe-canvas-interactive="true"]', X = () => t.panSurfaceSelector ?? me, y = () => t.wheelInteractiveSelector ?? re, F = () => t.minScale ?? ue, V = () => t.maxScale ?? fe, k = () => t.wheelZoomSpeed ?? de, N = () => {
+  const M = () => t.interactiveSelector ?? '[data-floe-canvas-interactive="true"]', X = () => t.panSurfaceSelector ?? fe, F = () => t.wheelInteractiveSelector ?? te, V = () => t.minScale ?? le, y = () => t.maxScale ?? se, k = () => t.wheelZoomSpeed ?? ue, N = () => {
     const e = S();
     return e ? e.startedFromPanSurface ? e.moved : !0 : !1;
-  }, U = ee(() => t.overlay?.(a)), w = () => {
+  }, w = () => {
     d !== void 0 && (window.clearTimeout(d), d = void 0);
   }, g = () => {
     m = !1, l !== void 0 && (window.clearTimeout(l), l = void 0);
-  }, W = () => {
+  }, U = () => {
     if (typeof window > "u") {
       m = !1;
       return;
@@ -41,7 +41,7 @@ function Te(t) {
     }, 0);
   }, C = (e) => {
     L(() => t.onViewportChange?.(e));
-  }, Z = (e) => {
+  }, W = (e) => {
     if (typeof window > "u") {
       C(e);
       return;
@@ -49,16 +49,16 @@ function Te(t) {
     w(), d = window.setTimeout(() => {
       d = void 0, C(e);
     }, 90);
-  }, h = (e) => (t.resolveTargetRole ?? te)({
+  }, h = (e) => (t.resolveTargetRole ?? Q)({
     target: e,
     interactiveSelector: M(),
     panSurfaceSelector: X()
-  }), H = () => {
+  }), Z = () => {
     const e = S();
     if (!e) return;
     e.stopInteraction?.();
     const n = a();
-    v(null), s = void 0, e.startedFromPanSurface && e.moved && (m = !0, W()), C(n);
+    v(null), s = void 0, e.startedFromPanSurface && e.moved && (m = !0, U()), C(n);
   };
   A(() => {
     S() || f(b(t.viewport));
@@ -79,7 +79,7 @@ function Te(t) {
       commit: !0
     }), s = void 0, g();
   });
-  const O = (e) => {
+  const H = (e) => {
     if (e.button !== 0) return;
     const n = h(e.target);
     if (n === "canvas" && t.onCanvasPointerDown?.(e), t.disablePanZoom) return;
@@ -98,16 +98,16 @@ function Te(t) {
         kind: "drag",
         cursor: "grabbing"
       })
-    }), s = oe({
+    }), s = ne({
       pointerEvent: e,
       captureEl: i ?? null,
       capturePointer: !r,
-      onMove: $,
+      onMove: O,
       onEnd: () => {
-        H();
+        Z();
       }
     }));
-  }, $ = (e) => {
+  }, O = (e) => {
     const n = S();
     if (!n || n.pointerId !== e.pointerId) return;
     const r = e.clientX - n.startClientX, o = e.clientY - n.startClientY;
@@ -128,24 +128,24 @@ function Te(t) {
     }), f(u);
   }, E = (e) => {
     const n = i?.getBoundingClientRect();
-    if (!n || (t.resolveWheelRouting ?? ne)({
+    if (!n || (t.resolveWheelRouting ?? ee)({
       target: e.target,
       disablePanZoom: !!t.disablePanZoom,
-      wheelInteractiveSelector: y()
+      wheelInteractiveSelector: F()
     }).kind !== "canvas_zoom") return;
     e.preventDefault(), t.onViewportInteractionStart?.("wheel");
     const o = a(), c = x(n, {
       clientX: e.clientX,
       clientY: e.clientY
-    }), u = ve(e, i), p = Se(o.scale * Math.exp(-u * k()), F(), V());
+    }), u = me(e, i), p = de(o.scale * Math.exp(-u * k()), V(), y());
     if (Math.abs(p - o.scale) < 1e-4) return;
-    const P = ie({
+    const P = oe({
       viewport: o,
       localPoint: c,
       nextScale: p
     });
-    f(P), Z(P);
-  }, z = (e) => {
+    f(P), W(P);
+  }, $ = (e) => {
     if (h(e.target) !== "canvas") return;
     const n = i?.getBoundingClientRect();
     if (!n) return;
@@ -153,7 +153,7 @@ function Te(t) {
     const r = x(n, {
       clientX: e.clientX,
       clientY: e.clientY
-    }), o = a(), c = ae(o, r);
+    }), o = a(), c = re(o, r);
     t.onCanvasContextMenu?.({
       clientX: e.clientX,
       clientY: e.clientY,
@@ -164,22 +164,22 @@ function Te(t) {
     });
   };
   return (() => {
-    var e = le(), n = e.firstChild, r = i;
-    return typeof r == "function" ? Q(r, e) : i = e, B(e, j({
+    var e = ie(), n = e.firstChild, r = i;
+    return typeof r == "function" ? K(r, e) : i = e, z(e, B({
       get class() {
         return D("floe-infinite-canvas", N() && "is-panning", t.disablePanZoom && "is-locked", t.class);
       }
     }, {
-      [ce]: "true"
+      [ae]: "true"
     }, {
-      onPointerDown: O,
-      onContextMenu: z,
+      onPointerDown: H,
+      onContextMenu: $,
       get "aria-label"() {
         return t.ariaLabel ?? "Infinite canvas";
       }
-    }), !1, !0), _(n, () => t.children), _(e, U, null), q((o) => {
+    }), !1, !0), _(n, () => t.children), _(e, () => t.overlay?.(a), null), j((o) => {
       var c = D("floe-infinite-canvas__viewport", t.contentClass), u = `translate(${a().x}px, ${a().y}px) scale(${a().scale})`;
-      return c !== o.e && G(n, o.e = c), u !== o.t && J(n, "transform", o.t = u), o;
+      return c !== o.e && q(n, o.e = c), u !== o.t && G(n, "transform", o.t = u), o;
     }, {
       e: void 0,
       t: void 0
@@ -187,5 +187,5 @@ function Te(t) {
   })();
 }
 export {
-  Te as InfiniteCanvas
+  Pe as InfiniteCanvas
 };

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,50 +1,50 @@
-import { use as b, insert as k, createComponent as a, memo as y, effect as R, template as F } from "solid-js/web";
-import { createMemo as c, Show as M, For as s } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as N } from "./workbenchInteractionAdapter.js";
-import { WORKBENCH_STICKY_FILTER_ID as O } from "./types.js";
-import { WorkbenchCanvasField as j } from "./WorkbenchCanvasField.js";
-import { WorkbenchStickyNote as D } from "./WorkbenchLayerObjects.js";
-import { WorkbenchWidget as x } from "./WorkbenchWidget.js";
-import { createWorkbenchRenderLayerMap as V, resolveWorkbenchWidgetRenderMode as L, WORKBENCH_MIN_SCALE as z } from "./workbenchHelpers.js";
-import { getWidgetEntry as S } from "./widgets/widgetRegistry.js";
-import { InfiniteCanvas as A } from "../ui/InfiniteCanvas.js";
-var E = /* @__PURE__ */ F("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), _ = /* @__PURE__ */ F("<div class=workbench-canvas__projected-layer>");
-function q(e) {
-  const r = c((o) => {
-    const l = e.widgetById().get(e.widgetId);
-    if (l) return l;
-    if (o) return o;
+import { use as D, insert as S, createComponent as u, memo as y, effect as M, template as N } from "solid-js/web";
+import { createMemo as d, createSignal as B, Show as E, For as O } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as _ } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as z, WORKBENCH_TEXT_FILTER_ID as V, WORKBENCH_STICKY_FILTER_ID as q } from "./types.js";
+import { WorkbenchCanvasField as U } from "./WorkbenchCanvasField.js";
+import { WorkbenchBackgroundLayerView as P, WorkbenchAnnotationLayerView as T, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as $, WorkbenchStickyNote as K } from "./WorkbenchLayerObjects.js";
+import { WorkbenchWidget as H } from "./WorkbenchWidget.js";
+import { createWorkbenchRenderLayerMap as Z, resolveWorkbenchModeStrategy as X, resolveWorkbenchWidgetRenderMode as j } from "./workbenchHelpers.js";
+import { getWidgetEntry as I } from "./widgets/widgetRegistry.js";
+import { InfiniteCanvas as Y } from "../ui/InfiniteCanvas.js";
+var J = /* @__PURE__ */ N("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), Q = /* @__PURE__ */ N("<div class=workbench-canvas__projected-layer><div class=workbench-canvas__projected-work-layer>");
+function p(e) {
+  const a = d((c) => {
+    const w = e.widgetById().get(e.widgetId);
+    if (w) return w;
+    if (c) return c;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the projected render map.`);
-  }), t = c(() => S(r().type, e.widgetDefinitions));
-  return a(x, {
+  }), n = d(() => I(a().type, e.widgetDefinitions));
+  return u(H, {
     get definition() {
-      return t();
+      return n();
     },
     get widgetId() {
       return e.widgetId;
     },
     get widgetTitle() {
-      return r().title;
+      return a().title;
     },
     get widgetType() {
-      return r().type;
+      return a().type;
     },
     get x() {
-      return r().x;
+      return a().x;
     },
     get y() {
-      return r().y;
+      return a().y;
     },
     get width() {
-      return r().width;
+      return a().width;
     },
     get height() {
-      return r().height;
+      return a().height;
     },
     get renderLayer() {
       return e.renderLayers().byWidgetId.get(e.widgetId) ?? 1;
     },
-    itemSnapshot: r,
+    itemSnapshot: a,
     get selected() {
       return e.selectedWidgetId === e.widgetId;
     },
@@ -61,7 +61,7 @@ function q(e) {
       return e.locked;
     },
     get filtered() {
-      return y(() => e.mode !== "background")() && e.filters[r().type] === !1;
+      return y(() => !e.locked)() && e.filters[a().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -117,16 +117,16 @@ function q(e) {
     }
   });
 }
-function B(e) {
-  const r = c((t) => {
-    const o = e.stickyNoteById().get(e.noteId);
-    if (o) return o;
-    if (t) return t;
+function ee(e) {
+  const a = d((n) => {
+    const c = e.stickyNoteById().get(e.noteId);
+    if (c) return c;
+    if (n) return n;
     throw new Error(`Workbench sticky note ${e.noteId} is missing from the projected render map.`);
   });
-  return a(D, {
+  return u(K, {
     get item() {
-      return r();
+      return a();
     },
     get selected() {
       return y(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
@@ -155,14 +155,14 @@ function B(e) {
     get optimisticFront() {
       return e.optimisticFrontWidgetId === e.noteId;
     },
-    onSelect: (t) => e.onSelectStickyNote?.(t),
-    onContextMenu: (t, o) => e.onStickyNoteContextMenu?.(t, o),
-    onStartOptimisticFront: (t) => e.onStartStickyOptimisticFront?.(t),
-    onCommitFront: (t) => e.onCommitStickyFront?.(t),
-    onCommitMove: (t, o) => e.onCommitStickyMove?.(t, o),
-    onCommitResize: (t, o) => e.onCommitStickyResize?.(t, o),
-    onUpdate: (t, o) => e.onUpdateStickyNote?.(t, o),
-    onDelete: (t) => e.onDeleteStickyNote?.(t),
+    onSelect: (n) => e.onSelectStickyNote?.(n),
+    onContextMenu: (n, c) => e.onStickyNoteContextMenu?.(n, c),
+    onStartOptimisticFront: (n) => e.onStartStickyOptimisticFront?.(n),
+    onCommitFront: (n) => e.onCommitStickyFront?.(n),
+    onCommitMove: (n, c) => e.onCommitStickyMove?.(n, c),
+    onCommitResize: (n, c) => e.onCommitStickyResize?.(n, c),
+    onUpdate: (n, c) => e.onUpdateStickyNote?.(n, c),
+    onDelete: (n) => e.onDeleteStickyNote?.(n),
     get onLayoutInteractionStart() {
       return e.onLayoutInteractionStart;
     },
@@ -171,25 +171,27 @@ function B(e) {
     }
   });
 }
-function Q(e) {
-  const r = c(() => N(e.interactionAdapter)), t = c(() => new Map(e.widgets.map((n) => [n.id, n]))), o = c(() => (e.stickyNotes ?? []).map((n) => n.id)), l = c(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), C = c(() => V([...e.widgets, ...e.stickyNotes ?? []])), u = c(() => e.mode === "background"), w = c(() => e.mode === "background"), W = c(() => e.widgets.filter((n) => {
-    const g = S(n.type, e.widgetDefinitions);
-    return L(g) === "canvas_scaled";
-  })), v = c(() => e.widgets.filter((n) => {
-    const g = S(n.type, e.widgetDefinitions);
-    return L(g) === "projected_surface";
-  }).map((n) => n.id)), I = c(() => v().length > 0), h = c(() => I() ? [] : e.stickyNotes ?? []), f = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
+function me(e) {
+  const a = d(() => _(e.interactionAdapter)), n = d(() => new Map(e.widgets.map((r) => [r.id, r]))), c = d(() => (e.stickyNotes ?? []).map((r) => r.id)), w = d(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), R = d(() => Z([...e.widgets, ...e.stickyNotes ?? []])), f = $(), [v, s] = B(null), L = d(() => X(e.mode)), C = d(() => L().workLayerLocked), m = d(() => L().layerEditingEnabled), x = d(() => e.widgets.filter((r) => {
+    const k = I(r.type, e.widgetDefinitions);
+    return j(k) === "canvas_scaled";
+  })), b = d(() => e.widgets.filter((r) => {
+    const k = I(r.type, e.widgetDefinitions);
+    return j(k) === "projected_surface";
+  }).map((r) => r.id)), h = d(() => b().length > 0), A = d(() => h() ? [] : e.stickyNotes ?? []), W = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, F = h;
   return (() => {
-    var n = E();
-    n.firstChild;
-    var g = e.setCanvasFrameRef;
-    return typeof g == "function" ? b(g, n) : e.setCanvasFrameRef = n, k(n, a(A, {
+    var r = J();
+    r.firstChild;
+    var k = e.setCanvasFrameRef;
+    return typeof k == "function" ? D(k, r) : e.setCanvasFrameRef = r, S(r, u(Y, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
         return e.viewport;
       },
-      minScale: z,
+      get minScale() {
+        return L().minScale;
+      },
       get onViewportChange() {
         return e.onViewportCommit;
       },
@@ -202,40 +204,90 @@ function Q(e) {
       get onCanvasPointerDown() {
         return e.onCanvasPointerDown;
       },
-      resolveTargetRole: (i) => r().resolveSurfaceTargetRole({
-        target: i.target,
-        interactiveSelector: i.interactiveSelector,
-        panSurfaceSelector: i.panSurfaceSelector
+      resolveTargetRole: (o) => a().resolveSurfaceTargetRole({
+        target: o.target,
+        interactiveSelector: o.interactiveSelector,
+        panSurfaceSelector: o.panSurfaceSelector
       }),
-      resolveWheelRouting: (i) => r().resolveWheelRouting({
-        target: i.target,
-        disablePanZoom: i.disablePanZoom,
+      resolveWheelRouting: (o) => a().resolveWheelRouting({
+        target: o.target,
+        disablePanZoom: o.disablePanZoom,
         selectedWidgetId: e.selectedObject?.kind === "widget" || e.selectedObject?.kind === "sticky_note" ? e.selectedObject.id : e.selectedWidgetId,
-        wheelInteractiveSelector: i.wheelInteractiveSelector
+        wheelInteractiveSelector: o.wheelInteractiveSelector
       }),
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (i) => a(M, {
+      overlay: (o) => u(E, {
         get when() {
-          return I();
+          return F();
         },
         get children() {
-          var d = _();
-          return k(d, a(s, {
-            get each() {
+          var g = Q(), l = g.firstChild;
+          return S(g, u(P, {
+            get items() {
+              return e.backgroundLayers ?? [];
+            },
+            get selectedObject() {
+              return e.selectedObject ?? null;
+            },
+            get editable() {
+              return y(() => !!m())() && !e.locked;
+            },
+            get filtered() {
+              return e.filters[z] === !1;
+            },
+            projection: "screen",
+            get preview() {
+              return v();
+            },
+            onPreviewGeometry: s,
+            get viewport() {
+              return o();
+            },
+            onSelect: (t) => e.onSelectBackgroundLayer?.(t),
+            onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
+            onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
+          }), l), S(g, u(T, {
+            get items() {
+              return e.annotations ?? [];
+            },
+            get selectedObject() {
+              return e.selectedObject ?? null;
+            },
+            get editable() {
+              return y(() => !!m())() && !e.locked;
+            },
+            get filtered() {
+              return e.filters[V] === !1;
+            },
+            projection: "screen",
+            get preview() {
               return v();
             },
-            children: (m) => a(q, {
-              widgetId: m,
+            onPreviewGeometry: s,
+            textEditorRegistry: f,
+            get viewport() {
+              return o();
+            },
+            onSelect: (t) => e.onSelectAnnotation?.(t),
+            onContextMenu: (t, i) => e.onAnnotationContextMenu?.(t, i),
+            onCommitMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
+            onUpdate: (t, i) => e.onUpdateTextAnnotation?.(t, i)
+          }), l), S(l, u(O, {
+            get each() {
+              return b();
+            },
+            children: (t) => u(p, {
+              widgetId: t,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
               },
               get canvasFrameSize() {
                 return e.canvasFrameSize;
               },
-              widgetById: t,
-              renderLayers: C,
+              widgetById: n,
+              renderLayers: R,
               get selectedWidgetId() {
                 return y(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
               },
@@ -243,13 +295,13 @@ function Q(e) {
                 return e.optimisticFrontWidgetId;
               },
               get locked() {
-                return e.locked || u();
+                return e.locked || C();
               },
               get filters() {
                 return e.filters;
               },
               get interactionAdapter() {
-                return r();
+                return a();
               },
               get setCanvasFrameRef() {
                 return e.setCanvasFrameRef;
@@ -293,31 +345,31 @@ function Q(e) {
               get onLayoutInteractionEnd() {
                 return e.onLayoutInteractionEnd;
               },
-              projectedViewport: i,
+              projectedViewport: o,
               get surfaceReady() {
-                return f();
+                return W();
               }
             })
-          }), null), k(d, a(s, {
+          }), null), S(l, u(O, {
             get each() {
-              return o();
+              return c();
             },
-            children: (m) => a(B, {
-              noteId: m,
-              stickyNoteById: l,
+            children: (t) => u(ee, {
+              noteId: t,
+              stickyNoteById: w,
               get selectedObject() {
                 return e.selectedObject;
               },
-              renderLayers: C,
-              projectedViewport: i,
+              renderLayers: R,
+              projectedViewport: o,
               get optimisticFrontWidgetId() {
                 return e.optimisticFrontWidgetId;
               },
               get locked() {
-                return e.locked || u();
+                return e.locked || C();
               },
               get filtered() {
-                return y(() => !u())() && e.filters[O] === !1;
+                return y(() => !C())() && e.filters[q] === !1;
               },
               get onSelectStickyNote() {
                 return e.onSelectStickyNote;
@@ -350,22 +402,54 @@ function Q(e) {
                 return e.onLayoutInteractionEnd;
               },
               get surfaceReady() {
-                return f();
+                return W();
               }
             })
-          }), null), R(() => d.classList.toggle("is-work-layer-locked", !!u())), d;
+          }), null), S(g, u(G, {
+            get annotations() {
+              return e.annotations ?? [];
+            },
+            get backgroundLayers() {
+              return e.backgroundLayers ?? [];
+            },
+            get selectedObject() {
+              return e.selectedObject ?? null;
+            },
+            get editable() {
+              return y(() => !!m())() && !e.locked;
+            },
+            get showRegionOutlines() {
+              return m();
+            },
+            projection: "screen",
+            get viewport() {
+              return o();
+            },
+            get preview() {
+              return v();
+            },
+            onPreviewGeometry: s,
+            textEditorRegistry: f,
+            onCommitAnnotationMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
+            onCommitAnnotationResize: (t, i) => e.onCommitAnnotationResize?.(t, i),
+            onUpdateTextAnnotation: (t, i) => e.onUpdateTextAnnotation?.(t, i),
+            onDeleteAnnotation: (t) => e.onDeleteAnnotation?.(t),
+            onCommitBackgroundResize: (t, i) => e.onCommitBackgroundResize?.(t, i),
+            onUpdateBackgroundLayer: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
+            onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
+          }), null), M(() => g.classList.toggle("is-work-layer-locked", !!C())), g;
         }
       }),
       get children() {
-        return a(j, {
+        return u(U, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
-            return W();
+            return x();
           },
           get stickyNotes() {
-            return h();
+            return A();
           },
           get annotations() {
             return e.annotations ?? [];
@@ -386,13 +470,19 @@ function Q(e) {
             return e.optimisticFrontWidgetId;
           },
           get workLayerLocked() {
-            return u();
+            return C();
           },
           get annotationLayerEditable() {
-            return w();
+            return m();
           },
           get backgroundLayerEditable() {
-            return w();
+            return m();
+          },
+          get showRegionOutlines() {
+            return m();
+          },
+          get renderFreeformLayers() {
+            return !F();
           },
           get viewportScale() {
             return e.viewport.scale;
@@ -404,7 +494,7 @@ function Q(e) {
             return e.filters;
           },
           get interactionAdapter() {
-            return r();
+            return a();
           },
           get onSelectWidget() {
             return e.onSelectWidget;
@@ -504,18 +594,23 @@ function Q(e) {
           },
           get onLayoutInteractionEnd() {
             return e.onLayoutInteractionEnd;
-          }
+          },
+          get layerGeometryPreview() {
+            return v();
+          },
+          onLayerGeometryPreview: s,
+          textEditorRegistry: f
         });
       }
-    }), null), R((i) => {
-      var d = !!e.locked, m = !!u();
-      return d !== i.e && n.classList.toggle("is-locked", i.e = d), m !== i.t && n.classList.toggle("is-background-mode", i.t = m), i;
+    }), null), M((o) => {
+      var g = !!e.locked, l = !!m();
+      return g !== o.e && r.classList.toggle("is-locked", o.e = g), l !== o.t && r.classList.toggle("is-composition-mode", o.t = l), o;
     }, {
       e: void 0,
       t: void 0
-    }), n;
+    }), r;
   })();
 }
 export {
-  Q as WorkbenchCanvas
+  me as WorkbenchCanvas
 };