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

package/dist/index.js

@@ -17973,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`,
@@ -18023,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,
@@ -18258,56 +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, 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", kb(o, {
+		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 l = Math.max(1, Math.min(60, Math.round(e.frameRate ?? Cb))), u = Math.max(1, Math.min(600, e.maxDurationSeconds ?? wb)), d = 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 f = () => ({ toolEnabled: t.state.get("mesurer.recording.settings")?.toolEnabled ?? !0 }), p = (e) => {
-			t.state.update(_b, (t) => {
+			t.state.update(gb, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), n;
 			});
 		}, m = r.createElement("div");
-		m.dataset.mesurerRecordingSelect = "true", m.dataset.mesurerInspectorUi = "true", m.setAttribute("role", "application"), m.setAttribute("aria-label", "Recording selection"), kb(m, {
+		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",
@@ -18319,13 +18525,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), 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"
 			}), m.append(e), e;
 		}), g = r.createElement("div");
-		g.dataset.mesurerRecordingSelection = "true", kb(g, {
+		g.dataset.mesurerRecordingSelection = "true", Ob(g, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid var(--msr-accent, #0d99ff)",
@@ -18333,7 +18539,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), m.append(g);
 		let _ = r.createElement("div");
-		kb(_, {
+		Ob(_, {
 			position: "fixed",
 			display: "none",
 			transform: "translateX(-50%)",
@@ -18346,7 +18552,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), m.append(_);
 		let v = r.createElement("div");
-		v.textContent = "Drag a region to record · Esc to cancel", kb(v, {
+		v.textContent = "Drag a region to record · Esc to cancel", Ob(v, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -18359,7 +18565,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "none"
 		}), 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"), kb(y, {
+		y.dataset.mesurerRecordingRegion = "true", y.dataset.mesurerInspectorUi = "true", y.setAttribute("role", "dialog"), y.setAttribute("aria-label", "Recording region"), Ob(y, {
 			position: "fixed",
 			display: "none",
 			width: "220px",
@@ -18377,7 +18583,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), m.append(y);
 		let b = (e) => {
 			let t = r.createElement("label");
-			kb(t, {
+			Ob(t, {
 				display: "grid",
 				"grid-template-columns": "44px minmax(0,1fr)",
 				"align-items": "center",
@@ -18386,7 +18592,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			let n = r.createElement("span");
 			n.textContent = e, n.style.color = "var(--msr-color-ink-500, #64748b)", t.append(n);
 			let i = r.createElement("div");
-			return kb(i, {
+			return Ob(i, {
 				display: "flex",
 				"align-items": "center",
 				gap: "4px",
@@ -18394,7 +18600,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}), 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", kb(t, {
+			return t.type = "number", t.setAttribute("aria-label", e), t.step = "1", Ob(t, {
 				width: "0",
 				"min-width": "0",
 				flex: "1 1 0",
@@ -18421,7 +18627,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		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", kb(j, {
+		j.type = "button", j.dataset.mesurerRecordingStart = "true", j.textContent = "●  Start recording", Ob(j, {
 			width: "100%",
 			height: "28px",
 			"margin-top": "8px",
@@ -18435,7 +18641,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			cursor: "pointer"
 		}), y.append(j);
 		let M = r.createElement("div");
-		M.dataset.mesurerRecordingGrid = "true", kb(M, {
+		M.dataset.mesurerRecordingGrid = "true", Ob(M, {
 			position: "absolute",
 			inset: "0",
 			display: "none",
@@ -18443,7 +18649,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), g.append(M);
 		let N = (e) => {
 			let t = r.createElement("div");
-			kb(t, {
+			Ob(t, {
 				position: "absolute",
 				opacity: "0.3",
 				...e
@@ -18505,7 +18711,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			}
 		}).map(([e, t]) => {
 			let n = r.createElement("button");
-			return n.type = "button", n.dataset.mesurerRecordingResize = e, n.setAttribute("aria-label", `Resize ${e}`), kb(n, {
+			return n.type = "button", n.dataset.mesurerRecordingResize = e, n.setAttribute("aria-label", `Resize ${e}`), Ob(n, {
 				position: "absolute",
 				display: "none",
 				left: t.left,
@@ -18522,7 +18728,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 				"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"), kb(F, {
+		F.dataset.mesurerRecordingStatus = "true", F.dataset.mesurerInspectorUi = "true", F.setAttribute("aria-label", "Screen recording"), Ob(F, {
 			position: "fixed",
 			display: "none",
 			height: "34px",
@@ -18539,7 +18745,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"pointer-events": "auto"
 		});
 		let I = r.createElement("span");
-		I.setAttribute("aria-hidden", "true"), kb(I, {
+		I.setAttribute("aria-hidden", "true"), Ob(I, {
 			width: "6px",
 			height: "6px",
 			"border-radius": "999px",
@@ -18547,14 +18753,14 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			"flex-shrink": "0"
 		}), F.append(I);
 		let L = r.createElement("span");
-		L.dataset.mesurerRecordingTime = "true", L.textContent = "00:00", kb(L, {
+		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"), kb(R, {
+		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",
@@ -18567,7 +18773,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			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"), kb(z, {
+		z.dataset.mesurerRecordingError = "true", z.dataset.mesurerInspectorUi = "true", z.setAttribute("role", "status"), Ob(z, {
 			position: "fixed",
 			display: "none",
 			left: "8px",
@@ -18589,13 +18795,13 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			height: null,
 			error: null
 		}, 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 = Ob(B);
+			let e = Db(B);
 			for (let t of V) t(e);
 		}, me = (e) => {
 			B = {
 				...B,
 				...e,
-				rect: e.rect === void 0 ? B.rect : Db(e.rect)
+				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;
@@ -18728,7 +18934,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			let t = e instanceof Error ? e.message : "Could not record this region.";
 			z.textContent = t, z.style.display = "block", ce = i.setTimeout(() => {
 				ce = 0, z.style.display = "none";
-			}, Tb);
+			}, wb);
 		}, ke = async (e) => {
 			oe && i.cancelAnimationFrame(oe), oe = 0, se && i.clearTimeout(se), se = 0;
 			let t = te;
@@ -18785,7 +18991,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, Ne = mb({
+		}, Ne = pb({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
@@ -18795,7 +19001,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 		}), 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 = Db(B.rect);
+			let e = le, n = ee, r = U, a = Eb(B.rect);
 			if (!a) throw Error("Recording region is unavailable.");
 			return fe = (async () => {
 				oe && i.cancelAnimationFrame(oe), oe = 0, se && i.clearTimeout(se), se = 0;
@@ -19058,7 +19264,7 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			B.status === "recording" && Pe().catch(() => void 0);
 		});
 		let qe = {
-			snapshot: () => Ob(B),
+			snapshot: () => Db(B),
 			subscribe(e) {
 				return V.add(e), () => V.delete(e);
 			},
@@ -19074,9 +19280,9 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 			label: "Record",
 			shortcut: "Shift+R",
 			order: 72,
-			command: yb,
+			command: vb,
 			toolbarMode: "select",
-			icon: Eb,
+			icon: Tb,
 			active: he,
 			hidden: () => !f().toolEnabled,
 			menu: {
@@ -19116,21 +19322,21 @@ var Kv = "mesurer.layout-guides", qv = "layout-guides:v1", Jv = "mesurer.layout-
 					p({ toolEnabled: e }), !e && he() && await ze();
 				}
 			}]
-		}), t.command.register(yb, async () => (await Re(), Nb(B))), t.command.register(bb, async () => Fb(await Pe())), t.command.register(xb, () => (Ae(), Nb(B))), t.command.register(Sb, async (e) => {
-			let t = await Me(Mb(e));
-			return Ib(t, r, i), Pb(t);
-		}), t.service.provide(gb, qe), t.lifecycle.onDispose(() => {
+		}), 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%)",
@@ -19142,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",
@@ -19158,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",
@@ -19176,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%",
@@ -19184,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",
@@ -19210,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",
@@ -19224,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)",
@@ -19235,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",
@@ -19243,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",
@@ -19272,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());
@@ -19317,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
 		});
@@ -19361,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",
@@ -19391,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,
@@ -19456,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",
@@ -19468,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",
@@ -19480,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",
@@ -19494,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",
@@ -19508,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",
@@ -19521,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",
@@ -19532,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;
 			});
@@ -19556,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,
@@ -19571,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,
@@ -19606,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 = () => {
@@ -19615,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({
@@ -19724,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: {
@@ -19792,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);
@@ -19825,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",
@@ -19834,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;
@@ -19845,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,
@@ -19858,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") {
@@ -19869,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();
@@ -19880,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);
@@ -19888,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) {
@@ -19922,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"),
@@ -19953,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;
@@ -19973,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,
@@ -20011,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) => ({
@@ -20022,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],
@@ -20084,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 = () => {
@@ -20116,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,
@@ -20150,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")
 			};
@@ -20175,10 +20381,10 @@ function Gx(e) {
 }
 //#endregion
 //#region src/version.ts
-var Kx = "0.2.1-beta.6", 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 {
@@ -20187,36 +20393,36 @@ var Kx = "0.2.1-beta.6", 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) {
@@ -20234,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
@@ -20302,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 = {
@@ -20467,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;
@@ -20478,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();
@@ -20496,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";
@@ -20508,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,
@@ -20528,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])
@@ -20541,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
 		};
@@ -20556,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;
@@ -20565,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: {
@@ -20580,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
@@ -20594,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),
@@ -20665,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,
@@ -20674,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,
@@ -20693,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",
@@ -20740,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);
@@ -20754,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,
@@ -20798,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,
@@ -20806,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
 				}));
@@ -20851,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 = () => {
@@ -20865,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 = {
@@ -20889,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",
@@ -20898,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({
@@ -20908,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({
@@ -20931,7 +21137,7 @@ function IS(e = {}) {
 }
 //#endregion
 //#region src/host-layer.ts
-var LS = {
+var IS = {
 	display: "block",
 	position: "fixed",
 	inset: "0",
@@ -20973,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 {}
 	}, _ = () => {
@@ -21023,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();
@@ -21059,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 = [];
@@ -21069,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);
@@ -21115,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",
@@ -21144,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 = {
@@ -21159,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() ?? "";
@@ -21171,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] : [];
@@ -21194,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,
@@ -21214,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 () => {
@@ -21253,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) => {
@@ -21264,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") ? {
@@ -21282,7 +21488,7 @@ function _C(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				sC({
+				oC({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -21300,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
 				});
@@ -21333,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() {
@@ -21341,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;
@@ -21386,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;
@@ -21408,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 = {
@@ -21430,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 {
@@ -21461,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,
@@ -21473,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);
@@ -21497,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,
@@ -21535,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);
@@ -21565,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;
 				});
@@ -21575,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
 		};
 	});
@@ -21645,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",
@@ -21664,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;
@@ -21682,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,
@@ -21694,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) => {
@@ -21710,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",
@@ -21720,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)
 				}
 			};
 		},
@@ -21740,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,
@@ -21811,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 };