ryugi-artifacts 1.51.1 → 1.51.2

package/dist/viewer-lib/Canvas-DOK6z2BX.js

@@ -1,568 +0,0 @@
-import { n as e } from "./rolldown-runtime-5HNE8Q1r.js";
-import { O as t, d as n } from "./PreviewView-C4H6LbEb.js";
-import { a as r } from "./i18n-B_9P4TsB.js";
-import { t as i } from "./tokens.stylex-CuqOcC9Y.js";
-import { memo as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Maximize2 as m, Repeat as h } from "lucide-react";
-import { motion as g } from "motion/react";
-//#region src/viewer/lib/play.ts
-function _(e, t) {
-	let n = new Set(e);
-	return n.delete(t) || n.add(t), n;
-}
-var v = (e, t) => (e[t] ?? 0) > 0, y = (e, t) => e.interactive === !0 && v(t, e.file), b = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, x = 160, S = [
-	1,
-	1.5,
-	2,
-	.5
-], C = (e) => {
-	let t = Math.max(0, Math.floor(Number.isFinite(e) ? e : 0));
-	return `${Math.floor(t / 60)}:${String(t % 60).padStart(2, "0")}`;
-};
-function w({ playing: e }) {
-	return /* @__PURE__ */ f("svg", {
-		"aria-hidden": "true",
-		fill: "currentColor",
-		height: "16",
-		viewBox: "0 0 24 24",
-		width: "16",
-		children: [!1, !0].map((t) => /* @__PURE__ */ f(g.g, {
-			initial: !1,
-			style: { transformOrigin: "12px 12px" },
-			transition: {
-				type: "spring",
-				duration: .3,
-				bounce: 0
-			},
-			animate: {
-				opacity: +(e === t),
-				scale: e === t ? 1 : .25,
-				filter: e === t ? "blur(0px)" : "blur(4px)"
-			},
-			children: t ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("rect", {
-				height: "16",
-				rx: "1",
-				width: "4",
-				x: "6",
-				y: "4"
-			}), /* @__PURE__ */ f("rect", {
-				height: "16",
-				rx: "1",
-				width: "4",
-				x: "14",
-				y: "4"
-			})] }) : /* @__PURE__ */ f("path", { d: "M8 4.6c-.9-.5-2 .1-2 1.1v12.6c0 1 1.1 1.6 2 1.1l11-6.3c.9-.5.9-1.7 0-2.2Z" })
-		}, String(t)))
-	});
-}
-function T({ src: e, title: t, barScale: n, barWidth: i, onExpand: a }) {
-	let { t: s } = r(), c = l(null), g = l(null), [_, v] = u(!1), [y, b] = u(0), [T, E] = u(0), [D, O] = u(1), [k, A] = u(!1), [j, M] = u(!1);
-	o(() => {
-		let e = c.current;
-		if (!e) return;
-		let t = () => {
-			M(!1), b(e.currentTime), E(e.duration), v(!e.paused);
-		}, n = [
-			"loadedmetadata",
-			"timeupdate",
-			"play",
-			"pause",
-			"ended",
-			"seeked"
-		], r = () => M(!0);
-		for (let r of n) e.addEventListener(r, t);
-		return e.addEventListener("error", r), () => {
-			for (let r of n) e.removeEventListener(r, t);
-			e.removeEventListener("error", r);
-		};
-	}, []);
-	let N = () => {
-		let e = c.current;
-		e && (e.paused ? e.play().catch(() => v(!e.paused)) : e.pause());
-	}, P = () => {
-		let e = S[(S.indexOf(D) + 1) % S.length];
-		c.current && (c.current.playbackRate = e), O(e);
-	}, F = () => {
-		c.current && (c.current.loop = !k), A(!k);
-	}, I = (e) => {
-		let t = c.current;
-		if (!t || !Number.isFinite(t.duration) || t.duration <= 0) return;
-		let n = e.currentTarget.getBoundingClientRect();
-		t.currentTime = Math.min(1, Math.max(0, (e.clientX - n.left) / n.width)) * t.duration, b(t.currentTime);
-	};
-	return /* @__PURE__ */ p(d, { children: [
-		/* @__PURE__ */ f("video", {
-			muted: !0,
-			playsInline: !0,
-			preload: "metadata",
-			ref: c,
-			src: e,
-			title: t,
-			className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x1hpxl24 x47corl"
-		}),
-		/* @__PURE__ */ f("button", {
-			"data-video-surface": !0,
-			"aria-label": s(_ ? "video.pauseTitle" : "video.playTitle", { title: t }),
-			type: "button",
-			onClick: (e) => {
-				(!e.detail || !g.current || Math.hypot(e.clientX - g.current.x, e.clientY - g.current.y) < 4) && N(), g.current = null;
-			},
-			onKeyDown: (e) => {
-				(e.key === " " || e.key === "Enter") && e.stopPropagation();
-			},
-			onPointerDown: (e) => {
-				g.current = {
-					x: e.clientX,
-					y: e.clientY
-				};
-			},
-			className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1717udv xc342km xjbqb8w x1ypdohk x1t137rt x9v5kkp x1de99jn x1af67cj x1v57pqu"
-		}),
-		j && /* @__PURE__ */ f("div", {
-			className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 x1tamke2 x193dt0t xyxeb8y xqfszdh x4z9k3i x2b8uid x47corl",
-			children: s("video.failed")
-		}),
-		i >= x && /* @__PURE__ */ p("div", {
-			"data-chrome": "video-controls",
-			onPointerDown: (e) => e.stopPropagation(),
-			className: "x10l6tqk xu96u03 xdsb8wn xc9qbxq x9f619 x78zum5 x6s0dn4 x1v2ro7d xaope02 x1hj3fc7 x193dt0t x178xt8z x13fuv20 xyky8oz x1fh8tye x1fao0z8 x1j6dyjg x67bb7w xt0e3qv x87ps6o",
-			style: {
-				width: i,
-				transform: `scale(${n})`
-			},
-			children: [
-				/* @__PURE__ */ f("button", {
-					"aria-label": s(_ ? "video.pause" : "video.play"),
-					type: "button",
-					onClick: N,
-					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk",
-					children: /* @__PURE__ */ f(w, { playing: _ })
-				}),
-				/* @__PURE__ */ p("span", {
-					className: "x2lah0s xss6m8b",
-					children: [
-						C(y),
-						" / ",
-						C(T)
-					]
-				}),
-				/* @__PURE__ */ p("div", {
-					"aria-label": s("video.progress"),
-					"aria-valuemax": Math.round(T || 0),
-					"aria-valuemin": 0,
-					"aria-valuenow": Math.round(y),
-					role: "slider",
-					tabIndex: 0,
-					onPointerDown: (e) => {
-						e.currentTarget.setPointerCapture?.(e.pointerId), I(e);
-					},
-					onPointerMove: (e) => {
-						e.buttons === 1 && I(e);
-					},
-					className: "x1n2onr6 x98rzlu x1v9usgg x78zum5 x6s0dn4 x1ypdohk",
-					children: [/* @__PURE__ */ f("span", { className: "x10l6tqk xu96u03 x3m8u43 xuoj239 x1q6ipvf" }), /* @__PURE__ */ f("span", {
-						className: "x10l6tqk xu96u03 xuoj239 x1l2ivya",
-						style: { width: `${T > 0 ? y / T * 100 : 0}%` }
-					})]
-				}),
-				/* @__PURE__ */ p("button", {
-					"aria-label": s("video.speed"),
-					type: "button",
-					onClick: P,
-					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk x17s4nb9 x1s688f",
-					children: [D, "×"]
-				}),
-				/* @__PURE__ */ f("button", {
-					"aria-label": s("video.loop"),
-					"aria-pressed": k,
-					type: "button",
-					onClick: F,
-					...{
-						0: { className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk" },
-						1: { className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xjb2p0i x1j6dyjg x1ypdohk xymxiyj x1p2l8fb" }
-					}[!k | 0],
-					children: /* @__PURE__ */ f(h, { size: 14 })
-				}),
-				a && /* @__PURE__ */ f("button", {
-					"aria-label": s("video.expand"),
-					type: "button",
-					onClick: a,
-					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk",
-					children: /* @__PURE__ */ f(m, { size: 13 })
-				})
-			]
-		})
-	] });
-}
-//#endregion
-//#region src/viewer/components/MediaBoard.tsx
-function E({ id: e, board: t, src: n, zoom: r, onExpand: i }) {
-	return t.type === "video" ? /* @__PURE__ */ f(T, {
-		barScale: 1 / r,
-		barWidth: t.w * r,
-		src: n,
-		title: t.title ?? e,
-		onExpand: i
-	}) : /* @__PURE__ */ f("img", {
-		alt: t.title ?? e,
-		draggable: !1,
-		src: n,
-		className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x1l2ivya x47corl"
-	});
-}
-//#endregion
-//#region src/shared/inspector.ts
-var D = [
-	"width",
-	"height",
-	"position",
-	"flex-grow",
-	"display",
-	"flex-direction",
-	"align-items",
-	"gap",
-	"padding",
-	"background-color",
-	"opacity",
-	"border-radius",
-	"border-style",
-	"font-size",
-	"color",
-	"box-shadow"
-], O = "#0D99FF", k = "M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.3C13.4 17.8 14 17.5 14.6 17.5L21.1 17.3C22.7 17.2 23.4 15.2 22.2 14.3Z", A = "M13 3a9 9 0 0 1 0 18H4.5A1.5 1.5 0 0 1 3 19.5V13A10 10 0 0 1 13 3z", j = (e, t, n) => `url("data:image/svg+xml,${encodeURIComponent(e)}") ${t}, ${n}`, M = j(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 28 28'><path d='${k}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${k}' fill='${O}'/></svg>`, "3 3", "default"), N = j(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='${A}' fill='none' stroke='white' stroke-width='3' stroke-linejoin='round'/><path d='${A}' fill='${O}'/><path d='M13 8.2v7.6M9.2 12h7.6' stroke='white' stroke-width='2.2' stroke-linecap='round'/></svg>`, "3 21", "crosshair");
-//#endregion
-//#region src/viewer/lib/cursorMotion.ts
-function P(e, t) {
-	let n = e;
-	for (; n.length > 1;) n = n.slice(0, -1).map((e, r) => ({
-		x: e.x + (n[r + 1].x - e.x) * t,
-		y: e.y + (n[r + 1].y - e.y) * t
-	}));
-	return n[0];
-}
-function F(e, t, n) {
-	let r = t.x - e.x, i = t.y - e.y, a = -i, o = r;
-	a < 0 && (a = -a, o = -o);
-	let s = (t, n) => ({
-		x: e.x + r * t + a * n,
-		y: e.y + i * t + o * n
-	}), c = [
-		e,
-		s(.2, 0),
-		s(.3, -.5),
-		s(1.55, 1.25),
-		s(1.35, .1),
-		t
-	];
-	if (n !== void 0) {
-		let t = (n - 135) * Math.PI / 180, a = Math.hypot(r, i) * .2;
-		c[1] = {
-			x: e.x + Math.cos(t) * a,
-			y: e.y + Math.sin(t) * a
-		};
-	}
-	let l = c.slice(0, -1).map((e, t) => ({
-		x: 5 * (c[t + 1].x - e.x),
-		y: 5 * (c[t + 1].y - e.y)
-	})), u = [0], d = e;
-	for (let e = 1; e <= 600; e++) {
-		let t = P(c, e / 600);
-		u.push(u[e - 1] + Math.hypot(t.x - d.x, t.y - d.y)), d = t;
-	}
-	let f = u[600];
-	return {
-		length: f,
-		at(e) {
-			let t = Math.max(0, Math.min(1, e)) * f, n = 0, r = 600;
-			for (; r - n > 1;) {
-				let e = n + r >> 1;
-				u[e] < t ? n = e : r = e;
-			}
-			let i = u[r] - u[n], a = (n + (i ? (t - u[n]) / i : 0)) / 600, o = P(l, a);
-			return {
-				...P(c, a),
-				angle: Math.atan2(o.y, o.x) * 180 / Math.PI + 135
-			};
-		}
-	};
-}
-//#endregion
-//#region src/viewer/components/WritingCursor.tsx
-function I({ x: e, y: t, zoom: n, agent: r, title: a }) {
-	let o = `agent-${s().replaceAll(/[^\w-]/g, "")}`, u = l(null), d = l(null), m = l(null), h = l(!1), g = l(n), _ = (e) => `translate(${e.x}px, ${e.y}px) scale(${1 / g.current})`, v = (e) => `translate(-3.43px, -3.43px) rotate(${e}deg)`, y = (e) => {
-		m.current = e, u.current && (u.current.style.transform = _(e)), d.current && (d.current.style.transform = v(e.angle));
-	};
-	c(() => {
-		g.current = n, m.current && y(m.current);
-	}, [n]), c(() => {
-		let n = matchMedia("(prefers-reduced-motion: reduce)"), r = m.current, i = 0, a = () => {
-			cancelAnimationFrame(i), i = 0, h.current = !1, y({
-				x: e,
-				y: t,
-				angle: m.current?.angle ?? 0
-			});
-		};
-		if (!r || n.matches || Math.hypot(e - r.x, t - r.y) * g.current < 2) a();
-		else {
-			let n = F(r, {
-				x: e,
-				y: t
-			}, h.current ? r.angle : void 0), a = Math.min(1800, 900 + n.length * g.current * 1.2), o = performance.now(), s = o;
-			h.current = !0;
-			let c = (e) => {
-				let t = Math.min(1, Math.max(0, (e - o) / a)), r = n.at(t ** 3 * (t * (t * 6 - 15) + 10)), l = m.current.angle;
-				r.angle = l + (((r.angle - l) % 360 + 540) % 360 - 180) * (1 - Math.exp(-(e - s) / 80)), s = e, h.current = t < 1, y(r), i = t < 1 ? requestAnimationFrame(c) : 0;
-			};
-			i = requestAnimationFrame(c);
-		}
-		let o = () => {
-			n.matches && a();
-		};
-		return n.addEventListener("change", o), () => {
-			cancelAnimationFrame(i), n.removeEventListener("change", o);
-		};
-	}, [e, t]);
-	let b = m.current ?? {
-		x: e,
-		y: t,
-		angle: 0
-	};
-	return /* @__PURE__ */ p("div", {
-		"aria-label": `${r} last worked on ${a}`,
-		ref: u,
-		role: "status",
-		className: "x10l6tqk xu96u03 x13vifvy x1u8a7rm x47corl x1hj3fc7",
-		style: { transform: _(b) },
-		children: [/* @__PURE__ */ p("svg", {
-			"aria-hidden": "true",
-			height: "24",
-			ref: d,
-			viewBox: "0 0 28 28",
-			width: "24",
-			className: "x1lliihq xqqlr9g x1gtfylx",
-			style: { transform: v(b.angle) },
-			children: [
-				/* @__PURE__ */ f("path", {
-					d: k,
-					fill: "none",
-					stroke: i.white,
-					strokeLinejoin: "round",
-					strokeWidth: "4"
-				}),
-				/* @__PURE__ */ f("defs", { children: /* @__PURE__ */ p("linearGradient", {
-					id: o,
-					x1: "0",
-					x2: "1",
-					y1: "0",
-					y2: "1",
-					children: [/* @__PURE__ */ f("stop", {
-						offset: "0",
-						stopColor: i.selection
-					}), /* @__PURE__ */ f("stop", {
-						offset: "1",
-						stopColor: i.agent
-					})]
-				}) }),
-				/* @__PURE__ */ f("path", {
-					d: k,
-					fill: `url(#${o})`
-				})
-			]
-		}), /* @__PURE__ */ f("span", {
-			className: "x10l6tqk x1trqr8e xv4lvxq x78zum5 x6s0dn4 x1219o5k x1w2h69v x25sj25 x1bjonze xdocmp1 xgs1500 x828b17 x1bqy6mi xqxj4xa x8r4el6 x1j6dyjg x1s688f x152skdk xuxw1ft xmj57et",
-			children: r
-		})]
-	});
-}
-//#endregion
-//#region src/viewer/components/Canvas.tsx
-var L = /* @__PURE__ */ e({ Canvas: () => G });
-function R(e) {
-	if (!e) return {
-		backgroundColor: i.paperWarm,
-		color: i.inkWarm
-	};
-	let t = e.length === 4 ? e.slice(1).split("").map((e) => e + e).join("") : e.slice(1), [n, r, a] = [
-		0,
-		2,
-		4
-	].map((e) => {
-		let n = parseInt(t.slice(e, e + 2), 16) / 255;
-		return n <= .04045 ? n / 12.92 : ((n + .055) / 1.055) ** 2.4;
-	});
-	return {
-		backgroundColor: e,
-		color: .2126 * n + .7152 * r + .0722 * a > .179 ? i.black : i.white
-	};
-}
-var z = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map(), V = /* @__PURE__ */ new Set();
-function H(e, t, n, r = !1) {
-	return {
-		left: e.x,
-		top: e.y,
-		width: e.w,
-		height: e.h,
-		...t ? { outlineWidth: "calc(2px / var(--zoom, 1))" } : {},
-		...n ? r ? { visibility: "hidden" } : { display: "none" } : {}
-	};
-}
-var U = a(function({ boardBase: e, boards: n, boardSandbox: r = "allow-scripts", contentBase: i, culled: a = V, frameLoaded: o, frameRef: s, gesturing: c = !1, images: l = B, inspecting: u, pending: d, phases: m = z, playing: h, replays: g, versions: _, writing: x }) {
-	return n.map(([n, S]) => {
-		if (t(S)) return null;
-		let C = v(_, S.file) && !d.has(n), w = m.get(n) ?? "mounted", T = l.get(n) ?? null, E = !!T && (w === "unloaded" || w === "restoring"), D = C && (w !== "unloaded" || !T), O = n === x;
-		return /* @__PURE__ */ p("div", {
-			"aria-busy": O || void 0,
-			"data-board": n,
-			...{
-				0: { className: "x10l6tqk" },
-				2: { className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg xaatb59 x1tjb3dp x47corl" },
-				1: { className: "x10l6tqk xaatb59 x7vaw5c xsvltah" },
-				3: { className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg x47corl xaatb59 x7vaw5c xsvltah" }
-			}[!C << 1 | !!O],
-			style: H(S, O, a.has(n), w === "capturing"),
-			children: [
-				D && /* @__PURE__ */ f("iframe", {
-					ref: s(n),
-					sandbox: r,
-					style: c ? { pointerEvents: "none" } : void 0,
-					title: S.title ?? n,
-					src: b(e ?? i, S.file, _[S.file] ?? 0, g[n] ?? 0),
-					onLoad: () => o(n),
-					...{
-						0: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya x47corl x1qgsegg xaatb59 x1tjb3dp" },
-						4: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya x1qgsegg xaatb59 x1tjb3dp x67bb7w" },
-						2: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya xaatb59 x67bb7w x1de99jn x7vaw5c" },
-						6: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya xaatb59 x67bb7w x1de99jn x7vaw5c" },
-						1: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya x1qgsegg xaatb59 x1tjb3dp x47corl" },
-						5: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya x1qgsegg xaatb59 x1tjb3dp x47corl" },
-						3: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya xaatb59 x1de99jn x7vaw5c x47corl" },
-						7: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya xaatb59 x1de99jn x7vaw5c x47corl" }
-					}[!!u << 2 | !!(y(S, _) && h.has(n)) << 1 | !!c]
-				}),
-				E && /* @__PURE__ */ f("img", {
-					alt: "",
-					decoding: "async",
-					draggable: !1,
-					src: T,
-					className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl"
-				}),
-				!C && /* @__PURE__ */ f("span", {
-					className: "x1bo0w0s xqfszdh xfifm61",
-					children: O ? "Drawing…" : "Waiting…"
-				})
-			]
-		}, n);
-	});
-});
-function W({ boards: e, contentBase: n, culled: r = V, pending: i, versions: a, writing: o, zoom: s, onExpand: c }) {
-	return e.map(([e, l]) => {
-		if (!t(l)) return null;
-		let u = v(a, l.file) && !i.has(e), d = e === o;
-		return /* @__PURE__ */ f("div", {
-			"aria-busy": d || void 0,
-			"data-board": e,
-			...{
-				0: { className: "x10l6tqk" },
-				2: { className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg xaatb59 x1tjb3dp x47corl" },
-				1: { className: "x10l6tqk xaatb59 x7vaw5c xsvltah" },
-				3: { className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg x47corl xaatb59 x7vaw5c xsvltah" }
-			}[!u << 1 | !!d],
-			style: H(l, d, r.has(e)),
-			children: u ? /* @__PURE__ */ f(E, {
-				board: l,
-				id: e,
-				src: b(n, l.file, a[l.file] ?? 0, 0),
-				zoom: s,
-				onExpand: c && (() => c(e))
-			}) : /* @__PURE__ */ f("span", {
-				className: "x1bo0w0s xqfszdh xfifm61",
-				children: d ? "Drawing…" : "Waiting…"
-			})
-		}, e);
-	});
-}
-function G({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, images: s, culled: c, gesturing: l, boards: u, notes: d, contentBase: m, versions: h, pending: g, playing: _, replays: v, inspecting: y, frameRef: b, frameLoaded: x, live: S, writing: C, agent: w, onExpand: T }) {
-	let E = C;
-	if (S) {
-		E = void 0;
-		let e = 0;
-		for (let [n, r] of u) {
-			let i = h[r.file] ?? 0;
-			t(r) || g.has(n) || i <= e || (E = n, e = i);
-		}
-	}
-	let D = u.find(([e]) => e === E)?.[1];
-	return /* @__PURE__ */ p("div", {
-		ref: a,
-		className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
-		style: a ? void 0 : {
-			transform: `translate(${i.x}px, ${i.y}px) scale(${i.k})`,
-			"--zoom": i.k
-		},
-		children: [
-			/* @__PURE__ */ f(U, {
-				boardBase: e,
-				boardSandbox: r,
-				boards: u,
-				contentBase: m,
-				culled: c,
-				frameLoaded: x,
-				frameRef: b,
-				gesturing: l,
-				images: s,
-				inspecting: y,
-				pending: g,
-				phases: o,
-				playing: _,
-				replays: v,
-				versions: h,
-				writing: C,
-				onExpand: T
-			}),
-			/* @__PURE__ */ f(W, {
-				boards: u,
-				contentBase: m,
-				culled: c,
-				pending: g,
-				versions: h,
-				writing: C,
-				zoom: i.k,
-				onExpand: T
-			}),
-			d.map(([e, t]) => t.kind === "title" ? /* @__PURE__ */ f("h2", {
-				className: "x10l6tqk x1ghz6dp x1xlr1w8 x1uo3zyz xjat59b xo2rkog x1bd091l",
-				style: {
-					left: t.x,
-					top: t.y,
-					width: t.w,
-					whiteSpace: t.w === void 0 ? "nowrap" : "normal",
-					fontSize: t.size ?? 96,
-					transform: `scale(${n(t.size ?? 96, i.k)})`
-				},
-				children: t.text
-			}, e) : /* @__PURE__ */ f("div", {
-				className: "x10l6tqk x12oqio5 x126k92a xj0a0fe x1pmbvsm",
-				style: {
-					left: t.x,
-					top: t.y,
-					width: t.w ?? 240,
-					padding: 16,
-					fontSize: 18,
-					lineHeight: "27px",
-					...R(t.color)
-				},
-				children: t.text
-			}, e)),
-			D && /* @__PURE__ */ f(I, {
-				agent: w ?? "Agent",
-				title: D.title ?? E,
-				x: D.x + Math.min(64, D.w * .15),
-				y: D.y + Math.min(80, D.h * .2),
-				zoom: i.k
-			})
-		]
-	});
-}
-//#endregion
-export { M as a, v as c, D as i, y as l, L as n, E as o, N as r, T as s, G as t, _ as u };