@floegence/floe-webapp-core 0.36.42 → 0.36.43

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,18 +1,18 @@
-import { use as _, spread as B, mergeProps as q, insert as m, createComponent as u, Portal as V, addEventListener as N, template as A, delegateEvents as z } from "solid-js/web";
-import { createSignal as M, createMemo as w, untrack as W, createEffect as v, onCleanup as h, Show as H } from "solid-js";
-import { clientToCanvasWorld as P } from "../ui/canvasGeometry.js";
-import { WorkbenchCanvas as X } from "./WorkbenchCanvas.js";
-import { WorkbenchContextMenu as $ } from "./WorkbenchContextMenu.js";
-import { WorkbenchFilterBar as Y } from "./WorkbenchFilterBar.js";
-import { WorkbenchHud as K } from "./WorkbenchHud.js";
-import { WorkbenchLockButton as U } from "./WorkbenchLockButton.js";
-import { installWorkbenchContextMenuDismissListeners as Z } from "./workbenchContextMenuDismiss.js";
-import { createContextMenuPosition as G, WORKBENCH_CONTEXT_MENU_WIDTH_PX as j, estimateContextMenuHeight as J } from "./workbenchHelpers.js";
-import { useWorkbenchModel as Q } from "./useWorkbenchModel.js";
-import { resolveWorkbenchInteractionAdapter as ee } from "./workbenchInteractionAdapter.js";
-var te = /* @__PURE__ */ A("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), ne = /* @__PURE__ */ A("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const re = "F1";
-function x(i) {
+import { use as X, spread as q, mergeProps as Y, insert as w, createComponent as s, Portal as z, addEventListener as V, template as D, delegateEvents as P } from "solid-js/web";
+import { createSignal as B, createMemo as f, untrack as p, createEffect as v, onCleanup as y, Show as H } from "solid-js";
+import { clientToCanvasWorld as $ } from "../ui/canvasGeometry.js";
+import { WorkbenchCanvas as U } from "./WorkbenchCanvas.js";
+import { WorkbenchContextMenu as K } from "./WorkbenchContextMenu.js";
+import { WorkbenchDock as j } from "./WorkbenchFilterBar.js";
+import { WorkbenchHud as Z } from "./WorkbenchHud.js";
+import { WorkbenchLockButton as G } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as J } from "./workbenchContextMenuDismiss.js";
+import { createContextMenuPosition as Q, WORKBENCH_CONTEXT_MENU_WIDTH_PX as tt, estimateContextMenuHeight as et } from "./workbenchHelpers.js";
+import { useWorkbenchModel as nt } from "./useWorkbenchModel.js";
+import { resolveWorkbenchInteractionAdapter as ot } from "./workbenchInteractionAdapter.js";
+var rt = /* @__PURE__ */ D("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), it = /* @__PURE__ */ D("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const at = "F1";
+function L(i) {
   if (i)
     try {
       i.focus({
@@ -22,267 +22,383 @@ function x(i) {
       i.focus();
     }
 }
-function he(i) {
-  const t = Q({
+function At(i) {
+  const e = nt({
     state: () => i.state(),
-    setState: (e) => i.setState(e),
+    setState: (t) => i.setState(t),
     widgetDefinitions: () => i.widgetDefinitions,
+    textAnnotationDefaults: () => i.textAnnotationDefaults,
     onClose: () => {
     }
-  }), [d, E] = M(null), s = w(() => ee(i.interactionAdapter)), [p, l] = M(W(() => s().createInitialInputOwner())), k = w(() => {
-    const e = i.launcherWidgetTypes;
-    return !e || e.length <= 0 ? null : new Set(e);
-  }), D = w(() => {
-    const e = t.widgetDefinitions(), n = k();
-    return n ? e.filter((r) => n.has(r.type)) : e;
-  }), C = w(() => {
-    const e = t.contextMenu.state(), n = t.contextMenu.items(), r = k(), o = r ? n.filter((c) => {
-      if (c.kind !== "action")
+  }), [u, T] = B(null), d = f(() => ot(i.interactionAdapter)), [A, l] = B(p(() => d().createInitialInputOwner())), C = f(() => {
+    const t = i.launcherWidgetTypes;
+    return !t || t.length <= 0 ? null : new Set(t);
+  }), N = f(() => {
+    const t = e.widgetDefinitions(), n = C();
+    return n ? t.filter((o) => n.has(o.type)) : t;
+  }), h = f(() => {
+    const t = e.contextMenu.state(), n = e.contextMenu.items(), o = C(), r = o ? n.filter((m) => {
+      if (m.kind !== "action")
         return !0;
-      const f = /^add-(.+)$/.exec(String(c.id ?? ""));
-      return f ? r.has(f[1]) : !0;
+      const M = /^add-(.+)$/.exec(String(m.id ?? ""));
+      return M ? o.has(M[1]) : !0;
     }) : n;
-    if (!e || !i.resolveContextMenuItems)
-      return o;
-    const a = e.widgetId ? t.queries.findWidgetById(e.widgetId) : null;
+    if (!t || !i.resolveContextMenuItems)
+      return r;
+    const a = t.target?.kind === "widget" ? t.target.id : !t.target && t.widgetId ? t.widgetId : null, c = a ? e.queries.findWidgetById(a) : null;
     return i.resolveContextMenuItems({
-      menu: e,
-      items: o,
-      widgets: t.widgets(),
-      widget: a,
-      closeMenu: t.contextMenu.close
+      menu: t,
+      items: r,
+      widgets: e.widgets(),
+      widget: c,
+      closeMenu: e.contextMenu.close
     });
-  }), I = w(() => {
-    const e = t.contextMenu.state();
-    if (!e) return;
-    const n = C(), r = n.filter((a) => a.kind === "action").length, o = n.filter((a) => a.kind === "separator").length;
-    return G({
-      clientX: e.clientX,
-      clientY: e.clientY,
-      menuWidth: j,
-      menuHeight: J(r, o)
+  }), S = f(() => {
+    const t = e.contextMenu.state();
+    if (!t) return;
+    const n = h(), o = n.filter((a) => a.kind === "action").length, r = n.filter((a) => a.kind === "separator").length;
+    return Q({
+      clientX: t.clientX,
+      clientY: t.clientY,
+      menuWidth: tt,
+      menuHeight: et(o, r)
     });
-  }), b = (e, n, r) => {
-    const o = s(), a = o.findWidgetRoot(e), c = o.readWidgetId(a);
+  }), W = (t, n, o) => {
+    const r = d(), a = r.findWidgetRoot(t), c = r.readWidgetId(a);
     if (c) {
-      l(o.createWidgetInputOwner(c, n));
+      if (e.queries.findStickyNoteById(c)) {
+        l(r.createCanvasInputOwner(n === "focus" ? "background_focus" : "background_pointer"));
+        return;
+      }
+      l(r.createWidgetInputOwner(c, n));
       return;
     }
-    const f = d();
-    f && e instanceof Node && f.contains(e) && l(o.createCanvasInputOwner(r));
-  }, y = (e = "selection_cleared") => {
-    const n = s(), r = d();
-    t.selection.clear(), l(n.createCanvasInputOwner(e)), queueMicrotask(() => {
-      if (!r || typeof document > "u") return;
-      const o = document.activeElement;
-      if (!(o instanceof HTMLElement) || !r.contains(o)) {
-        x(r);
+    const m = u();
+    m && t instanceof Node && m.contains(t) && l(r.createCanvasInputOwner(o));
+  }, b = (t = "selection_cleared") => {
+    const n = d(), o = u();
+    e.selection.clear(), l(n.createCanvasInputOwner(t)), queueMicrotask(() => {
+      if (!o || typeof document > "u") return;
+      const r = document.activeElement;
+      if (!(r instanceof HTMLElement) || !o.contains(r)) {
+        L(o);
         return;
       }
-      const a = n.findWidgetRoot(o);
-      x(r), a && document.activeElement === o && o.isConnected && o.blur();
+      const a = n.findWidgetRoot(r);
+      L(o), a && document.activeElement === r && r.isConnected && r.blur();
     });
-  }, R = () => {
-    const e = d()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = t.viewport(), r = e?.getBoundingClientRect(), o = r?.width ?? 0, a = r?.height ?? 0;
+  }, k = () => {
+    const t = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = e.viewport(), o = t?.getBoundingClientRect(), r = o?.width ?? 0, a = o?.height ?? 0;
     return {
-      worldX: o > 0 ? (o / 2 - n.x) / n.scale : 240,
+      worldX: r > 0 ? (r / 2 - n.x) / n.scale : 240,
       worldY: a > 0 ? (a / 2 - n.y) / n.scale : 180
     };
-  }, g = (e) => {
-    const n = W(s), r = W(d);
+  }, g = (t) => {
+    const n = p(d), o = p(u);
     queueMicrotask(() => {
-      n.focusWidgetElement(r, e), l(n.createWidgetInputOwner(e, "activation"));
+      n.focusWidgetElement(o, t), l(n.createWidgetInputOwner(t, "activation"));
     });
-  }, O = (e) => {
-    const n = t.navigation.fitWidget(e);
+  }, R = (t) => {
+    const n = e.navigation.fitWidget(t);
     g(n.id);
-  }, T = (e) => {
-    const n = t.navigation.overviewWidget(e);
+  }, O = (t) => {
+    const n = e.navigation.overviewWidget(t);
     g(n.id);
   };
   v(() => {
     i.onApiReady?.({
-      ensureWidget: (e, n) => t.widgetActions.ensureWidget(e, n) ?? null,
-      createWidget: (e, n) => {
-        const r = R(), o = t.widgetActions.addWidgetAtCursor(e, n?.worldX ?? r.worldX, n?.worldY ?? r.worldY) ?? null;
-        return o && n?.centerViewport !== !1 && t.navigation.centerOnWidget(o), o;
-      },
-      clearSelection: () => y("selection_cleared"),
-      focusWidget: (e, n) => {
-        const r = t.navigation.focusWidget(e, n);
-        return g(r.id), r;
-      },
-      fitWidget: (e) => {
-        const n = t.navigation.fitWidget(e);
+      ensureWidget: (t, n) => e.widgetActions.ensureWidget(t, n) ?? null,
+      createWidget: (t, n) => {
+        const o = k(), r = e.widgetActions.addWidgetAtCursor(t, n?.worldX ?? o.worldX, n?.worldY ?? o.worldY) ?? null;
+        return r && n?.centerViewport !== !1 && e.navigation.centerOnWidget(r), r;
+      },
+      createTextAnnotation: (t) => {
+        const n = k();
+        return e.widgetActions.addTextAnnotationAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+      },
+      createStickyNote: (t) => {
+        const n = k();
+        return e.widgetActions.addStickyNoteAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+      },
+      createBackgroundLayer: (t) => {
+        const n = k();
+        return e.widgetActions.addBackgroundLayerAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+      },
+      clearSelection: () => b("selection_cleared"),
+      focusWidget: (t, n) => {
+        const o = e.navigation.focusWidget(t, n);
+        return g(o.id), o;
+      },
+      fitWidget: (t) => {
+        const n = e.navigation.fitWidget(t);
         return g(n.id), n;
       },
-      overviewWidget: (e) => {
-        const n = t.navigation.overviewWidget(e);
+      overviewWidget: (t) => {
+        const n = e.navigation.overviewWidget(t);
         return g(n.id), n;
       },
-      findWidgetByType: (e) => t.queries.findWidgetByType(e),
-      findWidgetById: (e) => t.queries.findWidgetById(e),
-      updateWidgetTitle: (e, n) => {
-        const r = String(e ?? "").trim(), o = String(n ?? "").trim();
-        !r || !o || i.setState((a) => ({
+      findWidgetByType: (t) => e.queries.findWidgetByType(t),
+      findWidgetById: (t) => e.queries.findWidgetById(t),
+      findStickyNoteById: (t) => e.queries.findStickyNoteById(t),
+      findAnnotationById: (t) => e.queries.findAnnotationById(t),
+      findBackgroundLayerById: (t) => e.queries.findBackgroundLayerById(t),
+      updateWidgetTitle: (t, n) => {
+        const o = String(t ?? "").trim(), r = String(n ?? "").trim();
+        !o || !r || i.setState((a) => ({
           ...a,
-          widgets: a.widgets.map((c) => c.id === r && c.title !== o ? {
+          widgets: a.widgets.map((c) => c.id === o && c.title !== r ? {
             ...c,
-            title: o
+            title: r
           } : c)
         }));
-      }
-    }), h(() => {
+      },
+      updateStickyNote: (t, n) => e.widgetActions.updateStickyNote(t, n),
+      updateTextAnnotation: (t, n) => e.widgetActions.updateTextAnnotation(t, n),
+      updateBackgroundLayer: (t, n) => e.widgetActions.updateBackgroundLayer(t, n),
+      deleteStickyNote: (t) => e.widgetActions.deleteStickyNote(t),
+      deleteAnnotation: (t) => e.widgetActions.deleteAnnotation(t),
+      deleteBackgroundLayer: (t) => e.widgetActions.deleteBackgroundLayer(t)
+    }), y(() => {
       i.onApiReady?.(null);
     });
   });
-  const S = () => i.lockShortcut === void 0 ? re : i.lockShortcut;
+  const I = () => i.lockShortcut === void 0 ? at : i.lockShortcut;
   v(() => {
-    if (typeof window > "u" || !t.contextMenu.state()) return;
-    const e = Z({
+    if (typeof window > "u" || !e.contextMenu.state()) return;
+    const t = J({
       ownerWindow: window,
-      onDismiss: t.contextMenu.close
+      onDismiss: e.contextMenu.close
     });
-    h(() => e());
+    y(() => t());
   }), v(() => {
-    const e = p();
-    if (e.kind !== "widget") return;
-    t.widgets().some((r) => r.id === e.widgetId) || l(s().createCanvasInputOwner("widget_removed"));
+    const t = A();
+    if (t.kind !== "widget") return;
+    e.widgets().some((o) => o.id === t.widgetId) || l(d().createCanvasInputOwner("widget_removed"));
   }), v(() => {
-    const e = d();
-    if (!e) return;
-    const n = (o) => {
-      b(o.target, "pointer", "background_pointer");
-    }, r = (o) => {
-      b(o.target, "focus", "background_focus");
+    const t = u();
+    if (!t) return;
+    const n = (r) => {
+      W(r.target, "pointer", "background_pointer");
+    }, o = (r) => {
+      W(r.target, "focus", "background_focus");
     };
-    e.addEventListener("pointerdown", n, !0), e.addEventListener("focusin", r), h(() => {
-      e.removeEventListener("pointerdown", n, !0), e.removeEventListener("focusin", r);
+    t.addEventListener("pointerdown", n, !0), t.addEventListener("focusin", o), y(() => {
+      t.removeEventListener("pointerdown", n, !0), t.removeEventListener("focusin", o);
     });
   }), v(() => {
     if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const e = S(), n = (r) => {
-      if (!(r.defaultPrevented || r.isComposing)) {
-        if (e !== null && r.key === e) {
-          r.preventDefault(), t.lock.toggle();
+    const t = I(), n = (o) => {
+      if (!(o.defaultPrevented || o.isComposing)) {
+        if (t !== null && o.key === t) {
+          o.preventDefault(), e.lock.toggle();
           return;
         }
-        if (!s().shouldBypassGlobalHotkeys({
-          root: d(),
-          target: r.target,
-          owner: p(),
-          interactiveSelector: s().interactiveSelector
+        if (!d().shouldBypassGlobalHotkeys({
+          root: u(),
+          target: o.target,
+          owner: A(),
+          interactiveSelector: d().interactiveSelector
         }))
-          switch (r.key) {
+          switch (o.key) {
             case "ArrowUp":
-              r.preventDefault(), t.navigation.handleArrowNavigation("up");
+              o.preventDefault(), e.navigation.handleArrowNavigation("up");
               break;
             case "ArrowDown":
-              r.preventDefault(), t.navigation.handleArrowNavigation("down");
+              o.preventDefault(), e.navigation.handleArrowNavigation("down");
               break;
             case "ArrowLeft":
-              r.preventDefault(), t.navigation.handleArrowNavigation("left");
+              o.preventDefault(), e.navigation.handleArrowNavigation("left");
               break;
             case "ArrowRight":
-              r.preventDefault(), t.navigation.handleArrowNavigation("right");
+              o.preventDefault(), e.navigation.handleArrowNavigation("right");
               break;
             case "Delete":
             case "Backspace":
-              t.selectedWidgetId() && (r.preventDefault(), t.widgetActions.deleteSelected());
+              e.selectedObject() && (o.preventDefault(), e.widgetActions.deleteSelected());
               break;
           }
       }
     };
-    document.addEventListener("keydown", n, !0), h(() => document.removeEventListener("keydown", n, !0));
+    document.addEventListener("keydown", n, !0), y(() => document.removeEventListener("keydown", n, !0));
   });
-  const L = (e, n) => {
-    const r = d()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
-    if (!r) return null;
-    const o = r.getBoundingClientRect();
-    return P(o, t.viewport(), {
-      clientX: e,
+  const x = (t, n) => {
+    const o = u()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
+    if (!o) return null;
+    const r = o.getBoundingClientRect();
+    return $(r, e.viewport(), {
+      clientX: t,
       clientY: n
     });
-  }, F = (e, n, r) => {
-    const o = L(n, r);
-    o && t.widgetActions.addWidgetAtCursor(e, o.worldX, o.worldY);
+  }, E = (t, n, o) => {
+    const r = x(n, o);
+    r && e.widgetActions.addWidgetAtCursor(t, r.worldX, r.worldY);
+  }, F = (t, n, o) => {
+    const r = x(n, o);
+    if (r) {
+      if (t === "sticky-note") {
+        e.widgetActions.addStickyNoteAtCursor(r.worldX, r.worldY);
+        return;
+      }
+      if (t === "text") {
+        e.widgetActions.addTextAnnotationAtCursor(r.worldX, r.worldY);
+        return;
+      }
+      t === "background-region" && e.widgetActions.addBackgroundLayerAtCursor(r.worldX, r.worldY);
+    }
+  }, _ = (t) => {
+    t.button === 0 && b("background_pointer");
   };
   return (() => {
-    var e = ne(), n = e.firstChild;
-    return _(E, e), B(e, q({
+    var t = it(), n = t.firstChild;
+    return X(T, t), q(t, Y({
       get class() {
         return `workbench-surface${i.class ? ` ${i.class}` : ""}`;
       }
     }, () => ({
-      [s().surfaceRootAttr]: "true"
+      [d().surfaceRootAttr]: "true"
     }), {
       get "data-workbench-theme"() {
-        return t.theme();
+        return e.theme();
       },
       tabIndex: -1
-    }), !1, !0), m(n, u(X, {
+    }), !1, !0), w(n, s(U, {
       get widgetDefinitions() {
-        return t.widgetDefinitions();
+        return e.widgetDefinitions();
       },
       get widgets() {
-        return t.widgets();
+        return e.widgets();
+      },
+      get stickyNotes() {
+        return e.stickyNotes();
+      },
+      get annotations() {
+        return e.annotations();
+      },
+      get backgroundLayers() {
+        return e.backgroundLayers();
       },
       get viewport() {
-        return t.viewport();
+        return e.viewport();
       },
       get canvasFrameSize() {
-        return t.canvasFrameSize();
+        return e.canvasFrameSize();
       },
       get selectedWidgetId() {
-        return t.selectedWidgetId();
+        return e.selectedWidgetId();
+      },
+      get selectedObject() {
+        return e.selectedObject();
+      },
+      get mode() {
+        return e.mode();
       },
       get optimisticFrontWidgetId() {
-        return t.optimisticFrontWidgetId();
+        return e.optimisticFrontWidgetId();
       },
       get locked() {
-        return t.locked();
+        return e.locked();
       },
       get filters() {
-        return t.filters();
+        return e.filters();
       },
       get interactionAdapter() {
-        return s();
+        return d();
       },
       get setCanvasFrameRef() {
-        return t.setCanvasFrameRef;
+        return e.setCanvasFrameRef;
       },
       get onViewportCommit() {
-        return t.canvas.commitViewport;
+        return e.canvas.commitViewport;
       },
       get onViewportInteractionStart() {
-        return t.canvas.cancelViewportNavigation;
+        return e.canvas.cancelViewportNavigation;
       },
       get onCanvasContextMenu() {
-        return t.canvas.openCanvasContextMenu;
+        return e.canvas.openCanvasContextMenu;
       },
-      onCanvasPointerDown: () => y("background_pointer"),
+      onCanvasPointerDown: _,
       get onSelectWidget() {
-        return t.canvas.selectWidget;
+        return e.canvas.selectWidget;
       },
       get onWidgetContextMenu() {
-        return t.canvas.openWidgetContextMenu;
+        return e.canvas.openWidgetContextMenu;
       },
       get onStartOptimisticFront() {
-        return t.canvas.startOptimisticFront;
+        return e.canvas.startOptimisticFront;
       },
       get onCommitFront() {
-        return t.canvas.commitFront;
+        return e.canvas.commitFront;
       },
       get onCommitMove() {
-        return t.canvas.commitMove;
+        return e.canvas.commitMove;
       },
       get onCommitResize() {
-        return t.canvas.commitResize;
+        return e.canvas.commitResize;
+      },
+      get onSelectStickyNote() {
+        return e.canvas.selectStickyNote;
+      },
+      get onStickyNoteContextMenu() {
+        return e.canvas.openStickyNoteContextMenu;
+      },
+      get onStartStickyOptimisticFront() {
+        return e.canvas.startOptimisticFront;
+      },
+      get onCommitStickyFront() {
+        return e.canvas.commitStickyFront;
       },
-      onRequestOverview: T,
-      onRequestFit: O,
+      get onCommitStickyMove() {
+        return e.canvas.commitStickyMove;
+      },
+      get onCommitStickyResize() {
+        return e.canvas.commitStickyResize;
+      },
+      get onUpdateStickyNote() {
+        return e.widgetActions.updateStickyNote;
+      },
+      get onDeleteStickyNote() {
+        return e.widgetActions.deleteStickyNote;
+      },
+      get onSelectAnnotation() {
+        return e.canvas.selectAnnotation;
+      },
+      get onAnnotationContextMenu() {
+        return e.canvas.openAnnotationContextMenu;
+      },
+      get onCommitAnnotationMove() {
+        return e.canvas.commitAnnotationMove;
+      },
+      get onCommitAnnotationResize() {
+        return e.canvas.commitAnnotationResize;
+      },
+      get onUpdateTextAnnotation() {
+        return e.widgetActions.updateTextAnnotation;
+      },
+      get onDeleteAnnotation() {
+        return e.widgetActions.deleteAnnotation;
+      },
+      get onSelectBackgroundLayer() {
+        return e.canvas.selectBackgroundLayer;
+      },
+      get onBackgroundLayerContextMenu() {
+        return e.canvas.openBackgroundLayerContextMenu;
+      },
+      get onCommitBackgroundMove() {
+        return e.canvas.commitBackgroundMove;
+      },
+      get onCommitBackgroundResize() {
+        return e.canvas.commitBackgroundResize;
+      },
+      get onUpdateBackgroundLayer() {
+        return e.widgetActions.updateBackgroundLayer;
+      },
+      get onDeleteBackgroundLayer() {
+        return e.widgetActions.deleteBackgroundLayer;
+      },
+      onRequestOverview: O,
+      onRequestFit: R,
       get onRequestDelete() {
-        return i.onRequestDelete ?? t.widgetActions.deleteWidget;
+        return i.onRequestDelete ?? e.widgetActions.deleteWidget;
       },
       get onLayoutInteractionStart() {
         return i.onLayoutInteractionStart;
@@ -290,82 +406,86 @@ function he(i) {
       get onLayoutInteractionEnd() {
         return i.onLayoutInteractionEnd;
       }
-    })), m(e, u(U, {
+    })), w(t, s(G, {
       get locked() {
-        return t.locked();
+        return e.locked();
       },
       get onToggle() {
-        return t.lock.toggle;
+        return e.lock.toggle;
       },
       get shortcutLabel() {
-        return S() ?? void 0;
+        return I() ?? void 0;
       }
-    }), null), m(e, u(Y, {
+    }), null), w(t, s(j, {
       get widgetDefinitions() {
-        return D();
+        return N();
       },
       get widgets() {
-        return t.widgets();
+        return e.widgets();
       },
       get filters() {
-        return t.filters();
+        return e.filters();
+      },
+      get mode() {
+        return e.mode();
       },
       get viewport() {
-        return t.viewport();
+        return e.viewport();
       },
       get onSoloFilter() {
-        return t.filter.solo;
+        return e.filter.solo;
       },
-      get onShowAll() {
-        return t.filter.showAll;
+      get onSelectMode() {
+        return e.modes.setMode;
       },
       get onViewportCommit() {
-        return t.canvas.commitViewport;
+        return e.canvas.commitViewport;
       },
-      onViewportInteractionStart: () => t.canvas.cancelViewportNavigation(),
-      onCreateAt: F
-    }), null), m(e, u(K, {
+      onViewportInteractionStart: () => e.canvas.cancelViewportNavigation(),
+      onCreateAt: E,
+      onCreateToolAt: F
+    }), null), w(t, s(Z, {
       get scaleLabel() {
-        return t.scaleLabel();
+        return e.scaleLabel();
       },
       get onZoomOut() {
-        return t.hud.zoomOut;
+        return e.hud.zoomOut;
       },
       get onZoomIn() {
-        return t.hud.zoomIn;
+        return e.hud.zoomIn;
       },
       get activeTheme() {
-        return t.theme();
+        return e.theme();
       },
-      onSelectTheme: (r) => t.appearance.setTheme(r)
-    }), null), m(e, u(H, {
+      onSelectTheme: (o) => e.appearance.setTheme(o)
+    }), null), w(t, s(H, {
       get when() {
-        return t.contextMenu.state();
+        return e.contextMenu.state();
       },
       get children() {
-        return u(V, {
+        return s(z, {
           get children() {
             return [(() => {
-              var r = te();
-              return N(r, "contextmenu", t.contextMenu.retarget, !0), r;
-            })(), u($, {
+              var o = rt();
+              return V(o, "contextmenu", e.contextMenu.retarget, !0), o;
+            })(), s(K, {
               get x() {
-                return I()?.left ?? 0;
+                return S()?.left ?? 0;
               },
               get y() {
-                return I()?.top ?? 0;
+                return S()?.top ?? 0;
               },
               get items() {
-                return C();
+                return h();
               }
             })];
           }
         });
       }
-    }), null), e;
+    }), null), t;
   })();
 }
-z(["contextmenu"]);
+P(["contextmenu"]);
 export {
-  he as WorkbenchSurface
+  At as WorkbenchSurface
 };