@floegence/floe-webapp-core 0.36.45 → 0.36.48

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

@@ -1,6 +1,6 @@
 import { type InfiniteCanvasContextMenuEvent } from '../../ui';
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import { type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionMode, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem } from './types';
+import { type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionMode, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem, type WorkbenchWidgetMotionIntent } from './types';
 export interface WorkbenchCanvasProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
@@ -18,6 +18,7 @@ export interface WorkbenchCanvasProps {
     optimisticFrontWidgetId: string | null;
     locked: boolean;
     filters: Record<string, boolean>;
+    widgetMotionById?: Record<string, WorkbenchWidgetMotionIntent | null | undefined>;
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     setCanvasFrameRef: (el: HTMLDivElement | undefined) => void;
     onViewportCommit: (viewport: WorkbenchViewport) => void;

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,24 +1,25 @@
-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) {
+import { use as E, insert as S, createComponent as g, memo as k, effect as F, template as x } from "solid-js/web";
+import { createMemo as d, createSignal as _, Show as z, For as O } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as V } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as q, WORKBENCH_TEXT_FILTER_ID as T, WORKBENCH_STICKY_FILTER_ID as U } from "./types.js";
+import { WorkbenchCanvasField as P } from "./WorkbenchCanvasField.js";
+import { WorkbenchBackgroundLayerView as G, WorkbenchAnnotationLayerView as $, WorkbenchLayerControlOverlayView as K, createWorkbenchTextEditorRegistry as H, WorkbenchStickyNote as Z } from "./WorkbenchLayerObjects.js";
+import { WorkbenchWidget as X } from "./WorkbenchWidget.js";
+import { createWorkbenchRenderLayerMap as Y, resolveWorkbenchModeStrategy as J, resolveWorkbenchWidgetRenderMode as j } from "./workbenchHelpers.js";
+import { createWorkbenchWidgetEnterMotionTracker as Q } from "./workbenchMotion.js";
+import { getWidgetEntry as L } from "./widgets/widgetRegistry.js";
+import { InfiniteCanvas as p } from "../ui/InfiniteCanvas.js";
+var ee = /* @__PURE__ */ x("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), te = /* @__PURE__ */ x("<div class=workbench-canvas__projected-layer><div class=workbench-canvas__projected-work-layer>");
+function ne(e) {
   const a = d((c) => {
-    const w = e.widgetById().get(e.widgetId);
-    if (w) return w;
+    const C = e.widgetById().get(e.widgetId);
+    if (C) return C;
     if (c) return c;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the projected render map.`);
-  }), n = d(() => I(a().type, e.widgetDefinitions));
-  return u(H, {
+  }), r = d(() => L(a().type, e.widgetDefinitions));
+  return g(X, {
     get definition() {
-      return n();
+      return r();
     },
     get widgetId() {
       return e.widgetId;
@@ -51,6 +52,9 @@ function p(e) {
     get optimisticFront() {
       return e.optimisticFrontWidgetId === e.widgetId;
     },
+    get motion() {
+      return e.widgetMotionById?.[e.widgetId] ?? null;
+    },
     get topRenderLayer() {
       return e.renderLayers().topRenderLayer;
     },
@@ -61,7 +65,7 @@ function p(e) {
       return e.locked;
     },
     get filtered() {
-      return y(() => !e.locked)() && e.filters[a().type] === !1;
+      return k(() => !e.locked)() && e.filters[a().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -117,19 +121,19 @@ function p(e) {
     }
   });
 }
-function ee(e) {
-  const a = d((n) => {
+function re(e) {
+  const a = d((r) => {
     const c = e.stickyNoteById().get(e.noteId);
     if (c) return c;
-    if (n) return n;
+    if (r) return r;
     throw new Error(`Workbench sticky note ${e.noteId} is missing from the projected render map.`);
   });
-  return u(K, {
+  return g(Z, {
     get item() {
       return a();
     },
     get selected() {
-      return y(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+      return k(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
     },
     get viewportScale() {
       return e.projectedViewport().scale;
@@ -155,14 +159,14 @@ function ee(e) {
     get optimisticFront() {
       return e.optimisticFrontWidgetId === e.noteId;
     },
-    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),
+    onSelect: (r) => e.onSelectStickyNote?.(r),
+    onContextMenu: (r, c) => e.onStickyNoteContextMenu?.(r, c),
+    onStartOptimisticFront: (r) => e.onStartStickyOptimisticFront?.(r),
+    onCommitFront: (r) => e.onCommitStickyFront?.(r),
+    onCommitMove: (r, c) => e.onCommitStickyMove?.(r, c),
+    onCommitResize: (r, c) => e.onCommitStickyResize?.(r, c),
+    onUpdate: (r, c) => e.onUpdateStickyNote?.(r, c),
+    onDelete: (r) => e.onDeleteStickyNote?.(r),
     get onLayoutInteractionStart() {
       return e.onLayoutInteractionStart;
     },
@@ -171,26 +175,36 @@ function ee(e) {
     }
   });
 }
-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;
+function Se(e) {
+  const a = d(() => V(e.interactionAdapter)), r = Q(() => e.widgets.map((n) => n.id)), c = d(() => {
+    const n = e.widgetMotionById;
+    if (!n)
+      return r();
+    const m = {
+      ...r()
+    };
+    for (const [o, u] of Object.entries(n))
+      u !== void 0 && (m[o] = u);
+    return m;
+  }), C = d(() => new Map(e.widgets.map((n) => [n.id, n]))), B = d(() => (e.stickyNotes ?? []).map((n) => n.id)), N = d(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), R = d(() => Y([...e.widgets, ...e.stickyNotes ?? []])), s = H(), [v, f] = _(null), I = d(() => J(e.mode)), w = d(() => I().workLayerLocked), l = d(() => I().layerEditingEnabled), A = d(() => e.widgets.filter((n) => {
+    const m = L(n.type, e.widgetDefinitions);
+    return j(m) === "canvas_scaled";
+  })), b = d(() => e.widgets.filter((n) => {
+    const m = L(n.type, e.widgetDefinitions);
+    return j(m) === "projected_surface";
+  }).map((n) => n.id)), M = d(() => b().length > 0), D = d(() => M() ? [] : e.stickyNotes ?? []), W = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, h = M;
   return (() => {
-    var r = J();
-    r.firstChild;
-    var k = e.setCanvasFrameRef;
-    return typeof k == "function" ? D(k, r) : e.setCanvasFrameRef = r, S(r, u(Y, {
+    var n = ee();
+    n.firstChild;
+    var m = e.setCanvasFrameRef;
+    return typeof m == "function" ? E(m, n) : e.setCanvasFrameRef = n, S(n, g(p, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
         return e.viewport;
       },
       get minScale() {
-        return L().minScale;
+        return I().minScale;
       },
       get onViewportChange() {
         return e.onViewportCommit;
@@ -218,13 +232,13 @@ function me(e) {
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (o) => u(E, {
+      overlay: (o) => g(z, {
         get when() {
-          return F();
+          return h();
         },
         get children() {
-          var g = Q(), l = g.firstChild;
-          return S(g, u(P, {
+          var u = te(), y = u.firstChild;
+          return S(u, g(G, {
             get items() {
               return e.backgroundLayers ?? [];
             },
@@ -232,23 +246,23 @@ function me(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!m())() && !e.locked;
+              return k(() => !!l())() && !e.locked;
             },
             get filtered() {
-              return e.filters[z] === !1;
+              return e.filters[q] === !1;
             },
             projection: "screen",
             get preview() {
               return v();
             },
-            onPreviewGeometry: s,
+            onPreviewGeometry: f,
             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, {
+          }), y), S(u, g($, {
             get items() {
               return e.annotations ?? [];
             },
@@ -256,17 +270,17 @@ function me(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!m())() && !e.locked;
+              return k(() => !!l())() && !e.locked;
             },
             get filtered() {
-              return e.filters[V] === !1;
+              return e.filters[T] === !1;
             },
             projection: "screen",
             get preview() {
               return v();
             },
-            onPreviewGeometry: s,
-            textEditorRegistry: f,
+            onPreviewGeometry: f,
+            textEditorRegistry: s,
             get viewport() {
               return o();
             },
@@ -274,11 +288,11 @@ function me(e) {
             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, {
+          }), y), S(y, g(O, {
             get each() {
               return b();
             },
-            children: (t) => u(p, {
+            children: (t) => g(ne, {
               widgetId: t,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
@@ -286,16 +300,19 @@ function me(e) {
               get canvasFrameSize() {
                 return e.canvasFrameSize;
               },
-              widgetById: n,
+              widgetById: C,
               renderLayers: R,
+              get widgetMotionById() {
+                return c();
+              },
               get selectedWidgetId() {
-                return y(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
+                return k(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
               },
               get optimisticFrontWidgetId() {
                 return e.optimisticFrontWidgetId;
               },
               get locked() {
-                return e.locked || C();
+                return e.locked || w();
               },
               get filters() {
                 return e.filters;
@@ -350,13 +367,13 @@ function me(e) {
                 return W();
               }
             })
-          }), null), S(l, u(O, {
+          }), null), S(y, g(O, {
             get each() {
-              return c();
+              return B();
             },
-            children: (t) => u(ee, {
+            children: (t) => g(re, {
               noteId: t,
-              stickyNoteById: w,
+              stickyNoteById: N,
               get selectedObject() {
                 return e.selectedObject;
               },
@@ -366,10 +383,10 @@ function me(e) {
                 return e.optimisticFrontWidgetId;
               },
               get locked() {
-                return e.locked || C();
+                return e.locked || w();
               },
               get filtered() {
-                return y(() => !C())() && e.filters[q] === !1;
+                return k(() => !w())() && e.filters[U] === !1;
               },
               get onSelectStickyNote() {
                 return e.onSelectStickyNote;
@@ -405,7 +422,7 @@ function me(e) {
                 return W();
               }
             })
-          }), null), S(g, u(G, {
+          }), null), S(u, g(K, {
             get annotations() {
               return e.annotations ?? [];
             },
@@ -416,10 +433,10 @@ function me(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!m())() && !e.locked;
+              return k(() => !!l())() && !e.locked;
             },
             get showRegionOutlines() {
-              return m();
+              return l();
             },
             projection: "screen",
             get viewport() {
@@ -428,8 +445,8 @@ function me(e) {
             get preview() {
               return v();
             },
-            onPreviewGeometry: s,
-            textEditorRegistry: f,
+            onPreviewGeometry: f,
+            textEditorRegistry: s,
             onCommitAnnotationMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
             onCommitAnnotationResize: (t, i) => e.onCommitAnnotationResize?.(t, i),
             onUpdateTextAnnotation: (t, i) => e.onUpdateTextAnnotation?.(t, i),
@@ -437,19 +454,19 @@ function me(e) {
             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;
+          }), null), F(() => u.classList.toggle("is-work-layer-locked", !!w())), u;
         }
       }),
       get children() {
-        return u(U, {
+        return g(P, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
-            return x();
+            return A();
           },
           get stickyNotes() {
-            return A();
+            return D();
           },
           get annotations() {
             return e.annotations ?? [];
@@ -470,19 +487,19 @@ function me(e) {
             return e.optimisticFrontWidgetId;
           },
           get workLayerLocked() {
-            return C();
+            return w();
           },
           get annotationLayerEditable() {
-            return m();
+            return l();
           },
           get backgroundLayerEditable() {
-            return m();
+            return l();
           },
           get showRegionOutlines() {
-            return m();
+            return l();
           },
           get renderFreeformLayers() {
-            return !F();
+            return !h();
           },
           get viewportScale() {
             return e.viewport.scale;
@@ -493,6 +510,9 @@ function me(e) {
           get filters() {
             return e.filters;
           },
+          get widgetMotionById() {
+            return c();
+          },
           get interactionAdapter() {
             return a();
           },
@@ -598,19 +618,19 @@ function me(e) {
           get layerGeometryPreview() {
             return v();
           },
-          onLayerGeometryPreview: s,
-          textEditorRegistry: f
+          onLayerGeometryPreview: f,
+          textEditorRegistry: s
         });
       }
-    }), 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;
+    }), null), F((o) => {
+      var u = !!e.locked, y = !!l();
+      return u !== o.e && n.classList.toggle("is-locked", o.e = u), y !== o.t && n.classList.toggle("is-composition-mode", o.t = y), o;
     }, {
       e: void 0,
       t: void 0
-    }), r;
+    }), n;
   })();
 }
 export {
-  me as WorkbenchCanvas
+  Se as WorkbenchCanvas
 };

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

@@ -1,5 +1,5 @@
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import { type WorkbenchWidgetItem, type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition } from './types';
+import { type WorkbenchWidgetItem, type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetMotionIntent } from './types';
 import { type WorkbenchLayerGeometryPreview, type WorkbenchTextEditorRegistry } from './WorkbenchLayerObjects';
 export interface WorkbenchCanvasFieldProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
@@ -19,6 +19,7 @@ export interface WorkbenchCanvasFieldProps {
     viewportScale: number;
     locked: boolean;
     filters: Record<string, boolean>;
+    widgetMotionById?: Record<string, WorkbenchWidgetMotionIntent | null | undefined>;
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     onSelectWidget: (widgetId: string) => void;
     onWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,20 +1,20 @@
-import { insert as m, memo as u, createComponent as d, effect as O, template as M } from "solid-js/web";
-import { createMemo as a, createSignal as E, For as I } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as x } from "./workbenchInteractionAdapter.js";
-import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as B, WORKBENCH_TEXT_FILTER_ID as N, WORKBENCH_STICKY_FILTER_ID as _ } from "./types.js";
-import { createWorkbenchRenderLayerMap as s } from "./workbenchHelpers.js";
-import { getWidgetEntry as A } from "./widgets/widgetRegistry.js";
-import { WorkbenchWidget as D } from "./WorkbenchWidget.js";
+import { insert as m, memo as g, createComponent as d, effect as M, template as O } from "solid-js/web";
+import { createMemo as a, createSignal as E, For as C } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as B } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as x, WORKBENCH_TEXT_FILTER_ID as N, WORKBENCH_STICKY_FILTER_ID as _ } from "./types.js";
+import { createWorkbenchRenderLayerMap as A } from "./workbenchHelpers.js";
+import { getWidgetEntry as D } from "./widgets/widgetRegistry.js";
+import { WorkbenchWidget as s } from "./WorkbenchWidget.js";
 import { WorkbenchBackgroundLayerView as G, WorkbenchAnnotationLayerView as T, WorkbenchLayerControlOverlayView as j, createWorkbenchTextEditorRegistry as q, WorkbenchStickyNote as z } from "./WorkbenchLayerObjects.js";
-var P = /* @__PURE__ */ M("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
+var P = /* @__PURE__ */ O("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
 function U(e) {
   const c = a((o) => {
     const l = e.widgetById().get(e.widgetId);
     if (l) return l;
     if (o) return o;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the render map.`);
-  }), n = a(() => A(c().type, e.widgetDefinitions));
-  return d(D, {
+  }), n = a(() => D(c().type, e.widgetDefinitions));
+  return d(s, {
     get definition() {
       return n();
     },
@@ -49,6 +49,9 @@ function U(e) {
     get optimisticFront() {
       return e.optimisticFrontWidgetId === e.widgetId;
     },
+    get motion() {
+      return e.widgetMotionById?.[e.widgetId] ?? null;
+    },
     get topRenderLayer() {
       return e.renderLayers().topRenderLayer;
     },
@@ -59,7 +62,7 @@ function U(e) {
       return e.locked;
     },
     get filtered() {
-      return u(() => !e.workLayerLocked)() && e.filters[c().type] === !1;
+      return g(() => !e.workLayerLocked)() && e.filters[c().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -120,7 +123,7 @@ function V(e) {
       return c();
     },
     get selected() {
-      return u(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+      return g(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
     },
     get viewportScale() {
       return e.viewportScale;
@@ -157,18 +160,18 @@ function V(e) {
   });
 }
 function p(e) {
-  const c = a(() => x(e.interactionAdapter)), n = a(() => e.widgets.map((i) => i.id)), o = a(() => new Map(e.widgets.map((i) => [i.id, i]))), l = a(() => (e.stickyNotes ?? []).map((i) => i.id)), f = a(() => new Map((e.stickyNotes ?? []).map((i) => [i.id, i]))), R = q(), S = a(() => e.textEditorRegistry ?? R), v = a(() => s([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [W, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? W() : e.layerGeometryPreview), k = (i) => {
+  const c = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((i) => i.id)), o = a(() => new Map(e.widgets.map((i) => [i.id, i]))), l = a(() => (e.stickyNotes ?? []).map((i) => i.id)), f = a(() => new Map((e.stickyNotes ?? []).map((i) => [i.id, i]))), R = q(), S = a(() => e.textEditorRegistry ?? R), v = a(() => A([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [W, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? W() : e.layerGeometryPreview), w = (i) => {
     if (e.onLayerGeometryPreview) {
       e.onLayerGeometryPreview(i);
       return;
     }
     h(i);
-  }, C = a(() => e.renderFreeformLayers !== !1);
+  }, I = a(() => e.renderFreeformLayers !== !1);
   return (() => {
-    var i = P(), F = i.firstChild, w = F.nextSibling;
+    var i = P(), F = i.firstChild, k = F.nextSibling;
     return m(i, (() => {
-      var g = u(() => !!C());
-      return () => g() ? [d(G, {
+      var u = g(() => !!I());
+      return () => u() ? [d(G, {
         get items() {
           return e.backgroundLayers ?? [];
         },
@@ -176,15 +179,15 @@ function p(e) {
           return e.selectedObject ?? null;
         },
         get editable() {
-          return u(() => !!e.backgroundLayerEditable)() && !e.locked;
+          return g(() => !!e.backgroundLayerEditable)() && !e.locked;
         },
         get filtered() {
-          return e.filters[B] === !1;
+          return e.filters[x] === !1;
         },
         get preview() {
           return y();
         },
-        onPreviewGeometry: k,
+        onPreviewGeometry: w,
         get viewport() {
           return e.viewport;
         },
@@ -199,7 +202,7 @@ function p(e) {
           return e.selectedObject ?? null;
         },
         get editable() {
-          return u(() => !!e.annotationLayerEditable)() && !e.locked;
+          return g(() => !!e.annotationLayerEditable)() && !e.locked;
         },
         get filtered() {
           return e.filters[N] === !1;
@@ -207,7 +210,7 @@ function p(e) {
         get preview() {
           return y();
         },
-        onPreviewGeometry: k,
+        onPreviewGeometry: w,
         get textEditorRegistry() {
           return S();
         },
@@ -219,12 +222,12 @@ function p(e) {
         onCommitMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
         onUpdate: (t, r) => e.onUpdateTextAnnotation?.(t, r)
       })] : null;
-    })(), w), m(w, d(I, {
+    })(), k), m(k, d(C, {
       get each() {
         return n();
       },
-      children: (g) => d(U, {
-        widgetId: g,
+      children: (u) => d(U, {
+        widgetId: u,
         get widgetDefinitions() {
           return e.widgetDefinitions;
         },
@@ -251,6 +254,9 @@ function p(e) {
         get filters() {
           return e.filters;
         },
+        get widgetMotionById() {
+          return e.widgetMotionById;
+        },
         get interactionAdapter() {
           return c();
         },
@@ -294,12 +300,12 @@ function p(e) {
           return e.onLayoutInteractionEnd;
         }
       })
-    }), null), m(w, d(I, {
+    }), null), m(k, d(C, {
       get each() {
         return l();
       },
-      children: (g) => d(V, {
-        noteId: g,
+      children: (u) => d(V, {
+        noteId: u,
         stickyNoteById: f,
         get selectedObject() {
           return e.selectedObject;
@@ -314,7 +320,7 @@ function p(e) {
           return L();
         },
         get filtered() {
-          return u(() => !e.workLayerLocked)() && e.filters[_] === !1;
+          return g(() => !e.workLayerLocked)() && e.filters[_] === !1;
         },
         get onSelectStickyNote() {
           return e.onSelectStickyNote;
@@ -349,8 +355,8 @@ function p(e) {
         renderLayers: v
       })
     }), null), m(i, (() => {
-      var g = u(() => !!C());
-      return () => g() ? d(j, {
+      var u = g(() => !!I());
+      return () => u() ? d(j, {
         get annotations() {
           return e.annotations ?? [];
         },
@@ -361,7 +367,7 @@ function p(e) {
           return e.selectedObject ?? null;
         },
         get editable() {
-          return u(() => !!(e.annotationLayerEditable || e.backgroundLayerEditable))() && !e.locked;
+          return g(() => !!(e.annotationLayerEditable || e.backgroundLayerEditable))() && !e.locked;
         },
         get showRegionOutlines() {
           return !!e.showRegionOutlines;
@@ -372,7 +378,7 @@ function p(e) {
         get preview() {
           return y();
         },
-        onPreviewGeometry: k,
+        onPreviewGeometry: w,
         get textEditorRegistry() {
           return S();
         },
@@ -384,7 +390,7 @@ function p(e) {
         onUpdateBackgroundLayer: (t, r) => e.onUpdateBackgroundLayer?.(t, r),
         onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
       }) : null;
-    })(), null), O(() => i.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), i;
+    })(), null), M(() => i.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), i;
   })();
 }
 export {

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

@@ -1,6 +1,6 @@
 import { type WorkbenchSurfaceProps } from './WorkbenchSurface';
 import type { WorkbenchState } from './types';
-type WorkbenchOverlaySurfaceProps = Pick<WorkbenchSurfaceProps, 'enableKeyboard' | 'widgetDefinitions' | 'launcherWidgetTypes' | 'textAnnotationDefaults' | 'interactionAdapter' | 'resolveContextMenuItems' | 'onApiReady' | 'onRequestDelete' | 'onLayoutInteractionStart' | 'onLayoutInteractionEnd'>;
+type WorkbenchOverlaySurfaceProps = Pick<WorkbenchSurfaceProps, 'enableKeyboard' | 'widgetDefinitions' | 'launcherWidgetTypes' | 'textAnnotationDefaults' | 'backgroundLayerDefaults' | 'interactionAdapter' | 'resolveContextMenuItems' | 'onApiReady' | 'onRequestDelete' | 'onLayoutInteractionStart' | 'onLayoutInteractionEnd'>;
 export interface WorkbenchOverlayProps extends WorkbenchOverlaySurfaceProps {
     open: boolean;
     onClose: () => void;