@floegence/floe-webapp-core 0.36.37 → 0.36.39

package/dist/components/ui/index.d.ts

@@ -10,7 +10,7 @@ export { CommandPalette } from './CommandPalette';
 export { InfiniteCanvas, type InfiniteCanvasProps, type InfiniteCanvasPoint, type InfiniteCanvasContextMenuEvent, } from './InfiniteCanvas';
 export { startPointerSession, type PointerSessionController, type PointerSessionEndEvent, type PointerSessionEndReason, type PointerSessionSnapshot, type StartPointerSessionOptions, } from './pointerSession';
 export { clientToCanvasLocal, clientToCanvasWorld, createViewportFromZoomAnchor, isPointInsideCanvasRect, localToCanvasWorld, type CanvasClientPoint, type CanvasLocalPoint, type CanvasViewportLike, type CanvasViewportRectLike, type CanvasWorldPoint, } from './canvasGeometry';
-export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, resolveWorkbenchWidgetLocalTypingTarget, shouldActivateWorkbenchWidgetLocalTarget, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, type WorkbenchWidgetLocalActivationTargetOptions, } from './localInteractionSurface';
+export { CANVAS_WHEEL_INTERACTIVE_ATTR, DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR, LOCAL_INTERACTION_SURFACE_ATTR, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR, WORKBENCH_TEXT_SELECTION_SURFACE_ATTR, DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR, WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR, DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR, WORKBENCH_WIDGET_SHELL_ATTR, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR, isLocalInteractionSurfaceTarget, resolveSurfaceInteractionTargetRole, resolveSurfaceWheelRouting, resolveWorkbenchWidgetEventOwnership, resolveWorkbenchWidgetTextSelectionTarget, resolveWorkbenchWidgetLocalTypingTarget, shouldActivateWorkbenchWidgetLocalTarget, type SurfaceInteractionRoutingOptions, type SurfaceInteractionTargetRole, type SurfaceWheelLocalReason, type SurfaceWheelRoutingDecision, type SurfaceWheelRoutingOptions, type WorkbenchWidgetEventOwnership, type WorkbenchWidgetEventOwnershipOptions, type WorkbenchWidgetLocalActivationTargetOptions, } from './localInteractionSurface';
 export { DIALOG_SURFACE_HOST_ATTR, SURFACE_PORTAL_HOST_ATTR, SURFACE_PORTAL_LAYER_ATTR, DIALOG_SURFACE_BOUNDARY_ATTR, ensureSurfacePortalInteractionTracking, isSurfacePortalMode, projectSurfacePortalPosition, projectSurfacePortalRect, resolveSurfacePortalBoundaryRect, resolveSurfacePortalHost, resolveSurfacePortalMount, resolveSurfacePortalMountRect, __resetSurfacePortalScopeForTests, type ResolvedSurfacePortalHost, type SurfacePortalBoundaryRect, type SurfacePortalInteractionSnapshot, type SurfacePortalMode, type SurfacePortalRect, } from './surfacePortalScope';
 export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Interactive3DCard, AnimatedBorderCard, NeonCard, MorphCard, type CardProps, type CardVariant, type CardHeaderProps, type CardTitleProps, type CardDescriptionProps, type CardContentProps, type CardFooterProps, type Interactive3DCardProps, type AnimatedBorderCardProps, type NeonCardProps, type MorphCardProps, } from './Card';
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem, type TabsFeatures, type TabsSlotClassNames, type TabsIndicatorMode, type TabsIndicatorColorToken, } from './Tabs';

package/dist/components/ui/localInteractionSurface.d.ts

@@ -6,6 +6,8 @@ export declare const WORKBENCH_WIDGET_SHELL_ATTR = "data-floe-workbench-widget-s
 export declare const DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR = "[data-floe-workbench-widget-shell=\"true\"]";
 export declare const WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR = "data-floe-workbench-widget-activation-surface";
 export declare const DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR = "[data-floe-workbench-widget-activation-surface=\"true\"]";
+export declare const WORKBENCH_TEXT_SELECTION_SURFACE_ATTR = "data-floe-workbench-text-selection-surface";
+export declare const DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR = "[data-floe-workbench-text-selection-surface=\"true\"]";
 export type SurfaceInteractionTargetRole = 'canvas' | 'local_surface' | 'pan_surface';
 export type SurfaceWheelLocalReason = 'typing_element' | 'local_interaction_surface' | 'wheel_interactive';
 export type SurfaceWheelRoutingDecision = {
@@ -23,6 +25,7 @@ export interface SurfaceInteractionRoutingOptions {
     interactiveSelector: string;
     panSurfaceSelector: string;
     localInteractionSurfaceSelector?: string;
+    textSelectionSurfaceSelector?: string;
 }
 export interface WorkbenchWidgetEventOwnershipOptions extends SurfaceInteractionRoutingOptions {
     widgetRoot: Element | EventTarget | null;
@@ -42,4 +45,5 @@ export declare function resolveSurfaceWheelRouting(options: SurfaceWheelRoutingO
 export declare function isLocalInteractionSurfaceTarget(options: SurfaceInteractionRoutingOptions): boolean;
 export declare function resolveWorkbenchWidgetEventOwnership(options: WorkbenchWidgetEventOwnershipOptions): WorkbenchWidgetEventOwnership;
 export declare function shouldActivateWorkbenchWidgetLocalTarget(options: WorkbenchWidgetLocalActivationTargetOptions): boolean;
+export declare function resolveWorkbenchWidgetTextSelectionTarget(options: WorkbenchWidgetLocalActivationTargetOptions): HTMLElement | null;
 export declare function resolveWorkbenchWidgetLocalTypingTarget(options: WorkbenchWidgetLocalActivationTargetOptions): HTMLElement | null;

package/dist/components/ui/localInteractionSurface.js

@@ -1,94 +1,111 @@
-import { isTypingElement as i } from "../../utils/dom.js";
-const T = "data-floe-local-interaction-surface", s = `[${T}="true"]`, S = "data-floe-canvas-wheel-interactive", g = `[${S}="true"]`, A = "data-floe-workbench-widget-shell", f = `[${A}="true"]`, m = "data-floe-workbench-widget-activation-surface", _ = `[${m}="true"]`;
+import { isTypingElement as s } from "../../utils/dom.js";
+const g = "data-floe-local-interaction-surface", i = `[${g}="true"]`, A = "data-floe-canvas-wheel-interactive", R = `[${A}="true"]`, m = "data-floe-workbench-widget-shell", f = `[${m}="true"]`, L = "data-floe-workbench-widget-activation-surface", S = `[${L}="true"]`, C = "data-floe-workbench-text-selection-surface", _ = `[${C}="true"]`;
 function u(e) {
   return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
 }
-function R(e) {
+function h(e) {
   if (!e || typeof HTMLElement > "u" || !(e instanceof HTMLElement))
     return !1;
   if (e.matches("button, input, select, textarea, summary") || e.matches("a[href], area[href]") || e.matches('iframe, [contenteditable="true"]')) return !0;
-  const t = e.getAttribute("tabindex");
-  return t !== null && t !== "-1";
+  const n = e.getAttribute("tabindex");
+  return n !== null && n !== "-1";
 }
-function h(e, t) {
-  let r = e;
-  for (; r && r !== t; ) {
-    if (i(r) || R(r))
+function w(e, n) {
+  let l = e;
+  for (; l && l !== n; ) {
+    if (s(l) || h(l))
       return !0;
-    r = r.parentElement;
+    l = l.parentElement;
   }
   return !1;
 }
 function d(e) {
   const {
-    target: t,
-    interactiveSelector: r,
-    panSurfaceSelector: a,
-    localInteractionSurfaceSelector: l = s
-  } = e, c = t instanceof Element ? t : null;
-  return c ? c.closest(a) !== null ? "pan_surface" : i(c) || c.closest(r) !== null || c.closest(l) !== null ? "local_surface" : "canvas" : "canvas";
+    target: n,
+    interactiveSelector: l,
+    panSurfaceSelector: o,
+    localInteractionSurfaceSelector: r = i,
+    textSelectionSurfaceSelector: a = _
+  } = e, t = n instanceof Element ? n : null;
+  return t ? t.closest(o) !== null ? "pan_surface" : s(t) || t.closest(l) !== null || t.closest(r) !== null || t.closest(a) !== null ? "local_surface" : "canvas" : "canvas";
 }
 function I(e) {
   const {
-    target: t,
-    localInteractionSurfaceSelector: r = s,
-    wheelInteractiveSelector: a = g
-  } = e, l = u(t);
-  return l ? i(l) ? "typing_element" : l.closest(r) !== null ? "local_interaction_surface" : l.closest(a) !== null ? "wheel_interactive" : null : null;
+    target: n,
+    localInteractionSurfaceSelector: l = i,
+    wheelInteractiveSelector: o = R
+  } = e, r = u(n);
+  return r ? s(r) ? "typing_element" : r.closest(l) !== null ? "local_interaction_surface" : r.closest(o) !== null ? "wheel_interactive" : null : null;
 }
-function w(e) {
-  const t = I(e);
-  return t ? { kind: "local_surface", reason: t } : e.disablePanZoom ? { kind: "ignore", reason: "pan_zoom_disabled" } : { kind: "canvas_zoom" };
+function O(e) {
+  const n = I(e);
+  return n ? { kind: "local_surface", reason: n } : e.disablePanZoom ? { kind: "ignore", reason: "pan_zoom_disabled" } : { kind: "canvas_zoom" };
 }
-function C(e) {
+function N(e) {
   return d(e) !== "canvas";
 }
-function E(e) {
+function T(e) {
   const {
-    widgetRoot: t,
-    shellSelector: r = f
-  } = e, a = u(t), l = u(e.target);
-  return !a || !l || !a.contains(l) ? "outside_widget" : d(e) !== "canvas" ? "widget_local" : l === a || l.closest(r) !== null ? "widget_shell" : "widget_local";
+    widgetRoot: n,
+    shellSelector: l = f
+  } = e, o = u(n), r = u(e.target);
+  return !o || !r || !o.contains(r) ? "outside_widget" : d(e) !== "canvas" ? "widget_local" : r === o || r.closest(l) !== null ? "widget_shell" : "widget_local";
+}
+function b(e) {
+  const {
+    widgetRoot: n,
+    shellSelector: l = f,
+    localInteractionSurfaceSelector: o = i,
+    widgetActivationSurfaceSelector: r = S
+  } = e, a = u(n), t = u(e.target);
+  return !a || !t || !a.contains(t) || t === a || t.closest(l) !== null || t.closest(e.panSurfaceSelector) !== null || t.closest(o) !== null || v(e) !== null ? !1 : t.closest(r) !== null ? T(e) === "widget_local" : w(t, a) ? !1 : T(e) === "widget_local";
 }
 function v(e) {
   const {
-    widgetRoot: t,
-    shellSelector: r = f,
-    localInteractionSurfaceSelector: a = s,
-    widgetActivationSurfaceSelector: l = _
-  } = e, c = u(t), n = u(e.target);
-  return !c || !n || !c.contains(n) || n === c || n.closest(r) !== null || n.closest(e.panSurfaceSelector) !== null || n.closest(a) !== null ? !1 : n.closest(l) !== null ? E(e) === "widget_local" : h(n, c) ? !1 : E(e) === "widget_local";
+    widgetRoot: n,
+    shellSelector: l = f,
+    localInteractionSurfaceSelector: o = i,
+    widgetActivationSurfaceSelector: r = S,
+    textSelectionSurfaceSelector: a = _
+  } = e, t = u(n), c = u(e.target);
+  if (!t || !c || !t.contains(c) || c === t || c.closest(l) !== null || c.closest(e.panSurfaceSelector) !== null)
+    return null;
+  const E = c.closest(a);
+  return E instanceof HTMLElement && t.contains(E) ? E : (c.closest(o) !== null || c.closest(r) !== null, null);
 }
-function W(e) {
+function H(e) {
   const {
-    widgetRoot: t,
-    shellSelector: r = f,
-    localInteractionSurfaceSelector: a = s,
-    widgetActivationSurfaceSelector: l = _
-  } = e, c = u(t), n = u(e.target);
-  if (!c || !n || !c.contains(n) || n === c || n.closest(r) !== null || n.closest(e.panSurfaceSelector) !== null || n.closest(a) !== null || n.closest(l) !== null)
+    widgetRoot: n,
+    shellSelector: l = f,
+    localInteractionSurfaceSelector: o = i,
+    widgetActivationSurfaceSelector: r = S
+  } = e, a = u(n), t = u(e.target);
+  if (!a || !t || !a.contains(t) || t === a || t.closest(l) !== null || t.closest(e.panSurfaceSelector) !== null || t.closest(o) !== null || t.closest(r) !== null)
     return null;
-  let o = n;
-  for (; o && o !== c; ) {
-    if (o instanceof HTMLElement && i(o))
-      return o;
-    o = o.parentElement;
+  let c = t;
+  for (; c && c !== a; ) {
+    if (c instanceof HTMLElement && s(c))
+      return c;
+    c = c.parentElement;
   }
   return null;
 }
 export {
-  S as CANVAS_WHEEL_INTERACTIVE_ATTR,
-  g as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
-  s as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
-  _ as DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR,
+  A as CANVAS_WHEEL_INTERACTIVE_ATTR,
+  R as DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR,
+  i as DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR,
+  _ as DEFAULT_WORKBENCH_TEXT_SELECTION_SURFACE_SELECTOR,
+  S as DEFAULT_WORKBENCH_WIDGET_ACTIVATION_SURFACE_SELECTOR,
   f as DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR,
-  T as LOCAL_INTERACTION_SURFACE_ATTR,
-  m as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
-  A as WORKBENCH_WIDGET_SHELL_ATTR,
-  C as isLocalInteractionSurfaceTarget,
+  g as LOCAL_INTERACTION_SURFACE_ATTR,
+  C as WORKBENCH_TEXT_SELECTION_SURFACE_ATTR,
+  L as WORKBENCH_WIDGET_ACTIVATION_SURFACE_ATTR,
+  m as WORKBENCH_WIDGET_SHELL_ATTR,
+  N as isLocalInteractionSurfaceTarget,
   d as resolveSurfaceInteractionTargetRole,
-  w as resolveSurfaceWheelRouting,
-  E as resolveWorkbenchWidgetEventOwnership,
-  W as resolveWorkbenchWidgetLocalTypingTarget,
-  v as shouldActivateWorkbenchWidgetLocalTarget
+  O as resolveSurfaceWheelRouting,
+  T as resolveWorkbenchWidgetEventOwnership,
+  H as resolveWorkbenchWidgetLocalTypingTarget,
+  v as resolveWorkbenchWidgetTextSelectionTarget,
+  b as shouldActivateWorkbenchWidgetLocalTarget
 };

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,13 +1,13 @@
-import { use as I, insert as v, createComponent as a, effect as h, template as s } from "solid-js/web";
-import { createMemo as i, Show as R, For as W } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as y } from "./workbenchInteractionAdapter.js";
-import { WorkbenchCanvasField as S } from "./WorkbenchCanvasField.js";
+import { use as I, insert as w, createComponent as a, effect as S, template as f } from "solid-js/web";
+import { createMemo as i, Show as h, For as R } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as W } from "./workbenchInteractionAdapter.js";
+import { WorkbenchCanvasField as y } from "./WorkbenchCanvasField.js";
 import { WorkbenchWidget as F } from "./WorkbenchWidget.js";
-import { createWorkbenchRenderLayerMap as k, resolveWorkbenchWidgetRenderMode as w } from "./workbenchHelpers.js";
+import { createWorkbenchRenderLayerMap as k, resolveWorkbenchWidgetRenderMode as v } from "./workbenchHelpers.js";
 import { getWidgetEntry as c } from "./widgets/widgetRegistry.js";
 import { InfiniteCanvas as L } from "../ui/InfiniteCanvas.js";
-var M = /* @__PURE__ */ s("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), b = /* @__PURE__ */ s("<div class=workbench-canvas__projected-layer>");
-function q(e) {
+var M = /* @__PURE__ */ f("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), V = /* @__PURE__ */ f("<div class=workbench-canvas__projected-layer>");
+function b(e) {
   const n = i((d) => {
     const g = e.widgetById().get(e.widgetId);
     if (g) return g;
@@ -65,6 +65,9 @@ function q(e) {
       return e.interactionAdapter;
     },
     layoutMode: "projected_surface",
+    get viewport() {
+      return e.projectedViewport();
+    },
     get projectedViewport() {
       return e.projectedViewport;
     },
@@ -89,6 +92,12 @@ function q(e) {
     get onCommitResize() {
       return e.onCommitResize;
     },
+    get onViewportCommit() {
+      return e.onViewportCommit;
+    },
+    get onViewportInteractionStart() {
+      return e.onViewportInteractionStart;
+    },
     get onRequestOverview() {
       return e.onRequestOverview;
     },
@@ -107,18 +116,18 @@ function q(e) {
   });
 }
 function A(e) {
-  const n = i(() => y(e.interactionAdapter)), u = i(() => new Map(e.widgets.map((t) => [t.id, t]))), d = i(() => k(e.widgets)), g = i(() => e.widgets.filter((t) => {
+  const n = i(() => W(e.interactionAdapter)), u = i(() => new Map(e.widgets.map((t) => [t.id, t]))), d = i(() => k(e.widgets)), g = i(() => e.widgets.filter((t) => {
     const o = c(t.type, e.widgetDefinitions);
-    return w(o) === "canvas_scaled";
+    return v(o) === "canvas_scaled";
   })), m = i(() => e.widgets.filter((t) => {
     const o = c(t.type, e.widgetDefinitions);
-    return w(o) === "projected_surface";
-  }).map((t) => t.id)), f = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
+    return v(o) === "projected_surface";
+  }).map((t) => t.id)), C = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
   return (() => {
     var t = M();
     t.firstChild;
     var o = e.setCanvasFrameRef;
-    return typeof o == "function" ? I(o, t) : e.setCanvasFrameRef = t, v(t, a(L, {
+    return typeof o == "function" ? I(o, t) : e.setCanvasFrameRef = t, w(t, a(L, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
@@ -150,18 +159,18 @@ function A(e) {
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (r) => a(R, {
+      overlay: (r) => a(h, {
         get when() {
           return m().length > 0;
         },
         get children() {
-          var l = b();
-          return v(l, a(W, {
+          var l = V();
+          return w(l, a(R, {
             get each() {
               return m();
             },
-            children: (C) => a(q, {
-              widgetId: C,
+            children: (s) => a(b, {
+              widgetId: s,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
               },
@@ -229,20 +238,23 @@ function A(e) {
               },
               projectedViewport: r,
               get surfaceReady() {
-                return f();
+                return C();
               }
             })
           })), l;
         }
       }),
       get children() {
-        return a(S, {
+        return a(y, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
             return g();
           },
+          get viewport() {
+            return e.viewport;
+          },
           get selectedWidgetId() {
             return e.selectedWidgetId;
           },
@@ -279,6 +291,12 @@ function A(e) {
           get onCommitResize() {
             return e.onCommitResize;
           },
+          get onViewportCommit() {
+            return e.onViewportCommit;
+          },
+          get onViewportInteractionStart() {
+            return e.onViewportInteractionStart;
+          },
           get onRequestOverview() {
             return e.onRequestOverview;
           },
@@ -296,7 +314,7 @@ function A(e) {
           }
         });
       }
-    }), null), h(() => t.classList.toggle("is-locked", !!e.locked)), t;
+    }), null), S(() => t.classList.toggle("is-locked", !!e.locked)), t;
   })();
 }
 export {

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

@@ -1,8 +1,9 @@
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import type { WorkbenchInteractionAdapter, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchInteractionAdapter, WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchCanvasFieldProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
+    viewport: WorkbenchViewport;
     selectedWidgetId: string | null;
     optimisticFrontWidgetId: string | null;
     viewportScale: number;
@@ -21,6 +22,8 @@ export interface WorkbenchCanvasFieldProps {
         width: number;
         height: number;
     }) => void;
+    onViewportCommit: (viewport: WorkbenchViewport) => void;
+    onViewportInteractionStart?: (kind: 'pan') => void;
     onRequestOverview: (item: WorkbenchWidgetItem) => void;
     onRequestFit: (item: WorkbenchWidgetItem) => void;
     onRequestDelete: (widgetId: string) => void;

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,20 +1,20 @@
-import { insert as a, createComponent as g, template as c } from "solid-js/web";
+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 l } from "./workbenchInteractionAdapter.js";
-import { createWorkbenchRenderLayerMap as w } from "./workbenchHelpers.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 y } from "./WorkbenchWidget.js";
-var v = /* @__PURE__ */ c("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true>");
-function f(t) {
+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);
     if (o) return o;
     if (i) return i;
     throw new Error(`Workbench widget ${t.widgetId} is missing from the render map.`);
-  }), d = r(() => I(e().type, t.widgetDefinitions));
-  return g(y, {
+  }), g = r(() => I(e().type, t.widgetDefinitions));
+  return d(v, {
     get definition() {
-      return d();
+      return g();
     },
     get widgetId() {
       return t.widgetId;
@@ -62,6 +62,9 @@ function f(t) {
     get interactionAdapter() {
       return t.interactionAdapter;
     },
+    get viewport() {
+      return t.viewport;
+    },
     get onSelect() {
       return t.onSelectWidget;
     },
@@ -80,6 +83,12 @@ function f(t) {
     get onCommitResize() {
       return t.onCommitResize;
     },
+    get onViewportCommit() {
+      return t.onViewportCommit;
+    },
+    get onViewportInteractionStart() {
+      return t.onViewportInteractionStart;
+    },
     get onRequestOverview() {
       return t.onRequestOverview;
     },
@@ -97,15 +106,15 @@ function f(t) {
     }
   });
 }
-function s(t) {
-  const e = r(() => l(t.interactionAdapter)), d = r(() => t.widgets.map((n) => n.id)), i = r(() => new Map(t.widgets.map((n) => [n.id, n]))), o = r(() => w(t.widgets));
+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));
   return (() => {
-    var n = v();
-    return n.firstChild, a(n, g(m, {
+    var n = y();
+    return n.firstChild, a(n, d(m, {
       get each() {
-        return d();
+        return g();
       },
-      children: (u) => g(f, {
+      children: (u) => d(C, {
         widgetId: u,
         get widgetDefinitions() {
           return t.widgetDefinitions;
@@ -115,6 +124,9 @@ function s(t) {
         },
         widgetById: i,
         renderLayers: o,
+        get viewport() {
+          return t.viewport;
+        },
         get selectedWidgetId() {
           return t.selectedWidgetId;
         },
@@ -151,6 +163,12 @@ function s(t) {
         get onCommitResize() {
           return t.onCommitResize;
         },
+        get onViewportCommit() {
+          return t.onViewportCommit;
+        },
+        get onViewportInteractionStart() {
+          return t.onViewportInteractionStart;
+        },
         get onRequestOverview() {
           return t.onRequestOverview;
         },
@@ -171,5 +189,5 @@ function s(t) {
   })();
 }
 export {
-  s as WorkbenchCanvasField
+  L as WorkbenchCanvasField
 };

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

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-import type { WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchFilterBarProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
@@ -13,5 +13,8 @@ export interface WorkbenchFilterBarProps {
      * new widget of that type. Coordinates are in client space (clientX/Y).
      */
     onCreateAt?: (type: WorkbenchWidgetType, clientX: number, clientY: number) => void;
+    viewport?: WorkbenchViewport;
+    onViewportCommit?: (viewport: WorkbenchViewport) => void;
+    onViewportInteractionStart?: (kind: 'pan') => void;
 }
 export declare function WorkbenchFilterBar(props: WorkbenchFilterBarProps): JSX.Element;