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

package/dist/index.js

@@ -5015,23 +5015,27 @@ var Hl = /* @__PURE__ */ new WeakMap(), Ul = (e) => {
 	let n = Ul(e);
 	for (let e of t.listeners) e(n);
 }, Gl = (e) => {
-	let t = Hl.get(e);
+	let t = Hl.get(e.document);
 	if (t) return t;
-	let n = e.history, r = n.pushState, i = n.replaceState, a = {
+	let n = e.history, r = n.pushState, i = n.replaceState, a = e.removeEventListener.bind(e), o = {
+		document: e.document,
+		releaseNativeListeners: () => {
+			a("popstate", o.handleNativeChange), a("hashchange", o.handleNativeChange);
+		},
 		listeners: /* @__PURE__ */ new Set(),
 		pushState: r,
 		replaceState: i,
-		handleNativeChange: () => Wl(e, a)
+		handleNativeChange: () => Wl(e, o)
 	};
 	return n.pushState = function(...t) {
 		let n = r.apply(this, t);
-		return Wl(e, a), n;
+		return Wl(e, o), n;
 	}, n.replaceState = function(...t) {
 		let n = i.apply(this, t);
-		return Wl(e, a), n;
-	}, e.addEventListener("popstate", a.handleNativeChange), e.addEventListener("hashchange", a.handleNativeChange), Hl.set(e, a), a;
+		return Wl(e, o), n;
+	}, e.addEventListener("popstate", o.handleNativeChange), e.addEventListener("hashchange", o.handleNativeChange), Hl.set(e.document, o), o;
 }, Kl = (e, t) => {
-	t.listeners.size > 0 || Hl.get(e) !== t || (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState, e.removeEventListener("popstate", t.handleNativeChange), e.removeEventListener("hashchange", t.handleNativeChange), Hl.delete(e));
+	t.listeners.size > 0 || Hl.get(t.document) !== t || (t.document.defaultView === e && (e.history.pushState = t.pushState, e.history.replaceState = t.replaceState), t.releaseNativeListeners(), Hl.delete(t.document));
 }, ql = (e, t) => {
 	let n = Gl(e);
 	n.listeners.add(t);
@@ -6408,6 +6412,7 @@ function Jd(e) {
 				let p = n.querySelector("[aria-label=\"Remove preview\"]");
 				p && (p.disabled = a.length <= 1);
 			}
+			n.dispatchEvent(new CustomEvent("mesurer:responsive-stage-change"));
 		}, I = (t) => {
 			if (a.length <= 1) return;
 			let r = _.get(t);
@@ -6520,7 +6525,7 @@ function Jd(e) {
 				overflow: "hidden"
 			});
 			let j = t.createElement("iframe");
-			j.dataset.mesurerResponsiveFrame = "true", j.title = `${r.name} preview`, j.setAttribute("sandbox", kl), j.src = n.location.href, Gd(j, {
+			j.dataset.mesurerResponsiveFrame = "true", j.dataset.mesurerResponsivePreviewId = String(r.id), j.title = `${r.name} preview`, j.setAttribute("sandbox", kl), j.src = n.location.href, Gd(j, {
 				display: "block",
 				border: "0",
 				transformOrigin: "top left",
@@ -20226,29 +20231,84 @@ function jC(e, t) {
 	let { runtime: n } = Zb(t);
 	AS(e, n), yC(e, n), Rx(e, tC(e, n)), CS(e, n), pC(e, n), LS(e, n, t.portalTarget), Ux(e, n, t), jS(e, n), AC(e, n), bC(e, n), Yb(e, n), ax(e, n), hS(e, n, t.portalTarget), $S(e, n, t.portalTarget);
 }
-var MC = 1, NC = (e, t) => {
+function MC(e) {
+	let t = e, n = [];
+	for (;;) {
+		let e = t.getRootNode();
+		if ("host" in e) {
+			let r = e.host;
+			n.unshift({
+				kind: "shadow",
+				selector: bu(r)
+			}), t = r;
+			continue;
+		}
+		let r = t.ownerDocument, i = r.defaultView?.frameElement;
+		if (!i) return {};
+		if (i.hasAttribute("data-mesurer-responsive-frame")) {
+			let e = r.defaultView;
+			return {
+				viewport: {
+					url: e.location.href.split("#")[0],
+					width: e.innerWidth,
+					height: e.innerHeight,
+					previewId: i.getAttribute("data-mesurer-responsive-preview-id")
+				},
+				domPath: n
+			};
+		}
+		n.unshift({
+			kind: "frame",
+			selector: bu(i)
+		}), t = i;
+	}
+}
+function NC(e, t) {
+	let n = t.viewport;
+	if (!n || !e) return null;
+	let r = [...e.querySelectorAll("iframe[data-mesurer-responsive-frame]")].filter((e) => {
+		let t = zu(e)?.defaultView;
+		return t && t.location.href.split("#")[0] === n.url && t.innerWidth === n.width && t.innerHeight === n.height;
+	}), i = r.find((e) => e.getAttribute("data-mesurer-responsive-preview-id") === n.previewId) ?? (r.length === 1 ? r[0] : void 0), a = i ? zu(i) : null;
+	for (let e of t.domPath ?? []) {
+		let t = a?.querySelectorAll(e.selector);
+		if (t?.length !== 1) return null;
+		a = e.kind === "frame" ? zu(t[0]) : t[0].shadowRoot;
+	}
+	return a;
+}
+function PC(e) {
+	return [...e?.querySelectorAll("iframe[data-mesurer-responsive-frame]") ?? []].flatMap((e) => {
+		let t = zu(e);
+		return t ? S_(t) : [];
+	});
+}
+var FC = 1, IC = (e, t) => {
 	if (!t) return [];
 	try {
 		let n = e.sessionStorage.getItem(t);
 		if (!n) return [];
 		let r = JSON.parse(n);
-		return r.version !== MC || !Array.isArray(r.annotations) ? [] : r.annotations.map(PC);
+		return r.version !== FC || !Array.isArray(r.annotations) ? [] : r.annotations.map(LC);
 	} catch {
 		return [];
 	}
-}, PC = (e) => ({
+}, LC = (e) => ({
 	...e,
 	anchor: e.anchor.kind === "elements" ? {
 		kind: "elements",
 		region: e.anchor.region ? uc(e.anchor.region) : null,
-		targets: e.anchor.targets.map((e) => ({
-			...e,
-			fingerprint: {
-				...e.fingerprint,
-				classes: [...e.fingerprint.classes]
-			},
-			lastRect: uc(e.lastRect)
-		}))
+		targets: e.anchor.targets.map((e) => {
+			let t = {
+				...e,
+				fingerprint: {
+					...e.fingerprint,
+					classes: [...e.fingerprint.classes]
+				},
+				lastRect: uc(e.lastRect)
+			};
+			return e.viewport && (t.viewport = { ...e.viewport }), e.domPath && (t.domPath = e.domPath.map((e) => ({ ...e }))), t;
+		})
 	} : {
 		kind: "region",
 		rect: uc(e.anchor.rect)
@@ -20271,7 +20331,7 @@ var MC = 1, NC = (e, t) => {
 			vertical: e.vertical ? { ...e.vertical } : null
 		}))
 	}
-}), FC = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, IC = (e) => {
+}), RC = (e, t) => `${t}-${e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`}`, zC = (e) => {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e.current.selectedMeasurements) {
 		let e = r.elementRef;
@@ -20280,7 +20340,7 @@ var MC = 1, NC = (e, t) => {
 	let r = e.current.selectedMeasurement?.elementRef;
 	return r?.isConnected && !t.has(r) && n.push(r), n;
 };
-function LC(e) {
+function BC(e) {
 	let { model: t, ownerDocument: n, ownerWindow: r, uiRoot: i } = e, a = r, o = e.pageTarget ?? n.body ?? n.documentElement, s = o instanceof a.ShadowRoot ? o : o.getRootNode(), c = s instanceof a.ShadowRoot ? s : n, l = Ul(r), u = () => e.persistenceKey ? `${e.persistenceKey}:${l}` : void 0, d = () => e.persistenceKey ? `${e.persistenceKey}${r.location.pathname}` : void 0, f = () => {
 		let e = u();
 		if (!e) return {
@@ -20289,7 +20349,7 @@ function LC(e) {
 		};
 		try {
 			if (r.sessionStorage.getItem(e) !== null) return {
-				annotations: NC(r, e),
+				annotations: IC(r, e),
 				migrated: !1
 			};
 		} catch {
@@ -20303,14 +20363,14 @@ function LC(e) {
 			annotations: [],
 			migrated: !1
 		};
-		let n = NC(r, t);
+		let n = IC(r, t);
 		return {
 			annotations: n,
 			migrated: n.length > 0
 		};
-	}, p = f(), m = p.annotations, h = p.migrated, g = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), b = !1, x = 0, S = /* @__PURE__ */ new Map(), C = !1, w = (e, t) => `${e}:${t}`, T = (e) => w_(e, o), E = (e) => {
+	}, p = f(), m = p.annotations, h = p.migrated, g = /* @__PURE__ */ new Set(), _ = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), b = !1, x = 0, S = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Map(), w = !1, T = (e, t) => `${e}:${t}`, E = (e) => w_(e, o) || PC(i).includes(e.ownerDocument), D = (e, t) => t.viewport ? e.getRootNode() === NC(i, t) : !C_(e.ownerDocument), O = (e) => {
 		let t = [], r = /* @__PURE__ */ new Set(), i = (e) => {
-			r.has(e) || !T(e) || (r.add(e), t.push(e));
+			r.has(e) || !E(e) || (r.add(e), t.push(e));
 		};
 		o instanceof a.HTMLElement && o.matches(e) && i(o);
 		for (let t of S_(o)) {
@@ -20318,7 +20378,7 @@ function LC(e) {
 			for (let t of r.querySelectorAll(e)) i(t);
 		}
 		return t;
-	}, D = () => {
+	}, k = () => {
 		let e = u();
 		if (e) try {
 			if (m.length === 0) {
@@ -20326,19 +20386,20 @@ function LC(e) {
 				return;
 			}
 			r.sessionStorage.setItem(e, JSON.stringify({
-				version: MC,
-				annotations: m.map(PC)
+				version: FC,
+				annotations: m.map(LC)
 			}));
 		} catch {}
 	};
-	h &&= (D(), !1);
-	let O = () => {
+	h &&= (k(), !1);
+	let A = () => {
 		for (let e of g) e();
-	}, k = (e) => {
+	}, j = (e) => {
 		if (!Su(e.fingerprint)) return null;
 		let t = [];
 		try {
-			t = E(e.selector);
+			let n = e.viewport ? NC(i, e) : null;
+			t = e.viewport ? [...n?.querySelectorAll(e.selector) ?? []] : O(e.selector).filter((t) => D(t, e));
 		} catch {
 			return null;
 		}
@@ -20347,41 +20408,82 @@ function LC(e) {
 		if (t.length !== 1 || e.fingerprint.id || e.fingerprint.testId) return null;
 		let r = t[0];
 		if (!r || r.localName !== e.fingerprint.tag) return null;
-		let i = Qu(r), a = e.lastRect, o = Math.max(4, Math.max(a.width, a.height) * .05), s = Math.max(2, Math.max(a.width, a.height) * .03);
-		return Math.abs(i.left - a.left) <= o && Math.abs(i.top - a.top) <= o && Math.abs(i.width - a.width) <= s && Math.abs(i.height - a.height) <= s ? r : null;
-	}, A = (e, t) => {
-		let n = w(e, t.id), r = v.get(n);
-		if (r?.isConnected && T(r)) return r;
+		let a = Qu(r), o = e.lastRect, s = Math.max(4, Math.max(o.width, o.height) * .05), c = Math.max(2, Math.max(o.width, o.height) * .03);
+		return Math.abs(a.left - o.left) <= s && Math.abs(a.top - o.top) <= s && Math.abs(a.width - o.width) <= c && Math.abs(a.height - o.height) <= c ? r : null;
+	}, M = (e, t) => {
+		let n = T(e, t.id), r = v.get(n);
+		if (r?.isConnected && E(r) && D(r, t)) return r;
 		r && v.delete(n);
-		let i = k(t);
+		let i = j(t);
 		return i && v.set(n, i), i;
-	}, j = () => {
+	}, N = () => {
 		let e = !1;
 		for (let t of m) if (t.anchor.kind === "elements") for (let n of t.anchor.targets) {
-			let r = w(t.id, n.id), i = A(t.id, n), a = !!i;
+			let r = T(t.id, n.id), i = M(t.id, n), a = !!i;
 			if (y.get(r) !== a && (y.set(r, a), e = !0), !i) continue;
 			let o = Qu(i);
 			(o.left !== n.lastRect.left || o.top !== n.lastRect.top || o.width !== n.lastRect.width || o.height !== n.lastRect.height) && (n.lastRect = o, e = !0);
 		}
-		e && (D(), O());
-	}, M = () => {
+		e && (k(), A());
+	}, P = () => {
 		x || b || m.length === 0 || (x = r.requestAnimationFrame(() => {
-			x = 0, j();
+			x = 0, N();
 		}));
-	}, N = (e) => {
+	}, F = (e) => {
 		let t = S.get(e);
-		t && (e.removeEventListener("load", t.load, !0), e.removeEventListener("scroll", M, !0), e.defaultView?.removeEventListener("resize", M), t.observer?.disconnect(), S.delete(e));
-	}, P = () => {
-		if (!C) return;
-		let e = new Set(S_(o));
+		t && (e.removeEventListener("load", t.load, !0), e.removeEventListener("scroll", P, !0), t.removeResizeListener(), t.unsubscribeLocation(), t.observer?.disconnect(), S.delete(e));
+	}, I = () => {
+		let e = /* @__PURE__ */ new Set();
+		for (let t of m) if (t.anchor.kind === "elements") for (let n of t.anchor.targets) {
+			if (!n.viewport) continue;
+			let t = NC(i, {
+				...n,
+				domPath: []
+			});
+			for (let r of n.domPath ?? []) {
+				let n = t?.querySelectorAll(r.selector);
+				if (n?.length !== 1) break;
+				let i = n[0], a = r.kind === "shadow" ? i.shadowRoot : null;
+				t = r.kind === "frame" ? zu(i) : a, a && e.add(a);
+			}
+		}
+		for (let t of e) {
+			if (C.has(t)) continue;
+			let e = t.ownerDocument.defaultView?.MutationObserver;
+			if (!e) continue;
+			let n = new e(() => {
+				L(), P();
+			});
+			n.observe(t, {
+				childList: !0,
+				subtree: !0,
+				attributes: !0,
+				attributeFilter: [
+					"id",
+					"class",
+					"data-testid",
+					"role",
+					"aria-label",
+					"style"
+				]
+			}), C.set(t, n);
+		}
+		for (let [t, n] of C) e.has(t) || (n.disconnect(), C.delete(t));
+	}, L = () => {
+		if (!w) return;
+		let e = /* @__PURE__ */ new Set([...S_(o), ...PC(i)]);
 		for (let t of e) {
 			if (S.has(t)) continue;
 			let e = () => {
-				P(), M();
+				L(), P();
 			}, n = t.defaultView?.MutationObserver, r = n && t.body ? new n(() => {
-				P(), M();
+				L(), I(), P();
 			}) : null;
-			t.addEventListener("load", e, !0), t.addEventListener("scroll", M, !0), t.defaultView?.addEventListener("resize", M), r?.observe(t.body, {
+			t.addEventListener("load", e, !0), t.addEventListener("scroll", P, !0);
+			let i = t.defaultView;
+			i?.addEventListener("resize", P);
+			let a = i?.removeEventListener.bind(i);
+			r?.observe(t.body, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0,
@@ -20395,40 +20497,47 @@ function LC(e) {
 				]
 			}), S.set(t, {
 				load: e,
-				observer: r
+				observer: r,
+				removeResizeListener: () => a?.("resize", P),
+				unsubscribeLocation: t.defaultView && C_(t) ? ql(t.defaultView, P) : () => {}
 			});
 		}
-		for (let t of S.keys()) e.has(t) || N(t);
-	}, F = () => {
-		C || b || m.length === 0 || (C = !0, P());
-	}, I = () => {
-		if (C) {
-			C = !1;
-			for (let e of S.keys()) N(e);
-			x && r.cancelAnimationFrame(x), x = 0;
+		for (let t of S.keys()) e.has(t) || F(t);
+		I();
+	}, R = () => {
+		b || m.length === 0 || (w = !0, L());
+	}, z = () => {
+		if (w) {
+			w = !1;
+			for (let e of S.keys()) F(e);
+			for (let e of C.values()) e.disconnect();
+			C.clear(), x && r.cancelAnimationFrame(x), x = 0;
 		}
+	}, B = () => {
+		L(), N(), A();
 	};
-	m.length > 0 && (j(), F());
-	let L = ql(r, (e) => {
+	r.addEventListener("mesurer:responsive-stage-change", B), i?.addEventListener("scroll", P, !0), m.length > 0 && (N(), R());
+	let V = ql(r, (e) => {
 		if (e === l || b) return;
-		D(), I(), v.clear(), y.clear(), l = e, m.length = 0;
+		k(), z(), v.clear(), y.clear(), l = e, m.length = 0;
 		let t = f();
-		m.push(...t.annotations), t.migrated && D(), m.length > 0 && (j(), F()), O();
-	}), R = t.subscribe(O), z = () => ({
+		m.push(...t.annotations), t.migrated && k(), m.length > 0 && (N(), R()), A();
+	}), ee = t.subscribe(A), H = () => ({
 		guides: t.current.guides,
 		measurements: t.current.measurements,
 		activeMeasurement: t.current.activeMeasurement,
 		distances: t.current.heldDistances
-	}), B = (e) => gc({
+	}), U = (e) => gc({
 		...e,
-		workspace: z(),
+		workspace: H(),
 		guideTolerance: 10
-	}), V = (e, t) => ({
+	}), W = (e, t) => ({
 		id: `target-${t + 1}`,
 		selector: bu(e),
 		fingerprint: xu(e),
-		lastRect: Qu(e)
-	}), ee = (e) => {
+		lastRect: Qu(e),
+		...MC(e)
+	}), te = (e) => {
 		let n = [], i = /* @__PURE__ */ new Set();
 		for (let t of e) {
 			let e = t.trim();
@@ -20438,7 +20547,7 @@ function LC(e) {
 		let a = n.map((e) => {
 			let t;
 			try {
-				t = E(e);
+				t = O(e);
 			} catch {
 				throw Error(`Invalid Mesurer selection selector: ${e}`);
 			}
@@ -20449,38 +20558,39 @@ function LC(e) {
 		t.checkpoint(), t.setEnabled(!0), t.setToolMode("select");
 		let o = a.map((e) => sd(e, r));
 		return t.setSelectedMeasurements(o, o.at(-1) ?? null), t.setTransient({ selectionOriginRect: null }), a;
-	}, H = (e, t = []) => (m.push(e), e.anchor.kind === "elements" && e.anchor.targets.forEach((n, r) => {
-		let i = t[r], a = w(e.id, n.id);
-		i && T(i) && v.set(a, i), y.set(a, !!(i && T(i)));
-	}), F(), D(), O(), PC(e)), U = (e, t) => {
+	}, ne = (e, t = []) => (m.push(e), e.anchor.kind === "elements" && e.anchor.targets.forEach((n, r) => {
+		let i = t[r], a = T(e.id, n.id);
+		i && E(i) && v.set(a, i), y.set(a, !!(i && E(i)));
+	}), R(), k(), A(), LC(e)), re = (e, t) => {
+		if (i?.querySelector("[data-mesurer-responsive-stage]")) throw Error("Select a preview element before adding a Responsive annotation.");
 		let n = e.trim();
 		if (!n) throw Error("Annotation note cannot be empty.");
-		let i = uc(t);
-		return H({
-			id: FC(r, "annotation"),
+		let a = uc(t);
+		return ne({
+			id: RC(r, "annotation"),
 			note: n,
 			createdAt: Date.now(),
 			anchor: {
 				kind: "region",
-				rect: i
+				rect: a
 			},
-			baseline: B({
+			baseline: U({
 				targets: [],
-				region: i
+				region: a
 			})
 		});
-	}, W = (e) => {
+	}, ie = (e) => {
 		let n = e.trim();
 		if (!n) throw Error("Annotation note cannot be empty.");
-		if (IC(t).some((e) => C_(e.ownerDocument))) throw Error("Context annotations are unavailable for Responsive preview targets.");
-		let i = IC(t).filter(T), a = t.current.selectionOriginRect ? uc(t.current.selectionOriginRect) : null;
+		let i = zC(t).filter(E), a = t.current.selectionOriginRect ? uc(t.current.selectionOriginRect) : null;
 		if (!i.length) {
 			if (!a) throw Error("Select a page element or drag a region before adding an annotation.");
-			return U(n, a);
+			return re(n, a);
 		}
-		let o = i.map(V);
-		return H({
-			id: FC(r, "annotation"),
+		let o = i.map(W);
+		if (new Set(o.map((e) => JSON.stringify(e.viewport))).size > 1) throw Error("Select elements within one Responsive preview before adding an annotation.");
+		return ne({
+			id: RC(r, "annotation"),
 			note: n,
 			createdAt: Date.now(),
 			anchor: {
@@ -20488,12 +20598,12 @@ function LC(e) {
 				targets: o,
 				region: a
 			},
-			baseline: B({
+			baseline: U({
 				targets: o,
 				elements: i
 			})
 		}, i);
-	}, te = () => {
+	}, G = () => {
 		for (let [e, t] of _) t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
 		_.clear();
 	};
@@ -20510,15 +20620,22 @@ function LC(e) {
 				activeMeasurement: t.current.activeMeasurement,
 				heldDistances: [...t.current.heldDistances],
 				guides: t.current.guides.map((e) => ({ ...e })),
-				annotations: m.map(PC)
+				annotations: m.map(LC)
 			};
 		},
 		elementRect(e) {
 			return Qu(e);
 		},
+		targetScope: MC,
+		annotationVisible(e) {
+			let t = m.find((t) => t.id === e);
+			if (!t) return !1;
+			let n = !!i?.querySelector("[data-mesurer-responsive-stage]"), r = t.anchor.kind === "elements" && t.anchor.targets.some((e) => e.viewport);
+			return n === r && (!r || t.anchor.kind === "elements" && t.anchor.targets.some((e) => M(t.id, e)));
+		},
 		currentSelection() {
 			return {
-				elements: IC(t).filter(T),
+				elements: zC(t).filter(E),
 				region: t.current.selectionOriginRect ? uc(t.current.selectionOriginRect) : null
 			};
 		},
@@ -20547,16 +20664,16 @@ function LC(e) {
 			});
 		},
 		toggleSelection(e) {
-			if (!e.isConnected || !T(e)) return;
+			if (!e.isConnected || !E(e)) return;
 			let n = t.current.selectedMeasurements.some((t) => t.elementRef === e) ? t.current.selectedMeasurements.filter((t) => t.elementRef !== e) : [...t.current.selectedMeasurements, sd(e, r)];
 			t.checkpoint(), t.setSelectedMeasurements(n, n.at(-1) ?? null), t.setTransient({ selectionOriginRect: null });
 		},
 		selectGestureActive() {
 			return t.current.toolMode === "select" && t.current.start !== null;
 		},
-		select: ee,
+		select: te,
 		setHover(e) {
-			if (!e?.isConnected || !T(e)) {
+			if (!e?.isConnected || !E(e)) {
 				t.setHoverTarget(null, null);
 				return;
 			}
@@ -20572,20 +20689,20 @@ function LC(e) {
 			t.setHoverTarget(null, null);
 		},
 		hoveredElement() {
-			return t.current.hoverElement?.isConnected && T(t.current.hoverElement) ? t.current.hoverElement : null;
+			return t.current.hoverElement?.isConnected && E(t.current.hoverElement) ? t.current.hoverElement : null;
 		},
 		annotations() {
-			return m.map(PC);
+			return m.map(LC);
 		},
 		annotation(e) {
 			let t = m.find((t) => t.id === e);
 			if (!t) return null;
-			let n = PC(t), r = [];
+			let n = LC(t), r = [];
 			if (n.anchor.kind === "elements" && t.anchor.kind === "elements") {
 				let e = t.anchor.targets;
 				r = n.anchor.targets.map((n, r) => ({
 					target: n,
-					element: A(t.id, e[r])
+					element: M(t.id, e[r])
 				}));
 			}
 			return {
@@ -20597,7 +20714,10 @@ function LC(e) {
 			let t = m.find((t) => t.id === e);
 			if (!t) return null;
 			if (t.anchor.kind === "region") return uc(t.anchor.rect);
-			let n = t.anchor.targets.map((e) => A(t.id, e)?.getBoundingClientRect()).filter((e) => e !== void 0);
+			let n = t.anchor.targets.map((e) => {
+				let n = M(t.id, e);
+				return n ? Qu(n) : void 0;
+			}).filter((e) => e !== void 0);
 			if (!n.length) {
 				let e = fc(t.anchor.targets.map((e) => e.lastRect));
 				return e ? uc(e) : null;
@@ -20609,17 +20729,17 @@ function LC(e) {
 				height: e.height
 			})));
 		},
-		addSelectionAnnotation: W,
-		addRegionAnnotation: U,
+		addSelectionAnnotation: ie,
+		addRegionAnnotation: re,
 		removeAnnotation(e) {
 			let t = m.findIndex((t) => t.id === e);
 			if (t < 0) return;
 			let [n] = m.splice(t, 1);
 			if (n.anchor.kind === "elements") for (let e of n.anchor.targets) {
-				let t = w(n.id, e.id);
+				let t = T(n.id, e.id);
 				v.delete(t), y.delete(t);
 			}
-			m.length === 0 && I(), D(), O();
+			m.length === 0 && z(), k(), A();
 		},
 		subscribe(e) {
 			return g.add(e), () => g.delete(e);
@@ -20639,14 +20759,14 @@ function LC(e) {
 			}), t.style.setProperty("display", "none", "important"));
 		},
 		finishCapture() {
-			te();
+			G();
 		},
 		dispose() {
-			b || (b = !0, I(), L(), R(), te(), v.clear(), y.clear(), m.length = 0, g.clear());
+			b || (b = !0, z(), V(), ee(), r.removeEventListener("mesurer:responsive-stage-change", B), i?.removeEventListener("scroll", P, !0), G(), v.clear(), y.clear(), m.length = 0, g.clear());
 		}
 	};
 }
-var RC = [
+var VC = [
 	"select",
 	"xray",
 	"color-picker",
@@ -20655,12 +20775,12 @@ var RC = [
 	"text-inspector",
 	"guides",
 	"settings"
-], zC = "mesurer-plugin-settings", BC = (e) => (e.startsWith("mesurer.") ? e.slice(8) : e).split(/[.-]/g).filter(Boolean).map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" ") || e, VC = (e) => "create" in e && typeof e.create == "function", HC = (e) => e === "select" || e === "xray" || e === "color-picker" || e === "rulers" || e === "responsive" || e === "text-inspector" || e === "guides" || e === "distance" || e === "settings", UC = (e) => `builtin.${e}`, WC = (e, t) => {
+], HC = "mesurer-plugin-settings", UC = (e) => (e.startsWith("mesurer.") ? e.slice(8) : e).split(/[.-]/g).filter(Boolean).map((e) => e[0]?.toUpperCase() + e.slice(1)).join(" ") || e, WC = (e) => "create" in e && typeof e.create == "function", GC = (e) => e === "select" || e === "xray" || e === "color-picker" || e === "rulers" || e === "responsive" || e === "text-inspector" || e === "guides" || e === "distance" || e === "settings", KC = (e) => `builtin.${e}`, qC = (e, t) => {
 	let n = t.toLowerCase().replaceAll("cmd", "meta").split("+").map((e) => e.trim()).filter(Boolean);
 	if (!n.length) return !1;
 	let r = n.at(-1), i = new Set(n.slice(0, -1)), a = i.has("mod"), o = i.has("meta"), s = i.has("ctrl") || i.has("control"), c = i.has("shift"), l = i.has("alt") || i.has("option");
 	return (a ? !(e.metaKey || e.ctrlKey) : o !== e.metaKey || s !== e.ctrlKey) || c !== e.shiftKey || l !== e.altKey || !a && !o && !s && (e.metaKey || e.ctrlKey) ? !1 : e.key.toLowerCase() === r;
-}, GC = ({ host: e, getBuiltinController: t, getModel: n, arrangeActive: r, isBuiltinPluginId: i, onPluginError: a }) => {
+}, JC = ({ host: e, getBuiltinController: t, getModel: n, arrangeActive: r, isBuiltinPluginId: i, onPluginError: a }) => {
 	let o = () => e.tools().find((e) => e.modeSwitch === !0 && e.toolbarMode === "edit"), s = null, c = async () => {
 		let r = s;
 		if (s = null, !r) return;
@@ -20714,23 +20834,23 @@ var RC = [
 		}
 	};
 };
-function KC(e) {
+function YC(e) {
 	let t = un(() => e.pluginHost), n = t ?? jc(), r = !t, i = un(() => e.version ?? "0.1.0"), a = (t) => e.version && t.id.startsWith("mesurer.") ? {
 		...t,
 		version: i
 	} : t, o = new Set(un(() => e.excludePlugins ?? [])), s = un(() => [...e.plugins ?? []]), c = s.some((e) => e.id === "mesurer.responsive"), l = un(() => Ob([], e.excludePlugins ?? []).filter((e) => !c || e.id !== "mesurer.responsive").map(a)), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f = l.find((e) => e.id === "mesurer.responsive");
 	f && !u.has(f.id) && u.set(f.id, {
 		id: f.id,
-		label: BC(f.id),
+		label: UC(f.id),
 		order: -100,
 		enabled: !0,
 		create: () => f
 	});
 	for (let [e, t] of s.entries()) {
-		if (VC(t)) {
+		if (WC(t)) {
 			u.set(t.id, {
 				...t,
-				label: t.label ?? BC(t.id),
+				label: t.label ?? UC(t.id),
 				order: t.order ?? 1e3 + e
 			});
 			continue;
@@ -20738,7 +20858,7 @@ function KC(e) {
 		let n = a(t);
 		u.set(n.id, {
 			id: n.id,
-			label: BC(n.id),
+			label: UC(n.id),
 			order: 1e3 + e,
 			enabled: !0,
 			create: () => n
@@ -20746,11 +20866,11 @@ function KC(e) {
 	}
 	let p = /* @__PURE__ */ new Set();
 	for (let e of u.values()) e.enabled !== !1 && p.add(e.id);
-	let m = new Map([...u.values()].map((e) => [e.id, new Set(e.settingsIds ?? [])])), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Map(), y = null, b = null, x = () => void 0, S = async () => void 0, [C, w] = K(0), [T, E] = K(!1), [D, O] = K(!1), k = (e) => (C(), n.tools().find((t) => (t.builtin === e || t.id === e) && t.command !== UC(e))), A = (e) => (C(), T() ? e === "distance" ? n.overlays().some((t) => t.builtin === e || t.id === e) : n.tools().some((t) => t.builtin === e || t.id === e) : !o.has(e)), j = () => (C(), n.state.get("mesurer.arrange.active") ?? !1), M = (e) => !1;
+	let m = new Map([...u.values()].map((e) => [e.id, new Set(e.settingsIds ?? [])])), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Map(), y = null, b = null, x = () => void 0, S = async () => void 0, [C, w] = K(0), [T, E] = K(!1), [D, O] = K(!1), k = (e) => (C(), n.tools().find((t) => (t.builtin === e || t.id === e) && t.command !== KC(e))), A = (e) => (C(), T() ? e === "distance" ? n.overlays().some((t) => t.builtin === e || t.id === e) : n.tools().some((t) => t.builtin === e || t.id === e) : !o.has(e)), j = () => (C(), n.state.get("mesurer.arrange.active") ?? !1), M = (e) => !1;
 	vo(j, (e) => {
 		e && O(!1);
 	});
-	let N = mo(() => (C(), n.tools().filter((e) => e.hidden?.() ? !1 : !e.builtin || !HC(e.builtin) || e.command !== UC(e.builtin)))), P = mo(() => {
+	let N = mo(() => (C(), n.tools().filter((e) => e.hidden?.() ? !1 : !e.builtin || !GC(e.builtin) || e.command !== KC(e.builtin)))), P = mo(() => {
 		C();
 		let e = n.settings();
 		return [...u.values()].sort((e, t) => (e.order ?? 0) - (t.order ?? 0)).map((t) => {
@@ -20760,7 +20880,7 @@ function KC(e) {
 			})).filter((e) => (e.controls?.length ?? 0) > 0);
 			return {
 				id: t.id,
-				label: t.label ?? BC(t.id),
+				label: t.label ?? UC(t.id),
 				description: t.description,
 				error: d.get(t.id),
 				enabled: n.has(t.id),
@@ -20771,14 +20891,14 @@ function KC(e) {
 	}), F = mo(() => (C(), n.settings().filter((e) => e.id === hy))), I = () => {
 		C();
 		let e = [];
-		for (let t of RC) (!A(t) || k(t)) && e.push(`[data-mesurer-builtin='${t}']{display:none!important}`);
+		for (let t of VC) (!A(t) || k(t)) && e.push(`[data-mesurer-builtin='${t}']{display:none!important}`);
 		return (!A("guides") || k("guides")) && e.push("[data-mesurer-builtin='guides-menu']{display:none!important}"), A("guides") || e.push("[data-mesurer-guide='true']{display:none!important}"), A("distance") || e.push("[data-mesurer-distance='true']{display:none!important}"), A("rulers") || e.push("[data-mesurer-rulers='true']{display:none!important}"), A("color-picker") || e.push(".mesurer-color-picker{display:none!important}"), e.join("\n");
-	}, { editModeTool: L, executeTool: R, leaveEditMode: z, runTool: B } = GC({
+	}, { editModeTool: L, executeTool: R, leaveEditMode: z, runTool: B } = JC({
 		host: n,
 		getBuiltinController: () => b,
 		getModel: () => y,
 		arrangeActive: j,
-		isBuiltinPluginId: HC,
+		isBuiltinPluginId: GC,
 		onPluginError: e.onPluginError
 	}), V = (e) => {
 		D() && [
@@ -20851,7 +20971,7 @@ function KC(e) {
 					n || (n = !0, t(), e.remove());
 				}
 			};
-		}, ce = (e) => LC({
+		}, ce = (e) => BC({
 			model: ne(),
 			ownerDocument: B,
 			ownerWindow: V,
@@ -20860,7 +20980,7 @@ function KC(e) {
 			persistenceKey: e ? `${P.persistKey ?? "mesurer-plugin-settings"}:${e}:${V.location.origin}` : void 0
 		}), le = B.createElement("style");
 		le.dataset.mesurerPluginVisibility = "true", le.dataset.mesurerInspectorUi = "true", le.textContent = I(), F.append(le);
-		let ue = P.persistKey ? `${P.persistKey}:plugins` : zC, de = `${ue}:availability`, fe = /* @__PURE__ */ new Map();
+		let ue = P.persistKey ? `${P.persistKey}:plugins` : HC, de = `${ue}:availability`, fe = /* @__PURE__ */ new Map();
 		try {
 			let e = V.localStorage.getItem(de);
 			if (e) {
@@ -20904,7 +21024,7 @@ function KC(e) {
 				"rulers"
 			].includes(e.id) && (e.active?.() ?? !1))) && O(!1), (e.reason === "state" || e.reason === "history" || e.reason === "remove" || e.reason === "replace") && he(), T() && !s && (e.reason === "load" || e.reason === "remove" || e.reason === "replace") && pe(), e.reason === "remove" && e.pluginId?.startsWith("mesurer.")) {
 				let t = e.pluginId.slice(8);
-				HC(t) && t !== "responsive" && b?.deactivate(t), t === "responsive" && O(!1);
+				GC(t) && t !== "responsive" && b?.deactivate(t), t === "responsive" && O(!1);
 			}
 		});
 		P.onPluginHost?.(C);
@@ -21028,7 +21148,7 @@ function KC(e) {
 						createInspectorMount: se
 					};
 					e.service.provide("runtime:solid", t), yy(e), jb(e, t), jC(e, t);
-					for (let t of RC) e.command.register(UC(t), () => Oe(t));
+					for (let t of VC) e.command.register(KC(t), () => Oe(t));
 				}
 			}), t)) {
 				for (let e of [...u.values()].sort((e, t) => (e.order ?? 0) - (t.order ?? 0))) {
@@ -21103,7 +21223,7 @@ function KC(e) {
 				e.preventDefault(), e.stopImmediatePropagation();
 				return;
 			}
-			let a = N().find((t) => t.shortcut && !t.disabled?.() && WC(e, t.shortcut));
+			let a = N().find((t) => t.shortcut && !t.disabled?.() && qC(e, t.shortcut));
 			if (a) {
 				e.preventDefault(), e.stopImmediatePropagation(), U(a);
 				return;
@@ -21163,7 +21283,7 @@ function KC(e) {
 		}
 	});
 }
-var qC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), JC = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), YC = (e, t, n, r, i) => {
+var XC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), ZC = (e, t, n = 0) => !(e.left + e.width + n <= t.left || t.left + t.width + n <= e.left || e.top + e.height + n <= t.top || t.top + t.height + n <= e.top), QC = (e, t, n, r, i) => {
 	let a = e.left + e.width, o = e.top + e.height, s = [
 		{
 			axis: "vertical",
@@ -21211,7 +21331,7 @@ var qC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), JC = (e, t, n =
 		}
 	];
 	return i ? s.sort((e, t) => t.space - e.space) : s;
-}, XC = (e, t, n) => {
+}, $C = (e, t, n) => {
 	let r = [];
 	for (let i = 0; i <= n; i += 1) {
 		let n = i * t;
@@ -21237,14 +21357,14 @@ var qC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), JC = (e, t, n =
 	}
 	return r;
 };
-function ZC(e, t, n = {}) {
+function ew(e, t, n = {}) {
 	let r = n.markerSize ?? 24, i = n.markerGap ?? 4, a = n.targetGap ?? 6, o = n.targetClearance ?? 2, s = n.viewportPadding ?? 4, c = n.obstacles ?? [], l = Math.max(0, n.maxShiftRings ?? 2), u = n.viewportAware ?? !1, d = r + i, f = Math.max(s, t.width - r - s), p = Math.max(s, t.height - r - s), m = [], h = e.map((e) => e.rect), g = [];
 	for (let n of e) {
-		let e = /* @__PURE__ */ new Set(), _ = [], v = YC(n.rect, t, r, a, u);
-		for (let t of XC(v, d, l)) {
+		let e = /* @__PURE__ */ new Set(), _ = [], v = QC(n.rect, t, r, a, u);
+		for (let t of $C(v, d, l)) {
 			let n = u ? {
-				left: qC(t.left, s, f),
-				top: qC(t.top, s, p)
+				left: XC(t.left, s, f),
+				top: XC(t.top, s, p)
 			} : t, r = `${n.left}:${n.top}`;
 			e.has(r) || (e.add(r), _.push(n));
 		}
@@ -21254,21 +21374,21 @@ function ZC(e, t, n = {}) {
 				width: r,
 				height: r
 			};
-			return h.every((e) => !JC(t, e, o)) && c.every((e) => !JC(t, e, i));
+			return h.every((e) => !ZC(t, e, o)) && c.every((e) => !ZC(t, e, i));
 		}), b = y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !JC(t, e, i));
+			return m.every((e) => !ZC(t, e, i));
 		}) ?? y.find((e) => {
 			let t = {
 				...e,
 				width: r,
 				height: r
 			};
-			return m.every((e) => !JC(t, e));
+			return m.every((e) => !ZC(t, e));
 		}) ?? y[0] ?? _[0] ?? {
 			left: s,
 			top: s
@@ -21284,20 +21404,20 @@ function ZC(e, t, n = {}) {
 	}
 	return g;
 }
-var QC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), $C = 0, ew = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), tw = (e) => {
+var tw = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), nw = 0, rw = (e) => e.split(",").map((e) => e.trim()).filter((e) => e.length > 0 && e !== "none"), iw = (e) => {
 	let t = e.ownerDocument.defaultView?.HTMLElement;
 	return !!(t && e instanceof t);
-}, nw = (e, t) => {
-	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = ew(n);
+}, aw = (e, t) => {
+	let n = e.style.getPropertyValue("anchor-name"), r = e.style.getPropertyPriority("anchor-name"), i = rw(n);
 	i.includes(t) || e.style.setProperty("anchor-name", [...i, t].join(", "), r);
 	let a = !1;
 	return () => {
 		if (a) return;
 		a = !0;
-		let i = ew(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
+		let i = rw(e.style.getPropertyValue("anchor-name")).filter((e) => e !== t);
 		i.length ? e.style.setProperty("anchor-name", i.join(", "), e.style.getPropertyPriority("anchor-name")) : n.trim() === "none" ? e.style.setProperty("anchor-name", n, r) : e.style.removeProperty("anchor-name");
 	};
-}, rw = (e) => {
+}, ow = (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 {
@@ -21306,14 +21426,14 @@ var QC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), $C = 0, ew = (e)
 		width: r - t,
 		height: i - n
 	};
-}, iw = (e, t, n, r, i = 8) => {
+}, sw = (e, t, n, r, i = 8) => {
 	let a = r.innerWidth - t - 8, o = r.innerHeight - n - 8, s = e.left + e.width + i, c = e.left - t - i;
 	return {
-		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : QC(e.left + e.width - t, 8, a),
-		top: QC(e.top, 8, o)
+		left: s + t <= r.innerWidth - 8 ? s : c >= 8 ? c : tw(e.left + e.width - t, 8, a),
+		top: tw(e.top, 8, o)
 	};
-}, aw = (e, t, n, r, i = 8) => {
-	let a = r.innerWidth - t - 8, o = QC(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
+}, cw = (e, t, n, r, i = 8) => {
+	let a = r.innerWidth - t - 8, o = tw(e.left + e.width / 2 - t / 2, 8, a), s = e.top + e.height + i;
 	if (s + n <= r.innerHeight - 8) return {
 		left: o,
 		top: s
@@ -21322,10 +21442,10 @@ var QC = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), $C = 0, ew = (e)
 	return c >= 8 ? {
 		left: o,
 		top: c
-	} : iw(e, t, n, r, i);
+	} : sw(e, t, n, r, i);
 };
-function ow(e) {
-	let [t, n] = K(0), [r, i] = K(0), [a, o] = K(null), [s, c] = K(null), [l, u] = K(null), [d, f] = K({}), [p, m] = K(!1), [h, g] = K(""), [_, v] = K(!1), [y, b] = K(null), [x, S] = K(!1), [C, w] = K(null), [T, E] = K(null), D = `--mesurer-annotation-trigger-${++$C}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, F = null, I = null, L = !1, R = null, z = null, B = null, V = null, ee = null, H = null, U = /* @__PURE__ */ new Map(), W = () => N?.ownerDocument.defaultView ?? window, te = Dl(W()), ne = "context-annotation-send", re = () => e.coordinateSpace === "viewport", ie = (e) => e ? "native-anchor" : re() ? "cached-delta" : "document", G = (e) => {
+function lw(e) {
+	let [t, n] = K(0), [r, i] = K(0), [a, o] = K(null), [s, c] = K(null), [l, u] = K(null), [d, f] = K({}), [p, m] = K(!1), [h, g] = K(""), [_, v] = K(!1), [y, b] = K(null), [x, S] = K(!1), [C, w] = K(null), [T, E] = K(null), D = `--mesurer-annotation-trigger-${++nw}`, O = null, k = e.initialTriggerFallback === "current-and-next", A = null, j = null, M = null, N, P, F = null, I = null, L = !1, R = null, z = null, B = null, V = null, ee = null, H = null, U = /* @__PURE__ */ new Map(), W = () => N?.ownerDocument.defaultView ?? window, te = Dl(W()), ne = "context-annotation-send", re = () => e.coordinateSpace === "viewport", ie = (e) => e ? "native-anchor" : re() ? "cached-delta" : "document", G = (e) => {
 		if (re()) return e;
 		let t = W();
 		return {
@@ -21361,8 +21481,8 @@ function ow(e) {
 		t && (t.scroll.release(), t.releaseAnchor?.(), U.delete(e));
 	}, he = (t) => {
 		let n = e.runtime.annotation(t);
-		return !n || n.anchor.kind !== "elements" ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected)?.element ?? null;
-	}, ge = (e) => !!(tw(e) && re() && N && le() && e.getRootNode() === N.getRootNode()), _e = (e) => {
+		return !n || n.anchor.kind !== "elements" || !e.runtime.annotationVisible(t) ? null : n.resolvedTargets.find(({ element: e }) => e?.isConnected && !C_(e.ownerDocument))?.element ?? null;
+	}, ge = (e) => !!(iw(e) && re() && N && le() && e.getRootNode() === N.getRootNode()), _e = (e) => {
 		let t = he(e), n = U.get(e);
 		if (!t) {
 			n && (me(e), i((e) => e + 1));
@@ -21376,12 +21496,12 @@ function ow(e) {
 		me(e);
 		let a = t.ownerDocument.defaultView;
 		if (a) {
-			if (r && tw(t)) {
-				let n = `--mesurer-annotation-${++$C}`;
+			if (r && iw(t)) {
+				let n = `--mesurer-annotation-${++nw}`;
 				U.set(e, {
 					target: t,
 					anchorName: n,
-					releaseAnchor: nw(t, n),
+					releaseAnchor: aw(t, n),
 					scroll: Jp(a, t, () => pe(e), { trackWindow: !1 })
 				});
 			} else U.set(e, {
@@ -21407,21 +21527,25 @@ function ow(e) {
 	e.initialTriggerFallback && (O = ue());
 	let xe = () => {
 		V?.release(), V = null, B?.(), B = null, R = null, z = null;
-	}, Se = (e) => !!(tw(e) && re() && N && e !== O && le() && e.getRootNode() === N.getRootNode()), Ce = () => {
+	}, Se = (e) => !!(iw(e) && re() && N && e !== O && le() && e.getRootNode() === N.getRootNode()), Ce = () => {
 		let e = ue();
+		if (e && C_(e.ownerDocument)) {
+			xe();
+			return;
+		}
 		O && e !== O && (O = null);
 		let t = R, n = !!(e?.isConnected && Se(e)), r = z === e;
 		if (e === R && e?.isConnected && n === r) {
 			V?.sync();
 			return;
 		}
-		let i = e === t ? D : `--mesurer-annotation-trigger-${++$C}`;
+		let i = e === t ? D : `--mesurer-annotation-trigger-${++nw}`;
 		if (xe(), !e?.isConnected) return;
 		R = e;
 		let a = e.ownerDocument.defaultView;
 		if (a) {
-			if (n && tw(e)) {
-				B = nw(e, i), z = e, D = i, V = Jp(a, e, fe, { trackWindow: !1 });
+			if (n && iw(e)) {
+				B = aw(e, i), z = e, D = i, V = Jp(a, e, fe, { trackWindow: !1 });
 				return;
 			}
 			D = i, V = Jp(a, e, fe, { trackWindow: re() });
@@ -21463,24 +21587,24 @@ function ow(e) {
 	});
 	let Pe = ue();
 	we(Pe);
-	let Fe = e.runtime.subscribe(() => {
+	let Fe = e.runtime.subscribe(() => un(() => {
 		let t = e.runtime.selectGestureActive();
 		p() && t ? (k = !0, ce()) : p() && A !== null && !oe(A, ae()) && (O = ue(), k = !1, ce());
 		let r = ue(), i = r !== Pe;
-		i && (Pe = r, we(Pe), k && (k = !1, O = r)), Ce(), i && Ee(), n((e) => e + 1), be();
-	});
+		i && (Pe = r, we(Pe), k && (k = !1, O = r)), Ce(), (i || r && C_(r.ownerDocument)) && Ee(), n((e) => e + 1), be();
+	}));
 	Ce(), W().queueMicrotask(ve), In(() => {
 		ee?.disconnect(), ee = null, se(), H?.removeEventListener("resize", Ee), H = null, Ne?.disconnect(), xe();
 		for (let e of U.keys()) me(e);
 		Fe();
 	});
-	let Ie = mo(() => (t(), e.runtime.currentSelection())), Le = mo(() => (t(), e.runtime.annotations())), Re = mo(() => {
+	let Ie = mo(() => (t(), e.runtime.currentSelection())), Le = mo(() => (t(), e.runtime.annotations().filter((t) => e.runtime.annotationVisible(t.id)))), Re = mo(() => {
 		let e = a();
 		return e ? Le().find((t) => t.id === e) ?? null : null;
 	}), ze = mo(() => s() ?? l() ?? a()), Be = (e) => Le().findIndex((t) => t.id === e) + 1, Ve = mo(() => {
 		t(), r();
 		let n = ze();
-		if (!n) return [];
+		if (!n || !e.runtime.annotationVisible(n)) return [];
 		let i = e.runtime.annotation(n);
 		if (!i) return [];
 		if (i.anchor.kind === "region") return [{ ...i.anchor.rect }];
@@ -21512,7 +21636,7 @@ function ow(e) {
 			};
 		});
 		return e.region && t.push({ ...e.region }), t;
-	}), Ge = mo(() => rw(We())), Ke = (e) => e.anchor.kind === "elements" ? `${e.anchor.targets.length} selected ${e.anchor.targets.length === 1 ? "element" : "elements"}` : "Selected region", qe = mo(() => {
+	}), Ge = mo(() => ow(We())), Ke = (e) => e.anchor.kind === "elements" ? `${e.anchor.targets.length} selected ${e.anchor.targets.length === 1 ? "element" : "elements"}` : "Selected region", qe = mo(() => {
 		r();
 		let t = e.runtime.currentSelection().elements;
 		if (!t.length) return null;
@@ -21521,7 +21645,7 @@ function ow(e) {
 	}), Je = () => {
 		r();
 		let e = qe();
-		if (!e?.isConnected || C_(e.ownerDocument)) return null;
+		if (!e?.isConnected) return null;
 		let t = Qu(e), n = {
 			left: t.left,
 			top: t.top,
@@ -21532,7 +21656,7 @@ function ow(e) {
 			top: e.top,
 			width: 24,
 			height: 24
-		})), [o] = ZC([{
+		})), [o] = ew([{
 			id: "selection-note-trigger",
 			rect: n
 		}], {
@@ -21542,7 +21666,7 @@ function ow(e) {
 			obstacles: [...a, ...De()],
 			maxShiftRings: Math.ceil(Math.max(i.innerWidth, i.innerHeight) / 28),
 			viewportAware: !0
-		}), s = o?.left ?? QC(n.left + n.width + 6, 4, i.innerWidth - 24 - 4), c = o?.top ?? QC(n.top, 4, i.innerHeight - 24 - 4), l = z === e, u = re() && !l;
+		}), s = o?.left ?? tw(n.left + n.width + 6, 4, i.innerWidth - 24 - 4), c = o?.top ?? tw(n.top, 4, i.innerHeight - 24 - 4), l = z === e, u = re() && !l;
 		return {
 			left: l || u ? s : s + i.scrollX,
 			top: l || u ? c : c + i.scrollY,
@@ -21560,7 +21684,7 @@ function ow(e) {
 				rect: n
 			}] : [];
 		});
-		return new Map(ZC(i, {
+		return new Map(ew(i, {
 			width: n.innerWidth,
 			height: n.innerHeight
 		}, { obstacles: We() }).map((e) => [e.id, e]));
@@ -21581,7 +21705,7 @@ function ow(e) {
 		};
 	}, Qe = () => {
 		let e = Ge(), t = W();
-		return e ? aw(e, 256, 160, t) : {
+		return e ? cw(e, 256, 160, t) : {
 			left: 8,
 			top: 8
 		};
@@ -21602,7 +21726,7 @@ function ow(e) {
 		};
 	}, et = (e, t) => {
 		let n = W(), r = Ye(), i = r.get(e);
-		if (!i) return iw(t, 272, 176, n);
+		if (!i) return sw(t, 272, 176, n);
 		let a = n.innerWidth - 272 - 8, o = n.innerHeight - 176 - 8, s = [...r.values()].map((e) => ({
 			left: e.left,
 			top: e.top,
@@ -21628,8 +21752,8 @@ function ow(e) {
 			}
 		]) {
 			let t = {
-				left: QC(e.left, 8, a),
-				top: QC(e.top, 8, o)
+				left: tw(e.left, 8, a),
+				top: tw(e.top, 8, o)
 			}, n = `${t.left}:${t.top}`;
 			l.has(n) || (l.add(n), u.push(t));
 		}
@@ -21645,7 +21769,7 @@ function ow(e) {
 				targetOverlap: c(r, t),
 				index: n
 			};
-		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? iw(t, 272, 176, n);
+		}).sort((e, t) => e.markerOverlap - t.markerOverlap || e.targetOverlap - t.targetOverlap || e.index - t.index)[0]?.candidate ?? sw(t, 272, 176, n);
 	}, tt = (t) => {
 		let n = e.runtime.annotationRect(t);
 		if (!n) return {
@@ -21697,8 +21821,8 @@ function ow(e) {
 		let u = (t) => {
 			if (!j || t.pointerId !== j.pointerId) return;
 			let r = j, i = Math.max(8, s.innerWidth - r.width - 8), a = Math.max(8, s.innerHeight - r.height - 8), o = {
-				left: QC(r.originLeft + t.clientX - r.startX, 8, i),
-				top: QC(r.originTop + t.clientY - r.startY, 8, a)
+				left: tw(r.originLeft + t.clientX - r.startX, 8, i),
+				top: tw(r.originTop + t.clientY - r.startY, 8, a)
 			}, c = e.runtime.annotationRect(n);
 			c && f((e) => ({
 				...e,
@@ -21729,7 +21853,7 @@ function ow(e) {
 			}
 		}
 	}, ct = ce, lt = () => {
-		He() && (e.runtime.currentSelection().elements.some((e) => C_(e.ownerDocument)) || (k = !1, A = ae(), g(""), v(!1), b(null), w(null), o(null), m(!0), F = (e) => {
+		He() && (k = !1, A = ae(), g(""), v(!1), b(null), w(null), o(null), m(!0), F = (e) => {
 			let t = de()?.querySelector("[data-mesurer-annotation-composer='true']"), n = W().Node;
 			if (!(t && n && e.target instanceof n && t.contains(e.target))) {
 				if (h().trim() && !y()) {
@@ -21738,24 +21862,18 @@ function ow(e) {
 				}
 				ut();
 			}
-		}, W().document.addEventListener("pointerdown", F, !0), W().queueMicrotask(() => V?.sync())));
+		}, W().document.addEventListener("pointerdown", F, !0), W().queueMicrotask(() => V?.sync()));
 	}, ut = () => {
 		let e = p();
 		A !== null && !oe(A, ae()) ? (O = ue(), k = !1, Ce(), Ee()) : e && (k = !1), ct();
 	}, dt = () => {
 		p() && (k = !0, ct());
 	}, ft = () => {
-		if (!(!h().trim() || x())) {
-			if (e.runtime.currentSelection().elements.some((e) => C_(e.ownerDocument))) {
-				b("Context annotations are unavailable for Responsive preview targets.");
-				return;
-			}
-			try {
-				let t = e.runtime.addSelectionAnnotation(h());
-				k = !1, A = null, g(""), v(!1), b(null), m(!1), se(), _e(t.id), nt(t.id), o(t.id), w(null), ye(t.id);
-			} catch (e) {
-				b(e instanceof Error ? e.message : String(e));
-			}
+		if (!(!h().trim() || x())) try {
+			let t = e.runtime.addSelectionAnnotation(h());
+			k = !1, A = null, g(""), v(!1), b(null), m(!1), se(), _e(t.id), nt(t.id), o(t.id), w(null), ye(t.id);
+		} catch (e) {
+			b(e instanceof Error ? e.message : String(e));
 		}
 	}, pt = {
 		openNoteComposer: lt,
@@ -22145,11 +22263,11 @@ function ow(e) {
 		})
 	];
 }
-function sw(e) {
+function uw(e) {
 	let t = null;
 	return In(ov(e.ownerWindow, () => {
 		t?.abandonNoteComposer();
-	})), Y(ow, {
+	})), Y(lw, {
 		get runtime() {
 			return e.runtime;
 		},
@@ -22170,8 +22288,8 @@ function sw(e) {
 		}
 	});
 }
-var cw = "2147482950", lw = "2147483646", uw = "2147483647";
-function dw(e) {
+var dw = "2147482950", fw = "2147483646", pw = "2147483647";
+function mw(e) {
 	let { ownerDocument: t, ownerWindow: n, pageTarget: r } = e, i = t.body;
 	if (!(i && !(r instanceof n.ShadowRoot) && r.getRootNode() === t)) return e.createInspectorMount();
 	df(ff, i);
@@ -22192,17 +22310,17 @@ function dw(e) {
 	s.dataset.mesurerDocumentInspectorLayerStyle = "true", s.textContent = `
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-target-highlight="true"] {
   position: absolute !important;
-  z-index: ${cw} !important;
+  z-index: ${dw} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-panel="true"] {
   position: absolute !important;
-  z-index: ${lw} !important;
+  z-index: ${fw} !important;
 }
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-marker="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-trigger="true"],
 [data-mesurer-document-inspector-mount="true"] [data-mesurer-annotation-composer="true"] {
   position: absolute !important;
-  z-index: ${uw} !important;
+  z-index: ${pw} !important;
 }
 `, t.head.append(s), i.append(a);
 	let c = !1;
@@ -22213,8 +22331,8 @@ function dw(e) {
 		}
 	};
 }
-var fw = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, pw = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", mw = (e) => {
-	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = pw(e.align);
+var hw = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)`, gw = (e) => e === "max" ? "end" : e === "center" ? "center" : "start", _w = (e) => {
+	let t = e.kind === "columns", n = e.align === "stretch", r = n ? `repeat(${e.count}, minmax(0, 1fr))` : `repeat(${e.count}, ${e.size}px)`, i = gw(e.align);
 	return {
 		position: "absolute",
 		inset: "0",
@@ -22235,7 +22353,7 @@ var fw = (e) => `color-mix(in srgb, ${e.color} ${e.opacity * 100}%, transparent)
 		transform: e.align === "center" ? t ? `translateX(${e.offset}px)` : `translateY(${e.offset}px)` : void 0
 	};
 };
-function hw(e) {
+function vw(e) {
 	let t = () => e.guides.filter((e) => e.visible);
 	return Y(q, {
 		get when() {
@@ -22270,7 +22388,7 @@ function hw(e) {
 									"min-height": "0",
 									width: "100%",
 									height: "100%",
-									"background-color": fw(e)
+									"background-color": hw(e)
 								}), (e, n) => {
 									$(t, "style", e, n);
 								}), t;
@@ -22278,7 +22396,7 @@ function hw(e) {
 						})), J(() => ({
 							e: e.id,
 							t: e.kind,
-							a: mw(e)
+							a: _w(e)
 						}), ({ e, t: n, a: r }, i) => {
 							e !== i?.e && $(t, "data-mesurer-layout-guide", e, i?.e), n !== i?.t && $(t, "data-mesurer-layout-guide-kind", n, i?.t), r !== i?.a && $(t, "style", r, i?.a);
 						}), t;
@@ -22291,7 +22409,7 @@ function hw(e) {
 						return J(() => ({
 							e: e.id,
 							t: {
-								"background-image": `linear-gradient(to right, ${fw(e)} 1px, transparent 1px), linear-gradient(to bottom, ${fw(e)} 1px, transparent 1px)`,
+								"background-image": `linear-gradient(to right, ${hw(e)} 1px, transparent 1px), linear-gradient(to bottom, ${hw(e)} 1px, transparent 1px)`,
 								"background-size": `${e.size}px ${e.size}px`
 							}
 						}), ({ e, t: n }, r) => {
@@ -22303,34 +22421,34 @@ function hw(e) {
 		}
 	});
 }
-var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
+var yw = "#FF0000", bw = .1, xw = /* @__PURE__ */ new Set([
 	"columns",
 	"rows",
 	"grid"
-]), yw = /* @__PURE__ */ new Set([
+]), Sw = /* @__PURE__ */ new Set([
 	"stretch",
 	"min",
 	"center",
 	"max"
-]), bw = (e, t, n) => Math.min(n, Math.max(t, e)), xw = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, Sw = (e = {}) => {
-	let t = e.kind && vw.has(e.kind) ? e.kind : "columns", n = e.align && yw.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
+]), Cw = (e, t, n) => Math.min(n, Math.max(t, e)), ww = (e, t) => e !== void 0 && Number.isFinite(e) ? e : t, Tw = (e = {}) => {
+	let t = e.kind && xw.has(e.kind) ? e.kind : "columns", n = e.align && Sw.has(e.align) ? e.align : t === "grid" ? "min" : "stretch", r = e.id?.trim(), i = e.color?.trim();
 	return {
 		id: r || Zu(),
 		kind: t,
 		visible: e.visible ?? !0,
 		color: i || "#FF0000",
-		opacity: bw(xw(e.opacity, _w), 0, 1),
-		count: bw(Math.round(xw(e.count, 5)), 1, 24),
-		size: bw(xw(e.size, 72), 1, 4096),
-		gutter: bw(xw(e.gutter, 20), 0, 800),
-		offset: bw(xw(e.offset, 0), 0, 4096),
+		opacity: Cw(ww(e.opacity, bw), 0, 1),
+		count: Cw(Math.round(ww(e.count, 5)), 1, 24),
+		size: Cw(ww(e.size, 72), 1, 4096),
+		gutter: Cw(ww(e.gutter, 20), 0, 800),
+		offset: Cw(ww(e.offset, 0), 0, 4096),
 		align: n
 	};
-}, Cw = (e) => (e ?? []).map(Sw), ww = (e) => {
+}, Ew = (e) => (e ?? []).map(Tw), Dw = (e) => {
 	if (e.kind === "grid") return `Grid ${Math.round(e.size)}px`;
 	let t = e.kind === "columns" ? "columns" : "rows";
 	return e.align === "stretch" ? `${e.count} ${t}` : `${e.count} ${t} (${Math.round(e.size)}px)`;
-}, Tw = (e) => (() => {
+}, Ow = (e) => (() => {
 	var t = X("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -22349,10 +22467,10 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 	}), ({ e, t: n }, r) => {
 		e !== r?.e && $(t, "width", e, r?.e), n !== r?.t && $(t, "height", n, r?.t);
 	}), t;
-})(), Ew = (e) => e.kind === "rows" ? Y(Dg, { size: 14 }) : e.kind === "grid" ? Y(Tg, { size: 14 }) : Y(Eg, { size: 14 }), Dw = "msr:grid-cols-[78px_minmax(0,1fr)]", Ow = (e) => (() => {
+})(), kw = (e) => e.kind === "rows" ? Y(Dg, { size: 14 }) : e.kind === "grid" ? Y(Tg, { size: 14 }) : Y(Eg, { size: 14 }), Aw = "msr:grid-cols-[78px_minmax(0,1fr)]", jw = (e) => (() => {
 	var t = X("label", { class: "msr:col-span-2 msr:grid msr:h-8 msr:w-full msr:grid-cols-[78px_minmax(0,1fr)] msr:items-center msr:gap-0 msr:text-[12px] msr:text-ink-700" }), n = X("span");
 	return Z(t, n), Q(n, () => e.label), Q(t, () => e.children, null), t;
-})(), kw = (e) => (() => {
+})(), Mw = (e) => (() => {
 	var t = X("span", { class: "msr:relative msr:block msr:w-full" }), n = X("select", {
 		class: Hh,
 		onPointerDown: (e) => e.stopPropagation(),
@@ -22364,7 +22482,7 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 	}), ({ e, t }, r) => {
 		e !== r?.e && $(n, "aria-label", e, r?.e), t !== r?.t && $(n, "value", t, r?.t);
 	}), t;
-})(), Aw = (e) => {
+})(), Nw = (e) => {
 	let [t, n] = K(!1), [r, i] = K(String(e.value)), a = () => e.min ?? 0, o = () => e.max ?? 9999, s = (e) => Math.min(o(), Math.max(a(), e)), c = (t) => {
 		let n = Number(t.replace(/[^\d.-]/g, ""));
 		if (!Number.isFinite(n)) {
@@ -22405,7 +22523,7 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 			e !== n?.e && $(a, "aria-label", e, n?.e), t !== n?.t && $(a, "value", t, n?.t);
 		}), a;
 	} });
-}, jw = (e) => e === "rows" || e === "grid" ? e : "columns", Mw = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", Nw = (e) => {
+}, Pw = (e) => e === "rows" || e === "grid" ? e : "columns", Fw = (e) => e === "min" || e === "center" || e === "max" ? e : "stretch", Iw = (e) => {
 	let t = mo(() => e.guide.kind === "rows" ? {
 		stretch: "Stretch",
 		min: "Top",
@@ -22422,13 +22540,13 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 		"aria-label": "Back to layout guides",
 		class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-500 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900"
 	});
-	return Z(r, i), Z(i, a), Q(i, Y(kw, {
+	return Z(r, i), Z(i, a), Q(i, Y(Mw, {
 		label: "Layout guide type",
 		get value() {
 			return e.guide.kind;
 		},
 		onChange: (t) => {
-			let n = jw(t);
+			let n = Pw(t);
 			e.onUpdate({
 				kind: n,
 				align: n === "grid" ? "min" : e.guide.align === "stretch" || n === e.guide.kind ? e.guide.align : "stretch"
@@ -22450,15 +22568,15 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 				})()
 			];
 		}
-	}), a), Q(a, Y(Tw, {})), Q(r, Y(q, {
+	}), a), Q(a, Y(Ow, {})), Q(r, Y(q, {
 		get when() {
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return Y(Ow, {
+			return Y(jw, {
 				label: "Count",
 				get children() {
-					return Y(Aw, {
+					return Y(Nw, {
 						label: "Count",
 						get value() {
 							return e.guide.count;
@@ -22472,14 +22590,14 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 		}
 	}), null), Q(r, Y(Gh, {
 		label: "Color",
-		columns: Dw,
+		columns: Aw,
 		get value() {
 			return Rc({
 				...Ic(e.guide.color) ?? Ic("#FF0000"),
 				alpha: e.guide.opacity
 			});
 		},
-		fallback: gw,
+		fallback: yw,
 		get ownerWindow() {
 			return e.ownerWindow;
 		},
@@ -22498,15 +22616,15 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return Y(Ow, {
+			return Y(jw, {
 				label: "Type",
 				get children() {
-					return Y(kw, {
+					return Y(Mw, {
 						label: "Alignment",
 						get value() {
 							return e.guide.align;
 						},
-						onChange: (t) => e.onUpdate({ align: Mw(t) }),
+						onChange: (t) => e.onUpdate({ align: Fw(t) }),
 						get children() {
 							return Y(xo, {
 								each: [
@@ -22530,12 +22648,12 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 			return e.guide.kind === "grid" || e.guide.align !== "stretch";
 		},
 		get children() {
-			return Y(Ow, {
+			return Y(jw, {
 				get label() {
 					return n();
 				},
 				get children() {
-					return Y(Aw, {
+					return Y(Nw, {
 						get label() {
 							return n();
 						},
@@ -22554,10 +22672,10 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 			return e.guide.kind !== "grid";
 		},
 		get children() {
-			return [Y(Ow, {
+			return [Y(jw, {
 				label: "Offset",
 				get children() {
-					return Y(Aw, {
+					return Y(Nw, {
 						label: "Offset",
 						get value() {
 							return e.guide.offset;
@@ -22567,10 +22685,10 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 						onChange: (t) => e.onUpdate({ offset: t })
 					});
 				}
-			}), Y(Ow, {
+			}), Y(jw, {
 				label: "Gutter",
 				get children() {
-					return Y(Aw, {
+					return Y(Nw, {
 						label: "Gutter",
 						get value() {
 							return e.guide.gutter;
@@ -22586,7 +22704,7 @@ var gw = "#FF0000", _w = .1, vw = /* @__PURE__ */ new Set([
 		$(a, "onClick", e, t);
 	}), r;
 };
-function Pw(e) {
+function Lw(e) {
 	let [t, n] = K(null), r = mo(() => e.guides.find((e) => e.id === t()) ?? null);
 	var i = X("div", {
 		"data-mesurer-layout-guides-panel": "true",
@@ -22635,9 +22753,9 @@ function Pw(e) {
 								class: "msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:text-ink-400 msr:outline-none msr:hover:bg-ink-100 msr:hover:text-ink-900",
 								onClick: () => e.onRemove(t.id)
 							});
-							return Z(r, i), Z(r, s), Z(r, c), Z(i, a), Z(i, o), Q(a, Y(Ew, { get kind() {
+							return Z(r, i), Z(r, s), Z(r, c), Z(i, a), Z(i, o), Q(a, Y(kw, { get kind() {
 								return t.kind;
-							} })), Q(o, () => ww(t)), Q(i, Y(_g, {
+							} })), Q(o, () => Dw(t)), Q(i, Y(_g, {
 								size: 8,
 								class: "msr:block msr:-rotate-90 msr:text-ink-400"
 							}), null), Q(s, (() => {
@@ -22647,10 +22765,10 @@ function Pw(e) {
 								size: 10,
 								class: "msr:block"
 							})), J(() => ({
-								e: t.visible ? `Hide ${ww(t)}` : `Show ${ww(t)}`,
+								e: t.visible ? `Hide ${Dw(t)}` : `Show ${Dw(t)}`,
 								t: t.visible ? "true" : "false",
 								a: `msr:flex msr:size-6 msr:items-center msr:justify-center msr:rounded-control msr:outline-none msr:hover:bg-ink-100 ${t.visible ? "msr:text-ink-700" : "msr:text-ink-400"}`,
-								o: `Remove ${ww(t)}`
+								o: `Remove ${Dw(t)}`
 							}), ({ e, t, a: n, o: r }, i) => {
 								e !== i?.e && $(s, "aria-label", e, i?.e), t !== i?.t && $(s, "aria-pressed", t, i?.t), n !== i?.a && $(s, "class", n, i?.a), r !== i?.o && $(c, "aria-label", r, i?.o);
 							}), r;
@@ -22661,7 +22779,7 @@ function Pw(e) {
 				$(a, "onClick", e, t);
 			}), t;
 		},
-		children: (t) => Y(Nw, {
+		children: (t) => Y(Iw, {
 			get guide() {
 				return t();
 			},
@@ -22673,56 +22791,56 @@ function Pw(e) {
 		})
 	})), i;
 }
-var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-guides.pages", Rw = "mesurer.layout-guides.active", zw = "runtime:solid", Bw = "layout-guides.toggle", Vw = "layout-guides.add", Hw = "layout-guides.update", Uw = "layout-guides.remove", Ww = "layout-guides.clear", Gw = 240, Kw = 8, qw = 8, Jw = () => ({ pages: {} }), Yw = (e, t) => e.pages[t] ?? [], Xw = (e) => typeof e == "object" && !!e && !Array.isArray(e), Zw = (e) => typeof e == "string", Qw = (e) => typeof e == "boolean", $w = (e) => typeof e == "number", eT = (e) => e === "columns" || e === "rows" || e === "grid", tT = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", nT = (e) => ({ ...e }), rT = (e) => e.map(nT), iT = (e) => Xw(e) ? e : null, aT = (e) => {
+var Rw = "mesurer.layout-guides", zw = "layout-guides:v1", Bw = "mesurer.layout-guides.pages", Vw = "mesurer.layout-guides.active", Hw = "runtime:solid", Uw = "layout-guides.toggle", Ww = "layout-guides.add", Gw = "layout-guides.update", Kw = "layout-guides.remove", qw = "layout-guides.clear", Jw = 240, Yw = 8, Xw = 8, Zw = () => ({ pages: {} }), Qw = (e, t) => e.pages[t] ?? [], $w = (e) => typeof e == "object" && !!e && !Array.isArray(e), eT = (e) => typeof e == "string", tT = (e) => typeof e == "boolean", nT = (e) => typeof e == "number", rT = (e) => e === "columns" || e === "rows" || e === "grid", iT = (e) => e === "stretch" || e === "min" || e === "center" || e === "max", aT = (e) => ({ ...e }), oT = (e) => e.map(aT), sT = (e) => $w(e) ? e : null, cT = (e) => {
 	if (!e) return {};
 	let t = {};
-	return Zw(e.id) && (t.id = e.id), eT(e.kind) && (t.kind = e.kind), Qw(e.visible) && (t.visible = e.visible), Zw(e.color) && (t.color = e.color), $w(e.opacity) && (t.opacity = e.opacity), $w(e.count) && (t.count = e.count), $w(e.size) && (t.size = e.size), $w(e.gutter) && (t.gutter = e.gutter), $w(e.offset) && (t.offset = e.offset), tT(e.align) && (t.align = e.align), t;
-}, oT = (e) => {
+	return eT(e.id) && (t.id = e.id), rT(e.kind) && (t.kind = e.kind), tT(e.visible) && (t.visible = e.visible), eT(e.color) && (t.color = e.color), nT(e.opacity) && (t.opacity = e.opacity), nT(e.count) && (t.count = e.count), nT(e.size) && (t.size = e.size), nT(e.gutter) && (t.gutter = e.gutter), nT(e.offset) && (t.offset = e.offset), iT(e.align) && (t.align = e.align), t;
+}, lT = (e) => {
 	let t = {};
 	return e.id !== void 0 && (t.id = e.id), e.kind !== void 0 && (t.kind = e.kind), e.visible !== void 0 && (t.visible = e.visible), e.color !== void 0 && (t.color = e.color), e.opacity !== void 0 && (t.opacity = e.opacity), e.count !== void 0 && (t.count = e.count), e.size !== void 0 && (t.size = e.size), e.gutter !== void 0 && (t.gutter = e.gutter), e.offset !== void 0 && (t.offset = e.offset), e.align !== void 0 && (t.align = e.align), t;
-}, sT = {
+}, uT = {
 	viewBox: "0 0 256 256",
 	paths: ["M48 48h160v8H48zM48 200h160v8H48zM48 56h8v144h-8zM200 56h8v144h-8z", "M101 56h8v144h-8zM147 56h8v144h-8z"]
-}, cT = () => kc({
-	id: Fw,
+}, dT = () => kc({
+	id: Rw,
 	version: "0.1.0",
-	requires: [zw],
-	provides: [Iw, "tool:layout-guides"],
+	requires: [Hw],
+	provides: [zw, "tool:layout-guides"],
 	setup(e) {
-		let t = e.service.get(zw);
+		let t = e.service.get(Hw);
 		if (!t) throw Error("Layout Guides requires the Solid renderer runtime.");
 		let n = t.rendererRoot;
 		if (!n) throw Error("Layout Guides requires a mounted renderer root.");
 		e.state.register({
-			id: Lw,
-			initial: Jw(),
+			id: Bw,
+			initial: Zw(),
 			history: !0,
 			persist: !0
 		}), e.state.register({
-			id: Rw,
+			id: Vw,
 			initial: !1
 		});
-		let r = Ul(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? Jw(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => Cw(Yw(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
-			e.state.update(Rw, () => t);
+		let r = Ul(t.ownerWindow), i = !1, [a, o] = K(0), s = /* @__PURE__ */ new Set(), c = 0, l = () => e.state.get("mesurer.layout-guides.pages") ?? Zw(), u = () => e.state.get("mesurer.layout-guides.active") ?? !1, d = () => Ew(Qw(l(), r)), f = () => (a(), u() ? d() : []), p = (t) => {
+			e.state.update(Vw, () => t);
 		}, m = (t) => {
-			e.state.update(Lw, (e) => ({
+			e.state.update(Bw, (e) => ({
 				...e,
 				pages: {
 					...e.pages,
-					[r]: rT(t(Cw(e.pages[r])))
+					[r]: oT(t(Ew(e.pages[r])))
 				}
 			}));
 		};
-		e.command.register(Bw, () => {
+		e.command.register(Uw, () => {
 			let e = !u();
-			return e && d().length === 0 && m(() => [Sw()]), i = e, p(e), u();
-		}), e.command.register(Vw, (e) => {
-			let t = Sw(aT(iT(e)));
+			return e && d().length === 0 && m(() => [Tw()]), i = e, p(e), u();
+		}), e.command.register(Ww, (e) => {
+			let t = Tw(cT(sT(e)));
 			return m((e) => [...e, t]), { ...t };
-		}), e.command.register(Hw, (e) => {
-			let t = iT(e), n = t && Zw(t.id) ? t.id : null, r = aT(iT(t?.patch));
+		}), e.command.register(Gw, (e) => {
+			let t = sT(e), n = t && eT(t.id) ? t.id : null, r = cT(sT(t?.patch));
 			if (!n) throw Error("layout-guides.update requires a guide id.");
-			m((e) => e.map((e) => e.id === n ? Sw({
+			m((e) => e.map((e) => e.id === n ? Tw({
 				...e,
 				...r,
 				id: e.id
@@ -22730,30 +22848,30 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			let i = d().find((e) => e.id === n);
 			if (!i) throw Error(`Layout guide not found: ${n}`);
 			return { ...i };
-		}), e.command.register(Uw, (e) => {
-			let t = iT(e), n = t && Zw(t.id) ? t.id : null;
+		}), e.command.register(Kw, (e) => {
+			let t = sT(e), n = t && eT(t.id) ? t.id : null;
 			if (!n) throw Error("layout-guides.remove requires a guide id.");
 			let r = d().length;
 			return m((e) => e.filter((e) => e.id !== n)), d().length !== r;
-		}), e.command.register(Ww, () => {
+		}), e.command.register(qw, () => {
 			m(() => []);
 		});
 		let h = async (t, n) => {
-			let r = iT(await e.command.execute(t, n));
+			let r = sT(await e.command.execute(t, n));
 			if (!r) throw Error(`${t} did not return a layout guide.`);
-			return Sw(aT(r));
+			return Tw(cT(r));
 		}, g = {
 			list: () => d().map((e) => ({ ...e })),
-			add: (e = {}) => h(Vw, oT(e)),
-			update: (e, t) => h(Hw, {
+			add: (e = {}) => h(Ww, lT(e)),
+			update: (e, t) => h(Gw, {
 				id: e,
-				patch: oT(t)
+				patch: lT(t)
 			}),
 			async remove(t) {
-				return await e.command.execute(Uw, { id: t }) === !0;
+				return await e.command.execute(Kw, { id: t }) === !0;
 			},
 			async clear() {
-				await e.command.execute(Ww);
+				await e.command.execute(qw);
 			},
 			subscribe(e) {
 				s.add(e);
@@ -22763,27 +22881,27 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				};
 			}
 		};
-		e.service.provide(Iw, g), e.tool.register({
+		e.service.provide(zw, g), e.tool.register({
 			id: "layout-guides",
 			label: "Layout guides",
 			shortcut: "L",
-			command: Bw,
+			command: Uw,
 			order: 38,
 			toolbarMode: "always",
 			compactPinned: !0,
-			icon: sT,
+			icon: uT,
 			active: u
 		});
 		let _ = t.ownerDocument.createElement("div");
 		_.dataset.mesurerLayoutGuidesRoot = "true", _.dataset.mesurerLayer = "evidence", _.style.position = "absolute", _.style.inset = "0", _.style.pointerEvents = "none", n.prepend(_);
-		let v = rc(() => Y(hw, { get guides() {
+		let v = rc(() => Y(vw, { get guides() {
 			return f();
 		} }), _), y = t.createInspectorMount();
 		y.element.dataset.mesurerLayoutGuidesPanelRoot = "true", Object.assign(y.element.style, {
 			position: "fixed",
 			left: "0",
 			top: "0",
-			width: `${Gw}px`,
+			width: `${Jw}px`,
 			zIndex: "100",
 			pointerEvents: "none",
 			display: "none"
@@ -22792,13 +22910,13 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			if (c = 0, !i) return;
 			let e = t.portalTarget.querySelector("[data-mesurer-tool-id='layout-guides']");
 			if (!e) return;
-			let n = e.getBoundingClientRect(), r = Math.min(Math.max(qw, n.right - Gw), Math.max(qw, t.ownerWindow.innerWidth - Gw - qw)), a = t.ownerWindow.innerHeight - n.bottom - Kw - qw, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + Kw : Math.max(qw, n.top - Kw - o);
+			let n = e.getBoundingClientRect(), r = Math.min(Math.max(Xw, n.right - Jw), Math.max(Xw, t.ownerWindow.innerWidth - Jw - Xw)), a = t.ownerWindow.innerHeight - n.bottom - Yw - Xw, o = Math.min(320, t.ownerWindow.innerHeight - 16), s = a >= Math.min(o, 320) ? n.bottom + Yw : Math.max(Xw, n.top - Yw - o);
 			y.element.style.left = `${r}px`, y.element.style.top = `${s}px`;
 		}, x = () => {
 			c ||= t.ownerWindow.requestAnimationFrame(b);
 		}, S = () => {
 			y.element.style.display = i ? "block" : "none", i && x();
-		}, C = rc(() => Y(Pw, {
+		}, C = rc(() => Y(Lw, {
 			get guides() {
 				return f();
 			},
@@ -22833,11 +22951,11 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			t.ownerDocument.removeEventListener("pointerdown", D, !0), t.ownerDocument.removeEventListener("keydown", O, !0), t.ownerWindow.removeEventListener("resize", x), t.ownerWindow.removeEventListener("pointerup", x, !0), c && t.ownerWindow.cancelAnimationFrame(c), c = 0, s.clear(), T.dispose(), E(), C(), y.dispose(), v(), _.remove();
 		});
 	}
-}), lT = "mesurer:recording-bridge-ping", uT = "mesurer:recording-bridge-request", dT = "mesurer:recording-bridge-response", fT = "position:fixed;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none", pT = .01, mT = (e) => ({
+}), fT = "mesurer:recording-bridge-ping", pT = "mesurer:recording-bridge-request", mT = "mesurer:recording-bridge-response", hT = "position:fixed;left:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none", gT = .01, _T = (e) => ({
 	width: e.innerWidth,
 	height: e.innerHeight
-}), hT = (e, t, n, r) => {
-	let i = Math.max(1, r.width), a = Math.max(1, r.height), o = t / i, s = n / a, c = Math.abs(o - s) <= pT * Math.max(o, s), l = c ? o : Math.min(o, s), u = c ? 0 : (t - i * l) / 2, d = c ? 0 : (n - a * l) / 2, f = c ? o : l, p = c ? s : l, m = u + e.left * f, h = d + e.top * p, g = u + (e.left + e.width) * f, _ = d + (e.top + e.height) * p, v = Math.max(g - m, 1e-6), y = Math.max(_ - h, 1e-6), b = Math.max(0, Math.min(t, m)), x = Math.max(0, Math.min(n, h)), S = Math.max(0, Math.min(t, g)), C = Math.max(0, Math.min(n, _)), w = Math.max(0, Math.round(b)), T = Math.max(0, Math.round(x)), E = Math.min(t, Math.round(S)), D = Math.min(n, Math.round(C));
+}), vT = (e, t, n, r) => {
+	let i = Math.max(1, r.width), a = Math.max(1, r.height), o = t / i, s = n / a, c = Math.abs(o - s) <= gT * Math.max(o, s), l = c ? o : Math.min(o, s), u = c ? 0 : (t - i * l) / 2, d = c ? 0 : (n - a * l) / 2, f = c ? o : l, p = c ? s : l, m = u + e.left * f, h = d + e.top * p, g = u + (e.left + e.width) * f, _ = d + (e.top + e.height) * p, v = Math.max(g - m, 1e-6), y = Math.max(_ - h, 1e-6), b = Math.max(0, Math.min(t, m)), x = Math.max(0, Math.min(n, h)), S = Math.max(0, Math.min(t, g)), C = Math.max(0, Math.min(n, _)), w = Math.max(0, Math.round(b)), T = Math.max(0, Math.round(x)), E = Math.min(t, Math.round(S)), D = Math.min(n, Math.round(C));
 	return {
 		sx: w,
 		sy: T,
@@ -22848,15 +22966,15 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		dw: Math.max(0, S - b) / v,
 		dh: Math.max(0, C - x) / y
 	};
-}, gT = (e, t) => {
+}, yT = (e, t) => {
 	let n = e.createElement("div");
 	return n.dataset.mesurerRecordingCrop = "true", n.setAttribute("aria-hidden", "true"), n.style.position = "fixed", n.style.left = `${t.left}px`, n.style.top = `${t.top}px`, n.style.width = `${t.width}px`, n.style.height = `${t.height}px`, n.style.margin = "0", n.style.padding = "0", n.style.border = "0", n.style.background = "transparent", n.style.opacity = "0", n.style.pointerEvents = "none", e.body.append(n), n;
-}, _T = async (e, t) => {
+}, bT = async (e, t) => {
 	let n = e.cropTo, r = globalThis.CropTarget;
 	if (!n || !r) return !1;
 	let i = await r.fromElement(t);
 	return await n.call(e, i), !0;
-}, vT = (e, t) => new Promise((n) => {
+}, xT = (e, t) => new Promise((n) => {
 	let r = !1, i = () => {
 		r || (r = !0, t.clearTimeout(a), n());
 	}, a = t.setTimeout(i, 250), o = e;
@@ -22865,20 +22983,20 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		return;
 	}
 	t.requestAnimationFrame(i);
-}), yT = (e) => e.location.origin === "null" ? "*" : e.location.origin, bT = (e, t, n = "") => `${e}:${t}:${n}`, xT = (e, t, n) => {
+}), ST = (e) => e.location.origin === "null" ? "*" : e.location.origin, CT = (e, t, n = "") => `${e}:${t}:${n}`, wT = (e, t, n) => {
 	let r = `${t}:${n}:`;
 	return e.startsWith(r) ? e.slice(r.length) : null;
-}, ST = (e) => e.crypto?.randomUUID?.() ?? `mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`, CT = (e) => new Promise((t) => {
-	let n = ST(e), r = e.location.origin, i = (o) => {
-		o.source === e && o.origin === r && xT(String(o.data ?? ""), "mesurer:recording-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
+}, TT = (e) => e.crypto?.randomUUID?.() ?? `mesurer-recording-${Date.now()}-${Math.random().toString(36).slice(2)}`, ET = (e) => new Promise((t) => {
+	let n = TT(e), r = e.location.origin, i = (o) => {
+		o.source === e && o.origin === r && wT(String(o.data ?? ""), "mesurer:recording-bridge-pong", n) !== null && (e.removeEventListener("message", i), e.clearTimeout(a), t(!0));
 	}, a = e.setTimeout(() => {
 		e.removeEventListener("message", i), t(!1);
 	}, 80);
-	e.addEventListener("message", i), e.postMessage(bT(lT, n), yT(e));
-}), wT = (e) => new Promise((t) => {
-	let n = ST(e), r = e.location.origin, i = (o) => {
+	e.addEventListener("message", i), e.postMessage(CT(fT, n), ST(e));
+}), DT = (e) => new Promise((t) => {
+	let n = TT(e), r = e.location.origin, i = (o) => {
 		if (o.source !== e || o.origin !== r) return;
-		let s = xT(String(o.data ?? ""), dT, n);
+		let s = wT(String(o.data ?? ""), mT, n);
 		if (s !== null) {
 			if (e.removeEventListener("message", i), e.clearTimeout(a), !s.startsWith("ok:")) {
 				t(null);
@@ -22889,9 +23007,9 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}, a = e.setTimeout(() => {
 		e.removeEventListener("message", i), t(null);
 	}, 1500);
-	e.addEventListener("message", i), e.postMessage(bT(uT, n), yT(e));
-}), TT = (e) => e.__MESURER_RECORDING_HOST__?.captureRecordingStream ?? e.__MESURER_HOST__?.captureRecordingStream, ET = async (e, t) => {
-	let n = TT(e);
+	e.addEventListener("message", i), e.postMessage(CT(pT, n), ST(e));
+}), OT = (e) => e.__MESURER_RECORDING_HOST__?.captureRecordingStream ?? e.__MESURER_HOST__?.captureRecordingStream, kT = async (e, t) => {
+	let n = OT(e);
 	if (!n) throw Error("Native recording capture is unavailable.");
 	let r = (await n())?.streamId?.trim();
 	if (!r) throw Error("Native recording capture returned no stream id.");
@@ -22903,9 +23021,9 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		audio: !1,
 		video: i
 	});
-}, DT = async (e, t) => {
-	if (!e.isSecureContext || !await CT(e)) return null;
-	let n = await wT(e);
+}, AT = async (e, t) => {
+	if (!e.isSecureContext || !await ET(e)) return null;
+	let n = await DT(e);
 	if (!n) return null;
 	let r = { mandatory: {
 		chromeMediaSource: "tab",
@@ -22915,7 +23033,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		audio: !1,
 		video: r
 	});
-}, OT = async (e, t) => {
+}, jT = async (e, t) => {
 	let n = e.getVideoTracks()[0];
 	if (!n?.applyConstraints) return e;
 	try {
@@ -22925,13 +23043,13 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		} });
 	} catch {}
 	return e;
-}, kT = async (e, t) => {
+}, MT = async (e, t) => {
 	let n = e.navigator.mediaDevices;
 	if (!n) throw Error("Screen recording is unavailable in this browser.");
-	if (TT(e)) return OT(await ET(e, n), t);
+	if (OT(e)) return jT(await kT(e, n), t);
 	try {
-		let r = await DT(e, n);
-		if (r) return OT(r, t);
+		let r = await AT(e, n);
+		if (r) return jT(r, t);
 	} catch {}
 	if (!n.getDisplayMedia) throw Error("Screen recording is unavailable in this browser.");
 	let r = {
@@ -22947,33 +23065,33 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		selfBrowserSurface: "include"
 	};
 	try {
-		return OT(await n.getDisplayMedia(i), t);
+		return jT(await n.getDisplayMedia(i), t);
 	} catch (e) {
 		if (e instanceof DOMException && e.name === "AbortError") throw e;
-		return OT(await n.getDisplayMedia({
+		return jT(await n.getDisplayMedia({
 			audio: !1,
 			video: { frameRate: r }
 		}), t);
 	}
-}, AT = async (e, t, n, r = 60) => {
-	let i = await kT(t, r), a = i.getVideoTracks()[0];
+}, NT = async (e, t, n, r = 60) => {
+	let i = await MT(t, r), a = i.getVideoTracks()[0];
 	if (!a) throw i.getTracks().forEach((e) => e.stop()), Error("No video track was selected.");
 	if (a.getSettings().displaySurface && a.getSettings().displaySurface !== "browser") throw i.getTracks().forEach((e) => e.stop()), Error("Select the current browser tab to record this region.");
 	let o = e.createElement("video");
-	o.autoplay = !0, o.muted = !0, o.playsInline = !0, o.srcObject = i, o.setAttribute("playsinline", ""), o.setAttribute("aria-hidden", "true"), o.style.cssText = fT, e.body.append(o);
+	o.autoplay = !0, o.muted = !0, o.playsInline = !0, o.srcObject = i, o.setAttribute("playsinline", ""), o.setAttribute("aria-hidden", "true"), o.style.cssText = hT, e.body.append(o);
 	try {
 		await o.play(), (o.videoWidth <= 0 || o.videoHeight <= 0) && await new Promise((e, t) => {
 			o.addEventListener("loadeddata", () => e(), { once: !0 }), o.addEventListener("error", () => t(/* @__PURE__ */ Error("Could not read the selected video track.")), { once: !0 });
 		});
-		let r = gT(e, n), s = !1;
+		let r = yT(e, n), s = !1;
 		try {
-			s = await _T(a, r);
+			s = await bT(a, r);
 		} catch {
 			s = !1;
 		}
-		s || r.remove(), await vT(o, t);
-		let c = t.devicePixelRatio || 1, l = hT(n, o.videoWidth, o.videoHeight, mT(t)), u = e.createElement("canvas");
-		u.width = s ? Math.max(2, Math.round(n.width * c)) : l.sw, u.height = s ? Math.max(2, Math.round(n.height * c)) : l.sh, u.setAttribute("aria-hidden", "true"), u.style.cssText = fT, e.body.append(u);
+		s || r.remove(), await xT(o, t);
+		let c = t.devicePixelRatio || 1, l = vT(n, o.videoWidth, o.videoHeight, _T(t)), u = e.createElement("canvas");
+		u.width = s ? Math.max(2, Math.round(n.width * c)) : l.sw, u.height = s ? Math.max(2, Math.round(n.height * c)) : l.sh, u.setAttribute("aria-hidden", "true"), u.style.cssText = hT, e.body.append(u);
 		let d = u.getContext("2d", { alpha: !1 });
 		if (!d) throw u.remove(), Error("Screen recording requires a 2D canvas.");
 		let f = {
@@ -22985,32 +23103,32 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			cropTarget: s ? r : null,
 			regionLocked: s
 		};
-		return jT(f, n, mT(t)), f;
+		return PT(f, n, _T(t)), f;
 	} catch (e) {
 		throw o.pause(), o.srcObject = null, o.remove(), i.getTracks().forEach((e) => e.stop()), e;
 	}
-}, jT = (e, t, n) => {
+}, PT = (e, t, n) => {
 	let { source: r, canvas: i, context: a, regionLocked: o } = e;
 	if (r.videoWidth <= 0 || r.videoHeight <= 0) return;
 	if (o) {
 		a.drawImage(r, 0, 0, i.width, i.height);
 		return;
 	}
-	let s = hT(t, r.videoWidth, r.videoHeight, n), c = s.dx <= .001 && s.dy <= .001 && s.dw >= .999 && s.dh >= .999, l = c ? 0 : s.dx * i.width, u = c ? 0 : s.dy * i.height, d = c ? i.width : s.dw * i.width, f = c ? i.height : s.dh * i.height;
+	let s = vT(t, r.videoWidth, r.videoHeight, n), c = s.dx <= .001 && s.dy <= .001 && s.dw >= .999 && s.dh >= .999, l = c ? 0 : s.dx * i.width, u = c ? 0 : s.dy * i.height, d = c ? i.width : s.dw * i.width, f = c ? i.height : s.dh * i.height;
 	c || (a.fillStyle = "#000", a.fillRect(0, 0, i.width, i.height)), !(d < 1 || f < 1 || s.dw <= 0 || s.dh <= 0) && a.drawImage(r, s.sx, s.sy, s.sw, s.sh, l, u, d, f);
-}, MT = (e) => {
+}, FT = (e) => {
 	e.source.pause(), e.source.srcObject = null, e.stream.getTracks().forEach((e) => e.stop()), e.cropTarget?.remove(), e.canvas.remove(), e.source.remove();
-}, NT = {
+}, IT = {
 	webm: "video/webm",
 	mp4: "video/mp4"
-}, PT = ["vp9", "vp8"], FT = ["avc"], IT = (e) => new c(e), LT = (e, t) => Number.isFinite(e) && e > 0 ? e : t, RT = (e, t, n) => {
-	let r = Math.max(2, Math.round(LT(e, 2))), i = Math.max(2, Math.round(LT(t, 2)));
+}, LT = ["vp9", "vp8"], RT = ["avc"], zT = (e) => new c(e), BT = (e, t) => Number.isFinite(e) && e > 0 ? e : t, VT = (e, t, n) => {
+	let r = Math.max(2, Math.round(BT(e, 2))), i = Math.max(2, Math.round(BT(t, 2)));
 	return n === "mp4" && (r % 2 != 0 && (r += 1), i % 2 != 0 && (i += 1)), {
 		width: r,
 		height: i
 	};
-}, zT = (e, t = {}) => {
-	let n = Math.max(.001, LT(e.duration, .001)), r = Math.min(n, Math.max(0, Number.isFinite(t.startTime) ? t.startTime ?? 0 : 0)), i = Number.isFinite(t.endTime) ? t.endTime ?? n : n, a = Math.min(n, Math.max(r + .001, i));
+}, HT = (e, t = {}) => {
+	let n = Math.max(.001, BT(e.duration, .001)), r = Math.min(n, Math.max(0, Number.isFinite(t.startTime) ? t.startTime ?? 0 : 0)), i = Number.isFinite(t.endTime) ? t.endTime ?? n : n, a = Math.min(n, Math.max(r + .001, i));
 	return {
 		format: t.format ?? "webm",
 		startTime: r,
@@ -23018,33 +23136,33 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		scale: t.scale ?? 1,
 		quality: t.quality ?? "medium"
 	};
-}, BT = (e) => e === "webm" ? PT : FT, VT = async (e, t, n, r, i = "medium") => {
-	let a = RT(t, n, e), o = IT(i);
-	for (let t of BT(e)) if (await u(t, {
+}, UT = (e) => e === "webm" ? LT : RT, WT = async (e, t, n, r, i = "medium") => {
+	let a = VT(t, n, e), o = zT(i);
+	for (let t of UT(e)) if (await u(t, {
 		width: a.width,
 		height: a.height,
 		frameRate: r,
 		quality: o
 	})) return t;
 	return null;
-}, HT = async (e, t, n = 30) => {
+}, GT = async (e, t, n = 30) => {
 	let r = [];
-	return await VT("webm", e, t, n) && r.push("webm"), await VT("mp4", e, t, n) && r.push("mp4"), r;
-}, UT = (e) => e === "webm" ? new l() : new o(), WT = async (e, t = {}) => {
-	let i = t.format ?? "webm", a = Math.max(1, Math.min(120, Math.round(t.frameRate ?? 30))), o = t.quality ?? "medium", c = e.width, l = e.height, u = await VT(i, c, l, a, o);
+	return await WT("webm", e, t, n) && r.push("webm"), await WT("mp4", e, t, n) && r.push("mp4"), r;
+}, KT = (e) => e === "webm" ? new l() : new o(), qT = async (e, t = {}) => {
+	let i = t.format ?? "webm", a = Math.max(1, Math.min(120, Math.round(t.frameRate ?? 30))), o = t.quality ?? "medium", c = e.width, l = e.height, u = await WT(i, c, l, a, o);
 	if (!u) throw Error(`MediaBunny cannot encode ${i.toUpperCase()} at ${c}×${l} in this runtime.`);
 	let d = new n(), f = new s({
-		format: UT(i),
+		format: KT(i),
 		target: d
 	}), p = new r(e, {
 		codec: u,
-		quality: IT(o)
+		quality: zT(o)
 	});
 	f.addVideoTrack(p, { frameRate: a }), await f.start();
 	let m = !1, h = -1;
 	return {
 		format: i,
-		mimeType: NT[i],
+		mimeType: IT[i],
 		codec: u,
 		async addFrame(e, t = 1 / a) {
 			if (m) throw Error("Recording session is already closed.");
@@ -23056,7 +23174,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		finalize: async () => {
 			if (m) throw Error("Recording session is already closed.");
 			if (m = !0, p.close(), await f.finalize(), !d.buffer || d.buffer.byteLength === 0) throw Error("MediaBunny produced an empty recording.");
-			return new Blob([d.buffer], { type: NT[i] });
+			return new Blob([d.buffer], { type: IT[i] });
 		},
 		async cancel() {
 			if (!m) {
@@ -23067,7 +23185,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			}
 		}
 	};
-}, GT = async (n) => {
+}, JT = async (n) => {
 	let r = new a({
 		source: new t(n),
 		formats: e
@@ -23089,14 +23207,14 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	} finally {
 		r.dispose();
 	}
-}, KT = async (r, o = {}) => {
-	let c = await GT(r), l = zT(c, o), u = RT(c.width * l.scale, c.height * l.scale, l.format), d = await VT(l.format, u.width, u.height, 30, l.quality);
+}, YT = async (r, o = {}) => {
+	let c = await JT(r), l = HT(c, o), u = VT(c.width * l.scale, c.height * l.scale, l.format), d = await WT(l.format, u.width, u.height, 30, l.quality);
 	if (!d) throw Error(`MediaBunny cannot export ${l.format.toUpperCase()} in this runtime.`);
 	let f = new a({
 		source: new t(r),
 		formats: e
 	}), p = new n(), m = new s({
-		format: UT(l.format),
+		format: KT(l.format),
 		target: p
 	});
 	try {
@@ -23112,14 +23230,14 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				width: u.width,
 				height: u.height,
 				fit: "fill",
-				quality: IT(l.quality),
+				quality: zT(l.quality),
 				forceTranscode: !0
 			},
 			audio: { discard: !0 }
 		});
 		if (!e.isValid) throw Error(`MediaBunny cannot convert this recording to ${l.format.toUpperCase()}.`);
 		if (await e.execute(), !p.buffer || p.buffer.byteLength === 0) throw Error("MediaBunny produced an empty export.");
-		let t = new Blob([p.buffer], { type: NT[l.format] }), n = await GT(t);
+		let t = new Blob([p.buffer], { type: IT[l.format] }), n = await JT(t);
 		return {
 			blob: t,
 			format: l.format,
@@ -23130,11 +23248,11 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	} finally {
 		f.dispose();
 	}
-}, qT = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, JT = 10, YT = (e, t) => {
+}, XT = (e, t = /* @__PURE__ */ new Date()) => `mesurer-recording-${t.toISOString().replace(/[:.]/g, "-")}.${e}`, ZT = 10, QT = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, XT = (e, t, n) => {
+}, $T = (e, t, n) => {
 	let r = e.createElement("button");
-	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, YT(r, {
+	return r.type = "button", r.setAttribute("aria-label", t), r.title = t, r.textContent = n, QT(r, {
 		display: "inline-flex",
 		width: "20px",
 		height: "20px",
@@ -23150,9 +23268,9 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"line-height": "1",
 		cursor: "pointer"
 	}), r;
-}, ZT = (e, t) => {
+}, eE = (e, t) => {
 	let n = e.createElement("button");
-	n.type = "button", n.setAttribute("role", "menuitemradio"), YT(n, {
+	n.type = "button", n.setAttribute("role", "menuitemradio"), QT(n, {
 		display: "grid",
 		width: "100%",
 		height: "28px",
@@ -23177,9 +23295,9 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		check: r,
 		text: i
 	};
-}, QT = ({ ownerDocument: e, root: t }) => {
+}, tE = ({ ownerDocument: e, root: t }) => {
 	let n = e.createElement("section");
-	n.dataset.mesurerRecordingPreview = "true", n.dataset.mesurerInspectorUi = "true", n.setAttribute("role", "dialog"), n.setAttribute("aria-label", "Screen recording editor"), n.tabIndex = 0, YT(n, {
+	n.dataset.mesurerRecordingPreview = "true", n.dataset.mesurerInspectorUi = "true", n.setAttribute("role", "dialog"), n.setAttribute("aria-label", "Screen recording editor"), n.tabIndex = 0, QT(n, {
 		position: "fixed",
 		display: "none",
 		width: "352px",
@@ -23200,7 +23318,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		transition: "width 200ms ease"
 	}), t.append(n);
 	let r = e.createElement("div");
-	YT(r, {
+	QT(r, {
 		position: "relative",
 		display: "flex",
 		width: "100%",
@@ -23215,7 +23333,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		cursor: "default"
 	}), n.append(r);
 	let i = e.createElement("video");
-	i.muted = !0, i.playsInline = !0, i.preload = "auto", YT(i, {
+	i.muted = !0, i.playsInline = !0, i.preload = "auto", QT(i, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -23225,7 +23343,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		transition: "max-height 200ms ease"
 	}), r.append(i);
 	let a = e.createElement("div");
-	a.dataset.mesurerRecordingExporting = "true", a.textContent = "Exporting…", YT(a, {
+	a.dataset.mesurerRecordingExporting = "true", a.textContent = "Exporting…", QT(a, {
 		position: "absolute",
 		inset: "0",
 		display: "none",
@@ -23237,8 +23355,8 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"font-size": "11px",
 		"pointer-events": "none"
 	}), r.append(a);
-	let o = XT(e, "Close", "×");
-	o.dataset.mesurerRecordingDiscard = "true", YT(o, {
+	let o = $T(e, "Close", "×");
+	o.dataset.mesurerRecordingDiscard = "true", QT(o, {
 		position: "absolute",
 		top: "6px",
 		right: "6px",
@@ -23260,17 +23378,17 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		o.style.opacity = "0", o.style.pointerEvents = "none";
 	});
 	let s = e.createElement("div");
-	YT(s, {
+	QT(s, {
 		display: "flex",
 		height: "28px",
 		"align-items": "center",
 		gap: "8px",
 		"margin-top": "8px"
 	}), n.append(s);
-	let c = XT(e, "Play", "▶");
+	let c = $T(e, "Play", "▶");
 	c.dataset.mesurerRecordingPlay = "true", s.append(c);
 	let l = e.createElement("span");
-	l.dataset.mesurerRecordingCurrentTime = "true", l.textContent = "0:00.00", YT(l, {
+	l.dataset.mesurerRecordingCurrentTime = "true", l.textContent = "0:00.00", QT(l, {
 		display: "flex",
 		width: "8ch",
 		"min-width": "8ch",
@@ -23284,7 +23402,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"white-space": "nowrap"
 	}), s.append(l);
 	let u = e.createElement("div");
-	u.dataset.mesurerRecordingTimeline = "true", YT(u, {
+	u.dataset.mesurerRecordingTimeline = "true", QT(u, {
 		position: "relative",
 		height: "28px",
 		"min-width": "0",
@@ -23293,15 +23411,15 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"user-select": "none"
 	}), s.append(u);
 	let d = e.createElement("div");
-	d.dataset.mesurerRecordingTimelineTrack = "true", YT(d, {
+	d.dataset.mesurerRecordingTimelineTrack = "true", QT(d, {
 		position: "absolute",
-		left: `${JT}px`,
-		right: `${JT}px`,
+		left: `${ZT}px`,
+		right: `${ZT}px`,
 		top: "0",
 		bottom: "0"
 	}), u.append(d);
 	let f = e.createElement("div");
-	f.dataset.mesurerRecordingTimelineRail = "true", YT(f, {
+	f.dataset.mesurerRecordingTimelineRail = "true", QT(f, {
 		position: "absolute",
 		left: "0",
 		right: "0",
@@ -23313,7 +23431,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), d.append(f);
 	let p = e.createElement("div");
-	p.dataset.mesurerRecordingTimelineClip = "true", YT(p, {
+	p.dataset.mesurerRecordingTimelineClip = "true", QT(p, {
 		position: "absolute",
 		top: "21px",
 		height: "3px",
@@ -23323,7 +23441,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), d.append(p);
 	let m = e.createElement("div");
-	YT(m, {
+	QT(m, {
 		position: "absolute",
 		display: "none",
 		top: "21px",
@@ -23336,7 +23454,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), d.append(m);
 	let h = e.createElement("div");
-	h.dataset.mesurerRecordingPlayhead = "true", YT(h, {
+	h.dataset.mesurerRecordingPlayhead = "true", QT(h, {
 		position: "absolute",
 		top: "21px",
 		left: "0",
@@ -23351,7 +23469,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}), d.append(h);
 	let g = (t, n) => {
 		let r = e.createElement("button");
-		r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), YT(r, {
+		r.type = "button", r.dataset.mesurerRecordingTrimHandle = t, r.setAttribute("role", "slider"), r.setAttribute("aria-label", n), r.setAttribute("aria-valuemin", "0"), QT(r, {
 			position: "absolute",
 			top: "0",
 			display: "flex",
@@ -23374,7 +23492,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		let a = e.createElementNS("http://www.w3.org/2000/svg", "path");
 		a.setAttribute("d", t === "start" ? "M3.5 2.5L8.5 7L3.5 11.5" : "M8.5 2.5L3.5 7L8.5 11.5"), a.setAttribute("fill", "none"), a.setAttribute("stroke", "currentColor"), a.setAttribute("stroke-width", "2"), a.setAttribute("stroke-linecap", "round"), a.setAttribute("stroke-linejoin", "round"), i.append(a), r.append(i);
 		let o = e.createElement("span");
-		return o.setAttribute("aria-hidden", "true"), YT(o, {
+		return o.setAttribute("aria-hidden", "true"), QT(o, {
 			position: "absolute",
 			left: "50%",
 			top: "15px",
@@ -23385,7 +23503,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			"pointer-events": "none"
 		}), r.append(o), d.append(r), r;
 	}, _ = g("start", "Trim start"), v = g("end", "Trim end"), y = e.createElement("span");
-	y.dataset.mesurerRecordingDuration = "true", YT(y, {
+	y.dataset.mesurerRecordingDuration = "true", QT(y, {
 		display: "flex",
 		width: "8ch",
 		"min-width": "8ch",
@@ -23400,20 +23518,20 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"white-space": "nowrap"
 	}), s.append(y);
 	let b = e.createElement("div");
-	YT(b, {
+	QT(b, {
 		position: "relative",
 		display: "flex",
 		height: "20px",
 		"align-items": "center"
 	}), s.append(b);
-	let x = XT(e, "Export options", "1×");
-	x.dataset.mesurerRecordingExportOptions = "true", x.setAttribute("aria-haspopup", "menu"), x.setAttribute("aria-expanded", "false"), YT(x, {
+	let x = $T(e, "Export options", "1×");
+	x.dataset.mesurerRecordingExportOptions = "true", x.setAttribute("aria-haspopup", "menu"), x.setAttribute("aria-expanded", "false"), QT(x, {
 		width: "28px",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "10px"
 	}), b.append(x);
 	let S = e.createElement("div");
-	S.dataset.mesurerRecordingExportMenu = "true", S.setAttribute("role", "menu"), YT(S, {
+	S.dataset.mesurerRecordingExportMenu = "true", S.setAttribute("role", "menu"), QT(S, {
 		position: "absolute",
 		display: "none",
 		right: "0",
@@ -23429,7 +23547,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "auto"
 	}), b.append(S);
 	let C = e.createElement("p");
-	C.textContent = "Format", YT(C, {
+	C.textContent = "Format", QT(C, {
 		margin: "0",
 		padding: "4px 8px",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -23439,7 +23557,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	let w = e.createElement("div");
 	S.append(w);
 	let T = e.createElement("p");
-	T.textContent = "Size", YT(T, {
+	T.textContent = "Size", QT(T, {
 		margin: "0",
 		padding: "6px 8px 4px",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -23453,17 +23571,17 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		2,
 		3
 	].map((t) => {
-		let n = ZT(e, `${t}×`);
+		let n = eE(e, `${t}×`);
 		return n.button.dataset.mesurerRecordingScale = String(t), E.append(n.button), {
 			scale: t,
 			...n
 		};
-	}), O = XT(e, "Download", "↓");
+	}), O = $T(e, "Download", "↓");
 	O.dataset.mesurerRecordingExport = "true", s.append(O);
-	let k = XT(e, "Grow preview", "↗");
+	let k = $T(e, "Grow preview", "↗");
 	k.dataset.mesurerRecordingExpand = "true", s.append(k);
 	let A = e.createElement("p");
-	return A.dataset.mesurerRecordingPreviewStatus = "true", A.setAttribute("role", "status"), YT(A, {
+	return A.dataset.mesurerRecordingPreviewStatus = "true", A.setAttribute("role", "status"), QT(A, {
 		display: "none",
 		margin: "8px 0 0",
 		color: "var(--msr-color-ink-500, #64748b)",
@@ -23494,14 +23612,14 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		expand: k,
 		status: A
 	};
-}, $T = 8, eE = 8, tE = .05, nE = 200, rE = (e) => {
+}, nE = 8, rE = 8, iE = .05, aE = 200, oE = (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")}`;
-}, iE = (e, t, n, r) => {
+}, sE = (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);
-}, aE = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
-	let { panel: o, previewShell: s, video: c, exportingOverlay: l, close: u, play: d, currentTime: f, timeline: p, track: m, clip: h, hoverMarker: g, playhead: _, trimStart: v, trimEnd: y, durationLabel: b, exportAnchor: x, exportOptions: S, exportMenu: C, formatRows: w, scaleRows: T, download: E, expand: D, status: O } = QT({
+}, cE = ({ ownerDocument: e, ownerWindow: t, root: n, formats: r, onDiscard: i, onExport: a }) => {
+	let { panel: o, previewShell: s, video: c, exportingOverlay: l, close: u, play: d, currentTime: f, timeline: p, track: m, clip: h, hoverMarker: g, playhead: _, trimStart: v, trimEnd: y, durationLabel: b, exportAnchor: x, exportOptions: S, exportMenu: C, formatRows: w, scaleRows: T, download: E, expand: D, status: O } = tE({
 		ownerDocument: e,
 		root: n
 	}), k = null, A = null, j = !1, M = !1, N = 0, P = ["webm"], F = "webm", I = 1, L = 0, R = 0, z = null, B = null, V = null, ee = (e) => {
@@ -23515,15 +23633,15 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		return t <= 0 || n.width <= 0 ? 0 : Math.min(t, Math.max(0, (e - n.left) / n.width * t));
 	}, W = () => {
 		let e = k?.duration ?? 0, t = Math.min(e, Math.max(0, c.currentTime || 0)), n = ee(L) * 100, r = ee(R) * 100;
-		v.style.left = `${n}%`, y.style.left = `${r}%`, h.style.left = `${n}%`, h.style.width = `${Math.max(0, r - n)}%`, _.style.left = `${ee(t) * 100}%`, v.setAttribute("aria-valuemax", String(Math.max(0, R - tE))), v.setAttribute("aria-valuenow", String(L)), v.setAttribute("aria-valuetext", rE(L)), y.setAttribute("aria-valuemin", String(Math.min(e, L + tE))), y.setAttribute("aria-valuemax", String(e)), y.setAttribute("aria-valuenow", String(R)), y.setAttribute("aria-valuetext", rE(R)), f.textContent = rE(t), b.textContent = rE(e);
+		v.style.left = `${n}%`, y.style.left = `${r}%`, h.style.left = `${n}%`, h.style.width = `${Math.max(0, r - n)}%`, _.style.left = `${ee(t) * 100}%`, v.setAttribute("aria-valuemax", String(Math.max(0, R - iE))), v.setAttribute("aria-valuenow", String(L)), v.setAttribute("aria-valuetext", oE(L)), y.setAttribute("aria-valuemin", String(Math.min(e, L + iE))), y.setAttribute("aria-valuemax", String(e)), y.setAttribute("aria-valuenow", String(R)), y.setAttribute("aria-valuetext", oE(R)), f.textContent = oE(t), b.textContent = oE(e);
 	}, te = (e, t = !0) => {
 		if (!k) return;
 		let n = Math.min(R, Math.max(L, e));
 		t && !c.paused && c.pause(), c.currentTime = n, W();
 	}, ne = (e, t = !1) => {
-		k && (L = Math.min(Math.max(0, e), Math.max(0, R - tE)), (t || c.currentTime < L) && te(L), W());
+		k && (L = Math.min(Math.max(0, e), Math.max(0, R - iE)), (t || c.currentTime < L) && te(L), W());
 	}, re = (e, t = !1) => {
-		k && (R = Math.max(Math.min(k.duration, e), Math.min(k.duration, L + tE)), t ? te(R) : c.currentTime > R && te(L), W());
+		k && (R = Math.max(Math.min(k.duration, e), Math.min(k.duration, L + iE)), t ? te(R) : c.currentTime > R && te(L), W());
 	}, ie = () => {
 		S.textContent = `${I}×`;
 		for (let e of T) {
@@ -23533,14 +23651,14 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}, G = () => {
 		w.replaceChildren();
 		for (let t of P) {
-			let n = ZT(e, t === "mp4" ? "MP4" : "WebM"), r = t === F;
+			let n = eE(e, t === "mp4" ? "MP4" : "WebM"), r = t === F;
 			n.button.dataset.mesurerRecordingFormat = t, n.button.setAttribute("aria-checked", r ? "true" : "false"), n.check.style.opacity = r ? "1" : "0", n.button.addEventListener("click", () => {
 				F = t, G();
 			}), w.append(n.button);
 		}
 	}, ae = () => {
 		if (C.style.display === "none") return;
-		let e = x.getBoundingClientRect(), n = Math.max(1, C.offsetHeight), r = e.top - $T, i = t.innerHeight - e.bottom - $T;
+		let e = x.getBoundingClientRect(), n = Math.max(1, C.offsetHeight), r = e.top - nE, i = t.innerHeight - e.bottom - nE;
 		r >= n || r >= i ? (C.style.top = "auto", C.style.bottom = "24px") : (C.style.top = "24px", C.style.bottom = "auto");
 	}, oe = (e) => {
 		C.style.display = e ? "block" : "none", S.setAttribute("aria-expanded", e ? "true" : "false"), e && ae();
@@ -23558,8 +23676,8 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		]) t.toggleAttribute("disabled", e);
 	}, ce = () => n.closest("[data-mesurer-root='true']")?.querySelector("[data-mesurer-tool-id='recording']") ?? e.querySelector("[data-mesurer-tool-id='recording']"), le = () => {
 		if (o.style.display === "none") return;
-		let e = Math.min(j ? 576 : 352, Math.max(1, t.innerWidth - 16)), n = Math.max(180, o.offsetHeight), r = ce()?.getBoundingClientRect(), i = r ? r.left + r.width / 2 : t.innerWidth - $T - e / 2, a = $T + e / 2, s = Math.max(a, t.innerWidth - $T - e / 2), c = Math.min(Math.max(a, i), s), l = r ? r.bottom + eE : $T;
-		l + n > t.innerHeight - $T && (l = r ? r.top - n - eE : t.innerHeight - n - $T), o.style.left = `${c}px`, o.style.top = `${Math.max($T, l)}px`, C.style.display !== "none" && ae();
+		let e = Math.min(j ? 576 : 352, Math.max(1, t.innerWidth - 16)), n = Math.max(180, o.offsetHeight), r = ce()?.getBoundingClientRect(), i = r ? r.left + r.width / 2 : t.innerWidth - nE - e / 2, a = nE + e / 2, s = Math.max(a, t.innerWidth - nE - e / 2), c = Math.min(Math.max(a, i), s), l = r ? r.bottom + rE : nE;
+		l + n > t.innerHeight - nE && (l = r ? r.top - n - rE : t.innerHeight - n - nE), o.style.left = `${c}px`, o.style.top = `${Math.max(nE, l)}px`, C.style.display !== "none" && ae();
 	}, ue = () => {
 		c.pause(), c.removeAttribute("src"), c.load(), A &&= (globalThis.URL.revokeObjectURL(A), null);
 	}, de = () => {
@@ -23575,7 +23693,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			transform: "scale(0.08)",
 			opacity: 0
 		}], {
-			duration: nE,
+			duration: aE,
 			easing: "ease",
 			fill: "forwards"
 		});
@@ -23650,7 +23768,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			endTime: i,
 			scale: I
 		}).then((r) => {
-			n === N && iE(r.blob, r.filename, e, t);
+			n === N && sE(r.blob, r.filename, e, t);
 		}).catch((e) => {
 			n === N && (O.style.display = "block", O.style.color = "var(--msr-danger-text, #dc2626)", O.textContent = e instanceof Error ? e.message : "Could not export the recording.");
 		}).finally(() => {
@@ -23672,7 +23790,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		show(e) {
 			N += 1, V &&= (V.cancel(), null), o.style.pointerEvents = "auto", o.style.opacity = "1", o.style.transform = "translateX(-50%)", o.style.removeProperty("transform-origin"), o.style.removeProperty("will-change"), ue(), k = e, j = !1, I = 1, F = "webm", P = ["webm"], L = 0, R = e.duration, z = null, B = null;
 			let n = globalThis.URL.createObjectURL(e.blob);
-			A = 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 = "352px", s.style.maxHeight = "144px", c.style.maxHeight = "144px", D.textContent = "↗", D.setAttribute("aria-label", "Grow preview"), D.title = "Grow preview", f.textContent = "0:00.00", b.textContent = rE(e.duration), O.style.display = "none", O.style.color = "var(--msr-color-ink-500, #64748b)", oe(!1), G(), ie(), W(), se(!1), o.style.display = "block", le(), o.focus({ preventScroll: !0 });
+			A = 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 = "352px", s.style.maxHeight = "144px", c.style.maxHeight = "144px", D.textContent = "↗", D.setAttribute("aria-label", "Grow preview"), D.title = "Grow preview", f.textContent = "0:00.00", b.textContent = oE(e.duration), O.style.display = "none", O.style.color = "var(--msr-color-ink-500, #64748b)", oe(!1), G(), ie(), W(), se(!1), o.style.display = "block", le(), o.focus({ preventScroll: !0 });
 			let i = N;
 			r(e).then((e) => {
 				i !== N || !k || (P = e, F = e.includes(F) ? F : e[0] ?? "webm", G(), E.disabled = e.length === 0, e.length === 0 && (O.style.display = "block", O.style.color = "var(--msr-danger-text, #dc2626)", O.textContent = "No MediaBunny video encoder is available in this runtime."));
@@ -23685,11 +23803,11 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			de(), t.removeEventListener("resize", be), t.removeEventListener("pointermove", _e, !0), t.removeEventListener("pointerup", ve, !0), t.removeEventListener("pointercancel", ve, !0), e.removeEventListener("pointerdown", ye, !0), o.remove();
 		}
 	};
-}, oE = 3e3, sE = (e, t) => {
+}, lE = 3e3, uE = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, cE = ({ ownerDocument: e, ownerWindow: t, root: n, statusRoot: r, rendererRoot: i, isSelecting: a, isRecording: o, onRectChange: s, onConfirm: c, onCancel: l, onStop: u, setRecordingInteractionActive: d }) => {
+}, dE = ({ ownerDocument: e, ownerWindow: t, root: n, statusRoot: r, rendererRoot: i, isSelecting: a, isRecording: o, onRectChange: s, onConfirm: c, onCancel: l, onStop: u, setRecordingInteractionActive: d }) => {
 	let f = e.createElement("div");
-	f.dataset.mesurerRecordingSelect = "true", f.dataset.mesurerInspectorUi = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Recording selection"), sE(f, {
+	f.dataset.mesurerRecordingSelect = "true", f.dataset.mesurerInspectorUi = "true", f.setAttribute("role", "application"), f.setAttribute("aria-label", "Recording selection"), uE(f, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -23701,13 +23819,13 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}), n.append(f);
 	let p = Array.from({ length: 4 }, () => {
 		let t = e.createElement("div");
-		return t.dataset.mesurerRecordingShade = "true", sE(t, {
+		return t.dataset.mesurerRecordingShade = "true", uE(t, {
 			position: "fixed",
 			background: "rgb(0 0 0 / 40%)",
 			"pointer-events": "none"
 		}), f.append(t), t;
 	}), m = e.createElement("div");
-	m.dataset.mesurerRecordingMask = "true", sE(m, {
+	m.dataset.mesurerRecordingMask = "true", uE(m, {
 		position: "fixed",
 		display: "none",
 		background: "transparent",
@@ -23717,7 +23835,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(m);
 	let h = e.createElement("div");
-	h.dataset.mesurerRecordingSelection = "true", sE(h, {
+	h.dataset.mesurerRecordingSelection = "true", uE(h, {
 		position: "fixed",
 		display: "none",
 		border: "1px solid var(--msr-accent, #0d99ff)",
@@ -23725,7 +23843,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(h);
 	let g = e.createElement("div");
-	sE(g, {
+	uE(g, {
 		position: "fixed",
 		display: "none",
 		transform: "translateX(-50%)",
@@ -23738,7 +23856,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(g);
 	let _ = e.createElement("div");
-	_.textContent = "Drag a region to record · Esc to cancel", sE(_, {
+	_.textContent = "Drag a region to record · Esc to cancel", uE(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "16px",
@@ -23751,7 +23869,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "none"
 	}), f.append(_);
 	let v = e.createElement("div");
-	v.dataset.mesurerRecordingRegion = "true", v.dataset.mesurerInspectorUi = "true", v.setAttribute("role", "dialog"), v.setAttribute("aria-label", "Recording region"), sE(v, {
+	v.dataset.mesurerRecordingRegion = "true", v.dataset.mesurerInspectorUi = "true", v.setAttribute("role", "dialog"), v.setAttribute("aria-label", "Recording region"), uE(v, {
 		position: "fixed",
 		display: "none",
 		width: "220px",
@@ -23769,7 +23887,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}), f.append(v);
 	let y = (t) => {
 		let n = e.createElement("label");
-		sE(n, {
+		uE(n, {
 			display: "grid",
 			"grid-template-columns": "44px minmax(0,1fr)",
 			"align-items": "center",
@@ -23778,7 +23896,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		let r = e.createElement("span");
 		r.textContent = t, r.style.color = "var(--msr-color-ink-500, #64748b)", n.append(r);
 		let i = e.createElement("div");
-		return sE(i, {
+		return uE(i, {
 			display: "flex",
 			"align-items": "center",
 			gap: "4px",
@@ -23786,7 +23904,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		}), n.append(i), v.append(n), i;
 	}, b = (t) => {
 		let n = e.createElement("input");
-		return n.type = "number", n.setAttribute("aria-label", t), n.step = "1", sE(n, {
+		return n.type = "number", n.setAttribute("aria-label", t), n.step = "1", uE(n, {
 			width: "0",
 			"min-width": "0",
 			flex: "1 1 0",
@@ -23813,7 +23931,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	let k = e.createElement("span");
 	k.textContent = "px", k.style.color = "var(--msr-color-ink-500, #64748b)", E.append(k);
 	let A = e.createElement("button");
-	A.type = "button", A.dataset.mesurerRecordingStart = "true", A.textContent = "●  Start recording", sE(A, {
+	A.type = "button", A.dataset.mesurerRecordingStart = "true", A.textContent = "●  Start recording", uE(A, {
 		width: "100%",
 		height: "28px",
 		"margin-top": "8px",
@@ -23827,7 +23945,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		cursor: "pointer"
 	}), v.append(A);
 	let j = e.createElement("div");
-	j.dataset.mesurerRecordingGrid = "true", sE(j, {
+	j.dataset.mesurerRecordingGrid = "true", uE(j, {
 		position: "absolute",
 		inset: "0",
 		display: "none",
@@ -23835,7 +23953,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}), h.append(j);
 	let M = (t) => {
 		let n = e.createElement("div");
-		sE(n, {
+		uE(n, {
 			position: "absolute",
 			opacity: "0.3",
 			...t
@@ -23897,7 +24015,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		}
 	}).map(([t, n]) => {
 		let r = e.createElement("button");
-		return r.type = "button", r.dataset.mesurerRecordingResize = t, r.setAttribute("aria-label", `Resize ${t}`), sE(r, {
+		return r.type = "button", r.dataset.mesurerRecordingResize = t, r.setAttribute("aria-label", `Resize ${t}`), uE(r, {
 			position: "absolute",
 			display: "none",
 			left: n.left,
@@ -23914,7 +24032,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			"pointer-events": "auto"
 		}), h.append(r), r;
 	}), P = e.createElement("section");
-	P.dataset.mesurerRecordingStatus = "true", P.dataset.mesurerInspectorUi = "true", P.setAttribute("aria-label", "Screen recording"), sE(P, {
+	P.dataset.mesurerRecordingStatus = "true", P.dataset.mesurerInspectorUi = "true", P.setAttribute("aria-label", "Screen recording"), uE(P, {
 		position: "fixed",
 		display: "none",
 		height: "34px",
@@ -23931,7 +24049,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "auto"
 	});
 	let F = e.createElement("span");
-	F.setAttribute("aria-hidden", "true"), sE(F, {
+	F.setAttribute("aria-hidden", "true"), uE(F, {
 		width: "6px",
 		height: "6px",
 		"border-radius": "999px",
@@ -23939,14 +24057,14 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"flex-shrink": "0"
 	}), P.append(F);
 	let I = e.createElement("span");
-	I.dataset.mesurerRecordingTime = "true", I.textContent = "00:00", sE(I, {
+	I.dataset.mesurerRecordingTime = "true", I.textContent = "00:00", uE(I, {
 		color: "var(--msr-content, #18181b)",
 		"font-family": "ui-monospace, SFMono-Regular, Menlo, monospace",
 		"font-size": "11px",
 		"font-variant-numeric": "tabular-nums"
 	}), P.append(I);
 	let L = e.createElement("button");
-	L.type = "button", L.dataset.mesurerRecordingStop = "true", L.textContent = "Stop", L.setAttribute("aria-label", "Stop recording"), sE(L, {
+	L.type = "button", L.dataset.mesurerRecordingStop = "true", L.textContent = "Stop", L.setAttribute("aria-label", "Stop recording"), uE(L, {
 		height: "24px",
 		padding: "0 8px",
 		border: "0",
@@ -23959,7 +24077,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		cursor: "pointer"
 	}), P.append(L), r.append(P);
 	let R = e.createElement("div");
-	R.dataset.mesurerRecordingError = "true", R.dataset.mesurerInspectorUi = "true", R.setAttribute("role", "status"), sE(R, {
+	R.dataset.mesurerRecordingError = "true", R.dataset.mesurerInspectorUi = "true", R.setAttribute("role", "status"), uE(R, {
 		position: "fixed",
 		display: "none",
 		left: "8px",
@@ -24080,7 +24198,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		let n = e instanceof Error ? e.message : "Could not record this region.";
 		R.textContent = n, R.style.display = "block", H = t.setTimeout(() => {
 			H = 0, R.style.display = "none";
-		}, oE);
+		}, lE);
 	}, ue = (e, t, n) => {
 		let r = B;
 		!V || !r || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), ee = {
@@ -24210,7 +24328,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			f.removeEventListener("pointerdown", de), f.removeEventListener("pointermove", fe), f.removeEventListener("pointerup", pe), f.removeEventListener("pointercancel", me), t.removeEventListener("keydown", he, !0), H && t.clearTimeout(H), oe();
 		}
 	};
-}, lE = (e) => {
+}, fE = (e) => {
 	let t = null, n = () => {
 		let e = t;
 		e && (t = null, e.pointerEvents || e.pointerEventsPriority ? e.element.style.setProperty("pointer-events", e.pointerEvents, e.pointerEventsPriority) : e.element.style.removeProperty("pointer-events"), e.cursor || e.cursorPriority ? e.element.style.setProperty("cursor", e.cursor, e.cursorPriority) : e.element.style.removeProperty("cursor"));
@@ -24229,19 +24347,19 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			cursorPriority: i.style.getPropertyPriority("cursor")
 		}), i.style.setProperty("pointer-events", "none", "important"), i.style.setProperty("cursor", "default", "important"));
 	} };
-}, uE = "mesurer.recording", dE = "recording:v1", fE = "mesurer.recording.settings", pE = "runtime:solid", mE = "recording.toggle", hE = "recording.stop", gE = "recording.discard", _E = "recording.export", vE = 60, yE = 60, bE = {
+}, pE = "mesurer.recording", mE = "recording:v1", hE = "mesurer.recording.settings", gE = "runtime:solid", _E = "recording.toggle", vE = "recording.stop", yE = "recording.discard", bE = "recording.export", xE = 60, SE = 60, CE = {
 	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"]
-}, xE = (e) => e ? { ...e } : null, SE = (e) => ({
+}, wE = (e) => e ? { ...e } : null, TE = (e) => ({
 	...e,
-	rect: xE(e.rect)
-}), CE = (e, t) => {
+	rect: wE(e.rect)
+}), EE = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, wE = (e) => e != null && !Array.isArray(e) && typeof e == "object", TE = (e) => typeof e == "number" && Number.isFinite(e), EE = (e) => {
-	if (!wE(e)) return {};
+}, DE = (e) => e != null && !Array.isArray(e) && typeof e == "object", OE = (e) => typeof e == "number" && Number.isFinite(e), kE = (e) => {
+	if (!DE(e)) return {};
 	let t = {};
-	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), TE(e.startTime) && (t.startTime = e.startTime), TE(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
-}, DE = (e) => ({
+	return (e.format === "webm" || e.format === "mp4") && (t.format = e.format), OE(e.startTime) && (t.startTime = e.startTime), OE(e.endTime) && (t.endTime = e.endTime), (e.scale === 1 || e.scale === 2 || e.scale === 3) && (t.scale = e.scale), t;
+}, AE = (e) => ({
 	status: e.status,
 	elapsed: e.elapsed,
 	rect: e.rect ? { ...e.rect } : null,
@@ -24249,62 +24367,62 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	width: e.width,
 	height: e.height,
 	error: e.error
-}), OE = (e) => ({
+}), jE = (e) => ({
 	filename: e.filename,
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size
-}), kE = (e) => ({
+}), ME = (e) => ({
 	format: e.format,
 	duration: e.duration,
 	width: e.width,
 	height: e.height,
 	bytes: e.blob.size,
 	createdAt: e.createdAt
-}), AE = (e, t, n) => {
+}), NE = (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);
-}, jE = (e = {}) => kc({
-	id: uE,
+}, PE = (e = {}) => kc({
+	id: pE,
 	version: "0.1.0",
-	requires: [pE],
-	provides: ["tool:recording", dE],
+	requires: [gE],
+	provides: ["tool:recording", mE],
 	setup(t) {
-		let n = t.service.get(pE);
+		let n = t.service.get(gE);
 		if (!n) throw Error("Recording plugin requires the Solid renderer runtime.");
-		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.createInspectorMount(), c = s.element, l = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), u = lE(l);
-		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", CE(o, {
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createInspectorMount(), o = a.element, s = n.createInspectorMount(), c = s.element, l = n.rendererRoot ?? n.portalTarget.querySelector("[data-mesurer-root='true']"), u = fE(l);
+		o.dataset.mesurerRecording = "true", c.dataset.mesurerRecordingStatusRoot = "true", EE(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"
-		}), CE(c, {
+		}), EE(c, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "96",
 			"pointer-events": "none",
 			"font-family": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif"
 		});
-		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? yE)), f = e.quality ?? "medium";
+		let d = Math.max(1, Math.min(600, e.maxDurationSeconds ?? SE)), f = e.quality ?? "medium";
 		t.state.register({
-			id: fE,
+			id: hE,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
-				frameRate: e.frameRate ?? vE
+				frameRate: e.frameRate ?? xE
 			},
 			persist: !0
 		});
 		let p = () => {
-			let e = t.state.get(fE);
+			let e = t.state.get(hE);
 			return {
 				toolEnabled: e?.toolEnabled ?? !0,
 				frameRate: e?.frameRate === 120 ? 120 : 60
 			};
 		}, m = (e) => {
-			t.state.update(fE, (t) => {
+			t.state.update(hE, (t) => {
 				let n = { ...t };
 				return e.toolEnabled !== void 0 && (n.toolEnabled = e.toolEnabled), (e.frameRate === 60 || e.frameRate === 120) && (n.frameRate = e.frameRate), n;
 			});
@@ -24317,13 +24435,13 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			height: null,
 			error: null
 		}, g = /* @__PURE__ */ new Set(), _ = null, v = null, y = null, b = null, x, S = null, C = 0, w = 0, T = 0, E = 0, D = -1, O = !1, k = null, A = () => {
-			let e = SE(h);
+			let e = TE(h);
 			for (let t of g) t(e);
 		}, j = (e) => {
 			h = {
 				...h,
 				...e,
-				rect: e.rect === void 0 ? h.rect : xE(e.rect)
+				rect: e.rect === void 0 ? h.rect : wE(e.rect)
 			}, A();
 		}, M = () => h.status === "selecting" || h.status === "recording" || h.status === "exporting", N = () => {
 			if (S) return;
@@ -24346,7 +24464,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			let n = y;
 			y = null, e && await n?.cancel();
 			let r = v;
-			v = null, r && MT(r), x.hideRecordingMask(), x.hideRecordingStatus();
+			v = null, r && FT(r), x.hideRecordingMask(), x.hideRecordingStatus();
 		}, I = () => {
 			_ = null, z.dismiss(), j({
 				status: "idle",
@@ -24359,7 +24477,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			}), t.hook.emit("recording:discard", {});
 		}, L = async () => {
 			let e = _;
-			return HT(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), p().frameRate);
+			return GT(e?.width ?? Math.max(2, Math.round(i.innerWidth)), e?.height ?? Math.max(2, Math.round(i.innerHeight)), p().frameRate);
 		}, R = async (e = {}) => {
 			let n = _;
 			if (!n) throw Error("No recording is ready to export.");
@@ -24369,9 +24487,9 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				error: null
 			});
 			try {
-				let r = await KT(n.blob, e), i = {
+				let r = await YT(n.blob, e), i = {
 					...r,
-					filename: qT(r.format)
+					filename: XT(r.format)
 				};
 				return j({
 					status: "ready",
@@ -24393,7 +24511,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 					error: e instanceof Error ? e.message : "Could not export the recording."
 				}), e;
 			}
-		}, z = aE({
+		}, z = cE({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
@@ -24403,15 +24521,15 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		}), B = async () => {
 			if (k) return k;
 			if (h.status !== "recording" || !y || !v) throw Error("No recording is active.");
-			let e = T, n = y, r = v, a = xE(h.rect);
+			let e = T, n = y, r = v, a = wE(h.rect);
 			if (!a) throw Error("Recording region is unavailable.");
 			return k = (async () => {
 				C && i.cancelAnimationFrame(C), C = 0, w && i.clearTimeout(w), w = 0;
 				let s = b;
 				b = null, s && await s;
 				let c = await n.finalize();
-				if (y = null, v = null, MT(r), T !== e || O) throw Error("Recording was cancelled.");
-				let l = await GT(c), u = {
+				if (y = null, v = null, FT(r), T !== e || O) throw Error("Recording was cancelled.");
+				let l = await JT(c), u = {
 					blob: c,
 					format: "webm",
 					duration: l.duration,
@@ -24451,12 +24569,12 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				let s = Math.max(0, (r - E) / 1e3);
 				j({ elapsed: s }), x.setRecordingTime(`${String(Math.floor(s / 60)).padStart(2, "0")}:${String(Math.floor(s % 60)).padStart(2, "0")}`);
 				let c = s;
-				!b && c - D >= a * .8 && (jT(e, h.rect ?? {
+				!b && c - D >= a * .8 && (PT(e, h.rect ?? {
 					left: 0,
 					top: 0,
 					width: i.innerWidth,
 					height: i.innerHeight
-				}, mT(i)), D = c, b = t.addFrame(c, a).catch((e) => {
+				}, _T(i)), D = c, b = t.addFrame(c, a).catch((e) => {
 					throw T === n && !O && F(!0).then(() => {
 						P();
 						let t = e instanceof Error ? e.message : "MediaBunny could not encode the recording.";
@@ -24482,21 +24600,21 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				error: null
 			}), x.setRecordingTime("00:00"), x.placeRecordingStatus(e);
 			try {
-				let s = await AT(r, i, e, a);
+				let s = await NT(r, i, e, a);
 				if (O || T !== n) {
-					MT(s);
+					FT(s);
 					return;
 				}
-				let c = await WT(s.canvas, {
+				let c = await qT(s.canvas, {
 					format: "webm",
 					frameRate: a,
 					quality: f
 				});
 				if (O || T !== n) {
-					await c.cancel(), MT(s);
+					await c.cancel(), FT(s);
 					return;
 				}
-				if (v = s, y = c, E = i.performance.now(), D = 0, jT(s, e, mT(i)), await c.addFrame(0, 1 / a), O || T !== n) {
+				if (v = s, y = c, E = i.performance.now(), D = 0, PT(s, e, _T(i)), await c.addFrame(0, 1 / a), O || T !== n) {
 					await F(!0);
 					return;
 				}
@@ -24557,7 +24675,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				error: null
 			});
 		};
-		x = cE({
+		x = dE({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: o,
@@ -24574,7 +24692,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			setRecordingInteractionActive: u.setActive
 		});
 		let te = {
-			snapshot: () => SE(h),
+			snapshot: () => TE(h),
 			subscribe(e) {
 				return g.add(e), () => g.delete(e);
 			},
@@ -24592,10 +24710,10 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			label: "Record",
 			shortcut: "Shift+R",
 			order: 72,
-			command: mE,
+			command: _E,
 			toolbarMode: "select",
 			compactPinned: !0,
-			icon: bE,
+			icon: CE,
 			active: M,
 			hidden: () => !p().toolEnabled,
 			menu: {
@@ -24645,21 +24763,21 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 					m({ frameRate: e ? 120 : 60 });
 				}
 			}]
-		}), t.command.register(mE, async () => (await U(), DE(h))), t.command.register(hE, async () => kE(await B())), t.command.register(gE, () => (I(), DE(h))), t.command.register(_E, async (e) => {
-			let t = await R(EE(e));
-			return AE(t, r, i), OE(t);
-		}), t.service.provide(dE, te), t.lifecycle.onDispose(() => {
+		}), t.command.register(_E, async () => (await U(), AE(h))), t.command.register(vE, async () => ME(await B())), t.command.register(yE, () => (I(), AE(h))), t.command.register(bE, async (e) => {
+			let t = await R(kE(e));
+			return NE(t, r, i), jE(t);
+		}), t.service.provide(mE, te), t.lifecycle.onDispose(() => {
 			O = !0, ++T, g.clear(), z.dispose(), x.dispose(), P(), F(!0), s.dispose(), a.dispose();
 		});
 	}
-}), ME = 144, NE = 96, PE = 8, FE = 4, IE = 1800, LE = 200, RE = (e, t) => {
+}), FE = 144, IE = 96, LE = 8, RE = 4, zE = 1800, BE = 200, VE = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, zE = (e, t) => ({
-	left: Math.min(Math.max(PE, e.left), Math.max(PE, t.innerWidth - ME - PE)),
-	top: Math.min(Math.max(PE, e.top), Math.max(PE, t.innerHeight - NE - PE))
-}), BE = (e, t) => {
+}, HE = (e, t) => ({
+	left: Math.min(Math.max(LE, e.left), Math.max(LE, t.innerWidth - FE - LE)),
+	top: Math.min(Math.max(LE, e.top), Math.max(LE, t.innerHeight - IE - LE))
+}), UE = (e, t) => {
 	let n = e.createElement("button");
-	return n.type = "button", n.textContent = t, RE(n, {
+	return n.type = "button", n.textContent = t, VE(n, {
 		height: "32px",
 		padding: "0 12px",
 		border: "1px solid rgb(255 255 255 / 18%)",
@@ -24671,11 +24789,11 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"font-weight": "500",
 		cursor: "pointer"
 	}), n;
-}, VE = ({ 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", HE = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), UE = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
+}, WE = ({ 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", GE = (e) => e !== null && (e.nodeType === 1 || e.nodeType === 11), KE = ({ ownerDocument: e, ownerWindow: t, root: n, previewDurationMs: r }) => {
 	let i = n.closest("[data-mesurer-root='true']") ?? n.parentNode;
-	if (!HE(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
+	if (!GE(i)) throw Error("Screenshot preview requires a mounted Mesurer host.");
 	let a = e.createElement("div");
-	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", RE(a, {
+	a.dataset.mesurerInspectorUi = "true", a.dataset.mesurerScreenshotInteractive = "true", VE(a, {
 		position: "fixed",
 		left: "0",
 		top: "0",
@@ -24687,12 +24805,12 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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, RE(o, {
+	o.dataset.mesurerScreenshotPreview = "true", o.setAttribute("role", "button"), o.setAttribute("aria-label", "Open captured screenshot"), o.tabIndex = 0, VE(o, {
 		position: "fixed",
 		display: "none",
 		"z-index": "96",
-		width: `${ME}px`,
-		height: `${NE}px`,
+		width: `${FE}px`,
+		height: `${IE}px`,
 		"box-sizing": "border-box",
 		overflow: "hidden",
 		"border-radius": "10px",
@@ -24705,7 +24823,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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", RE(s, {
+	s.dataset.mesurerScreenshotPreviewImage = "true", s.alt = "Captured screenshot", s.draggable = !1, s.title = "Click to open · Right-click for browser image actions", VE(s, {
 		display: "block",
 		width: "100%",
 		height: "100%",
@@ -24713,7 +24831,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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", RE(c, {
+	c.dataset.mesurerScreenshotPreviewDismiss = "true", c.type = "button", c.setAttribute("aria-label", "Dismiss screenshot preview"), c.title = "Dismiss", VE(c, {
 		position: "absolute",
 		top: "8px",
 		right: "8px",
@@ -24740,7 +24858,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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"), RE(d, {
+	d.dataset.mesurerScreenshotViewer = "true", d.setAttribute("role", "dialog"), d.setAttribute("aria-modal", "true"), d.setAttribute("aria-label", "Screenshot viewer"), VE(d, {
 		position: "fixed",
 		inset: "0",
 		display: "none",
@@ -24754,7 +24872,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"pointer-events": "auto"
 	});
 	let f = e.createElement("img");
-	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", RE(f, {
+	f.dataset.mesurerScreenshotViewerImage = "true", f.alt = "Captured screenshot", VE(f, {
 		display: "block",
 		"max-width": "calc(100vw - 96px)",
 		"max-height": "calc(100vh - 112px)",
@@ -24765,7 +24883,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		"box-shadow": "0 8px 30px rgb(0 0 0 / 28%)"
 	}), d.append(f);
 	let p = e.createElement("div");
-	p.dataset.mesurerScreenshotViewerControls = "true", RE(p, {
+	p.dataset.mesurerScreenshotViewerControls = "true", VE(p, {
 		position: "fixed",
 		top: "16px",
 		right: "16px",
@@ -24773,14 +24891,14 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		gap: "8px",
 		"pointer-events": "auto"
 	});
-	let m = BE(e, "Copy");
+	let m = UE(e, "Copy");
 	m.dataset.mesurerScreenshotViewerCopy = "true", m.setAttribute("aria-label", "Copy screenshot");
-	let h = BE(e, "Save");
+	let h = UE(e, "Save");
 	h.dataset.mesurerScreenshotViewerSave = "true", h.setAttribute("aria-label", "Save screenshot");
-	let g = BE(e, "Close");
+	let g = UE(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"), RE(_, {
+	_.dataset.mesurerScreenshotToast = "true", _.setAttribute("role", "status"), VE(_, {
 		position: "fixed",
 		left: "50%",
 		bottom: "20px",
@@ -24802,7 +24920,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}, O = (e, n = !1) => {
 		D(), _.textContent = e, _.style.backgroundColor = n ? "#b42318" : "rgb(28 28 30 / 90%)", _.style.display = "block", C = t.setTimeout(() => {
 			C = 0, _.style.display = "none";
-		}, IE);
+		}, zE);
 	}, k = () => {
 		d.style.display = "none";
 	}, A = () => {
@@ -24812,7 +24930,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 	}, M = () => {
 		if (!v || o.style.display === "none" || w) return;
 		E(), k();
-		let e = o.getBoundingClientRect(), n = Math.max(152, t.innerWidth - e.left + PE);
+		let e = o.getBoundingClientRect(), n = Math.max(152, t.innerWidth - e.left + LE);
 		o.style.pointerEvents = "none", o.style.willChange = "transform, opacity";
 		let r = o.animate([{
 			transform: "translateX(0) scale(1)",
@@ -24821,18 +24939,18 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			transform: `translateX(${n}px) scale(0.92)`,
 			opacity: 0
 		}], {
-			duration: LE,
+			duration: BE,
 			easing: "ease",
 			fill: "forwards"
 		});
 		w = r, r.finished.catch(() => void 0).then(() => {
 			w === r && (r.cancel(), w = null, j());
 		});
-	}, N = () => zE({
-		left: t.innerWidth - ME - PE,
-		top: t.innerHeight - NE - PE
+	}, N = () => HE({
+		left: t.innerWidth - FE - LE,
+		top: t.innerHeight - IE - LE
 	}, t), P = (e) => {
-		let n = zE(e, t);
+		let n = HE(e, t);
 		b = n, o.style.left = `${n.left}px`, o.style.top = `${n.top}px`;
 	}, F = () => {
 		!v || !y || (E(), d.style.display = "flex", g.focus());
@@ -24866,7 +24984,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		let n = x;
 		if (!n) return;
 		let r = e - n.startX, i = t - n.startY;
-		!n.moved && Math.hypot(r, i) >= FE && (n.moved = !0), n.moved && P({
+		!n.moved && Math.hypot(r, i) >= RE && (n.moved = !0), n.moved && P({
 			left: n.left + r,
 			top: n.top + i
 		});
@@ -24910,25 +25028,25 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			if (T) return;
 			E(), k(), w &&= (w.cancel(), null), o.style.opacity = "1", o.style.transform = "none", o.style.willChange = "transform, opacity", o.style.pointerEvents = "auto", A(), v = e;
 			let i = globalThis.URL.createObjectURL(e);
-			y = i, s.src = i, f.src = i, o.style.display = "block", P(b ?? N()), O(VE(n)), r > 0 && (S = t.setTimeout(j, r));
+			y = i, s.src = i, f.src = i, o.style.display = "block", P(b ?? N()), O(WE(n)), r > 0 && (S = t.setTimeout(j, r));
 		},
 		dismiss: j,
 		dispose() {
 			T || (T = !0, E(), D(), j(), t.removeEventListener("mousemove", H, !0), t.removeEventListener("mouseup", U, !0), t.removeEventListener("pointermove", te, !0), t.removeEventListener("pointerup", ne, !0), t.removeEventListener("pointercancel", re, !0), t.removeEventListener("keydown", oe, !0), o.removeEventListener("mousedown", ee), o.removeEventListener("pointerdown", W), o.removeEventListener("keydown", ie), o.removeEventListener("contextmenu", G), d.removeEventListener("click", ae), a.remove());
 		}
 	};
-}, WE = "mesurer.screenshot", GE = "screenshot", KE = "mesurer.screenshot.settings", qE = "mesurer.screenshot.active", JE = "runtime:solid", YE = "screenshot.toggle", XE = 2500, ZE = 0, QE = [
+}, qE = "mesurer.screenshot", JE = "screenshot", YE = "mesurer.screenshot.settings", XE = "mesurer.screenshot.active", ZE = "runtime:solid", QE = "screenshot.toggle", $E = 2500, eD = 0, tD = [
 	"[data-mesurer-measurement='true']",
 	"[data-mesurer-selected-measurement='true']",
 	"[data-mesurer-selection-spacing-target='true']",
 	"[data-mesurer-guide='true']",
 	"[data-mesurer-distance='true']"
-].join(","), $E = `${QE},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`, eD = {
+].join(","), nD = `${tD},[data-mesurer-rulers='true'],[data-mesurer-multi-selection-document-layer='true']`, rD = {
 	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"]
-}, tD = (e, t) => {
+}, iD = (e, t) => {
 	for (let [n, r] of Object.entries(t)) e.style.setProperty(n, r);
-}, nD = (e, t) => {
+}, aD = (e, t) => {
 	for (let n of [
 		"left",
 		"top",
@@ -24940,63 +25058,63 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		let r = t[n];
 		r === void 0 ? e.style.removeProperty(n) : e.style.setProperty(n, `${r}px`);
 	}
-}, rD = (e) => {
-	let t = e(KE);
+}, oD = (e) => {
+	let t = e(YE);
 	return {
 		toolEnabled: t?.toolEnabled ?? !0,
 		copy: t?.copy ?? !0,
 		download: t?.download ?? !1,
 		includeMeasurements: t?.includeMeasurements ?? !1
 	};
-}, iD = (e) => ({
+}, sD = (e) => ({
 	value: e.style.getPropertyValue("display"),
 	priority: e.style.getPropertyPriority("display")
-}), aD = (e, t) => {
+}), cD = (e, t) => {
 	t.value || t.priority ? e.style.setProperty("display", t.value, t.priority) : e.style.removeProperty("display");
-}, oD = (e, t) => {
+}, lD = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, sD = (e) => {
+}, uD = (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 = oD(e, t);
+		let r = lD(e, t);
 		r && n.add(r);
 	}
-	for (let e of t.querySelectorAll(QE)) {
-		let r = oD(e, t);
+	for (let e of t.querySelectorAll(tD)) {
+		let r = lD(e, t);
 		r && n.add(r);
 	}
 	let r = [];
 	for (let e of n) e.dataset.mesurerInspectorUi !== "true" && (r.push({
 		element: e,
-		display: iD(e)
+		display: sD(e)
 	}), e.style.setProperty("display", "none", "important"));
 	return () => {
-		for (let e of r) aD(e.element, e.display);
+		for (let e of r) cD(e.element, e.display);
 	};
-}, cD = (e) => Array.from(e.querySelectorAll($E)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
+}, dD = (e) => Array.from(e.querySelectorAll(nD)).filter((e) => e.dataset.mesurerInspectorUi === "true").map((e) => ({
 	element: e,
-	display: iD(e)
-})), lD = (e) => {
-	for (let t of e) t.element.isConnected && aD(t.element, t.display);
-}, uD = (e = {}) => kc({
-	id: WE,
+	display: sD(e)
+})), fD = (e) => {
+	for (let t of e) t.element.isConnected && cD(t.element, t.display);
+}, pD = (e = {}) => kc({
+	id: qE,
 	version: "0.1.0",
-	requires: [JE],
+	requires: [ZE],
 	provides: [
 		"tool:screenshot",
 		"capture:screenshot",
 		"settings:screenshot"
 	],
 	setup(t) {
-		let n = t.service.get(JE);
+		let n = t.service.get(ZE);
 		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 ?? Cl, l = e.previewDurationMs ?? ZE;
+		let { ownerDocument: r, ownerWindow: i } = n, a = n.createWorkspaceRuntime(), o = n.createInspectorMount(), s = e.capture ?? e.captureVisibleTab, c = s ?? Cl, l = e.previewDurationMs ?? eD;
 		t.state.register({
-			id: KE,
+			id: YE,
 			initial: {
 				toolEnabled: e.toolEnabled ?? !0,
 				copy: e.copy ?? !0,
@@ -25005,11 +25123,11 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			},
 			persist: !0
 		}), t.state.register({
-			id: qE,
+			id: XE,
 			initial: !1
 		});
 		let u = o.element;
-		u.dataset.mesurerScreenshot = "true", tD(u, {
+		u.dataset.mesurerScreenshot = "true", iD(u, {
 			position: "fixed",
 			inset: "0",
 			"z-index": "85",
@@ -25017,7 +25135,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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"), tD(d, {
+		d.dataset.mesurerScreenshotSelect = "true", d.setAttribute("role", "application"), d.setAttribute("aria-label", "Screenshot selection"), iD(d, {
 			position: "fixed",
 			inset: "0",
 			display: "none",
@@ -25029,13 +25147,13 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		}), u.append(d);
 		let f = Array.from({ length: 4 }, () => {
 			let e = r.createElement("div");
-			return tD(e, {
+			return iD(e, {
 				position: "fixed",
 				"background-color": "rgb(0 0 0 / 40%)",
 				"pointer-events": "none"
 			}), d.append(e), e;
 		}), p = r.createElement("div");
-		tD(p, {
+		iD(p, {
 			position: "fixed",
 			display: "none",
 			border: "1px solid #0d99ff",
@@ -25043,7 +25161,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(p);
 		let m = r.createElement("div");
-		tD(m, {
+		iD(m, {
 			position: "fixed",
 			display: "none",
 			"z-index": "86",
@@ -25057,7 +25175,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			"pointer-events": "none"
 		}), d.append(m);
 		let h = r.createElement("div");
-		h.textContent = "Drag to select · Esc to cancel", tD(h, {
+		h.textContent = "Drag to select · Esc to cancel", iD(h, {
 			position: "fixed",
 			left: "50%",
 			bottom: "16px",
@@ -25070,7 +25188,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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", tD(g, {
+		g.dataset.mesurerScreenshotError = "true", g.setAttribute("role", "status"), g.textContent = "Could not save screenshot", iD(g, {
 			position: "fixed",
 			display: "none",
 			"z-index": "97",
@@ -25081,8 +25199,8 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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 = () => rD(t.state.get), E = (e) => {
-			t.state.update(KE, (t) => {
+		let _ = null, v = null, y = 0, b = 0, x = !1, S = !1, C = !1, w = () => t.state.get("mesurer.screenshot.active") ?? !1, T = () => oD(t.state.get), E = (e) => {
+			t.state.update(YE, (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;
 			});
@@ -25105,13 +25223,13 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		}, A = (e) => {
 			let t = i.innerWidth, n = i.innerHeight;
 			if (!e || e.width <= 0 || e.height <= 0) {
-				nD(f[0], {
+				aD(f[0], {
 					left: 0,
 					top: 0,
 					width: t,
 					height: n
 				});
-				for (let e of f.slice(1)) nD(e, {
+				for (let e of f.slice(1)) aD(e, {
 					left: 0,
 					top: 0,
 					width: 0,
@@ -25120,31 +25238,31 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 				p.style.display = "none", m.style.display = "none";
 				return;
 			}
-			nD(f[0], {
+			aD(f[0], {
 				left: 0,
 				top: 0,
 				width: t,
 				height: e.top
-			}), nD(f[1], {
+			}), aD(f[1], {
 				left: 0,
 				top: e.top,
 				width: e.left,
 				height: e.height
-			}), nD(f[2], {
+			}), aD(f[2], {
 				left: e.left + e.width,
 				top: e.top,
 				width: Math.max(0, t - e.left - e.width),
 				height: e.height
-			}), nD(f[3], {
+			}), aD(f[3], {
 				left: 0,
 				top: e.top + e.height,
 				width: t,
 				height: Math.max(0, n - e.top - e.height)
-			}), p.style.display = "block", nD(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, nD(m, {
+			}), p.style.display = "block", aD(p, e), m.style.display = "block", m.textContent = `${Math.round(e.width)} × ${Math.round(e.height)}`, aD(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 = UE({
+		}, j = () => n.portalTarget.querySelector("[data-mesurer-tool-id='screenshot']")?.getBoundingClientRect() ?? null, M = KE({
 			ownerDocument: r,
 			ownerWindow: i,
 			root: u,
@@ -25155,7 +25273,7 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 		}, P = () => {
 			y && i.clearTimeout(y), g.style.display = "block", N(g), y = i.setTimeout(() => {
 				y = 0, g.style.display = "none";
-			}, XE);
+			}, $E);
 		}, F = () => {
 			_ = null, A(null), d.style.visibility = "", d.style.display = "none", u.style.pointerEvents = "none", D(!1), k();
 		}, I = () => {
@@ -25164,8 +25282,8 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "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 ? cD(r) : [], u = s.includeMeasurements ? () => void 0 : sD(n.portalTarget);
-			a.prepareCapture(), s.includeMeasurements && lD(l);
+			let o = ++b, s = T(), l = s.includeMeasurements ? dD(r) : [], u = s.includeMeasurements ? () => void 0 : uD(n.portalTarget);
+			a.prepareCapture(), s.includeMeasurements && fD(l);
 			try {
 				d.style.visibility = "hidden", await al(i);
 				let n = await tl(await c({
@@ -25273,10 +25391,10 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 			label: "Screenshot",
 			shortcut: "Shift+S",
 			order: 70,
-			command: YE,
+			command: QE,
 			toolbarMode: "select",
 			compactPinned: !0,
-			icon: eD,
+			icon: rD,
 			active: w,
 			hidden: () => !T().toolEnabled,
 			menu: {
@@ -25342,31 +25460,31 @@ var Fw = "mesurer.layout-guides", Iw = "layout-guides:v1", Lw = "mesurer.layout-
 					set: (e) => E({ includeMeasurements: e })
 				}
 			]
-		}), t.command.register(YE, R), t.service.provide(GE, U), t.lifecycle.onDispose(() => {
+		}), t.command.register(QE, R), t.service.provide(JE, U), t.lifecycle.onDispose(() => {
 			C = !0, b += 1, d.removeEventListener("pointerdown", z), d.removeEventListener("pointermove", B), d.removeEventListener("pointerup", V), d.removeEventListener("pointercancel", ee), i.removeEventListener("keydown", H, !0), y && i.clearTimeout(y), M.dispose(), k(), wl(i), a.finishCapture(), a.dispose(), o.dispose();
 		});
 	}
-}), dD = (e) => Number.parseFloat(e) || 0, fD = 0, pD = (e, t) => {
+}), mD = (e) => Number.parseFloat(e) || 0, hD = 0, gD = (e, t) => {
 	let n = t.CSS;
 	return n?.escape ? n.escape(e) : e.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
-}, mD = (e) => e.nodeType === 9, hD = (e) => e.nodeType === 11;
-function gD(e) {
+}, _D = (e) => e.nodeType === 9, vD = (e) => e.nodeType === 11;
+function yD(e) {
 	let t = e.getRootNode();
-	return hD(t) ? t : e.ownerDocument;
+	return vD(t) ? t : e.ownerDocument;
 }
-var _D = (e, t) => {
-	if (mD(e) || hD(e)) return e;
-	let n = gD(e);
-	return hD(n) ? n : t;
-}, vD = 600, yD = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", bD = /* @__PURE__ */ new WeakMap(), xD = (e) => {
+var bD = (e, t) => {
+	if (_D(e) || vD(e)) return e;
+	let n = yD(e);
+	return vD(n) ? n : t;
+}, xD = 600, SD = "audio, canvas, embed, iframe, img, input, object, picture, select, textarea, video", CD = /* @__PURE__ */ new WeakMap(), wD = (e) => {
 	let t = e;
 	for (; t;) {
-		if ((bD.get(t) ?? 0) > 0) return !0;
+		if ((CD.get(t) ?? 0) > 0) return !0;
 		let e = t.getRootNode();
-		t = hD(e) ? e.host : t.parentElement;
+		t = vD(e) ? e.host : t.parentElement;
 	}
 	return !1;
-}, SD = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, CD = (e, t) => Array.from(e.getClientRects()).some((e) => SD(e, t)), wD = (e, t, n) => {
+}, TD = (e, t) => t.x >= e.left && t.x <= e.right && t.y >= e.top && t.y <= e.bottom, ED = (e, t) => Array.from(e.getClientRects()).some((e) => TD(e, t)), DD = (e, t, n) => {
 	let r = e;
 	for (; r;) {
 		let e = n.getComputedStyle(r);
@@ -25375,7 +25493,7 @@ var _D = (e, t) => {
 		r = r.parentElement;
 	}
 	return !0;
-}, TD = (e, t) => {
+}, OD = (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",
@@ -25384,7 +25502,7 @@ var _D = (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";
-}, ED = (e, t) => !!e.textContent?.trim() || TD(e, t), DD = (e, t, n) => {
+}, kD = (e, t) => !!e.textContent?.trim() || OD(e, t), AD = (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;
@@ -25395,11 +25513,11 @@ var _D = (e, t) => {
 		o = o.parentElement;
 	}
 	return o === n ? n : null;
-}, OD = (e, t, n) => {
+}, jD = (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) || xD(n) || r.getComputedStyle(n).pointerEvents !== "none" || wD(n, e, r) || !CD(n, t)) return;
+		if (o.has(n) || wD(n) || r.getComputedStyle(n).pointerEvents !== "none" || DD(n, e, r) || !ED(n, t)) return;
 		let c = n.getBoundingClientRect();
 		o.add(n), a.push({
 			element: n,
@@ -25408,7 +25526,7 @@ var _D = (e, t) => {
 			order: s
 		});
 	}, c = n.createTreeWalker(e, 1), l = c.nextNode(), u = 1;
-	for (; l && u <= vD;) {
+	for (; l && u <= xD;) {
 		if (l instanceof i) {
 			let t = l;
 			if (r.getComputedStyle(t).pointerEvents === "none") {
@@ -25419,9 +25537,9 @@ var _D = (e, t) => {
 		}
 		u += 1, l = c.nextNode();
 	}
-	let d = DD(t, n, e);
+	let d = AD(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);
-}, kD = (e, t, n) => {
+}, MD = (e, t, n) => {
 	let r = t.ownerDocument.defaultView;
 	if (!r) return [];
 	let i = [...new Set(e)], a = /* @__PURE__ */ new Map();
@@ -25430,7 +25548,7 @@ var _D = (e, t) => {
 		t && (a.set(e, e.getAttribute("style")), t.style.setProperty("pointer-events", "auto", "important"));
 	}
 	try {
-		let e = gD(t).elementsFromPoint(n.x, n.y), r = e.findIndex((e) => e === t), a = new Map(e.map((e, t) => [e, t]));
+		let e = yD(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);
@@ -25438,31 +25556,31 @@ var _D = (e, t) => {
 	} finally {
 		for (let [e, t] of a) t === null ? e.removeAttribute("style") : e.setAttribute("style", t);
 	}
-}, AD = (e, t) => {
+}, ND = (e, t) => {
 	let n = e;
 	for (; n.parentElement && n.parentElement !== t;) n = n.parentElement;
 	return n.parentElement === t ? n : null;
-}, jD = (e, t, n, r) => {
+}, PD = (e, t, n, r) => {
 	let i = r.defaultView;
 	if (!i) return [];
-	let a = kD(OD(e, t, r).filter((e) => ED(e, i)), e, t);
+	let a = MD(jD(e, t, r).filter((e) => kD(e, i)), e, t);
 	if (a.length > 0) return a;
-	if (e.textContent?.trim() && !e.matches(yD) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
-	let o = [], s = /* @__PURE__ */ new Set(), c = !mD(n) && !hD(n) ? n : null, l = e.parentElement;
+	if (e.textContent?.trim() && !e.matches(SD) || e.matches("a, button, input, select, textarea, label, summary, [contenteditable='true']")) return [];
+	let o = [], s = /* @__PURE__ */ new Set(), c = !_D(n) && !vD(n) ? n : null, l = e.parentElement;
 	for (; l && l !== r.body && l !== r.documentElement && !(c && l !== c && !c.contains(l));) {
-		let a = l, u = AD(e, a), d = OD(a, t, r).filter((e) => {
-			if (!ND(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
-			let t = AD(e, a);
+		let a = l, u = ND(e, a), d = jD(a, t, r).filter((e) => {
+			if (!ID(e, n) || e.closest("[aria-hidden='true'], [inert]")) return !1;
+			let t = ND(e, a);
 			return t === null || t !== u;
 		});
-		for (let e of d) s.has(e) || !ED(e, i) || (s.add(e), o.push(e));
+		for (let e of d) s.has(e) || !kD(e, i) || (s.add(e), o.push(e));
 		if (a === c) break;
 		l = a.parentElement;
 	}
-	return kD(o, e, t);
+	return MD(o, e, t);
 };
-function MD(e, t, n = mD(t) ? t : t.ownerDocument ?? document) {
-	let r = _D(t, n), i = n.defaultView;
+function FD(e, t, n = _D(t) ? t : t.ownerDocument ?? document) {
+	let r = bD(t, n), i = n.defaultView;
 	if (!i) return null;
 	let a = r.elementsFromPoint(e.x, e.y);
 	for (let r of a) {
@@ -25472,28 +25590,28 @@ function MD(e, t, n = mD(t) ? t : t.ownerDocument ?? document) {
 			if (!t || t === a) break;
 			a = t;
 		}
-		if (!a || !ND(a, t)) continue;
-		let o = jD(a, e, t, n);
+		if (!a || !ID(a, t)) continue;
+		let o = PD(a, e, t, n);
 		if (o.length > 0) return o[0];
 		if (i.getComputedStyle(a).pointerEvents !== "none") return a;
 	}
 	return null;
 }
-function ND(e, t) {
-	if (mD(t)) return !0;
+function ID(e, t) {
+	if (_D(t)) return !0;
 	let n = e;
 	for (; n;) {
 		if (t === n || t.contains(n)) return !0;
 		let e = n.getRootNode();
-		if (!hD(e)) return !1;
+		if (!vD(e)) return !1;
 		n = e.host;
 	}
 	return !1;
 }
-function PD(e, t) {
+function LD(e, t) {
 	if (!e) return t();
-	let n = bD.get(e) ?? 0;
-	bD.set(e, n + 1);
+	let n = CD.get(e) ?? 0;
+	CD.set(e, n + 1);
 	let r = [e, ...e.querySelectorAll("*")], i = r.map((e) => [
 		e,
 		e.style.getPropertyValue("pointer-events"),
@@ -25503,13 +25621,13 @@ function PD(e, t) {
 	try {
 		return t();
 	} finally {
-		n === 0 ? bD.delete(e) : bD.set(e, n);
+		n === 0 ? CD.delete(e) : CD.set(e, n);
 		for (let [e, t, n] of i) t ? e.style.setProperty("pointer-events", t, n) : e.style.removeProperty("pointer-events");
 	}
 }
-function FD(e) {
+function RD(e) {
 	let t = e.ownerDocument.defaultView ?? window;
-	if (e.id) return `#${pD(e.id, t)}`;
+	if (e.id) return `#${gD(e.id, t)}`;
 	let n = e.getAttribute("data-testid");
 	if (n) return `[data-testid=${JSON.stringify(n)}]`;
 	let r = [], i = e;
@@ -25523,17 +25641,17 @@ function FD(e) {
 	}
 	return r.join(" > ");
 }
-function ID(e, t, n = `dom-inspection-${++fD}`) {
+function zD(e, t, n = `dom-inspection-${++hD}`) {
 	let r = e.getBoundingClientRect(), i = t.getComputedStyle(e), a = {
-		top: dD(i.paddingTop),
-		right: dD(i.paddingRight),
-		bottom: dD(i.paddingBottom),
-		left: dD(i.paddingLeft)
+		top: mD(i.paddingTop),
+		right: mD(i.paddingRight),
+		bottom: mD(i.paddingBottom),
+		left: mD(i.paddingLeft)
 	}, o = {
-		top: dD(i.marginTop),
-		right: dD(i.marginRight),
-		bottom: dD(i.marginBottom),
-		left: dD(i.marginLeft)
+		top: mD(i.marginTop),
+		right: mD(i.marginRight),
+		bottom: mD(i.marginBottom),
+		left: mD(i.marginLeft)
 	}, s = {
 		left: r.left + a.left,
 		top: r.top + a.top,
@@ -25561,8 +25679,8 @@ function ID(e, t, n = `dom-inspection-${++fD}`) {
 		elementRef: e
 	};
 }
-function LD(e) {
-	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? ID(r, t) : null, o = (e) => {
+function BD(e) {
+	let t = e.ownerDocument.defaultView ?? window, n = t.getComputedStyle(e), r = e instanceof t.HTMLElement ? e : null, i = e.getBoundingClientRect(), a = r ? zD(r, t) : null, o = (e) => {
 		let t = Number.parseFloat(e);
 		return Number.isFinite(t) ? t : 0;
 	}, s = (e) => ({
@@ -25572,7 +25690,7 @@ function LD(e) {
 		left: o(n.getPropertyValue(`${e}-left${e === "border" ? "-width" : ""}`))
 	});
 	return {
-		selector: FD(e),
+		selector: RD(e),
 		tag: e.localName,
 		id: e.id || null,
 		classes: [...e.classList],
@@ -25634,10 +25752,10 @@ function LD(e) {
 }
 //#endregion
 //#region src/agent.ts
-var RD = "text-edit", zD = (e) => LD(e);
-function BD(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 || ND(n, t), a = async () => {
-		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(RD);
+var VD = "text-edit", HD = (e) => BD(e);
+function UD(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 || ID(n, t), a = async () => {
+		let t = (e.getPluginHost() ?? await e.waitForPluginHost()).service.get(VD);
 		if (!t) throw Error("Mesurer text editing service is unavailable.");
 		return t;
 	}, o = () => {
@@ -25666,25 +25784,25 @@ function BD(e) {
 		},
 		inspect(e, t = 0) {
 			let n = r(e, t);
-			return n ? zD(n) : null;
+			return n ? HD(n) : null;
 		},
 		inspectAll(e, n = 50) {
-			return [...t.querySelectorAll(e)].slice(0, Math.max(0, n)).map(zD);
+			return [...t.querySelectorAll(e)].slice(0, Math.max(0, n)).map(HD);
 		},
 		at(n, r) {
 			let a = t.querySelector?.("[data-mesurer-island]") ?? null;
-			return PD(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
-				let a = MD({
+			return LD(a?.shadowRoot?.querySelector("[data-mesurer-root='true']") ?? a, () => {
+				let a = FD({
 					x: n,
 					y: r
 				}, t, e.ownerDocument);
-				return a && i(a) ? zD(a) : null;
+				return a && i(a) ? HD(a) : null;
 			});
 		},
 		distance(e, t) {
 			let n = r(e), i = r(t);
 			if (!n || !i) return null;
-			let a = zD(n), o = zD(i), s = a.rect, c = o.rect;
+			let a = HD(n), o = HD(i), s = a.rect, c = o.rect;
 			return {
 				a,
 				b: o,
@@ -25700,7 +25818,7 @@ function BD(e) {
 			let r = e.getPluginHost() ?? await e.waitForPluginHost();
 			return {
 				viewport: o(),
-				elements: n.flatMap((e) => [...t.querySelectorAll(e)].slice(0, 50).map(zD)),
+				elements: n.flatMap((e) => [...t.querySelectorAll(e)].slice(0, 50).map(HD)),
 				plugins: r.describe(),
 				pluginState: r.state.serialize("all")
 			};
@@ -25725,10 +25843,10 @@ function BD(e) {
 }
 //#endregion
 //#region src/version.ts
-var VD = "0.2.3-beta.6", HD = by, UD = xy, WD = () => ({
+var WD = "0.2.3-beta.7", GD = by, KD = xy, qD = () => ({
 	...gb(),
-	version: VD
-}), GD = UD, KD = (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, qD = (e) => {
+	version: WD
+}), JD = KD, YD = (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, XD = (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 {
@@ -25737,36 +25855,36 @@ var VD = "0.2.3-beta.6", HD = by, UD = xy, WD = () => ({
 		width: r - t,
 		height: i - n
 	};
-}, JD = (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), YD = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
-function XD(e) {
+}, ZD = (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), QD = (e) => [...e.measurements, ...e.activeMeasurement && !e.measurements.some((t) => t.id === e.activeMeasurement?.id) ? [e.activeMeasurement] : []];
+function $D(e) {
 	let { workspace: t, scope: n, guideTolerance: r } = e;
 	if (n.kind === "workspace") return {
 		guides: t.guides.map((e) => ({ ...e })),
-		measurements: YD(t),
+		measurements: QD(t),
 		distances: [...t.distances]
 	};
-	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => KD(e, t));
+	let i = new Set(n.elements), a = (e) => e != null && i.has(e), o = (e) => n.regions.some((t) => YD(e, t));
 	return {
-		guides: t.guides.filter((e) => JD(e, n.regions, r)).map((e) => ({ ...e })),
-		measurements: YD(t).filter((e) => a(e.elementRef) || o(e.rect)),
+		guides: t.guides.filter((e) => ZD(e, n.regions, r)).map((e) => ({ ...e })),
+		measurements: QD(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 ZD = {
+var eO = {
 	opacity: 1,
 	width: 1,
 	pattern: "solid",
 	dashLength: 6,
 	gap: 4
-}, QD = {
+}, tO = {
 	opacity: 1,
 	edgeReveal: !1
 };
 //#endregion
 //#region ../mesurer-core/dist/events.js
-function $D() {
+function nO() {
 	let e = /* @__PURE__ */ new Map();
 	return {
 		on(t, n) {
@@ -25784,12 +25902,12 @@ function $D() {
 		}
 	};
 }
-({ ...ZD }), { ...QD };
+({ ...eO }), { ...tO };
 //#endregion
 //#region ../mesurer-core/dist/plugins.js
-var eO = 50;
-function tO() {
-	let e = 1, t = 0, n = $D(), 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 rO = 50;
+function iO() {
+	let e = 1, t = 0, n = nO(), 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
@@ -25852,15 +25970,15 @@ function tO() {
 		}
 		if (o && s) {
 			let e = y("history");
-			x(s, e) || (p.push(s), p.length > eO && p.shift(), m.length = 0);
+			x(s, e) || (p.push(s), p.length > rO && p.shift(), m.length = 0);
 		}
 		return l;
 	}, w = () => {
 		let e = p.pop();
-		return e ? (m.push(y("history")), m.length > eO && m.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
+		return e ? (m.push(y("history")), m.length > rO && m.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
 	}, T = () => {
 		let e = m.pop();
-		return e ? (p.push(y("history")), p.length > eO && p.shift(), b(e, "history"), h(void 0, "history"), !0) : !1;
+		return e ? (p.push(y("history")), p.length > rO && 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 = {
@@ -26017,8 +26135,8 @@ function tO() {
 }
 //#endregion
 //#region ../mesurer-core/dist/runtime.js
-async function nO(e = {}) {
-	let t = tO();
+async function aO(e = {}) {
+	let t = iO();
 	try {
 		for (let n of e.plugins ?? []) await t.load(n);
 		return t;
@@ -26028,25 +26146,29 @@ async function nO(e = {}) {
 }
 //#endregion
 //#region src/context.ts
-var rO = 10, iO = (e) => ({
+var oO = 10, sO = (e) => ({
 	left: e.left,
 	top: e.top,
 	width: e.width,
 	height: e.height
-}), aO = (e) => {
+}), cO = (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;
-}, oO = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function sO(e) {
+}, lO = (e) => e.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function uO(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 = (e) => iO(t.elementRect?.(e) ?? e.getBoundingClientRect()), s = [], c = [], l = { kind: "workspace" }, u = /* @__PURE__ */ new Map();
+	let o = (e) => sO(t.elementRect?.(e) ?? e.getBoundingClientRect()), s = [], c = [], l = { kind: "workspace" }, u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), f;
 	if ("annotation" in i) {
 		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 && u.set(t.element, t.target.id);
-		s = aO(e.resolvedTargets.map((e) => e.element));
+		e.anchor.kind === "elements" && (f = e.anchor.targets.find((e) => e.viewport)?.viewport);
+		for (let t of e.resolvedTargets) t.element?.isConnected && (u.set(t.element, t.target.id), t.target.viewport && d.set(t.element, {
+			viewport: { ...t.target.viewport },
+			domPath: t.target.domPath?.map((e) => ({ ...e })) ?? []
+		}));
+		s = cO(e.resolvedTargets.map((e) => e.element));
 		let n = t.annotationRect(e.id);
 		n && (c = [n]);
 		let r = e.resolvedTargets.length, a = e.resolvedTargets.filter((e) => e.element?.isConnected).length, o = e.anchor.kind === "region" ? "connected" : r === 0 || a === 0 ? "stale" : a === r ? "connected" : "partial";
@@ -26058,15 +26180,15 @@ function sO(e) {
 		};
 	} else if (i.scope === "selection") {
 		let e = t.currentSelection();
-		if (s = aO(e.elements), !s.length && !e.region) throw Error("Mesurer has no current selection.");
+		if (s = cO(e.elements), !s.length && !e.region) throw Error("Mesurer has no current selection.");
 		c = e.region ? [e.region] : s.map(o), l = { kind: "selection" };
-	} else s = aO([
+	} else s = cO([
 		...t.currentSelection().elements,
 		...a.measurements.map((e) => e.elementRef),
 		a.activeMeasurement?.elementRef,
 		...a.heldDistances.flatMap((e) => [e.elementRefA, e.elementRefB])
 	]);
-	let d = l.kind === "workspace" ? [] : c.length ? c : s.map(o), f = XD({
+	let p = l.kind === "workspace" ? [] : c.length ? c : s.map(o), m = $D({
 		workspace: {
 			guides: a.guides,
 			measurements: a.measurements,
@@ -26076,55 +26198,55 @@ function sO(e) {
 		scope: l.kind === "workspace" ? { kind: "workspace" } : {
 			kind: "scoped",
 			elements: s,
-			regions: d
+			regions: p
 		},
-		guideTolerance: a.guideRelevanceTolerance ?? rO
-	}), p = f.measurements, m = f.distances, h = f.guides, g = aO([
+		guideTolerance: a.guideRelevanceTolerance ?? oO
+	}), h = m.measurements, g = m.distances, _ = m.guides, v = cO([
 		...s,
-		...p.map((e) => e.elementRef),
-		...m.flatMap((e) => [e.elementRefA, e.elementRefB])
-	]), _ = /* @__PURE__ */ new Map(), v = new Set(u.values()), y = 1, b = () => {
-		let e = `target-${y++}`;
-		for (; v.has(e);) e = `target-${y++}`;
-		return v.add(e), e;
-	}, x = g.map((e) => {
-		let t = u.get(e) ?? b(), n = o(e), r = LD(e);
-		return _.set(e, t), {
-			ref: t,
+		...h.map((e) => e.elementRef),
+		...g.flatMap((e) => [e.elementRefA, e.elementRefB])
+	]), y = /* @__PURE__ */ new Map(), b = new Set(u.values()), x = 1, S = () => {
+		let e = `target-${x++}`;
+		for (; b.has(e);) e = `target-${x++}`;
+		return b.add(e), e;
+	}, C = v.map((e) => {
+		let n = u.get(e) ?? S(), r = o(e), i = BD(e);
+		return y.set(e, n), {
+			ref: n,
+			...d.get(e) ?? t.targetScope?.(e),
 			inspection: {
-				...r,
+				...i,
 				rect: {
-					...n,
-					right: n.left + n.width,
-					bottom: n.top + n.height,
-					x: n.left,
-					y: n.top
+					...r,
+					right: r.left + r.width,
+					bottom: r.top + r.height,
+					x: r.left,
+					y: r.top
 				}
 			}
 		};
-	}), S = p.map((e) => {
+	}), w = h.map((e) => {
 		let t = {
 			id: e.id,
-			rect: iO(e.rect),
+			rect: sO(e.rect),
 			deltaX: e.deltaX,
 			deltaY: e.deltaY
 		};
 		e.snapped !== void 0 && (t.snapped = e.snapped);
-		let n = e.elementRef ? _.get(e.elementRef) : void 0;
+		let n = e.elementRef ? y.get(e.elementRef) : void 0;
 		return n && (t.targetRef = n), t;
-	}), C = m.map((e) => {
+	}), T = g.map((e) => {
 		let t = {
 			id: e.id,
-			rectA: iO(e.rectA),
-			rectB: iO(e.rectB),
+			rectA: sO(e.rectA),
+			rectB: sO(e.rectB),
 			horizontal: e.horizontal ? { ...e.horizontal } : null,
 			vertical: e.vertical ? { ...e.vertical } : null
-		}, n = e.elementRefA ? _.get(e.elementRefA) : void 0, r = e.elementRefB ? _.get(e.elementRefB) : void 0;
+		}, n = e.elementRefA ? y.get(e.elementRefA) : void 0, r = e.elementRefB ? y.get(e.elementRefB) : void 0;
 		return n && (t.targetARef = n), r && (t.targetBRef = r), t;
-	});
-	return {
+	}), E = {
 		schema: "mesurer.context/v1",
-		id: oO(r),
+		id: lO(r),
 		createdAt: (/* @__PURE__ */ new Date()).toISOString(),
 		scope: l,
 		page: {
@@ -26139,62 +26261,63 @@ function sO(e) {
 			scrollY: r.scrollY
 		},
 		coordinateSpace: "viewport-css-px",
-		regions: l.kind === "workspace" ? [] : c.map(iO),
+		regions: l.kind === "workspace" ? [] : c.map(sO),
 		visualState: {
 			rulersVisible: a.rulersVisible,
 			xrayVisible: a.xrayVisible
 		},
-		targets: x,
+		targets: C,
 		visualContext: {
-			guides: h,
+			guides: _,
 			layoutGuides: (e.layoutGuides ?? []).map((e) => ({ ...e })),
-			measurements: S,
-			distances: C
+			measurements: w,
+			distances: T
 		}
 	};
+	return f ??= C.find((e) => e.viewport)?.viewport, f && (E.previewViewport = { ...f }), E;
 }
-var cO = (e) => `${Math.round(e * 100) / 100}px`, lO = (e) => `x=${cO(e.left)} y=${cO(e.top)} w=${cO(e.width)} h=${cO(e.height)}`;
-function uO(e) {
+var dO = (e) => `${Math.round(e * 100) / 100}px`, fO = (e) => `x=${dO(e.left)} y=${dO(e.top)} w=${dO(e.width)} h=${dO(e.height)}`;
+function pO(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}: ${lO(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}: ${fO(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: ${lO(e.rect)}`, `  margin: ${cO(e.margin.top)} ${cO(e.margin.right)} ${cO(e.margin.bottom)} ${cO(e.margin.left)}`, `  padding: ${cO(e.padding.top)} ${cO(e.padding.right)} ${cO(e.padding.bottom)} ${cO(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)}`);
+			n.viewport && t.push(`Preview: ${n.viewport.url}; ${n.viewport.width} × ${n.viewport.height} CSS px; id=${n.viewport.previewId}`), t.push(`[${n.ref}] ${e.selector}`, `  rect: ${fO(e.rect)}`, `  margin: ${dO(e.margin.top)} ${dO(e.margin.right)} ${dO(e.margin.bottom)} ${dO(e.margin.left)}`, `  padding: ${dO(e.padding.top)} ${dO(e.padding.right)} ${dO(e.padding.bottom)} ${dO(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"}=${cO(n.position)}`);
+		for (let n of e.visualContext.guides) t.push(`- ${n.orientation} ${n.orientation === "vertical" ? "x" : "y"}=${dO(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 ${cO(n.size)}` : `${n.count} ${n.kind}; gutter=${cO(n.gutter)}; offset=${cO(n.offset)}; align=${n.align}`;
+			let e = n.kind === "grid" ? `grid ${dO(n.size)}` : `${n.count} ${n.kind}; gutter=${dO(n.gutter)}; offset=${dO(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}: ` : ""}${lO(n.rect)}; delta=${cO(n.deltaX)} × ${cO(n.deltaY)}`);
+		for (let n of e.visualContext.measurements) t.push(`- ${n.targetRef ? `${n.targetRef}: ` : ""}${fO(n.rect)}; delta=${dO(n.deltaX)} × ${dO(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=${cO(n.horizontal.value)}` : null, n.vertical ? `vertical=${cO(n.vertical.value)}` : null].filter(Boolean).join("; ");
+			let e = [n.targetARef, n.targetBRef].filter(Boolean).join(" → "), r = [n.horizontal ? `horizontal=${dO(n.horizontal.value)}` : null, n.vertical ? `vertical=${dO(n.vertical.value)}` : null].filter(Boolean).join("; ");
 			t.push(`- ${e ? `${e}: ` : ""}${r || "overlapping"}`);
 		}
 	}
 	return t.join("\n").trimEnd();
 }
-function dO(e) {
-	let t = qD([
+function mO(e) {
+	let t = XD([
 		...e.regions,
 		...e.targets.map((e) => e.inspection.rect),
 		...e.visualContext.measurements.map((e) => e.rect),
@@ -26216,15 +26339,16 @@ function dO(e) {
 			}
 		});
 	}
-	return {
+	let r = {
 		schema: "mesurer.capture/v1",
 		contextId: e.id,
 		chrome: "hide",
 		evidence: "show",
 		captures: n
 	};
+	return e.previewViewport && (r.previewViewport = { ...e.previewViewport }), r;
 }
-var fO = (e, t, n, r, i) => {
+var hO = (e, t, n, r, i) => {
 	!Number.isFinite(r) || !Number.isFinite(i) || Math.abs(r - i) < .01 || e.push({
 		kind: t,
 		label: n,
@@ -26233,16 +26357,16 @@ var fO = (e, t, n, r, i) => {
 		delta: i - r,
 		unit: "px"
 	});
-}, pO = (e, t, n, r) => e.push({
+}, gO = (e, t, n, r) => e.push({
 	kind: "missing",
 	evidence: t,
 	id: n,
 	label: r
-}), mO = (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 hO(e) {
+}), _O = (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 vO(e) {
 	let t = e.runtime.annotation(e.annotationId);
 	if (!t) throw Error(`Mesurer annotation not found: ${e.annotationId}`);
-	let n = sO({
+	let n = uO({
 		runtime: e.runtime,
 		ownerDocument: e.ownerDocument,
 		ownerWindow: e.ownerWindow,
@@ -26252,42 +26376,42 @@ function hO(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 = YD({
+	let i = QD({
 		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) {
-			pO(a, "target", e.id, e.selector);
+			gO(a, "target", e.id, e.selector);
 			continue;
 		}
-		fO(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), fO(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), fO(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), fO(a, "target-rect", `${t.inspection.selector} height`, e.rect.height, t.inspection.rect.height);
+		hO(a, "target-rect", `${t.inspection.selector} left`, e.rect.left, t.inspection.rect.left), hO(a, "target-rect", `${t.inspection.selector} top`, e.rect.top, t.inspection.rect.top), hO(a, "target-rect", `${t.inspection.selector} width`, e.rect.width, t.inspection.rect.width), hO(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) {
-			pO(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
+			gO(a, "guide", e.id, `${e.orientation} guide ${e.id}`);
 			continue;
 		}
-		fO(a, "guide", `${e.orientation} guide ${e.id}`, e.position, t.position);
+		hO(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) => mO(t.rect, e.rect));
-			r && n.targets.some((e) => e.ref === r.id) || pO(a, "measurement", e.id, e.id);
+			let r = t.baseline.targets.find((t) => _O(t.rect, e.rect));
+			r && n.targets.some((e) => e.ref === r.id) || gO(a, "measurement", e.id, e.id);
 			continue;
 		}
-		fO(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), fO(a, "measurement", `${e.id} height`, e.rect.height, r.rect.height);
+		hO(a, "measurement", `${e.id} width`, e.rect.width, r.rect.width), hO(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) {
-			pO(a, "distance", e.id, e.id);
+			gO(a, "distance", e.id, e.id);
 			continue;
 		}
-		e.horizontal && t.horizontal ? fO(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && pO(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? fO(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && pO(a, "distance", e.id, `${e.id} vertical`);
+		e.horizontal && t.horizontal ? hO(a, "distance", `${e.id} horizontal`, e.horizontal.value, t.horizontal.value) : e.horizontal && !t.horizontal && gO(a, "distance", e.id, `${e.id} horizontal`), e.vertical && t.vertical ? hO(a, "distance", `${e.id} vertical`, e.vertical.value, t.vertical.value) : e.vertical && !t.vertical && gO(a, "distance", e.id, `${e.id} vertical`);
 	}
 	return {
 		schema: "mesurer.review/v1",
@@ -26299,7 +26423,7 @@ function hO(e) {
 		changes: a
 	};
 }
-async function gO(e, t, n) {
+async function yO(e, t, n) {
 	try {
 		if (t.navigator.clipboard?.writeText) {
 			await t.navigator.clipboard.writeText(n);
@@ -26313,43 +26437,43 @@ async function gO(e, t, n) {
 }
 //#endregion
 //#region src/layout-guides.ts
-var _O = Fw, vO = Iw, yO = () => ({
-	...cT(),
-	version: VD
-}), bO = "mesurer.context", xO = "context:v1", SO = "mesurer.context.settings", CO = "context.ui", wO = "data-mesurer-direct-text-edit-active", TO = {
+var bO = Rw, xO = zw, SO = () => ({
+	...dT(),
+	version: WD
+}), CO = "mesurer.context", wO = "context:v1", TO = "mesurer.context.settings", EO = "context.ui", DO = "data-mesurer-direct-text-edit-active", OO = {
 	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"]
-}, EO = {
+}, kO = {
 	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"]
-}, DO = {
+}, AO = {
 	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"]
-}, OO = async (e, t, n = 1) => {
+}, jO = 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()));
-}, kO = (e, t, n, r) => {
-	let i = async (i) => sO({
+}, MO = (e, t, n, r) => {
+	let i = async (i) => uO({
 		runtime: e,
 		ownerDocument: t,
 		ownerWindow: n,
 		request: i,
 		layoutGuides: r()
-	}), a = async (e) => uO(await i(e));
+	}), a = async (e) => pO(await i(e));
 	return {
 		context: i,
 		contextText: a,
-		copyContext: async (e) => gO(t, n, await a(e)),
+		copyContext: async (e) => yO(t, n, await a(e)),
 		select: async (r) => {
 			let a = Array.isArray(r) ? [...r] : [String(r)];
-			return e.select(a), await OO(t, n), i({ scope: "selection" });
+			return e.select(a), await jO(t, n), i({ scope: "selection" });
 		},
 		annotations: async () => e.annotations(),
 		removeAnnotation: async (r) => {
-			e.removeAnnotation(r), await OO(t, n);
+			e.removeAnnotation(r), await jO(t, n);
 		},
 		review: async (i) => {
-			if (await OO(t, n), i) return hO({
+			if (await jO(t, n), i) return vO({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -26357,7 +26481,7 @@ var _O = Fw, vO = Iw, yO = () => ({
 				layoutGuides: r()
 			});
 			let a = r();
-			return e.annotations().map((r) => hO({
+			return e.annotations().map((r) => vO({
 				runtime: e,
 				ownerDocument: t,
 				ownerWindow: n,
@@ -26365,76 +26489,67 @@ var _O = Fw, vO = Iw, yO = () => ({
 				layoutGuides: a
 			}));
 		},
-		capturePlan: async (e) => dO(await i(e)),
+		capturePlan: async (e) => mO(await i(e)),
 		prepareCapture: async () => {
-			e.prepareCapture(), await OO(t, n);
+			e.prepareCapture(), await jO(t, n);
 		},
 		finishCapture: async () => {
-			e.finishCapture(), await OO(t, n);
+			e.finishCapture(), await jO(t, n);
 		}
 	};
-}, AO = (e) => {
-	let t = e.currentSelection();
-	return (t.elements.length > 0 || t.region !== null) && !t.elements.some((e) => {
-		let t = e.ownerDocument;
-		for (; t;) {
-			let e = t.defaultView?.frameElement ?? null;
-			if (!e) return !1;
-			if (e.hasAttribute("data-mesurer-responsive-frame")) return !0;
-			t = e.ownerDocument;
-		}
-		return !1;
-	});
+}, NO = (e, t) => {
+	let n = e.currentSelection();
+	return n.elements.length > 0 || n.region !== null && !t?.querySelector("[data-mesurer-responsive-stage]");
 };
-function jO(e = {}) {
+function PO(e = {}) {
 	return {
-		id: bO,
-		version: VD,
+		id: CO,
+		version: WD,
 		requires: ["runtime:solid"],
-		provides: [xO],
+		provides: [wO],
 		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(bO), i = kO(r, n.ownerDocument, n.ownerWindow, () => t.service.get(vO)?.list() ?? []);
-			t.service.provide(xO, i), t.state.register({
-				id: SO,
+			let r = n.createWorkspaceRuntime(CO), i = MO(r, n.ownerDocument, n.ownerWindow, () => t.service.get(xO)?.list() ?? []);
+			t.service.provide(wO, i), t.state.register({
+				id: TO,
 				initial: { ui: e.ui ?? !0 },
 				persist: !0
 			}), t.state.register({
-				id: CO,
-				initial: { hasSelection: AO(r) }
+				id: EO,
+				initial: { hasSelection: NO(r, n.rendererRoot) }
 			});
-			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => AO(r), s = (e) => {
-				t.state.update(SO, (t) => ({
+			let a = () => t.state.get("mesurer.context.settings")?.ui ?? !0, o = () => NO(r, n.rendererRoot), s = (e) => {
+				t.state.update(TO, (t) => ({
 					...t,
 					ui: e
 				}));
-			}, c = null, l = null, u = null, d = null, f = r.currentSelection(), p = {
-				elements: [...f.elements],
-				region: f.region ? { ...f.region } : null
-			}, m = (e, t) => e.elements.length !== t.elements.length || e.elements.some((e, n) => e !== t.elements[n]) ? !1 : e.region === t.region ? !0 : !e.region || !t.region ? !1 : e.region.left === t.region.left && e.region.top === t.region.top && e.region.width === t.region.width && e.region.height === t.region.height, h = r.subscribe(() => {
-				let e = r.currentSelection(), n = !m(p, e);
-				p = {
+			}, c = null, l = null, u = null, d = null, [f, p] = K(!!n.rendererRoot?.querySelector("[data-mesurer-responsive-stage]")), m = null, h = r.currentSelection(), g = {
+				elements: [...h.elements],
+				region: h.region ? { ...h.region } : null
+			}, _ = (e, t) => e.elements.length !== t.elements.length || e.elements.some((e, n) => e !== t.elements[n]) ? !1 : e.region === t.region ? !0 : !e.region || !t.region ? !1 : e.region.left === t.region.left && e.region.top === t.region.top && e.region.width === t.region.width && e.region.height === t.region.height, v = r.subscribe(() => {
+				let e = r.currentSelection(), i = !_(g, e);
+				g = {
 					elements: [...e.elements],
 					region: e.region ? { ...e.region } : null
-				}, r.selectGestureActive() ? c?.abandonNoteComposer() : n && c?.closeNoteComposer();
-				let i = AO(r);
-				i !== (t.state.get(CO)?.hasSelection ?? !1) && t.state.update(CO, () => ({ hasSelection: i }));
+				}, r.selectGestureActive() ? c?.abandonNoteComposer() : i && c?.closeNoteComposer();
+				let a = NO(r, n.rendererRoot);
+				a !== (t.state.get(EO)?.hasSelection ?? !1) && t.state.update(EO, () => ({ hasSelection: a }));
 			});
 			t.command.register("context.copy", () => i.copyContext()), t.command.register("context.copy-selection", () => i.copyContext({ scope: "selection" }));
-			let g = () => {
+			let y = () => {
 				let e = u?.element;
-				e && (n.rendererRoot?.hasAttribute(wO) ? e.setAttribute(wO, "true") : e.removeAttribute(wO));
-			}, _ = () => {
+				e && (n.rendererRoot?.hasAttribute(DO) ? e.setAttribute(DO, "true") : e.removeAttribute(DO));
+			}, b = () => {
 				d?.disconnect(), d = null, c = null, l?.(), l = null, u?.dispose(), u = null;
-			}, v = () => {
+			}, x = () => {
 				if (u) return;
-				if (u = dw(n), u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
-					let e = new n.ownerWindow.MutationObserver(g);
+				if (u = mw(n), m = u.element.parentNode, u.element.dataset.mesurerLayer = "evidence", u.element.dataset.mesurerContextRoot = "true", n.rendererRoot) {
+					let e = new n.ownerWindow.MutationObserver(y);
 					d = e, e.observe(n.rendererRoot, {
 						attributes: !0,
-						attributeFilter: [wO]
-					}), g();
+						attributeFilter: [DO]
+					}), y();
 				}
 				let e = {
 					runtime: r,
@@ -26442,16 +26557,25 @@ function jO(e = {}) {
 					onController: (e) => {
 						c = e;
 					},
-					coordinateSpace: "document",
+					get coordinateSpace() {
+						return f() ? "viewport" : "document";
+					},
 					rendererRoot: n.rendererRoot
 				};
-				l = No(() => yo(sw, oo(e, { get ownerWindow() {
+				l = No(() => yo(uw, oo(e, { get ownerWindow() {
 					return n.ownerWindow;
-				} })), u.element);
-			}, y = () => {
-				a() ? v() : _();
+				} })), u.element), un(f) && n.rendererRoot && (n.rendererRoot.append(u.element), u.element.style.zIndex = "90");
+			}, S = () => {
+				a() ? x() : b();
+			};
+			S(), t.state.subscribe(S);
+			let C = () => {
+				let e = !!n.rendererRoot?.querySelector("[data-mesurer-responsive-stage]");
+				if (e === un(f) || (p(e), !u)) return;
+				let t = e ? n.rendererRoot : m;
+				t && u.element.parentNode !== t && t.appendChild(u.element), u.element.style.zIndex = e ? "90" : "", un(() => c?.closeNoteComposer());
 			};
-			y(), t.state.subscribe(y), t.command.register("context.add-note", () => {
+			n.ownerWindow.addEventListener("mesurer:responsive-stage-change", C), t.command.register("context.add-note", () => {
 				o() && c?.openNoteComposer();
 			}), t.tool.register({
 				id: "context.copy",
@@ -26460,7 +26584,7 @@ function jO(e = {}) {
 				command: "context.copy",
 				order: 70,
 				toolbarMode: "always",
-				icon: TO,
+				icon: OO,
 				hidden: () => !a()
 			}), t.tool.register({
 				id: "context.copy-selection",
@@ -26469,7 +26593,7 @@ function jO(e = {}) {
 				command: "context.copy-selection",
 				order: 71,
 				toolbarMode: "always",
-				icon: EO,
+				icon: kO,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.tool.register({
@@ -26479,7 +26603,7 @@ function jO(e = {}) {
 				command: "context.add-note",
 				order: 72,
 				toolbarMode: "always",
-				icon: DO,
+				icon: AO,
 				hidden: () => !a(),
 				disabled: () => !o()
 			}), t.settings.register({
@@ -26495,14 +26619,14 @@ function jO(e = {}) {
 					set: s
 				}]
 			}), t.lifecycle.onDispose(() => {
-				h(), _(), r.dispose();
+				v(), n.ownerWindow.removeEventListener("mesurer:responsive-stage-change", C), b(), r.dispose();
 			});
 		}
 	};
 }
 //#endregion
 //#region src/host-layer.ts
-var MO = {
+var FO = {
 	display: "block",
 	position: "fixed",
 	inset: "0",
@@ -26544,48 +26668,48 @@ var MO = {
 	"letter-spacing": "normal",
 	direction: "ltr"
 };
-function NO(e) {
-	for (let [t, n] of Object.entries(MO)) e.style.setProperty(t, n, "important");
+function IO(e) {
+	for (let [t, n] of Object.entries(FO)) e.style.setProperty(t, n, "important");
 }
-function PO(e) {
+function LO(e) {
 	return "popover" in e && "showPopover" in e && typeof e.showPopover == "function" && "hidePopover" in e && typeof e.hidePopover == "function";
 }
-var FO = (e) => "newState" in e, IO = (e) => e.localName === "dialog";
-function LO(e) {
-	if (!IO(e) || !e.open) return !1;
+var RO = (e) => "newState" in e, zO = (e) => e.localName === "dialog";
+function BO(e) {
+	if (!zO(e) || !e.open) return !1;
 	try {
 		return e.matches(":modal");
 	} catch {
 		return !1;
 	}
 }
-function RO(e, t, n = !0) {
-	NO(e);
+function VO(e, t, n = !0) {
+	IO(e);
 	let r = e.ownerDocument, i = r.defaultView ?? window, a = t, o = !1, s = "fixed", c = !1, l = 0, u = [];
-	if (n && PO(e) && (e.popover = "manual"), t.append(e), n && PO(e)) try {
+	if (n && LO(e) && (e.popover = "manual"), t.append(e), n && LO(e)) try {
 		e.showPopover(), c = e.matches(":popover-open"), c && (s = "top-layer");
 	} catch {
 		e.removeAttribute("popover");
 	}
 	let d = () => {
-		if (!(!c || !PO(e))) try {
+		if (!(!c || !LO(e))) try {
 			e.matches(":popover-open") || e.showPopover();
 		} catch {}
 	}, f = (t) => {
 		if (e.parentNode === t) return;
-		let n = c && PO(e) && e.matches(":popover-open");
-		if (n && PO(e)) try {
+		let n = c && LO(e) && e.matches(":popover-open");
+		if (n && LO(e)) try {
 			e.hidePopover();
 		} catch {}
-		t.append(e), NO(e), n && d();
+		t.append(e), IO(e), n && d();
 	}, p = () => {
-		u = u.filter((e) => e.isConnected && LO(e)), f(u.at(-1) ?? a);
+		u = u.filter((e) => e.isConnected && BO(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 || !PO(e))) try {
+		if (!(o || !c || !LO(e))) try {
 			e.matches(":popover-open") && e.hidePopover(), e.showPopover();
 		} catch {}
 	}, _ = () => {
@@ -26594,27 +26718,27 @@ function RO(e, t, n = !0) {
 		}));
 	}, v = (t) => {
 		if (!c || t.target === e) return;
-		let n = FO(t) ? t.newState : void 0, r = t.target;
+		let n = RO(t) ? t.newState : void 0, r = t.target;
 		if (r instanceof i.Element) {
-			if (IO(r)) {
-				n === "open" && LO(r) ? (m(r), _()) : n === "closed" ? h(r) : n === "open" && _();
+			if (zO(r)) {
+				n === "open" && BO(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 && IO(t) && h(t);
+		t instanceof i.Element && zO(t) && h(t);
 	}, b = () => {
 		r.fullscreenElement && _();
 	}, x = (e) => {
-		LO(e) && m(e);
-		for (let t of e.querySelectorAll("dialog")) LO(t) && m(t);
+		BO(e) && m(e);
+		for (let t of e.querySelectorAll("dialog")) BO(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 && IO(e) && (LO(e) ? m(e) : h(e));
+				e instanceof i.Element && zO(e) && (BO(e) ? m(e) : h(e));
 			}
 			for (let e of t.addedNodes) e instanceof i.Element && x(e);
 			u.some((e) => !e.isConnected) && p();
@@ -26630,7 +26754,7 @@ function RO(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 && PO(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 && LO(e) && e.matches(":popover-open")) try {
 					e.hidePopover();
 				} catch {}
 				u = [];
@@ -26640,7 +26764,7 @@ function RO(e, t, n = !0) {
 }
 //#endregion
 //#region src/plugins/codex/index.ts
-var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable", HO = 2e3, UO = 750, WO = 2e3, GO = 1800, KO = 2e3, qO = 12e4, JO = 10, YO = 5, XO = "http://127.0.0.1:47365", ZO = "mesurer-codex", QO = 2, $O = [
+var HO = "mesurer.codex", UO = "codex:v1", WO = "mesurer.plugin.before-disable", GO = 2e3, KO = 750, qO = 2e3, JO = 1800, YO = 2e3, XO = 12e4, ZO = 10, QO = 5, $O = "http://127.0.0.1:47365", ek = "mesurer-codex", tk = 2, nk = [
 	"thread-discovery-v1",
 	"durable-queue-v1",
 	"history-recovery-v2",
@@ -26648,33 +26772,33 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 	"idle-safe-shutdown-v1",
 	"nonterminal-retention-v1",
 	"instance-binding-v1"
-], ek = 1500, tk = 15e3, nk = 5e3, rk = [
+], rk = 1500, ik = 15e3, ak = 5e3, ok = [
 	"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(" "), ik = {
+].join(" "), sk = {
 	viewBox: "0 0 256 256",
 	paths: ["M224,48,32,120l88,32,32,88Z M120,152l104-104"]
-}, ak = {
+}, ck = {
 	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"]
-}, ok = {
+}, lk = {
 	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"]
-}, sk = class extends Error {
+}, uk = class extends Error {
 	issue;
 	constructor(e, t) {
 		super(t), this.issue = e, this.name = "BrowserBridgeConnectionError";
 	}
-}, ck = () => {
+}, dk = () => {
 	try {
 		let e = globalThis.location;
 		return e?.origin ? `mesurer-codex-ui:v2:${e.origin}${e.pathname}` : null;
 	} catch {
 		return null;
 	}
-}, lk = () => {
-	let e = ck();
+}, fk = () => {
+	let e = dk();
 	if (!e) return null;
 	try {
 		let t = globalThis.sessionStorage?.getItem(e);
@@ -26700,35 +26824,35 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 	} catch {
 		return null;
 	}
-}, uk = (e) => {
-	let t = ck();
+}, pk = (e) => {
+	let t = dk();
 	if (t) try {
 		globalThis.sessionStorage?.setItem(t, JSON.stringify(e));
 	} catch {}
-}, dk = (e) => {
-	let t = XO.endsWith("/") ? XO : `${XO}/`;
+}, mk = (e) => {
+	let t = $O.endsWith("/") ? $O : `${$O}/`;
 	return new URL(e, t).toString();
-}, fk = (e) => {
+}, hk = (e) => {
 	let t = e.bridge;
-	if (!t) throw new sk("port-conflict", "Another local service or an outdated Mesurer Codex Bridge is using port 47365. Mesurer will not send data to an unverified service.");
-	if (t.name !== ZO) throw new sk("port-conflict", `Another local service is using port 47365 (${t.name ?? "unknown"}). Mesurer will not send Codex data to it.`);
-	if (t.protocol !== QO) throw new sk("version-mismatch", `Mesurer Codex Bridge is out of date (protocol ${t.protocol ?? "unknown"}; expected ${QO}). Restart the matching Mesurer Codex Bridge helper.`);
-	if (e.access?.allowed === !1) throw new sk("origin-denied", `Mesurer Codex Bridge does not allow this browser origin (${globalThis.location?.origin ?? "this page"}). Allow this origin when starting the bridge.`);
-	let n = new Set(Array.isArray(t.capabilities) ? t.capabilities : []), r = $O.filter((e) => !n.has(e));
-	if (r.length > 0) throw new sk("capability-mismatch", `Mesurer Codex Bridge is missing required capabilities: ${r.join(", ")}. Restart or update the matching helper.`);
-	if (!t.instanceId?.trim()) throw new sk("capability-mismatch", "Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.");
-}, pk = (e) => e.includes("does not allow this browser origin") ? "origin-denied" : e.includes("out of date") ? "version-mismatch" : e.includes("missing required capabilities") || e.includes("did not provide an instance identity") ? "capability-mismatch" : e.includes("Another local service") ? "port-conflict" : e.includes("instance changed") ? "instance-changed" : e.includes("timed out") ? "timed-out" : e.includes("companion is unavailable") ? "not-running" : null, mk = (e) => e instanceof sk ? e.issue : e instanceof Error ? pk(e.message) : null, hk = async (e) => {
+	if (!t) throw new uk("port-conflict", "Another local service or an outdated Mesurer Codex Bridge is using port 47365. Mesurer will not send data to an unverified service.");
+	if (t.name !== ek) throw new uk("port-conflict", `Another local service is using port 47365 (${t.name ?? "unknown"}). Mesurer will not send Codex data to it.`);
+	if (t.protocol !== tk) throw new uk("version-mismatch", `Mesurer Codex Bridge is out of date (protocol ${t.protocol ?? "unknown"}; expected ${tk}). Restart the matching Mesurer Codex Bridge helper.`);
+	if (e.access?.allowed === !1) throw new uk("origin-denied", `Mesurer Codex Bridge does not allow this browser origin (${globalThis.location?.origin ?? "this page"}). Allow this origin when starting the bridge.`);
+	let n = new Set(Array.isArray(t.capabilities) ? t.capabilities : []), r = nk.filter((e) => !n.has(e));
+	if (r.length > 0) throw new uk("capability-mismatch", `Mesurer Codex Bridge is missing required capabilities: ${r.join(", ")}. Restart or update the matching helper.`);
+	if (!t.instanceId?.trim()) throw new uk("capability-mismatch", "Mesurer Codex Bridge did not provide an instance identity. Restart or update the matching helper.");
+}, gk = (e) => e.includes("does not allow this browser origin") ? "origin-denied" : e.includes("out of date") ? "version-mismatch" : e.includes("missing required capabilities") || e.includes("did not provide an instance identity") ? "capability-mismatch" : e.includes("Another local service") ? "port-conflict" : e.includes("instance changed") ? "instance-changed" : e.includes("timed out") ? "timed-out" : e.includes("companion is unavailable") ? "not-running" : null, _k = (e) => e instanceof uk ? e.issue : e instanceof Error ? gk(e.message) : null, vk = async (e) => {
 	let t, n;
-	if (e.action === "health") t = dk("health");
+	if (e.action === "health") t = mk("health");
 	else if (e.action === "threads") {
 		let n = new URLSearchParams();
-		n.set("limit", String(e.limit ?? JO)), e.thread && n.set("thread", e.thread), t = `${dk("threads")}?${n.toString()}`;
-	} else if (e.action === "target") t = dk("target"), n = {
+		n.set("limit", String(e.limit ?? ZO)), e.thread && n.set("thread", e.thread), t = `${mk("threads")}?${n.toString()}`;
+	} else if (e.action === "target") t = mk("target"), n = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({ thread: e.thread })
 	};
-	else if (e.action === "queue") t = dk("send"), n = {
+	else if (e.action === "queue") t = mk("send"), n = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -26736,8 +26860,8 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 			thread: e.thread
 		})
 	};
-	else if (e.action === "delivery") t = dk(`deliveries/${encodeURIComponent(String(e.deliveryId ?? ""))}`);
-	else if (e.action === "restore") t = dk("deliveries/restore"), n = {
+	else if (e.action === "delivery") t = mk(`deliveries/${encodeURIComponent(String(e.deliveryId ?? ""))}`);
+	else if (e.action === "restore") t = mk("deliveries/restore"), n = {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		body: JSON.stringify({
@@ -26751,14 +26875,14 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 	else throw Error(`Codex browser companion does not support ${e.action}.`);
 	if (e.action !== "health") {
 		let t = e.bridgeInstanceId?.trim();
-		if (!t) throw new sk("instance-changed", "Mesurer Codex Bridge instance changed before this request could be verified.");
+		if (!t) throw new uk("instance-changed", "Mesurer Codex Bridge instance changed before this request could be verified.");
 		let r = new Headers(n?.headers);
 		r.set("X-Mesurer-Bridge-Instance", t), n = {
 			...n,
 			headers: r
 		};
 	}
-	let r = new AbortController(), i = e.action === "health" || e.action === "threads" ? ek : tk, a = globalThis.setTimeout(() => r.abort(), i);
+	let r = new AbortController(), i = e.action === "health" || e.action === "threads" ? rk : ik, a = globalThis.setTimeout(() => r.abort(), i);
 	try {
 		let i = await fetch(t, {
 			...n,
@@ -26769,23 +26893,23 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 		} catch {
 			o = { error: a };
 		}
-		if (e.action === "health" && fk(o), !i.ok || o.ok === !1) {
-			let e = o.error ?? `Mesurer Codex companion returned HTTP ${i.status}.`, t = pk(e);
-			throw t ? new sk(t, e) : Error(e);
+		if (e.action === "health" && hk(o), !i.ok || o.ok === !1) {
+			let e = o.error ?? `Mesurer Codex companion returned HTTP ${i.status}.`, t = gk(e);
+			throw t ? new uk(t, e) : Error(e);
 		}
 		return o;
 	} catch (e) {
-		throw e instanceof Error && e.name === "AbortError" ? new sk("timed-out", "Mesurer Codex companion timed out.") : e instanceof TypeError ? new sk("not-running", `Mesurer Codex companion is unavailable at ${XO}.`) : e;
+		throw e instanceof Error && e.name === "AbortError" ? new uk("timed-out", "Mesurer Codex companion timed out.") : e instanceof TypeError ? new uk("not-running", `Mesurer Codex companion is unavailable at ${$O}.`) : e;
 	} finally {
 		globalThis.clearTimeout(a);
 	}
-}, gk = async (e) => {
+}, yk = async (e) => {
 	let t = window.__MESURER_HOST__?.codexBridge;
 	if (!t) throw Error("Codex native host bridge is unavailable.");
 	let n = await t(e);
 	if (n.ok === !1) throw Error(n.error ?? "Codex Bridge request failed.");
 	return n;
-}, _k = (e) => {
+}, bk = (e) => {
 	let t = e.runtime;
 	return !t || ![
 		"shared",
@@ -26803,10 +26927,10 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 		available: t.available === !0,
 		reason: t.reason
 	};
-}, vk = (e) => ({
+}, xk = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threads) ? e.threads.filter((e) => e.trim().length > 0) : []
-}), yk = (e) => {
+}), Sk = (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 = {
@@ -26818,7 +26942,7 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "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.clientUserMessageId !== void 0 && (i.clientUserMessageId = e.clientUserMessageId?.trim() || null), e.dispatch !== void 0 && (i.dispatch = e.dispatch), e.dispatchError !== void 0 && (i.dispatchError = e.dispatchError?.trim() || null), i;
-}, bk = (e) => ({
+}, Ck = (e) => ({
 	thread: e.thread?.trim() || null,
 	threads: Array.isArray(e.threadDetails) ? e.threadDetails.flatMap((e) => {
 		let t = e.id?.trim() ?? "";
@@ -26830,7 +26954,7 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 		}] : [];
 	}) : [],
 	hasMore: e.hasMore === !0
-}), xk = async (e, t, n) => {
+}), wk = 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] : [];
@@ -26853,18 +26977,18 @@ var zO = "mesurer.codex", BO = "codex:v1", VO = "mesurer.plugin.before-disable",
 			])
 		].join("\n").trimEnd()
 	};
-}, Sk = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, Ck = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, wk = (e) => mk(e) !== null || e instanceof Error && (e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease") || e.message.includes("Mesurer Codex Bridge"));
-function Tk(e = {}) {
-	let t = e.instruction?.trim() || rk, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
+}, Tk = (e) => e.length > 16 ? `${e.slice(0, 8)}…${e.slice(-4)}` : e, Ek = (e, t = 42) => e.length > t ? `${e.slice(0, t - 1)}…` : e, Dk = (e) => _k(e) !== null || e instanceof Error && (e.message === "Codex Bridge is unavailable in this host." || e.message.includes("Codex Bridge lease") || e.message.includes("Mesurer Codex Bridge"));
+function Ok(e = {}) {
+	let t = e.instruction?.trim() || ok, n = e.ui ?? !0, r = e.clearCompletedAnnotations ?? !0;
 	return {
-		id: zO,
-		version: VD,
-		requires: [xO],
-		provides: [BO],
+		id: HO,
+		version: WD,
+		requires: [wO],
+		provides: [UO],
 		async setup(e) {
-			let i = e.service.get(xO);
+			let i = e.service.get(wO);
 			if (!i) throw Error("Mesurer Codex plugin requires context() from mesurer-solid/plugins.");
-			let a = n ? lk() : 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 = YO, _, v = "", y = null, b = a?.delivery ? {
+			let a = n ? fk() : 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 = QO, _, v = "", y = null, b = a?.delivery ? {
 				id: a.delivery.id,
 				thread: a.delivery.thread,
 				status: a.delivery.status,
@@ -26877,22 +27001,22 @@ function Tk(e = {}) {
 				if (!k) try {
 					let t = e.action === "queue" || e.action === "target" || e.action === "delivery" || e.action === "restore";
 					if (e.action === "health") {
-						let t = await hk(e);
+						let t = await vk(e);
 						return D = t.bridge?.instanceId?.trim() || null, E = Date.now(), t;
 					}
-					return (!D || t || Date.now() - E >= nk) && (D = (await hk({
+					return (!D || t || Date.now() - E >= ak) && (D = (await vk({
 						action: "health",
 						thread: u ?? l ?? void 0
-					})).bridge?.instanceId?.trim() || null, E = Date.now()), await hk({
+					})).bridge?.instanceId?.trim() || null, E = Date.now()), await vk({
 						...e,
 						bridgeInstanceId: D ?? void 0
 					});
 				} catch (e) {
 					throw E = 0, D = null, e;
 				}
-				if (e.action === "activate" || e.action === "runtime") return gk(e);
+				if (e.action === "activate" || e.action === "runtime") return yk(e);
 				if (!T) throw Error("Codex Bridge lease is not active for this plugin.");
-				return gk({
+				return yk({
 					...e,
 					leaseId: T
 				});
@@ -26900,7 +27024,7 @@ function Tk(e = {}) {
 				if (!k) return;
 				let e = T;
 				if (e) {
-					if ((await gk({
+					if ((await yk({
 						action: "deactivate",
 						leaseId: e
 					})).released !== !0) throw Error("Codex Bridge did not confirm lease release.");
@@ -26908,13 +27032,13 @@ function Tk(e = {}) {
 				}
 			};
 			if (k) {
-				let e = await gk({
+				let e = await yk({
 					action: "activate",
 					thread: u ?? l ?? void 0
 				}), t = e.leaseId?.trim();
 				if (!t) throw Error("Codex Bridge did not return an activation lease.");
-				T = t, o = "available", s = _k(e);
-				let n = vk(e);
+				T = t, o = "available", s = bk(e);
+				let n = xk(e);
 				c = !0, f = n.thread, p = n.threads;
 			}
 			e.lifecycle.onDispose(() => {
@@ -26922,12 +27046,12 @@ function Tk(e = {}) {
 					let t = e instanceof Error ? e.message : String(e);
 					console.error(`[Mesurer] Failed to release Codex host lease: ${t}`);
 				});
-			}), e.hook.on(VO, async (e) => {
+			}), e.hook.on(WO, async (e) => {
 				e === "mesurer.codex" && await j();
 			});
 			let M = async () => {
 				if (!k) return null;
-				let e = _k(await A({ action: "runtime" }));
+				let e = bk(await A({ action: "runtime" }));
 				if (!e) throw Error("Codex Bridge returned an invalid runtime state.");
 				return s = e, e;
 			}, N = async () => {
@@ -26935,8 +27059,8 @@ function Tk(e = {}) {
 					action: "health",
 					thread: u ?? l ?? void 0
 				});
-				return s = _k(e) ?? s, vk(e);
-			}, P = N, F = async (e) => yk(await A({
+				return s = bk(e) ?? s, xk(e);
+			}, P = N, F = async (e) => Sk(await A({
 				action: "delivery",
 				deliveryId: e
 			})), I = async (e) => {
@@ -26948,17 +27072,17 @@ function Tk(e = {}) {
 				};
 				if (e.queuedSubmissionId && (n.queuedSubmissionId = e.queuedSubmissionId), e.clientUserMessageId) n.clientUserMessageId = e.clientUserMessageId;
 				else if (e.annotationIds.length > 0) {
-					let r = await xk(i, { annotationIds: e.annotationIds }, t);
+					let r = await wk(i, { annotationIds: e.annotationIds }, t);
 					if (!(r.annotationIds.length === e.annotationIds.length && r.annotationIds.every((t, n) => t === e.annotationIds[n]))) throw Error("Cannot safely restore this Codex delivery because one or more saved Mesurer annotations are unavailable.");
 					n.message = r.message;
 				}
-				return yk(await A(n));
+				return Sk(await A(n));
 			}, L = async (e = {}) => {
 				let t = {
 					action: "threads",
-					limit: e.limit ?? JO
+					limit: e.limit ?? ZO
 				}, n = e.thread?.trim();
-				return n && (t.thread = n), bk(await A(t));
+				return n && (t.thread = n), Ck(await A(t));
 			}, R = () => u ?? l ?? (d ? null : f), z = () => {
 				if (!n) return;
 				let e = b?.id && (b.status === "queued" || b.status === "working" || b.status === "completed" || b.status === "interrupted" || b.status === "failed") ? {
@@ -26971,7 +27095,7 @@ function Tk(e = {}) {
 					dispatch: b.dispatch,
 					dispatchError: b.dispatchError
 				} : null;
-				uk({
+				pk({
 					version: 1,
 					originThread: l,
 					selectedThread: u,
@@ -26989,12 +27113,12 @@ function Tk(e = {}) {
 				"queueing",
 				"queued",
 				"working"
-			].includes(b.status) ? ak : b.status === "completed" ? ok : ik : ik, W = () => {
+			].includes(b.status) ? ck : b.status === "completed" ? lk : sk : sk, W = () => {
 				let e = [], t = /* @__PURE__ */ new Set(), n = (n) => {
 					t.has(n.id) || (t.add(n.id), e.push(n));
 				}, r = (e) => ({
 					id: e,
-					title: `Codex ${Sk(e)}`,
+					title: `Codex ${Tk(e)}`,
 					updatedAt: null,
 					connected: !0
 				});
@@ -27032,22 +27156,22 @@ function Tk(e = {}) {
 					let t = e.id === l ? "Current · " : e.connected ? "Loaded · " : "", r = b?.thread === e.id ? ` · ${ee(b.status)}` : "";
 					return {
 						id: `codex.thread.${e.id}`,
-						label: `${t}${Ck(e.title)}${r}`,
+						label: `${t}${Ek(e.title)}${r}`,
 						checked: () => n === e.id,
 						disabled: () => V(),
 						run() {
 							V() || (B(e.id, !l), G());
 						}
 					};
-				})), g < JO && (e.length > g || h) && r.push({
+				})), g < ZO && (e.length > g || h) && r.push({
 					id: "codex.thread.show-more",
 					label: "Show 5 more…",
 					run() {
-						g = JO, G();
+						g = ZO, G();
 					}
 				}), b?.queuedSubmissionId && b.status === "queued" && (b.dispatch === "desktop-opened" || b.dispatch === "desktop-wake-failed") && r.push({
 					id: "codex.delivery.receipt",
-					label: `Receipt · ${Sk(b.queuedSubmissionId)}`,
+					label: `Receipt · ${Tk(b.queuedSubmissionId)}`,
 					disabled: () => !0,
 					run: () => void 0
 				}), r;
@@ -27084,7 +27208,7 @@ function Tk(e = {}) {
 			}, ae = async (e) => {
 				if (o !== "available") return;
 				let t = await L({
-					limit: JO,
+					limit: ZO,
 					thread: e ?? void 0
 				});
 				m = t.threads, h = t.hasMore, p = t.threads.filter((e) => e.connected).map((e) => e.id), f = t.thread;
@@ -27096,7 +27220,7 @@ function Tk(e = {}) {
 					let t = u ?? l;
 					t && p.includes(t) ? d = !1 : p.length === 1 ? B(p[0], !0) : d = !0, !d && t && z();
 				} catch (e) {
-					throw o = "unavailable", O = k ? null : mk(e) ?? "unavailable", s = await M().catch(() => s), e;
+					throw o = "unavailable", O = k ? null : _k(e) ?? "unavailable", s = await M().catch(() => s), e;
 				} finally {
 					y = null, G();
 				}
@@ -27106,7 +27230,7 @@ function Tk(e = {}) {
 			}, se = () => {
 				S && globalThis.clearTimeout(S), S = globalThis.setTimeout(() => {
 					S = 0, b?.status === "completed" && (b = null, z(), G());
-				}, GO);
+				}, JO);
 			}, ce = async (e) => {
 				if (!(!b || b.id !== e.id)) {
 					if (b = {
@@ -27135,7 +27259,7 @@ function Tk(e = {}) {
 							if (t || n.length > 0) {
 								z(), G(), x = globalThis.setTimeout(() => {
 									x = 0, le(e.id);
-								}, UO);
+								}, KO);
 								return;
 							}
 						}
@@ -27145,14 +27269,14 @@ function Tk(e = {}) {
 					if (e.status === "interrupted") {
 						z(), G();
 						let t = e.updatedAt > 0 ? e.updatedAt : Date.now();
-						Date.now() - t < qO && (x = globalThis.setTimeout(() => {
+						Date.now() - t < XO && (x = globalThis.setTimeout(() => {
 							x = 0, le(e.id);
-						}, KO));
+						}, YO));
 						return;
 					}
 					G(), x = globalThis.setTimeout(() => {
 						x = 0, le(e.id);
-					}, WO);
+					}, qO);
 				}
 			}, le = async (e) => {
 				if (!(w || b?.id !== e)) try {
@@ -27176,7 +27300,7 @@ function Tk(e = {}) {
 					b = {
 						...b,
 						status: "failed"
-					}, z(), wk(n) && (o = "unavailable"), G();
+					}, z(), Dk(n) && (o = "unavailable"), G();
 				}
 			}, ue = {
 				health: N,
@@ -27188,11 +27312,11 @@ function Tk(e = {}) {
 					let n = await A({
 						action: "target",
 						thread: t
-					}), r = vk(n);
-					return s = _k(n) ?? s, B(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, G(), r;
+					}), r = xk(n);
+					return s = bk(n) ?? s, B(t, !l), f = r.thread, p = r.threads, o = "available", c = !0, G(), r;
 				},
 				async queue(e) {
-					let r = await xk(i, e, t), a = e?.thread?.trim(), s = a || (n ? R() : null);
+					let r = await wk(i, e, t), a = e?.thread?.trim(), s = a || (n ? R() : null);
 					if (n && !a && (d || !s)) throw Error("Choose a Codex thread before queueing feedback.");
 					let c = { message: r.message };
 					s && (c.thread = s);
@@ -27212,14 +27336,14 @@ function Tk(e = {}) {
 						};
 						return e.queuedSubmissionId !== void 0 && (n.queuedSubmissionId = e.queuedSubmissionId?.trim() || null), e.clientUserMessageId !== void 0 && (n.clientUserMessageId = e.clientUserMessageId?.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 && wk(e) && (o = "unavailable", O = k ? null : mk(e) ?? "unavailable", G()), e;
+						throw n && Dk(e) && (o = "unavailable", O = k ? null : _k(e) ?? "unavailable", G()), e;
 					}
 				},
 				send(e) {
 					return ue.queue(e);
 				}
 			};
-			e.service.provide(BO, ue);
+			e.service.provide(UO, ue);
 			let de = async () => {
 				if (!(C || V())) {
 					if (b?.status === "failed" && b.id) {
@@ -27257,9 +27381,9 @@ function Tk(e = {}) {
 								updatedAt: 0
 							}) : x = globalThis.setTimeout(() => {
 								x = 0, le(e.deliveryId);
-							}, UO) : S = globalThis.setTimeout(() => {
+							}, KO) : S = globalThis.setTimeout(() => {
 								S = 0, b?.id === null && b?.status === "queued" && (b = null, z(), G());
-							}, GO);
+							}, JO);
 						} catch (e) {
 							b = null, z(), G();
 							let t = e instanceof Error ? e.message : String(e);
@@ -27288,7 +27412,7 @@ function Tk(e = {}) {
 				}, 0));
 				let t = globalThis.setInterval(() => {
 					k && !c || te(!0).catch(() => void 0);
-				}, k ? HO : nk);
+				}, k ? GO : ak);
 				e.lifecycle.onDispose(() => {
 					w = !0, oe(), globalThis.clearInterval(t), _?.dispose(), _ = void 0;
 				});
@@ -27298,64 +27422,64 @@ function Tk(e = {}) {
 }
 //#endregion
 //#region src/recording.ts
-var Ek = uE, Dk = (e = {}) => ({
-	...jE(e),
-	version: VD
-}), Ok = WE, kk = (e = {}) => ({
-	...uD(e),
-	version: VD
-}), Ak = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, jk = [
+var kk = pE, Ak = (e = {}) => ({
+	...PE(e),
+	version: WD
+}), jk = qE, Mk = (e = {}) => ({
+	...pD(e),
+	version: WD
+}), Nk = () => globalThis.window?.__MESURER_HOST__?.codexBridge !== void 0, Pk = [
 	{
-		id: bO,
+		id: CO,
 		label: "Context",
 		order: 30,
-		create: jO,
+		create: PO,
 		settingsIds: ["context"],
 		hiddenSettingsControlIds: ["ui"]
 	},
 	{
-		id: HD,
+		id: GD,
 		label: "Edit",
 		order: 35,
-		create: WD,
+		create: qD,
 		settingsIds: ["arrange"]
 	},
 	{
-		id: _O,
+		id: bO,
 		label: "Layout Guides",
 		order: 38,
-		create: yO
+		create: SO
 	},
 	{
-		id: Ok,
+		id: jk,
 		label: "Screenshot",
 		order: 40,
-		create: kk,
+		create: Mk,
 		settingsIds: ["screenshot"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: Ek,
+		id: kk,
 		label: "Recording",
 		order: 42,
-		create: Dk,
+		create: Ak,
 		settingsIds: ["recording"],
 		hiddenSettingsControlIds: ["tool"]
 	},
 	{
-		id: zO,
+		id: HO,
 		label: "Codex",
 		order: 45,
-		create: Tk
+		create: Ok
 	}
-], Mk = (e) => {
-	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(jk.map((e) => e.id)), i = jk.map((e) => {
+], Fk = (e) => {
+	let t = e !== void 0, n = new Map((e ?? []).map((e) => [e.id, e])), r = new Set(Pk.map((e) => e.id)), i = Pk.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" ? Ak() : e.enabled !== !1,
+			enabled: t ? !!r : e.id === "mesurer.codex" ? Nk() : e.enabled !== !1,
 			create: r ? () => r : e.create
 		};
 	});
@@ -27366,16 +27490,16 @@ var Ek = uE, Dk = (e = {}) => ({
 		create: () => n
 	});
 	return i;
-}, Nk = (e) => e;
-function Pk() {
-	return tO();
+}, Ik = (e) => e;
+function Lk() {
+	return iO();
 }
-async function Fk(e = {}) {
-	return nO(e);
+async function Rk(e = {}) {
+	return aO(e);
 }
 //#endregion
 //#region src/index.tsx
-var Ik = {
+var zk = {
 	select: "select",
 	xray: "xray",
 	colorPicker: "color-picker",
@@ -27386,7 +27510,7 @@ var Ik = {
 	distance: "distance",
 	settings: "settings"
 };
-function Lk(e = {}) {
+function Bk(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");
@@ -27479,7 +27603,7 @@ function Lk(e = {}) {
 	} catch {}
 	let h = p.createElement("div");
 	h.dataset.mesurerIsland = "true";
-	let g = RO(h, t, i), _ = h, v = h, y = h;
+	let g = VO(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;
@@ -27490,7 +27614,7 @@ function Lk(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 = BD({
+	let k = async () => (await (b ? Promise.resolve(b) : D), O), A = a === !0 ? {} : a === !1 ? null : a, j = UD({
 		ownerDocument: p,
 		root: A?.root ?? (t.nodeType === 11 ? t : p),
 		getPluginHost: () => b,
@@ -27502,12 +27626,12 @@ function Lk(e = {}) {
 		return t;
 	}, N = async () => {
 		await j.ready();
-		let e = b?.service.get(xO);
+		let e = b?.service.get(wO);
 		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(GD);
+		let e = b?.service.get(JD);
 		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), ee = async () => (await N()).prepareCapture(), H = async () => (await N()).finishCapture(), U = async () => (await P()).intents(), W = async (e) => {
@@ -27518,7 +27642,7 @@ function Lk(e = {}) {
 		(await P()).show(e, t);
 	}, ne = async (e, t) => (await P()).capturePlan(e, t), re = async (e, t) => (await P()).review(e, t), ie = () => j.textEdits(), G = (e) => j.textEdit(e), ae = Object.assign(j, {
 		capabilities: () => {
-			let e = !!b?.service.get(xO);
+			let e = !!b?.service.get(wO);
 			return {
 				protocol: "mesurer.agent/v1",
 				contextSchema: "mesurer.context/v1",
@@ -27528,8 +27652,8 @@ function Lk(e = {}) {
 					annotations: e,
 					review: e,
 					capturePlan: e,
-					arrange: !!b?.service.get(GD),
-					textEdit: !!b?.service.get(RD)
+					arrange: !!b?.service.get(JD),
+					textEdit: !!b?.service.get(VD)
 				}
 			};
 		},
@@ -27548,10 +27672,10 @@ function Lk(e = {}) {
 		reviewArrange: re
 	}), oe = {
 		...f,
-		version: VD,
-		plugins: Mk(l),
-		excludePlugins: u ? u.map((e) => Ik[e]) : [...d ?? []]
-	}, se = No(() => yo(KC, oo(oe, {
+		version: WD,
+		plugins: Fk(l),
+		excludePlugins: u ? u.map((e) => zk[e]) : [...d ?? []]
+	}, se = No(() => yo(YC, oo(oe, {
 		portalTarget: y,
 		pageTarget: t,
 		onPluginHost: (e) => {
@@ -27619,6 +27743,6 @@ function Lk(e = {}) {
 	}
 	return he;
 }
-var Rk = Lk;
+var Vk = Bk;
 //#endregion
-export { RD as MESURER_TEXT_EDIT_SERVICE_ID, VD as MESURER_VERSION, sO as captureMesurerContext, gO as copyTextToClipboard, BD as createMesurerAgentHarness, dO as createMesurerCapturePlan, Pk as createMesurerPluginHost, Fk as createMesurerRuntime, Nk as defineMesurerPlugin, uO as formatMesurerContext, Rk as mountMeasurer, Lk as mountMesurer, hO as reviewMesurerAnnotation };
+export { VD as MESURER_TEXT_EDIT_SERVICE_ID, WD as MESURER_VERSION, uO as captureMesurerContext, yO as copyTextToClipboard, UD as createMesurerAgentHarness, mO as createMesurerCapturePlan, Lk as createMesurerPluginHost, Rk as createMesurerRuntime, Ik as defineMesurerPlugin, pO as formatMesurerContext, Vk as mountMeasurer, Bk as mountMesurer, vO as reviewMesurerAnnotation };