@floegence/floe-webapp-core 0.36.61 → 0.36.62

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

@@ -13,7 +13,7 @@ export interface WorkbenchWidgetProps {
     renderLayer: number;
     itemSnapshot: () => WorkbenchWidgetItem;
     selected: boolean;
-    optimisticFront: boolean;
+    visualFront: boolean;
     motion?: WorkbenchWidgetMotionIntent | null;
     topRenderLayer: number;
     viewportScale: number;
@@ -26,7 +26,7 @@ export interface WorkbenchWidgetProps {
     viewport?: WorkbenchViewport;
     onSelect: (widgetId: string) => void;
     onContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
-    onStartOptimisticFront: (widgetId: string) => void;
+    onClaimVisualFrontOwner: (widgetId: string) => void;
     onCommitFront: (widgetId: string) => void;
     onCommitMove: (widgetId: string, position: {
         x: number;

package/dist/components/workbench/WorkbenchWidget.js

@@ -1,31 +1,31 @@
 import { spread as xt, mergeProps as pe, insert as f, createComponent as m, memo as me, effect as _e, style as be, template as Rt, use as ve, delegateEvents as Se } from "solid-js/web";
-import { createMemo as w, createSignal as C, onCleanup as Wt, untrack as $, createEffect as It } from "solid-js";
+import { createMemo as g, createSignal as T, onCleanup as Wt, untrack as $, createEffect as Ct } from "solid-js";
 import { startHotInteraction as ke } from "../../utils/hotInteraction.js";
-import { X as Mt, Minus as Tt, Maximize as Ct, GripVertical as $e } from "../icons/index.js";
-import { CANVAS_WHEEL_INTERACTIVE_ATTR as ye, WORKBENCH_WIDGET_SHELL_ATTR as Pe, resolveWorkbenchWidgetLocalTypingTarget as xe, resolveWorkbenchWidgetTextSelectionTarget as We, shouldActivateWorkbenchWidgetLocalTarget as Ie } from "../ui/localInteractionSurface.js";
+import { X as It, Minus as Mt, Maximize as Tt, GripVertical as $e } from "../icons/index.js";
+import { CANVAS_WHEEL_INTERACTIVE_ATTR as ye, WORKBENCH_WIDGET_SHELL_ATTR as Pe, resolveWorkbenchWidgetLocalTypingTarget as xe, resolveWorkbenchWidgetTextSelectionTarget as We, shouldActivateWorkbenchWidgetLocalTarget as Ce } from "../ui/localInteractionSurface.js";
 import { startPointerSession as Et } from "../ui/pointerSession.js";
-import { createWorkbenchWidgetSurfaceMetrics as Me, resolveWorkbenchProjectedSurfaceScaleBehavior as Te } from "./workbenchHelpers.js";
-import { createWorkbenchEdgeAutoPanController as Ce, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Ee, frameFromElement as Re } from "./workbenchEdgeAutoPan.js";
+import { createWorkbenchWidgetSurfaceMetrics as Ie, resolveWorkbenchProjectedSurfaceScaleBehavior as Me } from "./workbenchHelpers.js";
+import { createWorkbenchEdgeAutoPanController as Te, WORKBENCH_EDGE_AUTO_PAN_FRAME_SELECTOR as Ee, frameFromElement as Re } from "./workbenchEdgeAutoPan.js";
 import { resolveWorkbenchInteractionAdapter as Le } from "./workbenchInteractionAdapter.js";
 import { createOwnerSafePropAccessor as a } from "./workbenchOwnerSafeAccessors.js";
 var Ae = /* @__PURE__ */ Rt('<article class=workbench-widget><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>'), ze = /* @__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 Xe = 220, Ye = 160, De = 160;
 function Ke(i) {
-  const V = a(() => i.definition), g = a(() => i.widgetId), it = a(() => i.widgetTitle), rt = a(() => i.widgetType), E = a(() => i.itemSnapshot), at = a(() => i.renderLayer), Lt = a(() => i.optimisticFront), ct = a(() => i.motion ?? null), lt = a(() => i.topRenderLayer), At = a(() => i.viewport), q = a(() => i.onSelect), zt = a(() => i.onContextMenu), st = a(() => i.onStartOptimisticFront), B = a(() => i.onCommitFront), Xt = a(() => i.onCommitMove), Yt = a(() => i.onCommitResize), Dt = a(() => i.onViewportCommit), Ft = a(() => i.onViewportInteractionStart), jt = a(() => i.onRequestOverview), Ot = a(() => i.onRequestFit), Ht = a(() => i.onRequestDelete), Vt = a(() => i.onLayoutInteractionStart), qt = a(() => i.onLayoutInteractionEnd), h = w(() => Le(i.interactionAdapter)), R = a(() => i.selected), v = a(() => i.locked), N = a(() => i.filtered), b = a(() => i.layoutMode ?? "canvas_scaled"), Bt = a(() => i.projectedViewport), Nt = a(() => i.surfaceReady ?? !0), dt = a(() => ({
+  const V = a(() => i.definition), u = a(() => i.widgetId), rt = a(() => i.widgetTitle), at = a(() => i.widgetType), E = a(() => i.itemSnapshot), ct = a(() => i.renderLayer), Lt = a(() => i.visualFront), lt = a(() => i.motion ?? null), st = a(() => i.topRenderLayer), At = a(() => i.viewport), q = a(() => i.onSelect), zt = a(() => i.onContextMenu), B = a(() => i.onClaimVisualFrontOwner), N = a(() => i.onCommitFront), Xt = a(() => i.onCommitMove), Yt = a(() => i.onCommitResize), Dt = a(() => i.onViewportCommit), Ft = a(() => i.onViewportInteractionStart), jt = a(() => i.onRequestOverview), Ot = a(() => i.onRequestFit), Ht = a(() => i.onRequestDelete), Vt = a(() => i.onLayoutInteractionStart), qt = a(() => i.onLayoutInteractionEnd), h = g(() => Le(i.interactionAdapter)), R = a(() => i.selected), v = a(() => i.locked), G = a(() => i.filtered), b = a(() => i.layoutMode ?? "canvas_scaled"), Bt = a(() => i.projectedViewport), Nt = a(() => i.surfaceReady ?? !0), dt = a(() => ({
     x: i.x,
     y: i.y
   })), ut = a(() => ({
     width: i.width,
     height: i.height
-  })), G = a(() => Math.max(i.viewportScale, 1e-3)), [y, L] = C(null), [A, Z] = C(null), [Gt, Zt] = C(), [K, U] = C(!1), [wt, z] = C({
+  })), Z = a(() => Math.max(i.viewportScale, 1e-3)), [y, L] = T(null), [A, K] = T(null), [Gt, Zt] = T(), [U, J] = T(!1), [wt, z] = T({
     enabled: !1,
     scale: 1
   });
-  let P, x, W, X = null, Kt = 0, Ut = 0, S = null, I;
-  const M = /* @__PURE__ */ new Map();
-  let u;
+  let P, x, W, X = null, Kt = 0, Ut = 0, S = null, C;
+  const I = /* @__PURE__ */ new Map();
+  let w;
   const Y = () => {
-    typeof window > "u" || I === void 0 || (window.clearTimeout(I), I = void 0);
+    typeof window > "u" || C === void 0 || (window.clearTimeout(C), C = void 0);
   }, gt = (t, e) => {
     const n = ke({
       kind: t,
@@ -39,9 +39,9 @@ function Ke(i) {
     W?.stop(), W = void 0, X = null;
   }, Jt = () => {
     const t = At(), e = Dt(), n = Ft();
-    !t || !e || (X = t, W?.stop(), W = Ce({
+    !t || !e || (X = t, W?.stop(), W = Te({
       readFrame: () => {
-        const o = u?.closest(Ee);
+        const o = w?.closest(Ee);
         return o instanceof HTMLElement ? Re(o) : null;
       },
       readViewport: () => X ?? t,
@@ -72,34 +72,38 @@ function Ke(i) {
     }), x = void 0, $(y)?.stopInteraction(), $(A)?.stopInteraction(), Y();
   });
   const D = () => {
-    U(!1);
-    const t = g();
-    q()(t), B()(t);
+    J(!1);
+    const t = u();
+    q()(t), N()(t);
   }, Qt = () => {
-    at() >= lt() || B()(g());
-  }, J = () => {
-    U(!1);
-  }, T = w(() => R() || K()), te = (t, e, n) => {
+    if (ct() >= st()) {
+      B()(u());
+      return;
+    }
+    N()(u());
+  }, Q = () => {
+    J(!1);
+  }, M = g(() => R() || U()), te = (t, e, n) => {
     const o = {
       token: ++Ut,
       wasSelected: e,
       ownership: n
     };
-    M.set(t, o), !e && n === "widget_local" && U(!0), queueMicrotask(() => {
-      M.get(t)?.token === o.token && M.delete(t);
+    I.set(t, o), !e && n === "widget_local" && J(!0), queueMicrotask(() => {
+      I.get(t)?.token === o.token && I.delete(t);
     });
   }, ee = (t) => {
-    const e = M.get(t) ?? null;
-    return e && M.delete(t), e;
+    const e = I.get(t) ?? null;
+    return e && I.delete(t), e;
   };
-  It(() => {
-    const t = u;
+  Ct(() => {
+    const t = w;
     if (!t) return;
     const e = (r) => {
-      r.button === 0 && te(r.pointerId, T(), F(r.target));
+      r.button === 0 && te(r.pointerId, M(), F(r.target));
     }, n = (r) => {
       if (r.button === 0 && F(r.target) === "widget_local") {
-        if (K()) {
+        if (U()) {
           D();
           return;
         }
@@ -107,20 +111,20 @@ function Ke(i) {
       }
     }, o = () => {
       setTimeout(() => {
-        R() || J();
+        R() || Q();
       }, 0);
     };
-    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", J), Wt(() => {
-      t.removeEventListener("pointerdown", e, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", o), t.removeEventListener("pointercancel", J);
+    t.addEventListener("pointerdown", e, !0), t.addEventListener("click", n, !0), t.addEventListener("pointerup", o), t.addEventListener("pointercancel", Q), Wt(() => {
+      t.removeEventListener("pointerdown", e, !0), t.removeEventListener("click", n, !0), t.removeEventListener("pointerup", o), t.removeEventListener("pointercancel", Q);
     });
   });
-  const Q = () => y() !== null, tt = () => A() !== null, oe = w(() => N() || v() ? "cold" : T() ? "hot" : "warm"), F = (t) => h().resolveWidgetEventOwnership({
+  const tt = () => y() !== null, et = () => A() !== null, oe = g(() => G() || v() ? "cold" : M() ? "hot" : "warm"), F = (t) => h().resolveWidgetEventOwnership({
     target: t,
-    widgetRoot: u ?? null,
+    widgetRoot: w ?? null,
     interactiveSelector: h().interactiveSelector,
     panSurfaceSelector: h().panSurfaceSelector
   }), ne = () => {
-    D(), u?.focus({
+    D(), w?.focus({
       preventScroll: !0
     });
   }, ft = (t) => {
@@ -130,7 +134,7 @@ function Ke(i) {
       pointerType: t
     }));
   }, ie = (t) => {
-    if (!(!u || !t.isConnected || !u.contains(t)))
+    if (!(!w || !t.isConnected || !w.contains(t)))
       try {
         t.focus({
           preventScroll: !0
@@ -160,22 +164,22 @@ function Ke(i) {
     if (t.button !== 0 || v()) return;
     const e = ee(t.pointerId), n = e?.wasSelected ?? R(), o = e?.ownership ?? F(t.target), r = o === "widget_local" ? xe({
       target: t.target,
-      widgetRoot: u ?? null,
+      widgetRoot: w ?? null,
       interactiveSelector: h().interactiveSelector,
       panSurfaceSelector: h().panSurfaceSelector
     }) : null, s = o === "widget_local" ? We({
       target: t.target,
-      widgetRoot: u ?? null,
+      widgetRoot: w ?? null,
       interactiveSelector: h().interactiveSelector,
       panSurfaceSelector: h().panSurfaceSelector
-    }) : null, c = o === "widget_local" && !r && !s && Ie({
+    }) : null, c = o === "widget_local" && !r && !s && Ce({
       target: t.target,
-      widgetRoot: u ?? null,
+      widgetRoot: w ?? null,
       interactiveSelector: h().interactiveSelector,
       panSurfaceSelector: h().panSurfaceSelector
     });
     if (o === "widget_shell") {
-      D(), u?.focus({
+      D(), w?.focus({
         preventScroll: !0
       });
       return;
@@ -197,23 +201,23 @@ function Ke(i) {
         D(), ft(t.pointerType || void 0);
       }
     }
-  }, j = w(() => {
+  }, j = g(() => {
     const t = y();
     return t ? {
       x: t.worldX,
       y: t.worldY
     } : dt();
-  }), p = w(() => {
+  }), p = g(() => {
     const t = A();
     return t ? {
       width: t.width,
       height: t.height
     } : ut();
-  }), et = w(() => {
+  }), ot = g(() => {
     const t = Bt();
     if (!(b() !== "projected_surface" || !t))
-      return Me({
-        widgetId: g(),
+      return Ie({
+        widgetId: u(),
         worldX: j().x,
         worldY: j().y,
         worldWidth: p().width,
@@ -221,10 +225,10 @@ function Ke(i) {
         viewport: t(),
         ready: Nt()
       });
-  }), ot = w(() => et()?.rect.viewportScale ?? G()), pt = w(() => b() === "projected_surface" && Te(V()) === "settle_sharp_zoom"), mt = w(() => b() === "projected_surface" && pt() && wt().enabled && wt().scale > 1.001), ce = w(() => {
+  }), nt = g(() => ot()?.rect.viewportScale ?? Z()), pt = g(() => b() === "projected_surface" && Me(V()) === "settle_sharp_zoom"), mt = g(() => b() === "projected_surface" && pt() && wt().enabled && wt().scale > 1.001), ce = g(() => {
     if (b() !== "projected_surface")
       return;
-    const t = ot();
+    const t = nt();
     return mt() ? {
       width: `${p().width}px`,
       height: `${p().height}px`,
@@ -234,7 +238,7 @@ function Ke(i) {
       height: "100%",
       zoom: "1"
     };
-  }), le = w(() => {
+  }), le = g(() => {
     const t = E()().z_index, e = Number.isFinite(t) ? Math.max(1, Math.min(99, Math.round(t))) : 1;
     return String(e).padStart(2, "0");
   }), _t = (t) => {
@@ -242,13 +246,13 @@ function Ke(i) {
   }, bt = (t) => {
     t.preventDefault(), t.stopPropagation(), Ot()(E()());
   }, vt = (t) => {
-    t.preventDefault(), t.stopPropagation(), Ht()(g());
-  }, se = w(() => {
+    t.preventDefault(), t.stopPropagation(), Ht()(u());
+  }, se = g(() => {
     const t = {
-      "z-index": Q() || tt() || Lt() ? `${lt() + 1}` : `${at()}`
+      "z-index": tt() || et() || Lt() ? `${st() + 1}` : `${ct()}`
     };
     if (b() === "projected_surface") {
-      const e = et()?.rect, n = ot(), o = mt(), r = o ? e?.screenWidth ?? p().width * n : p().width, s = o ? e?.screenHeight ?? p().height * n : p().height;
+      const e = ot()?.rect, n = nt(), o = mt(), r = o ? e?.screenWidth ?? p().width * n : p().width, s = o ? e?.screenHeight ?? p().height * n : p().height;
       return {
         ...t,
         width: `${r}px`,
@@ -263,8 +267,8 @@ function Ke(i) {
       height: `${p().height}px`,
       transform: `translate(${j().x}px, ${j().y}px)`
     };
-  }), St = w(() => ct()?.phase === "enter");
-  It(() => {
+  }), St = g(() => lt()?.phase === "enter");
+  Ct(() => {
     if (!pt()) {
       Y(), z({
         enabled: !1,
@@ -272,8 +276,8 @@ function Ke(i) {
       });
       return;
     }
-    const t = ot();
-    if (t <= 1.001 || Q() || tt()) {
+    const t = nt();
+    if (t <= 1.001 || tt() || et()) {
       Y(), z({
         enabled: !1,
         scale: t
@@ -287,8 +291,8 @@ function Ke(i) {
       return;
     Y();
     const e = t;
-    I = window.setTimeout(() => {
-      I = void 0, z((n) => Math.abs(n.scale - e) < 1e-3 ? {
+    C = window.setTimeout(() => {
+      C = void 0, z((n) => Math.abs(n.scale - e) < 1e-3 ? {
         enabled: !0,
         scale: e
       } : n);
@@ -303,19 +307,19 @@ function Ke(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 = g();
-    B()(s), r && Xt()(s, n), e.stopInteraction(), ht(), L(null), P = void 0;
+    }, r = t && (Math.abs(n.x - o.x) > 1 || Math.abs(n.y - o.y) > 1), s = u();
+    N()(s), r && Xt()(s, n), e.stopInteraction(), ht(), L(null), P = void 0;
   }, kt = (t) => {
     if (t.button !== 0 || v()) return;
     t.preventDefault(), t.stopPropagation(), P?.stop({
       reason: "manual_stop",
       commit: !1
     });
-    const e = g();
-    q()(e), u?.focus({
+    const e = u();
+    q()(e), w?.focus({
       preventScroll: !0
-    }), st()(e);
-    const n = gt("drag", "grabbing"), o = G(), r = dt();
+    }), B()(e);
+    const n = gt("drag", "grabbing"), o = Z(), r = dt();
     L({
       pointerId: t.pointerId,
       startClientX: t.clientX,
@@ -357,15 +361,15 @@ function Ke(i) {
       width: e.width,
       height: e.height
     }, o = Math.abs(e.width - e.startWidth) > 1 || Math.abs(e.height - e.startHeight) > 1;
-    t && o && Yt()(g(), n), e.stopInteraction(), Z(null), x = void 0;
+    t && o && Yt()(u(), n), e.stopInteraction(), K(null), x = void 0;
   }, we = (t) => {
     if (t.button !== 0 || v()) return;
     t.preventDefault(), t.stopPropagation(), x?.stop({
       reason: "manual_stop",
       commit: !1
-    }), st()(g());
-    const e = gt("resize", "nwse-resize"), n = G(), o = ut();
-    Z({
+    }), B()(u());
+    const e = gt("resize", "nwse-resize"), n = Z(), o = ut();
+    K({
       pointerId: t.pointerId,
       startClientX: t.clientX,
       startClientY: t.clientY,
@@ -377,7 +381,7 @@ function Ke(i) {
       stopInteraction: e
     });
     const r = (s) => {
-      Z((c) => {
+      K((c) => {
         if (!c || c.pointerId !== s.pointerId) return c;
         const d = Math.max(Xe, c.startWidth + (s.clientX - c.startClientX) / c.scale), _ = Math.max(Ye, c.startHeight + (s.clientY - c.startClientY) / c.scale);
         return {
@@ -397,14 +401,14 @@ function Ke(i) {
     });
   };
   return (() => {
-    var t = Ae(), 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, ge = k.firstChild, $t = ge.nextSibling, he = k.nextSibling, O = he.firstChild, H = O.nextSibling, nt = H.nextSibling, fe = n.nextSibling, yt = u;
-    return typeof yt == "function" ? ve(yt, t) : u = t, xt(t, pe({
+    var t = Ae(), 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, ge = k.firstChild, $t = ge.nextSibling, he = k.nextSibling, O = he.firstChild, H = O.nextSibling, it = H.nextSibling, fe = n.nextSibling, yt = w;
+    return typeof yt == "function" ? ve(yt, t) : w = t, xt(t, pe({
       get classList() {
         return {
-          "is-selected": T(),
-          "is-dragging": Q(),
-          "is-resizing": tt(),
-          "is-filtered-out": N(),
+          "is-selected": M(),
+          "is-dragging": tt(),
+          "is-resizing": et(),
+          "is-filtered-out": G(),
           "is-projected-surface": b() === "projected_surface",
           "is-locked": v(),
           "is-entering": St()
@@ -414,15 +418,15 @@ function Ke(i) {
       [h().dialogSurfaceHostAttr]: "true"
     }), {
       get "data-floe-workbench-widget-id"() {
-        return g();
+        return u();
       }
     }, () => ({
       [h().widgetRootAttr]: "true"
     }), () => ({
-      [h().widgetIdAttr]: g()
+      [h().widgetIdAttr]: u()
     }), {
       get "data-workbench-widget-type"() {
-        return rt();
+        return at();
       },
       get "data-floe-workbench-render-mode"() {
         return b();
@@ -431,12 +435,12 @@ function Ke(i) {
         return St() ? "enter" : void 0;
       }
     }, () => ({
-      [ye]: T() ? "true" : void 0
+      [ye]: M() ? "true" : void 0
     }), {
       tabIndex: 0,
       onPointerDown: ae,
       onFocus: () => {
-        K() || q()(g());
+        U() || q()(u());
       },
       onContextMenu: (l) => {
         F(l.target) === "widget_shell" && (l.preventDefault(), l.stopPropagation(), zt()(l, E()()));
@@ -446,13 +450,13 @@ function Ke(i) {
       }
     }), !1, !0), n.$$pointerdown = kt, xt(n, {
       [Pe]: "true"
-    }, !1, !0), r.$$click = vt, r.$$pointerdown = (l) => l.stopPropagation(), f(r, m(Mt, {
+    }, !1, !0), r.$$click = vt, r.$$pointerdown = (l) => l.stopPropagation(), f(r, m(It, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), s.$$click = _t, s.$$pointerdown = (l) => l.stopPropagation(), f(s, m(Tt, {
+    })), s.$$click = _t, s.$$pointerdown = (l) => l.stopPropagation(), f(s, m(Mt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
-    })), c.$$click = bt, c.$$pointerdown = (l) => l.stopPropagation(), f(c, m(Ct, {
+    })), c.$$click = bt, c.$$pointerdown = (l) => l.stopPropagation(), f(c, m(Tt, {
       class: "workbench-widget__traffic-icon",
       "aria-hidden": "true"
     })), f(d, le), _.$$pointerdown = kt, f(_, m($e, {
@@ -462,28 +466,28 @@ function Ke(i) {
       return m(l, {
         class: "w-3.5 h-3.5"
       });
-    }, $t), f($t, it), O.$$click = _t, O.$$pointerdown = (l) => l.stopPropagation(), f(O, m(Tt, {
+    }, $t), f($t, rt), O.$$click = _t, O.$$pointerdown = (l) => l.stopPropagation(), f(O, m(Mt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), H.$$click = bt, H.$$pointerdown = (l) => l.stopPropagation(), f(H, m(Ct, {
+    })), H.$$click = bt, H.$$pointerdown = (l) => l.stopPropagation(), f(H, m(Tt, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
-    })), nt.$$click = vt, nt.$$pointerdown = (l) => l.stopPropagation(), f(nt, m(Mt, {
+    })), it.$$click = vt, it.$$pointerdown = (l) => l.stopPropagation(), f(it, m(It, {
       class: "workbench-widget__window-control-icon",
       "aria-hidden": "true"
     })), f(fe, () => {
       const l = V().body;
       return m(l, {
         get widgetId() {
-          return g();
+          return u();
         },
         get title() {
-          return it();
+          return rt();
         },
         get type() {
-          return rt();
+          return at();
         },
-        surfaceMetrics: et,
+        surfaceMetrics: ot,
         get activation() {
           return Gt();
         },
@@ -491,13 +495,13 @@ function Ke(i) {
           return oe();
         },
         get motion() {
-          return ct();
+          return lt();
         },
         get selected() {
-          return T();
+          return M();
         },
         get filtered() {
-          return N();
+          return G();
         },
         requestActivate: ne
       });

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

@@ -29,7 +29,7 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
     theme: import("solid-js").Accessor<"terminal" | "default" | "aurora" | "vibrancy" | "mica" | "midnight">;
     topZIndex: import("solid-js").Accessor<number>;
     scaleLabel: import("solid-js").Accessor<string>;
-    optimisticFrontWidgetId: import("solid-js").Accessor<string | null>;
+    visualFrontOwnerId: import("solid-js").Accessor<string | null>;
     widgetDefinitions: import("solid-js").Accessor<readonly WorkbenchWidgetDefinition<WorkbenchWidgetType>[]>;
     setCanvasFrameRef: (el: HTMLDivElement | undefined) => void;
     contextMenu: {
@@ -54,7 +54,7 @@ export declare function useWorkbenchModel(options: UseWorkbenchModelOptions): {
         selectAnnotation: (annotationId: string) => void;
         selectBackgroundLayer: (layerId: string) => void;
         clearSelection: () => void;
-        startOptimisticFront: (widgetId: string) => void;
+        claimVisualFrontOwner: (itemId: string) => void;
         commitFront: (widgetId: string) => void;
         commitMove: (widgetId: string, position: {
             x: number;