mesurer-solid 0.2.1-beta.8 → 0.2.1-beta.9

package/dist/index.js

@@ -107,7 +107,7 @@ function ne() {
 function W(e) {
 	H = e;
 }
-function re() {
+function G() {
 	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 = G();
 	static Ce;
 	static me;
 	static et;
@@ -245,12 +245,12 @@ var se = 0, ce = class {
 				if (Ne(N, e.Ce), L) {
 					if (!Se(L)) {
 						let t = L;
-						Ne(P, this.m === t ? F : e.Ce), this.m === t && (ve = this.m = 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 = G()), 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 = G();
 						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());
@@ -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 ?? G();
 		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,7 +341,7 @@ function me(e = null, t = !1) {
 		let t = e ?? _e.m;
 		if (t.Me.length && K.En(t.Me), t.ln.size) {
 			for (let e of t.ln) e.se & 64 || Ee(e);
-			t.ln.clear(), 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);
 	}
@@ -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);
@@ -5650,26 +5650,26 @@ function dl(e) {
 		setExpandedKey: l,
 		pinnedKey: u,
 		setPinnedKey: d
-	}, p = () => e.model.state.toolMode === "select", m = () => e.model.state.toolMode === "guides", h = () => e.model.state.enabled, g = () => e.interactive && h() && e.model.state.toolMode !== "none" && e.model.state.toolMode !== "text-inspector", _ = () => e.interactive && (e.model.state.toolMode !== "none" || e.model.state.rulersVisible), v = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 80%, transparent)`, y = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 8%, transparent)`, b = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 96%, transparent)`, x = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 15.36%, transparent)`, S = Wr(() => e.model.state.selectedMeasurements), C = Wr(() => {
-		let t = e.model.state.settings.multiMeasureEnabled && e.model.state.measurements.length > 0 ? e.model.state.measurements : e.model.state.activeMeasurement ? [e.model.state.activeMeasurement] : [], n = new Set(S().map((e) => e.elementRef).filter((e) => !!e));
+	}, p = () => e.model.state.toolMode === "select", m = () => e.model.state.toolMode === "guides", h = () => e.model.state.enabled, g = () => t?.closest("[data-mesurer-root='true']")?.hasAttribute("data-mesurer-recording-active") ?? !1, _ = () => !g() && e.interactive && h() && e.model.state.toolMode !== "none" && e.model.state.toolMode !== "text-inspector", v = () => !g() && e.interactive && (e.model.state.toolMode !== "none" || e.model.state.rulersVisible), y = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 80%, transparent)`, b = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 8%, transparent)`, x = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 96%, transparent)`, S = () => `color-mix(in oklch, ${e.model.state.settings.highlightColor} 15.36%, transparent)`, C = Wr(() => e.model.state.selectedMeasurements), w = Wr(() => {
+		let t = e.model.state.settings.multiMeasureEnabled && e.model.state.measurements.length > 0 ? e.model.state.measurements : e.model.state.activeMeasurement ? [e.model.state.activeMeasurement] : [], n = new Set(C().map((e) => e.elementRef).filter((e) => !!e));
 		return t.filter((e) => !e.elementRef || !n.has(e.elementRef));
-	}), w = Wr(() => e.displayedSelectedMeasurements), T = Wr(() => {
+	}), T = Wr(() => e.displayedSelectedMeasurements), E = Wr(() => {
 		let t = e.model.state.hoverElement;
-		return !!(t && S().some((e) => e.elementRef === t));
-	}), E = Wr(() => e.model.state.heldDistances), D = Wr(() => rs(C().map((e) => e.rect))), O = Wr(() => rs(w().map((e) => e.rect))), k = Wr(() => {
-		let n = S();
+		return !!(t && C().some((e) => e.elementRef === t));
+	}), D = Wr(() => e.model.state.heldDistances), O = Wr(() => rs(w().map((e) => e.rect))), k = Wr(() => rs(T().map((e) => e.rect))), A = Wr(() => {
+		let n = C();
 		if (!p() || !e.selectionSpacingStyle.enabled || n.length < 2) return [];
 		let r = t?.ownerDocument.defaultView;
 		return r ? es(n, r) : [];
-	}), A = Wr(() => S().map((e) => e.id).join("|"));
-	Jr(() => A(), () => {
+	}), j = Wr(() => C().map((e) => e.id).join("|"));
+	Jr(() => j(), () => {
 		l(null), d(null);
 	});
-	let j = () => {
+	let M = () => {
 		let t = e.model.state.hoverRect;
-		return t ? rs([t, ...w().map((e) => e.rect)])[0] ?? null : null;
-	}, M = () => hs(t, e.model.state.hoverElement), N = () => {
-		let t = e.model.state.hoverElement, n = M(), r = t?.ownerDocument.defaultView;
+		return t ? rs([t, ...T().map((e) => e.rect)])[0] ?? null : null;
+	}, N = () => hs(t, e.model.state.hoverElement), P = () => {
+		let t = e.model.state.hoverElement, n = N(), r = t?.ownerDocument.defaultView;
 		return !t || !r || n !== t.ownerDocument.body ? {
 			x: 0,
 			y: 0
@@ -5677,8 +5677,8 @@ function dl(e) {
 			x: r.scrollX,
 			y: r.scrollY
 		};
-	}, P = () => {
-		let t = e.model.state.hoverRect, r = !!M(), i = N();
+	}, F = () => {
+		let t = e.model.state.hoverRect, r = !!N(), i = P();
 		var a = X("div", {
 			"data-mesurer-hover-measurement": "true",
 			"data-mesurer-document-hover-layer": r ? "true" : void 0,
@@ -5688,7 +5688,7 @@ function dl(e) {
 			n = e;
 		}, a), Q(a, Y(q, {
 			get when() {
-				return j()?.top;
+				return M()?.top;
 			},
 			get children() {
 				var e = X("div", { class: "msr:absolute msr:left-0 msr:top-0 msr:h-px msr:w-full" });
@@ -5698,14 +5698,14 @@ function dl(e) {
 					top: "0",
 					height: "1px",
 					width: "100%",
-					"background-color": v()
+					"background-color": y()
 				}), (t, n) => {
 					$(e, "style", t, n);
 				}), e;
 			}
 		}), null), Q(a, Y(q, {
 			get when() {
-				return j()?.right;
+				return M()?.right;
 			},
 			get children() {
 				var e = X("div", { class: "msr:absolute msr:right-0 msr:top-0 msr:h-full msr:w-px" });
@@ -5715,14 +5715,14 @@ function dl(e) {
 					top: "0",
 					height: "100%",
 					width: "1px",
-					"background-color": v()
+					"background-color": y()
 				}), (t, n) => {
 					$(e, "style", t, n);
 				}), e;
 			}
 		}), null), Q(a, Y(q, {
 			get when() {
-				return j()?.bottom;
+				return M()?.bottom;
 			},
 			get children() {
 				var e = X("div", { class: "msr:absolute msr:bottom-0 msr:left-0 msr:h-px msr:w-full" });
@@ -5732,14 +5732,14 @@ function dl(e) {
 					left: "0",
 					height: "1px",
 					width: "100%",
-					"background-color": v()
+					"background-color": y()
 				}), (t, n) => {
 					$(e, "style", t, n);
 				}), e;
 			}
 		}), null), Q(a, Y(q, {
 			get when() {
-				return j()?.left;
+				return M()?.left;
 			},
 			get children() {
 				var e = X("div", { class: "msr:absolute msr:left-0 msr:top-0 msr:h-full msr:w-px" });
@@ -5749,7 +5749,7 @@ function dl(e) {
 					top: "0",
 					height: "100%",
 					width: "1px",
-					"background-color": v()
+					"background-color": y()
 				}), (t, n) => {
 					$(e, "style", t, n);
 				}), e;
@@ -5762,16 +5762,16 @@ function dl(e) {
 			top: `${t.top + i.y}px`,
 			width: `${t.width}px`,
 			height: `${t.height}px`,
-			"background-color": y(),
+			"background-color": b(),
 			transition: "none",
 			animation: "none"
 		}), (e, t) => {
 			$(a, "style", e, t);
 		}), a;
-	}, F = (t) => {
+	}, I = (t) => {
 		let n = t === "active" ? 100 : t === "hover" ? 90 : t === "preview" ? 50 : 70;
 		return `color-mix(in oklch, ${e.model.state.settings.guideColor} ${n}%, transparent)`;
-	}, I = Wr(() => {
+	}, L = Wr(() => {
 		if (e.model.state.guides.length > 0 || !e.model.state.settingsOpen || e.model.state.settingsTab !== "guides") return e.model.state.guides;
 		let n = t?.ownerDocument.defaultView;
 		return n ? [{
@@ -5783,21 +5783,21 @@ function dl(e) {
 			orientation: "horizontal",
 			position: n.innerHeight / 2
 		}] : e.model.state.guides;
-	}), L = () => {
+	}), R = () => {
 		i && t?.ownerDocument.defaultView?.clearTimeout(i), i = 0, a = null;
-	}, R = (t, n) => {
+	}, z = (t, n) => {
 		if (!e.model.current.enabled || e.model.current.settingsOpen || n.button !== 0) return;
 		if (n.preventDefault(), n.stopPropagation(), e.model.checkpoint(), n.shiftKey) {
 			e.model.setSelectedGuideIds(e.model.current.selectedGuideIds.includes(t.id) ? e.model.current.selectedGuideIds.filter((e) => e !== t.id) : [...e.model.current.selectedGuideIds, t.id]);
 			return;
 		}
-		e.model.setSelectedGuideIds([t.id]), L();
+		e.model.setSelectedGuideIds([t.id]), R();
 		let r = n.currentTarget.ownerDocument.defaultView;
 		r && (a = t.id, i = r.setTimeout(() => {
 			i = 0, a === t.id && e.model.setTransient({ draggingGuideId: t.id });
 		}, 220)), ms(n.currentTarget, n.pointerId);
-	}, z = (t, n) => {
-		n.stopPropagation(), L(), e.model.current.draggingGuideId === t.id && e.model.setTransient({ draggingGuideId: null }), n.currentTarget.hasPointerCapture(n.pointerId) && n.currentTarget.releasePointerCapture(n.pointerId);
+	}, B = (t, n) => {
+		n.stopPropagation(), R(), e.model.current.draggingGuideId === t.id && e.model.setTransient({ draggingGuideId: null }), n.currentTarget.hasPointerCapture(n.pointerId) && n.currentTarget.releasePointerCapture(n.pointerId);
 	};
 	$t(() => {
 		let i = t, a = i?.ownerDocument.defaultView, c = i?.ownerDocument;
@@ -5866,10 +5866,10 @@ function dl(e) {
 			capture: !0,
 			passive: !0
 		}), a.addEventListener("resize", d, !0), a.addEventListener("pointerdown", m, !0), a.addEventListener("pointermove", h, !0), a.addEventListener("pointerup", g, !0), a.addEventListener("pointercancel", g, !0), () => {
-			i.removeEventListener("pointermove", l), a.removeEventListener("pointermove", u, !0), a.removeEventListener("scroll", p, !0), a.removeEventListener("resize", d, !0), a.removeEventListener("pointerdown", m, !0), a.removeEventListener("pointermove", h, !0), a.removeEventListener("pointerup", g, !0), a.removeEventListener("pointercancel", g, !0), o && a.clearTimeout(o), s && a.cancelAnimationFrame(s), o = 0, s = 0, n?.style.removeProperty("visibility"), L(), r?.previousUserSelect !== null && r && (c.documentElement.style.userSelect = r.previousUserSelect), r = null;
+			i.removeEventListener("pointermove", l), a.removeEventListener("pointermove", u, !0), a.removeEventListener("scroll", p, !0), a.removeEventListener("resize", d, !0), a.removeEventListener("pointerdown", m, !0), a.removeEventListener("pointermove", h, !0), a.removeEventListener("pointerup", g, !0), a.removeEventListener("pointercancel", g, !0), o && a.clearTimeout(o), s && a.cancelAnimationFrame(s), o = 0, s = 0, n?.style.removeProperty("visibility"), R(), r?.previousUserSelect !== null && r && (c.documentElement.style.userSelect = r.previousUserSelect), r = null;
 		};
 	});
-	var B = X("div", {
+	var V = X("div", {
 		"data-mesurer-interaction-overlay": "true",
 		onPointerDown: (t) => e.onPointerDown(t),
 		onPointerUp: (t) => e.onPointerUp(t),
@@ -5877,7 +5877,7 @@ function dl(e) {
 	});
 	return aa(() => (e) => {
 		t = e;
-	}, B), Q(B, Y(q, {
+	}, V), Q(V, Y(q, {
 		get when() {
 			return p();
 		},
@@ -5885,18 +5885,18 @@ function dl(e) {
 			return [
 				Y(Zr, {
 					get each() {
-						return C();
+						return w();
 					},
 					children: (t, n) => Y(ll, {
 						measurement: t,
 						get edgeVisibility() {
-							return D()[n()];
+							return O()[n()];
 						},
 						get outlineColor() {
-							return v();
+							return y();
 						},
 						get fillColor() {
-							return y();
+							return b();
 						},
 						get theme() {
 							return e.model.state.settings.theme;
@@ -5916,12 +5916,12 @@ function dl(e) {
 									top: `${e.activeRect.top}px`,
 									width: `${e.activeRect.width}px`,
 									height: `${e.activeRect.height}px`,
-									"background-color": y()
+									"background-color": b()
 								},
-								t: { "background-color": v() },
-								a: { "background-color": v() },
-								o: { "background-color": v() },
-								i: { "background-color": v() }
+								t: { "background-color": y() },
+								a: { "background-color": y() },
+								o: { "background-color": y() },
+								i: { "background-color": y() }
 							}), ({ e, t: o, a: s, o: c, i: l }, u) => {
 								e !== u?.e && $(t, "style", e, u?.e), o !== u?.t && $(n, "style", o, u?.t), s !== u?.a && $(r, "style", s, u?.a), c !== u?.o && $(i, "style", c, u?.o), l !== u?.i && $(a, "style", l, u?.i);
 							}), t;
@@ -5945,22 +5945,22 @@ function dl(e) {
 				}),
 				Y(q, {
 					get when() {
-						return ea(() => !!(e.model.state.hoverRect && e.model.state.settings.hoverHighlightEnabled && (e.editSelectionHover() || S().length <= 1)))() ? !T() : e.model.state.hoverRect && e.model.state.settings.hoverHighlightEnabled && (e.editSelectionHover() || S().length <= 1);
+						return ea(() => !!(e.model.state.hoverRect && e.model.state.settings.hoverHighlightEnabled && (e.editSelectionHover() || C().length <= 1)))() ? !E() : e.model.state.hoverRect && e.model.state.settings.hoverHighlightEnabled && (e.editSelectionHover() || C().length <= 1);
 					},
 					get children() {
 						return Y(q, {
 							get when() {
-								return M();
+								return N();
 							},
 							get fallback() {
-								return P();
+								return F();
 							},
 							children: (e) => Y(ki, {
 								get mount() {
 									return e();
 								},
 								get children() {
-									return P();
+									return F();
 								}
 							})
 						});
@@ -5968,7 +5968,7 @@ function dl(e) {
 				})
 			];
 		}
-	}), null), Q(B, Y(q, {
+	}), null), Q(V, Y(q, {
 		get when() {
 			return ea(() => !!(e.interactive && m() && e.model.state.guidePreview))() ? !e.model.state.draggingGuideId : e.interactive && m() && e.model.state.guidePreview;
 		},
@@ -5991,37 +5991,37 @@ function dl(e) {
 					top: "0",
 					width: "2px",
 					height: "100%",
-					"background-color": F("preview")
+					"background-color": I("preview")
 				} : {
 					top: "6px",
 					left: "0",
 					height: "2px",
 					width: "100%",
-					"background-color": F("preview")
+					"background-color": I("preview")
 				}
 			}), ({ e, t: r }, i) => {
 				e !== i?.e && $(t, "style", e, i?.e), r !== i?.t && $(n, "style", r, i?.t);
 			}), t;
 		}
-	}), null), Q(B, Y(q, {
+	}), null), Q(V, Y(q, {
 		get when() {
 			return p();
 		},
 		get children() {
 			return [Y(Zr, {
 				get each() {
-					return w();
+					return T();
 				},
 				children: (t, n) => Y(ll, {
 					measurement: t,
 					get edgeVisibility() {
-						return O()[n()];
+						return k()[n()];
 					},
 					get outlineColor() {
-						return b();
+						return x();
 					},
 					get fillColor() {
-						return x();
+						return S();
 					},
 					get theme() {
 						return e.model.state.settings.theme;
@@ -6029,12 +6029,12 @@ function dl(e) {
 				})
 			}), Y(q, {
 				get when() {
-					return S().length > 1;
+					return C().length > 1;
 				},
 				get children() {
 					return [Y(Zr, {
 						get each() {
-							return S();
+							return C();
 						},
 						children: (e) => (() => {
 							var t = X("div", {
@@ -6052,7 +6052,7 @@ function dl(e) {
 						})()
 					}), Y(Zr, {
 						get each() {
-							return k();
+							return A();
 						},
 						children: (t) => Y(nl, {
 							distance: t,
@@ -6067,9 +6067,9 @@ function dl(e) {
 				}
 			})];
 		}
-	}), null), Q(B, Y(Zr, {
+	}), null), Q(V, Y(Zr, {
 		get each() {
-			return E();
+			return D();
 		},
 		children: (t) => Y(nl, {
 			distance: t,
@@ -6078,7 +6078,7 @@ function dl(e) {
 			},
 			kind: "held"
 		})
-	}), null), Q(B, Y(q, {
+	}), null), Q(V, Y(q, {
 		get when() {
 			return ea(() => !!(p() && e.model.state.altPressed))() ? e.optionPairOverlay : p() && e.model.state.altPressed;
 		},
@@ -6090,7 +6090,7 @@ function dl(e) {
 				kind: "preview"
 			});
 		}
-	}), null), Q(B, Y(q, {
+	}), null), Q(V, Y(q, {
 		get when() {
 			return ea(() => !!(e.interactive && m() && e.model.state.altPressed))() ? e.guideDistanceOverlay : e.interactive && m() && e.model.state.altPressed;
 		},
@@ -6102,7 +6102,7 @@ function dl(e) {
 				kind: "preview"
 			});
 		}
-	}), null), Q(B, Y(q, {
+	}), null), Q(V, Y(q, {
 		get when() {
 			return ea(() => !!(p() && e.model.state.altPressed))() ? e.optionContainerLines : p() && e.model.state.altPressed;
 		},
@@ -6220,23 +6220,23 @@ function dl(e) {
 				}
 			})
 		]
-	}), null), Q(B, Y(Zr, {
+	}), null), Q(V, Y(Zr, {
 		get each() {
-			return I();
+			return L();
 		},
 		children: (t) => {
-			let n = () => t.id.startsWith("__mesurer-preview-"), r = () => !n() && e.model.state.selectedGuideIds.includes(t.id), i = () => !n() && e.hoverGuide?.id === t.id, a = () => r() ? F("active") : i() ? F("hover") : F("default"), o = () => Math.max(e.model.state.settings.guideStyle.width, r() || i() ? 2 : e.model.state.settings.guideStyle.width), s = () => e.model.state.settings.guideStyle.pattern === "solid" ? void 0 : e.model.state.settings.guideStyle.pattern === "dotted" ? `radial-gradient(circle, ${a()} 0 ${o() / 2}px, transparent ${o() / 2 + .5}px)` : `repeating-linear-gradient(${t.orientation === "vertical" ? "to bottom" : "to right"}, ${a()} 0 ${e.model.state.settings.guideStyle.dashLength}px, transparent ${e.model.state.settings.guideStyle.dashLength}px ${e.model.state.settings.guideStyle.dashLength + e.model.state.settings.guideStyle.gap}px)`, c = () => e.model.state.settings.guideStyle.pattern === "dotted" ? t.orientation === "vertical" ? `${o()}px ${e.model.state.settings.guideStyle.dashLength + e.model.state.settings.guideStyle.gap}px` : `${e.model.state.settings.guideStyle.dashLength + e.model.state.settings.guideStyle.gap}px ${o()}px` : void 0;
+			let n = () => t.id.startsWith("__mesurer-preview-"), r = () => !n() && e.model.state.selectedGuideIds.includes(t.id), i = () => !n() && e.hoverGuide?.id === t.id, a = () => r() ? I("active") : i() ? I("hover") : I("default"), o = () => Math.max(e.model.state.settings.guideStyle.width, r() || i() ? 2 : e.model.state.settings.guideStyle.width), s = () => e.model.state.settings.guideStyle.pattern === "solid" ? void 0 : e.model.state.settings.guideStyle.pattern === "dotted" ? `radial-gradient(circle, ${a()} 0 ${o() / 2}px, transparent ${o() / 2 + .5}px)` : `repeating-linear-gradient(${t.orientation === "vertical" ? "to bottom" : "to right"}, ${a()} 0 ${e.model.state.settings.guideStyle.dashLength}px, transparent ${e.model.state.settings.guideStyle.dashLength}px ${e.model.state.settings.guideStyle.dashLength + e.model.state.settings.guideStyle.gap}px)`, c = () => e.model.state.settings.guideStyle.pattern === "dotted" ? t.orientation === "vertical" ? `${o()}px ${e.model.state.settings.guideStyle.dashLength + e.model.state.settings.guideStyle.gap}px` : `${e.model.state.settings.guideStyle.dashLength + e.model.state.settings.guideStyle.gap}px ${o()}px` : void 0;
 			var l = X("div", {
 				class: "msr:absolute",
 				"data-mesurer-guide": "true",
 				onPointerDown: (r) => {
-					!n() && e.model.current.toolMode !== "none" && R(t, r);
+					!n() && e.model.current.toolMode !== "none" && z(t, r);
 				},
 				onPointerUp: (r) => {
-					!n() && e.model.current.toolMode !== "none" && z(t, r);
+					!n() && e.model.current.toolMode !== "none" && B(t, r);
 				},
 				onPointerCancel: (r) => {
-					!n() && e.model.current.toolMode !== "none" && z(t, r);
+					!n() && e.model.current.toolMode !== "none" && B(t, r);
 				}
 			}), u = X("div", { class: "msr:absolute" });
 			return Z(l, u), J(() => ({
@@ -6245,13 +6245,13 @@ function dl(e) {
 					top: "0",
 					width: "14px",
 					height: "100%",
-					"pointer-events": !n() && _() ? "auto" : "none"
+					"pointer-events": !n() && v() ? "auto" : "none"
 				} : {
 					top: `${t.position - 7}px`,
 					left: "0",
 					height: "14px",
 					width: "100%",
-					"pointer-events": !n() && _() ? "auto" : "none"
+					"pointer-events": !n() && v() ? "auto" : "none"
 				},
 				t: t.orientation === "vertical" ? {
 					left: "6px",
@@ -6278,10 +6278,10 @@ function dl(e) {
 		}
 	}), null), J(() => ({
 		e: `msr:absolute msr:inset-0 msr:select-none ${h() ? `msr:pointer-events-auto ${m() ? e.hoverGuide || e.model.state.draggingGuideId ? "msr:cursor-default" : "msr:cursor-crosshair" : "msr:cursor-default"} msr:opacity-100` : "msr:pointer-events-none msr:opacity-0"}`,
-		t: { "pointer-events": g() ? "auto" : "none" }
+		t: { "pointer-events": _() ? "auto" : "none" }
 	}), ({ e, t }, n) => {
-		e !== n?.e && $(B, "class", e, n?.e), t !== n?.t && $(B, "style", t, n?.t);
-	}), B;
+		e !== n?.e && $(V, "class", e, n?.e), t !== n?.t && $(V, "style", t, n?.t);
+	}), V;
 }
 var fl = 18, pl = 5, ml = 32, hl = Array.from({ length: 801 }, (e, t) => t * pl);
 function gl(e) {
@@ -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), 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(), G = (e, t = !1) => t || !d() || e, re = () => te().length > 0 && (!d() || W() || ne()), ie = () => !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 = () => {
 		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 G(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 G(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 G(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 G(I());
 				},
 				get children() {
 					return Y(Lu, ra({
@@ -8579,7 +8579,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(L());
+			return G(L());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8597,7 +8597,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(R());
+			return G(R());
 		},
 		get children() {
 			return Y(Lu, ra({
@@ -8618,7 +8618,7 @@ function Hu(e) {
 		}
 	}), null), Q(Me, Y(Ru, {
 		get visible() {
-			return re(z());
+			return G(z());
 		},
 		get children() {
 			return [Y(Lu, ra({
@@ -8761,7 +8761,7 @@ function Hu(e) {
 		get children() {
 			return [Y(zu, {
 				get visible() {
-					return ie();
+					return re();
 				},
 				marker: "plugins"
 			}), (() => {
@@ -8780,7 +8780,7 @@ function Hu(e) {
 		}
 	}), Fe), Q(Fe, Y(Ru, {
 		get visible() {
-			return re(B());
+			return G(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, {
@@ -10129,13 +10129,13 @@ function op(e = {}, t = !1) {
 	}, W = (e) => {
 		ee(!1);
 		for (let t of e) t.sourceEl.isConnected && ne(t.sourceEl, t, !1, !1);
-	}, re = () => {
+	}, G = () => {
 		let e = D.pop();
 		return e ? (O.push(V()), W(e), !0) : !1;
-	}, ie = () => {
+	}, re = () => {
 		let e = O.pop();
 		return e ? (D.push(V()), W(e), !0) : !1;
-	}, G = () => {
+	}, ie = () => {
 		E.length && (H(), ee(!0));
 	}, ae = () => {
 		for (let e of E.slice()) {
@@ -10235,9 +10235,9 @@ function op(e = {}, t = !1) {
 	return {
 		enable: he,
 		disable: ge,
-		undo: re,
-		redo: ie,
-		clear: G,
+		undo: G,
+		redo: re,
+		clear: ie,
 		inspect: B,
 		isEnabled: () => m,
 		canUndo: () => D.length > 0,
@@ -10600,9 +10600,9 @@ function Tp(e) {
 			t.setActiveMeasurement(r);
 		} else e.shiftKey || (t.checkpoint(), t.setSelectedMeasurements([], null));
 		ee();
-	}, re = () => {
+	}, G = () => {
 		H(), t.current.draggingGuideId || ee(), t.setTransient({ guidePreview: null });
-	}, ie = (e, n) => {
+	}, 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,
@@ -10924,9 +10924,9 @@ function Tp(e) {
 				onPointerDown: te,
 				onPointerMove: ne,
 				onPointerUp: W,
-				onPointerLeave: re,
-				onGuidePointerDown: ie,
-				onGuidePointerUp: G
+				onPointerLeave: G,
+				onGuidePointerDown: re,
+				onGuidePointerUp: ie
 			}), null), Q(n, Y(So, {
 				model: t,
 				ownerWindow: s,
@@ -11286,22 +11286,22 @@ var Dp = "mesurer.presentation.preferences", Op = "presentation", kp = {
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}), e.style.setProperty("visibility", "hidden", "important")));
-		}, re = (e) => {
+		}, G = (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 = G(e);
 			for (; n;) {
 				let e = t.get(n);
 				if (e) return e;
-				n = re(n);
+				n = G(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 = G(e);
 			for (; n;) {
 				if (t.has(n)) return n;
-				n = re(n);
+				n = G(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
 				};
@@ -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);
@@ -12982,21 +12982,21 @@ function Yh(e, t) {
 			return;
 		}
 		U(e, "font-weight", Wh(t) >= 600 ? "400" : "700");
-	}, re = (e) => {
+	}, G = (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",
@@ -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, () => W(e)), ie(e, "I", "Italic", r === "italic" || r === "oblique", () => G(e)), ie(e, "U", "Underline", i.includes("underline"), () => re(e)), ue(e)), le(e);
 	}, fe = () => {
 		let e = m;
 		if (!e || !e.element.isConnected) return;
@@ -13504,7 +13504,7 @@ function Yh(e, t) {
 			if (e && (t.metaKey || t.ctrlKey) && !t.altKey && !t.shiftKey) {
 				let e = t.key.toLowerCase();
 				if (e === "b" || e === "i" || e === "u") {
-					t.preventDefault(), t.stopImmediatePropagation(), e === "b" ? W(n) : e === "i" ? re(n) : ie(n), n.editor.focus({ preventScroll: !0 });
+					t.preventDefault(), t.stopImmediatePropagation(), e === "b" ? W(n) : e === "i" ? G(n) : re(n), n.editor.focus({ preventScroll: !0 });
 					return;
 				}
 			}
@@ -15794,7 +15794,7 @@ function rv(e) {
 				let n = ne();
 				n !== t && (t = n, e(n));
 			});
-		}, re = () => {
+		}, G = () => {
 			let e = z.createElement("div");
 			e.dataset.mesurerInspectorUi = "true";
 			let t = W((t) => {
@@ -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);
 			}
@@ -15962,8 +15962,8 @@ function rv(e) {
 						currentToolbarMode: () => E() ? "edit" : "select",
 						theme: ne,
 						subscribeTheme: W,
-						createWorkspaceRuntime: ie,
-						createInspectorMount: re
+						createWorkspaceRuntime: re,
+						createInspectorMount: G
 					};
 					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: {
@@ -16258,12 +16258,12 @@ function _v(e) {
 			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 = () => {
+	}, 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, G = () => {
 		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, G()) : h() && A !== null && !W(A, ne()) && (O = ie(), k = !1, G());
+		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(() => {
@@ -16634,7 +16634,7 @@ function _v(e) {
 				S(!1);
 			}
 		}
-	}, Je = re, Ye = () => {
+	}, Je = G, Ye = () => {
 		if (!Oe()) return;
 		k = !1, A = ne(), v(""), b(null), w(null), o(null);
 		let e = je();
@@ -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 && !W(A, ne()) ? (O = ie(), k = !1, ge(), ye()) : e && (k = !1), Je();
 	}, Ze = () => {
 		h() && (k = !0, Je());
 	}, Qe = () => {
@@ -17769,65 +17769,81 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		audio: !1,
 		video: r
 	});
-}, zy = async (e) => {
-	let t = e.navigator.mediaDevices;
-	if (!t) throw Error("Screen recording is unavailable in this browser.");
-	if (Iy(e)) return Ly(e, t);
+}, zy = async (e, t) => {
+	let n = e.getVideoTracks()[0];
+	if (!n?.applyConstraints) return e;
 	try {
-		let n = await Ry(e, t);
-		if (n) return n;
+		await n.applyConstraints({ frameRate: {
+			ideal: t,
+			max: t
+		} });
 	} catch {}
-	if (!t.getDisplayMedia) throw Error("Screen recording is unavailable in this browser.");
-	let n = {
+	return e;
+}, By = async (e, t) => {
+	let n = e.navigator.mediaDevices;
+	if (!n) throw Error("Screen recording is unavailable in this browser.");
+	if (Iy(e)) return zy(await Ly(e, n), t);
+	try {
+		let r = await Ry(e, n);
+		if (r) return zy(r, t);
+	} catch {}
+	if (!n.getDisplayMedia) throw Error("Screen recording is unavailable in this browser.");
+	let r = {
+		ideal: t,
+		max: t
+	}, i = {
 		audio: !1,
-		video: { displaySurface: "browser" },
+		video: {
+			displaySurface: "browser",
+			frameRate: r
+		},
 		preferCurrentTab: !0,
 		selfBrowserSurface: "include"
 	};
 	try {
-		return await t.getDisplayMedia(n);
+		return zy(await n.getDisplayMedia(i), t);
 	} catch (e) {
 		if (e instanceof DOMException && e.name === "AbortError") throw e;
-		return t.getDisplayMedia({
+		return zy(await n.getDisplayMedia({
 			audio: !1,
-			video: !0
-		});
-	}
-}, By = async (e, t, n) => {
-	let r = await zy(t), i = r.getVideoTracks()[0];
-	if (!i) throw r.getTracks().forEach((e) => e.stop()), Error("No video track was selected.");
-	if (i.getSettings().displaySurface && i.getSettings().displaySurface !== "browser") throw r.getTracks().forEach((e) => e.stop()), Error("Select the current browser tab to record this region.");
-	let a = e.createElement("video");
-	a.autoplay = !0, a.muted = !0, a.playsInline = !0, a.srcObject = r, a.setAttribute("playsinline", ""), a.setAttribute("aria-hidden", "true"), a.style.cssText = Cy, e.body.append(a);
+			video: { frameRate: r }
+		}), t);
+	}
+}, Vy = async (e, t, n, r = 60) => {
+	let i = await By(t, r), a = i.getVideoTracks()[0];
+	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("No video track was selected.");
+	if (a.getSettings().displaySurface && a.getSettings().displaySurface !== "browser") throw i.getTracks().forEach((e) => e.stop()), Error("Select the current browser tab to record this region.");
+	let o = e.createElement("video");
+	o.autoplay = !0, o.muted = !0, o.playsInline = !0, o.srcObject = i, o.setAttribute("playsinline", ""), o.setAttribute("aria-hidden", "true"), o.style.cssText = Cy, e.body.append(o);
 	try {
-		await a.play(), (a.videoWidth <= 0 || a.videoHeight <= 0) && await new Promise((e, t) => {
-			a.addEventListener("loadeddata", () => e(), { once: !0 }), a.addEventListener("error", () => t(/* @__PURE__ */ Error("Could not read the selected video track.")), { once: !0 });
+		await o.play(), (o.videoWidth <= 0 || o.videoHeight <= 0) && await new Promise((e, t) => {
+			o.addEventListener("loadeddata", () => e(), { once: !0 }), o.addEventListener("error", () => t(/* @__PURE__ */ Error("Could not read the selected video track.")), { once: !0 });
 		});
-		let o = Dy(e, n), s = !1;
+		let r = Dy(e, n), s = !1;
 		try {
-			s = await Oy(i, o);
+			s = await Oy(a, r);
 		} catch {
 			s = !1;
 		}
-		s || o.remove(), await ky(a, t);
-		let c = t.devicePixelRatio || 1, l = Ey(n, a.videoWidth, a.videoHeight, Ty(t)), u = e.createElement("canvas");
+		s || r.remove(), await ky(o, t);
+		let c = t.devicePixelRatio || 1, l = Ey(n, o.videoWidth, o.videoHeight, Ty(t)), u = e.createElement("canvas");
 		u.width = s ? Math.max(2, Math.round(n.width * c)) : l.sw, u.height = s ? Math.max(2, Math.round(n.height * c)) : l.sh, u.setAttribute("aria-hidden", "true"), u.style.cssText = Cy, e.body.append(u);
 		let d = u.getContext("2d", { alpha: !1 });
 		if (!d) throw u.remove(), Error("Screen recording requires a 2D canvas.");
 		let f = {
-			stream: r,
-			track: i,
-			source: a,
+			stream: i,
+			track: a,
+			source: o,
 			canvas: u,
 			context: d,
-			cropTarget: s ? o : null,
+			cropTarget: s ? r : null,
 			regionLocked: s
 		};
-		return Vy(f, n, Ty(t)), f;
+		return Hy(f, n, Ty(t)), f;
 	} catch (e) {
-		throw a.pause(), a.srcObject = null, a.remove(), r.getTracks().forEach((e) => e.stop()), e;
+		throw o.pause(), o.srcObject = null, o.remove(), i.getTracks().forEach((e) => e.stop()), e;
 	}
-}, Vy = (e, t, n) => {
+}, Hy = (e, t, n) => {
 	let { source: r, canvas: i, context: a, regionLocked: o } = e;
 	if (r.videoWidth <= 0 || r.videoHeight <= 0) return;
 	if (o) {
@@ -17836,19 +17852,19 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}
 	let s = Ey(t, r.videoWidth, r.videoHeight, n), c = s.dx <= .001 && s.dy <= .001 && s.dw >= .999 && s.dh >= .999, l = c ? 0 : s.dx * i.width, u = c ? 0 : s.dy * i.height, d = c ? i.width : s.dw * i.width, f = c ? i.height : s.dh * i.height;
 	c || (a.fillStyle = "#000", a.fillRect(0, 0, i.width, i.height)), !(d < 1 || f < 1 || s.dw <= 0 || s.dh <= 0) && a.drawImage(r, s.sx, s.sy, s.sw, s.sh, l, u, d, f);
-}, Hy = (e) => {
+}, Uy = (e) => {
 	e.source.pause(), e.source.srcObject = null, e.stream.getTracks().forEach((e) => e.stop()), e.cropTarget?.remove(), e.canvas.remove(), e.source.remove();
-}, Uy = {
+}, Wy = {
 	webm: "video/webm",
 	mp4: "video/mp4"
-}, Wy = ["vp9", "vp8"], Gy = ["avc"], Ky = (e) => new c(e), qy = (e, t) => Number.isFinite(e) && e > 0 ? e : t, Jy = (e, t, n) => {
-	let r = Math.max(2, Math.round(qy(e, 2))), i = Math.max(2, Math.round(qy(t, 2)));
+}, Gy = ["vp9", "vp8"], Ky = ["avc"], qy = (e) => new c(e), Jy = (e, t) => Number.isFinite(e) && e > 0 ? e : t, Yy = (e, t, n) => {
+	let r = Math.max(2, Math.round(Jy(e, 2))), i = Math.max(2, Math.round(Jy(t, 2)));
 	return n === "mp4" && (r % 2 != 0 && (r += 1), i % 2 != 0 && (i += 1)), {
 		width: r,
 		height: i
 	};
-}, Yy = (e, t = {}) => {
-	let n = Math.max(.001, qy(e.duration, .001)), r = Math.min(n, Math.max(0, Number.isFinite(t.startTime) ? t.startTime ?? 0 : 0)), i = Number.isFinite(t.endTime) ? t.endTime ?? n : n, a = Math.min(n, Math.max(r + .001, i));
+}, Xy = (e, t = {}) => {
+	let n = Math.max(.001, Jy(e.duration, .001)), r = Math.min(n, Math.max(0, Number.isFinite(t.startTime) ? t.startTime ?? 0 : 0)), i = Number.isFinite(t.endTime) ? t.endTime ?? n : n, a = Math.min(n, Math.max(r + .001, i));
 	return {
 		format: t.format ?? "webm",
 		startTime: r,
@@ -17856,33 +17872,33 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		scale: t.scale ?? 1,
 		quality: t.quality ?? "medium"
 	};
-}, Xy = (e) => e === "webm" ? Wy : Gy, Zy = async (e, t, n, r, i = "medium") => {
-	let a = Jy(t, n, e), o = Ky(i);
-	for (let t of Xy(e)) if (await u(t, {
+}, Zy = (e) => e === "webm" ? Gy : Ky, Qy = async (e, t, n, r, i = "medium") => {
+	let a = Yy(t, n, e), o = qy(i);
+	for (let t of Zy(e)) if (await u(t, {
 		width: a.width,
 		height: a.height,
 		frameRate: r,
 		quality: o
 	})) return t;
 	return null;
-}, Qy = async (e, t, n = 30) => {
+}, $y = async (e, t, n = 30) => {
 	let r = [];
-	return await Zy("webm", e, t, n) && r.push("webm"), await Zy("mp4", e, t, n) && r.push("mp4"), r;
-}, $y = (e) => e === "webm" ? new l() : new o(), eb = async (e, t = {}) => {
-	let i = t.format ?? "webm", a = Math.max(1, Math.min(120, Math.round(t.frameRate ?? 30))), o = t.quality ?? "medium", c = e.width, l = e.height, u = await Zy(i, c, l, a, o);
+	return await Qy("webm", e, t, n) && r.push("webm"), await Qy("mp4", e, t, n) && r.push("mp4"), r;
+}, eb = (e) => e === "webm" ? new l() : new o(), tb = async (e, t = {}) => {
+	let i = t.format ?? "webm", a = Math.max(1, Math.min(120, Math.round(t.frameRate ?? 30))), o = t.quality ?? "medium", c = e.width, l = e.height, u = await Qy(i, c, l, a, o);
 	if (!u) throw Error(`MediaBunny cannot encode ${i.toUpperCase()} at ${c}×${l} in this runtime.`);
 	let d = new n(), f = new s({
-		format: $y(i),
+		format: eb(i),
 		target: d
 	}), p = new r(e, {
 		codec: u,
-		quality: Ky(o)
+		quality: qy(o)
 	});
 	f.addVideoTrack(p, { frameRate: a }), await f.start();
 	let m = !1, h = -1;
 	return {
 		format: i,
-		mimeType: Uy[i],
+		mimeType: Wy[i],
 		codec: u,
 		async addFrame(e, t = 1 / a) {
 			if (m) throw Error("Recording session is already closed.");
@@ -17894,7 +17910,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		finalize: async () => {
 			if (m) throw Error("Recording session is already closed.");
 			if (m = !0, p.close(), await f.finalize(), !d.buffer || d.buffer.byteLength === 0) throw Error("MediaBunny produced an empty recording.");
-			return new Blob([d.buffer], { type: Uy[i] });
+			return new Blob([d.buffer], { type: Wy[i] });
 		},
 		async cancel() {
 			if (!m) {
@@ -17905,7 +17921,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}
 		}
 	};
-}, tb = async (n) => {
+}, nb = async (n) => {
 	let r = new a({
 		source: new t(n),
 		formats: e
@@ -17927,14 +17943,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	} finally {
 		r.dispose();
 	}
-}, nb = async (r, o = {}) => {
-	let c = await tb(r), l = Yy(c, o), u = Jy(c.width * l.scale, c.height * l.scale, l.format), d = await Zy(l.format, u.width, u.height, 30, l.quality);
+}, rb = async (r, o = {}) => {
+	let c = await nb(r), l = Xy(c, o), u = Yy(c.width * l.scale, c.height * l.scale, l.format), d = await Qy(l.format, u.width, u.height, 30, l.quality);
 	if (!d) throw Error(`MediaBunny cannot export ${l.format.toUpperCase()} in this runtime.`);
 	let f = new a({
 		source: new t(r),
 		formats: e
 	}), p = new n(), m = new s({
-		format: $y(l.format),
+		format: eb(l.format),
 		target: p
 	});
 	try {
@@ -17950,14 +17966,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				width: u.width,
 				height: u.height,
 				fit: "fill",
-				quality: Ky(l.quality),
+				quality: qy(l.quality),
 				forceTranscode: !0
 			},
 			audio: { discard: !0 }
 		});
 		if (!e.isValid) throw Error(`MediaBunny cannot convert this recording to ${l.format.toUpperCase()}.`);
 		if (await e.execute(), !p.buffer || p.buffer.byteLength === 0) throw Error("MediaBunny produced an empty export.");
-		let t = new Blob([p.buffer], { type: Uy[l.format] }), n = await tb(t);
+		let t = new Blob([p.buffer], { type: Wy[l.format] }), n = await nb(t);
 		return {
 			blob: t,
 			format: l.format,
@@ -17968,14 +17984,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	} finally {
 		f.dispose();
 	}
-}, rb = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, ib = 352, ab = 576, ob = 8, sb = 8, cb = .05, lb = (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 = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, ub = (e) => {
+}, db = (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")}`;
-}, db = (e, t, n) => {
+}, fb = (e, t, n) => {
 	let r = e.createElement("button");
-	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, lb(r, {
+	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, ub(r, {
 		display: "inline-flex",
 		width: "20px",
 		height: "20px",
@@ -17991,9 +18007,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"line-height": "1",
 		cursor: "pointer"
 	}), r;
-}, fb = (e, t) => {
+}, pb = (e, t) => {
 	let n = e.createElement("button");
-	n.type = "button", n.setAttribute("role", "menuitemradio"), lb(n, {
+	n.type = "button", n.setAttribute("role", "menuitemradio"), ub(n, {
 		display: "grid",
 		width: "100%",
 		height: "28px",
@@ -18018,15 +18034,15 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		check: r,
 		text: i
 	};
-}, pb = (e, t, n, r) => {
+}, mb = (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);
-}, mb = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
+}, hb = ({ 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, lb(o, {
+	o.dataset.mesurerRecordingPreview = "true", o.dataset.mesurerInspectorUi = "true", o.setAttribute("role", "dialog"), o.setAttribute("aria-label", "Screen recording editor"), o.tabIndex = 0, ub(o, {
 		position: "fixed",
 		display: "none",
-		width: `${ib}px`,
+		width: `${ab}px`,
 		"max-width": "calc(100vw - 16px)",
 		padding: "8px",
 		"z-index": "98",
@@ -18044,7 +18060,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		transition: "width 200ms ease, left 200ms ease"
 	}), n.append(o);
 	let s = e.createElement("div");
-	lb(s, {
+	ub(s, {
 		position: "relative",
 		display: "flex",
 		width: "100%",
@@ -18059,7 +18075,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", lb(c, {
+	c.muted = !0, c.playsInline = !0, c.preload = "auto", ub(c, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -18069,7 +18085,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…", lb(l, {
+	l.dataset.mesurerRecordingExporting = "true", l.textContent = "Exporting…", ub(l, {
 		position: "absolute",
 		inset: "0",
 		display: "none",
@@ -18081,8 +18097,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-size": "11px",
 		"pointer-events": "none"
 	}), s.append(l);
-	let u = db(e, "Close", "×");
-	u.dataset.mesurerRecordingDiscard = "true", lb(u, {
+	let u = fb(e, "Close", "×");
+	u.dataset.mesurerRecordingDiscard = "true", ub(u, {
 		position: "absolute",
 		top: "6px",
 		right: "6px",
@@ -18104,17 +18120,17 @@ 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");
-	lb(d, {
+	ub(d, {
 		display: "flex",
 		height: "20px",
 		"align-items": "center",
 		gap: "6px",
 		"margin-top": "8px"
 	}), o.append(d);
-	let f = db(e, "Play", "▶");
+	let f = fb(e, "Play", "▶");
 	f.dataset.mesurerRecordingPlay = "true", d.append(f);
 	let p = e.createElement("span");
-	p.textContent = "0:00.00", lb(p, {
+	p.textContent = "0:00.00", ub(p, {
 		display: "flex",
 		width: "32px",
 		height: "20px",
@@ -18126,7 +18142,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-variant-numeric": "tabular-nums"
 	}), d.append(p);
 	let m = e.createElement("div");
-	m.dataset.mesurerRecordingTimeline = "true", lb(m, {
+	m.dataset.mesurerRecordingTimeline = "true", ub(m, {
 		position: "relative",
 		height: "20px",
 		"min-width": "0",
@@ -18135,7 +18151,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"user-select": "none"
 	}), d.append(m);
 	let h = e.createElement("div");
-	h.dataset.mesurerRecordingTimelineRail = "true", lb(h, {
+	h.dataset.mesurerRecordingTimelineRail = "true", ub(h, {
 		position: "absolute",
 		left: "0",
 		right: "0",
@@ -18147,7 +18163,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"pointer-events": "none"
 	}), m.append(h);
 	let g = e.createElement("div");
-	g.dataset.mesurerRecordingTimelineClip = "true", lb(g, {
+	g.dataset.mesurerRecordingTimelineClip = "true", ub(g, {
 		position: "absolute",
 		top: "50%",
 		height: "3px",
@@ -18157,7 +18173,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"pointer-events": "none"
 	}), m.append(g);
 	let _ = e.createElement("div");
-	lb(_, {
+	ub(_, {
 		position: "absolute",
 		display: "none",
 		top: "50%",
@@ -18170,7 +18186,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"pointer-events": "none"
 	}), m.append(_);
 	let v = e.createElement("div");
-	v.dataset.mesurerRecordingPlayhead = "true", lb(v, {
+	v.dataset.mesurerRecordingPlayhead = "true", ub(v, {
 		position: "absolute",
 		top: "50%",
 		left: "0",
@@ -18185,7 +18201,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}), m.append(v);
 	let y = (t, n) => {
 		let r = e.createElement("button");
-		return r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), lb(r, {
+		return r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), ub(r, {
 			position: "absolute",
 			top: "50%",
 			width: "8px",
@@ -18199,7 +18215,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			cursor: "ew-resize"
 		}), m.append(r), r;
 	}, b = y("start", "Trim start"), x = y("end", "Trim end"), S = e.createElement("span");
-	lb(S, {
+	ub(S, {
 		display: "flex",
 		width: "32px",
 		height: "20px",
@@ -18212,20 +18228,20 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-variant-numeric": "tabular-nums"
 	}), d.append(S);
 	let C = e.createElement("div");
-	lb(C, {
+	ub(C, {
 		position: "relative",
 		display: "flex",
 		height: "20px",
 		"align-items": "center"
 	}), d.append(C);
-	let w = db(e, "Export options", "1×");
-	w.dataset.mesurerRecordingExportOptions = "true", w.setAttribute("aria-haspopup", "menu"), w.setAttribute("aria-expanded", "false"), lb(w, {
+	let w = fb(e, "Export options", "1×");
+	w.dataset.mesurerRecordingExportOptions = "true", w.setAttribute("aria-haspopup", "menu"), w.setAttribute("aria-expanded", "false"), ub(w, {
 		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"), lb(T, {
+	T.dataset.mesurerRecordingExportMenu = "true", T.setAttribute("role", "menu"), ub(T, {
 		position: "absolute",
 		display: "none",
 		right: "0",
@@ -18241,7 +18257,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"pointer-events": "auto"
 	}), C.append(T);
 	let E = e.createElement("p");
-	E.textContent = "Format", lb(E, {
+	E.textContent = "Format", ub(E, {
 		margin: "0",
 		padding: "4px 8px",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -18251,7 +18267,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	let D = e.createElement("div");
 	T.append(D);
 	let O = e.createElement("p");
-	O.textContent = "Size", lb(O, {
+	O.textContent = "Size", ub(O, {
 		margin: "0",
 		padding: "6px 8px 4px",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -18265,17 +18281,17 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		2,
 		3
 	].map((t) => {
-		let n = fb(e, `${t}×`);
+		let n = pb(e, `${t}×`);
 		return n.button.dataset.mesurerRecordingScale = String(t), k.append(n.button), {
 			scale: t,
 			...n
 		};
-	}), j = db(e, "Download", "↓");
+	}), j = fb(e, "Download", "↓");
 	j.dataset.mesurerRecordingExport = "true", d.append(j);
-	let M = db(e, "Grow preview", "↗");
+	let M = fb(e, "Grow preview", "↗");
 	M.dataset.mesurerRecordingExpand = "true", d.append(M);
 	let N = e.createElement("p");
-	N.dataset.mesurerRecordingPreviewStatus = "true", N.setAttribute("role", "status"), lb(N, {
+	N.dataset.mesurerRecordingPreviewStatus = "true", N.setAttribute("role", "status"), ub(N, {
 		display: "none",
 		margin: "8px 0 0",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -18288,20 +18304,20 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}, W = () => ({
 		start: H,
 		end: U
-	}), re = (e) => {
+	}), G = (e) => {
 		let t = P?.duration ?? 0, n = m.getBoundingClientRect();
 		return t <= 0 || n.width <= 0 ? 0 : Math.min(t, Math.max(0, (e - n.left) / n.width * t));
-	}, ie = () => {
+	}, re = () => {
 		let e = P?.duration ?? 0, t = Math.min(e, Math.max(0, c.currentTime || 0)), n = ne(H) * 100, r = ne(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 = `${ne(t) * 100}%`, b.setAttribute("aria-valuemax", String(Math.max(0, U - cb))), b.setAttribute("aria-valuenow", String(H)), b.setAttribute("aria-valuetext", ub(H)), x.setAttribute("aria-valuemin", String(Math.min(e, H + cb))), x.setAttribute("aria-valuemax", String(e)), x.setAttribute("aria-valuenow", String(U)), x.setAttribute("aria-valuetext", ub(U)), p.textContent = ub(t), S.textContent = ub(e);
-	}, G = (e, t = !0) => {
+		b.style.left = `${n}%`, x.style.left = `${r}%`, g.style.left = `${n}%`, g.style.width = `${Math.max(0, r - n)}%`, v.style.left = `${ne(t) * 100}%`, b.setAttribute("aria-valuemax", String(Math.max(0, U - lb))), b.setAttribute("aria-valuenow", String(H)), b.setAttribute("aria-valuetext", db(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", db(U)), p.textContent = db(t), S.textContent = db(e);
+	}, ie = (e, t = !0) => {
 		if (!P) return;
 		let n = Math.min(U, Math.max(H, e));
-		t && !c.paused && c.pause(), c.currentTime = n, ie();
+		t && !c.paused && c.pause(), c.currentTime = n, re();
 	}, ae = (e, t = !1) => {
-		P && (H = Math.min(Math.max(0, e), Math.max(0, U - cb)), (t || c.currentTime < H) && G(H), ie());
+		P && (H = Math.min(Math.max(0, e), Math.max(0, U - lb)), (t || c.currentTime < H) && ie(H), re());
 	}, oe = (e, t = !1) => {
-		P && (U = Math.max(Math.min(P.duration, e), Math.min(P.duration, H + cb)), t ? G(U) : c.currentTime > U && G(H), ie());
+		P && (U = Math.max(Math.min(P.duration, e), Math.min(P.duration, H + lb)), t ? ie(U) : c.currentTime > U && ie(H), re());
 	}, se = () => {
 		w.textContent = `${V}×`;
 		for (let e of A) {
@@ -18311,14 +18327,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}, ce = () => {
 		D.replaceChildren();
 		for (let t of z) {
-			let n = fb(e, t === "mp4" ? "MP4" : "WebM"), r = t === B;
+			let n = pb(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, ce();
 			}), D.append(n.button);
 		}
 	}, K = () => {
 		if (T.style.display === "none") return;
-		let e = C.getBoundingClientRect(), n = Math.max(1, T.offsetHeight), r = e.top - ob, i = t.innerHeight - e.bottom - ob;
+		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");
 	}, le = (e) => {
 		T.style.display = e ? "block" : "none", w.setAttribute("aria-expanded", e ? "true" : "false"), e && K();
@@ -18336,8 +18352,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		]) t.toggleAttribute("disabled", e);
 	}, de = () => {
 		if (o.style.display === "none") return;
-		let r = Math.min(I ? ab : ib, Math.max(1, t.innerWidth - 16)), i = Math.max(180, o.offsetHeight), a = (n.closest("[data-mesurer-root='true']")?.querySelector("[data-mesurer-tool-id='recording']") ?? e.querySelector("[data-mesurer-tool-id='recording']"))?.getBoundingClientRect(), s = a ? a.left + a.width / 2 : t.innerWidth - ob - r / 2, c = ob + r / 2, l = Math.max(c, t.innerWidth - ob - r / 2), u = Math.min(Math.max(c, s), l), d = a ? a.bottom + sb : ob;
-		d + i > t.innerHeight - ob && (d = a ? a.top - i - sb : t.innerHeight - i - ob), o.style.left = `${u}px`, o.style.top = `${Math.max(ob, d)}px`, T.style.display !== "none" && K();
+		let r = Math.min(I ? ob : ab, Math.max(1, t.innerWidth - 16)), i = Math.max(180, o.offsetHeight), a = (n.closest("[data-mesurer-root='true']")?.querySelector("[data-mesurer-tool-id='recording']") ?? e.querySelector("[data-mesurer-tool-id='recording']"))?.getBoundingClientRect(), s = a ? a.left + a.width / 2 : t.innerWidth - sb - r / 2, c = sb + r / 2, l = Math.max(c, t.innerWidth - sb - r / 2), u = Math.min(Math.max(c, s), l), d = a ? a.bottom + cb : sb;
+		d + i > t.innerHeight - sb && (d = a ? a.top - i - cb : t.innerHeight - i - sb), o.style.left = `${u}px`, o.style.top = `${Math.max(sb, d)}px`, T.style.display !== "none" && K();
 	}, fe = () => {
 		c.pause(), c.removeAttribute("src"), c.load(), F &&= (globalThis.URL.revokeObjectURL(F), null);
 	}, pe = () => {
@@ -18354,8 +18370,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		ee = null, te = null, v.style.height = "8px";
 	}, ge = (e) => {
 		if (!ee) return;
-		let t = re(e);
-		ee === "start" ? ae(t, !0) : ee === "end" ? oe(t, !0) : G(t);
+		let t = G(e);
+		ee === "start" ? ae(t, !0) : ee === "end" ? oe(t, !0) : ie(t);
 	}, _e = (e, t) => {
 		!P || L || t.button !== 0 || (t.preventDefault(), t.stopPropagation(), ee = e, te = t.pointerId, v.style.height = "10px", ge(t.clientX));
 	}, ve = (e) => {
@@ -18367,7 +18383,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		let t = e.target;
 		t instanceof Element && t.closest("[data-mesurer-recording-trim-handle]") || _e("playhead", e);
 	}), m.addEventListener("pointermove", (e) => {
-		te === null && (_.style.display = "block", _.style.left = `${ne(re(e.clientX)) * 100}%`);
+		te === null && (_.style.display = "block", _.style.left = `${ne(G(e.clientX)) * 100}%`);
 	}), m.addEventListener("pointerleave", () => {
 		_.style.display = "none";
 	});
@@ -18387,9 +18403,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	}), c.addEventListener("pause", () => {
 		f.textContent = "▶", f.setAttribute("aria-label", "Play"), f.title = "Play";
 	}), c.addEventListener("timeupdate", () => {
-		P && (c.currentTime >= U - .01 ? (c.pause(), c.currentTime = H) : c.currentTime < H && (c.currentTime = H), ie());
+		P && (c.currentTime >= U - .01 ? (c.pause(), c.currentTime = H) : c.currentTime < H && (c.currentTime = H), re());
 	}), c.addEventListener("loadedmetadata", () => {
-		ie();
+		re();
 	}), w.addEventListener("click", () => {
 		L || le(T.style.display === "none");
 	});
@@ -18400,7 +18416,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		T.style.display !== "none" && (e.composedPath().includes(C) || le(!1));
 	};
 	e.addEventListener("pointerdown", be, !0), M.addEventListener("click", () => {
-		I = !I, o.style.width = `${I ? ab : ib}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(de);
+		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(de);
 	}), j.addEventListener("click", () => {
 		if (!P || L || z.length === 0) return;
 		let n = ++R, { start: r, end: i } = W();
@@ -18410,7 +18426,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			endTime: i,
 			scale: V
 		}).then((r) => {
-			n === R && pb(r.blob, r.filename, e, t);
+			n === R && mb(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.");
 		}).finally(() => {
@@ -18432,7 +18448,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		show(e) {
 			R += 1, fe(), P = e, I = !1, V = 1, B = "webm", z = ["webm"], H = 0, U = 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 = `${ib}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 = ub(e.duration), N.style.display = "none", N.style.color = "var(--msr-color-ink-500, #64748b)", le(!1), ce(), se(), ie(), ue(!1), o.style.display = "block", de(), o.focus({ preventScroll: !0 });
+			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 = db(e.duration), N.style.display = "none", N.style.color = "var(--msr-color-ink-500, #64748b)", le(!1), ce(), se(), re(), ue(!1), o.style.display = "block", de(), o.focus({ preventScroll: !0 });
 			let i = R;
 			r(e).then((e) => {
 				i !== R || !P || (z = e, B = e.includes(B) ? B : e[0] ?? "webm", ce(), 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."));
@@ -18445,19 +18461,19 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			pe(), t.removeEventListener("resize", xe), t.removeEventListener("pointermove", ve, !0), t.removeEventListener("pointerup", ye, !0), t.removeEventListener("pointercancel", ye, !0), e.removeEventListener("pointerdown", be, !0), o.remove();
 		}
 	};
-}, hb = "mesurer.recording", gb = "recording:v1", _b = "mesurer.recording.settings", vb = "runtime:solid", yb = "recording.toggle", bb = "recording.stop", xb = "recording.discard", Sb = "recording.export", Cb = 30, wb = 60, Tb = 3e3, Eb = {
+}, gb = "mesurer.recording", _b = "recording:v1", vb = "mesurer.recording.settings", yb = "runtime:solid", bb = "recording.toggle", xb = "recording.stop", Sb = "recording.discard", Cb = "recording.export", wb = 60, Tb = 60, Eb = 3e3, Db = {
 	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"]
-}, Db = (e) => e ? { ...e } : null, Ob = (e) => ({
+}, Ob = (e) => e ? { ...e } : null, kb = (e) => ({
 	...e,
-	rect: Db(e.rect)
-}), kb = (e, t) => {
+	rect: Ob(e.rect)
+}), Ab = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, Ab = (e) => e != null && !Array.isArray(e) && typeof e == "object", jb = (e) => typeof e == "number" && Number.isFinite(e), Mb = (e) => {
-	if (!Ab(e)) return {};
+}, jb = (e) => e != null && !Array.isArray(e) && typeof e == "object", Mb = (e) => typeof e == "number" && Number.isFinite(e), Nb = (e) => {
+	if (!jb(e)) return {};
 	let t = {};
-	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), jb(e.startTime) && (t.startTime = e.startTime), jb(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
-}, Nb = (e) => ({
+	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), Mb(e.startTime) && (t.startTime = e.startTime), Mb(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
+}, Pb = (e) => ({
 	status: e.status,
 	elapsed: e.elapsed,
 	rect: e.rect ? { ...e.rect } : null,
@@ -18465,62 +18481,71 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	width: e.width,
 	height: e.height,
 	error: e.error
-}), Pb = (e) => ({
+}), Fb = (e) => ({
 	filename: e.filename,
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size
-}), Fb = (e) => ({
+}), Ib = (e) => ({
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size,
 	createdAt: e.createdAt
-}), Ib = (e, t, n) => {
+}), Lb = (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);
-}, Lb = (e = {}) => Ta({
-	id: hb,
+}, Rb = (e = {}) => Ta({
+	id: gb,
 	version: "0.1.0",
-	requires: [vb],
-	provides: ["tool:recording", gb],
+	requires: [yb],
+	provides: ["tool:recording", _b],
 	setup(t) {
-		let n = t.service.get(vb);
+		let n = t.service.get(yb);
 		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", kb(o, {
+		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", Ab(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"
-		}), kb(c, {
+		}), Ab(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(60, Math.round(e.frameRate ?? Cb))), f = Math.max(1, Math.min(600, e.maxDurationSeconds ?? wb)), p = e.quality ?? "medium";
+		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? Tb)), f = e.quality ?? "medium";
 		t.state.register({
-			id: _b,
-			initial: { toolEnabled: e.toolEnabled ?? !0 },
+			id: vb,
+			initial: {
+				toolEnabled: e.toolEnabled ?? !0,
+				frameRate: e.frameRate ?? wb
+			},
 			persist: !0
 		});
-		let m = () => ({ toolEnabled: t.state.get("mesurer.recording.settings")?.toolEnabled ?? !0 }), h = (e) => {
-			t.state.update(_b, (t) => {
+		let p = () => {
+			let e = t.state.get(vb);
+			return {
+				toolEnabled: e?.toolEnabled ?? !0,
+				frameRate: e?.frameRate === 120 ? 120 : 60
+			};
+		}, m = (e) => {
+			t.state.update(vb, (t) => {
 				let n = { ...t };
-				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), n;
+				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), (e.frameRate === 60 || e.frameRate === 120) && (n.frameRate = e.frameRate), n;
 			});
-		}, g = r.createElement("div");
-		g.dataset.mesurerRecordingSelect = "true", g.dataset.mesurerInspectorUi = "true", g.setAttribute("role", "application"), g.setAttribute("aria-label", "Recording selection"), kb(g, {
+		}, h = r.createElement("div");
+		h.dataset.mesurerRecordingSelect = "true", h.dataset.mesurerInspectorUi = "true", h.setAttribute("role", "application"), h.setAttribute("aria-label", "Recording selection"), Ab(h, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -18529,24 +18554,24 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "auto",
 			"user-select": "none",
 			"touch-action": "none"
-		}), o.append(g);
-		let _ = Array.from({ length: 4 }, () => {
+		}), o.append(h);
+		let g = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return e.dataset.mesurerRecordingShade = "true", kb(e, {
+			return e.dataset.mesurerRecordingShade = "true", Ab(e, {
 				position: "fixed",
 				background: "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
-			}), g.append(e), e;
-		}), v = r.createElement("div");
-		v.dataset.mesurerRecordingSelection = "true", kb(v, {
+			}), h.append(e), e;
+		}), _ = r.createElement("div");
+		_.dataset.mesurerRecordingSelection = "true", Ab(_, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid var(--msr-accent, #0d99ff)",
 			"box-sizing": "border-box",
 			"pointer-events": "none"
-		}), g.append(v);
-		let y = r.createElement("div");
-		kb(y, {
+		}), h.append(_);
+		let v = r.createElement("div");
+		Ab(v, {
 			position: "fixed",
 			display: "none",
 			transform: "translateX(-50%)",
@@ -18557,9 +18582,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "10px",
 			"font-variant-numeric": "tabular-nums",
 			"pointer-events": "none"
-		}), g.append(y);
-		let b = r.createElement("div");
-		b.textContent = "Drag a region to record · Esc to cancel", kb(b, {
+		}), h.append(v);
+		let y = r.createElement("div");
+		y.textContent = "Drag a region to record · Esc to cancel", Ab(y, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -18570,9 +18595,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "var(--msr-surface, #fff)",
 			"font-size": "11px",
 			"pointer-events": "none"
-		}), g.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"), kb(x, {
+		}), h.append(y);
+		let b = r.createElement("div");
+		b.dataset.mesurerRecordingRegion = "true", b.dataset.mesurerInspectorUi = "true", b.setAttribute("role", "dialog"), b.setAttribute("aria-label", "Recording region"), Ab(b, {
 			position: "fixed",
 			display: "none",
 			width: "220px",
@@ -18587,10 +18612,10 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "auto",
 			transform: "translateX(-50%)"
-		}), g.append(x);
-		let S = (e) => {
+		}), h.append(b);
+		let x = (e) => {
 			let t = r.createElement("label");
-			kb(t, {
+			Ab(t, {
 				display: "grid",
 				"grid-template-columns": "44px minmax(0,1fr)",
 				"align-items": "center",
@@ -18599,15 +18624,15 @@ 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 kb(i, {
+			return Ab(i, {
 				display: "flex",
 				"align-items": "center",
 				gap: "4px",
 				"min-width": "0"
-			}), t.append(i), x.append(t), i;
-		}, C = (e) => {
+			}), t.append(i), b.append(t), i;
+		}, S = (e) => {
 			let t = r.createElement("input");
-			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", kb(t, {
+			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", Ab(t, {
 				width: "0",
 				"min-width": "0",
 				flex: "1 1 0",
@@ -18621,20 +18646,20 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				"font-size": "10px",
 				"font-variant-numeric": "tabular-nums"
 			}), t;
-		}, w = S("Size"), T = C("Width"), E = C("Height");
-		w.append(T);
+		}, C = x("Size"), w = S("Width"), T = S("Height");
+		C.append(w);
+		let E = r.createElement("span");
+		E.textContent = "×", E.style.color = "var(--msr-color-ink-500, #64748b)", C.append(E, T);
 		let D = r.createElement("span");
-		D.textContent = "×", D.style.color = "var(--msr-color-ink-500, #64748b)", w.append(D, E);
-		let O = r.createElement("span");
-		O.textContent = "px", O.style.color = "var(--msr-color-ink-500, #64748b)", w.append(O);
-		let k = S("Position");
-		k.style.marginTop = "8px";
-		let A = C("Left"), j = C("Top");
-		k.append(A, j);
-		let M = r.createElement("span");
-		M.textContent = "px", M.style.color = "var(--msr-color-ink-500, #64748b)", k.append(M);
-		let N = r.createElement("button");
-		N.type = "button", N.dataset.mesurerRecordingStart = "true", N.textContent = "●  Start recording", kb(N, {
+		D.textContent = "px", D.style.color = "var(--msr-color-ink-500, #64748b)", C.append(D);
+		let O = x("Position");
+		O.style.marginTop = "8px";
+		let k = S("Left"), A = S("Top");
+		O.append(k, A);
+		let j = r.createElement("span");
+		j.textContent = "px", j.style.color = "var(--msr-color-ink-500, #64748b)", O.append(j);
+		let M = r.createElement("button");
+		M.type = "button", M.dataset.mesurerRecordingStart = "true", M.textContent = "●  Start recording", Ab(M, {
 			width: "100%",
 			height: "28px",
 			"margin-top": "8px",
@@ -18646,44 +18671,44 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"font-weight": "500",
 			cursor: "pointer"
-		}), x.append(N);
-		let P = r.createElement("div");
-		P.dataset.mesurerRecordingGrid = "true", kb(P, {
+		}), b.append(M);
+		let N = r.createElement("div");
+		N.dataset.mesurerRecordingGrid = "true", Ab(N, {
 			position: "absolute",
 			inset: "0",
 			display: "none",
 			"pointer-events": "none"
-		}), v.append(P);
-		let F = (e) => {
+		}), _.append(N);
+		let P = (e) => {
 			let t = r.createElement("div");
-			kb(t, {
+			Ab(t, {
 				position: "absolute",
 				opacity: "0.3",
 				...e
-			}), P.append(t);
+			}), N.append(t);
 		};
-		F({
+		P({
 			left: "33.333%",
 			top: "0",
 			bottom: "0",
 			borderLeft: "1px dashed var(--msr-color-ink-500, #64748b)"
-		}), F({
+		}), P({
 			left: "66.666%",
 			top: "0",
 			bottom: "0",
 			borderLeft: "1px dashed var(--msr-color-ink-500, #64748b)"
-		}), F({
+		}), P({
 			top: "33.333%",
 			left: "0",
 			right: "0",
 			borderTop: "1px dashed var(--msr-color-ink-500, #64748b)"
-		}), F({
+		}), P({
 			top: "66.666%",
 			left: "0",
 			right: "0",
 			borderTop: "1px dashed var(--msr-color-ink-500, #64748b)"
 		});
-		let I = Object.entries({
+		let F = Object.entries({
 			nw: {
 				left: "0",
 				top: "0"
@@ -18718,7 +18743,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}`), kb(n, {
+			return n.type = "button", n.dataset.mesurerRecordingResize = e, n.setAttribute("aria-label", `Resize ${e}`), Ab(n, {
 				position: "absolute",
 				display: "none",
 				left: t.left,
@@ -18733,9 +18758,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				transform: "translate(-50%, -50%)",
 				cursor: e === "n" || e === "s" ? "ns-resize" : e === "e" || e === "w" ? "ew-resize" : e === "nw" || e === "se" ? "nwse-resize" : "nesw-resize",
 				"pointer-events": "auto"
-			}), v.append(n), n;
-		}), L = r.createElement("section");
-		L.dataset.mesurerRecordingStatus = "true", L.dataset.mesurerInspectorUi = "true", L.setAttribute("aria-label", "Screen recording"), kb(L, {
+			}), _.append(n), n;
+		}), I = r.createElement("section");
+		I.dataset.mesurerRecordingStatus = "true", I.dataset.mesurerInspectorUi = "true", I.setAttribute("aria-label", "Screen recording"), Ab(I, {
 			position: "fixed",
 			display: "none",
 			height: "34px",
@@ -18751,23 +18776,23 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"pointer-events": "auto"
 		});
-		let R = r.createElement("span");
-		R.setAttribute("aria-hidden", "true"), kb(R, {
+		let L = r.createElement("span");
+		L.setAttribute("aria-hidden", "true"), Ab(L, {
 			width: "6px",
 			height: "6px",
 			"border-radius": "999px",
 			background: "var(--msr-danger-solid-bg, #dc2626)",
 			"flex-shrink": "0"
-		}), L.append(R);
-		let z = r.createElement("span");
-		z.dataset.mesurerRecordingTime = "true", z.textContent = "00:00", kb(z, {
+		}), I.append(L);
+		let R = r.createElement("span");
+		R.dataset.mesurerRecordingTime = "true", R.textContent = "00:00", Ab(R, {
 			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"), kb(B, {
+		}), I.append(R);
+		let z = r.createElement("button");
+		z.type = "button", z.dataset.mesurerRecordingStop = "true", z.textContent = "Stop", z.setAttribute("aria-label", "Stop recording"), Ab(z, {
 			height: "24px",
 			padding: "0 8px",
 			border: "0",
@@ -18778,9 +18803,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "11px",
 			"font-weight": "500",
 			cursor: "pointer"
-		}), L.append(B), c.append(L);
-		let V = r.createElement("div");
-		V.dataset.mesurerRecordingError = "true", V.dataset.mesurerInspectorUi = "true", V.setAttribute("role", "status"), kb(V, {
+		}), I.append(z), c.append(I);
+		let B = r.createElement("div");
+		B.dataset.mesurerRecordingError = "true", B.dataset.mesurerInspectorUi = "true", B.setAttribute("role", "status"), Ab(B, {
 			position: "fixed",
 			display: "none",
 			left: "8px",
@@ -18792,8 +18817,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "#fff",
 			"font-size": "11px",
 			"pointer-events": "none"
-		}), c.append(V);
-		let H = {
+		}), c.append(B);
+		let V = {
 			status: "idle",
 			elapsed: 0,
 			rect: null,
@@ -18801,28 +18826,28 @@ 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 = Ob(H);
-			for (let t of U) t(e);
-		}, he = (e) => {
-			H = {
-				...H,
+		}, H = /* @__PURE__ */ new Set(), U = null, ee = null, te = null, ne = null, W = null, G = null, re = !1, ie = null, ae = null, oe = 0, se = 0, ce = 0, K = 0, le = 0, ue = -1, de = !1, fe = null, pe = () => {
+			let e = kb(V);
+			for (let t of H) t(e);
+		}, me = (e) => {
+			V = {
+				...V,
 				...e,
-				rect: e.rect === void 0 ? H.rect : Db(e.rect)
-			}, me();
-		}, ge = () => H.status === "selecting" || H.status === "recording" || H.status === "exporting", _e = () => {
-			if (oe) return;
+				rect: e.rect === void 0 ? V.rect : Ob(e.rect)
+			}, pe();
+		}, he = () => V.status === "selecting" || V.status === "recording" || V.status === "exporting", ge = () => {
+			if (ae) return;
 			let e = n.portalTarget.querySelector("[data-mesurer-toolbar='true']");
-			e && (oe = {
+			e && (ae = {
 				element: e,
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}, e.style.setProperty("visibility", "hidden", "important"));
-		}, ve = () => {
-			if (!oe) return;
-			let e = oe;
-			oe = null, e.value || e.priority ? e.element.style.setProperty("visibility", e.value, e.priority) : e.element.style.removeProperty("visibility");
-		}, ye = (e, t) => {
+		}, _e = () => {
+			if (!ae) return;
+			let e = ae;
+			ae = null, e.value || e.priority ? e.element.style.setProperty("visibility", e.value, e.priority) : e.element.style.removeProperty("visibility");
+		}, ve = (e, t) => {
 			for (let n of [
 				"left",
 				"top",
@@ -18832,7 +18857,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				let r = t[n];
 				r === void 0 ? e.style.removeProperty(n) : e.style.setProperty(n, `${r}px`);
 			}
-		}, be = (e) => {
+		}, ye = (e) => {
 			let t = i.innerWidth, n = i.innerHeight, r = Math.min(t, Math.max(4, Math.round(e.width))), a = Math.min(n, Math.max(4, Math.round(e.height)));
 			return {
 				left: Math.min(Math.max(0, Math.round(e.left)), Math.max(0, t - r)),
@@ -18840,121 +18865,121 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				width: r,
 				height: a
 			};
-		}, xe = (e, t) => t.x >= e.left && t.x <= e.left + e.width && t.y >= e.top && t.y <= e.top + e.height, Se = (e) => {
+		}, be = (e, t) => t.x >= e.left && t.x <= e.left + e.width && t.y >= e.top && t.y <= e.top + e.height, xe = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
 			if (!e || e.width <= 0 || e.height <= 0) {
-				ye(_[0], {
+				ve(g[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of _.slice(1)) ye(e, {
+				for (let e of g.slice(1)) ve(e, {
 					left: 0,
 					top: 0,
 					width: 0,
 					height: 0
 				});
-				v.style.display = "none", v.style.pointerEvents = "none", P.style.display = "none";
-				for (let e of I) e.style.display = "none";
-				y.style.display = "none", x.style.display = "none", b.textContent = "Drag to select a region · Esc to cancel";
+				_.style.display = "none", _.style.pointerEvents = "none", N.style.display = "none";
+				for (let e of F) e.style.display = "none";
+				v.style.display = "none", b.style.display = "none", y.textContent = "Drag to select a region · Esc to cancel";
 				return;
 			}
-			if (ye(_[0], {
+			if (ve(g[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), ye(_[1], {
+			}), ve(g[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), ye(_[2], {
+			}), ve(g[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), ye(_[3], {
+			}), ve(g[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), v.style.display = "block", ye(v, e), G) {
-				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));
+			}), _.style.display = "block", ve(_, e), re) {
+				_.style.pointerEvents = "auto", _.style.cursor = "move", N.style.display = "block";
+				for (let e of F) e.style.display = "block";
+				v.style.display = "none", w.value = String(Math.round(e.width)), T.value = String(Math.round(e.height)), k.value = String(Math.round(e.left)), A.value = String(Math.round(e.top)), w.max = String(t), T.max = String(n), k.max = String(Math.max(0, t - e.width)), A.max = String(Math.max(0, n - e.height));
 				let r = Math.min(Math.max(118, e.left + e.width / 2), Math.max(118, t - 110 - 8)), i = e.top + e.height + 12, a = i + 112 <= n ? i : Math.max(8, e.top - 112);
-				x.style.left = `${r}px`, x.style.top = `${a}px`, x.style.display = "block", b.textContent = "Adjust region · Enter to start · Esc to cancel";
+				b.style.left = `${r}px`, b.style.top = `${a}px`, b.style.display = "block", y.textContent = "Adjust region · Enter to start · Esc to cancel";
 			} else {
-				v.style.pointerEvents = "none", v.style.cursor = "", P.style.display = "none";
-				for (let e of I) e.style.display = "none";
-				x.style.display = "none", y.style.display = "block", y.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ye(y, {
+				_.style.pointerEvents = "none", _.style.cursor = "", N.style.display = "none";
+				for (let e of F) e.style.display = "none";
+				b.style.display = "none", v.style.display = "block", v.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ve(v, {
 					left: e.left + e.width / 2,
 					top: Math.min(n - 22, e.top + e.height + 6)
-				}), b.textContent = "Drag to select a region · Esc to cancel";
+				}), y.textContent = "Drag to select a region · Esc to cancel";
 			}
+		}, Se = (e) => {
+			let t = ye(e);
+			G = t, me({ rect: t }), xe(t);
 		}, Ce = (e) => {
-			let t = be(e);
-			ie = t, he({ rect: t }), Se(t);
-		}, we = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
-			ye(_[0], {
+			ve(g[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), ye(_[1], {
+			}), ve(g[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), ye(_[2], {
+			}), ve(g[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), ye(_[3], {
+			}), ve(g[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), v.style.display = "none", y.style.display = "none", x.style.display = "none", P.style.display = "none", b.style.display = "none";
-			for (let e of I) e.style.display = "none";
-			g.style.display = "block", g.style.pointerEvents = "none", g.style.cursor = "default";
+			}), _.style.display = "none", v.style.display = "none", b.style.display = "none", N.style.display = "none", y.style.display = "none";
+			for (let e of F) e.style.display = "none";
+			h.style.display = "block", h.style.pointerEvents = "none", h.style.cursor = "default";
+		}, we = () => {
+			u(!1), h.style.display = "none", h.style.pointerEvents = "auto", h.style.cursor = "crosshair", y.style.removeProperty("display");
 		}, Te = () => {
-			u(!1), g.style.display = "none", g.style.pointerEvents = "auto", g.style.cursor = "crosshair", b.style.removeProperty("display");
-		}, Ee = () => {
-			re = null, ie = null, G = !1, ae = null, Se(null), g.style.display = "none", g.style.cursor = "crosshair", o.style.pointerEvents = "none";
-		}, De = (e) => {
+			W = null, G = null, re = !1, ie = null, xe(null), h.style.display = "none", h.style.cursor = "crosshair", o.style.pointerEvents = "none";
+		}, Ee = (e) => {
 			let t = i.innerHeight, n = i.innerWidth;
-			L.style.visibility = "hidden", L.style.display = "flex";
-			let r = Math.max(112, L.offsetWidth || 112), a = Math.min(n - r - 8, Math.max(8, e.left + e.width / 2 - r / 2)), o = l?.querySelector("[data-mesurer-toolbar='true']")?.getBoundingClientRect(), s = [e.top >= 50 ? e.top - 34 - 8 : null, t - (e.top + e.height) >= 50 ? e.top + e.height + 8 : null].filter((e) => e !== null), c = (e) => o ? a < o.right && a + r > o.left && e < o.bottom && e + 34 > o.top : !1, u = s.find((e) => !c(e)) ?? s[0] ?? null;
+			I.style.visibility = "hidden", I.style.display = "flex";
+			let r = Math.max(112, I.offsetWidth || 112), a = Math.min(n - r - 8, Math.max(8, e.left + e.width / 2 - r / 2)), o = l?.querySelector("[data-mesurer-toolbar='true']")?.getBoundingClientRect(), s = [e.top >= 50 ? e.top - 34 - 8 : null, t - (e.top + e.height) >= 50 ? e.top + e.height + 8 : null].filter((e) => e !== null), c = (e) => o ? a < o.right && a + r > o.left && e < o.bottom && e + 34 > o.top : !1, u = s.find((e) => !c(e)) ?? s[0] ?? null;
 			if (u === null) {
-				L.style.display = "none", L.style.removeProperty("visibility");
+				I.style.display = "none", I.style.removeProperty("visibility");
 				return;
 			}
-			L.style.left = `${a}px`, L.style.top = `${u}px`, L.style.removeProperty("visibility");
-		}, Oe = () => {
-			L.style.display = "none";
-		}, ke = (e) => {
-			K && i.clearTimeout(K);
+			I.style.left = `${a}px`, I.style.top = `${u}px`, I.style.removeProperty("visibility");
+		}, De = () => {
+			I.style.display = "none";
+		}, Oe = (e) => {
+			ce && i.clearTimeout(ce);
 			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";
-			}, Tb);
-		}, Ae = async (e) => {
-			se && i.cancelAnimationFrame(se), se = 0, ce && i.clearTimeout(ce), ce = 0;
-			let t = W;
-			if (W = null, t) try {
+			B.textContent = t, B.style.display = "block", ce = i.setTimeout(() => {
+				ce = 0, B.style.display = "none";
+			}, Eb);
+		}, ke = async (e) => {
+			oe && i.cancelAnimationFrame(oe), oe = 0, se && i.clearTimeout(se), se = 0;
+			let t = ne;
+			if (ne = null, t) try {
 				await t;
 			} catch {}
-			let n = ne;
-			ne = null, e && await n?.cancel();
-			let r = te;
-			te = null, r && Hy(r), Te(), Oe();
-		}, je = () => {
-			ee = null, Pe.dismiss(), he({
+			let n = te;
+			te = null, e && await n?.cancel();
+			let r = ee;
+			ee = null, r && Uy(r), we(), De();
+		}, Ae = () => {
+			U = null, Ne.dismiss(), me({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -18963,23 +18988,23 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			}), t.hook.emit("recording:discard", {});
-		}, Me = async () => {
-			let e = ee;
-			return Qy(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), d);
-		}, Ne = async (e = {}) => {
-			let n = ee;
+		}, je = async () => {
+			let e = U;
+			return $y(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), p().frameRate);
+		}, Me = async (e = {}) => {
+			let n = U;
 			if (!n) throw Error("No recording is ready to export.");
-			let r = H.status;
-			he({
+			let r = V.status;
+			me({
 				status: "exporting",
 				error: null
 			});
 			try {
-				let r = await nb(n.blob, e), i = {
+				let r = await rb(n.blob, e), i = {
 					...r,
-					filename: rb(r.format)
+					filename: ib(r.format)
 				};
-				return he({
+				return me({
 					status: "ready",
 					duration: n.duration,
 					width: n.width,
@@ -18994,30 +19019,30 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					bytes: i.blob.size
 				}), i;
 			} catch (e) {
-				throw he({
+				throw me({
 					status: r === "ready" ? "ready" : "error",
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, Pe = mb({
+		}, Ne = hb({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
-			formats: async () => Me(),
-			onDiscard: je,
-			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 = Db(H.rect);
+			formats: async () => je(),
+			onDiscard: Ae,
+			onExport: Me
+		}), Pe = async () => {
+			if (fe) return fe;
+			if (V.status !== "recording" || !te || !ee) throw Error("No recording is active.");
+			let e = K, n = te, r = ee, a = Ob(V.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;
+			return fe = (async () => {
+				oe && i.cancelAnimationFrame(oe), oe = 0, se && i.clearTimeout(se), se = 0;
+				let s = ne;
+				ne = null, s && await s;
 				let c = await n.finalize();
-				if (ne = null, te = null, Hy(r), le !== e || fe) throw Error("Recording was cancelled.");
-				let l = await tb(c), u = {
+				if (te = null, ee = null, Uy(r), K !== e || de) throw Error("Recording was cancelled.");
+				let l = await nb(c), u = {
 					blob: c,
 					format: "webm",
 					duration: l.duration,
@@ -19025,14 +19050,14 @@ 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 U = u, we(), De(), _e(), o.style.pointerEvents = "none", me({
 					status: "ready",
 					elapsed: l.duration,
 					duration: l.duration,
 					width: l.width,
 					height: l.height,
 					error: null
-				}), Pe.show(u), await t.hook.emit("recording:ready", {
+				}), Ne.show(u), await t.hook.emit("recording:ready", {
 					rect: a,
 					duration: l.duration,
 					width: l.width,
@@ -19040,45 +19065,45 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					bytes: c.size
 				}), u;
 			})().catch(async (t) => {
-				if (await Ae(!0), ve(), le === e && !fe) {
+				if (await ke(!0), _e(), K === e && !de) {
 					let e = t instanceof Error ? t.message : "Could not finish the recording.";
-					he({
+					me({
 						status: "error",
 						error: e
-					}), ke(t);
+					}), Oe(t);
 				}
 				throw t;
 			}).finally(() => {
-				pe = null;
-			}), pe;
-		}, Ie = (e, t, n) => {
-			let r = 1 / d, a = (o) => {
-				if (fe || le !== n || H.status !== "recording" || ne !== t || te !== e) return;
-				let s = Math.max(0, (o - ue) / 1e3);
-				he({ elapsed: s }), z.textContent = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`;
+				fe = null;
+			}), fe;
+		}, Fe = (e, t, n, r) => {
+			let a = 1 / r, o = (r) => {
+				if (de || K !== n || V.status !== "recording" || te !== t || ee !== e) return;
+				let s = Math.max(0, (r - le) / 1e3);
+				me({ elapsed: s }), R.textContent = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`;
 				let c = s;
-				!W && c - de >= r * .8 && (Vy(e, H.rect ?? {
+				!ne && c - ue >= a * .8 && (Hy(e, V.rect ?? {
 					left: 0,
 					top: 0,
 					width: i.innerWidth,
 					height: i.innerHeight
-				}, Ty(i)), de = c, W = t.addFrame(c, r).catch((e) => {
-					throw le === n && !fe && Ae(!0).then(() => {
-						ve();
+				}, Ty(i)), ue = c, ne = t.addFrame(c, a).catch((e) => {
+					throw K === n && !de && ke(!0).then(() => {
+						_e();
 						let t = e instanceof Error ? e.message : "MediaBunny could not encode the recording.";
-						he({
+						me({
 							status: "error",
 							error: t
-						}), ke(e);
+						}), Oe(e);
 					}), e;
 				}).finally(() => {
-					W = null;
-				})), se = i.requestAnimationFrame(a);
+					ne = null;
+				})), oe = i.requestAnimationFrame(o);
 			};
-			se = i.requestAnimationFrame(a);
-		}, Le = async (e) => {
-			let n = ++le;
-			Pe.dismiss(), ee = null, Ee(), ve(), he({
+			oe = i.requestAnimationFrame(o);
+		}, Ie = async (e) => {
+			let n = ++K, a = p().frameRate;
+			Ne.dismiss(), U = null, Te(), _e(), me({
 				status: "selecting",
 				elapsed: 0,
 				rect: e,
@@ -19088,47 +19113,47 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				error: null
 			});
 			try {
-				let a = await By(r, i, e);
-				if (fe || le !== n) {
-					Hy(a);
+				let s = await Vy(r, i, e, a);
+				if (de || K !== n) {
+					Uy(s);
 					return;
 				}
-				let s = await eb(a.canvas, {
+				let c = await tb(s.canvas, {
 					format: "webm",
-					frameRate: d,
-					quality: p
+					frameRate: a,
+					quality: f
 				});
-				if (fe || le !== n) {
-					await s.cancel(), Hy(a);
+				if (de || K !== n) {
+					await c.cancel(), Uy(s);
 					return;
 				}
-				if (te = a, ne = s, ue = i.performance.now(), de = 0, Vy(a, e, Ty(i)), await s.addFrame(0, 1 / d), fe || le !== n) {
-					await Ae(!0);
+				if (ee = s, te = c, le = i.performance.now(), ue = 0, Hy(s, e, Ty(i)), await c.addFrame(0, 1 / a), de || K !== n) {
+					await ke(!0);
 					return;
 				}
-				he({
+				me({
 					status: "recording",
 					elapsed: 0
-				}), o.style.pointerEvents = "none", u(!0), we(e), z.textContent = "00:00", De(e), Ie(a, s, n), a.track.addEventListener("ended", () => {
-					le === n && H.status === "recording" && Fe().catch(() => void 0);
-				}, { once: !0 }), ce = i.setTimeout(() => {
-					le === n && H.status === "recording" && Fe().catch(() => void 0);
-				}, f * 1e3), await t.hook.emit("recording:start", {
+				}), o.style.pointerEvents = "none", u(!0), Ce(e), R.textContent = "00:00", Ee(e), Fe(s, c, n, a), s.track.addEventListener("ended", () => {
+					K === n && V.status === "recording" && Pe().catch(() => void 0);
+				}, { once: !0 }), se = i.setTimeout(() => {
+					K === n && V.status === "recording" && Pe().catch(() => void 0);
+				}, d * 1e3), await t.hook.emit("recording:start", {
 					rect: { ...e },
-					frameRate: d,
-					maxDurationSeconds: f
+					frameRate: a,
+					maxDurationSeconds: d
 				});
 			} catch (t) {
-				if (await Ae(!0), ve(), le !== n || fe) return;
+				if (await ke(!0), _e(), K !== n || de) return;
 				let r = t instanceof DOMException && t.name === "AbortError", i = r ? null : t instanceof Error ? t.message : "Could not start the recording.";
-				throw he({
+				throw me({
 					status: r ? "idle" : "error",
 					rect: r ? null : e,
 					error: i
-				}), r || ke(t), t;
+				}), r || Oe(t), t;
 			}
-		}, Re = () => {
-			H.status !== "selecting" && (++le, Pe.dismiss(), ee = null, ie = null, G = !1, ae = null, _e(), Se(null), g.style.display = "block", g.style.pointerEvents = "auto", b.style.removeProperty("display"), o.style.pointerEvents = "auto", he({
+		}, Le = () => {
+			V.status !== "selecting" && (++K, Ne.dismiss(), U = null, G = null, re = !1, ie = null, ge(), xe(null), h.style.display = "block", h.style.pointerEvents = "auto", y.style.removeProperty("display"), o.style.pointerEvents = "auto", me({
 				status: "selecting",
 				elapsed: 0,
 				rect: null,
@@ -19137,23 +19162,23 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			}));
-		}, ze = async (e) => {
-			if (H.status === "recording") {
-				await Fe();
+		}, Re = async (e) => {
+			if (V.status === "recording") {
+				await Pe();
 				return;
 			}
-			if (H.status === "selecting") {
-				await Be();
+			if (V.status === "selecting") {
+				await ze();
 				return;
 			}
 			if (!e) {
-				Re();
+				Le();
 				return;
 			}
 			if (e.width < 4 || e.height < 4) throw Error("Recording selection must be at least 4px by 4px.");
-			await Le(e);
-		}, Be = async () => {
-			++le, Ee(), await Ae(!0), ve(), H.status !== "ready" && he({
+			await Ie(e);
+		}, ze = async () => {
+			++K, Te(), await ke(!0), _e(), V.status !== "ready" && me({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -19162,33 +19187,33 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			});
-		}, Ve = (e, t, n) => {
-			let r = ie;
-			!G || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), ae = {
+		}, Be = (e, t, n) => {
+			let r = G;
+			!re || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), ie = {
 				kind: t,
 				handle: n,
 				pointerId: e.pointerId,
 				startX: e.clientX,
 				startY: e.clientY,
 				rect: { ...r }
-			}, g.setPointerCapture?.(e.pointerId));
-		}, He = (e) => {
-			H.status === "selecting" && e.button === 0 && (G && ie && xe(ie, {
+			}, h.setPointerCapture?.(e.pointerId));
+		}, Ve = (e) => {
+			V.status === "selecting" && e.button === 0 && (re && G && be(G, {
 				x: e.clientX,
 				y: e.clientY
-			}) || (e.preventDefault(), e.stopPropagation(), G = !1, ie = null, he({ rect: null }), g.style.cursor = "crosshair", re = {
+			}) || (e.preventDefault(), e.stopPropagation(), re = !1, G = null, me({ rect: null }), h.style.cursor = "crosshair", W = {
 				x: e.clientX,
 				y: e.clientY
-			}, Se(qa(re, re, {
+			}, xe(qa(W, W, {
 				width: i.innerWidth,
 				height: i.innerHeight
-			})), g.setPointerCapture?.(e.pointerId)));
-		}, Ue = (e) => {
-			if (H.status === "selecting") {
-				if (ae) {
-					let t = ae, n = e.clientX - t.startX, r = e.clientY - t.startY, a = i.innerWidth, o = i.innerHeight;
+			})), h.setPointerCapture?.(e.pointerId)));
+		}, He = (e) => {
+			if (V.status === "selecting") {
+				if (ie) {
+					let t = ie, n = e.clientX - t.startX, r = e.clientY - t.startY, a = i.innerWidth, o = i.innerHeight;
 					if (t.kind === "move") {
-						Ce({
+						Se({
 							...t.rect,
 							left: t.rect.left + n,
 							top: t.rect.top + r
@@ -19196,7 +19221,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 						return;
 					}
 					let s = t.handle ?? "", c = t.rect.left, l = t.rect.top, u = t.rect.left + t.rect.width, d = t.rect.top + t.rect.height;
-					s.includes("w") && (c = Math.min(u - 4, Math.max(0, t.rect.left + n))), s.includes("e") && (u = Math.max(c + 4, Math.min(a, t.rect.left + t.rect.width + n))), s.includes("n") && (l = Math.min(d - 4, Math.max(0, t.rect.top + r))), s.includes("s") && (d = Math.max(l + 4, Math.min(o, t.rect.top + t.rect.height + r))), Ce({
+					s.includes("w") && (c = Math.min(u - 4, Math.max(0, t.rect.left + n))), s.includes("e") && (u = Math.max(c + 4, Math.min(a, t.rect.left + t.rect.width + n))), s.includes("n") && (l = Math.min(d - 4, Math.max(0, t.rect.top + r))), s.includes("s") && (d = Math.max(l + 4, Math.min(o, t.rect.top + t.rect.height + r))), Se({
 						left: c,
 						top: l,
 						width: u - c,
@@ -19204,7 +19229,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					});
 					return;
 				}
-				re && Se(qa(re, {
+				W && xe(qa(W, {
 					x: e.clientX,
 					y: e.clientY
 				}, {
@@ -19212,14 +19237,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					height: i.innerHeight
 				}));
 			}
-		}, We = (e) => {
-			if (ae) {
-				ae = null, g.hasPointerCapture?.(e.pointerId) && g.releasePointerCapture(e.pointerId), ie && Se(ie);
+		}, Ue = (e) => {
+			if (ie) {
+				ie = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), G && xe(G);
 				return;
 			}
-			let t = re;
-			if (re = null, H.status !== "selecting" || !t) return;
-			g.hasPointerCapture?.(e.pointerId) && g.releasePointerCapture(e.pointerId);
+			let t = W;
+			if (W = null, V.status !== "selecting" || !t) return;
+			h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId);
 			let n = qa(t, {
 				x: e.clientX,
 				y: e.clientY
@@ -19228,91 +19253,93 @@ 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);
+				G = null, re = !1, me({ rect: null }), xe(null);
 				return;
 			}
-			ie = be(n), G = !0, g.style.cursor = "default", he({ rect: ie }), Se(ie);
+			G = ye(n), re = !0, h.style.cursor = "default", me({ rect: G }), xe(G);
+		}, We = (e) => {
+			W = null, ie = null, h.hasPointerCapture?.(e.pointerId) && h.releasePointerCapture(e.pointerId), xe(G && re ? G : null);
 		}, Ge = (e) => {
-			re = null, ae = null, g.hasPointerCapture?.(e.pointerId) && g.releasePointerCapture(e.pointerId), Se(ie && G ? ie : 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" && V.status === "selecting" && re && G) {
+				e.preventDefault(), e.stopImmediatePropagation(), Ie(G).catch(() => void 0);
 				return;
 			}
 			if (e.key === "Escape") {
-				if (H.status === "selecting") {
-					e.preventDefault(), e.stopImmediatePropagation(), Be();
+				if (V.status === "selecting") {
+					e.preventDefault(), e.stopImmediatePropagation(), ze();
 					return;
 				}
-				H.status === "recording" && (e.preventDefault(), e.stopImmediatePropagation(), Fe().catch(() => void 0));
+				V.status === "recording" && (e.preventDefault(), e.stopImmediatePropagation(), Pe().catch(() => void 0));
 			}
 		};
-		g.addEventListener("pointerdown", He), g.addEventListener("pointermove", Ue), g.addEventListener("pointerup", We), g.addEventListener("pointercancel", Ge), i.addEventListener("keydown", Ke, !0), v.addEventListener("pointerdown", (e) => {
+		h.addEventListener("pointerdown", Ve), h.addEventListener("pointermove", He), h.addEventListener("pointerup", Ue), h.addEventListener("pointercancel", We), i.addEventListener("keydown", Ge, !0), _.addEventListener("pointerdown", (e) => {
 			let t = e.target;
-			t instanceof Element && t.closest("[data-mesurer-recording-resize]") || Ve(e, "move");
+			t instanceof Element && t.closest("[data-mesurer-recording-resize]") || Be(e, "move");
 		});
-		for (let e of I) e.addEventListener("pointerdown", (t) => {
-			Ve(t, "resize", e.dataset.mesurerRecordingResize);
+		for (let e of F) e.addEventListener("pointerdown", (t) => {
+			Be(t, "resize", e.dataset.mesurerRecordingResize);
 		});
-		x.addEventListener("pointerdown", (e) => {
+		b.addEventListener("pointerdown", (e) => {
 			e.stopPropagation();
-		}), x.addEventListener("click", (e) => {
+		}), b.addEventListener("click", (e) => {
 			e.stopPropagation();
 		});
-		let qe = (e, t) => {
-			let n = ie, r = Number(e.value);
-			!n || !Number.isFinite(r) || Ce({
+		let Ke = (e, t) => {
+			let n = G, r = Number(e.value);
+			!n || !Number.isFinite(r) || Se({
 				...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);
-		}), B.addEventListener("click", () => {
-			H.status === "recording" && Fe().catch(() => void 0);
+		w.addEventListener("change", () => Ke(w, "width")), T.addEventListener("change", () => Ke(T, "height")), k.addEventListener("change", () => Ke(k, "left")), A.addEventListener("change", () => Ke(A, "top")), M.addEventListener("click", () => {
+			V.status === "selecting" && re && G && Ie(G).catch(() => void 0);
+		}), z.addEventListener("click", () => {
+			V.status === "recording" && Pe().catch(() => void 0);
 		});
-		let Je = {
-			snapshot: () => Ob(H),
+		let qe = {
+			snapshot: () => kb(V),
 			subscribe(e) {
-				return U.add(e), () => U.delete(e);
+				return H.add(e), () => H.delete(e);
 			},
-			formats: Me,
-			start: ze,
-			stop: Fe,
-			cancel: Be,
-			discard: je,
-			export: Ne
+			settings: p,
+			setSettings: m,
+			formats: je,
+			start: Re,
+			stop: Pe,
+			cancel: ze,
+			discard: Ae,
+			export: Me
 		};
 		t.tool.register({
 			id: "recording",
 			label: "Record",
 			shortcut: "Shift+R",
 			order: 72,
-			command: yb,
+			command: bb,
 			toolbarMode: "select",
-			icon: Eb,
-			active: ge,
-			hidden: () => !m().toolEnabled,
+			icon: Db,
+			active: he,
+			hidden: () => !p().toolEnabled,
 			menu: {
 				label: "Recording options",
 				items: [
 					{
 						id: "new",
 						label: "New recording",
-						disabled: () => H.status === "recording" || H.status === "exporting",
-						run: () => ze()
+						disabled: () => V.status === "recording" || V.status === "exporting",
+						run: () => Re()
 					},
 					{
 						id: "stop",
 						label: "Stop recording",
-						disabled: () => H.status !== "recording",
-						run: () => Fe().then(() => void 0)
+						disabled: () => V.status !== "recording",
+						run: () => Pe().then(() => void 0)
 					},
 					{
 						id: "discard",
 						label: "Discard clip",
-						disabled: () => ee === null,
-						run: je
+						disabled: () => U === null,
+						run: Ae
 					}
 				]
 			}
@@ -19325,26 +19352,36 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				id: "tool",
 				label: "Recording tool",
 				description: "Show selected-region video recording in the Select toolbar.",
-				value: () => m().toolEnabled,
+				value: () => p().toolEnabled,
 				set: async (e) => {
-					h({ toolEnabled: e }), !e && ge() && await Be();
+					m({ toolEnabled: e }), !e && he() && await ze();
+				}
+			}, {
+				type: "toggle",
+				id: "120-fps",
+				label: "120 fps",
+				description: "Record at 120 fps when the capture source supports it. Off records at 60 fps.",
+				value: () => p().frameRate === 120,
+				disabled: he,
+				set: (e) => {
+					m({ frameRate: e ? 120 : 60 });
 				}
 			}]
-		}), t.command.register(yb, async () => (await ze(), Nb(H))), t.command.register(bb, async () => Fb(await Fe())), t.command.register(xb, () => (je(), Nb(H))), t.command.register(Sb, async (e) => {
-			let t = await Ne(Mb(e));
-			return Ib(t, r, i), Pb(t);
-		}), t.service.provide(gb, Je), t.lifecycle.onDispose(() => {
-			fe = !0, ++le, U.clear(), g.removeEventListener("pointerdown", He), g.removeEventListener("pointermove", Ue), g.removeEventListener("pointerup", We), g.removeEventListener("pointercancel", Ge), i.removeEventListener("keydown", Ke, !0), K && i.clearTimeout(K), Pe.dispose(), Ee(), ve(), Ae(!0), s.dispose(), a.dispose();
+		}), t.command.register(bb, async () => (await Re(), Pb(V))), t.command.register(xb, async () => Ib(await Pe())), t.command.register(Sb, () => (Ae(), Pb(V))), t.command.register(Cb, async (e) => {
+			let t = await Me(Nb(e));
+			return Lb(t, r, i), Fb(t);
+		}), t.service.provide(_b, qe), t.lifecycle.onDispose(() => {
+			de = !0, ++K, H.clear(), h.removeEventListener("pointerdown", Ve), h.removeEventListener("pointermove", He), h.removeEventListener("pointerup", Ue), h.removeEventListener("pointercancel", We), i.removeEventListener("keydown", Ge, !0), ce && i.clearTimeout(ce), Ne.dispose(), Te(), _e(), ke(!0), s.dispose(), a.dispose();
 		});
 	}
-}), Rb = 144, zb = 96, Bb = 8, Vb = 4, Hb = 1800, Ub = (e, t) => {
+}), zb = 144, Bb = 96, Vb = 8, Hb = 4, Ub = 1800, Wb = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, Wb = (e, t) => ({
-	left: Math.min(Math.max(Bb, e.left), Math.max(Bb, t.innerWidth - Rb - Bb)),
-	top: Math.min(Math.max(Bb, e.top), Math.max(Bb, t.innerHeight - zb - Bb))
-}), Gb = (e, t) => {
+}, Gb = (e, t) => ({
+	left: Math.min(Math.max(Vb, e.left), Math.max(Vb, t.innerWidth - zb - Vb)),
+	top: Math.min(Math.max(Vb, e.top), Math.max(Vb, t.innerHeight - Bb - Vb))
+}), Kb = (e, t) => {
 	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, Ub(n, {
+	return n.type = "button", n.textContent = t, Wb(n, {
 		height: "32px",
 		padding: "0 12px",
 		border: "1px solid rgb(255 255 255 / 18%)",
@@ -19356,11 +19393,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"font-weight": "500",
 		cursor: "pointer"
 	}), n;
-}, Kb = ({ 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", qb = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Jb = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
+}, qb = ({ 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", Jb = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), Yb = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
 	let i = n.closest("[data-mesurer-root='true']")?.parentNode ?? n.parentNode;
-	if (!qb(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
+	if (!Jb(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
 	let a = e.createElement("div");
-	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Ub(a, {
+	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", Wb(a, {
 		position: "fixed",
 		left: "0",
 		top: "0",
@@ -19372,12 +19409,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, Ub(o, {
+	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, Wb(o, {
 		position: "fixed",
 		display: "none",
 		"z-index": "96",
-		width: `${Rb}px`,
-		height: `${zb}px`,
+		width: `${zb}px`,
+		height: `${Bb}px`,
 		"box-sizing": "border-box",
 		overflow: "hidden",
 		"border-radius": "10px",
@@ -19390,7 +19427,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", Ub(s, {
+	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", Wb(s, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -19398,7 +19435,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", Ub(c, {
+	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", Wb(c, {
 		position: "absolute",
 		top: "8px",
 		right: "8px",
@@ -19424,7 +19461,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"), Ub(d, {
+	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), Wb(d, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -19438,7 +19475,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", Ub(f, {
+	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", Wb(f, {
 		display: "block",
 		"max-width": "calc(100vw - 96px)",
 		"max-height": "calc(100vh - 112px)",
@@ -19449,7 +19486,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", Ub(p, {
+	p.dataset.mesurerScreenshotViewerControls = "true", Wb(p, {
 		position: "fixed",
 		top: "16px",
 		right: "16px",
@@ -19457,14 +19494,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		gap: "8px",
 		"pointer-events": "auto"
 	});
-	let m = Gb(e, "Copy");
+	let m = Kb(e, "Copy");
 	m.dataset.mesurerScreenshotViewerCopy = "true", m.setAttribute("aria-label", "Copy screenshot");
-	let h = Gb(e, "Save");
+	let h = Kb(e, "Save");
 	h.dataset.mesurerScreenshotViewerSave = "true", h.setAttribute("aria-label", "Save screenshot");
-	let g = Gb(e, "Close");
+	let g = Kb(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"), Ub(_, {
+	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), Wb(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "20px",
@@ -19486,18 +19523,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";
-		}, Hb);
+		}, Ub);
 	}, 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 = () => Wb({
-		left: t.innerWidth - Rb - Bb,
-		top: t.innerHeight - zb - Bb
+	}, j = () => Gb({
+		left: t.innerWidth - zb - Vb,
+		top: t.innerHeight - Bb - Vb
 	}, t), M = (e) => {
-		let n = Wb(e, t);
+		let n = Gb(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());
@@ -19531,7 +19568,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) >= Vb && (n.moved = !0), n.moved && M({
+		!n.moved && Math.hypot(r, i) >= Hb && (n.moved = !0), n.moved && M({
 			left: n.left + r,
 			top: n.top + i
 		});
@@ -19559,41 +19596,41 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		t != null && t === e.pointerId && (o.hasPointerCapture?.(e.pointerId) && o.releasePointerCapture(e.pointerId), z());
 	}, W = (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), N());
-	}, re = (e) => {
+	}, G = (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", W), o.addEventListener("contextmenu", G), 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", ee, !0), t.addEventListener("pointerup", te, !0), t.addEventListener("pointercancel", ne, !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(Kb(n)), r > 0 && (S = t.setTimeout(A, r));
+			y = i, s.src = i, f.src = i, o.style.display = "block", M(b ?? j()), D(qb(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", ee, !0), t.removeEventListener("pointerup", te, !0), t.removeEventListener("pointercancel", ne, !0), t.removeEventListener("keydown", ie, !0), o.removeEventListener("mousedown", B), o.removeEventListener("pointerdown", U), o.removeEventListener("keydown", W), o.removeEventListener("contextmenu", G), d.removeEventListener("click", re), a.remove());
 		}
 	};
-}, Yb = "mesurer.screenshot", Xb = "screenshot", Zb = "mesurer.screenshot.settings", Qb = "mesurer.screenshot.active", $b = "runtime:solid", ex = "screenshot.toggle", tx = 2500, nx = 0, rx = [
+}, Xb = "mesurer.screenshot", Zb = "screenshot", Qb = "mesurer.screenshot.settings", $b = "mesurer.screenshot.active", ex = "runtime:solid", tx = "screenshot.toggle", nx = 2500, rx = 0, ix = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-selection-spacing-target='true']",
 	"[data-mesurer-guide='true']",
 	"[data-mesurer-distance='true']"
-].join(","), ix = `${rx},[data-mesurer-rulers='true']`, ax = {
+].join(","), ax = `${ix},[data-mesurer-rulers='true']`, ox = {
 	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"]
-}, ox = (e, t) => {
-	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
 }, sx = (e, t) => {
+	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
+}, cx = (e, t) => {
 	for (let n of [
 		"left",
 		"top",
@@ -19605,63 +19642,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`);
 	}
-}, cx = (e) => {
-	let t = e(Zb);
+}, lx = (e) => {
+	let t = e(Qb);
 	return {
 		toolEnabled: t?.toolEnabled ?? !0,
 		copy: t?.copy ?? !0,
 		download: t?.download ?? !1,
 		includeMeasurements: t?.includeMeasurements ?? !1
 	};
-}, lx = (e) => ({
+}, ux = (e) => ({
 	value: e.style.getPropertyValue("display"),
 	priority: e.style.getPropertyPriority("display")
-}), ux = (e, t) => {
+}), dx = (e, t) => {
 	t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
-}, dx = (e, t) => {
+}, fx = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, fx = (e) => {
+}, px = (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 = dx(e, t);
+		let r = fx(e, t);
 		r && n.add(r);
 	}
-	for (let e of t.querySelectorAll(rx)) {
-		let r = dx(e, t);
+	for (let e of t.querySelectorAll(ix)) {
+		let r = fx(e, t);
 		r && n.add(r);
 	}
 	let r = [];
 	for (let e of n) e.dataset.mesurerInspectorUi !== "true" && (r.push({
 		element: e,
-		display: lx(e)
+		display: ux(e)
 	}), e.style.setProperty("display", "none", "important"));
 	return () => {
-		for (let e of r) ux(e.element, e.display);
+		for (let e of r) dx(e.element, e.display);
 	};
-}, px = (e) => Array.from(e.querySelectorAll(ix)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
+}, mx = (e) => Array.from(e.querySelectorAll(ax)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
 	element: e,
-	display: lx(e)
-})), mx = (e) => {
-	for (let t of e) t.element.isConnected && ux(t.element, t.display);
-}, hx = (e = {}) => Ta({
-	id: Yb,
+	display: ux(e)
+})), hx = (e) => {
+	for (let t of e) t.element.isConnected && dx(t.element, t.display);
+}, gx = (e = {}) => Ta({
+	id: Xb,
 	version: "0.1.0",
-	requires: [$b],
+	requires: [ex],
 	provides: [
 		"tool:screenshot",
 		"capture:screenshot",
 		"settings:screenshot"
 	],
 	setup(t) {
-		let n = t.service.get($b);
+		let n = t.service.get(ex);
 		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 ?? nx;
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? _o, l = e.previewDurationMs ?? rx;
 		t.state.register({
-			id: Zb,
+			id: Qb,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
 				copy: e.copy ?? !0,
@@ -19670,11 +19707,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			},
 			persist: !0
 		}), t.state.register({
-			id: Qb,
+			id: $b,
 			initial: !1
 		});
 		let u = o.element;
-		u.dataset.mesurerScreenshot = "true", ox(u, {
+		u.dataset.mesurerScreenshot = "true", sx(u, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "85",
@@ -19682,7 +19719,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"), ox(d, {
+		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), sx(d, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -19694,13 +19731,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 ox(e, {
+			return sx(e, {
 				position: "fixed",
 				"background-color": "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
 			}), d.append(e), e;
 		}), p = r.createElement("div");
-		ox(p, {
+		sx(p, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid #0d99ff",
@@ -19708,7 +19745,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(p);
 		let m = r.createElement("div");
-		ox(m, {
+		sx(m, {
 			position: "fixed",
 			display: "none",
 			"z-index": "86",
@@ -19722,7 +19759,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", ox(h, {
+		h.textContent = "Drag to select · Esc to cancel", sx(h, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -19735,7 +19772,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", ox(g, {
+		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", sx(g, {
 			position: "fixed",
 			display: "none",
 			"z-index": "97",
@@ -19746,8 +19783,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 = () => cx(t.state.get), E = (e) => {
-			t.state.update(Zb, (t) => {
+		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => lx(t.state.get), E = (e) => {
+			t.state.update(Qb, (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;
 			});
@@ -19770,13 +19807,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) {
-				sx(f[0], {
+				cx(f[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of f.slice(1)) sx(e, {
+				for (let e of f.slice(1)) cx(e, {
 					left: 0,
 					top: 0,
 					width: 0,
@@ -19785,31 +19822,31 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				p.style.display = "none", m.style.display = "none";
 				return;
 			}
-			sx(f[0], {
+			cx(f[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), sx(f[1], {
+			}), cx(f[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), sx(f[2], {
+			}), cx(f[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), sx(f[3], {
+			}), cx(f[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), p.style.display = "block", sx(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, sx(m, {
+			}), p.style.display = "block", cx(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, cx(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 = Jb({
+		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = Yb({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: u,
@@ -19820,7 +19857,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";
-			}, tx);
+			}, nx);
 		}, F = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, I = () => {
@@ -19829,8 +19866,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 ? px(r) : [], u = s.includeMeasurements ? () => void 0 : fx(n.portalTarget);
-			a.prepareCapture(), s.includeMeasurements && mx(l);
+			let o = ++b, s = T(), l = s.includeMeasurements ? mx(r) : [], u = s.includeMeasurements ? () => void 0 : px(n.portalTarget);
+			a.prepareCapture(), s.includeMeasurements && hx(l);
 			try {
 				d.style.visibility = "hidden", await Qa(i);
 				let n = await Ja(await c({
@@ -19938,9 +19975,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			label: "Screenshot",
 			shortcut: "Shift+S",
 			order: 70,
-			command: ex,
+			command: tx,
 			toolbarMode: "select",
-			icon: ax,
+			icon: ox,
 			active: w,
 			hidden: () => !T().toolEnabled,
 			menu: {
@@ -20006,31 +20043,31 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(ex, R), t.service.provide(Xb, ee), t.lifecycle.onDispose(() => {
+		}), t.command.register(tx, R), t.service.provide(Zb, ee), 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();
 		});
 	}
-}), gx = (e) => Number.parseFloat(e) || 0, _x = 0, vx = (e, t) => {
+}), _x = (e) => Number.parseFloat(e) || 0, vx = 0, yx = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
-}, yx = (e) => e.nodeType === 9, bx = (e) => e.nodeType === 11;
-function xx(e) {
+}, bx = (e) => e.nodeType === 9, xx = (e) => e.nodeType === 11;
+function Sx(e) {
 	let t = e.getRootNode();
-	return bx(t) ? t : e.ownerDocument;
+	return xx(t) ? t : e.ownerDocument;
 }
-var Sx = (e, t) => {
-	if (yx(e) || bx(e)) return e;
-	let n = xx(e);
-	return bx(n) ? n : t;
-}, Cx = 600, wx = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", Tx = /* @__PURE__ */ new WeakMap(), Ex = (e) => {
+var Cx = (e, t) => {
+	if (bx(e) || xx(e)) return e;
+	let n = Sx(e);
+	return xx(n) ? n : t;
+}, wx = 600, Tx = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", Ex = /* @__PURE__ */ new WeakMap(), Dx = (e) => {
 	let t = e;
 	for (; t;) {
-		if ((Tx.get(t) ?? 0) > 0) return !0;
+		if ((Ex.get(t) ?? 0) > 0) return !0;
 		let e = t.getRootNode();
-		t = bx(e) ? e.host : t.parentElement;
+		t = xx(e) ? e.host : t.parentElement;
 	}
 	return !1;
-}, Dx = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, Ox = (e, t) => Array.from(e.getClientRects()).some((e) => Dx(e, t)), kx = (e, t, n) => {
+}, Ox = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, kx = (e, t) => Array.from(e.getClientRects()).some((e) => Ox(e, t)), Ax = (e, t, n) => {
 	let r = e;
 	for (; r;) {
 		let e = n.getComputedStyle(r);
@@ -20039,7 +20076,7 @@ var Sx = (e, t) => {
 		r = r.parentElement;
 	}
 	return !0;
-}, Ax = (e, t) => {
+}, jx = (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",
@@ -20048,7 +20085,7 @@ var Sx = (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";
-}, jx = (e, t) => !!e.textContent?.trim() || Ax(e, t), Mx = (e, t, n) => {
+}, Mx = (e, t) => !!e.textContent?.trim() || jx(e, t), Nx = (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;
@@ -20059,11 +20096,11 @@ var Sx = (e, t) => {
 		o = o.parentElement;
 	}
 	return o === n ? n : null;
-}, Nx = (e, t, n) => {
+}, Px = (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) || Ex(n) || r.getComputedStyle(n).pointerEvents !== "none" || kx(n, e, r) || !Ox(n, t)) return;
+		if (o.has(n) || Dx(n) || r.getComputedStyle(n).pointerEvents !== "none" || Ax(n, e, r) || !kx(n, t)) return;
 		let c = n.getBoundingClientRect();
 		o.add(n), a.push({
 			element: n,
@@ -20072,7 +20109,7 @@ var Sx = (e, t) => {
 			order: s
 		});
 	}, c = n.createTreeWalker(e, 1), l = c.nextNode(), u = 1;
-	for (; l && u <= Cx;) {
+	for (; l && u <= wx;) {
 		if (l instanceof i) {
 			let t = l;
 			if (r.getComputedStyle(t).pointerEvents === "none") {
@@ -20083,9 +20120,9 @@ var Sx = (e, t) => {
 		}
 		u += 1, l = c.nextNode();
 	}
-	let d = Mx(t, n, e);
+	let d = Nx(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);
-}, Px = (e, t, n) => {
+}, Fx = (e, t, n) => {
 	let r = t.ownerDocument.defaultView;
 	if (!r) return [];
 	let i = [...new Set(e)], a = /* @__PURE__ */ new Map();
@@ -20094,7 +20131,7 @@ var Sx = (e, t) => {
 		t && (a.set(e, e.getAttribute("style")), t.style.setProperty("pointer-events", "auto", "important"));
 	}
 	try {
-		let e = xx(t).elementsFromPoint(n.x, n.y), r = e.findIndex((e) => e === t), a = new Map(e.map((e, t) => [e, t]));
+		let e = Sx(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);
@@ -20102,31 +20139,31 @@ var Sx = (e, t) => {
 	} finally {
 		for (let [e, t] of a) t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
 	}
-}, Fx = (e, t) => {
+}, Ix = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, Ix = (e, t, n, r) => {
+}, Lx = (e, t, n, r) => {
 	let i = r.defaultView;
 	if (!i) return [];
-	let a = Px(Nx(e, t, r).filter((e) => jx(e, i)), e, t);
+	let a = Fx(Px(e, t, r).filter((e) => Mx(e, i)), e, t);
 	if (a.length > 0) return a;
-	if (e.textContent?.trim() && !e.matches(wx) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
-	let o = [], s = /* @__PURE__ */ new Set(), c = !yx(n) && !bx(n) ? n : null, l = e.parentElement;
+	if (e.textContent?.trim() && !e.matches(Tx) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
+	let o = [], s = /* @__PURE__ */ new Set(), c = !bx(n) && !xx(n) ? n : null, l = e.parentElement;
 	for (; l && l !== r.body && l !== r.documentElement && !(c && l !== c && !c.contains(l));) {
-		let a = l, u = Fx(e, a), d = Nx(a, t, r).filter((e) => {
-			if (!Rx(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
-			let t = Fx(e, a);
+		let a = l, u = Ix(e, a), d = Px(a, t, r).filter((e) => {
+			if (!zx(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
+			let t = Ix(e, a);
 			return t === null || t !== u;
 		});
-		for (let e of d) s.has(e) || !jx(e, i) || (s.add(e), o.push(e));
+		for (let e of d) s.has(e) || !Mx(e, i) || (s.add(e), o.push(e));
 		if (a === c) break;
 		l = a.parentElement;
 	}
-	return Px(o, e, t);
+	return Fx(o, e, t);
 };
-function Lx(e, t, n = yx(t) ? t : t.ownerDocument ?? document) {
-	let r = Sx(t, n), i = n.defaultView;
+function Rx(e, t, n = bx(t) ? t : t.ownerDocument ?? document) {
+	let r = Cx(t, n), i = n.defaultView;
 	if (!i) return null;
 	let a = r.elementsFromPoint(e.x, e.y);
 	for (let r of a) {
@@ -20136,28 +20173,28 @@ function Lx(e, t, n = yx(t) ? t : t.ownerDocument ?? document) {
 			if (!t || t === a) break;
 			a = t;
 		}
-		if (!a || !Rx(a, t)) continue;
-		let o = Ix(a, e, t, n);
+		if (!a || !zx(a, t)) continue;
+		let o = Lx(a, e, t, n);
 		if (o.length > 0) return o[0];
 		if (i.getComputedStyle(a).pointerEvents !== "none") return a;
 	}
 	return null;
 }
-function Rx(e, t) {
-	if (yx(t)) return !0;
+function zx(e, t) {
+	if (bx(t)) return !0;
 	let n = e;
 	for (; n;) {
 		if (t === n || t.contains(n)) return !0;
 		let e = n.getRootNode();
-		if (!bx(e)) return !1;
+		if (!xx(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function zx(e, t) {
+function Bx(e, t) {
 	if (!e) return t();
-	let n = Tx.get(e) ?? 0;
-	Tx.set(e, n + 1);
+	let n = Ex.get(e) ?? 0;
+	Ex.set(e, n + 1);
 	let r = [e, ...e.querySelectorAll("*")], i = r.map((e) => [
 		e,
 		e.style.getPropertyValue("pointer-events"),
@@ -20167,13 +20204,13 @@ function zx(e, t) {
 	try {
 		return t();
 	} finally {
-		n === 0 ? Tx.delete(e) : Tx.set(e, n);
+		n === 0 ? Ex.delete(e) : Ex.set(e, n);
 		for (let [e, t, n] of i) t ? e.style.setProperty("pointer-events", t, n) : e.style.removeProperty("pointer-events");
 	}
 }
-function Bx(e) {
+function Vx(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${vx(e.id, t)}`;
+	if (e.id) return `#${yx(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -20187,17 +20224,17 @@ function Bx(e) {
 	}
 	return r.join(" > ");
 }
-function Vx(e, t, n = `dom-inspection-${++_x}`) {
+function Hx(e, t, n = `dom-inspection-${++vx}`) {
 	let r = e.getBoundingClientRect(), i = t.getComputedStyle(e), a = {
-		top: gx(i.paddingTop),
-		right: gx(i.paddingRight),
-		bottom: gx(i.paddingBottom),
-		left: gx(i.paddingLeft)
+		top: _x(i.paddingTop),
+		right: _x(i.paddingRight),
+		bottom: _x(i.paddingBottom),
+		left: _x(i.paddingLeft)
 	}, o = {
-		top: gx(i.marginTop),
-		right: gx(i.marginRight),
-		bottom: gx(i.marginBottom),
-		left: gx(i.marginLeft)
+		top: _x(i.marginTop),
+		right: _x(i.marginRight),
+		bottom: _x(i.marginBottom),
+		left: _x(i.marginLeft)
 	}, s = {
 		left: r.left + a.left,
 		top: r.top + a.top,
@@ -20225,8 +20262,8 @@ function Vx(e, t, n = `dom-inspection-${++_x}`) {
 		elementRef: e
 	};
 }
-function Hx(e) {
-	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Vx(r, t) : null, o = (e) => {
+function Ux(e) {
+	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Hx(r, t) : null, o = (e) => {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}, s = (e) => ({
@@ -20236,7 +20273,7 @@ function Hx(e) {
 		left: o(n.getPropertyValue(`${e}-left${e === "border" ? "-width" : ""}`))
 	});
 	return {
-		selector: Bx(e),
+		selector: Vx(e),
 		tag: e.localName,
 		id: e.id || null,
 		classes: [...e.classList],
@@ -20298,10 +20335,10 @@ function Hx(e) {
 }
 //#endregion
 //#region src/agent.ts
-var Ux = "text-edit", Wx = (e) => Hx(e);
-function Gx(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 || Rx(n, t), a = async () => {
-		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(Ux);
+var Wx = "text-edit", Gx = (e) => Ux(e);
+function Kx(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 || zx(n, t), a = async () => {
+		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(Wx);
 		if (!t) throw Error("Mesurer text editing service is unavailable.");
 		return t;
 	}, o = () => {
@@ -20330,25 +20367,25 @@ function Gx(e) {
 		},
 		inspect(e, t = 0) {
 			let n = r(e, t);
-			return n ? Wx(n) : null;
+			return n ? Gx(n) : null;
 		},
 		inspectAll(e, n = 50) {
-			return [...t.querySelectorAll(e)].slice(0, Math.max(0, n)).map(Wx);
+			return [...t.querySelectorAll(e)].slice(0, Math.max(0, n)).map(Gx);
 		},
 		at(n, r) {
 			let a = t.querySelector?.("[data-mesurer-island]") ?? null;
-			return zx(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
-				let a = Lx({
+			return Bx(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
+				let a = Rx({
 					x: n,
 					y: r
 				}, t, e.ownerDocument);
-				return a && i(a) ? Wx(a) : null;
+				return a && i(a) ? Gx(a) : null;
 			});
 		},
 		distance(e, t) {
 			let n = r(e), i = r(t);
 			if (!n || !i) return null;
-			let a = Wx(n), o = Wx(i), s = a.rect, c = o.rect;
+			let a = Gx(n), o = Gx(i), s = a.rect, c = o.rect;
 			return {
 				a,
 				b: o,
@@ -20364,7 +20401,7 @@ function Gx(e) {
 			let r = e.getPluginHost() ?? await e.waitForPluginHost();
 			return {
 				viewport: o(),
-				elements: n.flatMap((e) => [...t.querySelectorAll(e)].slice(0, 50).map(Wx)),
+				elements: n.flatMap((e) => [...t.querySelectorAll(e)].slice(0, 50).map(Gx)),
 				plugins: r.describe(),
 				pluginState: r.state.serialize("all")
 			};
@@ -20389,10 +20426,10 @@ function Gx(e) {
 }
 //#endregion
 //#region src/version.ts
-var Kx = "0.2.1-beta.8", qx = Np, Jx = Pp, Yx = () => ({
+var qx = "0.2.1-beta.9", Jx = Np, Yx = Pp, Xx = () => ({
 	...km(),
-	version: Kx
-}), Xx = Jx, Zx = (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, Qx = (e) => {
+	version: qx
+}), Zx = Yx, Qx = (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, $x = (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 {
@@ -20401,36 +20438,36 @@ var Kx = "0.2.1-beta.8", qx = Np, Jx = Pp, Yx = () => ({
 		width: r - t,
 		height: i - n
 	};
-}, $x = (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), eS = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
-function tS(e) {
+}, eS = (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), tS = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
+function nS(e) {
 	let { workspace: t, scope: n, guideTolerance: r } = e;
 	if (n.kind === "workspace") return {
 		guides: t.guides.map((e) => ({ ...e })),
-		measurements: eS(t),
+		measurements: tS(t),
 		distances: [...t.distances]
 	};
-	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => Zx(e, t));
+	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => Qx(e, t));
 	return {
-		guides: t.guides.filter((e) => $x(e, n.regions, r)).map((e) => ({ ...e })),
-		measurements: eS(t).filter((e) => a(e.elementRef) || o(e.rect)),
+		guides: t.guides.filter((e) => eS(e, n.regions, r)).map((e) => ({ ...e })),
+		measurements: tS(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 nS = {
+var rS = {
 	opacity: 1,
 	width: 1,
 	pattern: "solid",
 	dashLength: 6,
 	gap: 4
-}, rS = {
+}, iS = {
 	opacity: 1,
 	edgeReveal: !1
 };
 //#endregion
 //#region ../mesurer-core/dist/events.js
-function iS() {
+function aS() {
 	let e = /* @__PURE__ */ new Map();
 	return {
 		on(t, n) {
@@ -20448,12 +20485,12 @@ function iS() {
 		}
 	};
 }
-({ ...nS }), { ...rS };
+({ ...rS }), { ...iS };
 //#endregion
 //#region ../mesurer-core/dist/plugins.js
-var aS = 50;
-function oS() {
-	let e = 1, t = 0, n = iS(), 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 oS = 50;
+function sS() {
+	let e = 1, t = 0, n = aS(), 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
@@ -20516,15 +20553,15 @@ function oS() {
 		}
 		if (o && s) {
 			let e = y("history");
-			x(s, e) || (p.push(s), p.length > aS && p.shift(), m.length = 0);
+			x(s, e) || (p.push(s), p.length > oS && p.shift(), m.length = 0);
 		}
 		return l;
 	}, w = () => {
 		let e = p.pop();
-		return e ? (m.push(y("history")), m.length > aS && m.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
+		return e ? (m.push(y("history")), m.length > oS && m.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
 	}, T = () => {
 		let e = m.pop();
-		return e ? (p.push(y("history")), p.length > aS && p.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
+		return e ? (p.push(y("history")), p.length > oS && 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 = {
@@ -20681,8 +20718,8 @@ function oS() {
 }
 //#endregion
 //#region ../mesurer-core/dist/runtime.js
-async function sS(e = {}) {
-	let t = oS();
+async function cS(e = {}) {
+	let t = sS();
 	try {
 		for (let n of e.plugins ?? []) await t.load(n);
 		return t;
@@ -20692,17 +20729,17 @@ async function sS(e = {}) {
 }
 //#endregion
 //#region src/context.ts
-var cS = 10, lS = (e) => ({
+var lS = 10, uS = (e) => ({
 	left: e.left,
 	top: e.top,
 	width: e.width,
 	height: e.height
-}), uS = (e) => {
+}), dS = (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;
-}, dS = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function fS(e) {
+}, fS = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function pS(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();
@@ -20710,7 +20747,7 @@ function fS(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 = uS(e.resolvedTargets.map((e) => e.element));
+		o = dS(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";
@@ -20722,15 +20759,15 @@ function fS(e) {
 		};
 	} else if (i.scope === "selection") {
 		let e = t.currentSelection();
-		if (o = uS(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
-		s = e.region ? [e.region] : o.map((e) => lS(e.getBoundingClientRect())), c = { kind: "selection" };
-	} else o = uS([
+		if (o = dS(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
+		s = e.region ? [e.region] : o.map((e) => uS(e.getBoundingClientRect())), c = { kind: "selection" };
+	} else o = dS([
 		...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) => lS(e.getBoundingClientRect())), d = tS({
+	let u = c.kind === "workspace" ? [] : s.length ? s : o.map((e) => uS(e.getBoundingClientRect())), d = nS({
 		workspace: {
 			guides: a.guides,
 			measurements: a.measurements,
@@ -20742,8 +20779,8 @@ function fS(e) {
 			elements: o,
 			regions: u
 		},
-		guideTolerance: a.guideRelevanceTolerance ?? cS
-	}), f = d.measurements, p = d.distances, m = d.guides, h = uS([
+		guideTolerance: a.guideRelevanceTolerance ?? lS
+	}), f = d.measurements, p = d.distances, m = d.guides, h = dS([
 		...o,
 		...f.map((e) => e.elementRef),
 		...p.flatMap((e) => [e.elementRefA, e.elementRefB])
@@ -20755,12 +20792,12 @@ function fS(e) {
 		let t = l.get(e) ?? y();
 		return g.set(e, t), {
 			ref: t,
-			inspection: Hx(e)
+			inspection: Ux(e)
 		};
 	}), x = f.map((e) => {
 		let t = {
 			id: e.id,
-			rect: lS(e.rect),
+			rect: uS(e.rect),
 			deltaX: e.deltaX,
 			deltaY: e.deltaY
 		};
@@ -20770,8 +20807,8 @@ function fS(e) {
 	}), S = p.map((e) => {
 		let t = {
 			id: e.id,
-			rectA: lS(e.rectA),
-			rectB: lS(e.rectB),
+			rectA: uS(e.rectA),
+			rectB: uS(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;
@@ -20779,7 +20816,7 @@ function fS(e) {
 	});
 	return {
 		schema: "mesurer.context/v1",
-		id: dS(r),
+		id: fS(r),
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		scope: c,
 		page: {
@@ -20794,7 +20831,7 @@ function fS(e) {
 			scrollY: r.scrollY
 		},
 		coordinateSpace: "viewport-css-px",
-		regions: c.kind === "workspace" ? [] : s.map(lS),
+		regions: c.kind === "workspace" ? [] : s.map(uS),
 		visualState: {
 			rulersVisible: a.rulersVisible,
 			xrayVisible: a.xrayVisible
@@ -20808,48 +20845,48 @@ function fS(e) {
 		}
 	};
 }
-var pS = (e) => `${Math.round(e * 100) / 100}px`, mS = (e) => `x=${pS(e.left)} y=${pS(e.top)} w=${pS(e.width)} h=${pS(e.height)}`;
-function hS(e) {
+var mS = (e) => `${Math.round(e * 100) / 100}px`, hS = (e) => `x=${mS(e.left)} y=${mS(e.top)} w=${mS(e.width)} h=${mS(e.height)}`;
+function gS(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}: ${mS(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}: ${hS(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: ${mS(e.rect)}`, `  margin: ${pS(e.margin.top)} ${pS(e.margin.right)} ${pS(e.margin.bottom)} ${pS(e.margin.left)}`, `  padding: ${pS(e.padding.top)} ${pS(e.padding.right)} ${pS(e.padding.bottom)} ${pS(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: ${hS(e.rect)}`, `  margin: ${mS(e.margin.top)} ${mS(e.margin.right)} ${mS(e.margin.bottom)} ${mS(e.margin.left)}`, `  padding: ${mS(e.padding.top)} ${mS(e.padding.right)} ${mS(e.padding.bottom)} ${mS(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"}=${pS(n.position)}`);
+		for (let n of e.visualContext.guides) t.push(`- ${n.orientation} ${n.orientation === "vertical" ? "x" : "y"}=${mS(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 ${pS(n.size)}` : `${n.count} ${n.kind}; gutter=${pS(n.gutter)}; offset=${pS(n.offset)}; align=${n.align}`;
+			let e = n.kind === "grid" ? `grid ${mS(n.size)}` : `${n.count} ${n.kind}; gutter=${mS(n.gutter)}; offset=${mS(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}: ` : ""}${mS(n.rect)}; delta=${pS(n.deltaX)} × ${pS(n.deltaY)}`);
+		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${hS(n.rect)}; delta=${mS(n.deltaX)} × ${mS(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=${pS(n.horizontal.value)}` : null, n.vertical ? `vertical=${pS(n.vertical.value)}` : null].filter(Boolean).join("; ");
+			let e = [n.targetARef, n.targetBRef].filter(Boolean).join(" → "), r = [n.horizontal ? `horizontal=${mS(n.horizontal.value)}` : null, n.vertical ? `vertical=${mS(n.vertical.value)}` : null].filter(Boolean).join("; ");
 			t.push(`- ${e ? `${e}: ` : ""}${r || "overlapping"}`);
 		}
 	}
 	return t.join("\n").trimEnd();
 }
-function gS(e) {
-	let t = Qx([
+function _S(e) {
+	let t = $x([
 		...e.regions,
 		...e.targets.map((e) => e.inspection.rect),
 		...e.visualContext.measurements.map((e) => e.rect),
@@ -20879,7 +20916,7 @@ function gS(e) {
 		captures: n
 	};
 }
-var _S = (e, t, n, r, i) => {
+var vS = (e, t, n, r, i) => {
 	!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
 		kind: t,
 		label: n,
@@ -20888,16 +20925,16 @@ var _S = (e, t, n, r, i) => {
 		delta: i - r,
 		unit: "px"
 	});
-}, vS = (e, t, n, r) => e.push({
+}, yS = (e, t, n, r) => e.push({
 	kind: "missing",
 	evidence: t,
 	id: n,
 	label: r
-}), yS = (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 bS(e) {
+}), bS = (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 xS(e) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
-	let n = fS({
+	let n = pS({
 		runtime: e.runtime,
 		ownerDocument: e.ownerDocument,
 		ownerWindow: e.ownerWindow,
@@ -20907,42 +20944,42 @@ function bS(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 = eS({
+	let i = tS({
 		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) {
-			vS(a, "target", e.id, e.selector);
+			yS(a, "target", e.id, e.selector);
 			continue;
 		}
-		_S(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), _S(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), _S(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), _S(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
+		vS(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), vS(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), vS(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), vS(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) {
-			vS(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
+			yS(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
 			continue;
 		}
-		_S(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
+		vS(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) => yS(t.rect, e.rect));
-			r && n.targets.some((e) => e.ref === r.id) || vS(a, "measurement", e.id, e.id);
+			let r = t.baseline.targets.find((t) => bS(t.rect, e.rect));
+			r && n.targets.some((e) => e.ref === r.id) || yS(a, "measurement", e.id, e.id);
 			continue;
 		}
-		_S(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), _S(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
+		vS(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), vS(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) {
-			vS(a, "distance", e.id, e.id);
+			yS(a, "distance", e.id, e.id);
 			continue;
 		}
-		e.horizontal && t.horizontal ? _S(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && vS(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? _S(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && vS(a, "distance", e.id, `${e.id} vertical`);
+		e.horizontal && t.horizontal ? vS(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && yS(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? vS(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && yS(a, "distance", e.id, `${e.id} vertical`);
 	}
 	return {
 		schema: "mesurer.review/v1",
@@ -20954,7 +20991,7 @@ function bS(e) {
 		changes: a
 	};
 }
-async function xS(e, t, n) {
+async function SS(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -20968,43 +21005,43 @@ async function xS(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var SS = Kv, CS = qv, wS = () => ({
+var CS = Kv, wS = qv, TS = () => ({
 	...yy(),
-	version: Kx
-}), TS = "mesurer.context", ES = "context:v1", DS = "mesurer.context.settings", OS = "context.ui", kS = "data-mesurer-direct-text-edit-active", AS = {
+	version: qx
+}), ES = "mesurer.context", DS = "context:v1", OS = "mesurer.context.settings", kS = "context.ui", AS = "data-mesurer-direct-text-edit-active", jS = {
 	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"]
-}, jS = {
+}, MS = {
 	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"]
-}, MS = {
+}, NS = {
 	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"]
-}, NS = async (e, t, n = 1) => {
+}, PS = 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()));
-}, PS = (e, t, n, r) => {
-	let i = async (i) => fS({
+}, FS = (e, t, n, r) => {
+	let i = async (i) => pS({
 		runtime: e,
 		ownerDocument: t,
 		ownerWindow: n,
 		request: i,
 		layoutGuides: r()
-	}), a = async (e) => hS(await i(e));
+	}), a = async (e) => gS(await i(e));
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => xS(t, n, await a(e)),
+		copyContext: async (e) => SS(t, n, await a(e)),
 		select: async (r) => {
 			let a = Array.isArray(r) ? [...r] : [String(r)];
-			return e.select(a), await NS(t, n), i({ scope: "selection" });
+			return e.select(a), await PS(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await NS(t, n);
+			e.removeAnnotation(r), await PS(t, n);
 		},
 		review: async (i) => {
-			if (await NS(t, n), i) return bS({
+			if (await PS(t, n), i) return xS({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -21012,7 +21049,7 @@ var SS = Kv, CS = qv, wS = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => bS({
+			return e.annotations().map((r) => xS({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -21020,38 +21057,38 @@ var SS = Kv, CS = qv, wS = () => ({
 				layoutGuides: a
 			}));
 		},
-		capturePlan: async (e) => gS(await i(e)),
+		capturePlan: async (e) => _S(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await NS(t, n);
+			e.prepareCapture(), await PS(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await NS(t, n);
+			e.finishCapture(), await PS(t, n);
 		}
 	};
-}, FS = (e) => {
+}, IS = (e) => {
 	let t = e.currentSelection();
 	return t.elements.length > 0 || t.region !== null;
 };
-function IS(e = {}) {
+function LS(e = {}) {
 	return {
-		id: TS,
-		version: Kx,
+		id: ES,
+		version: qx,
 		requires: ["runtime:solid"],
-		provides: [ES],
+		provides: [DS],
 		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(TS), i = PS(r, n.ownerDocument, n.ownerWindow, () => t.service.get(CS)?.list() ?? []);
-			t.service.provide(ES, i), t.state.register({
-				id: DS,
+			let r = n.createWorkspaceRuntime(ES), i = FS(r, n.ownerDocument, n.ownerWindow, () => t.service.get(wS)?.list() ?? []);
+			t.service.provide(DS, i), t.state.register({
+				id: OS,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: OS,
-				initial: { hasSelection: FS(r) }
+				id: kS,
+				initial: { hasSelection: IS(r) }
 			});
-			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(OS)?.hasSelection === !0, s = (e) => {
-				t.state.update(DS, (t) => ({
+			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => t.state.get(kS)?.hasSelection === !0, s = (e) => {
+				t.state.update(OS, (t) => ({
 					...t,
 					ui: e
 				}));
@@ -21065,12 +21102,12 @@ function IS(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(OS)?.hasSelection ?? !1) && t.state.update(OS, () => ({ hasSelection: i }));
+				i !== (t.state.get(kS)?.hasSelection ?? !1) && t.state.update(kS, () => ({ 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(kS) ? e.setAttribute(kS, "true") : e.removeAttribute(kS));
+				e && (n.rendererRoot?.hasAttribute(AS) ? e.setAttribute(AS, "true") : e.removeAttribute(AS));
 			}, _ = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
@@ -21079,7 +21116,7 @@ function IS(e = {}) {
 					let e = new n.ownerWindow.MutationObserver(g);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
-						attributeFilter: [kS]
+						attributeFilter: [AS]
 					}), g();
 				}
 				let e = {
@@ -21103,7 +21140,7 @@ function IS(e = {}) {
 				command: "context.copy",
 				order: 70,
 				toolbarMode: "always",
-				icon: AS,
+				icon: jS,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -21112,7 +21149,7 @@ function IS(e = {}) {
 				command: "context.copy-selection",
 				order: 71,
 				toolbarMode: "always",
-				icon: jS,
+				icon: MS,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -21122,7 +21159,7 @@ function IS(e = {}) {
 				command: "context.add-note",
 				order: 72,
 				toolbarMode: "always",
-				icon: MS,
+				icon: NS,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -21145,7 +21182,7 @@ function IS(e = {}) {
 }
 //#endregion
 //#region src/host-layer.ts
-var LS = {
+var RS = {
 	display: "block",
 	position: "fixed",
 	inset: "0",
@@ -21187,48 +21224,48 @@ var LS = {
 	"letter-spacing": "normal",
 	direction: "ltr"
 };
-function RS(e) {
-	for (let [t, n] of Object.entries(LS)) e.style.setProperty(t, n, "important");
-}
 function zS(e) {
+	for (let [t, n] of Object.entries(RS)) e.style.setProperty(t, n, "important");
+}
+function BS(e) {
 	return "popover" in e && "showPopover" in e && typeof e.showPopover == "function" && "hidePopover" in e && typeof e.hidePopover == "function";
 }
-var BS = (e) => "newState" in e, VS = (e) => e.localName === "dialog";
-function HS(e) {
-	if (!VS(e) || !e.open) return !1;
+var VS = (e) => "newState" in e, HS = (e) => e.localName === "dialog";
+function US(e) {
+	if (!HS(e) || !e.open) return !1;
 	try {
 		return e.matches(":modal");
 	} catch {
 		return !1;
 	}
 }
-function US(e, t, n = !0) {
-	RS(e);
+function WS(e, t, n = !0) {
+	zS(e);
 	let r = e.ownerDocument, i = r.defaultView ?? window, a = t, o = !1, s = "fixed", c = !1, l = 0, u = [];
-	if (n && zS(e) && (e.popover = "manual"), t.append(e), n && zS(e)) try {
+	if (n && BS(e) && (e.popover = "manual"), t.append(e), n && BS(e)) try {
 		e.showPopover(), c = e.matches(":popover-open"), c && (s = "top-layer");
 	} catch {
 		e.removeAttribute("popover");
 	}
 	let d = () => {
-		if (!(!c || !zS(e))) try {
+		if (!(!c || !BS(e))) try {
 			e.matches(":popover-open") || e.showPopover();
 		} catch {}
 	}, f = (t) => {
 		if (e.parentNode === t) return;
-		let n = c && zS(e) && e.matches(":popover-open");
-		if (n && zS(e)) try {
+		let n = c && BS(e) && e.matches(":popover-open");
+		if (n && BS(e)) try {
 			e.hidePopover();
 		} catch {}
-		t.append(e), RS(e), n && d();
+		t.append(e), zS(e), n && d();
 	}, p = () => {
-		u = u.filter((e) => e.isConnected && HS(e)), f(u.at(-1) ?? a);
+		u = u.filter((e) => e.isConnected && US(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 || !zS(e))) try {
+		if (!(o || !c || !BS(e))) try {
 			e.matches(":popover-open") && e.hidePopover(), e.showPopover();
 		} catch {}
 	}, _ = () => {
@@ -21237,27 +21274,27 @@ function US(e, t, n = !0) {
 		}));
 	}, v = (t) => {
 		if (!c || t.target === e) return;
-		let n = BS(t) ? t.newState : void 0, r = t.target;
+		let n = VS(t) ? t.newState : void 0, r = t.target;
 		if (r instanceof i.Element) {
-			if (VS(r)) {
-				n === "open" && HS(r) ? (m(r), _()) : n === "closed" ? h(r) : n === "open" && _();
+			if (HS(r)) {
+				n === "open" && US(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 && VS(t) && h(t);
+		t instanceof i.Element && HS(t) && h(t);
 	}, b = () => {
 		r.fullscreenElement && _();
 	}, x = (e) => {
-		HS(e) && m(e);
-		for (let t of e.querySelectorAll("dialog")) HS(t) && m(t);
+		US(e) && m(e);
+		for (let t of e.querySelectorAll("dialog")) US(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 && VS(e) && (HS(e) ? m(e) : h(e));
+				e instanceof i.Element && HS(e) && (US(e) ? m(e) : h(e));
 			}
 			for (let e of t.addedNodes) e instanceof i.Element && x(e);
 			u.some((e) => !e.isConnected) && p();
@@ -21273,7 +21310,7 @@ function US(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 && zS(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 && BS(e) && e.matches(":popover-open")) try {
 					e.hidePopover();
 				} catch {}
 				u = [];
@@ -21283,28 +21320,28 @@ function US(e, t, n = !0) {
 }
 //#endregion
 //#region src/plugins/codex/index.ts
-var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable", qS = 2e3, JS = 750, YS = 1800, XS = 2e3, ZS = 12e4, QS = 10, $S = 5, eC = "Codex host connection is unavailable. Electron apps must expose window.__MESURER_HOST__.codexBridge from preload.", tC = [
+var GS = "mesurer.codex", KS = "codex:v1", qS = "mesurer.plugin.before-disable", JS = 2e3, YS = 750, XS = 1800, ZS = 2e3, QS = 12e4, $S = 10, eC = 5, tC = "Codex host connection is unavailable. Electron apps must expose window.__MESURER_HOST__.codexBridge from preload.", nC = [
 	"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(" "), nC = {
+].join(" "), rC = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, rC = {
+}, iC = {
 	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"]
-}, iC = {
+}, aC = {
 	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"]
-}, aC = () => {
+}, oC = () => {
 	try {
 		let e = globalThis.location;
 		return e?.origin ? `mesurer-codex-ui:v2:${e.origin}${e.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, oC = () => {
-	let e = aC();
+}, sC = () => {
+	let e = oC();
 	if (!e) return null;
 	try {
 		let t = globalThis.sessionStorage?.getItem(e);
@@ -21329,18 +21366,18 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 	} catch {
 		return null;
 	}
-}, sC = (e) => {
-	let t = aC();
+}, cC = (e) => {
+	let t = oC();
 	if (t) try {
 		globalThis.sessionStorage?.setItem(t, JSON.stringify(e));
 	} catch {}
-}, cC = async (e) => {
+}, lC = async (e) => {
 	let t = window.__MESURER_HOST__?.codexBridge;
-	if (!t) throw Error(eC);
+	if (!t) throw Error(tC);
 	let n = await t(e);
 	if (n.ok === !1) throw Error(n.error ?? "Codex Bridge request failed.");
 	return n;
-}, lC = (e) => {
+}, uC = (e) => {
 	let t = e.runtime;
 	return !t || ![
 		"shared",
@@ -21358,10 +21395,10 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 		available: t.available === !0,
 		reason: t.reason
 	};
-}, uC = (e) => ({
+}, dC = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), dC = (e) => {
+}), fC = (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 = {
@@ -21373,7 +21410,7 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "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;
-}, fC = (e) => ({
+}, pC = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -21385,7 +21422,7 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), pC = async (e, t, n) => {
+}), mC = 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] : [];
@@ -21408,18 +21445,18 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 			])
 		].join("\n").trimEnd()
 	};
-}, mC = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, hC = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, gC = (e) => e instanceof Error && (e.message === eC || e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease"));
-function _C(e = {}) {
-	let t = e.instruction?.trim() || tC, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
+}, hC = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, gC = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, _C = (e) => e instanceof Error && (e.message === tC || e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease"));
+function vC(e = {}) {
+	let t = e.instruction?.trim() || nC, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
 	return {
-		id: WS,
-		version: Kx,
-		requires: [ES],
-		provides: [GS],
+		id: GS,
+		version: qx,
+		requires: [DS],
+		provides: [KS],
 		async setup(e) {
-			let i = e.service.get(ES);
+			let i = e.service.get(DS);
 			if (!i) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let a = n ? oC() : 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 = $S, _, v = "", y = null, b = a?.delivery ? {
+			let a = n ? sC() : 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 = eC, _, v = "", y = null, b = a?.delivery ? {
 				id: a.delivery.id,
 				thread: a.delivery.thread,
 				status: a.delivery.status,
@@ -21428,38 +21465,38 @@ function _C(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 cC(e);
+				if (e.action === "activate" || e.action === "runtime") return lC(e);
 				if (!T) throw Error("Codex Bridge lease is not active for this plugin.");
-				return cC({
+				return lC({
 					...e,
 					leaseId: T
 				});
 			}, D = async () => {
 				let e = T;
 				if (e) {
-					if ((await cC({
+					if ((await lC({
 						action: "deactivate",
 						leaseId: e
 					})).released !== !0) throw Error("Codex Bridge did not confirm lease release.");
 					T = null;
 				}
-			}, O = await cC({
+			}, O = await lC({
 				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 = lC(O);
-			let A = uC(O);
+			T = k, o = "available", s = uC(O);
+			let A = dC(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(KS, async (e) => {
+			}), e.hook.on(qS, async (e) => {
 				e === "mesurer.codex" && await D();
 			});
 			let j = async () => {
-				let e = lC(await E({ action: "runtime" }));
+				let e = uC(await E({ action: "runtime" }));
 				if (!e) throw Error("Codex Bridge returned an invalid runtime state.");
 				return s = e, e;
 			}, M = async () => {
@@ -21467,8 +21504,8 @@ function _C(e = {}) {
 					action: "health",
 					thread: u ?? l ?? void 0
 				});
-				return s = lC(e) ?? s, uC(e);
-			}, N = M, P = async (e) => dC(await E({
+				return s = uC(e) ?? s, dC(e);
+			}, N = M, P = async (e) => fC(await E({
 				action: "delivery",
 				deliveryId: e
 			})), F = async (e) => {
@@ -21478,13 +21515,13 @@ function _C(e = {}) {
 					deliveryId: e.id,
 					thread: e.thread
 				};
-				return e.queuedSubmissionId && (t.queuedSubmissionId = e.queuedSubmissionId), dC(await E(t));
+				return e.queuedSubmissionId && (t.queuedSubmissionId = e.queuedSubmissionId), fC(await E(t));
 			}, I = async (e = {}) => {
 				let t = {
 					action: "threads",
-					limit: e.limit ?? QS
+					limit: e.limit ?? $S
 				}, n = e.thread?.trim();
-				return n && (t.thread = n), fC(await E(t));
+				return n && (t.thread = n), pC(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") ? {
@@ -21496,7 +21533,7 @@ function _C(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				sC({
+				cC({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -21514,12 +21551,12 @@ function _C(e = {}) {
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? rC : b.status === "completed" ? iC : nC : nC, ee = () => {
+			].includes(b.status) ? iC : b.status === "completed" ? aC : rC : rC, ee = () => {
 				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 ${mC(e)}`,
+					title: `Codex ${hC(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -21547,7 +21584,7 @@ function _C(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}${hC(e.title)}${r}`,
+						label: `${t}${gC(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => B(),
 						run() {
@@ -21555,15 +21592,15 @@ function _C(e = {}) {
 						}
 					};
 				});
-				return g < QS && (e.length > g || h) && r.push({
+				return g < $S && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = QS, W();
+						g = $S, W();
 					}
 				}), b?.queuedSubmissionId && b.status === "queued" && (b.dispatch === "desktop-opened" || b.dispatch === "desktop-wake-failed") && r.push({
 					id: "codex.delivery.receipt",
-					label: `Receipt · ${mC(b.queuedSubmissionId)}`,
+					label: `Receipt · ${hC(b.queuedSubmissionId)}`,
 					disabled: () => !0,
 					run: () => void 0
 				}), r;
@@ -21597,10 +21634,10 @@ function _C(e = {}) {
 						items: r
 					} : void 0
 				}));
-			}, re = async (e) => {
+			}, G = async (e) => {
 				if (o !== "available") return;
 				let t = await I({
-					limit: QS,
+					limit: $S,
 					thread: e ?? void 0
 				});
 				m = t.threads, h = t.hasMore, p = t.threads.filter((e) => e.connected).map((e) => e.id), f = t.thread;
@@ -21608,7 +21645,7 @@ function _C(e = {}) {
 			te = (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 G(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) {
@@ -21617,12 +21654,12 @@ function _C(e = {}) {
 					y = null, W();
 				}
 			})(), 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());
-				}, YS);
+				}, XS);
 			}, ae = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
@@ -21638,20 +21675,20 @@ function _C(e = {}) {
 					}
 					if (e.status === "completed") {
 						if (r) for (let e of b.annotationIds) await i.removeAnnotation(e);
-						R(), W(), G();
+						R(), W(), ie();
 						return;
 					}
 					if (e.status === "interrupted") {
 						R(), W();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < ZS && (x = globalThis.setTimeout(() => {
+						Date.now() - t < QS && (x = globalThis.setTimeout(() => {
 							x = 0, oe(e.id);
-						}, XS));
+						}, ZS));
 						return;
 					}
 					W(), x = globalThis.setTimeout(() => {
 						x = 0, oe(e.id);
-					}, JS);
+					}, YS);
 				}
 			}, oe = async (e) => {
 				if (!(w || b?.id !== e)) try {
@@ -21675,7 +21712,7 @@ function _C(e = {}) {
 					b = {
 						...b,
 						status: "failed"
-					}, R(), gC(n) && (o = "unavailable"), W();
+					}, R(), _C(n) && (o = "unavailable"), W();
 				}
 			}, se = {
 				health: M,
@@ -21687,11 +21724,11 @@ function _C(e = {}) {
 					let n = await E({
 						action: "target",
 						thread: t
-					}), r = uC(n);
-					return s = lC(n) ?? s, z(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, W(), r;
+					}), r = dC(n);
+					return s = uC(n) ?? s, z(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, W(), r;
 				},
 				async queue(e) {
-					let r = await pC(i, e, t), a = e?.thread?.trim(), s = a || (n ? L() : null);
+					let r = await mC(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);
@@ -21711,16 +21748,16 @@ function _C(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 && gC(e) && (o = "unavailable", W()), e;
+						throw n && _C(e) && (o = "unavailable", W()), e;
 					}
 				},
 				send(e) {
 					return se.queue(e);
 				}
 			};
-			e.service.provide(GS, se);
+			e.service.provide(KS, se);
 			let ce = async () => {
-				if (!(C || B())) return ie(), b = {
+				if (!(C || B())) return re(), b = {
 					id: null,
 					thread: L(),
 					status: "queueing",
@@ -21749,9 +21786,9 @@ function _C(e = {}) {
 							updatedAt: 0
 						}) : x = globalThis.setTimeout(() => {
 							x = 0, oe(e.deliveryId);
-						}, JS) : S = globalThis.setTimeout(() => {
+						}, YS) : S = globalThis.setTimeout(() => {
 							S = 0, b?.id === null && b?.status === "queued" && (b = null, R(), W());
-						}, YS);
+						}, XS);
 					} catch (e) {
 						b = null, R(), W();
 						let t = e instanceof Error ? e.message : String(e);
@@ -21779,9 +21816,9 @@ function _C(e = {}) {
 				}, 0));
 				let t = globalThis.setInterval(() => {
 					c && te().catch(() => void 0);
-				}, qS);
+				}, JS);
 				e.lifecycle.onDispose(() => {
-					w = !0, ie(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
+					w = !0, re(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
 			}
 		}
@@ -21789,66 +21826,66 @@ function _C(e = {}) {
 }
 //#endregion
 //#region src/recording.ts
-var vC = hb, yC = (e = {}) => ({
-	...Lb(e),
-	version: Kx
-}), bC = Yb, xC = (e = {}) => ({
-	...hx(e),
-	version: Kx
-}), SC = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, CC = [
+var yC = gb, bC = (e = {}) => ({
+	...Rb(e),
+	version: qx
+}), xC = Xb, SC = (e = {}) => ({
+	...gx(e),
+	version: qx
+}), CC = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, wC = [
 	{
-		id: TS,
+		id: ES,
 		label: "Context",
 		order: 30,
-		create: IS,
+		create: LS,
 		settingsIds: ["context"],
 		hiddenSettingsControlIds: ["ui"]
 	},
 	{
-		id: qx,
+		id: Jx,
 		label: "Edit",
 		order: 35,
-		create: Yx,
+		create: Xx,
 		settingsIds: ["arrange"]
 	},
 	{
-		id: SS,
+		id: CS,
 		label: "Layout Guides",
 		order: 38,
-		create: wS
+		create: TS
 	},
 	{
-		id: bC,
+		id: xC,
 		label: "Screenshot",
 		order: 40,
-		create: xC,
+		create: SC,
 		settingsIds: ["screenshot"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: vC,
+		id: yC,
 		label: "Recording",
 		description: "Record a selected page region and trim, resize, or export it through MediaBunny.",
 		order: 42,
-		create: yC,
+		create: bC,
 		settingsIds: ["recording"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: WS,
+		id: GS,
 		label: "Codex",
 		description: "Connects Mesurer to open Codex threads on this computer. Electron hosts provide the native Codex connection through preload.",
 		order: 45,
-		create: _C
+		create: vC
 	}
-], wC = (e) => {
-	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(CC.map((e) => e.id)), i = CC.map((e) => {
+], TC = (e) => {
+	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(wC.map((e) => e.id)), i = wC.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" ? SC() : e.enabled !== !1,
+			enabled: t ? !!r : e.id === "mesurer.codex" ? CC() : e.enabled !== !1,
 			create: r ? () => r : e.create
 		};
 	});
@@ -21859,16 +21896,16 @@ var vC = hb, yC = (e = {}) => ({
 		create: () => n
 	});
 	return i;
-}, TC = (e) => e;
-function EC() {
-	return oS();
+}, EC = (e) => e;
+function DC() {
+	return sS();
 }
-async function DC(e = {}) {
-	return sS(e);
+async function OC(e = {}) {
+	return cS(e);
 }
 //#endregion
 //#region src/index.tsx
-var OC = {
+var kC = {
 	select: "select",
 	xray: "xray",
 	colorPicker: "color-picker",
@@ -21878,14 +21915,14 @@ var OC = {
 	distance: "distance",
 	settings: "settings"
 };
-function kC(e = {}) {
+function AC(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 = US(h, t, i), _ = h, v = h, y = h;
+	let g = WS(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;
@@ -21896,7 +21933,7 @@ function kC(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 = Gx({
+	let k = async () => (await (b ? Promise.resolve(b) : D), O), A = a === !0 ? {} : a === !1 ? null : a, j = Kx({
 		ownerDocument: p,
 		root: A?.root ?? (t.nodeType === 11 ? t : p),
 		getPluginHost: () => b,
@@ -21908,12 +21945,12 @@ function kC(e = {}) {
 		return t;
 	}, N = async () => {
 		await j.ready();
-		let e = b?.service.get(ES);
+		let e = b?.service.get(DS);
 		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(Xx);
+		let e = b?.service.get(Zx);
 		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) => {
@@ -21922,9 +21959,9 @@ function kC(e = {}) {
 		return t;
 	}, ne = 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, {
+	}, W = async (e, t) => (await P()).capturePlan(e, t), G = 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(ES);
+			let e = !!b?.service.get(DS);
 			return {
 				protocol: "mesurer.agent/v1",
 				contextSchema: "mesurer.context/v1",
@@ -21934,8 +21971,8 @@ function kC(e = {}) {
 					annotations: e,
 					review: e,
 					capturePlan: e,
-					arrange: !!b?.service.get(Xx),
-					textEdit: !!b?.service.get(Ux)
+					arrange: !!b?.service.get(Zx),
+					textEdit: !!b?.service.get(Wx)
 				}
 			};
 		},
@@ -21951,12 +21988,12 @@ function kC(e = {}) {
 		arrange: te,
 		showArrange: ne,
 		arrangeCapturePlan: W,
-		reviewArrange: re
+		reviewArrange: G
 	}), oe = {
 		...f,
-		version: Kx,
-		plugins: wC(l),
-		excludePlugins: u ? u.map((e) => OC[e]) : [...d ?? []]
+		version: qx,
+		plugins: TC(l),
+		excludePlugins: u ? u.map((e) => kC[e]) : [...d ?? []]
 	}, se = Oi(() => Yr(rv, Di(oe, {
 		portalTarget: y,
 		pageTarget: t,
@@ -22004,9 +22041,9 @@ function kC(e = {}) {
 		arrange: te,
 		showArrange: ne,
 		arrangeCapturePlan: W,
-		reviewArrange: re,
-		textEdits: ie,
-		textEdit: G,
+		reviewArrange: G,
+		textEdits: re,
+		textEdit: ie,
 		bringToFront: g.bringToFront,
 		describe: async () => (await le).describe(),
 		dispose() {
@@ -22025,6 +22062,6 @@ function kC(e = {}) {
 	}
 	return me;
 }
-var AC = kC;
+var jC = AC;
 //#endregion
-export { Ux as MESURER_TEXT_EDIT_SERVICE_ID, Kx as MESURER_VERSION, fS as captureMesurerContext, xS as copyTextToClipboard, Gx as createMesurerAgentHarness, gS as createMesurerCapturePlan, EC as createMesurerPluginHost, DC as createMesurerRuntime, TC as defineMesurerPlugin, hS as formatMesurerContext, AC as mountMeasurer, kC as mountMesurer, bS as reviewMesurerAnnotation };
+export { Wx as MESURER_TEXT_EDIT_SERVICE_ID, qx as MESURER_VERSION, pS as captureMesurerContext, SS as copyTextToClipboard, Kx as createMesurerAgentHarness, _S as createMesurerCapturePlan, DC as createMesurerPluginHost, OC as createMesurerRuntime, EC as defineMesurerPlugin, gS as formatMesurerContext, jC as mountMeasurer, AC as mountMesurer, xS as reviewMesurerAnnotation };