@floegence/floe-webapp-core 0.36.75 → 0.36.77

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,143 +1,181 @@
-import { use as V, spread as z, mergeProps as H, insert as f, createComponent as s, Portal as $, addEventListener as U, template as T, delegateEvents as K } from "solid-js/web";
-import { createSignal as p, createMemo as g, untrack as C, createEffect as v, onCleanup as y, Show as j } from "solid-js";
-import { clientToCanvasWorld as L } from "../ui/canvasGeometry.js";
-import { WorkbenchCanvas as Z } from "./WorkbenchCanvas.js";
-import { WorkbenchContextMenu as G } from "./WorkbenchContextMenu.js";
-import { WorkbenchDock as J } from "./WorkbenchFilterBar.js";
-import { WorkbenchHud as Q } from "./WorkbenchHud.js";
-import { WorkbenchLockButton as ee } from "./WorkbenchLockButton.js";
-import { installWorkbenchContextMenuDismissListeners as te } from "./workbenchContextMenuDismiss.js";
-import { createContextMenuPosition as ne, WORKBENCH_CONTEXT_MENU_WIDTH_PX as oe, estimateContextMenuHeight as re } from "./workbenchHelpers.js";
-import { resolveWorkbenchWidgetPlacementPreview as ie, resolveWorkbenchToolPlacementPreview as ae } from "./workbenchPlacement.js";
-import { useWorkbenchModel as ce } from "./useWorkbenchModel.js";
-import { resolveWorkbenchInteractionAdapter as de } from "./workbenchInteractionAdapter.js";
-var ue = /* @__PURE__ */ T("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), se = /* @__PURE__ */ T("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const le = "F1";
-function B(a) {
-  if (a)
+import { use as j, spread as K, mergeProps as Z, insert as v, createComponent as l, Portal as G, addEventListener as J, template as R, delegateEvents as Q } from "solid-js/web";
+import { createSignal as p, createMemo as w, untrack as C, createEffect as k, onCleanup as A, Show as ee } from "solid-js";
+import { clientToCanvasWorld as B } from "../ui/canvasGeometry.js";
+import { createUIFirstSelection as te } from "../../utils/uiFirstSelection.js";
+import { WorkbenchCanvas as ne } from "./WorkbenchCanvas.js";
+import { WorkbenchContextMenu as oe } from "./WorkbenchContextMenu.js";
+import { WorkbenchDock as re } from "./WorkbenchFilterBar.js";
+import { WorkbenchHud as ie } from "./WorkbenchHud.js";
+import { WorkbenchLockButton as ae } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as ce } from "./workbenchContextMenuDismiss.js";
+import { createContextMenuPosition as de, WORKBENCH_CONTEXT_MENU_WIDTH_PX as ue, estimateContextMenuHeight as se } from "./workbenchHelpers.js";
+import { resolveWorkbenchWidgetPlacementPreview as le, resolveWorkbenchToolPlacementPreview as ge } from "./workbenchPlacement.js";
+import { useWorkbenchModel as we } from "./useWorkbenchModel.js";
+import { resolveWorkbenchInteractionAdapter as fe } from "./workbenchInteractionAdapter.js";
+var me = /* @__PURE__ */ R("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), ve = /* @__PURE__ */ R("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const ke = "F1";
+function T(i) {
+  if (i)
     try {
-      a.focus({
+      i.focus({
         preventScroll: !0
       });
     } catch {
-      a.focus();
+      i.focus();
     }
 }
-function Ie(a) {
-  const t = ce({
-    state: () => a.state(),
-    setState: (e) => a.setState(e),
-    widgetDefinitions: () => a.widgetDefinitions,
-    textAnnotationDefaults: () => a.textAnnotationDefaults,
-    backgroundLayerDefaults: () => a.backgroundLayerDefaults,
+function Re(i) {
+  const t = we({
+    state: () => i.state(),
+    setState: (e) => i.setState(e),
+    widgetDefinitions: () => i.widgetDefinitions,
+    textAnnotationDefaults: () => i.textAnnotationDefaults,
+    backgroundLayerDefaults: () => i.backgroundLayerDefaults,
     onClose: () => {
     }
-  }), [u, N] = p(null), [O, R] = p(null), d = g(() => de(a.interactionAdapter)), [h, l] = p(C(() => d().createInitialInputOwner())), W = g(() => {
-    const e = a.launcherWidgetTypes;
+  }), u = te({
+    committed: t.selectedWidgetId,
+    commitEqualRequests: !0,
+    commit: (e, n) => {
+      if (!e) {
+        t.canvas.clearSelection();
+        return;
+      }
+      t.canvas.selectWidget(e), n?.bringToFront && t.canvas.commitFront(e);
+    },
+    onEvent: (e) => i.onWidgetActivationEvent?.(e)
+  }), F = () => i.widgetActivationMode === "after-paint" ? u.visual() : t.selectedWidgetId(), N = () => {
+    if (i.widgetActivationMode !== "after-paint" || !u.pending())
+      return t.selectedObject();
+    const e = u.visual();
+    return e ? {
+      kind: "widget",
+      id: e
+    } : null;
+  }, O = (e) => {
+    if (i.widgetActivationMode === "after-paint") {
+      if (u.pending() && u.visual() === e) return;
+      u.request(e, {
+        bringToFront: !1
+      });
+      return;
+    }
+    t.canvas.selectWidget(e);
+  }, E = (e) => {
+    if (i.widgetActivationMode === "after-paint") {
+      if (u.pending() && u.visual() === e) return;
+      u.request(e, {
+        bringToFront: !0
+      });
+      return;
+    }
+    t.canvas.selectWidget(e), t.canvas.commitFront(e);
+  }, [s, X] = p(null), [_, q] = p(null), c = w(() => fe(i.interactionAdapter)), [h, g] = p(C(() => c().createInitialInputOwner())), S = w(() => {
+    const e = i.launcherWidgetTypes;
     return !e || e.length <= 0 ? null : new Set(e);
-  }), E = g(() => {
-    const e = t.widgetDefinitions(), n = W();
+  }), Y = w(() => {
+    const e = t.widgetDefinitions(), n = S();
     return n ? e.filter((o) => n.has(o.type)) : e;
-  }), S = g(() => {
-    const e = t.contextMenu.state(), n = t.contextMenu.items(), o = W(), r = o ? n.filter((m) => {
+  }), b = w(() => {
+    const e = t.contextMenu.state(), n = t.contextMenu.items(), o = S(), r = o ? n.filter((m) => {
       if (m.kind !== "action")
         return !0;
-      const D = /^add-(.+)$/.exec(String(m.id ?? ""));
-      return D ? o.has(D[1]) : !0;
+      const L = /^add-(.+)$/.exec(String(m.id ?? ""));
+      return L ? o.has(L[1]) : !0;
     }) : n;
-    if (!e || !a.resolveContextMenuItems)
+    if (!e || !i.resolveContextMenuItems)
       return r;
-    const i = e.target?.kind === "widget" ? e.target.id : !e.target && e.widgetId ? e.widgetId : null, c = i ? t.queries.findWidgetById(i) : null;
-    return a.resolveContextMenuItems({
+    const a = e.target?.kind === "widget" ? e.target.id : !e.target && e.widgetId ? e.widgetId : null, d = a ? t.queries.findWidgetById(a) : null;
+    return i.resolveContextMenuItems({
       menu: e,
       items: r,
       widgets: t.widgets(),
-      widget: c,
+      widget: d,
       closeMenu: t.contextMenu.close
     });
-  }), b = g(() => {
+  }), M = w(() => {
     const e = t.contextMenu.state();
     if (!e) return;
-    const n = S(), o = n.filter((i) => i.kind === "action").length, r = n.filter((i) => i.kind === "separator").length;
-    return ne({
+    const n = b(), o = n.filter((a) => a.kind === "action").length, r = n.filter((a) => a.kind === "separator").length;
+    return de({
       clientX: e.clientX,
       clientY: e.clientY,
-      menuWidth: oe,
-      menuHeight: re(o, r)
+      menuWidth: ue,
+      menuHeight: se(o, r)
     });
-  }), I = (e, n, o) => {
-    const r = d(), i = r.findWidgetRoot(e), c = r.readWidgetId(i);
-    if (c) {
-      if (t.queries.findStickyNoteById(c)) {
-        l(r.createCanvasInputOwner(n === "focus" ? "background_focus" : "background_pointer"));
+  }), x = (e, n, o) => {
+    const r = c(), a = r.findWidgetRoot(e), d = r.readWidgetId(a);
+    if (d) {
+      if (t.queries.findStickyNoteById(d)) {
+        g(r.createCanvasInputOwner(n === "focus" ? "background_focus" : "background_pointer"));
         return;
       }
-      l(r.createWidgetInputOwner(c, n));
+      g(r.createWidgetInputOwner(d, n));
       return;
     }
-    const m = u();
-    m && e instanceof Node && m.contains(e) && l(r.createCanvasInputOwner(o));
-  }, x = (e = "selection_cleared") => {
-    const n = d(), o = u();
-    t.selection.clear(), l(n.createCanvasInputOwner(e)), queueMicrotask(() => {
+    const m = s();
+    m && e instanceof Node && m.contains(e) && g(r.createCanvasInputOwner(o));
+  }, I = (e = "selection_cleared") => {
+    const n = c(), o = s();
+    t.selection.clear(), g(n.createCanvasInputOwner(e)), queueMicrotask(() => {
       if (!o || typeof document > "u") return;
       const r = document.activeElement;
       if (!(r instanceof HTMLElement) || !o.contains(r)) {
-        B(o);
+        T(o);
         return;
       }
-      const i = n.findWidgetRoot(r);
-      B(o), i && document.activeElement === r && r.isConnected && r.blur();
+      const a = n.findWidgetRoot(r);
+      T(o), a && document.activeElement === r && r.isConnected && r.blur();
     });
-  }, k = () => {
-    const e = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = t.viewport(), o = e?.getBoundingClientRect(), r = o?.width ?? 0, i = o?.height ?? 0;
+  }, y = () => {
+    const e = s()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = t.viewport(), o = e?.getBoundingClientRect(), r = o?.width ?? 0, a = o?.height ?? 0;
     return {
       worldX: r > 0 ? (r / 2 - n.x) / n.scale : 240,
-      worldY: i > 0 ? (i / 2 - n.y) / n.scale : 180
+      worldY: a > 0 ? (a / 2 - n.y) / n.scale : 180
     };
-  }, w = (e) => {
-    const n = C(d), o = C(u);
+  }, f = (e) => {
+    const n = C(c), o = C(s);
     queueMicrotask(() => {
-      n.focusWidgetElement(o, e), l(n.createWidgetInputOwner(e, "activation"));
+      n.focusWidgetElement(o, e), g(n.createWidgetInputOwner(e, "activation"));
     });
-  }, F = (e) => {
+  }, P = (e) => {
     const n = t.navigation.fitWidget(e);
-    w(n.id);
-  }, X = (e) => {
+    f(n.id);
+  }, V = (e) => {
     const n = t.navigation.overviewWidget(e);
-    w(n.id);
+    f(n.id);
   };
-  v(() => {
-    a.onApiReady?.({
+  k(() => {
+    i.onApiReady?.({
       ensureWidget: (e, n) => t.widgetActions.ensureWidget(e, n) ?? null,
       createWidget: (e, n) => {
-        const o = k(), r = t.widgetActions.addWidgetAtWorldCenter(e, n?.worldX ?? o.worldX, n?.worldY ?? o.worldY) ?? null;
+        const o = y(), r = t.widgetActions.addWidgetAtWorldCenter(e, n?.worldX ?? o.worldX, n?.worldY ?? o.worldY) ?? null;
         return r && n?.centerViewport !== !1 && t.navigation.centerOnWidget(r), r;
       },
       createTextAnnotation: (e) => {
-        const n = k();
+        const n = y();
         return t.widgetActions.addTextAnnotationAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
       createStickyNote: (e) => {
-        const n = k();
+        const n = y();
         return t.widgetActions.addStickyNoteAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
       createBackgroundLayer: (e) => {
-        const n = k();
+        const n = y();
         return t.widgetActions.addBackgroundLayerAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
       },
-      clearSelection: () => x("selection_cleared"),
+      clearSelection: () => I("selection_cleared"),
       focusWidget: (e, n) => {
         const o = t.navigation.focusWidget(e, n);
-        return w(o.id), o;
+        return f(o.id), o;
       },
       fitWidget: (e) => {
         const n = t.navigation.fitWidget(e);
-        return w(n.id), n;
+        return f(n.id), n;
       },
       overviewWidget: (e) => {
         const n = t.navigation.overviewWidget(e);
-        return w(n.id), n;
+        return f(n.id), n;
       },
       findWidgetByType: (e) => t.queries.findWidgetByType(e),
       findWidgetById: (e) => t.queries.findWidgetById(e),
@@ -146,12 +184,12 @@ function Ie(a) {
       findBackgroundLayerById: (e) => t.queries.findBackgroundLayerById(e),
       updateWidgetTitle: (e, n) => {
         const o = String(e ?? "").trim(), r = String(n ?? "").trim();
-        !o || !r || a.setState((i) => ({
-          ...i,
-          widgets: i.widgets.map((c) => c.id === o && c.title !== r ? {
-            ...c,
+        !o || !r || i.setState((a) => ({
+          ...a,
+          widgets: a.widgets.map((d) => d.id === o && d.title !== r ? {
+            ...d,
             title: r
-          } : c)
+          } : d)
         }));
       },
       updateStickyNote: (e, n) => t.widgetActions.updateStickyNote(e, n),
@@ -160,46 +198,46 @@ function Ie(a) {
       deleteStickyNote: (e) => t.widgetActions.deleteStickyNote(e),
       deleteAnnotation: (e) => t.widgetActions.deleteAnnotation(e),
       deleteBackgroundLayer: (e) => t.widgetActions.deleteBackgroundLayer(e)
-    }), y(() => {
-      a.onApiReady?.(null);
+    }), A(() => {
+      i.onApiReady?.(null);
     });
   });
-  const M = () => a.lockShortcut === void 0 ? le : a.lockShortcut;
-  v(() => {
+  const D = () => i.lockShortcut === void 0 ? ke : i.lockShortcut;
+  k(() => {
     if (typeof window > "u" || !t.contextMenu.state()) return;
-    const e = te({
+    const e = ce({
       ownerWindow: window,
       onDismiss: t.contextMenu.close
     });
-    y(() => e());
-  }), v(() => {
+    A(() => e());
+  }), k(() => {
     const e = h();
     if (e.kind !== "widget") return;
-    t.widgets().some((o) => o.id === e.widgetId) || l(d().createCanvasInputOwner("widget_removed"));
-  }), v(() => {
-    const e = u();
+    t.widgets().some((o) => o.id === e.widgetId) || g(c().createCanvasInputOwner("widget_removed"));
+  }), k(() => {
+    const e = s();
     if (!e) return;
     const n = (r) => {
-      I(r.target, "pointer", "background_pointer");
+      x(r.target, "pointer", "background_pointer");
     }, o = (r) => {
-      I(r.target, "focus", "background_focus");
+      x(r.target, "focus", "background_focus");
     };
-    e.addEventListener("pointerdown", n, !0), e.addEventListener("focusin", o), y(() => {
+    e.addEventListener("pointerdown", n, !0), e.addEventListener("focusin", o), A(() => {
       e.removeEventListener("pointerdown", n, !0), e.removeEventListener("focusin", o);
     });
-  }), v(() => {
-    if (a.enableKeyboard === !1 || typeof document > "u") return;
-    const e = M(), n = (o) => {
+  }), k(() => {
+    if (i.enableKeyboard === !1 || typeof document > "u") return;
+    const e = D(), n = (o) => {
       if (!(o.defaultPrevented || o.isComposing)) {
         if (e !== null && o.key === e) {
           o.preventDefault(), t.lock.toggle();
           return;
         }
-        if (!d().shouldBypassGlobalHotkeys({
-          root: u(),
+        if (!c().shouldBypassGlobalHotkeys({
+          root: s(),
           target: o.target,
           owner: h(),
-          interactiveSelector: d().interactiveSelector
+          interactiveSelector: c().interactiveSelector
         }))
           switch (o.key) {
             case "ArrowUp":
@@ -221,67 +259,67 @@ function Ie(a) {
           }
       }
     };
-    document.addEventListener("keydown", n, !0), y(() => document.removeEventListener("keydown", n, !0));
+    document.addEventListener("keydown", n, !0), A(() => document.removeEventListener("keydown", n, !0));
   });
-  const A = (e, n, o) => {
+  const W = (e, n, o) => {
     if (o?.canvasFrame)
-      return L(o.canvasFrame, t.viewport(), {
+      return B(o.canvasFrame, t.viewport(), {
         clientX: e,
         clientY: n
       });
-    const r = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
+    const r = s()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
     if (!r) return null;
-    const i = r.getBoundingClientRect();
-    return L(i, t.viewport(), {
+    const a = r.getBoundingClientRect();
+    return B(a, t.viewport(), {
       clientX: e,
       clientY: n
     });
-  }, _ = (e, n, o, r) => {
-    const i = A(n, o, r);
-    i && t.widgetActions.addWidgetAtWorldCenter(e, i.worldX, i.worldY);
-  }, Y = (e, n, o, r) => {
-    const i = A(n, o, r);
-    if (i) {
+  }, z = (e, n, o, r) => {
+    const a = W(n, o, r);
+    a && t.widgetActions.addWidgetAtWorldCenter(e, a.worldX, a.worldY);
+  }, H = (e, n, o, r) => {
+    const a = W(n, o, r);
+    if (a) {
       if (e === "sticky-note") {
-        t.widgetActions.addStickyNoteAtCursor(i.worldX, i.worldY);
+        t.widgetActions.addStickyNoteAtCursor(a.worldX, a.worldY);
         return;
       }
       if (e === "text") {
-        t.widgetActions.addTextAnnotationAtCursor(i.worldX, i.worldY);
+        t.widgetActions.addTextAnnotationAtCursor(a.worldX, a.worldY);
         return;
       }
-      e === "background-region" && t.widgetActions.addBackgroundLayerAtCursor(i.worldX, i.worldY);
+      e === "background-region" && t.widgetActions.addBackgroundLayerAtCursor(a.worldX, a.worldY);
     }
-  }, P = (e) => {
-    e.button === 0 && x("background_pointer");
-  }, q = g(() => {
-    const e = O();
+  }, U = (e) => {
+    e.button === 0 && (c().findWidgetRoot(e.target) || I("background_pointer"));
+  }, $ = w(() => {
+    const e = _();
     if (!e) return null;
-    const n = A(e.clientX, e.clientY, e);
-    return n ? e.kind === "widget" ? ie({
+    const n = W(e.clientX, e.clientY, e);
+    return n ? e.kind === "widget" ? le({
       type: e.id,
       widgetDefinitions: t.widgetDefinitions(),
       worldX: n.worldX,
       worldY: n.worldY,
       dropAllowed: e.dropAllowed
-    }) : ae({
+    }) : ge({
       tool: e.id,
       label: e.label,
       worldX: n.worldX,
       worldY: n.worldY,
       dropAllowed: e.dropAllowed,
-      textDefaults: a.textAnnotationDefaults,
-      backgroundDefaults: a.backgroundLayerDefaults
+      textDefaults: i.textAnnotationDefaults,
+      backgroundDefaults: i.backgroundLayerDefaults
     }) : null;
   });
   return (() => {
-    var e = se(), n = e.firstChild;
-    return V(N, e), z(e, H({
+    var e = ve(), n = e.firstChild;
+    return j(X, e), K(e, Z({
       get class() {
-        return `workbench-surface${a.class ? ` ${a.class}` : ""}`;
+        return `workbench-surface${i.class ? ` ${i.class}` : ""}`;
       }
     }, () => ({
-      [d().surfaceRootAttr]: "true"
+      [c().surfaceRootAttr]: "true"
     }), {
       get "data-workbench-theme"() {
         return t.theme();
@@ -290,7 +328,7 @@ function Ie(a) {
         return t.mode();
       },
       tabIndex: -1
-    }), !1, !0), f(n, s(Z, {
+    }), !1, !0), v(n, l(ne, {
       get widgetDefinitions() {
         return t.widgetDefinitions();
       },
@@ -307,7 +345,7 @@ function Ie(a) {
         return t.backgroundLayers();
       },
       get placementPreview() {
-        return q();
+        return $();
       },
       get viewport() {
         return t.viewport();
@@ -316,10 +354,10 @@ function Ie(a) {
         return t.canvasFrameSize();
       },
       get selectedWidgetId() {
-        return t.selectedWidgetId();
+        return F();
       },
       get selectedObject() {
-        return t.selectedObject();
+        return N();
       },
       get mode() {
         return t.mode();
@@ -334,7 +372,7 @@ function Ie(a) {
         return t.filters();
       },
       get interactionAdapter() {
-        return d();
+        return c();
       },
       get setCanvasFrameRef() {
         return t.setCanvasFrameRef;
@@ -348,10 +386,9 @@ function Ie(a) {
       get onCanvasContextMenu() {
         return t.canvas.openCanvasContextMenu;
       },
-      onCanvasPointerDown: P,
-      get onSelectWidget() {
-        return t.canvas.selectWidget;
-      },
+      onCanvasPointerDown: U,
+      onSelectWidget: O,
+      onActivateWidget: E,
       get onWidgetContextMenu() {
         return t.canvas.openWidgetContextMenu;
       },
@@ -427,18 +464,18 @@ function Ie(a) {
       get onDeleteBackgroundLayer() {
         return t.widgetActions.deleteBackgroundLayer;
       },
-      onRequestOverview: X,
-      onRequestFit: F,
+      onRequestOverview: V,
+      onRequestFit: P,
       get onRequestDelete() {
-        return a.onRequestDelete ?? t.widgetActions.deleteWidget;
+        return i.onRequestDelete ?? t.widgetActions.deleteWidget;
       },
       get onLayoutInteractionStart() {
-        return a.onLayoutInteractionStart;
+        return i.onLayoutInteractionStart;
       },
       get onLayoutInteractionEnd() {
-        return a.onLayoutInteractionEnd;
+        return i.onLayoutInteractionEnd;
       }
-    })), f(e, s(ee, {
+    })), v(e, l(ae, {
       get locked() {
         return t.locked();
       },
@@ -446,11 +483,11 @@ function Ie(a) {
         return t.lock.toggle;
       },
       get shortcutLabel() {
-        return M() ?? void 0;
+        return D() ?? void 0;
       }
-    }), null), f(e, s(J, {
+    }), null), v(e, l(re, {
       get widgetDefinitions() {
-        return E();
+        return Y();
       },
       get widgets() {
         return t.widgets();
@@ -474,10 +511,10 @@ function Ie(a) {
         return t.canvas.commitViewport;
       },
       onViewportInteractionStart: () => t.canvas.cancelViewportNavigation(),
-      onCreateAt: _,
-      onCreateToolAt: Y,
-      onDragPreviewChange: R
-    }), null), f(e, s(Q, {
+      onCreateAt: z,
+      onCreateToolAt: H,
+      onDragPreviewChange: q
+    }), null), v(e, l(ie, {
       get scaleLabel() {
         return t.scaleLabel();
       },
@@ -491,25 +528,25 @@ function Ie(a) {
         return t.theme();
       },
       onSelectTheme: (o) => t.appearance.setTheme(o)
-    }), null), f(e, s(j, {
+    }), null), v(e, l(ee, {
       get when() {
         return t.contextMenu.state();
       },
       get children() {
-        return s($, {
+        return l(G, {
           get children() {
             return [(() => {
-              var o = ue();
-              return U(o, "contextmenu", t.contextMenu.retarget, !0), o;
-            })(), s(G, {
+              var o = me();
+              return J(o, "contextmenu", t.contextMenu.retarget, !0), o;
+            })(), l(oe, {
               get x() {
-                return b()?.left ?? 0;
+                return M()?.left ?? 0;
               },
               get y() {
-                return b()?.top ?? 0;
+                return M()?.top ?? 0;
               },
               get items() {
-                return S();
+                return b();
               }
             })];
           }
@@ -518,7 +555,7 @@ function Ie(a) {
     }), null), e;
   })();
 }
-K(["contextmenu"]);
+Q(["contextmenu"]);
 export {
-  Ie as WorkbenchSurface
+  Re as WorkbenchSurface
 };

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

@@ -25,6 +25,7 @@ export interface WorkbenchWidgetProps {
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     viewport?: WorkbenchViewport;
     onSelect: (widgetId: string) => void;
+    onActivate?: (widgetId: string) => void;
     onContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
     onClaimVisualFrontOwner: (widgetId: string) => void;
     onCommitFront: (widgetId: string) => void;