@flemo/devtools 0.6.0 → 0.7.0

package/dist/index.mjs

@@ -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);
 	}
-}, le = (e, t) => {
+}, R = (e, t) => {
 	let n = t.style;
 	if (!n || n.animation === "") return;
 	e.evidence.inlineSuppression = !0;
 	let r = se(n), i = e.lastPose.get(t);
 	i !== void 0 && i !== r && (e.evidence.inlineAdvance = !0), e.lastPose.set(t, r);
-}, ue = (e, t) => {
+}, le = (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), le(e, n);
+			r.playState === "running" && (e.evidence.compiledAnimation = !0), R(e, n);
 			continue;
 		}
 		if (typeof t == "function") try {
@@ -220,21 +220,21 @@ 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 {}
-		le(e, n);
+		R(e, n);
 	}
-}, de = (e) => ({
+}, ue = (e) => ({
 	sampledFrames: e.releasedFrames,
 	stalledFrames: e.stalledFrames,
 	longestStallMs: ie(e.longestStallMs),
 	pausedAfterRelease: e.pausedAfterRelease,
 	holdReassertedAtMs: e.holdReassertedAtMs,
 	tailFrames: e.tailFrames
-}), R = 200, z = (e) => {
+}), z = 200, de = (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(z(e).filter((e) => !e.complete));
+	let t = new Set(de(e).filter((e) => !e.complete));
 	return {
 		tracked: t,
 		loadingAtStart: t.size,
@@ -242,11 +242,11 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		held: /* @__PURE__ */ new Set()
 	};
 }, pe = (e, t, n) => {
-	if (!(e.tracked.size >= R)) for (let r of Array.from(n)) {
+	if (!(e.tracked.size >= z)) 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 >= R) return;
+			if (e.tracked.size >= z) return;
 			e.tracked.add(t), e.addedDuringFlight += 1;
 		}
 	}
@@ -304,7 +304,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 }, ve = (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, be = (e) => {
+}, ye = (e) => e === "PUSHING" ? "PUSH" : e === "POPPING" ? "POP" : e === "REPLACING" ? "REPLACE" : null, H = (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;
-}, H = (e) => {
+}, U = (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;
-}, xe = (e, t) => {
+}, be = (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 = be(a);
+			let e = H(a);
 			e !== null && Math.abs(e) >= i * .5 && (r = !0);
 		}
 	}), {
 		residualInlineTransforms: n,
 		offViewportAtRest: r,
-		orphanedHolds: H(t)
+		orphanedHolds: U(t)
 	};
-}, Se = E.map((e) => `[${b}="${e}"]`).join(","), Ce = A(d), we = (e) => Math.round(e * 10) / 10, Te = (e) => {
+}, xe = E.map((e) => `[${b}="${e}"]`).join(","), Se = A(d), Ce = (e) => Math.round(e * 10) / 10, we = (e) => {
 	let t = e.getAttribute(x);
 	return t === null || t === "" ? null : t;
-}, Ee = (e) => {
+}, Te = (e) => {
 	let t = e.getAttribute(b);
 	return t !== null && E.includes(t);
-}, De = () => {
+}, Ee = () => {
 	try {
 		return document.querySelector("style[data-flemo-morph-sheet]")?.sheet?.cssRules.length ?? 0;
 	} catch {
 		return 0;
 	}
-}, Oe = (e) => {
+}, De = (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: De()
+		sheetRulesAtStart: Ee()
 	}, 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 = Te(e);
+		let a = we(e);
 		if (a === null) continue;
-		if (Ee(e)) {
+		if (Te(e)) {
 			t.flew.add(a);
 			continue;
 		}
-		let o = e.closest(Ce);
+		let o = e.closest(Se);
 		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;
-}, ke = (e, t) => {
-	if (t.hasAttribute("data-flemo-morph-camera") && (e.camera = !0), !Ee(t)) return;
-	let n = Te(t);
+}, Oe = (e, t) => {
+	if (t.hasAttribute("data-flemo-morph-camera") && (e.camera = !0), !Te(t)) return;
+	let n = we(t);
 	n !== null && e.flew.add(n);
-}, Ae = (e, t, n) => {
-	for (let r of Array.from(t.addedNodes)) if (r instanceof Element) for (let t of je(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 je(r)) {
+}, 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)) {
 		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);
 	}
-}, je = (e) => [...e.hasAttribute("data-flemo-morph-ghost") ? [e] : [], ...Array.from(e.querySelectorAll(A(w)))], Me = (e) => {
+}, Ae = (e) => [...e.hasAttribute("data-flemo-morph-ghost") ? [e] : [], ...Array.from(e.querySelectorAll(A(w)))], je = (e) => {
 	let t = e.shortestGhostLifeMs;
 	return t === null || t >= 34 ? [] : [{
 		kind: "ghost-cut",
-		atMs: we(t),
-		detail: `a morph ghost was removed ${we(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: 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`
 	}];
-}, Ne = (e, t) => {
+}, Me = (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(Se).length,
+		strandedRoles: document.querySelectorAll(xe).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, De() - e.sheetRulesAtStart)
+		leaked: Math.max(0, Ee() - e.sheetRulesAtStart)
 	};
 	return {
 		registered: e.registered,
@@ -437,7 +437,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		layerResidue: a.layerResidue,
 		duplicatedKeys: [...e.duplicated].sort()
 	};
-}, U = "flemo:devtools-panel-height", Pe = [{
+}, Ne = "flemo:devtools-panel-height", Pe = [{
 	key: "flemo:devtools",
 	storage: "session",
 	kind: "opt-in-diagnostic",
@@ -445,13 +445,13 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	fallback: "off",
 	effect: "arms this flight recorder in the playground (?devtools=on)"
 }, {
-	key: U,
+	key: Ne,
 	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 = [], W = [...Fe, ...Pe], G = [
+}], Fe = [], Ie = [...Fe, ...Pe], W = [
 	{
 		key: "flemo:sixty",
 		storage: "session",
@@ -572,53 +572,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)"
 	}
-], Ie = "(retired — the library no longer reads this)", Le = (e) => {
+], Le = "(retired — the library no longer reads this)", Re = (e) => {
 	try {
 		let t = e === "session" ? sessionStorage : localStorage;
 		return t.length, t;
 	} catch {
 		return null;
 	}
-}, Re = (e, t) => {
+}, ze = (e, t) => {
 	try {
 		return e ? e.getItem(t) : null;
 	} catch {
 		return null;
 	}
-}, ze = new Set(W.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 W) {
-		let i = Re(r.storage === "session" ? t : n, r.key);
+}, 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);
 		i !== null && (e[r.key] = i);
 	}
-	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 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, 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:") || ze.has(n) || Be.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
+			!n || !n.startsWith("flemo:") || Be.has(n) || Ve.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
 		}
 	} catch {}
 	return e;
-}, He = (e) => {
+}, Ue = (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 = G.find((t) => t.key === e);
+		let e = n.slice(0, n.indexOf(" (")), i = W.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;
-}, Ue = "flemo:devtools-trace", We = () => {
+}, We = "flemo:devtools-trace", Ge = () => {
 	try {
 		let e = sessionStorage;
 		return e.length, e;
 	} catch {
 		return null;
 	}
-}, Ge = (e, t) => {
-	let n = We();
+}, Ke = (e, t) => {
+	let n = Ge();
 	if (!n) return;
 	let r = e.slice(-10);
 	for (; r.length > 0;) {
@@ -629,23 +629,23 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		});
 		if (e.length <= 64e3) {
 			try {
-				n.setItem(Ue, e);
+				n.setItem(We, e);
 			} catch {}
 			return;
 		}
 		r = r.slice(1);
 	}
-	Ke();
-}, Ke = () => {
+	qe();
+}, qe = () => {
 	try {
-		We()?.removeItem(Ue);
+		Ge()?.removeItem(We);
 	} catch {}
-}, qe = (e) => {
-	let t = We();
+}, Je = (e) => {
+	let t = Ge();
 	if (!t) return null;
 	let n = null;
 	try {
-		n = t.getItem(Ue);
+		n = t.getItem(We);
 	} catch {
 		return null;
 	}
@@ -654,14 +654,14 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	try {
 		r = JSON.parse(n);
 	} catch {
-		return Ke(), null;
+		return qe(), null;
 	}
-	return !r || r.version !== e || !Array.isArray(r.flights) ? (Ke(), null) : {
+	return !r || r.version !== e || !Array.isArray(r.flights) ? (qe(), 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."
 	};
-}, Je = 12, Ye = 20, Xe = 40, Ze = 500, Qe = 200, $e = (e) => {
+}, Ye = 12, Xe = 20, Ze = 40, Qe = 500, $e = 200, et = (e) => {
 	let t = e.rafCadence.medianGapMs;
 	if (t === null) return {
 		id: "display-cadence",
@@ -669,17 +669,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 < Je ? {
+	return t < Ye ? {
 		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 <= Ye ? {
+	} : t <= Xe ? {
 		id: "display-cadence",
 		status: "ok",
 		detail: `idle frames arrive every ${t}ms — a 60Hz clock`,
 		metrics: n
-	} : t <= Xe ? {
+	} : t <= Ze ? {
 		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 +690,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
 	};
-}, et = (e) => {
+}, tt = (e) => {
 	if (!e.environment.observation.longTasks) return {
 		id: "machine-idle",
 		status: "unknown",
@@ -701,7 +701,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		idleLongTaskMs: n,
 		worstIdleTaskMs: r
 	};
-	return n >= Ze || r >= Qe ? {
+	return n >= Qe || r >= $e ? {
 		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 +712,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
 	};
-}, tt = (e) => {
+}, nt = (e) => {
 	let { trusted: t, synthetic: n, pointerTypes: r } = e.input;
 	return n > 0 ? {
 		id: "real-input",
@@ -739,7 +739,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			synthetic: n
 		}
 	};
-}, nt = (e) => e.input.pointerTypes.includes("touch") ? {
+}, rt = (e) => e.input.pointerTypes.includes("touch") ? {
 	id: "touch-path",
 	status: "ok",
 	detail: "at least one navigation was driven by touch"
@@ -751,7 +751,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"
-}, rt = [
+}, it = [
 	{
 		id: "devtools-closed",
 		status: "unknown",
@@ -767,7 +767,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"
 	}
-], it = (e) => {
+], at = (e) => {
 	let { environment: t } = e, n = [];
 	return n.push(t.emulationSuspected ? {
 		id: "device-emulation",
@@ -777,7 +777,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($e(t)), n.push(e.documentHidden || e.wentHidden ? {
+	}), n.push(et(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 +785,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(et(e)), n.push(t.developmentHints.length > 0 ? {
+	}), n.push(tt(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 +793,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(tt(e)), n.push(nt(e)), n.push(t.reducedMotion ? {
+	}), n.push(nt(e)), n.push(rt(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 +801,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, ...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) => {
+	}), [...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) => {
 	if (typeof document > "u") return {
 		detach: () => {},
 		sawAnimationEvent: () => !1,
@@ -813,18 +813,18 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		})
 	};
 	let t = [], n = !1, r = (t) => {
-		ct(t) && (n = !0, e.onAnimationStart(performance.now()));
+		lt(t) && (n = !0, e.onAnimationStart(performance.now()));
 	}, i = (t) => {
-		ct(t) && (n = !0, e.onHit({
+		lt(t) && (n = !0, e.onHit({
 			kind: "animation-cancel",
 			atMs: performance.now(),
-			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`
+			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`
 		}));
 	}, a = (t) => {
-		ct(t) && (n = !0, t.elapsedTime === 0 && e.onHit({
+		lt(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 ${lt(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 ${ut(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 +832,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 > ot && t.splice(0, t.length - ot);
+		}), t.length > st && t.splice(0, t.length - st);
 	}, s = {
 		capture: !0,
 		passive: !0
@@ -843,7 +843,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		},
 		sawAnimationEvent: () => n,
 		inputBetween: (e, n) => {
-			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));
+			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));
 			return {
 				trusted: a,
 				synthetic: i.length - a,
@@ -851,22 +851,22 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			};
 		}
 	};
-}, dt = (e, t) => ({
+}, ft = (e, t) => ({
 	kind: e.kind,
-	atMs: st(e.atMs - t),
+	atMs: ct(e.atMs - t),
 	detail: e.detail
-}), ft = (e) => {
+}), pt = (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)];
-}, pt = (e) => {
+}, mt = (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 ${ft(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 ${pt(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 +882,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;
-}, 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 = () => ({
+}, 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 = () => ({
 	generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 	version: "3",
 	verdict: ["No DOM was available, so nothing could be observed. The recorder ran inert."],
@@ -901,14 +901,14 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	anomalies: [],
 	blindSpots: [...c],
 	judgingProtocol: [...ge]
-}), Ct = (e = {}) => {
-	if (xt) return xt;
+}), wt = (e = {}) => {
+	if (St) return St;
 	if (typeof window > "u" || typeof document > "u") return {
 		detach: () => {},
-		report: St,
+		report: Ct,
 		mark: () => null
 	};
-	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 = {
+	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 = {
 		medianGapMs: null,
 		sampleCount: 0
 	};
@@ -919,10 +919,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: K(t.startTime),
-				durationMs: K(t.duration)
+				startMs: G(t.startTime),
+				durationMs: G(t.duration)
 			});
-			x.length > yt && x.splice(0, x.length - yt);
+			x.length > bt && x.splice(0, x.length - bt);
 		}), S.observe({
 			type: "longtask",
 			buffered: !0
@@ -930,40 +930,40 @@ 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(_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;
+	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;
 		return {
 			screens: e.length,
 			bars: t,
 			decorators: n,
 			parts: r
 		};
-	}, I = ut({
+	}, I = dt({
 		onHit: (e) => {
 			let t = E;
-			t && t.tripwires.push(dt(e, t.t0Ms));
+			t && t.tripwires.push(ft(e, t.t0Ms));
 		},
 		onAnimationStart: (e) => {
 			let t = E;
-			!t || t.firstAnimationAtMs !== null || (t.firstAnimationAtMs = K(e - t.t0Ms));
+			!t || t.firstAnimationAtMs !== null || (t.firstAnimationAtMs = G(e - t.t0Ms));
 		}
 	}), re = (e) => {
 		let t = /* @__PURE__ */ new Set();
 		for (let n of e.elements) {
 			let e = n.getAttribute("data-flemo-status") ?? "";
-			ht.has(e) && t.add(e);
+			gt.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 < vt) {
+		if (n.lastFrameAt !== null && n.heldGaps.length + n.releasedGaps.length < yt) {
 			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));
 		}
-		if (n.lastFrameAt = t, ue(n, e.elements), t - e.t0Ms > 1e4) {
-			O = [...e.elements], z(t, re(e));
+		if (n.lastFrameAt = t, le(n, e.elements), t - e.t0Ms > 1e4) {
+			O = [...e.elements], de(t, re(e));
 			return;
 		}
 		e.rafId = requestAnimationFrame(L);
@@ -973,7 +973,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		let n = e.find((e) => e.getAttribute("data-flemo-active") === "true") ?? e[0], r = ye(n.getAttribute("data-flemo-status") ?? "") ?? "PUSH", i = null;
 		for (let t of e) {
 			let e = t.getAttribute(m);
-			if (e !== null && gt.has(e)) {
+			if (e !== null && _t.has(e)) {
 				i = e;
 				break;
 			}
@@ -992,10 +992,10 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			firstAnimationAtMs: null,
 			frames: ae(),
 			images: fe(e),
-			morphs: Oe(e),
+			morphs: De(e),
 			tripwires: [],
 			rafId: null
-		}, ue(E.frames, E.elements), E.rafId = requestAnimationFrame(L);
+		}, le(E.frames, E.elements), E.rafId = requestAnimationFrame(L);
 	}, se = (e, t) => {
 		let n = 2, r = () => {
 			if (k) return;
@@ -1003,35 +1003,35 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 				requestAnimationFrame(r);
 				return;
 			}
-			let i = xe(t, te());
+			let i = be(t, te());
 			e.landing.residualInlineTransforms = i.residualInlineTransforms, e.landing.offViewportAtRest = i.offViewportAtRest, e.landing.orphanedHolds = i.orphanedHolds;
 		};
 		requestAnimationFrame(r);
-	}, le = (e, t) => {
+	}, R = (e, t) => {
 		let n = 2, r = () => {
 			if (!k) {
 				if (--n, n > 0) {
 					requestAnimationFrame(r);
 					return;
 				}
-				e.morphs = Ne(t.morphs, te());
+				e.morphs = Me(t.morphs, te());
 			}
 		};
 		requestAnimationFrame(r);
-	}, R = (e, t, n, r) => ({
+	}, z = (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: K(e.t0Ms),
+			ms: G(e.t0Ms),
 			iso: e.t0Iso
 		},
 		t1: {
-			ms: K(t),
+			ms: G(t),
 			iso: (/* @__PURE__ */ new Date()).toISOString()
 		},
-		durationMs: K(t - e.t0Ms),
+		durationMs: G(t - e.t0Ms),
 		driver: ve(e.frames.evidence),
 		participants: e.participants,
 		holds: {
@@ -1040,12 +1040,12 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		},
 		frameSamples: _e(e.frames.heldGaps, e.frames.releasedGaps),
 		motion: {
-			...de(e.frames),
+			...ue(e.frames),
 			firstAnimationAtMs: e.firstAnimationAtMs
 		},
 		images: he(e.images),
-		morphs: Ne(e.morphs, !0),
-		tripwires: [...e.tripwires, ...Me(e.morphs)],
+		morphs: Me(e.morphs, !0),
+		tripwires: [...e.tripwires, ...je(e.morphs)],
 		input: I.inputBetween(e.t0Ms, t),
 		longTasks: [],
 		holdLongTasks: [],
@@ -1056,28 +1056,28 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			orphanedHolds: []
 		},
 		anomalies: []
-	}), z = (e, t) => {
+	}), de = (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 = R(i, e, t, !1);
-		C.push(a), C.length > n && C.splice(0, C.length - n), t.length === 0 && (se(a, i.elements), le(a, i)), r && console.info(`[flemo devtools] ${a.id} ${a.kind} driver=${a.driver} ${a.durationMs}ms screens=${a.participants.screens}`);
+		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) => {
 		let t = E;
 		if (!t || !(e.target instanceof Element)) return;
 		let n = e.target.getAttribute(m);
-		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);
+		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);
 			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 && gt.has(e.oldValue) && t.holdReleasedAtMs === null && !oe(t.elements) && (t.holdReleasedAtMs = K(performance.now() - t.t0Ms));
+		(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 = () => {
 		let e = P();
 		if (O.length > 0) {
@@ -1089,17 +1089,17 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			return;
 		}
 		if (E && e.length === 0) {
-			z(performance.now(), []);
+			de(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));
-	}, be = null, H = null, Se = () => {
+	}, H = null, U = null, xe = () => {
 		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 && ke(E.morphs, n.target) : (E && Ae(E.morphs, n, t), E && n.addedNodes.length > 0 && pe(E.images, E.elements, n.addedNodes));
+			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();
 		});
 		try {
@@ -1119,30 +1119,30 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		} catch {
 			return !1;
 		}
-		return be = t, V(), !0;
+		return H = t, V(), !0;
 	};
-	if (!Se()) {
+	if (!xe()) {
 		let e = () => {
-			H = null, k || Se();
+			U = null, k || xe();
 		};
-		H = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		U = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	}
-	let Ce = () => {
-		document.visibilityState === "hidden" && (M = !0, a && E === null && Ge(C, "3"));
+	let Se = () => {
+		document.visibilityState === "hidden" && (M = !0, a && E === null && Ke(C, "3"));
 	};
-	document.addEventListener("visibilitychange", Ce);
-	let we = () => {
-		N = 0, !k && (E === null && Ge(C, "3"), N = window.setTimeout(we, bt));
+	document.addEventListener("visibilitychange", Se);
+	let Ce = () => {
+		N = 0, !k && (E === null && Ke(C, "3"), N = window.setTimeout(Ce, xt));
 	};
-	a && (N = window.setTimeout(we, bt));
-	let Te = (e) => {
+	a && (N = window.setTimeout(Ce, xt));
+	let we = (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)
 		};
-	}, Ee = (e) => x.filter((t) => t.startMs >= d && !e.some((e) => t.startMs + t.durationMs >= e.t0.ms && t.startMs <= e.t1.ms)), De = (e) => {
-		let t = Te(e), 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 = {
 			...e,
 			longTasks: t.released,
 			holdLongTasks: t.held,
@@ -1169,12 +1169,12 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			morphs: n.morphs,
 			tripwires: n.tripwires
 		}), n;
-	}, je = () => {
-		let e = C.map(De), n = E;
+	}, Ae = () => {
+		let e = C.map(Ee), n = E;
 		if (!n) return e;
 		let r = performance.now(), i = r - n.t0Ms > t;
-		return [...e, De(R(n, r, i ? re(n) : [], !0))];
-	}, U = (e) => {
+		return [...e, Ee(z(n, r, i ? re(n) : [], !0))];
+	}, Ne = (e) => {
 		let t = /* @__PURE__ */ new Set(), n = 0, r = 0;
 		for (let i of e) {
 			n += i.input.trusted, r += i.input.synthetic;
@@ -1186,20 +1186,20 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			pointerTypes: [...t].sort()
 		};
 	}, Pe = () => {
-		let e = Ve(), t = { ...e };
+		let e = He(), t = { ...e };
 		for (let [n, r] of Object.entries(l)) n in e || (t[`${n} (at attach, since cleared)`] = r);
-		let n = He(t), r = ne(g, I.sawAnimationEvent()), i = je(), a = E, o = it({
+		let n = Ue(t), r = ne(g, I.sawAnimationEvent()), i = Ae(), a = E, o = at({
 			environment: r,
-			idleLongTasks: Ee(i),
+			idleLongTasks: Te(i),
 			observedMs: performance.now() - d,
 			wentHidden: M,
 			documentHidden: document.visibilityState === "hidden",
-			input: U(i)
+			input: Ne(i)
 		});
 		return {
 			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
 			version: "3",
-			verdict: pt({
+			verdict: mt({
 				preconditions: o,
 				flights: i,
 				observation: r.observation
@@ -1222,16 +1222,16 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			blindSpots: [...c],
 			judgingProtocol: [...ge]
 		};
-	}, Fe = (e) => (D = e === null || e === "" ? null : e, D), W = () => {
+	}, Fe = (e) => (D = e === null || e === "" ? null : e, D), Ie = () => {
 		if (!k) {
-			if (k = !0, be?.disconnect(), H !== null && (document.removeEventListener("DOMContentLoaded", H), H = null), document.removeEventListener("visibilitychange", Ce), I.detach(), S?.disconnect(), window.clearTimeout(N), N = 0, E?.rafId != null && cancelAnimationFrame(E.rafId), E = null, j) {
+			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) {
 				let e = window;
 				e.flemo?.__flemoDevtools === !0 && delete e.flemo;
 			}
-			xt = null;
+			St = null;
 		}
-	}, G = {
-		detach: W,
+	}, W = {
+		detach: Ie,
 		report: Pe,
 		mark: Fe
 	};
@@ -1240,13 +1240,13 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		(t === void 0 || t?.__flemoDevtools === !0) && (e.flemo = {
 			__flemoDevtools: !0,
 			report: Pe,
-			flights: je,
+			flights: Ae,
 			mark: Fe,
-			detach: W
+			detach: Ie
 		}, j = !0);
 	}
-	return xt = G, G;
-}, wt = O.map((e) => A(d) + j(f, e)).join(","), Tt = () => document.querySelector(wt) !== null, Et = (e) => {
+	return St = W, W;
+}, Tt = O.map((e) => A(d) + j(f, e)).join(","), Et = () => document.querySelector(Tt) !== null, 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");
@@ -1256,7 +1256,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		host: t,
 		root: i
 	};
-}, Dt = () => {}, Ot = (e) => {
+}, Ot = () => {}, kt = (e) => {
 	if (e) return {
 		recorder: e,
 		ownsRecorder: !1
@@ -1265,184 +1265,184 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	return t?.__flemoDevtools === !0 && typeof t.report == "function" ? {
 		recorder: {
 			report: t.report,
-			detach: Dt,
+			detach: Ot,
 			mark: t.mark ?? (() => null)
 		},
 		ownsRecorder: !1
 	} : {
-		recorder: Ct(),
+		recorder: wt(),
 		ownsRecorder: !0
 	};
-}, kt = "http://www.w3.org/2000/svg", q = (e, t, n) => {
+}, At = "http://www.w3.org/2000/svg", K = (e, t, n) => {
 	let r = document.createElement(e);
 	return t !== void 0 && (r.className = t), n !== void 0 && (r.textContent = n), r;
-}, At = (e, t) => {
-	let n = document.createElementNS(kt, e);
+}, jt = (e, t) => {
+	let n = document.createElementNS(At, e);
 	for (let [e, r] of Object.entries(t)) n.setAttribute(e, r);
 	return n;
-}, jt = (e) => {
+}, Mt = (e) => {
 	for (; e.firstChild !== null;) e.removeChild(e.firstChild);
-}, Mt = (e, t) => {
+}, Nt = (e, t) => {
 	e.textContent !== t && (e.textContent = t);
-}, J = (e) => e == null || e === "" ? "—" : String(e), Y = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e)}ms` : "—", Nt = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e * 10) / 10}ms` : "—", X = (e) => typeof e == "number" && Number.isFinite(e) ? String(e) : "—", Pt = (e) => e === !0 ? "yes" : e === !1 ? "no" : "—", Ft = (e) => {
+}, 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) => {
 	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 [
-		J(t.engine),
-		`dpr ${J(t.devicePixelRatio)}`,
+		q(t.engine),
+		`dpr ${q(t.devicePixelRatio)}`,
 		r,
-		`rAF ${Nt(t.rafCadence?.medianGapMs)}`
+		`rAF ${Pt(t.rafCadence?.medianGapMs)}`
 	].join(" · ");
-}, It = (e, t) => `${t ?? ""}#${e.map((e) => `${e?.id ?? ""}|${e?.kind ?? ""}|${e?.driver ?? ""}|${Math.round(e?.durationMs ?? 0)}|${e?.participants?.screens ?? 0}|${e?.anomalies?.length ?? 0}`).join(",")}`, Lt = (e) => {
+}, Lt = (e, t) => `${t ?? ""}#${e.map((e) => `${e?.id ?? ""}|${e?.kind ?? ""}|${e?.driver ?? ""}|${Math.round(e?.durationMs ?? 0)}|${e?.participants?.screens ?? 0}|${e?.anomalies?.length ?? 0}`).join(",")}`, Rt = (e) => {
 	let t = e?.released?.gaps;
 	if (!Array.isArray(t)) return null;
 	let n = t.filter((e) => typeof e == "number" && Number.isFinite(e));
 	return n.length >= 2 ? n : null;
-}, Rt = "\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", zt = 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));
-}, Bt = (e, t) => {
-	jt(e);
-	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)}`));
-}, Vt = (e, t, n, r) => {
-	if (jt(e), t.length === 0) {
-		$(e, "no flights recorded yet — navigate once", "li dim");
+}, 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));
+}, 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)}`));
+}, Ht = (e, t, n, r) => {
+	if (Mt(e), t.length === 0) {
+		Q(e, "no flights recorded yet — navigate once", "li dim");
 		return;
 	}
 	for (let i = t.length - 1; i >= 0; --i) {
-		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 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 c = a?.anomalies?.length ?? 0;
-		s.appendChild(q("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
+		s.appendChild(K("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
 	}
-}, Ht = (e, t, n) => {
+}, Ut = (e, t, n) => {
 	if (!n) {
-		Z(e, t, "—");
+		X(e, t, "—");
 		return;
 	}
 	let r = [
-		`${X(n.count)} frames`,
-		`median ${Nt(n.medianGapMs)}`,
-		`max ${Nt(n.maxGapMs)}`
+		`${Y(n.count)} frames`,
+		`median ${Pt(n.medianGapMs)}`,
+		`max ${Pt(n.maxGapMs)}`
 	];
-	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), Z(e, t, r.join(" · "));
-}, Ut = (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 = At("svg", {
+	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), X(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",
 		viewBox: "0 0 100 28",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true"
 	});
-	return a.appendChild(At("polyline", {
+	return a.appendChild(jt("polyline", {
 		points: i,
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-width": "1",
 		"vector-effect": "non-scaling-stroke"
 	})), a;
-}, Wt = (e, t) => {
+}, Gt = (e, t) => {
 	let n = t.longTasks ?? [], r = t.holdLongTasks ?? [];
 	if (n.length === 0 && r.length === 0) {
-		$(e, "none", "li dim");
+		Q(e, "none", "li dim");
 		return;
 	}
-	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");
-}, Gt = (e, t) => {
-	if (jt(e), !t) {
-		$(e, "select a flight", "li dim");
+	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");
+}, Kt = (e, t) => {
+	if (Mt(e), !t) {
+		Q(e, "select a flight", "li dim");
 		return;
 	}
-	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");
-	Ht(r, "held (absorbed)", t.frameSamples?.held), Ht(r, "released (visible)", t.frameSamples?.released);
-	let i = Lt(t.frameSamples);
-	i && r.appendChild(Ut(i));
-	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) >= zt ? "bad" : void 0), Z(a, "paused after release", Pt(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 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");
+	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 c = t.morphs;
 	if (c) {
-		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 t = Z(e, "shared elements");
+		X(t, "registered", Y(c.registered)), X(t, "pairable / flew", `${Y(c.pairable?.length)} · ${Y(c.flew?.length)}`);
 		let n = c.skipped ?? [];
-		Z(t, "did not fly", n.length === 0 ? "none" : n.join(", "), n.length > 0 ? "bad" : void 0);
+		X(t, "did not fly", n.length === 0 ? "none" : n.join(", "), n.length > 0 ? "bad" : void 0);
 		let r = c.duplicatedKeys ?? [];
-		r.length > 0 && Z(t, "duplicate keys in one screen", r.join(", "), "bad"), Z(t, "camera", Pt(c.camera)), Z(t, "ghosts", X(c.ghosts));
+		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));
 		let i = (c.strandedRoles ?? 0) + (c.strandedStandIns ?? 0) + (c.strandedGhosts ?? 0) + (c.layerResidue ?? 0) + (c.leakedSheetRules ?? 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);
+		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);
 	}
 	let l = t.tripwires ?? [];
 	if (l.length > 0) {
-		let t = Q(e, "tripwires (one-frame events)");
-		for (let e of l) $(t, `+${Y(e.atMs)} ${e.kind}: ${e.detail}`, "li bad");
+		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 u = t.input;
 	if (u) {
-		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 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 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), Wt(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", Pt(t.landing?.offViewportAtRest));
+	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 v = t.landing?.stuckStatuses ?? [];
-	Z(g, "stuck statuses", v.length === 0 ? "none" : v.join(", "));
+	X(g, "stuck statuses", v.length === 0 ? "none" : v.join(", "));
 	let y = t.landing?.orphanedHolds ?? [];
-	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 (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 (x.length === 0) {
-		$(b, "none", "li dim");
+		Q(b, "none", "li dim");
 		return;
 	}
-	for (let e of x) $(b, J(e), "li bad");
-}, Kt = (e, t) => {
-	jt(e);
-	for (let n of t ?? []) $(e, J(n));
-}, qt = 320, Jt = 2e3, Yt = 120, Xt = "Copy report JSON", Zt = () => {}, Qt = null, $t = (e = {}) => {
-	if (Qt) return Qt;
-	if (typeof document > "u") return { detach: Zt };
-	let { recorder: t, ownsRecorder: n } = Ot(e.recorder), { host: r, root: i } = Et(Rt), a = q("button", "toggle");
+	for (let e of x) Q(b, q(e), "li bad");
+}, qt = (e, t) => {
+	Mt(e);
+	for (let n of t ?? []) Q(e, q(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");
 	a.type = "button", a.setAttribute("data-corner", e.position ?? "bottom-right"), a.setAttribute("aria-label", "flemo devtools");
-	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");
+	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");
 	c.hidden = !0;
-	let l = q("div", "grip");
+	let l = K("div", "grip");
 	l.setAttribute("role", "separator"), l.setAttribute("aria-label", "Resize flemo devtools panel");
-	let u = q("header", "head"), d = q("div", "env", "—"), f = q("button", "act", Xt);
+	let u = K("header", "head"), d = K("div", "env", "—"), f = K("button", "act", Zt);
 	f.type = "button";
-	let p = q("button", "act", "Close");
+	let p = K("button", "act", "Close");
 	p.type = "button";
-	let m = q("button", "act", "Detach");
+	let m = K("button", "act", "Detach");
 	m.type = "button";
-	let h = q("button", "act", "A/B: off");
+	let h = K("button", "act", "A/B: off");
 	h.type = "button";
-	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");
+	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");
 	_.appendChild(v), _.appendChild(y);
-	let b = q("div", "foot"), x = q("details");
-	x.appendChild(q("summary", void 0, "What this cannot see"));
-	let S = q("div");
+	let b = K("div", "foot"), x = K("details");
+	x.appendChild(K("summary", void 0, "What this cannot see"));
+	let S = K("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, Yt), Math.max(Yt, window.innerHeight * .9)), ee = () => {
+	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(U);
+			let e = sessionStorage.getItem(Ne);
 			if (e === null) return null;
 			let t = Number.parseFloat(e);
 			return Number.isFinite(t) ? t : null;
@@ -1451,7 +1451,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		}
 	}, te = (e) => {
 		try {
-			sessionStorage.setItem(U, String(Math.round(e)));
+			sessionStorage.setItem(Ne, String(Math.round(e)));
 		} catch {}
 	}, F = P(ee() ?? window.innerHeight * .4);
 	c.style.height = `${Math.round(F)}px`;
@@ -1465,63 +1465,63 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		e !== T && (T = e, L());
 	}, re = () => {
 		let e = I(), t = e?.flights ?? [];
-		Mt(o, String(t.length));
+		Nt(o, String(t.length));
 		let n = t.some((e) => (e?.anomalies?.length ?? 0) > 0);
 		if (s.hidden = !n, c.hidden = !w, !w) return;
-		Mt(d, Ft(e));
+		Nt(d, It(e));
 		let r = JSON.stringify([
 			e?.overrides?.warnings ?? [],
 			e?.anomalies ?? [],
 			e?.overrides?.active ?? {}
 		]);
-		r !== O && (O = r, Bt(g, e)), T === null && t.length > 0 && (T = t[t.length - 1]?.id ?? null);
-		let i = It(t, T);
-		i !== E && (E = i, Vt(v, t, T, ne));
+		r !== O && (O = r, Vt(g, e)), T === null && t.length > 0 && (T = t[t.length - 1]?.id ?? null);
+		let i = Lt(t, T);
+		i !== E && (E = i, Ht(v, t, T, ne));
 		let a = t.find((e) => e?.id === T) ?? null, l = JSON.stringify(a);
-		l !== D && (D = l, Gt(y, a)), k || (k = !0, Kt(S, e?.blindSpots));
+		l !== D && (D = l, Kt(y, a)), k || (k = !0, qt(S, e?.blindSpots));
 	};
 	function L() {
-		C || Tt() || re();
+		C || Et() || re();
 	}
 	function ie() {
 		A = 0, L(), ae();
 	}
 	function ae() {
-		A = window.setTimeout(ie, w ? qt : Jt);
+		A = window.setTimeout(ie, w ? Jt : Yt);
 	}
 	let oe = () => {
 		window.clearTimeout(A), ae();
 	}, se = (e) => {
 		w = e, oe(), L();
 	};
-	a.addEventListener("click", () => se(!w)), p.addEventListener("click", () => se(!1)), m.addEventListener("click", () => z()), h.addEventListener("click", () => {
+	a.addEventListener("click", () => se(!w)), p.addEventListener("click", () => se(!1)), m.addEventListener("click", () => de()), h.addEventListener("click", () => {
 		M = M + 1 >= N.length ? -1 : M + 1;
 		let e = M === -1 ? null : N[M];
-		t.mark(e), Mt(h, `A/B: ${e ?? "off"}`), O = "", L();
+		t.mark(e), Nt(h, `A/B: ${e ?? "off"}`), O = "", L();
 	});
 	let ce = () => {
 		if (!C) {
-			if (Tt()) {
-				window.clearTimeout(j), j = window.setTimeout(ce, qt);
+			if (Et()) {
+				window.clearTimeout(j), j = window.setTimeout(ce, Jt);
 				return;
 			}
-			Mt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(le, 1200);
+			Nt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(R, 1200);
 		}
 	};
-	function le() {
-		if (Tt()) {
-			j = window.setTimeout(le, qt);
+	function R() {
+		if (Et()) {
+			j = window.setTimeout(R, Jt);
 			return;
 		}
-		j = 0, Mt(f, Xt);
+		j = 0, Nt(f, Zt);
 	}
-	let ue = (e) => {
+	let le = (e) => {
 		if (C) return;
-		if (Tt()) {
-			window.clearTimeout(j), j = window.setTimeout(() => ue(e), qt);
+		if (Et()) {
+			window.clearTimeout(j), j = window.setTimeout(() => le(e), Jt);
 			return;
 		}
-		let t = q("textarea");
+		let t = K("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 {
@@ -1532,44 +1532,44 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	f.addEventListener("click", () => {
 		let e = JSON.stringify(I(), null, 2), t = navigator.clipboard;
 		if (t && typeof t.writeText == "function") {
-			t.writeText(e).then(ce, () => ue(e));
+			t.writeText(e).then(ce, () => le(e));
 			return;
 		}
-		ue(e);
+		le(e);
 	});
-	let de = (e) => {
+	let ue = (e) => {
 		F = P(window.innerHeight - e.clientY), c.style.height = `${Math.round(F)}px`;
-	}, R = () => {
-		window.removeEventListener("pointermove", de), window.removeEventListener("pointerup", R), te(F);
+	}, z = () => {
+		window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", z), te(F);
 	};
 	l.addEventListener("pointerdown", (e) => {
-		e.preventDefault(), window.addEventListener("pointermove", de), window.addEventListener("pointerup", R);
+		e.preventDefault(), window.addEventListener("pointermove", ue), window.addEventListener("pointerup", z);
 	});
-	function z() {
-		C || (C = !0, window.clearTimeout(A), A = 0, window.clearTimeout(j), j = 0, window.removeEventListener("pointermove", de), window.removeEventListener("pointerup", R), r.remove(), n && t.detach(), Qt = null);
+	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);
 	}
 	document.body.appendChild(r), L(), ae();
-	let fe = { detach: z };
-	return Qt = fe, fe;
-}, en = 500, tn = 450, nn = "\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", rn = (e) => Math.round(e * 10) / 10, an = (e) => {
+	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) => {
 	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 ${rn(t?.maxGapMs ?? 0)}  drop ${t?.over30Count ?? 0}` + (n > 0 ? `  !${n}` : "  ok") + (e.bucket ? `  [${e.bucket}]` : "");
-}, on = (e, t) => {
+	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) => {
 	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 ${rn(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 ${an(e?.environment?.rafCadence?.medianGapMs ?? 0)}ms`), n;
 	let i = t.frameSamples;
-	n.push(`frames  n${i?.released?.count ?? 0} med ${rn(i?.released?.medianGapMs ?? 0)} max ${rn(i?.released?.maxGapMs ?? 0)}`), n.push(`motion  stall ${rn(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 ${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}`);
 	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;
-}, sn = null, cn = (e = {}) => {
-	if (sn) return sn;
+}, cn = null, ln = (e = {}) => {
+	if (cn) return cn;
 	if (typeof document > "u") return { detach: () => {} };
-	let { recorder: t, ownsRecorder: n } = Ot(e.recorder), r = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], { host: i, root: a } = Et(nn), o = document.createElement("div");
+	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 = () => {
 		try {
@@ -1578,29 +1578,86 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			return null;
 		}
 	}, h = () => {
-		if (s || Tt()) return;
-		let e = m(), t = e?.flights ?? [], n = t[t.length - 1], r = [an(n)];
-		c && r.push(...on(e, n));
+		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, en);
+		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();
 	};
 	o.addEventListener("pointerdown", () => {
 		f = !1, window.clearTimeout(d), d = window.setTimeout(() => {
 			f = !0, _();
-		}, tn);
+		}, 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(), sn = null);
+		s || (s = !0, window.clearTimeout(u), u = 0, window.clearTimeout(d), d = 0, i.remove(), n && t.detach(), cn = null);
 	};
-	document.body.appendChild(i), h(), u = window.setTimeout(g, en);
+	document.body.appendChild(i), h(), u = window.setTimeout(g, tn);
 	let y = { detach: v };
-	return sn = y, y;
+	return cn = y, y;
+}, un = 1200, dn = 2, fn = () => [...document.querySelectorAll(`[${d}]`)], pn = (e) => H(getComputedStyle(e).transform) ?? 0, mn = (e) => {
+	let t = [];
+	for (let n of e) {
+		let e = n;
+		if (typeof e.getAnimations == "function") for (let n of e.getAnimations()) {
+			let e = n, r = n.currentTime, i = typeof r == "number" ? Math.round(r) : 0;
+			t.push(`${e.animationName ?? "waapi"}|${n.playState}|ct=${i}|rate=${n.playbackRate}`);
+		}
+	}
+	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) => {
+	/* 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();
+		if (r.length === 0) return;
+		let i = Math.max(...r.map((e) => Math.abs(pn(e))));
+		if (i < dn) return;
+		let a = t(), o = [], s = () => {
+			let r = fn();
+			if (o.push({
+				t: Math.round(t() - a),
+				x: r.map((e) => $(pn(e))),
+				animations: mn(r)
+			}), t() - a < 1200) {
+				n(s);
+				return;
+			}
+			let c = o[0].x, l = 0;
+			for (let [e, t] of c.entries()) Math.abs(t) > Math.abs(c[l]) && (l = e);
+			let u = o.map((e) => e.x[l] ?? 0), d = [];
+			for (let e = 1; e < u.length; e += 1) {
+				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));
+			e.onRelease({
+				samples: o,
+				travelAtReleasePx: $(i),
+				biggestStepPx: $(Math.max(0, ...d)),
+				openingStepPx: $(f),
+				closingStepPx: $(p),
+				eased: d.length > 3 && p < f * .5,
+				teleported: Math.max(0, ...d) > i * .5
+			});
+		};
+		n(s);
+	}, i = ["pointerup", "pointercancel"];
+	for (let e of i) document.addEventListener(e, r, {
+		capture: !0,
+		passive: !0
+	});
+	return { detach: () => {
+		for (let e of i) document.removeEventListener(e, r, { capture: !0 });
+	} };
 };
 //#endregion
-export { c as BLIND_SPOTS, Fe as CORE_FLAGS, Pe as DEVTOOLS_OWNED_FLAGS, W 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, U 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, Ue as TRACE_KEY, cn as attachDevtoolsHud, $t as attachDevtoolsPanel, Ct as attachFlightRecorder, ne as captureEnvironment, ve as classifyDriver, Ke as clearTrace, _e as computeFrameStats, V 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, ye as kindFromStatus, qe as loadTrace, be as parseTranslateX, ee as sampleRafCadence, Ge as saveTrace, Ve as snapshotOverrides, u as summariseBuckets };
+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 };