@floegence/floe-webapp-core 0.36.44 → 0.36.45

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 } from './types';
+import { type WorkbenchLayerGeometryPreview, type WorkbenchTextEditorRegistry } from './WorkbenchLayerObjects';
 export interface WorkbenchCanvasFieldProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
@@ -13,6 +14,8 @@ export interface WorkbenchCanvasFieldProps {
     workLayerLocked?: boolean;
     annotationLayerEditable?: boolean;
     backgroundLayerEditable?: boolean;
+    showRegionOutlines?: boolean;
+    renderFreeformLayers?: boolean;
     viewportScale: number;
     locked: boolean;
     filters: Record<string, boolean>;
@@ -74,5 +77,8 @@ export interface WorkbenchCanvasFieldProps {
     onRequestDelete: (widgetId: string) => void;
     onLayoutInteractionStart?: () => void;
     onLayoutInteractionEnd?: () => void;
+    layerGeometryPreview?: WorkbenchLayerGeometryPreview | null;
+    onLayerGeometryPreview?: (preview: WorkbenchLayerGeometryPreview | null) => void;
+    textEditorRegistry?: WorkbenchTextEditorRegistry;
 }
 export declare function WorkbenchCanvasField(props: WorkbenchCanvasFieldProps): import("solid-js").JSX.Element;

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,20 +1,20 @@
-import { insert as g, createComponent as d, memo as u, effect as f, template as R } from "solid-js/web";
-import { createMemo as c, createSignal as W, For as L } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as h } from "./workbenchInteractionAdapter.js";
-import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as F, WORKBENCH_TEXT_FILTER_ID as M, WORKBENCH_STICKY_FILTER_ID as O } from "./types.js";
-import { createWorkbenchRenderLayerMap as E } from "./workbenchHelpers.js";
-import { getWidgetEntry as N } from "./widgets/widgetRegistry.js";
-import { WorkbenchWidget as B } from "./WorkbenchWidget.js";
-import { WorkbenchBackgroundLayerView as x, WorkbenchAnnotationLayerView as A, WorkbenchLayerControlOverlayView as D, createWorkbenchTextEditorRegistry as _, WorkbenchStickyNote as j } from "./WorkbenchLayerObjects.js";
-var q = /* @__PURE__ */ R("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
-function z(e) {
-  const a = c((o) => {
-    const m = e.widgetById().get(e.widgetId);
-    if (m) return m;
+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 { 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>");
+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 = c(() => N(a().type, e.widgetDefinitions));
-  return d(B, {
+  }), n = a(() => A(c().type, e.widgetDefinitions));
+  return d(D, {
     get definition() {
       return n();
     },
@@ -22,27 +22,27 @@ function z(e) {
       return e.widgetId;
     },
     get widgetTitle() {
-      return a().title;
+      return c().title;
     },
     get widgetType() {
-      return a().type;
+      return c().type;
     },
     get x() {
-      return a().x;
+      return c().x;
     },
     get y() {
-      return a().y;
+      return c().y;
     },
     get width() {
-      return a().width;
+      return c().width;
     },
     get height() {
-      return a().height;
+      return c().height;
     },
     get renderLayer() {
       return e.renderLayers().byWidgetId.get(e.widgetId) ?? 1;
     },
-    itemSnapshot: a,
+    itemSnapshot: c,
     get selected() {
       return e.selectedWidgetId === e.widgetId;
     },
@@ -59,7 +59,7 @@ function z(e) {
       return e.locked;
     },
     get filtered() {
-      return u(() => !e.workLayerLocked)() && e.filters[a().type] === !1;
+      return u(() => !e.workLayerLocked)() && e.filters[c().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -108,16 +108,16 @@ function z(e) {
     }
   });
 }
-function T(e) {
-  const a = c((n) => {
+function V(e) {
+  const c = a((n) => {
     const o = e.stickyNoteById().get(e.noteId);
     if (o) return o;
     if (n) return n;
     throw new Error(`Workbench sticky note ${e.noteId} is missing from the render map.`);
   });
-  return d(j, {
+  return d(z, {
     get item() {
-      return a();
+      return c();
     },
     get selected() {
       return u(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
@@ -156,64 +156,75 @@ function T(e) {
     }
   });
 }
-function X(e) {
-  const a = c(() => h(e.interactionAdapter)), n = c(() => e.widgets.map((r) => r.id)), o = c(() => new Map(e.widgets.map((r) => [r.id, r]))), m = c(() => (e.stickyNotes ?? []).map((r) => r.id)), v = c(() => new Map((e.stickyNotes ?? []).map((r) => [r.id, r]))), w = _(), S = c(() => E([...e.widgets, ...e.stickyNotes ?? []])), I = c(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), C = c(() => e.locked || !!e.workLayerLocked), [y, k] = W(null);
+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) => {
+    if (e.onLayerGeometryPreview) {
+      e.onLayerGeometryPreview(i);
+      return;
+    }
+    h(i);
+  }, C = a(() => e.renderFreeformLayers !== !1);
   return (() => {
-    var r = q(), b = r.firstChild, l = b.nextSibling;
-    return g(r, d(x, {
-      get items() {
-        return e.backgroundLayers ?? [];
-      },
-      get selectedObject() {
-        return e.selectedObject ?? null;
-      },
-      get editable() {
-        return u(() => !!e.backgroundLayerEditable)() && !e.locked;
-      },
-      get filtered() {
-        return e.filters[F] === !1;
-      },
-      get preview() {
-        return y();
-      },
-      onPreviewGeometry: k,
-      get viewport() {
-        return e.viewport;
-      },
-      onSelect: (t) => e.onSelectBackgroundLayer?.(t),
-      onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
-      onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
-    }), l), g(r, d(A, {
-      get items() {
-        return e.annotations ?? [];
-      },
-      get selectedObject() {
-        return e.selectedObject ?? null;
-      },
-      get editable() {
-        return u(() => !!e.annotationLayerEditable)() && !e.locked;
-      },
-      get filtered() {
-        return e.filters[M] === !1;
-      },
-      get preview() {
-        return y();
-      },
-      onPreviewGeometry: k,
-      textEditorRegistry: w,
-      get viewport() {
-        return e.viewport;
-      },
-      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), g(l, d(L, {
+    var i = P(), F = i.firstChild, w = F.nextSibling;
+    return m(i, (() => {
+      var g = u(() => !!C());
+      return () => g() ? [d(G, {
+        get items() {
+          return e.backgroundLayers ?? [];
+        },
+        get selectedObject() {
+          return e.selectedObject ?? null;
+        },
+        get editable() {
+          return u(() => !!e.backgroundLayerEditable)() && !e.locked;
+        },
+        get filtered() {
+          return e.filters[B] === !1;
+        },
+        get preview() {
+          return y();
+        },
+        onPreviewGeometry: k,
+        get viewport() {
+          return e.viewport;
+        },
+        onSelect: (t) => e.onSelectBackgroundLayer?.(t),
+        onContextMenu: (t, r) => e.onBackgroundLayerContextMenu?.(t, r),
+        onCommitMove: (t, r) => e.onCommitBackgroundMove?.(t, r)
+      }), d(T, {
+        get items() {
+          return e.annotations ?? [];
+        },
+        get selectedObject() {
+          return e.selectedObject ?? null;
+        },
+        get editable() {
+          return u(() => !!e.annotationLayerEditable)() && !e.locked;
+        },
+        get filtered() {
+          return e.filters[N] === !1;
+        },
+        get preview() {
+          return y();
+        },
+        onPreviewGeometry: k,
+        get textEditorRegistry() {
+          return S();
+        },
+        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)
+      })] : null;
+    })(), w), m(w, d(I, {
       get each() {
         return n();
       },
-      children: (t) => d(z, {
-        widgetId: t,
+      children: (g) => d(U, {
+        widgetId: g,
         get widgetDefinitions() {
           return e.widgetDefinitions;
         },
@@ -221,12 +232,12 @@ function X(e) {
           return e.widgets;
         },
         widgetById: o,
-        renderLayers: S,
+        renderLayers: v,
         get viewport() {
           return e.viewport;
         },
         get selectedWidgetId() {
-          return I();
+          return b();
         },
         get optimisticFrontWidgetId() {
           return e.optimisticFrontWidgetId;
@@ -235,13 +246,13 @@ function X(e) {
           return e.viewportScale;
         },
         get locked() {
-          return C();
+          return L();
         },
         get filters() {
           return e.filters;
         },
         get interactionAdapter() {
-          return a();
+          return c();
         },
         get onSelectWidget() {
           return e.onSelectWidget;
@@ -283,13 +294,13 @@ function X(e) {
           return e.onLayoutInteractionEnd;
         }
       })
-    }), null), g(l, d(L, {
+    }), null), m(w, d(I, {
       get each() {
-        return m();
+        return l();
       },
-      children: (t) => d(T, {
-        noteId: t,
-        stickyNoteById: v,
+      children: (g) => d(V, {
+        noteId: g,
+        stickyNoteById: f,
         get selectedObject() {
           return e.selectedObject;
         },
@@ -300,10 +311,10 @@ function X(e) {
           return e.viewportScale;
         },
         get locked() {
-          return C();
+          return L();
         },
         get filtered() {
-          return u(() => !e.workLayerLocked)() && e.filters[O] === !1;
+          return u(() => !e.workLayerLocked)() && e.filters[_] === !1;
         },
         get onSelectStickyNote() {
           return e.onSelectStickyNote;
@@ -335,39 +346,47 @@ function X(e) {
         get onLayoutInteractionEnd() {
           return e.onLayoutInteractionEnd;
         },
-        renderLayers: S
+        renderLayers: v
       })
-    }), null), g(r, d(D, {
-      get annotations() {
-        return e.annotations ?? [];
-      },
-      get backgroundLayers() {
-        return e.backgroundLayers ?? [];
-      },
-      get selectedObject() {
-        return e.selectedObject ?? null;
-      },
-      get editable() {
-        return u(() => !!(e.annotationLayerEditable || e.backgroundLayerEditable))() && !e.locked;
-      },
-      get viewport() {
-        return e.viewport;
-      },
-      get preview() {
-        return y();
-      },
-      onPreviewGeometry: k,
-      textEditorRegistry: w,
-      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), f(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
+    }), null), m(i, (() => {
+      var g = u(() => !!C());
+      return () => g() ? d(j, {
+        get annotations() {
+          return e.annotations ?? [];
+        },
+        get backgroundLayers() {
+          return e.backgroundLayers ?? [];
+        },
+        get selectedObject() {
+          return e.selectedObject ?? null;
+        },
+        get editable() {
+          return u(() => !!(e.annotationLayerEditable || e.backgroundLayerEditable))() && !e.locked;
+        },
+        get showRegionOutlines() {
+          return !!e.showRegionOutlines;
+        },
+        get viewport() {
+          return e.viewport;
+        },
+        get preview() {
+          return y();
+        },
+        onPreviewGeometry: k,
+        get textEditorRegistry() {
+          return S();
+        },
+        onCommitAnnotationMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
+        onCommitAnnotationResize: (t, r) => e.onCommitAnnotationResize?.(t, r),
+        onUpdateTextAnnotation: (t, r) => e.onUpdateTextAnnotation?.(t, r),
+        onDeleteAnnotation: (t) => e.onDeleteAnnotation?.(t),
+        onCommitBackgroundResize: (t, r) => e.onCommitBackgroundResize?.(t, r),
+        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;
   })();
 }
 export {
-  X as WorkbenchCanvasField
+  p as WorkbenchCanvasField
 };

package/dist/components/workbench/WorkbenchFilterBar.js

@@ -1,4 +1,4 @@
-import { insert as h, createComponent as d, effect as x, setAttribute as A, memo as le, template as I, Portal as se, setStyleProperty as de, use as ue, delegateEvents as ge } from "solid-js/web";
+import { insert as h, createComponent as d, effect as A, setAttribute as x, memo as le, template as I, Portal as se, setStyleProperty as de, use as ue, delegateEvents as ge } from "solid-js/web";
 import { createSignal as F, onCleanup as z, createEffect as ve, createMemo as W, Show as N, For as j } from "solid-js";
 import { Motion as X } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
 import { easing as H, duration as Y } from "../../utils/animations.js";
@@ -14,8 +14,8 @@ const J = 5, pe = ".workbench-dock", K = [{
   icon: fe
 }, {
   mode: "background",
-  label: "Background Mode",
-  description: "Edit regions and canvas text",
+  label: "Composition Mode",
+  description: "Arrange regions and canvas text",
   icon: Z
 }], ye = [{
   tool: "sticky-note",
@@ -118,9 +118,9 @@ function $e(t) {
       get children() {
         return t.label;
       }
-    }), null), x((n) => {
+    }), null), A((n) => {
       var w = !!t.active, k = !t.visible, v = !!a(), g = !!t.isDragging, f = `${t.label} — click to solo, drag to canvas to create`, C = t.active;
-      return w !== n.e && o.classList.toggle("is-active", n.e = w), k !== n.t && o.classList.toggle("is-filter-muted", n.t = k), v !== n.a && o.classList.toggle("is-hovered", n.a = v), g !== n.o && o.classList.toggle("is-source-dragging", n.o = g), f !== n.i && A(o, "aria-label", n.i = f), C !== n.n && A(o, "aria-pressed", n.n = C), n;
+      return w !== n.e && o.classList.toggle("is-active", n.e = w), k !== n.t && o.classList.toggle("is-filter-muted", n.t = k), v !== n.a && o.classList.toggle("is-hovered", n.a = v), g !== n.o && o.classList.toggle("is-source-dragging", n.o = g), f !== n.i && x(o, "aria-label", n.i = f), C !== n.n && x(o, "aria-pressed", n.n = C), n;
     }, {
       e: void 0,
       t: void 0,
@@ -301,9 +301,9 @@ function Ke(t) {
                 t.onSelectMode?.(b.mode), w(!1);
               }, h(_, d(c, {
                 class: "workbench-dock__mode-icon"
-              })), h($, () => b.label), h(D, () => b.description), x((O) => {
+              })), h($, () => b.label), h(D, () => b.description), A((O) => {
                 var y = M() === b.mode, R = M() === b.mode;
-                return y !== O.e && m.classList.toggle("is-active", O.e = y), R !== O.t && A(m, "aria-checked", O.t = R), O;
+                return y !== O.e && m.classList.toggle("is-active", O.e = y), R !== O.t && x(m, "aria-checked", O.t = R), O;
               }, {
                 e: void 0,
                 t: void 0
@@ -348,9 +348,9 @@ function Ke(t) {
           onDragBegin: P
         });
       }
-    }), null), x((r) => {
+    }), null), A((r) => {
       var b = M() === "background", c = !!(p() || n()), m = n();
-      return b !== r.e && l.classList.toggle("is-active", r.e = b), c !== r.t && l.classList.toggle("is-hovered", r.t = c), m !== r.a && A(l, "aria-expanded", r.a = m), r;
+      return b !== r.e && l.classList.toggle("is-active", r.e = b), c !== r.t && l.classList.toggle("is-hovered", r.t = c), m !== r.a && x(l, "aria-expanded", r.a = m), r;
     }, {
       e: void 0,
       t: void 0,
@@ -387,7 +387,7 @@ function Re(t) {
         }
       })), h(f, u), h(C, d(be, {
         class: "w-3 h-3"
-      }), E), h(E, () => a() ? "Drop to create" : "Drag onto canvas"), x((S) => {
+      }), E), h(E, () => a() ? "Drop to create" : "Drag onto canvas"), A((S) => {
         var L = !!a(), P = s();
         return L !== S.e && n.classList.toggle("is-over-canvas", S.e = L), P !== S.t && de(n, "transform", S.t = P), S;
       }, {

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

@@ -8,6 +8,7 @@ export type WorkbenchLayerGeometryPreview = {
     width: number;
     height: number;
 };
+export type WorkbenchLayerProjectionMode = 'world' | 'screen';
 export interface WorkbenchTextEditorHandle {
     focus: () => void;
     insertTextAtSelection: (text: string) => void;
@@ -51,6 +52,8 @@ export declare function WorkbenchTextAnnotation(props: {
     selected: boolean;
     editable: boolean;
     viewportScale: number;
+    viewport?: WorkbenchViewport;
+    projection?: WorkbenchLayerProjectionMode;
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;
     textEditorRegistry?: WorkbenchTextEditorRegistry;
@@ -67,6 +70,8 @@ export declare function WorkbenchBackgroundRegion(props: {
     selected: boolean;
     editable: boolean;
     viewportScale: number;
+    viewport?: WorkbenchViewport;
+    projection?: WorkbenchLayerProjectionMode;
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;
     onSelect: (layerId: string) => void;
@@ -81,6 +86,7 @@ export declare function WorkbenchBackgroundLayerView(props: {
     selectedObject: WorkbenchSelection | null;
     editable: boolean;
     filtered: boolean;
+    projection?: WorkbenchLayerProjectionMode;
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;
     viewport: WorkbenchViewport;
@@ -96,6 +102,7 @@ export declare function WorkbenchAnnotationLayerView(props: {
     selectedObject: WorkbenchSelection | null;
     editable: boolean;
     filtered: boolean;
+    projection?: WorkbenchLayerProjectionMode;
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;
     textEditorRegistry?: WorkbenchTextEditorRegistry;
@@ -113,6 +120,8 @@ export declare function WorkbenchLayerControlOverlayView(props: {
     backgroundLayers: readonly WorkbenchBackgroundLayer[];
     selectedObject: WorkbenchSelection | null;
     editable: boolean;
+    showRegionOutlines?: boolean;
+    projection?: WorkbenchLayerProjectionMode;
     viewport: WorkbenchViewport;
     preview?: WorkbenchLayerGeometryPreview | null;
     onPreviewGeometry?: (preview: WorkbenchLayerGeometryPreview | null) => void;