ryugi-artifacts 1.60.0 → 1.61.0

package/dist/viewer-lib/{Canvas-zsUI5R_r.js → Canvas-CLHk5G2x.js}

@@ -1,7 +1,7 @@
 import { n as e } from "./rolldown-runtime-CwxnZyOB.js";
-import { f as t } from "./PreviewView-sdm-qrv7.js";
-import { C as n, a as r, o as i } from "./i18n-BPoZ83u5.js";
-import { a, n as o, t as s } from "./agentLook-JAlLJ_KQ.js";
+import { f as t } from "./PreviewView-Cwd9OwHs.js";
+import { C as n, a as r, o as i } from "./i18n-DgnmyJzy.js";
+import { a, n as o, t as s } from "./agentLook-BSHloVwx.js";
 import { memo as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Maximize2 as g, Repeat as _ } from "lucide-react";
@@ -794,14 +794,37 @@ var y = {
 	controlItemBgActiveDisabled: "var(--lobe-control-item-bg-active-disabled)",
 	controlItemBgHover: "var(--lobe-control-item-bg-hover)",
 	controlTmpOutline: "var(--lobe-control-tmp-outline)"
-};
+}, b = 2e4, x = 16, S = 24;
+function C(e, t) {
+	return t - e >= b;
+}
+function w(e, t) {
+	return t ? {
+		x: e.x + e.w - x,
+		y: e.y + e.h + S
+	} : {
+		x: e.x + Math.min(64, e.w * .15),
+		y: e.y + Math.min(80, e.h * .2)
+	};
+}
+// src/viewer/hooks/useCursorParked.ts
+function T(e) {
+	let [t, n] = f(() => Date.now());
+	return l(() => {
+		if (e === void 0) return;
+		let t = e + b - Date.now();
+		if (t <= 0) return;
+		let r = setTimeout(() => n(Date.now()), t);
+		return () => clearTimeout(r);
+	}, [e]), e !== void 0 && C(e, t);
+}
 // src/viewer/lib/play.ts
-function b(e, t) {
+function E(e, t) {
 	let n = new Set(e);
 	return n.delete(t) || n.add(t), n;
 }
-var x = (e, t) => (e[t] ?? 0) > 0, S = (e, t) => e.interactive === !0 && x(t, e.file), C = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, w = 5;
-function T({ split: e, onSplit: t }) {
+var D = (e, t) => (e[t] ?? 0) > 0, O = (e, t) => e.interactive === !0 && D(t, e.file), k = (e, t, n, r) => `${e}${t}?v=${n}${r > 0 ? `&r=${r}` : ""}`, A = 5;
+function j({ 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));
@@ -826,7 +849,7 @@ function T({ 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 : w))));
+				(n.key === "ArrowLeft" || n.key === "ArrowRight") && (n.preventDefault(), n.stopPropagation(), t(i(e + (n.key === "ArrowLeft" ? -5 : A))));
 			},
 			onPointerDown: (e) => {
 				e.stopPropagation(), e.currentTarget.setPointerCapture(e.pointerId);
@@ -839,16 +862,16 @@ function T({ split: e, onSplit: t }) {
 	] });
 }
 // src/viewer/components/VideoPlayer.tsx
-var E = 160, D = [
+var M = 160, N = [
 	1,
 	1.5,
 	2,
 	.5
-], O = (e) => {
+], P = (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 k({ playing: e }) {
+function F({ playing: e }) {
 	return /* @__PURE__ */ m("svg", {
 		"aria-hidden": "true",
 		fill: "currentColor",
@@ -884,13 +907,13 @@ function k({ playing: e }) {
 		}, String(t)))
 	});
 }
-function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedData: o }) {
-	let { t: s } = r(), c = d(null), u = d(null), [v, y] = f(!1), [b, x] = f(0), [S, C] = f(0), [w, T] = f(1), [A, j] = f(!1), [M, N] = f(!1);
+function I({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedData: o }) {
+	let { t: s } = r(), c = d(null), u = d(null), [v, y] = f(!1), [b, x] = f(0), [S, C] = f(0), [w, T] = f(1), [E, D] = f(!1), [O, k] = f(!1);
 	l(() => {
 		let e = c.current;
 		if (!e) return;
 		let t = () => {
-			N(!1), x(e.currentTime), C(e.duration), y(!e.paused);
+			k(!1), x(e.currentTime), C(e.duration), y(!e.paused);
 		}, n = [
 			"loadedmetadata",
 			"timeupdate",
@@ -898,21 +921,21 @@ function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 			"pause",
 			"ended",
 			"seeked"
-		], r = () => N(!0);
+		], r = () => k(!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 P = () => {
+	let A = () => {
 		let e = c.current;
 		e && (e.paused ? e.play().catch(() => y(!e.paused)) : e.pause());
-	}, F = () => {
-		let e = D[(D.indexOf(w) + 1) % D.length];
+	}, j = () => {
+		let e = N[(N.indexOf(w) + 1) % N.length];
 		c.current && (c.current.playbackRate = e), T(e);
 	}, I = () => {
-		c.current && (c.current.loop = !A), j(!A);
+		c.current && (c.current.loop = !E), D(!E);
 	}, L = (e) => {
 		let t = c.current;
 		if (!t || !Number.isFinite(t.duration) || t.duration <= 0) return;
@@ -935,7 +958,7 @@ function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 			"aria-label": s(v ? "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) && P(), u.current = null;
+				(!e.detail || !u.current || Math.hypot(e.clientX - u.current.x, e.clientY - u.current.y) < 4) && A(), u.current = null;
 			},
 			onKeyDown: (e) => {
 				(e.key === " " || e.key === "Enter") && e.stopPropagation();
@@ -948,11 +971,11 @@ function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 			},
 			className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1717udv xc342km xjbqb8w x1ypdohk x1t137rt x9v5kkp x1de99jn x1af67cj x1v57pqu"
 		}),
-		M && /* @__PURE__ */ m("div", {
+		O && /* @__PURE__ */ m("div", {
 			className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 x1tamke2 x193dt0t xyxeb8y xqfszdh x4z9k3i x2b8uid x47corl",
 			children: s("video.failed")
 		}),
-		i >= E && /* @__PURE__ */ h("div", {
+		i >= M && /* @__PURE__ */ h("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",
@@ -964,16 +987,16 @@ function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 				/* @__PURE__ */ m("button", {
 					"aria-label": s(v ? "video.pause" : "video.play"),
 					type: "button",
-					onClick: P,
+					onClick: A,
 					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk",
-					children: /* @__PURE__ */ m(k, { playing: v })
+					children: /* @__PURE__ */ m(F, { playing: v })
 				}),
 				/* @__PURE__ */ h("span", {
 					className: "x2lah0s xss6m8b",
 					children: [
-						O(b),
+						P(b),
 						" / ",
-						O(S)
+						P(S)
 					]
 				}),
 				/* @__PURE__ */ h("div", {
@@ -998,19 +1021,19 @@ function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 				/* @__PURE__ */ h("button", {
 					"aria-label": s("video.speed"),
 					type: "button",
-					onClick: F,
+					onClick: j,
 					className: "x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xagcll2 xazlcq2 xjb2p0i x1j6dyjg x1ypdohk x17s4nb9 x1s688f",
 					children: [w, "×"]
 				}),
 				/* @__PURE__ */ m("button", {
 					"aria-label": s("video.loop"),
-					"aria-pressed": A,
+					"aria-pressed": E,
 					type: "button",
 					onClick: I,
 					...{
 						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" }
-					}[!A | 0],
+					}[!E | 0],
 					children: /* @__PURE__ */ m(_, { size: 14 })
 				}),
 				a && /* @__PURE__ */ m("button", {
@@ -1025,8 +1048,8 @@ function A({ src: e, title: t, barScale: n, barWidth: i, onExpand: a, onLoadedDa
 	] });
 }
 // src/viewer/components/MediaBoard.tsx
-var j = (e) => `inset(0 ${100 - e}% 0 0)`;
-function M(e, t, n) {
+var L = (e) => `inset(0 ${100 - e}% 0 0)`;
+function ee(e, t, n) {
 	return t === e.src ? !n && e.previous ? {
 		...e,
 		previous: null
@@ -1036,17 +1059,17 @@ function M(e, t, n) {
 		previous: n && e.loaded === e.src ? e.src : null
 	};
 }
-function N({ id: e, board: t, src: n, zoom: r, compare: i = !1, onExpand: a }) {
+function R({ id: e, board: t, src: n, zoom: r, compare: i = !1, onExpand: a }) {
 	let [o, s] = f({
 		src: n,
 		loaded: null,
 		previous: null
-	}), [c, l] = f(50), u = M(o, n, i);
+	}), [c, l] = f(50), u = ee(o, n, i);
 	u !== o && s(u);
 	let d = (e) => () => s((t) => t.src === e ? {
 		...t,
 		loaded: e
-	} : t), p = t.title ?? e, g = (e, n) => t.type === "video" ? /* @__PURE__ */ m(A, {
+	} : t), p = t.title ?? e, g = (e, n) => t.type === "video" ? /* @__PURE__ */ m(I, {
 		barScale: 1 / r,
 		barWidth: t.w * r,
 		src: e,
@@ -1068,16 +1091,16 @@ function N({ id: e, board: t, src: n, zoom: r, compare: i = !1, onExpand: a }) {
 				0: { className: "x10l6tqk x10a8y8t" },
 				1: { className: "x10l6tqk x10a8y8t x47corl xhtitgo" }
 			}[e === _ | 0],
-			style: e === _ ? { clipPath: j(c) } : void 0,
+			style: e === _ ? { clipPath: L(c) } : void 0,
 			children: g(e, e === u.src)
-		}, e)), _ && /* @__PURE__ */ m(T, {
+		}, e)), _ && /* @__PURE__ */ m(j, {
 			split: c,
 			onSplit: l
 		})]
 	});
 }
 // src/viewer/components/updated-styles.ts
-var P = {
+var z = {
 	slot: {
 		k3XXqK: "xaatb59",
 		kjBf7l: "xu54md5",
@@ -1122,33 +1145,33 @@ var P = {
 		kWkggS: "x1c2n0v",
 		$$css: !0
 	}
-}, F = (e, t) => new Date(e).toLocaleTimeString(t, {
+}, B = (e, t) => new Date(e).toLocaleTimeString(t, {
 	hour: "2-digit",
 	minute: "2-digit",
 	hour12: !1
 });
 // src/viewer/components/UpdatedMarks.tsx
-function I() {
+function V() {
 	let { t: e } = r();
 	return /* @__PURE__ */ m("span", {
 		"data-updated-badge": "",
-		...i(P.badge),
+		...i(z.badge),
 		children: e("verdict.newBadge")
 	});
 }
-function L({ update: e }) {
+function te({ update: e }) {
 	let { t, i18n: n } = r();
 	return /* @__PURE__ */ h("span", {
 		"data-updated-pill": "",
-		...i(P.pill),
-		children: [/* @__PURE__ */ m("span", { ...i(P.dot) }), t("verdict.updated", {
-			time: F(e.at, n.language),
+		...i(z.pill),
+		children: [/* @__PURE__ */ m("span", { ...i(z.dot) }), t("verdict.updated", {
+			time: B(e.at, n.language),
 			count: e.boards.length
 		})]
 	});
 }
 // src/shared/inspector.ts
-var R = [
+var ne = [
 	"width",
 	"height",
 	"position",
@@ -1165,9 +1188,9 @@ var R = [
 	"font-size",
 	"color",
 	"box-shadow"
-], z = "#0D99FF", B = "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", V = "M13 3a9 9 0 0 1 0 18H4.5A1.5 1.5 0 0 1 3 19.5V13A10 10 0 0 1 13 3z", H = (e, t, n) => `url("data:image/svg+xml,${encodeURIComponent(e)}") ${t}, ${n}`, ee = H(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 28 28'><path d='${B}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${B}' fill='${z}'/></svg>`, "3 3", "default"), te = H(`<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='${V}' fill='none' stroke='white' stroke-width='3' stroke-linejoin='round'/><path d='${V}' fill='${z}'/><path d='M13 8.2v7.6M9.2 12h7.6' stroke='white' stroke-width='2.2' stroke-linecap='round'/></svg>`, "3 21", "crosshair");
+], 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}`, re = 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"), ie = 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");
 // src/viewer/lib/cursorMotion.ts
-function U(e, t) {
+function K(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,
@@ -1175,7 +1198,7 @@ function U(e, t) {
 	}));
 	return n[0];
 }
-function ne(e, t, n) {
+function ae(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) => ({
@@ -1201,7 +1224,7 @@ function ne(e, t, n) {
 		y: 5 * (c[t + 1].y - e.y)
 	})), u = [0], d = e;
 	for (let e = 1; e <= 600; e++) {
-		let t = U(c, e / 600);
+		let t = K(c, e / 600);
 		u.push(u[e - 1] + Math.hypot(t.x - d.x, t.y - d.y)), d = t;
 	}
 	let f = u[600];
@@ -1213,30 +1236,30 @@ function ne(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 = U(l, a);
+			let i = u[r] - u[n], a = (n + (i ? (t - u[n]) / i : 0)) / 600, o = K(l, a);
 			return {
-				...U(c, a),
+				...K(c, a),
 				angle: Math.atan2(o.y, o.x) * 180 / Math.PI + 135
 			};
 		}
 	};
 }
 // src/viewer/lib/hopMotion.ts
-var re = 18, ie = 140, W = .12, ae = (e) => e * e * (3 - 2 * e), G = (e) => Math.min(1, Math.max(0, e)), oe = (e) => Math.min(6, Math.max(2, Math.round(e / ie)));
-function K(e, t, n, r) {
-	let i = G(n), a = Math.min(r - 1, Math.floor(i * r)), o = i * r - a, s = (a + ae(o)) / r, c = G((o - W) / (1 - 2 * W)), l = c > 0 && c < 1;
+var oe = 18, se = 140, q = .12, ce = (e) => e * e * (3 - 2 * e), J = (e) => Math.min(1, Math.max(0, e)), le = (e) => Math.min(6, Math.max(2, Math.round(e / se)));
+function ue(e, t, n, r) {
+	let i = J(n), a = Math.min(r - 1, Math.floor(i * r)), o = i * r - a, s = (a + ce(o)) / r, c = J((o - q) / (1 - 2 * q)), l = c > 0 && c < 1;
 	return {
 		x: e.x + (t.x - e.x) * s,
 		y: e.y + (t.y - e.y) * s,
-		lift: l ? re * Math.sin(Math.PI * c) : 0,
+		lift: l ? oe * Math.sin(Math.PI * c) : 0,
 		sx: l ? .94 : 1.14,
 		sy: l ? 1.08 : .82,
 		airborne: l
 	};
 }
 // src/viewer/components/Clawd.tsx
-var se = "M2 0h12v2h-12zM2 2h2v2h-2zM5 2h6v2h-6zM12 2h2v2h-2zM0 4h16v2h-16zM2 6h12v2h-12z", ce = "M4 2h1v2h-1zM11 2h1v2h-1z", q = "M3 8h1v2h-1zM5 8h1v2h-1zM10 8h1v2h-1zM12 8h1v2h-1z", le = "M3 8h1v1h-1zM5 8h1v1h-1zM10 8h1v1h-1zM12 8h1v1h-1z";
-function ue({ fill: e, legs: t }) {
+var de = "M2 0h12v2h-12zM2 2h2v2h-2zM5 2h6v2h-6zM12 2h2v2h-2zM0 4h16v2h-16zM2 6h12v2h-12z", fe = "M4 2h1v2h-1zM11 2h1v2h-1z", Y = "M3 8h1v2h-1zM5 8h1v2h-1zM10 8h1v2h-1zM12 8h1v2h-1z", pe = "M3 8h1v1h-1zM5 8h1v1h-1zM10 8h1v1h-1zM12 8h1v1h-1z";
+function me({ fill: e, legs: t }) {
 	return /* @__PURE__ */ h("svg", {
 		"aria-hidden": "true",
 		height: "20",
@@ -1245,16 +1268,16 @@ function ue({ fill: e, legs: t }) {
 		className: "x1lliihq x1rea2x4 xqlk7fu x1so62im x1gh0xk6 x1pao9z2 x1vtvzbl x4hg4is xa4qsjk x1aquc0h",
 		children: [
 			/* @__PURE__ */ m("path", {
-				d: se,
+				d: de,
 				fill: e
 			}),
 			/* @__PURE__ */ m("path", {
-				d: q,
+				d: Y,
 				fill: e,
 				ref: t
 			}),
 			/* @__PURE__ */ m("path", {
-				d: ce,
+				d: fe,
 				fill: a.black,
 				className: "x1764fhq x1g0ag68 x7w6qa3 x176w33q xa4qsjk x1aquc0h"
 			})
@@ -1262,12 +1285,12 @@ function ue({ fill: e, legs: t }) {
 	});
 }
 // src/viewer/components/WritingCursor.tsx
-var de = 300;
-function fe({ x: e, y: t, zoom: n, agent: r, title: i }) {
+var he = 300;
+function ge({ x: e, y: t, zoom: n, agent: r, title: i }) {
 	let c = s(r), l = c.mascot === "clawd", f = c.icon ? o[c.icon] : null, p = d(null), g = d(null), _ = d(null), v = d(null), y = d(null), b = d(!1), x = d(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)), g.current && (g.current.style.transform = C(e.angle));
 	}, T = (e, t, n, r) => {
-		_.current && (_.current.style.transform = `translateY(${-e}px) scale(${t}, ${n})`), v.current?.setAttribute("d", r ? le : q);
+		_.current && (_.current.style.transform = `translateY(${-e}px) scale(${t}, ${n})`), v.current?.setAttribute("d", r ? pe : Y);
 	};
 	u(() => {
 		x.current = n, y.current && w(y.current);
@@ -1280,8 +1303,8 @@ function fe({ x: e, y: t, zoom: n, agent: r, title: i }) {
 			}), T(0, 1, 1, !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 = oe(Math.hypot(e - n.x, t - n.y) * x.current), a = r * de, o = performance.now(), s = (c) => {
-				let l = Math.min(1, Math.max(0, (c - o) / a)), u = K(n, {
+			let r = le(Math.hypot(e - n.x, t - n.y) * x.current), a = r * he, o = performance.now(), s = (c) => {
+				let l = Math.min(1, Math.max(0, (c - o) / a)), u = ue(n, {
 					x: e,
 					y: t
 				}, l, r);
@@ -1293,7 +1316,7 @@ function fe({ x: e, y: t, zoom: n, agent: r, title: i }) {
 			};
 			return s;
 		})(r) : ((n) => {
-			let r = ne(n, {
+			let r = ae(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) => {
@@ -1328,7 +1351,7 @@ function fe({ x: e, y: t, zoom: n, agent: r, title: i }) {
 			"data-mascot": "clawd",
 			ref: _,
 			className: "x10l6tqk x14p8jc9 xcrr8yc xqlk7fu x1so62im",
-			children: /* @__PURE__ */ m(ue, {
+			children: /* @__PURE__ */ m(me, {
 				fill: c.color,
 				legs: v
 			})
@@ -1341,13 +1364,13 @@ function fe({ x: e, y: t, zoom: n, agent: r, title: i }) {
 			className: "x1lliihq xqqlr9g x1gtfylx",
 			style: { transform: C(E.angle) },
 			children: [/* @__PURE__ */ m("path", {
-				d: B,
+				d: U,
 				fill: "none",
 				stroke: c.pale ? a.ink : a.white,
 				strokeLinejoin: "round",
 				strokeWidth: "4"
 			}), /* @__PURE__ */ m("path", {
-				d: B,
+				d: U,
 				fill: c.color
 			})]
 		}), /* @__PURE__ */ h("div", {
@@ -1369,7 +1392,7 @@ function fe({ x: e, y: t, zoom: n, agent: r, title: i }) {
 	});
 }
 // src/viewer/components/Canvas.tsx
-var pe = /* @__PURE__ */ e({ Canvas: () => $ }), J = {
+var _e = /* @__PURE__ */ e({ Canvas: () => we }), X = {
 	slot: {
 		kVAEAm: "x10l6tqk",
 		$$css: !0
@@ -1393,7 +1416,7 @@ var pe = /* @__PURE__ */ e({ Canvas: () => $ }), J = {
 		$$css: !0
 	}
 };
-function me(e) {
+function ve(e) {
 	if (!e) return {
 		backgroundColor: a.paperWarm,
 		color: a.inkWarm
@@ -1411,8 +1434,8 @@ function me(e) {
 		color: .2126 * n + .7152 * r + .0722 * i > .179 ? a.black : a.white
 	};
 }
-var he = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new Map();
-function Q(e, t, n, r = !1) {
+var ye = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Set(), Q = /* @__PURE__ */ new Map();
+function $(e, t, n, r = !1) {
 	return {
 		left: e.x,
 		top: e.y,
@@ -1422,7 +1445,7 @@ function Q(e, t, n, r = !1) {
 		...n ? r ? { visibility: "hidden" } : { display: "none" } : {}
 	};
 }
-function ge({ frameLoaded: e, frameRef: t, gesturing: n, id: r, inspecting: i, playing: a, sandbox: o, src: s, title: c }) {
+function xe({ frameLoaded: e, frameRef: t, gesturing: n, id: r, inspecting: i, playing: a, sandbox: o, src: s, title: c }) {
 	let [l, u] = f(null), d = l !== s, p = !d && !n && (i || a);
 	return /* @__PURE__ */ m("iframe", {
 		...{
@@ -1442,37 +1465,37 @@ function ge({ frameLoaded: e, frameRef: t, gesturing: n, id: r, inspecting: i, p
 		}
 	});
 }
-var _e = c(function({ boardBase: e, boards: t, boardSandbox: r = "allow-scripts", contentBase: a, culled: o = X, frameLoaded: s, frameRef: c, gesturing: l = !1, images: u = Y, inspecting: d, pending: f, phases: p = he, playing: g, replays: _, updated: v = Z, versions: y, writing: b }) {
-	return t.map(([t, w]) => {
-		if (n(w)) return null;
-		let T = v.has(t), E = x(y, w.file) && !f.has(t), D = p.get(t) ?? "mounted", O = u.get(t) ?? null, k = !!O && (D === "unloaded" || D === "restoring"), A = E && (D !== "unloaded" || !O), j = t === b;
+var Se = c(function({ boardBase: e, boards: t, boardSandbox: r = "allow-scripts", contentBase: a, culled: o = Z, frameLoaded: s, frameRef: c, gesturing: l = !1, images: u = be, inspecting: d, pending: f, phases: p = ye, playing: g, replays: _, updated: v = Q, versions: y, writing: b }) {
+	return t.map(([t, x]) => {
+		if (n(x)) return null;
+		let S = v.has(t), C = D(y, x.file) && !f.has(t), w = p.get(t) ?? "mounted", T = u.get(t) ?? null, E = !!T && (w === "unloaded" || w === "restoring"), A = C && (w !== "unloaded" || !T), j = t === b;
 		return /* @__PURE__ */ h("div", {
 			"aria-busy": j || void 0,
 			"data-board": t,
-			"data-updated": T || void 0,
-			...i(J.slot, !E && J.skeleton, j && J.drawing, T && P.slot),
-			style: Q(w, j, o.has(t), D === "capturing"),
+			"data-updated": S || void 0,
+			...i(X.slot, !C && X.skeleton, j && X.drawing, S && z.slot),
+			style: $(x, j, o.has(t), w === "capturing"),
 			children: [
-				T && /* @__PURE__ */ m(I, {}),
-				A && /* @__PURE__ */ m(ge, {
+				S && /* @__PURE__ */ m(V, {}),
+				A && /* @__PURE__ */ m(xe, {
 					frameLoaded: s,
 					frameRef: c,
 					gesturing: l,
 					id: t,
 					inspecting: d,
-					playing: S(w, y) && g.has(t),
+					playing: O(x, y) && g.has(t),
 					sandbox: r,
-					title: w.title ?? t,
-					src: C(e ?? a, w.file, y[w.file] ?? 0, _[t] ?? 0)
+					title: x.title ?? t,
+					src: k(e ?? a, x.file, y[x.file] ?? 0, _[t] ?? 0)
 				}),
-				k && /* @__PURE__ */ m("img", {
+				E && /* @__PURE__ */ m("img", {
 					alt: "",
 					decoding: "async",
 					draggable: !1,
-					src: O,
+					src: T,
 					className: "x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl"
 				}),
-				!E && /* @__PURE__ */ m("span", {
+				!C && /* @__PURE__ */ m("span", {
 					className: "x1bo0w0s xqfszdh xfifm61",
 					children: j ? "Drawing…" : "Waiting…"
 				})
@@ -1480,21 +1503,21 @@ var _e = c(function({ boardBase: e, boards: t, boardSandbox: r = "allow-scripts"
 		}, t);
 	});
 });
-function ve({ boards: e, contentBase: t, culled: r = X, pending: a, updated: o = Z, versions: s, writing: c, zoom: l, onExpand: u }) {
+function Ce({ 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 = x(s, d.file) && !a.has(e), g = e === c;
+		let f = o.has(e), p = D(s, d.file) && !a.has(e), g = e === c;
 		return /* @__PURE__ */ h("div", {
 			"aria-busy": g || void 0,
 			"data-board": e,
 			"data-updated": f || void 0,
-			...i(J.slot, !p && J.skeleton, g && J.drawing, f && P.slot),
-			style: Q(d, g, r.has(e)),
-			children: [f && /* @__PURE__ */ m(I, {}), p ? /* @__PURE__ */ m(N, {
+			...i(X.slot, !p && X.skeleton, g && X.drawing, f && z.slot),
+			style: $(d, g, r.has(e)),
+			children: [f && /* @__PURE__ */ m(V, {}), p ? /* @__PURE__ */ m(R, {
 				board: d,
 				compare: o.get(e)?.compare === !0,
 				id: e,
-				src: C(t, d.file, s[d.file] ?? 0, 0),
+				src: k(t, d.file, s[d.file] ?? 0, 0),
 				zoom: l,
 				onExpand: u && (() => u(e))
 			}) : /* @__PURE__ */ m("span", {
@@ -1504,17 +1527,22 @@ function ve({ boards: e, contentBase: t, culled: r = X, pending: a, updated: o =
 		}, e);
 	});
 }
-function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, images: s, culled: c, gesturing: l, boards: u, notes: d, titleRooms: f, contentBase: p, versions: g, pending: _, playing: v, replays: y, inspecting: b, frameRef: x, frameLoaded: S, live: C, writing: w, agent: T, updated: E, onExpand: D }) {
-	let O = w;
+function we({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, images: s, culled: c, gesturing: l, boards: u, notes: d, titleRooms: f, contentBase: p, versions: g, pending: _, playing: v, replays: y, inspecting: b, frameRef: x, frameLoaded: S, live: C, writing: E, agent: D, agentSessions: O, artifact: k, updated: A, onExpand: j }) {
+	let M = E;
 	if (C) {
-		O = void 0;
+		M = void 0;
 		let e = 0;
 		for (let [t, r] of u) {
 			let i = g[r.file] ?? 0;
-			n(r) || _.has(t) || i <= e || (O = t, e = i);
+			n(r) || _.has(t) || i <= e || (M = t, e = i);
 		}
 	}
-	let k = u.find(([e]) => e === O)?.[1];
+	let N = (O ?? []).filter((e) => e.state === "thinking" || e.state === "running");
+	if (C && k && N.some((e) => e.turnArtifacts.includes(k))) {
+		let e = u.find(([e, t]) => _.has(e) && !n(t));
+		e && (M = e[0]);
+	}
+	let P = u.find(([e]) => e === M)?.[1], F = T(C && P ? g[P.file] : void 0), I = O?.length ? N.length === 0 : F;
 	return /* @__PURE__ */ h("div", {
 		ref: a,
 		className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
@@ -1523,7 +1551,7 @@ function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, ima
 			"--zoom": i.k
 		},
 		children: [
-			/* @__PURE__ */ m(_e, {
+			/* @__PURE__ */ m(Se, {
 				boardBase: e,
 				boardSandbox: r,
 				boards: u,
@@ -1538,21 +1566,21 @@ function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, ima
 				phases: o,
 				playing: v,
 				replays: y,
-				updated: E,
+				updated: A,
 				versions: g,
-				writing: w,
-				onExpand: D
+				writing: E,
+				onExpand: j
 			}),
-			/* @__PURE__ */ m(ve, {
+			/* @__PURE__ */ m(Ce, {
 				boards: u,
 				contentBase: p,
 				culled: c,
 				pending: _,
-				updated: E,
+				updated: A,
 				versions: g,
-				writing: w,
+				writing: E,
 				zoom: i.k,
-				onExpand: D
+				onExpand: j
 			}),
 			d.map(([e, n]) => n.kind === "title" ? /* @__PURE__ */ m("h2", {
 				className: "x10l6tqk x1ghz6dp x1xlr1w8 x1uo3zyz xjat59b xo2rkog x1bd091l",
@@ -1574,18 +1602,17 @@ function $({ boardBase: e, boardSandbox: r, view: i, worldRef: a, phases: o, ima
 					padding: 16,
 					fontSize: 18,
 					lineHeight: "27px",
-					...me(n.color)
+					...ve(n.color)
 				},
 				children: n.text
 			}, e)),
-			k && /* @__PURE__ */ m(fe, {
-				agent: T ?? "Agent",
-				title: k.title ?? O,
-				x: k.x + Math.min(64, k.w * .15),
-				y: k.y + Math.min(80, k.h * .2),
+			P && /* @__PURE__ */ m(ge, {
+				agent: D ?? "Agent",
+				title: P.title ?? M,
+				...w(P, I),
 				zoom: i.k
 			})
 		]
 	});
 }
-export { ee as a, N as c, S as d, b as f, R as i, A as l, pe as n, L as o, te as r, F as s, $ as t, x as u };
+export { re as a, R as c, O as d, E as f, ne as i, I as l, _e as n, te as o, ie as r, B as s, we as t, D as u };

package/dist/viewer-lib/{PreviewView-sdm-qrv7.js → PreviewView-Cwd9OwHs.js}

@@ -1,5 +1,5 @@
 import './PreviewView-BUKPTWl2.css';
-import { a as e, i as t, o as n } from "./i18n-BPoZ83u5.js";
+import { a as e, i as t, o as n } from "./i18n-DgnmyJzy.js";
 import { Component as r, Suspense as i, createContext as a, lazy as o, useContext as s, useEffect as c, useState as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 import { setLobeTheme as d } from "@lobehub/ui/es/styles/theme/scope";
@@ -308,7 +308,7 @@ var X = {
 		kgSjnq: "xcdf9qb",
 		$$css: !0
 	}
-}, Z = o(() => import("./shims.js").then(() => import("./SnapshotDocument-BRrf3bYP.js").then((e) => e.n))), Q = o(() => import("./Canvas-zsUI5R_r.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), $ = () => () => {}, ee = () => {}, te = /* @__PURE__ */ new Set();
+}, Z = o(() => import("./shims.js").then(() => import("./SnapshotDocument-LOn7Pshr.js").then((e) => e.n))), Q = o(() => import("./Canvas-CLHk5G2x.js").then((e) => e.n).then(({ Canvas: e }) => ({ default: e }))), $ = () => () => {}, ee = () => {}, te = /* @__PURE__ */ new Set();
 function ne({ type: t, id: r, data: a, failed: o }) {
 	let { t: s } = e(), [d, f] = l(() => ({
 		width: innerWidth,