@flemo/devtools 0.6.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);
 	}
-}, le = (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);
-}, ue = (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), le(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 {}
-		le(e, n);
+		z(e, n);
 	}
-}, de = (e) => ({
+}, ce = (e) => ({
 	sampledFrames: e.releasedFrames,
 	stalledFrames: e.stalledFrames,
 	longestStallMs: ie(e.longestStallMs),
 	pausedAfterRelease: e.pausedAfterRelease,
 	holdReassertedAtMs: e.holdReassertedAtMs,
 	tailFrames: e.tailFrames
-}), R = 200, z = (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(z(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 >= R)) 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 >= R) 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, be = (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;
-}, H = (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;
-}, xe = (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 = be(a);
+			let e = ve(a);
 			e !== null && Math.abs(e) >= i * .5 && (r = !0);
 		}
 	}), {
 		residualInlineTransforms: n,
 		offViewportAtRest: r,
-		orphanedHolds: H(t)
+		orphanedHolds: W(t)
 	};
-}, Se = E.map((e) => `[${b}="${e}"]`).join(","), Ce = A(d), we = (e) => Math.round(e * 10) / 10, Te = (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;
-}, Ee = (e) => {
+}, we = (e) => {
 	let t = e.getAttribute(b);
 	return t !== null && E.includes(t);
-}, De = () => {
+}, Te = () => {
 	try {
 		return document.querySelector("style[data-flemo-morph-sheet]")?.sheet?.cssRules.length ?? 0;
 	} catch {
 		return 0;
 	}
-}, Oe = (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: De()
+		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 = Te(e);
+		let a = Ce(e);
 		if (a === null) continue;
-		if (Ee(e)) {
+		if (we(e)) {
 			t.flew.add(a);
 			continue;
 		}
-		let o = e.closest(Ce);
+		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;
-}, ke = (e, t) => {
-	if (t.hasAttribute("data-flemo-morph-camera") && (e.camera = !0), !Ee(t)) return;
-	let n = Te(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);
-}, 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)) {
+}, 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);
 	}
-}, je = (e) => [...e.hasAttribute("data-flemo-morph-ghost") ? [e] : [], ...Array.from(e.querySelectorAll(A(w)))], Me = (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: 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: 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`
 	}];
-}, Ne = (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(Se).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, De() - 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()
 	};
-}, U = "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: U,
+}, 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 = [], W = [...Fe, ...Pe], G = [
+}], 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",
@@ -585,9 +583,9 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	} catch {
 		return null;
 	}
-}, ze = new Set(W.map((e) => e.key)), Be = new Set(G.map((e) => e.key)), Ve = () => {
+}, 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 W) {
+	for (let r of Fe) {
 		let i = Re(r.storage === "session" ? t : n, r.key);
 		i !== null && (e[r.key] = i);
 	}
@@ -900,7 +898,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	previousSession: null,
 	anomalies: [],
 	blindSpots: [...c],
-	judgingProtocol: [...ge]
+	judgingProtocol: [...pe]
 }), Ct = (e = {}) => {
 	if (xt) return xt;
 	if (typeof window > "u" || typeof document > "u") return {
@@ -960,17 +958,17 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		let t = performance.now(), n = e.frames;
 		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, ue(n, e.elements), t - e.t0Ms > 1e4) {
-			O = [...e.elements], z(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 && gt.has(e)) {
@@ -991,34 +989,34 @@ 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: Oe(e),
+			images: le(e),
+			morphs: Ee(e),
 			tripwires: [],
 			rafId: null
-		}, ue(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 = xe(t, te());
+			let i = ye(t, te());
 			e.landing.residualInlineTransforms = i.residualInlineTransforms, e.landing.offViewportAtRest = i.offViewportAtRest, e.landing.orphanedHolds = i.orphanedHolds;
 		};
 		requestAnimationFrame(r);
-	}, le = (e, t) => {
+	}, z = (e, t) => {
 		let n = 2, r = () => {
 			if (!k) {
 				if (--n, n > 0) {
 					requestAnimationFrame(r);
 					return;
 				}
-				e.morphs = Ne(t.morphs, te());
+				e.morphs = je(t.morphs, te());
 			}
 		};
 		requestAnimationFrame(r);
-	}, R = (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 },
@@ -1032,20 +1030,20 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			iso: (/* @__PURE__ */ new Date()).toISOString()
 		},
 		durationMs: K(t - e.t0Ms),
-		driver: ve(e.frames.evidence),
+		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: {
-			...de(e.frames),
+			...ce(e.frames),
 			firstAnimationAtMs: e.firstAnimationAtMs
 		},
-		images: he(e.images),
-		morphs: Ne(e.morphs, !0),
-		tripwires: [...e.tripwires, ...Me(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,16 +1054,16 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			orphanedHolds: []
 		},
 		anomalies: []
-	}), z = (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 = 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}`);
-	}, 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);
@@ -1078,7 +1076,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			});
 		}
 		(n === "false" || n === null) && e.oldValue !== null && gt.has(e.oldValue) && t.holdReleasedAtMs === null && !oe(t.elements) && (t.holdReleasedAtMs = K(performance.now() - t.t0Ms));
-	}, V = () => {
+	}, 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) {
-			z(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));
-	}, be = null, H = null, Se = () => {
+		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 && ke(E.morphs, n.target) : (E && Ae(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 be = t, V(), !0;
+		return ve = t, me(), !0;
 	};
-	if (!Se()) {
+	if (!be()) {
 		let e = () => {
-			H = null, k || Se();
+			W = null, k || be();
 		};
-		H = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		W = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	}
-	let Ce = () => {
+	let xe = () => {
 		document.visibilityState === "hidden" && (M = !0, a && E === null && Ge(C, "3"));
 	};
-	document.addEventListener("visibilitychange", Ce);
-	let we = () => {
-		N = 0, !k && (E === null && Ge(C, "3"), N = window.setTimeout(we, bt));
+	document.addEventListener("visibilitychange", xe);
+	let Se = () => {
+		N = 0, !k && (E === null && Ge(C, "3"), N = window.setTimeout(Se, bt));
 	};
-	a && (N = window.setTimeout(we, bt));
-	let Te = (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)
 		};
-	}, 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 = {
+	}, 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;
-	}, je = () => {
-		let e = C.map(De), 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, De(R(n, r, i ? re(n) : [], !0))];
-	}, U = (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,16 +1183,16 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 			synthetic: r,
 			pointerTypes: [...t].sort()
 		};
-	}, Pe = () => {
+	}, 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 = He(t), r = ne(g, I.sawAnimationEvent()), i = je(), a = E, o = it({
+		let n = He(t), r = ne(g, I.sawAnimationEvent()), i = ke(), a = E, o = it({
 			environment: r,
-			idleLongTasks: Ee(i),
+			idleLongTasks: we(i),
 			observedMs: performance.now() - d,
 			wentHidden: M,
 			documentHidden: document.visibilityState === "hidden",
-			input: U(i)
+			input: Me(i)
 		});
 		return {
 			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -1220,43 +1218,43 @@ 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), W = () => {
+	}, Pe = (e) => (D = e === null || e === "" ? null : e, D), Fe = () => {
 		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, 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;
 			}
 			xt = null;
 		}
 	}, G = {
-		detach: W,
-		report: Pe,
-		mark: Fe
+		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: je,
-			mark: Fe,
-			detach: W
+			report: Ne,
+			flights: ke,
+			mark: Pe,
+			detach: Fe
 		}, j = !0);
 	}
 	return xt = G, G;
-}, wt = O.map((e) => A(d) + j(f, e)).join(","), Tt = () => document.querySelector(wt) !== null, Et = (e) => {
+}, 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,
 		root: i
 	};
-}, Dt = () => {}, Ot = (e) => {
+}, Ot = () => {}, kt = (e) => {
 	if (e) return {
 		recorder: e,
 		ownsRecorder: !1
@@ -1265,7 +1263,7 @@ 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
@@ -1273,18 +1271,18 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		recorder: Ct(),
 		ownsRecorder: !0
 	};
-}, kt = "http://www.w3.org/2000/svg", q = (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;
-}, 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) => {
+}, 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)}` : "—";
@@ -1292,14 +1290,14 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		J(t.engine),
 		`dpr ${J(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) => {
+}, 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) => {
@@ -1307,15 +1305,15 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	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);
+}, Vt = (e, t) => {
+	Mt(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) {
+}, Ht = (e, t, n, r) => {
+	if (Mt(e), t.length === 0) {
 		$(e, "no flights recorded yet — navigate once", "li dim");
 		return;
 	}
@@ -1325,32 +1323,32 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		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);
 	}
-}, Ht = (e, t, n) => {
+}, Ut = (e, t, n) => {
 	if (!n) {
 		Z(e, t, "—");
 		return;
 	}
 	let r = [
 		`${X(n.count)} frames`,
-		`median ${Nt(n.medianGapMs)}`,
-		`max ${Nt(n.maxGapMs)}`
+		`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", {
+}, 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");
@@ -1359,19 +1357,19 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	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) {
+}, Kt = (e, t) => {
+	if (Mt(e), !t) {
 		$(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));
+	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 = 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`);
+	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 = Q(e, "shared elements");
@@ -1379,7 +1377,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		let n = c.skipped ?? [];
 		Z(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 && 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);
 		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);
 	}
@@ -1394,11 +1392,11 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		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 = 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);
+	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", Pt(t.landing?.offViewportAtRest));
+	Z(g, "off-viewport at rest", Ft(t.landing?.offViewportAtRest));
 	let v = t.landing?.stuckStatuses ?? [];
 	Z(g, "stuck statuses", v.length === 0 ? "none" : v.join(", "));
 	let y = t.landing?.orphanedHolds ?? [];
@@ -1410,13 +1408,13 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		return;
 	}
 	for (let e of x) $(b, J(e), "li bad");
-}, Kt = (e, t) => {
-	jt(e);
+}, qt = (e, t) => {
+	Mt(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");
+}, 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 = q("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);
@@ -1424,7 +1422,7 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	c.hidden = !0;
 	let l = q("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 = q("header", "head"), d = q("div", "env", "—"), f = q("button", "act", Zt);
 	f.type = "button";
 	let p = q("button", "act", "Close");
 	p.type = "button";
@@ -1440,9 +1438,9 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 	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, 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(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(U, 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`;
@@ -1465,20 +1463,20 @@ 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();
@@ -1487,38 +1485,38 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		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) => {
+	}, R = (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", () => 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), Mt(h, `A/B: ${e ?? "off"}`), O = "", L();
+		t.mark(e), Nt(h, `A/B: ${e ?? "off"}`), O = "", L();
 	});
-	let ce = () => {
+	let se = () => {
 		if (!C) {
 			if (Tt()) {
-				window.clearTimeout(j), j = window.setTimeout(ce, qt);
+				window.clearTimeout(j), j = window.setTimeout(se, Jt);
 				return;
 			}
-			Mt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(le, 1200);
+			Nt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(z, 1200);
 		}
 	};
-	function le() {
+	function z() {
 		if (Tt()) {
-			j = window.setTimeout(le, qt);
+			j = window.setTimeout(z, Jt);
 			return;
 		}
-		j = 0, Mt(f, Xt);
+		j = 0, Nt(f, Zt);
 	}
-	let ue = (e) => {
+	let B = (e) => {
 		if (C) return;
 		if (Tt()) {
-			window.clearTimeout(j), j = window.setTimeout(() => ue(e), qt);
+			window.clearTimeout(j), j = window.setTimeout(() => B(e), Jt);
 			return;
 		}
 		let t = q("textarea");
@@ -1527,80 +1525,161 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
 		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, () => ue(e));
+			t.writeText(e).then(se, () => B(e));
 			return;
 		}
-		ue(e);
+		B(e);
 	});
-	let de = (e) => {
+	let ce = (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);
+	}, V = () => {
+		window.removeEventListener("pointermove", ce), window.removeEventListener("pointerup", V), te(F);
 	};
 	l.addEventListener("pointerdown", (e) => {
-		e.preventDefault(), window.addEventListener("pointermove", de), window.addEventListener("pointerup", R);
+		e.preventDefault(), window.addEventListener("pointermove", ce), window.addEventListener("pointerup", V);
 	});
-	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 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: 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 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 ${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 ${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 ${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 ${on(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 ${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;
-}, sn = null, cn = (e = {}) => {
-	if (sn) return sn;
+}, 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 } = Ot(e.recorder), r = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], { host: i, root: a } = Et(nn), 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 || Tt()) return;
-		let e = m(), t = e?.flights ?? [], n = t[t.length - 1], r = [an(n)];
-		c && r.push(...on(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);
-	}, _ = () => {
-		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, _();
-		}, tn);
-	}), 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.addEventListener("pointerdown", () => {
+		_ = !1, window.clearTimeout(g), g = window.setTimeout(() => {
+			_ = !0, C();
+		}, nn);
+	}), 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, en);
-	let y = { detach: v };
-	return sn = y, y;
+	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;
+		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;
+}, 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 = hn();
+		if (r.length === 0) return;
+		let i = Math.max(...r.map((e) => Math.abs(gn(e))));
+		if (i < mn) return;
+		let a = t(), o = [], s = () => {
+			let r = hn();
+			if (o.push({
+				t: Math.round(t() - a),
+				x: r.map((e) => yn(gn(e))),
+				animations: _n(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 = vn(d.slice(0, 3)), p = vn(d.slice(-3));
+			e.onRelease({
+				samples: o,
+				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
+			});
+		};
+		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, 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 };