ryugi-artifacts 1.70.2 → 1.71.0

package/dist/viewer-lib/{Canvas-DlB6aB_J.js → Canvas-Czt9ltgM.js}

@@ -1,13 +1,13 @@
 import { n as e } from "./rolldown-runtime-CwxnZyOB.js";
-import { f as t } from "./PreviewView-ck_p8T5E.js";
-import { E as n, c as r, l as i } from "./RyugiLoader-_MZxEs2s.js";
-import { a, n as o, t as s } from "./agentLook-Pf_kpgWG.js";
-import { memo as c, useEffect as l, useImperativeHandle as u, useLayoutEffect as d, useRef as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Maximize2 as _, Repeat as v } from "lucide-react";
-import * as y from "motion/react-m";
+import { f as t } from "./PreviewView-BWt3dX8d.js";
+import { E as n, c as r, l as i, n as a, t as o } from "./RyugiLoader-CxyL1n9v.js";
+import { a as s, n as c, t as l } from "./agentLook-D56IP3D7.js";
+import { memo as u, useEffect as d, useImperativeHandle as f, useLayoutEffect as p, useRef as m, useState as h } from "react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Maximize2 as y, Repeat as b } from "lucide-react";
+import * as x from "motion/react-m";
 // ../../node_modules/.pnpm/@lobehub+ui@6.10.2_@lobehub+fluent-emoji@5.0.1_react-dom@19.3.1_react@19.3.1__react@19._c51992d23191ae37a7a3822a770bdf83/node_modules/@lobehub/ui/es/stylex/cssVar.stylex.js
-var b = {
+var S = {
 	borderRadiusOuter: "var(--lobe-border-radius-outer)",
 	colorTextLightSolid: "var(--lobe-color-text-light-solid)",
 	colorWhite: "var(--lobe-color-white)",
@@ -794,51 +794,103 @@ var b = {
 	controlItemBgActiveDisabled: "var(--lobe-control-item-bg-active-disabled)",
 	controlItemBgHover: "var(--lobe-control-item-bg-hover)",
 	controlTmpOutline: "var(--lobe-control-tmp-outline)"
-}, x = 2e4, S = 16, C = 24;
-function w(e, t) {
-	return t - e >= x;
+}, C = 2e4, w = 16, T = 24;
+function E(e, t) {
+	return t - e >= C;
 }
-function T(e, t, n = S) {
+function D(e, t, n = w) {
 	return t ? {
 		x: e.x + Math.max(0, e.w - n),
-		y: e.y + e.h + C
+		y: e.y + e.h + T
 	} : {
 		x: e.x + Math.min(64, e.w * .15),
 		y: e.y + Math.min(80, e.h * .2)
 	};
 }
 // src/viewer/hooks/useCursorParked.ts
-function E(e) {
-	let [t, n] = p(() => Date.now());
-	return l(() => {
+function O(e) {
+	let [t, n] = h(() => Date.now());
+	return d(() => {
 		if (e === void 0) return;
-		let t = e + x - Date.now();
+		let t = e + C - Date.now();
 		if (t <= 0) return;
 		let r = setTimeout(() => n(Date.now()), t);
 		return () => clearTimeout(r);
-	}, [e]), e !== void 0 && w(e, t);
+	}, [e]), e !== void 0 && E(e, t);
 }
 // src/viewer/lib/play.ts
-function D(e, t) {
+function k(e, t) {
 	let n = new Set(e);
 	return n.delete(t) || n.add(t), n;
 }
-var O = (e, t) => (e[t] ?? 0) > 0, k = (e, t) => e.interactive === !0 && O(t, e.file), A = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, j = 5;
-function M({ split: e, onSplit: t }) {
+var A = (e, t) => (e[t] ?? 0) > 0, j = (e, t) => e.interactive === !0 && A(t, e.file), M = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, N = 24, P = 34.3, F = "76 130 360 252";
+function I({ agent: e, state: t, title: n }) {
+	let r = t === "drawing";
+	return /* @__PURE__ */ v("div", {
+		"data-board-state": t,
+		...{
+			0: { className: "x10l6tqk x10a8y8t x47corl xqfszdh" },
+			2: { className: "x10l6tqk x10a8y8t x47corl xqfszdh x2fo67v xbk3nqn x107h2d7 x3kcoq9" },
+			1: { className: "x10l6tqk x10a8y8t x47corl xqfszdh xknvxwu xox4ge1 xopnk0n x11xz5rz" },
+			3: { className: "x10l6tqk x10a8y8t x47corl xqfszdh xbk3nqn x107h2d7 x3kcoq9 xknvxwu xox4ge1 xopnk0n x11xz5rz" }
+		}[(t === "waiting") << 1 | !!r],
+		children: [t === "waiting" && /* @__PURE__ */ v(g, { children: [
+			/* @__PURE__ */ _("i", { className: "x10l6tqk x1bjaxh0 x13q6o5s x1y0btm7 xhgr6co xc342km xmwf3kg x1oo2giq x1nhu8zx x14up9od" }),
+			/* @__PURE__ */ _("i", { className: "x10l6tqk x1bjaxh0 x13q6o5s x1y0btm7 xhgr6co xc342km xmwf3kg x1oo2giq xetn906 x15guuwl" }),
+			/* @__PURE__ */ _("i", { className: "x10l6tqk x1bjaxh0 x13q6o5s x1y0btm7 xhgr6co xc342km x1e3sxgq xppht8 x1nhu8zx x14up9od" }),
+			/* @__PURE__ */ _("i", { className: "x10l6tqk x1bjaxh0 x13q6o5s x1y0btm7 xhgr6co xc342km x1e3sxgq xppht8 xetn906 x15guuwl" })
+		] }), /* @__PURE__ */ v("div", {
+			className: "x10l6tqk x1nrll8i xwa60dl x1pu78oe x1p8wexg x1b2v2uc x9f619 xe8ttls x78zum5 xdt5ytf x6s0dn4 xl56j7k x1v2ro7d xb3r6kr x2b8uid xo2rkog",
+			children: [r ? /* @__PURE__ */ _(o, {
+				decorative: !0,
+				size: N
+			}) : /* @__PURE__ */ _("svg", {
+				"aria-hidden": "true",
+				dangerouslySetInnerHTML: { __html: a },
+				fill: "currentColor",
+				height: N,
+				viewBox: F,
+				width: P,
+				...{
+					0: { className: "x1lliihq x1bo0w0s x1c0zbff x1aquc0h x18hd8ej x4hg4is xa4qsjk" },
+					1: { className: "x1lliihq x1vx7kgm" }
+				}[t === "waiting" | 0]
+			}), /* @__PURE__ */ v("span", {
+				className: "x78zum5 xdt5ytf x1jnr06f x193iq5w",
+				children: [/* @__PURE__ */ _("span", {
+					...{
+						0: { className: "xb3r6kr xlyipyv xuxw1ft x4z9k3i xk50ysn xd4r4e8 x1bo0w0s" },
+						1: { className: "xb3r6kr xlyipyv xuxw1ft x4z9k3i xk50ysn xd4r4e8 xo2rkog" }
+					}[!!r | 0],
+					children: n
+				}), /* @__PURE__ */ _("span", {
+					...{
+						0: { className: "xb3r6kr xlyipyv xuxw1ft xfifm61 x1d3mw78 xddlp02" },
+						1: { className: "xb3r6kr xlyipyv xuxw1ft xfifm61 x1d3mw78 x1cfw786" }
+					}[!!r | 0],
+					children: r ? `${e} is drawing` : t === "waiting" ? "Waiting" : "Opening…"
+				})]
+			})]
+		})]
+	});
+}
+// src/viewer/components/CompareSplit.tsx
+var L = 5;
+function ee({ split: e, onSplit: t }) {
 	let { t: n } = r(), i = (e) => Math.min(100, Math.max(0, Math.round(e))), a = (e) => {
 		let n = e.currentTarget.parentElement?.getBoundingClientRect();
 		!n || n.width <= 0 || t(i((e.clientX - n.left) / n.width * 100));
 	};
-	return /* @__PURE__ */ g(m, { children: [
-		/* @__PURE__ */ h("span", {
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _("span", {
 			className: "x10l6tqk x13vifvy xu96u03 xoegz02 x1gm0aph x1hj3fc7 xm9j1uf x12oqio5 x71mcx3 x8r4el6 x1j6dyjg x1s688f xd4r4e8 x47corl",
 			children: n("verdict.previous")
 		}),
-		/* @__PURE__ */ h("span", {
+		/* @__PURE__ */ _("span", {
 			className: "x10l6tqk x13vifvy x1ey2m1c x1at6vp9 x1c7rsn6 x1l2ivya xavjpbr xzkaem6 x47corl",
 			style: { left: `${e}%` }
 		}),
-		/* @__PURE__ */ h("button", {
+		/* @__PURE__ */ _("button", {
 			className: "x10l6tqk xwa60dl xoegz02 xvy4d1p xxk0z11 x18xomjl x7wgvq7 xrvj5dj x1ku5rj1 x1717udv xc342km x16rqkct x1l2ivya x1twquvy xw0krtf xfifm61 xo5v014 x7eptgl x67bb7w x5ve5x3 x1hax9zg",
 			"aria-label": n("verdict.compare"),
 			"aria-valuemax": 100,
@@ -849,7 +901,7 @@ function M({ split: e, onSplit: t }) {
 			style: { left: `${e}%` },
 			type: "button",
 			onKeyDown: (n) => {
-				(n.key === "ArrowLeft" || n.key === "ArrowRight") && (n.preventDefault(), n.stopPropagation(), t(i(e + (n.key === "ArrowLeft" ? -5 : j))));
+				(n.key === "ArrowLeft" || n.key === "ArrowRight") && (n.preventDefault(), n.stopPropagation(), t(i(e + (n.key === "ArrowLeft" ? -5 : L))));
 			},
 			onPointerDown: (e) => {
 				e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId);
@@ -862,23 +914,23 @@ function M({ split: e, onSplit: t }) {
 	] });
 }
 // src/viewer/components/VideoPlayer.tsx
-var N = 160, P = [
+var te = 160, R = [
 	1,
 	1.5,
 	2,
 	.5
-], F = (e) => {
+], z = (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 I({ playing: e }) {
-	return /* @__PURE__ */ h("svg", {
+function ne({ playing: e }) {
+	return /* @__PURE__ */ _("svg", {
 		"aria-hidden": "true",
 		fill: "currentColor",
 		height: "16",
 		viewBox: "0 0 24 24",
 		width: "16",
-		children: [!1, !0].map((t) => /* @__PURE__ */ h(y.g, {
+		children: [!1, !0].map((t) => /* @__PURE__ */ _(x.g, {
 			initial: !1,
 			style: { transformOrigin: "12px 12px" },
 			transition: {
@@ -891,29 +943,29 @@ function I({ playing: e }) {
 				scale: e === t ? 1 : .25,
 				filter: e === t ? "blur(0px)" : "blur(4px)"
 			},
-			children: t ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("rect", {
+			children: t ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("rect", {
 				height: "16",
 				rx: "1",
 				width: "4",
 				x: "6",
 				y: "4"
-			}), /* @__PURE__ */ h("rect", {
+			}), /* @__PURE__ */ _("rect", {
 				height: "16",
 				rx: "1",
 				width: "4",
 				x: "14",
 				y: "4"
-			})] }) : /* @__PURE__ */ h("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" })
+			})] }) : /* @__PURE__ */ _("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 L({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedData: o }) {
-	let { t: s } = r(), c = f(null), u = f(null), [d, y] = p(!1), [b, x] = p(0), [S, C] = p(0), [w, T] = p(1), [E, D] = p(!1), [O, k] = p(!1);
-	l(() => {
+function B({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedData: o }) {
+	let { t: s } = r(), c = m(null), l = m(null), [u, f] = h(!1), [p, x] = h(0), [S, C] = h(0), [w, T] = h(1), [E, D] = h(!1), [O, k] = h(!1);
+	d(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = () => {
-			k(!1), x(e.currentTime), C(e.duration), y(!e.paused);
+			k(!1), x(e.currentTime), C(e.duration), f(!e.paused);
 		}, n = [
 			"loadedmetadata",
 			"timeupdate",
@@ -930,20 +982,20 @@ function L({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 	}, []);
 	let A = () => {
 		let e = c.current;
-		e && (e.paused ? e.play().catch(() => y(!e.paused)) : e.pause());
+		e && (e.paused ? e.play().catch(() => f(!e.paused)) : e.pause());
 	}, j = () => {
-		let e = P[(P.indexOf(w) + 1) % P.length];
+		let e = R[(R.indexOf(w) + 1) % R.length];
 		c.current && (c.current.playbackRate = e), T(e);
 	}, M = () => {
 		c.current && (c.current.loop = !E), D(!E);
-	}, L = (e) => {
+	}, N = (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, x(t.currentTime);
 	};
-	return /* @__PURE__ */ g(m, { children: [
-		/* @__PURE__ */ h("video", {
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _("video", {
 			muted: !0,
 			playsInline: !0,
 			preload: "metadata",
@@ -953,29 +1005,29 @@ function L({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 			onLoadedData: o,
 			className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x1hpxl24 x47corl"
 		}),
-		/* @__PURE__ */ h("button", {
+		/* @__PURE__ */ _("button", {
 			"data-video-surface": !0,
-			"aria-label": s(d ? "video.pauseTitle" : "video.playTitle", { title: t }),
+			"aria-label": s(u ? "video.pauseTitle" : "video.playTitle", { title: t }),
 			type: "button",
 			onClick: (e) => {
-				(!e.detail || !u.current || Math.hypot(e.clientX - u.current.x, e.clientY - u.current.y) < 4) && A(), u.current = null;
+				(!e.detail || !l.current || Math.hypot(e.clientX - l.current.x, e.clientY - l.current.y) < 4) && A(), l.current = null;
 			},
 			onKeyDown: (e) => {
 				(e.key === " " || e.key === "Enter") && e.stopPropagation();
 			},
 			onPointerDown: (e) => {
-				u.current = {
+				l.current = {
 					x: e.clientX,
 					y: e.clientY
 				};
 			},
 			className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1717udv xc342km xjbqb8w x1ypdohk x1t137rt x9v5kkp x1de99jn x1af67cj x1v57pqu"
 		}),
-		O && /* @__PURE__ */ h("div", {
+		O && /* @__PURE__ */ _("div", {
 			className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 x1tamke2 x193dt0t xyxeb8y xqfszdh x4z9k3i x2b8uid x47corl",
 			children: s("video.failed")
 		}),
-		i >= N && /* @__PURE__ */ g("div", {
+		i >= te && /* @__PURE__ */ v("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",
@@ -984,48 +1036,48 @@ function L({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 				transform: `scale(${n})`
 			},
 			children: [
-				/* @__PURE__ */ h("button", {
-					"aria-label": s(d ? "video.pause" : "video.play"),
+				/* @__PURE__ */ _("button", {
+					"aria-label": s(u ? "video.pause" : "video.play"),
 					type: "button",
 					onClick: A,
 					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk",
-					children: /* @__PURE__ */ h(I, { playing: d })
+					children: /* @__PURE__ */ _(ne, { playing: u })
 				}),
-				/* @__PURE__ */ g("span", {
+				/* @__PURE__ */ v("span", {
 					className: "x2lah0s xss6m8b",
 					children: [
-						F(b),
+						z(p),
 						" / ",
-						F(S)
+						z(S)
 					]
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ v("div", {
 					"aria-label": s("video.progress"),
 					"aria-valuemax": Math.round(S || 0),
 					"aria-valuemin": 0,
-					"aria-valuenow": Math.round(b),
+					"aria-valuenow": Math.round(p),
 					role: "slider",
 					tabIndex: 0,
 					onPointerDown: (e) => {
-						e.currentTarget.setPointerCapture?.(e.pointerId), L(e);
+						e.currentTarget.setPointerCapture?.(e.pointerId), N(e);
 					},
 					onPointerMove: (e) => {
-						e.buttons === 1 && L(e);
+						e.buttons === 1 && N(e);
 					},
 					className: "x1n2onr6 x98rzlu x1v9usgg x78zum5 x6s0dn4 x1ypdohk",
-					children: [/* @__PURE__ */ h("span", { className: "x10l6tqk xu96u03 x3m8u43 xuoj239 x1q6ipvf" }), /* @__PURE__ */ h("span", {
+					children: [/* @__PURE__ */ _("span", { className: "x10l6tqk xu96u03 x3m8u43 xuoj239 x1q6ipvf" }), /* @__PURE__ */ _("span", {
 						className: "x10l6tqk xu96u03 xuoj239 x1l2ivya",
-						style: { width: `${S > 0 ? b / S * 100 : 0}%` }
+						style: { width: `${S > 0 ? p / S * 100 : 0}%` }
 					})]
 				}),
-				/* @__PURE__ */ g("button", {
+				/* @__PURE__ */ v("button", {
 					"aria-label": s("video.speed"),
 					type: "button",
 					onClick: j,
 					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk x17s4nb9 x1s688f",
 					children: [w, "×"]
 				}),
-				/* @__PURE__ */ h("button", {
+				/* @__PURE__ */ _("button", {
 					"aria-label": s("video.loop"),
 					"aria-pressed": E,
 					type: "button",
@@ -1034,22 +1086,22 @@ function L({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 						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" }
 					}[!E | 0],
-					children: /* @__PURE__ */ h(v, { size: 14 })
+					children: /* @__PURE__ */ _(b, { size: 14 })
 				}),
-				a && /* @__PURE__ */ h("button", {
+				a && /* @__PURE__ */ _("button", {
 					"aria-label": s("video.expand"),
 					type: "button",
 					onClick: a,
 					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk",
-					children: /* @__PURE__ */ h(_, { size: 13 })
+					children: /* @__PURE__ */ _(y, { size: 13 })
 				})
 			]
 		})
 	] });
 }
 // src/viewer/components/MediaBoard.tsx
-var ee = (e) => `inset(0 ${100 - e}% 0 0)`;
-function te(e, t, n) {
+var re = (e) => `inset(0 ${100 - e}% 0 0)`;
+function ie(e, t, n) {
 	return t === e.src ? !n && e.previous ? {
 		...e,
 		previous: null
@@ -1059,48 +1111,48 @@ function te(e, t, n) {
 		previous: n && e.loaded === e.src ? e.src : null
 	};
 }
-function R({ id: e, board: t, src: n, zoom: r, compare: i = !1, onExpand: a }) {
-	let [o, s] = p({
+function V({ id: e, board: t, src: n, zoom: r, compare: i = !1, onExpand: a }) {
+	let [o, s] = h({
 		src: n,
 		loaded: null,
 		previous: null
-	}), [c, l] = p(50), u = te(o, n, i);
+	}), [c, l] = h(50), u = ie(o, n, i);
 	u !== o && s(u);
 	let d = (e) => () => s((t) => t.src === e ? {
 		...t,
 		loaded: e
-	} : t), f = t.title ?? e, m = (e, n) => t.type === "video" ? /* @__PURE__ */ h(L, {
+	} : t), f = t.title ?? e, p = (e, n) => t.type === "video" ? /* @__PURE__ */ _(B, {
 		barScale: 1 / r,
 		barWidth: t.w * r,
 		src: e,
 		title: f,
 		onExpand: n ? a : void 0,
 		onLoadedData: n ? d(e) : void 0
-	}) : /* @__PURE__ */ h("img", {
+	}) : /* @__PURE__ */ _("img", {
 		alt: f,
 		draggable: !1,
 		src: e,
 		onLoad: n ? d(e) : void 0,
 		className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x1l2ivya x47corl"
-	}), _ = u.previous;
-	return /* @__PURE__ */ g("div", {
-		"data-compare": _ ? "" : void 0,
+	}), m = u.previous;
+	return /* @__PURE__ */ v("div", {
+		"data-compare": m ? "" : void 0,
 		className: "x10l6tqk x10a8y8t",
-		children: [[u.src, _].map((e) => e === null ? null : /* @__PURE__ */ h("div", {
+		children: [[u.src, m].map((e) => e === null ? null : /* @__PURE__ */ _("div", {
 			...{
 				0: { className: "x10l6tqk x10a8y8t" },
 				1: { className: "x10l6tqk x10a8y8t x47corl xhtitgo" }
-			}[e === _ | 0],
-			style: e === _ ? { clipPath: ee(c) } : void 0,
-			children: m(e, e === u.src)
-		}, e)), _ && /* @__PURE__ */ h(M, {
+			}[e === m | 0],
+			style: e === m ? { clipPath: re(c) } : void 0,
+			children: p(e, e === u.src)
+		}, e)), m && /* @__PURE__ */ _(ee, {
 			split: c,
 			onSplit: l
 		})]
 	});
 }
 // src/viewer/components/updated-styles.ts
-var z = {
+var H = {
 	slot: {
 		k3XXqK: "xaatb59",
 		kjBf7l: "xu54md5",
@@ -1145,33 +1197,33 @@ var z = {
 		kWkggS: "x1c2n0v",
 		$$css: !0
 	}
-}, B = (e, t) => new Date(e).toLocaleTimeString(t, {
+}, U = (e, t) => new Date(e).toLocaleTimeString(t, {
 	hour: "2-digit",
 	minute: "2-digit",
 	hour12: !1
 });
 // src/viewer/components/UpdatedMarks.tsx
-function V() {
+function W() {
 	let { t: e } = r();
-	return /* @__PURE__ */ h("span", {
+	return /* @__PURE__ */ _("span", {
 		"data-updated-badge": "",
-		...i(z.badge),
+		...i(H.badge),
 		children: e("verdict.newBadge")
 	});
 }
-function ne({ update: e }) {
+function ae({ update: e }) {
 	let { t, i18n: n } = r();
-	return /* @__PURE__ */ g("span", {
+	return /* @__PURE__ */ v("span", {
 		"data-updated-pill": "",
-		...i(z.pill),
-		children: [/* @__PURE__ */ h("span", { ...i(z.dot) }), t("verdict.updated", {
-			time: B(e.at, n.language),
+		...i(H.pill),
+		children: [/* @__PURE__ */ _("span", { ...i(H.dot) }), t("verdict.updated", {
+			time: U(e.at, n.language),
 			count: e.boards.length
 		})]
 	});
 }
 // src/shared/inspector.ts
-var re = [
+var oe = [
 	"width",
 	"height",
 	"position",
@@ -1188,9 +1240,9 @@ var re = [
 	"font-size",
 	"color",
 	"box-shadow"
-], H = "#0D99FF", U = "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", W = "M13 3a9 9 0 0 1 0 18H4.5A1.5 1.5 0 0 1 3 19.5V13A10 10 0 0 1 13 3z", G = (e, t, n) => `url("data:image/svg+xml,${encodeURIComponent(e)}") ${t}, ${n}`, ie = G(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 28 28'><path d='${U}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${U}' fill='${H}'/></svg>`, "3 3", "default"), ae = G(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='${W}' fill='none' stroke='white' stroke-width='3' stroke-linejoin='round'/><path d='${W}' fill='${H}'/><path d='M13 8.2v7.6M9.2 12h7.6' stroke='white' stroke-width='2.2' stroke-linecap='round'/></svg>`, "3 21", "crosshair");
+], G = "#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", q = "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}`, se = 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='${G}'/></svg>`, "3 3", "default"), ce = J(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='${q}' fill='none' stroke='white' stroke-width='3' stroke-linejoin='round'/><path d='${q}' fill='${G}'/><path d='M13 8.2v7.6M9.2 12h7.6' stroke='white' stroke-width='2.2' stroke-linecap='round'/></svg>`, "3 21", "crosshair");
 // src/viewer/lib/cursorMotion.ts
-function K(e, t) {
+function Y(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,
@@ -1198,7 +1250,7 @@ function K(e, t) {
 	}));
 	return n[0];
 }
-function oe(e, t, n) {
+function le(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) => ({
@@ -1224,7 +1276,7 @@ function oe(e, t, n) {
 		y: 5 * (c[t + 1].y - e.y)
 	})), u = [0], d = e;
 	for (let e = 1; e <= 600; e++) {
-		let t = K(c, e / 600);
+		let t = Y(c, e / 600);
 		u.push(u[e - 1] + Math.hypot(t.x - d.x, t.y - d.y)), d = t;
 	}
 	let f = u[600];
@@ -1236,18 +1288,18 @@ function oe(e, t, n) {
 				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 = K(l, a);
+			let i = u[r] - u[n], a = (n + (i ? (t - u[n]) / i : 0)) / 600, o = Y(l, a);
 			return {
-				...K(c, a),
+				...Y(c, a),
 				angle: Math.atan2(o.y, o.x) * 180 / Math.PI + 135
 			};
 		}
 	};
 }
 // src/viewer/lib/dragMotion.ts
-var q = (e) => Math.max(0, Math.min(1, e)), J = (e) => e * e * (3 - 2 * e);
-function se(e, t, n, r, i) {
-	let a = q(n), o = t.x - e.x, s = t.y - e.y, c = J(a), l = J(q((a - .11) / .89)), u = o * r * (c - l), d = s * r * (c - l), f = Math.min(1, 12 / (Math.hypot(u, d) || 1)), p = 1 - J(q(a * 4)), m = u * f + (i?.pullX ?? 0) * p, h = d * f + (i?.pullY ?? 0) * p, g = Math.min(1, 12 / (Math.hypot(m, h) || 1)), _ = a * Math.max(2, Math.ceil(Math.hypot(o, s) * r / 36)) % 1;
+var X = (e) => Math.max(0, Math.min(1, e)), Z = (e) => e * e * (3 - 2 * e);
+function ue(e, t, n, r, i) {
+	let a = X(n), o = t.x - e.x, s = t.y - e.y, c = Z(a), l = Z(X((a - .11) / .89)), u = o * r * (c - l), d = s * r * (c - l), f = Math.min(1, 12 / (Math.hypot(u, d) || 1)), p = 1 - Z(X(a * 4)), m = u * f + (i?.pullX ?? 0) * p, h = d * f + (i?.pullY ?? 0) * p, g = Math.min(1, 12 / (Math.hypot(m, h) || 1)), _ = a * Math.max(2, Math.ceil(Math.hypot(o, s) * r / 36)) % 1;
 	return {
 		x: e.x + o * c - u * f / r,
 		y: e.y + s * c - d * f / r,
@@ -1261,59 +1313,59 @@ function se(e, t, n, r, i) {
 	};
 }
 // src/viewer/components/Clawd.tsx
-var ce = "M2 0h12v2h-12zM2 2h2v2h-2zM5 2h6v2h-6zM12 2h2v2h-2zM0 4h16v2h-16zM2 6h12v2h-12z", le = "M4 2h1v2h-1zM11 2h1v2h-1z", Y = "M3 8h1v2h-1zM5 8h1v2h-1zM10 8h1v2h-1zM12 8h1v2h-1z";
-function ue({ fill: e, legs: t }) {
-	return /* @__PURE__ */ g("svg", {
+var de = "M2 0h12v2h-12zM2 2h2v2h-2zM5 2h6v2h-6zM12 2h2v2h-2zM0 4h16v2h-16zM2 6h12v2h-12z", fe = "M4 2h1v2h-1zM11 2h1v2h-1z", Q = "M3 8h1v2h-1zM5 8h1v2h-1zM10 8h1v2h-1zM12 8h1v2h-1z";
+function pe({ fill: e, legs: t }) {
+	return /* @__PURE__ */ v("svg", {
 		"aria-hidden": "true",
 		height: "20",
 		viewBox: "0 0 16 10",
 		width: "32",
 		className: "x1lliihq x1rea2x4 xqlk7fu x1so62im x1gh0xk6 x1pao9z2 x1vtvzbl x4hg4is xa4qsjk x1aquc0h",
 		children: [
-			/* @__PURE__ */ h("path", {
-				d: ce,
+			/* @__PURE__ */ _("path", {
+				d: de,
 				fill: e
 			}),
-			/* @__PURE__ */ h("path", {
-				d: Y,
+			/* @__PURE__ */ _("path", {
+				d: Q,
 				fill: e,
 				ref: t
 			}),
-			/* @__PURE__ */ h("path", {
-				d: le,
-				fill: a.black,
+			/* @__PURE__ */ _("path", {
+				d: fe,
+				fill: s.black,
 				className: "x1764fhq x1g0ag68 x7w6qa3 x176w33q xa4qsjk x1aquc0h"
 			})
 		]
 	});
 }
 // src/viewer/components/DraggingPet.tsx
-var de = "M2 8h1v2h-1zM5 8h1v1h-1zM10 8h1v2h-1zM13 8h1v1h-1z", fe = "M3 8h1v1h-1zM6 8h1v2h-1zM9 8h1v1h-1zM12 8h1v2h-1z";
-function pe({ fill: e, ref: t }) {
-	let n = f(null), r = f(null), i = f(null), a = f(null), o = f(null);
-	return u(t, () => ({ paint({ pullX: e, pullY: t, lift: s, lean: c, step: l, moving: u }) {
+var me = "M2 8h1v2h-1zM5 8h1v1h-1zM10 8h1v2h-1zM13 8h1v1h-1z", he = "M3 8h1v1h-1zM6 8h1v2h-1zM9 8h1v1h-1zM12 8h1v2h-1z";
+function ge({ fill: e, ref: t }) {
+	let n = m(null), r = m(null), i = m(null), a = m(null), o = m(null);
+	return f(t, () => ({ paint({ pullX: e, pullY: t, lift: s, lean: c, step: l, moving: u }) {
 		n.current && (n.current.style.transform = `translate(${e}px, ${t - s}px) skewX(${c}deg)`);
 		let d = 31 + e, f = 8 + t - s, p = `M12.5 14.5 Q${d - 7} ${f + 8} ${d} ${f}`;
-		i.current?.setAttribute("d", p), a.current?.setAttribute("d", p), r.current?.setAttribute("d", u ? l < .5 ? de : fe : Y), o.current && (o.current.style.transform = `translate(${e}px, ${t}px)`);
-	} }), []), /* @__PURE__ */ g("div", {
+		i.current?.setAttribute("d", p), a.current?.setAttribute("d", p), r.current?.setAttribute("d", u ? l < .5 ? me : he : Q), o.current && (o.current.style.transform = `translate(${e}px, ${t}px)`);
+	} }), []), /* @__PURE__ */ v("div", {
 		"aria-hidden": "true",
 		style: { color: e },
 		children: [
-			/* @__PURE__ */ g("svg", {
+			/* @__PURE__ */ v("svg", {
 				viewBox: "-40 -40 140 120",
 				className: "x10l6tqk xar8odu x1toy1gi xifkd7f x1wkxgih x1rea2x4",
 				children: [
-					/* @__PURE__ */ h("path", {
+					/* @__PURE__ */ _("path", {
 						d: "M12.5 14.5 Q24 16 31 8",
 						ref: a,
 						className: "xbh8q5q x1nvyj2c x1q82h7f x1owpc8m x1f6yumg"
 					}),
-					/* @__PURE__ */ h("path", {
+					/* @__PURE__ */ _("path", {
 						d: "M12.5 14.5 Q24 16 31 8",
 						ref: i,
 						className: "xbh8q5q x73je2i x1ebhgje x1owpc8m x1f6yumg"
 					}),
-					/* @__PURE__ */ h("rect", {
+					/* @__PURE__ */ _("rect", {
 						height: "4",
 						rx: ".6",
 						width: "4",
@@ -1323,15 +1375,15 @@ function pe({ fill: e, ref: t }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _("div", {
 				ref: o,
 				className: "x10l6tqk x1l0fap9 xmhk92p xvy4d1p xuoj239 x16rqkct xf6rkd6"
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ _("div", {
 				"data-mascot": "clawd",
 				ref: n,
 				className: "x10l6tqk xbnrxzc x1pdr0v7 xqlk7fu x1so62im",
-				children: /* @__PURE__ */ h(ue, {
+				children: /* @__PURE__ */ _(pe, {
 					fill: e,
 					legs: r
 				})
@@ -1340,20 +1392,20 @@ function pe({ fill: e, ref: t }) {
 	});
 }
 // src/viewer/components/WritingCursor.tsx
-function me({ x: e, y: t, zoom: n, agent: r, title: i }) {
-	let c = s(r), l = c.mascot === "clawd", u = c.icon ? o[c.icon] : null, p = f(null), m = f(null), _ = f(null), v = f(null), y = f(null), b = f(!1), x = f(n), S = (e) => `translate(${e.x}px, ${e.y}px) scale(${1 / x.current})`, C = (e) => `translate(-3.43px, -3.43px) rotate(${e}deg)`, w = (e) => {
-		y.current = e, p.current && (p.current.style.transform = S(e)), m.current && (m.current.style.transform = C(e.angle));
+function _e({ x: e, y: t, zoom: n, agent: r, title: i }) {
+	let a = l(r), o = a.mascot === "clawd", u = a.icon ? c[a.icon] : null, d = m(null), f = m(null), h = m(null), g = m(null), y = m(null), b = m(!1), x = m(n), S = (e) => `translate(${e.x}px, ${e.y}px) scale(${1 / x.current})`, C = (e) => `translate(-3.43px, -3.43px) rotate(${e}deg)`, w = (e) => {
+		y.current = e, d.current && (d.current.style.transform = S(e)), f.current && (f.current.style.transform = C(e.angle));
 	}, T = (e) => {
-		v.current = e, _.current?.paint(e);
+		g.current = e, h.current?.paint(e);
 	};
-	return d(() => {
+	return p(() => {
 		x.current = n, y.current && w(y.current);
-	}), d(() => {
+	}), p(() => {
 		let n = matchMedia("(prefers-reduced-motion: reduce)"), r = y.current, i = 0, a = () => {
 			cancelAnimationFrame(i), i = 0, b.current = !1, w({
 				x: e,
 				y: t,
-				angle: l ? 0 : y.current?.angle ?? 0
+				angle: o ? 0 : y.current?.angle ?? 0
 			}), T({
 				pullX: 0,
 				pullY: 0,
@@ -1363,9 +1415,9 @@ function me({ x: e, y: t, zoom: n, agent: r, title: i }) {
 				moving: !1
 			});
 		};
-		!r || n.matches || Math.hypot(e - r.x, t - r.y) * x.current < 2 ? a() : (b.current = !0, i = requestAnimationFrame(l ? ((n) => {
-			let r = Math.hypot(e - n.x, t - n.y) * x.current, a = Math.max(500, Math.min(1200, r * 3.3)), o = v.current ?? void 0, s = performance.now(), c = (r) => {
-				let l = Math.min(1, Math.max(0, (r - s) / a)), u = se(n, {
+		!r || n.matches || Math.hypot(e - r.x, t - r.y) * x.current < 2 ? a() : (b.current = !0, i = requestAnimationFrame(o ? ((n) => {
+			let r = Math.hypot(e - n.x, t - n.y) * x.current, a = Math.max(500, Math.min(1200, r * 3.3)), o = g.current ?? void 0, s = performance.now(), c = (r) => {
+				let l = Math.min(1, Math.max(0, (r - s) / a)), u = ue(n, {
 					x: e,
 					y: t
 				}, l, x.current, o);
@@ -1377,7 +1429,7 @@ function me({ x: e, y: t, zoom: n, agent: r, title: i }) {
 			};
 			return c;
 		})(r) : ((n) => {
-			let r = oe(n, {
+			let r = le(n, {
 				x: e,
 				y: t
 			}, b.current ? n.angle : void 0), a = Math.min(1800, 900 + r.length * x.current * 1.2), o = performance.now(), s = o, c = (e) => {
@@ -1386,93 +1438,84 @@ function me({ x: e, y: t, zoom: n, agent: r, title: i }) {
 			};
 			return c;
 		})(r)));
-		let o = () => {
+		let s = () => {
 			n.matches && a();
 		};
-		return n.addEventListener("change", o), () => {
-			cancelAnimationFrame(i), n.removeEventListener("change", o);
+		return n.addEventListener("change", s), () => {
+			cancelAnimationFrame(i), n.removeEventListener("change", s);
 		};
 	}, [
 		e,
 		t,
-		l
-	]), /* @__PURE__ */ g("div", {
+		o
+	]), /* @__PURE__ */ v("div", {
 		"aria-label": `${r} last worked on ${i}`,
-		ref: p,
+		ref: d,
 		role: "status",
 		className: "x10l6tqk xu96u03 x13vifvy x1u8a7rm x47corl x1hj3fc7",
 		style: { transform: `translate(${e}px, ${t}px) scale(${1 / n})` },
 		children: [
-			/* @__PURE__ */ g("svg", {
+			/* @__PURE__ */ v("svg", {
 				"aria-hidden": "true",
 				"data-agent-arrow": "",
 				height: "24",
-				ref: m,
+				ref: f,
 				viewBox: "0 0 28 28",
 				width: "24",
 				className: "x1lliihq xqqlr9g x1gtfylx",
 				style: { transform: C(0) },
-				children: [/* @__PURE__ */ h("path", {
-					d: U,
+				children: [/* @__PURE__ */ _("path", {
+					d: K,
 					fill: "none",
-					stroke: c.pale ? a.ink : a.white,
+					stroke: a.pale ? s.ink : s.white,
 					strokeLinejoin: "round",
 					strokeWidth: "4"
-				}), /* @__PURE__ */ h("path", {
-					d: U,
-					fill: c.color
+				}), /* @__PURE__ */ _("path", {
+					d: K,
+					fill: a.color
 				})]
 			}),
-			l && /* @__PURE__ */ h(pe, {
-				fill: c.color,
-				ref: _
+			o && /* @__PURE__ */ _(ge, {
+				fill: a.color,
+				ref: h
 			}),
-			!l && /* @__PURE__ */ g("div", {
+			!o && /* @__PURE__ */ v("div", {
 				...{
 					0: { className: "x10l6tqk x1trqr8e xv4lvxq x78zum5 x6s0dn4 x1jnr06f x1w2h69v xaso8d8 x1bjonze xdocmp1 xgs1500 x828b17 x1bqy6mi x1j6dyjg x1s688f x152skdk xuxw1ft xmj57et" },
 					1: { className: "x10l6tqk x1trqr8e xv4lvxq x78zum5 x6s0dn4 x1jnr06f x1w2h69v xaso8d8 x1bjonze xdocmp1 xgs1500 x828b17 x1bqy6mi x1j6dyjg x1s688f x152skdk xuxw1ft xpm4iv0" }
-				}[!!c.pale | 0],
+				}[!!a.pale | 0],
 				style: {
-					backgroundColor: c.color,
-					color: c.darkInk ? a.ink : a.white
+					backgroundColor: a.color,
+					color: a.darkInk ? s.ink : s.white
 				},
-				children: [u && /* @__PURE__ */ h(u, {
+				children: [u && /* @__PURE__ */ _(u, {
 					"aria-hidden": "true",
 					size: 12
-				}), /* @__PURE__ */ h("span", { children: r })]
+				}), /* @__PURE__ */ _("span", { children: r })]
 			})
 		]
 	});
 }
 // src/viewer/components/Canvas.tsx
-var he = /* @__PURE__ */ e({ Canvas: () => $ }), X = {
+var ve = /* @__PURE__ */ e({ Canvas: () => Oe }), $ = {
 	slot: {
 		kVAEAm: "x10l6tqk",
 		$$css: !0
 	},
-	skeleton: {
-		k1xSpc: "x78zum5",
-		kGNEyG: "x6s0dn4",
-		kjj79g: "xl56j7k",
-		kVQacm: "xb3r6kr",
-		kWkggS: "xahzvm9",
-		kMeerF: "x1qgsegg",
-		k3XXqK: "xaatb59",
-		kjBf7l: "x1tjb3dp",
+	unready: {
 		kfzvcC: "x47corl",
 		$$css: !0
 	},
 	drawing: {
 		k3XXqK: "xaatb59",
 		kjBf7l: "x7vaw5c",
-		kKwaWg: "xsvltah",
 		$$css: !0
 	}
 };
-function ge(e) {
+function ye(e) {
 	if (!e) return {
-		backgroundColor: a.paperWarm,
-		color: a.inkWarm
+		backgroundColor: s.paperWarm,
+		color: s.inkWarm
 	};
 	let t = e.length === 4 ? e.slice(1).split("").map((e) => e + e).join("") : e.slice(1), [n, r, i] = [
 		0,
@@ -1484,11 +1527,11 @@ function ge(e) {
 	});
 	return {
 		backgroundColor: e,
-		color: .2126 * n + .7152 * r + .0722 * i > .179 ? a.black : a.white
+		color: .2126 * n + .7152 * r + .0722 * i > .179 ? s.black : s.white
 	};
 }
-var _e = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Set(), Q = /* @__PURE__ */ new Map();
-function ye(e, t, n, r = !1) {
+var be = /* @__PURE__ */ new Map(), xe = /* @__PURE__ */ new Map(), Se = /* @__PURE__ */ new Set(), Ce = /* @__PURE__ */ new Map();
+function we(e, t, n, r = !1) {
 	return {
 		left: e.x,
 		top: e.y,
@@ -1498,105 +1541,113 @@ function ye(e, t, n, r = !1) {
 		...n ? r ? { visibility: "hidden" } : { display: "none" } : {}
 	};
 }
-function be({ frameLoaded: e, frameRef: t, gesturing: n, id: r, inspecting: i, playing: a, sandbox: o, src: s, title: c }) {
-	let [l, u] = p(null), d = l !== s, f = !d && !n && (i || a);
-	return /* @__PURE__ */ h("iframe", {
+function Te({ frameLoaded: e, frameRef: t, gesturing: n, id: r, inspecting: i, agent: a, playing: o, sandbox: s, snapshot: c, src: l, title: u }) {
+	let [d, f] = h(null), p = d !== l, m = !p && !n && (i || o);
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("iframe", {
 		...{
 			0: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya x1qgsegg xaatb59 x1tjb3dp" },
 			1: { className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x1l2ivya xaatb59 x1de99jn x7vaw5c" }
-		}[!!a | 0],
+		}[!!o | 0],
 		ref: t(r),
-		sandbox: o,
-		src: s,
-		title: c,
+		sandbox: s,
+		src: l,
+		title: u,
 		style: {
-			pointerEvents: f ? "auto" : "none",
-			backgroundColor: d ? b.colorFillTertiary : void 0
+			pointerEvents: m ? "auto" : "none",
+			backgroundColor: p ? S.colorFillTertiary : void 0
 		},
 		onLoad: () => {
-			u(s), e(r);
+			f(l), e(r);
 		}
-	});
+	}), d === null && !c && /* @__PURE__ */ _(I, {
+		agent: a,
+		state: "opening",
+		title: u
+	})] });
 }
-var xe = c(function({ boardBase: e, boards: t, boardSandbox: r = "allow-scripts", contentBase: a, culled: o = Z, frameLoaded: s, frameRef: c, gesturing: l = !1, images: u = ve, inspecting: d, pending: f, phases: p = _e, playing: m, replays: _, updated: v = Q, versions: y, writing: b }) {
-	return t.map(([t, x]) => {
-		if (n(x)) return null;
-		let S = v.has(t), C = O(y, x.file) && !f.has(t), w = p.get(t) ?? "mounted", T = u.get(t) ?? null, E = !!T && (w === "unloaded" || w === "restoring"), D = C && (w !== "unloaded" || !T), j = t === b;
-		return /* @__PURE__ */ g("div", {
-			"aria-busy": j || void 0,
-			"data-board": t,
-			"data-updated": S || void 0,
-			...i(X.slot, !C && X.skeleton, j && X.drawing, S && z.slot),
-			style: ye(x, j, o.has(t), w === "capturing"),
+var Ee = u(function({ active: e, agent: t, boardBase: r, boards: a, boardSandbox: o = "allow-scripts", contentBase: s, culled: c = Se, frameLoaded: l, frameRef: u, gesturing: d = !1, images: f = xe, inspecting: p, pending: m, phases: h = be, playing: g, replays: y, updated: b = Ce, versions: x, writing: S }) {
+	return a.map(([a, C]) => {
+		if (n(C)) return null;
+		let w = b.has(a), T = A(x, C.file) && !m.has(a), E = h.get(a) ?? "mounted", D = f.get(a) ?? null, O = !!D && (E === "unloaded" || E === "restoring"), k = T && (E !== "unloaded" || !D), N = a === S || !T && a === e;
+		return /* @__PURE__ */ v("div", {
+			"aria-busy": N || void 0,
+			"data-board": a,
+			"data-updated": w || void 0,
+			...i($.slot, !T && $.unready, N && $.drawing, w && H.slot),
+			style: we(C, N, c.has(a), E === "capturing"),
 			children: [
-				S && /* @__PURE__ */ h(V, {}),
-				D && /* @__PURE__ */ h(be, {
-					frameLoaded: s,
-					frameRef: c,
-					gesturing: l,
-					id: t,
-					inspecting: d,
-					playing: k(x, y) && m.has(t),
-					sandbox: r,
-					title: x.title ?? t,
-					src: A(e ?? a, x.file, y[x.file] ?? 0, _[t] ?? 0)
+				w && /* @__PURE__ */ _(W, {}),
+				k && /* @__PURE__ */ _(Te, {
+					agent: t,
+					frameLoaded: l,
+					frameRef: u,
+					gesturing: d,
+					id: a,
+					inspecting: p,
+					playing: j(C, x) && g.has(a),
+					sandbox: o,
+					snapshot: O,
+					title: C.title ?? a,
+					src: M(r ?? s, C.file, x[C.file] ?? 0, y[a] ?? 0)
 				}),
-				E && /* @__PURE__ */ h("img", {
+				O && /* @__PURE__ */ _("img", {
 					alt: "",
 					decoding: "async",
 					draggable: !1,
-					src: T,
+					src: D,
 					className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl"
 				}),
-				!C && /* @__PURE__ */ h("span", {
-					className: "x1bo0w0s xqfszdh xfifm61",
-					children: j ? "Drawing…" : "Waiting…"
+				!T && /* @__PURE__ */ _(I, {
+					agent: t,
+					state: N ? "drawing" : "waiting",
+					title: C.title ?? a
 				})
 			]
-		}, t);
+		}, a);
 	});
 });
-function Se({ boards: e, contentBase: t, culled: r = Z, pending: a, updated: o = Q, versions: s, writing: c, zoom: l, onExpand: u }) {
-	return e.map(([e, d]) => {
-		if (!n(d)) return null;
-		let f = o.has(e), p = O(s, d.file) && !a.has(e), m = e === c;
-		return /* @__PURE__ */ g("div", {
-			"aria-busy": m || void 0,
-			"data-board": e,
-			"data-updated": f || void 0,
-			...i(X.slot, !p && X.skeleton, m && X.drawing, f && z.slot),
-			style: ye(d, m, r.has(e)),
-			children: [f && /* @__PURE__ */ h(V, {}), p ? /* @__PURE__ */ h(R, {
-				board: d,
-				compare: o.get(e)?.compare === !0,
-				id: e,
-				src: A(t, d.file, s[d.file] ?? 0, 0),
-				zoom: l,
-				onExpand: u && (() => u(e))
-			}) : /* @__PURE__ */ h("span", {
-				className: "x1bo0w0s xqfszdh xfifm61",
-				children: m ? "Drawing…" : "Waiting…"
+function De({ agent: e, boards: t, contentBase: r, culled: a = Se, pending: o, updated: s = Ce, versions: c, writing: l, zoom: u, onExpand: d }) {
+	return t.map(([t, f]) => {
+		if (!n(f)) return null;
+		let p = s.has(t), m = A(c, f.file) && !o.has(t), h = t === l;
+		return /* @__PURE__ */ v("div", {
+			"aria-busy": h || void 0,
+			"data-board": t,
+			"data-updated": p || void 0,
+			...i($.slot, !m && $.unready, h && $.drawing, p && H.slot),
+			style: we(f, h, a.has(t)),
+			children: [p && /* @__PURE__ */ _(W, {}), m ? /* @__PURE__ */ _(V, {
+				board: f,
+				compare: s.get(t)?.compare === !0,
+				id: t,
+				src: M(r, f.file, c[f.file] ?? 0, 0),
+				zoom: u,
+				onExpand: d && (() => d(t))
+			}) : /* @__PURE__ */ _(I, {
+				agent: e,
+				state: h ? "drawing" : "waiting",
+				title: f.title ?? t
 			})]
-		}, e);
+		}, t);
 	});
 }
-function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, images: c, culled: l, gesturing: u, boards: d, notes: f, titleRooms: p, contentBase: m, versions: _, pending: v, playing: y, replays: b, inspecting: x, frameRef: S, frameLoaded: C, live: w, writing: D, agent: O, agentSessions: k, artifact: A, updated: j, onExpand: M }) {
-	let N = D;
+function Oe({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, images: s, culled: c, gesturing: u, boards: d, notes: f, titleRooms: p, contentBase: m, versions: h, pending: g, playing: y, replays: b, inspecting: x, frameRef: S, frameLoaded: C, live: w, writing: T, agent: E, agentSessions: k, artifact: A, updated: j, onExpand: M }) {
+	let N = T;
 	if (w) {
 		N = void 0;
 		let e = 0;
 		for (let [t, r] of d) {
-			let i = _[r.file] ?? 0;
-			n(r) || v.has(t) || i <= e || (N = t, e = i);
+			let i = h[r.file] ?? 0;
+			n(r) || g.has(t) || i <= e || (N = t, e = i);
 		}
 	}
 	let P = (k ?? []).filter((e) => e.state === "thinking" || e.state === "running");
 	if (w && A && P.some((e) => e.turnArtifacts.includes(A))) {
-		let e = d.find(([e, t]) => v.has(e) && !n(t));
+		let e = d.find(([e, t]) => g.has(e) && !n(t));
 		e && (N = e[0]);
 	}
-	let F = d.find(([e]) => e === N)?.[1], I = E(w && F ? _[F.file] : void 0), L = k?.length ? P.length === 0 : I;
-	return /* @__PURE__ */ g("div", {
+	let F = d.find(([e]) => e === N)?.[1], I = O(w && F ? h[F.file] : void 0), L = k?.length ? P.length === 0 : I;
+	return /* @__PURE__ */ v("div", {
 		ref: a,
 		className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
 		style: a ? void 0 : {
@@ -1604,38 +1655,41 @@ function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, ima
 			"--zoom": i.k
 		},
 		children: [
-			/* @__PURE__ */ h(xe, {
+			/* @__PURE__ */ _(Ee, {
+				active: N,
+				agent: E ?? "Agent",
 				boardBase: e,
 				boardSandbox: r,
 				boards: d,
 				contentBase: m,
-				culled: l,
+				culled: c,
 				frameLoaded: C,
 				frameRef: S,
 				gesturing: u,
-				images: c,
+				images: s,
 				inspecting: x,
-				pending: v,
+				pending: g,
 				phases: o,
 				playing: y,
 				replays: b,
 				updated: j,
-				versions: _,
-				writing: D,
+				versions: h,
+				writing: T,
 				onExpand: M
 			}),
-			/* @__PURE__ */ h(Se, {
+			/* @__PURE__ */ _(De, {
+				agent: E ?? "Agent",
 				boards: d,
 				contentBase: m,
-				culled: l,
-				pending: v,
+				culled: c,
+				pending: g,
 				updated: j,
-				versions: _,
-				writing: D,
+				versions: h,
+				writing: T,
 				zoom: i.k,
 				onExpand: M
 			}),
-			f.map(([e, n]) => n.kind === "title" ? /* @__PURE__ */ h("h2", {
+			f.map(([e, n]) => n.kind === "title" ? /* @__PURE__ */ _("h2", {
 				className: "x10l6tqk x1ghz6dp x1xlr1w8 x1uo3zyz xjat59b xo2rkog x1bd091l",
 				style: {
 					left: n.x,
@@ -1646,7 +1700,7 @@ function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, ima
 					transform: `scale(${t(n.size ?? 96, i.k, p?.[e] ?? Infinity)})`
 				},
 				children: n.text
-			}, e) : /* @__PURE__ */ h("div", {
+			}, e) : /* @__PURE__ */ _("div", {
 				className: "x10l6tqk x12oqio5 x126k92a xj0a0fe x1pmbvsm",
 				style: {
 					left: n.x,
@@ -1655,17 +1709,17 @@ function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, ima
 					padding: 16,
 					fontSize: 18,
 					lineHeight: "27px",
-					...ge(n.color)
+					...ye(n.color)
 				},
 				children: n.text
 			}, e)),
-			F && /* @__PURE__ */ h(me, {
-				agent: O ?? "Agent",
+			F && /* @__PURE__ */ _(_e, {
+				agent: E ?? "Agent",
 				title: F.title ?? N,
-				...T(F, L, s(O ?? "Agent").mascot ? 72 / i.k : void 0),
+				...D(F, L, l(E ?? "Agent").mascot ? 72 / i.k : void 0),
 				zoom: i.k
 			})
 		]
 	});
 }
-export { ie as a, R as c, k as d, D as f, re as i, L as l, he as n, ne as o, ae as r, B as s, $ as t, O as u };
+export { se as a, V as c, j as d, k as f, oe as i, B as l, ve as n, ae as o, ce as r, U as s, Oe as t, A as u };