react-doctor 0.9.12 → 0.9.13-dev.1239043

package/dist/runtime-scan/browser-probe.iife.js

@@ -0,0 +1,855 @@
+(function() {
+	//#region ../../node_modules/.pnpm/bippy@0.6.1_react@19.2.5/node_modules/bippy/dist/rdt-hook.js
+	/**
+	* @license bippy
+	*
+	* Copyright (c) Aiden Bai
+	*
+	* This source code is licensed under the MIT license found in the
+	* LICENSE file in the root directory of this source tree.
+	*/
+	const e = (e) => Object.assign(e, { [Symbol.dispose]: e }), n = `bippy-0.6.1`, r = Object.defineProperty, i = Object.prototype.hasOwnProperty, a = () => {}, o = (e) => {
+		try {
+			Function.prototype.toString.call(e).indexOf(`^_^`) > -1 && setTimeout(() => {
+				throw Error(`React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://reactjs.org/link/perf-use-production-build`);
+			});
+		} catch {}
+	}, s = (e = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__) => !!(e && `getFiberRoots` in e);
+	let c = !1, l;
+	const u = (e = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__) => c ? !0 : (e && typeof e.inject == `function` && (l = e.inject.toString()), !!l?.includes(`(injected)`)), d = /* @__PURE__ */ new Set(), f$1 = /* @__PURE__ */ new Set(), p$1 = /* @__PURE__ */ new Set(), m$1 = /* @__PURE__ */ new WeakSet();
+	let h$1 = null;
+	const g$1 = (e) => {
+		if (e.inject === h$1) return;
+		let t = e.inject, n = (n) => {
+			let r = t.call(e, n);
+			if (!m$1.has(n)) {
+				m$1.add(n);
+				for (let e of p$1) e(n);
+			}
+			return r;
+		};
+		e.inject = n, h$1 = n;
+	}, _$1 = (t) => (g$1(x$1()), p$1.add(t), e(() => {
+		p$1.delete(t);
+	})), v$1 = (e) => {
+		e && d.add(e);
+		let t = /* @__PURE__ */ new Map(), i = 0, s = {
+			_instrumentationIsActive: !1,
+			_instrumentationSource: n,
+			checkDCE: o,
+			hasUnsupportedRendererAttached: !1,
+			inject(e) {
+				let n = ++i;
+				return t.set(n, e), f$1.add(e), s._instrumentationIsActive || (s._instrumentationIsActive = !0, d.forEach((e) => e())), n;
+			},
+			on: a,
+			onCommitFiberRoot: a,
+			onCommitFiberUnmount: a,
+			onPostCommitFiberRoot: a,
+			renderers: t,
+			supportsFiber: !0,
+			supportsFlight: !0
+		};
+		try {
+			r(globalThis, `__REACT_DEVTOOLS_GLOBAL_HOOK__`, {
+				configurable: !0,
+				enumerable: !0,
+				get() {
+					return s;
+				},
+				set(t) {
+					if (t && typeof t == `object`) {
+						let n = s.renderers;
+						s = t, n.size > 0 && (n.forEach((e, n) => {
+							f$1.add(e), t.renderers.set(n, e);
+						}), y$1(e));
+					}
+				}
+			});
+			let t = window.hasOwnProperty, n = !1;
+			r(window, `hasOwnProperty`, {
+				configurable: !0,
+				value: function(...e) {
+					try {
+						if (!n && e[0] === `__REACT_DEVTOOLS_GLOBAL_HOOK__`) return globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__ = void 0, n = !0, -0;
+					} catch {}
+					return t.apply(this, e);
+				},
+				writable: !0
+			});
+		} catch {
+			y$1(e);
+		}
+		return s;
+	}, y$1 = (e) => {
+		e && d.add(e);
+		try {
+			let t = globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+			if (!t) return;
+			if (!t._instrumentationSource) {
+				t.checkDCE = o, t.supportsFiber = !0, t.supportsFlight = !0, t.hasUnsupportedRendererAttached = !1, t._instrumentationSource = n, t._instrumentationIsActive = !1;
+				let e = s(t);
+				if (e || (t.on = a), t.renderers.size) {
+					t._instrumentationIsActive = !0, d.forEach((e) => e());
+					return;
+				}
+				let r = t.inject, i = u(t);
+				i && !e && (c = !0, t.inject({ scheduleRefresh() {} }) && (t._instrumentationIsActive = !0)), t.inject = (e) => {
+					let n = r(e);
+					return f$1.add(e), i && t.renderers.set(n, e), t._instrumentationIsActive = !0, d.forEach((e) => e()), n;
+				};
+			}
+			(t.renderers.size || t._instrumentationIsActive || u()) && e?.();
+		} catch {}
+	}, b$1 = () => i.call(globalThis, `__REACT_DEVTOOLS_GLOBAL_HOOK__`), x$1 = (e) => b$1() ? (y$1(e), globalThis.__REACT_DEVTOOLS_GLOBAL_HOOK__) : v$1(e), S$1 = () => !!(typeof window < `u` && (window.document?.createElement || window.navigator?.product === `ReactNative`)), C$1 = () => {
+		try {
+			S$1() && x$1();
+		} catch {}
+	};
+	//#endregion
+	//#region ../../node_modules/.pnpm/bippy@0.6.1_react@19.2.5/node_modules/bippy/dist/install-hook-only.js
+	/**
+	* @license bippy
+	*
+	* Copyright (c) Aiden Bai
+	*
+	* This source code is licensed under the MIT license found in the
+	* LICENSE file in the root directory of this source tree.
+	*/
+	C$1();
+	//#endregion
+	//#region ../../node_modules/.pnpm/bippy@0.6.1_react@19.2.5/node_modules/bippy/dist/core.js
+	/**
+	* @license bippy
+	*
+	* Copyright (c) Aiden Bai
+	*
+	* This source code is licensed under the MIT license found in the
+	* LICENSE file in the root directory of this source tree.
+	*/
+	const p = 60111, m = `Symbol(react.concurrent_mode)`, h = `Symbol(react.async_mode)`, _ = (e) => {
+		switch (e.tag) {
+			case 5:
+			case 26:
+			case 27: return !0;
+			default: return typeof e.type == `string`;
+		}
+	}, Oe = (e) => {
+		switch (e.tag) {
+			case 1:
+			case 11:
+			case 0:
+			case 14:
+			case 15: return !0;
+			default: return !1;
+		}
+	}, y = (e) => {
+		let t = e.memoizedProps, n = e.alternate?.memoizedProps || {}, r = e.flags ?? e.effectTag ?? 0;
+		switch (e.tag) {
+			case 1:
+			case 9:
+			case 11:
+			case 0:
+			case 14:
+			case 15: return (r & 1) == 1;
+			default: return e.alternate ? n !== t || e.alternate.memoizedState !== e.memoizedState || e.alternate.ref !== e.ref : !0;
+		}
+	}, C = (e) => {
+		switch (e.tag) {
+			case 18: return !0;
+			case 7:
+			case 6:
+			case 23:
+			case 22: return !0;
+			case 3: return !1;
+			default: {
+				let t = typeof e.type == `object` && e.type !== null ? e.type.$$typeof : e.type;
+				if (typeof t == `symbol`) return t.description === `react.concurrent_mode` || t.description === `react.async_mode`;
+				switch (t) {
+					case p:
+					case m:
+					case h: return !0;
+					default: return !1;
+				}
+			}
+		}
+	};
+	const T = (e, t, n = !1) => {
+		if (!e) return null;
+		if (t(e) === !0) return e;
+		let r = n ? e.return : e.child;
+		for (; r;) {
+			let e = T(r, t, n);
+			if (e) return e;
+			r = n ? null : r.sibling;
+		}
+		return null;
+	}, E = async (e, t, n = !1) => {
+		if (!e) return null;
+		if (await t(e) === !0) return e;
+		let r = n ? e.return : e.child;
+		for (; r;) {
+			let e = await E(r, t, n);
+			if (e) return e;
+			r = n ? null : r.sibling;
+		}
+		return null;
+	}, Pe = (e) => {
+		let t = e?.actualDuration ?? 0, n = t, r = e?.child ?? null;
+		for (; t > 0 && r != null;) n -= r.actualDuration ?? 0, r = r.sibling;
+		return {
+			selfTime: n,
+			totalTime: t
+		};
+	}, D = (e) => {
+		let t = e;
+		return typeof t == `function` ? t : typeof t == `object` && t ? D(t.type || t.render) : null;
+	}, Ie = (e) => {
+		let t = e;
+		if (typeof t == `string`) return t;
+		if (typeof t != `function` && !(typeof t == `object` && t)) return null;
+		let n = t.displayName || t.name || null;
+		if (n) return n;
+		let r = D(t);
+		return r && (r.displayName || r.name) || null;
+	}, Le = (e) => {
+		try {
+			if (typeof e.version == `string` && e.bundleType > 0) return `development`;
+		} catch {}
+		return `production`;
+	}, O = /* @__PURE__ */ new Set();
+	let k = 0;
+	const A = /* @__PURE__ */ new WeakMap(), j = (e, t = k++) => {
+		A.set(e, t);
+	}, M = (e) => {
+		let t = A.get(e);
+		return t === void 0 && e.alternate && (t = A.get(e.alternate)), t === void 0 && (t = k++, j(e, t)), t;
+	}, N = (e, t, n) => {
+		let r = t;
+		for (; r != null;) {
+			if (A.has(r) || M(r), !C(r) && y(r) && e(r, `mount`), r.tag === 13) if (r.memoizedState !== null) {
+				let t = r.child, n = t ? t.sibling : null;
+				if (n) {
+					let t = n.child;
+					t !== null && N(e, t, !1);
+				}
+			} else {
+				let t = null;
+				r.child !== null && (t = r.child.child), t !== null && N(e, t, !1);
+			}
+			else r.child != null && N(e, r.child, !0);
+			r = n ? r.sibling : null;
+		}
+	}, P = (e, t, n, r) => {
+		if (A.has(t) || M(t), !n) return;
+		A.has(n) || M(n);
+		let i = t.tag === 13, a = !C(t);
+		a && y(t) && e(t, `update`);
+		let o = i && n.memoizedState !== null, s = i && t.memoizedState !== null;
+		if (o && s) {
+			let r = t.child?.sibling ?? null, i = n.child?.sibling ?? null;
+			r !== null && i !== null && P(e, r, i, t);
+		} else if (o && !s) {
+			let n = t.child;
+			n !== null && N(e, n, !0);
+		} else if (!o && s) {
+			I(e, n);
+			let r = t.child?.sibling ?? null;
+			r !== null && N(e, r, !0);
+		} else if (t.child !== n.child) {
+			let n = t.child;
+			for (; n;) {
+				if (n.alternate) {
+					let i = n.alternate;
+					P(e, n, i, a ? t : r);
+				} else N(e, n, !1);
+				n = n.sibling;
+			}
+		}
+	}, F = (e, t) => {
+		(t.tag === 3 || !C(t)) && e(t, `unmount`);
+	}, I = (e, t) => {
+		let n = t.tag === 13 && t.memoizedState !== null, r = t.child;
+		for (n && (r = (t.child?.sibling ?? null)?.child ?? null); r !== null;) r.return !== null && (F(e, r), I(e, r)), r = r.sibling;
+	};
+	let Be = 0;
+	const L = /* @__PURE__ */ new WeakMap(), Ve = (e, t) => {
+		let n = `current` in e ? e.current : e, r = L.get(e);
+		r || (r = {
+			id: Be++,
+			prevFiber: null
+		}, L.set(e, r));
+		let { prevFiber: i } = r;
+		if (!n) F(t, n);
+		else if (i !== null) {
+			let e = i && i.memoizedState != null && i.memoizedState.element != null && i.memoizedState.isDehydrated !== !0, r = n.memoizedState != null && n.memoizedState.element != null && n.memoizedState.isDehydrated !== !0;
+			!e && r ? N(t, n, !1) : e && r ? P(t, n, n.alternate, null) : e && !r && F(t, n);
+		} else N(t, n, !0);
+		r.prevFiber = n;
+	};
+	const U = (e) => Object.prototype.toString.call(e) === `[object Object]` && (Object.getPrototypeOf(e) === Object.prototype || Object.getPrototypeOf(e) === null), W = (e, t = []) => {
+		if (!U(e)) return [{
+			path: t,
+			value: e
+		}];
+		let n = [];
+		for (let r in e) {
+			let i = e[r], a = t.concat(r);
+			U(i) ? n.push(...W(i, a)) : n.push({
+				path: a,
+				value: i
+			});
+		}
+		return n;
+	}, K = /* @__PURE__ */ new Set(), q = /* @__PURE__ */ new Set(), J = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new Set(), X = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), Q = (e) => {
+		let t = X.get(e) ?? {};
+		if (X.set(e, t), !t.onCommitFiberRoot || e.onCommitFiberRoot !== t.onCommitFiberRoot) {
+			let n = e.onCommitFiberRoot, r = (t, i, a) => {
+				if (n?.(t, i, a), X.get(e)?.onCommitFiberRoot === r) {
+					O.add(i), Z.set(i, t);
+					for (let e of K) e(t, i, a);
+				}
+			};
+			t.onCommitFiberRoot = r, e.onCommitFiberRoot = r;
+		}
+		if (!t.onCommitFiberUnmount || e.onCommitFiberUnmount !== t.onCommitFiberUnmount) {
+			let n = e.onCommitFiberUnmount, r = (t, i) => {
+				if (n?.(t, i), X.get(e)?.onCommitFiberUnmount === r) for (let e of q) e(t, i);
+			};
+			t.onCommitFiberUnmount = r, e.onCommitFiberUnmount = r;
+		}
+		if (!t.onPostCommitFiberRoot || e.onPostCommitFiberRoot !== t.onPostCommitFiberRoot) {
+			let n = e.onPostCommitFiberRoot, r = (t, i) => {
+				if (n?.(t, i), X.get(e)?.onPostCommitFiberRoot === r) for (let e of J) e(t, i);
+			};
+			t.onPostCommitFiberRoot = r, e.onPostCommitFiberRoot = r;
+		}
+		if (!t.onScheduleFiberRoot || e.onScheduleFiberRoot !== t.onScheduleFiberRoot) {
+			let n = e.onScheduleFiberRoot, r = (t, i, a) => {
+				if (n?.(t, i, a), X.get(e)?.onScheduleFiberRoot === r) for (let e of Y) e(t, i, a);
+			};
+			t.onScheduleFiberRoot = r, e.onScheduleFiberRoot = r;
+		}
+	}, Je = (e$1) => {
+		let t = x$1(e$1.onActive);
+		t._instrumentationSource = e$1.name ?? n, Q(t);
+		let { onActive: n$1, onCommitFiberRoot: r, onCommitFiberUnmount: a, onPostCommitFiberRoot: c, onScheduleFiberRoot: l } = e$1;
+		return r && K.add(r), a && q.add(a), c && J.add(c), l && Y.add(l), e(() => {
+			n$1 && d.delete(n$1), r && K.delete(r), a && q.delete(a), c && J.delete(c), l && Y.delete(l);
+		});
+	};
+	//#endregion
+	//#region ../../node_modules/.pnpm/bippy@0.6.1_react@19.2.5/node_modules/bippy/dist/index.js
+	/**
+	* @license bippy
+	*
+	* Copyright (c) Aiden Bai
+	*
+	* This source code is licensed under the MIT license found in the
+	* LICENSE file in the root directory of this source tree.
+	*/
+	//#endregion
+	//#region src/cli/runtime-scan/constants.ts
+	const RUNTIME_SCAN_MAX_COMPONENT_EVENTS = 2e3;
+	const RUNTIME_SCAN_SNAPSHOT_CATEGORY_BUDGET_BYTES = Math.floor((5 * 1024 * 1024 - 64 * 1024) / 3);
+	const RUNTIME_SCAN_MAX_STRING_LENGTH = 4096;
+	[
+		...Array.from({ length: 11 }, (_unusedValue, portOffset) => 3e3 + portOffset),
+		...Array.from({ length: 11 }, (_unusedValue, portOffset) => 4e3 + portOffset),
+		...Array.from({ length: 11 }, (_unusedValue, portOffset) => 5e3 + portOffset),
+		...Array.from({ length: 11 }, (_unusedValue, portOffset) => 5173 + portOffset),
+		...Array.from({ length: 11 }, (_unusedValue, portOffset) => 8e3 + portOffset),
+		...Array.from({ length: 11 }, (_unusedValue, portOffset) => 8080 + portOffset)
+	];
+	const RUNTIME_SCAN_PROBE_SNAPSHOT_ATTRIBUTE_NAME_PLACEHOLDER = "data-react-doctor-runtime-scan-snapshot";
+	const RUNTIME_SCAN_PROBE_SNAPSHOT_TOKEN_PLACEHOLDER = "__REACT_DOCTOR_RUNTIME_SCAN_TOKEN__";
+	const RUNTIME_SCAN_OVERLAY_COLOR_RGB = "115,97,230";
+	const RUNTIME_SCAN_OVERLAY_FONT = "Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace";
+	const RUNTIME_SCAN_OVERLAY_FILL_ALPHA = .1;
+	const RUNTIME_SCAN_OVERLAY_Z_INDEX = 2147483646;
+	//#endregion
+	//#region src/cli/runtime-scan/browser-overlay.ts
+	const pendingOutlines = /* @__PURE__ */ new Map();
+	const activeOutlines = /* @__PURE__ */ new Map();
+	let canvas = null;
+	let context = null;
+	let flushAnimationFrameId = null;
+	let drawAnimationFrameId = null;
+	let previousScrollX = window.scrollX;
+	let previousScrollY = window.scrollY;
+	const getNearestHostElements = (fiber) => {
+		const elements = [];
+		const fibersToVisit = [];
+		if (_(fiber)) fibersToVisit.push(fiber);
+		else if (fiber.child !== null) fibersToVisit.push(fiber.child);
+		while (fibersToVisit.length > 0 && elements.length < 20) {
+			const currentFiber = fibersToVisit.pop();
+			if (currentFiber === void 0) break;
+			if (_(currentFiber)) {
+				if (currentFiber.stateNode instanceof Element) elements.push(currentFiber.stateNode);
+			} else if (currentFiber.child !== null) fibersToVisit.push(currentFiber.child);
+			if (currentFiber.sibling !== null) fibersToVisit.push(currentFiber.sibling);
+		}
+		return elements;
+	};
+	const mergeRects = (rects) => {
+		const firstRect = rects[0];
+		if (rects.length === 1) return firstRect;
+		let minimumX = firstRect.x;
+		let minimumY = firstRect.y;
+		let maximumX = firstRect.right;
+		let maximumY = firstRect.bottom;
+		for (const rect of rects.slice(1)) {
+			minimumX = Math.min(minimumX, rect.x);
+			minimumY = Math.min(minimumY, rect.y);
+			maximumX = Math.max(maximumX, rect.right);
+			maximumY = Math.max(maximumY, rect.bottom);
+		}
+		return new DOMRect(minimumX, minimumY, maximumX - minimumX, maximumY - minimumY);
+	};
+	const resizeCanvas = () => {
+		if (canvas === null || context === null) return;
+		const devicePixelRatio = Math.min(window.devicePixelRatio || 1, 2);
+		canvas.style.width = `${window.innerWidth}px`;
+		canvas.style.height = `${window.innerHeight}px`;
+		canvas.width = window.innerWidth * devicePixelRatio;
+		canvas.height = window.innerHeight * devicePixelRatio;
+		context.setTransform(devicePixelRatio, 0, 0, devicePixelRatio, 0, 0);
+	};
+	const ensureCanvas = () => {
+		if (canvas !== null && context !== null) return true;
+		const documentElement = document.documentElement;
+		if (documentElement === null) return false;
+		const host = document.createElement("div");
+		host.dataset.reactDoctorRuntimeScanOverlay = "";
+		const shadowRoot = host.attachShadow({ mode: "open" });
+		const nextCanvas = document.createElement("canvas");
+		nextCanvas.setAttribute("aria-hidden", "true");
+		nextCanvas.style.position = "fixed";
+		nextCanvas.style.inset = "0";
+		nextCanvas.style.pointerEvents = "none";
+		nextCanvas.style.zIndex = String(RUNTIME_SCAN_OVERLAY_Z_INDEX);
+		shadowRoot.appendChild(nextCanvas);
+		documentElement.appendChild(host);
+		const nextContext = nextCanvas.getContext("2d");
+		if (nextContext === null) {
+			host.remove();
+			return false;
+		}
+		canvas = nextCanvas;
+		context = nextContext;
+		resizeCanvas();
+		return true;
+	};
+	const buildGroupLabel = (outlines) => {
+		const renderCountByName = /* @__PURE__ */ new Map();
+		for (const outline of outlines) renderCountByName.set(outline.name, (renderCountByName.get(outline.name) ?? 0) + outline.count);
+		const label = [...renderCountByName.entries()].sort((left, right) => right[1] - left[1]).map(([name, count]) => `${name} ×${count}`).join(", ");
+		return label.length > 40 ? `${label.slice(0, 40)}…` : label;
+	};
+	const groupOutlines = () => {
+		const outlinesByRect = /* @__PURE__ */ new Map();
+		for (const outline of activeOutlines.values()) {
+			const key = `${Math.round(outline.x)},${Math.round(outline.y)},${Math.round(outline.width)},${Math.round(outline.height)}`;
+			const existing = outlinesByRect.get(key);
+			if (existing === void 0) outlinesByRect.set(key, [outline]);
+			else existing.push(outline);
+		}
+		return [...outlinesByRect.values()].map((outlines) => {
+			const firstOutline = outlines[0];
+			return {
+				outlines,
+				x: firstOutline.x,
+				y: firstOutline.y,
+				width: firstOutline.width,
+				height: firstOutline.height,
+				alpha: Math.max(...outlines.map((outline) => 1 - outline.elapsedFrameCount / 45))
+			};
+		});
+	};
+	const drawActiveOutlines = () => {
+		drawAnimationFrameId = null;
+		if (canvas === null || context === null) return;
+		context.clearRect(0, 0, window.innerWidth, window.innerHeight);
+		context.font = `11px ${RUNTIME_SCAN_OVERLAY_FONT}`;
+		for (const group of groupOutlines()) {
+			const x = Math.round(group.x) + 1 / 2;
+			const y = Math.round(group.y) + 1 / 2;
+			const width = Math.round(group.width);
+			const height = Math.round(group.height);
+			context.strokeStyle = `rgba(${RUNTIME_SCAN_OVERLAY_COLOR_RGB},${group.alpha})`;
+			context.lineWidth = 1;
+			context.strokeRect(x, y, width, height);
+			context.fillStyle = `rgba(${RUNTIME_SCAN_OVERLAY_COLOR_RGB},${group.alpha * RUNTIME_SCAN_OVERLAY_FILL_ALPHA})`;
+			context.fillRect(x, y, width, height);
+			const label = buildGroupLabel(group.outlines);
+			const labelWidth = context.measureText(label).width + 4;
+			const labelHeight = 15;
+			const labelY = Math.max(0, y - labelHeight - 4);
+			context.fillStyle = `rgba(${RUNTIME_SCAN_OVERLAY_COLOR_RGB},${group.alpha})`;
+			context.fillRect(x, labelY, labelWidth, labelHeight);
+			context.fillStyle = `rgba(255,255,255,${group.alpha})`;
+			context.fillText(label, x + 2, labelY + labelHeight - 2);
+		}
+		for (const outline of activeOutlines.values()) {
+			outline.elapsedFrameCount += 1;
+			if (outline.elapsedFrameCount > 45) activeOutlines.delete(outline.id);
+		}
+		if (activeOutlines.size > 0) drawAnimationFrameId = requestAnimationFrame(drawActiveOutlines);
+	};
+	const flushPendingOutlines = () => {
+		flushAnimationFrameId = null;
+		if (!ensureCanvas()) return;
+		const rectByElement = /* @__PURE__ */ new Map();
+		for (const pendingOutline of pendingOutlines.values()) for (const element of pendingOutline.elements) {
+			if (!element.isConnected || rectByElement.has(element)) continue;
+			rectByElement.set(element, element.getBoundingClientRect());
+		}
+		for (const pendingOutline of pendingOutlines.values()) {
+			const rects = pendingOutline.elements.map((element) => rectByElement.get(element)).filter((rect) => rect !== void 0).filter((rect) => rect.width > 0 && rect.height > 0);
+			if (rects.length === 0) continue;
+			const rect = mergeRects(rects);
+			const existing = activeOutlines.get(pendingOutline.id);
+			if (existing === void 0) {
+				if (activeOutlines.size >= 200) continue;
+				activeOutlines.set(pendingOutline.id, {
+					id: pendingOutline.id,
+					name: pendingOutline.name,
+					count: pendingOutline.count,
+					x: rect.x,
+					y: rect.y,
+					width: rect.width,
+					height: rect.height,
+					elapsedFrameCount: 0
+				});
+			} else {
+				existing.count += pendingOutline.count;
+				existing.x = rect.x;
+				existing.y = rect.y;
+				existing.width = rect.width;
+				existing.height = rect.height;
+				existing.elapsedFrameCount = 0;
+			}
+		}
+		pendingOutlines.clear();
+		if (drawAnimationFrameId === null && activeOutlines.size > 0) drawAnimationFrameId = requestAnimationFrame(drawActiveOutlines);
+	};
+	const recordRuntimeScanOverlayRender = (fiber) => {
+		if (!Oe(fiber)) return;
+		const id = M(fiber);
+		const existing = pendingOutlines.get(id);
+		if (existing !== void 0) {
+			existing.count += 1;
+			return;
+		}
+		if (pendingOutlines.size >= 200) return;
+		const displayName = Ie(fiber.type);
+		if (displayName === null) return;
+		const name = displayName.slice(0, 40);
+		const elements = getNearestHostElements(fiber);
+		if (elements.length === 0) return;
+		pendingOutlines.set(id, {
+			id,
+			name,
+			elements,
+			count: 1
+		});
+		if (flushAnimationFrameId === null) flushAnimationFrameId = requestAnimationFrame(flushPendingOutlines);
+	};
+	window.addEventListener("resize", resizeCanvas);
+	window.addEventListener("scroll", () => {
+		const deltaX = window.scrollX - previousScrollX;
+		const deltaY = window.scrollY - previousScrollY;
+		previousScrollX = window.scrollX;
+		previousScrollY = window.scrollY;
+		for (const outline of activeOutlines.values()) {
+			outline.x -= deltaX;
+			outline.y -= deltaY;
+		}
+		if (drawAnimationFrameId === null && activeOutlines.size > 0) drawAnimationFrameId = requestAnimationFrame(drawActiveOutlines);
+	}, { passive: true });
+	//#endregion
+	//#region src/cli/runtime-scan/browser-probe.ts
+	const performanceObservers = [];
+	const snapshotTextEncoder = new TextEncoder();
+	const setSnapshotAttribute = Element.prototype.setAttribute;
+	const removeSnapshotAttribute = Element.prototype.removeAttribute;
+	const queueSnapshotAttributeRemoval = window.queueMicrotask.bind(window);
+	const longAnimationFrames = {
+		entries: [],
+		nextIndex: 0,
+		dropped: 0
+	};
+	const componentEvents = {
+		entries: [],
+		nextIndex: 0,
+		dropped: 0
+	};
+	const interactions = {
+		entries: [],
+		nextIndex: 0,
+		dropped: 0
+	};
+	let cumulativeLayoutShift = 0;
+	let largestContentfulPaintMs = null;
+	let droppedScriptTimings = 0;
+	let reactDetected = false;
+	let reactVersion = null;
+	let reactBuildType = null;
+	let nativeReactTracks = false;
+	let bippyComponentTracks = false;
+	let didCaptureCurrentPageState = false;
+	const limitString = (value) => value.slice(0, RUNTIME_SCAN_MAX_STRING_LENGTH);
+	const sanitizeUrl = (rawUrl) => {
+		try {
+			const parsedUrl = new URL(rawUrl, window.location.href);
+			parsedUrl.username = "";
+			parsedUrl.password = "";
+			parsedUrl.search = "";
+			parsedUrl.hash = "";
+			return limitString(parsedUrl.href);
+		} catch {
+			return "";
+		}
+	};
+	const pushBoundedEntry = (boundedEntries, limit, entry) => {
+		if (boundedEntries.entries.length < limit) boundedEntries.entries.push(entry);
+		else {
+			boundedEntries.entries[boundedEntries.nextIndex] = entry;
+			boundedEntries.nextIndex = (boundedEntries.nextIndex + 1) % limit;
+			boundedEntries.dropped += 1;
+		}
+	};
+	const readBoundedEntries = (boundedEntries) => {
+		if (boundedEntries.nextIndex === 0) return [...boundedEntries.entries];
+		return [...boundedEntries.entries.slice(boundedEntries.nextIndex), ...boundedEntries.entries.slice(0, boundedEntries.nextIndex)];
+	};
+	const takeLatestEntriesWithinByteBudget = (entries) => {
+		let minimumEntryCount = 0;
+		let maximumEntryCount = entries.length;
+		while (minimumEntryCount < maximumEntryCount) {
+			const candidateEntryCount = Math.ceil((minimumEntryCount + maximumEntryCount) / 2);
+			const candidateEntries = entries.slice(entries.length - candidateEntryCount);
+			if (snapshotTextEncoder.encode(JSON.stringify(candidateEntries)).byteLength <= RUNTIME_SCAN_SNAPSHOT_CATEGORY_BUDGET_BYTES) minimumEntryCount = candidateEntryCount;
+			else maximumEntryCount = candidateEntryCount - 1;
+		}
+		return {
+			entries: entries.slice(entries.length - minimumEntryCount),
+			dropped: entries.length - minimumEntryCount
+		};
+	};
+	const pushLongAnimationFrame = (entry) => {
+		pushBoundedEntry(longAnimationFrames, 100, entry);
+	};
+	const pushComponentEvent = (entry) => {
+		pushBoundedEntry(componentEvents, RUNTIME_SCAN_MAX_COMPONENT_EVENTS, entry);
+	};
+	const pushInteraction = (entry) => {
+		pushBoundedEntry(interactions, 500, entry);
+	};
+	const captureSnapshot = (snapshot) => {
+		const documentElement = document.documentElement;
+		if (documentElement === null) return;
+		try {
+			setSnapshotAttribute.call(documentElement, RUNTIME_SCAN_PROBE_SNAPSHOT_ATTRIBUTE_NAME_PLACEHOLDER, JSON.stringify({
+				token: RUNTIME_SCAN_PROBE_SNAPSHOT_TOKEN_PLACEHOLDER,
+				snapshot
+			}));
+			queueSnapshotAttributeRemoval(() => {
+				try {
+					removeSnapshotAttribute.call(documentElement, RUNTIME_SCAN_PROBE_SNAPSHOT_ATTRIBUTE_NAME_PLACEHOLDER);
+				} catch {}
+			});
+		} catch {
+			return;
+		}
+	};
+	const observe = (entryType, listener, durationThresholdMs) => {
+		try {
+			const options = {
+				type: entryType,
+				buffered: true,
+				durationThreshold: durationThresholdMs
+			};
+			const observer = new PerformanceObserver((entryList) => {
+				for (const entry of entryList.getEntries()) listener(entry);
+			});
+			observer.observe(options);
+			performanceObservers.push({
+				observer,
+				listener
+			});
+			return true;
+		} catch {
+			return false;
+		}
+	};
+	const mapScriptTiming = (scriptTiming) => ({
+		invoker: limitString(scriptTiming.invoker ?? ""),
+		invokerType: limitString(scriptTiming.invokerType ?? ""),
+		sourceUrl: sanitizeUrl(scriptTiming.sourceURL ?? ""),
+		sourceFunctionName: limitString(scriptTiming.sourceFunctionName ?? ""),
+		sourceCharPosition: scriptTiming.sourceCharPosition ?? 0,
+		executionStart: scriptTiming.executionStart ?? 0,
+		durationMs: scriptTiming.duration ?? 0,
+		forcedStyleAndLayoutDurationMs: scriptTiming.forcedStyleAndLayoutDuration ?? 0,
+		pauseDurationMs: scriptTiming.pauseDuration ?? 0
+	});
+	const loafSupported = observe("long-animation-frame", (performanceEntry) => {
+		const loafEntry = performanceEntry;
+		const scriptTimings = loafEntry.scripts ?? [];
+		droppedScriptTimings += Math.max(0, scriptTimings.length - 100);
+		pushLongAnimationFrame({
+			startTime: loafEntry.startTime,
+			durationMs: loafEntry.duration,
+			blockingDurationMs: loafEntry.blockingDuration ?? 0,
+			renderStart: loafEntry.renderStart ?? 0,
+			styleAndLayoutStart: loafEntry.styleAndLayoutStart ?? 0,
+			firstUiEventTimestamp: loafEntry.firstUIEventTimestamp ?? 0,
+			scripts: scriptTimings.slice(0, 100).map(mapScriptTiming)
+		});
+	});
+	observe("event", (performanceEntry) => {
+		const interactionEntry = performanceEntry;
+		const interactionId = interactionEntry.interactionId ?? 0;
+		if (interactionId === 0) return;
+		pushInteraction({
+			name: limitString(interactionEntry.name),
+			startTime: interactionEntry.startTime,
+			durationMs: interactionEntry.duration,
+			processingStart: interactionEntry.processingStart ?? interactionEntry.startTime,
+			processingEnd: interactionEntry.processingEnd ?? interactionEntry.startTime,
+			interactionId,
+			targetTag: interactionEntry.target === null || interactionEntry.target === void 0 ? null : limitString(interactionEntry.target.tagName)
+		});
+	}, 16);
+	observe("layout-shift", (performanceEntry) => {
+		const layoutShiftEntry = performanceEntry;
+		if (layoutShiftEntry.hadRecentInput === true) return;
+		cumulativeLayoutShift += layoutShiftEntry.value ?? 0;
+	});
+	observe("largest-contentful-paint", (performanceEntry) => {
+		largestContentfulPaintMs = Math.max(largestContentfulPaintMs ?? 0, performanceEntry.startTime);
+	});
+	observe("measure", (performanceEntry) => {
+		const measure = performanceEntry;
+		const devtools = measure.detail?.devtools;
+		if (!devtools?.track?.includes("Components")) return;
+		if (devtools.reactDoctorSource === "bippy") return;
+		nativeReactTracks = true;
+		pushComponentEvent({
+			name: limitString(measure.name.replace(/^\u200B/, "")),
+			startTime: measure.startTime,
+			durationMs: measure.duration,
+			depth: 0,
+			source: "native"
+		});
+	});
+	const versionHasNativeTracks = (version) => {
+		const [majorText, minorText] = version.split(".");
+		const majorVersion = Number.parseInt(majorText ?? "", 10);
+		return majorVersion > 19 || majorVersion === 19 && Number.parseInt(minorText ?? "", 10) >= 2;
+	};
+	const attachRenderer = (renderer) => {
+		reactDetected = true;
+		reactVersion = typeof renderer.version === "string" ? limitString(renderer.version) : null;
+		reactBuildType = Le(renderer);
+	};
+	const recordFallbackComponent = (fiber, depth) => {
+		const { selfTime } = Pe(fiber);
+		if (selfTime < .05) return;
+		const name = limitString(Ie(fiber.type) ?? "Anonymous");
+		const startTime = fiber.actualStartTime ?? performance.now() - selfTime;
+		pushComponentEvent({
+			name,
+			startTime,
+			durationMs: selfTime,
+			depth,
+			source: "bippy"
+		});
+		bippyComponentTracks = true;
+		try {
+			performance.measure(`\u200B${name}`, {
+				start: startTime,
+				duration: selfTime,
+				detail: { devtools: {
+					track: "Components ⚛",
+					tooltipText: "React component render captured by React Doctor",
+					reactDoctorSource: "bippy"
+				} }
+			});
+			performance.clearMeasures(`\u200B${name}`);
+		} catch {}
+	};
+	for (const renderer of x$1().renderers.values()) attachRenderer(renderer);
+	_$1(attachRenderer);
+	Je({
+		name: "react-doctor-runtime-scan",
+		onCommitFiberRoot: (_rendererId, root) => {
+			const shouldRecordFallbackTracks = reactVersion === null || !versionHasNativeTracks(reactVersion);
+			let componentCount = 0;
+			Ve(root, (fiber) => {
+				if (!Oe(fiber)) return;
+				if (componentCount >= 250) return;
+				recordRuntimeScanOverlayRender(fiber);
+				if (!shouldRecordFallbackTracks) {
+					componentCount += 1;
+					return;
+				}
+				let depth = 0;
+				let parentFiber = fiber.return;
+				while (parentFiber !== null) {
+					depth += 1;
+					parentFiber = parentFiber.return;
+				}
+				recordFallbackComponent(fiber, depth);
+				componentCount += 1;
+			});
+		}
+	});
+	const snapshot = () => {
+		for (const { observer, listener } of performanceObservers) for (const entry of observer.takeRecords()) listener(entry);
+		const budgetedLongAnimationFrames = takeLatestEntriesWithinByteBudget(readBoundedEntries(longAnimationFrames));
+		const budgetedComponentEvents = takeLatestEntriesWithinByteBudget(readBoundedEntries(componentEvents));
+		const budgetedInteractions = takeLatestEntriesWithinByteBudget(readBoundedEntries(interactions));
+		return {
+			timeOrigin: performance.timeOrigin,
+			finalUrl: sanitizeUrl(window.location.href),
+			support: {
+				reactDetected,
+				reactVersion,
+				reactBuildType,
+				nativeReactTracks,
+				bippyComponentTracks,
+				loaf: loafSupported
+			},
+			longAnimationFrames: budgetedLongAnimationFrames.entries,
+			componentEvents: budgetedComponentEvents.entries,
+			interactions: budgetedInteractions.entries,
+			cumulativeLayoutShift,
+			largestContentfulPaintMs,
+			droppedLongAnimationFrames: longAnimationFrames.dropped + budgetedLongAnimationFrames.dropped,
+			droppedScriptTimings,
+			droppedComponentEvents: componentEvents.dropped + budgetedComponentEvents.dropped,
+			droppedInteractions: interactions.dropped + budgetedInteractions.dropped
+		};
+	};
+	window.__REACT_DOCTOR_RUNTIME_SCAN__ = { snapshot };
+	const captureNavigationSnapshot = () => {
+		if (window !== window.top || didCaptureCurrentPageState) return;
+		didCaptureCurrentPageState = true;
+		captureSnapshot(snapshot());
+	};
+	document.addEventListener("visibilitychange", () => {
+		if (document.visibilityState === "hidden") captureNavigationSnapshot();
+		else didCaptureCurrentPageState = false;
+	});
+	window.addEventListener("pageshow", () => {
+		didCaptureCurrentPageState = false;
+	});
+	window.addEventListener("beforeunload", captureNavigationSnapshot);
+	window.addEventListener("pagehide", captureNavigationSnapshot);
+	//#endregion
+})();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="da4c683a-e42d-5ded-848e-8f3c5e6f8a4c")}catch(e){}}();
+//# debugId=da4c683a-e42d-5ded-848e-8f3c5e6f8a4c