mesurer-solid 0.2.1-beta.5 → 0.2.1-beta.7

package/dist/index.js

@@ -5508,7 +5508,7 @@ function ll(e) {
 		get children() {
 			var n = X("div", {
 				"data-mesurer-measurement-chrome": "true",
-				class: "msr:absolute"
+				class: "msr:pointer-events-none msr:absolute"
 			});
 			return aa(() => (e) => {
 				t = e;
@@ -5870,6 +5870,7 @@ function dl(e) {
 		};
 	});
 	var B = X("div", {
+		"data-mesurer-interaction-overlay": "true",
 		onPointerDown: (t) => e.onPointerDown(t),
 		onPointerUp: (t) => e.onPointerUp(t),
 		onPointerLeave: (t) => e.onPointerLeave(t)
@@ -17972,42 +17973,57 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 }, lb = (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")}`;
-}, ub = (e, t) => {
-	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, cb(n, {
-		height: "28px",
-		padding: "0 9px",
-		border: "1px solid var(--msr-color-ink-200, #e2e8f0)",
-		"border-radius": "7px",
-		background: "var(--msr-surface-raised, #fff)",
+}, ub = (e, t, n) => {
+	let r = e.createElement("button");
+	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, cb(r, {
+		display: "inline-flex",
+		width: "20px",
+		height: "20px",
+		padding: "0",
+		border: "0",
+		"border-radius": "5px",
+		background: "transparent",
 		color: "var(--msr-content, #18181b)",
+		"align-items": "center",
+		"justify-content": "center",
 		"font-family": "inherit",
 		"font-size": "11px",
-		"font-weight": "500",
+		"line-height": "1",
 		cursor: "pointer"
-	}), n;
+	}), r;
 }, db = (e, t) => {
-	let n = e.createElement("select");
-	return n.setAttribute("aria-label", t), cb(n, {
+	let n = e.createElement("button");
+	n.type = "button", n.setAttribute("role", "menuitemradio"), cb(n, {
+		display: "grid",
+		width: "100%",
 		height: "28px",
-		padding: "0 24px 0 8px",
-		border: "1px solid var(--msr-color-ink-200, #e2e8f0)",
-		"border-radius": "7px",
-		background: "var(--msr-surface-raised, #fff)",
+		padding: "0 8px",
+		border: "0",
+		"border-radius": "6px",
+		background: "transparent",
 		color: "var(--msr-content, #18181b)",
+		"grid-template-columns": "14px minmax(0, 1fr)",
+		gap: "6px",
+		"align-items": "center",
+		"text-align": "left",
 		"font-family": "inherit",
 		"font-size": "11px",
 		cursor: "pointer"
-	}), n;
+	});
+	let r = e.createElement("span");
+	r.setAttribute("aria-hidden", "true"), r.textContent = "✓", r.style.opacity = "0";
+	let i = e.createElement("span");
+	return i.textContent = t, n.append(r, i), {
+		button: n,
+		check: r,
+		text: i
+	};
 }, fb = (e, t, n, r) => {
-	let i = e.createElement("option");
-	i.value = n, i.textContent = r, t.append(i);
-}, pb = (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 }) => {
+}, pb = ({ 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"), cb(o, {
+	o.dataset.mesurerRecordingPreview = "true", o.dataset.mesurerInspectorUi = "true", o.setAttribute("role", "dialog"), o.setAttribute("aria-label", "Screen recording editor"), o.tabIndex = 0, cb(o, {
 		position: "fixed",
 		display: "none",
 		width: `${rb}px`,
@@ -18022,234 +18038,425 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		"box-shadow": "var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))",
 		"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif",
 		"font-size": "11px",
-		"pointer-events": "auto"
+		"pointer-events": "auto",
+		outline: "none",
+		transition: "width 200ms ease"
 	}), n.append(o);
 	let s = e.createElement("div");
 	cb(s, {
 		position: "relative",
+		display: "flex",
 		width: "100%",
 		"min-height": "72px",
-		"max-height": "160px",
+		"max-height": "144px",
 		overflow: "hidden",
 		"border-radius": "8px",
 		background: "var(--msr-surface-muted, #f8fafc)",
-		transition: "max-height 150ms ease"
+		"align-items": "center",
+		"justify-content": "center",
+		transition: "max-height 200ms ease",
+		cursor: "default"
 	}), o.append(s);
 	let c = e.createElement("video");
 	c.muted = !0, c.playsInline = !0, c.preload = "auto", cb(c, {
 		display: "block",
 		width: "100%",
 		height: "100%",
-		"max-height": "160px",
+		"max-width": "100%",
+		"max-height": "144px",
 		"object-fit": "contain",
-		transition: "max-height 150ms ease"
+		transition: "max-height 200ms ease"
 	}), s.append(c);
-	let l = ub(e, "×");
-	l.dataset.mesurerRecordingDiscard = "true", l.setAttribute("aria-label", "Discard recording"), cb(l, {
+	let l = e.createElement("div");
+	l.dataset.mesurerRecordingExporting = "true", l.textContent = "Exporting…", cb(l, {
+		position: "absolute",
+		inset: "0",
+		display: "none",
+		"align-items": "center",
+		"justify-content": "center",
+		"z-index": "30",
+		background: "rgb(15 23 42 / 45%)",
+		color: "#fff",
+		"font-size": "11px",
+		"pointer-events": "none"
+	}), s.append(l);
+	let u = ub(e, "Close", "×");
+	u.dataset.mesurerRecordingDiscard = "true", cb(u, {
 		position: "absolute",
 		top: "6px",
 		right: "6px",
 		width: "24px",
-		padding: "0",
-		"border-radius": "999px",
+		height: "24px",
+		"z-index": "40",
 		background: "rgb(15 23 42 / 78%)",
 		color: "#fff",
-		border: "0"
-	}), s.append(l);
-	let u = e.createElement("div");
-	cb(u, {
+		opacity: "0",
+		"pointer-events": "none",
+		transition: "opacity 150ms ease"
+	}), s.append(u), s.addEventListener("mouseenter", () => {
+		u.style.opacity = "1", u.style.pointerEvents = "auto";
+	}), s.addEventListener("mouseleave", () => {
+		e.activeElement !== u && (u.style.opacity = "0", u.style.pointerEvents = "none");
+	}), u.addEventListener("focus", () => {
+		u.style.opacity = "1", u.style.pointerEvents = "auto";
+	}), u.addEventListener("blur", () => {
+		u.style.opacity = "0", u.style.pointerEvents = "none";
+	});
+	let d = e.createElement("div");
+	cb(d, {
 		display: "flex",
+		height: "20px",
 		"align-items": "center",
 		gap: "6px",
 		"margin-top": "8px"
-	}), o.append(u);
-	let d = ub(e, "Play");
-	d.dataset.mesurerRecordingPlay = "true", u.append(d);
-	let f = e.createElement("span");
-	f.textContent = "0:00.00", cb(f, {
-		width: "48px",
-		color: "var(--msr-color-ink-500, #64748b)",
-		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
-		"font-variant-numeric": "tabular-nums"
-	}), u.append(f);
+	}), o.append(d);
+	let f = ub(e, "Play", "▶");
+	f.dataset.mesurerRecordingPlay = "true", d.append(f);
 	let p = e.createElement("span");
-	cb(p, {
-		"margin-left": "auto",
+	p.textContent = "0:00.00", cb(p, {
+		display: "flex",
+		width: "32px",
+		height: "20px",
+		"align-items": "center",
+		"flex-shrink": "0",
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
+		"font-size": "10px",
 		"font-variant-numeric": "tabular-nums"
-	}), u.append(p);
+	}), d.append(p);
 	let m = e.createElement("div");
-	m.dataset.mesurerRecordingTrimLabel = "true", cb(m, {
-		"margin-top": "8px",
+	m.dataset.mesurerRecordingTimeline = "true", cb(m, {
+		position: "relative",
+		height: "20px",
+		"min-width": "0",
+		flex: "1 1 0",
+		cursor: "pointer",
+		"user-select": "none"
+	}), d.append(m);
+	let h = e.createElement("div");
+	h.dataset.mesurerRecordingTimelineRail = "true", cb(h, {
+		position: "absolute",
+		left: "0",
+		right: "0",
+		top: "50%",
+		height: "3px",
+		transform: "translateY(-50%)",
+		"border-radius": "999px",
+		background: "var(--msr-color-ink-200, #e2e8f0)",
+		"pointer-events": "none"
+	}), m.append(h);
+	let g = e.createElement("div");
+	g.dataset.mesurerRecordingTimelineClip = "true", cb(g, {
+		position: "absolute",
+		top: "50%",
+		height: "3px",
+		transform: "translateY(-50%)",
+		"border-radius": "999px",
+		background: "var(--msr-color-ink-300, #cbd5e1)",
+		"pointer-events": "none"
+	}), m.append(g);
+	let _ = e.createElement("div");
+	cb(_, {
+		position: "absolute",
+		display: "none",
+		top: "50%",
+		width: "2px",
+		height: "10px",
+		transform: "translate(-50%, -50%)",
+		"border-radius": "999px",
+		background: "var(--msr-color-ink-500, #64748b)",
+		opacity: "0.5",
+		"pointer-events": "none"
+	}), m.append(_);
+	let v = e.createElement("div");
+	v.dataset.mesurerRecordingPlayhead = "true", cb(v, {
+		position: "absolute",
+		top: "50%",
+		left: "0",
+		width: "2px",
+		height: "8px",
+		transform: "translate(-50%, -50%)",
+		"border-radius": "999px",
+		background: "var(--msr-content, #18181b)",
+		"z-index": "25",
+		"pointer-events": "none",
+		transition: "height 150ms ease"
+	}), 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"), cb(r, {
+			position: "absolute",
+			top: "50%",
+			width: "8px",
+			height: "14px",
+			padding: "0",
+			border: "1px solid var(--msr-surface-raised, #fff)",
+			"border-radius": "3px",
+			background: "var(--msr-content, #18181b)",
+			transform: "translate(-50%, -50%)",
+			"z-index": "20",
+			cursor: "ew-resize"
+		}), m.append(r), r;
+	}, b = y("start", "Trim start"), x = y("end", "Trim end"), S = e.createElement("span");
+	cb(S, {
+		display: "flex",
+		width: "32px",
+		height: "20px",
+		"align-items": "center",
+		"justify-content": "flex-end",
+		"flex-shrink": "0",
 		color: "var(--msr-color-ink-500, #64748b)",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
+		"font-size": "10px",
 		"font-variant-numeric": "tabular-nums"
-	}), o.append(m);
-	let h = e.createElement("div");
-	cb(h, {
-		display: "grid",
-		"grid-template-columns": "32px minmax(0, 1fr)",
-		gap: "5px 8px",
-		"align-items": "center",
-		"margin-top": "5px"
-	}), o.append(h);
-	let g = e.createElement("span");
-	g.textContent = "In", g.style.color = "var(--msr-color-ink-500, #64748b)", h.append(g);
-	let _ = e.createElement("input");
-	_.type = "range", _.min = "0", _.step = "0.01", _.dataset.mesurerRecordingTrimStart = "true", h.append(_);
-	let v = e.createElement("span");
-	v.textContent = "Out", v.style.color = "var(--msr-color-ink-500, #64748b)", h.append(v);
-	let y = e.createElement("input");
-	y.type = "range", y.min = "0", y.step = "0.01", y.dataset.mesurerRecordingTrimEnd = "true", h.append(y);
-	for (let e of [_, y]) cb(e, {
-		width: "100%",
-		height: "20px",
-		margin: "0",
-		accentColor: "var(--msr-accent, #0d99ff)",
-		cursor: "ew-resize"
-	});
-	let b = e.createElement("div");
-	cb(b, {
+	}), d.append(S);
+	let C = e.createElement("div");
+	cb(C, {
+		position: "relative",
 		display: "flex",
-		"align-items": "center",
-		gap: "6px",
-		"margin-top": "8px"
-	}), o.append(b);
-	let x = db(e, "Export format");
-	x.dataset.mesurerRecordingFormat = "true", b.append(x);
-	let S = db(e, "Export scale");
-	S.dataset.mesurerRecordingScale = "true", fb(e, S, "1", "1×"), fb(e, S, "2", "2×"), fb(e, S, "3", "3×"), b.append(S);
-	let C = ub(e, "Export");
-	C.dataset.mesurerRecordingExport = "true", cb(C, {
-		"margin-left": "auto",
-		background: "var(--msr-content, #18181b)",
-		color: "var(--msr-surface, #fff)",
-		border: "0"
-	}), b.append(C);
-	let w = ub(e, "Expand");
-	w.dataset.mesurerRecordingExpand = "true", b.append(w);
-	let T = e.createElement("p");
-	T.dataset.mesurerRecordingPreviewStatus = "true", T.setAttribute("role", "status"), cb(T, {
+		height: "20px",
+		"align-items": "center"
+	}), d.append(C);
+	let w = ub(e, "Export options", "1×");
+	w.dataset.mesurerRecordingExportOptions = "true", w.setAttribute("aria-haspopup", "menu"), w.setAttribute("aria-expanded", "false"), cb(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"), cb(T, {
+		position: "absolute",
 		display: "none",
-		margin: "7px 0 0",
+		right: "0",
+		bottom: "24px",
+		width: "176px",
+		padding: "4px",
+		"z-index": "120",
+		border: "1px solid var(--msr-color-ink-200, #e2e8f0)",
+		"border-radius": "9px",
+		background: "var(--msr-surface-raised, #fff)",
+		color: "var(--msr-content, #18181b)",
+		"box-shadow": "var(--msr-shadow-floating, 0 10px 30px rgba(0, 0, 0, 0.12))",
+		"pointer-events": "auto"
+	}), C.append(T);
+	let E = e.createElement("p");
+	E.textContent = "Format", cb(E, {
+		margin: "0",
+		padding: "4px 8px",
 		color: "var(--msr-color-ink-500, #64748b)",
-		"font-size": "11px"
-	}), o.append(T);
-	let E = null, D = null, O = !1, k = !1, A = 0, j = () => {
-		let e = Number(S.value);
-		return e === 2 || e === 3 ? e : 1;
-	}, M = () => {
-		let e = E?.duration ?? 0, t = Math.min(e, Math.max(0, Number(_.value) || 0));
-		return {
-			start: t,
-			end: Math.min(e, Math.max(t + sb, Number(y.value) || e))
+		"font-size": "10px",
+		"font-weight": "500"
+	}), T.append(E);
+	let D = e.createElement("div");
+	T.append(D);
+	let O = e.createElement("p");
+	O.textContent = "Size", cb(O, {
+		margin: "0",
+		padding: "6px 8px 4px",
+		color: "var(--msr-color-ink-500, #64748b)",
+		"font-size": "10px",
+		"font-weight": "500"
+	}), T.append(O);
+	let k = e.createElement("div");
+	T.append(k);
+	let A = [
+		1,
+		2,
+		3
+	].map((t) => {
+		let n = db(e, `${t}×`);
+		return n.button.dataset.mesurerRecordingScale = String(t), k.append(n.button), {
+			scale: t,
+			...n
 		};
-	}, N = () => {
-		let { start: e, end: t } = M();
-		m.textContent = `Trim ${lb(e)}–${lb(t)}`;
-	}, P = (e) => {
-		k = e;
+	}), j = ub(e, "Download", "↓");
+	j.dataset.mesurerRecordingExport = "true", d.append(j);
+	let M = ub(e, "Grow preview", "↗");
+	M.dataset.mesurerRecordingExpand = "true", d.append(M);
+	let N = e.createElement("p");
+	N.dataset.mesurerRecordingPreviewStatus = "true", N.setAttribute("role", "status"), cb(N, {
+		display: "none",
+		margin: "8px 0 0",
+		color: "var(--msr-color-ink-500, #64748b)",
+		"font-size": "11px",
+		"line-height": "16px"
+	}), o.append(N);
+	let P = null, F = null, I = !1, L = !1, R = 0, z = ["webm"], B = "webm", V = 1, H = 0, U = 0, ee = null, te = null, ne = (e) => {
+		let t = P?.duration ?? 0;
+		return t <= 0 ? 0 : Math.min(1, Math.max(0, e / t));
+	}, W = () => ({
+		start: H,
+		end: U
+	}), re = (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 = () => {
+		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 - sb))), b.setAttribute("aria-valuenow", String(H)), b.setAttribute("aria-valuetext", lb(H)), x.setAttribute("aria-valuemin", String(Math.min(e, H + sb))), x.setAttribute("aria-valuemax", String(e)), x.setAttribute("aria-valuenow", String(U)), x.setAttribute("aria-valuetext", lb(U)), p.textContent = lb(t), S.textContent = lb(e);
+	}, ae = (e, t = !0) => {
+		if (!P) return;
+		let n = Math.min(U, Math.max(H, e));
+		t && !c.paused && c.pause(), c.currentTime = n, ie();
+	}, oe = (e, t = !1) => {
+		P && (H = Math.min(Math.max(0, e), Math.max(0, U - sb)), (t || c.currentTime < H) && ae(H), ie());
+	}, se = (e, t = !1) => {
+		P && (U = Math.max(Math.min(P.duration, e), Math.min(P.duration, H + sb)), t ? ae(U) : c.currentTime > U && ae(H), ie());
+	}, ce = () => {
+		w.textContent = `${V}×`;
+		for (let e of A) {
+			let t = e.scale === V;
+			e.button.setAttribute("aria-checked", t ? "true" : "false"), e.check.style.opacity = t ? "1" : "0", e.text.textContent = P ? `${e.scale}×  ${Math.round(P.width * e.scale)} × ${Math.round(P.height * e.scale)}` : `${e.scale}×`;
+		}
+	}, le = () => {
+		D.replaceChildren();
+		for (let t of z) {
+			let n = db(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, le();
+			}), D.append(n.button);
+		}
+	}, G = () => {
+		if (T.style.display === "none") return;
+		let e = C.getBoundingClientRect(), n = Math.max(1, T.offsetHeight), r = e.top - ab, i = t.innerHeight - e.bottom - ab;
+		r >= n || r >= i ? (T.style.top = "auto", T.style.bottom = "24px") : (T.style.top = "24px", T.style.bottom = "auto");
+	}, ue = (e) => {
+		T.style.display = e ? "block" : "none", w.setAttribute("aria-expanded", e ? "true" : "false"), e && G();
+	}, de = (e) => {
+		L = e, l.style.display = e ? "flex" : "none";
 		for (let t of [
-			d,
-			l,
-			_,
-			y,
+			f,
+			u,
+			b,
 			x,
-			S,
-			C,
-			w
+			w,
+			j,
+			M,
+			...A.map((e) => e.button)
 		]) t.toggleAttribute("disabled", e);
-		C.textContent = e ? "Exporting…" : "Export";
-	}, F = () => {
+	}, fe = () => {
 		if (o.style.display === "none") return;
-		let r = Math.min(O ? ib : rb, 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 - r / 2 : t.innerWidth - r - ab, c = a ? a.bottom + ob : ab;
-		s = Math.min(Math.max(ab, s), Math.max(ab, t.innerWidth - r - ab)), c + i > t.innerHeight - ab && (c = a ? a.top - i - ob : t.innerHeight - i - ab), o.style.left = `${s}px`, o.style.top = `${Math.max(ab, c)}px`;
-	}, I = () => {
-		c.pause(), c.removeAttribute("src"), c.load(), D &&= (globalThis.URL.revokeObjectURL(D), null);
-	}, L = () => {
-		A += 1, I(), E = null, o.style.display = "none", T.style.display = "none", P(!1);
-	};
-	l.addEventListener("click", () => {
-		L(), i();
-	}), d.addEventListener("click", () => {
-		if (!(!E || k)) {
-			if (c.paused) {
-				let { start: e, end: t } = M();
-				(c.currentTime < e || c.currentTime >= t) && (c.currentTime = e), c.play();
+		let r = Math.min(I ? ib : rb, 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 - r / 2 : t.innerWidth - r - ab, c = a ? a.bottom + ob : ab;
+		s = Math.min(Math.max(ab, s), Math.max(ab, t.innerWidth - r - ab)), c + i > t.innerHeight - ab && (c = a ? a.top - i - ob : t.innerHeight - i - ab), o.style.left = `${s}px`, o.style.top = `${Math.max(ab, c)}px`, T.style.display !== "none" && G();
+	}, pe = () => {
+		c.pause(), c.removeAttribute("src"), c.load(), F &&= (globalThis.URL.revokeObjectURL(F), null);
+	}, me = () => {
+		R += 1, pe(), P = null, ee = null, te = null, ue(!1), o.style.display = "none", N.style.display = "none", de(!1);
+	}, he = () => {
+		if (!(!P || L)) {
+			if (!c.paused) {
+				c.pause();
 				return;
 			}
-			c.pause();
+			(c.currentTime < H || c.currentTime >= U) && (c.currentTime = H), c.play();
 		}
-	}), c.addEventListener("play", () => {
-		d.textContent = "Pause";
+	}, ge = () => {
+		ee = null, te = null, v.style.height = "8px";
+	}, _e = (e) => {
+		if (!ee) return;
+		let t = re(e);
+		ee === "start" ? oe(t, !0) : ee === "end" ? se(t, !0) : ae(t);
+	}, ve = (e, t) => {
+		!P || L || t.button !== 0 || (t.preventDefault(), t.stopPropagation(), ee = e, te = t.pointerId, v.style.height = "10px", _e(t.clientX));
+	}, ye = (e) => {
+		te !== null && e.pointerId === te && _e(e.clientX);
+	}, be = (e) => {
+		te !== null && e.pointerId === te && ge();
+	};
+	b.addEventListener("pointerdown", (e) => ve("start", e)), x.addEventListener("pointerdown", (e) => ve("end", e)), m.addEventListener("pointerdown", (e) => {
+		let t = e.target;
+		t instanceof Element && t.closest("[data-mesurer-recording-trim-handle]") || ve("playhead", e);
+	}), m.addEventListener("pointermove", (e) => {
+		te === null && (_.style.display = "block", _.style.left = `${ne(re(e.clientX)) * 100}%`);
+	}), m.addEventListener("pointerleave", () => {
+		_.style.display = "none";
+	});
+	for (let [e, t] of [["start", b], ["end", x]]) t.addEventListener("keydown", (t) => {
+		if (!P || t.key !== "ArrowLeft" && t.key !== "ArrowRight") return;
+		t.preventDefault();
+		let n = t.key === "ArrowLeft" ? -1 : 1, r = (e === "start" ? H : U) + n * .05;
+		e === "start" ? oe(r, !0) : se(r, !0);
+	});
+	t.addEventListener("pointermove", ye, !0), t.addEventListener("pointerup", be, !0), t.addEventListener("pointercancel", be, !0), u.addEventListener("click", (e) => {
+		e.stopPropagation(), me(), i();
+	}), s.addEventListener("click", (e) => {
+		let t = e.target;
+		t instanceof Element && t.closest("button") || he();
+	}), f.addEventListener("click", he), c.addEventListener("play", () => {
+		f.textContent = "Ⅱ", f.setAttribute("aria-label", "Pause"), f.title = "Pause";
 	}), c.addEventListener("pause", () => {
-		d.textContent = "Play";
+		f.textContent = "▶", f.setAttribute("aria-label", "Play"), f.title = "Play";
 	}), c.addEventListener("timeupdate", () => {
-		if (!E) return;
-		let { start: e, end: t } = M();
-		c.currentTime >= t - .01 ? (c.pause(), c.currentTime = e) : c.currentTime < e && (c.currentTime = e), f.textContent = lb(c.currentTime);
-	}), _.addEventListener("input", () => {
-		if (!E) return;
-		let e = Math.min(E.duration - sb, Math.max(0, Number(_.value) || 0));
-		_.value = String(e), (Number(y.value) || E.duration) < e + sb && (y.value = String(Math.min(E.duration, e + sb))), c.currentTime = e, N();
-	}), y.addEventListener("input", () => {
-		if (!E) return;
-		let e = Number(_.value) || 0, t = Math.max(e + sb, Math.min(E.duration, Number(y.value) || E.duration));
-		y.value = String(t), c.currentTime = t, N();
+		P && (c.currentTime >= U - .01 ? (c.pause(), c.currentTime = H) : c.currentTime < H && (c.currentTime = H), ie());
+	}), c.addEventListener("loadedmetadata", () => {
+		ie();
 	}), w.addEventListener("click", () => {
-		O = !O, o.style.width = `${O ? ib : rb}px`, s.style.maxHeight = O ? "440px" : "160px", c.style.maxHeight = O ? "440px" : "160px", w.textContent = O ? "Shrink" : "Expand", t.requestAnimationFrame(F);
-	}), C.addEventListener("click", () => {
-		if (!E || k) return;
-		let n = ++A, { start: r, end: i } = M(), o = x.value === "mp4" ? "mp4" : "webm";
-		P(!0), T.style.display = "block", T.textContent = "Exporting with MediaBunny…", a({
-			format: o,
+		L || ue(T.style.display === "none");
+	});
+	for (let e of A) e.button.addEventListener("click", () => {
+		V = e.scale, ce();
+	});
+	let xe = (e) => {
+		T.style.display !== "none" && (e.composedPath().includes(C) || ue(!1));
+	};
+	e.addEventListener("pointerdown", xe, !0), M.addEventListener("click", () => {
+		I = !I, o.style.width = `${I ? ib : rb}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(fe);
+	}), j.addEventListener("click", () => {
+		if (!P || L || z.length === 0) return;
+		let n = ++R, { start: r, end: i } = W();
+		de(!0), ue(!1), N.style.display = "none", a({
+			format: B,
 			startTime: r,
 			endTime: i,
-			scale: j()
+			scale: V
 		}).then((r) => {
-			n === A && (pb(r.blob, r.filename, e, t), T.textContent = `Exported ${r.width}×${r.height} ${r.format.toUpperCase()}`);
+			n === R && fb(r.blob, r.filename, e, t);
 		}).catch((e) => {
-			n === A && (T.textContent = e instanceof Error ? e.message : "Could not export the recording.");
+			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(() => {
-			n === A && P(!1);
+			n === R && de(!1);
 		});
+	}), o.addEventListener("keydown", (e) => {
+		if (e.key === "Escape") {
+			if (T.style.display !== "none") {
+				e.preventDefault(), ue(!1);
+				return;
+			}
+			e.preventDefault(), me(), i();
+			return;
+		}
+		(e.key === " " || e.code === "Space") && e.target === o && (e.preventDefault(), he());
 	});
-	let R = () => F();
-	return t.addEventListener("resize", R), {
-		show(n) {
-			A += 1, I(), E = n;
-			let i = globalThis.URL.createObjectURL(n.blob);
-			D = i, c.src = i, c.currentTime = 0, f.textContent = "0:00.00", p.textContent = lb(n.duration), _.max = String(n.duration), _.value = "0", y.max = String(n.duration), y.value = String(n.duration), N(), x.replaceChildren(), fb(e, x, "webm", "WebM"), o.style.display = "block", T.style.display = "none", P(!1), F();
-			let a = A;
-			r(n).then((t) => {
-				if (!(a !== A || !E)) {
-					x.replaceChildren();
-					for (let n of t) fb(e, x, n, n === "mp4" ? "MP4" : "WebM");
-					t.length === 0 ? (fb(e, x, "webm", "No export codec"), x.disabled = !0, C.disabled = !0, T.style.display = "block", T.textContent = "No MediaBunny video encoder is available in this runtime.") : (x.disabled = !1, C.disabled = !1);
-				}
+	let Se = () => fe();
+	return t.addEventListener("resize", Se), {
+		show(e) {
+			R += 1, pe(), 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 = `${rb}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 = lb(e.duration), N.style.display = "none", N.style.color = "var(--msr-color-ink-500, #64748b)", ue(!1), le(), ce(), ie(), de(!1), o.style.display = "block", fe(), o.focus({ preventScroll: !0 });
+			let i = R;
+			r(e).then((e) => {
+				i !== R || !P || (z = e, B = e.includes(B) ? B : e[0] ?? "webm", le(), 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."));
 			}).catch((e) => {
-				a === A && (T.style.display = "block", T.textContent = e instanceof Error ? e.message : "Could not inspect export support.");
-			}), t.requestAnimationFrame(F);
+				i === R && (z = [], le(), j.disabled = !0, N.style.display = "block", N.style.color = "var(--msr-danger-text, #dc2626)", N.textContent = e instanceof Error ? e.message : "Could not inspect export support.");
+			}), t.requestAnimationFrame(fe);
 		},
-		dismiss: L,
+		dismiss: me,
 		dispose() {
-			L(), t.removeEventListener("resize", R), o.remove();
+			me(), t.removeEventListener("resize", Se), t.removeEventListener("pointermove", ye, !0), t.removeEventListener("pointerup", be, !0), t.removeEventListener("pointercancel", be, !0), e.removeEventListener("pointerdown", xe, !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 = {
+}, mb = "mesurer.recording", hb = "recording:v1", gb = "mesurer.recording.settings", _b = "runtime:solid", vb = "recording.toggle", yb = "recording.stop", bb = "recording.discard", xb = "recording.export", Sb = 30, Cb = 60, wb = 3e3, Tb = {
 	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) => ({
+}, Eb = (e) => e ? { ...e } : null, Db = (e) => ({
 	...e,
-	rect: Db(e.rect)
-}), kb = (e, t) => {
+	rect: Eb(e.rect)
+}), Ob = (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 {};
+}, kb = (e) => e != null && !Array.isArray(e) && typeof e == "object", Ab = (e) => typeof e == "number" && Number.isFinite(e), jb = (e) => {
+	if (!kb(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), Ab(e.startTime) && (t.startTime = e.startTime), Ab(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
+}, Mb = (e) => ({
 	status: e.status,
 	elapsed: e.elapsed,
 	rect: e.rect ? { ...e.rect } : null,
@@ -18257,52 +18464,56 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 	width: e.width,
 	height: e.height,
 	error: e.error
-}), Pb = (e) => ({
+}), Nb = (e) => ({
 	filename: e.filename,
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size
-}), Fb = (e) => ({
+}), Pb = (e) => ({
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size,
 	createdAt: e.createdAt
-}), Ib = (e, t, n) => {
+}), Fb = (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,
+}, Ib = (e = {}) => Ta({
+	id: mb,
 	version: "0.1.0",
-	requires: [vb],
-	provides: ["tool:recording", gb],
+	requires: [_b],
+	provides: ["tool:recording", hb],
 	setup(t) {
-		let n = t.service.get(vb);
+		let n = t.service.get(_b);
 		if (!n) throw Error("Recording plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element;
-		o.dataset.mesurerRecording = "true", kb(o, {
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), c = (e) => {
+			s?.toggleAttribute("data-mesurer-recording-active", e);
+			let t = s?.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", Ob(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"
 		});
-		let s = Math.max(1, Math.min(60, Math.round(e.frameRate ?? Cb))), c = Math.max(1, Math.min(600, e.maxDurationSeconds ?? wb)), l = e.quality ?? "medium";
+		let l = Math.max(1, Math.min(60, Math.round(e.frameRate ?? Sb))), u = Math.max(1, Math.min(600, e.maxDurationSeconds ?? Cb)), d = e.quality ?? "medium";
 		t.state.register({
-			id: _b,
+			id: gb,
 			initial: { toolEnabled: e.toolEnabled ?? !0 },
 			persist: !0
 		});
-		let u = () => ({ toolEnabled: t.state.get("mesurer.recording.settings")?.toolEnabled ?? !0 }), d = (e) => {
-			t.state.update(_b, (t) => {
+		let f = () => ({ toolEnabled: t.state.get("mesurer.recording.settings")?.toolEnabled ?? !0 }), p = (e) => {
+			t.state.update(gb, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), n;
 			});
-		}, f = r.createElement("div");
-		f.dataset.mesurerRecordingSelect = "true", f.dataset.mesurerInspectorUi = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Recording selection"), kb(f, {
+		}, m = r.createElement("div");
+		m.dataset.mesurerRecordingSelect = "true", m.dataset.mesurerInspectorUi = "true", m.setAttribute("role", "application"), m.setAttribute("aria-label", "Recording selection"), Ob(m, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -18311,24 +18522,24 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "auto",
 			"user-select": "none",
 			"touch-action": "none"
-		}), o.append(f);
-		let p = Array.from({ length: 4 }, () => {
+		}), o.append(m);
+		let h = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return kb(e, {
+			return Ob(e, {
 				position: "fixed",
 				background: "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
-			}), f.append(e), e;
-		}), m = r.createElement("div");
-		m.dataset.mesurerRecordingSelection = "true", kb(m, {
+			}), m.append(e), e;
+		}), g = r.createElement("div");
+		g.dataset.mesurerRecordingSelection = "true", Ob(g, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid var(--msr-accent, #0d99ff)",
 			"box-sizing": "border-box",
 			"pointer-events": "none"
-		}), f.append(m);
-		let h = r.createElement("div");
-		kb(h, {
+		}), m.append(g);
+		let _ = r.createElement("div");
+		Ob(_, {
 			position: "fixed",
 			display: "none",
 			transform: "translateX(-50%)",
@@ -18339,9 +18550,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"font-size": "10px",
 			"font-variant-numeric": "tabular-nums",
 			"pointer-events": "none"
-		}), f.append(h);
-		let g = r.createElement("div");
-		g.textContent = "Drag a region to record · Esc to cancel", kb(g, {
+		}), m.append(_);
+		let v = r.createElement("div");
+		v.textContent = "Drag a region to record · Esc to cancel", Ob(v, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -18352,26 +18563,217 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "var(--msr-surface, #fff)",
 			"font-size": "11px",
 			"pointer-events": "none"
-		}), f.append(g);
-		let _ = r.createElement("button");
-		_.type = "button", _.dataset.mesurerRecordingStatus = "true", _.dataset.mesurerInspectorUi = "true", _.setAttribute("aria-label", "Stop recording"), kb(_, {
+		}), m.append(v);
+		let y = r.createElement("div");
+		y.dataset.mesurerRecordingRegion = "true", y.dataset.mesurerInspectorUi = "true", y.setAttribute("role", "dialog"), y.setAttribute("aria-label", "Recording region"), Ob(y, {
 			position: "fixed",
 			display: "none",
-			height: "30px",
-			padding: "0 10px",
+			width: "220px",
+			padding: "8px",
+			"z-index": "90",
+			"box-sizing": "border-box",
+			overflow: "hidden",
+			"border-radius": "10px",
+			background: "var(--msr-surface-raised, #fff)",
+			color: "var(--msr-content, #18181b)",
+			"box-shadow": "var(--msr-shadow-floating, 0 10px 30px rgba(0,0,0,.12))",
+			"font-size": "11px",
+			"pointer-events": "auto",
+			transform: "translateX(-50%)"
+		}), m.append(y);
+		let b = (e) => {
+			let t = r.createElement("label");
+			Ob(t, {
+				display: "grid",
+				"grid-template-columns": "44px minmax(0,1fr)",
+				"align-items": "center",
+				gap: "8px"
+			});
+			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 Ob(i, {
+				display: "flex",
+				"align-items": "center",
+				gap: "4px",
+				"min-width": "0"
+			}), t.append(i), y.append(t), i;
+		}, x = (e) => {
+			let t = r.createElement("input");
+			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", Ob(t, {
+				width: "0",
+				"min-width": "0",
+				flex: "1 1 0",
+				height: "26px",
+				padding: "0 6px",
+				border: "1px solid var(--msr-color-ink-200, #e2e8f0)",
+				"border-radius": "6px",
+				background: "var(--msr-surface, #fff)",
+				color: "var(--msr-content, #18181b)",
+				"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
+				"font-size": "10px",
+				"font-variant-numeric": "tabular-nums"
+			}), t;
+		}, S = b("Size"), C = x("Width"), w = x("Height");
+		S.append(C);
+		let T = r.createElement("span");
+		T.textContent = "×", T.style.color = "var(--msr-color-ink-500, #64748b)", S.append(T, w);
+		let E = r.createElement("span");
+		E.textContent = "px", E.style.color = "var(--msr-color-ink-500, #64748b)", S.append(E);
+		let D = b("Position");
+		D.style.marginTop = "8px";
+		let O = x("Left"), k = x("Top");
+		D.append(O, k);
+		let A = r.createElement("span");
+		A.textContent = "px", A.style.color = "var(--msr-color-ink-500, #64748b)", D.append(A);
+		let j = r.createElement("button");
+		j.type = "button", j.dataset.mesurerRecordingStart = "true", j.textContent = "●  Start recording", Ob(j, {
+			width: "100%",
+			height: "28px",
+			"margin-top": "8px",
+			border: "1px solid var(--msr-color-ink-200, #e2e8f0)",
+			"border-radius": "7px",
+			background: "var(--msr-surface-raised, #fff)",
+			color: "var(--msr-content, #18181b)",
+			"font-family": "inherit",
+			"font-size": "11px",
+			"font-weight": "500",
+			cursor: "pointer"
+		}), y.append(j);
+		let M = r.createElement("div");
+		M.dataset.mesurerRecordingGrid = "true", Ob(M, {
+			position: "absolute",
+			inset: "0",
+			display: "none",
+			"pointer-events": "none"
+		}), g.append(M);
+		let N = (e) => {
+			let t = r.createElement("div");
+			Ob(t, {
+				position: "absolute",
+				opacity: "0.3",
+				...e
+			}), M.append(t);
+		};
+		N({
+			left: "33.333%",
+			top: "0",
+			bottom: "0",
+			borderLeft: "1px dashed var(--msr-color-ink-500, #64748b)"
+		}), N({
+			left: "66.666%",
+			top: "0",
+			bottom: "0",
+			borderLeft: "1px dashed var(--msr-color-ink-500, #64748b)"
+		}), N({
+			top: "33.333%",
+			left: "0",
+			right: "0",
+			borderTop: "1px dashed var(--msr-color-ink-500, #64748b)"
+		}), N({
+			top: "66.666%",
+			left: "0",
+			right: "0",
+			borderTop: "1px dashed var(--msr-color-ink-500, #64748b)"
+		});
+		let P = Object.entries({
+			nw: {
+				left: "0",
+				top: "0"
+			},
+			n: {
+				left: "50%",
+				top: "0"
+			},
+			ne: {
+				left: "100%",
+				top: "0"
+			},
+			e: {
+				left: "100%",
+				top: "50%"
+			},
+			se: {
+				left: "100%",
+				top: "100%"
+			},
+			s: {
+				left: "50%",
+				top: "100%"
+			},
+			sw: {
+				left: "0",
+				top: "100%"
+			},
+			w: {
+				left: "0",
+				top: "50%"
+			}
+		}).map(([e, t]) => {
+			let n = r.createElement("button");
+			return n.type = "button", n.dataset.mesurerRecordingResize = e, n.setAttribute("aria-label", `Resize ${e}`), Ob(n, {
+				position: "absolute",
+				display: "none",
+				left: t.left,
+				top: t.top,
+				width: "8px",
+				height: "8px",
+				padding: "0",
+				border: "1px solid var(--msr-color-white, #fff)",
+				"border-radius": "999px",
+				background: "var(--msr-color-ink-900, #18181b)",
+				"box-shadow": "0 0 0 1px rgb(0 0 0 / 25%)",
+				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"
+			}), g.append(n), n;
+		}), F = r.createElement("section");
+		F.dataset.mesurerRecordingStatus = "true", F.dataset.mesurerInspectorUi = "true", F.setAttribute("aria-label", "Screen recording"), Ob(F, {
+			position: "fixed",
+			display: "none",
+			height: "34px",
+			padding: "0 8px",
+			"align-items": "center",
+			gap: "8px",
 			border: "0",
-			"border-radius": "999px",
+			"border-radius": "9px",
 			background: "var(--msr-surface-raised, #fff)",
 			color: "var(--msr-content, #18181b)",
 			"box-shadow": "var(--msr-shadow-floating, 0 8px 24px rgba(0,0,0,.14))",
 			"font-family": "inherit",
 			"font-size": "11px",
-			"font-variant-numeric": "tabular-nums",
-			cursor: "pointer",
 			"pointer-events": "auto"
-		}), o.append(_);
-		let v = r.createElement("div");
-		v.dataset.mesurerRecordingError = "true", v.dataset.mesurerInspectorUi = "true", v.setAttribute("role", "status"), kb(v, {
+		});
+		let I = r.createElement("span");
+		I.setAttribute("aria-hidden", "true"), Ob(I, {
+			width: "6px",
+			height: "6px",
+			"border-radius": "999px",
+			background: "var(--msr-danger-solid-bg, #dc2626)",
+			"flex-shrink": "0"
+		}), F.append(I);
+		let L = r.createElement("span");
+		L.dataset.mesurerRecordingTime = "true", L.textContent = "00:00", Ob(L, {
+			color: "var(--msr-content, #18181b)",
+			"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
+			"font-size": "11px",
+			"font-variant-numeric": "tabular-nums"
+		}), F.append(L);
+		let R = r.createElement("button");
+		R.type = "button", R.dataset.mesurerRecordingStop = "true", R.textContent = "Stop", R.setAttribute("aria-label", "Stop recording"), Ob(R, {
+			height: "24px",
+			padding: "0 8px",
+			border: "0",
+			"border-radius": "6px",
+			background: "var(--msr-danger-solid-bg, #dc2626)",
+			color: "var(--msr-danger-solid-text, #fff)",
+			"font-family": "inherit",
+			"font-size": "11px",
+			"font-weight": "500",
+			cursor: "pointer"
+		}), F.append(R), o.append(F);
+		let z = r.createElement("div");
+		z.dataset.mesurerRecordingError = "true", z.dataset.mesurerInspectorUi = "true", z.setAttribute("role", "status"), Ob(z, {
 			position: "fixed",
 			display: "none",
 			left: "8px",
@@ -18383,8 +18785,8 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			color: "#fff",
 			"font-size": "11px",
 			"pointer-events": "none"
-		}), o.append(v);
-		let y = {
+		}), o.append(z);
+		let B = {
 			status: "idle",
 			elapsed: 0,
 			rect: null,
@@ -18392,28 +18794,28 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			width: null,
 			height: null,
 			error: null
-		}, b = /* @__PURE__ */ new Set(), x = null, S = null, C = null, w = null, T = null, E = null, D = 0, O = 0, k = 0, A = 0, j = 0, M = -1, N = !1, P = null, F = () => {
-			let e = Ob(y);
-			for (let t of b) t(e);
-		}, I = (e) => {
-			y = {
-				...y,
+		}, V = /* @__PURE__ */ new Set(), H = null, U = null, ee = null, te = null, ne = null, W = null, re = !1, ie = null, ae = null, oe = 0, se = 0, ce = 0, le = 0, G = 0, ue = -1, de = !1, fe = null, pe = () => {
+			let e = Db(B);
+			for (let t of V) t(e);
+		}, me = (e) => {
+			B = {
+				...B,
 				...e,
-				rect: e.rect === void 0 ? y.rect : Db(e.rect)
-			}, F();
-		}, L = () => y.status === "selecting" || y.status === "recording" || y.status === "exporting", R = () => {
-			if (E) return;
+				rect: e.rect === void 0 ? B.rect : Eb(e.rect)
+			}, pe();
+		}, he = () => B.status === "selecting" || B.status === "recording" || B.status === "exporting", ge = () => {
+			if (ae) return;
 			let e = n.portalTarget.querySelector("[data-mesurer-toolbar='true']");
-			e && (E = {
+			e && (ae = {
 				element: e,
 				value: e.style.getPropertyValue("visibility"),
 				priority: e.style.getPropertyPriority("visibility")
 			}, e.style.setProperty("visibility", "hidden", "important"));
-		}, z = () => {
-			if (!E) return;
-			let e = E;
-			E = null, e.value || e.priority ? e.element.style.setProperty("visibility", e.value, e.priority) : e.element.style.removeProperty("visibility");
-		}, B = (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",
@@ -18423,78 +18825,128 @@ 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`);
 			}
-		}, V = (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)),
+				top: Math.min(Math.max(0, Math.round(e.top)), Math.max(0, n - a)),
+				width: r,
+				height: a
+			};
+		}, 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) {
-				B(p[0], {
+				ve(h[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of p.slice(1)) B(e, {
+				for (let e of h.slice(1)) ve(e, {
 					left: 0,
 					top: 0,
 					width: 0,
 					height: 0
 				});
-				m.style.display = "none", h.style.display = "none";
+				g.style.display = "none", g.style.pointerEvents = "none", M.style.display = "none";
+				for (let e of P) e.style.display = "none";
+				_.style.display = "none", y.style.display = "none", v.textContent = "Drag to select a region · Esc to cancel";
 				return;
 			}
-			B(p[0], {
+			if (ve(h[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), B(p[1], {
+			}), ve(h[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), B(p[2], {
+			}), ve(h[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), B(p[3], {
+			}), ve(h[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), m.style.display = "block", B(m, e), h.style.display = "block", h.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, B(h, {
-				left: e.left + e.width / 2,
-				top: Math.min(n - 22, e.top + e.height + 6)
-			});
-		}, H = () => {
-			T = null, V(null), f.style.display = "none", o.style.pointerEvents = "none";
-		}, U = (e) => {
-			let t = i.innerHeight, n = i.innerWidth, r = Math.max(112, _.offsetWidth || 112), a = null;
+			}), g.style.display = "block", ve(g, e), re) {
+				g.style.pointerEvents = "auto", g.style.cursor = "move", M.style.display = "block";
+				for (let e of P) e.style.display = "block";
+				_.style.display = "none", C.value = String(Math.round(e.width)), w.value = String(Math.round(e.height)), O.value = String(Math.round(e.left)), k.value = String(Math.round(e.top)), C.max = String(t), w.max = String(n), O.max = String(Math.max(0, t - e.width)), k.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);
+				y.style.left = `${r}px`, y.style.top = `${a}px`, y.style.display = "block", v.textContent = "Adjust region · Enter to start · Esc to cancel";
+			} else {
+				g.style.pointerEvents = "none", g.style.cursor = "", M.style.display = "none";
+				for (let e of P) e.style.display = "none";
+				y.style.display = "none", _.style.display = "block", _.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ve(_, {
+					left: e.left + e.width / 2,
+					top: Math.min(n - 22, e.top + e.height + 6)
+				}), v.textContent = "Drag to select a region · Esc to cancel";
+			}
+		}, Se = (e) => {
+			let t = ye(e);
+			W = t, me({ rect: t }), xe(t);
+		}, Ce = (e) => {
+			let t = i.innerWidth, n = i.innerHeight;
+			ve(h[0], {
+				left: 0,
+				top: 0,
+				width: t,
+				height: e.top
+			}), ve(h[1], {
+				left: 0,
+				top: e.top,
+				width: e.left,
+				height: e.height
+			}), ve(h[2], {
+				left: e.left + e.width,
+				top: e.top,
+				width: Math.max(0, t - e.left - e.width),
+				height: e.height
+			}), ve(h[3], {
+				left: 0,
+				top: e.top + e.height,
+				width: t,
+				height: Math.max(0, n - e.top - e.height)
+			}), g.style.display = "none", _.style.display = "none", y.style.display = "none", M.style.display = "none", v.style.display = "none";
+			for (let e of P) e.style.display = "none";
+			m.style.display = "block", m.style.pointerEvents = "none", m.style.cursor = "default";
+		}, we = () => {
+			c(!1), m.style.display = "none", m.style.pointerEvents = "auto", m.style.cursor = "crosshair", v.style.removeProperty("display");
+		}, Te = () => {
+			ne = null, W = null, re = !1, ie = null, xe(null), m.style.display = "none", m.style.cursor = "crosshair", o.style.pointerEvents = "none";
+		}, Ee = (e) => {
+			let t = i.innerHeight, n = i.innerWidth, r = Math.max(112, F.offsetWidth || 112), a = null;
 			if (e.top >= 46 ? a = e.top - 30 - 8 : t - (e.top + e.height) >= 46 && (a = e.top + e.height + 8), a === null) {
-				_.style.display = "none";
+				F.style.display = "none";
 				return;
 			}
 			let o = Math.min(n - r - 8, Math.max(8, e.left + e.width / 2 - r / 2));
-			_.style.left = `${o}px`, _.style.top = `${a}px`, _.style.display = "block";
-		}, ee = () => {
-			_.style.display = "none";
-		}, te = (e) => {
-			k && i.clearTimeout(k);
+			F.style.left = `${o}px`, F.style.top = `${a}px`, F.style.display = "flex";
+		}, De = () => {
+			F.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);
-		}, ne = async (e) => {
-			D && i.cancelAnimationFrame(D), D = 0, O && i.clearTimeout(O), O = 0;
-			let t = w;
-			if (w = null, t) try {
+			z.textContent = t, z.style.display = "block", ce = i.setTimeout(() => {
+				ce = 0, z.style.display = "none";
+			}, wb);
+		}, ke = async (e) => {
+			oe && i.cancelAnimationFrame(oe), oe = 0, se && i.clearTimeout(se), se = 0;
+			let t = te;
+			if (te = null, t) try {
 				await t;
 			} catch {}
-			let n = C;
-			C = null, e && await n?.cancel();
-			let r = S;
-			S = null, r && Vy(r), ee();
-		}, W = () => {
-			x = null, ae.dismiss(), I({
+			let n = ee;
+			ee = null, e && await n?.cancel();
+			let r = U;
+			U = null, r && Vy(r), we(), De();
+		}, Ae = () => {
+			H = null, Ne.dismiss(), me({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -18503,14 +18955,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			}), t.hook.emit("recording:discard", {});
-		}, re = async () => {
-			let e = x;
-			return Zy(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), s);
-		}, ie = async (e = {}) => {
-			let n = x;
+		}, je = async () => {
+			let e = H;
+			return Zy(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), l);
+		}, Me = async (e = {}) => {
+			let n = H;
 			if (!n) throw Error("No recording is ready to export.");
-			let r = y.status;
-			I({
+			let r = B.status;
+			me({
 				status: "exporting",
 				error: null
 			});
@@ -18519,7 +18971,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					...r,
 					filename: nb(r.format)
 				};
-				return I({
+				return me({
 					status: "ready",
 					duration: n.duration,
 					width: n.width,
@@ -18534,29 +18986,29 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					bytes: i.blob.size
 				}), i;
 			} catch (e) {
-				throw I({
+				throw me({
 					status: r === "ready" ? "ready" : "error",
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, ae = mb({
+		}, Ne = pb({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
-			formats: async () => re(),
-			onDiscard: W,
-			onExport: ie
-		}), oe = async () => {
-			if (P) return P;
-			if (y.status !== "recording" || !C || !S) throw Error("No recording is active.");
-			let e = A, n = C, r = S, a = Db(y.rect);
+			formats: async () => je(),
+			onDiscard: Ae,
+			onExport: Me
+		}), Pe = async () => {
+			if (fe) return fe;
+			if (B.status !== "recording" || !ee || !U) throw Error("No recording is active.");
+			let e = le, n = ee, r = U, a = Eb(B.rect);
 			if (!a) throw Error("Recording region is unavailable.");
-			return P = (async () => {
-				D && i.cancelAnimationFrame(D), D = 0, O && i.clearTimeout(O), O = 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 = te;
+				te = null, s && await s;
 				let c = await n.finalize();
-				if (C = null, S = null, Vy(r), A !== e || N) throw Error("Recording was cancelled.");
+				if (ee = null, U = null, Vy(r), le !== e || de) throw Error("Recording was cancelled.");
 				let l = await eb(c), u = {
 					blob: c,
 					format: "webm",
@@ -18565,14 +19017,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					height: l.height,
 					createdAt: Date.now()
 				};
-				return x = u, ee(), z(), o.style.pointerEvents = "none", I({
+				return H = 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
-				}), ae.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,
@@ -18580,45 +19032,45 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					bytes: c.size
 				}), u;
 			})().catch(async (t) => {
-				if (await ne(!0), z(), A === e && !N) {
+				if (await ke(!0), _e(), le === e && !de) {
 					let e = t instanceof Error ? t.message : "Could not finish the recording.";
-					I({
+					me({
 						status: "error",
 						error: e
-					}), te(t);
+					}), Oe(t);
 				}
 				throw t;
 			}).finally(() => {
-				P = null;
-			}), P;
-		}, se = (e, t, n) => {
-			let r = 1 / s, a = (o) => {
-				if (N || A !== n || y.status !== "recording" || C !== t || S !== e) return;
-				let s = Math.max(0, (o - j) / 1e3);
-				I({ elapsed: s }), _.textContent = `● ${Math.floor(s / 60)}:${String(Math.floor(s % 60)).padStart(2, "0")}  Stop`;
+				fe = null;
+			}), fe;
+		}, Fe = (e, t, n) => {
+			let r = 1 / l, a = (o) => {
+				if (de || le !== n || B.status !== "recording" || ee !== t || U !== e) return;
+				let s = Math.max(0, (o - G) / 1e3);
+				me({ elapsed: s }), L.textContent = `${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`;
 				let c = s;
-				!w && c - M >= r * .8 && (By(e, y.rect ?? {
+				!te && c - ue >= r * .8 && (By(e, B.rect ?? {
 					left: 0,
 					top: 0,
 					width: i.innerWidth,
 					height: i.innerHeight
-				}, Ty(i)), M = c, w = t.addFrame(c, r).catch((e) => {
-					throw A === n && !N && ne(!0).then(() => {
-						z();
+				}, Ty(i)), ue = c, te = t.addFrame(c, r).catch((e) => {
+					throw le === n && !de && ke(!0).then(() => {
+						_e();
 						let t = e instanceof Error ? e.message : "MediaBunny could not encode the recording.";
-						I({
+						me({
 							status: "error",
 							error: t
-						}), te(e);
+						}), Oe(e);
 					}), e;
 				}).finally(() => {
-					w = null;
-				})), D = i.requestAnimationFrame(a);
+					te = null;
+				})), oe = i.requestAnimationFrame(a);
 			};
-			D = i.requestAnimationFrame(a);
-		}, ce = async (e) => {
-			let n = ++A;
-			ae.dismiss(), x = null, H(), R(), I({
+			oe = i.requestAnimationFrame(a);
+		}, Ie = async (e) => {
+			let n = ++le;
+			Ne.dismiss(), H = null, Te(), _e(), me({
 				status: "selecting",
 				elapsed: 0,
 				rect: e,
@@ -18629,46 +19081,46 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			});
 			try {
 				let a = await zy(r, i, e);
-				if (N || A !== n) {
+				if (de || le !== n) {
 					Vy(a);
 					return;
 				}
-				let u = await $y(a.canvas, {
+				let s = await $y(a.canvas, {
 					format: "webm",
-					frameRate: s,
-					quality: l
+					frameRate: l,
+					quality: d
 				});
-				if (N || A !== n) {
-					await u.cancel(), Vy(a);
+				if (de || le !== n) {
+					await s.cancel(), Vy(a);
 					return;
 				}
-				if (S = a, C = u, j = i.performance.now(), M = 0, By(a, e, Ty(i)), await u.addFrame(0, 1 / s), N || A !== n) {
-					await ne(!0);
+				if (U = a, ee = s, G = i.performance.now(), ue = 0, By(a, e, Ty(i)), await s.addFrame(0, 1 / l), de || le !== n) {
+					await ke(!0);
 					return;
 				}
-				I({
+				me({
 					status: "recording",
 					elapsed: 0
-				}), o.style.pointerEvents = "auto", _.textContent = "● 0:00  Stop", U(e), se(a, u, n), a.track.addEventListener("ended", () => {
-					A === n && y.status === "recording" && oe().catch(() => void 0);
-				}, { once: !0 }), O = i.setTimeout(() => {
-					A === n && y.status === "recording" && oe().catch(() => void 0);
-				}, c * 1e3), await t.hook.emit("recording:start", {
+				}), o.style.pointerEvents = "none", c(!0), Ce(e), L.textContent = "00:00", Ee(e), Fe(a, s, n), a.track.addEventListener("ended", () => {
+					le === n && B.status === "recording" && Pe().catch(() => void 0);
+				}, { once: !0 }), se = i.setTimeout(() => {
+					le === n && B.status === "recording" && Pe().catch(() => void 0);
+				}, u * 1e3), await t.hook.emit("recording:start", {
 					rect: { ...e },
-					frameRate: s,
-					maxDurationSeconds: c
+					frameRate: l,
+					maxDurationSeconds: u
 				});
 			} catch (t) {
-				if (await ne(!0), z(), A !== n || N) return;
+				if (await ke(!0), _e(), le !== 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 I({
+				throw me({
 					status: r ? "idle" : "error",
 					rect: r ? null : e,
 					error: i
-				}), r || te(t), t;
+				}), r || Oe(t), t;
 			}
-		}, le = () => {
-			y.status !== "selecting" && (++A, ae.dismiss(), x = null, R(), V(null), f.style.display = "block", o.style.pointerEvents = "auto", I({
+		}, Le = () => {
+			B.status !== "selecting" && (++le, Ne.dismiss(), H = null, W = null, re = !1, ie = null, ge(), xe(null), m.style.display = "block", m.style.pointerEvents = "auto", v.style.removeProperty("display"), o.style.pointerEvents = "auto", me({
 				status: "selecting",
 				elapsed: 0,
 				rect: null,
@@ -18677,23 +19129,23 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			}));
-		}, G = async (e) => {
-			if (y.status === "recording") {
-				await oe();
+		}, Re = async (e) => {
+			if (B.status === "recording") {
+				await Pe();
 				return;
 			}
-			if (y.status === "selecting") {
-				await ue();
+			if (B.status === "selecting") {
+				await ze();
 				return;
 			}
 			if (!e) {
-				le();
+				Le();
 				return;
 			}
 			if (e.width < 4 || e.height < 4) throw Error("Recording selection must be at least 4px by 4px.");
-			await ce(e);
-		}, ue = async () => {
-			++A, H(), await ne(!0), z(), y.status !== "ready" && I({
+			await Ie(e);
+		}, ze = async () => {
+			++le, Te(), await ke(!0), _e(), B.status !== "ready" && me({
 				status: "idle",
 				elapsed: 0,
 				rect: null,
@@ -18702,26 +19154,64 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: null,
 				error: null
 			});
-		}, de = (e) => {
-			y.status === "selecting" && e.button === 0 && (e.preventDefault(), e.stopPropagation(), T = {
+		}, Be = (e, t, n) => {
+			let r = W;
+			!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 }
+			}, m.setPointerCapture?.(e.pointerId));
+		}, Ve = (e) => {
+			B.status === "selecting" && e.button === 0 && (re && W && be(W, {
 				x: e.clientX,
 				y: e.clientY
-			}, V(qa(T, T, {
-				width: i.innerWidth,
-				height: i.innerHeight
-			})), f.setPointerCapture?.(e.pointerId));
-		}, fe = (e) => {
-			y.status !== "selecting" || !T || V(qa(T, {
+			}) || (e.preventDefault(), e.stopPropagation(), re = !1, W = null, me({ rect: null }), m.style.cursor = "crosshair", ne = {
 				x: e.clientX,
 				y: e.clientY
-			}, {
+			}, xe(qa(ne, ne, {
 				width: i.innerWidth,
 				height: i.innerHeight
-			}));
-		}, pe = (e) => {
-			let t = T;
-			if (T = null, y.status !== "selecting" || !t) return;
-			f.hasPointerCapture?.(e.pointerId) && f.releasePointerCapture(e.pointerId);
+			})), m.setPointerCapture?.(e.pointerId)));
+		}, He = (e) => {
+			if (B.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") {
+						Se({
+							...t.rect,
+							left: t.rect.left + n,
+							top: t.rect.top + r
+						});
+						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))), Se({
+						left: c,
+						top: l,
+						width: u - c,
+						height: d - l
+					});
+					return;
+				}
+				ne && xe(qa(ne, {
+					x: e.clientX,
+					y: e.clientY
+				}, {
+					width: i.innerWidth,
+					height: i.innerHeight
+				}));
+			}
+		}, Ue = (e) => {
+			if (ie) {
+				ie = null, m.hasPointerCapture?.(e.pointerId) && m.releasePointerCapture(e.pointerId), W && xe(W);
+				return;
+			}
+			let t = ne;
+			if (ne = null, B.status !== "selecting" || !t) return;
+			m.hasPointerCapture?.(e.pointerId) && m.releasePointerCapture(e.pointerId);
 			let n = qa(t, {
 				x: e.clientX,
 				y: e.clientY
@@ -18730,66 +19220,91 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				height: i.innerHeight
 			});
 			if (n.width < 4 || n.height < 4) {
-				V(null);
+				W = null, re = !1, me({ rect: null }), xe(null);
+				return;
+			}
+			W = ye(n), re = !0, m.style.cursor = "default", me({ rect: W }), xe(W);
+		}, We = (e) => {
+			ne = null, ie = null, m.hasPointerCapture?.(e.pointerId) && m.releasePointerCapture(e.pointerId), xe(W && re ? W : null);
+		}, Ge = (e) => {
+			if (e.key === "Enter" && B.status === "selecting" && re && W) {
+				e.preventDefault(), e.stopImmediatePropagation(), Ie(W).catch(() => void 0);
 				return;
 			}
-			ce(n).catch(() => void 0);
-		}, me = (e) => {
-			T = null, f.hasPointerCapture?.(e.pointerId) && f.releasePointerCapture(e.pointerId), V(null);
-		}, he = (e) => {
 			if (e.key === "Escape") {
-				if (y.status === "selecting") {
-					e.preventDefault(), e.stopImmediatePropagation(), ue();
+				if (B.status === "selecting") {
+					e.preventDefault(), e.stopImmediatePropagation(), ze();
 					return;
 				}
-				y.status === "recording" && (e.preventDefault(), e.stopImmediatePropagation(), oe().catch(() => void 0));
+				B.status === "recording" && (e.preventDefault(), e.stopImmediatePropagation(), Pe().catch(() => void 0));
 			}
 		};
-		f.addEventListener("pointerdown", de), f.addEventListener("pointermove", fe), f.addEventListener("pointerup", pe), f.addEventListener("pointercancel", me), i.addEventListener("keydown", he, !0), _.addEventListener("click", () => {
-			y.status === "recording" && oe().catch(() => void 0);
+		m.addEventListener("pointerdown", Ve), m.addEventListener("pointermove", He), m.addEventListener("pointerup", Ue), m.addEventListener("pointercancel", We), i.addEventListener("keydown", Ge, !0), g.addEventListener("pointerdown", (e) => {
+			let t = e.target;
+			t instanceof Element && t.closest("[data-mesurer-recording-resize]") || Be(e, "move");
+		});
+		for (let e of P) e.addEventListener("pointerdown", (t) => {
+			Be(t, "resize", e.dataset.mesurerRecordingResize);
+		});
+		y.addEventListener("pointerdown", (e) => {
+			e.stopPropagation();
+		}), y.addEventListener("click", (e) => {
+			e.stopPropagation();
+		});
+		let Ke = (e, t) => {
+			let n = W, r = Number(e.value);
+			!n || !Number.isFinite(r) || Se({
+				...n,
+				[t]: r
+			});
+		};
+		C.addEventListener("change", () => Ke(C, "width")), w.addEventListener("change", () => Ke(w, "height")), O.addEventListener("change", () => Ke(O, "left")), k.addEventListener("change", () => Ke(k, "top")), j.addEventListener("click", () => {
+			B.status === "selecting" && re && W && Ie(W).catch(() => void 0);
+		}), R.addEventListener("click", () => {
+			B.status === "recording" && Pe().catch(() => void 0);
 		});
-		let ge = {
-			snapshot: () => Ob(y),
+		let qe = {
+			snapshot: () => Db(B),
 			subscribe(e) {
-				return b.add(e), () => b.delete(e);
+				return V.add(e), () => V.delete(e);
 			},
-			formats: re,
-			start: G,
-			stop: oe,
-			cancel: ue,
-			discard: W,
-			export: ie
+			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: vb,
 			toolbarMode: "select",
-			icon: Eb,
-			active: L,
-			hidden: () => !u().toolEnabled,
+			icon: Tb,
+			active: he,
+			hidden: () => !f().toolEnabled,
 			menu: {
 				label: "Recording options",
 				items: [
 					{
 						id: "new",
 						label: "New recording",
-						disabled: () => y.status === "recording" || y.status === "exporting",
-						run: () => G()
+						disabled: () => B.status === "recording" || B.status === "exporting",
+						run: () => Re()
 					},
 					{
 						id: "stop",
 						label: "Stop recording",
-						disabled: () => y.status !== "recording",
-						run: () => oe().then(() => void 0)
+						disabled: () => B.status !== "recording",
+						run: () => Pe().then(() => void 0)
 					},
 					{
 						id: "discard",
 						label: "Discard clip",
-						disabled: () => x === null,
-						run: W
+						disabled: () => H === null,
+						run: Ae
 					}
 				]
 			}
@@ -18802,26 +19317,26 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				id: "tool",
 				label: "Recording tool",
 				description: "Show selected-region video recording in the Select toolbar.",
-				value: () => u().toolEnabled,
+				value: () => f().toolEnabled,
 				set: async (e) => {
-					d({ toolEnabled: e }), !e && L() && await ue();
+					p({ toolEnabled: e }), !e && he() && await ze();
 				}
 			}]
-		}), t.command.register(yb, async () => (await G(), Nb(y))), t.command.register(bb, async () => Fb(await oe())), t.command.register(xb, () => (W(), Nb(y))), t.command.register(Sb, async (e) => {
-			let t = await ie(Mb(e));
-			return Ib(t, r, i), Pb(t);
-		}), t.service.provide(gb, ge), t.lifecycle.onDispose(() => {
-			N = !0, ++A, b.clear(), f.removeEventListener("pointerdown", de), f.removeEventListener("pointermove", fe), f.removeEventListener("pointerup", pe), f.removeEventListener("pointercancel", me), i.removeEventListener("keydown", he, !0), k && i.clearTimeout(k), ae.dispose(), H(), z(), ne(!0), a.dispose();
+		}), t.command.register(vb, async () => (await Re(), Mb(B))), t.command.register(yb, async () => Pb(await Pe())), t.command.register(bb, () => (Ae(), Mb(B))), t.command.register(xb, async (e) => {
+			let t = await Me(jb(e));
+			return Fb(t, r, i), Nb(t);
+		}), t.service.provide(hb, qe), t.lifecycle.onDispose(() => {
+			de = !0, ++le, V.clear(), m.removeEventListener("pointerdown", Ve), m.removeEventListener("pointermove", He), m.removeEventListener("pointerup", Ue), m.removeEventListener("pointercancel", We), i.removeEventListener("keydown", Ge, !0), ce && i.clearTimeout(ce), Ne.dispose(), Te(), _e(), ke(!0), a.dispose();
 		});
 	}
-}), Rb = 144, zb = 96, Bb = 8, Vb = 4, Hb = 1800, Ub = (e, t) => {
+}), Lb = 144, Rb = 96, zb = 8, Bb = 4, Vb = 1800, Hb = (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) => {
+}, Ub = (e, t) => ({
+	left: Math.min(Math.max(zb, e.left), Math.max(zb, t.innerWidth - Lb - zb)),
+	top: Math.min(Math.max(zb, e.top), Math.max(zb, t.innerHeight - Rb - zb))
+}), Wb = (e, t) => {
 	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, Ub(n, {
+	return n.type = "button", n.textContent = t, Hb(n, {
 		height: "32px",
 		padding: "0 12px",
 		border: "1px solid rgb(255 255 255 / 18%)",
@@ -18833,11 +19348,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 }) => {
+}, Gb = ({ 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", Kb = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), qb = ({ 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 (!Kb(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", Hb(a, {
 		position: "fixed",
 		left: "0",
 		top: "0",
@@ -18849,12 +19364,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, Hb(o, {
 		position: "fixed",
 		display: "none",
 		"z-index": "96",
-		width: `${Rb}px`,
-		height: `${zb}px`,
+		width: `${Lb}px`,
+		height: `${Rb}px`,
 		"box-sizing": "border-box",
 		overflow: "hidden",
 		"border-radius": "10px",
@@ -18867,7 +19382,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", Hb(s, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -18875,7 +19390,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", Hb(c, {
 		position: "absolute",
 		top: "8px",
 		right: "8px",
@@ -18901,7 +19416,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"), Hb(d, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -18915,7 +19430,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", Hb(f, {
 		display: "block",
 		"max-width": "calc(100vw - 96px)",
 		"max-height": "calc(100vh - 112px)",
@@ -18926,7 +19441,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", Hb(p, {
 		position: "fixed",
 		top: "16px",
 		right: "16px",
@@ -18934,14 +19449,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 = Wb(e, "Copy");
 	m.dataset.mesurerScreenshotViewerCopy = "true", m.setAttribute("aria-label", "Copy screenshot");
-	let h = Gb(e, "Save");
+	let h = Wb(e, "Save");
 	h.dataset.mesurerScreenshotViewerSave = "true", h.setAttribute("aria-label", "Save screenshot");
-	let g = Gb(e, "Close");
+	let g = Wb(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"), Hb(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "20px",
@@ -18963,18 +19478,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);
+		}, Vb);
 	}, 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 = () => Ub({
+		left: t.innerWidth - Lb - zb,
+		top: t.innerHeight - Rb - zb
 	}, t), M = (e) => {
-		let n = Wb(e, t);
+		let n = Ub(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());
@@ -19008,7 +19523,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) >= Bb && (n.moved = !0), n.moved && M({
 			left: n.left + r,
 			top: n.top + i
 		});
@@ -19052,25 +19567,25 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			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(Gb(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", ae, !0), o.removeEventListener("mousedown", B), o.removeEventListener("pointerdown", U), o.removeEventListener("keydown", W), o.removeEventListener("contextmenu", re), d.removeEventListener("click", ie), 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 = [
+}, Jb = "mesurer.screenshot", Yb = "screenshot", Xb = "mesurer.screenshot.settings", Zb = "mesurer.screenshot.active", Qb = "runtime:solid", $b = "screenshot.toggle", ex = 2500, tx = 0, nx = [
 	"[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(","), rx = `${nx},[data-mesurer-rulers='true']`, ix = {
 	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) => {
+}, ax = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, sx = (e, t) => {
+}, ox = (e, t) => {
 	for (let n of [
 		"left",
 		"top",
@@ -19082,63 +19597,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);
+}, sx = (e) => {
+	let t = e(Xb);
 	return {
 		toolEnabled: t?.toolEnabled ?? !0,
 		copy: t?.copy ?? !0,
 		download: t?.download ?? !1,
 		includeMeasurements: t?.includeMeasurements ?? !1
 	};
-}, lx = (e) => ({
+}, cx = (e) => ({
 	value: e.style.getPropertyValue("display"),
 	priority: e.style.getPropertyPriority("display")
-}), ux = (e, t) => {
+}), lx = (e, t) => {
 	t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
-}, dx = (e, t) => {
+}, ux = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, fx = (e) => {
+}, dx = (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 = ux(e, t);
 		r && n.add(r);
 	}
-	for (let e of t.querySelectorAll(rx)) {
-		let r = dx(e, t);
+	for (let e of t.querySelectorAll(nx)) {
+		let r = ux(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: cx(e)
 	}), e.style.setProperty("display", "none", "important"));
 	return () => {
-		for (let e of r) ux(e.element, e.display);
+		for (let e of r) lx(e.element, e.display);
 	};
-}, px = (e) => Array.from(e.querySelectorAll(ix)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
+}, fx = (e) => Array.from(e.querySelectorAll(rx)).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: cx(e)
+})), px = (e) => {
+	for (let t of e) t.element.isConnected && lx(t.element, t.display);
+}, mx = (e = {}) => Ta({
+	id: Jb,
 	version: "0.1.0",
-	requires: [$b],
+	requires: [Qb],
 	provides: [
 		"tool:screenshot",
 		"capture:screenshot",
 		"settings:screenshot"
 	],
 	setup(t) {
-		let n = t.service.get($b);
+		let n = t.service.get(Qb);
 		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 ?? tx;
 		t.state.register({
-			id: Zb,
+			id: Xb,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
 				copy: e.copy ?? !0,
@@ -19147,11 +19662,11 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			},
 			persist: !0
 		}), t.state.register({
-			id: Qb,
+			id: Zb,
 			initial: !1
 		});
 		let u = o.element;
-		u.dataset.mesurerScreenshot = "true", ox(u, {
+		u.dataset.mesurerScreenshot = "true", ax(u, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "85",
@@ -19159,7 +19674,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"), ax(d, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -19171,13 +19686,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 ax(e, {
 				position: "fixed",
 				"background-color": "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
 			}), d.append(e), e;
 		}), p = r.createElement("div");
-		ox(p, {
+		ax(p, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid #0d99ff",
@@ -19185,7 +19700,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, {
+		ax(m, {
 			position: "fixed",
 			display: "none",
 			"z-index": "86",
@@ -19199,7 +19714,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", ax(h, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -19212,7 +19727,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", ax(g, {
 			position: "fixed",
 			display: "none",
 			"z-index": "97",
@@ -19223,8 +19738,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 = () => sx(t.state.get), E = (e) => {
+			t.state.update(Xb, (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;
 			});
@@ -19247,13 +19762,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], {
+				ox(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)) ox(e, {
 					left: 0,
 					top: 0,
 					width: 0,
@@ -19262,31 +19777,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], {
+			ox(f[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), sx(f[1], {
+			}), ox(f[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), sx(f[2], {
+			}), ox(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], {
+			}), ox(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", ox(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, ox(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 = qb({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: u,
@@ -19297,7 +19812,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);
+			}, ex);
 		}, F = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, I = () => {
@@ -19306,8 +19821,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 ? fx(r) : [], u = s.includeMeasurements ? () => void 0 : dx(n.portalTarget);
+			a.prepareCapture(), s.includeMeasurements && px(l);
 			try {
 				d.style.visibility = "hidden", await Qa(i);
 				let n = await Ja(await c({
@@ -19415,9 +19930,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			label: "Screenshot",
 			shortcut: "Shift+S",
 			order: 70,
-			command: ex,
+			command: $b,
 			toolbarMode: "select",
-			icon: ax,
+			icon: ix,
 			active: w,
 			hidden: () => !T().toolEnabled,
 			menu: {
@@ -19483,31 +19998,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($b, R), t.service.provide(Yb, 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) => {
+}), hx = (e) => Number.parseFloat(e) || 0, gx = 0, _x = (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) {
+}, vx = (e) => e.nodeType === 9, yx = (e) => e.nodeType === 11;
+function bx(e) {
 	let t = e.getRootNode();
-	return bx(t) ? t : e.ownerDocument;
+	return yx(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 xx = (e, t) => {
+	if (vx(e) || yx(e)) return e;
+	let n = bx(e);
+	return yx(n) ? n : t;
+}, Sx = 600, Cx = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", wx = /* @__PURE__ */ new WeakMap(), Tx = (e) => {
 	let t = e;
 	for (; t;) {
-		if ((Tx.get(t) ?? 0) > 0) return !0;
+		if ((wx.get(t) ?? 0) > 0) return !0;
 		let e = t.getRootNode();
-		t = bx(e) ? e.host : t.parentElement;
+		t = yx(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) => {
+}, Ex = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, Dx = (e, t) => Array.from(e.getClientRects()).some((e) => Ex(e, t)), Ox = (e, t, n) => {
 	let r = e;
 	for (; r;) {
 		let e = n.getComputedStyle(r);
@@ -19516,7 +20031,7 @@ var Sx = (e, t) => {
 		r = r.parentElement;
 	}
 	return !0;
-}, Ax = (e, t) => {
+}, kx = (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",
@@ -19525,7 +20040,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) => {
+}, Ax = (e, t) => !!e.textContent?.trim() || kx(e, t), jx = (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;
@@ -19536,11 +20051,11 @@ var Sx = (e, t) => {
 		o = o.parentElement;
 	}
 	return o === n ? n : null;
-}, Nx = (e, t, n) => {
+}, Mx = (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) || Tx(n) || r.getComputedStyle(n).pointerEvents !== "none" || Ox(n, e, r) || !Dx(n, t)) return;
 		let c = n.getBoundingClientRect();
 		o.add(n), a.push({
 			element: n,
@@ -19549,7 +20064,7 @@ var Sx = (e, t) => {
 			order: s
 		});
 	}, c = n.createTreeWalker(e, 1), l = c.nextNode(), u = 1;
-	for (; l && u <= Cx;) {
+	for (; l && u <= Sx;) {
 		if (l instanceof i) {
 			let t = l;
 			if (r.getComputedStyle(t).pointerEvents === "none") {
@@ -19560,9 +20075,9 @@ var Sx = (e, t) => {
 		}
 		u += 1, l = c.nextNode();
 	}
-	let d = Mx(t, n, e);
+	let d = jx(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) => {
+}, Nx = (e, t, n) => {
 	let r = t.ownerDocument.defaultView;
 	if (!r) return [];
 	let i = [...new Set(e)], a = /* @__PURE__ */ new Map();
@@ -19571,7 +20086,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 = bx(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);
@@ -19579,31 +20094,31 @@ var Sx = (e, t) => {
 	} finally {
 		for (let [e, t] of a) t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
 	}
-}, Fx = (e, t) => {
+}, Px = (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) => {
+}, Fx = (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 = Nx(Mx(e, t, r).filter((e) => Ax(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(Cx) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
+	let o = [], s = /* @__PURE__ */ new Set(), c = !vx(n) && !yx(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 = Px(e, a), d = Mx(a, t, r).filter((e) => {
+			if (!Lx(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
+			let t = Px(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) || !Ax(e, i) || (s.add(e), o.push(e));
 		if (a === c) break;
 		l = a.parentElement;
 	}
-	return Px(o, e, t);
+	return Nx(o, e, t);
 };
-function Lx(e, t, n = yx(t) ? t : t.ownerDocument ?? document) {
-	let r = Sx(t, n), i = n.defaultView;
+function Ix(e, t, n = vx(t) ? t : t.ownerDocument ?? document) {
+	let r = xx(t, n), i = n.defaultView;
 	if (!i) return null;
 	let a = r.elementsFromPoint(e.x, e.y);
 	for (let r of a) {
@@ -19613,28 +20128,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 || !Lx(a, t)) continue;
+		let o = Fx(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 Lx(e, t) {
+	if (vx(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 (!yx(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function zx(e, t) {
+function Rx(e, t) {
 	if (!e) return t();
-	let n = Tx.get(e) ?? 0;
-	Tx.set(e, n + 1);
+	let n = wx.get(e) ?? 0;
+	wx.set(e, n + 1);
 	let r = [e, ...e.querySelectorAll("*")], i = r.map((e) => [
 		e,
 		e.style.getPropertyValue("pointer-events"),
@@ -19644,13 +20159,13 @@ function zx(e, t) {
 	try {
 		return t();
 	} finally {
-		n === 0 ? Tx.delete(e) : Tx.set(e, n);
+		n === 0 ? wx.delete(e) : wx.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 zx(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${vx(e.id, t)}`;
+	if (e.id) return `#${_x(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -19664,17 +20179,17 @@ function Bx(e) {
 	}
 	return r.join(" > ");
 }
-function Vx(e, t, n = `dom-inspection-${++_x}`) {
+function Bx(e, t, n = `dom-inspection-${++gx}`) {
 	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: hx(i.paddingTop),
+		right: hx(i.paddingRight),
+		bottom: hx(i.paddingBottom),
+		left: hx(i.paddingLeft)
 	}, o = {
-		top: gx(i.marginTop),
-		right: gx(i.marginRight),
-		bottom: gx(i.marginBottom),
-		left: gx(i.marginLeft)
+		top: hx(i.marginTop),
+		right: hx(i.marginRight),
+		bottom: hx(i.marginBottom),
+		left: hx(i.marginLeft)
 	}, s = {
 		left: r.left + a.left,
 		top: r.top + a.top,
@@ -19702,8 +20217,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 Vx(e) {
+	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? Bx(r, t) : null, o = (e) => {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}, s = (e) => ({
@@ -19713,7 +20228,7 @@ function Hx(e) {
 		left: o(n.getPropertyValue(`${e}-left${e === "border" ? "-width" : ""}`))
 	});
 	return {
-		selector: Bx(e),
+		selector: zx(e),
 		tag: e.localName,
 		id: e.id || null,
 		classes: [...e.classList],
@@ -19775,10 +20290,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 Hx = "text-edit", Ux = (e) => Vx(e);
+function Wx(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 || Lx(n, t), a = async () => {
+		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(Hx);
 		if (!t) throw Error("Mesurer text editing service is unavailable.");
 		return t;
 	}, o = () => {
@@ -19807,25 +20322,25 @@ function Gx(e) {
 		},
 		inspect(e, t = 0) {
 			let n = r(e, t);
-			return n ? Wx(n) : null;
+			return n ? Ux(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(Ux);
 		},
 		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 Rx(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
+				let a = Ix({
 					x: n,
 					y: r
 				}, t, e.ownerDocument);
-				return a && i(a) ? Wx(a) : null;
+				return a && i(a) ? Ux(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 = Ux(n), o = Ux(i), s = a.rect, c = o.rect;
 			return {
 				a,
 				b: o,
@@ -19841,7 +20356,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(Ux)),
 				plugins: r.describe(),
 				pluginState: r.state.serialize("all")
 			};
@@ -19866,10 +20381,10 @@ function Gx(e) {
 }
 //#endregion
 //#region src/version.ts
-var Kx = "0.2.1-beta.5", qx = Np, Jx = Pp, Yx = () => ({
+var Gx = "0.2.1-beta.7", Kx = Np, qx = Pp, Jx = () => ({
 	...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: Gx
+}), Yx = qx, Xx = (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, Zx = (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 {
@@ -19878,36 +20393,36 @@ var Kx = "0.2.1-beta.5", 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) {
+}, Qx = (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), $x = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
+function eS(e) {
 	let { workspace: t, scope: n, guideTolerance: r } = e;
 	if (n.kind === "workspace") return {
 		guides: t.guides.map((e) => ({ ...e })),
-		measurements: eS(t),
+		measurements: $x(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) => Xx(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) => Qx(e, n.regions, r)).map((e) => ({ ...e })),
+		measurements: $x(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 tS = {
 	opacity: 1,
 	width: 1,
 	pattern: "solid",
 	dashLength: 6,
 	gap: 4
-}, rS = {
+}, nS = {
 	opacity: 1,
 	edgeReveal: !1
 };
 //#endregion
 //#region ../mesurer-core/dist/events.js
-function iS() {
+function rS() {
 	let e = /* @__PURE__ */ new Map();
 	return {
 		on(t, n) {
@@ -19925,12 +20440,12 @@ function iS() {
 		}
 	};
 }
-({ ...nS }), { ...rS };
+({ ...tS }), { ...nS };
 //#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 iS = 50;
+function aS() {
+	let e = 1, t = 0, n = rS(), 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
@@ -19993,15 +20508,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 > iS && 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 > iS && 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 > iS && 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 = {
@@ -20158,8 +20673,8 @@ function oS() {
 }
 //#endregion
 //#region ../mesurer-core/dist/runtime.js
-async function sS(e = {}) {
-	let t = oS();
+async function oS(e = {}) {
+	let t = aS();
 	try {
 		for (let n of e.plugins ?? []) await t.load(n);
 		return t;
@@ -20169,17 +20684,17 @@ async function sS(e = {}) {
 }
 //#endregion
 //#region src/context.ts
-var cS = 10, lS = (e) => ({
+var sS = 10, cS = (e) => ({
 	left: e.left,
 	top: e.top,
 	width: e.width,
 	height: e.height
-}), uS = (e) => {
+}), lS = (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) {
+}, uS = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function dS(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();
@@ -20187,7 +20702,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 = lS(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";
@@ -20199,15 +20714,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 = lS(e.elements), !o.length && !e.region) throw Error("Mesurer has no current selection.");
+		s = e.region ? [e.region] : o.map((e) => cS(e.getBoundingClientRect())), c = { kind: "selection" };
+	} else o = lS([
 		...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) => cS(e.getBoundingClientRect())), d = eS({
 		workspace: {
 			guides: a.guides,
 			measurements: a.measurements,
@@ -20219,8 +20734,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 ?? sS
+	}), f = d.measurements, p = d.distances, m = d.guides, h = lS([
 		...o,
 		...f.map((e) => e.elementRef),
 		...p.flatMap((e) => [e.elementRefA, e.elementRefB])
@@ -20232,12 +20747,12 @@ function fS(e) {
 		let t = l.get(e) ?? y();
 		return g.set(e, t), {
 			ref: t,
-			inspection: Hx(e)
+			inspection: Vx(e)
 		};
 	}), x = f.map((e) => {
 		let t = {
 			id: e.id,
-			rect: lS(e.rect),
+			rect: cS(e.rect),
 			deltaX: e.deltaX,
 			deltaY: e.deltaY
 		};
@@ -20247,8 +20762,8 @@ function fS(e) {
 	}), S = p.map((e) => {
 		let t = {
 			id: e.id,
-			rectA: lS(e.rectA),
-			rectB: lS(e.rectB),
+			rectA: cS(e.rectA),
+			rectB: cS(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;
@@ -20256,7 +20771,7 @@ function fS(e) {
 	});
 	return {
 		schema: "mesurer.context/v1",
-		id: dS(r),
+		id: uS(r),
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		scope: c,
 		page: {
@@ -20271,7 +20786,7 @@ function fS(e) {
 			scrollY: r.scrollY
 		},
 		coordinateSpace: "viewport-css-px",
-		regions: c.kind === "workspace" ? [] : s.map(lS),
+		regions: c.kind === "workspace" ? [] : s.map(cS),
 		visualState: {
 			rulersVisible: a.rulersVisible,
 			xrayVisible: a.xrayVisible
@@ -20285,48 +20800,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 fS = (e) => `${Math.round(e * 100) / 100}px`, pS = (e) => `x=${fS(e.left)} y=${fS(e.top)} w=${fS(e.width)} h=${fS(e.height)}`;
+function mS(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}: ${pS(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: ${pS(e.rect)}`, `  margin: ${fS(e.margin.top)} ${fS(e.margin.right)} ${fS(e.margin.bottom)} ${fS(e.margin.left)}`, `  padding: ${fS(e.padding.top)} ${fS(e.padding.right)} ${fS(e.padding.bottom)} ${fS(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"}=${fS(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 ${fS(n.size)}` : `${n.count} ${n.kind}; gutter=${fS(n.gutter)}; offset=${fS(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}: ` : ""}${pS(n.rect)}; delta=${fS(n.deltaX)} × ${fS(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=${fS(n.horizontal.value)}` : null, n.vertical ? `vertical=${fS(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 hS(e) {
+	let t = Zx([
 		...e.regions,
 		...e.targets.map((e) => e.inspection.rect),
 		...e.visualContext.measurements.map((e) => e.rect),
@@ -20356,7 +20871,7 @@ function gS(e) {
 		captures: n
 	};
 }
-var _S = (e, t, n, r, i) => {
+var gS = (e, t, n, r, i) => {
 	!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
 		kind: t,
 		label: n,
@@ -20365,16 +20880,16 @@ var _S = (e, t, n, r, i) => {
 		delta: i - r,
 		unit: "px"
 	});
-}, vS = (e, t, n, r) => e.push({
+}, _S = (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) {
+}), vS = (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 yS(e) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
-	let n = fS({
+	let n = dS({
 		runtime: e.runtime,
 		ownerDocument: e.ownerDocument,
 		ownerWindow: e.ownerWindow,
@@ -20384,42 +20899,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 = $x({
 		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);
+			_S(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);
+		gS(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), gS(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), gS(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), gS(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}`);
+			_S(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
 			continue;
 		}
-		_S(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
+		gS(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) => vS(t.rect, e.rect));
+			r && n.targets.some((e) => e.ref === r.id) || _S(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);
+		gS(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), gS(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);
+			_S(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 ? gS(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && _S(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? gS(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && _S(a, "distance", e.id, `${e.id} vertical`);
 	}
 	return {
 		schema: "mesurer.review/v1",
@@ -20431,7 +20946,7 @@ function bS(e) {
 		changes: a
 	};
 }
-async function xS(e, t, n) {
+async function bS(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -20445,43 +20960,43 @@ async function xS(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var SS = Kv, CS = qv, wS = () => ({
+var xS = Kv, SS = qv, CS = () => ({
 	...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: Gx
+}), wS = "mesurer.context", TS = "context:v1", ES = "mesurer.context.settings", DS = "context.ui", OS = "data-mesurer-direct-text-edit-active", kS = {
 	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 = {
+}, AS = {
 	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 = {
+}, jS = {
 	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) => {
+}, MS = 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({
+}, NS = (e, t, n, r) => {
+	let i = async (i) => dS({
 		runtime: e,
 		ownerDocument: t,
 		ownerWindow: n,
 		request: i,
 		layoutGuides: r()
-	}), a = async (e) => hS(await i(e));
+	}), a = async (e) => mS(await i(e));
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => xS(t, n, await a(e)),
+		copyContext: async (e) => bS(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 MS(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await NS(t, n);
+			e.removeAnnotation(r), await MS(t, n);
 		},
 		review: async (i) => {
-			if (await NS(t, n), i) return bS({
+			if (await MS(t, n), i) return yS({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -20489,7 +21004,7 @@ var SS = Kv, CS = qv, wS = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => bS({
+			return e.annotations().map((r) => yS({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -20497,38 +21012,38 @@ var SS = Kv, CS = qv, wS = () => ({
 				layoutGuides: a
 			}));
 		},
-		capturePlan: async (e) => gS(await i(e)),
+		capturePlan: async (e) => hS(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await NS(t, n);
+			e.prepareCapture(), await MS(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await NS(t, n);
+			e.finishCapture(), await MS(t, n);
 		}
 	};
-}, FS = (e) => {
+}, PS = (e) => {
 	let t = e.currentSelection();
 	return t.elements.length > 0 || t.region !== null;
 };
-function IS(e = {}) {
+function FS(e = {}) {
 	return {
-		id: TS,
-		version: Kx,
+		id: wS,
+		version: Gx,
 		requires: ["runtime:solid"],
-		provides: [ES],
+		provides: [TS],
 		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(wS), i = NS(r, n.ownerDocument, n.ownerWindow, () => t.service.get(SS)?.list() ?? []);
+			t.service.provide(TS, i), t.state.register({
+				id: ES,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: OS,
-				initial: { hasSelection: FS(r) }
+				id: DS,
+				initial: { hasSelection: PS(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(DS)?.hasSelection === !0, s = (e) => {
+				t.state.update(ES, (t) => ({
 					...t,
 					ui: e
 				}));
@@ -20542,12 +21057,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(DS)?.hasSelection ?? !1) && t.state.update(DS, () => ({ 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(OS) ? e.setAttribute(OS, "true") : e.removeAttribute(OS));
 			}, _ = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
 			}, v = () => {
@@ -20556,7 +21071,7 @@ function IS(e = {}) {
 					let e = new n.ownerWindow.MutationObserver(g);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
-						attributeFilter: [kS]
+						attributeFilter: [OS]
 					}), g();
 				}
 				let e = {
@@ -20580,7 +21095,7 @@ function IS(e = {}) {
 				command: "context.copy",
 				order: 70,
 				toolbarMode: "always",
-				icon: AS,
+				icon: kS,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -20589,7 +21104,7 @@ function IS(e = {}) {
 				command: "context.copy-selection",
 				order: 71,
 				toolbarMode: "always",
-				icon: jS,
+				icon: AS,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -20599,7 +21114,7 @@ function IS(e = {}) {
 				command: "context.add-note",
 				order: 72,
 				toolbarMode: "always",
-				icon: MS,
+				icon: jS,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -20622,7 +21137,7 @@ function IS(e = {}) {
 }
 //#endregion
 //#region src/host-layer.ts
-var LS = {
+var IS = {
 	display: "block",
 	position: "fixed",
 	inset: "0",
@@ -20638,7 +21153,7 @@ var LS = {
 	overflow: "visible",
 	background: "transparent",
 	"box-sizing": "border-box",
-	"pointer-events": "auto",
+	"pointer-events": "none",
 	"z-index": "2147483647",
 	opacity: "1",
 	visibility: "visible",
@@ -20664,48 +21179,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 LS(e) {
+	for (let [t, n] of Object.entries(IS)) e.style.setProperty(t, n, "important");
 }
-function zS(e) {
+function RS(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 zS = (e) => "newState" in e, BS = (e) => e.localName === "dialog";
+function VS(e) {
+	if (!BS(e) || !e.open) return !1;
 	try {
 		return e.matches(":modal");
 	} catch {
 		return !1;
 	}
 }
-function US(e, t, n = !0) {
-	RS(e);
+function HS(e, t, n = !0) {
+	LS(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 && RS(e) && (e.popover = "manual"), t.append(e), n && RS(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 || !RS(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 && RS(e) && e.matches(":popover-open");
+		if (n && RS(e)) try {
 			e.hidePopover();
 		} catch {}
-		t.append(e), RS(e), n && d();
+		t.append(e), LS(e), n && d();
 	}, p = () => {
-		u = u.filter((e) => e.isConnected && HS(e)), f(u.at(-1) ?? a);
+		u = u.filter((e) => e.isConnected && VS(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 || !RS(e))) try {
 			e.matches(":popover-open") && e.hidePopover(), e.showPopover();
 		} catch {}
 	}, _ = () => {
@@ -20714,27 +21229,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 = zS(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 (BS(r)) {
+				n === "open" && VS(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 && BS(t) && h(t);
 	}, b = () => {
 		r.fullscreenElement && _();
 	}, x = (e) => {
-		HS(e) && m(e);
-		for (let t of e.querySelectorAll("dialog")) HS(t) && m(t);
+		VS(e) && m(e);
+		for (let t of e.querySelectorAll("dialog")) VS(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 && BS(e) && (VS(e) ? m(e) : h(e));
 			}
 			for (let e of t.addedNodes) e instanceof i.Element && x(e);
 			u.some((e) => !e.isConnected) && p();
@@ -20750,7 +21265,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 && RS(e) && e.matches(":popover-open")) try {
 					e.hidePopover();
 				} catch {}
 				u = [];
@@ -20760,28 +21275,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 US = "mesurer.codex", WS = "codex:v1", GS = "mesurer.plugin.before-disable", KS = 2e3, qS = 750, JS = 1800, YS = 2e3, XS = 12e4, ZS = 10, QS = 5, $S = "Codex host connection is unavailable. Electron apps must expose window.__MESURER_HOST__.codexBridge from preload.", eC = [
 	"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(" "), tC = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, rC = {
+}, nC = {
 	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 = {
+}, rC = {
 	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 = () => {
+}, iC = () => {
 	try {
 		let e = globalThis.location;
 		return e?.origin ? `mesurer-codex-ui:v2:${e.origin}${e.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, oC = () => {
-	let e = aC();
+}, aC = () => {
+	let e = iC();
 	if (!e) return null;
 	try {
 		let t = globalThis.sessionStorage?.getItem(e);
@@ -20806,18 +21321,18 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 	} catch {
 		return null;
 	}
-}, sC = (e) => {
-	let t = aC();
+}, oC = (e) => {
+	let t = iC();
 	if (t) try {
 		globalThis.sessionStorage?.setItem(t, JSON.stringify(e));
 	} catch {}
-}, cC = async (e) => {
+}, sC = async (e) => {
 	let t = window.__MESURER_HOST__?.codexBridge;
-	if (!t) throw Error(eC);
+	if (!t) throw Error($S);
 	let n = await t(e);
 	if (n.ok === !1) throw Error(n.error ?? "Codex Bridge request failed.");
 	return n;
-}, lC = (e) => {
+}, cC = (e) => {
 	let t = e.runtime;
 	return !t || ![
 		"shared",
@@ -20835,10 +21350,10 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 		available: t.available === !0,
 		reason: t.reason
 	};
-}, uC = (e) => ({
+}, lC = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), dC = (e) => {
+}), uC = (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 = {
@@ -20850,7 +21365,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) => ({
+}, dC = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -20862,7 +21377,7 @@ var WS = "mesurer.codex", GS = "codex:v1", KS = "mesurer.plugin.before-disable",
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), pC = async (e, t, n) => {
+}), fC = 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] : [];
@@ -20885,18 +21400,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;
+}, pC = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, mC = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, hC = (e) => e instanceof Error && (e.message === $S || e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease"));
+function gC(e = {}) {
+	let t = e.instruction?.trim() || eC, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
 	return {
-		id: WS,
-		version: Kx,
-		requires: [ES],
-		provides: [GS],
+		id: US,
+		version: Gx,
+		requires: [TS],
+		provides: [WS],
 		async setup(e) {
-			let i = e.service.get(ES);
+			let i = e.service.get(TS);
 			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 ? aC() : 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 = QS, _, v = "", y = null, b = a?.delivery ? {
 				id: a.delivery.id,
 				thread: a.delivery.thread,
 				status: a.delivery.status,
@@ -20905,38 +21420,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 sC(e);
 				if (!T) throw Error("Codex Bridge lease is not active for this plugin.");
-				return cC({
+				return sC({
 					...e,
 					leaseId: T
 				});
 			}, D = async () => {
 				let e = T;
 				if (e) {
-					if ((await cC({
+					if ((await sC({
 						action: "deactivate",
 						leaseId: e
 					})).released !== !0) throw Error("Codex Bridge did not confirm lease release.");
 					T = null;
 				}
-			}, O = await cC({
+			}, O = await sC({
 				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 = cC(O);
+			let A = lC(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(GS, async (e) => {
 				e === "mesurer.codex" && await D();
 			});
 			let j = async () => {
-				let e = lC(await E({ action: "runtime" }));
+				let e = cC(await E({ action: "runtime" }));
 				if (!e) throw Error("Codex Bridge returned an invalid runtime state.");
 				return s = e, e;
 			}, M = async () => {
@@ -20944,8 +21459,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 = cC(e) ?? s, lC(e);
+			}, N = M, P = async (e) => uC(await E({
 				action: "delivery",
 				deliveryId: e
 			})), F = async (e) => {
@@ -20955,13 +21470,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), uC(await E(t));
 			}, I = async (e = {}) => {
 				let t = {
 					action: "threads",
-					limit: e.limit ?? QS
+					limit: e.limit ?? ZS
 				}, n = e.thread?.trim();
-				return n && (t.thread = n), fC(await E(t));
+				return n && (t.thread = n), dC(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") ? {
@@ -20973,7 +21488,7 @@ function _C(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				sC({
+				oC({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -20991,12 +21506,12 @@ function _C(e = {}) {
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? rC : b.status === "completed" ? iC : nC : nC, ee = () => {
+			].includes(b.status) ? nC : b.status === "completed" ? rC : tC : tC, 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 ${pC(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -21024,7 +21539,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}${mC(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => B(),
 						run() {
@@ -21032,15 +21547,15 @@ function _C(e = {}) {
 						}
 					};
 				});
-				return g < QS && (e.length > g || h) && r.push({
+				return g < ZS && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = QS, W();
+						g = ZS, 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 · ${pC(b.queuedSubmissionId)}`,
 					disabled: () => !0,
 					run: () => void 0
 				}), r;
@@ -21077,7 +21592,7 @@ function _C(e = {}) {
 			}, re = async (e) => {
 				if (o !== "available") return;
 				let t = await I({
-					limit: QS,
+					limit: ZS,
 					thread: e ?? void 0
 				});
 				m = t.threads, h = t.hasMore, p = t.threads.filter((e) => e.connected).map((e) => e.id), f = t.thread;
@@ -21099,7 +21614,7 @@ function _C(e = {}) {
 			}, ae = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
 					S = 0, b?.status === "completed" && (b = null, R(), W());
-				}, YS);
+				}, JS);
 			}, oe = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
@@ -21121,14 +21636,14 @@ function _C(e = {}) {
 					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 < XS && (x = globalThis.setTimeout(() => {
 							x = 0, se(e.id);
-						}, XS));
+						}, YS));
 						return;
 					}
 					W(), x = globalThis.setTimeout(() => {
 						x = 0, se(e.id);
-					}, JS);
+					}, qS);
 				}
 			}, se = async (e) => {
 				if (!(w || b?.id !== e)) try {
@@ -21152,7 +21667,7 @@ function _C(e = {}) {
 					b = {
 						...b,
 						status: "failed"
-					}, R(), gC(n) && (o = "unavailable"), W();
+					}, R(), hC(n) && (o = "unavailable"), W();
 				}
 			}, ce = {
 				health: M,
@@ -21164,11 +21679,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 = lC(n);
+					return s = cC(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 fC(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);
@@ -21188,14 +21703,14 @@ 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 && hC(e) && (o = "unavailable", W()), e;
 					}
 				},
 				send(e) {
 					return ce.queue(e);
 				}
 			};
-			e.service.provide(GS, ce);
+			e.service.provide(WS, ce);
 			let le = async () => {
 				if (!(C || B())) return ie(), b = {
 					id: null,
@@ -21226,9 +21741,9 @@ function _C(e = {}) {
 							updatedAt: 0
 						}) : x = globalThis.setTimeout(() => {
 							x = 0, se(e.deliveryId);
-						}, JS) : S = globalThis.setTimeout(() => {
+						}, qS) : S = globalThis.setTimeout(() => {
 							S = 0, b?.id === null && b?.status === "queued" && (b = null, R(), W());
-						}, YS);
+						}, JS);
 					} catch (e) {
 						b = null, R(), W();
 						let t = e instanceof Error ? e.message : String(e);
@@ -21256,7 +21771,7 @@ function _C(e = {}) {
 				}, 0));
 				let t = globalThis.setInterval(() => {
 					c && te().catch(() => void 0);
-				}, qS);
+				}, KS);
 				e.lifecycle.onDispose(() => {
 					w = !0, ie(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
@@ -21266,66 +21781,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 _C = mb, vC = (e = {}) => ({
+	...Ib(e),
+	version: Gx
+}), yC = Jb, bC = (e = {}) => ({
+	...mx(e),
+	version: Gx
+}), xC = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, SC = [
 	{
-		id: TS,
+		id: wS,
 		label: "Context",
 		order: 30,
-		create: IS,
+		create: FS,
 		settingsIds: ["context"],
 		hiddenSettingsControlIds: ["ui"]
 	},
 	{
-		id: qx,
+		id: Kx,
 		label: "Edit",
 		order: 35,
-		create: Yx,
+		create: Jx,
 		settingsIds: ["arrange"]
 	},
 	{
-		id: SS,
+		id: xS,
 		label: "Layout Guides",
 		order: 38,
-		create: wS
+		create: CS
 	},
 	{
-		id: bC,
+		id: yC,
 		label: "Screenshot",
 		order: 40,
-		create: xC,
+		create: bC,
 		settingsIds: ["screenshot"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: vC,
+		id: _C,
 		label: "Recording",
 		description: "Record a selected page region and trim, resize, or export it through MediaBunny.",
 		order: 42,
-		create: yC,
+		create: vC,
 		settingsIds: ["recording"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: WS,
+		id: US,
 		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: gC
 	}
-], 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) => {
+], CC = (e) => {
+	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(SC.map((e) => e.id)), i = SC.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" ? xC() : e.enabled !== !1,
 			create: r ? () => r : e.create
 		};
 	});
@@ -21336,16 +21851,16 @@ var vC = hb, yC = (e = {}) => ({
 		create: () => n
 	});
 	return i;
-}, TC = (e) => e;
-function EC() {
-	return oS();
+}, wC = (e) => e;
+function TC() {
+	return aS();
 }
-async function DC(e = {}) {
-	return sS(e);
+async function EC(e = {}) {
+	return oS(e);
 }
 //#endregion
 //#region src/index.tsx
-var OC = {
+var DC = {
 	select: "select",
 	xray: "xray",
 	colorPicker: "color-picker",
@@ -21355,14 +21870,14 @@ var OC = {
 	distance: "distance",
 	settings: "settings"
 };
-function kC(e = {}) {
+function OC(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 = HS(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;
@@ -21373,7 +21888,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 = Wx({
 		ownerDocument: p,
 		root: A?.root ?? (t.nodeType === 11 ? t : p),
 		getPluginHost: () => b,
@@ -21385,12 +21900,12 @@ function kC(e = {}) {
 		return t;
 	}, N = async () => {
 		await j.ready();
-		let e = b?.service.get(ES);
+		let e = b?.service.get(TS);
 		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(Yx);
 		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) => {
@@ -21401,7 +21916,7 @@ function kC(e = {}) {
 		(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(), ae = (e) => j.textEdit(e), oe = Object.assign(j, {
 		capabilities: () => {
-			let e = !!b?.service.get(ES);
+			let e = !!b?.service.get(TS);
 			return {
 				protocol: "mesurer.agent/v1",
 				contextSchema: "mesurer.context/v1",
@@ -21411,8 +21926,8 @@ function kC(e = {}) {
 					annotations: e,
 					review: e,
 					capturePlan: e,
-					arrange: !!b?.service.get(Xx),
-					textEdit: !!b?.service.get(Ux)
+					arrange: !!b?.service.get(Yx),
+					textEdit: !!b?.service.get(Hx)
 				}
 			};
 		},
@@ -21431,9 +21946,9 @@ function kC(e = {}) {
 		reviewArrange: re
 	}), se = {
 		...f,
-		version: Kx,
-		plugins: wC(l),
-		excludePlugins: u ? u.map((e) => OC[e]) : [...d ?? []]
+		version: Gx,
+		plugins: CC(l),
+		excludePlugins: u ? u.map((e) => DC[e]) : [...d ?? []]
 	}, ce = Oi(() => Yr(rv, Di(se, {
 		portalTarget: y,
 		pageTarget: t,
@@ -21502,6 +22017,6 @@ function kC(e = {}) {
 	}
 	return he;
 }
-var AC = kC;
+var kC = OC;
 //#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 { Hx as MESURER_TEXT_EDIT_SERVICE_ID, Gx as MESURER_VERSION, dS as captureMesurerContext, bS as copyTextToClipboard, Wx as createMesurerAgentHarness, hS as createMesurerCapturePlan, TC as createMesurerPluginHost, EC as createMesurerRuntime, wC as defineMesurerPlugin, mS as formatMesurerContext, kC as mountMeasurer, OC as mountMesurer, yS as reviewMesurerAnnotation };