@floegence/floe-webapp-core 0.45.0 → 0.46.0

package/dist/components/workbench/WorkbenchFilterBar.js

@@ -1,73 +1,73 @@
-import { insert as f, createComponent as c, effect as F, setAttribute as I, memo as j, className as Fe, template as X, addEventListener as Ee, Portal as Be, setStyleProperty as Re, use as He, delegateEvents as We } from "solid-js/web";
-import { createSignal as ae, onCleanup as J, createEffect as Q, createMemo as Y, Show as p, For as Z, Index as Ke } from "solid-js";
-import { Motion as B } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
-import { easing as R, duration as H } from "../../utils/animations.js";
-import { Plus as Ne } from "../icons/index.js";
-import { startHotInteraction as Ve } from "../../utils/hotInteraction.js";
-import { startPointerSession as Ge } from "../ui/pointerSession.js";
-import { clientToCanvasWorld as Ue } from "../ui/canvasGeometry.js";
-import { isBarItemContextMenuKey as qe, keyboardBarItemContextMenuRequest as ze } from "../layout/barItemContextMenu.js";
-import { createWorkbenchWidgetFrame as je } from "./workbenchHelpers.js";
-import { getWidgetEntry as Je } from "./widgets/widgetRegistry.js";
-import { WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as xe, frameFromElement as Le, createWorkbenchEdgeAutoPanController as Qe } from "./workbenchEdgeAutoPan.js";
-import { DockLayoutDashboard as Ze, DockLayers as et, DockRegion as tt, DockText as nt, DockMessageSquare as ot } from "../icons/DockIcons.js";
-var rt = /* @__PURE__ */ X("<button type=button class=workbench-dock__item>"), it = /* @__PURE__ */ X('<button type=button class="workbench-dock__item workbench-dock__action">'), at = /* @__PURE__ */ X("<span class=workbench-dock__external-placeholder aria-hidden=true>"), lt = /* @__PURE__ */ X('<div class=workbench-dock__mode-popover role=menu aria-label="Canvas mode">'), ct = /* @__PURE__ */ X("<span class=workbench-dock__divider aria-hidden=true>"), st = /* @__PURE__ */ X('<div data-floe-canvas-interactive=true><div class=workbench-dock__mode-switcher><button type=button class="workbench-dock__item workbench-dock__mode-trigger"aria-label="Switch canvas mode"aria-haspopup=menu></button></div><span class=workbench-dock__divider aria-hidden=true>'), dt = /* @__PURE__ */ X("<button type=button class=workbench-dock__mode-option role=menuitemradio><span class=workbench-dock__mode-option-icon></span><span class=workbench-dock__mode-option-copy><span class=workbench-dock__mode-option-label></span><span class=workbench-dock__mode-option-description>"), ut = /* @__PURE__ */ X("<div class=workbench-dock-ghost aria-hidden=true><div class=workbench-dock-ghost__halo></div><div class=workbench-dock-ghost__card><div class=workbench-dock-ghost__icon></div><div class=workbench-dock-ghost__copy><div class=workbench-dock-ghost__title></div><div class=workbench-dock-ghost__hint><span>");
-const De = 5, gt = 1e3, vt = ".workbench-dock", le = [{
+import { insert as m, createComponent as l, effect as W, setAttribute as I, memo as A, className as Ke, template as T, addEventListener as Ce, Portal as We, setStyleProperty as Ne, use as Ve, delegateEvents as Ge } from "solid-js/web";
+import { createSignal as le, onCleanup as ee, createEffect as te, createMemo as R, Show as X, For as ne, Index as Ue } from "solid-js";
+import { Motion as N } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as V, duration as G } from "../../utils/animations.js";
+import { Plus as qe } from "../icons/index.js";
+import { startHotInteraction as ze } from "../../utils/hotInteraction.js";
+import { startPointerSession as je } from "../ui/pointerSession.js";
+import { clientToCanvasWorld as Je } from "../ui/canvasGeometry.js";
+import { isBarItemContextMenuKey as Qe, keyboardBarItemContextMenuRequest as Ze } from "../layout/barItemContextMenu.js";
+import { createWorkbenchWidgetFrame as pe } from "./workbenchHelpers.js";
+import { getWidgetEntry as et } from "./widgets/widgetRegistry.js";
+import { WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Le, frameFromElement as Ie, createWorkbenchEdgeAutoPanController as tt } from "./workbenchEdgeAutoPan.js";
+import { DockLayoutDashboard as nt, DockLayers as ot, DockRegion as rt, DockText as it, DockMessageSquare as at } from "../icons/DockIcons.js";
+var ct = /* @__PURE__ */ T("<button type=button class=workbench-dock__item>"), lt = /* @__PURE__ */ T("<span class=workbench-dock__badge aria-hidden=true>"), dt = /* @__PURE__ */ T('<button type=button class="workbench-dock__item workbench-dock__action">'), st = /* @__PURE__ */ T("<span class=workbench-dock__external-placeholder aria-hidden=true>"), ut = /* @__PURE__ */ T('<div class=workbench-dock__mode-popover role=menu aria-label="Canvas mode">'), gt = /* @__PURE__ */ T("<span class=workbench-dock__divider aria-hidden=true>"), vt = /* @__PURE__ */ T('<div data-floe-canvas-interactive=true><div class=workbench-dock__mode-switcher><button type=button class="workbench-dock__item workbench-dock__mode-trigger"aria-label="Switch canvas mode"aria-haspopup=menu></button></div><span class=workbench-dock__divider aria-hidden=true>'), ft = /* @__PURE__ */ T("<button type=button class=workbench-dock__mode-option role=menuitemradio><span class=workbench-dock__mode-option-icon></span><span class=workbench-dock__mode-option-copy><span class=workbench-dock__mode-option-label></span><span class=workbench-dock__mode-option-description>"), kt = /* @__PURE__ */ T("<div class=workbench-dock-ghost aria-hidden=true><div class=workbench-dock-ghost__halo></div><div class=workbench-dock-ghost__card><div class=workbench-dock-ghost__icon></div><div class=workbench-dock-ghost__copy><div class=workbench-dock-ghost__title></div><div class=workbench-dock-ghost__hint><span>");
+const Pe = 5, ht = 1e3, mt = ".workbench-dock", de = [{
   mode: "work",
   label: "Work Mode",
   description: "Operate windows and sticky notes",
-  icon: Ze
+  icon: nt
 }, {
   mode: "background",
   label: "Composition Mode",
   description: "Arrange regions and canvas text",
-  icon: et
-}], kt = [{
+  icon: ot
+}], bt = [{
   tool: "sticky-note",
   label: "Sticky",
-  icon: ot
-}], ft = [{
+  icon: at
+}], wt = [{
   tool: "background-region",
   label: "Region",
-  icon: tt
+  icon: rt
 }, {
   tool: "text",
   label: "Text",
-  icon: nt
+  icon: it
 }];
-function mt(e) {
-  const i = e?.closest(".workbench-surface")?.querySelector(xe);
-  return i instanceof HTMLElement ? Le(i) : null;
+function _t(e) {
+  const i = e?.closest(".workbench-surface")?.querySelector(Le);
+  return i instanceof HTMLElement ? Ie(i) : null;
 }
-function se(e, g, i) {
-  return e >= i.left && e <= i.right && g >= i.top && g <= i.bottom;
+function ue(e, v, i) {
+  return e >= i.left && e <= i.right && v >= i.top && v <= i.bottom;
 }
-function ht(e, g, i) {
-  return i ? se(e, g, i) : !1;
+function Dt(e, v, i) {
+  return i ? ue(e, v, i) : !1;
 }
-function Ce(e, g, i) {
-  return Math.min(i, Math.max(g, e));
+function xe(e, v, i) {
+  return Math.min(i, Math.max(v, e));
 }
-function wt(e, g, i, l, s) {
+function Et(e, v, i, c, d) {
   if (!e) return !1;
-  if (se(g, i, e) || se(l, s, e))
+  if (ue(v, i, e) || ue(c, d, e))
     return !0;
-  const d = l - g, r = s - i;
-  let a = 0, D = 1;
-  const m = (_, C) => {
-    if (_ === 0) return C >= 0;
-    const h = C / _;
-    return _ < 0 ? h > D ? !1 : (h > a && (a = h), !0) : h < a ? !1 : (h < D && (D = h), !0);
+  const s = c - v, x = d - i;
+  let w = 0, D = 1;
+  const o = (a, E) => {
+    if (a === 0) return E >= 0;
+    const f = E / a;
+    return a < 0 ? f > D ? !1 : (f > w && (w = f), !0) : f < w ? !1 : (f < D && (D = f), !0);
   };
-  return m(-d, g - e.left) && m(d, e.right - g) && m(-r, i - e.top) && m(r, e.bottom - i);
+  return o(-s, v - e.left) && o(s, e.right - v) && o(-x, i - e.top) && o(x, e.bottom - i);
 }
-function Pe(e, g, i) {
+function Me(e, v, i) {
   if (!i || typeof document.elementFromPoint != "function") return !1;
-  const l = document.elementFromPoint(e, g);
-  return l instanceof Element && l.closest(vt) === i;
+  const c = document.elementFromPoint(e, v);
+  return c instanceof Element && c.closest(mt) === i;
 }
-function ce(e) {
-  const g = () => e.hoverOffset === -1 ? {
+function se(e) {
+  const v = () => e.hoverOffset === -1 ? {
     scale: 1.26,
     y: -6,
     x: 0
@@ -83,40 +83,56 @@ function ce(e) {
     scale: 1,
     y: 0,
     x: 0
-  }, i = () => e.hoverOffset === -1, l = (r) => {
-    r.button === 0 && e.onDragBegin(r, e.kind, e.id, e.label, e.icon, r.currentTarget, e.canvasPlacement, null);
-  }, s = (r) => {
-    e.onContextMenu && (r.preventDefault(), r.stopPropagation(), e.onContextMenu({
-      trigger: r.currentTarget,
-      clientX: r.clientX,
-      clientY: r.clientY,
+  }, i = () => e.hoverOffset === -1, c = (o) => {
+    o.button === 0 && e.onDragBegin(o, e.kind, e.id, e.label, e.icon, o.currentTarget, e.canvasPlacement, null);
+  }, d = (o) => {
+    e.onContextMenu && (o.preventDefault(), o.stopPropagation(), e.onContextMenu({
+      trigger: o.currentTarget,
+      clientX: o.clientX,
+      clientY: o.clientY,
       source: "pointer"
     }));
-  }, d = (r) => {
-    !e.onContextMenu || !qe(r) || (r.preventDefault(), r.stopPropagation(), e.onContextMenu(ze(r.currentTarget)));
+  }, s = (o) => {
+    !e.onContextMenu || !Qe(o) || (o.preventDefault(), o.stopPropagation(), e.onContextMenu(Ze(o.currentTarget)));
+  }, x = (o) => {
+    o.detail === 0 && e.onKeyboardActivate(o.currentTarget);
+  }, w = () => {
+    const o = e.presentation;
+    return o ? o.count === 0 ? `${e.label} +` : o.active && o.currentIndex !== null ? `${e.label} ${o.currentIndex + 1}/${o.count}` : o.count > 1 ? `${e.label} ${o.count}` : e.label : e.label;
+  }, D = () => {
+    const o = e.presentation?.count;
+    return o === 0 ? "+" : o !== void 0 && o > 1 ? String(o) : null;
   };
   return (() => {
-    var r = rt();
-    return r.$$keydown = d, r.$$contextmenu = s, r.$$pointerdown = l, r.addEventListener("pointerleave", () => e.onLeave()), r.addEventListener("pointerenter", () => e.onEnter()), f(r, c(B.span, {
+    var o = ct();
+    return o.$$keydown = s, o.$$contextmenu = d, o.$$click = x, o.$$pointerdown = c, o.addEventListener("pointerleave", () => e.onLeave()), o.addEventListener("pointerenter", () => e.onEnter()), m(o, l(N.span, {
       class: "workbench-dock__tile",
       get animate() {
-        return g();
+        return v();
       },
       get transition() {
         return {
-          duration: H.fast,
-          easing: R.easeOut
+          duration: G.fast,
+          easing: V.easeOut
         };
       },
       get children() {
-        return (() => {
+        return [A(() => (() => {
           const a = e.icon;
-          return c(a, {
+          return l(a, {
             class: "workbench-dock__icon"
           });
-        })();
+        })()), l(X, {
+          get when() {
+            return D();
+          },
+          children: (a) => (() => {
+            var E = lt();
+            return m(E, a), E;
+          })()
+        })];
       }
-    }), null), f(r, c(B.span, {
+    }), null), m(o, l(N.span, {
       class: "workbench-dock__tooltip",
       get animate() {
         return {
@@ -126,16 +142,16 @@ function ce(e) {
       },
       get transition() {
         return {
-          duration: H.fast,
-          easing: R.easeOut
+          duration: G.fast,
+          easing: V.easeOut
         };
       },
       get children() {
-        return e.label;
+        return A(() => e.activationMode === "focus-cycle")() ? w() : e.label;
       }
-    }), null), F((a) => {
-      var D = e.kind === "host" ? e.id : void 0, m = !!e.active, _ = !!(e.filterable && !e.visible), C = !!i(), h = !!e.isDragging, S = e.filterable ? `${e.label} — click to solo, drag to canvas to create` : `${e.label} — drag to canvas to create`, $ = e.active, V = e.onContextMenu ? "menu" : void 0;
-      return D !== a.e && I(r, "data-workbench-dock-item", a.e = D), m !== a.t && r.classList.toggle("is-active", a.t = m), _ !== a.a && r.classList.toggle("is-filter-muted", a.a = _), C !== a.o && r.classList.toggle("is-hovered", a.o = C), h !== a.i && r.classList.toggle("is-source-dragging", a.i = h), S !== a.n && I(r, "aria-label", a.n = S), $ !== a.s && I(r, "aria-pressed", a.s = $), V !== a.h && I(r, "aria-haspopup", a.h = V), a;
+    }), null), W((a) => {
+      var E = e.kind === "host" ? e.id : void 0, f = e.kind === "widget" || e.kind === "tool" ? e.id : void 0, M = !!e.active, Y = !!(e.filterable && !e.visible), j = !!i(), F = !!e.isDragging, J = e.activationMode === "focus-cycle" && e.presentation ? w() : e.filterable ? `${e.label} — click to solo, drag to canvas to create` : `${e.label} — drag to canvas to create`, B = e.activationMode === "focus-cycle" ? e.presentation?.active : e.active, H = e.onContextMenu ? "menu" : void 0;
+      return E !== a.e && I(o, "data-workbench-dock-item", a.e = E), f !== a.t && I(o, "data-workbench-dock-component", a.t = f), M !== a.a && o.classList.toggle("is-active", a.a = M), Y !== a.o && o.classList.toggle("is-filter-muted", a.o = Y), j !== a.i && o.classList.toggle("is-hovered", a.i = j), F !== a.n && o.classList.toggle("is-source-dragging", a.n = F), J !== a.s && I(o, "aria-label", a.s = J), B !== a.h && I(o, "aria-pressed", a.h = B), H !== a.r && I(o, "aria-haspopup", a.r = H), a;
     }, {
       e: void 0,
       t: void 0,
@@ -144,130 +160,144 @@ function ce(e) {
       i: void 0,
       n: void 0,
       s: void 0,
-      h: void 0
-    }), r;
+      h: void 0,
+      r: void 0
+    }), o;
   })();
 }
-function bt(e) {
-  const g = () => e.hoverOffset === -1, i = () => ({
+function Ct(e) {
+  const v = () => e.hoverOffset === -1, i = () => ({
     scale: 1,
     y: 0,
     x: 0
-  }), l = e.action.icon;
+  }), c = e.action.icon;
   return (() => {
-    var s = it();
-    return s.$$click = (d) => e.action.onActivate(d.currentTarget), s.addEventListener("dragstart", (d) => d.preventDefault()), Ee(s, "pointerleave", e.onLeave), Ee(s, "pointerenter", e.onEnter), I(s, "draggable", !1), f(s, c(B.span, {
+    var d = dt();
+    return d.$$click = (s) => e.onActivate(s.currentTarget), d.addEventListener("dragstart", (s) => s.preventDefault()), Ce(d, "pointerleave", e.onLeave), Ce(d, "pointerenter", e.onEnter), I(d, "draggable", !1), m(d, l(N.span, {
       class: "workbench-dock__tile",
       get animate() {
         return i();
       },
       get transition() {
         return {
-          duration: H.fast,
-          easing: R.easeOut
+          duration: G.fast,
+          easing: V.easeOut
         };
       },
       get children() {
-        return c(l, {
+        return l(c, {
           class: "workbench-dock__icon"
         });
       }
-    }), null), f(s, c(B.span, {
+    }), null), m(d, l(N.span, {
       class: "workbench-dock__tooltip",
       get animate() {
         return {
-          opacity: g() ? 1 : 0,
-          y: g() ? -6 : 0
+          opacity: v() ? 1 : 0,
+          y: v() ? -6 : 0
         };
       },
       get transition() {
         return {
-          duration: H.fast,
-          easing: R.easeOut
+          duration: G.fast,
+          easing: V.easeOut
         };
       },
       get children() {
         return e.action.label;
       }
-    }), null), F((d) => {
-      var r = e.action.id, a = !!e.action.active, D = !!g(), m = e.action.label, _ = e.action.active;
-      return r !== d.e && I(s, "data-workbench-dock-action", d.e = r), a !== d.t && s.classList.toggle("is-active", d.t = a), D !== d.a && s.classList.toggle("is-hovered", d.a = D), m !== d.o && I(s, "aria-label", d.o = m), _ !== d.i && I(s, "aria-pressed", d.i = _), d;
+    }), null), W((s) => {
+      var x = e.action.id, w = !!e.action.active, D = !!v(), o = e.action.label, a = e.action.active;
+      return x !== s.e && I(d, "data-workbench-dock-action", s.e = x), w !== s.t && d.classList.toggle("is-active", s.t = w), D !== s.a && d.classList.toggle("is-hovered", s.a = D), o !== s.o && I(d, "aria-label", s.o = o), a !== s.i && I(d, "aria-pressed", s.i = a), s;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0,
       i: void 0
-    }), s;
+    }), d;
   })();
 }
-function $t(e) {
-  const [g, i] = ae(null), [l, s] = ae(null), [d, r] = ae(!1);
-  let a, D, m, _, C = null;
-  J(() => {
-    _?.stop(), D?.stop({
+function Bt(e) {
+  const [v, i] = le(null), [c, d] = le(null), [s, x] = le(!1);
+  let w, D, o, a, E = null;
+  const f = () => e.activationMode === "focus-cycle" ? "focus-cycle" : "solo-filter";
+  ee(() => {
+    a?.stop(), D?.stop({
       reason: "manual_stop",
       commit: !1
-    }), D = void 0, m?.clear(), m = void 0, l()?.stopInteraction(), e.onDragPreviewChange?.(null), e.registerExternalDockDragController?.(null);
-  }), Q(() => {
-    e.onDragPreviewChange?.(l()?.preview ?? null);
-  }), Q(() => {
+    }), D = void 0, o?.clear(), o = void 0, c()?.stopInteraction(), e.onDragPreviewChange?.(null), e.registerExternalDockDragController?.(null);
+  }), te(() => {
+    e.onDragPreviewChange?.(c()?.preview ?? null);
+  }), te(() => {
     const t = (n) => {
-      n.key !== "Escape" || !l() || (n.preventDefault(), D?.stop({
+      n.key !== "Escape" || !c() || (n.preventDefault(), D?.stop({
         reason: "manual_stop",
         commit: !1
       }));
     };
-    window.addEventListener("keydown", t, !0), J(() => window.removeEventListener("keydown", t, !0));
-  }), Q(() => {
-    if (!d() || typeof window > "u") return;
+    window.addEventListener("keydown", t, !0), ee(() => window.removeEventListener("keydown", t, !0));
+  }), te(() => {
+    if (!s() || typeof window > "u") return;
     const t = (k) => {
-      a && k.target instanceof Node && a.contains(k.target) || r(!1);
+      w && k.target instanceof Node && w.contains(k.target) || x(!1);
     }, n = (k) => {
-      k.key === "Escape" && r(!1);
+      k.key === "Escape" && x(!1);
     };
-    window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", n, !0), J(() => {
+    window.addEventListener("pointerdown", t, !0), window.addEventListener("keydown", n, !0), ee(() => {
       window.removeEventListener("pointerdown", t, !0), window.removeEventListener("keydown", n, !0);
     });
   });
-  const h = (t) => {
-    const n = g();
-    return n === null || n <= W().length ? 0 : n === t ? -1 : n === t + 1 ? -2 : n === t - 1 ? 1 : 0;
-  }, S = () => {
-    _?.stop(), _ = void 0, C = null;
-  }, $ = () => {
-    !e.viewport || !e.onViewportCommit || (C = e.viewport, _?.stop(), _ = Qe({
+  const M = (t) => {
+    const n = v();
+    return n === null || n <= U().length ? 0 : n === t ? -1 : n === t + 1 ? -2 : n === t - 1 ? 1 : 0;
+  }, Y = () => {
+    a?.stop(), a = void 0, E = null;
+  }, j = () => {
+    !e.viewport || !e.onViewportCommit || (E = e.viewport, a?.stop(), a = tt({
       readFrame: () => {
-        const n = a?.closest(".workbench-surface")?.querySelector(xe);
-        return n instanceof HTMLElement ? Le(n) : null;
+        const n = w?.closest(".workbench-surface")?.querySelector(Le);
+        return n instanceof HTMLElement ? Ie(n) : null;
       },
-      readViewport: () => C ?? e.viewport ?? null,
+      readViewport: () => E ?? e.viewport ?? null,
       commitViewport: (t) => {
-        C = t, e.onViewportCommit?.(t);
+        E = t, e.onViewportCommit?.(t);
       },
       onPanStart: () => e.onViewportInteractionStart?.("pan"),
       shouldPan: () => {
-        const t = l();
-        return !!(t?.moved && t.hasEnteredCanvas && !Pe(t.clientX, t.clientY, a));
+        const t = c();
+        return !!(t?.moved && t.hasEnteredCanvas && !Me(t.clientX, t.clientY, w));
       }
     }));
-  }, V = (t) => {
-    const n = l();
-    if (!n) return;
-    const k = !n.moved, P = C ?? e.viewport;
-    if (n.stopInteraction(), S(), s(null), D = void 0, n.kind === "external" && n.moved && m?.expire(), k) {
-      if (n.kind === "external" || !(n.trigger instanceof HTMLButtonElement)) return;
-      if (n.kind === "host") {
-        e.dockItems?.find((o) => o.id === n.id)?.onActivate?.(n.trigger);
+  }, F = (t, n, k, C) => {
+    if (e.onDockActivation?.({
+      kind: t,
+      id: String(n)
+    }), t === "external") return;
+    if (t === "host") {
+      e.dockItems?.find((r) => r.id === n)?.onActivate?.(C);
+      return;
+    }
+    const L = {
+      kind: t,
+      id: n,
+      label: k,
+      trigger: C
+    };
+    if (!e.onItemClick?.(L)) {
+      if (f() === "focus-cycle") {
+        e.onFocusCycleItem?.(L);
         return;
       }
-      if (e.onItemClick?.({
-        kind: n.kind,
-        id: n.id,
-        label: n.label,
-        trigger: n.trigger
-      })) return;
-      O() !== "background" && e.onSoloFilter(String(n.id), ve());
+      y() !== "background" && e.onSoloFilter(String(n), ke());
+    }
+  }, J = (t) => {
+    const n = c();
+    if (!n) return;
+    const k = !n.moved, C = E ?? e.viewport;
+    if (n.stopInteraction(), Y(), d(null), D = void 0, n.kind === "external" && n.moved && o?.expire(), k) {
+      if (n.kind === "external" || !(n.trigger instanceof HTMLButtonElement)) return;
+      F(n.kind, n.id, n.label, n.trigger);
       return;
     }
     if (t && n.overDock && n.dockDrop) {
@@ -275,28 +305,28 @@ function $t(e) {
       return;
     }
     if (t && n.overCanvas && n.canvasPlacement) {
-      const L = n.canvasFrame && P ? Ue(n.canvasFrame, P, {
+      const L = n.canvasFrame && C ? Je(n.canvasFrame, C, {
         clientX: n.clientX,
         clientY: n.clientY
-      }) : null, o = n.canvasFrame ? {
+      }) : null, r = n.canvasFrame ? {
         dropAllowed: n.overCanvas,
         canvasFrame: n.canvasFrame,
         ...L ? {
           worldPoint: L
         } : {}
       } : void 0;
-      n.canvasPlacement.onDrop(n.clientX, n.clientY, o);
+      n.canvasPlacement.onDrop(n.clientX, n.clientY, r);
     }
-  }, G = (t, n, k, P, L, o, E, w, u = "before-components") => {
+  }, B = (t, n, k, C, L, r, _, b, u = "before-components") => {
     t.preventDefault(), D?.stop({
       reason: "manual_stop",
       commit: !1
-    }), $();
-    const x = mt(a);
-    s({
+    }), j();
+    const P = _t(w);
+    d({
       kind: n,
       id: k,
-      label: P,
+      label: C,
       icon: L,
       pointerId: t.pointerId,
       startClientX: t.clientX,
@@ -306,107 +336,107 @@ function $t(e) {
       moved: !1,
       overCanvas: !1,
       hasEnteredCanvas: !1,
-      canvasFrame: x,
+      canvasFrame: P,
       preview: null,
-      canvasPlacement: E,
-      dockDrop: w,
+      canvasPlacement: _,
+      dockDrop: b,
       dockPlacement: u,
-      stopInteraction: Ve({
+      stopInteraction: ze({
         kind: "drag",
         cursor: "grabbing"
       }),
-      trigger: o,
+      trigger: r,
       overDock: !1
     });
-    const T = (b) => {
-      let y = !1;
-      s((v) => {
-        if (!v || v.pointerId !== b.pointerId) return v;
-        const U = b.clientX - v.startClientX, q = b.clientY - v.startClientY, A = v.moved || Math.abs(U) > De || Math.abs(q) > De;
-        if (v.kind === "external" && A && !v.moved) {
-          let K;
-          const N = () => {
-            K !== void 0 && window.clearTimeout(K), v.trigger.removeEventListener("click", we, !0), window.removeEventListener("pointerdown", be, !0), m?.clear === N && (m = void 0);
-          }, we = (_e) => {
-            _e.preventDefault(), _e.stopImmediatePropagation(), N();
-          }, be = () => N(), Ae = () => {
-            K !== void 0 && window.clearTimeout(K), K = window.setTimeout(N, gt);
+    const O = (g) => {
+      let $ = !1;
+      d((h) => {
+        if (!h || h.pointerId !== g.pointerId) return h;
+        const Q = g.clientX - h.startClientX, Z = g.clientY - h.startClientY, K = h.moved || Math.abs(Q) > Pe || Math.abs(Z) > Pe;
+        if (h.kind === "external" && K && !h.moved) {
+          let q;
+          const z = () => {
+            q !== void 0 && window.clearTimeout(q), h.trigger.removeEventListener("click", _e, !0), window.removeEventListener("pointerdown", De, !0), o?.clear === z && (o = void 0);
+          }, _e = (Ee) => {
+            Ee.preventDefault(), Ee.stopImmediatePropagation(), z();
+          }, De = () => z(), He = () => {
+            q !== void 0 && window.clearTimeout(q), q = window.setTimeout(z, ht);
           };
-          v.trigger.addEventListener("click", we, !0), window.addEventListener("pointerdown", be, !0), m = {
-            clear: N,
-            expire: Ae
+          h.trigger.addEventListener("click", _e, !0), window.addEventListener("pointerdown", De, !0), o = {
+            clear: z,
+            expire: He
           };
         }
-        const z = Pe(b.clientX, b.clientY, a), M = v.canvasFrame, fe = A && ht(b.clientX, b.clientY, M), me = fe && !z, $e = A && !z && wt(M, v.clientX, v.clientY, b.clientX, b.clientY), he = v.hasEnteredCanvas || fe || $e;
-        y = A && he && !z;
-        const Ye = M ? Ce(b.clientX, M.left, M.right) : b.clientX, pe = M ? Ce(b.clientY, M.top, M.bottom) : b.clientY;
+        const p = Me(g.clientX, g.clientY, w), S = h.canvasFrame, me = K && Dt(g.clientX, g.clientY, S), be = me && !p, Fe = K && !p && Et(S, h.clientX, h.clientY, g.clientX, g.clientY), we = h.hasEnteredCanvas || me || Fe;
+        $ = K && we && !p;
+        const Be = S ? xe(g.clientX, S.left, S.right) : g.clientX, Re = S ? xe(g.clientY, S.top, S.bottom) : g.clientY;
         return {
-          ...v,
-          clientX: b.clientX,
-          clientY: b.clientY,
-          moved: A,
-          overDock: z,
-          overCanvas: me,
-          hasEnteredCanvas: he,
-          preview: A && M && v.canvasPlacement?.preview ? {
-            kind: v.canvasPlacement.preview.kind,
-            id: v.canvasPlacement.preview.id,
-            label: v.label,
-            clientX: Ye,
-            clientY: pe,
-            dropAllowed: me,
-            canvasFrame: M
+          ...h,
+          clientX: g.clientX,
+          clientY: g.clientY,
+          moved: K,
+          overDock: p,
+          overCanvas: be,
+          hasEnteredCanvas: we,
+          preview: K && S && h.canvasPlacement?.preview ? {
+            kind: h.canvasPlacement.preview.kind,
+            id: h.canvasPlacement.preview.id,
+            label: h.label,
+            clientX: Be,
+            clientY: Re,
+            dropAllowed: be,
+            canvasFrame: S
           } : null
         };
-      }), y && _?.updatePointer(b.clientX, b.clientY);
+      }), $ && a?.updatePointer(g.clientX, g.clientY);
     };
-    D = Ge({
+    D = je({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: T,
+      onMove: O,
       onEnd: ({
-        commit: b,
-        snapshot: y
+        commit: g,
+        snapshot: $
       }) => {
-        T({
-          pointerId: y.pointerId,
-          clientX: y.latestClientX,
-          clientY: y.latestClientY
-        }), V(b);
+        O({
+          pointerId: $.pointerId,
+          clientX: $.latestClientX,
+          clientY: $.latestClientY
+        }), J(g);
       }
     });
-  }, ee = (t) => t ? {
+  }, H = (t) => t ? {
     preview: {
       kind: "widget",
       id: t.widgetType
     },
-    onDrop: (n, k, P) => {
-      if (!P?.worldPoint) return;
-      const L = Je(t.widgetType, e.widgetDefinitions);
+    onDrop: (n, k, C) => {
+      if (!C?.worldPoint) return;
+      const L = et(t.widgetType, e.widgetDefinitions);
       t.onDrop({
         widgetType: t.widgetType,
-        centerWorld: P.worldPoint,
-        frame: je(L, {
+        centerWorld: C.worldPoint,
+        frame: pe(L, {
           anchor: "center",
-          worldX: P.worldPoint.worldX,
-          worldY: P.worldPoint.worldY
+          worldX: C.worldPoint.worldX,
+          worldY: C.worldPoint.worldY
         })
       });
     }
-  } : null, Me = (t, n) => {
-    t.button !== 0 || !(t.currentTarget instanceof HTMLElement) || (m?.clear(), m = void 0, G(t, "external", n.id, n.label, n.icon, t.currentTarget, ee(n.canvasPlacement), n.onDropToDock ?? null, n.dockPlacement ?? "before-components"));
+  } : null, ye = (t, n) => {
+    t.button !== 0 || !(t.currentTarget instanceof HTMLElement) || (o?.clear(), o = void 0, B(t, "external", n.id, n.label, n.icon, t.currentTarget, H(n.canvasPlacement), n.onDropToDock ?? null, n.dockPlacement ?? "before-components"));
   };
-  Q(() => {
+  te(() => {
     e.registerExternalDockDragController?.({
-      begin: Me
-    }), J(() => e.registerExternalDockDragController?.(null));
+      begin: ye
+    }), ee(() => e.registerExternalDockDragController?.(null));
   });
-  const Ie = () => l()?.kind === "widget" ? l().id : null, Se = () => l()?.kind === "tool" ? l().id : null, Oe = () => l()?.kind === "external" ? l()?.icon : void 0, O = () => e.mode === "background" || e.mode === "annotation" ? "background" : "work", de = Y(() => le.find((t) => t.mode === O()) ?? le[0]), te = Y(() => O() === "background" ? ft.map((t) => ({
+  const Se = () => c()?.kind === "widget" ? c().id : null, Te = () => c()?.kind === "tool" ? c().id : null, Oe = () => c()?.kind === "external" ? c()?.icon : void 0, y = () => e.mode === "background" || e.mode === "annotation" ? "background" : "work", ge = R(() => de.find((t) => t.mode === y()) ?? de[0]), oe = R(() => y() === "background" ? wt.map((t) => ({
     id: t.tool,
     kind: "tool",
     label: t.label,
     icon: t.icon
-  })) : [...kt.map((t) => ({
+  })) : [...bt.map((t) => ({
     id: t.tool,
     kind: "tool",
     label: t.label,
@@ -416,320 +446,352 @@ function $t(e) {
     kind: "widget",
     label: t.label,
     icon: t.icon
-  }))]), ue = Y(() => O() === "background" ? [] : [...e.dockItems ?? []]), ne = Y(() => ue().filter((t) => t.dockPlacement !== "after-components")), ge = Y(() => ue().filter((t) => t.dockPlacement === "after-components")), W = Y(() => O() === "background" ? [] : [...e.dockActions ?? []]), ve = Y(() => te().map((t) => String(t.id))), oe = () => O() !== "background", Te = (t) => !oe() || e.filters[t] !== !1, ye = (t) => {
-    if (!oe())
+  }))]), ve = R(() => y() === "background" ? [] : [...e.dockItems ?? []]), re = R(() => ve().filter((t) => t.dockPlacement !== "after-components")), fe = R(() => ve().filter((t) => t.dockPlacement === "after-components")), U = R(() => y() === "background" ? [] : [...e.dockActions ?? []]), ke = R(() => oe().map((t) => String(t.id))), ie = () => y() !== "background", $e = (t) => !ie() || e.filters[t] !== !1, Ae = (t) => {
+    if (!ie())
       return !1;
-    const n = ve();
+    const n = ke();
     return n.length > 1 && n.every((k) => e.filters[k] !== !1 == (k === t));
-  }, re = () => g() === 0, Xe = () => ({
+  }, Xe = (t, n) => f() === "focus-cycle" ? e.resolveItemPresentation?.({
+    kind: t,
+    id: n
+  }) : void 0, ae = () => v() === 0, Ye = () => ({
     scale: 1,
     y: 0,
     x: 0
-  }), ie = (t) => {
-    const n = l();
+  }), ce = (t) => {
+    const n = c();
     return !!(n?.kind === "external" && n.moved && n.dockPlacement === t);
-  }, ke = () => (() => {
-    var t = at();
-    return f(t, c(p, {
+  }, he = () => (() => {
+    var t = st();
+    return m(t, l(X, {
       get when() {
         return Oe();
       },
       children: (n) => {
         const k = n();
-        return c(k, {
+        return l(k, {
           class: "workbench-dock__icon"
         });
       }
-    })), F(() => t.classList.toggle("is-drop-allowed", !!l()?.overDock)), t;
+    })), W(() => t.classList.toggle("is-drop-allowed", !!c()?.overDock)), t;
   })();
   return [(() => {
-    var t = st(), n = t.firstChild, k = n.firstChild, P = n.nextSibling;
+    var t = vt(), n = t.firstChild, k = n.firstChild, C = n.nextSibling;
     t.addEventListener("pointerleave", () => i(null));
-    var L = a;
-    return typeof L == "function" ? He(L, t) : a = t, k.$$click = () => r((o) => !o), k.addEventListener("pointerleave", () => i((o) => o === 0 ? null : o)), k.addEventListener("pointerenter", () => i(0)), f(k, c(B.span, {
+    var L = w;
+    return typeof L == "function" ? Ve(L, t) : w = t, k.$$click = () => {
+      e.onDockActivation?.({
+        kind: "mode",
+        id: y()
+      }), x((r) => !r);
+    }, k.addEventListener("pointerleave", () => i((r) => r === 0 ? null : r)), k.addEventListener("pointerenter", () => i(0)), m(k, l(N.span, {
       class: "workbench-dock__tile",
       get animate() {
-        return Xe();
+        return Ye();
       },
       get transition() {
         return {
-          duration: H.fast,
-          easing: R.easeOut
+          duration: G.fast,
+          easing: V.easeOut
         };
       },
       get children() {
         return (() => {
-          const o = de().icon;
-          return c(o, {
+          const r = ge().icon;
+          return l(r, {
             class: "workbench-dock__icon"
           });
         })();
       }
-    }), null), f(k, c(B.span, {
+    }), null), m(k, l(N.span, {
       class: "workbench-dock__tooltip",
       get animate() {
         return {
-          opacity: re() && !d() ? 1 : 0,
-          y: re() && !d() ? -6 : 0
+          opacity: ae() && !s() ? 1 : 0,
+          y: ae() && !s() ? -6 : 0
         };
       },
       get transition() {
         return {
-          duration: H.fast,
-          easing: R.easeOut
+          duration: G.fast,
+          easing: V.easeOut
         };
       },
       get children() {
-        return de().label;
+        return ge().label;
       }
-    }), null), f(n, c(p, {
+    }), null), m(n, l(X, {
       get when() {
-        return d();
+        return s();
       },
       get children() {
-        var o = lt();
-        return f(o, c(Z, {
-          each: le,
-          children: (E) => {
-            const w = E.icon;
+        var r = ut();
+        return m(r, l(ne, {
+          each: de,
+          children: (_) => {
+            const b = _.icon;
             return (() => {
-              var u = dt(), x = u.firstChild, T = x.nextSibling, b = T.firstChild, y = b.nextSibling;
+              var u = ft(), P = u.firstChild, O = P.nextSibling, g = O.firstChild, $ = g.nextSibling;
               return u.$$click = () => {
-                e.onSelectMode?.(E.mode), r(!1);
-              }, f(x, c(w, {
+                e.onDockActivation?.({
+                  kind: "mode",
+                  id: _.mode
+                }), e.onSelectMode?.(_.mode), x(!1);
+              }, m(P, l(b, {
                 class: "workbench-dock__mode-icon"
-              })), f(b, () => E.label), f(y, () => E.description), F((v) => {
-                var U = O() === E.mode, q = O() === E.mode;
-                return U !== v.e && u.classList.toggle("is-active", v.e = U), q !== v.t && I(u, "aria-checked", v.t = q), v;
+              })), m(g, () => _.label), m($, () => _.description), W((h) => {
+                var Q = y() === _.mode, Z = y() === _.mode;
+                return Q !== h.e && u.classList.toggle("is-active", h.e = Q), Z !== h.t && I(u, "aria-checked", h.t = Z), h;
               }, {
                 e: void 0,
                 t: void 0
               }), u;
             })();
           }
-        })), o;
+        })), r;
       }
-    }), null), f(t, c(Ke, {
+    }), null), m(t, l(Ue, {
       get each() {
-        return W();
+        return U();
       },
-      children: (o, E) => {
-        const w = () => E + 1;
-        return c(bt, {
+      children: (r, _) => {
+        const b = () => _ + 1;
+        return l(Ct, {
           get action() {
-            return o();
+            return r();
           },
           get hoverOffset() {
-            return h(w());
+            return M(b());
           },
-          onEnter: () => i(w()),
-          onLeave: () => i((u) => u === w() ? null : u)
+          onEnter: () => i(b()),
+          onLeave: () => i((u) => u === b() ? null : u),
+          onActivate: (u) => {
+            e.onDockActivation?.({
+              kind: "action",
+              id: r().id
+            }), r().onActivate(u);
+          }
         });
       }
-    }), P), f(t, c(p, {
+    }), C), m(t, l(X, {
       get when() {
-        return ie("before-components");
+        return ce("before-components");
       },
       get children() {
-        return c(ke, {});
+        return l(he, {});
       }
-    }), P), f(t, c(Z, {
+    }), C), m(t, l(ne, {
       get each() {
-        return ne();
+        return re();
       },
-      children: (o, E) => {
-        const w = () => E() + W().length + 1;
-        return c(ce, {
+      children: (r, _) => {
+        const b = () => _() + U().length + 1;
+        return l(se, {
           get id() {
-            return o.id;
+            return r.id;
           },
           kind: "host",
           get label() {
-            return o.label;
+            return r.label;
           },
           get icon() {
-            return o.icon;
+            return r.icon;
           },
           get active() {
-            return !!o.active;
+            return !!r.active;
           },
           visible: !0,
           filterable: !1,
+          get activationMode() {
+            return f();
+          },
           get hoverOffset() {
-            return h(w());
+            return M(b());
           },
           get isDragging() {
-            return j(() => l()?.kind === "host")() && l()?.id === o.id;
+            return A(() => c()?.kind === "host")() && c()?.id === r.id;
           },
           get canvasPlacement() {
-            return ee(o.canvasPlacement);
+            return H(r.canvasPlacement);
           },
           get onContextMenu() {
-            return o.onContextMenu;
+            return r.onContextMenu;
           },
-          onEnter: () => i(w()),
-          onLeave: () => i((u) => u === w() ? null : u),
-          onDragBegin: G
+          onKeyboardActivate: (u) => F("host", r.id, r.label, u),
+          onEnter: () => i(b()),
+          onLeave: () => i((u) => u === b() ? null : u),
+          onDragBegin: B
         });
       }
-    }), P), f(t, c(Z, {
+    }), C), m(t, l(ne, {
       get each() {
-        return te();
+        return oe();
       },
-      children: (o, E) => {
-        const w = () => E() + W().length + ne().length + 1;
-        return c(ce, {
+      children: (r, _) => {
+        const b = () => _() + U().length + re().length + 1, u = () => Xe(r.kind, r.id);
+        return l(se, {
           get id() {
-            return String(o.id);
+            return String(r.id);
           },
           get kind() {
-            return o.kind;
+            return r.kind;
           },
           get label() {
-            return o.label;
+            return r.label;
           },
           get icon() {
-            return o.icon;
+            return r.icon;
           },
           get active() {
-            return ye(String(o.id));
+            return u()?.active ?? Ae(String(r.id));
           },
           get visible() {
-            return Te(String(o.id));
+            return A(() => f() === "focus-cycle")() ? !0 : $e(String(r.id));
           },
           get filterable() {
-            return oe();
+            return A(() => f() === "solo-filter")() && ie();
+          },
+          get activationMode() {
+            return f();
+          },
+          get presentation() {
+            return u();
           },
           get hoverOffset() {
-            return h(w());
+            return M(b());
           },
           get isDragging() {
-            return j(() => o.kind === "widget")() ? Ie() === o.id : Se() === o.id;
+            return A(() => r.kind === "widget")() ? Se() === r.id : Te() === r.id;
           },
           get canvasPlacement() {
-            return j(() => o.kind === "widget")() ? {
+            return A(() => r.kind === "widget")() ? {
               preview: {
                 kind: "widget",
-                id: o.id
+                id: r.id
               },
-              onDrop: (u, x, T) => e.onCreateAt?.(o.id, u, x, T)
+              onDrop: (P, O, g) => e.onCreateAt?.(r.id, P, O, g)
             } : {
               preview: {
                 kind: "tool",
-                id: o.id
+                id: r.id
               },
-              onDrop: (u, x, T) => e.onCreateToolAt?.(o.id, u, x, T)
+              onDrop: (P, O, g) => e.onCreateToolAt?.(r.id, P, O, g)
             };
           },
-          onEnter: () => i(w()),
-          onLeave: () => i((u) => u === w() ? null : u),
-          onDragBegin: G
+          onEnter: () => i(b()),
+          onLeave: () => i((P) => P === b() ? null : P),
+          onKeyboardActivate: (P) => F(r.kind, r.id, r.label, P),
+          onDragBegin: B
         });
       }
-    }), null), f(t, c(p, {
+    }), null), m(t, l(X, {
       get when() {
-        return ge().length > 0 || ie("after-components");
+        return fe().length > 0 || ce("after-components");
       },
       get children() {
-        return ct();
+        return gt();
       }
-    }), null), f(t, c(Z, {
+    }), null), m(t, l(ne, {
       get each() {
-        return ge();
+        return fe();
       },
-      children: (o, E) => {
-        const w = () => E() + W().length + ne().length + te().length + 1;
-        return c(ce, {
+      children: (r, _) => {
+        const b = () => _() + U().length + re().length + oe().length + 1;
+        return l(se, {
           get id() {
-            return o.id;
+            return r.id;
           },
           kind: "host",
           get label() {
-            return o.label;
+            return r.label;
           },
           get icon() {
-            return o.icon;
+            return r.icon;
           },
           get active() {
-            return !!o.active;
+            return !!r.active;
           },
           visible: !0,
           filterable: !1,
+          get activationMode() {
+            return f();
+          },
           get hoverOffset() {
-            return h(w());
+            return M(b());
           },
           get isDragging() {
-            return j(() => l()?.kind === "host")() && l()?.id === o.id;
+            return A(() => c()?.kind === "host")() && c()?.id === r.id;
           },
           get canvasPlacement() {
-            return ee(o.canvasPlacement);
+            return H(r.canvasPlacement);
           },
           get onContextMenu() {
-            return o.onContextMenu;
+            return r.onContextMenu;
           },
-          onEnter: () => i(w()),
-          onLeave: () => i((u) => u === w() ? null : u),
-          onDragBegin: G
+          onKeyboardActivate: (u) => F("host", r.id, r.label, u),
+          onEnter: () => i(b()),
+          onLeave: () => i((u) => u === b() ? null : u),
+          onDragBegin: B
         });
       }
-    }), null), f(t, c(p, {
+    }), null), m(t, l(X, {
       get when() {
-        return ie("after-components");
+        return ce("after-components");
       },
       get children() {
-        return c(ke, {});
+        return l(he, {});
       }
-    }), null), F((o) => {
-      var E = `workbench-dock workbench-dock-material${l()?.kind === "external" && l()?.moved ? " is-external-drop-target" : ""}${l()?.kind === "external" && l()?.overDock ? " is-external-drop-allowed" : ""}`, w = O() === "background", u = !!(re() || d()), x = d();
-      return E !== o.e && Fe(t, o.e = E), w !== o.t && k.classList.toggle("is-active", o.t = w), u !== o.a && k.classList.toggle("is-hovered", o.a = u), x !== o.o && I(k, "aria-expanded", o.o = x), o;
+    }), null), W((r) => {
+      var _ = `workbench-dock workbench-dock-material${c()?.kind === "external" && c()?.moved ? " is-external-drop-target" : ""}${c()?.kind === "external" && c()?.overDock ? " is-external-drop-allowed" : ""}`, b = y() === "background", u = !!(ae() || s()), P = s();
+      return _ !== r.e && Ke(t, r.e = _), b !== r.t && k.classList.toggle("is-active", r.t = b), u !== r.a && k.classList.toggle("is-hovered", r.a = u), P !== r.o && I(k, "aria-expanded", r.o = P), r;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
       o: void 0
     }), t;
-  })(), c(p, {
+  })(), l(X, {
     get when() {
-      return !!(l()?.moved && !l()?.preview);
+      return !!(c()?.moved && !c()?.preview);
     },
     get children() {
-      return c(_t, {
-        state: l
+      return l(Pt, {
+        state: c
       });
     }
   })];
 }
-function _t(e) {
-  const g = () => {
-    const s = e.state();
-    return s ? `translate3d(${s.clientX + 14}px, ${s.clientY - 56}px, 0)` : "translate3d(0px, 0px, 0)";
-  }, i = () => e.state()?.label ?? "", l = () => e.state()?.icon;
-  return c(Be, {
+function Pt(e) {
+  const v = () => {
+    const d = e.state();
+    return d ? `translate3d(${d.clientX + 14}px, ${d.clientY - 56}px, 0)` : "translate3d(0px, 0px, 0)";
+  }, i = () => e.state()?.label ?? "", c = () => e.state()?.icon;
+  return l(We, {
     get children() {
-      var s = ut(), d = s.firstChild, r = d.nextSibling, a = r.firstChild, D = a.nextSibling, m = D.firstChild, _ = m.nextSibling, C = _.firstChild;
-      return f(a, c(p, {
+      var d = kt(), s = d.firstChild, x = s.nextSibling, w = x.firstChild, D = w.nextSibling, o = D.firstChild, a = o.nextSibling, E = a.firstChild;
+      return m(w, l(X, {
         get when() {
-          return l();
+          return c();
         },
-        children: (h) => {
-          const S = h();
-          return c(S, {
+        children: (f) => {
+          const M = f();
+          return l(M, {
             class: "w-4 h-4"
           });
         }
-      })), f(m, i), f(_, c(Ne, {
+      })), m(o, i), m(a, l(qe, {
         class: "w-3 h-3"
-      }), C), f(C, () => e.state()?.kind === "external" ? "Pin to Dock" : "Drag onto canvas"), F((h) => {
-        var S = !!(e.state()?.kind === "external" && e.state()?.overDock), $ = g();
-        return S !== h.e && s.classList.toggle("is-over-dock", h.e = S), $ !== h.t && Re(s, "transform", h.t = $), h;
+      }), E), m(E, () => e.state()?.kind === "external" ? "Pin to Dock" : "Drag onto canvas"), W((f) => {
+        var M = !!(e.state()?.kind === "external" && e.state()?.overDock), Y = v();
+        return M !== f.e && d.classList.toggle("is-over-dock", f.e = M), Y !== f.t && Ne(d, "transform", f.t = Y), f;
       }, {
         e: void 0,
         t: void 0
-      }), s;
+      }), d;
     }
   });
 }
-We(["pointerdown", "contextmenu", "keydown", "click"]);
+Ge(["pointerdown", "click", "contextmenu", "keydown"]);
 export {
-  $t as WorkbenchDock
+  Bt as WorkbenchDock
 };