@floegence/floe-webapp-core 0.36.61 → 0.36.62

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

@@ -17,7 +17,7 @@ export interface WorkbenchCanvasProps {
     selectedWidgetId: string | null;
     selectedObject?: WorkbenchSelection | null;
     mode?: WorkbenchInteractionMode;
-    optimisticFrontWidgetId: string | null;
+    visualFrontOwnerId: string | null;
     locked: boolean;
     filters: Record<string, boolean>;
     widgetMotionById?: Record<string, WorkbenchWidgetMotionIntent | null | undefined>;
@@ -29,7 +29,7 @@ export interface WorkbenchCanvasProps {
     onCanvasPointerDown?: (event: PointerEvent) => void;
     onSelectWidget: (widgetId: string) => void;
     onWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
-    onStartOptimisticFront: (widgetId: string) => void;
+    onClaimVisualFrontOwner: (widgetId: string) => void;
     onCommitFront: (widgetId: string) => void;
     onCommitMove: (widgetId: string, position: {
         x: number;
@@ -41,7 +41,7 @@ export interface WorkbenchCanvasProps {
     }) => void;
     onSelectStickyNote?: (noteId: string) => void;
     onStickyNoteContextMenu?: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
-    onStartStickyOptimisticFront?: (noteId: string) => void;
+    onClaimStickyVisualFrontOwner?: (noteId: string) => void;
     onCommitStickyFront?: (noteId: string) => void;
     onCommitStickyMove?: (noteId: string, position: {
         x: number;

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,7 +1,7 @@
-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 { use as E, insert as w, createComponent as g, memo as y, effect as O, template as B } from "solid-js/web";
+import { createMemo as u, createSignal as _, Show as W, For as j } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as z } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as P, 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";
@@ -12,12 +12,12 @@ 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;
+  const a = u((c) => {
+    const v = e.widgetById().get(e.widgetId);
+    if (v) return v;
     if (c) return c;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the projected render map.`);
-  }), r = d(() => R(a().type, e.widgetDefinitions));
+  }), r = u(() => R(a().type, e.widgetDefinitions));
   return g(Y, {
     get definition() {
       return r();
@@ -50,8 +50,8 @@ function re(e) {
     get selected() {
       return e.selectedWidgetId === e.widgetId;
     },
-    get optimisticFront() {
-      return e.optimisticFrontWidgetId === e.widgetId;
+    get visualFront() {
+      return e.visualFrontOwnerId === e.widgetId;
     },
     get motion() {
       return e.widgetMotionById?.[e.widgetId] ?? null;
@@ -87,8 +87,8 @@ function re(e) {
     get onContextMenu() {
       return e.onWidgetContextMenu;
     },
-    get onStartOptimisticFront() {
-      return e.onStartOptimisticFront;
+    get onClaimVisualFrontOwner() {
+      return e.onClaimVisualFrontOwner;
     },
     get onCommitFront() {
       return e.onCommitFront;
@@ -123,7 +123,7 @@ function re(e) {
   });
 }
 function oe(e) {
-  const a = d((r) => {
+  const a = u((r) => {
     const c = e.stickyNoteById().get(e.noteId);
     if (c) return c;
     if (r) return r;
@@ -157,12 +157,12 @@ function oe(e) {
     get filtered() {
       return e.filtered;
     },
-    get optimisticFront() {
-      return e.optimisticFrontWidgetId === e.noteId;
+    get visualFront() {
+      return e.visualFrontOwnerId === e.noteId;
     },
     onSelect: (r) => e.onSelectStickyNote?.(r),
     onContextMenu: (r, c) => e.onStickyNoteContextMenu?.(r, c),
-    onStartOptimisticFront: (r) => e.onStartStickyOptimisticFront?.(r),
+    onClaimVisualFrontOwner: (r) => e.onClaimStickyVisualFrontOwner?.(r),
     onCommitFront: (r) => e.onCommitStickyFront?.(r),
     onCommitMove: (r, c) => e.onCommitStickyMove?.(r, c),
     onCommitResize: (r, c) => e.onCommitStickyResize?.(r, c),
@@ -176,29 +176,29 @@ function oe(e) {
     }
   });
 }
-function Ce(e) {
-  const a = d(() => P(e.interactionAdapter)), r = p(() => e.widgets.map((n) => n.id)), c = d(() => {
+function ve(e) {
+  const a = u(() => z(e.interactionAdapter)), r = p(() => e.widgets.map((n) => n.id)), c = u(() => {
     const n = e.widgetMotionById;
     if (!n)
       return r();
-    const m = {
+    const l = {
       ...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]))), 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;
+    for (const [o, d] of Object.entries(n))
+      d !== void 0 && (l[o] = d);
+    return l;
+  }), v = u(() => new Map(e.widgets.map((n) => [n.id, n]))), N = u(() => (e.stickyNotes ?? []).map((n) => n.id)), A = u(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), b = u(() => J([...e.widgets, ...e.stickyNotes ?? []])), I = Z(), [S, f] = _(null), s = u(() => Q(e.mode)), C = u(() => s().workLayerLocked), m = u(() => s().layerEditingEnabled), D = u(() => e.widgets.filter((n) => {
+    const l = R(n.type, e.widgetDefinitions);
+    return x(l) === "canvas_scaled";
+  })), h = u(() => e.widgets.filter((n) => {
+    const l = R(n.type, e.widgetDefinitions);
+    return x(l) === "projected_surface";
+  }).map((n) => n.id)), M = u(() => h().length > 0), V = u(() => M() ? [] : e.stickyNotes ?? []), F = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, L = M;
   return (() => {
     var n = te();
     n.firstChild;
-    var m = e.setCanvasFrameRef;
-    return typeof m == "function" ? _(m, n) : e.setCanvasFrameRef = n, S(n, g(ee, {
+    var l = e.setCanvasFrameRef;
+    return typeof l == "function" ? E(l, n) : e.setCanvasFrameRef = n, w(n, g(ee, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
@@ -233,13 +233,13 @@ function Ce(e) {
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (o) => [g(O, {
+      overlay: (o) => [g(W, {
         get when() {
           return L();
         },
         get children() {
-          var u = ne(), k = u.firstChild;
-          return S(u, g($, {
+          var d = ne(), k = d.firstChild;
+          return w(d, g($, {
             get items() {
               return e.backgroundLayers ?? [];
             },
@@ -247,14 +247,14 @@ function Ce(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!l())() && !e.locked;
+              return y(() => !!m())() && !e.locked;
             },
             get filtered() {
-              return e.filters[V] === !1;
+              return e.filters[P] === !1;
             },
             projection: "screen",
             get preview() {
-              return v();
+              return S();
             },
             onPreviewGeometry: f,
             get viewport() {
@@ -263,7 +263,7 @@ function Ce(e) {
             onSelect: (t) => e.onSelectBackgroundLayer?.(t),
             onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
             onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
-          }), k), S(u, g(K, {
+          }), k), w(d, g(K, {
             get items() {
               return e.annotations ?? [];
             },
@@ -271,14 +271,14 @@ function Ce(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!l())() && !e.locked;
+              return y(() => !!m())() && !e.locked;
             },
             get filtered() {
               return e.filters[q] === !1;
             },
             projection: "screen",
             get preview() {
-              return v();
+              return S();
             },
             onPreviewGeometry: f,
             textEditorRegistry: I,
@@ -289,7 +289,7 @@ function Ce(e) {
             onContextMenu: (t, i) => e.onAnnotationContextMenu?.(t, i),
             onCommitMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
             onUpdate: (t, i) => e.onUpdateTextAnnotation?.(t, i)
-          }), k), S(k, g(j, {
+          }), k), w(k, g(j, {
             get each() {
               return h();
             },
@@ -301,7 +301,7 @@ function Ce(e) {
               get canvasFrameSize() {
                 return e.canvasFrameSize;
               },
-              widgetById: C,
+              widgetById: v,
               renderLayers: b,
               get widgetMotionById() {
                 return c();
@@ -309,11 +309,11 @@ function Ce(e) {
               get selectedWidgetId() {
                 return y(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
               },
-              get optimisticFrontWidgetId() {
-                return e.optimisticFrontWidgetId;
+              get visualFrontOwnerId() {
+                return e.visualFrontOwnerId;
               },
               get locked() {
-                return e.locked || w();
+                return e.locked || C();
               },
               get filters() {
                 return e.filters;
@@ -336,8 +336,8 @@ function Ce(e) {
               get onWidgetContextMenu() {
                 return e.onWidgetContextMenu;
               },
-              get onStartOptimisticFront() {
-                return e.onStartOptimisticFront;
+              get onClaimVisualFrontOwner() {
+                return e.onClaimVisualFrontOwner;
               },
               get onCommitFront() {
                 return e.onCommitFront;
@@ -365,10 +365,10 @@ function Ce(e) {
               },
               projectedViewport: o,
               get surfaceReady() {
-                return W();
+                return F();
               }
             })
-          }), null), S(k, g(j, {
+          }), null), w(k, g(j, {
             get each() {
               return N();
             },
@@ -380,14 +380,14 @@ function Ce(e) {
               },
               renderLayers: b,
               projectedViewport: o,
-              get optimisticFrontWidgetId() {
-                return e.optimisticFrontWidgetId;
+              get visualFrontOwnerId() {
+                return e.visualFrontOwnerId;
               },
               get locked() {
-                return e.locked || w();
+                return e.locked || C();
               },
               get filtered() {
-                return y(() => !w())() && e.filters[T] === !1;
+                return y(() => !C())() && e.filters[T] === !1;
               },
               get onSelectStickyNote() {
                 return e.onSelectStickyNote;
@@ -395,8 +395,8 @@ function Ce(e) {
               get onStickyNoteContextMenu() {
                 return e.onStickyNoteContextMenu;
               },
-              get onStartStickyOptimisticFront() {
-                return e.onStartStickyOptimisticFront;
+              get onClaimStickyVisualFrontOwner() {
+                return e.onClaimStickyVisualFrontOwner;
               },
               get onCommitStickyFront() {
                 return e.onCommitStickyFront;
@@ -420,10 +420,10 @@ function Ce(e) {
                 return e.onLayoutInteractionEnd;
               },
               get surfaceReady() {
-                return W();
+                return F();
               }
             })
-          }), null), S(u, g(H, {
+          }), null), w(d, g(H, {
             get annotations() {
               return e.annotations ?? [];
             },
@@ -434,17 +434,17 @@ function Ce(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!l())() && !e.locked;
+              return y(() => !!m())() && !e.locked;
             },
             get showRegionOutlines() {
-              return l();
+              return m();
             },
             projection: "screen",
             get viewport() {
               return o();
             },
             get preview() {
-              return v();
+              return S();
             },
             onPreviewGeometry: f,
             textEditorRegistry: I,
@@ -455,15 +455,15 @@ function Ce(e) {
             onCommitBackgroundResize: (t, i) => e.onCommitBackgroundResize?.(t, i),
             onUpdateBackgroundLayer: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
             onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
-          }), null), F(() => u.classList.toggle("is-work-layer-locked", !!w())), u;
+          }), null), O(() => d.classList.toggle("is-work-layer-locked", !!C())), d;
         }
-      }), g(O, {
+      }), g(W, {
         get when() {
           return y(() => !!L())() ? e.placementPreview : null;
         },
-        children: (u) => g(G, {
+        children: (d) => g(G, {
           get preview() {
-            return u();
+            return d();
           },
           projection: "screen",
           get viewport() {
@@ -480,7 +480,7 @@ function Ce(e) {
             return D();
           },
           get stickyNotes() {
-            return E();
+            return V();
           },
           get annotations() {
             return e.annotations ?? [];
@@ -500,20 +500,20 @@ function Ce(e) {
           get selectedObject() {
             return e.selectedObject;
           },
-          get optimisticFrontWidgetId() {
-            return e.optimisticFrontWidgetId;
+          get visualFrontOwnerId() {
+            return e.visualFrontOwnerId;
           },
           get workLayerLocked() {
-            return w();
+            return C();
           },
           get annotationLayerEditable() {
-            return l();
+            return m();
           },
           get backgroundLayerEditable() {
-            return l();
+            return m();
           },
           get showRegionOutlines() {
-            return l();
+            return m();
           },
           get renderFreeformLayers() {
             return !L();
@@ -539,8 +539,8 @@ function Ce(e) {
           get onWidgetContextMenu() {
             return e.onWidgetContextMenu;
           },
-          get onStartOptimisticFront() {
-            return e.onStartOptimisticFront;
+          get onClaimVisualFrontOwner() {
+            return e.onClaimVisualFrontOwner;
           },
           get onCommitFront() {
             return e.onCommitFront;
@@ -557,8 +557,8 @@ function Ce(e) {
           get onStickyNoteContextMenu() {
             return e.onStickyNoteContextMenu;
           },
-          get onStartStickyOptimisticFront() {
-            return e.onStartStickyOptimisticFront;
+          get onClaimStickyVisualFrontOwner() {
+            return e.onClaimStickyVisualFrontOwner;
           },
           get onCommitStickyFront() {
             return e.onCommitStickyFront;
@@ -633,15 +633,15 @@ function Ce(e) {
             return e.onLayoutInteractionEnd;
           },
           get layerGeometryPreview() {
-            return v();
+            return S();
           },
           onLayerGeometryPreview: f,
           textEditorRegistry: I
         });
       }
-    }), null), F((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;
+    }), null), O((o) => {
+      var d = !!e.locked, k = !!m();
+      return d !== o.e && n.classList.toggle("is-locked", o.e = d), k !== o.t && n.classList.toggle("is-composition-mode", o.t = k), o;
     }, {
       e: void 0,
       t: void 0
@@ -649,5 +649,5 @@ function Ce(e) {
   })();
 }
 export {
-  Ce as WorkbenchCanvas
+  ve as WorkbenchCanvas
 };

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

@@ -12,7 +12,7 @@ export interface WorkbenchCanvasFieldProps {
     viewport: WorkbenchViewport;
     selectedObject?: WorkbenchSelection | null;
     selectedWidgetId: string | null;
-    optimisticFrontWidgetId: string | null;
+    visualFrontOwnerId: string | null;
     workLayerLocked?: boolean;
     annotationLayerEditable?: boolean;
     backgroundLayerEditable?: boolean;
@@ -25,7 +25,7 @@ export interface WorkbenchCanvasFieldProps {
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     onSelectWidget: (widgetId: string) => void;
     onWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
-    onStartOptimisticFront: (widgetId: string) => void;
+    onClaimVisualFrontOwner: (widgetId: string) => void;
     onCommitFront: (widgetId: string) => void;
     onCommitMove: (widgetId: string, position: {
         x: number;
@@ -37,7 +37,7 @@ export interface WorkbenchCanvasFieldProps {
     }) => void;
     onSelectStickyNote?: (noteId: string) => void;
     onStickyNoteContextMenu?: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
-    onStartStickyOptimisticFront?: (noteId: string) => void;
+    onClaimStickyVisualFrontOwner?: (noteId: string) => void;
     onCommitStickyFront?: (noteId: string) => void;
     onCommitStickyMove?: (noteId: string, position: {
         x: number;