@flemo/devtools 0.5.0 → 0.6.0

package/dist/react.mjs

@@ -0,0 +1,1635 @@
+import { useEffect as e } from "react";
+//#region src/domProtocol.ts
+var t = "data-flemo-screen", n = "data-flemo-status", r = "data-flemo-active", i = "data-flemo-anim-hold", a = "data-flemo-img-hold", o = "data-flemo-held-arrival", s = "data-flemo-part-name", c = "data-flemo-decorator", l = "data-flemo-bar", u = "data-flemo-morph", d = "data-flemo-morph-id", f = "data-flemo-morph-layer", p = "data-flemo-morph-stand-in", m = "data-flemo-morph-ghost", h = "data-flemo-morph-camera", g = ["enter", "exit"], _ = "data-flemo-devtools-panel", v = [
+	"PUSHING",
+	"POPPING",
+	"REPLACING"
+], y = [
+	"true",
+	"park",
+	"park-under",
+	"park-over"
+], b = (e) => `[${e}]`, x = (e, t) => `[${e}="${t}"]`, ee = 1e4, S = (e) => {
+	let t = [], { t0Ms: n, driver: r, frameSamples: i, longTasks: a, holdLongTasks: o, landing: s } = e, c = n + (e.releasedAtMs ?? 0);
+	if (i.released.over30Count > 0) {
+		let e = r === "compiled" ? " (compiled/compositor flights can still present cleanly through main-thread gaps)" : "";
+		t.push(`main-thread rAF gap up to ${i.released.maxGapMs}ms ×${i.released.over30Count} during visible motion${e}`);
+	}
+	for (let e of a) e.startMs <= c + 120 && e.startMs + e.durationMs >= c - 50 ? t.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 && t.push(`long task ${Math.round(e.durationMs)}ms mid-flight`);
+	for (let e of o) e.durationMs >= 100 && t.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: l, images: u } = e;
+	l.holdReassertedAtMs !== null && t.push(`hold re-asserted ${l.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)`), l.pausedAfterRelease && t.push("compiled animation reported playState=paused after its release (the flight was posed and then stopped mid-motion, not merely starved of frames)"), l.longestStallMs >= 48 && t.push(`motion stalled ${l.longestStallMs}ms mid-flight (${l.stalledFrames}/${l.sampledFrames} released frames advanced neither the animation clock nor the pose — freeze, or freeze-then-leap if the flight still landed on time)`), l.sampledFrames === 0 && e.releasedAtMs !== null && t.push("no released frames were sampled (the flight ended at or before its own hold release — the visible motion, if any, was never observed)"), u.completedUnheld > 0 && t.push(`${u.completedUnheld} image(s) finished loading mid-flight without a hold (${u.completedDuringFlight} completed, ${u.heldDuringFlight} held; ${u.loadingAtStart} were loading at t0, ${u.addedDuringFlight} arrived mid-flight) — each decode rasters on the moving layer and costs a present; this is the warm-side image-hold regression`), s.orphanedHolds.length > 0 && t.push(`hold markers left on the page at rest: ${s.orphanedHolds.join("; ")} (whatever they hide has no owner left to reveal it — the permanently-blank-avatar class)`), s.residualInlineTransforms.length > 0 && t.push(`residual inline style after COMPLETED: ${s.residualInlineTransforms.join("; ")} (landing cleanup failure — the landed scope belongs to the compiled rest rules)`), s.offViewportAtRest && t.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)"), s.stuckStatuses.length > 0 && t.push(`transitional status stuck >${ee / 1e3}s: ${s.stuckStatuses.join(", ")} (navigation queue lock or missed animationend — later navigations will be swallowed)`);
+	let { morphs: d, tripwires: f } = e;
+	for (let e of f) t.push(`tripwire ${e.kind} at +${e.atMs}ms: ${e.detail}`);
+	return d.skipped.length > 0 && t.push(`shared element(s) did not fly: ${d.skipped.join(", ")} (${d.pairable.length} pairable key(s), ${d.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`), d.duplicatedKeys.length > 0 && t.push(`pairing key(s) used twice inside one screen: ${d.duplicatedKeys.join(", ")} (two ends under one screen are not a pair, so one of them can never fly — this is in the consuming app)`), d.strandedRoles > 0 && t.push(`${d.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)`), (d.strandedStandIns > 0 || d.strandedGhosts > 0 || d.layerResidue > 0) && t.push(`morph residue at rest: ${d.strandedStandIns} stand-in(s), ${d.strandedGhosts} ghost(s), ${d.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)`), d.leakedSheetRules > 0 && t.push(`${d.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)`), r === "unknown" && t.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)"), t;
+}, C = (e) => {
+	let t = [];
+	if (e.emulationSuspected) {
+		let n = /Win/i.test(e.platform) ? " (Windows touch hardware makes this signal ambiguous — confirm the DevTools device toolbar state)" : "";
+		t.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" + n);
+	}
+	return e.stuckFlightOpen && t.push(`a flight is still transitional after ${ee / 1e3}s — the navigation queue is likely locked; subsequent navigations will be ignored`), e.flightAnomalies.some((e) => e.some((e) => e.includes("blank-viewport"))) && t.push("at least one flight landed with the blank-viewport signature (see that flight's anomalies)"), t;
+}, w = [
+	"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."
+], T = (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;
+}, te = (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: T(t.map((e) => e.durationMs)),
+		medianReleasedGapMs: T(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));
+}, E = () => {
+	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 ?? "")
+	}));
+}, D = () => {
+	if (typeof navigator > "u") return "unknown";
+	let e = E();
+	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";
+}, O = () => {
+	if (typeof navigator > "u" || D() !== "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;
+}, k = (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({
+			medianGapMs: null,
+			sampleCount: 0
+		});
+		return;
+	}
+	let r = [], i = null, a = () => {
+		let e = performance.now();
+		if (i !== null && r.push(e - i), i = e, r.length >= n) {
+			let e = [...r].sort((e, t) => e - t), n = e[Math.floor(e.length / 2)];
+			t({
+				medianGapMs: Math.round(n * 100) / 100,
+				sampleCount: r.length
+			});
+			return;
+		}
+		requestAnimationFrame(a);
+	};
+	requestAnimationFrame(a);
+}), A = [
+	"__vite_plugin_react_preamble_installed__",
+	"__vite__",
+	"__NEXT_HMR_CB",
+	"__NEXT_HMR_LATENCY_CB",
+	"__webpack_hot_middleware_reporter__",
+	"webpackHotUpdate",
+	"__REACT_REFRESH_RUNTIME__",
+	"$RefreshReg$"
+], j = () => {
+	if (typeof window > "u") return [];
+	let e = [];
+	for (let t of A) try {
+		window[t] !== void 0 && e.push(t);
+	} catch {}
+	return e;
+}, M = () => {
+	try {
+		return typeof PerformanceObserver < "u" && Array.isArray(PerformanceObserver.supportedEntryTypes) && PerformanceObserver.supportedEntryTypes.includes("longtask");
+	} catch {
+		return !1;
+	}
+}, ne = (e, t = !1) => {
+	let n = typeof navigator < "u" ? navigator : null, r = typeof window < "u" ? window : null, i = !1;
+	try {
+		i = r?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
+	} catch {
+		i = !1;
+	}
+	return {
+		userAgent: n?.userAgent ?? "",
+		uaBrands: E(),
+		engine: D(),
+		platform: n?.platform ?? "",
+		maxTouchPoints: n?.maxTouchPoints ?? 0,
+		devicePixelRatio: r?.devicePixelRatio ?? 1,
+		hardwareConcurrency: n?.hardwareConcurrency ?? 0,
+		screen: {
+			width: r?.screen?.width ?? 0,
+			height: r?.screen?.height ?? 0
+		},
+		viewport: {
+			width: r?.innerWidth ?? 0,
+			height: r?.innerHeight ?? 0
+		},
+		visualViewportScale: r?.visualViewport?.scale ?? null,
+		rafCadence: e,
+		reducedMotion: i,
+		developmentHints: j(),
+		emulationSuspected: O(),
+		observation: {
+			longTasks: M(),
+			elementAnimations: typeof Element < "u" && typeof Element.prototype.getAnimations == "function",
+			animationEvents: t
+		}
+	};
+}, re = 2, N = new Set(y), 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(i);
+	return t !== null && N.has(t);
+}), P = (e) => `${e.transform}/${e.opacity}`, se = (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) !== P(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);
+	}
+}, F = (e, t) => {
+	let n = t.style;
+	if (!n || n.animation === "") return;
+	e.evidence.inlineSuppression = !0;
+	let r = P(n), i = e.lastPose.get(t);
+	i !== void 0 && i !== r && (e.evidence.inlineAdvance = !0), e.lastPose.set(t, r);
+}, ce = (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), F(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 {}
+		F(e, n);
+	}
+}, le = (e) => ({
+	sampledFrames: e.releasedFrames,
+	stalledFrames: e.stalledFrames,
+	longestStallMs: ie(e.longestStallMs),
+	pausedAfterRelease: e.pausedAfterRelease,
+	holdReassertedAtMs: e.holdReassertedAtMs,
+	tailFrames: e.tailFrames
+}), I = 200, ue = (e) => {
+	let t = [];
+	for (let n of e) for (let e of Array.from(n.querySelectorAll("img"))) t.push(e);
+	return t;
+}, de = (e) => {
+	let t = new Set(ue(e).filter((e) => !e.complete));
+	return {
+		tracked: t,
+		loadingAtStart: t.size,
+		addedDuringFlight: 0,
+		held: /* @__PURE__ */ new Set()
+	};
+}, L = (e, t, n) => {
+	if (!(e.tracked.size >= I)) 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 >= I) return;
+			e.tracked.add(t), e.addedDuringFlight += 1;
+		}
+	}
+}, fe = (e, t) => {
+	for (let n of t) for (let t of Array.from(n.querySelectorAll(`img[${a}]`))) e.held.add(t);
+	for (let t of e.tracked) t.hasAttribute("data-flemo-img-hold") && e.held.add(t);
+}, pe = (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
+	};
+}, me = [
+	"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."
+], R = (e) => Math.round(e * 10) / 10, he = (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: R(t[Math.floor(t.length / 2)]),
+		maxGapMs: R(t[t.length - 1]),
+		over30Count: e.filter((e) => e >= 30).length
+	};
+}, ge = (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: R(e[Math.floor(e.length / 2)]),
+				maxGapMs: R(e[e.length - 1])
+			};
+		})(),
+		longGaps: n.filter((e) => e >= 30).map(R),
+		held: he(e),
+		released: he(t)
+	};
+}, _e = (e) => {
+	let t = e.inlineSuppression || e.inlineAdvance;
+	return t && e.compiledAnimation ? "mixed" : t ? "inline" : e.compiledAnimation ? "compiled" : "unknown";
+}, ve = (e) => e === "PUSHING" ? "PUSH" : e === "POPPING" ? "POP" : e === "REPLACING" ? "REPLACE" : null, ye = (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;
+}, be = (e) => {
+	if (e) return [];
+	let t = [];
+	for (let [e, n] of [[a, "image reveal hold"], [o, "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 = [], i = !1, a = window.visualViewport?.width ?? window.innerWidth ?? 0;
+	return e.forEach((e, t) => {
+		if (!(e instanceof HTMLElement) || !e.isConnected) return;
+		let o = "", s = "";
+		try {
+			let t = getComputedStyle(e);
+			o = t.transform ?? "", s = t.display ?? "";
+		} catch {}
+		if (s === "none") return;
+		let c = e.getAttribute(r) === "true", l = `screen[${t}]${c ? " (active)" : ""}`;
+		if (e.style.transform !== "" && e.style.transform !== "none" && n.push(`${l} transform=${e.style.transform}`), e.style.opacity !== "" && e.style.opacity !== "1" && n.push(`${l} opacity=${e.style.opacity}`), c && e.getAttribute("data-flemo-status") === "COMPLETED" && a > 0) {
+			let e = ye(o);
+			e !== null && Math.abs(e) >= a * .5 && (i = !0);
+		}
+	}), {
+		residualInlineTransforms: n,
+		offViewportAtRest: i,
+		orphanedHolds: be(t)
+	};
+}, Se = g.map((e) => `[${u}="${e}"]`).join(","), Ce = b(t), we = (e) => Math.round(e * 10) / 10, z = (e) => {
+	let t = e.getAttribute(d);
+	return t === null || t === "" ? null : t;
+}, Te = (e) => {
+	let t = e.getAttribute(u);
+	return t !== null && g.includes(t);
+}, Ee = () => {
+	try {
+		return document.querySelector("style[data-flemo-morph-sheet]")?.sheet?.cssRules.length ?? 0;
+	} catch {
+		return 0;
+	}
+}, De = (e) => {
+	let t = {
+		registered: 0,
+		pairable: /* @__PURE__ */ new Set(),
+		duplicated: /* @__PURE__ */ new Set(),
+		flew: /* @__PURE__ */ new Set(),
+		camera: document.querySelector(b(h)) !== null,
+		ghosts: 0,
+		ghostBornAt: /* @__PURE__ */ new Map(),
+		shortestGhostLifeMs: null,
+		sheetRulesAtStart: Ee()
+	}, n = new Set(e), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+	for (let e of Array.from(document.querySelectorAll(b(u)))) {
+		t.registered += 1;
+		let a = z(e);
+		if (a === null) continue;
+		if (Te(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;
+}, Oe = (e, t) => {
+	if (t.hasAttribute("data-flemo-morph-camera") && (e.camera = !0), !Te(t)) return;
+	let n = z(t);
+	n !== null && e.flew.add(n);
+}, ke = (e, t, n) => {
+	for (let r of Array.from(t.addedNodes)) if (r instanceof Element) for (let t of Ae(r)) e.ghostBornAt.has(t) || (e.ghosts += 1, e.ghostBornAt.set(t, n));
+	for (let r of Array.from(t.removedNodes)) if (r instanceof Element) for (let t of Ae(r)) {
+		let r = e.ghostBornAt.get(t);
+		if (r === void 0) continue;
+		e.ghostBornAt.delete(t);
+		let i = n - r;
+		(e.shortestGhostLifeMs === null || i < e.shortestGhostLifeMs) && (e.shortestGhostLifeMs = i);
+	}
+}, Ae = (e) => [...e.hasAttribute("data-flemo-morph-ghost") ? [e] : [], ...Array.from(e.querySelectorAll(b(m)))], je = (e) => {
+	let t = e.shortestGhostLifeMs;
+	return t === null || t >= 34 ? [] : [{
+		kind: "ghost-cut",
+		atMs: we(t),
+		detail: `a morph ghost was removed ${we(t)}ms after it was created (under one frame) — the departing content it stands for was never presented; this is the first-frame blade signature`
+	}];
+}, Me = (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(b(p)).length,
+		strandedGhosts: document.querySelectorAll(b(m)).length,
+		layerResidue: Array.from(document.querySelectorAll(b(f))).reduce((e, t) => e + t.childElementCount, 0),
+		leaked: Math.max(0, Ee() - 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()
+	};
+}, Ne = "flemo:devtools-panel-height", Pe = [{
+	key: "flemo:devtools",
+	storage: "session",
+	kind: "opt-in-diagnostic",
+	values: "\"on\" / \"off\"",
+	fallback: "off",
+	effect: "arms this flight recorder in the playground (?devtools=on)"
+}, {
+	key: Ne,
+	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"
+}], B = [
+	{
+		key: "flemo:sixty",
+		storage: "session",
+		retiredWith: "the steady-60 verdict seed, now document-scoped module state (2026-08-31)"
+	},
+	{
+		key: "flemo:settle-gate",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:arrivalhold",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:deskflip",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:deskhead",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:creep",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:relcommit",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:imgoffload",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:governed",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface (2026-08-31)"
+	},
+	{
+		key: "flemo:imghold",
+		storage: "session",
+		retiredWith: "the image reveal hold, whose only arming path it was (2026-08-31)"
+	},
+	{
+		key: "flemo:preraster",
+		storage: "session",
+		retiredWith: "the REST-time scope promotion, whose only arming path it was (2026-08-31)"
+	},
+	{
+		key: "flemo:parkhead",
+		storage: "session",
+		retiredWith: "the engine diagnostic surface — the park head is unconditional (2026-08-31)"
+	},
+	{
+		key: "flemo:layers",
+		storage: "session",
+		retiredWith: "the resident-layer experiment (2026-08-31)"
+	},
+	{
+		key: "flemo:morph",
+		storage: "session",
+		retiredWith: "the morph decision trace (2026-08-31)"
+	},
+	{
+		key: "flemo:freeze",
+		storage: "session",
+		retiredWith: "the shallow-freeze experiment (2026-08-31)"
+	},
+	{
+		key: "flemo:motion-driver",
+		storage: "local",
+		retiredWith: "the per-origin driver demotion ledger (2026-08-19)"
+	},
+	{
+		key: "flemo:motion-driver-force",
+		storage: "session",
+		retiredWith: "the hard driver pin, with the rAF player (2026-08-22)"
+	},
+	{
+		key: "flemo:landing-snap",
+		storage: "session",
+		retiredWith: "the integer-device-pixel landing snap, falsified on device (2026-08-22)"
+	},
+	{
+		key: "flemo:handoff",
+		storage: "session",
+		retiredWith: "the player's anchored-opening handoff (2026-08-22)"
+	},
+	{
+		key: "flemo:handoffms",
+		storage: "session",
+		retiredWith: "the player's anchored-opening handoff (2026-08-22)"
+	},
+	{
+		key: "flemo:apply",
+		storage: "session",
+		retiredWith: "the scrub-WAAPI value-application tier (2026-08-22)"
+	},
+	{
+		key: "flemo:snap",
+		storage: "session",
+		retiredWith: "the player's device-pixel snap policy (2026-08-22)"
+	},
+	{
+		key: "flemo:snapband",
+		storage: "session",
+		retiredWith: "the player's device-pixel snap policy (2026-08-22)"
+	},
+	{
+		key: "flemo:lat",
+		storage: "session",
+		retiredWith: "the Low Power Mode release-latency probe (2026-08-22)"
+	}
+], Fe = "(retired — the library no longer reads this)", Ie = (e) => {
+	try {
+		let t = e === "session" ? sessionStorage : localStorage;
+		return t.length, t;
+	} catch {
+		return null;
+	}
+}, Le = (e, t) => {
+	try {
+		return e ? e.getItem(t) : null;
+	} catch {
+		return null;
+	}
+}, Re = new Set(Pe.map((e) => e.key)), ze = new Set(B.map((e) => e.key)), Be = () => {
+	let e = {}, t = Ie("session"), n = Ie("local");
+	for (let r of Pe) {
+		let i = Le(r.storage === "session" ? t : n, r.key);
+		i !== null && (e[r.key] = i);
+	}
+	for (let r of B) for (let [i, a] of [[t, "sessionStorage"], [n, "localStorage"]]) {
+		let t = Le(i, r.key);
+		t !== null && (e[`${r.key} (${a}) ${Fe}`] = 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:") || Re.has(n) || ze.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
+		}
+	} catch {}
+	return e;
+}, Ve = (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 = B.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;
+}, V = "flemo:devtools-trace", He = () => {
+	try {
+		let e = sessionStorage;
+		return e.length, e;
+	} catch {
+		return null;
+	}
+}, Ue = (e, t) => {
+	let n = He();
+	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(V, e);
+			} catch {}
+			return;
+		}
+		r = r.slice(1);
+	}
+	We();
+}, We = () => {
+	try {
+		He()?.removeItem(V);
+	} catch {}
+}, Ge = (e) => {
+	let t = He();
+	if (!t) return null;
+	let n = null;
+	try {
+		n = t.getItem(V);
+	} catch {
+		return null;
+	}
+	if (n === null) return null;
+	let r = null;
+	try {
+		r = JSON.parse(n);
+	} catch {
+		return We(), null;
+	}
+	return !r || r.version !== e || !Array.isArray(r.flights) ? (We(), 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."
+	};
+}, Ke = 12, qe = 20, Je = 40, Ye = 500, Xe = 200, Ze = (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"
+	};
+	let n = { medianIdleFrameMs: t };
+	return t < Ke ? {
+		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 <= qe ? {
+		id: "display-cadence",
+		status: "ok",
+		detail: `idle frames arrive every ${t}ms — a 60Hz clock`,
+		metrics: n
+	} : t <= Je ? {
+		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
+	};
+}, Qe = (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 >= Ye || r >= Xe ? {
+		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
+	};
+}, $e = (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
+		}
+	};
+}, et = (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"
+}, tt = [
+	{
+		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"
+	}
+], nt = (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(Ze(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(Qe(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($e(e)), n.push(et(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, ...tt];
+}, rt = 2e3, it = 40, at = (e) => Math.round(e * 10) / 10, ot = (e) => typeof e.animationName == "string" && e.animationName.startsWith("flemo-"), st = (e) => e instanceof Element ? `<${e.tagName.toLowerCase()}>${e.getAttribute("data-flemo-screen") === null ? "" : " (screen)"}` : "an unidentified node", ct = (e) => {
+	if (typeof document > "u") return {
+		detach: () => {},
+		sawAnimationEvent: () => !1,
+		inputBetween: () => ({
+			trusted: 0,
+			synthetic: 0,
+			pointerTypes: []
+		})
+	};
+	let t = [], n = !1, r = (t) => {
+		ot(t) && (n = !0, e.onAnimationStart(performance.now()));
+	}, i = (t) => {
+		ot(t) && (n = !0, e.onHit({
+			kind: "animation-cancel",
+			atMs: performance.now(),
+			detail: `${t.animationName} was CANCELLED on ${st(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) => {
+		ot(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 ${st(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 > it && t.splice(0, t.length - it);
+	}, 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 - rt, i = t.filter((e) => e.atMs >= r && e.atMs <= n), a = i.filter((e) => e.trusted).length, o = new Set(i.map((e) => e.pointerType));
+			return {
+				trusted: a,
+				synthetic: i.length - a,
+				pointerTypes: [...o].sort()
+			};
+		}
+	};
+}, lt = (e, t) => ({
+	kind: e.kind,
+	atMs: at(e.atMs - t),
+	detail: e.detail
+}), ut = (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)];
+}, dt = (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 ${ut(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 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 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;
+}, H = new Set(v), ft = new Set(y), pt = b(t), mt = 2e3, ht = 1e3, gt = 4e3, U = (e) => Math.round(e * 10) / 10, _t = null, vt = () => ({
+	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: [...w],
+	judgingProtocol: [...me]
+}), yt = (e = {}) => {
+	if (_t) return _t;
+	if (typeof window > "u" || typeof document > "u") return {
+		detach: () => {},
+		report: vt,
+		mark: () => null
+	};
+	let t = e.maxFlights ?? 50, a = e.log ?? !1, o = e.installGlobal ?? !0, d = e.persist ?? !0, f = Be(), p = performance.now(), m = d ? Ge("3") : null, g = {
+		medianGapMs: null,
+		sampleCount: 0
+	};
+	k().then((e) => {
+		g = e;
+	});
+	let _ = [], v = 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)
+			});
+			_.length > ht && _.splice(0, _.length - ht);
+		}), v.observe({
+			type: "longtask",
+			buffered: !0
+		}));
+	} catch {
+		v = null;
+	}
+	let y = [], x = 0, T = null, E = null, D = [], O = !1, A = !1, j = document.visibilityState === "hidden", M = 0, re = () => Array.from(document.querySelectorAll(pt)).filter((e) => H.has(e.getAttribute("data-flemo-status") ?? "")), N = () => T !== null || re().length > 0, ie = (e) => {
+		let t = Array.from(document.querySelectorAll(b(l))).filter((e) => H.has(e.getAttribute("data-flemo-bar-status") ?? "") || e.getAttribute("data-flemo-bar-riding") === "true").length, n = Array.from(document.querySelectorAll(b(c))).filter((e) => H.has(e.getAttribute("data-flemo-status") ?? "")).length, r = Array.from(document.querySelectorAll(b(s))).filter((e) => H.has(e.getAttribute("data-flemo-status") ?? "")).length;
+		return {
+			screens: e.length,
+			bars: t,
+			decorators: n,
+			parts: r
+		};
+	}, P = ct({
+		onHit: (e) => {
+			let t = T;
+			t && t.tripwires.push(lt(e, t.t0Ms));
+		},
+		onAnimationStart: (e) => {
+			let t = T;
+			!t || t.firstAnimationAtMs !== null || (t.firstAnimationAtMs = U(e - t.t0Ms));
+		}
+	}), F = (e) => {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e.elements) {
+			let e = n.getAttribute("data-flemo-status") ?? "";
+			H.has(e) && t.add(e);
+		}
+		return [...t];
+	}, I = () => {
+		let e = T;
+		if (!e || O) return;
+		let t = performance.now(), n = e.frames;
+		if (n.lastFrameAt !== null && n.heldGaps.length + n.releasedGaps.length < mt) {
+			let r = t - n.lastFrameAt, i = oe(e.elements);
+			(i ? n.heldGaps : n.releasedGaps).push(r), i || (se(n, e.elements, r), n.releasedFrames === 1 && fe(e.images, e.elements));
+		}
+		if (n.lastFrameAt = t, ce(n, e.elements), t - e.t0Ms > 1e4) {
+			D = [...e.elements], be(t, F(e));
+			return;
+		}
+		e.rafId = requestAnimationFrame(I);
+	}, ue = (e) => {
+		let t = performance.now();
+		x += 1;
+		let n = e.find((e) => e.getAttribute("data-flemo-active") === "true") ?? e[0], r = ve(n.getAttribute("data-flemo-status") ?? "") ?? "PUSH", a = null;
+		for (let t of e) {
+			let e = t.getAttribute(i);
+			if (e !== null && ft.has(e)) {
+				a = e;
+				break;
+			}
+		}
+		T = {
+			id: `flight-${x}`,
+			kind: r,
+			routerId: n.getAttribute("data-flemo-router") ?? void 0,
+			bucket: E,
+			t0Ms: t,
+			t0Iso: (/* @__PURE__ */ new Date()).toISOString(),
+			elements: [...e],
+			participants: ie(e),
+			holdKind: a,
+			holdReleasedAtMs: null,
+			firstAnimationAtMs: null,
+			frames: ae(),
+			images: de(e),
+			morphs: De(e),
+			tripwires: [],
+			rafId: null
+		}, ce(T.frames, T.elements), T.rafId = requestAnimationFrame(I);
+	}, R = (e, t) => {
+		let n = 2, r = () => {
+			if (O) return;
+			if (--n, n > 0) {
+				requestAnimationFrame(r);
+				return;
+			}
+			let i = xe(t, N());
+			e.landing.residualInlineTransforms = i.residualInlineTransforms, e.landing.offViewportAtRest = i.offViewportAtRest, e.landing.orphanedHolds = i.orphanedHolds;
+		};
+		requestAnimationFrame(r);
+	}, he = (e, t) => {
+		let n = 2, r = () => {
+			if (!O) {
+				if (--n, n > 0) {
+					requestAnimationFrame(r);
+					return;
+				}
+				e.morphs = Me(t.morphs, N());
+			}
+		};
+		requestAnimationFrame(r);
+	}, ye = (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: U(e.t0Ms),
+			iso: e.t0Iso
+		},
+		t1: {
+			ms: U(t),
+			iso: (/* @__PURE__ */ new Date()).toISOString()
+		},
+		durationMs: U(t - e.t0Ms),
+		driver: _e(e.frames.evidence),
+		participants: e.participants,
+		holds: {
+			kind: e.holdKind,
+			releasedAtMs: e.holdReleasedAtMs
+		},
+		frameSamples: ge(e.frames.heldGaps, e.frames.releasedGaps),
+		motion: {
+			...le(e.frames),
+			firstAnimationAtMs: e.firstAnimationAtMs
+		},
+		images: pe(e.images),
+		morphs: Me(e.morphs, !0),
+		tripwires: [...e.tripwires, ...je(e.morphs)],
+		input: P.inputBetween(e.t0Ms, t),
+		longTasks: [],
+		holdLongTasks: [],
+		landing: {
+			residualInlineTransforms: [],
+			offViewportAtRest: !1,
+			stuckStatuses: n,
+			orphanedHolds: []
+		},
+		anomalies: []
+	}), be = (e, n) => {
+		let r = T;
+		/* 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 (!r) return;
+		fe(r.images, r.elements), T = null, r.rafId !== null && cancelAnimationFrame(r.rafId);
+		let i = ye(r, e, n, !1);
+		y.push(i), y.length > t && y.splice(0, y.length - t), n.length === 0 && (R(i, r.elements), he(i, r)), a && console.info(`[flemo devtools] ${i.id} ${i.kind} driver=${i.driver} ${i.durationMs}ms screens=${i.participants.screens}`);
+	}, Se = (e) => {
+		let t = T;
+		if (!t || !(e.target instanceof Element)) return;
+		let n = e.target.getAttribute(i);
+		if (n !== null && ft.has(n) && t.holdKind === null && (t.holdKind = n), n !== null && ft.has(n) && t.holdReleasedAtMs !== null && t.frames.holdReassertedAtMs === null) {
+			let e = U(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 && ft.has(e.oldValue) && t.holdReleasedAtMs === null && !oe(t.elements) && (t.holdReleasedAtMs = U(performance.now() - t.t0Ms));
+	}, Ce = () => {
+		let e = re();
+		if (D.length > 0) {
+			if (e.some((e) => D.includes(e))) return;
+			D = [];
+		}
+		if (!T && e.length > 0) {
+			ue(e);
+			return;
+		}
+		if (T && e.length === 0) {
+			be(performance.now(), []);
+			return;
+		}
+		if (T) for (let t of e) T.elements.includes(t) || (T.elements.push(t), L(T.images, T.elements, t.querySelectorAll("img")), T.participants = ie(T.elements));
+	}, we = null, z = null, Te = () => {
+		let e = document.documentElement;
+		if (!e) return !1;
+		let t = new MutationObserver((e) => {
+			if (O) return;
+			let t = performance.now();
+			for (let n of e) n.type === "attributes" ? n.attributeName === "data-flemo-anim-hold" ? Se(n) : T && (n.attributeName === "data-flemo-morph" || n.attributeName === "data-flemo-morph-camera") && n.target instanceof Element && Oe(T.morphs, n.target) : (T && ke(T.morphs, n, t), T && n.addedNodes.length > 0 && L(T.images, T.elements, n.addedNodes));
+			Ce();
+		});
+		try {
+			t.observe(e, {
+				subtree: !0,
+				childList: !0,
+				attributes: !0,
+				attributeOldValue: !0,
+				attributeFilter: [
+					n,
+					r,
+					i,
+					u,
+					h
+				]
+			});
+		} catch {
+			return !1;
+		}
+		return we = t, Ce(), !0;
+	};
+	if (!Te()) {
+		let e = () => {
+			z = null, O || Te();
+		};
+		z = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
+	}
+	let Ee = () => {
+		document.visibilityState === "hidden" && (j = !0, d && T === null && Ue(y, "3"));
+	};
+	document.addEventListener("visibilitychange", Ee);
+	let Ae = () => {
+		M = 0, !O && (T === null && Ue(y, "3"), M = window.setTimeout(Ae, gt));
+	};
+	d && (M = window.setTimeout(Ae, gt));
+	let Ne = (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;
+		return {
+			released: t.filter((e) => e.startMs + e.durationMs > n),
+			held: t.filter((e) => e.startMs + e.durationMs <= n)
+		};
+	}, Pe = (e) => _.filter((t) => t.startMs >= p && !e.some((e) => t.startMs + t.durationMs >= e.t0.ms && t.startMs <= e.t1.ms)), B = (e) => {
+		let t = Ne(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]
+			},
+			morphs: { ...e.morphs },
+			tripwires: [...e.tripwires]
+		};
+		return n.anomalies = S({
+			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;
+	}, Fe = () => {
+		let e = y.map(B), t = T;
+		if (!t) return e;
+		let n = performance.now(), r = n - t.t0Ms > ee;
+		return [...e, B(ye(t, n, r ? F(t) : [], !0))];
+	}, Ie = (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()
+		};
+	}, Le = () => {
+		let e = Be(), t = { ...e };
+		for (let [n, r] of Object.entries(f)) n in e || (t[`${n} (at attach, since cleared)`] = r);
+		let n = Ve(t), r = ne(g, P.sawAnimationEvent()), i = Fe(), a = T, o = nt({
+			environment: r,
+			idleLongTasks: Pe(i),
+			observedMs: performance.now() - p,
+			wentHidden: j,
+			documentHidden: document.visibilityState === "hidden",
+			input: Ie(i)
+		});
+		return {
+			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+			version: "3",
+			verdict: dt({
+				preconditions: o,
+				flights: i,
+				observation: r.observation
+			}),
+			environment: r,
+			preconditions: o,
+			overrides: {
+				active: t,
+				warnings: n
+			},
+			flights: i,
+			comparison: te(i),
+			previousSession: m,
+			anomalies: C({
+				emulationSuspected: r.emulationSuspected,
+				platform: r.platform,
+				stuckFlightOpen: a !== null && performance.now() - a.t0Ms > 1e4,
+				flightAnomalies: i.map((e) => e.anomalies)
+			}),
+			blindSpots: [...w],
+			judgingProtocol: [...me]
+		};
+	}, Re = (e) => (E = e === null || e === "" ? null : e, E), ze = () => {
+		if (!O) {
+			if (O = !0, we?.disconnect(), z !== null && (document.removeEventListener("DOMContentLoaded", z), z = null), document.removeEventListener("visibilitychange", Ee), P.detach(), v?.disconnect(), window.clearTimeout(M), M = 0, T?.rafId != null && cancelAnimationFrame(T.rafId), T = null, A) {
+				let e = window;
+				e.flemo?.__flemoDevtools === !0 && delete e.flemo;
+			}
+			_t = null;
+		}
+	}, V = {
+		detach: ze,
+		report: Le,
+		mark: Re
+	};
+	if (o) {
+		let e = window, t = e.flemo;
+		(t === void 0 || t?.__flemoDevtools === !0) && (e.flemo = {
+			__flemoDevtools: !0,
+			report: Le,
+			flights: Fe,
+			mark: Re,
+			detach: ze
+		}, A = !0);
+	}
+	return _t = V, V;
+}, bt = v.map((e) => b(t) + x(n, e)).join(","), W = () => document.querySelector(bt) !== null, xt = (e) => {
+	let t = document.createElement("div");
+	t.setAttribute(_, ""), 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
+	};
+}, St = () => {}, Ct = (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: St,
+			mark: t.mark ?? (() => null)
+		},
+		ownsRecorder: !1
+	} : {
+		recorder: yt(),
+		ownsRecorder: !0
+	};
+}, wt = 500, Tt = 450, Et = "\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", G = (e) => Math.round(e * 10) / 10, Dt = (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 ${G(t?.maxGapMs ?? 0)}  drop ${t?.over30Count ?? 0}` + (n > 0 ? `  !${n}` : "  ok") + (e.bucket ? `  [${e.bucket}]` : "");
+}, Ot = (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 ${G(e?.environment?.rafCadence?.medianGapMs ?? 0)}ms`), n;
+	let i = t.frameSamples;
+	n.push(`frames  n${i?.released?.count ?? 0} med ${G(i?.released?.medianGapMs ?? 0)} max ${G(i?.released?.maxGapMs ?? 0)}`), n.push(`motion  stall ${G(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;
+}, kt = null, At = (e = {}) => {
+	if (kt) return kt;
+	if (typeof document > "u") return { detach: () => {} };
+	let { recorder: t, ownsRecorder: n } = Ct(e.recorder), r = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], { host: i, root: a } = xt(Et), 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 || W()) return;
+		let e = m(), t = e?.flights ?? [], n = t[t.length - 1], r = [Dt(n)];
+		c && r.push(...Ot(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, wt);
+	}, _ = () => {
+		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, _();
+		}, Tt);
+	}), 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(), kt = null);
+	};
+	document.body.appendChild(i), h(), u = window.setTimeout(g, wt);
+	let y = { detach: v };
+	return kt = y, y;
+}, jt = "http://www.w3.org/2000/svg", K = (e, t, n) => {
+	let r = document.createElement(e);
+	return t !== void 0 && (r.className = t), n !== void 0 && (r.textContent = n), r;
+}, Mt = (e, t) => {
+	let n = document.createElementNS(jt, e);
+	for (let [e, r] of Object.entries(t)) n.setAttribute(e, r);
+	return n;
+}, Nt = (e) => {
+	for (; e.firstChild !== null;) e.removeChild(e.firstChild);
+}, q = (e, t) => {
+	e.textContent !== t && (e.textContent = t);
+}, J = (e) => e == null || e === "" ? "—" : String(e), Y = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e)}ms` : "—", Pt = (e) => typeof e == "number" && Number.isFinite(e) ? `${Math.round(e * 10) / 10}ms` : "—", X = (e) => typeof e == "number" && Number.isFinite(e) ? String(e) : "—", Ft = (e) => e === !0 ? "yes" : e === !1 ? "no" : "—", It = (e) => {
+	let t = e?.environment;
+	if (!t) return "—";
+	let n = t.viewport, r = n && typeof n.width == "number" && typeof n.height == "number" ? `${Math.round(n.width)}×${Math.round(n.height)}` : "—";
+	return [
+		J(t.engine),
+		`dpr ${J(t.devicePixelRatio)}`,
+		r,
+		`rAF ${Pt(t.rafCadence?.medianGapMs)}`
+	].join(" · ");
+}, Lt = (e, t) => `${t ?? ""}#${e.map((e) => `${e?.id ?? ""}|${e?.kind ?? ""}|${e?.driver ?? ""}|${Math.round(e?.durationMs ?? 0)}|${e?.participants?.screens ?? 0}|${e?.anomalies?.length ?? 0}`).join(",")}`, Rt = (e) => {
+	let t = e?.released?.gaps;
+	if (!Array.isArray(t)) return null;
+	let n = t.filter((e) => typeof e == "number" && Number.isFinite(e));
+	return n.length >= 2 ? n : null;
+}, zt = "\n:host {\n  all: initial;\n  color-scheme: dark;\n}\n* { box-sizing: border-box; }\n.root {\n  --bg: #14161a;\n  --bg-soft: #1b1e24;\n  --line: #2b3038;\n  --fg: #e6e9ef;\n  --fg-dim: #99a1b0;\n  --accent: #7cc4ff;\n  --warn: #ffb454;\n  --bad: #ff6b6b;\n  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  color: var(--fg);\n}\n@media (prefers-color-scheme: light) {\n  .root {\n    --bg: #ffffff;\n    --bg-soft: #f4f6f9;\n    --line: #dde1e8;\n    --fg: #1a1d22;\n    --fg-dim: #5c6472;\n    --accent: #0b6bcb;\n    --warn: #a35a00;\n    --bad: #c2261f;\n  }\n}\n.toggle {\n  position: fixed;\n  bottom: 12px;\n  z-index: 2147483000;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin: 0;\n  padding: 6px 10px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n}\n.toggle:hover { background: var(--bg-soft); }\n.toggle[data-corner=\"bottom-right\"] { right: 12px; }\n.toggle[data-corner=\"bottom-left\"] { left: 12px; }\n.mark { font-weight: 700; letter-spacing: 0.04em; }\n.count {\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n.dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--bad);\n}\n.dot[hidden] { display: none; }\n.panel {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2147482999;\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n  border-top: 1px solid var(--line);\n  background: var(--bg);\n  overflow: hidden;\n}\n.panel[hidden] { display: none; }\n.grip {\n  flex: 0 0 6px;\n  height: 6px;\n  background: var(--line);\n  cursor: ns-resize;\n  touch-action: none;\n}\n.head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 10px;\n  border-bottom: 1px solid var(--line);\n}\n.env { color: var(--fg-dim); }\n.spacer { flex: 1 1 auto; }\n.act {\n  padding: 4px 8px;\n  border: 1px solid var(--line);\n  border-radius: 4px;\n  background: var(--bg-soft);\n  color: var(--fg);\n  font: inherit;\n  cursor: pointer;\n}\n.chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1 1 100%;\n}\n.chips:empty { display: none; }\n.chip {\n  padding: 2px 8px;\n  border: 1px solid var(--line);\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n/* The verdict reads as prose, not as a tag: it is a sentence about the whole\n   session and it is the first thing anybody should read. */\n.chip.lead {\n  border-color: var(--fg);\n  color: var(--fg);\n  white-space: normal;\n  max-width: 100%;\n  line-height: 1.5;\n}\n.chip.warn { border-color: var(--warn); color: var(--warn); }\n.chip.bad { border-color: var(--bad); color: var(--bad); }\n.body {\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n.list {\n  flex: 0 0 40%;\n  max-width: 340px;\n  min-width: 180px;\n  overflow: auto;\n  border-right: 1px solid var(--line);\n}\n.row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 6px 10px;\n  border: 0;\n  border-bottom: 1px solid var(--line);\n  background: none;\n  color: var(--fg);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n}\n.row[aria-selected=\"true\"] { background: var(--bg-soft); }\n.row .kind { font-weight: 700; }\n.row .driver { color: var(--accent); }\n.row .dur, .row .screens { color: var(--fg-dim); }\n.row .n {\n  margin-left: auto;\n  padding: 0 6px;\n  border-radius: 999px;\n  background: var(--bg-soft);\n  color: var(--fg-dim);\n}\n.row .n.bad { background: var(--bad); color: #fff; }\n.detail { flex: 1 1 auto; overflow: auto; padding: 8px 10px; }\n.section { margin: 0 0 10px; }\n.section > h2 {\n  margin: 0 0 4px;\n  font: inherit;\n  font-weight: 700;\n  color: var(--fg-dim);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n}\n.kv { display: flex; gap: 8px; }\n.kv > .k { flex: 0 0 34%; max-width: 180px; color: var(--fg-dim); }\n.kv > .v { flex: 1 1 auto; overflow-wrap: anywhere; }\n/* A value that IS the finding — a stall, a re-asserted hold, an orphan. */\n.kv > .v.bad { color: var(--bad); }\n.li { overflow-wrap: anywhere; }\n.li.bad { color: var(--bad); }\n.dim { color: var(--fg-dim); }\n.spark { display: block; width: 100%; height: 28px; }\n.foot { border-top: 1px solid var(--line); padding: 6px 10px; color: var(--fg-dim); }\n.foot summary { cursor: pointer; }\n.foot .li { margin-top: 4px; }\n", Bt = 48, Z = (e, t, n, r) => {
+	let i = K("div", "kv");
+	i.appendChild(K("span", "k", t)), i.appendChild(K("span", r ? `v ${r}` : "v", n)), e.appendChild(i);
+}, Q = (e, t) => {
+	let n = K("section", "section");
+	return n.appendChild(K("h2", void 0, t)), e.appendChild(n), n;
+}, $ = (e, t, n = "li") => {
+	e.appendChild(K("div", n, t));
+}, Vt = (e, t) => {
+	Nt(e);
+	for (let n of t?.verdict ?? []) e.appendChild(K("span", "chip lead", J(n)));
+	for (let n of t?.preconditions ?? []) n?.status === "violated" && e.appendChild(K("span", "chip bad", `${n.id}: ${J(n.detail)}`));
+	for (let n of t?.overrides?.warnings ?? []) e.appendChild(K("span", "chip warn", J(n)));
+	for (let n of t?.anomalies ?? []) e.appendChild(K("span", "chip bad", J(n)));
+	for (let [n, r] of Object.entries(t?.overrides?.active ?? {})) e.appendChild(K("span", "chip", `${n}=${String(r)}`));
+}, Ht = (e, t, n, r) => {
+	if (Nt(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 = J(a?.id), s = K("button", "row");
+		s.type = "button", s.setAttribute("data-flight-id", o), s.setAttribute("aria-selected", String(o === n)), s.appendChild(K("span", "kind", J(a?.kind))), s.appendChild(K("span", "driver", J(a?.driver))), s.appendChild(K("span", "dur", Y(a?.durationMs))), s.appendChild(K("span", "screens", `${X(a?.participants?.screens)} scr`));
+		let c = a?.anomalies?.length ?? 0;
+		s.appendChild(K("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
+	}
+}, Ut = (e, t, n) => {
+	if (!n) {
+		Z(e, t, "—");
+		return;
+	}
+	let r = [
+		`${X(n.count)} frames`,
+		`median ${Pt(n.medianGapMs)}`,
+		`max ${Pt(n.maxGapMs)}`
+	];
+	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), Z(e, t, r.join(" · "));
+}, Wt = (e) => {
+	let t = Math.max(...e), n = t > 0 ? t : 1, r = 100 / (e.length - 1), i = e.map((e, t) => `${Math.round(t * r * 10) / 10},${Math.round((27 - e / n * 26) * 10) / 10}`).join(" "), a = Mt("svg", {
+		class: "spark",
+		viewBox: "0 0 100 28",
+		preserveAspectRatio: "none",
+		"aria-hidden": "true"
+	});
+	return a.appendChild(Mt("polyline", {
+		points: i,
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "1",
+		"vector-effect": "non-scaling-stroke"
+	})), a;
+}, Gt = (e, t) => {
+	let n = t.longTasks ?? [], r = t.holdLongTasks ?? [];
+	if (n.length === 0 && r.length === 0) {
+		$(e, "none", "li dim");
+		return;
+	}
+	let i = (e) => `${Y(e?.startMs)} + ${Y(e?.durationMs)}`;
+	for (let t of n) $(e, i(t), "li bad");
+	for (let t of r) $(e, `${i(t)} (absorbed by hold)`, "li dim");
+}, Kt = (e, t) => {
+	if (Nt(e), !t) {
+		$(e, "select a flight", "li dim");
+		return;
+	}
+	let n = Q(e, "timing");
+	Z(n, "id", J(t.id)), Z(n, "kind / driver", `${J(t.kind)} · ${J(t.driver)}`), Z(n, "router", J(t.routerId)), Z(n, "t0", J(t.t0?.iso)), Z(n, "duration", Y(t.durationMs)), Z(n, "participants", `${X(t.participants?.screens)} screens · ${X(t.participants?.bars)} bars · ${X(t.participants?.decorators)} decorators · ${X(t.participants?.parts)} parts`), Z(n, "hold", `${J(t.holds?.kind)} · released ${Y(t.holds?.releasedAtMs)}`);
+	let r = Q(e, "frames");
+	Ut(r, "held (absorbed)", t.frameSamples?.held), Ut(r, "released (visible)", t.frameSamples?.released);
+	let i = Rt(t.frameSamples);
+	i && r.appendChild(Wt(i));
+	let a = Q(e, "motion (did it move)"), o = t.motion?.longestStallMs, s = t.motion?.holdReassertedAtMs;
+	Z(a, "released frames", X(t.motion?.sampledFrames)), Z(a, "stalled frames", X(t.motion?.stalledFrames), (t.motion?.stalledFrames ?? 0) > 0 ? "bad" : void 0), Z(a, "longest stall", Y(o), (o ?? 0) >= Bt ? "bad" : void 0), Z(a, "paused after release", Ft(t.motion?.pausedAfterRelease), t.motion?.pausedAfterRelease === !0 ? "bad" : void 0), Z(a, "hold re-asserted", s == null ? "no" : Y(s), typeof s == "number" ? "bad" : void 0), Z(a, "first animation", t.motion?.firstAnimationAtMs === null || t.motion?.firstAnimationAtMs === void 0 ? "not observed" : `+${Y(t.motion.firstAnimationAtMs)} after t0`);
+	let c = t.morphs;
+	if (c) {
+		let t = Q(e, "shared elements");
+		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", Ft(c.camera)), Z(t, "ghosts", X(c.ghosts));
+		let i = (c.strandedRoles ?? 0) + (c.strandedStandIns ?? 0) + (c.strandedGhosts ?? 0) + (c.layerResidue ?? 0) + (c.leakedSheetRules ?? 0);
+		Z(t, "residue at rest", i === 0 ? "clean" : `${X(c.strandedRoles)} roles · ${X(c.strandedStandIns)} stand-ins · ${X(c.strandedGhosts)} ghosts · ${X(c.layerResidue)} in layer · ${X(c.leakedSheetRules)} rules`, i > 0 ? "bad" : void 0);
+	}
+	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), Gt(Q(e, "long tasks"), t);
+	let g = Q(e, "landing"), _ = t.landing?.residualInlineTransforms ?? [];
+	if (_.length === 0) Z(g, "inline residue", "clean");
+	else for (let e of _) Z(g, "inline residue", J(e));
+	Z(g, "off-viewport at rest", Ft(t.landing?.offViewportAtRest));
+	let v = t.landing?.stuckStatuses ?? [];
+	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 x) $(b, J(e), "li bad");
+}, qt = (e, t) => {
+	Nt(e);
+	for (let n of t ?? []) $(e, J(n));
+}, Jt = 320, Yt = 2e3, Xt = 120, Zt = "Copy report JSON", Qt = () => {}, $t = null, en = (e = {}) => {
+	if ($t) return $t;
+	if (typeof document > "u") return { detach: Qt };
+	let { recorder: t, ownsRecorder: n } = Ct(e.recorder), { host: r, root: i } = xt(zt), a = K("button", "toggle");
+	a.type = "button", a.setAttribute("data-corner", e.position ?? "bottom-right"), a.setAttribute("aria-label", "flemo devtools");
+	let o = K("span", "count", "0"), s = K("span", "dot");
+	s.hidden = !0, a.appendChild(K("span", "mark", "flemo")), a.appendChild(o), a.appendChild(s);
+	let c = K("section", "panel");
+	c.hidden = !0;
+	let l = K("div", "grip");
+	l.setAttribute("role", "separator"), l.setAttribute("aria-label", "Resize flemo devtools panel");
+	let u = K("header", "head"), d = K("div", "env", "—"), f = K("button", "act", Zt);
+	f.type = "button";
+	let p = K("button", "act", "Close");
+	p.type = "button";
+	let m = K("button", "act", "Detach");
+	m.type = "button";
+	let h = K("button", "act", "A/B: off");
+	h.type = "button";
+	let g = K("div", "chips");
+	u.appendChild(d), u.appendChild(K("div", "spacer")), u.appendChild(h), u.appendChild(f), u.appendChild(p), u.appendChild(m), u.appendChild(g);
+	let _ = K("div", "body"), v = K("div", "list"), y = K("div", "detail");
+	_.appendChild(v), _.appendChild(y);
+	let b = K("div", "foot"), x = K("details");
+	x.appendChild(K("summary", void 0, "What this cannot see"));
+	let ee = K("div");
+	x.appendChild(ee), b.appendChild(x), c.appendChild(l), c.appendChild(u), c.appendChild(_), c.appendChild(b), i.appendChild(a), i.appendChild(c);
+	let S = !1, C = e.initialOpen === !0, w = null, T = "", te = "", E = "", D = !1, O = 0, k = 0, A = -1, j = e.buckets && e.buckets.length > 0 ? e.buckets : ["A", "B"], M = (e) => Math.min(Math.max(e, Xt), Math.max(Xt, window.innerHeight * .9)), ne = () => {
+		try {
+			let e = sessionStorage.getItem(Ne);
+			if (e === null) return null;
+			let t = Number.parseFloat(e);
+			return Number.isFinite(t) ? t : null;
+		} catch {
+			return null;
+		}
+	}, re = (e) => {
+		try {
+			sessionStorage.setItem(Ne, String(Math.round(e)));
+		} catch {}
+	}, N = M(ne() ?? window.innerHeight * .4);
+	c.style.height = `${Math.round(N)}px`;
+	let ie = () => {
+		try {
+			return t.report();
+		} catch {
+			return null;
+		}
+	}, ae = (e) => {
+		e !== w && (w = e, P());
+	}, oe = () => {
+		let e = ie(), t = e?.flights ?? [];
+		q(o, String(t.length));
+		let n = t.some((e) => (e?.anomalies?.length ?? 0) > 0);
+		if (s.hidden = !n, c.hidden = !C, !C) return;
+		q(d, It(e));
+		let r = JSON.stringify([
+			e?.overrides?.warnings ?? [],
+			e?.anomalies ?? [],
+			e?.overrides?.active ?? {}
+		]);
+		r !== E && (E = r, Vt(g, e)), w === null && t.length > 0 && (w = t[t.length - 1]?.id ?? null);
+		let i = Lt(t, w);
+		i !== T && (T = i, Ht(v, t, w, ae));
+		let a = t.find((e) => e?.id === w) ?? null, l = JSON.stringify(a);
+		l !== te && (te = l, Kt(y, a)), D || (D = !0, qt(ee, e?.blindSpots));
+	};
+	function P() {
+		S || W() || oe();
+	}
+	function se() {
+		O = 0, P(), F();
+	}
+	function F() {
+		O = window.setTimeout(se, C ? Jt : Yt);
+	}
+	let ce = () => {
+		window.clearTimeout(O), F();
+	}, le = (e) => {
+		C = e, ce(), P();
+	};
+	a.addEventListener("click", () => le(!C)), p.addEventListener("click", () => le(!1)), m.addEventListener("click", () => pe()), h.addEventListener("click", () => {
+		A = A + 1 >= j.length ? -1 : A + 1;
+		let e = A === -1 ? null : j[A];
+		t.mark(e), q(h, `A/B: ${e ?? "off"}`), E = "", P();
+	});
+	let I = () => {
+		if (!S) {
+			if (W()) {
+				window.clearTimeout(k), k = window.setTimeout(I, Jt);
+				return;
+			}
+			q(f, "Copied ✓"), window.clearTimeout(k), k = window.setTimeout(ue, 1200);
+		}
+	};
+	function ue() {
+		if (W()) {
+			k = window.setTimeout(ue, Jt);
+			return;
+		}
+		k = 0, q(f, Zt);
+	}
+	let de = (e) => {
+		if (S) return;
+		if (W()) {
+			window.clearTimeout(k), k = window.setTimeout(() => de(e), Jt);
+			return;
+		}
+		let t = K("textarea");
+		t.value = e, t.setAttribute("aria-hidden", "true"), t.style.position = "fixed", t.style.opacity = "0", t.style.pointerEvents = "none", document.body.appendChild(t), t.select();
+		let n = document;
+		try {
+			n.execCommand?.("copy");
+		} catch {}
+		t.remove(), I();
+	};
+	f.addEventListener("click", () => {
+		let e = JSON.stringify(ie(), null, 2), t = navigator.clipboard;
+		if (t && typeof t.writeText == "function") {
+			t.writeText(e).then(I, () => de(e));
+			return;
+		}
+		de(e);
+	});
+	let L = (e) => {
+		N = M(window.innerHeight - e.clientY), c.style.height = `${Math.round(N)}px`;
+	}, fe = () => {
+		window.removeEventListener("pointermove", L), window.removeEventListener("pointerup", fe), re(N);
+	};
+	l.addEventListener("pointerdown", (e) => {
+		e.preventDefault(), window.addEventListener("pointermove", L), window.addEventListener("pointerup", fe);
+	});
+	function pe() {
+		S || (S = !0, window.clearTimeout(O), O = 0, window.clearTimeout(k), k = 0, window.removeEventListener("pointermove", L), window.removeEventListener("pointerup", fe), r.remove(), n && t.detach(), $t = null);
+	}
+	document.body.appendChild(r), P(), F();
+	let me = { detach: pe };
+	return $t = me, me;
+};
+//#endregion
+//#region src/react.ts
+function tn({ recorder: t, hud: n = !0, panel: r = !0, hudPosition: i = "top", panelPosition: a = "bottom-left", initialOpen: o = !1, buckets: s } = {}) {
+	let c = s?.join("\0");
+	return e(() => {
+		let e = [];
+		return r && e.push(en({
+			recorder: t,
+			position: a,
+			initialOpen: o,
+			buckets: s
+		}).detach), n && e.push(At({
+			recorder: t,
+			position: i,
+			buckets: s
+		}).detach), () => {
+			for (let t of e.reverse()) t();
+		};
+	}, [
+		t,
+		n,
+		r,
+		i,
+		a,
+		o,
+		c
+	]), null;
+}
+//#endregion
+export { tn as FlemoDevtools, tn as default };