mesurer-solid 0.2.1-beta.13 → 0.2.1-beta.15

package/dist/index.js

@@ -104,10 +104,10 @@ function te() {
 		e.De === v && (e._e === void 0 || e._e === v) && (e.t || (U.delete(e), e.ut?.()));
 	}
 }
-function G(e) {
+function ne(e) {
 	H = e;
 }
-function ne() {
+function re() {
 	return {
 		de: I,
 		Qt: [],
@@ -124,7 +124,7 @@ function ne() {
 		ln: /* @__PURE__ */ new Set()
 	};
 }
-function re(e, t) {
+function ie(e, t) {
 	t.fn = e, e.ie.push(...t.ie);
 	for (let n of T) n.Ne === t && (n.Ne = e);
 	t.Me.length && (e.Me.push(...t.Me), t.Me.length = 0), t.A.length && (e.A.push(...t.A), t.A.length = 0);
@@ -136,14 +136,14 @@ function re(e, t) {
 	}
 	for (let n of t.ln) e.ln.add(n);
 }
-function ie() {
+function ae() {
 	if (z) {
 		oe();
 		return;
 	}
 	R || (R = !0, !V && !_e.gt && !H && queueMicrotask(ye));
 }
-function ae(e) {
+function G(e) {
 	if (z) return;
 	z = !0;
 	let t = "[REACTIVITY_HALTED]";
@@ -184,7 +184,7 @@ var se = 0, ce = class {
 		}
 	}
 	enqueue(e, t) {
-		e && (vt ? E(vt).rn[e - 1].push(t) : this.bt[e - 1].push(t)), ie();
+		e && (vt ? E(vt).rn[e - 1].push(t) : this.bt[e - 1].push(t)), ae();
 	}
 	stashQueues(e) {
 		e.bt[0].push(...this.bt[0]), e.bt[1].push(...this.bt[1]), this.bt = [[], []];
@@ -205,7 +205,7 @@ var se = 0, ce = class {
 	}
 }, K = class e extends ce {
 	gt = !1;
-	m = ne();
+	m = re();
 	static Ce;
 	static me;
 	static et;
@@ -245,12 +245,12 @@ var se = 0, ce = class {
 				if (Ne(N, e.Ce), L) {
 					if (!Se(L)) {
 						let t = L;
-						Ne(P, this.m === t ? F : e.Ce), this.m === t && (ve = this.m = ne()), T.size && (e.In(1), e.In(2)), this.stashQueues(t.yt), I++, R = N.EE >= N.Ve || this.m.Qt.length > 0, ge(t.Qt), L = null, me(null, !0);
+						Ne(P, this.m === t ? F : e.Ce), this.m === t && (ve = this.m = re()), T.size && (e.In(1), e.In(2)), this.stashQueues(t.yt), I++, R = N.EE >= N.Ve || this.m.Qt.length > 0, ge(t.Qt), L = null, me(null, !0);
 						return;
 					}
 					let t = L, n = this.m;
 					if (n !== t && n.Qt.push(...t.Qt), this.restoreQueues(t.yt), M.delete(t), L = null, ge(n.Qt), me(t), n === t) {
-						let e = ne();
+						let e = re();
 						e.Qt = n.Qt, e.Me = n.Me, e.A = n.A, e.cn = n.cn, ve = this.m = e;
 					}
 				} else ee(this) ? (pe(), N.EE >= N.Ve && (Ne(N, e.Ce), pe())) : (M.size && Ne(P, e.Ce), me());
@@ -269,7 +269,7 @@ var se = 0, ce = class {
 					let n = t.source, r = L.Ie.get(n);
 					r || L.Ie.set(n, r = /* @__PURE__ */ new Set());
 					let i = r.size;
-					r.add(e), r.size !== i && ie();
+					r.add(e), r.size !== i && ae();
 				}
 			}
 			return !0;
@@ -278,10 +278,10 @@ var se = 0, ce = class {
 	}
 	initTransition(e) {
 		if (e &&= Ce(e), e && e === L || !e && L && L.de === I) return;
-		if (!L) L = e ?? ne();
+		if (!L) L = e ?? re();
 		else if (e) {
 			let t = L;
-			re(e, t), M.delete(t), L = e;
+			ie(e, t), M.delete(t), L = e;
 		}
 		M.add(L), L.de = I;
 		let t = this.m;
@@ -341,7 +341,7 @@ function me(e = null, t = !1) {
 		let t = e ?? _e.m;
 		if (t.Me.length && K.En(t.Me), t.ln.size) {
 			for (let e of t.ln) e.se & 64 || Ee(e);
-			t.ln.clear(), ie();
+			t.ln.clear(), ae();
 		}
 		t.A.length && (K.G(t.A), _e.vt.length && he(_e)), t.cn.size && K.Dt(t.cn, e), te(), T.size && K.dn(e);
 	}
@@ -698,7 +698,7 @@ function st(e, t) {
 	let n = !1, r = /* @__PURE__ */ new Set(), i = (e) => {
 		r.has(e) || (r.add(e), e._ === t && (Ee(e), n = !0), it(e, i));
 	};
-	it(e, i), n && ie();
+	it(e, i), n && ae();
 }
 function ct(e) {
 	let t = !1, n, r = /* @__PURE__ */ new Set(), i = K.Se, a = (o) => {
@@ -708,7 +708,7 @@ function ct(e) {
 		s ? (c || rt(o, s), i !== null && i(o)) : (o.S &= -2, c || rt(o), i !== null && i(o), o.ue && (Ee(o), t = !0), o.ue = !1, !o.o && o.T & 32 && (n ??= []).push(o)), it(o, a);
 	};
 	if (it(e, a), n) for (let e of n) at(e);
-	t && ie();
+	t && ae();
 }
 function lt(e) {
 	return typeof e == "object" && !!e && typeof e.then == "function";
@@ -754,7 +754,7 @@ function ut(e, t, n) {
 		} catch (t) {
 			ft(e, 2, t);
 		}
-		e.De === v && (e.Ee = !1), ct(e), ie(), ye(), i?.();
+		e.De === v && (e.Ee = !1), ct(e), ae(), ye(), i?.();
 	}, l = () => e.T & 32 && !e.o && !(e.S & 1) ? (Ze(e), !0) : !1;
 	if (i) {
 		let n = !1, r = !1, i, o = !0;
@@ -787,7 +787,7 @@ function ut(e, t, n) {
 			if ((lt(_) ? _ : { then: (e) => void e(_) }).then((n) => {
 				if (g && o) d = n, m = !0, n.done && (i = !0);
 				else if (e.Te !== t) return;
-				else n.done ? (i = !0, r ? (ie(), ye()) : c(void 0), l()) : (r = !0, c(n.value, u));
+				else n.done ? (i = !0, r ? (ae(), ye()) : c(void 0), l()) : (r = !0, c(n.value, u));
 			}, (n) => {
 				g ? (p = n, h = !0) : e.Te === t && (i = !0, s(n), l());
 			}), g = !1, h) {
@@ -820,7 +820,7 @@ function ft(e, t, n, r, i) {
 	it(e, (e, r) => {
 		if (e.de = I, t === 1 && a && !e.oe?.has(a) || t !== 1 && (e._ !== n || e.oe)) {
 			if (r.Ge && t !== 1 && !(n instanceof d)) {
-				Ee(e), ie();
+				Ee(e), ae();
 				return;
 			}
 			!l && !e.Ne && le(e), ft(e, t, n, l, u);
@@ -1050,10 +1050,10 @@ function Mt(e) {
 function Nt(e, t) {
 	if (e.Ne && L !== e.Ne && _e.initTransition(e.Ne), e._e !== void 0 && !H) return K.Gt(e, t);
 	let n = e.De === v ? e.Ue : e.De;
-	return typeof t == "function" && (t = t(n)), e.S & 4 || !e.be || !e.be(n, t) ? (e.De === v && le(e), e.De = t, (e.ge !== void 0 || e.pe !== void 0) && K.Pe !== null && K.Pe(e, t), e.de = I, de(e), ie(), t) : t;
+	return typeof t == "function" && (t = t(n)), e.S & 4 || !e.be || !e.be(n, t) ? (e.De === v && le(e), e.De = t, (e.ge !== void 0 || e.pe !== void 0) && K.Pe !== null && K.Pe(e, t), e.de = I, de(e), ae(), t) : t;
 }
 function Pt(e) {
-	Ae(e, Te(e)), !(e.se & 1024) && e.De === v && (le(e), ie()), e.se = e.se & -4 | g;
+	Ae(e, Te(e)), !(e.se & 1024) && e.De === v && (le(e), ae()), e.se = e.se & -4 | g;
 }
 function Ft(e, t) {
 	let n = Nt(e, t);
@@ -1111,7 +1111,7 @@ function Ut(e, t) {
 			this.S & 2 && (this.Je = !0, this.C.enqueue(this.Re, this.Xe ??= Wt.bind(null, this)));
 			return;
 		}
-		if (!this.C.notify(this, 2, 2)) throw ae(p(r)), r;
+		if (!this.C.notify(this, 2, 2)) throw G(p(r)), r;
 	} else this.Re === 1 && this.C.notify(this, 3, n, r);
 }
 function Wt(e) {
@@ -1125,7 +1125,7 @@ function Wt(e) {
 				e.Tt = void 0, t?.();
 			}) : console.error(t);
 		} catch (t) {
-			if (!e.C.notify(e, 2, 2)) throw ae(t), t;
+			if (!e.C.notify(e, 2, 2)) throw G(t), t;
 		}
 		return;
 	}
@@ -1134,7 +1134,7 @@ function Wt(e) {
 	try {
 		t?.(), e.Tt = e.ft(e.Ue, e._t);
 	} catch (t) {
-		if (e._ = new f(e, t), e.S |= 2, !e.C.notify(e, 2, 2)) throw ae(t), t;
+		if (e._ = new f(e, t), e.S |= 2, !e.C.notify(e, 2, 2)) throw G(t), t;
 	} finally {
 		e._t = e.Ue, e.Je = !1;
 	}
@@ -1158,7 +1158,7 @@ function Gt(e, t) {
 		if ((e === void 0 ? r.S : e) & 2) {
 			r.C.notify(r, 1, 0);
 			let e = t === void 0 ? r._ : t;
-			if (!r.C.notify(r, 2, 2)) throw ae(p(e)), e;
+			if (!r.C.notify(r, 2, 2)) throw G(p(e)), e;
 		}
 	}, r.Ft = n, r.C.enqueue(2, n);
 }
@@ -1516,41 +1516,41 @@ function Tn(e, t) {
 	let n = {
 		get(e, t) {
 			let r;
-			Jn(!0), G(!0);
+			Jn(!0), ne(!0);
 			try {
 				r = e[t];
 			} finally {
-				Jn(!1), G(!1);
+				Jn(!1), ne(!1);
 			}
 			return t === Dn ? r : typeof r == "object" && r ? new Proxy(r, n) : r;
 		},
 		has(e, t) {
 			let n;
-			Jn(!0), G(!0);
+			Jn(!0), ne(!0);
 			try {
 				n = t in e;
 			} finally {
-				Jn(!1), G(!1);
+				Jn(!1), ne(!1);
 			}
 			return n;
 		},
 		set(n, r, i) {
 			if (e && !e()) return !0;
-			Jn(!0), G(!0);
+			Jn(!0), ne(!0);
 			try {
 				n[r] = i, t?.();
 			} finally {
-				Jn(!1), G(!1);
+				Jn(!1), ne(!1);
 			}
 			return !0;
 		},
 		deleteProperty(n, r) {
 			if (e && !e()) return !0;
-			Jn(!0), G(!0);
+			Jn(!0), ne(!0);
 			try {
 				delete n[r], t?.();
 			} finally {
-				Jn(!1), G(!1);
+				Jn(!1), ne(!1);
 			}
 			return !0;
 		}
@@ -8150,7 +8150,7 @@ function Hu(e) {
 		D = e.setTimeout(() => {
 			D = 0, t === A && M(Sl(j()), t);
 		}, 100);
-	}, P = () => e.model.state.toolMode === "select", F = () => e.model.state.xrayVisible, I = () => e.model.state.colorPickerActive, L = () => e.model.state.rulersVisible, R = () => e.model.state.toolMode === "text-inspector" || (e.typographyContextActive ?? !1), z = () => e.model.state.toolMode === "guides", B = () => e.model.state.settingsOpen, V = () => (e.pluginTools ?? []).find((e) => e.modeSwitch === !0 && e.toolbarMode === "edit"), H = () => V()?.active?.() ? "edit" : "select", U = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "select" && !e.modeSwitch), W = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "edit" && !e.modeSwitch), ee = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "always" || e.toolbarMode === void 0), te = () => ee().some((e) => e.active?.() ?? !1), G = () => P() || F() || I() || L() || R() || z(), ne = (e, t = !1) => t || !d() || e, re = () => ee().length > 0 && (!d() || G() || te()), ie = () => !d() || G() || te() || B(), ae = () => !r() && !a() && !e.model.state.settingsOpen, oe = (t) => e.isBuiltinActionDisabled?.(t) ?? !1, se = () => e.ownerWindow.innerHeight || 0, ce = () => t().y < 56, K = () => se() > 0 && t().y > se() - 56, le = () => ce() && !K() ? "bottom" : "top", ue = () => {
+	}, P = () => e.model.state.toolMode === "select", F = () => e.model.state.xrayVisible, I = () => e.model.state.colorPickerActive, L = () => e.model.state.rulersVisible, R = () => e.model.state.toolMode === "text-inspector" || (e.typographyContextActive ?? !1), z = () => e.model.state.toolMode === "guides", B = () => e.model.state.settingsOpen, V = () => (e.pluginTools ?? []).find((e) => e.modeSwitch === !0 && e.toolbarMode === "edit"), H = () => V()?.active?.() ? "edit" : "select", U = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "select" && !e.modeSwitch), W = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "edit" && !e.modeSwitch), ee = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "always" || e.toolbarMode === void 0), te = () => ee().some((e) => e.active?.() ?? !1), ne = () => P() || F() || I() || L() || R() || z(), re = (e, t = !1) => t || !d() || e, ie = () => ee().length > 0 && (!d() || ne() || te()), ae = () => !d() || ne() || te() || B(), G = () => !r() && !a() && !e.model.state.settingsOpen, oe = (t) => e.isBuiltinActionDisabled?.(t) ?? !1, se = () => e.ownerWindow.innerHeight || 0, ce = () => t().y < 56, K = () => se() > 0 && t().y > se() - 56, le = () => ce() && !K() ? "bottom" : "top", ue = () => {
 		t();
 		let e = v?.getBoundingClientRect();
 		if (!e) return K() ? "top" : "bottom";
@@ -8255,7 +8255,7 @@ function Hu(e) {
 		!t || t.disabled?.() || (i(!1), o(null), xe(), e.onPluginTool?.(t));
 	}, we = (t) => ({
 		shortcutsEnabled: e.model.state.settings.shortcutsEnabled,
-		tooltipVisible: ae() && h.visibleTooltipId() === t,
+		tooltipVisible: G() && h.visibleTooltipId() === t,
 		tooltipInstant: h.tooltipInstant(),
 		tooltipSide: le(),
 		onTooltipEnter: h.onTooltipEnter,
@@ -8322,7 +8322,7 @@ function Hu(e) {
 		}
 	}), Ee = (t, n = !1) => Y(Ru, {
 		get visible() {
-			return ne(t.active?.() ?? !1, n);
+			return re(t.active?.() ?? !1, n);
 		},
 		get children() {
 			return Y(q, {
@@ -8390,7 +8390,7 @@ function Hu(e) {
 							return `${t.label} options`;
 						},
 						get visible() {
-							return ea(() => !!ae())() ? h.visibleTooltipId() === `plugin-menu:${t.id}` : ae();
+							return ea(() => !!G())() ? h.visibleTooltipId() === `plugin-menu:${t.id}` : G();
 						},
 						get instant() {
 							return h.tooltipInstant();
@@ -8464,13 +8464,17 @@ function Hu(e) {
 	}), Ne = X("div", {
 		class: "mesurer-toolbar-mode-slot",
 		"data-mode": "edit"
-	}), Pe = X("div", { class: "mesurer-toolbar-mode-panel" }), Fe = X("div", { class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1" }), Ie = X("div", { class: "msr:flex msr:items-center msr:p-1" }), Le = X("button", {
+	}), Pe = X("div", { class: "mesurer-toolbar-mode-panel" }), Fe = X("div", {
+		role: "group",
+		"aria-label": "Shared guide tools",
+		class: "msr:flex msr:items-stretch msr:py-1"
+	}), Ie = X("div", { class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1" }), Le = X("div", { class: "msr:flex msr:items-center msr:p-1" }), Re = X("button", {
 		type: "button",
 		"data-mesurer-toolbar-compact-toggle": "true",
 		class: "msr:flex msr:size-7 msr:select-none msr:items-center msr:justify-center msr:rounded-[7px] msr:text-black msr:outline-none msr:hover:bg-black/4",
 		onClick: be
 	});
-	return Z(De, Oe), Z(De, Fe), Z(De, Ie), aa(() => (e) => {
+	return Z(De, Oe), Z(De, Fe), Z(De, Ie), Z(De, Le), aa(() => (e) => {
 		g = e;
 	}, De), Q(De, Y(Bu, {
 		get value() {
@@ -8495,7 +8499,7 @@ function Hu(e) {
 			return e.model.state.settings.shortcutsEnabled;
 		},
 		get tooltipVisibleId() {
-			return ea(() => !!ae())() ? h.visibleTooltipId() : null;
+			return ea(() => !!G())() ? h.visibleTooltipId() : null;
 		},
 		get tooltipInstant() {
 			return h.tooltipInstant();
@@ -8521,7 +8525,7 @@ function Hu(e) {
 		b = e;
 	}, je), Q(Me, Y(Ru, {
 		get visible() {
-			return ne(P());
+			return re(P());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8539,7 +8543,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return ne(F());
+			return re(F());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8562,7 +8566,7 @@ function Hu(e) {
 		get children() {
 			return Y(Ru, {
 				get visible() {
-					return ne(I());
+					return re(I());
 				},
 				get children() {
 					return Y(Lu, ra({
@@ -8585,25 +8589,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return ne(L(), !0);
-		},
-		get children() {
-			return Y(Lu, ra({
-				id: "rulers",
-				builtin: "rulers",
-				get active() {
-					return L();
-				},
-				label: "Rulers",
-				shortcut: "R",
-				onClick: () => e.onBuiltinAction("rulers")
-			}, () => we("rulers"), { get children() {
-				return Y(Gl, { size: 20 });
-			} }));
-		}
-	}), null), Q(Me, Y(Ru, {
-		get visible() {
-			return ne(R());
+			return re(R());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8622,9 +8608,65 @@ function Hu(e) {
 				return Y(Yl, { size: 20 });
 			} }));
 		}
-	}), null), Q(Me, Y(Ru, {
+	}), null), Q(je, Y(q, {
+		get when() {
+			return U().length > 0;
+		},
+		get children() {
+			return [Y(zu, { marker: "select-plugins" }), (() => {
+				var e = X("div", {
+					role: "group",
+					"aria-label": "Select plugin tools",
+					class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
+				});
+				return Q(e, Y(Zr, {
+					get each() {
+						return U();
+					},
+					children: (e) => Ee(e, e.compactPinned ?? !1)
+				})), e;
+			})()];
+		}
+	}), null), Z(Ne, Pe), aa(() => (e) => {
+		x = e;
+	}, Pe), Q(Pe, Y(q, {
+		get when() {
+			return W().length > 0;
+		},
+		get children() {
+			var e = X("div", {
+				role: "group",
+				"aria-label": "Edit tools",
+				class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
+			});
+			return Q(e, Y(Zr, {
+				get each() {
+					return W();
+				},
+				children: (e) => Ee(e)
+			})), e;
+		}
+	})), Q(Fe, Y(Ru, {
+		get visible() {
+			return re(L(), !0);
+		},
+		get children() {
+			return Y(Lu, ra({
+				id: "rulers",
+				builtin: "rulers",
+				get active() {
+					return L();
+				},
+				label: "Rulers",
+				shortcut: "R",
+				onClick: () => e.onBuiltinAction("rulers")
+			}, () => we("rulers"), { get children() {
+				return Y(Gl, { size: 20 });
+			} }));
+		}
+	}), null), Q(Fe, Y(Ru, {
 		get visible() {
-			return ne(z(), !0);
+			return re(z(), !0);
 		},
 		get children() {
 			return [Y(Lu, ra({
@@ -8664,7 +8706,7 @@ function Hu(e) {
 				}, t), Q(n, Y(Kl, { size: 8 })), Q(t, Y(bo, {
 					label: "Orientation Guide",
 					get visible() {
-						return ea(() => !!ae())() ? h.visibleTooltipId() === "guide-menu" : ae();
+						return ea(() => !!G())() ? h.visibleTooltipId() === "guide-menu" : G();
 					},
 					get instant() {
 						return h.tooltipInstant();
@@ -8722,52 +8764,14 @@ function Hu(e) {
 				}), t;
 			})()];
 		}
-	}), null), Q(je, Y(q, {
-		get when() {
-			return U().length > 0;
-		},
-		get children() {
-			return [Y(zu, { marker: "select-plugins" }), (() => {
-				var e = X("div", {
-					role: "group",
-					"aria-label": "Select plugin tools",
-					class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
-				});
-				return Q(e, Y(Zr, {
-					get each() {
-						return U();
-					},
-					children: (e) => Ee(e, e.compactPinned ?? !1)
-				})), e;
-			})()];
-		}
-	}), null), Z(Ne, Pe), aa(() => (e) => {
-		x = e;
-	}, Pe), Q(Pe, Y(q, {
-		get when() {
-			return W().length > 0;
-		},
-		get children() {
-			var e = X("div", {
-				role: "group",
-				"aria-label": "Edit tools",
-				class: "msr:flex msr:items-stretch msr:px-0.5 msr:py-1"
-			});
-			return Q(e, Y(Zr, {
-				get each() {
-					return W();
-				},
-				children: (e) => Ee(e)
-			})), e;
-		}
-	})), Q(De, Y(q, {
+	}), null), Q(De, Y(q, {
 		get when() {
 			return ee().length > 0;
 		},
 		get children() {
 			return [Y(zu, {
 				get visible() {
-					return re();
+					return ie();
 				},
 				marker: "plugins"
 			}), (() => {
@@ -8784,9 +8788,9 @@ function Hu(e) {
 				})), e;
 			})()];
 		}
-	}), Fe), Q(Fe, Y(Ru, {
+	}), Ie), Q(Ie, Y(Ru, {
 		get visible() {
-			return ne(B());
+			return re(B());
 		},
 		get children() {
 			var t = X("div", {
@@ -8852,10 +8856,10 @@ function Hu(e) {
 		}
 	})), Q(De, Y(zu, {
 		get visible() {
-			return ie();
+			return ae();
 		},
 		marker: "compact"
-	}), Ie), Z(Ie, Le), Q(Le, Y(Kl, {
+	}), Le), Z(Le, Re), Q(Re, Y(Kl, {
 		size: 10,
 		get class() {
 			return d() ? "msr:-rotate-90" : "msr:rotate-90";
@@ -8878,7 +8882,7 @@ function Hu(e) {
 		u: d() ? "Expand toolbar" : "Compact toolbar",
 		c: d() ? "true" : "false"
 	}), ({ e, t, a: n, o: r, i, n: a, s: o, h: s, r: c, d: l, l: u, u: d, c: f }, p) => {
-		e !== p?.e && $(De, "data-mesurer-toolbar-compact", e, p?.e), t !== p?.t && $(De, "data-mesurer-toolbar-mode", t, p?.t), n !== p?.a && $(De, "style", n, p?.a), r !== p?.o && $(De, "onMouseLeave", r, p?.o), i !== p?.i && $(Oe, "data-mode", i, p?.i), a !== p?.n && $(Ae, "data-open", a, p?.n), o !== p?.s && $(Ae, "aria-hidden", o, p?.s), s !== p?.h && $(Ae, "inert", s, p?.h), c !== p?.r && $(Ne, "data-open", c, p?.r), l !== p?.d && $(Ne, "aria-hidden", l, p?.d), u !== p?.l && $(Ne, "inert", u, p?.l), d !== p?.u && $(Le, "aria-label", d, p?.u), f !== p?.c && $(Le, "aria-pressed", f, p?.c);
+		e !== p?.e && $(De, "data-mesurer-toolbar-compact", e, p?.e), t !== p?.t && $(De, "data-mesurer-toolbar-mode", t, p?.t), n !== p?.a && $(De, "style", n, p?.a), r !== p?.o && $(De, "onMouseLeave", r, p?.o), i !== p?.i && $(Oe, "data-mode", i, p?.i), a !== p?.n && $(Ae, "data-open", a, p?.n), o !== p?.s && $(Ae, "aria-hidden", o, p?.s), s !== p?.h && $(Ae, "inert", s, p?.h), c !== p?.r && $(Ne, "data-open", c, p?.r), l !== p?.d && $(Ne, "aria-hidden", l, p?.d), u !== p?.l && $(Ne, "inert", u, p?.l), d !== p?.u && $(Re, "aria-label", d, p?.u), f !== p?.c && $(Re, "aria-pressed", f, p?.c);
 	}), De;
 }
 var Uu = (e) => Number.parseFloat(e) || 0, Wu = 0, Gu = (e, t) => {
@@ -10132,18 +10136,18 @@ function op(e = {}, t = !1) {
 		E.push(m), m.detach = ee(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
 			e.preventDefault(), e.stopPropagation(), U(m);
 		}), o && e.onPin?.(t, f);
-	}, G = (e) => {
+	}, ne = (e) => {
 		W(!1);
 		for (let t of e) t.sourceEl.isConnected && te(t.sourceEl, t, !1, !1);
-	}, ne = () => {
-		let e = D.pop();
-		return e ? (O.push(V()), G(e), !0) : !1;
 	}, re = () => {
-		let e = O.pop();
-		return e ? (D.push(V()), G(e), !0) : !1;
+		let e = D.pop();
+		return e ? (O.push(V()), ne(e), !0) : !1;
 	}, ie = () => {
-		E.length && (H(), W(!0));
+		let e = O.pop();
+		return e ? (D.push(V()), ne(e), !0) : !1;
 	}, ae = () => {
+		E.length && (H(), W(!0));
+	}, G = () => {
 		for (let e of E.slice()) {
 			if (!e.sourceEl.isConnected) {
 				U(e, !1, !1);
@@ -10165,7 +10169,7 @@ function op(e = {}, t = !1) {
 					M(g, t), M(_, t);
 				}
 			}
-			ae();
+			G();
 		}
 	}, se = () => {
 		if (!m) return;
@@ -10176,7 +10180,7 @@ function op(e = {}, t = !1) {
 			let t = e.getBoundingClientRect();
 			Rf(g, t), Vf(r, _, t);
 		}
-		ae();
+		G();
 	}, ce = () => {
 		b ||= r.requestAnimationFrame(() => {
 			b = 0, se();
@@ -10241,9 +10245,9 @@ function op(e = {}, t = !1) {
 	return {
 		enable: he,
 		disable: ge,
-		undo: ne,
-		redo: re,
-		clear: ie,
+		undo: re,
+		redo: ie,
+		clear: ae,
 		inspect: B,
 		isEnabled: () => m,
 		canUndo: () => D.length > 0,
@@ -10536,7 +10540,7 @@ function Tp(e) {
 			end: n,
 			isDragging: a
 		});
-	}, G = (e) => {
+	}, ne = (e) => {
 		if (!t.current.enabled) return;
 		if (t.current.toolMode === "guides") {
 			H(), e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId), W();
@@ -10606,9 +10610,9 @@ function Tp(e) {
 			t.setActiveMeasurement(r);
 		} else e.shiftKey || (t.checkpoint(), t.setSelectedMeasurements([], null));
 		W();
-	}, ne = () => {
+	}, re = () => {
 		H(), t.current.draggingGuideId || W(), t.setTransient({ guidePreview: null });
-	}, re = (e, n) => {
+	}, ie = (e, n) => {
 		if (!(!t.current.enabled || n.button !== 0 || t.current.settingsOpen)) {
 			if (n.preventDefault(), n.stopPropagation(), t.checkpoint(), n.shiftKey) {
 				let n = t.current.selectedGuideIds.includes(e.id) ? t.current.selectedGuideIds.filter((t) => t !== e.id) : [...t.current.selectedGuideIds, e.id];
@@ -10617,9 +10621,9 @@ function Tp(e) {
 			}
 			t.setSelectedGuideIds([e.id]), t.setTransient({ draggingGuideId: e.id }), ms(n.currentTarget, n.pointerId);
 		}
-	}, ie = (e, n) => {
+	}, ae = (e, n) => {
 		n.stopPropagation(), t.setTransient({ draggingGuideId: null }), n.currentTarget.hasPointerCapture?.(n.pointerId) && n.currentTarget.releasePointerCapture?.(n.pointerId);
-	}, ae = (e, n, r = null) => Nd({
+	}, G = (e, n, r = null) => Nd({
 		orientation: e,
 		point: e === "vertical" ? {
 			x: n,
@@ -10639,11 +10643,11 @@ function Tp(e) {
 		return t.addGuide({
 			id: r,
 			orientation: e,
-			position: ae(e, n)
+			position: G(e, n)
 		}), t.setSelectedGuideIds([]), r;
 	}, se = (e, n) => {
 		let r = t.current.guides.find((t) => t.id === e);
-		r && t.updateGuide(e, { position: ae(r.orientation, n, e) });
+		r && t.updateGuide(e, { position: G(r.orientation, n, e) });
 	}, ce = (e) => {
 		t.current.settings.selectNewGuideEnabled && t.setSelectedGuideIds([e]);
 	}, K = (e) => t.setGuides(t.current.guides.filter((t) => t.id !== e)), le = () => {
@@ -10856,7 +10860,7 @@ function Tp(e) {
 			let n = t.current.draggingGuideId;
 			if (!n) return;
 			let r = t.current.guides.find((e) => e.id === n);
-			r && t.updateGuide(n, { position: ae(r.orientation, r.orientation === "vertical" ? e.clientX : e.clientY, n) });
+			r && t.updateGuide(n, { position: G(r.orientation, r.orientation === "vertical" ? e.clientX : e.clientY, n) });
 		}, I = () => t.setTransient({ draggingGuideId: null });
 		return s.addEventListener("pointermove", F, !0), s.addEventListener("pointerup", I, !0), s.addEventListener("pointercancel", I, !0), () => {
 			s.cancelAnimationFrame(w), s.cancelAnimationFrame(y), H(), s.clearTimeout(A), s.clearTimeout(_), t.current.settings.persistOnReload && a.saveWorkspace(t.serializeWorkspace()), p?.(), x(), a.setErrorHandler?.(void 0), s.removeEventListener("keydown", S), s.removeEventListener("keyup", C), s.removeEventListener("scroll", P, !0), s.removeEventListener("resize", M, !0), s.removeEventListener("pointermove", F, !0), s.removeEventListener("pointerup", I, !0), s.removeEventListener("pointercancel", I, !0), m?.destroy(), m = null, k.dispose(), E.dispose(), r.onBuiltinController?.(null);
@@ -10929,10 +10933,10 @@ function Tp(e) {
 				editSelectionHover: () => r.editSelectionHover?.() ?? !1,
 				onPointerDown: ee,
 				onPointerMove: te,
-				onPointerUp: G,
-				onPointerLeave: ne,
-				onGuidePointerDown: re,
-				onGuidePointerUp: ie
+				onPointerUp: ne,
+				onPointerLeave: re,
+				onGuidePointerDown: ie,
+				onGuidePointerUp: ae
 			}), null), Q(n, Y(So, {
 				model: t,
 				ownerWindow: s,
@@ -11283,7 +11287,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 		}, ee = () => !!(n.querySelector(nm) || s.querySelector(nm)), te = () => {
 			for (let [e, t] of g) t.value || t.priority ? e.style.setProperty("visibility", t.value, t.priority) : e.style.removeProperty("visibility");
 			g.clear();
-		}, G = () => {
+		}, ne = () => {
 			if (ee()) {
 				te();
 				return;
@@ -11292,43 +11296,43 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important")));
-		}, ne = (e) => {
+		}, re = (e) => {
 			if (e.parentElement instanceof c.HTMLElement) return e.parentElement;
 			let t = e.getRootNode();
 			return t instanceof c.ShadowRoot && t.host instanceof c.HTMLElement ? t.host : null;
-		}, re = (e, t) => {
-			let n = ne(e);
+		}, ie = (e, t) => {
+			let n = re(e);
 			for (; n;) {
 				let e = t.get(n);
 				if (e) return e;
-				n = ne(n);
+				n = re(n);
 			}
 			return {
 				x: 0,
 				y: 0
 			};
-		}, ie = (e = A()) => {
+		}, ae = (e = A()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
 				let n = F(e);
 				n && t.set(n, e);
 			}
 			return t;
-		}, ae = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
+		}, G = (e) => e.offsetSpace !== "local" || e.desiredLocalOffsetX === null || e.desiredLocalOffsetY === null ? null : {
 			x: e.desiredLocalOffsetX,
 			y: e.desiredLocalOffsetY
 		}, oe = (e, t) => {
-			let n = ne(e);
+			let n = re(e);
 			for (; n;) {
 				if (t.has(n)) return n;
-				n = ne(n);
+				n = re(n);
 			}
 			return null;
 		}, se = (e = A(), t = /* @__PURE__ */ new Map()) => {
-			let n = ie(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
+			let n = ae(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
 				let s = i.get(e);
 				if (s) return s;
-				let c = n.get(e), l = t.get(e) ?? (c ? ae(c) : null);
+				let c = n.get(e), l = t.get(e) ?? (c ? G(c) : null);
 				if (!l && c) {
 					let t = {
 						x: c.desiredOffsetX,
@@ -11373,7 +11377,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 		}, K = (e) => {
 			let t = [...e].flatMap(([t, n]) => {
 				if (!t.isConnected || !M(t)) return [];
-				let r = re(t, e), i = {
+				let r = ie(t, e), i = {
 					x: n.x - r.x,
 					y: n.y - r.y
 				};
@@ -11424,13 +11428,13 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				he();
 				return;
 			}
-			let t = A(), r = ie(t), i = se(t), a = /* @__PURE__ */ new Set();
+			let t = A(), r = ae(t), i = se(t), a = /* @__PURE__ */ new Set();
 			for (let t of de()) {
 				let o = r.get(t);
 				if (!o) continue;
 				let s = i.get(t);
 				if (!s) continue;
-				let c = re(t, i), u = ae(o) ?? {
+				let c = ie(t, i), u = G(o) ?? {
 					x: s.x - c.x,
 					y: s.y - c.y
 				};
@@ -11554,14 +11558,14 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			v = {
 				intentId: null,
 				state: "desired"
-			}, le(), U(), E() ? G() : te();
+			}, le(), U(), E() ? ne() : te();
 		}, Ce = () => {
 			v = {
 				intentId: null,
 				state: "live"
 			}, H(), U(), te();
 		}, we = () => {
-			S || y || (le(), U(), E() ? G() : te(), xe());
+			S || y || (le(), U(), E() ? ne() : te(), xe());
 		}, Te = () => {
 			C || S || (C = r.requestAnimationFrame(() => {
 				C = 0, we();
@@ -11588,10 +11592,10 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				intentId: null,
 				state: "desired"
 			}, le();
-			let u = ie(A()), d = se(A()), p = new Set(r);
+			let u = ae(A()), d = se(A()), p = new Set(r);
 			V();
 			let m = r.map((e, t) => {
-				let n = Yu(e), r = re(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? ae(a) : null) ?? {
+				let n = Yu(e), r = ie(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? G(a) : null) ?? {
 					x: i.x - r.x,
 					y: i.y - r.y
 				}, s = im(n, i), c = gd(e);
@@ -11637,7 +11641,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				le();
 				return;
 			}
-			le(), G(), U(), y = {
+			le(), ne(), U(), y = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
@@ -12021,7 +12025,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			e.state.update(Fp, () => ({ intents: [] })), v = {
 				intentId: null,
 				state: "desired"
-			}, H(), U(), E() ? G() : te(), xe();
+			}, H(), U(), E() ? ne() : te(), xe();
 		}), e.service.provide(Pp, Be), le(), xe(), e.lifecycle.onDispose(() => {
 			S = !0, C && r.cancelAnimationFrame(C), w?.disconnect(), w = null, f.removeEventListener("pointerdown", De), f.removeEventListener("pointermove", ke), f.removeEventListener("pointerup", je), f.removeEventListener("pointercancel", Me), r.removeEventListener("pointermove", Pe, !0), r.removeEventListener("keydown", Fe, !0), r.removeEventListener("resize", Te), r.removeEventListener("scroll", Te, !0), o.removeEventListener("scroll", Te, !0), Ie(), Le.dispose(), H(), he(), U(), te(), i.dispose(), a.dispose();
 		});
@@ -12165,7 +12169,7 @@ function Um(e, t) {
 				c = !1, l = !1;
 				return;
 			}
-			if (n === "select") {
+			if (n === "select" || n === "guides") {
 				c = !1, l = !1;
 				return;
 			}
@@ -12177,7 +12181,7 @@ function Um(e, t) {
 		}));
 	}, d = () => {
 		let e = t.currentToolMode?.();
-		s === "select" && e !== void 0 && e !== "select" && (l = !0), s = e, u();
+		(s === "select" || s === "guides") && e !== void 0 && e !== "select" && e !== "guides" && (l = !0), s = e, u();
 	}, f = () => {
 		let t = e.state.get("mesurer.arrange.active") ?? !1;
 		t && !o && (c = !0), o = t, u();
@@ -12981,28 +12985,28 @@ function Yh(e, t) {
 			return n === void 0 ? [] : [[e, n]];
 		});
 		H(e, n), e.editor.focus({ preventScroll: !0 });
-	}, G = (e) => {
+	}, ne = (e) => {
 		let t = B(e, "font-weight"), n = R(e, "font-weight");
 		if (n && Wh(n.desired) >= 600 && Wh(n.before) < 600) {
 			U(e, "font-weight", n.before);
 			return;
 		}
 		U(e, "font-weight", Wh(t) >= 600 ? "400" : "700");
-	}, ne = (e) => {
+	}, re = (e) => {
 		let t = B(e, "font-style"), n = R(e, "font-style");
 		if (n && n.desired !== "normal" && n.before === "normal") {
 			U(e, "font-style", n.before);
 			return;
 		}
 		U(e, "font-style", t === "normal" ? "italic" : "normal");
-	}, re = (e) => {
+	}, ie = (e) => {
 		let t = B(e, "text-decoration-line"), n = R(e, "text-decoration-line");
 		if (n && n.desired.includes("underline") && !n.before.includes("underline")) {
 			U(e, "text-decoration-line", n.before);
 			return;
 		}
 		U(e, "text-decoration-line", t.includes("underline") ? "none" : "underline");
-	}, ie = (e, t, r, i, a) => {
+	}, ae = (e, t, r, i, a) => {
 		let o = n.createElement("button");
 		return o.type = "button", o.textContent = t, o.title = r, o.setAttribute("aria-label", r), o.setAttribute("aria-pressed", i ? "true" : "false"), o.dataset.mesurerTextStyleButton = r.toLowerCase(), Object.assign(o.style, {
 			width: "32px",
@@ -13023,7 +13027,7 @@ function Yh(e, t) {
 		}), o.addEventListener("click", (t) => {
 			t.preventDefault(), t.stopPropagation(), m === e && (a(), e.editor.focus({ preventScroll: !0 }));
 		}), o;
-	}, ae = (e, t, r, i, a, o) => {
+	}, G = (e, t, r, i, a, o) => {
 		let s = n.createElement("label");
 		Object.assign(s.style, {
 			display: "grid",
@@ -13148,7 +13152,7 @@ function Yh(e, t) {
 		for (let n of e.catalog.presets) t.append(ce(e, n, r?.id === n.id));
 		t.append(K());
 		let i = B(e, "font-family"), a = B(e, "font-size"), o = B(e, "font-weight"), s = B(e, "line-height"), c = B(e, "letter-spacing"), l = B(e, "color");
-		t.append(ae(e, "Font", e.catalog.fontFamilies, i, Uh, (t) => U(e, "font-family", t)), ae(e, "Size", e.catalog.fontSizes, a, (e) => e, (t) => U(e, "font-size", t)), ae(e, "Weight", e.catalog.fontWeights, o, (e) => e, (t) => U(e, "font-weight", t)), oe(e, "Line", "line-height", s), oe(e, "Tracking", "letter-spacing", c)), t.append(K());
+		t.append(G(e, "Font", e.catalog.fontFamilies, i, Uh, (t) => U(e, "font-family", t)), G(e, "Size", e.catalog.fontSizes, a, (e) => e, (t) => U(e, "font-size", t)), G(e, "Weight", e.catalog.fontWeights, o, (e) => e, (t) => U(e, "font-weight", t)), oe(e, "Line", "line-height", s), oe(e, "Tracking", "letter-spacing", c)), t.append(K());
 		let u = n.createElement("div");
 		Object.assign(u.style, {
 			display: "grid",
@@ -13231,7 +13235,7 @@ function Yh(e, t) {
 		let t = e.toolbar;
 		t.replaceChildren();
 		let n = B(e, "font-weight"), r = B(e, "font-style"), i = B(e, "text-decoration-line");
-		t.append(ie(e, "B", "Bold", Wh(n) >= 600, () => G(e)), ie(e, "I", "Italic", r === "italic" || r === "oblique", () => ne(e)), ie(e, "U", "Underline", i.includes("underline"), () => re(e)), ue(e)), le(e);
+		t.append(ae(e, "B", "Bold", Wh(n) >= 600, () => ne(e)), ae(e, "I", "Italic", r === "italic" || r === "oblique", () => re(e)), ae(e, "U", "Underline", i.includes("underline"), () => ie(e)), ue(e)), le(e);
 	}, fe = () => {
 		let e = m;
 		if (!e || !e.element.isConnected) return;
@@ -13510,7 +13514,7 @@ function Yh(e, t) {
 			if (e && (t.metaKey || t.ctrlKey) && !t.altKey && !t.shiftKey) {
 				let e = t.key.toLowerCase();
 				if (e === "b" || e === "i" || e === "u") {
-					t.preventDefault(), t.stopImmediatePropagation(), e === "b" ? G(n) : e === "i" ? ne(n) : re(n), n.editor.focus({ preventScroll: !0 });
+					t.preventDefault(), t.stopImmediatePropagation(), e === "b" ? ne(n) : e === "i" ? re(n) : ie(n), n.editor.focus({ preventScroll: !0 });
 					return;
 				}
 			}
@@ -15741,7 +15745,7 @@ function rv(e) {
 			xrayVisible: t?.current.xrayVisible ?? !1,
 			rulersVisible: t?.current.rulersVisible ?? !1,
 			pluginToolIds: r
-		}, e && t && (t.current.xrayVisible && e.deactivate("xray"), t.current.rulersVisible && e.deactivate("rulers"), t.current.colorPickerActive && e.deactivate("color-picker"), t.current.toolMode === "text-inspector" && e.deactivate("text-inspector"), t.current.toolMode === "guides" && e.deactivate("guides"));
+		}, e && t && (t.current.xrayVisible && e.deactivate("xray"), t.current.colorPickerActive && e.deactivate("color-picker"), t.current.toolMode === "text-inspector" && e.deactivate("text-inspector"));
 		for (let e of r) {
 			let t = n.tools().find((t) => t.id === e);
 			!t || !(t.active?.() ?? !1) || await n.command.execute(t.command, void 0, {
@@ -15794,16 +15798,16 @@ function rv(e) {
 		}, ee = () => {
 			if (!_) throw Error("Mesurer built-in controller is unavailable for runtime bridge setup.");
 			return _;
-		}, te = () => U().current.settings.theme, G = (e) => {
+		}, te = () => U().current.settings.theme, ne = (e) => {
 			let t = te();
 			return e(t), U().subscribe(() => {
 				let n = te();
 				n !== t && (t = n, e(n));
 			});
-		}, ne = () => {
+		}, re = () => {
 			let e = z.createElement("div");
 			e.dataset.mesurerInspectorUi = "true";
-			let t = G((t) => {
+			let t = ne((t) => {
 				e.dataset.theme = t;
 			});
 			W().append(e);
@@ -15814,16 +15818,16 @@ function rv(e) {
 					n || (n = !0, t(), e.remove());
 				}
 			};
-		}, re = (e) => J_({
+		}, ie = (e) => J_({
 			model: U(),
 			ownerDocument: z,
 			ownerWindow: B,
 			uiRoot: I,
 			pageTarget: V,
 			persistenceKey: e ? `${P.persistKey ?? X_}:${e}:${B.location.origin}` : void 0
-		}), ie = z.createElement("style");
-		ie.dataset.mesurerPluginVisibility = "true", ie.dataset.mesurerInspectorUi = "true", ie.textContent = j(), I.append(ie);
-		let ae = P.persistKey ? `${P.persistKey}:plugins` : X_, oe = `${ae}:availability`, se = /* @__PURE__ */ new Map();
+		}), ae = z.createElement("style");
+		ae.dataset.mesurerPluginVisibility = "true", ae.dataset.mesurerInspectorUi = "true", ae.textContent = j(), I.append(ae);
+		let G = P.persistKey ? `${P.persistKey}:plugins` : X_, oe = `${G}:availability`, se = /* @__PURE__ */ new Map();
 		try {
 			let e = B.localStorage.getItem(oe);
 			if (e) {
@@ -15850,7 +15854,7 @@ function rv(e) {
 		}, K = () => {
 			o = 0;
 			try {
-				B.localStorage.setItem(ae, JSON.stringify(N.state.serialize("persist")));
+				B.localStorage.setItem(G, JSON.stringify(N.state.serialize("persist")));
 			} catch (e) {
 				P.onPluginError?.(e, "plugin-persistence");
 			}
@@ -15861,7 +15865,7 @@ function rv(e) {
 		}, de = () => ue();
 		B.addEventListener("pagehide", de);
 		let fe = N.subscribe((e) => {
-			if (x((e) => e + 1), ie.textContent = j(), (e.reason === "state" || e.reason === "history" || e.reason === "remove" || e.reason === "replace") && le(), S() && !b && (e.reason === "load" || e.reason === "remove" || e.reason === "replace") && ce(), e.reason === "remove" && e.pluginId?.startsWith("mesurer.")) {
+			if (x((e) => e + 1), ae.textContent = j(), (e.reason === "state" || e.reason === "history" || e.reason === "remove" || e.reason === "replace") && le(), S() && !b && (e.reason === "load" || e.reason === "remove" || e.reason === "replace") && ce(), e.reason === "remove" && e.pluginId?.startsWith("mesurer.")) {
 				let t = e.pluginId.slice(8);
 				ev(t) && _?.deactivate(t);
 			}
@@ -15940,7 +15944,7 @@ function rv(e) {
 			let t = g?.current;
 			return t ? e === "select" ? t.toolMode === "select" : e === "xray" ? t.xrayVisible : e === "color-picker" ? t.colorPickerActive : e === "rulers" ? t.rulersVisible : e === "text-inspector" ? t.toolMode === "text-inspector" : e === "guides" ? t.toolMode === "guides" : e === "settings" && t.settingsOpen : !1;
 		}, Se = async (e) => {
-			if (D(e) || e !== "settings" && E() && (await F("select-mode-builtin"), e === "select" || xe(e))) return;
+			if (D(e) || e !== "settings" && e !== "rulers" && e !== "guides" && E() && (await F("select-mode-builtin"), e === "select" || xe(e))) return;
 			let t = w(e);
 			if (t) {
 				await L(t, {
@@ -15949,7 +15953,13 @@ function rv(e) {
 				});
 				return;
 			}
-			T(e) && await ee().run(e);
+			if (!T(e)) return;
+			let n = ee();
+			if (e === "guides" && E() && xe("guides")) {
+				await n.run("select");
+				return;
+			}
+			await n.run(e);
 		};
 		(async () => {
 			for (let e of s) await me(e);
@@ -15967,9 +15977,9 @@ function rv(e) {
 						currentToolMode: () => U().current.toolMode,
 						currentToolbarMode: () => E() ? "edit" : "select",
 						theme: te,
-						subscribeTheme: G,
-						createWorkspaceRuntime: re,
-						createInspectorMount: ne
+						subscribeTheme: ne,
+						createWorkspaceRuntime: ie,
+						createInspectorMount: re
 					};
 					e.service.provide("runtime:solid", t), Mp(e), Um(e, t), H_(e, t);
 					for (let t of Y_) e.command.register(tv(t), () => Se(t));
@@ -15986,7 +15996,7 @@ function rv(e) {
 				h.clear();
 				for (let e of N.settings()) h.set(e.id, new Map((e.controls ?? []).map((e) => [e.id, e.value()])));
 				try {
-					let e = B.localStorage.getItem(ae);
+					let e = B.localStorage.getItem(G);
 					if (e) {
 						let t = JSON.parse(e);
 						N.state.restore(t, "persist");
@@ -15994,7 +16004,7 @@ function rv(e) {
 				} catch (e) {
 					P.onPluginError?.(e, "plugin-persistence");
 				}
-				t && (C(!0), ie.textContent = j(), P.onPluginsReady?.(N));
+				t && (C(!0), ae.textContent = j(), P.onPluginsReady?.(N));
 			}
 		})();
 		let Ce = (e) => {
@@ -16053,7 +16063,7 @@ function rv(e) {
 		return B.addEventListener("keydown", we, !0), () => {
 			t = !1;
 			for (let e of A) N.cancelLoad(e);
-			A.clear(), ue(), B.removeEventListener("pagehide", de), B.removeEventListener("keydown", we, !0), fe(), ie.remove(), g = null, _ = null, v = () => void 0, y = async () => void 0, r && N.dispose();
+			A.clear(), ue(), B.removeEventListener("pagehide", de), B.removeEventListener("keydown", we, !0), fe(), ae.remove(), g = null, _ = null, v = () => void 0, y = async () => void 0, r && N.dispose();
 		};
 	}), Y(Nl, {
 		runtime: {
@@ -16264,21 +16274,21 @@ function _v(e) {
 			elements: [...t.elements],
 			region: t.region ? { ...t.region } : null
 		};
-	}, G = (e, t) => e.elements.length !== t.elements.length || e.elements.some((e, n) => e !== t.elements[n]) ? !1 : e.region === t.region ? !0 : !e.region || !t.region ? !1 : e.region.left === t.region.left && e.region.top === t.region.top && e.region.width === t.region.width && e.region.height === t.region.height, ne = () => {
+	}, ne = (e, t) => e.elements.length !== t.elements.length || e.elements.some((e, n) => e !== t.elements[n]) ? !1 : e.region === t.region ? !0 : !e.region || !t.region ? !1 : e.region.left === t.region.left && e.region.top === t.region.top && e.region.width === t.region.width && e.region.height === t.region.height, re = () => {
 		A = null, v(""), g(!1), b(null), m(null);
-	}, re = () => {
+	}, ie = () => {
 		let e = H();
 		return !!(e.CSS?.supports("anchor-name: --mesurer-annotation-trigger") && e.CSS.supports("position-anchor: --mesurer-annotation-trigger") && e.CSS.supports("left: anchor(left)"));
-	}, ie = () => {
+	}, ae = () => {
 		let t = e.runtime.currentSelection().elements;
 		if (!t.length) return null;
 		let n = e.runtime.hoveredElement();
 		return t.find((e) => e === n) ?? t.find((e) => n && e.contains(n)) ?? t[0];
-	}, ae = () => N?.parentElement, oe = () => {
-		let e = ae();
+	}, G = () => N?.parentElement, oe = () => {
+		let e = G();
 		return e ? [...e.querySelectorAll("[data-mesurer-annotation-trigger='true'], [data-mesurer-annotation-composer='true']")].filter((e) => e !== P || I === null) : [];
 	}, se = (e) => {
-		let t = ae();
+		let t = G();
 		return t ? [...t.querySelectorAll("[data-mesurer-annotation-id]")].filter((t) => t.dataset.mesurerAnnotationId === e) : [];
 	}, ce = (e) => {
 		let t = V.get(e);
@@ -16286,7 +16296,7 @@ function _v(e) {
 	}, K = (t) => {
 		let n = e.runtime.annotation(t);
 		return !n || n.anchor.kind !== "elements" ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected)?.element ?? null;
-	}, le = (e) => !!(fv(e) && U() && N && re() && e.getRootNode() === N.getRootNode()), ue = (e) => {
+	}, le = (e) => !!(fv(e) && U() && N && ie() && e.getRootNode() === N.getRootNode()), ue = (e) => {
 		let t = K(e), n = V.get(e);
 		if (!t) {
 			n && (ce(e), i((e) => e + 1));
@@ -16328,11 +16338,11 @@ function _v(e) {
 			for (let e of V.values()) e.anchorName || e.scroll.rebase();
 		});
 	};
-	e.initialTriggerFallback && (O = ie());
+	e.initialTriggerFallback && (O = ae());
 	let me = () => {
 		R?.release(), R = null, L?.(), L = null, F = null, I = null;
-	}, he = (e) => !!(fv(e) && U() && N && e !== O && re() && e.getRootNode() === N.getRootNode()), ge = () => {
-		let e = ie();
+	}, he = (e) => !!(fv(e) && U() && N && e !== O && ie() && e.getRootNode() === N.getRootNode()), ge = () => {
+		let e = ae();
 		O && e !== O && (O = null);
 		let t = F, n = !!(e?.isConnected && he(e)), r = I === e;
 		if (e === F && e?.isConnected && n === r) {
@@ -16363,12 +16373,12 @@ function _v(e) {
 	function ye() {
 		i((e) => e + 1);
 	}
-	let be = ie();
+	let be = ae();
 	_e(be);
 	let xe = e.runtime.subscribe(() => {
 		let t = e.runtime.selectGestureActive();
-		h() && t ? (k = !0, ne()) : h() && A !== null && !G(A, te()) && (O = ie(), k = !1, ne());
-		let r = ie(), i = r !== be;
+		h() && t ? (k = !0, re()) : h() && A !== null && !ne(A, te()) && (O = ae(), k = !1, re());
+		let r = ae(), i = r !== be;
 		i && (be = r, _e(be), k && (k = !1, O = r)), ge(), i && ye(), n((e) => e + 1), pe();
 	});
 	ge(), H().queueMicrotask(de), Kt(() => {
@@ -16402,7 +16412,7 @@ function _v(e) {
 	}), Oe = () => Se().elements.length > 0 || Se().region !== null, ke = () => {
 		t();
 		let e = A;
-		return e !== null && G(e, te());
+		return e !== null && ne(e, te());
 	}, Ae = Wr(() => {
 		let e = Se(), t = e.elements.filter((e) => e.isConnected).map((e) => {
 			let t = e.getBoundingClientRect();
@@ -16640,7 +16650,7 @@ function _v(e) {
 				S(!1);
 			}
 		}
-	}, Je = ne, Ye = () => {
+	}, Je = re, Ye = () => {
 		if (!Oe()) return;
 		k = !1, A = te(), v(""), b(null), w(null), o(null);
 		let e = je();
@@ -16654,7 +16664,7 @@ function _v(e) {
 		g(!0), H().queueMicrotask(() => R?.sync());
 	}, Xe = () => {
 		let e = h();
-		A !== null && !G(A, te()) ? (O = ie(), k = !1, ge(), ye()) : e && (k = !1), Je();
+		A !== null && !ne(A, te()) ? (O = ae(), k = !1, ge(), ye()) : e && (k = !1), Je();
 	}, Ze = () => {
 		h() && (k = !0, Je());
 	}, Qe = () => {
@@ -17630,7 +17640,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			shortcut: "L",
 			command: Zv,
 			order: 38,
-			toolbarMode: "select",
+			toolbarMode: "always",
 			compactPinned: !0,
 			icon: vy,
 			active: u
@@ -18337,26 +18347,26 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-size": "11px",
 		"line-height": "16px"
 	}), o.append(P);
-	let F = null, I = null, L = !1, R = !1, z = 0, B = ["webm"], V = "webm", H = 1, U = 0, W = 0, ee = null, te = null, G = null, ne = (e) => {
+	let F = null, I = null, L = !1, R = !1, z = 0, B = ["webm"], V = "webm", H = 1, U = 0, W = 0, ee = null, te = null, ne = null, re = (e) => {
 		let t = F?.duration ?? 0;
 		return t <= 0 ? 0 : Math.min(1, Math.max(0, e / t));
-	}, re = () => ({
+	}, ie = () => ({
 		start: U,
 		end: W
-	}), ie = (e) => {
+	}), ae = (e) => {
 		let t = F?.duration ?? 0, n = h.getBoundingClientRect();
 		return t <= 0 || n.width <= 0 ? 0 : Math.min(t, Math.max(0, (e - n.left) / n.width * t));
-	}, ae = () => {
-		let e = F?.duration ?? 0, t = Math.min(e, Math.max(0, c.currentTime || 0)), n = ne(U) * 100, r = ne(W) * 100;
-		x.style.left = `${n}%`, S.style.left = `${r}%`, _.style.left = `${n}%`, _.style.width = `${Math.max(0, r - n)}%`, y.style.left = `${ne(t) * 100}%`, x.setAttribute("aria-valuemax", String(Math.max(0, W - lb))), x.setAttribute("aria-valuenow", String(U)), x.setAttribute("aria-valuetext", pb(U)), S.setAttribute("aria-valuemin", String(Math.min(e, U + lb))), S.setAttribute("aria-valuemax", String(e)), S.setAttribute("aria-valuenow", String(W)), S.setAttribute("aria-valuetext", pb(W)), p.textContent = pb(t), C.textContent = pb(e);
+	}, G = () => {
+		let e = F?.duration ?? 0, t = Math.min(e, Math.max(0, c.currentTime || 0)), n = re(U) * 100, r = re(W) * 100;
+		x.style.left = `${n}%`, S.style.left = `${r}%`, _.style.left = `${n}%`, _.style.width = `${Math.max(0, r - n)}%`, y.style.left = `${re(t) * 100}%`, x.setAttribute("aria-valuemax", String(Math.max(0, W - lb))), x.setAttribute("aria-valuenow", String(U)), x.setAttribute("aria-valuetext", pb(U)), S.setAttribute("aria-valuemin", String(Math.min(e, U + lb))), S.setAttribute("aria-valuemax", String(e)), S.setAttribute("aria-valuenow", String(W)), S.setAttribute("aria-valuetext", pb(W)), p.textContent = pb(t), C.textContent = pb(e);
 	}, oe = (e, t = !0) => {
 		if (!F) return;
 		let n = Math.min(W, Math.max(U, e));
-		t && !c.paused && c.pause(), c.currentTime = n, ae();
+		t && !c.paused && c.pause(), c.currentTime = n, G();
 	}, se = (e, t = !1) => {
-		F && (U = Math.min(Math.max(0, e), Math.max(0, W - lb)), (t || c.currentTime < U) && oe(U), ae());
+		F && (U = Math.min(Math.max(0, e), Math.max(0, W - lb)), (t || c.currentTime < U) && oe(U), G());
 	}, ce = (e, t = !1) => {
-		F && (W = Math.max(Math.min(F.duration, e), Math.min(F.duration, U + lb)), t ? oe(W) : c.currentTime > W && oe(U), ae());
+		F && (W = Math.max(Math.min(F.duration, e), Math.min(F.duration, U + lb)), t ? oe(W) : c.currentTime > W && oe(U), G());
 	}, K = () => {
 		T.textContent = `${H}×`;
 		for (let e of j) {
@@ -18396,9 +18406,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}, he = () => {
 		c.pause(), c.removeAttribute("src"), c.load(), I &&= (globalThis.URL.revokeObjectURL(I), null);
 	}, ge = () => {
-		z += 1, G &&= (G.cancel(), null), he(), F = null, ee = null, te = null, de(!1), o.style.display = "none", o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", o.style.removeProperty("transform-origin"), o.style.removeProperty("will-change"), P.style.display = "none", fe(!1);
+		z += 1, ne &&= (ne.cancel(), null), he(), F = null, ee = null, te = null, de(!1), o.style.display = "none", o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", o.style.removeProperty("transform-origin"), o.style.removeProperty("will-change"), P.style.display = "none", fe(!1);
 	}, _e = () => {
-		if (!F || o.style.display === "none" || G) return;
+		if (!F || o.style.display === "none" || ne) return;
 		let e = o.getBoundingClientRect(), t = pe()?.getBoundingClientRect(), n = t ? t.left + t.width / 2 : e.left + e.width / 2, r = t ? t.top + t.height / 2 : e.top + e.height / 2;
 		c.pause(), de(!1), o.style.pointerEvents = "none", o.style.left = `${e.left}px`, o.style.top = `${e.top}px`, o.style.transform = "none", o.style.transformOrigin = `${n - e.left}px ${r - e.top}px`, o.style.willChange = "transform, opacity";
 		let a = o.animate([{
@@ -18412,8 +18422,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			easing: "ease",
 			fill: "forwards"
 		});
-		G = a, a.finished.catch(() => void 0).then(() => {
-			G === a && (a.cancel(), G = null, o.style.removeProperty("will-change"), i());
+		ne = a, a.finished.catch(() => void 0).then(() => {
+			ne === a && (a.cancel(), ne = null, o.style.removeProperty("will-change"), i());
 		});
 	}, ve = () => {
 		if (!(!F || R)) {
@@ -18427,7 +18437,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		ee = null, te = null, y.style.height = "8px";
 	}, be = (e) => {
 		if (!ee) return;
-		let t = ie(e);
+		let t = ae(e);
 		ee === "start" ? se(t, !0) : ee === "end" ? ce(t, !0) : oe(t);
 	}, xe = (e, t) => {
 		!F || R || t.button !== 0 || (t.preventDefault(), t.stopPropagation(), ee = e, te = t.pointerId, y.style.height = "10px", be(t.clientX));
@@ -18440,7 +18450,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		let t = e.target;
 		t instanceof Element && t.closest("[data-mesurer-recording-trim-handle]") || xe("playhead", e);
 	}), m.addEventListener("pointermove", (e) => {
-		te === null && (v.style.display = "block", v.style.left = `${ne(ie(e.clientX)) * 100}%`);
+		te === null && (v.style.display = "block", v.style.left = `${re(ae(e.clientX)) * 100}%`);
 	}), m.addEventListener("pointerleave", () => {
 		v.style.display = "none";
 	});
@@ -18460,9 +18470,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}), c.addEventListener("pause", () => {
 		f.textContent = "▶", f.setAttribute("aria-label", "Play"), f.title = "Play";
 	}), c.addEventListener("timeupdate", () => {
-		F && (c.currentTime >= W - .01 ? (c.pause(), c.currentTime = U) : c.currentTime < U && (c.currentTime = U), ae());
+		F && (c.currentTime >= W - .01 ? (c.pause(), c.currentTime = U) : c.currentTime < U && (c.currentTime = U), G());
 	}), c.addEventListener("loadedmetadata", () => {
-		ae();
+		G();
 	}), T.addEventListener("click", () => {
 		R || de(E.style.display === "none");
 	});
@@ -18476,7 +18486,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		L = !L, o.style.width = `${L ? ob : ab}px`, s.style.maxHeight = L ? "448px" : "144px", c.style.maxHeight = L ? "448px" : "144px", N.textContent = L ? "↙" : "↗", N.setAttribute("aria-label", L ? "Shrink preview" : "Grow preview"), N.title = L ? "Shrink preview" : "Grow preview", t.requestAnimationFrame(me);
 	}), M.addEventListener("click", () => {
 		if (!F || R || B.length === 0) return;
-		let n = ++z, { start: r, end: i } = re();
+		let n = ++z, { start: r, end: i } = ie();
 		fe(!0), de(!1), P.style.display = "none", a({
 			format: V,
 			startTime: r,
@@ -18503,9 +18513,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	let Te = () => me();
 	return t.addEventListener("resize", Te), {
 		show(e) {
-			z += 1, G &&= (G.cancel(), null), o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", o.style.removeProperty("transform-origin"), o.style.removeProperty("will-change"), he(), F = e, L = !1, H = 1, V = "webm", B = ["webm"], U = 0, W = e.duration, ee = null, te = null;
+			z += 1, ne &&= (ne.cancel(), null), o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", o.style.removeProperty("transform-origin"), o.style.removeProperty("will-change"), he(), F = e, L = !1, H = 1, V = "webm", B = ["webm"], U = 0, W = e.duration, ee = null, te = null;
 			let n = globalThis.URL.createObjectURL(e.blob);
-			I = n, c.src = n, c.currentTime = 0, s.style.aspectRatio = e.width > 0 && e.height > 0 ? `${e.width} / ${e.height}` : "16 / 9", o.style.width = `${ab}px`, s.style.maxHeight = "144px", c.style.maxHeight = "144px", N.textContent = "↗", N.setAttribute("aria-label", "Grow preview"), N.title = "Grow preview", p.textContent = "0:00.00", C.textContent = pb(e.duration), P.style.display = "none", P.style.color = "var(--msr-color-ink-500, #64748b)", de(!1), le(), K(), ae(), fe(!1), o.style.display = "block", me(), o.focus({ preventScroll: !0 });
+			I = n, c.src = n, c.currentTime = 0, s.style.aspectRatio = e.width > 0 && e.height > 0 ? `${e.width} / ${e.height}` : "16 / 9", o.style.width = `${ab}px`, s.style.maxHeight = "144px", c.style.maxHeight = "144px", N.textContent = "↗", N.setAttribute("aria-label", "Grow preview"), N.title = "Grow preview", p.textContent = "0:00.00", C.textContent = pb(e.duration), P.style.display = "none", P.style.color = "var(--msr-color-ink-500, #64748b)", de(!1), le(), K(), G(), fe(!1), o.style.display = "block", me(), o.focus({ preventScroll: !0 });
 			let i = z;
 			r(e).then((e) => {
 				i !== z || !F || (B = e, V = e.includes(V) ? V : e[0] ?? "webm", le(), M.disabled = e.length === 0, e.length === 0 && (P.style.display = "block", P.style.color = "var(--msr-danger-text, #dc2626)", P.textContent = "No MediaBunny video encoder is available in this runtime."));
@@ -18563,10 +18573,22 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	setup(t) {
 		let n = t.service.get(xb);
 		if (!n) throw Error("Recording plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.createInspectorMount(), c = s.element, l = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), u = (e) => {
-			l?.toggleAttribute("data-mesurer-recording-active", e);
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.createInspectorMount(), c = s.element, l = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), u = null, d = () => {
+			let e = u;
+			e && (u = null, e.pointerEvents || e.pointerEventsPriority ? e.element.style.setProperty("pointer-events", e.pointerEvents, e.pointerEventsPriority) : e.element.style.removeProperty("pointer-events"), e.cursor || e.cursorPriority ? e.element.style.setProperty("cursor", e.cursor, e.cursorPriority) : e.element.style.removeProperty("cursor"));
+		}, f = (e) => {
+			if (l?.toggleAttribute("data-mesurer-recording-active", e), !e) {
+				d();
+				return;
+			}
 			let t = l?.querySelector("[data-mesurer-interaction-overlay='true']");
-			t && (e ? (t.style.setProperty("pointer-events", "none", "important"), t.style.setProperty("cursor", "default", "important")) : (t.style.removeProperty("pointer-events"), t.style.removeProperty("cursor")));
+			t && ((!u || u.element !== t) && (d(), u = {
+				element: t,
+				pointerEvents: t.style.getPropertyValue("pointer-events"),
+				pointerEventsPriority: t.style.getPropertyPriority("pointer-events"),
+				cursor: t.style.getPropertyValue("cursor"),
+				cursorPriority: t.style.getPropertyPriority("cursor")
+			}), t.style.setProperty("pointer-events", "none", "important"), t.style.setProperty("cursor", "default", "important"));
 		};
 		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", Mb(o, {
 			position: "fixed",
@@ -18581,7 +18603,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none",
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 		});
-		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? Db)), f = e.quality ?? "medium";
+		let p = Math.max(1, Math.min(600, e.maxDurationSeconds ?? Db)), m = e.quality ?? "medium";
 		t.state.register({
 			id: bb,
 			initial: {
@@ -18590,19 +18612,19 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			},
 			persist: !0
 		});
-		let p = () => {
+		let h = () => {
 			let e = t.state.get(bb);
 			return {
 				toolEnabled: e?.toolEnabled ?? !0,
 				frameRate: e?.frameRate === 120 ? 120 : 60
 			};
-		}, m = (e) => {
+		}, g = (e) => {
 			t.state.update(bb, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), (e.frameRate === 60 || e.frameRate === 120) && (n.frameRate = e.frameRate), n;
 			});
-		}, h = r.createElement("div");
-		h.dataset.mesurerRecordingSelect = "true", h.dataset.mesurerInspectorUi = "true", h.setAttribute("role", "application"), h.setAttribute("aria-label", "Recording selection"), Mb(h, {
+		}, _ = r.createElement("div");
+		_.dataset.mesurerRecordingSelect = "true", _.dataset.mesurerInspectorUi = "true", _.setAttribute("role", "application"), _.setAttribute("aria-label", "Recording selection"), Mb(_, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -18611,16 +18633,16 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "auto",
 			"user-select": "none",
 			"touch-action": "none"
-		}), o.append(h);
-		let g = Array.from({ length: 4 }, () => {
+		}), o.append(_);
+		let v = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
 			return e.dataset.mesurerRecordingShade = "true", Mb(e, {
 				position: "fixed",
 				background: "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
-			}), h.append(e), e;
-		}), _ = r.createElement("div");
-		_.dataset.mesurerRecordingMask = "true", Mb(_, {
+			}), _.append(e), e;
+		}), y = r.createElement("div");
+		y.dataset.mesurerRecordingMask = "true", Mb(y, {
 			position: "fixed",
 			display: "none",
 			background: "transparent",
@@ -18628,17 +18650,17 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"outline-offset": "-1px",
 			"box-shadow": "0 0 0 100vmax rgb(0 0 0 / 40%)",
 			"pointer-events": "none"
-		}), h.append(_);
-		let v = r.createElement("div");
-		v.dataset.mesurerRecordingSelection = "true", Mb(v, {
+		}), _.append(y);
+		let b = r.createElement("div");
+		b.dataset.mesurerRecordingSelection = "true", Mb(b, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid var(--msr-accent, #0d99ff)",
 			"box-sizing": "border-box",
 			"pointer-events": "none"
-		}), h.append(v);
-		let y = r.createElement("div");
-		Mb(y, {
+		}), _.append(b);
+		let x = r.createElement("div");
+		Mb(x, {
 			position: "fixed",
 			display: "none",
 			transform: "translateX(-50%)",
@@ -18649,9 +18671,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "10px",
 			"font-variant-numeric": "tabular-nums",
 			"pointer-events": "none"
-		}), h.append(y);
-		let b = r.createElement("div");
-		b.textContent = "Drag a region to record · Esc to cancel", Mb(b, {
+		}), _.append(x);
+		let S = r.createElement("div");
+		S.textContent = "Drag a region to record · Esc to cancel", Mb(S, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -18662,9 +18684,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "var(--msr-surface, #fff)",
 			"font-size": "11px",
 			"pointer-events": "none"
-		}), h.append(b);
-		let x = r.createElement("div");
-		x.dataset.mesurerRecordingRegion = "true", x.dataset.mesurerInspectorUi = "true", x.setAttribute("role", "dialog"), x.setAttribute("aria-label", "Recording region"), Mb(x, {
+		}), _.append(S);
+		let C = r.createElement("div");
+		C.dataset.mesurerRecordingRegion = "true", C.dataset.mesurerInspectorUi = "true", C.setAttribute("role", "dialog"), C.setAttribute("aria-label", "Recording region"), Mb(C, {
 			position: "fixed",
 			display: "none",
 			width: "220px",
@@ -18679,8 +18701,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "auto",
 			transform: "translateX(-50%)"
-		}), h.append(x);
-		let S = (e) => {
+		}), _.append(C);
+		let w = (e) => {
 			let t = r.createElement("label");
 			Mb(t, {
 				display: "grid",
@@ -18696,8 +18718,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				"align-items": "center",
 				gap: "4px",
 				"min-width": "0"
-			}), t.append(i), x.append(t), i;
-		}, C = (e) => {
+			}), t.append(i), C.append(t), i;
+		}, T = (e) => {
 			let t = r.createElement("input");
 			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", Mb(t, {
 				width: "0",
@@ -18713,20 +18735,20 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				"font-size": "10px",
 				"font-variant-numeric": "tabular-nums"
 			}), t;
-		}, w = S("Size"), T = C("Width"), E = C("Height");
-		w.append(T);
-		let D = r.createElement("span");
-		D.textContent = "×", D.style.color = "var(--msr-color-ink-500, #64748b)", w.append(D, E);
-		let O = r.createElement("span");
-		O.textContent = "px", O.style.color = "var(--msr-color-ink-500, #64748b)", w.append(O);
-		let k = S("Position");
-		k.style.marginTop = "8px";
-		let A = C("Left"), j = C("Top");
-		k.append(A, j);
-		let M = r.createElement("span");
-		M.textContent = "px", M.style.color = "var(--msr-color-ink-500, #64748b)", k.append(M);
-		let N = r.createElement("button");
-		N.type = "button", N.dataset.mesurerRecordingStart = "true", N.textContent = "●  Start recording", Mb(N, {
+		}, E = w("Size"), D = T("Width"), O = T("Height");
+		E.append(D);
+		let k = r.createElement("span");
+		k.textContent = "×", k.style.color = "var(--msr-color-ink-500, #64748b)", E.append(k, O);
+		let A = r.createElement("span");
+		A.textContent = "px", A.style.color = "var(--msr-color-ink-500, #64748b)", E.append(A);
+		let j = w("Position");
+		j.style.marginTop = "8px";
+		let M = T("Left"), N = T("Top");
+		j.append(M, N);
+		let P = r.createElement("span");
+		P.textContent = "px", P.style.color = "var(--msr-color-ink-500, #64748b)", j.append(P);
+		let F = r.createElement("button");
+		F.type = "button", F.dataset.mesurerRecordingStart = "true", F.textContent = "●  Start recording", Mb(F, {
 			width: "100%",
 			height: "28px",
 			"margin-top": "8px",
@@ -18738,44 +18760,44 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"font-weight": "500",
 			cursor: "pointer"
-		}), x.append(N);
-		let P = r.createElement("div");
-		P.dataset.mesurerRecordingGrid = "true", Mb(P, {
+		}), C.append(F);
+		let I = r.createElement("div");
+		I.dataset.mesurerRecordingGrid = "true", Mb(I, {
 			position: "absolute",
 			inset: "0",
 			display: "none",
 			"pointer-events": "none"
-		}), v.append(P);
-		let F = (e) => {
+		}), b.append(I);
+		let L = (e) => {
 			let t = r.createElement("div");
 			Mb(t, {
 				position: "absolute",
 				opacity: "0.3",
 				...e
-			}), P.append(t);
+			}), I.append(t);
 		};
-		F({
+		L({
 			left: "33.333%",
 			top: "0",
 			bottom: "0",
 			borderLeft: "1px dashed var(--msr-color-ink-500, #64748b)"
-		}), F({
+		}), L({
 			left: "66.666%",
 			top: "0",
 			bottom: "0",
 			borderLeft: "1px dashed var(--msr-color-ink-500, #64748b)"
-		}), F({
+		}), L({
 			top: "33.333%",
 			left: "0",
 			right: "0",
 			borderTop: "1px dashed var(--msr-color-ink-500, #64748b)"
-		}), F({
+		}), L({
 			top: "66.666%",
 			left: "0",
 			right: "0",
 			borderTop: "1px dashed var(--msr-color-ink-500, #64748b)"
 		});
-		let I = Object.entries({
+		let R = Object.entries({
 			nw: {
 				left: "0",
 				top: "0"
@@ -18825,9 +18847,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				transform: "translate(-50%, -50%)",
 				cursor: e === "n" || e === "s" ? "ns-resize" : e === "e" || e === "w" ? "ew-resize" : e === "nw" || e === "se" ? "nwse-resize" : "nesw-resize",
 				"pointer-events": "auto"
-			}), v.append(n), n;
-		}), L = r.createElement("section");
-		L.dataset.mesurerRecordingStatus = "true", L.dataset.mesurerInspectorUi = "true", L.setAttribute("aria-label", "Screen recording"), Mb(L, {
+			}), b.append(n), n;
+		}), z = r.createElement("section");
+		z.dataset.mesurerRecordingStatus = "true", z.dataset.mesurerInspectorUi = "true", z.setAttribute("aria-label", "Screen recording"), Mb(z, {
 			position: "fixed",
 			display: "none",
 			height: "34px",
@@ -18843,23 +18865,23 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "auto"
 		});
-		let R = r.createElement("span");
-		R.setAttribute("aria-hidden", "true"), Mb(R, {
+		let B = r.createElement("span");
+		B.setAttribute("aria-hidden", "true"), Mb(B, {
 			width: "6px",
 			height: "6px",
 			"border-radius": "999px",
 			background: "var(--msr-danger-solid-bg, #dc2626)",
 			"flex-shrink": "0"
-		}), L.append(R);
-		let z = r.createElement("span");
-		z.dataset.mesurerRecordingTime = "true", z.textContent = "00:00", Mb(z, {
+		}), z.append(B);
+		let V = r.createElement("span");
+		V.dataset.mesurerRecordingTime = "true", V.textContent = "00:00", Mb(V, {
 			color: "var(--msr-content, #18181b)",
 			"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 			"font-size": "11px",
 			"font-variant-numeric": "tabular-nums"
-		}), L.append(z);
-		let B = r.createElement("button");
-		B.type = "button", B.dataset.mesurerRecordingStop = "true", B.textContent = "Stop", B.setAttribute("aria-label", "Stop recording"), Mb(B, {
+		}), z.append(V);
+		let H = r.createElement("button");
+		H.type = "button", H.dataset.mesurerRecordingStop = "true", H.textContent = "Stop", H.setAttribute("aria-label", "Stop recording"), Mb(H, {
 			height: "24px",
 			padding: "0 8px",
 			border: "0",
@@ -18870,9 +18892,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"font-weight": "500",
 			cursor: "pointer"
-		}), L.append(B), c.append(L);
-		let V = r.createElement("div");
-		V.dataset.mesurerRecordingError = "true", V.dataset.mesurerInspectorUi = "true", V.setAttribute("role", "status"), Mb(V, {
+		}), z.append(H), c.append(z);
+		let U = r.createElement("div");
+		U.dataset.mesurerRecordingError = "true", U.dataset.mesurerInspectorUi = "true", U.setAttribute("role", "status"), Mb(U, {
 			position: "fixed",
 			display: "none",
 			left: "8px",
@@ -18884,8 +18906,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "#fff",
 			"font-size": "11px",
 			"pointer-events": "none"
-		}), c.append(V);
-		let H = {
+		}), c.append(U);
+		let W = {
 			status: "idle",
 			elapsed: 0,
 			rect: null,
@@ -18893,28 +18915,28 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			width: null,
 			height: null,
 			error: null
-		}, U = /* @__PURE__ */ new Set(), W = null, ee = null, te = null, G = null, ne = null, re = null, ie = !1, ae = null, oe = null, se = 0, ce = 0, K = 0, le = 0, ue = 0, de = -1, fe = !1, pe = null, me = () => {
-			let e = jb(H);
-			for (let t of U) t(e);
-		}, he = (e) => {
-			H = {
-				...H,
+		}, ee = /* @__PURE__ */ new Set(), te = null, ne = null, re = null, ie = null, ae = null, G = null, oe = !1, se = null, ce = null, K = 0, le = 0, ue = 0, de = 0, fe = 0, pe = -1, me = !1, he = null, ge = () => {
+			let e = jb(W);
+			for (let t of ee) t(e);
+		}, _e = (e) => {
+			W = {
+				...W,
 				...e,
-				rect: e.rect === void 0 ? H.rect : Ab(e.rect)
-			}, me();
-		}, ge = () => H.status === "selecting" || H.status === "recording" || H.status === "exporting", _e = () => {
-			if (oe) return;
+				rect: e.rect === void 0 ? W.rect : Ab(e.rect)
+			}, ge();
+		}, ve = () => W.status === "selecting" || W.status === "recording" || W.status === "exporting", ye = () => {
+			if (ce) return;
 			let e = n.portalTarget.querySelector("[data-mesurer-toolbar='true']");
-			e && (oe = {
+			e && (ce = {
 				element: e,
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}, e.style.setProperty("visibility", "hidden", "important"));
-		}, ve = () => {
-			if (!oe) return;
-			let e = oe;
-			oe = null, e.value || e.priority ? e.element.style.setProperty("visibility", e.value, e.priority) : e.element.style.removeProperty("visibility");
-		}, ye = (e, t) => {
+		}, be = () => {
+			if (!ce) return;
+			let e = ce;
+			ce = null, e.value || e.priority ? e.element.style.setProperty("visibility", e.value, e.priority) : e.element.style.removeProperty("visibility");
+		}, xe = (e, t) => {
 			for (let n of [
 				"left",
 				"top",
@@ -18924,7 +18946,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				let r = t[n];
 				r === void 0 ? e.style.removeProperty(n) : e.style.setProperty(n, `${r}px`);
 			}
-		}, be = (e) => {
+		}, Se = (e) => {
 			let t = i.innerWidth, n = i.innerHeight, r = Math.min(t, Math.max(4, Math.round(e.width))), a = Math.min(n, Math.max(4, Math.round(e.height)));
 			return {
 				left: Math.min(Math.max(0, Math.round(e.left)), Math.max(0, t - r)),
@@ -18932,106 +18954,106 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				width: r,
 				height: a
 			};
-		}, xe = (e, t) => t.x >= e.left && t.x <= e.left + e.width && t.y >= e.top && t.y <= e.top + e.height, Se = (e) => {
+		}, Ce = (e, t) => t.x >= e.left && t.x <= e.left + e.width && t.y >= e.top && t.y <= e.top + e.height, we = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
 			if (!e || e.width <= 0 || e.height <= 0) {
-				ye(g[0], {
+				xe(v[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of g.slice(1)) ye(e, {
+				for (let e of v.slice(1)) xe(e, {
 					left: 0,
 					top: 0,
 					width: 0,
 					height: 0
 				});
-				v.style.display = "none", v.style.pointerEvents = "none", P.style.display = "none";
-				for (let e of I) e.style.display = "none";
-				y.style.display = "none", x.style.display = "none", b.textContent = "Drag to select a region · Esc to cancel";
+				b.style.display = "none", b.style.pointerEvents = "none", I.style.display = "none";
+				for (let e of R) e.style.display = "none";
+				x.style.display = "none", C.style.display = "none", S.textContent = "Drag to select a region · Esc to cancel";
 				return;
 			}
-			if (ye(g[0], {
+			if (xe(v[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), ye(g[1], {
+			}), xe(v[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), ye(g[2], {
+			}), xe(v[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), ye(g[3], {
+			}), xe(v[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), v.style.display = "block", ye(v, e), ie) {
-				v.style.pointerEvents = "auto", v.style.cursor = "move", P.style.display = "block";
-				for (let e of I) e.style.display = "block";
-				y.style.display = "none", T.value = String(Math.round(e.width)), E.value = String(Math.round(e.height)), A.value = String(Math.round(e.left)), j.value = String(Math.round(e.top)), T.max = String(t), E.max = String(n), A.max = String(Math.max(0, t - e.width)), j.max = String(Math.max(0, n - e.height));
+			}), b.style.display = "block", xe(b, e), oe) {
+				b.style.pointerEvents = "auto", b.style.cursor = "move", I.style.display = "block";
+				for (let e of R) e.style.display = "block";
+				x.style.display = "none", D.value = String(Math.round(e.width)), O.value = String(Math.round(e.height)), M.value = String(Math.round(e.left)), N.value = String(Math.round(e.top)), D.max = String(t), O.max = String(n), M.max = String(Math.max(0, t - e.width)), N.max = String(Math.max(0, n - e.height));
 				let r = Math.min(Math.max(118, e.left + e.width / 2), Math.max(118, t - 110 - 8)), i = e.top + e.height + 12, a = i + 112 <= n ? i : Math.max(8, e.top - 112);
-				x.style.left = `${r}px`, x.style.top = `${a}px`, x.style.display = "block", b.textContent = "Adjust region · Enter to start · Esc to cancel";
+				C.style.left = `${r}px`, C.style.top = `${a}px`, C.style.display = "block", S.textContent = "Adjust region · Enter to start · Esc to cancel";
 			} else {
-				v.style.pointerEvents = "none", v.style.cursor = "", P.style.display = "none";
-				for (let e of I) e.style.display = "none";
-				x.style.display = "none", y.style.display = "block", y.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ye(y, {
+				b.style.pointerEvents = "none", b.style.cursor = "", I.style.display = "none";
+				for (let e of R) e.style.display = "none";
+				C.style.display = "none", x.style.display = "block", x.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, xe(x, {
 					left: e.left + e.width / 2,
 					top: Math.min(n - 22, e.top + e.height + 6)
-				}), b.textContent = "Drag to select a region · Esc to cancel";
+				}), S.textContent = "Drag to select a region · Esc to cancel";
 			}
-		}, Ce = (e) => {
-			let t = be(e);
-			re = t, he({ rect: t }), Se(t);
-		}, we = (e) => {
-			for (let e of g) ye(e, {
+		}, Te = (e) => {
+			let t = Se(e);
+			G = t, _e({ rect: t }), we(t);
+		}, Ee = (e) => {
+			for (let e of v) xe(e, {
 				left: 0,
 				top: 0,
 				width: 0,
 				height: 0
 			});
-			ye(_, e), _.style.display = "block", v.style.display = "none", y.style.display = "none", x.style.display = "none", P.style.display = "none", b.style.display = "none";
-			for (let e of I) e.style.display = "none";
-			h.style.display = "block", h.style.pointerEvents = "none", h.style.cursor = "default";
-		}, Te = () => {
-			u(!1), _.style.display = "none", h.style.display = "none", h.style.pointerEvents = "auto", h.style.cursor = "crosshair", b.style.removeProperty("display");
-		}, Ee = () => {
-			ne = null, re = null, ie = !1, ae = null, Se(null), h.style.display = "none", h.style.cursor = "crosshair", o.style.pointerEvents = "none";
-		}, De = (e) => {
+			xe(y, e), y.style.display = "block", b.style.display = "none", x.style.display = "none", C.style.display = "none", I.style.display = "none", S.style.display = "none";
+			for (let e of R) e.style.display = "none";
+			_.style.display = "block", _.style.pointerEvents = "none", _.style.cursor = "default";
+		}, De = () => {
+			f(!1), y.style.display = "none", _.style.display = "none", _.style.pointerEvents = "auto", _.style.cursor = "crosshair", S.style.removeProperty("display");
+		}, Oe = () => {
+			ae = null, G = null, oe = !1, se = null, we(null), _.style.display = "none", _.style.cursor = "crosshair", o.style.pointerEvents = "none";
+		}, ke = (e) => {
 			let t = i.innerHeight, n = i.innerWidth;
-			L.style.visibility = "hidden", L.style.display = "flex";
-			let r = Math.max(112, L.offsetWidth || 112), a = Math.min(n - r - 8, Math.max(8, e.left + e.width / 2 - r / 2)), o = l?.querySelector("[data-mesurer-toolbar='true']")?.getBoundingClientRect(), s = [e.top >= 50 ? e.top - 34 - 8 : null, t - (e.top + e.height) >= 50 ? e.top + e.height + 8 : null].filter((e) => e !== null), c = (e) => o ? a < o.right && a + r > o.left && e < o.bottom && e + 34 > o.top : !1, u = s.find((e) => !c(e)) ?? s[0] ?? null;
+			z.style.visibility = "hidden", z.style.display = "flex";
+			let r = Math.max(112, z.offsetWidth || 112), a = Math.min(n - r - 8, Math.max(8, e.left + e.width / 2 - r / 2)), o = l?.querySelector("[data-mesurer-toolbar='true']")?.getBoundingClientRect(), s = [e.top >= 50 ? e.top - 34 - 8 : null, t - (e.top + e.height) >= 50 ? e.top + e.height + 8 : null].filter((e) => e !== null), c = (e) => o ? a < o.right && a + r > o.left && e < o.bottom && e + 34 > o.top : !1, u = s.find((e) => !c(e)) ?? s[0] ?? null;
 			if (u === null) {
-				L.style.display = "none", L.style.removeProperty("visibility");
+				z.style.display = "none", z.style.removeProperty("visibility");
 				return;
 			}
-			L.style.left = `${a}px`, L.style.top = `${u}px`, L.style.removeProperty("visibility");
-		}, Oe = () => {
-			L.style.display = "none";
-		}, ke = (e) => {
-			K && i.clearTimeout(K);
+			z.style.left = `${a}px`, z.style.top = `${u}px`, z.style.removeProperty("visibility");
+		}, Ae = () => {
+			z.style.display = "none";
+		}, je = (e) => {
+			ue && i.clearTimeout(ue);
 			let t = e instanceof Error ? e.message : "Could not record this region.";
-			V.textContent = t, V.style.display = "block", K = i.setTimeout(() => {
-				K = 0, V.style.display = "none";
+			U.textContent = t, U.style.display = "block", ue = i.setTimeout(() => {
+				ue = 0, U.style.display = "none";
 			}, Ob);
-		}, Ae = async (e) => {
-			se && i.cancelAnimationFrame(se), se = 0, ce && i.clearTimeout(ce), ce = 0;
-			let t = G;
-			if (G = null, t) try {
+		}, Me = async (e) => {
+			K && i.cancelAnimationFrame(K), K = 0, le && i.clearTimeout(le), le = 0;
+			let t = ie;
+			if (ie = null, t) try {
 				await t;
 			} catch {}
-			let n = te;
-			te = null, e && await n?.cancel();
-			let r = ee;
-			ee = null, r && Uy(r), Te(), Oe();
-		}, je = () => {
-			W = null, Pe.dismiss(), he({
+			let n = re;
+			re = null, e && await n?.cancel();
+			let r = ne;
+			ne = null, r && Uy(r), De(), Ae();
+		}, Ne = () => {
+			te = null, Ie.dismiss(), _e({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -19040,14 +19062,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			}), t.hook.emit("recording:discard", {});
-		}, Me = async () => {
-			let e = W;
-			return $y(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), p().frameRate);
-		}, Ne = async (e = {}) => {
-			let n = W;
+		}, Pe = async () => {
+			let e = te;
+			return $y(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), h().frameRate);
+		}, Fe = async (e = {}) => {
+			let n = te;
 			if (!n) throw Error("No recording is ready to export.");
-			let r = H.status;
-			he({
+			let r = W.status;
+			_e({
 				status: "exporting",
 				error: null
 			});
@@ -19056,7 +19078,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					...r,
 					filename: ib(r.format)
 				};
-				return he({
+				return _e({
 					status: "ready",
 					duration: n.duration,
 					width: n.width,
@@ -19071,29 +19093,29 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					bytes: i.blob.size
 				}), i;
 			} catch (e) {
-				throw he({
+				throw _e({
 					status: r === "ready" ? "ready" : "error",
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, Pe = _b({
+		}, Ie = _b({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
-			formats: async () => Me(),
-			onDiscard: je,
-			onExport: Ne
-		}), Fe = async () => {
-			if (pe) return pe;
-			if (H.status !== "recording" || !te || !ee) throw Error("No recording is active.");
-			let e = le, n = te, r = ee, a = Ab(H.rect);
+			formats: async () => Pe(),
+			onDiscard: Ne,
+			onExport: Fe
+		}), Le = async () => {
+			if (he) return he;
+			if (W.status !== "recording" || !re || !ne) throw Error("No recording is active.");
+			let e = de, n = re, r = ne, a = Ab(W.rect);
 			if (!a) throw Error("Recording region is unavailable.");
-			return pe = (async () => {
-				se && i.cancelAnimationFrame(se), se = 0, ce && i.clearTimeout(ce), ce = 0;
-				let s = G;
-				G = null, s && await s;
+			return he = (async () => {
+				K && i.cancelAnimationFrame(K), K = 0, le && i.clearTimeout(le), le = 0;
+				let s = ie;
+				ie = null, s && await s;
 				let c = await n.finalize();
-				if (te = null, ee = null, Uy(r), le !== e || fe) throw Error("Recording was cancelled.");
+				if (re = null, ne = null, Uy(r), de !== e || me) throw Error("Recording was cancelled.");
 				let l = await nb(c), u = {
 					blob: c,
 					format: "webm",
@@ -19102,14 +19124,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					height: l.height,
 					createdAt: Date.now()
 				};
-				return W = u, Te(), Oe(), ve(), o.style.pointerEvents = "none", he({
+				return te = u, De(), Ae(), be(), o.style.pointerEvents = "none", _e({
 					status: "ready",
 					elapsed: l.duration,
 					duration: l.duration,
 					width: l.width,
 					height: l.height,
 					error: null
-				}), Pe.show(u), await t.hook.emit("recording:ready", {
+				}), Ie.show(u), await t.hook.emit("recording:ready", {
 					rect: a,
 					duration: l.duration,
 					width: l.width,
@@ -19117,45 +19139,45 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					bytes: c.size
 				}), u;
 			})().catch(async (t) => {
-				if (await Ae(!0), ve(), le === e && !fe) {
+				if (await Me(!0), be(), de === e && !me) {
 					let e = t instanceof Error ? t.message : "Could not finish the recording.";
-					he({
+					_e({
 						status: "error",
 						error: e
-					}), ke(t);
+					}), je(t);
 				}
 				throw t;
 			}).finally(() => {
-				pe = null;
-			}), pe;
-		}, Ie = (e, t, n, r) => {
+				he = null;
+			}), he;
+		}, Re = (e, t, n, r) => {
 			let a = 1 / r, o = (r) => {
-				if (fe || le !== n || H.status !== "recording" || te !== t || ee !== e) return;
-				let s = Math.max(0, (r - ue) / 1e3);
-				he({ elapsed: s }), z.textContent = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`;
+				if (me || de !== n || W.status !== "recording" || re !== t || ne !== e) return;
+				let s = Math.max(0, (r - fe) / 1e3);
+				_e({ elapsed: s }), V.textContent = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`;
 				let c = s;
-				!G && c - de >= a * .8 && (Hy(e, H.rect ?? {
+				!ie && c - pe >= a * .8 && (Hy(e, W.rect ?? {
 					left: 0,
 					top: 0,
 					width: i.innerWidth,
 					height: i.innerHeight
-				}, Ty(i)), de = c, G = t.addFrame(c, a).catch((e) => {
-					throw le === n && !fe && Ae(!0).then(() => {
-						ve();
+				}, Ty(i)), pe = c, ie = t.addFrame(c, a).catch((e) => {
+					throw de === n && !me && Me(!0).then(() => {
+						be();
 						let t = e instanceof Error ? e.message : "MediaBunny could not encode the recording.";
-						he({
+						_e({
 							status: "error",
 							error: t
-						}), ke(e);
+						}), je(e);
 					}), e;
 				}).finally(() => {
-					G = null;
-				})), se = i.requestAnimationFrame(o);
+					ie = null;
+				})), K = i.requestAnimationFrame(o);
 			};
-			se = i.requestAnimationFrame(o);
-		}, Le = async (e) => {
-			let n = ++le, a = p().frameRate;
-			Pe.dismiss(), W = null, ne = null, re = null, ie = !1, ae = null, we(e), o.style.pointerEvents = "none", u(!0), ve(), he({
+			K = i.requestAnimationFrame(o);
+		}, ze = async (e) => {
+			let n = ++de, a = h().frameRate;
+			Ie.dismiss(), te = null, ae = null, G = null, oe = !1, se = null, Ee(e), o.style.pointerEvents = "none", f(!0), be(), _e({
 				status: "selecting",
 				elapsed: 0,
 				rect: e,
@@ -19163,49 +19185,49 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				width: null,
 				height: null,
 				error: null
-			}), z.textContent = "00:00", De(e);
+			}), V.textContent = "00:00", ke(e);
 			try {
 				let s = await Vy(r, i, e, a);
-				if (fe || le !== n) {
+				if (me || de !== n) {
 					Uy(s);
 					return;
 				}
 				let c = await tb(s.canvas, {
 					format: "webm",
 					frameRate: a,
-					quality: f
+					quality: m
 				});
-				if (fe || le !== n) {
+				if (me || de !== n) {
 					await c.cancel(), Uy(s);
 					return;
 				}
-				if (ee = s, te = c, ue = i.performance.now(), de = 0, Hy(s, e, Ty(i)), await c.addFrame(0, 1 / a), fe || le !== n) {
-					await Ae(!0);
+				if (ne = s, re = c, fe = i.performance.now(), pe = 0, Hy(s, e, Ty(i)), await c.addFrame(0, 1 / a), me || de !== n) {
+					await Me(!0);
 					return;
 				}
-				he({
+				_e({
 					status: "recording",
 					elapsed: 0
-				}), o.style.pointerEvents = "none", u(!0), we(e), z.textContent = "00:00", De(e), Ie(s, c, n, a), s.track.addEventListener("ended", () => {
-					le === n && H.status === "recording" && Fe().catch(() => void 0);
-				}, { once: !0 }), ce = i.setTimeout(() => {
-					le === n && H.status === "recording" && Fe().catch(() => void 0);
-				}, d * 1e3), await t.hook.emit("recording:start", {
+				}), o.style.pointerEvents = "none", f(!0), Ee(e), V.textContent = "00:00", ke(e), Re(s, c, n, a), s.track.addEventListener("ended", () => {
+					de === n && W.status === "recording" && Le().catch(() => void 0);
+				}, { once: !0 }), le = i.setTimeout(() => {
+					de === n && W.status === "recording" && Le().catch(() => void 0);
+				}, p * 1e3), await t.hook.emit("recording:start", {
 					rect: { ...e },
 					frameRate: a,
-					maxDurationSeconds: d
+					maxDurationSeconds: p
 				});
 			} catch (t) {
-				if (await Ae(!0), ve(), le !== n || fe) return;
+				if (await Me(!0), be(), de !== n || me) return;
 				let r = t instanceof DOMException && t.name === "AbortError", i = r ? null : t instanceof Error ? t.message : "Could not start the recording.";
-				throw he({
+				throw _e({
 					status: r ? "idle" : "error",
 					rect: r ? null : e,
 					error: i
-				}), r || ke(t), t;
+				}), r || je(t), t;
 			}
-		}, Re = () => {
-			H.status !== "selecting" && (++le, Pe.dismiss(), W = null, re = null, ie = !1, ae = null, _e(), Se(null), h.style.display = "block", h.style.pointerEvents = "auto", b.style.removeProperty("display"), o.style.pointerEvents = "auto", he({
+		}, Be = () => {
+			W.status !== "selecting" && (++de, Ie.dismiss(), te = null, G = null, oe = !1, se = null, ye(), we(null), _.style.display = "block", _.style.pointerEvents = "auto", S.style.removeProperty("display"), o.style.pointerEvents = "auto", _e({
 				status: "selecting",
 				elapsed: 0,
 				rect: null,
@@ -19214,23 +19236,23 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			}));
-		}, ze = async (e) => {
-			if (H.status === "recording") {
-				await Fe();
+		}, Ve = async (e) => {
+			if (W.status === "recording") {
+				await Le();
 				return;
 			}
-			if (H.status === "selecting") {
-				await Be();
+			if (W.status === "selecting") {
+				await He();
 				return;
 			}
 			if (!e) {
-				Re();
+				Be();
 				return;
 			}
 			if (e.width < 4 || e.height < 4) throw Error("Recording selection must be at least 4px by 4px.");
-			await Le(e);
-		}, Be = async () => {
-			++le, Ee(), await Ae(!0), ve(), H.status !== "ready" && he({
+			await ze(e);
+		}, He = async () => {
+			++de, Oe(), await Me(!0), be(), W.status !== "ready" && _e({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -19239,33 +19261,33 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			});
-		}, Ve = (e, t, n) => {
-			let r = re;
-			!ie || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), ae = {
+		}, Ue = (e, t, n) => {
+			let r = G;
+			!oe || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), se = {
 				kind: t,
 				handle: n,
 				pointerId: e.pointerId,
 				startX: e.clientX,
 				startY: e.clientY,
 				rect: { ...r }
-			}, h.setPointerCapture?.(e.pointerId));
-		}, He = (e) => {
-			H.status === "selecting" && e.button === 0 && (ie && re && xe(re, {
+			}, _.setPointerCapture?.(e.pointerId));
+		}, We = (e) => {
+			W.status === "selecting" && e.button === 0 && (oe && G && Ce(G, {
 				x: e.clientX,
 				y: e.clientY
-			}) || (e.preventDefault(), e.stopPropagation(), ie = !1, re = null, he({ rect: null }), h.style.cursor = "crosshair", ne = {
+			}) || (e.preventDefault(), e.stopPropagation(), oe = !1, G = null, _e({ rect: null }), _.style.cursor = "crosshair", ae = {
 				x: e.clientX,
 				y: e.clientY
-			}, Se(qa(ne, ne, {
+			}, we(qa(ae, ae, {
 				width: i.innerWidth,
 				height: i.innerHeight
-			})), h.setPointerCapture?.(e.pointerId)));
-		}, Ue = (e) => {
-			if (H.status === "selecting") {
-				if (ae) {
-					let t = ae, n = e.clientX - t.startX, r = e.clientY - t.startY, a = i.innerWidth, o = i.innerHeight;
+			})), _.setPointerCapture?.(e.pointerId)));
+		}, Ge = (e) => {
+			if (W.status === "selecting") {
+				if (se) {
+					let t = se, n = e.clientX - t.startX, r = e.clientY - t.startY, a = i.innerWidth, o = i.innerHeight;
 					if (t.kind === "move") {
-						Ce({
+						Te({
 							...t.rect,
 							left: t.rect.left + n,
 							top: t.rect.top + r
@@ -19273,7 +19295,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 						return;
 					}
 					let s = t.handle ?? "", c = t.rect.left, l = t.rect.top, u = t.rect.left + t.rect.width, d = t.rect.top + t.rect.height;
-					s.includes("w") && (c = Math.min(u - 4, Math.max(0, t.rect.left + n))), s.includes("e") && (u = Math.max(c + 4, Math.min(a, t.rect.left + t.rect.width + n))), s.includes("n") && (l = Math.min(d - 4, Math.max(0, t.rect.top + r))), s.includes("s") && (d = Math.max(l + 4, Math.min(o, t.rect.top + t.rect.height + r))), Ce({
+					s.includes("w") && (c = Math.min(u - 4, Math.max(0, t.rect.left + n))), s.includes("e") && (u = Math.max(c + 4, Math.min(a, t.rect.left + t.rect.width + n))), s.includes("n") && (l = Math.min(d - 4, Math.max(0, t.rect.top + r))), s.includes("s") && (d = Math.max(l + 4, Math.min(o, t.rect.top + t.rect.height + r))), Te({
 						left: c,
 						top: l,
 						width: u - c,
@@ -19281,7 +19303,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					});
 					return;
 				}
-				ne && Se(qa(ne, {
+				ae && we(qa(ae, {
 					x: e.clientX,
 					y: e.clientY
 				}, {
@@ -19289,14 +19311,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					height: i.innerHeight
 				}));
 			}
-		}, We = (e) => {
-			if (ae) {
-				ae = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), re && Se(re);
+		}, Ke = (e) => {
+			if (se) {
+				se = null, _.hasPointerCapture?.(e.pointerId) && _.releasePointerCapture(e.pointerId), G && we(G);
 				return;
 			}
-			let t = ne;
-			if (ne = null, H.status !== "selecting" || !t) return;
-			h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId);
+			let t = ae;
+			if (ae = null, W.status !== "selecting" || !t) return;
+			_.hasPointerCapture?.(e.pointerId) && _.releasePointerCapture(e.pointerId);
 			let n = qa(t, {
 				x: e.clientX,
 				y: e.clientY
@@ -19305,66 +19327,66 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: i.innerHeight
 			});
 			if (n.width < 4 || n.height < 4) {
-				re = null, ie = !1, he({ rect: null }), Se(null);
+				G = null, oe = !1, _e({ rect: null }), we(null);
 				return;
 			}
-			re = be(n), ie = !0, h.style.cursor = "default", he({ rect: re }), Se(re);
-		}, Ge = (e) => {
-			ne = null, ae = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), Se(re && ie ? re : null);
-		}, Ke = (e) => {
-			if (e.key === "Enter" && H.status === "selecting" && ie && re) {
-				e.preventDefault(), e.stopImmediatePropagation(), Le(re).catch(() => void 0);
+			G = Se(n), oe = !0, _.style.cursor = "default", _e({ rect: G }), we(G);
+		}, qe = (e) => {
+			ae = null, se = null, _.hasPointerCapture?.(e.pointerId) && _.releasePointerCapture(e.pointerId), we(G && oe ? G : null);
+		}, Je = (e) => {
+			if (e.key === "Enter" && W.status === "selecting" && oe && G) {
+				e.preventDefault(), e.stopImmediatePropagation(), ze(G).catch(() => void 0);
 				return;
 			}
 			if (e.key === "Escape") {
-				if (H.status === "selecting") {
-					e.preventDefault(), e.stopImmediatePropagation(), Be();
+				if (W.status === "selecting") {
+					e.preventDefault(), e.stopImmediatePropagation(), He();
 					return;
 				}
-				H.status === "recording" && (e.preventDefault(), e.stopImmediatePropagation(), Fe().catch(() => void 0));
+				W.status === "recording" && (e.preventDefault(), e.stopImmediatePropagation(), Le().catch(() => void 0));
 			}
 		};
-		h.addEventListener("pointerdown", He), h.addEventListener("pointermove", Ue), h.addEventListener("pointerup", We), h.addEventListener("pointercancel", Ge), i.addEventListener("keydown", Ke, !0), v.addEventListener("pointerdown", (e) => {
+		_.addEventListener("pointerdown", We), _.addEventListener("pointermove", Ge), _.addEventListener("pointerup", Ke), _.addEventListener("pointercancel", qe), i.addEventListener("keydown", Je, !0), b.addEventListener("pointerdown", (e) => {
 			let t = e.target;
-			t instanceof Element && t.closest("[data-mesurer-recording-resize]") || Ve(e, "move");
+			t instanceof Element && t.closest("[data-mesurer-recording-resize]") || Ue(e, "move");
 		});
-		for (let e of I) e.addEventListener("pointerdown", (t) => {
-			Ve(t, "resize", e.dataset.mesurerRecordingResize);
+		for (let e of R) e.addEventListener("pointerdown", (t) => {
+			Ue(t, "resize", e.dataset.mesurerRecordingResize);
 		});
-		x.addEventListener("pointerdown", (e) => {
+		C.addEventListener("pointerdown", (e) => {
 			e.stopPropagation();
-		}), x.addEventListener("click", (e) => {
+		}), C.addEventListener("click", (e) => {
 			e.stopPropagation();
 		});
-		let qe = (e, t) => {
-			let n = re, r = Number(e.value);
-			!n || !Number.isFinite(r) || Ce({
+		let Ye = (e, t) => {
+			let n = G, r = Number(e.value);
+			!n || !Number.isFinite(r) || Te({
 				...n,
 				[t]: r
 			});
 		};
-		T.addEventListener("change", () => qe(T, "width")), E.addEventListener("change", () => qe(E, "height")), A.addEventListener("change", () => qe(A, "left")), j.addEventListener("change", () => qe(j, "top")), N.addEventListener("click", () => {
-			H.status === "selecting" && ie && re && Le(re).catch(() => void 0);
-		}), B.addEventListener("click", () => {
-			if (H.status === "recording") {
-				Fe().catch(() => void 0);
+		D.addEventListener("change", () => Ye(D, "width")), O.addEventListener("change", () => Ye(O, "height")), M.addEventListener("change", () => Ye(M, "left")), N.addEventListener("change", () => Ye(N, "top")), F.addEventListener("click", () => {
+			W.status === "selecting" && oe && G && ze(G).catch(() => void 0);
+		}), H.addEventListener("click", () => {
+			if (W.status === "recording") {
+				Le().catch(() => void 0);
 				return;
 			}
-			H.status === "selecting" && L.style.display !== "none" && Be().catch(() => void 0);
+			W.status === "selecting" && z.style.display !== "none" && He().catch(() => void 0);
 		});
-		let Je = {
-			snapshot: () => jb(H),
+		let Xe = {
+			snapshot: () => jb(W),
 			subscribe(e) {
-				return U.add(e), () => U.delete(e);
+				return ee.add(e), () => ee.delete(e);
 			},
-			settings: p,
-			setSettings: m,
-			formats: Me,
-			start: ze,
-			stop: Fe,
-			cancel: Be,
-			discard: je,
-			export: Ne
+			settings: h,
+			setSettings: g,
+			formats: Pe,
+			start: Ve,
+			stop: Le,
+			cancel: He,
+			discard: Ne,
+			export: Fe
 		};
 		t.tool.register({
 			id: "recording",
@@ -19375,28 +19397,28 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			toolbarMode: "select",
 			compactPinned: !0,
 			icon: kb,
-			active: ge,
-			hidden: () => !p().toolEnabled,
+			active: ve,
+			hidden: () => !h().toolEnabled,
 			menu: {
 				label: "Recording options",
 				items: [
 					{
 						id: "new",
 						label: "New recording",
-						disabled: () => H.status === "recording" || H.status === "exporting",
-						run: () => ze()
+						disabled: () => W.status === "recording" || W.status === "exporting",
+						run: () => Ve()
 					},
 					{
 						id: "stop",
 						label: "Stop recording",
-						disabled: () => H.status !== "recording",
-						run: () => Fe().then(() => void 0)
+						disabled: () => W.status !== "recording",
+						run: () => Le().then(() => void 0)
 					},
 					{
 						id: "discard",
 						label: "Discard clip",
-						disabled: () => W === null,
-						run: je
+						disabled: () => te === null,
+						run: Ne
 					}
 				]
 			}
@@ -19409,26 +19431,26 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				id: "tool",
 				label: "Recording tool",
 				description: "Show selected-region video recording in the Select toolbar.",
-				value: () => p().toolEnabled,
+				value: () => h().toolEnabled,
 				set: async (e) => {
-					m({ toolEnabled: e }), !e && ge() && await Be();
+					g({ toolEnabled: e }), !e && ve() && await He();
 				}
 			}, {
 				type: "toggle",
 				id: "120-fps",
 				label: "120 fps",
 				description: "Record at 120 fps when the capture source supports it. Off records at 60 fps.",
-				value: () => p().frameRate === 120,
-				disabled: ge,
+				value: () => h().frameRate === 120,
+				disabled: ve,
 				set: (e) => {
-					m({ frameRate: e ? 120 : 60 });
+					g({ frameRate: e ? 120 : 60 });
 				}
 			}]
-		}), t.command.register(Sb, async () => (await ze(), Ib(H))), t.command.register(Cb, async () => Rb(await Fe())), t.command.register(wb, () => (je(), Ib(H))), t.command.register(Tb, async (e) => {
-			let t = await Ne(Fb(e));
+		}), t.command.register(Sb, async () => (await Ve(), Ib(W))), t.command.register(Cb, async () => Rb(await Le())), t.command.register(wb, () => (Ne(), Ib(W))), t.command.register(Tb, async (e) => {
+			let t = await Fe(Fb(e));
 			return zb(t, r, i), Lb(t);
-		}), t.service.provide(yb, Je), t.lifecycle.onDispose(() => {
-			fe = !0, ++le, U.clear(), h.removeEventListener("pointerdown", He), h.removeEventListener("pointermove", Ue), h.removeEventListener("pointerup", We), h.removeEventListener("pointercancel", Ge), i.removeEventListener("keydown", Ke, !0), K && i.clearTimeout(K), Pe.dispose(), Ee(), ve(), Ae(!0), s.dispose(), a.dispose();
+		}), t.service.provide(yb, Xe), t.lifecycle.onDispose(() => {
+			me = !0, ++de, ee.clear(), _.removeEventListener("pointerdown", We), _.removeEventListener("pointermove", Ge), _.removeEventListener("pointerup", Ke), _.removeEventListener("pointercancel", qe), i.removeEventListener("keydown", Je, !0), ue && i.clearTimeout(ue), Ie.dispose(), Oe(), be(), Me(!0), s.dispose(), a.dispose();
 		});
 	}
 }), Vb = 144, Hb = 96, Ub = 8, Wb = 4, Gb = 1800, Kb = 200, qb = (e, t) => {
@@ -19665,35 +19687,35 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}, te = (e) => {
 		let t = x?.pointerId;
 		t != null && t === e.pointerId && z(e.clientX, e.clientY);
-	}, G = (e) => {
+	}, ne = (e) => {
 		let t = x?.pointerId;
 		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), B());
-	}, ne = (e) => {
+	}, re = (e) => {
 		let t = x?.pointerId;
 		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), V());
-	}, re = (e) => {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), F());
 	}, ie = (e) => {
-		e.target !== s && e.preventDefault();
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), F());
 	}, ae = (e) => {
+		e.target !== s && e.preventDefault();
+	}, G = (e) => {
 		e.target === d && k();
 	}, oe = (e) => {
 		e.key === "Escape" && d.style.display !== "none" && (e.preventDefault(), e.stopImmediatePropagation(), k());
 	};
 	return c.addEventListener("pointerdown", (e) => e.stopPropagation()), c.addEventListener("mousedown", (e) => e.stopPropagation()), c.addEventListener("click", (e) => {
 		e.stopPropagation(), M();
-	}), o.addEventListener("mousedown", H), o.addEventListener("pointerdown", ee), o.addEventListener("keydown", re), o.addEventListener("contextmenu", ie), d.addEventListener("click", ae), m.addEventListener("click", () => {
+	}), o.addEventListener("mousedown", H), o.addEventListener("pointerdown", ee), o.addEventListener("keydown", ie), o.addEventListener("contextmenu", ae), d.addEventListener("click", G), m.addEventListener("click", () => {
 		I();
-	}), h.addEventListener("click", L), g.addEventListener("click", k), t.addEventListener("mousemove", U, !0), t.addEventListener("mouseup", W, !0), t.addEventListener("pointermove", te, !0), t.addEventListener("pointerup", G, !0), t.addEventListener("pointercancel", ne, !0), t.addEventListener("keydown", oe, !0), {
+	}), h.addEventListener("click", L), g.addEventListener("click", k), t.addEventListener("mousemove", U, !0), t.addEventListener("mouseup", W, !0), t.addEventListener("pointermove", te, !0), t.addEventListener("pointerup", ne, !0), t.addEventListener("pointercancel", re, !0), t.addEventListener("keydown", oe, !0), {
 		show(e, n) {
 			if (T) return;
-			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.removeProperty("will-change"), o.style.pointerEvents = "auto", A(), v = e;
+			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.willChange = "transform, opacity", o.style.pointerEvents = "auto", A(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
 			y = i, s.src = i, f.src = i, o.style.display = "block", P(b ?? N()), O(Xb(n)), r > 0 && (S = t.setTimeout(j, r));
 		},
 		dismiss: j,
 		dispose() {
-			T || (T = !0, E(), D(), j(), t.removeEventListener("mousemove", U, !0), t.removeEventListener("mouseup", W, !0), t.removeEventListener("pointermove", te, !0), t.removeEventListener("pointerup", G, !0), t.removeEventListener("pointercancel", ne, !0), t.removeEventListener("keydown", oe, !0), o.removeEventListener("mousedown", H), o.removeEventListener("pointerdown", ee), o.removeEventListener("keydown", re), o.removeEventListener("contextmenu", ie), d.removeEventListener("click", ae), a.remove());
+			T || (T = !0, E(), D(), j(), t.removeEventListener("mousemove", U, !0), t.removeEventListener("mouseup", W, !0), t.removeEventListener("pointermove", te, !0), t.removeEventListener("pointerup", ne, !0), t.removeEventListener("pointercancel", re, !0), t.removeEventListener("keydown", oe, !0), o.removeEventListener("mousedown", H), o.removeEventListener("pointerdown", ee), o.removeEventListener("keydown", ie), o.removeEventListener("contextmenu", ae), d.removeEventListener("click", G), a.remove());
 		}
 	};
 }, $b = "mesurer.screenshot", ex = "screenshot", tx = "mesurer.screenshot.settings", nx = "mesurer.screenshot.active", rx = "runtime:solid", ix = "screenshot.toggle", ax = 2500, ox = 0, sx = [
@@ -19961,7 +19983,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					Za(n, Xa(), r, i), l = !0;
 				}) : Promise.resolve(), p = await Promise.allSettled([u, f]), m = s.copy && p[0]?.status === "rejected", h = s.download && p[1]?.status === "rejected";
 				if (b !== o) throw Error("Screenshot capture was cancelled.");
-				return M.show(n, {
+				return w() && F(), M.show(n, {
 					copied: a,
 					downloaded: l,
 					copyFailed: m,
@@ -20504,7 +20526,7 @@ function Yx(e) {
 }
 //#endregion
 //#region src/version.ts
-var Xx = "0.2.1-beta.13", Zx = Np, Qx = Pp, $x = () => ({
+var Xx = "0.2.1-beta.15", Zx = Np, Qx = Pp, $x = () => ({
 	...km(),
 	version: Xx
 }), eS = Qx, tS = (e, t) => e.left <= t.left + t.width && e.left + e.width >= t.left && e.top <= t.top + t.height && e.top + e.height >= t.top, nS = (e) => {
@@ -21666,7 +21688,7 @@ function xC(e = {}) {
 						checked: () => n === e.id,
 						disabled: () => B(),
 						run() {
-							B() || (z(e.id, !l), G());
+							B() || (z(e.id, !l), ne());
 						}
 					};
 				});
@@ -21674,7 +21696,7 @@ function xC(e = {}) {
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = nC, G();
+						g = nC, ne();
 					}
 				}), b?.queuedSubmissionId && b.status === "queued" && (b.dispatch === "desktop-opened" || b.dispatch === "desktop-wake-failed") && r.push({
 					id: "codex.delivery.receipt",
@@ -21682,7 +21704,7 @@ function xC(e = {}) {
 					disabled: () => !0,
 					run: () => void 0
 				}), r;
-			}, G = () => {
+			}, ne = () => {
 				if (!n || w) return;
 				let t = L(), r = te(), i = !B() && !d && o !== "unavailable" && (o === "unknown" || !!t), a = s?.source === "desktop" && s.reason === "desktop-private-transport", c = !window.__MESURER_HOST__?.codexBridge, l = H() ?? (o === "unavailable" ? c ? "Codex host not connected" : a ? "Codex Desktop not connected" : "Codex unavailable" : d || o === "available" && !t ? "Choose Codex thread" : "Queue to Codex"), u = JSON.stringify({
 					bridgeAvailability: o,
@@ -21712,7 +21734,7 @@ function xC(e = {}) {
 						items: r
 					} : void 0
 				}));
-			}, ne = async (e) => {
+			}, re = async (e) => {
 				if (o !== "available") return;
 				let t = await I({
 					limit: nC,
@@ -21723,22 +21745,22 @@ function xC(e = {}) {
 			ee = (e = !1) => w || o === "unknown" && !e ? Promise.resolve() : y || (y = (async () => {
 				try {
 					let e = await N();
-					o = "available", c = !0, f = e.thread, await ne(u ?? l ?? e.thread);
+					o = "available", c = !0, f = e.thread, await re(u ?? l ?? e.thread);
 					let t = u ?? l;
 					t && p.includes(t) ? d = !1 : p.length === 1 ? z(p[0], !0) : d = !0, !d && t && R();
 				} catch (e) {
 					throw o = "unavailable", s = await j().catch(() => s), e;
 				} finally {
-					y = null, G();
+					y = null, ne();
 				}
 			})(), y);
-			let re = () => {
+			let ie = () => {
 				x &&= (globalThis.clearTimeout(x), 0), S &&= (globalThis.clearTimeout(S), 0);
-			}, ie = () => {
+			}, ae = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
-					S = 0, b?.status === "completed" && (b = null, R(), G());
+					S = 0, b?.status === "completed" && (b = null, R(), ne());
 				}, $S);
-			}, ae = async (e) => {
+			}, G = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
 						...b,
@@ -21748,49 +21770,49 @@ function xC(e = {}) {
 						dispatch: e.dispatch ?? b.dispatch,
 						dispatchError: e.dispatchError ?? b.dispatchError
 					}, R(), e.status === "queued" && (e.dispatch === "desktop-opened" || e.dispatch === "desktop-wake-failed")) {
-						G();
+						ne();
 						return;
 					}
 					if (e.status === "completed") {
 						if (r) for (let e of b.annotationIds) await i.removeAnnotation(e);
-						R(), G(), ie();
+						R(), ne(), ae();
 						return;
 					}
 					if (e.status === "interrupted") {
-						R(), G();
+						R(), ne();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
 						Date.now() - t < tC && (x = globalThis.setTimeout(() => {
 							x = 0, oe(e.id);
 						}, eC));
 						return;
 					}
-					G(), x = globalThis.setTimeout(() => {
+					ne(), x = globalThis.setTimeout(() => {
 						x = 0, oe(e.id);
 					}, QS);
 				}
 			}, oe = async (e) => {
 				if (!(w || b?.id !== e)) try {
-					await ae(await P(e));
+					await G(await P(e));
 				} catch (t) {
 					if (b?.id !== e) return;
 					let n = t;
 					if (b.status === "queued" && b.thread) try {
 						o !== "available" && await ee(!0);
 						let e = await F(b);
-						await ae(e);
+						await G(e);
 						return;
 					} catch (e) {
 						n = e;
 					}
 					if (b?.id !== e) return;
 					if (b.status === "interrupted") {
-						G();
+						ne();
 						return;
 					}
 					b = {
 						...b,
 						status: "failed"
-					}, R(), bC(n) && (o = "unavailable"), G();
+					}, R(), bC(n) && (o = "unavailable"), ne();
 				}
 			}, se = {
 				health: M,
@@ -21803,7 +21825,7 @@ function xC(e = {}) {
 						action: "target",
 						thread: t
 					}), r = mC(n);
-					return s = pC(n) ?? s, z(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, G(), r;
+					return s = pC(n) ?? s, z(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, ne(), r;
 				},
 				async queue(e) {
 					let r = await _C(i, e, t), a = e?.thread?.trim(), s = a || (n ? L() : null);
@@ -21826,7 +21848,7 @@ function xC(e = {}) {
 						};
 						return e.queuedSubmissionId !== void 0 && (n.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.dispatch !== void 0 && (n.dispatch = e.dispatch), e.dispatchError !== void 0 && (n.dispatchError = e.dispatchError?.trim() || null), n;
 					} catch (e) {
-						throw n && bC(e) && (o = "unavailable", G()), e;
+						throw n && bC(e) && (o = "unavailable", ne()), e;
 					}
 				},
 				send(e) {
@@ -21835,7 +21857,7 @@ function xC(e = {}) {
 			};
 			e.service.provide(YS, se);
 			let ce = async () => {
-				if (!(C || B())) return re(), b = {
+				if (!(C || B())) return ie(), b = {
 					id: null,
 					thread: L(),
 					status: "queueing",
@@ -21843,7 +21865,7 @@ function xC(e = {}) {
 					queuedSubmissionId: null,
 					dispatch: null,
 					dispatchError: null
-				}, G(), C = (async () => {
+				}, ne(), C = (async () => {
 					try {
 						n && o !== "available" && await ee(!0);
 						let e = await se.queue();
@@ -21855,7 +21877,7 @@ function xC(e = {}) {
 							queuedSubmissionId: e.queuedSubmissionId ?? null,
 							dispatch: e.dispatch ?? null,
 							dispatchError: e.dispatchError ?? null
-						}, z(e.thread, !l), R(), G(), console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`), e.deliveryId ? e.status === "completed" || e.status === "interrupted" ? await ae({
+						}, z(e.thread, !l), R(), ne(), console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`), e.deliveryId ? e.status === "completed" || e.status === "interrupted" ? await G({
 							id: e.deliveryId,
 							thread: e.thread,
 							status: e.status,
@@ -21865,10 +21887,10 @@ function xC(e = {}) {
 						}) : x = globalThis.setTimeout(() => {
 							x = 0, oe(e.deliveryId);
 						}, QS) : S = globalThis.setTimeout(() => {
-							S = 0, b?.id === null && b?.status === "queued" && (b = null, R(), G());
+							S = 0, b?.id === null && b?.status === "queued" && (b = null, R(), ne());
 						}, $S);
 					} catch (e) {
-						b = null, R(), G();
+						b = null, R(), ne();
 						let t = e instanceof Error ? e.message : String(e);
 						throw console.error(`[Mesurer] Failed to queue feedback for Codex: ${t}`), e;
 					} finally {
@@ -21877,7 +21899,7 @@ function xC(e = {}) {
 				})(), C;
 			};
 			if (e.command.register("codex.queue", ce), e.command.register("codex.send", ce), n) {
-				G();
+				ne();
 				try {
 					await ee(!0);
 				} catch (e) {
@@ -21896,7 +21918,7 @@ function xC(e = {}) {
 					c && ee().catch(() => void 0);
 				}, ZS);
 				e.lifecycle.onDispose(() => {
-					w = !0, re(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
+					w = !0, ie(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
 			}
 		}
@@ -22035,7 +22057,7 @@ function NC(e = {}) {
 		return t;
 	}, te = async (e, t) => {
 		(await P()).show(e, t);
-	}, G = async (e, t) => (await P()).capturePlan(e, t), ne = async (e, t) => (await P()).review(e, t), re = () => j.textEdits(), ie = (e) => j.textEdit(e), ae = Object.assign(j, {
+	}, ne = async (e, t) => (await P()).capturePlan(e, t), re = async (e, t) => (await P()).review(e, t), ie = () => j.textEdits(), ae = (e) => j.textEdit(e), G = Object.assign(j, {
 		capabilities: () => {
 			let e = !!b?.service.get(AS);
 			return {
@@ -22063,8 +22085,8 @@ function NC(e = {}) {
 		arrangements: W,
 		arrange: ee,
 		showArrange: te,
-		arrangeCapturePlan: G,
-		reviewArrange: ne
+		arrangeCapturePlan: ne,
+		reviewArrange: re
 	}), oe = {
 		...f,
 		version: Xx,
@@ -22083,13 +22105,13 @@ function NC(e = {}) {
 		ce = t;
 	});
 	K.catch(() => void 0);
-	let le = Promise.race([(async () => (await ae.ready(), k()))(), K]);
+	let le = Promise.race([(async () => (await G.ready(), k()))(), K]);
 	le.catch(() => void 0);
 	let ue = null;
 	if (A) {
 		let e = A.globalName ?? "__MESURER__", t = Object.getOwnPropertyDescriptor(m, e);
-		Reflect.set(m, e, ae), ue = () => {
-			Object.getOwnPropertyDescriptor(m, e)?.value === ae && (t ? Object.defineProperty(m, e, t) : Reflect.deleteProperty(m, e));
+		Reflect.set(m, e, G), ue = () => {
+			Object.getOwnPropertyDescriptor(m, e)?.value === G && (t ? Object.defineProperty(m, e, t) : Reflect.deleteProperty(m, e));
 		};
 	}
 	let de = !1, fe = () => void 0, pe = (e) => {
@@ -22102,7 +22124,7 @@ function NC(e = {}) {
 			return b;
 		},
 		ready: le,
-		agent: ae,
+		agent: G,
 		service: M,
 		context: F,
 		contextText: I,
@@ -22116,10 +22138,10 @@ function NC(e = {}) {
 		arrangements: W,
 		arrange: ee,
 		showArrange: te,
-		arrangeCapturePlan: G,
-		reviewArrange: ne,
-		textEdits: re,
-		textEdit: ie,
+		arrangeCapturePlan: ne,
+		reviewArrange: re,
+		textEdits: ie,
+		textEdit: ae,
 		bringToFront: g.bringToFront,
 		describe: async () => (await le).describe(),
 		dispose() {