@floegence/floe-webapp-core 0.36.41 → 0.36.43

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,193 +1,373 @@
-import { insert as a, createComponent as d, template as c } from "solid-js/web";
-import { createMemo as r, For as m } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as w } from "./workbenchInteractionAdapter.js";
-import { createWorkbenchRenderLayerMap as l } from "./workbenchHelpers.js";
-import { getWidgetEntry as I } from "./widgets/widgetRegistry.js";
-import { WorkbenchWidget as v } from "./WorkbenchWidget.js";
-var y = /* @__PURE__ */ c("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true>");
-function C(t) {
-  const e = r((i) => {
-    const o = t.widgetById().get(t.widgetId);
+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;
     if (o) return o;
-    if (i) return i;
-    throw new Error(`Workbench widget ${t.widgetId} is missing from the render map.`);
-  }), g = r(() => I(e().type, t.widgetDefinitions));
-  return d(v, {
+    throw new Error(`Workbench widget ${e.widgetId} is missing from the render map.`);
+  }), n = c(() => N(a().type, e.widgetDefinitions));
+  return d(B, {
     get definition() {
-      return g();
+      return n();
     },
     get widgetId() {
-      return t.widgetId;
+      return e.widgetId;
     },
     get widgetTitle() {
-      return e().title;
+      return a().title;
     },
     get widgetType() {
-      return e().type;
+      return a().type;
     },
     get x() {
-      return e().x;
+      return a().x;
     },
     get y() {
-      return e().y;
+      return a().y;
     },
     get width() {
-      return e().width;
+      return a().width;
     },
     get height() {
-      return e().height;
+      return a().height;
     },
     get renderLayer() {
-      return t.renderLayers().byWidgetId.get(t.widgetId) ?? 1;
+      return e.renderLayers().byWidgetId.get(e.widgetId) ?? 1;
     },
-    itemSnapshot: e,
+    itemSnapshot: a,
     get selected() {
-      return t.selectedWidgetId === t.widgetId;
+      return e.selectedWidgetId === e.widgetId;
     },
     get optimisticFront() {
-      return t.optimisticFrontWidgetId === t.widgetId;
+      return e.optimisticFrontWidgetId === e.widgetId;
     },
     get topRenderLayer() {
-      return t.renderLayers().topRenderLayer;
+      return e.renderLayers().topRenderLayer;
     },
     get viewportScale() {
-      return t.viewportScale;
+      return e.viewportScale;
     },
     get locked() {
-      return t.locked;
+      return e.locked;
     },
     get filtered() {
-      return !t.filters[e().type];
+      return u(() => !e.workLayerLocked)() && e.filters[a().type] === !1;
     },
     get interactionAdapter() {
-      return t.interactionAdapter;
+      return e.interactionAdapter;
     },
     get viewport() {
-      return t.viewport;
+      return e.viewport;
     },
     get onSelect() {
-      return t.onSelectWidget;
+      return e.onSelectWidget;
     },
     get onContextMenu() {
-      return t.onWidgetContextMenu;
+      return e.onWidgetContextMenu;
     },
     get onStartOptimisticFront() {
-      return t.onStartOptimisticFront;
+      return e.onStartOptimisticFront;
     },
     get onCommitFront() {
-      return t.onCommitFront;
+      return e.onCommitFront;
     },
     get onCommitMove() {
-      return t.onCommitMove;
+      return e.onCommitMove;
     },
     get onCommitResize() {
-      return t.onCommitResize;
+      return e.onCommitResize;
     },
     get onViewportCommit() {
-      return t.onViewportCommit;
+      return e.onViewportCommit;
     },
     get onViewportInteractionStart() {
-      return t.onViewportInteractionStart;
+      return e.onViewportInteractionStart;
     },
     get onRequestOverview() {
-      return t.onRequestOverview;
+      return e.onRequestOverview;
     },
     get onRequestFit() {
-      return t.onRequestFit;
+      return e.onRequestFit;
     },
     get onRequestDelete() {
-      return t.onRequestDelete;
+      return e.onRequestDelete;
     },
     get onLayoutInteractionStart() {
-      return t.onLayoutInteractionStart;
+      return e.onLayoutInteractionStart;
     },
     get onLayoutInteractionEnd() {
-      return t.onLayoutInteractionEnd;
+      return e.onLayoutInteractionEnd;
     }
   });
 }
-function L(t) {
-  const e = r(() => w(t.interactionAdapter)), g = r(() => t.widgets.map((n) => n.id)), i = r(() => new Map(t.widgets.map((n) => [n.id, n]))), o = r(() => l(t.widgets));
+function T(e) {
+  const a = c((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, {
+    get item() {
+      return a();
+    },
+    get selected() {
+      return u(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+    },
+    get viewportScale() {
+      return e.viewportScale;
+    },
+    get renderLayer() {
+      return e.renderLayers().byWidgetId.get(e.noteId) ?? e.renderLayers().topRenderLayer;
+    },
+    get topRenderLayer() {
+      return e.renderLayers().topRenderLayer;
+    },
+    get locked() {
+      return e.locked;
+    },
+    get filtered() {
+      return e.filtered;
+    },
+    get optimisticFront() {
+      return e.optimisticFrontWidgetId === e.noteId;
+    },
+    onSelect: (n) => e.onSelectStickyNote?.(n),
+    onContextMenu: (n, o) => e.onStickyNoteContextMenu?.(n, o),
+    onStartOptimisticFront: (n) => e.onStartStickyOptimisticFront?.(n),
+    onCommitFront: (n) => e.onCommitStickyFront?.(n),
+    onCommitMove: (n, o) => e.onCommitStickyMove?.(n, o),
+    onCommitResize: (n, o) => e.onCommitStickyResize?.(n, o),
+    onUpdate: (n, o) => e.onUpdateStickyNote?.(n, o),
+    onDelete: (n) => e.onDeleteStickyNote?.(n),
+    get onLayoutInteractionStart() {
+      return e.onLayoutInteractionStart;
+    },
+    get onLayoutInteractionEnd() {
+      return e.onLayoutInteractionEnd;
+    }
+  });
+}
+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);
   return (() => {
-    var n = y();
-    return n.firstChild, a(n, d(m, {
+    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, {
       get each() {
-        return g();
+        return n();
       },
-      children: (u) => d(C, {
-        widgetId: u,
+      children: (t) => d(z, {
+        widgetId: t,
         get widgetDefinitions() {
-          return t.widgetDefinitions;
+          return e.widgetDefinitions;
         },
         get widgets() {
-          return t.widgets;
+          return e.widgets;
         },
-        widgetById: i,
-        renderLayers: o,
+        widgetById: o,
+        renderLayers: S,
         get viewport() {
-          return t.viewport;
+          return e.viewport;
         },
         get selectedWidgetId() {
-          return t.selectedWidgetId;
+          return I();
         },
         get optimisticFrontWidgetId() {
-          return t.optimisticFrontWidgetId;
+          return e.optimisticFrontWidgetId;
         },
         get viewportScale() {
-          return t.viewportScale;
+          return e.viewportScale;
         },
         get locked() {
-          return t.locked;
+          return C();
         },
         get filters() {
-          return t.filters;
+          return e.filters;
         },
         get interactionAdapter() {
-          return e();
+          return a();
         },
         get onSelectWidget() {
-          return t.onSelectWidget;
+          return e.onSelectWidget;
         },
         get onWidgetContextMenu() {
-          return t.onWidgetContextMenu;
+          return e.onWidgetContextMenu;
         },
         get onStartOptimisticFront() {
-          return t.onStartOptimisticFront;
+          return e.onStartOptimisticFront;
         },
         get onCommitFront() {
-          return t.onCommitFront;
+          return e.onCommitFront;
         },
         get onCommitMove() {
-          return t.onCommitMove;
+          return e.onCommitMove;
         },
         get onCommitResize() {
-          return t.onCommitResize;
+          return e.onCommitResize;
         },
         get onViewportCommit() {
-          return t.onViewportCommit;
+          return e.onViewportCommit;
         },
         get onViewportInteractionStart() {
-          return t.onViewportInteractionStart;
+          return e.onViewportInteractionStart;
         },
         get onRequestOverview() {
-          return t.onRequestOverview;
+          return e.onRequestOverview;
         },
         get onRequestFit() {
-          return t.onRequestFit;
+          return e.onRequestFit;
         },
         get onRequestDelete() {
-          return t.onRequestDelete;
+          return e.onRequestDelete;
         },
         get onLayoutInteractionStart() {
-          return t.onLayoutInteractionStart;
+          return e.onLayoutInteractionStart;
         },
         get onLayoutInteractionEnd() {
-          return t.onLayoutInteractionEnd;
+          return e.onLayoutInteractionEnd;
         }
       })
-    }), null), n;
+    }), null), g(l, d(L, {
+      get each() {
+        return m();
+      },
+      children: (t) => d(T, {
+        noteId: t,
+        stickyNoteById: v,
+        get selectedObject() {
+          return e.selectedObject;
+        },
+        get optimisticFrontWidgetId() {
+          return e.optimisticFrontWidgetId;
+        },
+        get viewportScale() {
+          return e.viewportScale;
+        },
+        get locked() {
+          return C();
+        },
+        get filtered() {
+          return u(() => !e.workLayerLocked)() && e.filters[O] === !1;
+        },
+        get onSelectStickyNote() {
+          return e.onSelectStickyNote;
+        },
+        get onStickyNoteContextMenu() {
+          return e.onStickyNoteContextMenu;
+        },
+        get onStartStickyOptimisticFront() {
+          return e.onStartStickyOptimisticFront;
+        },
+        get onCommitStickyFront() {
+          return e.onCommitStickyFront;
+        },
+        get onCommitStickyMove() {
+          return e.onCommitStickyMove;
+        },
+        get onCommitStickyResize() {
+          return e.onCommitStickyResize;
+        },
+        get onUpdateStickyNote() {
+          return e.onUpdateStickyNote;
+        },
+        get onDeleteStickyNote() {
+          return e.onDeleteStickyNote;
+        },
+        get onLayoutInteractionStart() {
+          return e.onLayoutInteractionStart;
+        },
+        get onLayoutInteractionEnd() {
+          return e.onLayoutInteractionEnd;
+        },
+        renderLayers: S
+      })
+    }), 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;
   })();
 }
 export {
-  L as WorkbenchCanvasField
+  X as WorkbenchCanvasField
 };

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

@@ -1,20 +1,22 @@
 import { type JSX } from 'solid-js';
-import type { WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchDockToolId, WorkbenchInteractionMode, WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchFilterBarProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
-    filters: Record<WorkbenchWidgetType, boolean>;
-    /** Solo a single widget type — only this type remains visible. */
-    onSoloFilter: (type: WorkbenchWidgetType) => void;
-    /** Reset filters so every widget type is visible again. */
-    onShowAll: () => void;
+    filters: Record<string, boolean>;
+    mode?: WorkbenchInteractionMode;
+    /** Solo a single dock component in the supplied mode scope; soloing it again shows the full scope. */
+    onSoloFilter: (id: string, scope: readonly string[]) => void;
+    onSelectMode?: (mode: WorkbenchInteractionMode) => void;
     /**
      * Called when the user drags a widget pill onto the canvas to create a
      * new widget of that type. Coordinates are in client space (clientX/Y).
      */
     onCreateAt?: (type: WorkbenchWidgetType, clientX: number, clientY: number) => void;
+    onCreateToolAt?: (tool: WorkbenchDockToolId, clientX: number, clientY: number) => void;
     viewport?: WorkbenchViewport;
     onViewportCommit?: (viewport: WorkbenchViewport) => void;
     onViewportInteractionStart?: (kind: 'pan') => void;
 }
-export declare function WorkbenchFilterBar(props: WorkbenchFilterBarProps): JSX.Element;
+export declare function WorkbenchDock(props: WorkbenchFilterBarProps): JSX.Element;
+export declare const WorkbenchFilterBar: typeof WorkbenchDock;