@flemo/devtools 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1056 @@
+//#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) {
+		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) => {
+	let n = [];
+	if (e.forcePin !== null && n.push(`active force pin flemo:motion-driver-force=${e.forcePin} — every transition this session is pinned to one driver (A/B residue? pins expire after 24h; clear the key before judging behavior)`), e.clearedForcePin !== null && e.forcePin === null && n.push(`force pin flemo:motion-driver-force=${e.clearedForcePin} was present at attach and has since been cleared (the library strips malformed/expired pins on sight) — early driver decisions in this session may still have been shaped by it`), e.legacyLocalForcePin !== null && n.push(`legacy localStorage driver pin present (flemo:motion-driver-force=${e.legacyLocalForcePin}) — never honored, but it marks A/B residue on this profile`), 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 = [
+	"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 = () => {
+	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 ?? "")
+	}));
+}, l = () => {
+	if (typeof navigator > "u") return "unknown";
+	let e = c();
+	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";
+}, u = () => {
+	if (typeof navigator > "u" || l() !== "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;
+}, d = (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);
+}), f = () => {
+	try {
+		return typeof PerformanceObserver < "u" && Array.isArray(PerformanceObserver.supportedEntryTypes) && PerformanceObserver.supportedEntryTypes.includes("longtask");
+	} catch {
+		return !1;
+	}
+}, p = (e) => {
+	let t = typeof navigator < "u" ? navigator : null, n = typeof window < "u" ? window : null, r = !1;
+	try {
+		r = n?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
+	} catch {
+		r = !1;
+	}
+	return {
+		userAgent: t?.userAgent ?? "",
+		uaBrands: c(),
+		engine: l(),
+		platform: t?.platform ?? "",
+		maxTouchPoints: t?.maxTouchPoints ?? 0,
+		devicePixelRatio: n?.devicePixelRatio ?? 1,
+		screen: {
+			width: n?.screen?.width ?? 0,
+			height: n?.screen?.height ?? 0
+		},
+		viewport: {
+			width: n?.innerWidth ?? 0,
+			height: n?.innerHeight ?? 0
+		},
+		visualViewportScale: n?.visualViewport?.scale ?? null,
+		rafCadence: e,
+		reducedMotion: r,
+		emulationSuspected: u(),
+		observation: {
+			longTasks: f(),
+			elementAnimations: typeof Element < "u" && typeof Element.prototype.getAnimations == "function",
+			playerGapMirror: Array.isArray(n?.__flemoPlayerGaps)
+		}
+	};
+}, m = [
+	"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."
+], h = [
+	{
+		key: "flemo:motion-driver",
+		storage: "local",
+		kind: "production-state",
+		description: "learned driver ledger ('css' = player demoted on this device, 'raf' = clean probe)"
+	},
+	{
+		key: "flemo:motion-driver-force",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "hard driver pin ('css@<epoch-ms>' / 'raf@<epoch-ms>', 24h TTL) — pins EVERY transition"
+	},
+	{
+		key: "flemo:lpm",
+		storage: "session",
+		kind: "production-state",
+		description: "low-power-mode cadence seed (learned)"
+	},
+	{
+		key: "flemo:sixty",
+		storage: "session",
+		kind: "production-state",
+		description: "steady-60 display verdict seed ('high' latches, a count seeds the streak)"
+	},
+	{
+		key: "flemo:lat",
+		storage: "session",
+		kind: "production-state",
+		description: "LPM release-latency seed (learned)"
+	},
+	{
+		key: "flemo:landing-snap",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "Blink landing pixel-snap easing A/B"
+	},
+	{
+		key: "flemo:imghold",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "flight-scoped <img> reveal hold"
+	},
+	{
+		key: "flemo:settle-gate",
+		storage: "session",
+		kind: "production-default-with-override",
+		description: "render-settle entry gate override"
+	},
+	{
+		key: "flemo:handoff",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "anchored-opening handoff (POP-scoped)"
+	},
+	{
+		key: "flemo:handoffms",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "handoff point override (ms)"
+	},
+	{
+		key: "flemo:apply",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "force the scrub-WAAPI value-application tier"
+	},
+	{
+		key: "flemo:snap",
+		storage: "session",
+		kind: "production-default-with-override",
+		description: "player device-pixel snap policy override"
+	},
+	{
+		key: "flemo:snapband",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "'hybrid' snap jitter-band width (device px)"
+	},
+	{
+		key: "flemo:layers",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "resident screen layers at rest (armed by ?flemo-layers=)"
+	},
+	{
+		key: "flemo:freeze",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "keep the direct prev screen live (armed by ?flemo-freeze=)"
+	},
+	{
+		key: "flemo:preraster",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "promote the entering content layer through the hold"
+	},
+	{
+		key: "flemo:imgoffload",
+		storage: "session",
+		kind: "production-default-with-override",
+		description: "image decode offloader override"
+	},
+	{
+		key: "flemo:devtools",
+		storage: "session",
+		kind: "opt-in-diagnostic",
+		description: "arms this flight recorder in the playground (?devtools=on)"
+	}
+], g = "flemo:motion-driver-force", _ = `${g} (localStorage — legacy location)`, v = (e) => {
+	try {
+		let t = e === "session" ? sessionStorage : localStorage;
+		return t.length, t;
+	} catch {
+		return null;
+	}
+}, y = (e, t) => {
+	try {
+		return e ? e.getItem(t) : null;
+	} catch {
+		return null;
+	}
+}, b = new Set(h.map((e) => e.key)), x = () => {
+	let e = {}, t = v("session"), n = v("local");
+	for (let r of h) {
+		let i = y(r.storage === "session" ? t : n, r.key);
+		i !== null && (e[r.key] = i);
+	}
+	let r = y(n, g);
+	r !== null && (e[_] = r);
+	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:") || b.has(n) || (e[`${n} (${i}, unknown key)`] = r.getItem(n) ?? "");
+		}
+	} catch {}
+	return e;
+}, S = (e) => {
+	let t = [];
+	for (let [n, r] of Object.entries(e)) {
+		if (n === g) {
+			t.push(`${n}=${r} — A DRIVER PIN IS ACTIVE: every transition this session is forced onto one driver, bypassing measurement and demotion. If you did not set it deliberately just now, it is A/B residue (mobile tab restoration resurrects sessionStorage across days; pins expire after 24h). This exact residue once burned a multi-day investigation — clear the key before judging any behavior.`);
+			continue;
+		}
+		if (n === _) {
+			t.push(`${n}=${r} — legacy localStorage driver pin present. The library removes it on sight and never honors it, but its existence means an old A/B session left residue on this profile.`);
+			continue;
+		}
+		if (n.startsWith(`${g} `)) {
+			t.push(`${n}=${r} — a driver force pin was observed this session (see marker in the key). Even a since-cleared pin may have shaped early driver decisions; treat this session's routing as suspect.`);
+			continue;
+		}
+		let e = h.find((e) => n === e.key || n.startsWith(`${e.key} `));
+		!e || e.key === "flemo:devtools" || (e.kind === "opt-in-diagnostic" ? t.push(`${n}=${r} — opt-in diagnostic active (${e.description}); behavior differs from stock. Possible left-over A/B toggle from an earlier debugging session.`) : e.kind === "production-default-with-override" && t.push(`${n}=${r} — production default overridden for this session (${e.description}).`));
+	}
+	return t;
+}, C = (e) => Math.round(e * 10) / 10, w = (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: C(t[Math.floor(t.length / 2)]),
+		maxGapMs: C(t[t.length - 1]),
+		over30Count: e.filter((e) => e >= 30).length
+	};
+}, T = (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: C(e[Math.floor(e.length / 2)]),
+				maxGapMs: C(e[e.length - 1])
+			};
+		})(),
+		longGaps: n.filter((e) => e >= 30).map(C),
+		held: w(e),
+		released: w(t)
+	};
+}, E = (e) => e.length === 0 ? null : {
+	maxMs: C(Math.max(...e)),
+	over30Count: e.filter((e) => e >= 30).length
+}, D = (e) => {
+	let t = e.playerSuppression || e.playerAdvance;
+	return t && e.compiledAnimation ? "mixed" : t ? "player" : e.compiledAnimation ? "compiled" : "unknown";
+}, O = (e) => e === "PUSHING" ? "PUSH" : e === "POPPING" ? "POP" : e === "REPLACING" ? "REPLACE" : null, ee = (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;
+}, k = "2", A = /* @__PURE__ */ new Set([
+	"PUSHING",
+	"POPPING",
+	"REPLACING"
+]), j = /* @__PURE__ */ new Set([
+	"true",
+	"park",
+	"park-under",
+	"park-over"
+]), M = "[data-flemo-screen]", N = "data-flemo-status", te = "data-flemo-active", P = "data-flemo-anim-hold", F = 2, I = 2e3, L = "data-flemo-img-hold", ne = "data-flemo-held-arrival", re = 2, R = 200, ie = 1e3, z = (e) => Math.round(e * 10) / 10, B = null, V = () => window, ae = (e = {}) => {
+	if (B) return B;
+	if (typeof window > "u" || typeof document > "u") return {
+		detach: () => {},
+		report: () => ({
+			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+			version: "2",
+			environment: p({
+				medianGapMs: null,
+				sampleCount: 0
+			}),
+			overrides: {
+				active: {},
+				warnings: ["no DOM available — recorder ran inert"]
+			},
+			driverPolicy: {
+				demotion: null,
+				forcePin: null
+			},
+			flights: [],
+			anomalies: [],
+			blindSpots: [...s],
+			judgingProtocol: [...m]
+		})
+	};
+	let n = e.maxFlights ?? 50, r = e.log ?? !1, i = e.installGlobal ?? !0, c = x(), l = {
+		medianGapMs: null,
+		sampleCount: 0
+	};
+	d().then((e) => {
+		l = e;
+	});
+	let u = [], f = null;
+	try {
+		typeof PerformanceObserver < "u" && PerformanceObserver.supportedEntryTypes?.includes("longtask") && (f = new PerformanceObserver((e) => {
+			for (let t of e.getEntries()) u.push({
+				startMs: z(t.startTime),
+				durationMs: z(t.duration)
+			});
+			u.length > ie && u.splice(0, u.length - ie);
+		}), f.observe({
+			type: "longtask",
+			buffered: !0
+		}));
+	} catch {
+		f = null;
+	}
+	let h = [], g = 0, v = null, y = [], b = !1, C = !1, w = () => Array.from(document.querySelectorAll(M)).filter((e) => A.has(e.getAttribute(N) ?? "")), k = (e) => {
+		let t = Array.from(document.querySelectorAll("[data-flemo-bar]")).filter((e) => A.has(e.getAttribute("data-flemo-bar-status") ?? "") || e.getAttribute("data-flemo-bar-riding") === "true").length, n = Array.from(document.querySelectorAll("[data-flemo-decorator]")).filter((e) => A.has(e.getAttribute(N) ?? "")).length, r = Array.from(document.querySelectorAll("[data-flemo-part-name]")).filter((e) => A.has(e.getAttribute(N) ?? "")).length;
+		return {
+			screens: e.length,
+			bars: t,
+			decorators: n,
+			parts: r
+		};
+	}, ae = (e) => {
+		let t = [];
+		for (let n of e) for (let e of Array.from(n.querySelectorAll("img"))) t.push(e);
+		return t;
+	}, H = (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
+		};
+	}, U = (e) => {
+		let t = v;
+		if (!(!t || t.imagesTracked.size >= R)) 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 >= R) return;
+				t.imagesTracked.add(n), t.imagesAddedDuringFlight += 1;
+			}
+		}
+	}, W = (e) => {
+		for (let t of e.elements) for (let n of Array.from(t.querySelectorAll(`img[${L}]`))) e.imagesHeld.add(n);
+		for (let t of e.imagesTracked) t.hasAttribute(L) && e.imagesHeld.add(t);
+	}, G = (e, t) => {
+		e.releasedFrames += 1;
+		let n = !1;
+		for (let t of e.elements) {
+			let r = e.clocks.get(t);
+			if (r) {
+				r.playState === "paused" && (e.pausedAfterRelease = !0);
+				let i = typeof r.currentTime == "number" ? r.currentTime : null;
+				if (i !== null) {
+					let r = e.lastClock.get(t);
+					r !== void 0 && i !== r && (n = !0), e.lastClock.set(t, i);
+				}
+			}
+			let i = t.style;
+			if (i && i.animation !== "") {
+				let r = `${i.transform}/${i.opacity}`;
+				e.lastPose.get(t) !== r && (n = !0);
+			}
+		}
+		if (!(e.releasedFrames < re)) {
+			if (n) {
+				e.stallRunMs = 0;
+				return;
+			}
+			e.stalledFrames += 1, e.stallRunMs += t, e.stallRunMs > e.longestStallMs && (e.longestStallMs = e.stallRunMs);
+		}
+	}, K = (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);
+			}
+		}
+	}, q = (e) => e.elements.some((e) => {
+		let t = e.getAttribute(P);
+		return t !== null && j.has(t);
+	}), J = () => {
+		let e = v;
+		if (!e || b) return;
+		let t = performance.now();
+		if (e.lastFrameAt !== null && e.heldGaps.length + e.releasedGaps.length < I) {
+			let n = t - e.lastFrameAt, r = q(e);
+			(r ? e.heldGaps : e.releasedGaps).push(n), r || (G(e, n), e.releasedFrames === 1 && W(e));
+		}
+		if (e.lastFrameAt = t, K(e), t - e.t0Ms > 1e4) {
+			y = [...e.elements], le(t, Y(e));
+			return;
+		}
+		e.rafId = requestAnimationFrame(J);
+	}, Y = (e) => {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e.elements) {
+			let e = n.getAttribute(N) ?? "";
+			A.has(e) && t.add(e);
+		}
+		return [...t];
+	}, X = (e) => {
+		let t = performance.now();
+		g += 1;
+		let n = e.find((e) => e.getAttribute(te) === "true") ?? e[0], r = O(n.getAttribute(N) ?? "") ?? "PUSH", i = null;
+		for (let t of e) {
+			let e = t.getAttribute(P);
+			if (e !== null && j.has(e)) {
+				i = e;
+				break;
+			}
+		}
+		v = {
+			id: `flight-${g}`,
+			kind: r,
+			routerId: n.getAttribute("data-flemo-router") ?? void 0,
+			t0Ms: t,
+			t0Iso: (/* @__PURE__ */ new Date()).toISOString(),
+			elements: [...e],
+			participants: k(e),
+			holdKind: i,
+			holdReleasedAtMs: null,
+			playerGapStartIndex: V().__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,
+			stalledFrames: 0,
+			stallRunMs: 0,
+			longestStallMs: 0,
+			pausedAfterRelease: !1,
+			holdReassertedAtMs: null,
+			imagesTracked: new Set(ae(e).filter((e) => !e.complete)),
+			imagesLoadingAtStart: 0,
+			imagesAddedDuringFlight: 0,
+			imagesHeld: /* @__PURE__ */ new Set(),
+			rafId: null
+		}, v.imagesLoadingAtStart = v.imagesTracked.size, K(v), v.rafId = requestAnimationFrame(J);
+	}, oe = (e, t) => {
+		let n = F, r = () => {
+			if (!b) {
+				if (--n, n > 0) {
+					requestAnimationFrame(r);
+					return;
+				}
+				ce(e, t);
+			}
+		};
+		requestAnimationFrame(r);
+	}, se = () => {
+		if (v !== null || w().length > 0) return [];
+		let e = [];
+		for (let [t, n] of [[L, "image reveal hold"], [ne, "arrival hold"]]) {
+			let r = document.querySelectorAll(`[${t}]`).length;
+			r > 0 && e.push(`${r} × ${n} (${t}) still marked at rest`);
+		}
+		return e;
+	}, ce = (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(te) === "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(N) === "COMPLETED" && i > 0) {
+				let e = ee(a);
+				e !== null && Math.abs(e) >= i * .5 && (r = !0);
+			}
+		}), e.landing.residualInlineTransforms = n, e.landing.offViewportAtRest = r, e.landing.orphanedHolds = se();
+	}, le = (e, t) => {
+		let i = v;
+		if (!i) return;
+		W(i), v = null, i.rafId !== null && cancelAnimationFrame(i.rafId);
+		let a = E((V().__flemoPlayerGaps ?? []).slice(i.playerGapStartIndex)), o = {
+			id: i.id,
+			...i.routerId === void 0 ? {} : { routerId: i.routerId },
+			kind: i.kind,
+			t0: {
+				ms: z(i.t0Ms),
+				iso: i.t0Iso
+			},
+			t1: {
+				ms: z(e),
+				iso: (/* @__PURE__ */ new Date()).toISOString()
+			},
+			durationMs: z(e - i.t0Ms),
+			driver: D(i.evidence),
+			participants: i.participants,
+			holds: {
+				kind: i.holdKind,
+				releasedAtMs: i.holdReleasedAtMs
+			},
+			frameSamples: T(i.heldGaps, i.releasedGaps),
+			motion: {
+				sampledFrames: i.releasedFrames,
+				stalledFrames: i.stalledFrames,
+				longestStallMs: z(i.longestStallMs),
+				pausedAfterRelease: i.pausedAfterRelease,
+				holdReassertedAtMs: i.holdReassertedAtMs
+			},
+			images: H(i),
+			...a ? { playerGaps: a } : {},
+			longTasks: [],
+			holdLongTasks: [],
+			landing: {
+				residualInlineTransforms: [],
+				offViewportAtRest: !1,
+				stuckStatuses: t,
+				orphanedHolds: []
+			},
+			anomalies: []
+		};
+		h.push(o), h.length > n && h.splice(0, h.length - n), t.length === 0 && oe(o, i.elements), r && console.info(`[flemo devtools] ${o.id} ${o.kind} driver=${o.driver} ${o.durationMs}ms screens=${o.participants.screens}`);
+	}, ue = (e) => {
+		let t = v;
+		if (!t || !(e.target instanceof Element)) return;
+		let n = e.target.getAttribute(P);
+		n !== null && j.has(n) && t.holdKind === null && (t.holdKind = n), n !== null && j.has(n) && t.holdReleasedAtMs !== null && t.holdReassertedAtMs === null && (t.holdReassertedAtMs = z(performance.now() - t.t0Ms)), (n === "false" || n === null) && e.oldValue !== null && j.has(e.oldValue) && t.holdReleasedAtMs === null && !q(t) && (t.holdReleasedAtMs = z(performance.now() - t.t0Ms));
+	}, de = () => {
+		let e = w();
+		if (y.length > 0) {
+			if (e.some((e) => y.includes(e))) return;
+			y = [];
+		}
+		if (!v && e.length > 0) {
+			X(e);
+			return;
+		}
+		if (v && e.length === 0) {
+			le(performance.now(), []);
+			return;
+		}
+		if (v) for (let t of e) v.elements.includes(t) || (v.elements.push(t), U(t.querySelectorAll("img")), v.participants = k(v.elements));
+	}, Z = null, Q = null, $ = () => {
+		let e = document.documentElement;
+		if (!e) return !1;
+		let t = new MutationObserver((e) => {
+			if (!b) {
+				for (let t of e) t.type === "attributes" && t.attributeName === P ? ue(t) : t.type === "childList" && t.addedNodes.length > 0 && U(t.addedNodes);
+				de();
+			}
+		});
+		try {
+			t.observe(e, {
+				subtree: !0,
+				childList: !0,
+				attributes: !0,
+				attributeOldValue: !0,
+				attributeFilter: [
+					N,
+					te,
+					P
+				]
+			});
+		} catch {
+			return !1;
+		}
+		return Z = t, de(), !0;
+	};
+	if (!$()) {
+		let e = () => {
+			Q = null, b || $();
+		};
+		Q = e, document.addEventListener("DOMContentLoaded", e, { once: !0 });
+	}
+	let fe = (e) => {
+		let t = u.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 = () => {
+		let e = performance.now(), n = h.map((e) => {
+			let t = fe(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 = v;
+		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: z(r.t0Ms),
+				iso: r.t0Iso
+			},
+			t1: {
+				ms: z(e),
+				iso: (/* @__PURE__ */ new Date()).toISOString()
+			},
+			durationMs: z(e - r.t0Ms),
+			driver: D(r.evidence),
+			participants: r.participants,
+			holds: {
+				kind: r.holdKind,
+				releasedAtMs: r.holdReleasedAtMs
+			},
+			frameSamples: T(r.heldGaps, r.releasedGaps),
+			motion: {
+				sampledFrames: r.releasedFrames,
+				stalledFrames: r.stalledFrames,
+				longestStallMs: z(r.longestStallMs),
+				pausedAfterRelease: r.pausedAfterRelease,
+				holdReassertedAtMs: r.holdReassertedAtMs
+			},
+			images: H(r),
+			longTasks: [],
+			holdLongTasks: [],
+			landing: {
+				residualInlineTransforms: [],
+				offViewportAtRest: !1,
+				stuckStatuses: i ? Y(r) : [],
+				orphanedHolds: []
+			},
+			anomalies: []
+		}, s = fe(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];
+	}, me = (e, t) => {
+		try {
+			return (e === "session" ? sessionStorage : localStorage).getItem(t);
+		} catch {
+			return null;
+		}
+	}, he = () => {
+		let e = x(), t = { ...e };
+		for (let [n, r] of Object.entries(c)) n in e || (t[`${n} (at attach, since cleared)`] = r);
+		let n = S(t), r = p(l), i = me("session", "flemo:motion-driver-force"), a = i === null ? c["flemo:motion-driver-force"] ?? null : null, u = pe(), d = v;
+		return {
+			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+			version: "2",
+			environment: r,
+			overrides: {
+				active: t,
+				warnings: n
+			},
+			driverPolicy: {
+				demotion: me("local", "flemo:motion-driver"),
+				forcePin: i
+			},
+			flights: u,
+			anomalies: o({
+				forcePin: i,
+				legacyLocalForcePin: t[_] ?? null,
+				clearedForcePin: a,
+				emulationSuspected: r.emulationSuspected,
+				platform: r.platform,
+				stuckFlightOpen: d !== null && performance.now() - d.t0Ms > 1e4,
+				flightAnomalies: u.map((e) => e.anomalies)
+			}),
+			blindSpots: [...s],
+			judgingProtocol: [...m]
+		};
+	}, ge = () => {
+		if (!b) {
+			if (b = !0, Z?.disconnect(), Q !== null && (document.removeEventListener("DOMContentLoaded", Q), Q = null), f?.disconnect(), v?.rafId != null && cancelAnimationFrame(v.rafId), v = null, C) {
+				let e = V();
+				e.flemo?.__flemoDevtools === !0 && delete e.flemo;
+			}
+			B = null;
+		}
+	}, _e = {
+		detach: ge,
+		report: he
+	};
+	if (i) {
+		let e = V(), t = e.flemo;
+		(t === void 0 || t?.__flemoDevtools === !0) && (e.flemo = {
+			__flemoDevtools: !0,
+			report: he,
+			flights: pe,
+			detach: ge
+		}, C = !0);
+	}
+	return B = _e, _e;
+}, H = "http://www.w3.org/2000/svg", U = (e, t, n) => {
+	let r = document.createElement(e);
+	return t !== void 0 && (r.className = t), n !== void 0 && (r.textContent = n), r;
+}, W = (e, t) => {
+	let n = document.createElementNS(H, e);
+	for (let [e, r] of Object.entries(t)) n.setAttribute(e, r);
+	return n;
+}, G = (e) => {
+	for (; e.firstChild !== null;) e.removeChild(e.firstChild);
+}, K = (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) : "—", oe = (e) => e === !0 ? "yes" : e === !1 ? "no" : "—", se = (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)}`,
+		r,
+		`rAF ${Y(t.rafCadence?.medianGapMs)}`
+	].join(" · ");
+}, ce = (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(",")}`, le = (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;
+}, ue = "\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", de = 48, Z = (e, t, n, r) => {
+	let i = U("div", "kv");
+	i.appendChild(U("span", "k", t)), i.appendChild(U("span", r ? `v ${r}` : "v", n)), e.appendChild(i);
+}, Q = (e, t) => {
+	let n = U("section", "section");
+	return n.appendChild(U("h2", void 0, t)), e.appendChild(n), n;
+}, $ = (e, t, n = "li") => {
+	e.appendChild(U("div", n, t));
+}, fe = (e, t) => {
+	G(e);
+	for (let n of t?.overrides?.warnings ?? []) e.appendChild(U("span", "chip warn", q(n)));
+	for (let n of t?.anomalies ?? []) e.appendChild(U("span", "chip bad", q(n)));
+	for (let [n, r] of Object.entries(t?.overrides?.active ?? {})) e.appendChild(U("span", "chip", `${n}=${String(r)}`));
+}, pe = (e, t, n, r) => {
+	if (G(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 = U("button", "row");
+		s.type = "button", s.setAttribute("data-flight-id", o), s.setAttribute("aria-selected", String(o === n)), s.appendChild(U("span", "kind", q(a?.kind))), s.appendChild(U("span", "driver", q(a?.driver))), s.appendChild(U("span", "dur", J(a?.durationMs))), s.appendChild(U("span", "screens", `${X(a?.participants?.screens)} scr`));
+		let c = a?.anomalies?.length ?? 0;
+		s.appendChild(U("span", c > 0 ? "n bad" : "n", String(c))), s.addEventListener("click", () => r(o)), e.appendChild(s);
+	}
+}, me = (e, t, n) => {
+	if (!n) {
+		Z(e, t, "—");
+		return;
+	}
+	let r = [
+		`${X(n.count)} frames`,
+		`median ${Y(n.medianGapMs)}`,
+		`max ${Y(n.maxGapMs)}`
+	];
+	typeof n.over30Count == "number" && r.push(`>30ms ×${n.over30Count}`), Z(e, t, r.join(" · "));
+}, he = (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 = W("svg", {
+		class: "spark",
+		viewBox: "0 0 100 28",
+		preserveAspectRatio: "none",
+		"aria-hidden": "true"
+	});
+	return a.appendChild(W("polyline", {
+		points: i,
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "1",
+		"vector-effect": "non-scaling-stroke"
+	})), a;
+}, ge = (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)}`;
+	for (let t of n) $(e, i(t), "li bad");
+	for (let t of r) $(e, `${i(t)} (absorbed by hold)`, "li dim");
+}, _e = (e, t) => {
+	if (G(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)}`);
+	let r = Q(e, "frames");
+	me(r, "held (absorbed)", t.frameSamples?.held), me(r, "released (visible)", t.frameSamples?.released), t.playerGaps && Z(r, "player mirror", `max ${Y(t.playerGaps.maxMs)} · >30ms ×${X(t.playerGaps.over30Count)}`);
+	let i = le(t.frameSamples);
+	i && r.appendChild(he(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) >= de ? "bad" : void 0), Z(a, "paused after release", oe(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), ge(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", oe(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");
+		return;
+	}
+	for (let e of v) $(_, q(e), "li bad");
+}, ve = (e, t) => {
+	G(e);
+	for (let n of t ?? []) $(e, q(n));
+}, ye = "[data-flemo-screen][data-flemo-status=\"PUSHING\"],[data-flemo-screen][data-flemo-status=\"POPPING\"],[data-flemo-screen][data-flemo-status=\"REPLACING\"]", be = "flemo:devtools-panel-height", xe = 320, Se = 2e3, Ce = 120, we = "Copy report JSON", Te = () => {}, Ee = null, De = (e = {}) => {
+	if (Ee) return Ee;
+	if (typeof document > "u") return { detach: Te };
+	let t = !1, n, r = window.flemo;
+	e.recorder ? n = e.recorder : r?.__flemoDevtools === !0 && typeof r.report == "function" ? n = {
+		report: r.report,
+		detach: Te
+	} : (n = ae(), t = !0);
+	let i = U("div");
+	i.setAttribute("data-flemo-devtools-panel", ""), 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 = U("style");
+	o.textContent = ue, a.appendChild(o);
+	let s = U("div", "root");
+	a.appendChild(s);
+	let c = U("button", "toggle");
+	c.type = "button", c.setAttribute("data-corner", e.position ?? "bottom-right"), c.setAttribute("aria-label", "flemo devtools");
+	let l = U("span", "count", "0"), u = U("span", "dot");
+	u.hidden = !0, c.appendChild(U("span", "mark", "flemo")), c.appendChild(l), c.appendChild(u);
+	let d = U("section", "panel");
+	d.hidden = !0;
+	let f = U("div", "grip");
+	f.setAttribute("role", "separator"), f.setAttribute("aria-label", "Resize flemo devtools panel");
+	let p = U("header", "head"), m = U("div", "env", "—"), h = U("button", "act", we);
+	h.type = "button";
+	let g = U("button", "act", "Close");
+	g.type = "button";
+	let _ = U("button", "act", "Detach");
+	_.type = "button";
+	let v = U("div", "chips");
+	p.appendChild(m), p.appendChild(U("div", "spacer")), p.appendChild(h), p.appendChild(g), p.appendChild(_), p.appendChild(v);
+	let y = U("div", "body"), b = U("div", "list"), x = U("div", "detail");
+	y.appendChild(b), y.appendChild(x);
+	let S = U("div", "foot"), C = U("details");
+	C.appendChild(U("summary", void 0, "What this cannot see"));
+	let w = U("div");
+	C.appendChild(w), S.appendChild(C), d.appendChild(f), d.appendChild(p), d.appendChild(y), d.appendChild(S), s.appendChild(c), s.appendChild(d);
+	let T = !1, E = e.initialOpen === !0, D = null, O = "", ee = "", k = "", A = !1, j = 0, M = 0, N = (e) => Math.min(Math.max(e, Ce), Math.max(Ce, window.innerHeight * .9)), te = () => {
+		try {
+			let e = sessionStorage.getItem(be);
+			if (e === null) return null;
+			let t = Number.parseFloat(e);
+			return Number.isFinite(t) ? t : null;
+		} catch {
+			return null;
+		}
+	}, P = (e) => {
+		try {
+			sessionStorage.setItem(be, String(Math.round(e)));
+		} catch {}
+	}, F = N(te() ?? window.innerHeight * .4);
+	d.style.height = `${Math.round(F)}px`;
+	let I = () => document.querySelector(ye) !== null, L = () => {
+		try {
+			return n.report();
+		} catch {
+			return null;
+		}
+	}, ne = (e) => {
+		e !== D && (D = e, R());
+	}, re = () => {
+		let e = L(), t = e?.flights ?? [];
+		K(l, String(t.length));
+		let n = t.some((e) => (e?.anomalies?.length ?? 0) > 0);
+		if (u.hidden = !n, d.hidden = !E, !E) return;
+		K(m, se(e));
+		let r = JSON.stringify([
+			e?.overrides?.warnings ?? [],
+			e?.anomalies ?? [],
+			e?.overrides?.active ?? {}
+		]);
+		r !== k && (k = r, fe(v, e)), D === null && t.length > 0 && (D = t[t.length - 1]?.id ?? null);
+		let i = ce(t, D);
+		i !== O && (O = i, pe(b, t, D, ne));
+		let a = t.find((e) => e?.id === D) ?? null, o = JSON.stringify(a);
+		o !== ee && (ee = o, _e(x, a)), A || (A = !0, ve(w, e?.blindSpots));
+	};
+	function R() {
+		T || I() || re();
+	}
+	function ie() {
+		j = 0, R(), z();
+	}
+	function z() {
+		j = window.setTimeout(ie, E ? xe : Se);
+	}
+	let B = () => {
+		window.clearTimeout(j), z();
+	}, V = (e) => {
+		E = e, B(), R();
+	};
+	c.addEventListener("click", () => V(!E)), g.addEventListener("click", () => V(!1)), _.addEventListener("click", () => Y());
+	let H = () => {
+		if (!T) {
+			if (I()) {
+				window.clearTimeout(M), M = window.setTimeout(H, xe);
+				return;
+			}
+			K(h, "Copied ✓"), window.clearTimeout(M), M = window.setTimeout(W, 1200);
+		}
+	};
+	function W() {
+		if (I()) {
+			M = window.setTimeout(W, xe);
+			return;
+		}
+		M = 0, K(h, we);
+	}
+	let G = (e) => {
+		if (T) return;
+		if (I()) {
+			window.clearTimeout(M), M = window.setTimeout(() => G(e), xe);
+			return;
+		}
+		let t = U("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(), H();
+	};
+	h.addEventListener("click", () => {
+		let e = JSON.stringify(L(), null, 2), t = navigator.clipboard;
+		if (t && typeof t.writeText == "function") {
+			t.writeText(e).then(H, () => G(e));
+			return;
+		}
+		G(e);
+	});
+	let q = (e) => {
+		F = N(window.innerHeight - e.clientY), d.style.height = `${Math.round(F)}px`;
+	}, J = () => {
+		window.removeEventListener("pointermove", q), window.removeEventListener("pointerup", J), P(F);
+	};
+	f.addEventListener("pointerdown", (e) => {
+		e.preventDefault(), window.addEventListener("pointermove", q), window.addEventListener("pointerup", J);
+	});
+	function Y() {
+		T || (T = !0, window.clearTimeout(j), j = 0, window.clearTimeout(M), M = 0, window.removeEventListener("pointermove", q), window.removeEventListener("pointerup", J), i.remove(), t && n.detach(), Ee = null);
+	}
+	document.body.appendChild(i), R(), z();
+	let X = { detach: Y };
+	return Ee = X, X;
+};
+//#endregion
+export { s as BLIND_SPOTS, h as FLAG_REGISTRY, _ as LEGACY_LOCAL_PIN_KEY, e as LONG_GAP_MS, i as MID_FLIGHT_TASK_MS, n as OPENING_WINDOW_LEAD_MS, r as OPENING_WINDOW_TAIL_MS, k as REPORT_SCHEMA_VERSION, t as STUCK_STATUS_MS, De as attachDevtoolsPanel, ae as attachFlightRecorder, p as captureEnvironment, D as classifyDriver, T as computeFrameStats, w as computePhaseStats, E as computePlayerGapStats, a as deriveFlightAnomalies, S as deriveOverrideWarnings, o as deriveReportAnomalies, l as detectEngine, u as isEmulationSuspected, O as kindFromStatus, ee as parseTranslateX, d as sampleRafCadence, x as snapshotOverrides };