@floegence/floe-webapp-core 0.45.0 → 0.46.0

package/dist/components/workbench/WorkbenchSurface.js

@@ -1,579 +1,671 @@
-import { use as j, spread as K, mergeProps as G, insert as v, createComponent as l, Portal as Z, addEventListener as J, template as R, delegateEvents as Q } from "solid-js/web";
-import { createSignal as W, createMemo as w, untrack as h, createEffect as k, onCleanup as y, Show as ee } from "solid-js";
-import { clientToCanvasWorld as T } 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 me } from "./workbenchInteractionAdapter.js";
-import { SURFACE_PORTAL_LAYER_ATTR as fe, DIALOG_SURFACE_HOST_ATTR as ve } from "../ui/dialogSurfaceScope.js";
-var ke = /* @__PURE__ */ R("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), Ae = /* @__PURE__ */ R("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
-const ye = "F1";
-function B(i) {
-  if (i)
+import { use as ct, spread as at, mergeProps as dt, insert as C, createComponent as f, Portal as st, addEventListener as ut, template as X, delegateEvents as lt } from "solid-js/web";
+import { createSignal as I, createMemo as m, untrack as b, createEffect as h, onCleanup as W, Show as gt } from "solid-js";
+import { clientToCanvasWorld as O } from "../ui/canvasGeometry.js";
+import { createUIFirstSelection as wt } from "../../utils/uiFirstSelection.js";
+import { WorkbenchCanvas as ft } from "./WorkbenchCanvas.js";
+import { WorkbenchContextMenu as kt } from "./WorkbenchContextMenu.js";
+import { WorkbenchDock as mt } from "./WorkbenchFilterBar.js";
+import { WorkbenchHud as vt } from "./WorkbenchHud.js";
+import { WorkbenchLockButton as yt } from "./WorkbenchLockButton.js";
+import { installWorkbenchContextMenuDismissListeners as At } from "./workbenchContextMenuDismiss.js";
+import { createContextMenuPosition as Ct, WORKBENCH_CONTEXT_MENU_WIDTH_PX as ht, estimateContextMenuHeight as bt } from "./workbenchHelpers.js";
+import { resolveWorkbenchWidgetPlacementPreview as Wt, resolveWorkbenchToolPlacementPreview as St } from "./workbenchPlacement.js";
+import { useWorkbenchModel as pt } from "./useWorkbenchModel.js";
+import { sortWorkbenchDockFocusCandidates as xt, workbenchDockFocusCandidateKey as R, resolveWorkbenchDockFocusCycle as It } from "./workbenchDockFocusCycle.js";
+import { resolveWorkbenchInteractionAdapter as Dt } from "./workbenchInteractionAdapter.js";
+import { SURFACE_PORTAL_LAYER_ATTR as Mt, DIALOG_SURFACE_HOST_ATTR as Lt } from "../ui/dialogSurfaceScope.js";
+var Tt = /* @__PURE__ */ X("<div class=workbench-menu-backdrop data-floe-workbench-boundary=true>"), Ft = /* @__PURE__ */ X("<div><div class=workbench-surface__body data-floe-workbench-canvas-frame=true>");
+const Bt = "F1";
+function N(c) {
+  if (c)
     try {
-      i.focus({
+      c.focus({
         preventScroll: !0
       });
     } catch {
-      i.focus();
+      c.focus();
     }
 }
-function Fe(i) {
-  const t = we({
-    state: () => i.state(),
-    setState: (e) => i.setState(e),
-    widgetDefinitions: () => i.widgetDefinitions,
-    textAnnotationDefaults: () => i.textAnnotationDefaults,
-    backgroundLayerDefaults: () => i.backgroundLayerDefaults,
+function Zt(c) {
+  const e = pt({
+    state: () => c.state(),
+    setState: (t) => c.setState(t),
+    widgetDefinitions: () => c.widgetDefinitions,
+    textAnnotationDefaults: () => c.textAnnotationDefaults,
+    backgroundLayerDefaults: () => c.backgroundLayerDefaults,
     onClose: () => {
     }
-  }), u = te({
-    committed: t.selectedWidgetId,
+  }), u = wt({
+    committed: e.selectedWidgetId,
     commitEqualRequests: !0,
-    commit: (e, n) => {
-      if (!e) {
-        t.canvas.clearSelection();
+    commit: (t, n) => {
+      if (!t) {
+        e.canvas.clearSelection();
         return;
       }
-      t.canvas.selectWidget(e), n?.bringToFront && t.canvas.commitFront(e);
+      e.canvas.selectWidget(t), n?.bringToFront && e.canvas.commitFront(t);
     },
-    onEvent: (e) => i.onWidgetActivationEvent?.(e)
-  }), E = () => i.widgetActivationMode === "after-paint" ? u.visual() : t.selectedWidgetId(), O = () => {
-    if (i.widgetActivationMode !== "after-paint" || !u.pending())
-      return t.selectedObject();
-    const e = u.visual();
-    return e ? {
+    onEvent: (t) => c.onWidgetActivationEvent?.(t)
+  }), Y = () => c.widgetActivationMode === "after-paint" ? u.visual() : e.selectedWidgetId(), S = () => {
+    if (c.widgetActivationMode !== "after-paint" || !u.pending())
+      return e.selectedObject();
+    const t = u.visual();
+    return t ? {
       kind: "widget",
-      id: e
+      id: t
     } : null;
-  }, F = (e) => {
-    if (i.widgetActivationMode === "after-paint") {
-      if (u.pending() && u.visual() === e) return;
-      u.request(e, {
+  }, q = (t) => {
+    if (c.widgetActivationMode === "after-paint") {
+      if (u.pending() && u.visual() === t) return;
+      u.request(t, {
         bringToFront: !1
       });
       return;
     }
-    t.canvas.selectWidget(e);
-  }, N = (e) => {
-    if (i.widgetActivationMode === "after-paint") {
-      if (u.pending() && u.visual() === e) return;
-      u.request(e, {
+    e.canvas.selectWidget(t);
+  }, D = (t) => {
+    if (c.widgetActivationMode === "after-paint") {
+      if (u.pending() && u.visual() === t) return;
+      u.request(t, {
         bringToFront: !0
       });
       return;
     }
-    t.canvas.selectWidget(e), t.canvas.commitFront(e);
-  }, [s, _] = W(null), [P, X] = W(null), c = w(() => me(i.interactionAdapter)), [S, g] = W(h(() => c().createInitialInputOwner())), p = w(() => {
-    const e = i.launcherWidgetTypes;
-    return !e || e.length <= 0 ? null : new Set(e);
-  }), Y = w(() => {
-    const e = t.widgetDefinitions(), n = p();
-    return n ? e.filter((o) => n.has(o.type)) : e;
-  }), b = w(() => {
-    const e = t.contextMenu.state(), n = t.contextMenu.items(), o = p(), r = o ? n.filter((f) => {
-      if (f.kind !== "action")
+    e.canvas.selectWidget(t), e.canvas.commitFront(t);
+  }, [l, P] = I(null), [z, V] = I(null), d = m(() => Dt(c.interactionAdapter)), [M, w] = I(b(() => d().createInitialInputOwner())), L = m(() => {
+    const t = c.launcherWidgetTypes;
+    return !t || t.length <= 0 ? null : new Set(t);
+  }), H = m(() => {
+    const t = e.widgetDefinitions(), n = L();
+    return n ? t.filter((o) => n.has(o.type)) : t;
+  }), T = m(() => {
+    const t = e.contextMenu.state(), n = e.contextMenu.items(), o = L(), r = o ? n.filter((s) => {
+      if (s.kind !== "action")
         return !0;
-      const L = /^add-(.+)$/.exec(String(f.id ?? ""));
-      return L ? o.has(L[1]) : !0;
+      const A = /^add-(.+)$/.exec(String(s.id ?? ""));
+      return A ? o.has(A[1]) : !0;
     }) : n;
-    if (!e || !i.resolveContextMenuItems)
+    if (!t || !c.resolveContextMenuItems)
       return r;
-    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,
+    const i = t.target?.kind === "widget" ? t.target.id : !t.target && t.widgetId ? t.widgetId : null, a = i ? e.queries.findWidgetById(i) : null;
+    return c.resolveContextMenuItems({
+      menu: t,
       items: r,
-      widgets: t.widgets(),
-      widget: d,
-      closeMenu: t.contextMenu.close
+      widgets: e.widgets(),
+      widget: a,
+      closeMenu: e.contextMenu.close
     });
-  }), D = w(() => {
-    const e = t.contextMenu.state();
-    if (!e) return;
-    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: ue,
-      menuHeight: se(o, r)
+  }), F = m(() => {
+    const t = e.contextMenu.state();
+    if (!t) return;
+    const n = T(), o = n.filter((i) => i.kind === "action").length, r = n.filter((i) => i.kind === "separator").length;
+    return Ct({
+      clientX: t.clientX,
+      clientY: t.clientY,
+      menuWidth: ht,
+      menuHeight: bt(o, r)
     });
-  }), I = (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"));
+  }), B = (t, n, o) => {
+    const r = d(), i = r.findWidgetRoot(t), a = r.readWidgetId(i);
+    if (a) {
+      if (e.queries.findStickyNoteById(a)) {
+        w(r.createCanvasInputOwner(n === "focus" ? "background_focus" : "background_pointer"));
         return;
       }
-      g(r.createWidgetInputOwner(d, n));
+      w(r.createWidgetInputOwner(a, n));
       return;
     }
-    const f = s();
-    f && e instanceof Node && f.contains(e) && g(r.createCanvasInputOwner(o));
-  }, M = (e = "selection_cleared") => {
-    const n = c(), o = s();
-    t.selection.clear(), g(n.createCanvasInputOwner(e)), queueMicrotask(() => {
+    const s = l();
+    s && t instanceof Node && s.contains(t) && w(r.createCanvasInputOwner(o));
+  }, _ = (t = "selection_cleared") => {
+    const n = d(), o = l();
+    e.selection.clear(), w(n.createCanvasInputOwner(t)), queueMicrotask(() => {
       if (!o || typeof document > "u") return;
       const r = document.activeElement;
       if (!(r instanceof HTMLElement) || !o.contains(r)) {
-        B(o);
+        N(o);
         return;
       }
-      const a = n.findWidgetRoot(r);
-      B(o), a && document.activeElement === r && r.isConnected && r.blur();
+      const i = n.findWidgetRoot(r);
+      N(o), i && document.activeElement === r && r.isConnected && r.blur();
     });
-  }, A = () => {
-    const e = s()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = t.viewport(), o = e?.getBoundingClientRect(), r = o?.width ?? 0, a = o?.height ?? 0;
+  }, v = () => {
+    const t = l()?.querySelector('[data-floe-workbench-canvas-frame="true"]'), n = e.viewport(), o = t?.getBoundingClientRect(), r = o?.width ?? 0, i = o?.height ?? 0;
     return {
       worldX: r > 0 ? (r / 2 - n.x) / n.scale : 240,
-      worldY: a > 0 ? (a / 2 - n.y) / n.scale : 180
+      worldY: i > 0 ? (i / 2 - n.y) / n.scale : 180
     };
-  }, m = (e) => {
-    const n = h(c), o = h(s);
+  }, k = (t) => {
+    const n = b(d), o = b(l);
     queueMicrotask(() => {
-      n.focusWidgetElement(o, e), g(n.createWidgetInputOwner(e, "activation"));
+      n.focusWidgetElement(o, t), w(n.createWidgetInputOwner(t, "activation"));
+    });
+  };
+  let y = null;
+  const U = (t) => `${t.kind}:${String(t.id)}`, g = (t, n) => ({
+    kind: t,
+    id: n.id,
+    x: n.x,
+    y: n.y,
+    width: n.width,
+    height: n.height,
+    createdAtUnixMs: n.created_at_unix_ms
+  }), p = (t) => t.kind === "widget" ? e.widgets().filter((n) => n.type === t.id).map((n) => g("widget", n)) : t.id === "sticky-note" ? e.stickyNotes().map((n) => g("sticky_note", n)) : t.id === "text" ? e.annotations().map((n) => g("annotation", n)) : t.id === "background-region" ? e.backgroundLayers().map((n) => g("background_layer", n)) : [], $ = (t) => {
+    const n = b(l);
+    queueMicrotask(() => {
+      if (!n) return;
+      const o = t.kind === "sticky_note" ? "sticky" : t.kind === "annotation" ? "text" : t.kind === "background_layer" ? "region" : null;
+      if (!o) return;
+      const r = [...n.querySelectorAll("[data-wb-object-id]")].find((A) => A.getAttribute("data-wb-object-kind") === o && A.getAttribute("data-wb-object-id") === t.id);
+      if (!(r instanceof HTMLElement)) return;
+      const i = r.querySelector('[data-wb-part="content"]'), s = i instanceof HTMLElement && i.getAttribute("contenteditable") !== null && i.getAttribute("contenteditable") !== "false" ? i : r;
+      s.hasAttribute("tabindex") || (s.tabIndex = -1);
+      try {
+        s.focus({
+          preventScroll: !0
+        });
+      } catch {
+        s.focus();
+      }
+      w(d().createCanvasInputOwner("background_focus"));
+    });
+  }, j = (t) => {
+    e.navigation.centerOnWidget({
+      id: t.id,
+      type: "dock-focus-target",
+      title: "",
+      x: t.x,
+      y: t.y,
+      width: t.width,
+      height: t.height,
+      z_index: 0,
+      created_at_unix_ms: t.createdAtUnixMs
+    });
+  }, K = (t) => {
+    if (t.kind === "widget") {
+      const n = e.queries.findWidgetById(t.id);
+      if (!n) return;
+      D(n.id), e.navigation.centerOnWidget(n), k(n.id);
+      return;
+    }
+    t.kind === "sticky_note" ? e.canvas.selectStickyNote(t.id) : t.kind === "annotation" ? e.canvas.selectAnnotation(t.id) : e.canvas.selectBackgroundLayer(t.id), j(t), $(t);
+  }, G = (t) => {
+    const n = v();
+    if (t.kind === "widget") {
+      const o = e.widgetActions.addWidgetAtWorldCenter(t.id, n.worldX, n.worldY);
+      return o ? g("widget", o) : null;
+    }
+    return t.id === "sticky-note" ? g("sticky_note", e.widgetActions.addStickyNoteAtCursor(n.worldX, n.worldY)) : t.id === "text" ? g("annotation", e.widgetActions.addTextAnnotationAtCursor(n.worldX, n.worldY)) : t.id === "background-region" ? g("background_layer", e.widgetActions.addBackgroundLayerAtCursor(n.worldX, n.worldY)) : null;
+  }, Z = (t) => {
+    let n = p(t), o = S();
+    if (n.length === 0) {
+      const i = G(t);
+      if (!i) {
+        y = null;
+        return;
+      }
+      n = p(t), o = {
+        kind: i.kind,
+        id: i.id
+      };
+    }
+    const r = It({
+      dockItemKey: U(t),
+      candidates: n,
+      selectedObject: o,
+      session: y
     });
-  }, q = (e) => {
-    const n = t.navigation.fitWidget(e);
-    m(n.id);
-  }, V = (e) => {
-    const n = t.navigation.overviewWidget(e);
-    m(n.id);
+    y = r.session, r.target && K(r.target);
+  }, J = (t) => {
+    const n = xt(p(t)), o = S(), r = o ? R(o) : null, i = r ? n.findIndex((a) => R(a) === r) : -1;
+    return {
+      count: n.length,
+      currentIndex: i >= 0 ? i : null,
+      active: i >= 0
+    };
+  }, Q = (t) => {
+    y?.dockItemKey !== `${t.kind}:${t.id}` && (y = null);
+  }, tt = (t) => {
+    const n = e.navigation.fitWidget(t);
+    k(n.id);
+  }, et = (t) => {
+    const n = e.navigation.overviewWidget(t);
+    k(n.id);
   };
-  k(() => {
-    i.onApiReady?.({
-      ensureWidget: (e, n) => t.widgetActions.ensureWidget(e, n) ?? null,
-      createWidget: (e, n) => {
-        const o = A(), 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 = A();
-        return t.widgetActions.addTextAnnotationAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
-      },
-      createStickyNote: (e) => {
-        const n = A();
-        return t.widgetActions.addStickyNoteAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
-      },
-      createBackgroundLayer: (e) => {
-        const n = A();
-        return t.widgetActions.addBackgroundLayerAtCursor(e?.worldX ?? n.worldX, e?.worldY ?? n.worldY) ?? null;
-      },
-      clearSelection: () => M("selection_cleared"),
-      focusWidget: (e, n) => {
-        const o = t.navigation.focusWidget(e, n);
-        return m(o.id), o;
-      },
-      fitWidget: (e) => {
-        const n = t.navigation.fitWidget(e);
-        return m(n.id), n;
-      },
-      overviewWidget: (e) => {
-        const n = t.navigation.overviewWidget(e);
-        return m(n.id), n;
-      },
-      findWidgetByType: (e) => t.queries.findWidgetByType(e),
-      findWidgetById: (e) => t.queries.findWidgetById(e),
-      findStickyNoteById: (e) => t.queries.findStickyNoteById(e),
-      findAnnotationById: (e) => t.queries.findAnnotationById(e),
-      findBackgroundLayerById: (e) => t.queries.findBackgroundLayerById(e),
-      updateWidgetTitle: (e, n) => {
-        const o = String(e ?? "").trim(), r = String(n ?? "").trim();
-        !o || !r || i.setState((a) => ({
-          ...a,
-          widgets: a.widgets.map((d) => d.id === o && d.title !== r ? {
-            ...d,
+  h(() => {
+    c.onApiReady?.({
+      ensureWidget: (t, n) => e.widgetActions.ensureWidget(t, n) ?? null,
+      createWidget: (t, n) => {
+        const o = v(), r = e.widgetActions.addWidgetAtWorldCenter(t, n?.worldX ?? o.worldX, n?.worldY ?? o.worldY) ?? null;
+        return r && n?.centerViewport !== !1 && e.navigation.centerOnWidget(r), r;
+      },
+      createTextAnnotation: (t) => {
+        const n = v();
+        return e.widgetActions.addTextAnnotationAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+      },
+      createStickyNote: (t) => {
+        const n = v();
+        return e.widgetActions.addStickyNoteAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+      },
+      createBackgroundLayer: (t) => {
+        const n = v();
+        return e.widgetActions.addBackgroundLayerAtCursor(t?.worldX ?? n.worldX, t?.worldY ?? n.worldY) ?? null;
+      },
+      clearSelection: () => _("selection_cleared"),
+      focusWidget: (t, n) => {
+        const o = e.navigation.focusWidget(t, n);
+        return k(o.id), o;
+      },
+      fitWidget: (t) => {
+        const n = e.navigation.fitWidget(t);
+        return k(n.id), n;
+      },
+      overviewWidget: (t) => {
+        const n = e.navigation.overviewWidget(t);
+        return k(n.id), n;
+      },
+      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 || c.setState((i) => ({
+          ...i,
+          widgets: i.widgets.map((a) => a.id === o && a.title !== r ? {
+            ...a,
             title: r
-          } : d)
+          } : a)
         }));
       },
-      updateStickyNote: (e, n) => t.widgetActions.updateStickyNote(e, n),
-      updateTextAnnotation: (e, n) => t.widgetActions.updateTextAnnotation(e, n),
-      updateBackgroundLayer: (e, n) => t.widgetActions.updateBackgroundLayer(e, n),
-      deleteStickyNote: (e) => t.widgetActions.deleteStickyNote(e),
-      deleteAnnotation: (e) => t.widgetActions.deleteAnnotation(e),
-      deleteBackgroundLayer: (e) => t.widgetActions.deleteBackgroundLayer(e)
-    }), y(() => {
-      i.onApiReady?.(null);
+      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)
+    }), W(() => {
+      c.onApiReady?.(null);
     });
   });
-  const x = () => i.lockShortcut === void 0 ? ye : i.lockShortcut;
-  k(() => {
-    if (typeof window > "u" || !t.contextMenu.state()) return;
-    const e = ce({
+  const E = () => c.lockShortcut === void 0 ? Bt : c.lockShortcut;
+  h(() => {
+    if (typeof window > "u" || !e.contextMenu.state()) return;
+    const t = At({
       ownerWindow: window,
-      onDismiss: t.contextMenu.close
+      onDismiss: e.contextMenu.close
     });
-    y(() => e());
-  }), k(() => {
-    const e = S();
-    if (e.kind !== "widget") return;
-    t.widgets().some((o) => o.id === e.widgetId) || g(c().createCanvasInputOwner("widget_removed"));
-  }), k(() => {
-    const e = s();
-    if (!e) return;
+    W(() => t());
+  }), h(() => {
+    const t = M();
+    if (t.kind !== "widget") return;
+    e.widgets().some((o) => o.id === t.widgetId) || w(d().createCanvasInputOwner("widget_removed"));
+  }), h(() => {
+    const t = l();
+    if (!t) return;
     const n = (r) => {
-      I(r.target, "pointer", "background_pointer");
+      B(r.target, "pointer", "background_pointer");
     }, o = (r) => {
-      I(r.target, "focus", "background_focus");
+      B(r.target, "focus", "background_focus");
     };
-    e.addEventListener("pointerdown", n, !0), e.addEventListener("focusin", o), y(() => {
-      e.removeEventListener("pointerdown", n, !0), e.removeEventListener("focusin", o);
+    t.addEventListener("pointerdown", n, !0), t.addEventListener("focusin", o), W(() => {
+      t.removeEventListener("pointerdown", n, !0), t.removeEventListener("focusin", o);
     });
-  }), k(() => {
-    if (i.enableKeyboard === !1 || typeof document > "u") return;
-    const e = x(), n = (o) => {
+  }), h(() => {
+    if (c.enableKeyboard === !1 || typeof document > "u") return;
+    const t = E(), n = (o) => {
       if (!(o.defaultPrevented || o.isComposing)) {
-        if (e !== null && o.key === e) {
-          o.preventDefault(), t.lock.toggle();
+        if (t !== null && o.key === t) {
+          o.preventDefault(), e.lock.toggle();
           return;
         }
-        if (!c().shouldBypassGlobalHotkeys({
-          root: s(),
+        if (!d().shouldBypassGlobalHotkeys({
+          root: l(),
           target: o.target,
-          owner: S(),
-          interactiveSelector: c().interactiveSelector
+          owner: M(),
+          interactiveSelector: d().interactiveSelector
         }))
           switch (o.key) {
             case "ArrowUp":
-              o.preventDefault(), t.navigation.handleArrowNavigation("up");
+              o.preventDefault(), e.navigation.handleArrowNavigation("up");
               break;
             case "ArrowDown":
-              o.preventDefault(), t.navigation.handleArrowNavigation("down");
+              o.preventDefault(), e.navigation.handleArrowNavigation("down");
               break;
             case "ArrowLeft":
-              o.preventDefault(), t.navigation.handleArrowNavigation("left");
+              o.preventDefault(), e.navigation.handleArrowNavigation("left");
               break;
             case "ArrowRight":
-              o.preventDefault(), t.navigation.handleArrowNavigation("right");
+              o.preventDefault(), e.navigation.handleArrowNavigation("right");
               break;
             case "Delete":
             case "Backspace":
-              t.selectedObject() && (o.preventDefault(), t.widgetActions.deleteSelected());
+              e.selectedObject() && (o.preventDefault(), e.widgetActions.deleteSelected());
               break;
           }
       }
     };
-    document.addEventListener("keydown", n, !0), y(() => document.removeEventListener("keydown", n, !0));
+    document.addEventListener("keydown", n, !0), W(() => document.removeEventListener("keydown", n, !0));
   });
-  const C = (e, n, o) => {
+  const x = (t, n, o) => {
     if (o?.worldPoint)
       return o.worldPoint;
     if (o?.canvasFrame)
-      return T(o.canvasFrame, t.viewport(), {
-        clientX: e,
+      return O(o.canvasFrame, e.viewport(), {
+        clientX: t,
         clientY: n
       });
-    const r = s()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
+    const r = l()?.querySelector('[data-floe-workbench-canvas-frame="true"]');
     if (!r) return null;
-    const a = r.getBoundingClientRect();
-    return T(a, t.viewport(), {
-      clientX: e,
+    const i = r.getBoundingClientRect();
+    return O(i, e.viewport(), {
+      clientX: t,
       clientY: n
     });
-  }, z = (e, n, o, r) => {
-    const a = C(n, o, r);
-    a && t.widgetActions.addWidgetAtWorldCenter(e, a.worldX, a.worldY);
-  }, H = (e, n, o, r) => {
-    const a = C(n, o, r);
-    if (a) {
-      if (e === "sticky-note") {
-        t.widgetActions.addStickyNoteAtCursor(a.worldX, a.worldY);
+  }, nt = (t, n, o, r) => {
+    const i = x(n, o, r);
+    i && e.widgetActions.addWidgetAtWorldCenter(t, i.worldX, i.worldY);
+  }, ot = (t, n, o, r) => {
+    const i = x(n, o, r);
+    if (i) {
+      if (t === "sticky-note") {
+        e.widgetActions.addStickyNoteAtCursor(i.worldX, i.worldY);
         return;
       }
-      if (e === "text") {
-        t.widgetActions.addTextAnnotationAtCursor(a.worldX, a.worldY);
+      if (t === "text") {
+        e.widgetActions.addTextAnnotationAtCursor(i.worldX, i.worldY);
         return;
       }
-      e === "background-region" && t.widgetActions.addBackgroundLayerAtCursor(a.worldX, a.worldY);
+      t === "background-region" && e.widgetActions.addBackgroundLayerAtCursor(i.worldX, i.worldY);
     }
-  }, U = (e) => {
-    e.button === 0 && (c().findWidgetRoot(e.target) || M("background_pointer"));
-  }, $ = w(() => {
-    const e = P();
-    if (!e) return null;
-    const n = C(e.clientX, e.clientY, e);
-    return n ? e.kind === "widget" ? le({
-      type: e.id,
-      widgetDefinitions: t.widgetDefinitions(),
+  }, rt = (t) => {
+    t.button === 0 && (d().findWidgetRoot(t.target) || _("background_pointer"));
+  }, it = m(() => {
+    const t = z();
+    if (!t) return null;
+    const n = x(t.clientX, t.clientY, t);
+    return n ? t.kind === "widget" ? Wt({
+      type: t.id,
+      widgetDefinitions: e.widgetDefinitions(),
       worldX: n.worldX,
       worldY: n.worldY,
-      dropAllowed: e.dropAllowed
-    }) : ge({
-      tool: e.id,
-      label: e.label,
+      dropAllowed: t.dropAllowed
+    }) : St({
+      tool: t.id,
+      label: t.label,
       worldX: n.worldX,
       worldY: n.worldY,
-      dropAllowed: e.dropAllowed,
-      textDefaults: i.textAnnotationDefaults,
-      backgroundDefaults: i.backgroundLayerDefaults
+      dropAllowed: t.dropAllowed,
+      textDefaults: c.textAnnotationDefaults,
+      backgroundDefaults: c.backgroundLayerDefaults
     }) : null;
   });
   return (() => {
-    var e = Ae(), n = e.firstChild;
-    return j(_, e), K(e, G({
+    var t = Ft(), n = t.firstChild;
+    return ct(P, t), at(t, dt({
       get class() {
-        return `workbench-surface${i.class ? ` ${i.class}` : ""}`;
+        return `workbench-surface${c.class ? ` ${c.class}` : ""}`;
       }
     }, () => ({
-      [c().surfaceRootAttr]: "true",
-      [c().dialogSurfaceHostAttr]: "true",
-      [ve]: "true",
-      [fe]: "true"
+      [d().surfaceRootAttr]: "true",
+      [d().dialogSurfaceHostAttr]: "true",
+      [Lt]: "true",
+      [Mt]: "true"
     }), {
       get "data-workbench-theme"() {
-        return t.theme();
+        return e.theme();
       },
       get "data-workbench-mode"() {
-        return t.mode();
+        return e.mode();
       },
       tabIndex: -1
-    }), !1, !0), v(n, l(ne, {
+    }), !1, !0), C(n, f(ft, {
       get widgetDefinitions() {
-        return t.widgetDefinitions();
+        return e.widgetDefinitions();
       },
       get widgets() {
-        return t.widgets();
+        return e.widgets();
       },
       get stickyNotes() {
-        return t.stickyNotes();
+        return e.stickyNotes();
       },
       get annotations() {
-        return t.annotations();
+        return e.annotations();
       },
       get backgroundLayers() {
-        return t.backgroundLayers();
+        return e.backgroundLayers();
       },
       get placementPreview() {
-        return $();
+        return it();
       },
       get viewport() {
-        return t.viewport();
+        return e.viewport();
       },
       get canvasFrameSize() {
-        return t.canvasFrameSize();
+        return e.canvasFrameSize();
       },
       get selectedWidgetId() {
-        return E();
+        return Y();
       },
       get selectedObject() {
-        return O();
+        return S();
       },
       get mode() {
-        return t.mode();
+        return e.mode();
       },
       get visualFrontOwnerId() {
-        return t.visualFrontOwnerId();
+        return e.visualFrontOwnerId();
       },
       get locked() {
-        return t.locked();
+        return e.locked();
       },
       get filters() {
-        return t.filters();
+        return e.filters();
       },
       get interactionAdapter() {
-        return c();
+        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: U,
-      onSelectWidget: F,
-      onActivateWidget: N,
+      onCanvasPointerDown: rt,
+      onSelectWidget: q,
+      onActivateWidget: D,
       get onWidgetContextMenu() {
-        return t.canvas.openWidgetContextMenu;
+        return e.canvas.openWidgetContextMenu;
       },
       get onClaimVisualFrontOwner() {
-        return t.canvas.claimVisualFrontOwner;
+        return e.canvas.claimVisualFrontOwner;
       },
       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 t.canvas.selectStickyNote;
+        return e.canvas.selectStickyNote;
       },
       get onStickyNoteContextMenu() {
-        return t.canvas.openStickyNoteContextMenu;
+        return e.canvas.openStickyNoteContextMenu;
       },
       get onClaimStickyVisualFrontOwner() {
-        return t.canvas.claimVisualFrontOwner;
+        return e.canvas.claimVisualFrontOwner;
       },
       get onCommitStickyFront() {
-        return t.canvas.commitStickyFront;
+        return e.canvas.commitStickyFront;
       },
       get onCommitStickyMove() {
-        return t.canvas.commitStickyMove;
+        return e.canvas.commitStickyMove;
       },
       get onCommitStickyResize() {
-        return t.canvas.commitStickyResize;
+        return e.canvas.commitStickyResize;
       },
       get onUpdateStickyNote() {
-        return t.widgetActions.updateStickyNote;
+        return e.widgetActions.updateStickyNote;
       },
       get onDeleteStickyNote() {
-        return t.widgetActions.deleteStickyNote;
+        return e.widgetActions.deleteStickyNote;
       },
       get onSelectAnnotation() {
-        return t.canvas.selectAnnotation;
+        return e.canvas.selectAnnotation;
       },
       get onAnnotationContextMenu() {
-        return t.canvas.openAnnotationContextMenu;
+        return e.canvas.openAnnotationContextMenu;
       },
       get onCommitAnnotationMove() {
-        return t.canvas.commitAnnotationMove;
+        return e.canvas.commitAnnotationMove;
       },
       get onCommitAnnotationResize() {
-        return t.canvas.commitAnnotationResize;
+        return e.canvas.commitAnnotationResize;
       },
       get onUpdateTextAnnotation() {
-        return t.widgetActions.updateTextAnnotation;
+        return e.widgetActions.updateTextAnnotation;
       },
       get onDeleteAnnotation() {
-        return t.widgetActions.deleteAnnotation;
+        return e.widgetActions.deleteAnnotation;
       },
       get onSelectBackgroundLayer() {
-        return t.canvas.selectBackgroundLayer;
+        return e.canvas.selectBackgroundLayer;
       },
       get onBackgroundLayerContextMenu() {
-        return t.canvas.openBackgroundLayerContextMenu;
+        return e.canvas.openBackgroundLayerContextMenu;
       },
       get onCommitBackgroundMove() {
-        return t.canvas.commitBackgroundMove;
+        return e.canvas.commitBackgroundMove;
       },
       get onCommitBackgroundResize() {
-        return t.canvas.commitBackgroundResize;
+        return e.canvas.commitBackgroundResize;
       },
       get onUpdateBackgroundLayer() {
-        return t.widgetActions.updateBackgroundLayer;
+        return e.widgetActions.updateBackgroundLayer;
       },
       get onDeleteBackgroundLayer() {
-        return t.widgetActions.deleteBackgroundLayer;
+        return e.widgetActions.deleteBackgroundLayer;
       },
-      onRequestOverview: V,
-      onRequestFit: q,
+      onRequestOverview: et,
+      onRequestFit: tt,
       get onRequestDelete() {
-        return i.onRequestDelete ?? t.widgetActions.deleteWidget;
+        return c.onRequestDelete ?? e.widgetActions.deleteWidget;
       },
       get onLayoutInteractionStart() {
-        return i.onLayoutInteractionStart;
+        return c.onLayoutInteractionStart;
       },
       get onLayoutInteractionEnd() {
-        return i.onLayoutInteractionEnd;
+        return c.onLayoutInteractionEnd;
       }
-    })), v(e, l(ae, {
+    })), C(t, f(yt, {
       get locked() {
-        return t.locked();
+        return e.locked();
       },
       get onToggle() {
-        return t.lock.toggle;
+        return e.lock.toggle;
       },
       get shortcutLabel() {
-        return x() ?? void 0;
+        return E() ?? void 0;
       }
-    }), null), v(e, l(re, {
+    }), null), C(t, f(mt, {
       get widgetDefinitions() {
-        return Y();
+        return H();
       },
       get widgets() {
-        return t.widgets();
+        return e.widgets();
       },
       get filters() {
-        return t.filters();
+        return e.filters();
       },
       get mode() {
-        return t.mode();
+        return e.mode();
+      },
+      get activationMode() {
+        return c.dockItemActivationMode;
       },
       get viewport() {
-        return t.viewport();
+        return e.viewport();
       },
       get onSoloFilter() {
-        return t.filter.solo;
+        return e.filter.solo;
       },
+      onFocusCycleItem: Z,
+      resolveItemPresentation: J,
+      onDockActivation: Q,
       get onSelectMode() {
-        return t.modes.setMode;
+        return e.modes.setMode;
       },
       get onViewportCommit() {
-        return t.canvas.commitViewport;
+        return e.canvas.commitViewport;
       },
-      onViewportInteractionStart: () => t.canvas.cancelViewportNavigation(),
-      onCreateAt: z,
-      onCreateToolAt: H,
+      onViewportInteractionStart: () => e.canvas.cancelViewportNavigation(),
+      onCreateAt: nt,
+      onCreateToolAt: ot,
       get onItemClick() {
-        return i.onDockItemClick;
+        return c.onDockItemClick;
       },
       get dockActions() {
-        return i.dockActions;
+        return c.dockActions;
       },
       get dockItems() {
-        return i.dockItems;
+        return c.dockItems;
       },
       get registerExternalDockDragController() {
-        return i.registerExternalDockDragController;
+        return c.registerExternalDockDragController;
       },
-      onDragPreviewChange: X
-    }), null), v(e, l(ie, {
+      onDragPreviewChange: V
+    }), null), C(t, f(vt, {
       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: (o) => t.appearance.setTheme(o)
-    }), null), v(e, l(ee, {
+      onSelectTheme: (o) => e.appearance.setTheme(o)
+    }), null), C(t, f(gt, {
       get when() {
-        return t.contextMenu.state();
+        return e.contextMenu.state();
       },
       get children() {
-        return l(Z, {
+        return f(st, {
           get children() {
             return [(() => {
-              var o = ke();
-              return J(o, "contextmenu", t.contextMenu.retarget, !0), o;
-            })(), l(oe, {
+              var o = Tt();
+              return ut(o, "contextmenu", e.contextMenu.retarget, !0), o;
+            })(), f(kt, {
               get x() {
-                return D()?.left ?? 0;
+                return F()?.left ?? 0;
               },
               get y() {
-                return D()?.top ?? 0;
+                return F()?.top ?? 0;
               },
               get items() {
-                return b();
+                return T();
               }
             })];
           }
         });
       }
-    }), null), e;
+    }), null), t;
   })();
 }
-Q(["contextmenu"]);
+lt(["contextmenu"]);
 export {
-  Fe as WorkbenchSurface
+  Zt as WorkbenchSurface
 };