@floegence/floe-webapp-core 0.36.75 → 0.36.76

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

@@ -28,6 +28,7 @@ export interface WorkbenchCanvasProps {
     onCanvasContextMenu: (event: InfiniteCanvasContextMenuEvent) => void;
     onCanvasPointerDown?: (event: PointerEvent) => void;
     onSelectWidget: (widgetId: string) => void;
+    onActivateWidget?: (widgetId: string) => void;
     onWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
     onClaimVisualFrontOwner: (widgetId: string) => void;
     onCommitFront: (widgetId: string) => void;

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,20 +1,20 @@
-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 { use as E, insert as w, createComponent as g, memo as y, effect as F, template as x } from "solid-js/web";
+import { createMemo as u, createSignal as _, Show as O, 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";
 import { WorkbenchWidget as Y } from "./WorkbenchWidget.js";
-import { createWorkbenchRenderLayerMap as J, resolveWorkbenchModeStrategy as Q, resolveWorkbenchWidgetRenderMode as x } from "./workbenchHelpers.js";
+import { createWorkbenchRenderLayerMap as J, resolveWorkbenchModeStrategy as Q, resolveWorkbenchWidgetRenderMode as A } 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>");
+var te = /* @__PURE__ */ x("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), ne = /* @__PURE__ */ x("<div class=workbench-canvas__projected-layer><div class=workbench-canvas__projected-work-layer>");
 function re(e) {
   const a = u((c) => {
-    const v = e.widgetById().get(e.widgetId);
-    if (v) return v;
+    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 = u(() => R(a().type, e.widgetDefinitions));
@@ -84,6 +84,9 @@ function re(e) {
     get onSelect() {
       return e.onSelectWidget;
     },
+    get onActivate() {
+      return e.onActivateWidget;
+    },
     get onContextMenu() {
       return e.onWidgetContextMenu;
     },
@@ -176,7 +179,7 @@ function oe(e) {
     }
   });
 }
-function ve(e) {
+function Ce(e) {
   const a = u(() => z(e.interactionAdapter)), r = p(() => e.widgets.map((n) => n.id)), c = u(() => {
     const n = e.widgetMotionById;
     if (!n)
@@ -187,13 +190,13 @@ function ve(e) {
     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) => {
+  }), C = u(() => new Map(e.widgets.map((n) => [n.id, n]))), B = u(() => (e.stickyNotes ?? []).map((n) => n.id)), N = 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)), v = 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";
+    return A(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 A(l) === "projected_surface";
+  }).map((n) => n.id)), M = u(() => h().length > 0), V = u(() => M() ? [] : e.stickyNotes ?? []), W = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, L = M;
   return (() => {
     var n = te();
     n.firstChild;
@@ -233,7 +236,7 @@ function ve(e) {
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (o) => [g(W, {
+      overlay: (o) => [g(O, {
         get when() {
           return L();
         },
@@ -301,7 +304,7 @@ function ve(e) {
               get canvasFrameSize() {
                 return e.canvasFrameSize;
               },
-              widgetById: v,
+              widgetById: C,
               renderLayers: b,
               get widgetMotionById() {
                 return c();
@@ -313,7 +316,7 @@ function ve(e) {
                 return e.visualFrontOwnerId;
               },
               get locked() {
-                return e.locked || C();
+                return e.locked || v();
               },
               get filters() {
                 return e.filters;
@@ -333,6 +336,9 @@ function ve(e) {
               get onSelectWidget() {
                 return e.onSelectWidget;
               },
+              get onActivateWidget() {
+                return e.onActivateWidget;
+              },
               get onWidgetContextMenu() {
                 return e.onWidgetContextMenu;
               },
@@ -365,16 +371,16 @@ function ve(e) {
               },
               projectedViewport: o,
               get surfaceReady() {
-                return F();
+                return W();
               }
             })
           }), null), w(k, g(j, {
             get each() {
-              return N();
+              return B();
             },
             children: (t) => g(oe, {
               noteId: t,
-              stickyNoteById: A,
+              stickyNoteById: N,
               get selectedObject() {
                 return e.selectedObject;
               },
@@ -384,10 +390,10 @@ function ve(e) {
                 return e.visualFrontOwnerId;
               },
               get locked() {
-                return e.locked || C();
+                return e.locked || v();
               },
               get filtered() {
-                return y(() => !C())() && e.filters[T] === !1;
+                return y(() => !v())() && e.filters[T] === !1;
               },
               get onSelectStickyNote() {
                 return e.onSelectStickyNote;
@@ -420,7 +426,7 @@ function ve(e) {
                 return e.onLayoutInteractionEnd;
               },
               get surfaceReady() {
-                return F();
+                return W();
               }
             })
           }), null), w(d, g(H, {
@@ -455,9 +461,9 @@ function ve(e) {
             onCommitBackgroundResize: (t, i) => e.onCommitBackgroundResize?.(t, i),
             onUpdateBackgroundLayer: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
             onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
-          }), null), O(() => d.classList.toggle("is-work-layer-locked", !!C())), d;
+          }), null), F(() => d.classList.toggle("is-work-layer-locked", !!v())), d;
         }
-      }), g(W, {
+      }), g(O, {
         get when() {
           return y(() => !!L())() ? e.placementPreview : null;
         },
@@ -504,7 +510,7 @@ function ve(e) {
             return e.visualFrontOwnerId;
           },
           get workLayerLocked() {
-            return C();
+            return v();
           },
           get annotationLayerEditable() {
             return m();
@@ -536,6 +542,9 @@ function ve(e) {
           get onSelectWidget() {
             return e.onSelectWidget;
           },
+          get onActivateWidget() {
+            return e.onActivateWidget;
+          },
           get onWidgetContextMenu() {
             return e.onWidgetContextMenu;
           },
@@ -639,7 +648,7 @@ function ve(e) {
           textEditorRegistry: I
         });
       }
-    }), null), O((o) => {
+    }), null), F((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;
     }, {
@@ -649,5 +658,5 @@ function ve(e) {
   })();
 }
 export {
-  ve as WorkbenchCanvas
+  Ce as WorkbenchCanvas
 };

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

@@ -24,6 +24,7 @@ export interface WorkbenchCanvasFieldProps {
     widgetMotionById?: Record<string, WorkbenchWidgetMotionIntent | null | undefined>;
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     onSelectWidget: (widgetId: string) => void;
+    onActivateWidget?: (widgetId: string) => void;
     onWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
     onClaimVisualFrontOwner: (widgetId: string) => void;
     onCommitFront: (widgetId: string) => void;

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,13 +1,13 @@
-import { insert as l, memo as u, createComponent as c, effect as M, template as W } from "solid-js/web";
+import { insert as l, memo as u, createComponent as c, effect as W, template as M } from "solid-js/web";
 import { createMemo as a, createSignal as E, For as I } 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 { WORKBENCH_BACKGROUND_REGION_FILTER_ID as x, WORKBENCH_TEXT_FILTER_ID as N, WORKBENCH_STICKY_FILTER_ID as A } from "./types.js";
+import { createWorkbenchRenderLayerMap as _ } from "./workbenchHelpers.js";
 import { getWidgetEntry as D } from "./widgets/widgetRegistry.js";
 import { WorkbenchWidget as V } from "./WorkbenchWidget.js";
-import { WorkbenchPlacementPreview as s } from "./WorkbenchPlacementPreview.js";
-import { WorkbenchBackgroundLayerView as P, WorkbenchAnnotationLayerView as j, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as T, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
-var z = /* @__PURE__ */ W("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true></div><div class=workbench-work-layer>");
+import { WorkbenchPlacementPreview as P } from "./WorkbenchPlacementPreview.js";
+import { WorkbenchBackgroundLayerView as j, WorkbenchAnnotationLayerView as s, WorkbenchLayerControlOverlayView as G, createWorkbenchTextEditorRegistry as T, WorkbenchStickyNote as q } from "./WorkbenchLayerObjects.js";
+var z = /* @__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 d = a((i) => {
     const m = e.widgetById().get(e.widgetId);
@@ -74,6 +74,9 @@ function U(e) {
     get onSelect() {
       return e.onSelectWidget;
     },
+    get onActivate() {
+      return e.onActivateWidget;
+    },
     get onContextMenu() {
       return e.onWidgetContextMenu;
     },
@@ -161,7 +164,7 @@ function $(e) {
   });
 }
 function te(e) {
-  const d = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), i = 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 = T(), v = a(() => e.textEditorRegistry ?? R), C = a(() => A([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [O, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? O() : e.layerGeometryPreview), w = (r) => {
+  const d = a(() => B(e.interactionAdapter)), n = a(() => e.widgets.map((r) => r.id)), i = 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 = T(), v = a(() => e.textEditorRegistry ?? R), C = a(() => _([...e.widgets, ...e.stickyNotes ?? []])), b = a(() => e.selectedObject?.kind === "widget" ? e.selectedObject.id : e.selectedWidgetId), L = a(() => e.locked || !!e.workLayerLocked), [O, h] = E(null), y = a(() => e.layerGeometryPreview === void 0 ? O() : e.layerGeometryPreview), w = (r) => {
     if (e.onLayerGeometryPreview) {
       e.onLayerGeometryPreview(r);
       return;
@@ -172,7 +175,7 @@ function te(e) {
     var r = z(), F = r.firstChild, k = F.nextSibling;
     return l(r, (() => {
       var g = u(() => !!S());
-      return () => g() ? [c(P, {
+      return () => g() ? [c(j, {
         get items() {
           return e.backgroundLayers ?? [];
         },
@@ -195,7 +198,7 @@ function te(e) {
         onSelect: (t) => e.onSelectBackgroundLayer?.(t),
         onContextMenu: (t, o) => e.onBackgroundLayerContextMenu?.(t, o),
         onCommitMove: (t, o) => e.onCommitBackgroundMove?.(t, o)
-      }), c(j, {
+      }), c(s, {
         get items() {
           return e.annotations ?? [];
         },
@@ -264,6 +267,9 @@ function te(e) {
         get onSelectWidget() {
           return e.onSelectWidget;
         },
+        get onActivateWidget() {
+          return e.onActivateWidget;
+        },
         get onWidgetContextMenu() {
           return e.onWidgetContextMenu;
         },
@@ -321,7 +327,7 @@ function te(e) {
           return L();
         },
         get filtered() {
-          return u(() => !e.workLayerLocked)() && e.filters[_] === !1;
+          return u(() => !e.workLayerLocked)() && e.filters[A] === !1;
         },
         get onSelectStickyNote() {
           return e.onSelectStickyNote;
@@ -391,7 +397,7 @@ function te(e) {
         onUpdateBackgroundLayer: (t, o) => e.onUpdateBackgroundLayer?.(t, o),
         onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
       }) : null;
-    })(), null), l(r, c(s, {
+    })(), null), l(r, c(P, {
       get preview() {
         return e.placementPreview;
       },
@@ -399,7 +405,7 @@ function te(e) {
       get viewport() {
         return e.viewport;
       }
-    }), null), M(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
+    }), null), W(() => r.classList.toggle("is-work-layer-muted", !!e.workLayerLocked)), r;
   })();
 }
 export {

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

@@ -1,3 +1,4 @@
+import { type UIFirstSelectionEvent } from '../../utils/uiFirstSelection';
 import { type WorkbenchContextMenuItem } from './WorkbenchContextMenu';
 import type { WorkbenchState, WorkbenchAnnotationItem, WorkbenchBackgroundLayer, WorkbenchBackgroundLayerDefaults, WorkbenchBackgroundLayerPatch, WorkbenchContextMenuState, WorkbenchInteractionAdapter, WorkbenchStickyNoteItem, WorkbenchStickyNotePatch, WorkbenchTextAnnotationDefaults, WorkbenchTextAnnotationPatch, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchCreateAtOptions {
@@ -67,5 +68,10 @@ export interface WorkbenchSurfaceProps {
     onRequestDelete?: (widgetId: string) => void;
     onLayoutInteractionStart?: () => void;
     onLayoutInteractionEnd?: () => void;
+    /** Defer pointer/focus widget activation until the visual selection has painted. */
+    widgetActivationMode?: 'sync' | 'after-paint';
+    onWidgetActivationEvent?: (event: UIFirstSelectionEvent<string | null, {
+        bringToFront: boolean;
+    }>) => void;
 }
 export declare function WorkbenchSurface(props: WorkbenchSurfaceProps): import("solid-js").JSX.Element;