@floegence/floe-webapp-core 0.36.75 → 0.36.77

package/dist/components/layout/Shell.d.ts

@@ -1,6 +1,14 @@
 import { type JSX } from 'solid-js';
 import { type ActivityBarItem } from './ActivityBar';
 import type { SidebarVisibilityMotion } from '../../context/LayoutContext';
+import { type UIFirstSelectionEvent } from '../../utils/uiFirstSelection';
+export type ActivitySelectionMetadata = {
+    source: 'activity-bar' | 'mobile-tab-bar';
+    opts?: {
+        openSidebar?: boolean;
+    };
+    mobileSidebarOpen?: boolean;
+};
 export interface ShellSlotClassNames {
     root?: string;
     topBar?: string;
@@ -36,6 +44,7 @@ export interface ShellProps {
     sidebarContent?: (activeTab: string) => JSX.Element;
     /** Defer user-requested Activity content commits until the selected control has painted. */
     activitySelectionMode?: 'sync' | 'ui-first';
+    onActivitySelectionEvent?: (event: UIFirstSelectionEvent<string, ActivitySelectionMetadata>) => void;
     resolveSidebarVisibilityMotion?: (args: {
         currentActiveId: string;
         nextActiveId: string;

package/dist/components/layout/Shell.js

@@ -20,7 +20,7 @@ import { resolveShellSidebarActiveTabChange as ke } from "./sidebarVisibilityMot
 import { createUIFirstSelection as xe } from "../../utils/uiFirstSelection.js";
 var U = /* @__PURE__ */ k('<div class="flex items-center gap-2">'), Te = /* @__PURE__ */ k("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), pe = /* @__PURE__ */ k('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), Ne = /* @__PURE__ */ k("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), Le = /* @__PURE__ */ k('<div data-floe-shell><a></a><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
 function Ye(r) {
-  const i = ce(), H = be(), d = ue(H.config.layout.mobileQuery), [x, h] = Q(!1), [V, R] = Q(null);
+  const i = ce(), H = be(), d = ue(H.config.layout.mobileQuery), [x, h] = Q(!1), [E, R] = Q(null);
   let F;
   const b = () => r.sidebarMode === "hidden", s = (() => {
     try {
@@ -51,10 +51,12 @@ function Ye(r) {
       de(() => {
         T(e, o?.opts), typeof o?.mobileSidebarOpen == "boolean" && h(o.mobileSidebarOpen);
       });
-    }
+    },
+    onEvent: (e) => r.onActivitySelectionEvent?.(e)
   }), N = () => r.activitySelectionMode === "ui-first" ? p.visual() : i.sidebarActiveTab(), j = (e, o) => {
     if (r.activitySelectionMode === "ui-first") {
       p.request(e, {
+        source: "activity-bar",
         opts: o
       });
       return;
@@ -85,7 +87,7 @@ function Ye(r) {
         return e.component;
       }
     })
-  })) : []), E = (e) => {
+  })) : []), V = (e) => {
     if (!b()) {
       if (r.sidebarContent) return r.sidebarContent(e);
       if (s)
@@ -153,6 +155,7 @@ function Ye(r) {
     if (i.sidebarActiveTab() !== l) {
       if (r.activitySelectionMode === "ui-first") {
         p.request(l, {
+          source: "mobile-tab-bar",
           mobileSidebarOpen: n
         });
         return;
@@ -187,12 +190,12 @@ function Ye(r) {
         }
       })
     }), e] : e;
-  }), ee = () => b() ? !0 : i.sidebarCollapsed(), te = () => V() ?? i.sidebarWidth(), v = () => H.config.accessibility, re = () => {
+  }), ee = () => b() ? !0 : i.sidebarCollapsed(), te = () => E() ?? i.sidebarWidth(), v = () => H.config.accessibility, re = () => {
     R(i.sidebarWidth());
   }, ie = (e) => {
     R((o) => i.clampSidebarWidth((o ?? i.sidebarWidth()) + e));
   }, ne = () => {
-    const e = V();
+    const e = E();
     e !== null && (i.setSidebarWidth(e), R(null));
   };
   me({
@@ -297,7 +300,7 @@ function Ye(r) {
                 return r.slotClassNames?.sidebar;
               },
               get children() {
-                return E(i.sidebarActiveTab());
+                return V(i.sidebarActiveTab());
               }
             });
           }
@@ -313,7 +316,7 @@ function Ye(r) {
           return t.$$click = () => h(!1), z(() => S(t, C("absolute inset-0 z-40 bg-black/30 cursor-pointer", r.slotClassNames?.mobileSidebarBackdrop))), t;
         })(), (() => {
           var t = pe(), m = t.firstChild, g = F;
-          return typeof g == "function" ? le(g, t) : F = t, c(m, () => E(i.sidebarActiveTab())), z((f) => {
+          return typeof g == "function" ? le(g, t) : F = t, c(m, () => V(i.sidebarActiveTab())), z((f) => {
             var B = C("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", r.slotClassNames?.mobileSidebarDrawer), A = v().sidebarLabel;
             return B !== f.e && S(t, f.e = B), A !== f.t && $(t, "aria-label", f.t = A), f;
           }, {

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;