@floegence/floe-webapp-core 0.36.52 → 0.36.54

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

@@ -1,12 +1,14 @@
 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, type WorkbenchWidgetMotionIntent } from './types';
+import type { WorkbenchPlacementPreviewFrame } from './workbenchPlacement';
 export interface WorkbenchCanvasProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
     stickyNotes?: readonly WorkbenchStickyNoteItem[];
     annotations?: readonly WorkbenchAnnotationItem[];
     backgroundLayers?: readonly WorkbenchBackgroundLayer[];
+    placementPreview?: WorkbenchPlacementPreviewFrame | null;
     viewport: WorkbenchViewport;
     canvasFrameSize: {
         width: number;

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,23 +1,24 @@
-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) {
+import { use as _, insert as S, createComponent as g, memo as y, effect as F, template as B } from "solid-js/web";
+import { createMemo as d, createSignal as z, Show as O, For as j } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as P } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as V, WORKBENCH_TEXT_FILTER_ID as q, WORKBENCH_STICKY_FILTER_ID as T } from "./types.js";
+import { WorkbenchCanvasField as U } from "./WorkbenchCanvasField.js";
+import { WorkbenchPlacementPreview as G } from "./WorkbenchPlacementPreview.js";
+import { WorkbenchBackgroundLayerView as $, WorkbenchAnnotationLayerView as K, WorkbenchLayerControlOverlayView as H, createWorkbenchTextEditorRegistry as Z, WorkbenchStickyNote as X } from "./WorkbenchLayerObjects.js";
+import { WorkbenchWidget as Y } from "./WorkbenchWidget.js";
+import { createWorkbenchRenderLayerMap as J, resolveWorkbenchModeStrategy as Q, resolveWorkbenchWidgetRenderMode as x } from "./workbenchHelpers.js";
+import { createWorkbenchWidgetEnterMotionTracker as p } from "./workbenchMotion.js";
+import { getWidgetEntry as R } from "./widgets/widgetRegistry.js";
+import { InfiniteCanvas as ee } from "../ui/InfiniteCanvas.js";
+var te = /* @__PURE__ */ B("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), ne = /* @__PURE__ */ B("<div class=workbench-canvas__projected-layer><div class=workbench-canvas__projected-work-layer>");
+function re(e) {
   const a = d((c) => {
     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.`);
-  }), r = d(() => L(a().type, e.widgetDefinitions));
-  return g(X, {
+  }), r = d(() => R(a().type, e.widgetDefinitions));
+  return g(Y, {
     get definition() {
       return r();
     },
@@ -65,7 +66,7 @@ function ne(e) {
       return e.locked;
     },
     get filtered() {
-      return k(() => !e.locked)() && e.filters[a().type] === !1;
+      return y(() => !e.locked)() && e.filters[a().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -121,19 +122,19 @@ function ne(e) {
     }
   });
 }
-function re(e) {
+function oe(e) {
   const a = d((r) => {
     const c = e.stickyNoteById().get(e.noteId);
     if (c) return c;
     if (r) return r;
     throw new Error(`Workbench sticky note ${e.noteId} is missing from the projected render map.`);
   });
-  return g(Z, {
+  return g(X, {
     get item() {
       return a();
     },
     get selected() {
-      return k(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+      return y(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
     },
     get viewportScale() {
       return e.projectedViewport().scale;
@@ -175,8 +176,8 @@ function re(e) {
     }
   });
 }
-function Se(e) {
-  const a = d(() => V(e.interactionAdapter)), r = Q(() => e.widgets.map((n) => n.id)), c = d(() => {
+function Ce(e) {
+  const a = d(() => P(e.interactionAdapter)), r = p(() => e.widgets.map((n) => n.id)), c = d(() => {
     const n = e.widgetMotionById;
     if (!n)
       return r();
@@ -186,25 +187,25 @@ function Se(e) {
     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;
+  }), C = d(() => new Map(e.widgets.map((n) => [n.id, n]))), N = d(() => (e.stickyNotes ?? []).map((n) => n.id)), A = d(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), b = d(() => J([...e.widgets, ...e.stickyNotes ?? []])), I = Z(), [v, f] = z(null), s = d(() => Q(e.mode)), w = d(() => s().workLayerLocked), l = d(() => s().layerEditingEnabled), D = d(() => e.widgets.filter((n) => {
+    const m = R(n.type, e.widgetDefinitions);
+    return x(m) === "canvas_scaled";
+  })), h = d(() => e.widgets.filter((n) => {
+    const m = R(n.type, e.widgetDefinitions);
+    return x(m) === "projected_surface";
+  }).map((n) => n.id)), M = d(() => h().length > 0), E = d(() => M() ? [] : e.stickyNotes ?? []), W = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, L = M;
   return (() => {
-    var n = ee();
+    var n = te();
     n.firstChild;
     var m = e.setCanvasFrameRef;
-    return typeof m == "function" ? E(m, n) : e.setCanvasFrameRef = n, S(n, g(p, {
+    return typeof m == "function" ? _(m, n) : e.setCanvasFrameRef = n, S(n, g(ee, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
         return e.viewport;
       },
       get minScale() {
-        return I().minScale;
+        return s().minScale;
       },
       get onViewportChange() {
         return e.onViewportCommit;
@@ -232,13 +233,13 @@ function Se(e) {
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (o) => g(z, {
+      overlay: (o) => [g(O, {
         get when() {
-          return h();
+          return L();
         },
         get children() {
-          var u = te(), y = u.firstChild;
-          return S(u, g(G, {
+          var u = ne(), k = u.firstChild;
+          return S(u, g($, {
             get items() {
               return e.backgroundLayers ?? [];
             },
@@ -246,10 +247,10 @@ function Se(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return k(() => !!l())() && !e.locked;
+              return y(() => !!l())() && !e.locked;
             },
             get filtered() {
-              return e.filters[q] === !1;
+              return e.filters[V] === !1;
             },
             projection: "screen",
             get preview() {
@@ -262,7 +263,7 @@ function Se(e) {
             onSelect: (t) => e.onSelectBackgroundLayer?.(t),
             onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
             onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
-          }), y), S(u, g($, {
+          }), k), S(u, g(K, {
             get items() {
               return e.annotations ?? [];
             },
@@ -270,17 +271,17 @@ function Se(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return k(() => !!l())() && !e.locked;
+              return y(() => !!l())() && !e.locked;
             },
             get filtered() {
-              return e.filters[T] === !1;
+              return e.filters[q] === !1;
             },
             projection: "screen",
             get preview() {
               return v();
             },
             onPreviewGeometry: f,
-            textEditorRegistry: s,
+            textEditorRegistry: I,
             get viewport() {
               return o();
             },
@@ -288,11 +289,11 @@ function Se(e) {
             onContextMenu: (t, i) => e.onAnnotationContextMenu?.(t, i),
             onCommitMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
             onUpdate: (t, i) => e.onUpdateTextAnnotation?.(t, i)
-          }), y), S(y, g(O, {
+          }), k), S(k, g(j, {
             get each() {
-              return b();
+              return h();
             },
-            children: (t) => g(ne, {
+            children: (t) => g(re, {
               widgetId: t,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
@@ -301,12 +302,12 @@ function Se(e) {
                 return e.canvasFrameSize;
               },
               widgetById: C,
-              renderLayers: R,
+              renderLayers: b,
               get widgetMotionById() {
                 return c();
               },
               get selectedWidgetId() {
-                return k(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
+                return y(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
               },
               get optimisticFrontWidgetId() {
                 return e.optimisticFrontWidgetId;
@@ -367,17 +368,17 @@ function Se(e) {
                 return W();
               }
             })
-          }), null), S(y, g(O, {
+          }), null), S(k, g(j, {
             get each() {
-              return B();
+              return N();
             },
-            children: (t) => g(re, {
+            children: (t) => g(oe, {
               noteId: t,
-              stickyNoteById: N,
+              stickyNoteById: A,
               get selectedObject() {
                 return e.selectedObject;
               },
-              renderLayers: R,
+              renderLayers: b,
               projectedViewport: o,
               get optimisticFrontWidgetId() {
                 return e.optimisticFrontWidgetId;
@@ -386,7 +387,7 @@ function Se(e) {
                 return e.locked || w();
               },
               get filtered() {
-                return k(() => !w())() && e.filters[U] === !1;
+                return y(() => !w())() && e.filters[T] === !1;
               },
               get onSelectStickyNote() {
                 return e.onSelectStickyNote;
@@ -422,7 +423,7 @@ function Se(e) {
                 return W();
               }
             })
-          }), null), S(u, g(K, {
+          }), null), S(u, g(H, {
             get annotations() {
               return e.annotations ?? [];
             },
@@ -433,7 +434,7 @@ function Se(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return k(() => !!l())() && !e.locked;
+              return y(() => !!l())() && !e.locked;
             },
             get showRegionOutlines() {
               return l();
@@ -446,7 +447,7 @@ function Se(e) {
               return v();
             },
             onPreviewGeometry: f,
-            textEditorRegistry: s,
+            textEditorRegistry: I,
             onCommitAnnotationMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
             onCommitAnnotationResize: (t, i) => e.onCommitAnnotationResize?.(t, i),
             onUpdateTextAnnotation: (t, i) => e.onUpdateTextAnnotation?.(t, i),
@@ -456,17 +457,30 @@ function Se(e) {
             onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
           }), null), F(() => u.classList.toggle("is-work-layer-locked", !!w())), u;
         }
-      }),
+      }), g(O, {
+        get when() {
+          return y(() => !!L())() ? e.placementPreview : null;
+        },
+        children: (u) => g(G, {
+          get preview() {
+            return u();
+          },
+          projection: "screen",
+          get viewport() {
+            return o();
+          }
+        })
+      })],
       get children() {
-        return g(P, {
+        return g(U, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
-            return A();
+            return D();
           },
           get stickyNotes() {
-            return D();
+            return E();
           },
           get annotations() {
             return e.annotations ?? [];
@@ -474,6 +488,9 @@ function Se(e) {
           get backgroundLayers() {
             return e.backgroundLayers ?? [];
           },
+          get placementPreview() {
+            return e.placementPreview;
+          },
           get viewport() {
             return e.viewport;
           },
@@ -499,7 +516,7 @@ function Se(e) {
             return l();
           },
           get renderFreeformLayers() {
-            return !h();
+            return !L();
           },
           get viewportScale() {
             return e.viewport.scale;
@@ -619,12 +636,12 @@ function Se(e) {
             return v();
           },
           onLayerGeometryPreview: f,
-          textEditorRegistry: s
+          textEditorRegistry: I
         });
       }
     }), 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;
+      var u = !!e.locked, k = !!l();
+      return u !== o.e && n.classList.toggle("is-locked", o.e = u), k !== o.t && n.classList.toggle("is-composition-mode", o.t = k), o;
     }, {
       e: void 0,
       t: void 0
@@ -632,5 +649,5 @@ function Se(e) {
   })();
 }
 export {
-  Se as WorkbenchCanvas
+  Ce as WorkbenchCanvas
 };

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

@@ -1,5 +1,6 @@
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
 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 { WorkbenchPlacementPreviewFrame } from './workbenchPlacement';
 import { type WorkbenchLayerGeometryPreview, type WorkbenchTextEditorRegistry } from './WorkbenchLayerObjects';
 export interface WorkbenchCanvasFieldProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
@@ -7,6 +8,7 @@ export interface WorkbenchCanvasFieldProps {
     stickyNotes?: readonly WorkbenchStickyNoteItem[];
     annotations?: readonly WorkbenchAnnotationItem[];
     backgroundLayers?: readonly WorkbenchBackgroundLayer[];
+    placementPreview?: WorkbenchPlacementPreviewFrame | null;
     viewport: WorkbenchViewport;
     selectedObject?: WorkbenchSelection | null;
     selectedWidgetId: string | null;

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,16 +1,17 @@
-import { insert as m, memo as g, createComponent as d, effect as M, template as O } from "solid-js/web";
+import { insert as l, 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__ */ O("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
-function U(e) {
+import { WorkbenchPlacementPreview as P } from "./WorkbenchPlacementPreview.js";
+import { WorkbenchBackgroundLayerView as j, WorkbenchAnnotationLayerView as G, WorkbenchLayerControlOverlayView as T, createWorkbenchTextEditorRegistry as q, WorkbenchStickyNote as z } from "./WorkbenchLayerObjects.js";
+var U = /* @__PURE__ */ O("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
+function V(e) {
   const c = a((o) => {
-    const l = e.widgetById().get(e.widgetId);
-    if (l) return l;
+    const m = e.widgetById().get(e.widgetId);
+    if (m) return m;
     if (o) return o;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the render map.`);
   }), n = a(() => D(c().type, e.widgetDefinitions));
@@ -111,7 +112,7 @@ function U(e) {
     }
   });
 }
-function V(e) {
+function $(e) {
   const c = a((n) => {
     const o = e.stickyNoteById().get(e.noteId);
     if (o) return o;
@@ -159,19 +160,19 @@ function V(e) {
     }
   });
 }
-function p(e) {
-  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) => {
+function te(e) {
+  const c = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), o = a(() => new Map(e.widgets.map((r) => [r.id, r]))), m = a(() => (e.stickyNotes ?? []).map((r) => r.id)), f = a(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), R = q(), v = a(() => e.textEditorRegistry ?? R), S = 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 = (r) => {
     if (e.onLayerGeometryPreview) {
-      e.onLayerGeometryPreview(i);
+      e.onLayerGeometryPreview(r);
       return;
     }
-    h(i);
+    h(r);
   }, I = a(() => e.renderFreeformLayers !== !1);
   return (() => {
-    var i = P(), F = i.firstChild, k = F.nextSibling;
-    return m(i, (() => {
+    var r = U(), F = r.firstChild, k = F.nextSibling;
+    return l(r, (() => {
       var u = g(() => !!I());
-      return () => u() ? [d(G, {
+      return () => u() ? [d(j, {
         get items() {
           return e.backgroundLayers ?? [];
         },
@@ -192,9 +193,9 @@ function p(e) {
           return e.viewport;
         },
         onSelect: (t) => e.onSelectBackgroundLayer?.(t),
-        onContextMenu: (t, r) => e.onBackgroundLayerContextMenu?.(t, r),
-        onCommitMove: (t, r) => e.onCommitBackgroundMove?.(t, r)
-      }), d(T, {
+        onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
+        onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
+      }), d(G, {
         get items() {
           return e.annotations ?? [];
         },
@@ -212,21 +213,21 @@ function p(e) {
         },
         onPreviewGeometry: w,
         get textEditorRegistry() {
-          return S();
+          return v();
         },
         get viewport() {
           return e.viewport;
         },
         onSelect: (t) => e.onSelectAnnotation?.(t),
-        onContextMenu: (t, r) => e.onAnnotationContextMenu?.(t, r),
-        onCommitMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
-        onUpdate: (t, r) => e.onUpdateTextAnnotation?.(t, r)
+        onContextMenu: (t, i) => e.onAnnotationContextMenu?.(t, i),
+        onCommitMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
+        onUpdate: (t, i) => e.onUpdateTextAnnotation?.(t, i)
       })] : null;
-    })(), k), m(k, d(C, {
+    })(), k), l(k, d(C, {
       get each() {
         return n();
       },
-      children: (u) => d(U, {
+      children: (u) => d(V, {
         widgetId: u,
         get widgetDefinitions() {
           return e.widgetDefinitions;
@@ -235,7 +236,7 @@ function p(e) {
           return e.widgets;
         },
         widgetById: o,
-        renderLayers: v,
+        renderLayers: S,
         get viewport() {
           return e.viewport;
         },
@@ -300,11 +301,11 @@ function p(e) {
           return e.onLayoutInteractionEnd;
         }
       })
-    }), null), m(k, d(C, {
+    }), null), l(k, d(C, {
       get each() {
-        return l();
+        return m();
       },
-      children: (u) => d(V, {
+      children: (u) => d($, {
         noteId: u,
         stickyNoteById: f,
         get selectedObject() {
@@ -352,11 +353,11 @@ function p(e) {
         get onLayoutInteractionEnd() {
           return e.onLayoutInteractionEnd;
         },
-        renderLayers: v
+        renderLayers: S
       })
-    }), null), m(i, (() => {
+    }), null), l(r, (() => {
       var u = g(() => !!I());
-      return () => u() ? d(j, {
+      return () => u() ? d(T, {
         get annotations() {
           return e.annotations ?? [];
         },
@@ -380,19 +381,27 @@ function p(e) {
         },
         onPreviewGeometry: w,
         get textEditorRegistry() {
-          return S();
+          return v();
         },
-        onCommitAnnotationMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
-        onCommitAnnotationResize: (t, r) => e.onCommitAnnotationResize?.(t, r),
-        onUpdateTextAnnotation: (t, r) => e.onUpdateTextAnnotation?.(t, r),
+        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, r) => e.onCommitBackgroundResize?.(t, r),
-        onUpdateBackgroundLayer: (t, r) => e.onUpdateBackgroundLayer?.(t, r),
+        onCommitBackgroundResize: (t, i) => e.onCommitBackgroundResize?.(t, i),
+        onUpdateBackgroundLayer: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
         onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
       }) : null;
-    })(), null), M(() => i.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), i;
+    })(), null), l(r, d(P, {
+      get preview() {
+        return e.placementPreview;
+      },
+      projection: "world",
+      get viewport() {
+        return e.viewport;
+      }
+    }), null), M(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
   })();
 }
 export {
-  p as WorkbenchCanvasField
+  te as WorkbenchCanvasField
 };

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

@@ -14,9 +14,17 @@ export interface WorkbenchFilterBarProps {
      */
     onCreateAt?: (type: WorkbenchWidgetType, clientX: number, clientY: number) => void;
     onCreateToolAt?: (tool: WorkbenchDockToolId, clientX: number, clientY: number) => void;
+    onDragPreviewChange?: (preview: WorkbenchDockDragPreview | null) => void;
     viewport?: WorkbenchViewport;
     onViewportCommit?: (viewport: WorkbenchViewport) => void;
     onViewportInteractionStart?: (kind: 'pan') => void;
 }
+export type WorkbenchDockDragPreview = Readonly<{
+    kind: 'widget' | 'tool';
+    id: WorkbenchWidgetType | WorkbenchDockToolId;
+    label: string;
+    clientX: number;
+    clientY: number;
+}>;
 export declare function WorkbenchDock(props: WorkbenchFilterBarProps): JSX.Element;
 export declare const WorkbenchFilterBar: typeof WorkbenchDock;