@floegence/floe-webapp-core 0.56.8 → 0.56.9

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,147 +1,153 @@
-import { spread as It, mergeProps as be, insert as f, createComponent as m, memo as ve, effect as Se, style as ke, template as Rt, use as $e, delegateEvents as ye } from "solid-js/web";
-import { createMemo as g, createSignal as $, onCleanup as Mt, untrack as y, createEffect as rt } from "solid-js";
-import { startHotInteraction as Pe } from "../../utils/hotInteraction.js";
-import { X as Tt, Minus as Et, Maximize as At, GripVertical as xe } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as We, WORKBENCH_WIDGET_SHELL_ATTR as Ce, resolveWorkbenchWidgetLocalTypingTarget as Ie, resolveWorkbenchWidgetTextSelectionTarget as Me, shouldActivateWorkbenchWidgetLocalTarget as Te } from "../ui/localInteractionSurface.js";
-import { startPointerSession as Lt } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as Ee, resolveWorkbenchProjectedSurfaceScaleBehavior as Ae } from "./workbenchHelpers.js";
-import { createWorkbenchEdgeAutoPanController as Le, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Re, frameFromElement as ze } from "./workbenchEdgeAutoPan.js";
-import { resolveWorkbenchInteractionAdapter as Xe } from "./workbenchInteractionAdapter.js";
-import { createOwnerSafePropAccessor as a } from "./workbenchOwnerSafeAccessors.js";
-var Ye = /* @__PURE__ */ Rt('<article class=workbench-widget data-floe-surface=floating><div class=workbench-widget__surface><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), De = /* @__PURE__ */ Rt('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
-const Fe = 220, je = 160, Oe = 160;
-function Qe(i) {
-  const N = a(() => i.definition), u = a(() => i.widgetId), at = a(() => i.widgetTitle), ct = a(() => i.widgetType), L = a(() => i.itemSnapshot), lt = a(() => i.renderLayer), zt = a(() => i.visualFront), st = a(() => i.motion ?? null), dt = a(() => i.topRenderLayer), Xt = a(() => i.viewport), G = a(() => i.onSelect), Yt = a(() => i.onActivate), Dt = a(() => i.onContextMenu), Z = a(() => i.onClaimVisualFrontOwner), K = a(() => i.onCommitFront), Ft = a(() => i.onCommitMove), jt = a(() => i.onCommitResize), Ot = a(() => i.onViewportCommit), Ht = a(() => i.onViewportInteractionStart), Vt = a(() => i.onRequestOverview), qt = a(() => i.onRequestFit), Bt = a(() => i.onRequestDelete), Nt = a(() => i.onLayoutInteractionStart), Gt = a(() => i.onLayoutInteractionEnd), h = g(() => Xe(i.interactionAdapter)), P = a(() => i.selected), v = a(() => i.locked), U = a(() => i.filtered), b = a(() => i.layoutMode ?? "canvas_scaled"), Zt = a(() => i.projectedViewport), Kt = a(() => i.surfaceReady ?? !0), ut = a(() => ({
-    x: i.x,
-    y: i.y
-  })), wt = a(() => ({
-    width: i.width,
-    height: i.height
-  })), J = a(() => Math.max(i.viewportScale, 1e-3)), [x, R] = $(null), [z, Q] = $(null), [Ut, Jt] = $(), [tt, W] = $(!1), [gt, ht] = $(!1), [ft, X] = $({
+import { spread as Lt, mergeProps as $e, insert as u, createComponent as p, memo as ye, effect as Pe, style as We, setAttribute as xe, template as dt, use as Ce, delegateEvents as Te } from "solid-js/web";
+import { createSignal as k, createMemo as h, onCleanup as Rt, untrack as v, createEffect as st, Show as Ie } from "solid-js";
+import { startHotInteraction as Me } from "../../utils/hotInteraction.js";
+import { X as zt, Minus as Xt, Maximize as Yt, GripVertical as Ee } from "../icons/index.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as Ae, WORKBENCH_WIDGET_SHELL_ATTR as Le, resolveWorkbenchWidgetLocalTypingTarget as Re, resolveWorkbenchWidgetTextSelectionTarget as ze, shouldActivateWorkbenchWidgetLocalTarget as Xe } from "../ui/localInteractionSurface.js";
+import { startPointerSession as Dt } from "../ui/pointerSession.js";
+import { createWorkbenchWidgetSurfaceMetrics as Ye, resolveWorkbenchProjectedSurfaceScaleBehavior as De } from "./workbenchHelpers.js";
+import { createWorkbenchEdgeAutoPanController as Fe, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as He, frameFromElement as je } from "./workbenchEdgeAutoPan.js";
+import { resolveWorkbenchInteractionAdapter as Oe } from "./workbenchInteractionAdapter.js";
+import { createOwnerSafePropAccessor as c } from "./workbenchOwnerSafeAccessors.js";
+import { WorkbenchWidgetHeaderContext as Ve } from "./WorkbenchWidgetHeader.js";
+var qe = /* @__PURE__ */ dt("<div class=workbench-widget__header-actions data-floe-workbench-header-actions=true data-floe-canvas-interactive=true>"), Be = /* @__PURE__ */ dt('<article class=workbench-widget data-floe-surface=floating><div class=workbench-widget__surface><header class=workbench-widget__header><span class=workbench-widget__traffic role=group aria-label="Window controls"><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--close"aria-label="Close widget"title="Close widget"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__traffic-dot workbench-widget__traffic-dot--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button></span><span class=workbench-widget__badge aria-hidden=true></span><button type=button class=workbench-widget__drag aria-label="Drag widget"data-floe-canvas-interactive=true></button><div class=workbench-widget__title-area><span class=workbench-widget__title-dot aria-hidden=true></span><span class=workbench-widget__title></span></div><span class=workbench-widget__window-controls role=group aria-label="Window controls"><button type=button class="workbench-widget__window-control workbench-widget__window-control--min"aria-label="Minimize widget to overview"title="Minimize widget to overview"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--max"aria-label="Zoom widget to fit viewport"title="Zoom widget to fit viewport"data-floe-canvas-interactive=true></button><button type=button class="workbench-widget__window-control workbench-widget__window-control--close"aria-label="Remove widget"title="Remove widget"data-floe-canvas-interactive=true></button></span></header><div class=workbench-widget__body data-floe-canvas-interactive=true>'), Ne = /* @__PURE__ */ dt('<div class=workbench-widget__resize aria-label="Resize widget"data-floe-canvas-interactive=true><svg class=workbench-widget__resize-glyph viewBox="0 0 12 12"aria-hidden=true><path d="M12 0 L0 12"></path><path d="M12 4 L4 12"></path><path d="M12 8 L8 12">');
+const Ge = 220, Ze = 160, Ke = 160;
+function lo(r) {
+  const [W, ut] = k(), Ft = (t) => {
+    if (v(W)) throw new Error("A Workbench widget supports one header contribution");
+    return ut(t), () => {
+      v(W) === t && ut(void 0);
+    };
+  }, Z = c(() => r.definition), w = c(() => r.widgetId), K = c(() => r.widgetTitle), wt = c(() => r.widgetType), z = c(() => r.itemSnapshot), gt = c(() => r.renderLayer), Ht = c(() => r.visualFront), ht = c(() => r.motion ?? null), ft = c(() => r.topRenderLayer), jt = c(() => r.viewport), U = c(() => r.onSelect), Ot = c(() => r.onActivate), Vt = c(() => r.onContextMenu), J = c(() => r.onClaimVisualFrontOwner), Q = c(() => r.onCommitFront), qt = c(() => r.onCommitMove), Bt = c(() => r.onCommitResize), Nt = c(() => r.onViewportCommit), Gt = c(() => r.onViewportInteractionStart), Zt = c(() => r.onRequestOverview), Kt = c(() => r.onRequestFit), Ut = c(() => r.onRequestDelete), Jt = c(() => r.onLayoutInteractionStart), Qt = c(() => r.onLayoutInteractionEnd), f = h(() => Oe(r.interactionAdapter)), x = c(() => r.selected), $ = c(() => r.locked), tt = c(() => r.filtered), S = c(() => r.layoutMode ?? "canvas_scaled"), te = c(() => r.projectedViewport), ee = c(() => r.surfaceReady ?? !0), pt = c(() => ({
+    x: r.x,
+    y: r.y
+  })), mt = c(() => ({
+    width: r.width,
+    height: r.height
+  })), et = c(() => Math.max(r.viewportScale, 1e-3)), [C, X] = k(null), [Y, ot] = k(null), [oe, ne] = k(), [nt, T] = k(!1), [_t, bt] = k(!1), [vt, D] = k({
     enabled: !1,
     scale: 1
   });
-  let C, I, M, Y = null, Qt = 0, te = 0, S = null, T;
-  const E = /* @__PURE__ */ new Map();
-  let w;
-  const D = () => {
-    typeof window > "u" || T === void 0 || (window.clearTimeout(T), T = void 0);
-  }, pt = (t, e) => {
-    const n = Pe({
+  let I, M, E, F = null, re = 0, ie = 0, y = null, A;
+  const L = /* @__PURE__ */ new Map();
+  let g;
+  const H = () => {
+    typeof window > "u" || A === void 0 || (window.clearTimeout(A), A = void 0);
+  }, St = (t, e) => {
+    const n = Me({
       kind: t,
       cursor: e
     });
     let o = !1;
-    return y(() => Nt()?.()), () => {
-      o || (o = !0, n(), y(() => Gt()?.()));
+    return v(() => Jt()?.()), () => {
+      o || (o = !0, n(), v(() => Qt()?.()));
     };
-  }, mt = () => {
-    M?.stop(), M = void 0, Y = null;
-  }, ee = () => {
-    const t = Xt(), e = Ot(), n = Ht();
-    !t || !e || (Y = t, M?.stop(), M = Le({
+  }, kt = () => {
+    E?.stop(), E = void 0, F = null;
+  }, ae = () => {
+    const t = jt(), e = Nt(), n = Gt();
+    !t || !e || (F = t, E?.stop(), E = Fe({
       readFrame: () => {
-        const o = w?.closest(Re);
-        return o instanceof HTMLElement ? ze(o) : null;
+        const o = g?.closest(He);
+        return o instanceof HTMLElement ? je(o) : null;
       },
-      readViewport: () => Y ?? t,
+      readViewport: () => F ?? t,
       commitViewport: (o) => {
-        Y = o, e(o);
+        F = o, e(o);
       },
       onPanStart: () => n?.("pan"),
       onPan: (o) => {
-        R((r) => r && {
-          ...r,
-          autoPanWorldX: r.autoPanWorldX + o.worldDeltaX,
-          autoPanWorldY: r.autoPanWorldY + o.worldDeltaY,
-          worldX: r.worldX + o.worldDeltaX,
-          worldY: r.worldY + o.worldDeltaY,
+        X((i) => i && {
+          ...i,
+          autoPanWorldX: i.autoPanWorldX + o.worldDeltaX,
+          autoPanWorldY: i.autoPanWorldY + o.worldDeltaY,
+          worldX: i.worldX + o.worldDeltaX,
+          worldY: i.worldY + o.worldDeltaY,
           moved: !0
         });
       },
-      shouldPan: () => x() !== null
+      shouldPan: () => C() !== null
     }));
   };
-  Mt(() => {
-    mt(), C?.stop({
+  Rt(() => {
+    kt(), I?.stop({
       reason: "manual_stop",
       commit: !1
-    }), C = void 0, I?.stop({
+    }), I = void 0, M?.stop({
       reason: "manual_stop",
       commit: !1
-    }), I = void 0, y(x)?.stopInteraction(), y(z)?.stopInteraction(), D();
+    }), M = void 0, v(C)?.stopInteraction(), v(Y)?.stopInteraction(), H();
   });
-  const F = () => {
-    const t = u(), e = Yt();
+  const j = () => {
+    const t = w(), e = Ot();
     if (e) {
-      W(!0), ht(!0), e(t);
+      T(!0), bt(!0), e(t);
       return;
     }
-    W(!1), G()(t), K()(t);
-  }, oe = () => {
-    if (lt() >= dt()) {
-      Z()(u());
+    T(!1), U()(t), Q()(t);
+  }, ce = () => {
+    if (gt() >= ft()) {
+      J()(w());
       return;
     }
-    K()(u());
-  }, et = () => {
-    W(!1);
-  }, A = g(() => P() || tt());
-  rt(() => {
-    !gt() || !P() || (ht(!1), W(!1));
+    Q()(w());
+  }, rt = () => {
+    T(!1);
+  }, R = h(() => x() || nt());
+  st(() => {
+    !_t() || !x() || (bt(!1), T(!1));
   });
-  const ne = (t, e, n) => {
+  const le = (t, e, n) => {
     const o = {
-      token: ++te,
+      token: ++ie,
       wasSelected: e,
       ownership: n
     };
-    E.set(t, o), !e && n === "widget_local" && W(!0), queueMicrotask(() => {
-      E.get(t)?.token === o.token && E.delete(t);
+    L.set(t, o), !e && n === "widget_local" && T(!0), queueMicrotask(() => {
+      L.get(t)?.token === o.token && L.delete(t);
     });
-  }, ie = (t) => {
-    const e = E.get(t) ?? null;
-    return e && E.delete(t), e;
+  }, se = (t) => {
+    const e = L.get(t) ?? null;
+    return e && L.delete(t), e;
   };
-  rt(() => {
-    const t = w;
+  st(() => {
+    const t = g;
     if (!t) return;
-    const e = (r) => {
-      r.button === 0 && ne(r.pointerId, A(), H(r.target));
-    }, n = (r) => {
-      if (r.button === 0 && H(r.target) === "widget_local") {
-        if (tt()) {
-          F();
+    const e = (i) => {
+      i.button === 0 && le(i.pointerId, R(), q(i.target));
+    }, n = (i) => {
+      if (i.button === 0 && q(i.target) === "widget_local") {
+        if (nt()) {
+          j();
           return;
         }
-        P() && oe();
+        x() && ce();
       }
     }, o = () => {
       setTimeout(() => {
-        P() || et();
+        x() || rt();
       }, 0);
     };
-    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", et), Mt(() => {
-      t.removeEventListener("pointerdown", e, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", o), t.removeEventListener("pointercancel", et);
+    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", rt), Rt(() => {
+      t.removeEventListener("pointerdown", e, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", o), t.removeEventListener("pointercancel", rt);
     });
   });
-  const j = () => x() !== null, O = () => z() !== null, re = g(() => U() ? "cold" : A() ? "hot" : v() ? "cold" : "warm"), H = (t) => h().resolveWidgetEventOwnership({
+  const O = () => C() !== null, V = () => Y() !== null, de = h(() => tt() ? "cold" : R() ? "hot" : $() ? "cold" : "warm"), q = (t) => f().resolveWidgetEventOwnership({
     target: t,
-    widgetRoot: w ?? null,
-    interactiveSelector: h().interactiveSelector,
-    panSurfaceSelector: h().panSurfaceSelector
-  }), ae = (t) => {
-    F(), t?.focus !== !1 && w?.focus({
+    widgetRoot: g ?? null,
+    interactiveSelector: f().interactiveSelector,
+    panSurfaceSelector: f().panSurfaceSelector
+  }), ue = (t) => {
+    j(), t?.focus !== !1 && g?.focus({
       preventScroll: !0
     });
-  }, _t = (t) => {
-    Jt((e) => ({
+  }, $t = (t) => {
+    ne((e) => ({
       seq: (e?.seq ?? 0) + 1,
       source: "local_pointer",
       pointerType: t
     }));
-  }, ce = (t) => {
-    if (!(!w || !t.isConnected || !w.contains(t)))
+  }, we = (t) => {
+    if (!(!g || !t.isConnected || !g.contains(t)))
       try {
         t.focus({
           preventScroll: !0
@@ -149,17 +155,17 @@ function Qe(i) {
       } catch {
         t.focus();
       }
-  }, le = (t, e) => {
-    S = {
-      token: ++Qt,
+  }, ge = (t, e) => {
+    y = {
+      token: ++re,
       pointerId: t,
       target: e,
       timestamp: Date.now()
     };
-    const n = S;
+    const n = y;
     queueMicrotask(() => {
       const o = () => {
-        !n || S?.token !== n.token || (ce(n.target), S = null);
+        !n || y?.token !== n.token || (we(n.target), y = null);
       };
       if (typeof requestAnimationFrame == "function") {
         requestAnimationFrame(() => o());
@@ -167,102 +173,102 @@ function Qe(i) {
       }
       o();
     });
-  }, se = (t) => {
-    if (t.button !== 0 || v()) return;
-    const e = ie(t.pointerId), n = e?.wasSelected ?? P(), o = e?.ownership ?? H(t.target), r = o === "widget_local" ? Ie({
+  }, he = (t) => {
+    if (t.button !== 0 || $()) return;
+    const e = se(t.pointerId), n = e?.wasSelected ?? x(), o = e?.ownership ?? q(t.target), i = o === "widget_local" ? Re({
       target: t.target,
-      widgetRoot: w ?? null,
-      interactiveSelector: h().interactiveSelector,
-      panSurfaceSelector: h().panSurfaceSelector
-    }) : null, s = o === "widget_local" ? Me({
+      widgetRoot: g ?? null,
+      interactiveSelector: f().interactiveSelector,
+      panSurfaceSelector: f().panSurfaceSelector
+    }) : null, s = o === "widget_local" ? ze({
       target: t.target,
-      widgetRoot: w ?? null,
-      interactiveSelector: h().interactiveSelector,
-      panSurfaceSelector: h().panSurfaceSelector
-    }) : null, c = o === "widget_local" && !r && !s && Te({
+      widgetRoot: g ?? null,
+      interactiveSelector: f().interactiveSelector,
+      panSurfaceSelector: f().panSurfaceSelector
+    }) : null, l = o === "widget_local" && !i && !s && Xe({
       target: t.target,
-      widgetRoot: w ?? null,
-      interactiveSelector: h().interactiveSelector,
-      panSurfaceSelector: h().panSurfaceSelector
+      widgetRoot: g ?? null,
+      interactiveSelector: f().interactiveSelector,
+      panSurfaceSelector: f().panSurfaceSelector
     });
     if (o === "widget_shell") {
-      F(), w?.focus({
+      j(), g?.focus({
         preventScroll: !0
       });
       return;
     }
     if (o === "widget_local") {
-      if (r) {
-        n || le(t.pointerId, r);
+      if (i) {
+        n || ge(t.pointerId, i);
         return;
       }
       if (s) {
-        S = null;
+        y = null;
         return;
       }
-      if (c) {
-        if (S = null, n) {
-          _t(t.pointerType || void 0);
+      if (l) {
+        if (y = null, n) {
+          $t(t.pointerType || void 0);
           return;
         }
-        F(), _t(t.pointerType || void 0);
+        j(), $t(t.pointerType || void 0);
       }
     }
-  }, V = g(() => {
-    const t = x();
+  }, B = h(() => {
+    const t = C();
     return t ? {
       x: t.worldX,
       y: t.worldY
-    } : ut();
-  }), p = g(() => {
-    const t = z();
+    } : pt();
+  }), m = h(() => {
+    const t = Y();
     return t ? {
       width: t.width,
       height: t.height
-    } : wt();
-  }), ot = g(() => {
-    const t = Zt();
-    if (!(b() !== "projected_surface" || !t))
-      return Ee({
-        widgetId: u(),
-        worldX: V().x,
-        worldY: V().y,
-        worldWidth: p().width,
-        worldHeight: p().height,
+    } : mt();
+  }), it = h(() => {
+    const t = te();
+    if (!(S() !== "projected_surface" || !t))
+      return Ye({
+        widgetId: w(),
+        worldX: B().x,
+        worldY: B().y,
+        worldWidth: m().width,
+        worldHeight: m().height,
         viewport: t(),
-        ready: Kt()
+        ready: ee()
       });
-  }), nt = g(() => ot()?.rect.viewportScale ?? J()), bt = g(() => b() === "projected_surface" && Ae(N()) === "settle_sharp_zoom"), vt = g(() => b() === "projected_surface" && bt() && ft().enabled && ft().scale > 1.001), de = g(() => {
-    if (b() !== "projected_surface")
+  }), at = h(() => it()?.rect.viewportScale ?? et()), yt = h(() => S() === "projected_surface" && De(Z()) === "settle_sharp_zoom"), Pt = h(() => S() === "projected_surface" && yt() && vt().enabled && vt().scale > 1.001), fe = h(() => {
+    if (S() !== "projected_surface")
       return;
-    const t = nt();
-    return vt() ? {
-      width: `${p().width}px`,
-      height: `${p().height}px`,
+    const t = at();
+    return Pt() ? {
+      width: `${m().width}px`,
+      height: `${m().height}px`,
       zoom: `${t}`
     } : {
       width: "100%",
       height: "100%",
       zoom: "1"
     };
-  }), ue = g(() => {
-    const t = L()().z_index, e = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
+  }), pe = h(() => {
+    const t = z()().z_index, e = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
     return String(e).padStart(2, "0");
-  }), St = (t) => {
-    t.preventDefault(), t.stopPropagation(), Vt()(L()());
-  }, kt = (t) => {
-    t.preventDefault(), t.stopPropagation(), qt()(L()());
-  }, $t = (t) => {
-    t.preventDefault(), t.stopPropagation(), Bt()(u());
-  }, we = g(() => {
+  }), Wt = (t) => {
+    t.preventDefault(), t.stopPropagation(), Zt()(z()());
+  }, xt = (t) => {
+    t.preventDefault(), t.stopPropagation(), Kt()(z()());
+  }, Ct = (t) => {
+    t.preventDefault(), t.stopPropagation(), Ut()(w());
+  }, me = h(() => {
     const t = {
-      "z-index": j() || O() || zt() ? `${dt() + 1}` : `${lt()}`
+      "z-index": O() || V() || Ht() ? `${ft() + 1}` : `${gt()}`
     };
-    if (b() === "projected_surface") {
-      const e = ot()?.rect, n = nt(), o = vt(), r = o ? e?.screenWidth ?? p().width * n : p().width, s = o ? e?.screenHeight ?? p().height * n : p().height;
+    if (S() === "projected_surface") {
+      const e = it()?.rect, n = at(), o = Pt(), i = o ? e?.screenWidth ?? m().width * n : m().width, s = o ? e?.screenHeight ?? m().height * n : m().height;
       return {
         ...t,
-        width: `${r}px`,
+        width: `${i}px`,
         height: `${s}px`,
         transform: o ? `translate(${e?.screenX ?? 0}px, ${e?.screenY ?? 0}px)` : `translate(${e?.screenX ?? 0}px, ${e?.screenY ?? 0}px) scale(${n})`,
         zoom: "1"
@@ -270,43 +276,43 @@ function Qe(i) {
     }
     return {
       ...t,
-      width: `${p().width}px`,
-      height: `${p().height}px`,
-      transform: `translate(${V().x}px, ${V().y}px)`
+      width: `${m().width}px`,
+      height: `${m().height}px`,
+      transform: `translate(${B().x}px, ${B().y}px)`
     };
-  }), yt = g(() => st()?.phase === "enter");
-  rt(() => {
-    if (!bt()) {
-      D(), X({
+  }), Tt = h(() => ht()?.phase === "enter");
+  st(() => {
+    if (!yt()) {
+      H(), D({
         enabled: !1,
         scale: 1
       });
       return;
     }
-    const t = nt();
-    if (t <= 1.001 || j() || O()) {
-      D(), X({
+    const t = at();
+    if (t <= 1.001 || O() || V()) {
+      H(), D({
         enabled: !1,
         scale: t
       });
       return;
     }
-    if (X({
+    if (D({
       enabled: !1,
       scale: t
     }), typeof window > "u")
       return;
-    D();
+    H();
     const e = t;
-    T = window.setTimeout(() => {
-      T = void 0, X((n) => Math.abs(n.scale - e) < 1e-3 ? {
+    A = window.setTimeout(() => {
+      A = void 0, D((n) => Math.abs(n.scale - e) < 1e-3 ? {
         enabled: !0,
         scale: e
       } : n);
-    }, Oe);
+    }, Ke);
   });
-  const ge = (t) => {
-    const e = y(x);
+  const _e = (t) => {
+    const e = v(C);
     if (!e) return;
     const n = {
       x: e.worldX,
@@ -314,69 +320,69 @@ function Qe(i) {
     }, o = {
       x: e.startWorldX,
       y: e.startWorldY
-    }, r = t && (Math.abs(n.x - o.x) > 1 || Math.abs(n.y - o.y) > 1), s = u();
-    K()(s), r && Ft()(s, n), e.stopInteraction(), mt(), R(null), C = void 0;
-  }, Pt = (t) => {
-    if (t.button !== 0 || v()) return;
-    t.preventDefault(), t.stopPropagation(), C?.stop({
+    }, i = t && (Math.abs(n.x - o.x) > 1 || Math.abs(n.y - o.y) > 1), s = w();
+    Q()(s), i && qt()(s, n), e.stopInteraction(), kt(), X(null), I = void 0;
+  }, It = (t) => {
+    if (t.button !== 0 || $()) return;
+    t.preventDefault(), t.stopPropagation(), I?.stop({
       reason: "manual_stop",
       commit: !1
     });
-    const e = u();
-    G()(e), w?.focus({
+    const e = w();
+    U()(e), g?.focus({
       preventScroll: !0
-    }), Z()(e);
-    const n = pt("drag", "grabbing"), o = J(), r = ut();
-    R({
+    }), J()(e);
+    const n = St("drag", "grabbing"), o = et(), i = pt();
+    X({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
-      startWorldX: r.x,
-      startWorldY: r.y,
-      worldX: r.x,
-      worldY: r.y,
+      startWorldX: i.x,
+      startWorldY: i.y,
+      worldX: i.x,
+      worldY: i.y,
       autoPanWorldX: 0,
       autoPanWorldY: 0,
       moved: !1,
       scale: o,
       stopInteraction: n
-    }), ee();
-    const s = (c) => {
-      M?.updatePointer(c.clientX, c.clientY), R((d) => {
-        if (!d || d.pointerId !== c.pointerId) return d;
-        const _ = d.startWorldX + (c.clientX - d.startClientX) / d.scale + d.autoPanWorldX, k = d.startWorldY + (c.clientY - d.startClientY) / d.scale + d.autoPanWorldY;
+    }), ae();
+    const s = (l) => {
+      E?.updatePointer(l.clientX, l.clientY), X((d) => {
+        if (!d || d.pointerId !== l.pointerId) return d;
+        const _ = d.startWorldX + (l.clientX - d.startClientX) / d.scale + d.autoPanWorldX, P = d.startWorldY + (l.clientY - d.startClientY) / d.scale + d.autoPanWorldY;
         return {
           ...d,
           worldX: _,
-          worldY: k,
-          moved: d.moved || Math.abs(_ - d.startWorldX) > 2 || Math.abs(k - d.startWorldY) > 2
+          worldY: P,
+          moved: d.moved || Math.abs(_ - d.startWorldX) > 2 || Math.abs(P - d.startWorldY) > 2
         };
       });
     };
-    C = Lt({
+    I = Dt({
       pointerEvent: t,
       captureEl: t.currentTarget,
       onMove: s,
       onEnd: ({
-        commit: c
-      }) => ge(c)
+        commit: l
+      }) => _e(l)
     });
-  }, he = (t) => {
-    const e = y(z);
+  }, be = (t) => {
+    const e = v(Y);
     if (!e) return;
     const n = {
       width: e.width,
       height: e.height
     }, o = Math.abs(e.width - e.startWidth) > 1 || Math.abs(e.height - e.startHeight) > 1;
-    t && o && jt()(u(), n), e.stopInteraction(), Q(null), I = void 0;
-  }, fe = (t) => {
-    if (t.button !== 0 || v()) return;
-    t.preventDefault(), t.stopPropagation(), I?.stop({
+    t && o && Bt()(w(), n), e.stopInteraction(), ot(null), M = void 0;
+  }, ve = (t) => {
+    if (t.button !== 0 || $()) return;
+    t.preventDefault(), t.stopPropagation(), M?.stop({
       reason: "manual_stop",
       commit: !1
-    }), Z()(u());
-    const e = pt("resize", "nwse-resize"), n = J(), o = wt();
-    Q({
+    }), J()(w());
+    const e = St("resize", "nwse-resize"), n = et(), o = mt();
+    ot({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
@@ -387,144 +393,163 @@ function Qe(i) {
       scale: n,
       stopInteraction: e
     });
-    const r = (s) => {
-      Q((c) => {
-        if (!c || c.pointerId !== s.pointerId) return c;
-        const d = Math.max(Fe, c.startWidth + (s.clientX - c.startClientX) / c.scale), _ = Math.max(je, c.startHeight + (s.clientY - c.startClientY) / c.scale);
+    const i = (s) => {
+      ot((l) => {
+        if (!l || l.pointerId !== s.pointerId) return l;
+        const d = Math.max(Ge, l.startWidth + (s.clientX - l.startClientX) / l.scale), _ = Math.max(Ze, l.startHeight + (s.clientY - l.startClientY) / l.scale);
         return {
-          ...c,
+          ...l,
           width: d,
           height: _
         };
       });
     };
-    I = Lt({
+    M = Dt({
       pointerEvent: t,
       captureEl: t.currentTarget,
-      onMove: r,
+      onMove: i,
       onEnd: ({
         commit: s
-      }) => he(s)
+      }) => be(s)
     });
   };
   return (() => {
-    var t = Ye(), e = t.firstChild, n = e.firstChild, o = n.firstChild, r = o.firstChild, s = r.nextSibling, c = s.nextSibling, d = o.nextSibling, _ = d.nextSibling, k = _.nextSibling, pe = k.firstChild, xt = pe.nextSibling, me = k.nextSibling, q = me.firstChild, B = q.nextSibling, it = B.nextSibling, _e = n.nextSibling, Wt = w;
-    return typeof Wt == "function" ? $e(Wt, t) : w = t, It(t, be({
+    var t = Be(), e = t.firstChild, n = e.firstChild, o = n.firstChild, i = o.firstChild, s = i.nextSibling, l = s.nextSibling, d = o.nextSibling, _ = d.nextSibling, P = _.nextSibling, Se = P.firstChild, ct = Se.nextSibling, Mt = P.nextSibling, N = Mt.firstChild, G = N.nextSibling, lt = G.nextSibling, ke = n.nextSibling, Et = g;
+    return typeof Et == "function" ? Ce(Et, t) : g = t, Lt(t, $e({
       get "data-floe-surface-interacting"() {
-        return j() || O() ? "true" : void 0;
+        return O() || V() ? "true" : void 0;
       },
       get classList() {
         return {
-          "is-selected": A(),
-          "is-dragging": j(),
-          "is-resizing": O(),
-          "is-filtered-out": U(),
-          "is-projected-surface": b() === "projected_surface",
-          "is-locked": v(),
-          "is-entering": yt()
+          "is-selected": R(),
+          "is-dragging": O(),
+          "is-resizing": V(),
+          "is-filtered-out": tt(),
+          "is-projected-surface": S() === "projected_surface",
+          "is-locked": $(),
+          "is-entering": Tt()
         };
       }
     }, () => ({
-      [h().dialogSurfaceHostAttr]: "true"
+      [f().dialogSurfaceHostAttr]: "true"
     }), {
       get "data-floe-workbench-widget-id"() {
-        return u();
+        return w();
       }
     }, () => ({
-      [h().widgetRootAttr]: "true"
+      [f().widgetRootAttr]: "true"
     }), () => ({
-      [h().widgetIdAttr]: u()
+      [f().widgetIdAttr]: w()
     }), {
       get "data-workbench-widget-type"() {
-        return ct();
+        return wt();
       },
       get "data-floe-workbench-render-mode"() {
-        return b();
+        return S();
       },
       get "data-workbench-widget-motion"() {
-        return yt() ? "enter" : void 0;
+        return Tt() ? "enter" : void 0;
       }
     }, () => ({
-      [We]: A() ? "true" : void 0
+      [Ae]: R() ? "true" : void 0
     }), {
       tabIndex: 0,
-      onPointerDown: se,
+      onPointerDown: he,
       onFocus: () => {
-        tt() || gt() || G()(u());
+        nt() || _t() || U()(w());
       },
-      onContextMenu: (l) => {
-        H(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), Dt()(l, L()()));
+      onContextMenu: (a) => {
+        q(a.target) === "widget_shell" && (a.preventDefault(), a.stopPropagation(), Vt()(a, z()()));
       },
       get style() {
-        return we();
+        return me();
       }
-    }), !1, !0), n.$$pointerdown = Pt, It(n, {
-      [Ce]: "true"
-    }, !1, !0), r.$$click = $t, r.$$pointerdown = (l) => l.stopPropagation(), f(r, m(Tt, {
+    }), !1, !0), n.$$pointerdown = It, Lt(n, {
+      [Le]: "true"
+    }, !1, !0), i.$$click = Ct, i.$$pointerdown = (a) => a.stopPropagation(), u(i, p(zt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), s.$$click = St, s.$$pointerdown = (l) => l.stopPropagation(), f(s, m(Et, {
+    })), s.$$click = Wt, s.$$pointerdown = (a) => a.stopPropagation(), u(s, p(Xt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), c.$$click = kt, c.$$pointerdown = (l) => l.stopPropagation(), f(c, m(At, {
+    })), l.$$click = xt, l.$$pointerdown = (a) => a.stopPropagation(), u(l, p(Yt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), f(d, ue), _.$$pointerdown = Pt, f(_, m(xe, {
+    })), u(d, pe), _.$$pointerdown = It, u(_, p(Ee, {
       class: "w-3.5 h-3.5"
-    })), f(k, () => {
-      const l = N().icon;
-      return m(l, {
+    })), u(P, () => {
+      const a = Z().icon;
+      return p(a, {
         class: "w-3.5 h-3.5"
       });
-    }, xt), f(xt, at), q.$$click = St, q.$$pointerdown = (l) => l.stopPropagation(), f(q, m(Et, {
+    }, ct), u(ct, K), u(n, p(Ie, {
+      get when() {
+        return W()?.actions;
+      },
+      get children() {
+        var a = qe();
+        return a.$$dblclick = (b) => b.stopPropagation(), a.$$pointerdown = (b) => b.stopPropagation(), u(a, () => W()?.actions), a;
+      }
+    }), Mt), N.$$click = Wt, N.$$pointerdown = (a) => a.stopPropagation(), u(N, p(Xt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), B.$$click = kt, B.$$pointerdown = (l) => l.stopPropagation(), f(B, m(At, {
+    })), G.$$click = xt, G.$$pointerdown = (a) => a.stopPropagation(), u(G, p(Yt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), it.$$click = $t, it.$$pointerdown = (l) => l.stopPropagation(), f(it, m(Tt, {
+    })), lt.$$click = Ct, lt.$$pointerdown = (a) => a.stopPropagation(), u(lt, p(zt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), f(_e, () => {
-      const l = N().body;
-      return m(l, {
-        get widgetId() {
-          return u();
-        },
-        get title() {
-          return at();
-        },
-        get type() {
-          return ct();
-        },
-        surfaceMetrics: ot,
-        get activation() {
-          return Ut();
-        },
-        get lifecycle() {
-          return re();
-        },
-        get motion() {
-          return st();
-        },
-        get selected() {
-          return A();
-        },
-        get filtered() {
-          return U();
-        },
-        requestActivate: ae
-      });
-    }), f(e, (() => {
-      var l = ve(() => !!v());
-      return () => l() ? null : (() => {
-        var Ct = De();
-        return Ct.$$pointerdown = fe, Ct;
+    })), u(ke, p(Ve.Provider, {
+      value: Ft,
+      get children() {
+        return (() => {
+          const a = Z().body;
+          return p(a, {
+            get widgetId() {
+              return w();
+            },
+            get title() {
+              return K();
+            },
+            get type() {
+              return wt();
+            },
+            surfaceMetrics: it,
+            get activation() {
+              return oe();
+            },
+            get lifecycle() {
+              return de();
+            },
+            get motion() {
+              return ht();
+            },
+            get selected() {
+              return R();
+            },
+            get filtered() {
+              return tt();
+            },
+            requestActivate: ue
+          });
+        })();
+      }
+    })), u(e, (() => {
+      var a = ye(() => !!$());
+      return () => a() ? null : (() => {
+        var b = Ne();
+        return b.$$pointerdown = ve, b;
       })();
-    })(), null), Se((l) => ke(e, de(), l)), t;
+    })(), null), Pe((a) => {
+      var b = fe(), At = W()?.titleTooltip || K();
+      return a.e = We(e, b, a.e), At !== a.t && xe(ct, "title", a.t = At), a;
+    }, {
+      e: void 0,
+      t: void 0
+    }), t;
   })();
 }
-ye(["pointerdown", "click"]);
+Te(["pointerdown", "click", "dblclick"]);
 export {
-  Qe as WorkbenchWidget
+  lo as WorkbenchWidget
 };