@flemo/devtools 0.4.0 → 0.6.0

package/dist/index.mjs

@@ -1,53 +1,80 @@
 //#region src/anomalies.ts
-var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = (e) => {
-	let n = [], { t0Ms: r, driver: i, frameSamples: a, playerGaps: o, longTasks: s, holdLongTasks: c, landing: l } = e, u = r + (e.releasedAtMs ?? 0);
-	if (o && o.over30Count > 0 && n.push(`player frame gap up to ${o.maxMs}ms ×${o.over30Count} during flight (the rAF player missed frames — convergence jank on this navigation)`), a.released.over30Count > 0) {
+var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = 48, o = (e) => {
+	let n = [], { t0Ms: r, driver: i, frameSamples: a, longTasks: o, holdLongTasks: s, landing: c } = e, l = r + (e.releasedAtMs ?? 0);
+	if (a.released.over30Count > 0) {
 		let e = i === "compiled" ? " (compiled/compositor flights can still present cleanly through main-thread gaps)" : "";
 		n.push(`main-thread rAF gap up to ${a.released.maxGapMs}ms ×${a.released.over30Count} during visible motion${e}`);
 	}
-	for (let e of s) e.startMs <= u + 120 && e.startMs + e.durationMs >= u - 50 ? n.push(`long task ${Math.round(e.durationMs)}ms overlapped the visible-motion start (opening-swallow risk: the first presented frames of the transition may have been lost)`) : e.durationMs >= 100 && n.push(`long task ${Math.round(e.durationMs)}ms mid-flight`);
-	for (let e of c) e.durationMs >= 100 && n.push(`long task ${Math.round(e.durationMs)}ms absorbed by the hold (screen posed, not yet moving — the hold doing its job, not user-visible jank)`);
-	let { motion: d, images: f } = e;
-	return d.holdReassertedAtMs !== null && n.push(`hold re-asserted ${d.holdReassertedAtMs}ms into the flight, after it had already released (an interleaved commit wrote the stale paused hold attribute over a running flight — the flemo 2026-08-18 release-race signature; the motion pauses while every timing metric stays clean)`), d.pausedAfterRelease && n.push("compiled animation reported playState=paused after its release (the flight was posed and then stopped mid-motion, not merely starved of frames)"), d.longestStallMs >= 48 && n.push(`motion stalled ${d.longestStallMs}ms mid-flight (${d.stalledFrames}/${d.sampledFrames} released frames advanced neither the animation clock nor the pose — freeze, or freeze-then-leap if the flight still landed on time)`), d.sampledFrames === 0 && e.releasedAtMs !== null && n.push("no released frames were sampled (the flight ended at or before its own hold release — the visible motion, if any, was never observed)"), f.completedUnheld > 0 && n.push(`${f.completedUnheld} image(s) finished loading mid-flight without a hold (${f.completedDuringFlight} completed, ${f.heldDuringFlight} held; ${f.loadingAtStart} were loading at t0, ${f.addedDuringFlight} arrived mid-flight) — each decode rasters on the moving layer and costs a present; this is the warm-side image-hold regression`), l.orphanedHolds.length > 0 && n.push(`hold markers left on the page at rest: ${l.orphanedHolds.join("; ")} (whatever they hide has no owner left to reveal it — the permanently-blank-avatar class)`), l.residualInlineTransforms.length > 0 && n.push(`residual inline style after COMPLETED: ${l.residualInlineTransforms.join("; ")} (landing cleanup failure — the landed scope belongs to the compiled rest rules)`), l.offViewportAtRest && n.push("screen resting at from-pose while COMPLETED+active (blank-viewport signature — the flemo PR #259 class: a residual pose left the landed screen parked off-viewport)"), l.stuckStatuses.length > 0 && n.push(`transitional status stuck >${t / 1e3}s: ${l.stuckStatuses.join(", ")} (navigation queue lock or missed animationend — later navigations will be swallowed)`), i === "unknown" && n.push("driver could not be classified (no running flemo-* CSSAnimation and no player inline-style signature observed — zero-duration flight, or the sampler attached after motion ended)"), n;
-}, o = (e) => {
+	for (let e of o) e.startMs <= l + 120 && e.startMs + e.durationMs >= l - 50 ? n.push(`long task ${Math.round(e.durationMs)}ms overlapped the visible-motion start (opening-swallow risk: the first presented frames of the transition may have been lost)`) : e.durationMs >= 100 && n.push(`long task ${Math.round(e.durationMs)}ms mid-flight`);
+	for (let e of s) e.durationMs >= 100 && n.push(`long task ${Math.round(e.durationMs)}ms absorbed by the hold (screen posed, not yet moving — the hold doing its job, not user-visible jank)`);
+	let { motion: u, images: d } = e;
+	u.holdReassertedAtMs !== null && n.push(`hold re-asserted ${u.holdReassertedAtMs}ms into the flight, after it had already released (an interleaved commit wrote the stale paused hold attribute over a running flight — the flemo 2026-08-18 release-race signature; the motion pauses while every timing metric stays clean)`), u.pausedAfterRelease && n.push("compiled animation reported playState=paused after its release (the flight was posed and then stopped mid-motion, not merely starved of frames)"), u.longestStallMs >= 48 && n.push(`motion stalled ${u.longestStallMs}ms mid-flight (${u.stalledFrames}/${u.sampledFrames} released frames advanced neither the animation clock nor the pose — freeze, or freeze-then-leap if the flight still landed on time)`), u.sampledFrames === 0 && e.releasedAtMs !== null && n.push("no released frames were sampled (the flight ended at or before its own hold release — the visible motion, if any, was never observed)"), d.completedUnheld > 0 && n.push(`${d.completedUnheld} image(s) finished loading mid-flight without a hold (${d.completedDuringFlight} completed, ${d.heldDuringFlight} held; ${d.loadingAtStart} were loading at t0, ${d.addedDuringFlight} arrived mid-flight) — each decode rasters on the moving layer and costs a present; this is the warm-side image-hold regression`), c.orphanedHolds.length > 0 && n.push(`hold markers left on the page at rest: ${c.orphanedHolds.join("; ")} (whatever they hide has no owner left to reveal it — the permanently-blank-avatar class)`), c.residualInlineTransforms.length > 0 && n.push(`residual inline style after COMPLETED: ${c.residualInlineTransforms.join("; ")} (landing cleanup failure — the landed scope belongs to the compiled rest rules)`), c.offViewportAtRest && n.push("screen resting at from-pose while COMPLETED+active (blank-viewport signature — the flemo PR #259 class: a residual pose left the landed screen parked off-viewport)"), c.stuckStatuses.length > 0 && n.push(`transitional status stuck >${t / 1e3}s: ${c.stuckStatuses.join(", ")} (navigation queue lock or missed animationend — later navigations will be swallowed)`);
+	let { morphs: f, tripwires: p } = e;
+	for (let e of p) n.push(`tripwire ${e.kind} at +${e.atMs}ms: ${e.detail}`);
+	return f.skipped.length > 0 && n.push(`shared element(s) did not fly: ${f.skipped.join(", ")} (${f.pairable.length} pairable key(s), ${f.flew.length} flew) — both ends were registered on two different screens and neither was stamped with a flight role, so the pair was never made`), f.duplicatedKeys.length > 0 && n.push(`pairing key(s) used twice inside one screen: ${f.duplicatedKeys.join(", ")} (two ends under one screen are not a pair, so one of them can never fly — this is in the consuming app)`), f.strandedRoles > 0 && n.push(`${f.strandedRoles} morph element(s) still carry a flight role at rest (the stranded participant class: a role that outlives its flight stays in the layer and poisons the NEXT pairing, which is how one interrupted gesture turned into every later pop losing its camera)`), (f.strandedStandIns > 0 || f.strandedGhosts > 0 || f.layerResidue > 0) && n.push(`morph residue at rest: ${f.strandedStandIns} stand-in(s), ${f.strandedGhosts} ghost(s), ${f.layerResidue} element(s) left in a flight layer (a stand-in is a hole in the layout and a layer element is a corpse the next flight will pair against)`), f.leakedSheetRules > 0 && n.push(`${f.leakedSheetRules} morph keyframe rule(s) were left in the per-flight sheet (a flight that never landed keeps its keyframes; they accumulate for the life of the page)`), i === "unknown" && n.push("driver could not be classified (no running flemo-* CSSAnimation and no player inline-style signature observed — zero-duration flight, or the sampler attached after motion ended)"), n;
+}, s = (e) => {
 	let n = [];
 	if (e.emulationSuspected) {
 		let t = /Win/i.test(e.platform) ? " (Windows touch hardware makes this signal ambiguous — confirm the DevTools device toolbar state)" : "";
 		n.push("DevTools device emulation suspected — the page composites to a rescaled surface, so visual reports from this session are untrustworthy; judge motion in a plain window or on a real device" + t);
 	}
 	return e.stuckFlightOpen && n.push(`a flight is still transitional after ${t / 1e3}s — the navigation queue is likely locked; subsequent navigations will be ignored`), e.flightAnomalies.some((e) => e.some((e) => e.includes("blank-viewport"))) && n.push("at least one flight landed with the blank-viewport signature (see that flight's anomalies)"), n;
-}, s = [
+}, c = [
 	"macOS Chrome present-pipeline pacing: on 120Hz ProMotion displays Chrome can present frames unevenly even when rAF cadence and this report read perfectly clean (Chromium issues 40062488 / 345275139; proven with a no-script pure-CSS control page that still juddered). Not diagnosable or fixable from page code.",
 	"Display-hardware effects: local dimming, backlight modulation, and panel overdrive alter perceived motion and are invisible to every web API.",
 	"Compositor-internal present skips: a frame can be produced on time (clean rAF, clean player gaps) yet dropped or delayed inside the compositor's present queue; only platform tools (about:tracing, Instruments) see that layer.",
 	"DevTools device emulation composites the page to a rescaled surface: every in-page instrument reads the pre-scale surface and reports clean while the eye watches the post-scale one, so emulated sessions grow shimmer/flash artifacts that do not exist in a plain window or on a real device."
-], c = "data-flemo-screen", l = "data-flemo-status", u = "data-flemo-active", d = "data-flemo-anim-hold", f = "data-flemo-img-hold", p = "data-flemo-held-arrival", m = "data-flemo-part-name", h = "data-flemo-decorator", g = "data-flemo-bar", _ = "data-flemo-devtools-panel", v = [
+], l = (e) => {
+	/* v8 ignore next -- unreachable: a group exists only because a flight was
+	put in it, so nothing ever asks for the median of nothing. */
+	if (e.length === 0) return 0;
+	let t = [...e].sort((e, t) => e - t);
+	return Math.round(t[Math.floor(t.length / 2)] * 10) / 10;
+}, u = (e) => {
+	let t = e.filter((e) => typeof e.bucket == "string");
+	if (t.length === 0) return [];
+	let n = /* @__PURE__ */ new Map();
+	for (let e of t) {
+		let t = e.bucket, r = n.get(t);
+		r ? r.push(e) : n.set(t, [e]);
+	}
+	return [...n.entries()].map(([e, t]) => ({
+		bucket: e,
+		flights: t.length,
+		medianDurationMs: l(t.map((e) => e.durationMs)),
+		medianReleasedGapMs: l(t.map((e) => e.frameSamples.released.medianGapMs)),
+		worstReleasedGapMs: t.reduce((e, t) => Math.max(e, t.frameSamples.released.maxGapMs), 0),
+		longGapCount: t.reduce((e, t) => e + t.frameSamples.released.over30Count, 0),
+		anomalyCount: t.reduce((e, t) => e + t.anomalies.length, 0),
+		stalledFlights: t.filter((e) => e.motion.stalledFrames > 0).length
+	})).sort((e, t) => e.bucket.localeCompare(t.bucket));
+}, d = "data-flemo-screen", f = "data-flemo-status", p = "data-flemo-active", m = "data-flemo-anim-hold", h = "data-flemo-img-hold", g = "data-flemo-held-arrival", _ = "data-flemo-part-name", v = "data-flemo-decorator", y = "data-flemo-bar", b = "data-flemo-morph", x = "data-flemo-morph-id", S = "data-flemo-morph-layer", C = "data-flemo-morph-stand-in", w = "data-flemo-morph-ghost", T = "data-flemo-morph-camera", E = ["enter", "exit"], D = "data-flemo-devtools-panel", O = [
 	"PUSHING",
 	"POPPING",
 	"REPLACING"
-], y = [
+], k = [
 	"true",
 	"park",
 	"park-under",
 	"park-over"
-], b = (e) => `[${e}]`, ee = (e, t) => `[${e}="${t}"]`, x = () => {
+], A = (e) => `[${e}]`, j = (e, t) => `[${e}="${t}"]`, M = () => {
 	if (typeof navigator > "u") return null;
 	let e = navigator.userAgentData;
 	return !e || !Array.isArray(e.brands) ? null : e.brands.map((e) => ({
 		brand: String(e.brand ?? ""),
 		version: String(e.version ?? "")
 	}));
-}, S = () => {
+}, N = () => {
 	if (typeof navigator > "u") return "unknown";
-	let e = x();
+	let e = M();
 	if (e?.some((e) => /Chromium/i.test(e.brand))) return "blink";
 	let t = navigator.userAgent ?? "";
 	return /Firefox|FxiOS/i.test(t) ? "gecko" : e || /AppleWebKit/i.test(t) && !/Chrome|Chromium|Android/i.test(t) ? "webkit" : /Android/i.test(t) ? "blink" : "unknown";
-}, C = () => {
-	if (typeof navigator > "u" || S() !== "blink") return !1;
+}, P = () => {
+	if (typeof navigator > "u" || N() !== "blink") return !1;
 	let e = navigator.platform ?? "";
 	return /Mac|Win|Linux/i.test(e) ? /Android/i.test(navigator.userAgent ?? "") && !/Mac|Win/i.test(e) ? /Linux (x86_64|i686)/i.test(e) : (navigator.maxTouchPoints ?? 0) > 0 : !1;
-}, te = (e = 20) => new Promise((t) => {
+}, ee = (e = 20) => new Promise((t) => {
 	let n = Number.isFinite(e) ? Math.max(1, Math.floor(e)) : 20;
 	if (typeof requestAnimationFrame != "function" || typeof performance > "u") {
 		t({
@@ -69,50 +96,348 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = (e) => {
 		requestAnimationFrame(a);
 	};
 	requestAnimationFrame(a);
-}), w = () => {
+}), te = [
+	"__vite_plugin_react_preamble_installed__",
+	"__vite__",
+	"__NEXT_HMR_CB",
+	"__NEXT_HMR_LATENCY_CB",
+	"__webpack_hot_middleware_reporter__",
+	"webpackHotUpdate",
+	"__REACT_REFRESH_RUNTIME__",
+	"$RefreshReg$"
+], F = () => {
+	if (typeof window > "u") return [];
+	let e = [];
+	for (let t of te) try {
+		window[t] !== void 0 && e.push(t);
+	} catch {}
+	return e;
+}, I = () => {
 	try {
 		return typeof PerformanceObserver < "u" && Array.isArray(PerformanceObserver.supportedEntryTypes) && PerformanceObserver.supportedEntryTypes.includes("longtask");
 	} catch {
 		return !1;
 	}
-}, T = (e) => {
-	let t = typeof navigator < "u" ? navigator : null, n = typeof window < "u" ? window : null, r = !1;
+}, ne = (e, t = !1) => {
+	let n = typeof navigator < "u" ? navigator : null, r = typeof window < "u" ? window : null, i = !1;
 	try {
-		r = n?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
+		i = r?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
 	} catch {
-		r = !1;
+		i = !1;
 	}
 	return {
-		userAgent: t?.userAgent ?? "",
-		uaBrands: x(),
-		engine: S(),
-		platform: t?.platform ?? "",
-		maxTouchPoints: t?.maxTouchPoints ?? 0,
-		devicePixelRatio: n?.devicePixelRatio ?? 1,
+		userAgent: n?.userAgent ?? "",
+		uaBrands: M(),
+		engine: N(),
+		platform: n?.platform ?? "",
+		maxTouchPoints: n?.maxTouchPoints ?? 0,
+		devicePixelRatio: r?.devicePixelRatio ?? 1,
+		hardwareConcurrency: n?.hardwareConcurrency ?? 0,
 		screen: {
-			width: n?.screen?.width ?? 0,
-			height: n?.screen?.height ?? 0
+			width: r?.screen?.width ?? 0,
+			height: r?.screen?.height ?? 0
 		},
 		viewport: {
-			width: n?.innerWidth ?? 0,
-			height: n?.innerHeight ?? 0
+			width: r?.innerWidth ?? 0,
+			height: r?.innerHeight ?? 0
 		},
-		visualViewportScale: n?.visualViewport?.scale ?? null,
+		visualViewportScale: r?.visualViewport?.scale ?? null,
 		rafCadence: e,
-		reducedMotion: r,
-		emulationSuspected: C(),
+		reducedMotion: i,
+		developmentHints: F(),
+		emulationSuspected: P(),
 		observation: {
-			longTasks: w(),
+			longTasks: I(),
 			elementAnimations: typeof Element < "u" && typeof Element.prototype.getAnimations == "function",
-			playerGapMirror: Array.isArray(n?.__flemoPlayerGaps)
+			animationEvents: t
 		}
 	};
-}, E = [
+}, re = 2, L = new Set(k), ie = (e) => Math.round(e * 10) / 10, ae = () => ({
+	heldGaps: [],
+	releasedGaps: [],
+	lastFrameAt: null,
+	evidence: {
+		compiledAnimation: !1,
+		inlineSuppression: !1,
+		inlineAdvance: !1
+	},
+	lastPose: /* @__PURE__ */ new Map(),
+	clocks: /* @__PURE__ */ new Map(),
+	lastClock: /* @__PURE__ */ new Map(),
+	releasedFrames: 0,
+	stalledFrames: 0,
+	tailFrames: 0,
+	stallRunMs: 0,
+	longestStallMs: 0,
+	pausedAfterRelease: !1,
+	holdReassertedAtMs: null
+}), 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) => {
+	e.releasedFrames += 1;
+	let r = !1, i = !1;
+	for (let n of t) {
+		let t = e.clocks.get(n);
+		if (t) {
+			t.playState === "paused" && (e.pausedAfterRelease = !0), t.playState !== "finished" && (i = !0);
+			let a = typeof t.currentTime == "number" ? t.currentTime : null;
+			if (a !== null) {
+				let t = e.lastClock.get(n);
+				t !== void 0 && a !== t && (r = !0), e.lastClock.set(n, a);
+			}
+		}
+		let a = n.style;
+		a && a.animation !== "" && e.lastPose.get(n) !== se(a) && (r = !0);
+	}
+	if (!(e.releasedFrames < re)) {
+		if (r) {
+			e.stallRunMs = 0;
+			return;
+		}
+		if (!i && e.clocks.size > 0) {
+			e.tailFrames += 1, e.stallRunMs = 0;
+			return;
+		}
+		e.stalledFrames += 1, e.stallRunMs += n, e.stallRunMs > e.longestStallMs && (e.longestStallMs = e.stallRunMs);
+	}
+}, le = (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) => {
+	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);
+			continue;
+		}
+		if (typeof t == "function") try {
+			for (let r of t.call(n)) {
+				let t = r.animationName;
+				typeof t == "string" && t.startsWith("flemo-") && (e.clocks.set(n, r), r.playState === "running" && (e.evidence.compiledAnimation = !0));
+			}
+		} catch {}
+		le(e, n);
+	}
+}, de = (e) => ({
+	sampledFrames: e.releasedFrames,
+	stalledFrames: e.stalledFrames,
+	longestStallMs: ie(e.longestStallMs),
+	pausedAfterRelease: e.pausedAfterRelease,
+	holdReassertedAtMs: e.holdReassertedAtMs,
+	tailFrames: e.tailFrames
+}), R = 200, z = (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));
+	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)) {
+		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;
+			e.tracked.add(t), e.addedDuringFlight += 1;
+		}
+	}
+}, me = (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) => {
+	let t = 0, n = 0;
+	for (let r of e.tracked) r.complete && (t += 1, e.held.has(r) || (n += 1));
+	return {
+		loadingAtStart: e.loadingAtStart,
+		addedDuringFlight: e.addedDuringFlight,
+		completedDuringFlight: t,
+		heldDuringFlight: e.held.size,
+		completedUnheld: n
+	};
+}, ge = [
 	"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."
-], D = "flemo:devtools-panel-height", O = [{
+], B = (e) => Math.round(e * 10) / 10, V = (e) => {
+	if (e.length === 0) return {
+		count: 0,
+		medianGapMs: 0,
+		maxGapMs: 0,
+		over30Count: 0
+	};
+	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]),
+		over30Count: e.filter((e) => e >= 30).length
+	};
+}, _e = (e, t = []) => {
+	let n = [...e, ...t];
+	return {
+		...n.length === 0 ? {
+			count: 0,
+			medianGapMs: 0,
+			maxGapMs: 0
+		} : (() => {
+			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])
+			};
+		})(),
+		longGaps: n.filter((e) => e >= 30).map(B),
+		held: V(e),
+		released: V(t)
+	};
+}, 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) => {
+	let t = /^matrix3d\(([^)]+)\)$/.exec(e.trim());
+	if (t) {
+		let e = t[1].split(",").map((e) => Number(e.trim()));
+		return e.length === 16 && Number.isFinite(e[12]) ? e[12] : null;
+	}
+	let n = /^matrix\(([^)]+)\)$/.exec(e.trim());
+	if (n) {
+		let e = n[1].split(",").map((e) => Number(e.trim()));
+		return e.length === 6 && Number.isFinite(e[4]) ? e[4] : null;
+	}
+	return null;
+}, H = (e) => {
+	if (e) return [];
+	let t = [];
+	for (let [e, n] of [[h, "image reveal hold"], [g, "arrival hold"]]) {
+		let r = document.querySelectorAll(`[${e}]`).length;
+		r > 0 && t.push(`${r} × ${n} (${e}) still marked at rest`);
+	}
+	return t;
+}, xe = (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;
+		let a = "", o = "";
+		try {
+			let t = getComputedStyle(e);
+			a = t.transform ?? "", o = t.display ?? "";
+		} catch {}
+		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);
+			e !== null && Math.abs(e) >= i * .5 && (r = !0);
+		}
+	}), {
+		residualInlineTransforms: n,
+		offViewportAtRest: r,
+		orphanedHolds: H(t)
+	};
+}, Se = E.map((e) => `[${b}="${e}"]`).join(","), Ce = A(d), we = (e) => Math.round(e * 10) / 10, Te = (e) => {
+	let t = e.getAttribute(x);
+	return t === null || t === "" ? null : t;
+}, Ee = (e) => {
+	let t = e.getAttribute(b);
+	return t !== null && E.includes(t);
+}, De = () => {
+	try {
+		return document.querySelector("style[data-flemo-morph-sheet]")?.sheet?.cssRules.length ?? 0;
+	} catch {
+		return 0;
+	}
+}, Oe = (e) => {
+	let t = {
+		registered: 0,
+		pairable: /* @__PURE__ */ new Set(),
+		duplicated: /* @__PURE__ */ new Set(),
+		flew: /* @__PURE__ */ new Set(),
+		camera: document.querySelector(A(T)) !== null,
+		ghosts: 0,
+		ghostBornAt: /* @__PURE__ */ new Map(),
+		shortestGhostLifeMs: null,
+		sheetRulesAtStart: De()
+	}, 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);
+		if (a === null) continue;
+		if (Ee(e)) {
+			t.flew.add(a);
+			continue;
+		}
+		let o = e.closest(Ce);
+		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);
+		let l = i.get(a);
+		l || i.set(a, l = /* @__PURE__ */ new Map()), l.set(s, (l.get(s) ?? 0) + 1);
+	}
+	for (let [e, n] of r) {
+		n.size >= 2 && t.pairable.add(e);
+		let r = i.get(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);
+	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)) {
+		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) => {
+	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`
+	}];
+}, Ne = (e, t) => {
+	let n = [...e.pairable].sort(), r = [...e.flew].sort(), i = new Set(r), a = t ? {
+		strandedRoles: 0,
+		strandedStandIns: 0,
+		strandedGhosts: 0,
+		layerResidue: 0,
+		leaked: 0
+	} : {
+		strandedRoles: document.querySelectorAll(Se).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)
+	};
+	return {
+		registered: e.registered,
+		pairable: n,
+		flew: r,
+		skipped: n.filter((e) => !i.has(e)),
+		camera: e.camera,
+		ghosts: e.ghosts,
+		strandedRoles: a.strandedRoles,
+		strandedStandIns: a.strandedStandIns,
+		strandedGhosts: a.strandedGhosts,
+		leakedSheetRules: a.leaked,
+		layerResidue: a.layerResidue,
+		duplicatedKeys: [...e.duplicated].sort()
+	};
+}, U = "flemo:devtools-panel-height", Pe = [{
 	key: "flemo:devtools",
 	storage: "session",
 	kind: "opt-in-diagnostic",
@@ -120,13 +445,13 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = (e) => {
 	fallback: "off",
 	effect: "arms this flight recorder in the playground (?devtools=on)"
 }, {
-	key: D,
+	key: U,
 	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"
-}], k = [], A = [...k, ...O], j = [
+}], Fe = [], W = [...Fe, ...Pe], G = [
 	{
 		key: "flemo:sixty",
 		storage: "session",
@@ -247,403 +572,535 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = (e) => {
 		storage: "session",
 		retiredWith: "the Low Power Mode release-latency probe (2026-08-22)"
 	}
-], M = "(retired — the library no longer reads this)", N = (e) => {
+], Ie = "(retired — the library no longer reads this)", Le = (e) => {
 	try {
 		let t = e === "session" ? sessionStorage : localStorage;
 		return t.length, t;
 	} catch {
 		return null;
 	}
-}, P = (e, t) => {
+}, Re = (e, t) => {
 	try {
 		return e ? e.getItem(t) : null;
 	} catch {
 		return null;
 	}
-}, ne = new Set(A.map((e) => e.key)), re = new Set(j.map((e) => e.key)), F = () => {
-	let e = {}, t = N("session"), n = N("local");
-	for (let r of A) {
-		let i = P(r.storage === "session" ? t : n, r.key);
+}, 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);
 		i !== null && (e[r.key] = i);
 	}
-	for (let r of j) for (let [i, a] of [[t, "sessionStorage"], [n, "localStorage"]]) {
-		let t = P(i, r.key);
-		t !== null && (e[`${r.key} (${a}) ${M}`] = t);
+	for (let r of G) for (let [i, a] of [[t, "sessionStorage"], [n, "localStorage"]]) {
+		let t = Re(i, r.key);
+		t !== null && (e[`${r.key} (${a}) ${Ie}`] = t);
 	}
 	for (let [r, i] of [[t, "sessionStorage"], [n, "localStorage"]]) if (r) try {
 		for (let t = 0; t < r.length; t += 1) {
 			let n = r.key(t);
-			!n || !n.startsWith("flemo:") || ne.has(n) || re.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
+			!n || !n.startsWith("flemo:") || ze.has(n) || Be.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
 		}
 	} catch {}
 	return e;
-}, I = (e) => {
+}, He = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) if (n.includes("(retired — the library no longer reads this)")) {
-		let e = n.slice(0, n.indexOf(" (")), i = j.find((t) => t.key === e);
+		let e = n.slice(0, n.indexOf(" (")), i = G.find((t) => t.key === e);
 		t.push(`${n}=${r} — RETIRED residue: this key went with ${i?.retiredWith ?? "a removed feature"}. The library never reads it, so it cannot explain anything you are seeing. Safe to delete; it is listed only so it does not read as an unexplained lead.`);
 		continue;
 	}
 	return t;
-}, L = (e) => Math.round(e * 10) / 10, R = (e) => {
-	if (e.length === 0) return {
-		count: 0,
-		medianGapMs: 0,
-		maxGapMs: 0,
-		over30Count: 0
+}, Ue = "flemo:devtools-trace", We = () => {
+	try {
+		let e = sessionStorage;
+		return e.length, e;
+	} catch {
+		return null;
+	}
+}, Ge = (e, t) => {
+	let n = We();
+	if (!n) return;
+	let r = e.slice(-10);
+	for (; r.length > 0;) {
+		let e = JSON.stringify({
+			version: t,
+			savedAt: (/* @__PURE__ */ new Date()).toISOString(),
+			flights: r
+		});
+		if (e.length <= 64e3) {
+			try {
+				n.setItem(Ue, e);
+			} catch {}
+			return;
+		}
+		r = r.slice(1);
+	}
+	Ke();
+}, Ke = () => {
+	try {
+		We()?.removeItem(Ue);
+	} catch {}
+}, qe = (e) => {
+	let t = We();
+	if (!t) return null;
+	let n = null;
+	try {
+		n = t.getItem(Ue);
+	} catch {
+		return null;
+	}
+	if (n === null) return null;
+	let r = null;
+	try {
+		r = JSON.parse(n);
+	} catch {
+		return Ke(), null;
+	}
+	return !r || r.version !== e || !Array.isArray(r.flights) ? (Ke(), null) : {
+		savedAt: typeof r.savedAt == "string" ? r.savedAt : "",
+		flights: r.flights,
+		note: "These flights were recorded by the page instance BEFORE the last full load. They are kept apart from the live ones because they may have come from a different build."
 	};
-	let t = [...e].sort((e, t) => e - t);
-	return {
-		count: e.length,
-		medianGapMs: L(t[Math.floor(t.length / 2)]),
-		maxGapMs: L(t[t.length - 1]),
-		over30Count: e.filter((e) => e >= 30).length
+}, Je = 12, Ye = 20, Xe = 40, Ze = 500, Qe = 200, $e = (e) => {
+	let t = e.rafCadence.medianGapMs;
+	if (t === null) return {
+		id: "display-cadence",
+		status: "unknown",
+		detail: "the idle frame cadence could not be sampled, so the display's rate is unknown"
 	};
-}, ie = (e, t = []) => {
-	let n = [...e, ...t];
-	return {
-		...n.length === 0 ? {
-			count: 0,
-			medianGapMs: 0,
-			maxGapMs: 0
-		} : (() => {
-			let e = [...n].sort((e, t) => e - t);
+	let n = { medianIdleFrameMs: t };
+	return t < Je ? {
+		id: "display-cadence",
+		status: "ok",
+		detail: `idle frames arrive every ${t}ms — a display above 60Hz. Frame budgets in this report are still quoted against 60Hz (a gap of 30ms or more)`,
+		metrics: n
+	} : t <= Ye ? {
+		id: "display-cadence",
+		status: "ok",
+		detail: `idle frames arrive every ${t}ms — a 60Hz clock`,
+		metrics: n
+	} : t <= Xe ? {
+		id: "display-cadence",
+		status: "violated",
+		detail: `idle frames arrive every ${t}ms — the page is being served roughly HALF rate. On iOS this is Low Power Mode, whose main-thread ceiling is ~30Hz while the compositor keeps 60: motion judged here is judged against a clock no transition can beat, and the ceiling is not a library defect. Turn it off, or judge elsewhere`,
+		metrics: n
+	} : {
+		id: "display-cadence",
+		status: "violated",
+		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) => {
+	if (!e.environment.observation.longTasks) return {
+		id: "machine-idle",
+		status: "unknown",
+		detail: "this browser does not report long tasks, so the recorder cannot tell whether anything else was competing for the main thread"
+	};
+	let t = e.idleLongTasks.length, n = Math.round(e.idleLongTasks.reduce((e, t) => e + t.durationMs, 0)), r = Math.round(e.idleLongTasks.reduce((e, t) => Math.max(e, t.durationMs), 0)), i = {
+		idleLongTasks: t,
+		idleLongTaskMs: n,
+		worstIdleTaskMs: r
+	};
+	return n >= Ze || r >= Qe ? {
+		id: "machine-idle",
+		status: "violated",
+		detail: `${t} long task(s) totalling ${n}ms ran while NO navigation was in flight (worst ${r}ms). Something else on this page or this machine was busy, and a motion verdict taken under someone else's load measures the load. A whole tremble campaign was invalidated by exactly this, with a build running in another window`,
+		metrics: i
+	} : {
+		id: "machine-idle",
+		status: "ok",
+		detail: `${t} idle long task(s), ${n}ms total — the page was quiet between navigations`,
+		metrics: i
+	};
+}, tt = (e) => {
+	let { trusted: t, synthetic: n, pointerTypes: r } = e.input;
+	return n > 0 ? {
+		id: "real-input",
+		status: "violated",
+		detail: `${n} script-dispatched (untrusted) input event(s) drove this session. Synthetic dispatch never fires the gesture machinery a real navigation goes through, so a clean run proves nothing about a finger`,
+		metrics: {
+			trusted: t,
+			synthetic: n
+		}
+	} : t === 0 ? {
+		id: "real-input",
+		status: "unknown",
+		detail: "no input event preceded any recorded flight. These navigations were driven programmatically or by the browser's own back/forward, which is a different path from the one a user takes",
+		metrics: {
+			trusted: t,
+			synthetic: n
+		}
+	} : {
+		id: "real-input",
+		status: "ok",
+		detail: `${t} trusted input event(s) drove this session (${r.join(", ") || "type unreported"})`,
+		metrics: {
+			trusted: t,
+			synthetic: n
+		}
+	};
+}, nt = (e) => e.input.pointerTypes.includes("touch") ? {
+	id: "touch-path",
+	status: "ok",
+	detail: "at least one navigation was driven by touch"
+} : e.environment.maxTouchPoints === 0 ? {
+	id: "touch-path",
+	status: "unknown",
+	detail: "this device reports no touch points, so there is no touch path to exercise here"
+} : {
+	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 = [
+	{
+		id: "devtools-closed",
+		status: "unknown",
+		detail: "whether an inspector is open cannot be seen from inside the page. An open one serializes requests and repaints its own panels on the same machine; a whole campaign's residual stutter was this and nothing else. Confirm it with the user"
+	},
+	{
+		id: "no-screen-capture",
+		status: "unknown",
+		detail: "whether the screen is being captured cannot be seen from inside the page. A capture client forces the compositor to present every vsync, which SUPPRESSES the symptom — a recording that looks smooth proves nothing about the uncaptured session"
+	},
+	{
+		id: "viewing-configuration",
+		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) => {
+	let { environment: t } = e, n = [];
+	return n.push(t.emulationSuspected ? {
+		id: "device-emulation",
+		status: "violated",
+		detail: "DevTools device emulation is suspected (Blink on a desktop platform reporting touch points). Emulation composites the page to a rescaled surface: every in-page instrument reads the pre-scale surface and reports clean while the eye watches the post-scale one" + (/Win/i.test(t.platform) ? ". Windows touch hardware makes this signal ambiguous — confirm the device toolbar state" : "")
+	} : {
+		id: "device-emulation",
+		status: "ok",
+		detail: "no device-emulation signature on this session"
+	}), n.push($e(t)), n.push(e.documentHidden || e.wentHidden ? {
+		id: "page-foreground",
+		status: "violated",
+		detail: e.documentHidden ? "this document is HIDDEN right now — a backgrounded page is throttled to a fraction of its frames" : "this document was hidden at least once while recording; any flight that ran then was throttled"
+	} : {
+		id: "page-foreground",
+		status: "ok",
+		detail: "the document stayed visible throughout"
+	}), n.push(et(e)), n.push(t.developmentHints.length > 0 ? {
+		id: "build-mode",
+		status: "violated",
+		detail: `development-server globals are present (${t.developmentHints.join(", ")}). A development build is a different program: unminified, double-invoking, and hot-reload instrumented. A day of ladder measurements once turned out to be measuring the build itself`
+	} : {
+		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 ? {
+		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"
+	} : {
+		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) => {
+	if (typeof document > "u") return {
+		detach: () => {},
+		sawAnimationEvent: () => !1,
+		inputBetween: () => ({
+			trusted: 0,
+			synthetic: 0,
+			pointerTypes: []
+		})
+	};
+	let t = [], n = !1, r = (t) => {
+		ct(t) && (n = !0, e.onAnimationStart(performance.now()));
+	}, i = (t) => {
+		ct(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`
+		}));
+	}, a = (t) => {
+		ct(t) && (n = !0, t.elapsedTime === 0 && e.onHit({
+			kind: "zero-length-animation-end",
+			atMs: performance.now(),
+			detail: `${t.animationName} reported animationend with elapsedTime 0 on ${lt(t.target)} — the animation ended without ever running. Anything landing on this event lands before the motion it was waiting for`
+		}));
+	}, o = (e) => {
+		let n = e.pointerType ?? "";
+		t.push({
+			atMs: performance.now(),
+			trusted: e.isTrusted === !0,
+			pointerType: n === "" ? e.type : n
+		}), t.length > ot && t.splice(0, t.length - ot);
+	}, s = {
+		capture: !0,
+		passive: !0
+	};
+	return document.addEventListener("animationstart", r, s), document.addEventListener("animationcancel", i, s), document.addEventListener("animationend", a, s), document.addEventListener("pointerdown", o, s), document.addEventListener("click", o, s), {
+		detach: () => {
+			document.removeEventListener("animationstart", r, s), document.removeEventListener("animationcancel", i, s), document.removeEventListener("animationend", a, s), document.removeEventListener("pointerdown", o, s), document.removeEventListener("click", o, s);
+		},
+		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));
 			return {
-				count: n.length,
-				medianGapMs: L(e[Math.floor(e.length / 2)]),
-				maxGapMs: L(e[e.length - 1])
+				trusted: a,
+				synthetic: i.length - a,
+				pointerTypes: [...o].sort()
 			};
-		})(),
-		longGaps: n.filter((e) => e >= 30).map(L),
-		held: R(e),
-		released: R(t)
+		}
 	};
-}, z = (e) => e.length === 0 ? null : {
-	maxMs: L(Math.max(...e)),
-	over30Count: e.filter((e) => e >= 30).length
-}, ae = (e) => {
-	let t = e.playerSuppression || e.playerAdvance;
-	return t && e.compiledAnimation ? "mixed" : t ? "player" : e.compiledAnimation ? "compiled" : "unknown";
-}, oe = (e) => e === "PUSHING" ? "PUSH" : e === "POPPING" ? "POP" : e === "REPLACING" ? "REPLACE" : null, se = (e) => {
-	let t = /^matrix3d\(([^)]+)\)$/.exec(e.trim());
-	if (t) {
-		let e = t[1].split(",").map((e) => Number(e.trim()));
-		return e.length === 16 && Number.isFinite(e[12]) ? e[12] : null;
+}, dt = (e, t) => ({
+	kind: e.kind,
+	atMs: st(e.atMs - t),
+	detail: e.detail
+}), ft = (e) => {
+	/* v8 ignore next -- unreachable: deriveVerdict returns before this on an
+	empty flight list, so nothing ever asks for the median of nothing. */
+	if (e.length === 0) return 0;
+	let t = [...e].sort((e, t) => e - t);
+	return t[Math.floor(t.length / 2)];
+}, pt = (e) => {
+	let t = [], n = e.preconditions.filter((e) => e.status === "violated");
+	if (n.length > 0 && t.push(`NOT EVIDENCE: ${n.length} judging precondition(s) failed — ${n.map((e) => e.id).join(", ")}. Everything below was measured under those conditions; fix them and measure again before drawing a conclusion from it.`), e.flights.length === 0) return t.push("No flights were recorded. Either no navigation happened while the recorder was attached, or it attached after the one you meant to measure — the recorder only sees flights that start after it does."), t;
+	e.observation.animationEvents || t.push("The animation channel observed NOTHING across this whole session: not one flemo keyframe reported a start, an end or a cancel, though flights were recorded. Treat every animation-derived field here as unmeasured rather than as clean — a probe that never fires reads exactly like a page with nothing to report.");
+	let r = e.flights, i = r.reduce((e, t) => Math.max(e, t.frameSamples.released.maxGapMs), 0), a = r.filter((e) => e.anomalies.length > 0).length;
+	t.push(`${r.length} flight(s) recorded. Median duration ${ft(r.map((e) => e.durationMs))}ms, worst frame gap during visible motion ${i}ms, ${a} flight(s) carrying at least one anomaly.`);
+	let o = r.filter((e) => e.motion.longestStallMs >= 48);
+	o.length > 0 && t.push(`${o.length} flight(s) STOPPED MOVING mid-flight (longest ${Math.max(...o.map((e) => e.motion.longestStallMs))}ms). Frames kept arriving; the picture did not change. Look at the hold and the animation's play state, not at the frame budget.`);
+	let s = r.filter((e) => e.morphs.skipped.length > 0);
+	if (s.length > 0) {
+		let e = [...new Set(s.flatMap((e) => e.morphs.skipped))];
+		t.push(`Shared elements did NOT fly on ${s.length} flight(s): ${e.join(", ")}. Both ends were registered on two different screens and neither was ever stamped with a flight role, so the pair was never made. This is silent by nature — nothing else on the page says it happened.`);
 	}
-	let n = /^matrix\(([^)]+)\)$/.exec(e.trim());
-	if (n) {
-		let e = n[1].split(",").map((e) => Number(e.trim()));
-		return e.length === 6 && Number.isFinite(e[4]) ? e[4] : null;
+	let c = [...new Set(r.flatMap((e) => e.morphs.duplicatedKeys))];
+	c.length > 0 && t.push(`Pairing key(s) used twice inside one screen: ${c.join(", ")}. Two ends under one screen are not a pair, so one of them can never fly. This is in the consuming app, not in the library.`);
+	let l = r.flatMap((e) => e.tripwires);
+	if (l.length > 0) {
+		let e = [...new Set(l.map((e) => e.kind))];
+		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 null;
-}, ce = "2", B = new Set(v), V = new Set(y), le = b(c), H = d, ue = 2, de = 2e3, fe = 2, pe = 200, me = 1e3, U = (e) => Math.round(e * 10) / 10, he = null, ge = () => window, _e = (e = {}) => {
-	if (he) return he;
+	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 = () => ({
+	generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+	version: "3",
+	verdict: ["No DOM was available, so nothing could be observed. The recorder ran inert."],
+	environment: ne({
+		medianGapMs: null,
+		sampleCount: 0
+	}),
+	preconditions: [],
+	overrides: {
+		active: {},
+		warnings: ["no DOM available — recorder ran inert"]
+	},
+	flights: [],
+	comparison: [],
+	previousSession: null,
+	anomalies: [],
+	blindSpots: [...c],
+	judgingProtocol: [...ge]
+}), Ct = (e = {}) => {
+	if (xt) return xt;
 	if (typeof window > "u" || typeof document > "u") return {
 		detach: () => {},
-		report: () => ({
-			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-			version: "2",
-			environment: T({
-				medianGapMs: null,
-				sampleCount: 0
-			}),
-			overrides: {
-				active: {},
-				warnings: ["no DOM available — recorder ran inert"]
-			},
-			flights: [],
-			anomalies: [],
-			blindSpots: [...s],
-			judgingProtocol: [...E]
-		})
+		report: St,
+		mark: () => null
 	};
-	let n = e.maxFlights ?? 50, r = e.log ?? !1, i = e.installGlobal ?? !0, c = F(), d = {
+	let n = e.maxFlights ?? 50, r = e.log ?? !1, i = e.installGlobal ?? !0, a = e.persist ?? !0, l = Ve(), d = performance.now(), h = a ? qe("3") : null, g = {
 		medianGapMs: null,
 		sampleCount: 0
 	};
-	te().then((e) => {
-		d = e;
+	ee().then((e) => {
+		g = e;
 	});
-	let _ = [], v = null;
+	let x = [], S = null;
 	try {
-		typeof PerformanceObserver < "u" && PerformanceObserver.supportedEntryTypes?.includes("longtask") && (v = new PerformanceObserver((e) => {
-			for (let t of e.getEntries()) _.push({
-				startMs: U(t.startTime),
-				durationMs: U(t.duration)
+		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)
 			});
-			_.length > me && _.splice(0, _.length - me);
-		}), v.observe({
+			x.length > yt && x.splice(0, x.length - yt);
+		}), S.observe({
 			type: "longtask",
 			buffered: !0
 		}));
 	} catch {
-		v = null;
+		S = null;
 	}
-	let y = [], ee = 0, x = null, S = [], C = !1, w = !1, D = () => Array.from(document.querySelectorAll(le)).filter((e) => B.has(e.getAttribute("data-flemo-status") ?? "")), O = (e) => {
-		let t = Array.from(document.querySelectorAll(b(g))).filter((e) => B.has(e.getAttribute("data-flemo-bar-status") ?? "") || e.getAttribute("data-flemo-bar-riding") === "true").length, n = Array.from(document.querySelectorAll(b(h))).filter((e) => B.has(e.getAttribute("data-flemo-status") ?? "")).length, r = Array.from(document.querySelectorAll(b(m))).filter((e) => B.has(e.getAttribute("data-flemo-status") ?? "")).length;
+	let C = [], w = 0, E = null, D = null, O = [], k = !1, j = !1, M = document.visibilityState === "hidden", N = 0, P = () => Array.from(document.querySelectorAll(_t)).filter((e) => ht.has(e.getAttribute("data-flemo-status") ?? "")), te = () => E !== null || P().length > 0, F = (e) => {
+		let t = Array.from(document.querySelectorAll(A(y))).filter((e) => ht.has(e.getAttribute("data-flemo-bar-status") ?? "") || e.getAttribute("data-flemo-bar-riding") === "true").length, n = Array.from(document.querySelectorAll(A(v))).filter((e) => ht.has(e.getAttribute("data-flemo-status") ?? "")).length, r = Array.from(document.querySelectorAll(A(_))).filter((e) => ht.has(e.getAttribute("data-flemo-status") ?? "")).length;
 		return {
 			screens: e.length,
 			bars: t,
 			decorators: n,
 			parts: r
 		};
-	}, k = (e) => {
-		let t = [];
-		for (let n of e) for (let e of Array.from(n.querySelectorAll("img"))) t.push(e);
-		return t;
-	}, A = (e) => {
-		let t = 0, n = 0;
-		for (let r of e.imagesTracked) r.complete && (t += 1, e.imagesHeld.has(r) || (n += 1));
-		return {
-			loadingAtStart: e.imagesLoadingAtStart,
-			addedDuringFlight: e.imagesAddedDuringFlight,
-			completedDuringFlight: t,
-			heldDuringFlight: e.imagesHeld.size,
-			completedUnheld: n
-		};
-	}, j = (e) => {
-		let t = x;
-		if (!(!t || t.imagesTracked.size >= pe)) for (let n of Array.from(e)) {
-			if (!(n instanceof Element) || !t.elements.some((e) => e === n || e.contains(n))) continue;
-			let e = n instanceof HTMLImageElement ? [n] : Array.from(n.querySelectorAll("img"));
-			for (let n of e) if (!(n.complete || t.imagesTracked.has(n))) {
-				if (t.imagesTracked.size >= pe) return;
-				t.imagesTracked.add(n), t.imagesAddedDuringFlight += 1;
-			}
-		}
-	}, M = (e) => {
-		for (let t of e.elements) for (let n of Array.from(t.querySelectorAll(`img[${f}]`))) e.imagesHeld.add(n);
-		for (let t of e.imagesTracked) t.hasAttribute("data-flemo-img-hold") && e.imagesHeld.add(t);
-	}, N = (e, t) => {
-		e.releasedFrames += 1;
-		let n = !1, r = !1;
-		for (let t of e.elements) {
-			let i = e.clocks.get(t);
-			if (i) {
-				i.playState === "paused" && (e.pausedAfterRelease = !0), i.playState !== "finished" && (r = !0);
-				let a = typeof i.currentTime == "number" ? i.currentTime : null;
-				if (a !== null) {
-					let r = e.lastClock.get(t);
-					r !== void 0 && a !== r && (n = !0), e.lastClock.set(t, a);
-				}
-			}
-			let a = t.style;
-			if (a && a.animation !== "") {
-				let r = `${a.transform}/${a.opacity}`;
-				e.lastPose.get(t) !== r && (n = !0);
-			}
-		}
-		if (!(e.releasedFrames < fe)) {
-			if (n) {
-				e.stallRunMs = 0;
-				return;
-			}
-			if (!r && e.clocks.size > 0) {
-				e.tailFrames += 1, e.stallRunMs = 0;
-				return;
-			}
-			e.stalledFrames += 1, e.stallRunMs += t, e.stallRunMs > e.longestStallMs && (e.longestStallMs = e.stallRunMs);
-		}
-	}, P = (e) => {
-		for (let t of e.elements) {
-			let n = t.style, r = t.getAnimations, i = e.clocks.get(t);
-			if (i !== void 0 && i.playState !== "finished") {
-				if (i.playState === "running" && (e.evidence.compiledAnimation = !0), n && n.animation !== "") {
-					e.evidence.playerSuppression = !0;
-					let r = `${n.transform}/${n.opacity}`, i = e.lastPose.get(t);
-					i !== void 0 && i !== r && (e.evidence.playerAdvance = !0), e.lastPose.set(t, r);
-				}
-				continue;
-			}
-			if (typeof r == "function") try {
-				for (let n of r.call(t)) {
-					let r = n.animationName;
-					typeof r == "string" && r.startsWith("flemo-") && (e.clocks.set(t, n), n.playState === "running" && (e.evidence.compiledAnimation = !0));
-				}
-			} catch {}
-			if (n && n.animation !== "") {
-				e.evidence.playerSuppression = !0;
-				let r = `${n.transform}/${n.opacity}`, i = e.lastPose.get(t);
-				i !== void 0 && i !== r && (e.evidence.playerAdvance = !0), e.lastPose.set(t, r);
-			}
-		}
-	}, ne = (e) => e.elements.some((e) => {
-		let t = e.getAttribute(H);
-		return t !== null && V.has(t);
-	}), re = () => {
-		let e = x;
-		if (!e || C) return;
-		let t = performance.now();
-		if (e.lastFrameAt !== null && e.heldGaps.length + e.releasedGaps.length < de) {
-			let n = t - e.lastFrameAt, r = ne(e);
-			(r ? e.heldGaps : e.releasedGaps).push(n), r || (N(e, n), e.releasedFrames === 1 && M(e));
-		}
-		if (e.lastFrameAt = t, P(e), t - e.t0Ms > 1e4) {
-			S = [...e.elements], W(t, L(e));
-			return;
+	}, I = ut({
+		onHit: (e) => {
+			let t = E;
+			t && t.tripwires.push(dt(e, t.t0Ms));
+		},
+		onAnimationStart: (e) => {
+			let t = E;
+			!t || t.firstAnimationAtMs !== null || (t.firstAnimationAtMs = K(e - t.t0Ms));
 		}
-		e.rafId = requestAnimationFrame(re);
-	}, L = (e) => {
+	}), re = (e) => {
 		let t = /* @__PURE__ */ new Set();
 		for (let n of e.elements) {
 			let e = n.getAttribute("data-flemo-status") ?? "";
-			B.has(e) && t.add(e);
+			ht.has(e) && t.add(e);
 		}
 		return [...t];
-	}, R = (e) => {
+	}, 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) {
+			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));
+			return;
+		}
+		e.rafId = requestAnimationFrame(L);
+	}, ie = (e) => {
 		let t = performance.now();
-		ee += 1;
-		let n = e.find((e) => e.getAttribute("data-flemo-active") === "true") ?? e[0], r = oe(n.getAttribute("data-flemo-status") ?? "") ?? "PUSH", i = null;
+		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;
 		for (let t of e) {
-			let e = t.getAttribute(H);
-			if (e !== null && V.has(e)) {
+			let e = t.getAttribute(m);
+			if (e !== null && gt.has(e)) {
 				i = e;
 				break;
 			}
 		}
-		x = {
-			id: `flight-${ee}`,
+		E = {
+			id: `flight-${w}`,
 			kind: r,
 			routerId: n.getAttribute("data-flemo-router") ?? void 0,
+			bucket: D,
 			t0Ms: t,
 			t0Iso: (/* @__PURE__ */ new Date()).toISOString(),
 			elements: [...e],
-			participants: O(e),
+			participants: F(e),
 			holdKind: i,
 			holdReleasedAtMs: null,
-			playerGapStartIndex: ge().__flemoPlayerGaps?.length ?? 0,
-			heldGaps: [],
-			releasedGaps: [],
-			lastFrameAt: null,
-			evidence: {
-				compiledAnimation: !1,
-				playerSuppression: !1,
-				playerAdvance: !1
-			},
-			lastPose: /* @__PURE__ */ new Map(),
-			clocks: /* @__PURE__ */ new Map(),
-			lastClock: /* @__PURE__ */ new Map(),
-			releasedFrames: 0,
-			tailFrames: 0,
-			stalledFrames: 0,
-			stallRunMs: 0,
-			longestStallMs: 0,
-			pausedAfterRelease: !1,
-			holdReassertedAtMs: null,
-			imagesTracked: new Set(k(e).filter((e) => !e.complete)),
-			imagesLoadingAtStart: 0,
-			imagesAddedDuringFlight: 0,
-			imagesHeld: /* @__PURE__ */ new Set(),
+			firstAnimationAtMs: null,
+			frames: ae(),
+			images: fe(e),
+			morphs: Oe(e),
+			tripwires: [],
 			rafId: null
-		}, x.imagesLoadingAtStart = x.imagesTracked.size, P(x), x.rafId = requestAnimationFrame(re);
-	}, ce = (e, t) => {
-		let n = ue, r = () => {
-			if (!C) {
+		}, ue(E.frames, E.elements), E.rafId = requestAnimationFrame(L);
+	}, se = (e, t) => {
+		let n = 2, r = () => {
+			if (k) return;
+			if (--n, n > 0) {
+				requestAnimationFrame(r);
+				return;
+			}
+			let i = xe(t, te());
+			e.landing.residualInlineTransforms = i.residualInlineTransforms, e.landing.offViewportAtRest = i.offViewportAtRest, e.landing.orphanedHolds = i.orphanedHolds;
+		};
+		requestAnimationFrame(r);
+	}, le = (e, t) => {
+		let n = 2, r = () => {
+			if (!k) {
 				if (--n, n > 0) {
 					requestAnimationFrame(r);
 					return;
 				}
-				ve(e, t);
+				e.morphs = Ne(t.morphs, te());
 			}
 		};
 		requestAnimationFrame(r);
-	}, _e = () => {
-		if (x !== null || D().length > 0) return [];
-		let e = [];
-		for (let [t, n] of [[f, "image reveal hold"], [p, "arrival hold"]]) {
-			let r = document.querySelectorAll(`[${t}]`).length;
-			r > 0 && e.push(`${r} × ${n} (${t}) still marked at rest`);
-		}
-		return e;
-	}, ve = (e, t) => {
-		let n = [], r = !1, i = window.visualViewport?.width ?? window.innerWidth ?? 0;
-		t.forEach((e, t) => {
-			if (!(e instanceof HTMLElement) || !e.isConnected) return;
-			let a = "", o = "";
-			try {
-				let t = getComputedStyle(e);
-				a = t.transform ?? "", o = t.display ?? "";
-			} catch {}
-			if (o === "none") return;
-			let s = e.getAttribute(u) === "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 = se(a);
-				e !== null && Math.abs(e) >= i * .5 && (r = !0);
-			}
-		}), e.landing.residualInlineTransforms = n, e.landing.offViewportAtRest = r, e.landing.orphanedHolds = _e();
-	}, W = (e, t) => {
-		let i = x;
+	}, R = (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),
+			iso: e.t0Iso
+		},
+		t1: {
+			ms: K(t),
+			iso: (/* @__PURE__ */ new Date()).toISOString()
+		},
+		durationMs: K(t - e.t0Ms),
+		driver: ve(e.frames.evidence),
+		participants: e.participants,
+		holds: {
+			kind: e.holdKind,
+			releasedAtMs: e.holdReleasedAtMs
+		},
+		frameSamples: _e(e.frames.heldGaps, e.frames.releasedGaps),
+		motion: {
+			...de(e.frames),
+			firstAnimationAtMs: e.firstAnimationAtMs
+		},
+		images: he(e.images),
+		morphs: Ne(e.morphs, !0),
+		tripwires: [...e.tripwires, ...Me(e.morphs)],
+		input: I.inputBetween(e.t0Ms, t),
+		longTasks: [],
+		holdLongTasks: [],
+		landing: {
+			residualInlineTransforms: [],
+			offViewportAtRest: !1,
+			stuckStatuses: n,
+			orphanedHolds: []
+		},
+		anomalies: []
+	}), z = (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;
-		M(i), x = null, i.rafId !== null && cancelAnimationFrame(i.rafId);
-		let a = z((ge().__flemoPlayerGaps ?? []).slice(i.playerGapStartIndex)), o = {
-			id: i.id,
-			...i.routerId === void 0 ? {} : { routerId: i.routerId },
-			kind: i.kind,
-			t0: {
-				ms: U(i.t0Ms),
-				iso: i.t0Iso
-			},
-			t1: {
-				ms: U(e),
-				iso: (/* @__PURE__ */ new Date()).toISOString()
-			},
-			durationMs: U(e - i.t0Ms),
-			driver: ae(i.evidence),
-			participants: i.participants,
-			holds: {
-				kind: i.holdKind,
-				releasedAtMs: i.holdReleasedAtMs
-			},
-			frameSamples: ie(i.heldGaps, i.releasedGaps),
-			motion: {
-				sampledFrames: i.releasedFrames,
-				stalledFrames: i.stalledFrames,
-				longestStallMs: U(i.longestStallMs),
-				pausedAfterRelease: i.pausedAfterRelease,
-				holdReassertedAtMs: i.holdReassertedAtMs,
-				tailFrames: i.tailFrames
-			},
-			images: A(i),
-			...a ? { playerGaps: a } : {},
-			longTasks: [],
-			holdLongTasks: [],
-			landing: {
-				residualInlineTransforms: [],
-				offViewportAtRest: !1,
-				stuckStatuses: t,
-				orphanedHolds: []
-			},
-			anomalies: []
-		};
-		y.push(o), y.length > n && y.splice(0, y.length - n), t.length === 0 && ce(o, i.elements), r && console.info(`[flemo devtools] ${o.id} ${o.kind} driver=${o.driver} ${o.durationMs}ms screens=${o.participants.screens}`);
-	}, ye = (e) => {
-		let t = x;
+		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) => {
+		let t = E;
 		if (!t || !(e.target instanceof Element)) return;
-		let n = e.target.getAttribute(H);
-		n !== null && V.has(n) && t.holdKind === null && (t.holdKind = n), n !== null && V.has(n) && t.holdReleasedAtMs !== null && t.holdReassertedAtMs === null && (t.holdReassertedAtMs = U(performance.now() - t.t0Ms)), (n === "false" || n === null) && e.oldValue !== null && V.has(e.oldValue) && t.holdReleasedAtMs === null && !ne(t) && (t.holdReleasedAtMs = U(performance.now() - t.t0Ms));
-	}, G = () => {
-		let e = D();
-		if (S.length > 0) {
-			if (e.some((e) => S.includes(e))) return;
-			S = [];
+		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);
+			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));
+	}, V = () => {
+		let e = P();
+		if (O.length > 0) {
+			if (e.some((e) => O.includes(e))) return;
+			O = [];
 		}
-		if (!x && e.length > 0) {
-			R(e);
+		if (!E && e.length > 0) {
+			ie(e);
 			return;
 		}
-		if (x && e.length === 0) {
-			W(performance.now(), []);
+		if (E && e.length === 0) {
+			z(performance.now(), []);
 			return;
 		}
-		if (x) for (let t of e) x.elements.includes(t) || (x.elements.push(t), j(t.querySelectorAll("img")), x.participants = O(x.elements));
-	}, K = null, q = null, J = () => {
+		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 = () => {
 		let e = document.documentElement;
 		if (!e) return !1;
 		let t = new MutationObserver((e) => {
-			if (!C) {
-				for (let t of e) t.type === "attributes" && t.attributeName === H ? ye(t) : t.type === "childList" && t.addedNodes.length > 0 && j(t.addedNodes);
-				G();
-			}
+			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();
 		});
 		try {
 			t.observe(e, {
@@ -652,412 +1109,498 @@ var e = 30, t = 1e4, n = 50, r = 120, i = 100, a = (e) => {
 				attributes: !0,
 				attributeOldValue: !0,
 				attributeFilter: [
-					l,
-					u,
-					H
+					f,
+					p,
+					m,
+					b,
+					T
 				]
 			});
 		} catch {
 			return !1;
 		}
-		return K = t, G(), !0;
+		return be = t, V(), !0;
 	};
-	if (!J()) {
+	if (!Se()) {
 		let e = () => {
-			q = null, C || J();
+			H = null, k || Se();
 		};
-		q = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
+		H = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
 	}
-	let Y = (e) => {
-		let t = _.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;
+	let Ce = () => {
+		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));
+	};
+	a && (N = window.setTimeout(we, bt));
+	let Te = (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)
 		};
-	}, X = () => {
-		let e = performance.now(), n = y.map((e) => {
-			let t = Y(e), n = {
-				...e,
-				longTasks: t.released,
-				holdLongTasks: t.held,
-				landing: {
-					residualInlineTransforms: [...e.landing.residualInlineTransforms],
-					offViewportAtRest: e.landing.offViewportAtRest,
-					stuckStatuses: [...e.landing.stuckStatuses],
-					orphanedHolds: [...e.landing.orphanedHolds]
-				}
-			};
-			return n.anomalies = a({
-				t0Ms: n.t0.ms,
-				t1Ms: n.t1.ms,
-				driver: n.driver,
-				frameSamples: n.frameSamples,
-				playerGaps: n.playerGaps ?? null,
-				longTasks: n.longTasks,
-				holdLongTasks: n.holdLongTasks,
-				releasedAtMs: n.holds.releasedAtMs,
-				landing: n.landing,
-				motion: n.motion,
-				images: n.images
-			}), n;
-		}), r = x;
-		if (!r) return n;
-		let i = e - r.t0Ms > t, o = {
-			id: `${r.id} (in flight)`,
-			...r.routerId === void 0 ? {} : { routerId: r.routerId },
-			kind: r.kind,
-			t0: {
-				ms: U(r.t0Ms),
-				iso: r.t0Iso
-			},
-			t1: {
-				ms: U(e),
-				iso: (/* @__PURE__ */ new Date()).toISOString()
-			},
-			durationMs: U(e - r.t0Ms),
-			driver: ae(r.evidence),
-			participants: r.participants,
-			holds: {
-				kind: r.holdKind,
-				releasedAtMs: r.holdReleasedAtMs
-			},
-			frameSamples: ie(r.heldGaps, r.releasedGaps),
-			motion: {
-				sampledFrames: r.releasedFrames,
-				stalledFrames: r.stalledFrames,
-				longestStallMs: U(r.longestStallMs),
-				pausedAfterRelease: r.pausedAfterRelease,
-				holdReassertedAtMs: r.holdReassertedAtMs,
-				tailFrames: r.tailFrames
-			},
-			images: A(r),
-			longTasks: [],
-			holdLongTasks: [],
+	}, 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 = {
+			...e,
+			longTasks: t.released,
+			holdLongTasks: t.held,
 			landing: {
-				residualInlineTransforms: [],
-				offViewportAtRest: !1,
-				stuckStatuses: i ? L(r) : [],
-				orphanedHolds: []
+				residualInlineTransforms: [...e.landing.residualInlineTransforms],
+				offViewportAtRest: e.landing.offViewportAtRest,
+				stuckStatuses: [...e.landing.stuckStatuses],
+				orphanedHolds: [...e.landing.orphanedHolds]
 			},
-			anomalies: []
-		}, s = Y(o);
-		return o.longTasks = s.released, o.holdLongTasks = s.held, o.anomalies = a({
-			t0Ms: o.t0.ms,
-			t1Ms: o.t1.ms,
-			driver: o.driver,
-			frameSamples: o.frameSamples,
-			playerGaps: o.playerGaps ?? null,
-			longTasks: o.longTasks,
-			holdLongTasks: o.holdLongTasks,
-			releasedAtMs: o.holds.releasedAtMs,
-			landing: o.landing,
-			motion: o.motion,
-			images: o.images
-		}), [...n, o];
-	}, be = () => {
-		let e = F(), t = { ...e };
-		for (let [n, r] of Object.entries(c)) n in e || (t[`${n} (at attach, since cleared)`] = r);
-		let n = I(t), r = T(d), i = X(), a = x;
+			morphs: { ...e.morphs },
+			tripwires: [...e.tripwires]
+		};
+		return n.anomalies = o({
+			t0Ms: n.t0.ms,
+			t1Ms: n.t1.ms,
+			driver: n.driver,
+			frameSamples: n.frameSamples,
+			longTasks: n.longTasks,
+			holdLongTasks: n.holdLongTasks,
+			releasedAtMs: n.holds.releasedAtMs,
+			landing: n.landing,
+			motion: n.motion,
+			images: n.images,
+			morphs: n.morphs,
+			tripwires: n.tripwires
+		}), n;
+	}, je = () => {
+		let e = C.map(De), 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) => {
+		let t = /* @__PURE__ */ new Set(), n = 0, r = 0;
+		for (let i of e) {
+			n += i.input.trusted, r += i.input.synthetic;
+			for (let e of i.input.pointerTypes) t.add(e);
+		}
+		return {
+			trusted: n,
+			synthetic: r,
+			pointerTypes: [...t].sort()
+		};
+	}, Pe = () => {
+		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({
+			environment: r,
+			idleLongTasks: Ee(i),
+			observedMs: performance.now() - d,
+			wentHidden: M,
+			documentHidden: document.visibilityState === "hidden",
+			input: U(i)
+		});
 		return {
 			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-			version: "2",
+			version: "3",
+			verdict: pt({
+				preconditions: o,
+				flights: i,
+				observation: r.observation
+			}),
 			environment: r,
+			preconditions: o,
 			overrides: {
 				active: t,
 				warnings: n
 			},
 			flights: i,
-			anomalies: o({
+			comparison: u(i),
+			previousSession: h,
+			anomalies: s({
 				emulationSuspected: r.emulationSuspected,
 				platform: r.platform,
 				stuckFlightOpen: a !== null && performance.now() - a.t0Ms > 1e4,
 				flightAnomalies: i.map((e) => e.anomalies)
 			}),
-			blindSpots: [...s],
-			judgingProtocol: [...E]
+			blindSpots: [...c],
+			judgingProtocol: [...ge]
 		};
-	}, xe = () => {
-		if (!C) {
-			if (C = !0, K?.disconnect(), q !== null && (document.removeEventListener("DOMContentLoaded", q), q = null), v?.disconnect(), x?.rafId != null && cancelAnimationFrame(x.rafId), x = null, w) {
-				let e = ge();
+	}, Fe = (e) => (D = e === null || e === "" ? null : e, D), W = () => {
+		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) {
+				let e = window;
 				e.flemo?.__flemoDevtools === !0 && delete e.flemo;
 			}
-			he = null;
+			xt = null;
 		}
-	}, Se = {
-		detach: xe,
-		report: be
+	}, G = {
+		detach: W,
+		report: Pe,
+		mark: Fe
 	};
 	if (i) {
-		let e = ge(), t = e.flemo;
+		let e = window, t = e.flemo;
 		(t === void 0 || t?.__flemoDevtools === !0) && (e.flemo = {
 			__flemoDevtools: !0,
-			report: be,
-			flights: X,
-			detach: xe
-		}, w = !0);
+			report: Pe,
+			flights: je,
+			mark: Fe,
+			detach: W
+		}, j = !0);
 	}
-	return he = Se, Se;
-}, ve = "http://www.w3.org/2000/svg", W = (e, t, n) => {
+	return xt = G, G;
+}, wt = O.map((e) => A(d) + j(f, e)).join(","), Tt = () => document.querySelector(wt) !== null, Et = (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);
+	let i = document.createElement("div");
+	return i.className = "root", n.appendChild(i), {
+		host: t,
+		root: i
+	};
+}, Dt = () => {}, Ot = (e) => {
+	if (e) return {
+		recorder: e,
+		ownsRecorder: !1
+	};
+	let t = window.flemo;
+	return t?.__flemoDevtools === !0 && typeof t.report == "function" ? {
+		recorder: {
+			report: t.report,
+			detach: Dt,
+			mark: t.mark ?? (() => null)
+		},
+		ownsRecorder: !1
+	} : {
+		recorder: Ct(),
+		ownsRecorder: !0
+	};
+}, kt = "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;
-}, ye = (e, t) => {
-	let n = document.createElementNS(ve, e);
+}, At = (e, t) => {
+	let n = document.createElementNS(kt, e);
 	for (let [e, r] of Object.entries(t)) n.setAttribute(e, r);
 	return n;
-}, G = (e) => {
+}, jt = (e) => {
 	for (; e.firstChild !== null;) e.removeChild(e.firstChild);
-}, K = (e, t) => {
+}, Mt = (e, t) => {
 	e.textContent !== t && (e.textContent = t);
-}, q = (e) => e == null || e === "" ? "—" : String(e), J = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e)}ms` : "—", Y = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e * 10) / 10}ms` : "—", X = (e) => typeof e == "number" && Number.isFinite(e) ? String(e) : "—", be = (e) => e === !0 ? "yes" : e === !1 ? "no" : "—", xe = (e) => {
+}, 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) => {
 	let t = e?.environment;
 	if (!t) return "—";
 	let n = t.viewport, r = n && typeof n.width == "number" && typeof n.height == "number" ? `${Math.round(n.width)}×${Math.round(n.height)}` : "—";
 	return [
-		q(t.engine),
-		`dpr ${q(t.devicePixelRatio)}`,
+		J(t.engine),
+		`dpr ${J(t.devicePixelRatio)}`,
 		r,
-		`rAF ${Y(t.rafCadence?.medianGapMs)}`
+		`rAF ${Nt(t.rafCadence?.medianGapMs)}`
 	].join(" · ");
-}, Se = (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(",")}`, Ce = (e) => {
+}, 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) => {
 	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;
-}, we = "\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.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", Te = 48, Z = (e, t, n, r) => {
-	let i = W("div", "kv");
-	i.appendChild(W("span", "k", t)), i.appendChild(W("span", r ? `v ${r}` : "v", n)), e.appendChild(i);
+}, 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 = W("section", "section");
-	return n.appendChild(W("h2", void 0, t)), e.appendChild(n), n;
+	let n = q("section", "section");
+	return n.appendChild(q("h2", void 0, t)), e.appendChild(n), n;
 }, $ = (e, t, n = "li") => {
-	e.appendChild(W("div", n, t));
-}, Ee = (e, t) => {
-	G(e);
-	for (let n of t?.overrides?.warnings ?? []) e.appendChild(W("span", "chip warn", q(n)));
-	for (let n of t?.anomalies ?? []) e.appendChild(W("span", "chip bad", q(n)));
-	for (let [n, r] of Object.entries(t?.overrides?.active ?? {})) e.appendChild(W("span", "chip", `${n}=${String(r)}`));
-}, De = (e, t, n, r) => {
-	if (G(e), t.length === 0) {
+	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");
 		return;
 	}
 	for (let i = t.length - 1; i >= 0; --i) {
-		let a = t[i], o = q(a?.id), s = W("button", "row");
-		s.type = "button", s.setAttribute("data-flight-id", o), s.setAttribute("aria-selected", String(o === n)), s.appendChild(W("span", "kind", q(a?.kind))), s.appendChild(W("span", "driver", q(a?.driver))), s.appendChild(W("span", "dur", J(a?.durationMs))), s.appendChild(W("span", "screens", `${X(a?.participants?.screens)} scr`));
+		let a = t[i], o = J(a?.id), s = q("button", "row");
+		s.type = "button", s.setAttribute("data-flight-id", o), s.setAttribute("aria-selected", String(o === n)), s.appendChild(q("span", "kind", J(a?.kind))), s.appendChild(q("span", "driver", J(a?.driver))), s.appendChild(q("span", "dur", Y(a?.durationMs))), s.appendChild(q("span", "screens", `${X(a?.participants?.screens)} scr`));
 		let c = a?.anomalies?.length ?? 0;
-		s.appendChild(W("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
+		s.appendChild(q("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
 	}
-}, Oe = (e, t, n) => {
+}, Ht = (e, t, n) => {
 	if (!n) {
 		Z(e, t, "—");
 		return;
 	}
 	let r = [
 		`${X(n.count)} frames`,
-		`median ${Y(n.medianGapMs)}`,
-		`max ${Y(n.maxGapMs)}`
+		`median ${Nt(n.medianGapMs)}`,
+		`max ${Nt(n.maxGapMs)}`
 	];
 	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), Z(e, t, r.join(" · "));
-}, ke = (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 = ye("svg", {
+}, 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", {
 		class: "spark",
 		viewBox: "0 0 100 28",
 		preserveAspectRatio: "none",
 		"aria-hidden": "true"
 	});
-	return a.appendChild(ye("polyline", {
+	return a.appendChild(At("polyline", {
 		points: i,
 		fill: "none",
 		stroke: "currentColor",
 		"stroke-width": "1",
 		"vector-effect": "non-scaling-stroke"
 	})), a;
-}, Ae = (e, t) => {
+}, Wt = (e, t) => {
 	let n = t.longTasks ?? [], r = t.holdLongTasks ?? [];
 	if (n.length === 0 && r.length === 0) {
 		$(e, "none", "li dim");
 		return;
 	}
-	let i = (e) => `${J(e?.startMs)} + ${J(e?.durationMs)}`;
+	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");
-}, je = (e, t) => {
-	if (G(e), !t) {
+}, Gt = (e, t) => {
+	if (jt(e), !t) {
 		$(e, "select a flight", "li dim");
 		return;
 	}
 	let n = Q(e, "timing");
-	Z(n, "id", q(t.id)), Z(n, "kind / driver", `${q(t.kind)} · ${q(t.driver)}`), Z(n, "router", q(t.routerId)), Z(n, "t0", q(t.t0?.iso)), Z(n, "duration", J(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", `${q(t.holds?.kind)} · released ${J(t.holds?.releasedAtMs)}`);
+	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");
-	Oe(r, "held (absorbed)", t.frameSamples?.held), Oe(r, "released (visible)", t.frameSamples?.released), t.playerGaps && Z(r, "player mirror", `max ${Y(t.playerGaps.maxMs)} · >30ms ×${X(t.playerGaps.over30Count)}`);
-	let i = Ce(t.frameSamples);
-	i && r.appendChild(ke(i));
+	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", J(o), (o ?? 0) >= Te ? "bad" : void 0), Z(a, "paused after release", be(t.motion?.pausedAfterRelease), t.motion?.pausedAfterRelease === !0 ? "bad" : void 0), Z(a, "hold re-asserted", s == null ? "no" : J(s), typeof s == "number" ? "bad" : void 0);
-	let c = Q(e, "images"), l = t.images?.completedDuringFlight ?? 0, u = t.images?.heldDuringFlight ?? 0, d = t.images?.completedUnheld, f = typeof d == "number" ? d > 0 : l > u;
-	Z(c, "loading at t0", X(t.images?.loadingAtStart)), Z(c, "added mid-flight", X(t.images?.addedDuringFlight)), Z(c, "completed mid-flight", X(t.images?.completedDuringFlight), f ? "bad" : void 0), Z(c, "held by the engine", X(t.images?.heldDuringFlight)), Z(c, "completed without hold", X(d), f ? "bad" : void 0), Ae(Q(e, "long tasks"), t);
-	let p = Q(e, "landing"), m = t.landing?.residualInlineTransforms ?? [];
-	if (m.length === 0) Z(p, "inline residue", "clean");
-	else for (let e of m) Z(p, "inline residue", q(e));
-	Z(p, "off-viewport at rest", be(t.landing?.offViewportAtRest));
-	let h = t.landing?.stuckStatuses ?? [];
-	Z(p, "stuck statuses", h.length === 0 ? "none" : h.join(", "));
-	let g = t.landing?.orphanedHolds ?? [];
-	if (g.length === 0) Z(p, "orphaned holds", "none");
-	else for (let e of g) Z(p, "orphaned holds", q(e), "bad");
-	let _ = Q(e, "anomalies"), v = t.anomalies ?? [];
-	if (v.length === 0) {
-		$(_, "none", "li dim");
+	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 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 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));
+		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);
+	}
+	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 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 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 v = t.landing?.stuckStatuses ?? [];
+	Z(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 (x.length === 0) {
+		$(b, "none", "li dim");
 		return;
 	}
-	for (let e of v) $(_, q(e), "li bad");
-}, Me = (e, t) => {
-	G(e);
-	for (let n of t ?? []) $(e, q(n));
-}, Ne = v.map((e) => b(c) + ee(l, e)).join(","), Pe = 320, Fe = 2e3, Ie = 120, Le = "Copy report JSON", Re = () => {}, ze = null, Be = (e = {}) => {
-	if (ze) return ze;
-	if (typeof document > "u") return { detach: Re };
-	let t = !1, n, r = window.flemo;
-	e.recorder ? n = e.recorder : r?.__flemoDevtools === !0 && typeof r.report == "function" ? n = {
-		report: r.report,
-		detach: Re
-	} : (n = _e(), t = !0);
-	let i = W("div");
-	i.setAttribute(_, ""), i.style.position = "fixed", i.style.top = "0", i.style.left = "0", i.style.width = "0", i.style.height = "0", i.style.zIndex = "2147483000";
-	let a = i.attachShadow({ mode: "open" }), o = W("style");
-	o.textContent = we, a.appendChild(o);
-	let s = W("div", "root");
-	a.appendChild(s);
-	let c = W("button", "toggle");
-	c.type = "button", c.setAttribute("data-corner", e.position ?? "bottom-right"), c.setAttribute("aria-label", "flemo devtools");
-	let l = W("span", "count", "0"), u = W("span", "dot");
-	u.hidden = !0, c.appendChild(W("span", "mark", "flemo")), c.appendChild(l), c.appendChild(u);
-	let d = W("section", "panel");
-	d.hidden = !0;
-	let f = W("div", "grip");
-	f.setAttribute("role", "separator"), f.setAttribute("aria-label", "Resize flemo devtools panel");
-	let p = W("header", "head"), m = W("div", "env", "—"), h = W("button", "act", Le);
+	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");
+	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");
+	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);
+	f.type = "button";
+	let p = q("button", "act", "Close");
+	p.type = "button";
+	let m = q("button", "act", "Detach");
+	m.type = "button";
+	let h = q("button", "act", "A/B: off");
 	h.type = "button";
-	let g = W("button", "act", "Close");
-	g.type = "button";
-	let v = W("button", "act", "Detach");
-	v.type = "button";
-	let y = W("div", "chips");
-	p.appendChild(m), p.appendChild(W("div", "spacer")), p.appendChild(h), p.appendChild(g), p.appendChild(v), p.appendChild(y);
-	let b = W("div", "body"), ee = W("div", "list"), x = W("div", "detail");
-	b.appendChild(ee), b.appendChild(x);
-	let S = W("div", "foot"), C = W("details");
-	C.appendChild(W("summary", void 0, "What this cannot see"));
-	let te = W("div");
-	C.appendChild(te), S.appendChild(C), d.appendChild(f), d.appendChild(p), d.appendChild(b), d.appendChild(S), s.appendChild(c), s.appendChild(d);
-	let w = !1, T = e.initialOpen === !0, E = null, O = "", k = "", A = "", j = !1, M = 0, N = 0, P = (e) => Math.min(Math.max(e, Ie), Math.max(Ie, window.innerHeight * .9)), ne = () => {
+	let g = q("div", "chips");
+	u.appendChild(d), u.appendChild(q("div", "spacer")), u.appendChild(h), u.appendChild(f), u.appendChild(p), u.appendChild(m), u.appendChild(g);
+	let _ = q("div", "body"), v = q("div", "list"), y = q("div", "detail");
+	_.appendChild(v), _.appendChild(y);
+	let b = q("div", "foot"), x = q("details");
+	x.appendChild(q("summary", void 0, "What this cannot see"));
+	let S = q("div");
+	x.appendChild(S), b.appendChild(x), c.appendChild(l), c.appendChild(u), c.appendChild(_), c.appendChild(b), i.appendChild(a), i.appendChild(c);
+	let C = !1, w = e.initialOpen === !0, T = null, E = "", D = "", O = "", k = !1, A = 0, j = 0, M = -1, N = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], P = (e) => Math.min(Math.max(e, Yt), Math.max(Yt, window.innerHeight * .9)), ee = () => {
 		try {
-			let e = sessionStorage.getItem(D);
+			let e = sessionStorage.getItem(U);
 			if (e === null) return null;
 			let t = Number.parseFloat(e);
 			return Number.isFinite(t) ? t : null;
 		} catch {
 			return null;
 		}
-	}, re = (e) => {
+	}, te = (e) => {
 		try {
-			sessionStorage.setItem(D, String(Math.round(e)));
+			sessionStorage.setItem(U, String(Math.round(e)));
 		} catch {}
-	}, F = P(ne() ?? window.innerHeight * .4);
-	d.style.height = `${Math.round(F)}px`;
-	let I = () => document.querySelector(Ne) !== null, L = () => {
+	}, F = P(ee() ?? window.innerHeight * .4);
+	c.style.height = `${Math.round(F)}px`;
+	let I = () => {
 		try {
-			return n.report();
+			return t.report();
 		} catch {
 			return null;
 		}
-	}, R = (e) => {
-		e !== E && (E = e, z());
-	}, ie = () => {
-		let e = L(), t = e?.flights ?? [];
-		K(l, String(t.length));
+	}, ne = (e) => {
+		e !== T && (T = e, L());
+	}, re = () => {
+		let e = I(), t = e?.flights ?? [];
+		Mt(o, String(t.length));
 		let n = t.some((e) => (e?.anomalies?.length ?? 0) > 0);
-		if (u.hidden = !n, d.hidden = !T, !T) return;
-		K(m, xe(e));
+		if (s.hidden = !n, c.hidden = !w, !w) return;
+		Mt(d, Ft(e));
 		let r = JSON.stringify([
 			e?.overrides?.warnings ?? [],
 			e?.anomalies ?? [],
 			e?.overrides?.active ?? {}
 		]);
-		r !== A && (A = r, Ee(y, e)), E === null && t.length > 0 && (E = t[t.length - 1]?.id ?? null);
-		let i = Se(t, E);
-		i !== O && (O = i, De(ee, t, E, R));
-		let a = t.find((e) => e?.id === E) ?? null, o = JSON.stringify(a);
-		o !== k && (k = o, je(x, a)), j || (j = !0, Me(te, e?.blindSpots));
+		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));
+		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));
 	};
-	function z() {
-		w || I() || ie();
+	function L() {
+		C || Tt() || re();
 	}
-	function ae() {
-		M = 0, z(), oe();
+	function ie() {
+		A = 0, L(), ae();
 	}
-	function oe() {
-		M = window.setTimeout(ae, T ? Pe : Fe);
+	function ae() {
+		A = window.setTimeout(ie, w ? qt : Jt);
 	}
-	let se = () => {
-		window.clearTimeout(M), oe();
-	}, ce = (e) => {
-		T = e, se(), z();
+	let oe = () => {
+		window.clearTimeout(A), ae();
+	}, se = (e) => {
+		w = e, oe(), L();
 	};
-	c.addEventListener("click", () => ce(!T)), g.addEventListener("click", () => ce(!1)), v.addEventListener("click", () => de());
-	let B = () => {
-		if (!w) {
-			if (I()) {
-				window.clearTimeout(N), N = window.setTimeout(B, Pe);
+	a.addEventListener("click", () => se(!w)), p.addEventListener("click", () => se(!1)), m.addEventListener("click", () => z()), 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();
+	});
+	let ce = () => {
+		if (!C) {
+			if (Tt()) {
+				window.clearTimeout(j), j = window.setTimeout(ce, qt);
 				return;
 			}
-			K(h, "Copied ✓"), window.clearTimeout(N), N = window.setTimeout(V, 1200);
+			Mt(f, "Copied ✓"), window.clearTimeout(j), j = window.setTimeout(le, 1200);
 		}
 	};
-	function V() {
-		if (I()) {
-			N = window.setTimeout(V, Pe);
+	function le() {
+		if (Tt()) {
+			j = window.setTimeout(le, qt);
 			return;
 		}
-		N = 0, K(h, Le);
+		j = 0, Mt(f, Xt);
 	}
-	let le = (e) => {
-		if (w) return;
-		if (I()) {
-			window.clearTimeout(N), N = window.setTimeout(() => le(e), Pe);
+	let ue = (e) => {
+		if (C) return;
+		if (Tt()) {
+			window.clearTimeout(j), j = window.setTimeout(() => ue(e), qt);
 			return;
 		}
-		let t = W("textarea");
+		let t = q("textarea");
 		t.value = e, t.setAttribute("aria-hidden", "true"), t.style.position = "fixed", t.style.opacity = "0", t.style.pointerEvents = "none", document.body.appendChild(t), t.select();
 		let n = document;
 		try {
 			n.execCommand?.("copy");
 		} catch {}
-		t.remove(), B();
+		t.remove(), ce();
 	};
-	h.addEventListener("click", () => {
-		let e = JSON.stringify(L(), null, 2), t = navigator.clipboard;
+	f.addEventListener("click", () => {
+		let e = JSON.stringify(I(), null, 2), t = navigator.clipboard;
 		if (t && typeof t.writeText == "function") {
-			t.writeText(e).then(B, () => le(e));
+			t.writeText(e).then(ce, () => ue(e));
 			return;
 		}
-		le(e);
+		ue(e);
 	});
-	let H = (e) => {
-		F = P(window.innerHeight - e.clientY), d.style.height = `${Math.round(F)}px`;
-	}, ue = () => {
-		window.removeEventListener("pointermove", H), window.removeEventListener("pointerup", ue), re(F);
+	let de = (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);
 	};
-	f.addEventListener("pointerdown", (e) => {
-		e.preventDefault(), window.addEventListener("pointermove", H), window.addEventListener("pointerup", ue);
+	l.addEventListener("pointerdown", (e) => {
+		e.preventDefault(), window.addEventListener("pointermove", de), window.addEventListener("pointerup", R);
 	});
-	function de() {
-		w || (w = !0, window.clearTimeout(M), M = 0, window.clearTimeout(N), N = 0, window.removeEventListener("pointermove", H), window.removeEventListener("pointerup", ue), i.remove(), t && n.detach(), ze = null);
+	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);
 	}
-	document.body.appendChild(i), z(), oe();
-	let fe = { detach: de };
-	return ze = fe, fe;
+	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) => {
+	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) => {
+	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;
+	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}`);
+	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;
+	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 = () => {
+		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();
+	};
+	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);
+	};
+	document.body.appendChild(i), h(), u = window.setTimeout(g, en);
+	let y = { detach: v };
+	return sn = y, y;
 };
 //#endregion
-export { s as BLIND_SPOTS, k as CORE_FLAGS, O as DEVTOOLS_OWNED_FLAGS, A as FLAG_REGISTRY, e as LONG_GAP_MS, i as MID_FLIGHT_TASK_MS, n as OPENING_WINDOW_LEAD_MS, r as OPENING_WINDOW_TAIL_MS, D as PANEL_HEIGHT_KEY, ce as REPORT_SCHEMA_VERSION, j as RETIRED_FLAGS, M as RETIRED_MARKER, t as STUCK_STATUS_MS, Be as attachDevtoolsPanel, _e as attachFlightRecorder, T as captureEnvironment, ae as classifyDriver, ie as computeFrameStats, R as computePhaseStats, z as computePlayerGapStats, a as deriveFlightAnomalies, I as deriveOverrideWarnings, o as deriveReportAnomalies, S as detectEngine, C as isEmulationSuspected, oe as kindFromStatus, se as parseTranslateX, te as sampleRafCadence, F as snapshotOverrides };
+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 };