@flemo/devtools 0.7.0 → 0.8.0

package/dist/index.mjs

@@ -174,7 +174,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 }), oe = (e) => e.some((e) => {
 	let t = e.getAttribute(m);
 	return t !== null && L.has(t);
-}), se = (e) => `${e.transform}/${e.opacity}`, ce = (e, t, n) => {
+}), R = (e) => `${e.transform}/${e.opacity}`, se = (e, t, n) => {
 	e.releasedFrames += 1;
 	let r = !1, i = !1;
 	for (let n of t) {
@@ -188,7 +188,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			}
 		}
 		let a = n.style;
-		a && a.animation !== "" && e.lastPose.get(n) !== se(a) && (r = !0);
+		a && a.animation !== "" && e.lastPose.get(n) !== R(a) && (r = !0);
 	}
 	if (!(e.releasedFrames < re)) {
 		if (r) {
@@ -201,17 +201,17 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		}
 		e.stalledFrames += 1, e.stallRunMs += n, e.stallRunMs > e.longestStallMs && (e.longestStallMs = e.stallRunMs);
 	}
-}, R = (e, t) => {
+}, z = (e, t) => {
 	let n = t.style;
 	if (!n || n.animation === "") return;
 	e.evidence.inlineSuppression = !0;
-	let r = se(n), i = e.lastPose.get(t);
+	let r = R(n), i = e.lastPose.get(t);
 	i !== void 0 && i !== r && (e.evidence.inlineAdvance = !0), e.lastPose.set(t, r);
-}, le = (e, t) => {
+}, B = (e, t) => {
 	for (let n of t) {
 		let t = n.getAnimations, r = e.clocks.get(n);
 		if (r !== void 0 && r.playState !== "finished") {
-			r.playState === "running" && (e.evidence.compiledAnimation = !0), R(e, n);
+			r.playState === "running" && (e.evidence.compiledAnimation = !0), z(e, n);
 			continue;
 		}
 		if (typeof t == "function") try {
@@ -220,40 +220,40 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 				typeof t == "string" && t.startsWith("flemo-") && (e.clocks.set(n, r), r.playState === "running" && (e.evidence.compiledAnimation = !0));
 			}
 		} catch {}
-		R(e, n);
+		z(e, n);
 	}
-}, ue = (e) => ({
+}, ce = (e) => ({
 	sampledFrames: e.releasedFrames,
 	stalledFrames: e.stalledFrames,
 	longestStallMs: ie(e.longestStallMs),
 	pausedAfterRelease: e.pausedAfterRelease,
 	holdReassertedAtMs: e.holdReassertedAtMs,
 	tailFrames: e.tailFrames
-}), z = 200, de = (e) => {
+}), V = 200, H = (e) => {
 	let t = [];
 	for (let n of e) for (let e of Array.from(n.querySelectorAll("img"))) t.push(e);
 	return t;
-}, fe = (e) => {
-	let t = new Set(de(e).filter((e) => !e.complete));
+}, le = (e) => {
+	let t = new Set(H(e).filter((e) => !e.complete));
 	return {
 		tracked: t,
 		loadingAtStart: t.size,
 		addedDuringFlight: 0,
 		held: /* @__PURE__ */ new Set()
 	};
-}, pe = (e, t, n) => {
-	if (!(e.tracked.size >= z)) for (let r of Array.from(n)) {
+}, ue = (e, t, n) => {
+	if (!(e.tracked.size >= V)) for (let r of Array.from(n)) {
 		if (!(r instanceof Element) || !t.some((e) => e === r || e.contains(r))) continue;
 		let n = r instanceof HTMLImageElement ? [r] : Array.from(r.querySelectorAll("img"));
 		for (let t of n) if (!(t.complete || e.tracked.has(t))) {
-			if (e.tracked.size >= z) return;
+			if (e.tracked.size >= V) return;
 			e.tracked.add(t), e.addedDuringFlight += 1;
 		}
 	}
-}, me = (e, t) => {
+}, de = (e, t) => {
 	for (let n of t) for (let t of Array.from(n.querySelectorAll(`img[${h}]`))) e.held.add(t);
 	for (let t of e.tracked) t.hasAttribute("data-flemo-img-hold") && e.held.add(t);
-}, he = (e) => {
+}, fe = (e) => {
 	let t = 0, n = 0;
 	for (let r of e.tracked) r.complete && (t += 1, e.held.has(r) || (n += 1));
 	return {
@@ -263,12 +263,12 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		heldDuringFlight: e.held.size,
 		completedUnheld: n
 	};
-}, ge = [
+}, pe = [
 	"DevTools must be CLOSED while judging motion. An open inspector serializes requests and repaints its own panels on the same machine; the 2026-08 campaign's entire residual 'stutter' was this, and it is invisible to every in-page metric.",
 	"No screen recording or display capture while judging. A capture client forces WindowServer to composite every vsync, which SUPPRESSES the symptom — a capture that looks smooth proves nothing about the uncaptured session.",
 	"Judge with real input (a finger, a mouse). Synthetic dispatch — evaluate().click() and friends — never fires pointerdown, so it bypasses the swipe/gesture machinery that a real navigation goes through.",
 	"Establish the viewing configuration before believing any verdict: device emulation off, which physical display, its refresh rate and HiDPI scaling, Low Power Mode. Ask for a photo of the setup if it is not certain."
-], B = (e) => Math.round(e * 10) / 10, V = (e) => {
+], U = (e) => Math.round(e * 10) / 10, me = (e) => {
 	if (e.length === 0) return {
 		count: 0,
 		medianGapMs: 0,
@@ -278,11 +278,11 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	let t = [...e].sort((e, t) => e - t);
 	return {
 		count: e.length,
-		medianGapMs: B(t[Math.floor(t.length / 2)]),
-		maxGapMs: B(t[t.length - 1]),
+		medianGapMs: U(t[Math.floor(t.length / 2)]),
+		maxGapMs: U(t[t.length - 1]),
 		over30Count: e.filter((e) => e >= 30).length
 	};
-}, _e = (e, t = []) => {
+}, he = (e, t = []) => {
 	let n = [...e, ...t];
 	return {
 		...n.length === 0 ? {
@@ -293,18 +293,18 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			let e = [...n].sort((e, t) => e - t);
 			return {
 				count: n.length,
-				medianGapMs: B(e[Math.floor(e.length / 2)]),
-				maxGapMs: B(e[e.length - 1])
+				medianGapMs: U(e[Math.floor(e.length / 2)]),
+				maxGapMs: U(e[e.length - 1])
 			};
 		})(),
-		longGaps: n.filter((e) => e >= 30).map(B),
-		held: V(e),
-		released: V(t)
+		longGaps: n.filter((e) => e >= 30).map(U),
+		held: me(e),
+		released: me(t)
 	};
-}, ve = (e) => {
+}, ge = (e) => {
 	let t = e.inlineSuppression || e.inlineAdvance;
 	return t && e.compiledAnimation ? "mixed" : t ? "inline" : e.compiledAnimation ? "compiled" : "unknown";
-}, ye = (e) => e === "PUSHING" ? "PUSH" : e === "POPPING" ? "POP" : e === "REPLACING" ? "REPLACE" : null, H = (e) => {
+}, _e = (e) => e === "PUSHING" ? "PUSH" : e === "POPPING" ? "POP" : e === "REPLACING" ? "REPLACE" : null, ve = (e) => {
 	let t = /^matrix3d\(([^)]+)\)$/.exec(e.trim());
 	if (t) {
 		let e = t[1].split(",").map((e) => Number(e.trim()));
@@ -316,7 +316,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		return e.length === 6 && Number.isFinite(e[4]) ? e[4] : null;
 	}
 	return null;
-}, U = (e) => {
+}, W = (e) => {
 	if (e) return [];
 	let t = [];
 	for (let [e, n] of [[h, "image reveal hold"], [g, "arrival hold"]]) {
@@ -324,7 +324,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		r > 0 && t.push(`${r} × ${n} (${e}) still marked at rest`);
 	}
 	return t;
-}, be = (e, t) => {
+}, ye = (e, t) => {
 	let n = [], r = !1, i = window.visualViewport?.width ?? window.innerWidth ?? 0;
 	return e.forEach((e, t) => {
 		if (!(e instanceof HTMLElement) || !e.isConnected) return;
@@ -336,27 +336,27 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		if (o === "none") return;
 		let s = e.getAttribute(p) === "true", c = `screen[${t}]${s ? " (active)" : ""}`;
 		if (e.style.transform !== "" && e.style.transform !== "none" && n.push(`${c} transform=${e.style.transform}`), e.style.opacity !== "" && e.style.opacity !== "1" && n.push(`${c} opacity=${e.style.opacity}`), s && e.getAttribute("data-flemo-status") === "COMPLETED" && i > 0) {
-			let e = H(a);
+			let e = ve(a);
 			e !== null && Math.abs(e) >= i * .5 && (r = !0);
 		}
 	}), {
 		residualInlineTransforms: n,
 		offViewportAtRest: r,
-		orphanedHolds: U(t)
+		orphanedHolds: W(t)
 	};
-}, xe = E.map((e) => `[${b}="${e}"]`).join(","), Se = A(d), Ce = (e) => Math.round(e * 10) / 10, we = (e) => {
+}, be = E.map((e) => `[${b}="${e}"]`).join(","), xe = A(d), Se = (e) => Math.round(e * 10) / 10, Ce = (e) => {
 	let t = e.getAttribute(x);
 	return t === null || t === "" ? null : t;
-}, Te = (e) => {
+}, we = (e) => {
 	let t = e.getAttribute(b);
 	return t !== null && E.includes(t);
-}, Ee = () => {
+}, Te = () => {
 	try {
 		return document.querySelector("style[data-flemo-morph-sheet]")?.sheet?.cssRules.length ?? 0;
 	} catch {
 		return 0;
 	}
-}, De = (e) => {
+}, Ee = (e) => {
 	let t = {
 		registered: 0,
 		pairable: /* @__PURE__ */ new Set(),
@@ -366,17 +366,17 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		ghosts: 0,
 		ghostBornAt: /* @__PURE__ */ new Map(),
 		shortestGhostLifeMs: null,
-		sheetRulesAtStart: Ee()
+		sheetRulesAtStart: Te()
 	}, n = new Set(e), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e of Array.from(document.querySelectorAll(A(b)))) {
 		t.registered += 1;
-		let a = we(e);
+		let a = Ce(e);
 		if (a === null) continue;
-		if (Te(e)) {
+		if (we(e)) {
 			t.flew.add(a);
 			continue;
 		}
-		let o = e.closest(Se);
+		let o = e.closest(xe);
 		if (o !== null && !n.has(o)) continue;
 		let s = o, c = r.get(a);
 		c || r.set(a, c = /* @__PURE__ */ new Set()), c.add(s);
@@ -389,27 +389,27 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		r && [...r.values()].some((e) => e > 1) && t.duplicated.add(e);
 	}
 	return t;
-}, Oe = (e, t) => {
-	if (t.hasAttribute("data-flemo-morph-camera") && (e.camera = !0), !Te(t)) return;
-	let n = we(t);
+}, De = (e, t) => {
+	if (t.hasAttribute("data-flemo-morph-camera") && (e.camera = !0), !we(t)) return;
+	let n = Ce(t);
 	n !== null && e.flew.add(n);
-}, ke = (e, t, n) => {
-	for (let r of Array.from(t.addedNodes)) if (r instanceof Element) for (let t of Ae(r)) e.ghostBornAt.has(t) || (e.ghosts += 1, e.ghostBornAt.set(t, n));
-	for (let r of Array.from(t.removedNodes)) if (r instanceof Element) for (let t of Ae(r)) {
+}, Oe = (e, t, n) => {
+	for (let r of Array.from(t.addedNodes)) if (r instanceof Element) for (let t of ke(r)) e.ghostBornAt.has(t) || (e.ghosts += 1, e.ghostBornAt.set(t, n));
+	for (let r of Array.from(t.removedNodes)) if (r instanceof Element) for (let t of ke(r)) {
 		let r = e.ghostBornAt.get(t);
 		if (r === void 0) continue;
 		e.ghostBornAt.delete(t);
 		let i = n - r;
 		(e.shortestGhostLifeMs === null || i < e.shortestGhostLifeMs) && (e.shortestGhostLifeMs = i);
 	}
-}, Ae = (e) => [...e.hasAttribute("data-flemo-morph-ghost") ? [e] : [], ...Array.from(e.querySelectorAll(A(w)))], je = (e) => {
+}, ke = (e) => [...e.hasAttribute("data-flemo-morph-ghost") ? [e] : [], ...Array.from(e.querySelectorAll(A(w)))], Ae = (e) => {
 	let t = e.shortestGhostLifeMs;
 	return t === null || t >= 34 ? [] : [{
 		kind: "ghost-cut",
-		atMs: Ce(t),
-		detail: `a morph ghost was removed ${Ce(t)}ms after it was created (under one frame) — the departing content it stands for was never presented; this is the first-frame blade signature`
+		atMs: Se(t),
+		detail: `a morph ghost was removed ${Se(t)}ms after it was created (under one frame) — the departing content it stands for was never presented; this is the first-frame blade signature`
 	}];
-}, Me = (e, t) => {
+}, je = (e, t) => {
 	let n = [...e.pairable].sort(), r = [...e.flew].sort(), i = new Set(r), a = t ? {
 		strandedRoles: 0,
 		strandedStandIns: 0,
@@ -417,11 +417,11 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		layerResidue: 0,
 		leaked: 0
 	} : {
-		strandedRoles: document.querySelectorAll(xe).length,
+		strandedRoles: document.querySelectorAll(be).length,
 		strandedStandIns: document.querySelectorAll(A(C)).length,
 		strandedGhosts: document.querySelectorAll(A(w)).length,
 		layerResidue: Array.from(document.querySelectorAll(A(S))).reduce((e, t) => e + t.childElementCount, 0),
-		leaked: Math.max(0, Ee() - e.sheetRulesAtStart)
+		leaked: Math.max(0, Te() - e.sheetRulesAtStart)
 	};
 	return {
 		registered: e.registered,
@@ -437,21 +437,19 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		layerResidue: a.layerResidue,
 		duplicatedKeys: [...e.duplicated].sort()
 	};
-}, Ne = "flemo:devtools-panel-height", Pe = [{
-	key: "flemo:devtools",
-	storage: "session",
-	kind: "opt-in-diagnostic",
-	values: "\"on\" / \"off\"",
-	fallback: "off",
-	effect: "arms this flight recorder in the playground (?devtools=on)"
-}, {
-	key: Ne,
+}, Me = "flemo:devtools-panel-height", Ne = [{
+	key: Me,
 	storage: "session",
 	kind: "production-state",
 	values: "a pixel height",
 	fallback: "(the panel's default height)",
 	effect: "the drawer height this panel was last dragged to"
-}], Fe = [], Ie = [...Fe, ...Pe], W = [
+}], Pe = [], Fe = [...Pe, ...Ne], G = [
+	{
+		key: "flemo:devtools",
+		storage: "session",
+		retiredWith: "the playground's opt-in. `<FlemoDevtools />` mounts unconditionally and a production build resolves it to the inert entry, so there is nothing to arm (2026-09-07)"
+	},
 	{
 		key: "flemo:sixty",
 		storage: "session",
@@ -572,53 +570,53 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		storage: "session",
 		retiredWith: "the Low Power Mode release-latency probe (2026-08-22)"
 	}
-], Le = "(retired — the library no longer reads this)", Re = (e) => {
+], Ie = "(retired — the library no longer reads this)", Le = (e) => {
 	try {
 		let t = e === "session" ? sessionStorage : localStorage;
 		return t.length, t;
 	} catch {
 		return null;
 	}
-}, ze = (e, t) => {
+}, Re = (e, t) => {
 	try {
 		return e ? e.getItem(t) : null;
 	} catch {
 		return null;
 	}
-}, Be = new Set(Ie.map((e) => e.key)), Ve = new Set(W.map((e) => e.key)), He = () => {
-	let e = {}, t = Re("session"), n = Re("local");
-	for (let r of Ie) {
-		let i = ze(r.storage === "session" ? t : n, r.key);
+}, ze = new Set(Fe.map((e) => e.key)), Be = new Set(G.map((e) => e.key)), Ve = () => {
+	let e = {}, t = Le("session"), n = Le("local");
+	for (let r of Fe) {
+		let i = Re(r.storage === "session" ? t : n, r.key);
 		i !== null && (e[r.key] = i);
 	}
-	for (let r of W) for (let [i, a] of [[t, "sessionStorage"], [n, "localStorage"]]) {
-		let t = ze(i, r.key);
-		t !== null && (e[`${r.key} (${a}) ${Le}`] = t);
+	for (let r of G) for (let [i, a] of [[t, "sessionStorage"], [n, "localStorage"]]) {
+		let t = Re(i, r.key);
+		t !== null && (e[`${r.key} (${a}) ${Ie}`] = t);
 	}
 	for (let [r, i] of [[t, "sessionStorage"], [n, "localStorage"]]) if (r) try {
 		for (let t = 0; t < r.length; t += 1) {
 			let n = r.key(t);
-			!n || !n.startsWith("flemo:") || Be.has(n) || Ve.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
+			!n || !n.startsWith("flemo:") || ze.has(n) || Be.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
 		}
 	} catch {}
 	return e;
-}, Ue = (e) => {
+}, He = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) if (n.includes("(retired — the library no longer reads this)")) {
-		let e = n.slice(0, n.indexOf(" (")), i = W.find((t) => t.key === e);
+		let e = n.slice(0, n.indexOf(" (")), i = G.find((t) => t.key === e);
 		t.push(`${n}=${r} — RETIRED residue: this key went with ${i?.retiredWith ?? "a removed feature"}. The library never reads it, so it cannot explain anything you are seeing. Safe to delete; it is listed only so it does not read as an unexplained lead.`);
 		continue;
 	}
 	return t;
-}, We = "flemo:devtools-trace", Ge = () => {
+}, Ue = "flemo:devtools-trace", We = () => {
 	try {
 		let e = sessionStorage;
 		return e.length, e;
 	} catch {
 		return null;
 	}
-}, Ke = (e, t) => {
-	let n = Ge();
+}, Ge = (e, t) => {
+	let n = We();
 	if (!n) return;
 	let r = e.slice(-10);
 	for (; r.length > 0;) {
@@ -629,23 +627,23 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		});
 		if (e.length <= 64e3) {
 			try {
-				n.setItem(We, e);
+				n.setItem(Ue, e);
 			} catch {}
 			return;
 		}
 		r = r.slice(1);
 	}
-	qe();
-}, qe = () => {
+	Ke();
+}, Ke = () => {
 	try {
-		Ge()?.removeItem(We);
+		We()?.removeItem(Ue);
 	} catch {}
-}, Je = (e) => {
-	let t = Ge();
+}, qe = (e) => {
+	let t = We();
 	if (!t) return null;
 	let n = null;
 	try {
-		n = t.getItem(We);
+		n = t.getItem(Ue);
 	} catch {
 		return null;
 	}
@@ -654,14 +652,14 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	try {
 		r = JSON.parse(n);
 	} catch {
-		return qe(), null;
+		return Ke(), null;
 	}
-	return !r || r.version !== e || !Array.isArray(r.flights) ? (qe(), null) : {
+	return !r || r.version !== e || !Array.isArray(r.flights) ? (Ke(), null) : {
 		savedAt: typeof r.savedAt == "string" ? r.savedAt : "",
 		flights: r.flights,
 		note: "These flights were recorded by the page instance BEFORE the last full load. They are kept apart from the live ones because they may have come from a different build."
 	};
-}, Ye = 12, Xe = 20, Ze = 40, Qe = 500, $e = 200, et = (e) => {
+}, Je = 12, Ye = 20, Xe = 40, Ze = 500, Qe = 200, $e = (e) => {
 	let t = e.rafCadence.medianGapMs;
 	if (t === null) return {
 		id: "display-cadence",
@@ -669,17 +667,17 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		detail: "the idle frame cadence could not be sampled, so the display's rate is unknown"
 	};
 	let n = { medianIdleFrameMs: t };
-	return t < Ye ? {
+	return t < Je ? {
 		id: "display-cadence",
 		status: "ok",
 		detail: `idle frames arrive every ${t}ms — a display above 60Hz. Frame budgets in this report are still quoted against 60Hz (a gap of 30ms or more)`,
 		metrics: n
-	} : t <= Xe ? {
+	} : t <= Ye ? {
 		id: "display-cadence",
 		status: "ok",
 		detail: `idle frames arrive every ${t}ms — a 60Hz clock`,
 		metrics: n
-	} : t <= Ze ? {
+	} : t <= Xe ? {
 		id: "display-cadence",
 		status: "violated",
 		detail: `idle frames arrive every ${t}ms — the page is being served roughly HALF rate. On iOS this is Low Power Mode, whose main-thread ceiling is ~30Hz while the compositor keeps 60: motion judged here is judged against a clock no transition can beat, and the ceiling is not a library defect. Turn it off, or judge elsewhere`,
@@ -690,7 +688,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		detail: `idle frames arrive every ${t}ms — the page is barely being served frames at all while idle. Something outside the transition owns this machine; no motion verdict taken here means anything`,
 		metrics: n
 	};
-}, tt = (e) => {
+}, et = (e) => {
 	if (!e.environment.observation.longTasks) return {
 		id: "machine-idle",
 		status: "unknown",
@@ -701,7 +699,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		idleLongTaskMs: n,
 		worstIdleTaskMs: r
 	};
-	return n >= Qe || r >= $e ? {
+	return n >= Ze || r >= Qe ? {
 		id: "machine-idle",
 		status: "violated",
 		detail: `${t} long task(s) totalling ${n}ms ran while NO navigation was in flight (worst ${r}ms). Something else on this page or this machine was busy, and a motion verdict taken under someone else's load measures the load. A whole tremble campaign was invalidated by exactly this, with a build running in another window`,
@@ -712,7 +710,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		detail: `${t} idle long task(s), ${n}ms total — the page was quiet between navigations`,
 		metrics: i
 	};
-}, nt = (e) => {
+}, tt = (e) => {
 	let { trusted: t, synthetic: n, pointerTypes: r } = e.input;
 	return n > 0 ? {
 		id: "real-input",
@@ -739,7 +737,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			synthetic: n
 		}
 	};
-}, rt = (e) => e.input.pointerTypes.includes("touch") ? {
+}, nt = (e) => e.input.pointerTypes.includes("touch") ? {
 	id: "touch-path",
 	status: "ok",
 	detail: "at least one navigation was driven by touch"
@@ -751,7 +749,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	id: "touch-path",
 	status: "unknown",
 	detail: "no touch-driven navigation was recorded on a touch-capable device. The swipe and pointer-capture paths are only reached by a finger; a build that had broken them outright once passed every automated layer green because every probe used a mouse"
-}, it = [
+}, rt = [
 	{
 		id: "devtools-closed",
 		status: "unknown",
@@ -767,7 +765,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		status: "unknown",
 		detail: "which physical display this window is on, its refresh rate and scaling, cannot be read from the page. Establish it with the user before believing any verdict"
 	}
-], at = (e) => {
+], it = (e) => {
 	let { environment: t } = e, n = [];
 	return n.push(t.emulationSuspected ? {
 		id: "device-emulation",
@@ -777,7 +775,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		id: "device-emulation",
 		status: "ok",
 		detail: "no device-emulation signature on this session"
-	}), n.push(et(t)), n.push(e.documentHidden || e.wentHidden ? {
+	}), n.push($e(t)), n.push(e.documentHidden || e.wentHidden ? {
 		id: "page-foreground",
 		status: "violated",
 		detail: e.documentHidden ? "this document is HIDDEN right now — a backgrounded page is throttled to a fraction of its frames" : "this document was hidden at least once while recording; any flight that ran then was throttled"
@@ -785,7 +783,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		id: "page-foreground",
 		status: "ok",
 		detail: "the document stayed visible throughout"
-	}), n.push(tt(e)), n.push(t.developmentHints.length > 0 ? {
+	}), n.push(et(e)), n.push(t.developmentHints.length > 0 ? {
 		id: "build-mode",
 		status: "violated",
 		detail: `development-server globals are present (${t.developmentHints.join(", ")}). A development build is a different program: unminified, double-invoking, and hot-reload instrumented. A day of ladder measurements once turned out to be measuring the build itself`
@@ -793,7 +791,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		id: "build-mode",
 		status: "unknown",
 		detail: "no development-server global was found. That is consistent with a production build but does not prove one — confirm how this page was built"
-	}), n.push(nt(e)), n.push(rt(e)), n.push(t.reducedMotion ? {
+	}), n.push(tt(e)), n.push(nt(e)), n.push(t.reducedMotion ? {
 		id: "reduced-motion",
 		status: "violated",
 		detail: "this session prefers reduced motion, so the transitions under test are being suppressed or shortened. Whatever is on screen is not the motion being judged"
@@ -801,8 +799,8 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		id: "reduced-motion",
 		status: "ok",
 		detail: "reduced motion is not requested"
-	}), [...n, ...it];
-}, ot = 2e3, st = 40, ct = (e) => Math.round(e * 10) / 10, lt = (e) => typeof e.animationName == "string" && e.animationName.startsWith("flemo-"), ut = (e) => e instanceof Element ? `<${e.tagName.toLowerCase()}>${e.getAttribute("data-flemo-screen") === null ? "" : " (screen)"}` : "an unidentified node", dt = (e) => {
+	}), [...n, ...rt];
+}, at = 2e3, ot = 40, st = (e) => Math.round(e * 10) / 10, ct = (e) => typeof e.animationName == "string" && e.animationName.startsWith("flemo-"), lt = (e) => e instanceof Element ? `<${e.tagName.toLowerCase()}>${e.getAttribute("data-flemo-screen") === null ? "" : " (screen)"}` : "an unidentified node", ut = (e) => {
 	if (typeof document > "u") return {
 		detach: () => {},
 		sawAnimationEvent: () => !1,
@@ -813,18 +811,18 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		})
 	};
 	let t = [], n = !1, r = (t) => {
-		lt(t) && (n = !0, e.onAnimationStart(performance.now()));
+		ct(t) && (n = !0, e.onAnimationStart(performance.now()));
 	}, i = (t) => {
-		lt(t) && (n = !0, e.onHit({
+		ct(t) && (n = !0, e.onHit({
 			kind: "animation-cancel",
 			atMs: performance.now(),
-			detail: `${t.animationName} was CANCELLED on ${ut(t.target)} — the element was re-parented, re-styled or removed mid-flight. A cancelled animation loses its start time, and whatever restarts it is free to overwrite the authored delay`
+			detail: `${t.animationName} was CANCELLED on ${lt(t.target)} — the element was re-parented, re-styled or removed mid-flight. A cancelled animation loses its start time, and whatever restarts it is free to overwrite the authored delay`
 		}));
 	}, a = (t) => {
-		lt(t) && (n = !0, t.elapsedTime === 0 && e.onHit({
+		ct(t) && (n = !0, t.elapsedTime === 0 && e.onHit({
 			kind: "zero-length-animation-end",
 			atMs: performance.now(),
-			detail: `${t.animationName} reported animationend with elapsedTime 0 on ${ut(t.target)} — the animation ended without ever running. Anything landing on this event lands before the motion it was waiting for`
+			detail: `${t.animationName} reported animationend with elapsedTime 0 on ${lt(t.target)} — the animation ended without ever running. Anything landing on this event lands before the motion it was waiting for`
 		}));
 	}, o = (e) => {
 		let n = e.pointerType ?? "";
@@ -832,7 +830,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			atMs: performance.now(),
 			trusted: e.isTrusted === !0,
 			pointerType: n === "" ? e.type : n
-		}), t.length > st && t.splice(0, t.length - st);
+		}), t.length > ot && t.splice(0, t.length - ot);
 	}, s = {
 		capture: !0,
 		passive: !0
@@ -843,7 +841,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		},
 		sawAnimationEvent: () => n,
 		inputBetween: (e, n) => {
-			let r = e - ot, i = t.filter((e) => e.atMs >= r && e.atMs <= n), a = i.filter((e) => e.trusted).length, o = new Set(i.map((e) => e.pointerType));
+			let r = e - at, i = t.filter((e) => e.atMs >= r && e.atMs <= n), a = i.filter((e) => e.trusted).length, o = new Set(i.map((e) => e.pointerType));
 			return {
 				trusted: a,
 				synthetic: i.length - a,
@@ -851,22 +849,22 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			};
 		}
 	};
-}, ft = (e, t) => ({
+}, dt = (e, t) => ({
 	kind: e.kind,
-	atMs: ct(e.atMs - t),
+	atMs: st(e.atMs - t),
 	detail: e.detail
-}), pt = (e) => {
+}), ft = (e) => {
 	/* v8 ignore next -- unreachable: deriveVerdict returns before this on an
 	empty flight list, so nothing ever asks for the median of nothing. */
 	if (e.length === 0) return 0;
 	let t = [...e].sort((e, t) => e - t);
 	return t[Math.floor(t.length / 2)];
-}, mt = (e) => {
+}, pt = (e) => {
 	let t = [], n = e.preconditions.filter((e) => e.status === "violated");
 	if (n.length > 0 && t.push(`NOT EVIDENCE: ${n.length} judging precondition(s) failed — ${n.map((e) => e.id).join(", ")}. Everything below was measured under those conditions; fix them and measure again before drawing a conclusion from it.`), e.flights.length === 0) return t.push("No flights were recorded. Either no navigation happened while the recorder was attached, or it attached after the one you meant to measure — the recorder only sees flights that start after it does."), t;
 	e.observation.animationEvents || t.push("The animation channel observed NOTHING across this whole session: not one flemo keyframe reported a start, an end or a cancel, though flights were recorded. Treat every animation-derived field here as unmeasured rather than as clean — a probe that never fires reads exactly like a page with nothing to report.");
 	let r = e.flights, i = r.reduce((e, t) => Math.max(e, t.frameSamples.released.maxGapMs), 0), a = r.filter((e) => e.anomalies.length > 0).length;
-	t.push(`${r.length} flight(s) recorded. Median duration ${pt(r.map((e) => e.durationMs))}ms, worst frame gap during visible motion ${i}ms, ${a} flight(s) carrying at least one anomaly.`);
+	t.push(`${r.length} flight(s) recorded. Median duration ${ft(r.map((e) => e.durationMs))}ms, worst frame gap during visible motion ${i}ms, ${a} flight(s) carrying at least one anomaly.`);
 	let o = r.filter((e) => e.motion.longestStallMs >= 48);
 	o.length > 0 && t.push(`${o.length} flight(s) STOPPED MOVING mid-flight (longest ${Math.max(...o.map((e) => e.motion.longestStallMs))}ms). Frames kept arriving; the picture did not change. Look at the hold and the animation's play state, not at the frame budget.`);
 	let s = r.filter((e) => e.morphs.skipped.length > 0);
@@ -882,7 +880,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		t.push(`${l.length} tripwire hit(s) across the session (${e.join(", ")}). These are one-frame events reported by the browser itself, not sampled — read the flights' \`tripwires\` arrays for the exact animations.`);
 	}
 	return r.filter((e) => e.frameSamples.released.over30Count > 0).length === 0 && a === 0 && n.length === 0 && t.push("No flight dropped a frame during visible motion (nothing at or over 30ms) and no anomaly fired. Under the preconditions above, this session is clean — what remains is in `blindSpots`, and none of it is reachable from page code."), t;
-}, ht = "3", gt = new Set(O), _t = new Set(k), vt = A(d), yt = 2e3, bt = 1e3, xt = 4e3, G = (e) => Math.round(e * 10) / 10, St = null, Ct = () => ({
+}, mt = "3", ht = new Set(O), gt = new Set(k), _t = A(d), vt = 2e3, yt = 1e3, bt = 4e3, K = (e) => Math.round(e * 10) / 10, xt = null, St = () => ({
 	generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 	version: "3",
 	verdict: ["No DOM was available, so nothing could be observed. The recorder ran inert."],
@@ -900,15 +898,15 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	previousSession: null,
 	anomalies: [],
 	blindSpots: [...c],
-	judgingProtocol: [...ge]
-}), wt = (e = {}) => {
-	if (St) return St;
+	judgingProtocol: [...pe]
+}), Ct = (e = {}) => {
+	if (xt) return xt;
 	if (typeof window > "u" || typeof document > "u") return {
 		detach: () => {},
-		report: Ct,
+		report: St,
 		mark: () => null
 	};
-	let n = e.maxFlights ?? 50, r = e.log ?? !1, i = e.installGlobal ?? !0, a = e.persist ?? !0, l = He(), d = performance.now(), h = a ? Je("3") : null, g = {
+	let n = e.maxFlights ?? 50, r = e.log ?? !1, i = e.installGlobal ?? !0, a = e.persist ?? !0, l = Ve(), d = performance.now(), h = a ? qe("3") : null, g = {
 		medianGapMs: null,
 		sampleCount: 0
 	};
@@ -919,10 +917,10 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	try {
 		typeof PerformanceObserver < "u" && PerformanceObserver.supportedEntryTypes?.includes("longtask") && (S = new PerformanceObserver((e) => {
 			for (let t of e.getEntries()) x.push({
-				startMs: G(t.startTime),
-				durationMs: G(t.duration)
+				startMs: K(t.startTime),
+				durationMs: K(t.duration)
 			});
-			x.length > bt && x.splice(0, x.length - bt);
+			x.length > yt && x.splice(0, x.length - yt);
 		}), S.observe({
 			type: "longtask",
 			buffered: !0
@@ -930,50 +928,50 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	} catch {
 		S = null;
 	}
-	let C = [], w = 0, E = null, D = null, O = [], k = !1, j = !1, M = document.visibilityState === "hidden", N = 0, P = () => Array.from(document.querySelectorAll(vt)).filter((e) => gt.has(e.getAttribute("data-flemo-status") ?? "")), te = () => E !== null || P().length > 0, F = (e) => {
-		let t = Array.from(document.querySelectorAll(A(y))).filter((e) => gt.has(e.getAttribute("data-flemo-bar-status") ?? "") || e.getAttribute("data-flemo-bar-riding") === "true").length, n = Array.from(document.querySelectorAll(A(v))).filter((e) => gt.has(e.getAttribute("data-flemo-status") ?? "")).length, r = Array.from(document.querySelectorAll(A(_))).filter((e) => gt.has(e.getAttribute("data-flemo-status") ?? "")).length;
+	let C = [], w = 0, E = null, D = null, O = [], k = !1, j = !1, M = document.visibilityState === "hidden", N = 0, P = () => Array.from(document.querySelectorAll(_t)).filter((e) => ht.has(e.getAttribute("data-flemo-status") ?? "")), te = () => E !== null || P().length > 0, F = (e) => {
+		let t = Array.from(document.querySelectorAll(A(y))).filter((e) => ht.has(e.getAttribute("data-flemo-bar-status") ?? "") || e.getAttribute("data-flemo-bar-riding") === "true").length, n = Array.from(document.querySelectorAll(A(v))).filter((e) => ht.has(e.getAttribute("data-flemo-status") ?? "")).length, r = Array.from(document.querySelectorAll(A(_))).filter((e) => ht.has(e.getAttribute("data-flemo-status") ?? "")).length;
 		return {
 			screens: e.length,
 			bars: t,
 			decorators: n,
 			parts: r
 		};
-	}, I = dt({
+	}, I = ut({
 		onHit: (e) => {
 			let t = E;
-			t && t.tripwires.push(ft(e, t.t0Ms));
+			t && t.tripwires.push(dt(e, t.t0Ms));
 		},
 		onAnimationStart: (e) => {
 			let t = E;
-			!t || t.firstAnimationAtMs !== null || (t.firstAnimationAtMs = G(e - t.t0Ms));
+			!t || t.firstAnimationAtMs !== null || (t.firstAnimationAtMs = K(e - t.t0Ms));
 		}
 	}), re = (e) => {
 		let t = /* @__PURE__ */ new Set();
 		for (let n of e.elements) {
 			let e = n.getAttribute("data-flemo-status") ?? "";
-			gt.has(e) && t.add(e);
+			ht.has(e) && t.add(e);
 		}
 		return [...t];
 	}, L = () => {
 		let e = E;
 		if (!e || k) return;
 		let t = performance.now(), n = e.frames;
-		if (n.lastFrameAt !== null && n.heldGaps.length + n.releasedGaps.length < yt) {
+		if (n.lastFrameAt !== null && n.heldGaps.length + n.releasedGaps.length < vt) {
 			let r = t - n.lastFrameAt, i = oe(e.elements);
-			(i ? n.heldGaps : n.releasedGaps).push(r), i || (ce(n, e.elements, r), n.releasedFrames === 1 && me(e.images, e.elements));
+			(i ? n.heldGaps : n.releasedGaps).push(r), i || (se(n, e.elements, r), n.releasedFrames === 1 && de(e.images, e.elements));
 		}
-		if (n.lastFrameAt = t, le(n, e.elements), t - e.t0Ms > 1e4) {
-			O = [...e.elements], de(t, re(e));
+		if (n.lastFrameAt = t, B(n, e.elements), t - e.t0Ms > 1e4) {
+			O = [...e.elements], H(t, re(e));
 			return;
 		}
 		e.rafId = requestAnimationFrame(L);
 	}, ie = (e) => {
 		let t = performance.now();
 		w += 1;
-		let n = e.find((e) => e.getAttribute("data-flemo-active") === "true") ?? e[0], r = ye(n.getAttribute("data-flemo-status") ?? "") ?? "PUSH", i = null;
+		let n = e.find((e) => e.getAttribute("data-flemo-active") === "true") ?? e[0], r = _e(n.getAttribute("data-flemo-status") ?? "") ?? "PUSH", i = null;
 		for (let t of e) {
 			let e = t.getAttribute(m);
-			if (e !== null && _t.has(e)) {
+			if (e !== null && gt.has(e)) {
 				i = e;
 				break;
 			}
@@ -991,61 +989,61 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			holdReleasedAtMs: null,
 			firstAnimationAtMs: null,
 			frames: ae(),
-			images: fe(e),
-			morphs: De(e),
+			images: le(e),
+			morphs: Ee(e),
 			tripwires: [],
 			rafId: null
-		}, le(E.frames, E.elements), E.rafId = requestAnimationFrame(L);
-	}, se = (e, t) => {
+		}, B(E.frames, E.elements), E.rafId = requestAnimationFrame(L);
+	}, R = (e, t) => {
 		let n = 2, r = () => {
 			if (k) return;
 			if (--n, n > 0) {
 				requestAnimationFrame(r);
 				return;
 			}
-			let i = be(t, te());
+			let i = ye(t, te());
 			e.landing.residualInlineTransforms = i.residualInlineTransforms, e.landing.offViewportAtRest = i.offViewportAtRest, e.landing.orphanedHolds = i.orphanedHolds;
 		};
 		requestAnimationFrame(r);
-	}, R = (e, t) => {
+	}, z = (e, t) => {
 		let n = 2, r = () => {
 			if (!k) {
 				if (--n, n > 0) {
 					requestAnimationFrame(r);
 					return;
 				}
-				e.morphs = Me(t.morphs, te());
+				e.morphs = je(t.morphs, te());
 			}
 		};
 		requestAnimationFrame(r);
-	}, z = (e, t, n, r) => ({
+	}, V = (e, t, n, r) => ({
 		id: r ? `${e.id} (in flight)` : e.id,
 		...e.routerId === void 0 ? {} : { routerId: e.routerId },
 		...e.bucket === null ? {} : { bucket: e.bucket },
 		kind: e.kind,
 		t0: {
-			ms: G(e.t0Ms),
+			ms: K(e.t0Ms),
 			iso: e.t0Iso
 		},
 		t1: {
-			ms: G(t),
+			ms: K(t),
 			iso: (/* @__PURE__ */ new Date()).toISOString()
 		},
-		durationMs: G(t - e.t0Ms),
-		driver: ve(e.frames.evidence),
+		durationMs: K(t - e.t0Ms),
+		driver: ge(e.frames.evidence),
 		participants: e.participants,
 		holds: {
 			kind: e.holdKind,
 			releasedAtMs: e.holdReleasedAtMs
 		},
-		frameSamples: _e(e.frames.heldGaps, e.frames.releasedGaps),
+		frameSamples: he(e.frames.heldGaps, e.frames.releasedGaps),
 		motion: {
-			...ue(e.frames),
+			...ce(e.frames),
 			firstAnimationAtMs: e.firstAnimationAtMs
 		},
-		images: he(e.images),
-		morphs: Me(e.morphs, !0),
-		tripwires: [...e.tripwires, ...je(e.morphs)],
+		images: fe(e.images),
+		morphs: je(e.morphs, !0),
+		tripwires: [...e.tripwires, ...Ae(e.morphs)],
 		input: I.inputBetween(e.t0Ms, t),
 		longTasks: [],
 		holdLongTasks: [],
@@ -1056,29 +1054,29 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			orphanedHolds: []
 		},
 		anomalies: []
-	}), de = (e, t) => {
+	}), H = (e, t) => {
 		let i = E;
 		/* v8 ignore next -- unreachable: both callers hold a flight. sampleFrame
 		returns at its own top when `current` is null, and evaluate only calls
 		this inside `if (current && ...)`. The narrowing stays for the type. */
 		if (!i) return;
-		me(i.images, i.elements), E = null, i.rafId !== null && cancelAnimationFrame(i.rafId);
-		let a = z(i, e, t, !1);
-		C.push(a), C.length > n && C.splice(0, C.length - n), t.length === 0 && (se(a, i.elements), R(a, i)), r && console.info(`[flemo devtools] ${a.id} ${a.kind} driver=${a.driver} ${a.durationMs}ms screens=${a.participants.screens}`);
-	}, B = (e) => {
+		de(i.images, i.elements), E = null, i.rafId !== null && cancelAnimationFrame(i.rafId);
+		let a = V(i, e, t, !1);
+		C.push(a), C.length > n && C.splice(0, C.length - n), t.length === 0 && (R(a, i.elements), z(a, i)), r && console.info(`[flemo devtools] ${a.id} ${a.kind} driver=${a.driver} ${a.durationMs}ms screens=${a.participants.screens}`);
+	}, U = (e) => {
 		let t = E;
 		if (!t || !(e.target instanceof Element)) return;
 		let n = e.target.getAttribute(m);
-		if (n !== null && _t.has(n) && t.holdKind === null && (t.holdKind = n), n !== null && _t.has(n) && t.holdReleasedAtMs !== null && t.frames.holdReassertedAtMs === null) {
-			let e = G(performance.now() - t.t0Ms);
+		if (n !== null && gt.has(n) && t.holdKind === null && (t.holdKind = n), n !== null && gt.has(n) && t.holdReleasedAtMs !== null && t.frames.holdReassertedAtMs === null) {
+			let e = K(performance.now() - t.t0Ms);
 			t.frames.holdReassertedAtMs = e, t.tripwires.push({
 				kind: "hold-reassert",
 				atMs: e,
 				detail: "an animation hold was re-asserted after this flight had already released it — the motion pauses here while every timing metric stays clean"
 			});
 		}
-		(n === "false" || n === null) && e.oldValue !== null && _t.has(e.oldValue) && t.holdReleasedAtMs === null && !oe(t.elements) && (t.holdReleasedAtMs = G(performance.now() - t.t0Ms));
-	}, V = () => {
+		(n === "false" || n === null) && e.oldValue !== null && gt.has(e.oldValue) && t.holdReleasedAtMs === null && !oe(t.elements) && (t.holdReleasedAtMs = K(performance.now() - t.t0Ms));
+	}, me = () => {
 		let e = P();
 		if (O.length > 0) {
 			if (e.some((e) => O.includes(e))) return;
@@ -1089,18 +1087,18 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			return;
 		}
 		if (E && e.length === 0) {
-			de(performance.now(), []);
+			H(performance.now(), []);
 			return;
 		}
-		if (E) for (let t of e) E.elements.includes(t) || (E.elements.push(t), pe(E.images, E.elements, t.querySelectorAll("img")), E.participants = F(E.elements));
-	}, H = null, U = null, xe = () => {
+		if (E) for (let t of e) E.elements.includes(t) || (E.elements.push(t), ue(E.images, E.elements, t.querySelectorAll("img")), E.participants = F(E.elements));
+	}, ve = null, W = null, be = () => {
 		let e = document.documentElement;
 		if (!e) return !1;
 		let t = new MutationObserver((e) => {
 			if (k) return;
 			let t = performance.now();
-			for (let n of e) n.type === "attributes" ? n.attributeName === "data-flemo-anim-hold" ? B(n) : E && (n.attributeName === "data-flemo-morph" || n.attributeName === "data-flemo-morph-camera") && n.target instanceof Element && Oe(E.morphs, n.target) : (E && ke(E.morphs, n, t), E && n.addedNodes.length > 0 && pe(E.images, E.elements, n.addedNodes));
-			V();
+			for (let n of e) n.type === "attributes" ? n.attributeName === "data-flemo-anim-hold" ? U(n) : E && (n.attributeName === "data-flemo-morph" || n.attributeName === "data-flemo-morph-camera") && n.target instanceof Element && De(E.morphs, n.target) : (E && Oe(E.morphs, n, t), E && n.addedNodes.length > 0 && ue(E.images, E.elements, n.addedNodes));
+			me();
 		});
 		try {
 			t.observe(e, {
@@ -1119,30 +1117,30 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		} catch {
 			return !1;
 		}
-		return H = t, V(), !0;
+		return ve = t, me(), !0;
 	};
-	if (!xe()) {
+	if (!be()) {
 		let e = () => {
-			U = null, k || xe();
+			W = null, k || be();
 		};
-		U = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		W = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	}
-	let Se = () => {
-		document.visibilityState === "hidden" && (M = !0, a && E === null && Ke(C, "3"));
+	let xe = () => {
+		document.visibilityState === "hidden" && (M = !0, a && E === null && Ge(C, "3"));
 	};
-	document.addEventListener("visibilitychange", Se);
-	let Ce = () => {
-		N = 0, !k && (E === null && Ke(C, "3"), N = window.setTimeout(Ce, xt));
+	document.addEventListener("visibilitychange", xe);
+	let Se = () => {
+		N = 0, !k && (E === null && Ge(C, "3"), N = window.setTimeout(Se, bt));
 	};
-	a && (N = window.setTimeout(Ce, xt));
-	let we = (e) => {
+	a && (N = window.setTimeout(Se, bt));
+	let Ce = (e) => {
 		let t = x.filter((t) => t.startMs + t.durationMs >= e.t0.ms - 120 && t.startMs <= e.t1.ms), n = e.holds.kind === null ? e.t0.ms : e.holds.releasedAtMs === null ? e.t1.ms : e.t0.ms + e.holds.releasedAtMs;
 		return {
 			released: t.filter((e) => e.startMs + e.durationMs > n),
 			held: t.filter((e) => e.startMs + e.durationMs <= n)
 		};
-	}, Te = (e) => x.filter((t) => t.startMs >= d && !e.some((e) => t.startMs + t.durationMs >= e.t0.ms && t.startMs <= e.t1.ms)), Ee = (e) => {
-		let t = we(e), n = {
+	}, we = (e) => x.filter((t) => t.startMs >= d && !e.some((e) => t.startMs + t.durationMs >= e.t0.ms && t.startMs <= e.t1.ms)), Te = (e) => {
+		let t = Ce(e), n = {
 			...e,
 			longTasks: t.released,
 			holdLongTasks: t.held,
@@ -1169,12 +1167,12 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			morphs: n.morphs,
 			tripwires: n.tripwires
 		}), n;
-	}, Ae = () => {
-		let e = C.map(Ee), n = E;
+	}, ke = () => {
+		let e = C.map(Te), n = E;
 		if (!n) return e;
 		let r = performance.now(), i = r - n.t0Ms > t;
-		return [...e, Ee(z(n, r, i ? re(n) : [], !0))];
-	}, Ne = (e) => {
+		return [...e, Te(V(n, r, i ? re(n) : [], !0))];
+	}, Me = (e) => {
 		let t = /* @__PURE__ */ new Set(), n = 0, r = 0;
 		for (let i of e) {
 			n += i.input.trusted, r += i.input.synthetic;
@@ -1185,21 +1183,21 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			synthetic: r,
 			pointerTypes: [...t].sort()
 		};
-	}, Pe = () => {
-		let e = He(), t = { ...e };
+	}, Ne = () => {
+		let e = Ve(), t = { ...e };
 		for (let [n, r] of Object.entries(l)) n in e || (t[`${n} (at attach, since cleared)`] = r);
-		let n = Ue(t), r = ne(g, I.sawAnimationEvent()), i = Ae(), a = E, o = at({
+		let n = He(t), r = ne(g, I.sawAnimationEvent()), i = ke(), a = E, o = it({
 			environment: r,
-			idleLongTasks: Te(i),
+			idleLongTasks: we(i),
 			observedMs: performance.now() - d,
 			wentHidden: M,
 			documentHidden: document.visibilityState === "hidden",
-			input: Ne(i)
+			input: Me(i)
 		});
 		return {
 			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 			version: "3",
-			verdict: mt({
+			verdict: pt({
 				preconditions: o,
 				flights: i,
 				observation: r.observation
@@ -1220,37 +1218,37 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 				flightAnomalies: i.map((e) => e.anomalies)
 			}),
 			blindSpots: [...c],
-			judgingProtocol: [...ge]
+			judgingProtocol: [...pe]
 		};
-	}, Fe = (e) => (D = e === null || e === "" ? null : e, D), Ie = () => {
+	}, Pe = (e) => (D = e === null || e === "" ? null : e, D), Fe = () => {
 		if (!k) {
-			if (k = !0, H?.disconnect(), U !== null && (document.removeEventListener("DOMContentLoaded", U), U = null), document.removeEventListener("visibilitychange", Se), I.detach(), S?.disconnect(), window.clearTimeout(N), N = 0, E?.rafId != null && cancelAnimationFrame(E.rafId), E = null, j) {
+			if (k = !0, ve?.disconnect(), W !== null && (document.removeEventListener("DOMContentLoaded", W), W = null), document.removeEventListener("visibilitychange", xe), I.detach(), S?.disconnect(), window.clearTimeout(N), N = 0, E?.rafId != null && cancelAnimationFrame(E.rafId), E = null, j) {
 				let e = window;
 				e.flemo?.__flemoDevtools === !0 && delete e.flemo;
 			}
-			St = null;
+			xt = null;
 		}
-	}, W = {
-		detach: Ie,
-		report: Pe,
-		mark: Fe
+	}, G = {
+		detach: Fe,
+		report: Ne,
+		mark: Pe
 	};
 	if (i) {
 		let e = window, t = e.flemo;
 		(t === void 0 || t?.__flemoDevtools === !0) && (e.flemo = {
 			__flemoDevtools: !0,
-			report: Pe,
-			flights: Ae,
-			mark: Fe,
-			detach: Ie
+			report: Ne,
+			flights: ke,
+			mark: Pe,
+			detach: Fe
 		}, j = !0);
 	}
-	return St = W, W;
-}, Tt = O.map((e) => A(d) + j(f, e)).join(","), Et = () => document.querySelector(Tt) !== null, Dt = (e) => {
+	return xt = G, G;
+}, wt = O.map((e) => A(d) + j(f, e)).join(","), Tt = () => document.querySelector(wt) !== null, Et = "\n:host {\n  all: initial;\n  color-scheme: dark;\n}\n* { box-sizing: border-box; }\n.root {\n  --bg: #14161a;\n  --bg-soft: #1b1e24;\n  --line: #2b3038;\n  --fg: #e6e9ef;\n  --fg-dim: #99a1b0;\n  --accent: #7cc4ff;\n  --warn: #ffb454;\n  --bad: #ff6b6b;\n  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  color: var(--fg);\n}\n@media (prefers-color-scheme: light) {\n  .root {\n    --bg: #ffffff;\n    --bg-soft: #f4f6f9;\n    --line: #dde1e8;\n    --fg: #1a1d22;\n    --fg-dim: #5c6472;\n    --accent: #0b6bcb;\n    --warn: #a35a00;\n    --bad: #c2261f;\n  }\n}\n", Dt = (e) => {
 	let t = document.createElement("div");
 	t.setAttribute(D, ""), t.style.position = "fixed", t.style.top = "0", t.style.left = "0", t.style.width = "0", t.style.height = "0", t.style.zIndex = "2147483000";
 	let n = t.attachShadow({ mode: "open" }), r = document.createElement("style");
-	r.textContent = e, n.appendChild(r);
+	r.textContent = Et + e, n.appendChild(r);
 	let i = document.createElement("div");
 	return i.className = "root", n.appendChild(i), {
 		host: t,
@@ -1270,10 +1268,10 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		},
 		ownsRecorder: !1
 	} : {
-		recorder: wt(),
+		recorder: Ct(),
 		ownsRecorder: !0
 	};
-}, At = "http://www.w3.org/2000/svg", K = (e, t, n) => {
+}, At = "http://www.w3.org/2000/svg", q = (e, t, n) => {
 	let r = document.createElement(e);
 	return t !== void 0 && (r.className = t), n !== void 0 && (r.textContent = n), r;
 }, jt = (e, t) => {
@@ -1284,13 +1282,13 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	for (; e.firstChild !== null;) e.removeChild(e.firstChild);
 }, Nt = (e, t) => {
 	e.textContent !== t && (e.textContent = t);
-}, q = (e) => e == null || e === "" ? "—" : String(e), J = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e)}ms` : "—", Pt = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e * 10) / 10}ms` : "—", Y = (e) => typeof e == "number" && Number.isFinite(e) ? String(e) : "—", Ft = (e) => e === !0 ? "yes" : e === !1 ? "no" : "—", It = (e) => {
+}, J = (e) => e == null || e === "" ? "—" : String(e), Y = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e)}ms` : "—", Pt = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e * 10) / 10}ms` : "—", X = (e) => typeof e == "number" && Number.isFinite(e) ? String(e) : "—", Ft = (e) => e === !0 ? "yes" : e === !1 ? "no" : "—", It = (e) => {
 	let t = e?.environment;
 	if (!t) return "—";
 	let n = t.viewport, r = n && typeof n.width == "number" && typeof n.height == "number" ? `${Math.round(n.width)}×${Math.round(n.height)}` : "—";
 	return [
-		q(t.engine),
-		`dpr ${q(t.devicePixelRatio)}`,
+		J(t.engine),
+		`dpr ${J(t.devicePixelRatio)}`,
 		r,
 		`rAF ${Pt(t.rafCadence?.medianGapMs)}`
 	].join(" · ");
@@ -1299,43 +1297,43 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	if (!Array.isArray(t)) return null;
 	let n = t.filter((e) => typeof e == "number" && Number.isFinite(e));
 	return n.length >= 2 ? n : null;
-}, zt = "\n:host {\n  all: initial;\n  color-scheme: dark;\n}\n* { box-sizing: border-box; }\n.root {\n  --bg: #14161a;\n  --bg-soft: #1b1e24;\n  --line: #2b3038;\n  --fg: #e6e9ef;\n  --fg-dim: #99a1b0;\n  --accent: #7cc4ff;\n  --warn: #ffb454;\n  --bad: #ff6b6b;\n  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  color: var(--fg);\n}\n@media (prefers-color-scheme: light) {\n  .root {\n    --bg: #ffffff;\n    --bg-soft: #f4f6f9;\n    --line: #dde1e8;\n    --fg: #1a1d22;\n    --fg-dim: #5c6472;\n    --accent: #0b6bcb;\n    --warn: #a35a00;\n    --bad: #c2261f;\n  }\n}\n.toggle {\n  position: fixed;\n  bottom: 12px;\n  z-index: 2147483000;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  padding: 6px 10px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n}\n.toggle:hover { background: var(--bg-soft); }\n.toggle[data-corner=\"bottom-right\"] { right: 12px; }\n.toggle[data-corner=\"bottom-left\"] { left: 12px; }\n.mark { font-weight: 700; letter-spacing: 0.04em; }\n.count {\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n.dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--bad);\n}\n.dot[hidden] { display: none; }\n.panel {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147482999;\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  border-top: 1px solid var(--line);\n  background: var(--bg);\n  overflow: hidden;\n}\n.panel[hidden] { display: none; }\n.grip {\n  flex: 0 0 6px;\n  height: 6px;\n  background: var(--line);\n  cursor: ns-resize;\n  touch-action: none;\n}\n.head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--line);\n}\n.env { color: var(--fg-dim); }\n.spacer { flex: 1 1 auto; }\n.act {\n  padding: 4px 8px;\n  border: 1px solid var(--line);\n  border-radius: 4px;\n  background: var(--bg-soft);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n}\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1 1 100%;\n}\n.chips:empty { display: none; }\n.chip {\n  padding: 2px 8px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n/* The verdict reads as prose, not as a tag: it is a sentence about the whole\n   session and it is the first thing anybody should read. */\n.chip.lead {\n  border-color: var(--fg);\n  color: var(--fg);\n  white-space: normal;\n  max-width: 100%;\n  line-height: 1.5;\n}\n.chip.warn { border-color: var(--warn); color: var(--warn); }\n.chip.bad { border-color: var(--bad); color: var(--bad); }\n.body {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n.list {\n  flex: 0 0 40%;\n  max-width: 340px;\n  min-width: 180px;\n  overflow: auto;\n  border-right: 1px solid var(--line);\n}\n.row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 10px;\n  border: 0;\n  border-bottom: 1px solid var(--line);\n  background: none;\n  color: var(--fg);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.row[aria-selected=\"true\"] { background: var(--bg-soft); }\n.row .kind { font-weight: 700; }\n.row .driver { color: var(--accent); }\n.row .dur, .row .screens { color: var(--fg-dim); }\n.row .n {\n  margin-left: auto;\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n.row .n.bad { background: var(--bad); color: #fff; }\n.detail { flex: 1 1 auto; overflow: auto; padding: 8px 10px; }\n.section { margin: 0 0 10px; }\n.section > h2 {\n  margin: 0 0 4px;\n  font: inherit;\n  font-weight: 700;\n  color: var(--fg-dim);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.kv { display: flex; gap: 8px; }\n.kv > .k { flex: 0 0 34%; max-width: 180px; color: var(--fg-dim); }\n.kv > .v { flex: 1 1 auto; overflow-wrap: anywhere; }\n/* A value that IS the finding — a stall, a re-asserted hold, an orphan. */\n.kv > .v.bad { color: var(--bad); }\n.li { overflow-wrap: anywhere; }\n.li.bad { color: var(--bad); }\n.dim { color: var(--fg-dim); }\n.spark { display: block; width: 100%; height: 28px; }\n.foot { border-top: 1px solid var(--line); padding: 6px 10px; color: var(--fg-dim); }\n.foot summary { cursor: pointer; }\n.foot .li { margin-top: 4px; }\n", Bt = 48, X = (e, t, n, r) => {
-	let i = K("div", "kv");
-	i.appendChild(K("span", "k", t)), i.appendChild(K("span", r ? `v ${r}` : "v", n)), e.appendChild(i);
-}, Z = (e, t) => {
-	let n = K("section", "section");
-	return n.appendChild(K("h2", void 0, t)), e.appendChild(n), n;
-}, Q = (e, t, n = "li") => {
-	e.appendChild(K("div", n, t));
+}, zt = "\n.toggle {\n  position: fixed;\n  bottom: 12px;\n  z-index: 2147483000;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  padding: 6px 10px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n}\n.toggle:hover { background: var(--bg-soft); }\n.toggle[data-corner=\"bottom-right\"] { right: 12px; }\n.toggle[data-corner=\"bottom-left\"] { left: 12px; }\n.mark { font-weight: 700; letter-spacing: 0.04em; }\n.count {\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n.dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--bad);\n}\n.dot[hidden] { display: none; }\n.panel {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147482999;\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  border-top: 1px solid var(--line);\n  background: var(--bg);\n  overflow: hidden;\n}\n.panel[hidden] { display: none; }\n.grip {\n  flex: 0 0 6px;\n  height: 6px;\n  background: var(--line);\n  cursor: ns-resize;\n  touch-action: none;\n}\n.head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--line);\n}\n.env { color: var(--fg-dim); }\n.spacer { flex: 1 1 auto; }\n.act {\n  padding: 4px 8px;\n  border: 1px solid var(--line);\n  border-radius: 4px;\n  background: var(--bg-soft);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n}\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1 1 100%;\n}\n.chips:empty { display: none; }\n.chip {\n  padding: 2px 8px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n/* The verdict reads as prose, not as a tag: it is a sentence about the whole\n   session and it is the first thing anybody should read. */\n.chip.lead {\n  border-color: var(--fg);\n  color: var(--fg);\n  white-space: normal;\n  max-width: 100%;\n  line-height: 1.5;\n}\n.chip.warn { border-color: var(--warn); color: var(--warn); }\n.chip.bad { border-color: var(--bad); color: var(--bad); }\n.body {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n.list {\n  flex: 0 0 40%;\n  max-width: 340px;\n  min-width: 180px;\n  overflow: auto;\n  border-right: 1px solid var(--line);\n}\n.row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 10px;\n  border: 0;\n  border-bottom: 1px solid var(--line);\n  background: none;\n  color: var(--fg);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.row[aria-selected=\"true\"] { background: var(--bg-soft); }\n.row .kind { font-weight: 700; }\n.row .driver { color: var(--accent); }\n.row .dur, .row .screens { color: var(--fg-dim); }\n.row .n {\n  margin-left: auto;\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n.row .n.bad { background: var(--bad); color: #fff; }\n.detail { flex: 1 1 auto; overflow: auto; padding: 8px 10px; }\n.section { margin: 0 0 10px; }\n.section > h2 {\n  margin: 0 0 4px;\n  font: inherit;\n  font-weight: 700;\n  color: var(--fg-dim);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.kv { display: flex; gap: 8px; }\n.kv > .k { flex: 0 0 34%; max-width: 180px; color: var(--fg-dim); }\n.kv > .v { flex: 1 1 auto; overflow-wrap: anywhere; }\n/* A value that IS the finding — a stall, a re-asserted hold, an orphan. */\n.kv > .v.bad { color: var(--bad); }\n.li { overflow-wrap: anywhere; }\n.li.bad { color: var(--bad); }\n.dim { color: var(--fg-dim); }\n.spark { display: block; width: 100%; height: 28px; }\n.foot { border-top: 1px solid var(--line); padding: 6px 10px; color: var(--fg-dim); }\n.foot summary { cursor: pointer; }\n.foot .li { margin-top: 4px; }\n", Bt = 48, Z = (e, t, n, r) => {
+	let i = q("div", "kv");
+	i.appendChild(q("span", "k", t)), i.appendChild(q("span", r ? `v ${r}` : "v", n)), e.appendChild(i);
+}, Q = (e, t) => {
+	let n = q("section", "section");
+	return n.appendChild(q("h2", void 0, t)), e.appendChild(n), n;
+}, $ = (e, t, n = "li") => {
+	e.appendChild(q("div", n, t));
 }, Vt = (e, t) => {
 	Mt(e);
-	for (let n of t?.verdict ?? []) e.appendChild(K("span", "chip lead", q(n)));
-	for (let n of t?.preconditions ?? []) n?.status === "violated" && e.appendChild(K("span", "chip bad", `${n.id}: ${q(n.detail)}`));
-	for (let n of t?.overrides?.warnings ?? []) e.appendChild(K("span", "chip warn", q(n)));
-	for (let n of t?.anomalies ?? []) e.appendChild(K("span", "chip bad", q(n)));
-	for (let [n, r] of Object.entries(t?.overrides?.active ?? {})) e.appendChild(K("span", "chip", `${n}=${String(r)}`));
+	for (let n of t?.verdict ?? []) e.appendChild(q("span", "chip lead", J(n)));
+	for (let n of t?.preconditions ?? []) n?.status === "violated" && e.appendChild(q("span", "chip bad", `${n.id}: ${J(n.detail)}`));
+	for (let n of t?.overrides?.warnings ?? []) e.appendChild(q("span", "chip warn", J(n)));
+	for (let n of t?.anomalies ?? []) e.appendChild(q("span", "chip bad", J(n)));
+	for (let [n, r] of Object.entries(t?.overrides?.active ?? {})) e.appendChild(q("span", "chip", `${n}=${String(r)}`));
 }, Ht = (e, t, n, r) => {
 	if (Mt(e), t.length === 0) {
-		Q(e, "no flights recorded yet — navigate once", "li dim");
+		$(e, "no flights recorded yet — navigate once", "li dim");
 		return;
 	}
 	for (let i = t.length - 1; i >= 0; --i) {
-		let a = t[i], o = q(a?.id), s = K("button", "row");
-		s.type = "button", s.setAttribute("data-flight-id", o), s.setAttribute("aria-selected", String(o === n)), s.appendChild(K("span", "kind", q(a?.kind))), s.appendChild(K("span", "driver", q(a?.driver))), s.appendChild(K("span", "dur", J(a?.durationMs))), s.appendChild(K("span", "screens", `${Y(a?.participants?.screens)} scr`));
+		let a = t[i], o = J(a?.id), s = q("button", "row");
+		s.type = "button", s.setAttribute("data-flight-id", o), s.setAttribute("aria-selected", String(o === n)), s.appendChild(q("span", "kind", J(a?.kind))), s.appendChild(q("span", "driver", J(a?.driver))), s.appendChild(q("span", "dur", Y(a?.durationMs))), s.appendChild(q("span", "screens", `${X(a?.participants?.screens)} scr`));
 		let c = a?.anomalies?.length ?? 0;
-		s.appendChild(K("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
+		s.appendChild(q("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
 	}
 }, Ut = (e, t, n) => {
 	if (!n) {
-		X(e, t, "—");
+		Z(e, t, "—");
 		return;
 	}
 	let r = [
-		`${Y(n.count)} frames`,
+		`${X(n.count)} frames`,
 		`median ${Pt(n.medianGapMs)}`,
 		`max ${Pt(n.maxGapMs)}`
 	];
-	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), X(e, t, r.join(" · "));
+	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), Z(e, t, r.join(" · "));
 }, Wt = (e) => {
 	let t = Math.max(...e), n = t > 0 ? t : 1, r = 100 / (e.length - 1), i = e.map((e, t) => `${Math.round(t * r * 10) / 10},${Math.round((27 - e / n * 26) * 10) / 10}`).join(" "), a = jt("svg", {
 		class: "spark",
@@ -1353,96 +1351,96 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 }, Gt = (e, t) => {
 	let n = t.longTasks ?? [], r = t.holdLongTasks ?? [];
 	if (n.length === 0 && r.length === 0) {
-		Q(e, "none", "li dim");
+		$(e, "none", "li dim");
 		return;
 	}
-	let i = (e) => `${J(e?.startMs)} + ${J(e?.durationMs)}`;
-	for (let t of n) Q(e, i(t), "li bad");
-	for (let t of r) Q(e, `${i(t)} (absorbed by hold)`, "li dim");
+	let i = (e) => `${Y(e?.startMs)} + ${Y(e?.durationMs)}`;
+	for (let t of n) $(e, i(t), "li bad");
+	for (let t of r) $(e, `${i(t)} (absorbed by hold)`, "li dim");
 }, Kt = (e, t) => {
 	if (Mt(e), !t) {
-		Q(e, "select a flight", "li dim");
+		$(e, "select a flight", "li dim");
 		return;
 	}
-	let n = Z(e, "timing");
-	X(n, "id", q(t.id)), X(n, "kind / driver", `${q(t.kind)} · ${q(t.driver)}`), X(n, "router", q(t.routerId)), X(n, "t0", q(t.t0?.iso)), X(n, "duration", J(t.durationMs)), X(n, "participants", `${Y(t.participants?.screens)} screens · ${Y(t.participants?.bars)} bars · ${Y(t.participants?.decorators)} decorators · ${Y(t.participants?.parts)} parts`), X(n, "hold", `${q(t.holds?.kind)} · released ${J(t.holds?.releasedAtMs)}`);
-	let r = Z(e, "frames");
+	let n = Q(e, "timing");
+	Z(n, "id", J(t.id)), Z(n, "kind / driver", `${J(t.kind)} · ${J(t.driver)}`), Z(n, "router", J(t.routerId)), Z(n, "t0", J(t.t0?.iso)), Z(n, "duration", Y(t.durationMs)), Z(n, "participants", `${X(t.participants?.screens)} screens · ${X(t.participants?.bars)} bars · ${X(t.participants?.decorators)} decorators · ${X(t.participants?.parts)} parts`), Z(n, "hold", `${J(t.holds?.kind)} · released ${Y(t.holds?.releasedAtMs)}`);
+	let r = Q(e, "frames");
 	Ut(r, "held (absorbed)", t.frameSamples?.held), Ut(r, "released (visible)", t.frameSamples?.released);
 	let i = Rt(t.frameSamples);
 	i && r.appendChild(Wt(i));
-	let a = Z(e, "motion (did it move)"), o = t.motion?.longestStallMs, s = t.motion?.holdReassertedAtMs;
-	X(a, "released frames", Y(t.motion?.sampledFrames)), X(a, "stalled frames", Y(t.motion?.stalledFrames), (t.motion?.stalledFrames ?? 0) > 0 ? "bad" : void 0), X(a, "longest stall", J(o), (o ?? 0) >= Bt ? "bad" : void 0), X(a, "paused after release", Ft(t.motion?.pausedAfterRelease), t.motion?.pausedAfterRelease === !0 ? "bad" : void 0), X(a, "hold re-asserted", s == null ? "no" : J(s), typeof s == "number" ? "bad" : void 0), X(a, "first animation", t.motion?.firstAnimationAtMs === null || t.motion?.firstAnimationAtMs === void 0 ? "not observed" : `+${J(t.motion.firstAnimationAtMs)} after t0`);
+	let a = Q(e, "motion (did it move)"), o = t.motion?.longestStallMs, s = t.motion?.holdReassertedAtMs;
+	Z(a, "released frames", X(t.motion?.sampledFrames)), Z(a, "stalled frames", X(t.motion?.stalledFrames), (t.motion?.stalledFrames ?? 0) > 0 ? "bad" : void 0), Z(a, "longest stall", Y(o), (o ?? 0) >= Bt ? "bad" : void 0), Z(a, "paused after release", Ft(t.motion?.pausedAfterRelease), t.motion?.pausedAfterRelease === !0 ? "bad" : void 0), Z(a, "hold re-asserted", s == null ? "no" : Y(s), typeof s == "number" ? "bad" : void 0), Z(a, "first animation", t.motion?.firstAnimationAtMs === null || t.motion?.firstAnimationAtMs === void 0 ? "not observed" : `+${Y(t.motion.firstAnimationAtMs)} after t0`);
 	let c = t.morphs;
 	if (c) {
-		let t = Z(e, "shared elements");
-		X(t, "registered", Y(c.registered)), X(t, "pairable / flew", `${Y(c.pairable?.length)} · ${Y(c.flew?.length)}`);
+		let t = Q(e, "shared elements");
+		Z(t, "registered", X(c.registered)), Z(t, "pairable / flew", `${X(c.pairable?.length)} · ${X(c.flew?.length)}`);
 		let n = c.skipped ?? [];
-		X(t, "did not fly", n.length === 0 ? "none" : n.join(", "), n.length > 0 ? "bad" : void 0);
+		Z(t, "did not fly", n.length === 0 ? "none" : n.join(", "), n.length > 0 ? "bad" : void 0);
 		let r = c.duplicatedKeys ?? [];
-		r.length > 0 && X(t, "duplicate keys in one screen", r.join(", "), "bad"), X(t, "camera", Ft(c.camera)), X(t, "ghosts", Y(c.ghosts));
+		r.length > 0 && Z(t, "duplicate keys in one screen", r.join(", "), "bad"), Z(t, "camera", Ft(c.camera)), Z(t, "ghosts", X(c.ghosts));
 		let i = (c.strandedRoles ?? 0) + (c.strandedStandIns ?? 0) + (c.strandedGhosts ?? 0) + (c.layerResidue ?? 0) + (c.leakedSheetRules ?? 0);
-		X(t, "residue at rest", i === 0 ? "clean" : `${Y(c.strandedRoles)} roles · ${Y(c.strandedStandIns)} stand-ins · ${Y(c.strandedGhosts)} ghosts · ${Y(c.layerResidue)} in layer · ${Y(c.leakedSheetRules)} rules`, i > 0 ? "bad" : void 0);
+		Z(t, "residue at rest", i === 0 ? "clean" : `${X(c.strandedRoles)} roles · ${X(c.strandedStandIns)} stand-ins · ${X(c.strandedGhosts)} ghosts · ${X(c.layerResidue)} in layer · ${X(c.leakedSheetRules)} rules`, i > 0 ? "bad" : void 0);
 	}
 	let l = t.tripwires ?? [];
 	if (l.length > 0) {
-		let t = Z(e, "tripwires (one-frame events)");
-		for (let e of l) Q(t, `+${J(e.atMs)} ${e.kind}: ${e.detail}`, "li bad");
+		let t = Q(e, "tripwires (one-frame events)");
+		for (let e of l) $(t, `+${Y(e.atMs)} ${e.kind}: ${e.detail}`, "li bad");
 	}
 	let u = t.input;
 	if (u) {
-		let t = Z(e, "what drove it");
-		X(t, "input", `${Y(u.trusted)} trusted · ${Y(u.synthetic)} synthetic`, u.synthetic > 0 ? "bad" : void 0), X(t, "pointer types", u.pointerTypes?.join(", ") || "none observed");
+		let t = Q(e, "what drove it");
+		Z(t, "input", `${X(u.trusted)} trusted · ${X(u.synthetic)} synthetic`, u.synthetic > 0 ? "bad" : void 0), Z(t, "pointer types", u.pointerTypes?.join(", ") || "none observed");
 	}
-	let d = Z(e, "images"), f = t.images?.completedDuringFlight ?? 0, p = t.images?.heldDuringFlight ?? 0, m = t.images?.completedUnheld, h = typeof m == "number" ? m > 0 : f > p;
-	X(d, "loading at t0", Y(t.images?.loadingAtStart)), X(d, "added mid-flight", Y(t.images?.addedDuringFlight)), X(d, "completed mid-flight", Y(t.images?.completedDuringFlight), h ? "bad" : void 0), X(d, "held by the engine", Y(t.images?.heldDuringFlight)), X(d, "completed without hold", Y(m), h ? "bad" : void 0), Gt(Z(e, "long tasks"), t);
-	let g = Z(e, "landing"), _ = t.landing?.residualInlineTransforms ?? [];
-	if (_.length === 0) X(g, "inline residue", "clean");
-	else for (let e of _) X(g, "inline residue", q(e));
-	X(g, "off-viewport at rest", Ft(t.landing?.offViewportAtRest));
+	let d = Q(e, "images"), f = t.images?.completedDuringFlight ?? 0, p = t.images?.heldDuringFlight ?? 0, m = t.images?.completedUnheld, h = typeof m == "number" ? m > 0 : f > p;
+	Z(d, "loading at t0", X(t.images?.loadingAtStart)), Z(d, "added mid-flight", X(t.images?.addedDuringFlight)), Z(d, "completed mid-flight", X(t.images?.completedDuringFlight), h ? "bad" : void 0), Z(d, "held by the engine", X(t.images?.heldDuringFlight)), Z(d, "completed without hold", X(m), h ? "bad" : void 0), Gt(Q(e, "long tasks"), t);
+	let g = Q(e, "landing"), _ = t.landing?.residualInlineTransforms ?? [];
+	if (_.length === 0) Z(g, "inline residue", "clean");
+	else for (let e of _) Z(g, "inline residue", J(e));
+	Z(g, "off-viewport at rest", Ft(t.landing?.offViewportAtRest));
 	let v = t.landing?.stuckStatuses ?? [];
-	X(g, "stuck statuses", v.length === 0 ? "none" : v.join(", "));
+	Z(g, "stuck statuses", v.length === 0 ? "none" : v.join(", "));
 	let y = t.landing?.orphanedHolds ?? [];
-	if (y.length === 0) X(g, "orphaned holds", "none");
-	else for (let e of y) X(g, "orphaned holds", q(e), "bad");
-	let b = Z(e, "anomalies"), x = t.anomalies ?? [];
+	if (y.length === 0) Z(g, "orphaned holds", "none");
+	else for (let e of y) Z(g, "orphaned holds", J(e), "bad");
+	let b = Q(e, "anomalies"), x = t.anomalies ?? [];
 	if (x.length === 0) {
-		Q(b, "none", "li dim");
+		$(b, "none", "li dim");
 		return;
 	}
-	for (let e of x) Q(b, q(e), "li bad");
+	for (let e of x) $(b, J(e), "li bad");
 }, qt = (e, t) => {
 	Mt(e);
-	for (let n of t ?? []) Q(e, q(n));
+	for (let n of t ?? []) $(e, J(n));
 }, Jt = 320, Yt = 2e3, Xt = 120, Zt = "Copy report JSON", Qt = () => {}, $t = null, en = (e = {}) => {
 	if ($t) return $t;
 	if (typeof document > "u") return { detach: Qt };
-	let { recorder: t, ownsRecorder: n } = kt(e.recorder), { host: r, root: i } = Dt(zt), a = K("button", "toggle");
+	let { recorder: t, ownsRecorder: n } = kt(e.recorder), { host: r, root: i } = Dt(zt), a = q("button", "toggle");
 	a.type = "button", a.setAttribute("data-corner", e.position ?? "bottom-right"), a.setAttribute("aria-label", "flemo devtools");
-	let o = K("span", "count", "0"), s = K("span", "dot");
-	s.hidden = !0, a.appendChild(K("span", "mark", "flemo")), a.appendChild(o), a.appendChild(s);
-	let c = K("section", "panel");
+	let o = q("span", "count", "0"), s = q("span", "dot");
+	s.hidden = !0, a.appendChild(q("span", "mark", "flemo")), a.appendChild(o), a.appendChild(s);
+	let c = q("section", "panel");
 	c.hidden = !0;
-	let l = K("div", "grip");
+	let l = q("div", "grip");
 	l.setAttribute("role", "separator"), l.setAttribute("aria-label", "Resize flemo devtools panel");
-	let u = K("header", "head"), d = K("div", "env", "—"), f = K("button", "act", Zt);
+	let u = q("header", "head"), d = q("div", "env", "—"), f = q("button", "act", Zt);
 	f.type = "button";
-	let p = K("button", "act", "Close");
+	let p = q("button", "act", "Close");
 	p.type = "button";
-	let m = K("button", "act", "Detach");
+	let m = q("button", "act", "Detach");
 	m.type = "button";
-	let h = K("button", "act", "A/B: off");
+	let h = q("button", "act", "A/B: off");
 	h.type = "button";
-	let g = K("div", "chips");
-	u.appendChild(d), u.appendChild(K("div", "spacer")), u.appendChild(h), u.appendChild(f), u.appendChild(p), u.appendChild(m), u.appendChild(g);
-	let _ = K("div", "body"), v = K("div", "list"), y = K("div", "detail");
+	let g = q("div", "chips");
+	u.appendChild(d), u.appendChild(q("div", "spacer")), u.appendChild(h), u.appendChild(f), u.appendChild(p), u.appendChild(m), u.appendChild(g);
+	let _ = q("div", "body"), v = q("div", "list"), y = q("div", "detail");
 	_.appendChild(v), _.appendChild(y);
-	let b = K("div", "foot"), x = K("details");
-	x.appendChild(K("summary", void 0, "What this cannot see"));
-	let S = K("div");
+	let b = q("div", "foot"), x = q("details");
+	x.appendChild(q("summary", void 0, "What this cannot see"));
+	let S = q("div");
 	x.appendChild(S), b.appendChild(x), c.appendChild(l), c.appendChild(u), c.appendChild(_), c.appendChild(b), i.appendChild(a), i.appendChild(c);
 	let C = !1, w = e.initialOpen === !0, T = null, E = "", D = "", O = "", k = !1, A = 0, j = 0, M = -1, N = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], P = (e) => Math.min(Math.max(e, Xt), Math.max(Xt, window.innerHeight * .9)), ee = () => {
 		try {
-			let e = sessionStorage.getItem(Ne);
+			let e = sessionStorage.getItem(Me);
 			if (e === null) return null;
 			let t = Number.parseFloat(e);
 			return Number.isFinite(t) ? t : null;
@@ -1451,7 +1449,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		}
 	}, te = (e) => {
 		try {
-			sessionStorage.setItem(Ne, String(Math.round(e)));
+			sessionStorage.setItem(Me, String(Math.round(e)));
 		} catch {}
 	}, F = P(ee() ?? window.innerHeight * .4);
 	c.style.height = `${Math.round(F)}px`;
@@ -1481,7 +1479,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		l !== D && (D = l, Kt(y, a)), k || (k = !0, qt(S, e?.blindSpots));
 	};
 	function L() {
-		C || Et() || re();
+		C || Tt() || re();
 	}
 	function ie() {
 		A = 0, L(), ae();
@@ -1491,117 +1489,141 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	}
 	let oe = () => {
 		window.clearTimeout(A), ae();
-	}, se = (e) => {
+	}, R = (e) => {
 		w = e, oe(), L();
 	};
-	a.addEventListener("click", () => se(!w)), p.addEventListener("click", () => se(!1)), m.addEventListener("click", () => de()), h.addEventListener("click", () => {
+	a.addEventListener("click", () => R(!w)), p.addEventListener("click", () => R(!1)), m.addEventListener("click", () => H()), h.addEventListener("click", () => {
 		M = M + 1 >= N.length ? -1 : M + 1;
 		let e = M === -1 ? null : N[M];
 		t.mark(e), Nt(h, `A/B: ${e ?? "off"}`), O = "", L();
 	});
-	let ce = () => {
+	let se = () => {
 		if (!C) {
-			if (Et()) {
-				window.clearTimeout(j), j = window.setTimeout(ce, Jt);
+			if (Tt()) {
+				window.clearTimeout(j), j = window.setTimeout(se, Jt);
 				return;
 			}
-			Nt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(R, 1200);
+			Nt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(z, 1200);
 		}
 	};
-	function R() {
-		if (Et()) {
-			j = window.setTimeout(R, Jt);
+	function z() {
+		if (Tt()) {
+			j = window.setTimeout(z, Jt);
 			return;
 		}
 		j = 0, Nt(f, Zt);
 	}
-	let le = (e) => {
+	let B = (e) => {
 		if (C) return;
-		if (Et()) {
-			window.clearTimeout(j), j = window.setTimeout(() => le(e), Jt);
+		if (Tt()) {
+			window.clearTimeout(j), j = window.setTimeout(() => B(e), Jt);
 			return;
 		}
-		let t = K("textarea");
+		let t = q("textarea");
 		t.value = e, t.setAttribute("aria-hidden", "true"), t.style.position = "fixed", t.style.opacity = "0", t.style.pointerEvents = "none", document.body.appendChild(t), t.select();
 		let n = document;
 		try {
 			n.execCommand?.("copy");
 		} catch {}
-		t.remove(), ce();
+		t.remove(), se();
 	};
 	f.addEventListener("click", () => {
 		let e = JSON.stringify(I(), null, 2), t = navigator.clipboard;
 		if (t && typeof t.writeText == "function") {
-			t.writeText(e).then(ce, () => le(e));
+			t.writeText(e).then(se, () => B(e));
 			return;
 		}
-		le(e);
+		B(e);
 	});
-	let ue = (e) => {
+	let ce = (e) => {
 		F = P(window.innerHeight - e.clientY), c.style.height = `${Math.round(F)}px`;
-	}, z = () => {
-		window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", z), te(F);
+	}, V = () => {
+		window.removeEventListener("pointermove", ce), window.removeEventListener("pointerup", V), te(F);
 	};
 	l.addEventListener("pointerdown", (e) => {
-		e.preventDefault(), window.addEventListener("pointermove", ue), window.addEventListener("pointerup", z);
+		e.preventDefault(), window.addEventListener("pointermove", ce), window.addEventListener("pointerup", V);
 	});
-	function de() {
-		C || (C = !0, window.clearTimeout(A), A = 0, window.clearTimeout(j), j = 0, window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", z), r.remove(), n && t.detach(), $t = null);
+	function H() {
+		C || (C = !0, window.clearTimeout(A), A = 0, window.clearTimeout(j), j = 0, window.removeEventListener("pointermove", ce), window.removeEventListener("pointerup", V), r.remove(), n && t.detach(), $t = null);
 	}
 	document.body.appendChild(r), L(), ae();
-	let fe = { detach: de };
-	return $t = fe, fe;
-}, tn = 500, nn = 450, rn = "\n:host { all: initial; }\n.root { all: initial; }\n.hud {\n  position: fixed;\n  left: 50%;\n  transform: translateX(-50%);\n  max-width: calc(100vw - 16px);\n  box-sizing: border-box;\n  padding: 6px 10px;\n  border-radius: 8px;\n  background: #0b0f14;\n  color: #e8f0f8;\n  border: 1px solid #2b3a4a;\n  font: 500 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  white-space: pre;\n  text-align: left;\n  overflow-x: auto;\n  -webkit-user-select: none;\n  user-select: none;\n  touch-action: manipulation;\n  /* No transition and no keyframe anywhere in this sheet: the readout must\n     never be a moving thing on a screen whose motion is under test. */\n}\n.hud[data-edge=\"top\"] { top: max(8px, env(safe-area-inset-top)); }\n.hud[data-edge=\"bottom\"] { bottom: max(8px, env(safe-area-inset-bottom)); }\n.hud[data-alarm=\"true\"] { border-color: #ff6b6b; color: #ffd9d9; }\n.hud[data-blocked=\"true\"] { border-color: #ffb020; color: #ffe9c2; }\n", an = (e) => Math.round(e * 10) / 10, on = (e) => {
+	let le = { detach: H };
+	return $t = le, le;
+}, tn = 500, nn = 450, rn = "flemo:devtools-hud-hidden", an = "\n.dock {\n  position: fixed;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 6px;\n  max-width: calc(100vw - 16px);\n}\n.dock[data-edge^=\"top\"] {\n  top: max(8px, env(safe-area-inset-top));\n  /* The control sits nearest the edge the dock is anchored to, whichever that\n     is, so it does not MOVE when the readout it hides collapses under it. A\n     control that walks across the screen as you use it is one you have to look\n     for, and the whole point of it is to be found with a thumb. */\n  flex-direction: column-reverse;\n}\n.dock[data-edge^=\"bottom\"] { bottom: max(12px, env(safe-area-inset-bottom)); }\n.dock[data-edge=\"top\"],\n.dock[data-edge=\"bottom\"] {\n  left: 50%;\n  transform: translateX(-50%);\n  align-items: center;\n}\n.dock[data-edge$=\"-left\"] {\n  left: max(12px, env(safe-area-inset-left));\n  align-items: flex-start;\n}\n.dock[data-edge$=\"-right\"] { right: max(12px, env(safe-area-inset-right)); }\n.hud {\n  max-width: 100%;\n  padding: 6px 10px;\n  border: 1px solid var(--line);\n  border-radius: 10px;\n  background: var(--bg);\n  color: var(--fg);\n  font-weight: 500;\n  white-space: pre;\n  text-align: left;\n  overflow-x: auto;\n  -webkit-user-select: none;\n  user-select: none;\n  touch-action: manipulation;\n  /* No transition and no keyframe anywhere in this sheet: the readout must\n     never be a moving thing on a screen whose motion is under test. */\n}\n.hud[hidden] { display: none; }\n.hud[data-alarm=\"true\"] { border-color: var(--bad); color: var(--bad); }\n.hud[data-blocked=\"true\"] { border-color: var(--warn); color: var(--warn); }\n/* The panel's toggle, in the opposite corner: same pill, same mark-and-chip,\n   so the two controls read as one instrument rather than two. */\n.eye {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  padding: 6px 10px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  touch-action: manipulation;\n}\n.eye:hover { background: var(--bg-soft); }\n.mark { font-weight: 700; letter-spacing: 0.04em; }\n.state {\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n", on = (e) => Math.round(e * 10) / 10, sn = (e) => {
 	if (!e) return "flemo  no flight yet";
 	let t = e.frameSamples?.released, n = e.anomalies?.length ?? 0;
-	return `${e.kind} ${Math.round(e.durationMs)}ms  gap ${an(t?.maxGapMs ?? 0)}  drop ${t?.over30Count ?? 0}` + (n > 0 ? `  !${n}` : "  ok") + (e.bucket ? `  [${e.bucket}]` : "");
-}, sn = (e, t) => {
+	return `${e.kind} ${Math.round(e.durationMs)}ms  gap ${on(t?.maxGapMs ?? 0)}  drop ${t?.over30Count ?? 0}` + (n > 0 ? `  !${n}` : "  ok") + (e.bucket ? `  [${e.bucket}]` : "");
+}, cn = (e, t) => {
 	let n = [], r = (e?.preconditions ?? []).filter((e) => e.status === "violated");
-	if (r.length > 0 && n.push(`BLOCKED  ${r.map((e) => e.id).join(" ")}`), !t) return n.push(`rAF ${an(e?.environment?.rafCadence?.medianGapMs ?? 0)}ms`), n;
+	if (r.length > 0 && n.push(`BLOCKED  ${r.map((e) => e.id).join(" ")}`), !t) return n.push(`rAF ${on(e?.environment?.rafCadence?.medianGapMs ?? 0)}ms`), n;
 	let i = t.frameSamples;
-	n.push(`frames  n${i?.released?.count ?? 0} med ${an(i?.released?.medianGapMs ?? 0)} max ${an(i?.released?.maxGapMs ?? 0)}`), n.push(`motion  stall ${an(t.motion?.longestStallMs ?? 0)}ms tail ${t.motion?.tailFrames ?? 0} start +${t.motion?.firstAnimationAtMs ?? "?"}ms`), n.push(`hold    ${t.holds?.kind ?? "none"} rel ${t.holds?.releasedAtMs ?? "-"}ms  task ${t.longTasks?.length ?? 0}`);
+	n.push(`frames  n${i?.released?.count ?? 0} med ${on(i?.released?.medianGapMs ?? 0)} max ${on(i?.released?.maxGapMs ?? 0)}`), n.push(`motion  stall ${on(t.motion?.longestStallMs ?? 0)}ms tail ${t.motion?.tailFrames ?? 0} start +${t.motion?.firstAnimationAtMs ?? "?"}ms`), n.push(`hold    ${t.holds?.kind ?? "none"} rel ${t.holds?.releasedAtMs ?? "-"}ms  task ${t.longTasks?.length ?? 0}`);
 	let a = t.morphs;
 	a && (a.pairable.length > 0 || a.flew.length > 0) && n.push(`morph   ${a.flew.length} flew` + (a.camera ? " cam" : "") + (a.skipped.length > 0 ? `  SKIPPED ${a.skipped.length} (${a.skipped.join(",")})` : ""));
 	let o = t.input;
 	o && n.push(`input   ${o.pointerTypes.join("/") || "none"}` + (o.synthetic > 0 ? `  SYNTHETIC ${o.synthetic}` : ""));
 	for (let e of t.anomalies ?? []) n.push(`! ${e.slice(0, 120)}`);
 	return n;
-}, cn = null, ln = (e = {}) => {
-	if (cn) return cn;
+}, ln = () => {
+	try {
+		return sessionStorage.getItem(rn) === "1";
+	} catch {
+		return !1;
+	}
+}, un = (e) => {
+	try {
+		sessionStorage.setItem(rn, e ? "1" : "0");
+	} catch {}
+}, dn = null, fn = (e = {}) => {
+	if (dn) return dn;
 	if (typeof document > "u") return { detach: () => {} };
-	let { recorder: t, ownsRecorder: n } = kt(e.recorder), r = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], { host: i, root: a } = Dt(rn), o = document.createElement("div");
-	o.className = "hud", o.setAttribute("data-edge", e.position ?? "top"), o.setAttribute("role", "status"), o.textContent = "flemo  attaching", a.appendChild(o);
-	let s = !1, c = e.initialExpanded === !0, l = -1, u = 0, d = 0, f = !1, p = "", m = () => {
+	let { recorder: t, ownsRecorder: n } = kt(e.recorder), r = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], { host: i, root: a } = Dt(an);
+	i.style.zIndex = "2147482998";
+	let o = document.createElement("div");
+	o.className = "dock", o.setAttribute("data-edge", e.position ?? "bottom-right");
+	let s = document.createElement("div");
+	s.className = "hud", s.setAttribute("role", "status"), s.textContent = "flemo  attaching";
+	let c = document.createElement("button");
+	c.className = "eye", c.type = "button";
+	let l = document.createElement("span");
+	l.className = "mark", l.textContent = "hud";
+	let u = document.createElement("span");
+	u.className = "state", c.appendChild(l), c.appendChild(u), o.appendChild(s), o.appendChild(c), a.appendChild(o);
+	let d = !1, f = e.initialExpanded === !0, p = e.initialHidden ?? ln(), m = -1, h = 0, g = 0, _ = !1, v = "", y = () => {
 		try {
 			return t.report();
 		} catch {
 			return null;
 		}
-	}, h = () => {
-		if (s || Et()) return;
-		let e = m(), t = e?.flights ?? [], n = t[t.length - 1], r = [on(n)];
-		c && r.push(...sn(e, n));
-		let i = r.join("\n"), a = (e?.preconditions ?? []).some((e) => e.status === "violated"), l = (n?.anomalies?.length ?? 0) > 0;
-		i !== p && (p = i, o.textContent = i), o.setAttribute("data-alarm", l ? "true" : "false"), o.setAttribute("data-blocked", a ? "true" : "false");
-	}, g = () => {
-		u = 0, h(), u = window.setTimeout(g, tn);
-	}, _ = () => {
-		l = l + 1 >= r.length ? -1 : l + 1, t.mark(l === -1 ? null : r[l]), p = "", h();
+	}, b = () => {
+		if (d || p || Tt()) return;
+		let e = y(), t = e?.flights ?? [], n = t[t.length - 1], r = [sn(n)];
+		f && r.push(...cn(e, n));
+		let i = r.join("\n"), a = (e?.preconditions ?? []).some((e) => e.status === "violated"), o = (n?.anomalies?.length ?? 0) > 0;
+		i !== v && (v = i, s.textContent = i), s.setAttribute("data-alarm", o ? "true" : "false"), s.setAttribute("data-blocked", a ? "true" : "false");
+	}, x = () => {
+		h = 0, b(), h = window.setTimeout(x, tn);
+	}, S = (e) => {
+		p = e, s.hidden = e, u.textContent = e ? "show" : "hide", c.setAttribute("data-hidden", e ? "true" : "false"), c.setAttribute("aria-label", e ? "show the flemo readout" : "hide the flemo readout"), c.setAttribute("aria-expanded", e ? "false" : "true"), window.clearTimeout(h), h = 0, !e && (v = "", b(), h = window.setTimeout(x, tn));
+	}, C = () => {
+		m = m + 1 >= r.length ? -1 : m + 1, t.mark(m === -1 ? null : r[m]), v = "", b();
 	};
-	o.addEventListener("pointerdown", () => {
-		f = !1, window.clearTimeout(d), d = window.setTimeout(() => {
-			f = !0, _();
+	s.addEventListener("pointerdown", () => {
+		_ = !1, window.clearTimeout(g), g = window.setTimeout(() => {
+			_ = !0, C();
 		}, nn);
-	}), o.addEventListener("pointerup", () => {
-		window.clearTimeout(d), d = 0, !f && (c = !c, p = "", h());
-	}), o.addEventListener("pointercancel", () => window.clearTimeout(d));
-	let v = () => {
-		s || (s = !0, window.clearTimeout(u), u = 0, window.clearTimeout(d), d = 0, i.remove(), n && t.detach(), cn = null);
+	}), s.addEventListener("pointerup", () => {
+		window.clearTimeout(g), g = 0, !_ && (f = !f, v = "", b());
+	}), s.addEventListener("pointercancel", () => window.clearTimeout(g)), c.addEventListener("click", () => {
+		S(!p), un(p);
+	});
+	let w = () => {
+		d || (d = !0, window.clearTimeout(h), h = 0, window.clearTimeout(g), g = 0, i.remove(), n && t.detach(), dn = null);
 	};
-	document.body.appendChild(i), h(), u = window.setTimeout(g, tn);
-	let y = { detach: v };
-	return cn = y, y;
-}, un = 1200, dn = 2, fn = () => [...document.querySelectorAll(`[${d}]`)], pn = (e) => H(getComputedStyle(e).transform) ?? 0, mn = (e) => {
+	document.body.appendChild(i), S(p);
+	let T = { detach: w };
+	return dn = T, T;
+}, pn = 1200, mn = 2, hn = () => [...document.querySelectorAll(`[${d}]`)], gn = (e) => ve(getComputedStyle(e).transform) ?? 0, _n = (e) => {
 	let t = [];
 	for (let n of e) {
 		let e = n;
@@ -1611,22 +1633,22 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		}
 	}
 	return t;
-}, hn = (e) => e.length === 0 ? 0 : e.reduce((e, t) => e + t, 0) / e.length, $ = (e) => Math.round(e * 100) / 100, gn = (e) => {
+}, vn = (e) => e.length === 0 ? 0 : e.reduce((e, t) => e + t, 0) / e.length, yn = (e) => Math.round(e * 100) / 100, bn = (e) => {
 	/* v8 ignore next -- SSR guard: there is nothing to watch without a document. */
 	if (typeof document > "u") return { detach: () => {} };
 	let t = e.now ?? (() => performance.now()), n = e.schedule ?? ((e) => {
 		requestAnimationFrame(e);
 	}), r = () => {
-		let r = fn();
+		let r = hn();
 		if (r.length === 0) return;
-		let i = Math.max(...r.map((e) => Math.abs(pn(e))));
-		if (i < dn) return;
+		let i = Math.max(...r.map((e) => Math.abs(gn(e))));
+		if (i < mn) return;
 		let a = t(), o = [], s = () => {
-			let r = fn();
+			let r = hn();
 			if (o.push({
 				t: Math.round(t() - a),
-				x: r.map((e) => $(pn(e))),
-				animations: mn(r)
+				x: r.map((e) => yn(gn(e))),
+				animations: _n(r)
 			}), t() - a < 1200) {
 				n(s);
 				return;
@@ -1638,13 +1660,13 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 				let t = Math.abs(u[e] - u[e - 1]);
 				t > 0 && d.push(t);
 			}
-			let f = hn(d.slice(0, 3)), p = hn(d.slice(-3));
+			let f = vn(d.slice(0, 3)), p = vn(d.slice(-3));
 			e.onRelease({
 				samples: o,
-				travelAtReleasePx: $(i),
-				biggestStepPx: $(Math.max(0, ...d)),
-				openingStepPx: $(f),
-				closingStepPx: $(p),
+				travelAtReleasePx: yn(i),
+				biggestStepPx: yn(Math.max(0, ...d)),
+				openingStepPx: yn(f),
+				closingStepPx: yn(p),
 				eased: d.length > 3 && p < f * .5,
 				teleported: Math.max(0, ...d) > i * .5
 			});
@@ -1660,4 +1682,4 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	} };
 };
 //#endregion
-export { c as BLIND_SPOTS, Fe as CORE_FLAGS, Pe as DEVTOOLS_OWNED_FLAGS, Ie as FLAG_REGISTRY, ge as JUDGING_PROTOCOL, e as LONG_GAP_MS, i as MID_FLIGHT_TASK_MS, n as OPENING_WINDOW_LEAD_MS, r as OPENING_WINDOW_TAIL_MS, Ne as PANEL_HEIGHT_KEY, ht as REPORT_SCHEMA_VERSION, W as RETIRED_FLAGS, Le as RETIRED_MARKER, a as STALL_MS, t as STUCK_STATUS_MS, un as SWIPE_PROBE_MS, We as TRACE_KEY, ln as attachDevtoolsHud, en as attachDevtoolsPanel, wt as attachFlightRecorder, gn as attachSwipeProbe, ne as captureEnvironment, ve as classifyDriver, qe as clearTrace, _e as computeFrameStats, V as computePhaseStats, o as deriveFlightAnomalies, Ue as deriveOverrideWarnings, at as derivePreconditions, s as deriveReportAnomalies, mt as deriveVerdict, N as detectEngine, F as developmentHints, P as isEmulationSuspected, ye as kindFromStatus, Je as loadTrace, H as parseTranslateX, ee as sampleRafCadence, Ke as saveTrace, He as snapshotOverrides, u as summariseBuckets };
+export { c as BLIND_SPOTS, Pe as CORE_FLAGS, Ne as DEVTOOLS_OWNED_FLAGS, Fe as FLAG_REGISTRY, pe as JUDGING_PROTOCOL, e as LONG_GAP_MS, i as MID_FLIGHT_TASK_MS, n as OPENING_WINDOW_LEAD_MS, r as OPENING_WINDOW_TAIL_MS, Me as PANEL_HEIGHT_KEY, mt as REPORT_SCHEMA_VERSION, G as RETIRED_FLAGS, Ie as RETIRED_MARKER, a as STALL_MS, t as STUCK_STATUS_MS, pn as SWIPE_PROBE_MS, Ue as TRACE_KEY, fn as attachDevtoolsHud, en as attachDevtoolsPanel, Ct as attachFlightRecorder, bn as attachSwipeProbe, ne as captureEnvironment, ge as classifyDriver, Ke as clearTrace, he as computeFrameStats, me as computePhaseStats, o as deriveFlightAnomalies, He as deriveOverrideWarnings, it as derivePreconditions, s as deriveReportAnomalies, pt as deriveVerdict, N as detectEngine, F as developmentHints, P as isEmulationSuspected, _e as kindFromStatus, qe as loadTrace, ve as parseTranslateX, ee as sampleRafCadence, Ge as saveTrace, Ve as snapshotOverrides, u as summariseBuckets };