mesurer-solid 0.2.1-beta.11 → 0.2.1-beta.12

package/dist/index.js

@@ -88,14 +88,14 @@ function F(e) {
 	e.se & 16 ? e.se &= -12 : (Ae(e, P), e.se &= -4);
 }
 var I = 0, L = null, R = !1, z = !1, B = !1, V = 0, H = !1, U = /* @__PURE__ */ new Set();
-function ee(e) {
+function W(e) {
 	U.add(e);
 }
-function te(e) {
+function ee(e) {
 	let t = e.m;
 	return M.size === 0 && T.size === 0 && e.vt.length === 0 && t.Me.length === 0 && t.A.length === 0 && t.cn.size === 0 && U.size === 0;
 }
-function ne() {
+function te() {
 	if (U.size !== 0) for (let e of U) {
 		if (e.o !== null) {
 			U.delete(e);
@@ -104,10 +104,10 @@ function ne() {
 		e.De === v && (e._e === void 0 || e._e === v) && (e.t || (U.delete(e), e.ut?.()));
 	}
 }
-function W(e) {
+function G(e) {
 	H = e;
 }
-function re() {
+function ne() {
 	return {
 		de: I,
 		Qt: [],
@@ -124,7 +124,7 @@ function re() {
 		ln: /* @__PURE__ */ new Set()
 	};
 }
-function ie(e, t) {
+function re(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,7 +136,7 @@ function ie(e, t) {
 	}
 	for (let n of t.ln) e.ln.add(n);
 }
-function G() {
+function ie() {
 	if (z) {
 		oe();
 		return;
@@ -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)), G();
+		e && (vt ? E(vt).rn[e - 1].push(t) : this.bt[e - 1].push(t)), ie();
 	}
 	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 = re();
+	m = ne();
 	static Ce;
 	static me;
 	static et;
@@ -245,15 +245,15 @@ 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 = 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);
+						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);
 						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 = re();
+						let e = ne();
 						e.Qt = n.Qt, e.Me = n.Me, e.A = n.A, e.cn = n.cn, ve = this.m = e;
 					}
-				} else te(this) ? (pe(), N.EE >= N.Ve && (Ne(N, e.Ce), pe())) : (M.size && Ne(P, e.Ce), me());
+				} else ee(this) ? (pe(), N.EE >= N.Ve && (Ne(N, e.Ce), pe())) : (M.size && Ne(P, e.Ce), me());
 				I++, R = N.EE >= N.Ve, T.size && e.In(1), this.run(1), T.size && e.In(2), this.run(2);
 			} finally {
 				this.gt = !1;
@@ -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 && G();
+					r.add(e), r.size !== i && ie();
 				}
 			}
 			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 ?? re();
+		if (!L) L = e ?? ne();
 		else if (e) {
 			let t = L;
-			ie(e, t), M.delete(t), L = e;
+			re(e, t), M.delete(t), L = e;
 		}
 		M.add(L), L.de = I;
 		let t = this.m;
@@ -341,9 +341,9 @@ 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(), G();
+			t.ln.clear(), ie();
 		}
-		t.A.length && (K.G(t.A), _e.vt.length && he(_e)), t.cn.size && K.Dt(t.cn, e), ne(), T.size && K.dn(e);
+		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);
 	}
 }
 function he(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 && G();
+	it(e, i), n && ie();
 }
 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 && G();
+	t && ie();
 }
 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), G(), ye(), i?.();
+		e.De === v && (e.Ee = !1), ct(e), ie(), 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 ? (G(), ye()) : c(void 0), l()) : (r = !0, c(n.value, u));
+				else n.done ? (i = !0, r ? (ie(), 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), G();
+				Ee(e), ie();
 				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), G(), 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), ie(), t) : t;
 }
 function Pt(e) {
-	Ae(e, Te(e)), !(e.se & 1024) && e.De === v && (le(e), G()), e.se = e.se & -4 | g;
+	Ae(e, Te(e)), !(e.se & 1024) && e.De === v && (le(e), ie()), e.se = e.se & -4 | g;
 }
 function Ft(e, t) {
 	let n = Nt(e, t);
@@ -1516,41 +1516,41 @@ function Tn(e, t) {
 	let n = {
 		get(e, t) {
 			let r;
-			Jn(!0), W(!0);
+			Jn(!0), G(!0);
 			try {
 				r = e[t];
 			} finally {
-				Jn(!1), W(!1);
+				Jn(!1), G(!1);
 			}
 			return t === Dn ? r : typeof r == "object" && r ? new Proxy(r, n) : r;
 		},
 		has(e, t) {
 			let n;
-			Jn(!0), W(!0);
+			Jn(!0), G(!0);
 			try {
 				n = t in e;
 			} finally {
-				Jn(!1), W(!1);
+				Jn(!1), G(!1);
 			}
 			return n;
 		},
 		set(n, r, i) {
 			if (e && !e()) return !0;
-			Jn(!0), W(!0);
+			Jn(!0), G(!0);
 			try {
 				n[r] = i, t?.();
 			} finally {
-				Jn(!1), W(!1);
+				Jn(!1), G(!1);
 			}
 			return !0;
 		},
 		deleteProperty(n, r) {
 			if (e && !e()) return !0;
-			Jn(!0), W(!0);
+			Jn(!0), G(!0);
 			try {
 				delete n[r], t?.();
 			} finally {
-				Jn(!1), W(!1);
+				Jn(!1), G(!1);
 			}
 			return !0;
 		}
@@ -1775,7 +1775,7 @@ function yr(e, t, n) {
 function br(e, t, n, r, i) {
 	if (t[n]) return t[n];
 	let a = or(e, t, n, Kn(r) ? Hn(r, e) : r, Dt, i);
-	return ee(a), a;
+	return W(a), a;
 }
 function xr(e, t, n, r, i, a) {
 	let o = H || e.p, s = n !== "delete", c = e.h?.[t];
@@ -8144,7 +8144,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), ee = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "edit" && !e.modeSwitch), te = () => (e.pluginTools ?? []).filter((e) => e.toolbarMode === "always" || e.toolbarMode === void 0), ne = () => te().some((e) => e.active?.() ?? !1), W = () => P() || F() || I() || L() || R() || z(), re = (e, t = !1) => t || !d() || e, ie = () => te().length > 0 && (!d() || W() || ne()), G = () => !d() || W() || ne() || 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), 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 = () => {
 		t();
 		let e = v?.getBoundingClientRect();
 		if (!e) return K() ? "top" : "bottom";
@@ -8316,7 +8316,7 @@ function Hu(e) {
 		}
 	}), Ee = (t, n = !1) => Y(Ru, {
 		get visible() {
-			return re(t.active?.() ?? !1, n);
+			return ne(t.active?.() ?? !1, n);
 		},
 		get children() {
 			return Y(q, {
@@ -8515,7 +8515,7 @@ function Hu(e) {
 		b = e;
 	}, je), Q(Me, Y(Ru, {
 		get visible() {
-			return re(P());
+			return ne(P());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8533,7 +8533,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(F());
+			return ne(F());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8556,7 +8556,7 @@ function Hu(e) {
 		get children() {
 			return Y(Ru, {
 				get visible() {
-					return re(I());
+					return ne(I());
 				},
 				get children() {
 					return Y(Lu, ra({
@@ -8579,7 +8579,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(L(), !0);
+			return ne(L(), !0);
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8597,7 +8597,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(R());
+			return ne(R());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8618,7 +8618,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(z(), !0);
+			return ne(z(), !0);
 		},
 		get children() {
 			return [Y(Lu, ra({
@@ -8739,7 +8739,7 @@ function Hu(e) {
 		x = e;
 	}, Pe), Q(Pe, Y(q, {
 		get when() {
-			return ee().length > 0;
+			return W().length > 0;
 		},
 		get children() {
 			var e = X("div", {
@@ -8749,19 +8749,19 @@ function Hu(e) {
 			});
 			return Q(e, Y(Zr, {
 				get each() {
-					return ee();
+					return W();
 				},
 				children: (e) => Ee(e)
 			})), e;
 		}
 	})), Q(De, Y(q, {
 		get when() {
-			return te().length > 0;
+			return ee().length > 0;
 		},
 		get children() {
 			return [Y(zu, {
 				get visible() {
-					return ie();
+					return re();
 				},
 				marker: "plugins"
 			}), (() => {
@@ -8772,7 +8772,7 @@ function Hu(e) {
 				});
 				return Q(e, Y(Zr, {
 					get each() {
-						return te();
+						return ee();
 					},
 					children: (e) => Ee(e, e.toolbarMode === "always")
 				})), e;
@@ -8780,7 +8780,7 @@ function Hu(e) {
 		}
 	}), Fe), Q(Fe, Y(Ru, {
 		get visible() {
-			return re(B());
+			return ne(B());
 		},
 		get children() {
 			var t = X("div", {
@@ -8846,7 +8846,7 @@ function Hu(e) {
 		}
 	})), Q(De, Y(zu, {
 		get visible() {
-			return G();
+			return ie();
 		},
 		marker: "compact"
 	}), Ie), Z(Ie, Le), Q(Le, Y(Kl, {
@@ -10088,9 +10088,9 @@ function op(e = {}, t = !1) {
 	}, U = (t, n = !0, r = !0) => {
 		let i = E.indexOf(t);
 		i < 0 || (n && H(), E.splice(i, 1), t.detach(), t.box.remove(), t.card.remove(), r && e.onUnpin?.(t.sourceEl));
-	}, ee = (e = !1) => {
+	}, W = (e = !1) => {
 		for (; E.length;) U(E[E.length - 1], !1, e);
-	}, te = (e) => {
+	}, ee = (e) => {
 		let t = -1, n = 0, i = 0, a = 0, o = 0, s = !1, c = !1, l = (l) => {
 			if (l.pointerId !== t) return;
 			let u = l.clientX - n, d = l.clientY - i;
@@ -10105,7 +10105,7 @@ function op(e = {}, t = !1) {
 		return e.card.addEventListener("pointerdown", f), () => {
 			e.card.removeEventListener("pointerdown", f), r.removeEventListener("pointermove", l), r.removeEventListener("pointerup", u), r.removeEventListener("pointercancel", u);
 		};
-	}, ne = (t, i, a = !0, o = !0) => {
+	}, te = (t, i, a = !0, o = !0) => {
 		if (E.find((e) => e.sourceEl === t)) return;
 		a && H(), E.length >= l && U(E[0], !1, !0);
 		let s = j(), c = Lf(n, tp, np), d = zf(n, !0);
@@ -10123,20 +10123,20 @@ function op(e = {}, t = !1) {
 			userPlaced: i?.userPlaced ?? !1,
 			detach: () => {}
 		};
-		E.push(m), m.detach = te(m), d.querySelector(".mesurer-ti-close")?.addEventListener("click", (e) => {
+		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);
-	}, W = (e) => {
-		ee(!1);
-		for (let t of e) t.sourceEl.isConnected && ne(t.sourceEl, t, !1, !1);
-	}, re = () => {
+	}, G = (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()), W(e), !0) : !1;
-	}, ie = () => {
+		return e ? (O.push(V()), G(e), !0) : !1;
+	}, re = () => {
 		let e = O.pop();
-		return e ? (D.push(V()), W(e), !0) : !1;
-	}, G = () => {
-		E.length && (H(), ee(!0));
+		return e ? (D.push(V()), G(e), !0) : !1;
+	}, ie = () => {
+		E.length && (H(), W(!0));
 	}, ae = () => {
 		for (let e of E.slice()) {
 			if (!e.sourceEl.isConnected) {
@@ -10211,7 +10211,7 @@ function op(e = {}, t = !1) {
 			}
 			if (e.preventDefault(), e.stopImmediatePropagation(), e.button === 0) {
 				let t = I(e.clientX, e.clientY);
-				t && ne(t);
+				t && te(t);
 			}
 		}
 	}, me = (e) => {
@@ -10228,16 +10228,16 @@ function op(e = {}, t = !1) {
 			passive: !0
 		}), r.addEventListener("resize", ce, !0));
 	}, ge = () => {
-		m && (m = !1, r.cancelAnimationFrame(b), b = 0, r.clearTimeout(x), r.clearTimeout(S), S = 0, r.removeEventListener("mousemove", le, !0), r.removeEventListener("mouseout", fe, !0), r.removeEventListener("click", pe, !0), r.removeEventListener("auxclick", me, !0), r.removeEventListener("scroll", de, !0), r.removeEventListener("resize", ce, !0), L(), ee(), g?.remove(), _?.remove(), g = null, _ = null, D.length = 0, O.length = 0, n.body.classList.remove(s));
+		m && (m = !1, r.cancelAnimationFrame(b), b = 0, r.clearTimeout(x), r.clearTimeout(S), S = 0, r.removeEventListener("mousemove", le, !0), r.removeEventListener("mouseout", fe, !0), r.removeEventListener("click", pe, !0), r.removeEventListener("auxclick", me, !0), r.removeEventListener("scroll", de, !0), r.removeEventListener("resize", ce, !0), L(), W(), g?.remove(), _?.remove(), g = null, _ = null, D.length = 0, O.length = 0, n.body.classList.remove(s));
 	}, _e = () => {
 		ge(), T?.(), T = null, h?.remove(), h = null, n.getElementById(o)?.remove(), k instanceof r.ShadowRoot && k.querySelector(`#${o}`)?.remove();
 	};
 	return {
 		enable: he,
 		disable: ge,
-		undo: re,
-		redo: ie,
-		clear: G,
+		undo: ne,
+		redo: re,
+		clear: ie,
 		inspect: B,
 		isEnabled: () => m,
 		canUndo: () => D.length > 0,
@@ -10449,7 +10449,7 @@ function Tp(e) {
 		H(), w = e, C = s.setTimeout(() => {
 			C = 0, w === e && t.setTransient({ draggingGuideId: e });
 		}, 220);
-	}, ee = () => {
+	}, W = () => {
 		t.setTransient({
 			start: null,
 			end: null,
@@ -10457,7 +10457,7 @@ function Tp(e) {
 			draggingGuideId: null,
 			guidePreview: null
 		}), x = null, S = !1, d.key = "", t.endAction();
-	}, te = (e) => {
+	}, ee = (e) => {
 		if (t.current.settingsOpen || !t.current.enabled || e.button !== 0 || t.current.toolMode === "none") return;
 		let n = {
 			x: e.clientX,
@@ -10500,7 +10500,7 @@ function Tp(e) {
 			isDragging: !1,
 			selectionOriginRect: null
 		}), ms(e.currentTarget, e.pointerId);
-	}, ne = (e) => {
+	}, te = (e) => {
 		if (!t.current.enabled || t.current.settingsOpen) return;
 		let n = {
 			x: e.clientX,
@@ -10530,19 +10530,19 @@ function Tp(e) {
 			end: n,
 			isDragging: a
 		});
-	}, W = (e) => {
+	}, G = (e) => {
 		if (!t.current.enabled) return;
 		if (t.current.toolMode === "guides") {
-			H(), e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId), ee();
+			H(), e.currentTarget.hasPointerCapture?.(e.pointerId) && e.currentTarget.releasePointerCapture?.(e.pointerId), W();
 			return;
 		}
 		if (t.current.toolMode !== "select") {
-			ee();
+			W();
 			return;
 		}
 		let n = t.current.start;
 		if (!n) {
-			ee();
+			W();
 			return;
 		}
 		let i = {
@@ -10560,7 +10560,7 @@ function Tp(e) {
 				for (let n of [...t.current.selectedMeasurements, ...a]) n.elementRef && e.set(n.elementRef, n);
 				l = [...e.values()];
 			}
-			t.checkpoint(), t.setSelectedMeasurements(l, l.at(-1) ?? null), t.setTransient({ selectionOriginRect: r }), ee();
+			t.checkpoint(), t.setSelectedMeasurements(l, l.at(-1) ?? null), t.setTransient({ selectionOriginRect: r }), W();
 			return;
 		}
 		let a = x ? t.current.selectedMeasurements.find((e) => e.elementRef === x) ?? null : df({
@@ -10573,7 +10573,7 @@ function Tp(e) {
 		if ((e.shiftKey || !t.current.settings.hoverHighlightEnabled) && a) {
 			f = null, t.checkpoint();
 			let e = t.current.selectedMeasurements.filter((e) => e.elementRef !== a.elementRef);
-			t.setSelectedMeasurements(e, e.at(-1) ?? null), ee();
+			t.setSelectedMeasurements(e, e.at(-1) ?? null), W();
 			return;
 		}
 		let l;
@@ -10599,10 +10599,10 @@ function Tp(e) {
 			};
 			t.setActiveMeasurement(r);
 		} else e.shiftKey || (t.checkpoint(), t.setSelectedMeasurements([], null));
-		ee();
-	}, re = () => {
-		H(), t.current.draggingGuideId || ee(), t.setTransient({ guidePreview: null });
-	}, ie = (e, n) => {
+		W();
+	}, ne = () => {
+		H(), t.current.draggingGuideId || W(), t.setTransient({ guidePreview: null });
+	}, re = (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];
@@ -10611,7 +10611,7 @@ function Tp(e) {
 			}
 			t.setSelectedGuideIds([e.id]), t.setTransient({ draggingGuideId: e.id }), ms(n.currentTarget, n.pointerId);
 		}
-	}, G = (e, n) => {
+	}, ie = (e, n) => {
 		n.stopPropagation(), t.setTransient({ draggingGuideId: null }), n.currentTarget.hasPointerCapture?.(n.pointerId) && n.currentTarget.releasePointerCapture?.(n.pointerId);
 	}, ae = (e, n, r = null) => Nd({
 		orientation: e,
@@ -10921,12 +10921,12 @@ function Tp(e) {
 					return ea(() => !!t.state.enabled)() ? !t.state.settingsOpen : t.state.enabled;
 				},
 				editSelectionHover: () => r.editSelectionHover?.() ?? !1,
-				onPointerDown: te,
-				onPointerMove: ne,
-				onPointerUp: W,
-				onPointerLeave: re,
-				onGuidePointerDown: ie,
-				onGuidePointerUp: G
+				onPointerDown: ee,
+				onPointerMove: te,
+				onPointerUp: G,
+				onPointerLeave: ne,
+				onGuidePointerDown: re,
+				onGuidePointerUp: ie
 			}), null), Q(n, Y(So, {
 				model: t,
 				ownerWindow: s,
@@ -11263,7 +11263,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			V(), B();
 		}, U = () => {
 			u.style.display = "none", d.style.display = "none";
-		}, ee = (e, t, n) => {
+		}, W = (e, t, n) => {
 			if (U(), D().snapLines) {
 				if (e) {
 					let t = Math.min(n.top, e.start), r = Math.max(n.top + n.height, e.end);
@@ -11274,34 +11274,34 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 					d.style.display = "block", d.style.left = `${e}px`, d.style.top = `${t.position}px`, d.style.width = `${Math.max(1, r - e)}px`;
 				}
 			}
-		}, te = () => !!(n.querySelector(nm) || s.querySelector(nm)), ne = () => {
+		}, 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();
-		}, W = () => {
-			if (te()) {
-				ne();
+		}, G = () => {
+			if (ee()) {
+				te();
 				return;
 			}
 			if (!(g.size > 0)) for (let e of s.querySelectorAll("[data-mesurer-measurement='true']")) e instanceof c.HTMLElement && (e.matches("[data-mesurer-selected-measurement='true'][data-mesurer-inspector-ui='true']") && e.getRootNode() === n && e.parentElement === n.body || (g.set(e, {
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important")));
-		}, re = (e) => {
+		}, ne = (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;
-		}, ie = (e, t) => {
-			let n = re(e);
+		}, re = (e, t) => {
+			let n = ne(e);
 			for (; n;) {
 				let e = t.get(n);
 				if (e) return e;
-				n = re(n);
+				n = ne(n);
 			}
 			return {
 				x: 0,
 				y: 0
 			};
-		}, G = (e = A()) => {
+		}, ie = (e = A()) => {
 			let t = /* @__PURE__ */ new Map();
 			for (let n of e) for (let e of n.targets) {
 				let n = F(e);
@@ -11312,14 +11312,14 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			x: e.desiredLocalOffsetX,
 			y: e.desiredLocalOffsetY
 		}, oe = (e, t) => {
-			let n = re(e);
+			let n = ne(e);
 			for (; n;) {
 				if (t.has(n)) return n;
-				n = re(n);
+				n = ne(n);
 			}
 			return null;
 		}, se = (e = A(), t = /* @__PURE__ */ new Map()) => {
-			let n = G(e), r = /* @__PURE__ */ new Set([...n.keys(), ...t.keys()]), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = (e) => {
+			let n = ie(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);
@@ -11367,7 +11367,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 = ie(t, e), i = {
+				let r = re(t, e), i = {
 					x: n.x - r.x,
 					y: n.y - r.y
 				};
@@ -11418,13 +11418,13 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				he();
 				return;
 			}
-			let t = A(), r = G(t), i = se(t), a = /* @__PURE__ */ new Set();
+			let t = A(), r = ie(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 = ie(t, i), u = ae(o) ?? {
+				let c = re(t, i), u = ae(o) ?? {
 					x: s.x - c.x,
 					y: s.y - c.y
 				};
@@ -11548,14 +11548,14 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			v = {
 				intentId: null,
 				state: "desired"
-			}, le(), U(), E() ? W() : ne();
+			}, le(), U(), E() ? G() : te();
 		}, Ce = () => {
 			v = {
 				intentId: null,
 				state: "live"
-			}, H(), U(), ne();
+			}, H(), U(), te();
 		}, we = () => {
-			S || y || (le(), U(), E() ? W() : ne(), xe());
+			S || y || (le(), U(), E() ? G() : te(), xe());
 		}, Te = () => {
 			C || S || (C = r.requestAnimationFrame(() => {
 				C = 0, we();
@@ -11582,10 +11582,10 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				intentId: null,
 				state: "desired"
 			}, le();
-			let u = G(A()), d = se(A()), p = new Set(r);
+			let u = ie(A()), d = se(A()), p = new Set(r);
 			V();
 			let m = r.map((e, t) => {
-				let n = Yu(e), r = ie(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? ae(a) : null) ?? {
+				let n = Yu(e), r = re(e, d), i = d.get(e) ?? r, a = u.get(e), o = (a ? ae(a) : null) ?? {
 					x: i.x - r.x,
 					y: i.y - r.y
 				}, s = im(n, i), c = gd(e);
@@ -11631,7 +11631,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				le();
 				return;
 			}
-			le(), W(), U(), y = {
+			le(), G(), U(), y = {
 				pointerId: e.pointerId,
 				originX: e.clientX,
 				originY: e.clientY,
@@ -11676,7 +11676,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				x: t,
 				y: n
 			});
-			xe(c), ee(a, o, c);
+			xe(c), W(a, o, c);
 		}, Ae = () => {
 			if (!y) return;
 			let e = y.pointerId;
@@ -11733,7 +11733,7 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			y: e.clientY
 		}, t.rendererRoot ?? null, n, o)), Pe = (e) => {
 			if (!E()) return;
-			if (y || e.buttons !== 0 || te()) {
+			if (y || e.buttons !== 0 || ee()) {
 				i.clearHover();
 				return;
 			}
@@ -12015,9 +12015,9 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 			e.state.update(Fp, () => ({ intents: [] })), v = {
 				intentId: null,
 				state: "desired"
-			}, H(), U(), E() ? W() : ne(), xe();
+			}, H(), U(), E() ? G() : 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(), ne(), i.dispose(), a.dispose();
+			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();
 		});
 	}
 }), wm = (e, t, n) => {
@@ -12483,30 +12483,30 @@ function oh(e, t) {
 		g || b || y || (y = r.requestAnimationFrame(() => {
 			y = 0, !(g || b) && F();
 		}));
-	}, ee = new o.MutationObserver(() => {
+	}, W = new o.MutationObserver(() => {
 		b || H();
 	});
-	ee.observe(a, {
+	W.observe(a, {
 		subtree: !0,
 		childList: !0,
 		attributes: !0,
 		attributeFilter: ["data-state"]
-	}), C && ee.observe(C, {
+	}), C && W.observe(C, {
 		subtree: !0,
 		childList: !0,
 		attributes: !0,
 		attributeFilter: ["data-state"]
 	});
-	let te = () => {
+	let ee = () => {
 		b = !0, x && r.clearTimeout(x), x = r.setTimeout(() => {
 			x = 0, b = !1, H(!0);
 		}, Wm);
-	}, ne = () => H(!0);
-	r.addEventListener("scroll", te, {
+	}, te = () => H(!0);
+	r.addEventListener("scroll", ee, {
 		capture: !0,
 		passive: !0
-	}), r.addEventListener("resize", ne, !0), r.addEventListener("pointermove", U, !0), r.addEventListener("pointerup", ne, !0), r.addEventListener("dblclick", ne, !0), H(!0), e.lifecycle.onDispose(() => {
-		g = !0, ee.disconnect(), v && r.cancelAnimationFrame(v), y && r.cancelAnimationFrame(y), x && r.clearTimeout(x), r.removeEventListener("scroll", te, !0), r.removeEventListener("resize", ne, !0), r.removeEventListener("pointermove", U, !0), r.removeEventListener("pointerup", ne, !0), r.removeEventListener("dblclick", ne, !0);
+	}), r.addEventListener("resize", te, !0), r.addEventListener("pointermove", U, !0), r.addEventListener("pointerup", te, !0), r.addEventListener("dblclick", te, !0), H(!0), e.lifecycle.onDispose(() => {
+		g = !0, W.disconnect(), v && r.cancelAnimationFrame(v), y && r.cancelAnimationFrame(y), x && r.clearTimeout(x), r.removeEventListener("scroll", ee, !0), r.removeEventListener("resize", te, !0), r.removeEventListener("pointermove", U, !0), r.removeEventListener("pointerup", te, !0), r.removeEventListener("dblclick", te, !0);
 		for (let e of u.values()) A(e);
 		u.clear(), P(), I();
 		for (let [e, t] of d) eh(e), t.release();
@@ -12965,38 +12965,38 @@ function Yh(e, t) {
 	}, H = (e, t) => {
 		for (let [n, r] of t) V(e, n, r);
 		de(e), z(e, !0), fe();
-	}, U = (e, t, n) => H(e, [[t, n]]), ee = (e, t) => Fh.every((n) => {
+	}, U = (e, t, n) => H(e, [[t, n]]), W = (e, t) => Fh.every((n) => {
 		let r = t.styles[n];
 		return r === void 0 || B(e, n) === D(n, r);
-	}), te = (e) => e.catalog.presets.find((t) => ee(e, t)) ?? null, ne = (e, t) => {
+	}), ee = (e) => e.catalog.presets.find((t) => W(e, t)) ?? null, te = (e, t) => {
 		e.menuOpen = !1;
 		let n = Fh.flatMap((e) => {
 			let n = t.styles[e];
 			return n === void 0 ? [] : [[e, n]];
 		});
 		H(e, n), e.editor.focus({ preventScroll: !0 });
-	}, W = (e) => {
+	}, G = (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");
-	}, re = (e) => {
+	}, ne = (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");
-	}, ie = (e) => {
+	}, re = (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");
-	}, G = (e, t, r, i, a) => {
+	}, ie = (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",
@@ -13126,7 +13126,7 @@ function Yh(e, t) {
 		}), i.addEventListener("mouseleave", () => {
 			i.style.background = r ? "rgba(0, 0, 0, 0.05)" : "transparent";
 		}), i.addEventListener("click", (n) => {
-			n.preventDefault(), n.stopPropagation(), m === e && ne(e, t);
+			n.preventDefault(), n.stopPropagation(), m === e && te(e, t);
 		}), i;
 	}, K = () => {
 		let e = n.createElement("div");
@@ -13138,7 +13138,7 @@ function Yh(e, t) {
 	}, le = (e) => {
 		let t = e.menu;
 		t.replaceChildren();
-		let r = te(e);
+		let r = ee(e);
 		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");
@@ -13189,7 +13189,7 @@ function Yh(e, t) {
 			m === e && U(e, "color", p.value);
 		}), f.append(p), u.append(d, f), t.append(u), t.hidden = !e.menuOpen, t.style.display = e.menuOpen ? "block" : "none";
 	}, ue = (e) => {
-		let t = te(e), r = n.createElement("button");
+		let t = ee(e), r = n.createElement("button");
 		r.type = "button", r.dataset.mesurerTextStyleMenuButton = "true", r.setAttribute("aria-label", "Text style"), r.setAttribute("aria-haspopup", "menu"), r.setAttribute("aria-expanded", e.menuOpen ? "true" : "false"), Object.assign(r.style, {
 			minWidth: "96px",
 			height: "32px",
@@ -13225,7 +13225,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(G(e, "B", "Bold", Wh(n) >= 600, () => W(e)), G(e, "I", "Italic", r === "italic" || r === "oblique", () => re(e)), G(e, "U", "Underline", i.includes("underline"), () => ie(e)), ue(e)), le(e);
+		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);
 	}, fe = () => {
 		let e = m;
 		if (!e || !e.element.isConnected) return;
@@ -13497,14 +13497,14 @@ function Yh(e, t) {
 			if (e && t.altKey && (t.metaKey || t.ctrlKey) && !t.shiftKey) {
 				let e = t.key === "0" ? "text" : t.key === "1" ? "heading-1" : t.key === "2" ? "heading-2" : t.key === "3" ? "heading-3" : null, r = e ? n.catalog.presets.find((t) => t.id === e) : null;
 				if (r) {
-					t.preventDefault(), t.stopImmediatePropagation(), ne(n, r);
+					t.preventDefault(), t.stopImmediatePropagation(), te(n, r);
 					return;
 				}
 			}
 			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" ? W(n) : e === "i" ? re(n) : ie(n), n.editor.focus({ preventScroll: !0 });
+					t.preventDefault(), t.stopImmediatePropagation(), e === "b" ? G(n) : e === "i" ? ne(n) : re(n), n.editor.focus({ preventScroll: !0 });
 					return;
 				}
 			}
@@ -15491,7 +15491,7 @@ function J_(e) {
 				region: i
 			})
 		});
-	}, ee = (e) => {
+	}, W = (e) => {
 		let n = e.trim();
 		if (!n) throw Error("Annotation note cannot be empty.");
 		let i = q_(t).filter(E), a = t.current.selectionOriginRect ? oa(t.current.selectionOriginRect) : null;
@@ -15514,7 +15514,7 @@ function J_(e) {
 				elements: i
 			})
 		}, i);
-	}, te = () => {
+	}, ee = () => {
 		for (let [e, t] of v) t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
 		v.clear();
 	};
@@ -15611,7 +15611,7 @@ function J_(e) {
 				height: e.height
 			})));
 		},
-		addSelectionAnnotation: ee,
+		addSelectionAnnotation: W,
 		addRegionAnnotation: U,
 		removeAnnotation(e) {
 			let t = h.findIndex((t) => t.id === e);
@@ -15641,10 +15641,10 @@ function J_(e) {
 			}), t.style.setProperty("display", "none", "important"));
 		},
 		finishCapture() {
-			te();
+			ee();
 		},
 		dispose() {
-			x || (x = !0, F(), I(), L(), te(), y.clear(), b.clear(), h.length = 0, _.clear());
+			x || (x = !0, F(), I(), L(), ee(), y.clear(), b.clear(), h.length = 0, _.clear());
 		}
 	};
 }
@@ -15781,26 +15781,26 @@ function rv(e) {
 		let t = !0, o = 0, b = !1, k = Promise.resolve(), A = /* @__PURE__ */ new Set(), N = n, P = e, I = P.portalTarget ?? document.body, z = I.ownerDocument ?? document, B = z.defaultView ?? window, V = P.pageTarget ?? z.body, U = () => {
 			if (!g) throw Error("Mesurer renderer model is unavailable for runtime bridge setup.");
 			return g;
-		}, ee = () => {
+		}, W = () => {
 			let e = U().rendererRoot;
 			if (!e?.isConnected) throw Error("Mesurer renderer root is unavailable for runtime bridge setup.");
 			return e;
-		}, te = () => {
+		}, ee = () => {
 			if (!_) throw Error("Mesurer built-in controller is unavailable for runtime bridge setup.");
 			return _;
-		}, ne = () => U().current.settings.theme, W = (e) => {
-			let t = ne();
+		}, te = () => U().current.settings.theme, G = (e) => {
+			let t = te();
 			return e(t), U().subscribe(() => {
-				let n = ne();
+				let n = te();
 				n !== t && (t = n, e(n));
 			});
-		}, re = () => {
+		}, ne = () => {
 			let e = z.createElement("div");
 			e.dataset.mesurerInspectorUi = "true";
-			let t = W((t) => {
+			let t = G((t) => {
 				e.dataset.theme = t;
 			});
-			ee().append(e);
+			W().append(e);
 			let n = !1;
 			return {
 				element: e,
@@ -15808,15 +15808,15 @@ function rv(e) {
 					n || (n = !0, t(), e.remove());
 				}
 			};
-		}, ie = (e) => J_({
+		}, re = (e) => J_({
 			model: U(),
 			ownerDocument: z,
 			ownerWindow: B,
 			uiRoot: I,
 			pageTarget: V,
 			persistenceKey: e ? `${P.persistKey ?? X_}:${e}:${B.location.origin}` : void 0
-		}), G = z.createElement("style");
-		G.dataset.mesurerPluginVisibility = "true", G.dataset.mesurerInspectorUi = "true", G.textContent = j(), I.append(G);
+		}), 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();
 		try {
 			let e = B.localStorage.getItem(oe);
@@ -15855,7 +15855,7 @@ function rv(e) {
 		}, de = () => ue();
 		B.addEventListener("pagehide", de);
 		let fe = N.subscribe((e) => {
-			if (x((e) => e + 1), G.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), 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.")) {
 				let t = e.pluginId.slice(8);
 				ev(t) && _?.deactivate(t);
 			}
@@ -15943,7 +15943,7 @@ function rv(e) {
 				});
 				return;
 			}
-			T(e) && await te().run(e);
+			T(e) && await ee().run(e);
 		};
 		(async () => {
 			for (let e of s) await me(e);
@@ -15957,13 +15957,13 @@ function rv(e) {
 						ownerWindow: B,
 						portalTarget: I,
 						pageTarget: V,
-						rendererRoot: ee(),
+						rendererRoot: W(),
 						currentToolMode: () => U().current.toolMode,
 						currentToolbarMode: () => E() ? "edit" : "select",
-						theme: ne,
-						subscribeTheme: W,
-						createWorkspaceRuntime: ie,
-						createInspectorMount: re
+						theme: te,
+						subscribeTheme: G,
+						createWorkspaceRuntime: re,
+						createInspectorMount: ne
 					};
 					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));
@@ -15988,7 +15988,7 @@ function rv(e) {
 				} catch (e) {
 					P.onPluginError?.(e, "plugin-persistence");
 				}
-				t && (C(!0), G.textContent = j(), P.onPluginsReady?.(N));
+				t && (C(!0), ie.textContent = j(), P.onPluginsReady?.(N));
 			}
 		})();
 		let Ce = (e) => {
@@ -16047,7 +16047,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(), G.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(), ie.remove(), g = null, _ = null, v = () => void 0, y = async () => void 0, r && N.dispose();
 		};
 	}), Y(Nl, {
 		runtime: {
@@ -16245,25 +16245,25 @@ var lv = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), uv = 0, dv = (e)
 	} : hv(e, t, n, r, i);
 };
 function _v(e) {
-	let [t, n] = Gr(0), [r, i] = Gr(0), [a, o] = Gr(null), [s, c] = Gr(null), [l, u] = Gr(null), [d, f] = Gr({}), [p, m] = Gr(null), [h, g] = Gr(!1), [_, v] = Gr(""), [y, b] = Gr(null), [x, S] = Gr(!1), [C, w] = Gr(null), [T, E] = Gr(null), D = `--mesurer-annotation-trigger-${++uv}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, F = null, I = null, L = null, R = null, z = null, B = null, V = /* @__PURE__ */ new Map(), H = () => N?.ownerDocument.defaultView ?? window, U = () => e.coordinateSpace === "viewport", ee = (e) => e ? "native-anchor" : U() ? "cached-delta" : "document", te = (e) => {
+	let [t, n] = Gr(0), [r, i] = Gr(0), [a, o] = Gr(null), [s, c] = Gr(null), [l, u] = Gr(null), [d, f] = Gr({}), [p, m] = Gr(null), [h, g] = Gr(!1), [_, v] = Gr(""), [y, b] = Gr(null), [x, S] = Gr(!1), [C, w] = Gr(null), [T, E] = Gr(null), D = `--mesurer-annotation-trigger-${++uv}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, F = null, I = null, L = null, R = null, z = null, B = null, V = /* @__PURE__ */ new Map(), H = () => N?.ownerDocument.defaultView ?? window, U = () => e.coordinateSpace === "viewport", W = (e) => e ? "native-anchor" : U() ? "cached-delta" : "document", ee = (e) => {
 		if (U()) return e;
 		let t = H();
 		return {
 			left: e.left + t.scrollX,
 			top: e.top + t.scrollY
 		};
-	}, ne = () => {
+	}, te = () => {
 		let t = e.runtime.currentSelection();
 		return {
 			elements: [...t.elements],
 			region: t.region ? { ...t.region } : null
 		};
-	}, W = (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 = () => {
+	}, 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 = () => {
 		A = null, v(""), g(!1), b(null), m(null);
-	}, ie = () => {
+	}, re = () => {
 		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)"));
-	}, G = () => {
+	}, ie = () => {
 		let t = e.runtime.currentSelection().elements;
 		if (!t.length) return null;
 		let n = e.runtime.hoveredElement();
@@ -16280,7 +16280,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 && ie() && e.getRootNode() === N.getRootNode()), ue = (e) => {
+	}, le = (e) => !!(fv(e) && U() && N && re() && e.getRootNode() === N.getRootNode()), ue = (e) => {
 		let t = K(e), n = V.get(e);
 		if (!t) {
 			n && (ce(e), i((e) => e + 1));
@@ -16322,11 +16322,11 @@ function _v(e) {
 			for (let e of V.values()) e.anchorName || e.scroll.rebase();
 		});
 	};
-	e.initialTriggerFallback && (O = G());
+	e.initialTriggerFallback && (O = ie());
 	let me = () => {
 		R?.release(), R = null, L?.(), L = null, F = null, I = null;
-	}, he = (e) => !!(fv(e) && U() && N && e !== O && ie() && e.getRootNode() === N.getRootNode()), ge = () => {
-		let e = G();
+	}, he = (e) => !!(fv(e) && U() && N && e !== O && re() && e.getRootNode() === N.getRootNode()), ge = () => {
+		let e = ie();
 		O && e !== O && (O = null);
 		let t = F, n = !!(e?.isConnected && he(e)), r = I === e;
 		if (e === F && e?.isConnected && n === r) {
@@ -16357,12 +16357,12 @@ function _v(e) {
 	function ye() {
 		i((e) => e + 1);
 	}
-	let be = G();
+	let be = ie();
 	_e(be);
 	let xe = e.runtime.subscribe(() => {
 		let t = e.runtime.selectGestureActive();
-		h() && t ? (k = !0, re()) : h() && A !== null && !W(A, ne()) && (O = G(), k = !1, re());
-		let r = G(), i = r !== be;
+		h() && t ? (k = !0, ne()) : h() && A !== null && !G(A, te()) && (O = ie(), k = !1, ne());
+		let r = ie(), 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(() => {
@@ -16396,7 +16396,7 @@ function _v(e) {
 	}), Oe = () => Se().elements.length > 0 || Se().region !== null, ke = () => {
 		t();
 		let e = A;
-		return e !== null && W(e, ne());
+		return e !== null && G(e, te());
 	}, Ae = Wr(() => {
 		let e = Se(), t = e.elements.filter((e) => e.isConnected).map((e) => {
 			let t = e.getBoundingClientRect();
@@ -16465,7 +16465,7 @@ function _v(e) {
 		r();
 		let n = V.get(e);
 		if (!n?.anchorName || !n.target.isConnected) return {
-			...te(t),
+			...ee(t),
 			nativeAnchor: !1
 		};
 		let i = n.target.getBoundingClientRect();
@@ -16489,7 +16489,7 @@ function _v(e) {
 		r();
 		let e = ze(), t = Pe();
 		if (!t?.isConnected || I !== t) return {
-			...te(e),
+			...ee(e),
 			nativeAnchor: !1
 		};
 		let n = t.getBoundingClientRect();
@@ -16634,9 +16634,9 @@ function _v(e) {
 				S(!1);
 			}
 		}
-	}, Je = re, Ye = () => {
+	}, Je = ne, Ye = () => {
 		if (!Oe()) return;
-		k = !1, A = ne(), v(""), b(null), w(null), o(null);
+		k = !1, A = te(), v(""), b(null), w(null), o(null);
 		let e = je();
 		if (e) {
 			let t = gv(e, 272, 168, H());
@@ -16648,7 +16648,7 @@ function _v(e) {
 		g(!0), H().queueMicrotask(() => R?.sync());
 	}, Xe = () => {
 		let e = h();
-		A !== null && !W(A, ne()) ? (O = G(), k = !1, ge(), ye()) : e && (k = !1), Je();
+		A !== null && !G(A, te()) ? (O = ie(), k = !1, ge(), ye()) : e && (k = !1), Je();
 	}, Ze = () => {
 		h() && (k = !0, Je());
 	}, Qe = () => {
@@ -16705,7 +16705,7 @@ function _v(e) {
 								P = e, R?.sync();
 							}, t), Q(t, Y(su, { size: 14 })), J(() => ({
 								e: U() ? "viewport" : "document",
-								t: ee(e().nativeAnchor),
+								t: W(e().nativeAnchor),
 								a: {
 									position: e().nativeAnchor || e().viewportOwned ? "fixed" : "absolute",
 									left: e().nativeAnchor ? `calc(anchor(left) + ${e().anchorX}px)` : `${e().left}px`,
@@ -16781,7 +16781,7 @@ function _v(e) {
 							})()
 						}), c), Z(c, l), Z(c, u), Z(l, ta("⌘/Ctrl ↵")), Z(u, d), Z(u, f), Z(d, ta("Cancel")), Z(f, ta("Add note")), J(() => ({
 							e: U() ? "viewport" : "document",
-							t: ee(e().nativeAnchor),
+							t: W(e().nativeAnchor),
 							a: {
 								position: e().nativeAnchor || U() ? "fixed" : "absolute",
 								left: e().nativeAnchor ? `calc(anchor(left) + ${e().anchorX}px)` : `${e().left}px`,
@@ -16810,7 +16810,7 @@ function _v(e) {
 						left: e.left,
 						top: e.top
 					}) : {
-						...te({
+						...ee({
 							left: e.left,
 							top: e.top
 						}),
@@ -16826,7 +16826,7 @@ function _v(e) {
 				});
 				return J(() => ({
 					e: t() ?? void 0,
-					t: ee(n().nativeAnchor),
+					t: W(n().nativeAnchor),
 					a: {
 						position: n().nativeAnchor || U() ? "fixed" : "absolute",
 						left: n().nativeAnchor ? `calc(anchor(left) + ${n().anchorX}px)` : `${n().left}px`,
@@ -16888,7 +16888,7 @@ function _v(e) {
 							t: t() + 1,
 							a: i() ? "true" : void 0,
 							o: o() ? "true" : void 0,
-							i: ee(n().nativeAnchor),
+							i: W(n().nativeAnchor),
 							n: U() ? "viewport" : "document",
 							s: `Mesurer annotation ${t() + 1}: ${e.note}`,
 							h: e.note,
@@ -16984,7 +16984,7 @@ function _v(e) {
 					})()
 				}), null), J(() => ({
 					e: t().id,
-					t: ee(n().nativeAnchor),
+					t: W(n().nativeAnchor),
 					a: U() ? "viewport" : "document",
 					o: {
 						position: n().nativeAnchor || U() ? "fixed" : "absolute",
@@ -17985,14 +17985,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	} finally {
 		f.dispose();
 	}
-}, ib = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, ab = 352, ob = 576, sb = 8, cb = 8, lb = .05, ub = 200, db = (e, t) => {
+}, ib = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, ab = 352, ob = 576, sb = 8, cb = 8, lb = .05, ub = 200, db = 10, fb = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, fb = (e) => {
+}, pb = (e) => {
 	let t = Number.isFinite(e) ? Math.max(0, e) : 0, n = Math.floor(t / 60);
 	return `${n}:${(t - n * 60).toFixed(2).padStart(5, "0")}`;
-}, pb = (e, t, n) => {
+}, mb = (e, t, n) => {
 	let r = e.createElement("button");
-	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, db(r, {
+	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, fb(r, {
 		display: "inline-flex",
 		width: "20px",
 		height: "20px",
@@ -18008,9 +18008,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"line-height": "1",
 		cursor: "pointer"
 	}), r;
-}, mb = (e, t) => {
+}, hb = (e, t) => {
 	let n = e.createElement("button");
-	n.type = "button", n.setAttribute("role", "menuitemradio"), db(n, {
+	n.type = "button", n.setAttribute("role", "menuitemradio"), fb(n, {
 		display: "grid",
 		width: "100%",
 		height: "28px",
@@ -18035,12 +18035,12 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		check: r,
 		text: i
 	};
-}, hb = (e, t, n, r) => {
+}, gb = (e, t, n, r) => {
 	let i = globalThis.URL.createObjectURL(e), a = n.createElement("a");
 	a.href = i, a.download = t, a.rel = "noopener", n.documentElement.append(a), a.click(), a.remove(), r.setTimeout(() => globalThis.URL.revokeObjectURL(i), 1e3);
-}, gb = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
+}, _b = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
 	let o = e.createElement("section");
-	o.dataset.mesurerRecordingPreview = "true", o.dataset.mesurerInspectorUi = "true", o.setAttribute("role", "dialog"), o.setAttribute("aria-label", "Screen recording editor"), o.tabIndex = 0, db(o, {
+	o.dataset.mesurerRecordingPreview = "true", o.dataset.mesurerInspectorUi = "true", o.setAttribute("role", "dialog"), o.setAttribute("aria-label", "Screen recording editor"), o.tabIndex = 0, fb(o, {
 		position: "fixed",
 		display: "none",
 		width: `${ab}px`,
@@ -18058,10 +18058,10 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"pointer-events": "auto",
 		outline: "none",
 		transform: "translateX(-50%)",
-		transition: "width 200ms ease, left 200ms ease"
+		transition: "width 200ms ease"
 	}), n.append(o);
 	let s = e.createElement("div");
-	db(s, {
+	fb(s, {
 		position: "relative",
 		display: "flex",
 		width: "100%",
@@ -18076,7 +18076,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		cursor: "default"
 	}), o.append(s);
 	let c = e.createElement("video");
-	c.muted = !0, c.playsInline = !0, c.preload = "auto", db(c, {
+	c.muted = !0, c.playsInline = !0, c.preload = "auto", fb(c, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -18086,7 +18086,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		transition: "max-height 200ms ease"
 	}), s.append(c);
 	let l = e.createElement("div");
-	l.dataset.mesurerRecordingExporting = "true", l.textContent = "Exporting…", db(l, {
+	l.dataset.mesurerRecordingExporting = "true", l.textContent = "Exporting…", fb(l, {
 		position: "absolute",
 		inset: "0",
 		display: "none",
@@ -18098,8 +18098,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-size": "11px",
 		"pointer-events": "none"
 	}), s.append(l);
-	let u = pb(e, "Close", "×");
-	u.dataset.mesurerRecordingDiscard = "true", db(u, {
+	let u = mb(e, "Close", "×");
+	u.dataset.mesurerRecordingDiscard = "true", fb(u, {
 		position: "absolute",
 		top: "6px",
 		right: "6px",
@@ -18121,63 +18121,73 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		u.style.opacity = "0", u.style.pointerEvents = "none";
 	});
 	let d = e.createElement("div");
-	db(d, {
+	fb(d, {
 		display: "flex",
-		height: "24px",
+		height: "28px",
 		"align-items": "center",
-		gap: "6px",
+		gap: "8px",
 		"margin-top": "8px"
 	}), o.append(d);
-	let f = pb(e, "Play", "▶");
+	let f = mb(e, "Play", "▶");
 	f.dataset.mesurerRecordingPlay = "true", d.append(f);
 	let p = e.createElement("span");
-	p.textContent = "0:00.00", db(p, {
+	p.dataset.mesurerRecordingCurrentTime = "true", p.textContent = "0:00.00", fb(p, {
 		display: "flex",
-		width: "32px",
+		width: "8ch",
+		"min-width": "8ch",
 		height: "20px",
 		"align-items": "center",
 		"flex-shrink": "0",
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "10px",
-		"font-variant-numeric": "tabular-nums"
+		"font-variant-numeric": "tabular-nums",
+		"white-space": "nowrap"
 	}), d.append(p);
 	let m = e.createElement("div");
-	m.dataset.mesurerRecordingTimeline = "true", db(m, {
+	m.dataset.mesurerRecordingTimeline = "true", fb(m, {
 		position: "relative",
-		height: "24px",
+		height: "28px",
 		"min-width": "0",
 		flex: "1 1 0",
 		cursor: "pointer",
 		"user-select": "none"
 	}), d.append(m);
 	let h = e.createElement("div");
-	h.dataset.mesurerRecordingTimelineRail = "true", db(h, {
+	h.dataset.mesurerRecordingTimelineTrack = "true", fb(h, {
+		position: "absolute",
+		left: `${db}px`,
+		right: `${db}px`,
+		top: "0",
+		bottom: "0"
+	}), m.append(h);
+	let g = e.createElement("div");
+	g.dataset.mesurerRecordingTimelineRail = "true", fb(g, {
 		position: "absolute",
 		left: "0",
 		right: "0",
-		top: "16px",
+		top: "21px",
 		height: "3px",
 		transform: "translateY(-50%)",
 		"border-radius": "999px",
 		background: "var(--msr-color-ink-200, #e2e8f0)",
 		"pointer-events": "none"
-	}), m.append(h);
-	let g = e.createElement("div");
-	g.dataset.mesurerRecordingTimelineClip = "true", db(g, {
+	}), h.append(g);
+	let _ = e.createElement("div");
+	_.dataset.mesurerRecordingTimelineClip = "true", fb(_, {
 		position: "absolute",
-		top: "16px",
+		top: "21px",
 		height: "3px",
 		transform: "translateY(-50%)",
 		"border-radius": "999px",
 		background: "var(--msr-color-ink-300, #cbd5e1)",
 		"pointer-events": "none"
-	}), m.append(g);
-	let _ = e.createElement("div");
-	db(_, {
+	}), h.append(_);
+	let v = e.createElement("div");
+	fb(v, {
 		position: "absolute",
 		display: "none",
-		top: "16px",
+		top: "21px",
 		width: "2px",
 		height: "10px",
 		transform: "translate(-50%, -50%)",
@@ -18185,11 +18195,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		background: "var(--msr-color-ink-500, #64748b)",
 		opacity: "0.5",
 		"pointer-events": "none"
-	}), m.append(_);
-	let v = e.createElement("div");
-	v.dataset.mesurerRecordingPlayhead = "true", db(v, {
+	}), h.append(v);
+	let y = e.createElement("div");
+	y.dataset.mesurerRecordingPlayhead = "true", fb(y, {
 		position: "absolute",
-		top: "16px",
+		top: "21px",
 		left: "0",
 		width: "2px",
 		height: "9px",
@@ -18199,15 +18209,15 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"z-index": "25",
 		"pointer-events": "none",
 		transition: "height 150ms ease"
-	}), m.append(v);
-	let y = (t, n) => {
+	}), h.append(y);
+	let b = (t, n) => {
 		let r = e.createElement("button");
-		r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), db(r, {
+		r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), fb(r, {
 			position: "absolute",
 			top: "0",
 			display: "flex",
-			width: "14px",
-			height: "11px",
+			width: "20px",
+			height: "16px",
 			padding: "0",
 			border: "0",
 			"border-radius": "4px",
@@ -18215,32 +18225,31 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "var(--msr-content, #18181b)",
 			transform: "translateX(-50%)",
 			"z-index": "30",
-			"align-items": "flex-start",
+			"align-items": "center",
 			"justify-content": "center",
-			"font-family": "ui-sans-serif, system-ui, sans-serif",
-			"font-size": "10px",
-			"font-weight": "700",
-			"line-height": "8px",
 			cursor: "ew-resize",
 			"touch-action": "none"
 		});
-		let i = e.createElement("span");
-		i.dataset.mesurerRecordingTrimChevron = t, i.setAttribute("aria-hidden", "true"), i.textContent = t === "start" ? "›" : "‹", r.append(i);
-		let a = e.createElement("span");
-		return a.setAttribute("aria-hidden", "true"), db(a, {
+		let i = e.createElementNS("http://www.w3.org/2000/svg", "svg");
+		i.dataset.mesurerRecordingTrimChevron = t, i.setAttribute("aria-hidden", "true"), i.setAttribute("viewBox", "0 0 12 14"), i.setAttribute("width", "12"), i.setAttribute("height", "14");
+		let a = e.createElementNS("http://www.w3.org/2000/svg", "path");
+		a.setAttribute("d", t === "start" ? "M3.5 2.5L8.5 7L3.5 11.5" : "M8.5 2.5L3.5 7L8.5 11.5"), a.setAttribute("fill", "none"), a.setAttribute("stroke", "currentColor"), a.setAttribute("stroke-width", "2"), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round"), i.append(a), r.append(i);
+		let o = e.createElement("span");
+		return o.setAttribute("aria-hidden", "true"), fb(o, {
 			position: "absolute",
 			left: "50%",
-			top: "8px",
+			top: "15px",
 			width: "1px",
-			height: "6px",
+			height: "4px",
 			background: "var(--msr-content, #18181b)",
 			transform: "translateX(-50%)",
 			"pointer-events": "none"
-		}), r.append(a), m.append(r), r;
-	}, b = y("start", "Trim start"), x = y("end", "Trim end"), S = e.createElement("span");
-	db(S, {
+		}), r.append(o), h.append(r), r;
+	}, x = b("start", "Trim start"), S = b("end", "Trim end"), C = e.createElement("span");
+	C.dataset.mesurerRecordingDuration = "true", fb(C, {
 		display: "flex",
-		width: "32px",
+		width: "8ch",
+		"min-width": "8ch",
 		height: "20px",
 		"align-items": "center",
 		"justify-content": "flex-end",
@@ -18248,23 +18257,24 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "10px",
-		"font-variant-numeric": "tabular-nums"
-	}), d.append(S);
-	let C = e.createElement("div");
-	db(C, {
+		"font-variant-numeric": "tabular-nums",
+		"white-space": "nowrap"
+	}), d.append(C);
+	let w = e.createElement("div");
+	fb(w, {
 		position: "relative",
 		display: "flex",
 		height: "20px",
 		"align-items": "center"
-	}), d.append(C);
-	let w = pb(e, "Export options", "1×");
-	w.dataset.mesurerRecordingExportOptions = "true", w.setAttribute("aria-haspopup", "menu"), w.setAttribute("aria-expanded", "false"), db(w, {
+	}), d.append(w);
+	let T = mb(e, "Export options", "1×");
+	T.dataset.mesurerRecordingExportOptions = "true", T.setAttribute("aria-haspopup", "menu"), T.setAttribute("aria-expanded", "false"), fb(T, {
 		width: "28px",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "10px"
-	}), C.append(w);
-	let T = e.createElement("div");
-	T.dataset.mesurerRecordingExportMenu = "true", T.setAttribute("role", "menu"), db(T, {
+	}), w.append(T);
+	let E = e.createElement("div");
+	E.dataset.mesurerRecordingExportMenu = "true", E.setAttribute("role", "menu"), fb(E, {
 		position: "absolute",
 		display: "none",
 		right: "0",
@@ -18278,247 +18288,243 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		color: "var(--msr-content, #18181b)",
 		"box-shadow": "var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))",
 		"pointer-events": "auto"
-	}), C.append(T);
-	let E = e.createElement("p");
-	E.textContent = "Format", db(E, {
+	}), w.append(E);
+	let D = e.createElement("p");
+	D.textContent = "Format", fb(D, {
 		margin: "0",
 		padding: "4px 8px",
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-size": "10px",
 		"font-weight": "500"
-	}), T.append(E);
-	let D = e.createElement("div");
-	T.append(D);
-	let O = e.createElement("p");
-	O.textContent = "Size", db(O, {
+	}), E.append(D);
+	let O = e.createElement("div");
+	E.append(O);
+	let k = e.createElement("p");
+	k.textContent = "Size", fb(k, {
 		margin: "0",
 		padding: "6px 8px 4px",
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-size": "10px",
 		"font-weight": "500"
-	}), T.append(O);
-	let k = e.createElement("div");
-	T.append(k);
-	let A = [
+	}), E.append(k);
+	let A = e.createElement("div");
+	E.append(A);
+	let j = [
 		1,
 		2,
 		3
 	].map((t) => {
-		let n = mb(e, `${t}×`);
-		return n.button.dataset.mesurerRecordingScale = String(t), k.append(n.button), {
+		let n = hb(e, `${t}×`);
+		return n.button.dataset.mesurerRecordingScale = String(t), A.append(n.button), {
 			scale: t,
 			...n
 		};
-	}), j = pb(e, "Download", "↓");
-	j.dataset.mesurerRecordingExport = "true", d.append(j);
-	let M = pb(e, "Grow preview", "↗");
-	M.dataset.mesurerRecordingExpand = "true", d.append(M);
-	let N = e.createElement("p");
-	N.dataset.mesurerRecordingPreviewStatus = "true", N.setAttribute("role", "status"), db(N, {
+	}), M = mb(e, "Download", "↓");
+	M.dataset.mesurerRecordingExport = "true", d.append(M);
+	let N = mb(e, "Grow preview", "↗");
+	N.dataset.mesurerRecordingExpand = "true", d.append(N);
+	let P = e.createElement("p");
+	P.dataset.mesurerRecordingPreviewStatus = "true", P.setAttribute("role", "status"), fb(P, {
 		display: "none",
 		margin: "8px 0 0",
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-size": "11px",
 		"line-height": "16px"
-	}), o.append(N);
-	let P = null, F = null, I = !1, L = !1, R = 0, z = ["webm"], B = "webm", V = 1, H = 0, U = 0, ee = null, te = null, ne = null, W = (e) => {
-		let t = P?.duration ?? 0;
+	}), 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 t = F?.duration ?? 0;
 		return t <= 0 ? 0 : Math.min(1, Math.max(0, e / t));
 	}, re = () => ({
-		start: H,
-		end: U
+		start: U,
+		end: W
 	}), ie = (e) => {
-		let t = P?.duration ?? 0, n = m.getBoundingClientRect();
+		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));
-	}, G = () => {
-		let e = P?.duration ?? 0, t = Math.min(e, Math.max(0, c.currentTime || 0)), n = W(H) * 100, r = W(U) * 100;
-		b.style.left = `${n}%`, x.style.left = `${r}%`, g.style.left = `${n}%`, g.style.width = `${Math.max(0, r - n)}%`, v.style.left = `${W(t) * 100}%`, b.setAttribute("aria-valuemax", String(Math.max(0, U - lb))), b.setAttribute("aria-valuenow", String(H)), b.setAttribute("aria-valuetext", fb(H)), x.setAttribute("aria-valuemin", String(Math.min(e, H + lb))), x.setAttribute("aria-valuemax", String(e)), x.setAttribute("aria-valuenow", String(U)), x.setAttribute("aria-valuetext", fb(U)), p.textContent = fb(t), S.textContent = fb(e);
-	}, ae = (e, t = !0) => {
-		if (!P) return;
-		let n = Math.min(U, Math.max(H, e));
-		t && !c.paused && c.pause(), c.currentTime = n, G();
-	}, oe = (e, t = !1) => {
-		P && (H = Math.min(Math.max(0, e), Math.max(0, U - lb)), (t || c.currentTime < H) && ae(H), G());
+	}, 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);
+	}, 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();
 	}, se = (e, t = !1) => {
-		P && (U = Math.max(Math.min(P.duration, e), Math.min(P.duration, H + lb)), t ? ae(U) : c.currentTime > U && ae(H), G());
-	}, ce = () => {
-		w.textContent = `${V}×`;
-		for (let e of A) {
-			let t = e.scale === V;
-			e.button.setAttribute("aria-checked", t ? "true" : "false"), e.check.style.opacity = t ? "1" : "0", e.text.textContent = P ? `${e.scale}×  ${Math.round(P.width * e.scale)} × ${Math.round(P.height * e.scale)}` : `${e.scale}×`;
-		}
+		F && (U = Math.min(Math.max(0, e), Math.max(0, W - lb)), (t || c.currentTime < U) && oe(U), ae());
+	}, 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());
 	}, K = () => {
-		D.replaceChildren();
-		for (let t of z) {
-			let n = mb(e, t === "mp4" ? "MP4" : "WebM"), r = t === B;
-			n.button.dataset.mesurerRecordingFormat = t, n.button.setAttribute("aria-checked", r ? "true" : "false"), n.check.style.opacity = r ? "1" : "0", n.button.addEventListener("click", () => {
-				B = t, K();
-			}), D.append(n.button);
+		T.textContent = `${H}×`;
+		for (let e of j) {
+			let t = e.scale === H;
+			e.button.setAttribute("aria-checked", t ? "true" : "false"), e.check.style.opacity = t ? "1" : "0", e.text.textContent = F ? `${e.scale}×  ${Math.round(F.width * e.scale)} × ${Math.round(F.height * e.scale)}` : `${e.scale}×`;
 		}
 	}, le = () => {
-		if (T.style.display === "none") return;
-		let e = C.getBoundingClientRect(), n = Math.max(1, T.offsetHeight), r = e.top - sb, i = t.innerHeight - e.bottom - sb;
-		r >= n || r >= i ? (T.style.top = "auto", T.style.bottom = "24px") : (T.style.top = "24px", T.style.bottom = "auto");
-	}, ue = (e) => {
-		T.style.display = e ? "block" : "none", w.setAttribute("aria-expanded", e ? "true" : "false"), e && le();
+		O.replaceChildren();
+		for (let t of B) {
+			let n = hb(e, t === "mp4" ? "MP4" : "WebM"), r = t === V;
+			n.button.dataset.mesurerRecordingFormat = t, n.button.setAttribute("aria-checked", r ? "true" : "false"), n.check.style.opacity = r ? "1" : "0", n.button.addEventListener("click", () => {
+				V = t, le();
+			}), O.append(n.button);
+		}
+	}, ue = () => {
+		if (E.style.display === "none") return;
+		let e = w.getBoundingClientRect(), n = Math.max(1, E.offsetHeight), r = e.top - sb, i = t.innerHeight - e.bottom - sb;
+		r >= n || r >= i ? (E.style.top = "auto", E.style.bottom = "24px") : (E.style.top = "24px", E.style.bottom = "auto");
 	}, de = (e) => {
-		L = e, l.style.display = e ? "flex" : "none";
+		E.style.display = e ? "block" : "none", T.setAttribute("aria-expanded", e ? "true" : "false"), e && ue();
+	}, fe = (e) => {
+		R = e, l.style.display = e ? "flex" : "none";
 		for (let t of [
 			f,
 			u,
-			b,
 			x,
-			w,
-			j,
+			S,
+			T,
 			M,
-			...A.map((e) => e.button)
+			N,
+			...j.map((e) => e.button)
 		]) t.toggleAttribute("disabled", e);
-	}, fe = () => n.closest("[data-mesurer-root='true']")?.querySelector("[data-mesurer-tool-id='recording']") ?? e.querySelector("[data-mesurer-tool-id='recording']"), pe = () => {
+	}, pe = () => n.closest("[data-mesurer-root='true']")?.querySelector("[data-mesurer-tool-id='recording']") ?? e.querySelector("[data-mesurer-tool-id='recording']"), me = () => {
 		if (o.style.display === "none") return;
-		let e = Math.min(I ? ob : ab, Math.max(1, t.innerWidth - 16)), n = Math.max(180, o.offsetHeight), r = fe()?.getBoundingClientRect(), i = r ? r.left + r.width / 2 : t.innerWidth - sb - e / 2, a = sb + e / 2, s = Math.max(a, t.innerWidth - sb - e / 2), c = Math.min(Math.max(a, i), s), l = r ? r.bottom + cb : sb;
-		l + n > t.innerHeight - sb && (l = r ? r.top - n - cb : t.innerHeight - n - sb), o.style.left = `${c}px`, o.style.top = `${Math.max(sb, l)}px`, T.style.display !== "none" && le();
-	}, me = () => {
-		c.pause(), c.removeAttribute("src"), c.load(), F &&= (globalThis.URL.revokeObjectURL(F), null);
+		let e = Math.min(L ? ob : ab, Math.max(1, t.innerWidth - 16)), n = Math.max(180, o.offsetHeight), r = pe()?.getBoundingClientRect(), i = r ? r.left + r.width / 2 : t.innerWidth - sb - e / 2, a = sb + e / 2, s = Math.max(a, t.innerWidth - sb - e / 2), c = Math.min(Math.max(a, i), s), l = r ? r.bottom + cb : sb;
+		l + n > t.innerHeight - sb && (l = r ? r.top - n - cb : t.innerHeight - n - sb), o.style.left = `${c}px`, o.style.top = `${Math.max(sb, l)}px`, E.style.display !== "none" && ue();
 	}, he = () => {
-		R += 1, ne &&= (ne.cancel(), null), me(), P = null, ee = null, te = null, ue(!1), o.style.display = "none", o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", N.style.display = "none", de(!1);
+		c.pause(), c.removeAttribute("src"), c.load(), I &&= (globalThis.URL.revokeObjectURL(I), null);
 	}, ge = () => {
-		if (!P || o.style.display === "none" || ne) return;
-		let e = o.getBoundingClientRect(), t = fe()?.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) - e.height / 2;
-		c.pause(), ue(!1), o.style.pointerEvents = "none";
+		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);
+	}, _e = () => {
+		if (!F || o.style.display === "none" || G) 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([{
-			left: `${e.left + e.width / 2}px`,
-			top: `${e.top}px`,
-			transform: "translateX(-50%) scale(1)",
+			transform: "scale(1)",
 			opacity: 1
 		}, {
-			left: `${n}px`,
-			top: `${r}px`,
-			transform: "translateX(-50%) scale(0.08)",
+			transform: "scale(0.08)",
 			opacity: 0
 		}], {
 			duration: ub,
 			easing: "ease",
 			fill: "forwards"
 		});
-		ne = a, a.finished.catch(() => void 0).then(() => {
-			ne === a && (ne = null, i());
+		G = a, a.finished.catch(() => void 0).then(() => {
+			G === a && (a.cancel(), G = null, o.style.removeProperty("will-change"), i());
 		});
-	}, _e = () => {
-		if (!(!P || L)) {
+	}, ve = () => {
+		if (!(!F || R)) {
 			if (!c.paused) {
 				c.pause();
 				return;
 			}
-			(c.currentTime < H || c.currentTime >= U) && (c.currentTime = H), c.play();
+			(c.currentTime < U || c.currentTime >= W) && (c.currentTime = U), c.play();
 		}
-	}, ve = () => {
-		ee = null, te = null, v.style.height = "8px";
-	}, ye = (e) => {
+	}, ye = () => {
+		ee = null, te = null, y.style.height = "8px";
+	}, be = (e) => {
 		if (!ee) return;
 		let t = ie(e);
-		ee === "start" ? oe(t, !0) : ee === "end" ? se(t, !0) : ae(t);
-	}, be = (e, t) => {
-		!P || L || t.button !== 0 || (t.preventDefault(), t.stopPropagation(), ee = e, te = t.pointerId, v.style.height = "10px", ye(t.clientX));
-	}, xe = (e) => {
-		te !== null && e.pointerId === te && ye(e.clientX);
+		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));
 	}, Se = (e) => {
-		te !== null && e.pointerId === te && ve();
+		te !== null && e.pointerId === te && be(e.clientX);
+	}, Ce = (e) => {
+		te !== null && e.pointerId === te && ye();
 	};
-	b.addEventListener("pointerdown", (e) => be("start", e)), x.addEventListener("pointerdown", (e) => be("end", e)), m.addEventListener("pointerdown", (e) => {
+	x.addEventListener("pointerdown", (e) => xe("start", e)), S.addEventListener("pointerdown", (e) => xe("end", e)), m.addEventListener("pointerdown", (e) => {
 		let t = e.target;
-		t instanceof Element && t.closest("[data-mesurer-recording-trim-handle]") || be("playhead", e);
+		t instanceof Element && t.closest("[data-mesurer-recording-trim-handle]") || xe("playhead", e);
 	}), m.addEventListener("pointermove", (e) => {
-		te === null && (_.style.display = "block", _.style.left = `${W(ie(e.clientX)) * 100}%`);
+		te === null && (v.style.display = "block", v.style.left = `${ne(ie(e.clientX)) * 100}%`);
 	}), m.addEventListener("pointerleave", () => {
-		_.style.display = "none";
+		v.style.display = "none";
 	});
-	for (let [e, t] of [["start", b], ["end", x]]) t.addEventListener("keydown", (t) => {
-		if (!P || t.key !== "ArrowLeft" && t.key !== "ArrowRight") return;
+	for (let [e, t] of [["start", x], ["end", S]]) t.addEventListener("keydown", (t) => {
+		if (!F || t.key !== "ArrowLeft" && t.key !== "ArrowRight") return;
 		t.preventDefault();
-		let n = t.key === "ArrowLeft" ? -1 : 1, r = (e === "start" ? H : U) + n * .05;
-		e === "start" ? oe(r, !0) : se(r, !0);
+		let n = t.key === "ArrowLeft" ? -1 : 1, r = (e === "start" ? U : W) + n * .05;
+		e === "start" ? se(r, !0) : ce(r, !0);
 	});
-	t.addEventListener("pointermove", xe, !0), t.addEventListener("pointerup", Se, !0), t.addEventListener("pointercancel", Se, !0), u.addEventListener("click", (e) => {
-		e.stopPropagation(), ge();
+	t.addEventListener("pointermove", Se, !0), t.addEventListener("pointerup", Ce, !0), t.addEventListener("pointercancel", Ce, !0), u.addEventListener("click", (e) => {
+		e.stopPropagation(), _e();
 	}), s.addEventListener("click", (e) => {
 		let t = e.target;
-		t instanceof Element && t.closest("button") || _e();
-	}), f.addEventListener("click", _e), c.addEventListener("play", () => {
+		t instanceof Element && t.closest("button") || ve();
+	}), f.addEventListener("click", ve), c.addEventListener("play", () => {
 		f.textContent = "Ⅱ", f.setAttribute("aria-label", "Pause"), f.title = "Pause";
 	}), c.addEventListener("pause", () => {
 		f.textContent = "▶", f.setAttribute("aria-label", "Play"), f.title = "Play";
 	}), c.addEventListener("timeupdate", () => {
-		P && (c.currentTime >= U - .01 ? (c.pause(), c.currentTime = H) : c.currentTime < H && (c.currentTime = H), G());
+		F && (c.currentTime >= W - .01 ? (c.pause(), c.currentTime = U) : c.currentTime < U && (c.currentTime = U), ae());
 	}), c.addEventListener("loadedmetadata", () => {
-		G();
-	}), w.addEventListener("click", () => {
-		L || ue(T.style.display === "none");
+		ae();
+	}), T.addEventListener("click", () => {
+		R || de(E.style.display === "none");
 	});
-	for (let e of A) e.button.addEventListener("click", () => {
-		V = e.scale, ce();
+	for (let e of j) e.button.addEventListener("click", () => {
+		H = e.scale, K();
 	});
-	let Ce = (e) => {
-		T.style.display !== "none" && (e.composedPath().includes(C) || ue(!1));
+	let we = (e) => {
+		E.style.display !== "none" && (e.composedPath().includes(w) || de(!1));
 	};
-	e.addEventListener("pointerdown", Ce, !0), M.addEventListener("click", () => {
-		I = !I, o.style.width = `${I ? ob : ab}px`, s.style.maxHeight = I ? "448px" : "144px", c.style.maxHeight = I ? "448px" : "144px", M.textContent = I ? "↙" : "↗", M.setAttribute("aria-label", I ? "Shrink preview" : "Grow preview"), M.title = I ? "Shrink preview" : "Grow preview", t.requestAnimationFrame(pe);
-	}), j.addEventListener("click", () => {
-		if (!P || L || z.length === 0) return;
-		let n = ++R, { start: r, end: i } = re();
-		de(!0), ue(!1), N.style.display = "none", a({
-			format: B,
+	e.addEventListener("pointerdown", we, !0), N.addEventListener("click", () => {
+		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();
+		fe(!0), de(!1), P.style.display = "none", a({
+			format: V,
 			startTime: r,
 			endTime: i,
-			scale: V
+			scale: H
 		}).then((r) => {
-			n === R && hb(r.blob, r.filename, e, t);
+			n === z && gb(r.blob, r.filename, e, t);
 		}).catch((e) => {
-			n === R && (N.style.display = "block", N.style.color = "var(--msr-danger-text, #dc2626)", N.textContent = e instanceof Error ? e.message : "Could not export the recording.");
+			n === z && (P.style.display = "block", P.style.color = "var(--msr-danger-text, #dc2626)", P.textContent = e instanceof Error ? e.message : "Could not export the recording.");
 		}).finally(() => {
-			n === R && de(!1);
+			n === z && fe(!1);
 		});
 	}), o.addEventListener("keydown", (e) => {
 		if (e.key === "Escape") {
-			if (T.style.display !== "none") {
-				e.preventDefault(), ue(!1);
+			if (E.style.display !== "none") {
+				e.preventDefault(), de(!1);
 				return;
 			}
-			e.preventDefault(), ge();
+			e.preventDefault(), _e();
 			return;
 		}
-		(e.key === " " || e.code === "Space") && e.target === o && (e.preventDefault(), _e());
+		(e.key === " " || e.code === "Space") && e.target === o && (e.preventDefault(), ve());
 	});
-	let we = () => pe();
-	return t.addEventListener("resize", we), {
+	let Te = () => me();
+	return t.addEventListener("resize", Te), {
 		show(e) {
-			R += 1, ne &&= (ne.cancel(), null), o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", me(), P = e, I = !1, V = 1, B = "webm", z = ["webm"], H = 0, U = e.duration, ee = null, te = null;
+			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;
 			let n = globalThis.URL.createObjectURL(e.blob);
-			F = 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", M.textContent = "↗", M.setAttribute("aria-label", "Grow preview"), M.title = "Grow preview", p.textContent = "0:00.00", S.textContent = fb(e.duration), N.style.display = "none", N.style.color = "var(--msr-color-ink-500, #64748b)", ue(!1), K(), ce(), G(), de(!1), o.style.display = "block", pe(), o.focus({ preventScroll: !0 });
-			let i = R;
+			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 });
+			let i = z;
 			r(e).then((e) => {
-				i !== R || !P || (z = e, B = e.includes(B) ? B : e[0] ?? "webm", K(), j.disabled = e.length === 0, e.length === 0 && (N.style.display = "block", N.style.color = "var(--msr-danger-text, #dc2626)", N.textContent = "No MediaBunny video encoder is available in this runtime."));
+				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."));
 			}).catch((e) => {
-				i === R && (z = [], K(), j.disabled = !0, N.style.display = "block", N.style.color = "var(--msr-danger-text, #dc2626)", N.textContent = e instanceof Error ? e.message : "Could not inspect export support.");
-			}), t.requestAnimationFrame(pe);
+				i === z && (B = [], le(), M.disabled = !0, P.style.display = "block", P.style.color = "var(--msr-danger-text, #dc2626)", P.textContent = e instanceof Error ? e.message : "Could not inspect export support.");
+			}), t.requestAnimationFrame(me);
 		},
-		dismiss: he,
+		dismiss: ge,
 		dispose() {
-			he(), t.removeEventListener("resize", we), t.removeEventListener("pointermove", xe, !0), t.removeEventListener("pointerup", Se, !0), t.removeEventListener("pointercancel", Se, !0), e.removeEventListener("pointerdown", Ce, !0), o.remove();
+			ge(), t.removeEventListener("resize", Te), t.removeEventListener("pointermove", Se, !0), t.removeEventListener("pointerup", Ce, !0), t.removeEventListener("pointercancel", Ce, !0), e.removeEventListener("pointerdown", we, !0), o.remove();
 		}
 	};
-}, _b = "mesurer.recording", vb = "recording:v1", yb = "mesurer.recording.settings", bb = "runtime:solid", xb = "recording.toggle", Sb = "recording.stop", Cb = "recording.discard", wb = "recording.export", Tb = 60, Eb = 60, Db = 3e3, Ob = {
+}, vb = "mesurer.recording", yb = "recording:v1", bb = "mesurer.recording.settings", xb = "runtime:solid", Sb = "recording.toggle", Cb = "recording.stop", wb = "recording.discard", Tb = "recording.export", Eb = 60, Db = 60, Ob = 3e3, kb = {
 	viewBox: "0 0 24 24",
 	paths: ["M7 5.75A3.25 3.25 0 0 0 3.75 9v6A3.25 3.25 0 0 0 7 18.25h7A3.25 3.25 0 0 0 17.25 15v-1.03l2.13 1.42a.75.75 0 0 0 1.17-.624V9.234a.75.75 0 0 0-1.17-.624l-2.13 1.42V9A3.25 3.25 0 0 0 14 5.75H7Zm10.25 6.082 1.8-1.2v2.736l-1.8-1.2v-.336Z", "M10.5 9.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5Z"]
-}, kb = (e) => e ? { ...e } : null, Ab = (e) => ({
+}, Ab = (e) => e ? { ...e } : null, jb = (e) => ({
 	...e,
-	rect: kb(e.rect)
-}), jb = (e, t) => {
+	rect: Ab(e.rect)
+}), Mb = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, Mb = (e) => e != null && !Array.isArray(e) && typeof e == "object", Nb = (e) => typeof e == "number" && Number.isFinite(e), Pb = (e) => {
-	if (!Mb(e)) return {};
+}, Nb = (e) => e != null && !Array.isArray(e) && typeof e == "object", Pb = (e) => typeof e == "number" && Number.isFinite(e), Fb = (e) => {
+	if (!Nb(e)) return {};
 	let t = {};
-	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), Nb(e.startTime) && (t.startTime = e.startTime), Nb(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
-}, Fb = (e) => ({
+	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), Pb(e.startTime) && (t.startTime = e.startTime), Pb(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
+}, Ib = (e) => ({
 	status: e.status,
 	elapsed: e.elapsed,
 	rect: e.rect ? { ...e.rect } : null,
@@ -18526,71 +18532,71 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	width: e.width,
 	height: e.height,
 	error: e.error
-}), Ib = (e) => ({
+}), Lb = (e) => ({
 	filename: e.filename,
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size
-}), Lb = (e) => ({
+}), Rb = (e) => ({
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size,
 	createdAt: e.createdAt
-}), Rb = (e, t, n) => {
+}), zb = (e, t, n) => {
 	let r = globalThis.URL.createObjectURL(e.blob), i = t.createElement("a");
 	i.href = r, i.download = e.filename, i.rel = "noopener", t.documentElement.append(i), i.click(), i.remove(), n.setTimeout(() => globalThis.URL.revokeObjectURL(r), 1e3);
-}, zb = (e = {}) => Ta({
-	id: _b,
+}, Bb = (e = {}) => Ta({
+	id: vb,
 	version: "0.1.0",
-	requires: [bb],
-	provides: ["tool:recording", vb],
+	requires: [xb],
+	provides: ["tool:recording", yb],
 	setup(t) {
-		let n = t.service.get(bb);
+		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 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")));
 		};
-		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", jb(o, {
+		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", Mb(o, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "86",
 			"pointer-events": "none",
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
-		}), jb(c, {
+		}), Mb(c, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "96",
 			"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 ?? Eb)), f = e.quality ?? "medium";
+		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? Db)), f = e.quality ?? "medium";
 		t.state.register({
-			id: yb,
+			id: bb,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
-				frameRate: e.frameRate ?? Tb
+				frameRate: e.frameRate ?? Eb
 			},
 			persist: !0
 		});
 		let p = () => {
-			let e = t.state.get(yb);
+			let e = t.state.get(bb);
 			return {
 				toolEnabled: e?.toolEnabled ?? !0,
 				frameRate: e?.frameRate === 120 ? 120 : 60
 			};
 		}, m = (e) => {
-			t.state.update(yb, (t) => {
+			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"), jb(h, {
+		h.dataset.mesurerRecordingSelect = "true", h.dataset.mesurerInspectorUi = "true", h.setAttribute("role", "application"), h.setAttribute("aria-label", "Recording selection"), Mb(h, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -18602,13 +18608,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), o.append(h);
 		let g = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return e.dataset.mesurerRecordingShade = "true", jb(e, {
+			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", jb(_, {
+		_.dataset.mesurerRecordingMask = "true", Mb(_, {
 			position: "fixed",
 			display: "none",
 			background: "transparent",
@@ -18616,7 +18622,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), h.append(_);
 		let v = r.createElement("div");
-		v.dataset.mesurerRecordingSelection = "true", jb(v, {
+		v.dataset.mesurerRecordingSelection = "true", Mb(v, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid var(--msr-accent, #0d99ff)",
@@ -18624,7 +18630,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), h.append(v);
 		let y = r.createElement("div");
-		jb(y, {
+		Mb(y, {
 			position: "fixed",
 			display: "none",
 			transform: "translateX(-50%)",
@@ -18637,7 +18643,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), h.append(y);
 		let b = r.createElement("div");
-		b.textContent = "Drag a region to record · Esc to cancel", jb(b, {
+		b.textContent = "Drag a region to record · Esc to cancel", Mb(b, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -18650,7 +18656,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"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"), jb(x, {
+		x.dataset.mesurerRecordingRegion = "true", x.dataset.mesurerInspectorUi = "true", x.setAttribute("role", "dialog"), x.setAttribute("aria-label", "Recording region"), Mb(x, {
 			position: "fixed",
 			display: "none",
 			width: "220px",
@@ -18668,7 +18674,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), h.append(x);
 		let S = (e) => {
 			let t = r.createElement("label");
-			jb(t, {
+			Mb(t, {
 				display: "grid",
 				"grid-template-columns": "44px minmax(0,1fr)",
 				"align-items": "center",
@@ -18677,7 +18683,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			let n = r.createElement("span");
 			n.textContent = e, n.style.color = "var(--msr-color-ink-500, #64748b)", t.append(n);
 			let i = r.createElement("div");
-			return jb(i, {
+			return Mb(i, {
 				display: "flex",
 				"align-items": "center",
 				gap: "4px",
@@ -18685,7 +18691,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}), t.append(i), x.append(t), i;
 		}, C = (e) => {
 			let t = r.createElement("input");
-			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", jb(t, {
+			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", Mb(t, {
 				width: "0",
 				"min-width": "0",
 				flex: "1 1 0",
@@ -18712,7 +18718,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		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", jb(N, {
+		N.type = "button", N.dataset.mesurerRecordingStart = "true", N.textContent = "●  Start recording", Mb(N, {
 			width: "100%",
 			height: "28px",
 			"margin-top": "8px",
@@ -18726,7 +18732,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			cursor: "pointer"
 		}), x.append(N);
 		let P = r.createElement("div");
-		P.dataset.mesurerRecordingGrid = "true", jb(P, {
+		P.dataset.mesurerRecordingGrid = "true", Mb(P, {
 			position: "absolute",
 			inset: "0",
 			display: "none",
@@ -18734,7 +18740,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), v.append(P);
 		let F = (e) => {
 			let t = r.createElement("div");
-			jb(t, {
+			Mb(t, {
 				position: "absolute",
 				opacity: "0.3",
 				...e
@@ -18796,7 +18802,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}
 		}).map(([e, t]) => {
 			let n = r.createElement("button");
-			return n.type = "button", n.dataset.mesurerRecordingResize = e, n.setAttribute("aria-label", `Resize ${e}`), jb(n, {
+			return n.type = "button", n.dataset.mesurerRecordingResize = e, n.setAttribute("aria-label", `Resize ${e}`), Mb(n, {
 				position: "absolute",
 				display: "none",
 				left: t.left,
@@ -18813,7 +18819,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				"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"), jb(L, {
+		L.dataset.mesurerRecordingStatus = "true", L.dataset.mesurerInspectorUi = "true", L.setAttribute("aria-label", "Screen recording"), Mb(L, {
 			position: "fixed",
 			display: "none",
 			height: "34px",
@@ -18830,7 +18836,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "auto"
 		});
 		let R = r.createElement("span");
-		R.setAttribute("aria-hidden", "true"), jb(R, {
+		R.setAttribute("aria-hidden", "true"), Mb(R, {
 			width: "6px",
 			height: "6px",
 			"border-radius": "999px",
@@ -18838,14 +18844,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"flex-shrink": "0"
 		}), L.append(R);
 		let z = r.createElement("span");
-		z.dataset.mesurerRecordingTime = "true", z.textContent = "00:00", jb(z, {
+		z.dataset.mesurerRecordingTime = "true", z.textContent = "00:00", Mb(z, {
 			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"), jb(B, {
+		B.type = "button", B.dataset.mesurerRecordingStop = "true", B.textContent = "Stop", B.setAttribute("aria-label", "Stop recording"), Mb(B, {
 			height: "24px",
 			padding: "0 8px",
 			border: "0",
@@ -18858,7 +18864,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			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"), jb(V, {
+		V.dataset.mesurerRecordingError = "true", V.dataset.mesurerInspectorUi = "true", V.setAttribute("role", "status"), Mb(V, {
 			position: "fixed",
 			display: "none",
 			left: "8px",
@@ -18879,14 +18885,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			width: null,
 			height: null,
 			error: null
-		}, U = /* @__PURE__ */ new Set(), ee = null, te = null, ne = null, W = null, re = null, ie = null, G = !1, ae = null, oe = null, se = 0, ce = 0, K = 0, le = 0, ue = 0, de = -1, fe = !1, pe = null, me = () => {
-			let e = Ab(H);
+		}, 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,
 				...e,
-				rect: e.rect === void 0 ? H.rect : kb(e.rect)
+				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;
@@ -18958,7 +18964,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), v.style.display = "block", ye(v, e), G) {
+			}), 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));
@@ -18974,7 +18980,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}
 		}, Ce = (e) => {
 			let t = be(e);
-			ie = t, he({ rect: t }), Se(t);
+			re = t, he({ rect: t }), Se(t);
 		}, we = (e) => {
 			for (let e of g) ye(e, {
 				left: 0,
@@ -18988,7 +18994,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}, Te = () => {
 			u(!1), _.style.display = "none", h.style.display = "none", h.style.pointerEvents = "auto", h.style.cursor = "crosshair", b.style.removeProperty("display");
 		}, Ee = () => {
-			re = null, ie = null, G = !1, ae = null, Se(null), h.style.display = "none", h.style.cursor = "crosshair", o.style.pointerEvents = "none";
+			ne = null, re = null, ie = !1, ae = null, Se(null), h.style.display = "none", h.style.cursor = "crosshair", o.style.pointerEvents = "none";
 		}, De = (e) => {
 			let t = i.innerHeight, n = i.innerWidth;
 			L.style.visibility = "hidden", L.style.display = "flex";
@@ -19005,19 +19011,19 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			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";
-			}, Db);
+			}, Ob);
 		}, Ae = async (e) => {
 			se && i.cancelAnimationFrame(se), se = 0, ce && i.clearTimeout(ce), ce = 0;
-			let t = W;
-			if (W = null, t) try {
+			let t = G;
+			if (G = null, t) try {
 				await t;
 			} catch {}
-			let n = ne;
-			ne = null, e && await n?.cancel();
-			let r = te;
-			te = null, r && Uy(r), Te(), Oe();
+			let n = te;
+			te = null, e && await n?.cancel();
+			let r = ee;
+			ee = null, r && Uy(r), Te(), Oe();
 		}, je = () => {
-			ee = null, Pe.dismiss(), he({
+			W = null, Pe.dismiss(), he({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -19027,10 +19033,10 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				error: null
 			}), t.hook.emit("recording:discard", {});
 		}, Me = async () => {
-			let e = ee;
+			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 = ee;
+			let n = W;
 			if (!n) throw Error("No recording is ready to export.");
 			let r = H.status;
 			he({
@@ -19062,7 +19068,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, Pe = gb({
+		}, Pe = _b({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
@@ -19071,15 +19077,15 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			onExport: Ne
 		}), Fe = async () => {
 			if (pe) return pe;
-			if (H.status !== "recording" || !ne || !te) throw Error("No recording is active.");
-			let e = le, n = ne, r = te, a = kb(H.rect);
+			if (H.status !== "recording" || !te || !ee) throw Error("No recording is active.");
+			let e = le, n = te, r = ee, a = Ab(H.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 = W;
-				W = null, s && await s;
+				let s = G;
+				G = null, s && await s;
 				let c = await n.finalize();
-				if (ne = null, te = null, Uy(r), le !== e || fe) throw Error("Recording was cancelled.");
+				if (te = null, ee = null, Uy(r), le !== e || fe) throw Error("Recording was cancelled.");
 				let l = await nb(c), u = {
 					blob: c,
 					format: "webm",
@@ -19088,7 +19094,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					height: l.height,
 					createdAt: Date.now()
 				};
-				return ee = u, Te(), Oe(), ve(), o.style.pointerEvents = "none", he({
+				return W = u, Te(), Oe(), ve(), o.style.pointerEvents = "none", he({
 					status: "ready",
 					elapsed: l.duration,
 					duration: l.duration,
@@ -19116,16 +19122,16 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}), pe;
 		}, Ie = (e, t, n, r) => {
 			let a = 1 / r, o = (r) => {
-				if (fe || le !== n || H.status !== "recording" || ne !== t || te !== e) return;
+				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")}`;
 				let c = s;
-				!W && c - de >= a * .8 && (Hy(e, H.rect ?? {
+				!G && c - de >= a * .8 && (Hy(e, H.rect ?? {
 					left: 0,
 					top: 0,
 					width: i.innerWidth,
 					height: i.innerHeight
-				}, Ty(i)), de = c, W = t.addFrame(c, a).catch((e) => {
+				}, Ty(i)), de = c, G = t.addFrame(c, a).catch((e) => {
 					throw le === n && !fe && Ae(!0).then(() => {
 						ve();
 						let t = e instanceof Error ? e.message : "MediaBunny could not encode the recording.";
@@ -19135,13 +19141,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 						}), ke(e);
 					}), e;
 				}).finally(() => {
-					W = null;
+					G = null;
 				})), se = i.requestAnimationFrame(o);
 			};
 			se = i.requestAnimationFrame(o);
 		}, Le = async (e) => {
 			let n = ++le, a = p().frameRate;
-			Pe.dismiss(), ee = null, re = null, ie = null, G = !1, ae = null, we(e), o.style.pointerEvents = "none", u(!0), ve(), he({
+			Pe.dismiss(), W = null, ne = null, re = null, ie = !1, ae = null, we(e), o.style.pointerEvents = "none", u(!0), ve(), he({
 				status: "selecting",
 				elapsed: 0,
 				rect: e,
@@ -19165,7 +19171,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					await c.cancel(), Uy(s);
 					return;
 				}
-				if (te = s, ne = c, ue = i.performance.now(), de = 0, Hy(s, e, Ty(i)), await c.addFrame(0, 1 / a), fe || le !== n) {
+				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);
 					return;
 				}
@@ -19191,7 +19197,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				}), r || ke(t), t;
 			}
 		}, Re = () => {
-			H.status !== "selecting" && (++le, Pe.dismiss(), ee = null, ie = null, G = !1, ae = null, _e(), Se(null), h.style.display = "block", h.style.pointerEvents = "auto", b.style.removeProperty("display"), o.style.pointerEvents = "auto", he({
+			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({
 				status: "selecting",
 				elapsed: 0,
 				rect: null,
@@ -19226,8 +19232,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				error: null
 			});
 		}, Ve = (e, t, n) => {
-			let r = ie;
-			!G || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), ae = {
+			let r = re;
+			!ie || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), ae = {
 				kind: t,
 				handle: n,
 				pointerId: e.pointerId,
@@ -19236,13 +19242,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				rect: { ...r }
 			}, h.setPointerCapture?.(e.pointerId));
 		}, He = (e) => {
-			H.status === "selecting" && e.button === 0 && (G && ie && xe(ie, {
+			H.status === "selecting" && e.button === 0 && (ie && re && xe(re, {
 				x: e.clientX,
 				y: e.clientY
-			}) || (e.preventDefault(), e.stopPropagation(), G = !1, ie = null, he({ rect: null }), h.style.cursor = "crosshair", re = {
+			}) || (e.preventDefault(), e.stopPropagation(), ie = !1, re = null, he({ rect: null }), h.style.cursor = "crosshair", ne = {
 				x: e.clientX,
 				y: e.clientY
-			}, Se(qa(re, re, {
+			}, Se(qa(ne, ne, {
 				width: i.innerWidth,
 				height: i.innerHeight
 			})), h.setPointerCapture?.(e.pointerId)));
@@ -19267,7 +19273,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					});
 					return;
 				}
-				re && Se(qa(re, {
+				ne && Se(qa(ne, {
 					x: e.clientX,
 					y: e.clientY
 				}, {
@@ -19277,11 +19283,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}
 		}, We = (e) => {
 			if (ae) {
-				ae = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), ie && Se(ie);
+				ae = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), re && Se(re);
 				return;
 			}
-			let t = re;
-			if (re = null, H.status !== "selecting" || !t) return;
+			let t = ne;
+			if (ne = null, H.status !== "selecting" || !t) return;
 			h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId);
 			let n = qa(t, {
 				x: e.clientX,
@@ -19291,15 +19297,15 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: i.innerHeight
 			});
 			if (n.width < 4 || n.height < 4) {
-				ie = null, G = !1, he({ rect: null }), Se(null);
+				re = null, ie = !1, he({ rect: null }), Se(null);
 				return;
 			}
-			ie = be(n), G = !0, h.style.cursor = "default", he({ rect: ie }), Se(ie);
+			re = be(n), ie = !0, h.style.cursor = "default", he({ rect: re }), Se(re);
 		}, Ge = (e) => {
-			re = null, ae = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), Se(ie && G ? ie : null);
+			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" && G && ie) {
-				e.preventDefault(), e.stopImmediatePropagation(), Le(ie).catch(() => void 0);
+			if (e.key === "Enter" && H.status === "selecting" && ie && re) {
+				e.preventDefault(), e.stopImmediatePropagation(), Le(re).catch(() => void 0);
 				return;
 			}
 			if (e.key === "Escape") {
@@ -19323,14 +19329,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			e.stopPropagation();
 		});
 		let qe = (e, t) => {
-			let n = ie, r = Number(e.value);
+			let n = re, r = Number(e.value);
 			!n || !Number.isFinite(r) || Ce({
 				...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" && G && ie && Le(ie).catch(() => void 0);
+			H.status === "selecting" && ie && re && Le(re).catch(() => void 0);
 		}), B.addEventListener("click", () => {
 			if (H.status === "recording") {
 				Fe().catch(() => void 0);
@@ -19339,7 +19345,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			H.status === "selecting" && L.style.display !== "none" && Be().catch(() => void 0);
 		});
 		let Je = {
-			snapshot: () => Ab(H),
+			snapshot: () => jb(H),
 			subscribe(e) {
 				return U.add(e), () => U.delete(e);
 			},
@@ -19357,10 +19363,10 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			label: "Record",
 			shortcut: "Shift+R",
 			order: 72,
-			command: xb,
+			command: Sb,
 			toolbarMode: "select",
 			compactPinned: !0,
-			icon: Ob,
+			icon: kb,
 			active: ge,
 			hidden: () => !p().toolEnabled,
 			menu: {
@@ -19381,7 +19387,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					{
 						id: "discard",
 						label: "Discard clip",
-						disabled: () => ee === null,
+						disabled: () => W === null,
 						run: je
 					}
 				]
@@ -19410,21 +19416,21 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					m({ frameRate: e ? 120 : 60 });
 				}
 			}]
-		}), t.command.register(xb, async () => (await ze(), Fb(H))), t.command.register(Sb, async () => Lb(await Fe())), t.command.register(Cb, () => (je(), Fb(H))), t.command.register(wb, async (e) => {
-			let t = await Ne(Pb(e));
-			return Rb(t, r, i), Ib(t);
-		}), t.service.provide(vb, Je), t.lifecycle.onDispose(() => {
+		}), 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));
+			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();
 		});
 	}
-}), Bb = 144, Vb = 96, Hb = 8, Ub = 4, Wb = 1800, Gb = (e, t) => {
+}), Vb = 144, Hb = 96, Ub = 8, Wb = 4, Gb = 1800, Kb = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, Kb = (e, t) => ({
-	left: Math.min(Math.max(Hb, e.left), Math.max(Hb, t.innerWidth - Bb - Hb)),
-	top: Math.min(Math.max(Hb, e.top), Math.max(Hb, t.innerHeight - Vb - Hb))
-}), qb = (e, t) => {
+}, qb = (e, t) => ({
+	left: Math.min(Math.max(Ub, e.left), Math.max(Ub, t.innerWidth - Vb - Ub)),
+	top: Math.min(Math.max(Ub, e.top), Math.max(Ub, t.innerHeight - Hb - Ub))
+}), Jb = (e, t) => {
 	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, Gb(n, {
+	return n.type = "button", n.textContent = t, Kb(n, {
 		height: "32px",
 		padding: "0 12px",
 		border: "1px solid rgb(255 255 255 / 18%)",
@@ -19436,11 +19442,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-weight": "500",
 		cursor: "pointer"
 	}), n;
-}, Jb = ({ copied: e, downloaded: t, copyFailed: n, downloadFailed: r }) => e && t ? "Copied and saved screenshot" : e && r ? "Copied screenshot · Save unavailable" : t && n ? "Saved screenshot · Copy unavailable" : e ? "Copied screenshot" : t ? "Saved screenshot" : n && r ? "Screenshot captured · Copy and save unavailable" : n ? "Screenshot captured · Copy unavailable" : r ? "Screenshot captured · Save unavailable" : "Screenshot captured", Yb = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Xb = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
+}, Yb = ({ copied: e, downloaded: t, copyFailed: n, downloadFailed: r }) => e && t ? "Copied and saved screenshot" : e && r ? "Copied screenshot · Save unavailable" : t && n ? "Saved screenshot · Copy unavailable" : e ? "Copied screenshot" : t ? "Saved screenshot" : n && r ? "Screenshot captured · Copy and save unavailable" : n ? "Screenshot captured · Copy unavailable" : r ? "Screenshot captured · Save unavailable" : "Screenshot captured", Xb = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Zb = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
 	let i = n.closest("[data-mesurer-root='true']")?.parentNode ?? n.parentNode;
-	if (!Yb(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
+	if (!Xb(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
 	let a = e.createElement("div");
-	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Gb(a, {
+	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Kb(a, {
 		position: "fixed",
 		left: "0",
 		top: "0",
@@ -19452,12 +19458,12 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 	}), i.append(a);
 	let o = e.createElement("div");
-	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, Gb(o, {
+	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, Kb(o, {
 		position: "fixed",
 		display: "none",
 		"z-index": "96",
-		width: `${Bb}px`,
-		height: `${Vb}px`,
+		width: `${Vb}px`,
+		height: `${Hb}px`,
 		"box-sizing": "border-box",
 		overflow: "hidden",
 		"border-radius": "10px",
@@ -19470,7 +19476,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"touch-action": "none"
 	});
 	let s = e.createElement("img");
-	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", Gb(s, {
+	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", Kb(s, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -19478,7 +19484,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"background-color": "white"
 	}), o.append(s);
 	let c = e.createElement("button");
-	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", Gb(c, {
+	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", Kb(c, {
 		position: "absolute",
 		top: "8px",
 		right: "8px",
@@ -19504,7 +19510,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	let u = e.createElementNS("http://www.w3.org/2000/svg", "path");
 	u.setAttribute("d", "m4 4 8 8M12 4l-8 8"), u.setAttribute("stroke", "currentColor"), u.setAttribute("stroke-width", "1.75"), u.setAttribute("stroke-linecap", "round"), l.append(u), c.append(l), o.append(c), a.append(o);
 	let d = e.createElement("div");
-	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), Gb(d, {
+	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), Kb(d, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -19518,7 +19524,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"pointer-events": "auto"
 	});
 	let f = e.createElement("img");
-	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", Gb(f, {
+	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", Kb(f, {
 		display: "block",
 		"max-width": "calc(100vw - 96px)",
 		"max-height": "calc(100vh - 112px)",
@@ -19529,7 +19535,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"box-shadow": "0 8px 30px rgb(0 0 0 / 28%)"
 	}), d.append(f);
 	let p = e.createElement("div");
-	p.dataset.mesurerScreenshotViewerControls = "true", Gb(p, {
+	p.dataset.mesurerScreenshotViewerControls = "true", Kb(p, {
 		position: "fixed",
 		top: "16px",
 		right: "16px",
@@ -19537,14 +19543,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		gap: "8px",
 		"pointer-events": "auto"
 	});
-	let m = qb(e, "Copy");
+	let m = Jb(e, "Copy");
 	m.dataset.mesurerScreenshotViewerCopy = "true", m.setAttribute("aria-label", "Copy screenshot");
-	let h = qb(e, "Save");
+	let h = Jb(e, "Save");
 	h.dataset.mesurerScreenshotViewerSave = "true", h.setAttribute("aria-label", "Save screenshot");
-	let g = qb(e, "Close");
+	let g = Jb(e, "Close");
 	g.dataset.mesurerScreenshotViewerClose = "true", g.setAttribute("aria-label", "Close screenshot viewer"), p.append(m, h, g), d.append(p), a.append(d);
 	let _ = e.createElement("div");
-	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), Gb(_, {
+	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), Kb(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "20px",
@@ -19566,18 +19572,18 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}, D = (e, n = !1) => {
 		E(), _.textContent = e, _.style.backgroundColor = n ? "#b42318" : "rgb(28 28 30 / 90%)", _.style.display = "block", C = t.setTimeout(() => {
 			C = 0, _.style.display = "none";
-		}, Wb);
+		}, Gb);
 	}, O = () => {
 		d.style.display = "none";
 	}, k = () => {
 		y && globalThis.URL.revokeObjectURL(y), y = null, v = null, s.removeAttribute("src"), f.removeAttribute("src");
 	}, A = () => {
 		T(), O(), o.style.display = "none", k();
-	}, j = () => Kb({
-		left: t.innerWidth - Bb - Hb,
-		top: t.innerHeight - Vb - Hb
+	}, j = () => qb({
+		left: t.innerWidth - Vb - Ub,
+		top: t.innerHeight - Hb - Ub
 	}, t), M = (e) => {
-		let n = Kb(e, t);
+		let n = qb(e, t);
 		b = n, o.style.left = `${n.left}px`, o.style.top = `${n.top}px`;
 	}, N = () => {
 		!v || !y || (T(), d.style.display = "flex", g.focus());
@@ -19611,7 +19617,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		let n = x;
 		if (!n) return;
 		let r = e - n.startX, i = t - n.startY;
-		!n.moved && Math.hypot(r, i) >= Ub && (n.moved = !0), n.moved && M({
+		!n.moved && Math.hypot(r, i) >= Wb && (n.moved = !0), n.moved && M({
 			left: n.left + r,
 			top: n.top + i
 		});
@@ -19628,52 +19634,52 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		e.button === 0 && x?.pointerId === null && R();
 	}, U = (e) => {
 		e.pointerType !== "mouse" && e.button === 0 && I(e.clientX, e.clientY, e.pointerId) && (o.setPointerCapture?.(e.pointerId), e.preventDefault());
-	}, ee = (e) => {
+	}, W = (e) => {
 		let t = x?.pointerId;
 		t != null && t === e.pointerId && L(e.clientX, e.clientY);
-	}, te = (e) => {
+	}, ee = (e) => {
 		let t = x?.pointerId;
 		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), R());
-	}, ne = (e) => {
+	}, te = (e) => {
 		let t = x?.pointerId;
 		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), z());
-	}, W = (e) => {
+	}, G = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), N());
-	}, re = (e) => {
+	}, ne = (e) => {
 		e.target !== s && e.preventDefault();
-	}, ie = (e) => {
+	}, re = (e) => {
 		e.target === d && O();
-	}, G = (e) => {
+	}, ie = (e) => {
 		e.key === "Escape" && d.style.display !== "none" && (e.preventDefault(), e.stopImmediatePropagation(), O());
 	};
 	return c.addEventListener("pointerdown", (e) => e.stopPropagation()), c.addEventListener("mousedown", (e) => e.stopPropagation()), c.addEventListener("click", (e) => {
 		e.stopPropagation(), A();
-	}), o.addEventListener("mousedown", B), o.addEventListener("pointerdown", U), o.addEventListener("keydown", W), o.addEventListener("contextmenu", re), d.addEventListener("click", ie), m.addEventListener("click", () => {
+	}), o.addEventListener("mousedown", B), o.addEventListener("pointerdown", U), o.addEventListener("keydown", G), o.addEventListener("contextmenu", ne), d.addEventListener("click", re), m.addEventListener("click", () => {
 		P();
-	}), h.addEventListener("click", F), g.addEventListener("click", O), t.addEventListener("mousemove", V, !0), t.addEventListener("mouseup", H, !0), t.addEventListener("pointermove", ee, !0), t.addEventListener("pointerup", te, !0), t.addEventListener("pointercancel", ne, !0), t.addEventListener("keydown", G, !0), {
+	}), h.addEventListener("click", F), g.addEventListener("click", O), t.addEventListener("mousemove", V, !0), t.addEventListener("mouseup", H, !0), t.addEventListener("pointermove", W, !0), t.addEventListener("pointerup", ee, !0), t.addEventListener("pointercancel", te, !0), t.addEventListener("keydown", ie, !0), {
 		show(e, n) {
 			if (w) return;
 			T(), O(), k(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
-			y = i, s.src = i, f.src = i, o.style.display = "block", M(b ?? j()), D(Jb(n)), r > 0 && (S = t.setTimeout(A, r));
+			y = i, s.src = i, f.src = i, o.style.display = "block", M(b ?? j()), D(Yb(n)), r > 0 && (S = t.setTimeout(A, r));
 		},
 		dismiss: A,
 		dispose() {
-			w || (w = !0, T(), E(), A(), t.removeEventListener("mousemove", V, !0), t.removeEventListener("mouseup", H, !0), t.removeEventListener("pointermove", ee, !0), t.removeEventListener("pointerup", te, !0), t.removeEventListener("pointercancel", ne, !0), t.removeEventListener("keydown", G, !0), o.removeEventListener("mousedown", B), o.removeEventListener("pointerdown", U), o.removeEventListener("keydown", W), o.removeEventListener("contextmenu", re), d.removeEventListener("click", ie), a.remove());
+			w || (w = !0, T(), E(), A(), t.removeEventListener("mousemove", V, !0), t.removeEventListener("mouseup", H, !0), t.removeEventListener("pointermove", W, !0), t.removeEventListener("pointerup", ee, !0), t.removeEventListener("pointercancel", te, !0), t.removeEventListener("keydown", ie, !0), o.removeEventListener("mousedown", B), o.removeEventListener("pointerdown", U), o.removeEventListener("keydown", G), o.removeEventListener("contextmenu", ne), d.removeEventListener("click", re), a.remove());
 		}
 	};
-}, Zb = "mesurer.screenshot", Qb = "screenshot", $b = "mesurer.screenshot.settings", ex = "mesurer.screenshot.active", tx = "runtime:solid", nx = "screenshot.toggle", rx = 2500, ix = 0, ax = [
+}, Qb = "mesurer.screenshot", $b = "screenshot", ex = "mesurer.screenshot.settings", tx = "mesurer.screenshot.active", nx = "runtime:solid", rx = "screenshot.toggle", ix = 2500, ax = 0, ox = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-selection-spacing-target='true']",
 	"[data-mesurer-guide='true']",
 	"[data-mesurer-distance='true']"
-].join(","), ox = `${ax},[data-mesurer-rulers='true']`, sx = {
+].join(","), sx = `${ox},[data-mesurer-rulers='true']`, cx = {
 	viewBox: "0 0 256 256",
 	paths: ["m 96,50 a 6.0006,6.0006 0 0 0 -4.992188,2.671875 L 76.789062,74 H 40 C 27.920803,74 18,83.920803 18,96 v 96 c 0,12.0792 9.920803,22 22,22 h 176 c 12.0792,0 22,-9.9208 22,-22 V 96 C 238,83.920803 228.0792,74 216,74 H 179.21094 L 164.99219,52.671875 A 6.0006,6.0006 0 0 0 160,50 Z m 3.210937,12 h 57.578123 l 14.21875,21.328125 A 6.0006,6.0006 0 0 0 176,86 h 40 c 5.59392,0 10,4.406085 10,10 v 96 c 0,5.59392 -4.40608,10 -10,10 H 40 c -5.593915,0 -10,-4.40608 -10,-10 V 96 c 0,-5.593915 4.406085,-10 10,-10 h 40 a 6.0006,6.0006 0 0 0 4.992187,-2.671875 z", "m 128,94 c -23.12489,0 -42,18.87511 -42,42 0,23.12489 18.87511,42 42,42 23.12489,0 42,-18.87511 42,-42 0,-23.12489 -18.87511,-42 -42,-42 z m 0,12 c 16.63961,0 30,13.36039 30,30 0,16.63961 -13.36039,30 -30,30 -16.63961,0 -30,-13.36039 -30,-30 0,-16.63961 13.36039,-30 30,-30 z"]
-}, cx = (e, t) => {
-	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
 }, lx = (e, t) => {
+	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
+}, ux = (e, t) => {
 	for (let n of [
 		"left",
 		"top",
@@ -19685,63 +19691,63 @@ 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`);
 	}
-}, ux = (e) => {
-	let t = e($b);
+}, dx = (e) => {
+	let t = e(ex);
 	return {
 		toolEnabled: t?.toolEnabled ?? !0,
 		copy: t?.copy ?? !0,
 		download: t?.download ?? !1,
 		includeMeasurements: t?.includeMeasurements ?? !1
 	};
-}, dx = (e) => ({
+}, fx = (e) => ({
 	value: e.style.getPropertyValue("display"),
 	priority: e.style.getPropertyPriority("display")
-}), fx = (e, t) => {
+}), px = (e, t) => {
 	t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
-}, px = (e, t) => {
+}, mx = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, mx = (e) => {
+}, hx = (e) => {
 	let t = e.querySelector("[data-mesurer-root='true']");
 	if (!t) return () => void 0;
 	let n = /* @__PURE__ */ new Set();
 	for (let e of t.querySelectorAll("[data-mesurer-rulers='true']")) {
-		let r = px(e, t);
+		let r = mx(e, t);
 		r && n.add(r);
 	}
-	for (let e of t.querySelectorAll(ax)) {
-		let r = px(e, t);
+	for (let e of t.querySelectorAll(ox)) {
+		let r = mx(e, t);
 		r && n.add(r);
 	}
 	let r = [];
 	for (let e of n) e.dataset.mesurerInspectorUi !== "true" && (r.push({
 		element: e,
-		display: dx(e)
+		display: fx(e)
 	}), e.style.setProperty("display", "none", "important"));
 	return () => {
-		for (let e of r) fx(e.element, e.display);
+		for (let e of r) px(e.element, e.display);
 	};
-}, hx = (e) => Array.from(e.querySelectorAll(ox)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
+}, gx = (e) => Array.from(e.querySelectorAll(sx)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
 	element: e,
-	display: dx(e)
-})), gx = (e) => {
-	for (let t of e) t.element.isConnected && fx(t.element, t.display);
-}, _x = (e = {}) => Ta({
-	id: Zb,
+	display: fx(e)
+})), _x = (e) => {
+	for (let t of e) t.element.isConnected && px(t.element, t.display);
+}, vx = (e = {}) => Ta({
+	id: Qb,
 	version: "0.1.0",
-	requires: [tx],
+	requires: [nx],
 	provides: [
 		"tool:screenshot",
 		"capture:screenshot",
 		"settings:screenshot"
 	],
 	setup(t) {
-		let n = t.service.get(tx);
+		let n = t.service.get(nx);
 		if (!n) throw Error("Screenshot plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? _o, l = e.previewDurationMs ?? ix;
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? _o, l = e.previewDurationMs ?? ax;
 		t.state.register({
-			id: $b,
+			id: ex,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
 				copy: e.copy ?? !0,
@@ -19750,11 +19756,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			},
 			persist: !0
 		}), t.state.register({
-			id: ex,
+			id: tx,
 			initial: !1
 		});
 		let u = o.element;
-		u.dataset.mesurerScreenshot = "true", cx(u, {
+		u.dataset.mesurerScreenshot = "true", lx(u, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "85",
@@ -19762,7 +19768,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 		});
 		let d = r.createElement("div");
-		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), cx(d, {
+		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), lx(d, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -19774,13 +19780,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), u.append(d);
 		let f = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return cx(e, {
+			return lx(e, {
 				position: "fixed",
 				"background-color": "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
 			}), d.append(e), e;
 		}), p = r.createElement("div");
-		cx(p, {
+		lx(p, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid #0d99ff",
@@ -19788,7 +19794,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(p);
 		let m = r.createElement("div");
-		cx(m, {
+		lx(m, {
 			position: "fixed",
 			display: "none",
 			"z-index": "86",
@@ -19802,7 +19808,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(m);
 		let h = r.createElement("div");
-		h.textContent = "Drag to select · Esc to cancel", cx(h, {
+		h.textContent = "Drag to select · Esc to cancel", lx(h, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -19815,7 +19821,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(h);
 		let g = r.createElement("div");
-		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", cx(g, {
+		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", lx(g, {
 			position: "fixed",
 			display: "none",
 			"z-index": "97",
@@ -19826,8 +19832,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "none"
 		}), u.append(g);
-		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => ux(t.state.get), E = (e) => {
-			t.state.update($b, (t) => {
+		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => dx(t.state.get), E = (e) => {
+			t.state.update(ex, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), e.copy !== void 0 && (n.copy = e.copy), e.download !== void 0 && (n.download = e.download), e.includeMeasurements !== void 0 && (n.includeMeasurements = e.includeMeasurements), n;
 			});
@@ -19850,13 +19856,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}, A = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
 			if (!e || e.width <= 0 || e.height <= 0) {
-				lx(f[0], {
+				ux(f[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of f.slice(1)) lx(e, {
+				for (let e of f.slice(1)) ux(e, {
 					left: 0,
 					top: 0,
 					width: 0,
@@ -19865,31 +19871,31 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				p.style.display = "none", m.style.display = "none";
 				return;
 			}
-			lx(f[0], {
+			ux(f[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), lx(f[1], {
+			}), ux(f[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), lx(f[2], {
+			}), ux(f[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), lx(f[3], {
+			}), ux(f[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), p.style.display = "block", lx(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, lx(m, {
+			}), p.style.display = "block", ux(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ux(m, {
 				left: e.left + e.width / 2,
 				top: Math.min(n - 22, e.top + e.height + 6)
 			});
-		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Xb({
+		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Zb({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: u,
@@ -19900,7 +19906,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}, P = () => {
 			y && i.clearTimeout(y), g.style.display = "block", N(g), y = i.setTimeout(() => {
 				y = 0, g.style.display = "none";
-			}, rx);
+			}, ix);
 		}, F = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, I = () => {
@@ -19909,8 +19915,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			if (x) throw Error("A screenshot capture is already running.");
 			if (e.width < 4 || e.height < 4) throw Error("Screenshot selection must be at least 4px by 4px.");
 			x = !0;
-			let o = ++b, s = T(), l = s.includeMeasurements ? hx(r) : [], u = s.includeMeasurements ? () => void 0 : mx(n.portalTarget);
-			a.prepareCapture(), s.includeMeasurements && gx(l);
+			let o = ++b, s = T(), l = s.includeMeasurements ? gx(r) : [], u = s.includeMeasurements ? () => void 0 : hx(n.portalTarget);
+			a.prepareCapture(), s.includeMeasurements && _x(l);
 			try {
 				d.style.visibility = "hidden", await Qa(i);
 				let n = await Ja(await c({
@@ -20005,7 +20011,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			e.key !== "Escape" || !w() || (e.preventDefault(), e.stopImmediatePropagation(), I());
 		};
 		d.addEventListener("pointerdown", z), d.addEventListener("pointermove", B), d.addEventListener("pointerup", V), d.addEventListener("pointercancel", H), i.addEventListener("keydown", U, !0);
-		let ee = {
+		let W = {
 			active: w,
 			settings: T,
 			setSettings: E,
@@ -20018,10 +20024,10 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			label: "Screenshot",
 			shortcut: "Shift+S",
 			order: 70,
-			command: nx,
+			command: rx,
 			toolbarMode: "select",
 			compactPinned: !0,
-			icon: sx,
+			icon: cx,
 			active: w,
 			hidden: () => !T().toolEnabled,
 			menu: {
@@ -20087,31 +20093,31 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(nx, R), t.service.provide(Qb, ee), t.lifecycle.onDispose(() => {
+		}), t.command.register(rx, R), t.service.provide($b, W), t.lifecycle.onDispose(() => {
 			C = !0, b += 1, d.removeEventListener("pointerdown", z), d.removeEventListener("pointermove", B), d.removeEventListener("pointerup", V), d.removeEventListener("pointercancel", H), i.removeEventListener("keydown", U, !0), y && i.clearTimeout(y), M.dispose(), k(), vo(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), vx = (e) => Number.parseFloat(e) || 0, yx = 0, bx = (e, t) => {
+}), yx = (e) => Number.parseFloat(e) || 0, bx = 0, xx = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
-}, xx = (e) => e.nodeType === 9, Sx = (e) => e.nodeType === 11;
-function Cx(e) {
+}, Sx = (e) => e.nodeType === 9, Cx = (e) => e.nodeType === 11;
+function wx(e) {
 	let t = e.getRootNode();
-	return Sx(t) ? t : e.ownerDocument;
+	return Cx(t) ? t : e.ownerDocument;
 }
-var wx = (e, t) => {
-	if (xx(e) || Sx(e)) return e;
-	let n = Cx(e);
-	return Sx(n) ? n : t;
-}, Tx = 600, Ex = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", Dx = /* @__PURE__ */ new WeakMap(), Ox = (e) => {
+var Tx = (e, t) => {
+	if (Sx(e) || Cx(e)) return e;
+	let n = wx(e);
+	return Cx(n) ? n : t;
+}, Ex = 600, Dx = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", Ox = /* @__PURE__ */ new WeakMap(), kx = (e) => {
 	let t = e;
 	for (; t;) {
-		if ((Dx.get(t) ?? 0) > 0) return !0;
+		if ((Ox.get(t) ?? 0) > 0) return !0;
 		let e = t.getRootNode();
-		t = Sx(e) ? e.host : t.parentElement;
+		t = Cx(e) ? e.host : t.parentElement;
 	}
 	return !1;
-}, kx = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, Ax = (e, t) => Array.from(e.getClientRects()).some((e) => kx(e, t)), jx = (e, t, n) => {
+}, Ax = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, jx = (e, t) => Array.from(e.getClientRects()).some((e) => Ax(e, t)), Mx = (e, t, n) => {
 	let r = e;
 	for (; r;) {
 		let e = n.getComputedStyle(r);
@@ -20120,7 +20126,7 @@ var wx = (e, t) => {
 		r = r.parentElement;
 	}
 	return !0;
-}, Mx = (e, t) => {
+}, Nx = (e, t) => {
 	if (e.matches("img, picture, video, canvas, svg image, path, circle, ellipse, line, polygon, polyline, rect, text, use")) return !0;
 	let n = t.getComputedStyle(e), r = n.backgroundImage !== "none" || n.backgroundColor !== "transparent" && n.backgroundColor !== "rgba(0, 0, 0, 0)", i = [
 		"top",
@@ -20129,7 +20135,7 @@ var wx = (e, t) => {
 		"left"
 	].some((e) => Number.parseFloat(n.getPropertyValue(`border-${e}-width`)) > 0 && n.getPropertyValue(`border-${e}-style`) !== "none");
 	return r || i || n.boxShadow !== "none" || n.outlineStyle !== "none";
-}, Nx = (e, t) => !!e.textContent?.trim() || Mx(e, t), Px = (e, t, n) => {
+}, Px = (e, t) => !!e.textContent?.trim() || Nx(e, t), Fx = (e, t, n) => {
 	let r = t, i = r.caretRangeFromPoint?.(e.x, e.y)?.startContainer ?? r.caretPositionFromPoint?.(e.x, e.y)?.offsetNode;
 	if (!i) return null;
 	let a = t.defaultView?.Element;
@@ -20140,11 +20146,11 @@ var wx = (e, t) => {
 		o = o.parentElement;
 	}
 	return o === n ? n : null;
-}, Fx = (e, t, n) => {
+}, Ix = (e, t, n) => {
 	let r = n.defaultView, i = r?.Element;
 	if (!r || !i) return [];
 	let a = [], o = /* @__PURE__ */ new Set(), s = (n, i, s) => {
-		if (o.has(n) || Ox(n) || r.getComputedStyle(n).pointerEvents !== "none" || jx(n, e, r) || !Ax(n, t)) return;
+		if (o.has(n) || kx(n) || r.getComputedStyle(n).pointerEvents !== "none" || Mx(n, e, r) || !jx(n, t)) return;
 		let c = n.getBoundingClientRect();
 		o.add(n), a.push({
 			element: n,
@@ -20153,7 +20159,7 @@ var wx = (e, t) => {
 			order: s
 		});
 	}, c = n.createTreeWalker(e, 1), l = c.nextNode(), u = 1;
-	for (; l && u <= Tx;) {
+	for (; l && u <= Ex;) {
 		if (l instanceof i) {
 			let t = l;
 			if (r.getComputedStyle(t).pointerEvents === "none") {
@@ -20164,9 +20170,9 @@ var wx = (e, t) => {
 		}
 		u += 1, l = c.nextNode();
 	}
-	let d = Px(t, n, e);
+	let d = Fx(t, n, e);
 	return d && r.getComputedStyle(d).pointerEvents === "none" && s(d, 1e4, u), a.sort((e, t) => t.depth - e.depth || e.area - t.area || t.order - e.order).map(({ element: e }) => e);
-}, Ix = (e, t, n) => {
+}, Lx = (e, t, n) => {
 	let r = t.ownerDocument.defaultView;
 	if (!r) return [];
 	let i = [...new Set(e)], a = /* @__PURE__ */ new Map();
@@ -20175,7 +20181,7 @@ var wx = (e, t) => {
 		t && (a.set(e, e.getAttribute("style")), t.style.setProperty("pointer-events", "auto", "important"));
 	}
 	try {
-		let e = Cx(t).elementsFromPoint(n.x, n.y), r = e.findIndex((e) => e === t), a = new Map(e.map((e, t) => [e, t]));
+		let e = wx(t).elementsFromPoint(n.x, n.y), r = e.findIndex((e) => e === t), a = new Map(e.map((e, t) => [e, t]));
 		return i.filter((e) => {
 			let t = a.get(e);
 			return t !== void 0 && (r < 0 || t < r);
@@ -20183,31 +20189,31 @@ var wx = (e, t) => {
 	} finally {
 		for (let [e, t] of a) t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
 	}
-}, Lx = (e, t) => {
+}, Rx = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, Rx = (e, t, n, r) => {
+}, zx = (e, t, n, r) => {
 	let i = r.defaultView;
 	if (!i) return [];
-	let a = Ix(Fx(e, t, r).filter((e) => Nx(e, i)), e, t);
+	let a = Lx(Ix(e, t, r).filter((e) => Px(e, i)), e, t);
 	if (a.length > 0) return a;
-	if (e.textContent?.trim() && !e.matches(Ex) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
-	let o = [], s = /* @__PURE__ */ new Set(), c = !xx(n) && !Sx(n) ? n : null, l = e.parentElement;
+	if (e.textContent?.trim() && !e.matches(Dx) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
+	let o = [], s = /* @__PURE__ */ new Set(), c = !Sx(n) && !Cx(n) ? n : null, l = e.parentElement;
 	for (; l && l !== r.body && l !== r.documentElement && !(c && l !== c && !c.contains(l));) {
-		let a = l, u = Lx(e, a), d = Fx(a, t, r).filter((e) => {
-			if (!Bx(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
-			let t = Lx(e, a);
+		let a = l, u = Rx(e, a), d = Ix(a, t, r).filter((e) => {
+			if (!Vx(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
+			let t = Rx(e, a);
 			return t === null || t !== u;
 		});
-		for (let e of d) s.has(e) || !Nx(e, i) || (s.add(e), o.push(e));
+		for (let e of d) s.has(e) || !Px(e, i) || (s.add(e), o.push(e));
 		if (a === c) break;
 		l = a.parentElement;
 	}
-	return Ix(o, e, t);
+	return Lx(o, e, t);
 };
-function zx(e, t, n = xx(t) ? t : t.ownerDocument ?? document) {
-	let r = wx(t, n), i = n.defaultView;
+function Bx(e, t, n = Sx(t) ? t : t.ownerDocument ?? document) {
+	let r = Tx(t, n), i = n.defaultView;
 	if (!i) return null;
 	let a = r.elementsFromPoint(e.x, e.y);
 	for (let r of a) {
@@ -20217,28 +20223,28 @@ function zx(e, t, n = xx(t) ? t : t.ownerDocument ?? document) {
 			if (!t || t === a) break;
 			a = t;
 		}
-		if (!a || !Bx(a, t)) continue;
-		let o = Rx(a, e, t, n);
+		if (!a || !Vx(a, t)) continue;
+		let o = zx(a, e, t, n);
 		if (o.length > 0) return o[0];
 		if (i.getComputedStyle(a).pointerEvents !== "none") return a;
 	}
 	return null;
 }
-function Bx(e, t) {
-	if (xx(t)) return !0;
+function Vx(e, t) {
+	if (Sx(t)) return !0;
 	let n = e;
 	for (; n;) {
 		if (t === n || t.contains(n)) return !0;
 		let e = n.getRootNode();
-		if (!Sx(e)) return !1;
+		if (!Cx(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function Vx(e, t) {
+function Hx(e, t) {
 	if (!e) return t();
-	let n = Dx.get(e) ?? 0;
-	Dx.set(e, n + 1);
+	let n = Ox.get(e) ?? 0;
+	Ox.set(e, n + 1);
 	let r = [e, ...e.querySelectorAll("*")], i = r.map((e) => [
 		e,
 		e.style.getPropertyValue("pointer-events"),
@@ -20248,13 +20254,13 @@ function Vx(e, t) {
 	try {
 		return t();
 	} finally {
-		n === 0 ? Dx.delete(e) : Dx.set(e, n);
+		n === 0 ? Ox.delete(e) : Ox.set(e, n);
 		for (let [e, t, n] of i) t ? e.style.setProperty("pointer-events", t, n) : e.style.removeProperty("pointer-events");
 	}
 }
-function Hx(e) {
+function Ux(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${bx(e.id, t)}`;
+	if (e.id) return `#${xx(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -20268,17 +20274,17 @@ function Hx(e) {
 	}
 	return r.join(" > ");
 }
-function Ux(e, t, n = `dom-inspection-${++yx}`) {
+function Wx(e, t, n = `dom-inspection-${++bx}`) {
 	let r = e.getBoundingClientRect(), i = t.getComputedStyle(e), a = {
-		top: vx(i.paddingTop),
-		right: vx(i.paddingRight),
-		bottom: vx(i.paddingBottom),
-		left: vx(i.paddingLeft)
+		top: yx(i.paddingTop),
+		right: yx(i.paddingRight),
+		bottom: yx(i.paddingBottom),
+		left: yx(i.paddingLeft)
 	}, o = {
-		top: vx(i.marginTop),
-		right: vx(i.marginRight),
-		bottom: vx(i.marginBottom),
-		left: vx(i.marginLeft)
+		top: yx(i.marginTop),
+		right: yx(i.marginRight),
+		bottom: yx(i.marginBottom),
+		left: yx(i.marginLeft)
 	}, s = {
 		left: r.left + a.left,
 		top: r.top + a.top,
@@ -20306,8 +20312,8 @@ function Ux(e, t, n = `dom-inspection-${++yx}`) {
 		elementRef: e
 	};
 }
-function Wx(e) {
-	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Ux(r, t) : null, o = (e) => {
+function Gx(e) {
+	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Wx(r, t) : null, o = (e) => {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}, s = (e) => ({
@@ -20317,7 +20323,7 @@ function Wx(e) {
 		left: o(n.getPropertyValue(`${e}-left${e === "border" ? "-width" : ""}`))
 	});
 	return {
-		selector: Hx(e),
+		selector: Ux(e),
 		tag: e.localName,
 		id: e.id || null,
 		classes: [...e.classList],
@@ -20379,10 +20385,10 @@ function Wx(e) {
 }
 //#endregion
 //#region src/agent.ts
-var Gx = "text-edit", Kx = (e) => Wx(e);
-function qx(e) {
-	let t = e.root ?? e.ownerDocument, n = e.ownerDocument.defaultView ?? window, r = (e, n = 0) => t.querySelectorAll(e).item(n) || null, i = (n) => t === e.ownerDocument || Bx(n, t), a = async () => {
-		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(Gx);
+var Kx = "text-edit", qx = (e) => Gx(e);
+function Jx(e) {
+	let t = e.root ?? e.ownerDocument, n = e.ownerDocument.defaultView ?? window, r = (e, n = 0) => t.querySelectorAll(e).item(n) || null, i = (n) => t === e.ownerDocument || Vx(n, t), a = async () => {
+		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(Kx);
 		if (!t) throw Error("Mesurer text editing service is unavailable.");
 		return t;
 	}, o = () => {
@@ -20411,25 +20417,25 @@ function qx(e) {
 		},
 		inspect(e, t = 0) {
 			let n = r(e, t);
-			return n ? Kx(n) : null;
+			return n ? qx(n) : null;
 		},
 		inspectAll(e, n = 50) {
-			return [...t.querySelectorAll(e)].slice(0, Math.max(0, n)).map(Kx);
+			return [...t.querySelectorAll(e)].slice(0, Math.max(0, n)).map(qx);
 		},
 		at(n, r) {
 			let a = t.querySelector?.("[data-mesurer-island]") ?? null;
-			return Vx(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
-				let a = zx({
+			return Hx(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
+				let a = Bx({
 					x: n,
 					y: r
 				}, t, e.ownerDocument);
-				return a && i(a) ? Kx(a) : null;
+				return a && i(a) ? qx(a) : null;
 			});
 		},
 		distance(e, t) {
 			let n = r(e), i = r(t);
 			if (!n || !i) return null;
-			let a = Kx(n), o = Kx(i), s = a.rect, c = o.rect;
+			let a = qx(n), o = qx(i), s = a.rect, c = o.rect;
 			return {
 				a,
 				b: o,
@@ -20445,7 +20451,7 @@ function qx(e) {
 			let r = e.getPluginHost() ?? await e.waitForPluginHost();
 			return {
 				viewport: o(),
-				elements: n.flatMap((e) => [...t.querySelectorAll(e)].slice(0, 50).map(Kx)),
+				elements: n.flatMap((e) => [...t.querySelectorAll(e)].slice(0, 50).map(qx)),
 				plugins: r.describe(),
 				pluginState: r.state.serialize("all")
 			};
@@ -20470,10 +20476,10 @@ function qx(e) {
 }
 //#endregion
 //#region src/version.ts
-var Jx = "0.2.1-beta.11", Yx = Np, Xx = Pp, Zx = () => ({
+var Yx = "0.2.1-beta.12", Xx = Np, Zx = Pp, Qx = () => ({
 	...km(),
-	version: Jx
-}), Qx = Xx, $x = (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, eS = (e) => {
+	version: Yx
+}), $x = Zx, eS = (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, tS = (e) => {
 	if (!e.length) return null;
 	let t = Math.min(...e.map((e) => e.left)), n = Math.min(...e.map((e) => e.top)), r = Math.max(...e.map((e) => e.left + e.width)), i = Math.max(...e.map((e) => e.top + e.height));
 	return {
@@ -20482,36 +20488,36 @@ var Jx = "0.2.1-beta.11", Yx = Np, Xx = Pp, Zx = () => ({
 		width: r - t,
 		height: i - n
 	};
-}, tS = (e, t, n) => t.some((t) => e.orientation === "vertical" ? e.position >= t.left - n && e.position <= t.left + t.width + n : e.position >= t.top - n && e.position <= t.top + t.height + n), nS = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
-function rS(e) {
+}, nS = (e, t, n) => t.some((t) => e.orientation === "vertical" ? e.position >= t.left - n && e.position <= t.left + t.width + n : e.position >= t.top - n && e.position <= t.top + t.height + n), rS = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
+function iS(e) {
 	let { workspace: t, scope: n, guideTolerance: r } = e;
 	if (n.kind === "workspace") return {
 		guides: t.guides.map((e) => ({ ...e })),
-		measurements: nS(t),
+		measurements: rS(t),
 		distances: [...t.distances]
 	};
-	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => $x(e, t));
+	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => eS(e, t));
 	return {
-		guides: t.guides.filter((e) => tS(e, n.regions, r)).map((e) => ({ ...e })),
-		measurements: nS(t).filter((e) => a(e.elementRef) || o(e.rect)),
+		guides: t.guides.filter((e) => nS(e, n.regions, r)).map((e) => ({ ...e })),
+		measurements: rS(t).filter((e) => a(e.elementRef) || o(e.rect)),
 		distances: t.distances.filter((e) => a(e.elementRefA) || a(e.elementRefB) || o(e.rectA) || o(e.rectB))
 	};
 }
 //#endregion
 //#region ../mesurer-core/dist/domain.js
-var iS = {
+var aS = {
 	opacity: 1,
 	width: 1,
 	pattern: "solid",
 	dashLength: 6,
 	gap: 4
-}, aS = {
+}, oS = {
 	opacity: 1,
 	edgeReveal: !1
 };
 //#endregion
 //#region ../mesurer-core/dist/events.js
-function oS() {
+function sS() {
 	let e = /* @__PURE__ */ new Map();
 	return {
 		on(t, n) {
@@ -20529,12 +20535,12 @@ function oS() {
 		}
 	};
 }
-({ ...iS }), { ...aS };
+({ ...aS }), { ...oS };
 //#endregion
 //#region ../mesurer-core/dist/plugins.js
-var sS = 50;
-function cS() {
-	let e = 1, t = 0, n = oS(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), p = [], m = [], h = (e, t) => {
+var cS = 50;
+function lS() {
+	let e = 1, t = 0, n = sS(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), p = [], m = [], h = (e, t) => {
 		n.emit("changed", {
 			pluginId: e,
 			reason: t
@@ -20597,15 +20603,15 @@ function cS() {
 		}
 		if (o && s) {
 			let e = y("history");
-			x(s, e) || (p.push(s), p.length > sS && p.shift(), m.length = 0);
+			x(s, e) || (p.push(s), p.length > cS && p.shift(), m.length = 0);
 		}
 		return l;
 	}, w = () => {
 		let e = p.pop();
-		return e ? (m.push(y("history")), m.length > sS && m.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
+		return e ? (m.push(y("history")), m.length > cS && m.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
 	}, T = () => {
 		let e = m.pop();
-		return e ? (p.push(y("history")), p.length > sS && p.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
+		return e ? (p.push(y("history")), p.length > cS && p.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
 	}, E = async (e, t) => {
 		for (let n of [...l.values()].filter((t) => t.name === e)) await n.handler(t);
 	}, D = (e) => [...u.values()].reverse().find((t) => t.id === e)?.value, O = {
@@ -20762,8 +20768,8 @@ function cS() {
 }
 //#endregion
 //#region ../mesurer-core/dist/runtime.js
-async function lS(e = {}) {
-	let t = cS();
+async function uS(e = {}) {
+	let t = lS();
 	try {
 		for (let n of e.plugins ?? []) await t.load(n);
 		return t;
@@ -20773,17 +20779,17 @@ async function lS(e = {}) {
 }
 //#endregion
 //#region src/context.ts
-var uS = 10, dS = (e) => ({
+var dS = 10, fS = (e) => ({
 	left: e.left,
 	top: e.top,
 	width: e.width,
 	height: e.height
-}), fS = (e) => {
+}), pS = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e) !r?.isConnected || t.has(r) || (t.add(r), n.push(r));
 	return n;
-}, pS = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function mS(e) {
+}, mS = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function hS(e) {
 	let { runtime: t, ownerDocument: n, ownerWindow: r } = e, i = e.request ?? { scope: "workspace" }, a = t.snapshot();
 	if (!a) throw Error("Mesurer workspace is not ready yet.");
 	let o = [], s = [], c = { kind: "workspace" }, l = /* @__PURE__ */ new Map();
@@ -20791,7 +20797,7 @@ function mS(e) {
 		let e = t.annotation(i.annotation);
 		if (!e) throw Error(`Mesurer annotation not found: ${i.annotation}`);
 		for (let t of e.resolvedTargets) t.element?.isConnected && l.set(t.element, t.target.id);
-		o = fS(e.resolvedTargets.map((e) => e.element));
+		o = pS(e.resolvedTargets.map((e) => e.element));
 		let n = t.annotationRect(e.id);
 		n && (s = [n]);
 		let r = e.resolvedTargets.length, a = e.resolvedTargets.filter((e) => e.element?.isConnected).length, u = e.anchor.kind === "region" ? "connected" : r === 0 || a === 0 ? "stale" : a === r ? "connected" : "partial";
@@ -20803,15 +20809,15 @@ function mS(e) {
 		};
 	} else if (i.scope === "selection") {
 		let e = t.currentSelection();
-		if (o = fS(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
-		s = e.region ? [e.region] : o.map((e) => dS(e.getBoundingClientRect())), c = { kind: "selection" };
-	} else o = fS([
+		if (o = pS(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
+		s = e.region ? [e.region] : o.map((e) => fS(e.getBoundingClientRect())), c = { kind: "selection" };
+	} else o = pS([
 		...t.currentSelection().elements,
 		...a.measurements.map((e) => e.elementRef),
 		a.activeMeasurement?.elementRef,
 		...a.heldDistances.flatMap((e) => [e.elementRefA, e.elementRefB])
 	]);
-	let u = c.kind === "workspace" ? [] : s.length ? s : o.map((e) => dS(e.getBoundingClientRect())), d = rS({
+	let u = c.kind === "workspace" ? [] : s.length ? s : o.map((e) => fS(e.getBoundingClientRect())), d = iS({
 		workspace: {
 			guides: a.guides,
 			measurements: a.measurements,
@@ -20823,8 +20829,8 @@ function mS(e) {
 			elements: o,
 			regions: u
 		},
-		guideTolerance: a.guideRelevanceTolerance ?? uS
-	}), f = d.measurements, p = d.distances, m = d.guides, h = fS([
+		guideTolerance: a.guideRelevanceTolerance ?? dS
+	}), f = d.measurements, p = d.distances, m = d.guides, h = pS([
 		...o,
 		...f.map((e) => e.elementRef),
 		...p.flatMap((e) => [e.elementRefA, e.elementRefB])
@@ -20836,12 +20842,12 @@ function mS(e) {
 		let t = l.get(e) ?? y();
 		return g.set(e, t), {
 			ref: t,
-			inspection: Wx(e)
+			inspection: Gx(e)
 		};
 	}), x = f.map((e) => {
 		let t = {
 			id: e.id,
-			rect: dS(e.rect),
+			rect: fS(e.rect),
 			deltaX: e.deltaX,
 			deltaY: e.deltaY
 		};
@@ -20851,8 +20857,8 @@ function mS(e) {
 	}), S = p.map((e) => {
 		let t = {
 			id: e.id,
-			rectA: dS(e.rectA),
-			rectB: dS(e.rectB),
+			rectA: fS(e.rectA),
+			rectB: fS(e.rectB),
 			horizontal: e.horizontal ? { ...e.horizontal } : null,
 			vertical: e.vertical ? { ...e.vertical } : null
 		}, n = e.elementRefA ? g.get(e.elementRefA) : void 0, r = e.elementRefB ? g.get(e.elementRefB) : void 0;
@@ -20860,7 +20866,7 @@ function mS(e) {
 	});
 	return {
 		schema: "mesurer.context/v1",
-		id: pS(r),
+		id: mS(r),
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		scope: c,
 		page: {
@@ -20875,7 +20881,7 @@ function mS(e) {
 			scrollY: r.scrollY
 		},
 		coordinateSpace: "viewport-css-px",
-		regions: c.kind === "workspace" ? [] : s.map(dS),
+		regions: c.kind === "workspace" ? [] : s.map(fS),
 		visualState: {
 			rulersVisible: a.rulersVisible,
 			xrayVisible: a.xrayVisible
@@ -20889,48 +20895,48 @@ function mS(e) {
 		}
 	};
 }
-var hS = (e) => `${Math.round(e * 100) / 100}px`, gS = (e) => `x=${hS(e.left)} y=${hS(e.top)} w=${hS(e.width)} h=${hS(e.height)}`;
-function _S(e) {
+var gS = (e) => `${Math.round(e * 100) / 100}px`, _S = (e) => `x=${gS(e.left)} y=${gS(e.top)} w=${gS(e.width)} h=${gS(e.height)}`;
+function vS(e) {
 	let t = [
 		"Mesurer visual context",
 		"",
 		`Page: ${e.page.url}`,
 		`Viewport: ${e.viewport.width} × ${e.viewport.height} CSS px; scroll x=${e.viewport.scrollX} y=${e.viewport.scrollY}`
 	];
-	if (e.scope.kind === "annotation" ? t.push("", "Annotation", e.scope.note, `Target status: ${e.scope.targetStatus}`) : t.push("", `Scope: ${e.scope.kind}`), e.regions.length && (t.push("", "Requested regions"), e.regions.forEach((e, n) => t.push(`- region-${n + 1}: ${gS(e)}`))), (e.visualState.rulersVisible || e.visualState.xrayVisible) && t.push("", `Visual state: rulers=${e.visualState.rulersVisible ? "on" : "off"}; x-ray=${e.visualState.xrayVisible ? "on" : "off"}`), e.targets.length) {
+	if (e.scope.kind === "annotation" ? t.push("", "Annotation", e.scope.note, `Target status: ${e.scope.targetStatus}`) : t.push("", `Scope: ${e.scope.kind}`), e.regions.length && (t.push("", "Requested regions"), e.regions.forEach((e, n) => t.push(`- region-${n + 1}: ${_S(e)}`))), (e.visualState.rulersVisible || e.visualState.xrayVisible) && t.push("", `Visual state: rulers=${e.visualState.rulersVisible ? "on" : "off"}; x-ray=${e.visualState.xrayVisible ? "on" : "off"}`), e.targets.length) {
 		t.push("", "Targets");
 		for (let n of e.targets) {
 			let e = n.inspection;
-			t.push(`[${n.ref}] ${e.selector}`, `  rect: ${gS(e.rect)}`, `  margin: ${hS(e.margin.top)} ${hS(e.margin.right)} ${hS(e.margin.bottom)} ${hS(e.margin.left)}`, `  padding: ${hS(e.padding.top)} ${hS(e.padding.right)} ${hS(e.padding.bottom)} ${hS(e.padding.left)}`, `  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, `  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(`  text: ${JSON.stringify(e.text)}`);
+			t.push(`[${n.ref}] ${e.selector}`, `  rect: ${_S(e.rect)}`, `  margin: ${gS(e.margin.top)} ${gS(e.margin.right)} ${gS(e.margin.bottom)} ${gS(e.margin.left)}`, `  padding: ${gS(e.padding.top)} ${gS(e.padding.right)} ${gS(e.padding.bottom)} ${gS(e.padding.left)}`, `  layout: display=${e.layout.display}; position=${e.layout.position}; gap=${e.layout.gap}`, `  typography: ${e.typography.fontSize} / ${e.typography.lineHeight}; weight=${e.typography.fontWeight}; align=${e.typography.textAlign}`), e.text && t.push(`  text: ${JSON.stringify(e.text)}`);
 		}
 	}
 	if (e.visualContext.guides.length) {
 		t.push("", "Relevant guides");
-		for (let n of e.visualContext.guides) t.push(`- ${n.orientation} ${n.orientation === "vertical" ? "x" : "y"}=${hS(n.position)}`);
+		for (let n of e.visualContext.guides) t.push(`- ${n.orientation} ${n.orientation === "vertical" ? "x" : "y"}=${gS(n.position)}`);
 	}
 	if (e.visualContext.layoutGuides.length) {
 		t.push("", "Layout guides");
 		for (let n of e.visualContext.layoutGuides) {
 			if (!n.visible) continue;
-			let e = n.kind === "grid" ? `grid ${hS(n.size)}` : `${n.count} ${n.kind}; gutter=${hS(n.gutter)}; offset=${hS(n.offset)}; align=${n.align}`;
+			let e = n.kind === "grid" ? `grid ${gS(n.size)}` : `${n.count} ${n.kind}; gutter=${gS(n.gutter)}; offset=${gS(n.offset)}; align=${n.align}`;
 			t.push(`- ${e}; color=${n.color}; opacity=${Math.round(n.opacity * 100)}%`);
 		}
 	}
 	if (e.visualContext.measurements.length) {
 		t.push("", "Relevant measurements");
-		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${gS(n.rect)}; delta=${hS(n.deltaX)} × ${hS(n.deltaY)}`);
+		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${_S(n.rect)}; delta=${gS(n.deltaX)} × ${gS(n.deltaY)}`);
 	}
 	if (e.visualContext.distances.length) {
 		t.push("", "Relevant distances");
 		for (let n of e.visualContext.distances) {
-			let e = [n.targetARef, n.targetBRef].filter(Boolean).join(" → "), r = [n.horizontal ? `horizontal=${hS(n.horizontal.value)}` : null, n.vertical ? `vertical=${hS(n.vertical.value)}` : null].filter(Boolean).join("; ");
+			let e = [n.targetARef, n.targetBRef].filter(Boolean).join(" → "), r = [n.horizontal ? `horizontal=${gS(n.horizontal.value)}` : null, n.vertical ? `vertical=${gS(n.vertical.value)}` : null].filter(Boolean).join("; ");
 			t.push(`- ${e ? `${e}: ` : ""}${r || "overlapping"}`);
 		}
 	}
 	return t.join("\n").trimEnd();
 }
-function vS(e) {
-	let t = eS([
+function yS(e) {
+	let t = tS([
 		...e.regions,
 		...e.targets.map((e) => e.inspection.rect),
 		...e.visualContext.measurements.map((e) => e.rect),
@@ -20960,7 +20966,7 @@ function vS(e) {
 		captures: n
 	};
 }
-var yS = (e, t, n, r, i) => {
+var bS = (e, t, n, r, i) => {
 	!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
 		kind: t,
 		label: n,
@@ -20969,16 +20975,16 @@ var yS = (e, t, n, r, i) => {
 		delta: i - r,
 		unit: "px"
 	});
-}, bS = (e, t, n, r) => e.push({
+}, xS = (e, t, n, r) => e.push({
 	kind: "missing",
 	evidence: t,
 	id: n,
 	label: r
-}), xS = (e, t) => Math.abs(e.left - t.left) < .01 && Math.abs(e.top - t.top) < .01 && Math.abs(e.width - t.width) < .01 && Math.abs(e.height - t.height) < .01;
-function SS(e) {
+}), SS = (e, t) => Math.abs(e.left - t.left) < .01 && Math.abs(e.top - t.top) < .01 && Math.abs(e.width - t.width) < .01 && Math.abs(e.height - t.height) < .01;
+function CS(e) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
-	let n = mS({
+	let n = hS({
 		runtime: e.runtime,
 		ownerDocument: e.ownerDocument,
 		ownerWindow: e.ownerWindow,
@@ -20988,42 +20994,42 @@ function SS(e) {
 	if (n.scope.kind !== "annotation") throw Error("Mesurer annotation context invariant failed.");
 	let r = e.runtime.snapshot();
 	if (!r) throw Error("Mesurer workspace is not ready yet.");
-	let i = nS({
+	let i = rS({
 		measurements: r.measurements,
 		activeMeasurement: r.activeMeasurement
 	}), a = [];
 	for (let e of t.baseline.targets) {
 		let t = n.targets.find((t) => t.ref === e.id);
 		if (!t) {
-			bS(a, "target", e.id, e.selector);
+			xS(a, "target", e.id, e.selector);
 			continue;
 		}
-		yS(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), yS(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), yS(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), yS(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
+		bS(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), bS(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), bS(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), bS(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
 	}
 	for (let e of t.baseline.guides) {
 		let t = n.visualContext.guides.find((t) => t.id === e.id) ?? r.guides.find((t) => t.id === e.id);
 		if (!t) {
-			bS(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
+			xS(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
 			continue;
 		}
-		yS(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
+		bS(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
 	}
 	for (let e of t.baseline.measurements) {
 		let r = n.visualContext.measurements.find((t) => t.id === e.id) ?? i.find((t) => t.id === e.id);
 		if (!r) {
-			let r = t.baseline.targets.find((t) => xS(t.rect, e.rect));
-			r && n.targets.some((e) => e.ref === r.id) || bS(a, "measurement", e.id, e.id);
+			let r = t.baseline.targets.find((t) => SS(t.rect, e.rect));
+			r && n.targets.some((e) => e.ref === r.id) || xS(a, "measurement", e.id, e.id);
 			continue;
 		}
-		yS(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), yS(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
+		bS(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), bS(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
 	}
 	for (let e of t.baseline.distances) {
 		let t = n.visualContext.distances.find((t) => t.id === e.id) ?? r.heldDistances.find((t) => t.id === e.id);
 		if (!t) {
-			bS(a, "distance", e.id, e.id);
+			xS(a, "distance", e.id, e.id);
 			continue;
 		}
-		e.horizontal && t.horizontal ? yS(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && bS(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? yS(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && bS(a, "distance", e.id, `${e.id} vertical`);
+		e.horizontal && t.horizontal ? bS(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && xS(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? bS(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && xS(a, "distance", e.id, `${e.id} vertical`);
 	}
 	return {
 		schema: "mesurer.review/v1",
@@ -21035,7 +21041,7 @@ function SS(e) {
 		changes: a
 	};
 }
-async function CS(e, t, n) {
+async function wS(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -21049,43 +21055,43 @@ async function CS(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var wS = Kv, TS = qv, ES = () => ({
+var TS = Kv, ES = qv, DS = () => ({
 	...yy(),
-	version: Jx
-}), DS = "mesurer.context", OS = "context:v1", kS = "mesurer.context.settings", AS = "context.ui", jS = "data-mesurer-direct-text-edit-active", MS = {
+	version: Yx
+}), OS = "mesurer.context", kS = "context:v1", AS = "mesurer.context.settings", jS = "context.ui", MS = "data-mesurer-direct-text-edit-active", NS = {
 	viewBox: "0 0 256 256",
 	paths: ["M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z"]
-}, NS = {
+}, PS = {
 	viewBox: "0 0 256 256",
 	paths: ["M152,40a8,8,0,0,1-8,8H112a8,8,0,0,1,0-16h32A8,8,0,0,1,152,40Zm-8,168H112a8,8,0,0,0,0,16h32a8,8,0,0,0,0-16ZM208,32H184a8,8,0,0,0,0,16h24V72a8,8,0,0,0,16,0V48A16,16,0,0,0,208,32Zm8,72a8,8,0,0,0-8,8v32a8,8,0,0,0,16,0V112A8,8,0,0,0,216,104Zm0,72a8,8,0,0,0-8,8v24H184a8,8,0,0,0,0,16h24a16,16,0,0,0,16-16V184A8,8,0,0,0,216,176ZM40,152a8,8,0,0,0,8-8V112a8,8,0,0,0-16,0v32A8,8,0,0,0,40,152Zm32,56H48V184a8,8,0,0,0-16,0v24a16,16,0,0,0,16,16H72a8,8,0,0,0,0-16ZM72,32H48A16,16,0,0,0,32,48V72a8,8,0,0,0,16,0V48H72a8,8,0,0,0,0-16Z"]
-}, PS = {
+}, FS = {
 	viewBox: "0 0 256 256",
 	paths: ["M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z"]
-}, FS = async (e, t, n = 1) => {
+}, IS = async (e, t, n = 1) => {
 	await e.fonts?.ready;
 	for (let e = 0; e < Math.max(1, n); e += 1) await new Promise((e) => t.requestAnimationFrame(() => e()));
-}, IS = (e, t, n, r) => {
-	let i = async (i) => mS({
+}, LS = (e, t, n, r) => {
+	let i = async (i) => hS({
 		runtime: e,
 		ownerDocument: t,
 		ownerWindow: n,
 		request: i,
 		layoutGuides: r()
-	}), a = async (e) => _S(await i(e));
+	}), a = async (e) => vS(await i(e));
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => CS(t, n, await a(e)),
+		copyContext: async (e) => wS(t, n, await a(e)),
 		select: async (r) => {
 			let a = Array.isArray(r) ? [...r] : [String(r)];
-			return e.select(a), await FS(t, n), i({ scope: "selection" });
+			return e.select(a), await IS(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await FS(t, n);
+			e.removeAnnotation(r), await IS(t, n);
 		},
 		review: async (i) => {
-			if (await FS(t, n), i) return SS({
+			if (await IS(t, n), i) return CS({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -21093,7 +21099,7 @@ var wS = Kv, TS = qv, ES = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => SS({
+			return e.annotations().map((r) => CS({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -21101,38 +21107,38 @@ var wS = Kv, TS = qv, ES = () => ({
 				layoutGuides: a
 			}));
 		},
-		capturePlan: async (e) => vS(await i(e)),
+		capturePlan: async (e) => yS(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await FS(t, n);
+			e.prepareCapture(), await IS(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await FS(t, n);
+			e.finishCapture(), await IS(t, n);
 		}
 	};
-}, LS = (e) => {
+}, RS = (e) => {
 	let t = e.currentSelection();
 	return t.elements.length > 0 || t.region !== null;
 };
-function RS(e = {}) {
+function zS(e = {}) {
 	return {
-		id: DS,
-		version: Jx,
+		id: OS,
+		version: Yx,
 		requires: ["runtime:solid"],
-		provides: [OS],
+		provides: [kS],
 		setup(t) {
 			let n = t.service.get("runtime:solid");
 			if (!n) throw Error("Mesurer context plugin requires the renderer runtime service.");
-			let r = n.createWorkspaceRuntime(DS), i = IS(r, n.ownerDocument, n.ownerWindow, () => t.service.get(TS)?.list() ?? []);
-			t.service.provide(OS, i), t.state.register({
-				id: kS,
+			let r = n.createWorkspaceRuntime(OS), i = LS(r, n.ownerDocument, n.ownerWindow, () => t.service.get(ES)?.list() ?? []);
+			t.service.provide(kS, i), t.state.register({
+				id: AS,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: AS,
-				initial: { hasSelection: LS(r) }
+				id: jS,
+				initial: { hasSelection: RS(r) }
 			});
-			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(AS)?.hasSelection === !0, s = (e) => {
-				t.state.update(kS, (t) => ({
+			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(jS)?.hasSelection === !0, s = (e) => {
+				t.state.update(AS, (t) => ({
 					...t,
 					ui: e
 				}));
@@ -21146,12 +21152,12 @@ function RS(e = {}) {
 					region: e.region ? { ...e.region } : null
 				}, r.selectGestureActive() ? c?.abandonNoteComposer() : n && c?.closeNoteComposer();
 				let i = e.elements.length > 0 || e.region !== null;
-				i !== (t.state.get(AS)?.hasSelection ?? !1) && t.state.update(AS, () => ({ hasSelection: i }));
+				i !== (t.state.get(jS)?.hasSelection ?? !1) && t.state.update(jS, () => ({ hasSelection: i }));
 			});
 			t.command.register("context.copy", () => i.copyContext()), t.command.register("context.copy-selection", () => i.copyContext({ scope: "selection" }));
 			let g = () => {
 				let e = u?.element;
-				e && (n.rendererRoot?.hasAttribute(jS) ? e.setAttribute(jS, "true") : e.removeAttribute(jS));
+				e && (n.rendererRoot?.hasAttribute(MS) ? e.setAttribute(MS, "true") : e.removeAttribute(MS));
 			}, _ = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
@@ -21160,7 +21166,7 @@ function RS(e = {}) {
 					let e = new n.ownerWindow.MutationObserver(g);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
-						attributeFilter: [jS]
+						attributeFilter: [MS]
 					}), g();
 				}
 				let e = {
@@ -21184,7 +21190,7 @@ function RS(e = {}) {
 				command: "context.copy",
 				order: 70,
 				toolbarMode: "always",
-				icon: MS,
+				icon: NS,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -21193,7 +21199,7 @@ function RS(e = {}) {
 				command: "context.copy-selection",
 				order: 71,
 				toolbarMode: "always",
-				icon: NS,
+				icon: PS,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -21203,7 +21209,7 @@ function RS(e = {}) {
 				command: "context.add-note",
 				order: 72,
 				toolbarMode: "always",
-				icon: PS,
+				icon: FS,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -21226,7 +21232,7 @@ function RS(e = {}) {
 }
 //#endregion
 //#region src/host-layer.ts
-var zS = {
+var BS = {
 	display: "block",
 	position: "fixed",
 	inset: "0",
@@ -21268,48 +21274,48 @@ var zS = {
 	"letter-spacing": "normal",
 	direction: "ltr"
 };
-function BS(e) {
-	for (let [t, n] of Object.entries(zS)) e.style.setProperty(t, n, "important");
-}
 function VS(e) {
+	for (let [t, n] of Object.entries(BS)) e.style.setProperty(t, n, "important");
+}
+function HS(e) {
 	return "popover" in e && "showPopover" in e && typeof e.showPopover == "function" && "hidePopover" in e && typeof e.hidePopover == "function";
 }
-var HS = (e) => "newState" in e, US = (e) => e.localName === "dialog";
-function WS(e) {
-	if (!US(e) || !e.open) return !1;
+var US = (e) => "newState" in e, WS = (e) => e.localName === "dialog";
+function GS(e) {
+	if (!WS(e) || !e.open) return !1;
 	try {
 		return e.matches(":modal");
 	} catch {
 		return !1;
 	}
 }
-function GS(e, t, n = !0) {
-	BS(e);
+function KS(e, t, n = !0) {
+	VS(e);
 	let r = e.ownerDocument, i = r.defaultView ?? window, a = t, o = !1, s = "fixed", c = !1, l = 0, u = [];
-	if (n && VS(e) && (e.popover = "manual"), t.append(e), n && VS(e)) try {
+	if (n && HS(e) && (e.popover = "manual"), t.append(e), n && HS(e)) try {
 		e.showPopover(), c = e.matches(":popover-open"), c && (s = "top-layer");
 	} catch {
 		e.removeAttribute("popover");
 	}
 	let d = () => {
-		if (!(!c || !VS(e))) try {
+		if (!(!c || !HS(e))) try {
 			e.matches(":popover-open") || e.showPopover();
 		} catch {}
 	}, f = (t) => {
 		if (e.parentNode === t) return;
-		let n = c && VS(e) && e.matches(":popover-open");
-		if (n && VS(e)) try {
+		let n = c && HS(e) && e.matches(":popover-open");
+		if (n && HS(e)) try {
 			e.hidePopover();
 		} catch {}
-		t.append(e), BS(e), n && d();
+		t.append(e), VS(e), n && d();
 	}, p = () => {
-		u = u.filter((e) => e.isConnected && WS(e)), f(u.at(-1) ?? a);
+		u = u.filter((e) => e.isConnected && GS(e)), f(u.at(-1) ?? a);
 	}, m = (e) => {
 		u = u.filter((t) => t !== e), u.push(e), p();
 	}, h = (e) => {
 		u = u.filter((t) => t !== e), p();
 	}, g = () => {
-		if (!(o || !c || !VS(e))) try {
+		if (!(o || !c || !HS(e))) try {
 			e.matches(":popover-open") && e.hidePopover(), e.showPopover();
 		} catch {}
 	}, _ = () => {
@@ -21318,27 +21324,27 @@ function GS(e, t, n = !0) {
 		}));
 	}, v = (t) => {
 		if (!c || t.target === e) return;
-		let n = HS(t) ? t.newState : void 0, r = t.target;
+		let n = US(t) ? t.newState : void 0, r = t.target;
 		if (r instanceof i.Element) {
-			if (US(r)) {
-				n === "open" && WS(r) ? (m(r), _()) : n === "closed" ? h(r) : n === "open" && _();
+			if (WS(r)) {
+				n === "open" && GS(r) ? (m(r), _()) : n === "closed" ? h(r) : n === "open" && _();
 				return;
 			}
 			n === "open" && r.hasAttribute("popover") && _();
 		}
 	}, y = (e) => {
 		let t = e.target;
-		t instanceof i.Element && US(t) && h(t);
+		t instanceof i.Element && WS(t) && h(t);
 	}, b = () => {
 		r.fullscreenElement && _();
 	}, x = (e) => {
-		WS(e) && m(e);
-		for (let t of e.querySelectorAll("dialog")) WS(t) && m(t);
+		GS(e) && m(e);
+		for (let t of e.querySelectorAll("dialog")) GS(t) && m(t);
 	}, S = new i.MutationObserver((e) => {
 		if (c) for (let t of e) {
 			if (t.type === "attributes") {
 				let e = t.target;
-				e instanceof i.Element && US(e) && (WS(e) ? m(e) : h(e));
+				e instanceof i.Element && WS(e) && (GS(e) ? m(e) : h(e));
 			}
 			for (let e of t.addedNodes) e instanceof i.Element && x(e);
 			u.some((e) => !e.isConnected) && p();
@@ -21354,7 +21360,7 @@ function GS(e, t, n = !0) {
 		bringToFront: g,
 		dispose() {
 			if (!o) {
-				if (o = !0, l && i.cancelAnimationFrame(l), r.removeEventListener("toggle", v, !0), r.removeEventListener("close", y, !0), r.removeEventListener("fullscreenchange", b, !0), S.disconnect(), c && VS(e) && e.matches(":popover-open")) try {
+				if (o = !0, l && i.cancelAnimationFrame(l), r.removeEventListener("toggle", v, !0), r.removeEventListener("close", y, !0), r.removeEventListener("fullscreenchange", b, !0), S.disconnect(), c && HS(e) && e.matches(":popover-open")) try {
 					e.hidePopover();
 				} catch {}
 				u = [];
@@ -21364,28 +21370,28 @@ function GS(e, t, n = !0) {
 }
 //#endregion
 //#region src/plugins/codex/index.ts
-var KS = "mesurer.codex", qS = "codex:v1", JS = "mesurer.plugin.before-disable", YS = 2e3, XS = 750, ZS = 1800, QS = 2e3, $S = 12e4, eC = 10, tC = 5, nC = "Codex host connection is unavailable. Electron apps must expose window.__MESURER_HOST__.codexBridge from preload.", rC = [
+var qS = "mesurer.codex", JS = "codex:v1", YS = "mesurer.plugin.before-disable", XS = 2e3, ZS = 750, QS = 1800, $S = 2e3, eC = 12e4, tC = 10, nC = 5, rC = "Codex host connection is unavailable. Electron apps must expose window.__MESURER_HOST__.codexBridge from preload.", iC = [
 	"Implement the current human feedback from Mesurer in this project.",
 	"Treat the rendered page as the source of truth, preserve unrelated Mesurer review state,",
 	"and verify the affected UI in the live page with Mesurer before claiming completion."
-].join(" "), iC = {
+].join(" "), aC = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, aC = {
+}, oC = {
 	viewBox: "0 0 256 256",
 	paths: ["M72,32H184a8,8,0,0,1,0,16h-8v20.69a40,40,0,0,1-11.72,28.28L137.25,124l27.03,27.03A40,40,0,0,1,176,179.31V208h8a8,8,0,0,1,0,16H72a8,8,0,0,1,0-16h8V179.31a40,40,0,0,1,11.72-28.28L118.75,124,91.72,96.97A40,40,0,0,1,80,68.69V48H72a8,8,0,0,1,0-16Zm24,16V68.69a24,24,0,0,0,7.03,16.97L128,110.63l24.97-24.97A24,24,0,0,0,160,68.69V48Zm32,90.63-24.97,24.97A24,24,0,0,0,96,180.57V208h64V180.57a24,24,0,0,0-7.03-16.97Z"]
-}, oC = {
+}, sC = {
 	viewBox: "0 0 256 256",
 	paths: ["M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"]
-}, sC = () => {
+}, cC = () => {
 	try {
 		let e = globalThis.location;
 		return e?.origin ? `mesurer-codex-ui:v2:${e.origin}${e.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, cC = () => {
-	let e = sC();
+}, lC = () => {
+	let e = cC();
 	if (!e) return null;
 	try {
 		let t = globalThis.sessionStorage?.getItem(e);
@@ -21410,18 +21416,18 @@ var KS = "mesurer.codex", qS = "codex:v1", JS = "mesurer.plugin.before-disable",
 	} catch {
 		return null;
 	}
-}, lC = (e) => {
-	let t = sC();
+}, uC = (e) => {
+	let t = cC();
 	if (t) try {
 		globalThis.sessionStorage?.setItem(t, JSON.stringify(e));
 	} catch {}
-}, uC = async (e) => {
+}, dC = async (e) => {
 	let t = window.__MESURER_HOST__?.codexBridge;
-	if (!t) throw Error(nC);
+	if (!t) throw Error(rC);
 	let n = await t(e);
 	if (n.ok === !1) throw Error(n.error ?? "Codex Bridge request failed.");
 	return n;
-}, dC = (e) => {
+}, fC = (e) => {
 	let t = e.runtime;
 	return !t || ![
 		"shared",
@@ -21439,10 +21445,10 @@ var KS = "mesurer.codex", qS = "codex:v1", JS = "mesurer.plugin.before-disable",
 		available: t.available === !0,
 		reason: t.reason
 	};
-}, fC = (e) => ({
+}, pC = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), pC = (e) => {
+}), mC = (e) => {
 	let t = e.deliveryId?.trim(), n = e.thread?.trim(), r = e.status;
 	if (!t || !n || !r) throw Error("Codex Bridge returned an invalid delivery state.");
 	let i = {
@@ -21454,7 +21460,7 @@ var KS = "mesurer.codex", qS = "codex:v1", JS = "mesurer.plugin.before-disable",
 		updatedAt: Number.isFinite(e.updatedAt) ? Number(e.updatedAt) : 0
 	};
 	return e.queuedSubmissionId !== void 0 && (i.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.dispatch !== void 0 && (i.dispatch = e.dispatch), e.dispatchError !== void 0 && (i.dispatchError = e.dispatchError?.trim() || null), i;
-}, mC = (e) => ({
+}, hC = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -21466,7 +21472,7 @@ var KS = "mesurer.codex", qS = "codex:v1", JS = "mesurer.plugin.before-disable",
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), hC = async (e, t, n) => {
+}), gC = async (e, t, n) => {
 	let r = t?.instruction?.trim() || n, i = await e.annotations(), a = t?.annotationIds, o = a ? a.flatMap((e) => {
 		let t = i.find((t) => t.id === e);
 		return t ? [t] : [];
@@ -21489,18 +21495,18 @@ var KS = "mesurer.codex", qS = "codex:v1", JS = "mesurer.plugin.before-disable",
 			])
 		].join("\n").trimEnd()
 	};
-}, gC = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, _C = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, vC = (e) => e instanceof Error && (e.message === nC || e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease"));
-function yC(e = {}) {
-	let t = e.instruction?.trim() || rC, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
+}, _C = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, vC = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, yC = (e) => e instanceof Error && (e.message === rC || e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease"));
+function bC(e = {}) {
+	let t = e.instruction?.trim() || iC, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
 	return {
-		id: KS,
-		version: Jx,
-		requires: [OS],
-		provides: [qS],
+		id: qS,
+		version: Yx,
+		requires: [kS],
+		provides: [JS],
 		async setup(e) {
-			let i = e.service.get(OS);
+			let i = e.service.get(kS);
 			if (!i) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let a = n ? cC() : null, o = "unknown", s = null, c = !1, l = a?.originThread ?? null, u = a?.selectedThread ?? a?.originThread ?? null, d = !1, f = null, p = [], m = [], h = !1, g = tC, _, v = "", y = null, b = a?.delivery ? {
+			let a = n ? lC() : null, o = "unknown", s = null, c = !1, l = a?.originThread ?? null, u = a?.selectedThread ?? a?.originThread ?? null, d = !1, f = null, p = [], m = [], h = !1, g = nC, _, v = "", y = null, b = a?.delivery ? {
 				id: a.delivery.id,
 				thread: a.delivery.thread,
 				status: a.delivery.status,
@@ -21509,38 +21515,38 @@ function yC(e = {}) {
 				dispatch: a.delivery.dispatch ?? null,
 				dispatchError: a.delivery.dispatchError ?? null
 			} : null, x = 0, S = 0, C = null, w = !1, T = null, E = async (e) => {
-				if (e.action === "activate" || e.action === "runtime") return uC(e);
+				if (e.action === "activate" || e.action === "runtime") return dC(e);
 				if (!T) throw Error("Codex Bridge lease is not active for this plugin.");
-				return uC({
+				return dC({
 					...e,
 					leaseId: T
 				});
 			}, D = async () => {
 				let e = T;
 				if (e) {
-					if ((await uC({
+					if ((await dC({
 						action: "deactivate",
 						leaseId: e
 					})).released !== !0) throw Error("Codex Bridge did not confirm lease release.");
 					T = null;
 				}
-			}, O = await uC({
+			}, O = await dC({
 				action: "activate",
 				thread: u ?? l ?? void 0
 			}), k = O.leaseId?.trim();
 			if (!k) throw Error("Codex Bridge did not return an activation lease.");
-			T = k, o = "available", s = dC(O);
-			let A = fC(O);
+			T = k, o = "available", s = fC(O);
+			let A = pC(O);
 			c = !0, f = A.thread, p = A.threads, e.lifecycle.onDispose(() => {
 				T && D().catch((e) => {
 					let t = e instanceof Error ? e.message : String(e);
 					console.error(`[Mesurer] Failed to release Codex host lease: ${t}`);
 				});
-			}), e.hook.on(JS, async (e) => {
+			}), e.hook.on(YS, async (e) => {
 				e === "mesurer.codex" && await D();
 			});
 			let j = async () => {
-				let e = dC(await E({ action: "runtime" }));
+				let e = fC(await E({ action: "runtime" }));
 				if (!e) throw Error("Codex Bridge returned an invalid runtime state.");
 				return s = e, e;
 			}, M = async () => {
@@ -21548,8 +21554,8 @@ function yC(e = {}) {
 					action: "health",
 					thread: u ?? l ?? void 0
 				});
-				return s = dC(e) ?? s, fC(e);
-			}, N = M, P = async (e) => pC(await E({
+				return s = fC(e) ?? s, pC(e);
+			}, N = M, P = async (e) => mC(await E({
 				action: "delivery",
 				deliveryId: e
 			})), F = async (e) => {
@@ -21559,13 +21565,13 @@ function yC(e = {}) {
 					deliveryId: e.id,
 					thread: e.thread
 				};
-				return e.queuedSubmissionId && (t.queuedSubmissionId = e.queuedSubmissionId), pC(await E(t));
+				return e.queuedSubmissionId && (t.queuedSubmissionId = e.queuedSubmissionId), mC(await E(t));
 			}, I = async (e = {}) => {
 				let t = {
 					action: "threads",
-					limit: e.limit ?? eC
+					limit: e.limit ?? tC
 				}, n = e.thread?.trim();
-				return n && (t.thread = n), mC(await E(t));
+				return n && (t.thread = n), hC(await E(t));
 			}, L = () => u ?? l ?? (d ? null : f), R = () => {
 				if (!n) return;
 				let e = b?.id && (b.status === "queued" || b.status === "working" || b.status === "interrupted") ? {
@@ -21577,7 +21583,7 @@ function yC(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				lC({
+				uC({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -21595,12 +21601,12 @@ function yC(e = {}) {
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? aC : b.status === "completed" ? oC : iC : iC, ee = () => {
+			].includes(b.status) ? oC : b.status === "completed" ? sC : aC : aC, W = () => {
 				let e = [], t = /* @__PURE__ */ new Set(), n = (n) => {
 					t.has(n.id) || (t.add(n.id), e.push(n));
 				}, r = (e) => ({
 					id: e,
-					title: `Codex ${gC(e)}`,
+					title: `Codex ${_C(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -21610,7 +21616,7 @@ function yC(e = {}) {
 				for (let e of m) n(e);
 				for (let e of p) n(m.find((t) => t.id === e) ?? r(e));
 				return e;
-			}, te = (e = !1) => Promise.resolve(), ne = () => {
+			}, ee = (e = !1) => Promise.resolve(), te = () => {
 				if (o !== "available") {
 					let e = s?.source === "desktop" && s.reason === "desktop-private-transport", t = !window.__MESURER_HOST__?.codexBridge, n = [];
 					return o === "unavailable" && t && n.push({
@@ -21621,36 +21627,36 @@ function yC(e = {}) {
 					}), n.push({
 						id: "codex.thread.connect",
 						label: o === "unavailable" ? t ? "Retry host connection" : e ? "Retry Codex Desktop" : "Retry Codex connection" : "Choose Codex thread…",
-						run: () => te(!0)
+						run: () => ee(!0)
 					}), n;
 				}
-				let e = ee(), t = e.slice(0, g), n = L(), r = t.map((e) => {
+				let e = W(), t = e.slice(0, g), n = L(), r = t.map((e) => {
 					let t = e.id === l ? "Current · " : e.connected ? "Loaded · " : "", r = b?.thread === e.id ? ` · ${V(b.status)}` : "";
 					return {
 						id: `codex.thread.${e.id}`,
-						label: `${t}${_C(e.title)}${r}`,
+						label: `${t}${vC(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => B(),
 						run() {
-							B() || (z(e.id, !l), W());
+							B() || (z(e.id, !l), G());
 						}
 					};
 				});
-				return g < eC && (e.length > g || h) && r.push({
+				return g < tC && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = eC, W();
+						g = tC, G();
 					}
 				}), b?.queuedSubmissionId && b.status === "queued" && (b.dispatch === "desktop-opened" || b.dispatch === "desktop-wake-failed") && r.push({
 					id: "codex.delivery.receipt",
-					label: `Receipt · ${gC(b.queuedSubmissionId)}`,
+					label: `Receipt · ${_C(b.queuedSubmissionId)}`,
 					disabled: () => !0,
 					run: () => void 0
 				}), r;
-			}, W = () => {
+			}, G = () => {
 				if (!n || w) return;
-				let t = L(), r = ne(), 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({
+				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,
 					codexRuntime: s,
 					routeNeedsSelection: d,
@@ -21678,32 +21684,32 @@ function yC(e = {}) {
 						items: r
 					} : void 0
 				}));
-			}, re = async (e) => {
+			}, ne = async (e) => {
 				if (o !== "available") return;
 				let t = await I({
-					limit: eC,
+					limit: tC,
 					thread: e ?? void 0
 				});
 				m = t.threads, h = t.hasMore, p = t.threads.filter((e) => e.connected).map((e) => e.id), f = t.thread;
 			};
-			te = (e = !1) => w || o === "unknown" && !e ? Promise.resolve() : y || (y = (async () => {
+			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 re(u ?? l ?? e.thread);
+					o = "available", c = !0, f = e.thread, await ne(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, W();
+					y = null, G();
 				}
 			})(), y);
-			let ie = () => {
+			let re = () => {
 				x &&= (globalThis.clearTimeout(x), 0), S &&= (globalThis.clearTimeout(S), 0);
-			}, G = () => {
+			}, ie = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
-					S = 0, b?.status === "completed" && (b = null, R(), W());
-				}, ZS);
+					S = 0, b?.status === "completed" && (b = null, R(), G());
+				}, QS);
 			}, ae = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
@@ -21714,25 +21720,25 @@ function yC(e = {}) {
 						dispatch: e.dispatch ?? b.dispatch,
 						dispatchError: e.dispatchError ?? b.dispatchError
 					}, R(), e.status === "queued" && (e.dispatch === "desktop-opened" || e.dispatch === "desktop-wake-failed")) {
-						W();
+						G();
 						return;
 					}
 					if (e.status === "completed") {
 						if (r) for (let e of b.annotationIds) await i.removeAnnotation(e);
-						R(), W(), G();
+						R(), G(), ie();
 						return;
 					}
 					if (e.status === "interrupted") {
-						R(), W();
+						R(), G();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < $S && (x = globalThis.setTimeout(() => {
+						Date.now() - t < eC && (x = globalThis.setTimeout(() => {
 							x = 0, oe(e.id);
-						}, QS));
+						}, $S));
 						return;
 					}
-					W(), x = globalThis.setTimeout(() => {
+					G(), x = globalThis.setTimeout(() => {
 						x = 0, oe(e.id);
-					}, XS);
+					}, ZS);
 				}
 			}, oe = async (e) => {
 				if (!(w || b?.id !== e)) try {
@@ -21741,7 +21747,7 @@ function yC(e = {}) {
 					if (b?.id !== e) return;
 					let n = t;
 					if (b.status === "queued" && b.thread) try {
-						o !== "available" && await te(!0);
+						o !== "available" && await ee(!0);
 						let e = await F(b);
 						await ae(e);
 						return;
@@ -21750,13 +21756,13 @@ function yC(e = {}) {
 					}
 					if (b?.id !== e) return;
 					if (b.status === "interrupted") {
-						W();
+						G();
 						return;
 					}
 					b = {
 						...b,
 						status: "failed"
-					}, R(), vC(n) && (o = "unavailable"), W();
+					}, R(), yC(n) && (o = "unavailable"), G();
 				}
 			}, se = {
 				health: M,
@@ -21768,11 +21774,11 @@ function yC(e = {}) {
 					let n = await E({
 						action: "target",
 						thread: t
-					}), r = fC(n);
-					return s = dC(n) ?? s, z(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, W(), r;
+					}), r = pC(n);
+					return s = fC(n) ?? s, z(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, G(), r;
 				},
 				async queue(e) {
-					let r = await hC(i, e, t), a = e?.thread?.trim(), s = a || (n ? L() : null);
+					let r = await gC(i, e, t), a = e?.thread?.trim(), s = a || (n ? L() : null);
 					if (n && !a && (d || !s)) throw Error("Choose a Codex thread before queueing feedback.");
 					let c = { message: r.message };
 					s && (c.thread = s);
@@ -21792,16 +21798,16 @@ function yC(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 && vC(e) && (o = "unavailable", W()), e;
+						throw n && yC(e) && (o = "unavailable", G()), e;
 					}
 				},
 				send(e) {
 					return se.queue(e);
 				}
 			};
-			e.service.provide(qS, se);
+			e.service.provide(JS, se);
 			let ce = async () => {
-				if (!(C || B())) return ie(), b = {
+				if (!(C || B())) return re(), b = {
 					id: null,
 					thread: L(),
 					status: "queueing",
@@ -21809,9 +21815,9 @@ function yC(e = {}) {
 					queuedSubmissionId: null,
 					dispatch: null,
 					dispatchError: null
-				}, W(), C = (async () => {
+				}, G(), C = (async () => {
 					try {
-						n && o !== "available" && await te(!0);
+						n && o !== "available" && await ee(!0);
 						let e = await se.queue();
 						b = {
 							id: e.deliveryId,
@@ -21821,7 +21827,7 @@ function yC(e = {}) {
 							queuedSubmissionId: e.queuedSubmissionId ?? null,
 							dispatch: e.dispatch ?? null,
 							dispatchError: e.dispatchError ?? null
-						}, z(e.thread, !l), R(), W(), 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(), G(), console.info(`[Mesurer] Queued feedback for Codex thread ${e.thread}.`), e.deliveryId ? e.status === "completed" || e.status === "interrupted" ? await ae({
 							id: e.deliveryId,
 							thread: e.thread,
 							status: e.status,
@@ -21830,11 +21836,11 @@ function yC(e = {}) {
 							updatedAt: 0
 						}) : x = globalThis.setTimeout(() => {
 							x = 0, oe(e.deliveryId);
-						}, XS) : S = globalThis.setTimeout(() => {
-							S = 0, b?.id === null && b?.status === "queued" && (b = null, R(), W());
-						}, ZS);
+						}, ZS) : S = globalThis.setTimeout(() => {
+							S = 0, b?.id === null && b?.status === "queued" && (b = null, R(), G());
+						}, QS);
 					} catch (e) {
-						b = null, R(), W();
+						b = null, R(), G();
 						let t = e instanceof Error ? e.message : String(e);
 						throw console.error(`[Mesurer] Failed to queue feedback for Codex: ${t}`), e;
 					} finally {
@@ -21843,9 +21849,9 @@ function yC(e = {}) {
 				})(), C;
 			};
 			if (e.command.register("codex.queue", ce), e.command.register("codex.send", ce), n) {
-				W();
+				G();
 				try {
-					await te(!0);
+					await ee(!0);
 				} catch (e) {
 					try {
 						await D();
@@ -21859,10 +21865,10 @@ function yC(e = {}) {
 					x = 0, b?.id && oe(b.id);
 				}, 0));
 				let t = globalThis.setInterval(() => {
-					c && te().catch(() => void 0);
-				}, YS);
+					c && ee().catch(() => void 0);
+				}, XS);
 				e.lifecycle.onDispose(() => {
-					w = !0, ie(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
+					w = !0, re(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
 			}
 		}
@@ -21870,64 +21876,64 @@ function yC(e = {}) {
 }
 //#endregion
 //#region src/recording.ts
-var bC = _b, xC = (e = {}) => ({
-	...zb(e),
-	version: Jx
-}), SC = Zb, CC = (e = {}) => ({
-	..._x(e),
-	version: Jx
-}), wC = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, TC = [
+var xC = vb, SC = (e = {}) => ({
+	...Bb(e),
+	version: Yx
+}), CC = Qb, wC = (e = {}) => ({
+	...vx(e),
+	version: Yx
+}), TC = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, EC = [
 	{
-		id: DS,
+		id: OS,
 		label: "Context",
 		order: 30,
-		create: RS,
+		create: zS,
 		settingsIds: ["context"],
 		hiddenSettingsControlIds: ["ui"]
 	},
 	{
-		id: Yx,
+		id: Xx,
 		label: "Edit",
 		order: 35,
-		create: Zx,
+		create: Qx,
 		settingsIds: ["arrange"]
 	},
 	{
-		id: wS,
+		id: TS,
 		label: "Layout Guides",
 		order: 38,
-		create: ES
+		create: DS
 	},
 	{
-		id: SC,
+		id: CC,
 		label: "Screenshot",
 		order: 40,
-		create: CC,
+		create: wC,
 		settingsIds: ["screenshot"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: bC,
+		id: xC,
 		label: "Recording",
 		order: 42,
-		create: xC,
+		create: SC,
 		settingsIds: ["recording"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: KS,
+		id: qS,
 		label: "Codex",
 		order: 45,
-		create: yC
+		create: bC
 	}
-], EC = (e) => {
-	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(TC.map((e) => e.id)), i = TC.map((e) => {
+], DC = (e) => {
+	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(EC.map((e) => e.id)), i = EC.map((e) => {
 		let r = n.get(e.id);
 		return {
 			...e,
 			settingsIds: e.settingsIds ? [...e.settingsIds] : void 0,
 			hiddenSettingsControlIds: e.hiddenSettingsControlIds ? [...e.hiddenSettingsControlIds] : void 0,
-			enabled: t ? !!r : e.id === "mesurer.codex" ? wC() : e.enabled !== !1,
+			enabled: t ? !!r : e.id === "mesurer.codex" ? TC() : e.enabled !== !1,
 			create: r ? () => r : e.create
 		};
 	});
@@ -21938,16 +21944,16 @@ var bC = _b, xC = (e = {}) => ({
 		create: () => n
 	});
 	return i;
-}, DC = (e) => e;
-function OC() {
-	return cS();
+}, OC = (e) => e;
+function kC() {
+	return lS();
 }
-async function kC(e = {}) {
-	return lS(e);
+async function AC(e = {}) {
+	return uS(e);
 }
 //#endregion
 //#region src/index.tsx
-var AC = {
+var jC = {
 	select: "select",
 	xray: "xray",
 	colorPicker: "color-picker",
@@ -21957,14 +21963,14 @@ var AC = {
 	distance: "distance",
 	settings: "settings"
 };
-function jC(e = {}) {
+function MC(e = {}) {
 	if (!("document" in globalThis)) throw Error("mountMesurer() requires a browser or Electron renderer document.");
 	let { target: t = document.body, isolate: n = !0, shadowMode: r = "open", topLayer: i = !0, agent: a = !1, signal: o, onPluginHost: s, onPluginsReady: c, plugins: l, excludeBuiltins: u, excludePlugins: d, ...f } = e;
 	if (o?.aborted) throw o.reason ?? new DOMException("Mesurer mount aborted.", "AbortError");
 	if (!t) throw Error("mountMesurer() requires document.body to exist or an explicit target.");
 	let p = t.ownerDocument ?? document, m = p.defaultView ?? window, h = p.createElement("div");
 	h.dataset.mesurerIsland = "true";
-	let g = GS(h, t, i), _ = h, v = h, y = h;
+	let g = KS(h, t, i), _ = h, v = h, y = h;
 	if (n) {
 		let e = h.attachShadow({ mode: r });
 		v = p.createElement("div"), v.dataset.mesurerIslandMount = "true", e.append(v), _ = e, y = e;
@@ -21975,7 +21981,7 @@ function jC(e = {}) {
 		C = e, w = t;
 	});
 	D.catch(() => void 0), O.catch(() => void 0);
-	let k = async () => (await (b ? Promise.resolve(b) : D), O), A = a === !0 ? {} : a === !1 ? null : a, j = qx({
+	let k = async () => (await (b ? Promise.resolve(b) : D), O), A = a === !0 ? {} : a === !1 ? null : a, j = Jx({
 		ownerDocument: p,
 		root: A?.root ?? (t.nodeType === 11 ? t : p),
 		getPluginHost: () => b,
@@ -21987,23 +21993,23 @@ function jC(e = {}) {
 		return t;
 	}, N = async () => {
 		await j.ready();
-		let e = b?.service.get(OS);
+		let e = b?.service.get(kS);
 		if (!e) throw Error("Mesurer Context is disabled. Enable it in Settings or include context() in plugins.");
 		return e;
 	}, P = async () => {
 		await j.ready();
-		let e = b?.service.get(Qx);
+		let e = b?.service.get($x);
 		if (!e) throw Error("Mesurer Edit is disabled. Enable it in Settings or include edit() in plugins.");
 		return e;
-	}, F = async (e) => (await N()).context(e), I = async (e) => (await N()).contextText(e), L = async (e) => (await N()).copyContext(e), R = async (e) => (await N()).select(e), z = async () => (await N()).annotations(), B = async (e) => (await N()).review(e), V = async (e) => (await N()).capturePlan(e), H = async () => (await N()).prepareCapture(), U = async () => (await N()).finishCapture(), ee = async () => (await P()).intents(), te = async (e) => {
+	}, F = async (e) => (await N()).context(e), I = async (e) => (await N()).contextText(e), L = async (e) => (await N()).copyContext(e), R = async (e) => (await N()).select(e), z = async () => (await N()).annotations(), B = async (e) => (await N()).review(e), V = async (e) => (await N()).capturePlan(e), H = async () => (await N()).prepareCapture(), U = async () => (await N()).finishCapture(), W = async () => (await P()).intents(), ee = async (e) => {
 		let t = (await P()).intent(e);
 		if (!t) throw Error(`Edit movement intent not found: ${e}`);
 		return t;
-	}, ne = async (e, t) => {
+	}, te = async (e, t) => {
 		(await P()).show(e, t);
-	}, W = async (e, t) => (await P()).capturePlan(e, t), re = async (e, t) => (await P()).review(e, t), ie = () => j.textEdits(), G = (e) => j.textEdit(e), ae = Object.assign(j, {
+	}, 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, {
 		capabilities: () => {
-			let e = !!b?.service.get(OS);
+			let e = !!b?.service.get(kS);
 			return {
 				protocol: "mesurer.agent/v1",
 				contextSchema: "mesurer.context/v1",
@@ -22013,8 +22019,8 @@ function jC(e = {}) {
 					annotations: e,
 					review: e,
 					capturePlan: e,
-					arrange: !!b?.service.get(Qx),
-					textEdit: !!b?.service.get(Gx)
+					arrange: !!b?.service.get($x),
+					textEdit: !!b?.service.get(Kx)
 				}
 			};
 		},
@@ -22026,16 +22032,16 @@ function jC(e = {}) {
 		capturePlan: V,
 		prepareCapture: H,
 		finishCapture: U,
-		arrangements: ee,
-		arrange: te,
-		showArrange: ne,
-		arrangeCapturePlan: W,
-		reviewArrange: re
+		arrangements: W,
+		arrange: ee,
+		showArrange: te,
+		arrangeCapturePlan: G,
+		reviewArrange: ne
 	}), oe = {
 		...f,
-		version: Jx,
-		plugins: EC(l),
-		excludePlugins: u ? u.map((e) => AC[e]) : [...d ?? []]
+		version: Yx,
+		plugins: DC(l),
+		excludePlugins: u ? u.map((e) => jC[e]) : [...d ?? []]
 	}, se = Oi(() => Yr(rv, Di(oe, {
 		portalTarget: y,
 		pageTarget: t,
@@ -22079,13 +22085,13 @@ function jC(e = {}) {
 		capturePlan: V,
 		prepareCapture: H,
 		finishCapture: U,
-		arrangements: ee,
-		arrange: te,
-		showArrange: ne,
-		arrangeCapturePlan: W,
-		reviewArrange: re,
-		textEdits: ie,
-		textEdit: G,
+		arrangements: W,
+		arrange: ee,
+		showArrange: te,
+		arrangeCapturePlan: G,
+		reviewArrange: ne,
+		textEdits: re,
+		textEdit: ie,
 		bringToFront: g.bringToFront,
 		describe: async () => (await le).describe(),
 		dispose() {
@@ -22104,6 +22110,6 @@ function jC(e = {}) {
 	}
 	return me;
 }
-var MC = jC;
+var NC = MC;
 //#endregion
-export { Gx as MESURER_TEXT_EDIT_SERVICE_ID, Jx as MESURER_VERSION, mS as captureMesurerContext, CS as copyTextToClipboard, qx as createMesurerAgentHarness, vS as createMesurerCapturePlan, OC as createMesurerPluginHost, kC as createMesurerRuntime, DC as defineMesurerPlugin, _S as formatMesurerContext, MC as mountMeasurer, jC as mountMesurer, SS as reviewMesurerAnnotation };
+export { Kx as MESURER_TEXT_EDIT_SERVICE_ID, Yx as MESURER_VERSION, hS as captureMesurerContext, wS as copyTextToClipboard, Jx as createMesurerAgentHarness, yS as createMesurerCapturePlan, kC as createMesurerPluginHost, AC as createMesurerRuntime, OC as defineMesurerPlugin, vS as formatMesurerContext, NC as mountMeasurer, MC as mountMesurer, CS as reviewMesurerAnnotation };