ryugi-artifacts 1.63.0 → 1.65.0

package/dist/viewer-lib/index.js

@@ -7531,7 +7531,7 @@ var hf = {
 	right: 24,
 	bottom: 24,
 	left: 24
-}, gf = .01, _f = 420, vf = 1.1, yf = l(.2, 0, 0, 1), bf = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, xf = `[data-chrome]${[
+}, gf = .01, _f = 20, vf = 420, yf = 1.1, bf = l(.2, 0, 0, 1), xf = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, Sf = `[data-chrome]${[
 	"board-label",
 	"group-label",
 	"video-controls",
@@ -7539,7 +7539,7 @@ var hf = {
 	"reject",
 	"parameters"
 ].map((e) => `:not([data-chrome="${e}"])`).join("")}`;
-function Sf(e, t) {
+function Cf(e, t) {
 	let n = t.k / e.k;
 	return {
 		x: t.x - e.x * n,
@@ -7547,18 +7547,18 @@ function Sf(e, t) {
 		scale: n
 	};
 }
-function Cf(e, t, n) {
-	let { x: r, y: i, scale: a } = Sf(e, t);
-	return Math.max(Math.abs(r), Math.abs(i), Math.abs(n.width * (a - 1) + r), Math.abs(n.height * (a - 1) + i)) > 160 || a > vf || a < 1 / vf;
+function wf(e, t, n) {
+	let { x: r, y: i, scale: a } = Cf(e, t);
+	return Math.max(Math.abs(r), Math.abs(i), Math.abs(n.width * (a - 1) + r), Math.abs(n.height * (a - 1) + i)) > 160 || a > yf || a < 1 / yf;
 }
-function wf(e, t, n, r) {
+function Tf(e, t, n, r) {
 	for (let i = e; i && i !== t; i = i.parentElement) {
 		let { overflowX: e, overflowY: t } = getComputedStyle(i);
 		if (r && /auto|scroll/.test(t) && i.scrollHeight > i.clientHeight || n && /auto|scroll/.test(e) && i.scrollWidth > i.clientWidth) return !0;
 	}
 	return !1;
 }
-function Tf(e) {
+function Ef(e) {
 	let t = Y(null), n = Y(null), [i, a] = X({
 		x: 0,
 		y: 0,
@@ -7569,7 +7569,7 @@ function Tf(e) {
 	}), T = K(() => {
 		let { x: e, y: t, k: r } = g.current, i = n.current;
 		i && (i.style.transform = `translate(${e}px, ${t}px) scale(${r})`, i.style.setProperty("--zoom", String(r)));
-		let a = Sf(S.current, g.current), o = a.x === 0 && a.y === 0 && a.scale === 1 ? "" : `translate(${a.x}px, ${a.y}px) scale(${a.scale})`;
+		let a = Cf(S.current, g.current), o = a.x === 0 && a.y === 0 && a.scale === 1 ? "" : `translate(${a.x}px, ${a.y}px) scale(${a.scale})`;
 		for (let e of C.current) e.style.transform = o;
 	}, []), E = K((e) => {
 		n.current = e, T();
@@ -7589,7 +7589,7 @@ function Tf(e) {
 			x.current = void 0, O(""), b(!1), a(g.current);
 		}, 150);
 	}, [O]), A = K((e) => {
-		g.current = e, T(), Cf(S.current, e, w.current) && a(e);
+		g.current = e, T(), wf(S.current, e, w.current) && a(e);
 	}, [T]), j = K((e) => {
 		g.current = typeof e == "function" ? e(g.current) : e, k(), !v.current && (v.current = !0, _.current = requestAnimationFrame(() => {
 			v.current = !1, _.current = null, A(g.current);
@@ -7624,14 +7624,17 @@ function Tf(e) {
 		x: n.x + e,
 		y: n.y + t
 	})), [j]), oe = K((e) => {
-		e.zoom ? j((t) => d(t, Math.exp(-e.deltaY * gf), e.x, e.y)) : ae(-e.deltaX, -e.deltaY);
+		if (e.zoom) {
+			let t = Math.max(-20, Math.min(_f, e.deltaY));
+			j((n) => d(n, Math.exp(-t * gf), e.x, e.y));
+		} else ae(-e.deltaX, -e.deltaY);
 	}, [ae, j]);
 	q(() => {
 		let e = t.current;
 		if (!e) return;
 		let n = (t) => {
 			let n = t.target, r = t.ctrlKey || t.metaKey;
-			if (n?.closest?.(xf) || !r && wf(n, e, t.deltaX, t.deltaY)) return;
+			if (n?.closest?.(Sf) || !r && Tf(n, e, t.deltaX, t.deltaY)) return;
 			t.preventDefault(), M();
 			let i = e.getBoundingClientRect(), a = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.clientHeight : 1;
 			oe({
@@ -7706,13 +7709,13 @@ function Tf(e) {
 			width: a.clientWidth,
 			height: a.clientHeight
 		}, n);
-		if (M(), !i.animate || bf()) {
+		if (M(), !i.animate || xf()) {
 			ee(o);
 			return;
 		}
 		let s = g.current, c = performance.now(), l = () => {
-			let e = Math.min(1, (performance.now() - c) / _f);
-			e === 1 ? ee(o, !0) : (k(), A(m(s, o, yf(e)))), ne.current = e === 1 ? null : requestAnimationFrame(l);
+			let e = Math.min(1, (performance.now() - c) / vf);
+			e === 1 ? ee(o, !0) : (k(), A(m(s, o, bf(e)))), ne.current = e === 1 ? null : requestAnimationFrame(l);
 		};
 		ne.current = requestAnimationFrame(l);
 	}, [
@@ -7755,7 +7758,7 @@ function Tf(e) {
 	};
 }
 // src/viewer/lib/selection.ts
-function Ef({ boards: e, frames: t, targets: n, details: r }) {
+function Df({ boards: e, frames: t, targets: n, details: r }) {
 	let i = /* @__PURE__ */ new Map();
 	for (let [n, r] of Object.entries(t)) {
 		let t = e[n];
@@ -7797,24 +7800,24 @@ function Ef({ boards: e, frames: t, targets: n, details: r }) {
 		nodes: [...i.values()]
 	};
 }
-var Df = (e) => e.id.length <= Gt.id && e.board.length <= Gt.board && e.file.length <= Gt.file && e.tag.length <= Gt.tag && e.path.length <= Gt.path && e.name.length <= Gt.name, Of = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
-function kf(e, t = Bt) {
-	let n = e.selected.filter((e) => Df(e) && e.text.length <= Gt.text && e.html.length <= Gt.html), r = e.tweaks.filter((e) => Df(e) && e.from.length <= Gt.from && e.value.length <= Gt.value), i = {
+var Of = (e) => e.id.length <= Gt.id && e.board.length <= Gt.board && e.file.length <= Gt.file && e.tag.length <= Gt.tag && e.path.length <= Gt.path && e.name.length <= Gt.name, kf = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
+function Af(e, t = Bt) {
+	let n = e.selected.filter((e) => Of(e) && e.text.length <= Gt.text && e.html.length <= Gt.html), r = e.tweaks.filter((e) => Of(e) && e.from.length <= Gt.from && e.value.length <= Gt.value), i = {
 		...e,
 		selected: n,
 		tweaks: r,
-		nodes: e.nodes.filter(Df).slice(0, Ft)
+		nodes: e.nodes.filter(Of).slice(0, Ft)
 	};
-	for (let e = Of(i); e > t && i.nodes.length; e = Of(i)) i = {
+	for (let e = kf(i); e > t && i.nodes.length; e = kf(i)) i = {
 		...i,
 		nodes: i.nodes.slice(0, Math.floor(i.nodes.length * Math.min(.95, t / e)))
 	};
 	return i;
 }
 // src/viewer/hooks/useSelectionSync.ts
-var Af = crypto.randomUUID();
-function jf({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
-	let a = Y(0), { frames: o, selectedTargets: s, details: c, revision: l } = r, u = JSON.stringify(s.map(({ boardId: e, id: t }) => [e, t])), d = J(() => JSON.parse(u), [u]), f = J(() => Ef({
+var jf = crypto.randomUUID();
+function Mf({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
+	let a = Y(0), { frames: o, selectedTargets: s, details: c, revision: l } = r, u = JSON.stringify(s.map(({ boardId: e, id: t }) => [e, t])), d = J(() => JSON.parse(u), [u]), f = J(() => Df({
 		boards: t ?? {},
 		frames: o,
 		targets: d.map(([e, t]) => ({
@@ -7832,10 +7835,10 @@ function jf({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
 		if (!e || !i || !n) return;
 		let t = setTimeout(() => {
 			let t = l !== a.current;
-			a.current = l, i(kf({
+			a.current = l, i(Af({
 				type: "selection",
 				artifact: e,
-				tab: Af,
+				tab: jf,
 				human: t,
 				...f
 			}));
@@ -7850,7 +7853,7 @@ function jf({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
 	]);
 }
 // src/viewer/hooks/useVerdicts.ts
-function Mf({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a }) {
+function Nf({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a }) {
 	let [o, s] = X(null), c = J(() => e?.groups ?? {}, [e]), l = J(() => e?.boards ?? {}, [e]), u = J(() => Object.fromEntries(j(c, l, t).map(([e]) => [e, ee(n, e, r)])), [
 		c,
 		l,
@@ -7912,7 +7915,7 @@ function Mf({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a
 	};
 }
 // src/viewer/inspector/InspectionOutline.tsx
-function Nf({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
+function Pf({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
 	return t.width <= 0 || t.height <= 0 ? null : /* @__PURE__ */ Q("div", {
 		"aria-hidden": "true",
 		"data-outline": "",
@@ -7950,7 +7953,7 @@ function Nf({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
 	});
 }
 // src/viewer/inspector/Layers.tsx
-var Pf = {
+var Ff = {
 	Frame: gr,
 	Column: lr,
 	Row: Nr,
@@ -7959,21 +7962,21 @@ var Pf = {
 	Text: Ir,
 	Image: yr,
 	Button: Dr
-}, Ff = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
-function If({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o }) {
-	let [s, c] = X([]), l = Y(null), u = Y(null), d = Y(!1), f = n && t[n.boardId] ? Ff(n.boardId, t[n.boardId].session, n.node.id) : null, p = r ? r.flatMap((e) => t[e.boardId] ? [Ff(e.boardId, t[e.boardId].session, e.id)] : []) : f ? [f] : [], m = p.join("|"), { treeData: h, byKey: g } = J(() => {
+}, If = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
+function Lf({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o }) {
+	let [s, c] = X([]), l = Y(null), u = Y(null), d = Y(!1), f = n && t[n.boardId] ? If(n.boardId, t[n.boardId].session, n.node.id) : null, p = r ? r.flatMap((e) => t[e.boardId] ? [If(e.boardId, t[e.boardId].session, e.id)] : []) : f ? [f] : [], m = p.join("|"), { treeData: h, byKey: g } = J(() => {
 		let n = new Set(m ? m.split("|") : []), r = /* @__PURE__ */ new Map(), a = [];
 		for (let [o, s] of e) {
 			let e = t[o];
 			if (!e?.nodes[0]) continue;
 			let c = new Map(e.nodes.map((e) => [e.id, e])), l = i.has(o), u = (t, i) => {
-				let a = Ff(o, e.session, t.id);
+				let a = If(o, e.session, t.id);
 				r.set(a, {
 					boardId: o,
 					node: t,
 					parentKey: i
 				});
-				let d = i === null ? "Frame" : t.kind, f = i === null ? s.title || o : t.name, p = Pf[d];
+				let d = i === null ? "Frame" : t.kind, f = i === null ? s.title || o : t.name, p = Ff[d];
 				return {
 					key: a,
 					disabled: l,
@@ -8101,14 +8104,14 @@ function If({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 	] });
 }
 // src/viewer/inspector/Properties.tsx
-var Lf = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, Rf = (e) => e.map(([e, t]) => ({
+var Rf = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, zf = (e) => e.map(([e, t]) => ({
 	value: e,
 	label: t
-})), zf = (e) => {
+})), Bf = (e) => {
 	let t = e.match(/^rgba?\(([\d.]+),\s*([\d.]+),\s*([\d.]+)(?:,\s*([\d.]+))?\)$/);
 	return t ? "#" + t.slice(1).filter((e) => e !== void 0).map((e, t) => Math.round(Number(e) * (t === 3 ? 255 : 1)).toString(16).padStart(2, "0")).join("") : e;
 };
-function Bf({ label: e, children: t, controlId: n }) {
+function Vf({ label: e, children: t, controlId: n }) {
 	return /* @__PURE__ */ Q("div", {
 		...W($.field),
 		children: [n ? /* @__PURE__ */ Z("label", {
@@ -8124,7 +8127,7 @@ function Bf({ label: e, children: t, controlId: n }) {
 		})]
 	});
 }
-function Vf({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
+function Hf({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
 	let l = _n(), u = /* @__PURE__ */ Z(kn, {
 		controls: !1,
 		id: l,
@@ -8134,12 +8137,12 @@ function Vf({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		step: s,
 		style: { width: "100%" },
 		suffix: i || void 0,
-		value: Lf(n.css[t]),
+		value: Rf(n.css[t]),
 		onChange: (e) => {
 			e !== null && r(t, String(e) + i);
 		}
 	});
-	return /* @__PURE__ */ Z(Bf, {
+	return /* @__PURE__ */ Z(Vf, {
 		controlId: l,
 		label: e,
 		children: c ? /* @__PURE__ */ Q("div", {
@@ -8154,14 +8157,14 @@ function Vf({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		}) : u
 	});
 }
-function Hf({ label: e, property: t, values: n, node: r, change: i }) {
+function Uf({ label: e, property: t, values: n, node: r, change: i }) {
 	let a = _n(), o = r.css[t], s = n.some(([e]) => e === o) ? n : [...n, [o, o]];
-	return /* @__PURE__ */ Z(Bf, {
+	return /* @__PURE__ */ Z(Vf, {
 		controlId: a,
 		label: e,
 		children: /* @__PURE__ */ Z(Rn, {
 			id: a,
-			options: Rf(s),
+			options: zf(s),
 			size: "small",
 			style: { width: "100%" },
 			value: o,
@@ -8171,7 +8174,7 @@ function Hf({ label: e, property: t, values: n, node: r, change: i }) {
 		})
 	});
 }
-function Uf({ node: e, change: t }) {
+function Wf({ node: e, change: t }) {
 	let n = {
 		node: e,
 		change: t
@@ -8184,7 +8187,7 @@ function Uf({ node: e, change: t }) {
 					...W($.sectionTitle),
 					children: U("inspector.size")
 				}),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.width"),
 					property: "width",
@@ -8197,15 +8200,15 @@ function Uf({ node: e, change: t }) {
 						id: r,
 						size: "small",
 						value: e.widthMode,
-						options: Rf([
+						options: zf([
 							["fixed", U("inspector.fixed")],
 							["fill", U("inspector.fill")],
 							["hug", U("inspector.hug")]
 						]),
-						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${Lf(e.css.width) || e.rect.width}px`)
+						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${Rf(e.css.width) || e.rect.width}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.height"),
 					property: "height",
@@ -8218,11 +8221,11 @@ function Uf({ node: e, change: t }) {
 						id: i,
 						size: "small",
 						value: e.heightMode,
-						options: Rf([["hug", U("inspector.hug")], ["fixed", U("inspector.fixed")]]),
-						onChange: (n) => t("height", n === "hug" ? "auto" : `${Lf(e.css.height) || e.rect.height}px`)
+						options: zf([["hug", U("inspector.hug")], ["fixed", U("inspector.fixed")]]),
+						onChange: (n) => t("height", n === "hug" ? "auto" : `${Rf(e.css.height) || e.rect.height}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(Hf, {
+				/* @__PURE__ */ Z(Uf, {
 					...n,
 					label: U("inspector.position"),
 					property: "position",
@@ -8234,7 +8237,7 @@ function Uf({ node: e, change: t }) {
 						["sticky", U("inspector.sticky")]
 					]
 				}),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.grow"),
 					max: 100,
@@ -8250,7 +8253,7 @@ function Uf({ node: e, change: t }) {
 					...W($.sectionTitle),
 					children: U("inspector.layout")
 				}),
-				/* @__PURE__ */ Z(Hf, {
+				/* @__PURE__ */ Z(Uf, {
 					...n,
 					label: U("inspector.layout"),
 					property: "display",
@@ -8263,7 +8266,7 @@ function Uf({ node: e, change: t }) {
 						["none", U("inspector.hidden")]
 					]
 				}),
-				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(yn, { children: [/* @__PURE__ */ Z(Bf, {
+				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(yn, { children: [/* @__PURE__ */ Z(Vf, {
 					label: U("inspector.direction"),
 					children: /* @__PURE__ */ Z(Ln, {
 						block: !0,
@@ -8294,14 +8297,14 @@ function Uf({ node: e, change: t }) {
 						}],
 						onChange: (e) => t("flex-direction", e)
 					})
-				}), /* @__PURE__ */ Z(Bf, {
+				}), /* @__PURE__ */ Z(Vf, {
 					label: U("inspector.align"),
 					children: /* @__PURE__ */ Z(Ln, {
 						block: !0,
 						"aria-label": U("inspector.align"),
 						size: "small",
 						value: e.css["align-items"],
-						options: Rf([
+						options: zf([
 							["flex-start", U("inspector.start")],
 							["center", U("inspector.center")],
 							["stretch", U("inspector.fill")]
@@ -8309,12 +8312,12 @@ function Uf({ node: e, change: t }) {
 						onChange: (e) => t("align-items", e)
 					})
 				})] }),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.gap"),
 					property: "gap"
 				}),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.padding"),
 					property: "padding"
@@ -8328,18 +8331,18 @@ function Uf({ node: e, change: t }) {
 					...W($.sectionTitle),
 					children: U("inspector.appearance")
 				}),
-				/* @__PURE__ */ Z(Bf, {
+				/* @__PURE__ */ Z(Vf, {
 					label: U("inspector.fill"),
 					children: /* @__PURE__ */ Z(Cn, {
 						alpha: !0,
 						recent: !1,
 						size: "small",
 						trigger: "field",
-						value: zf(e.css["background-color"]),
+						value: Bf(e.css["background-color"]),
 						onChange: (e) => t("background-color", e)
 					})
 				}),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.opacity"),
 					max: 1,
@@ -8347,12 +8350,12 @@ function Uf({ node: e, change: t }) {
 					step: .1,
 					unit: ""
 				}),
-				/* @__PURE__ */ Z(Vf, {
+				/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.radius"),
 					property: "border-radius"
 				}),
-				/* @__PURE__ */ Z(Hf, {
+				/* @__PURE__ */ Z(Uf, {
 					...n,
 					label: U("inspector.border"),
 					property: "border-style",
@@ -8397,26 +8400,26 @@ function Uf({ node: e, change: t }) {
 			items: [{
 				key: "typography",
 				title: U("inspector.typography"),
-				children: /* @__PURE__ */ Q(yn, { children: [/* @__PURE__ */ Z(Vf, {
+				children: /* @__PURE__ */ Q(yn, { children: [/* @__PURE__ */ Z(Hf, {
 					...n,
 					label: U("inspector.fontSize"),
 					min: 1,
 					property: "font-size"
-				}), /* @__PURE__ */ Z(Bf, {
+				}), /* @__PURE__ */ Z(Vf, {
 					label: U("inspector.color"),
 					children: /* @__PURE__ */ Z(Cn, {
 						alpha: !0,
 						recent: !1,
 						size: "small",
 						trigger: "field",
-						value: zf(e.css.color),
+						value: Bf(e.css.color),
 						onChange: (e) => t("color", e)
 					})
 				})] })
 			}, {
 				key: "effects",
 				title: U("inspector.effects"),
-				children: /* @__PURE__ */ Z(Bf, {
+				children: /* @__PURE__ */ Z(Vf, {
 					label: U("inspector.shadow"),
 					children: /* @__PURE__ */ Z(On, {
 						"aria-label": U("inspector.shadow"),
@@ -8441,11 +8444,11 @@ function Uf({ node: e, change: t }) {
 	] });
 }
 // src/viewer/inspector/InspectorPanel.tsx
-var Wf = [
+var Gf = [
 	"Properties",
 	"Code",
 	"Tweaks"
-], Gf = hn(function({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o, change: s, reset: c, enabled: l, onClose: u, embedded: d }) {
+], Kf = hn(function({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o, change: s, reset: c, enabled: l, onClose: u, embedded: d }) {
 	let [f, p] = X("Properties"), [m, h] = X(""), g = n?.node, _ = Object.entries(t).flatMap(([e, t]) => t.tweaks.map((t) => ({
 		...t,
 		boardId: e
@@ -8468,7 +8471,7 @@ var Wf = [
 				value: f,
 				variant: "rounded",
 				onValueChange: (e) => {
-					Wf.includes(e) && p(e);
+					Gf.includes(e) && p(e);
 				},
 				children: [
 					/* @__PURE__ */ Q("header", {
@@ -8478,7 +8481,7 @@ var Wf = [
 							"aria-label": U("inspector.views"),
 							className: W($.tabs).className,
 							style: { alignSelf: "center" },
-							children: [/* @__PURE__ */ Z(Vn, {}), Wf.map((e) => /* @__PURE__ */ Q(Gn, {
+							children: [/* @__PURE__ */ Z(Vn, {}), Gf.map((e) => /* @__PURE__ */ Q(Gn, {
 								style: { position: "relative" },
 								value: e,
 								children: [U(`inspector.tab.${e}`), e === "Tweaks" && _.length > 0 && /* @__PURE__ */ Z(ir, {
@@ -8496,7 +8499,7 @@ var Wf = [
 							onClick: u
 						})]
 					}),
-					/* @__PURE__ */ Z(If, {
+					/* @__PURE__ */ Z(Lf, {
 						boards: e,
 						frames: t,
 						hoverNode: o,
@@ -8550,7 +8553,7 @@ var Wf = [
 							/* @__PURE__ */ Z(Un, {
 								value: "Properties",
 								...W($.panelBodyPanel),
-								children: g && l ? /* @__PURE__ */ Z(Uf, {
+								children: g && l ? /* @__PURE__ */ Z(Wf, {
 									change: s,
 									node: g
 								}, `${n.boardId}:${t[n.boardId]?.session}:${g.id}`) : /* @__PURE__ */ Z("p", {
@@ -8693,7 +8696,7 @@ var Wf = [
 	});
 });
 // src/viewer/split/useSplitBoard.ts
-function Kf(e, t, n) {
+function qf(e, t, n) {
 	if (n.board) {
 		let t = e.boards[n.board];
 		return t ? {
@@ -8715,7 +8718,7 @@ function Kf(e, t, n) {
 	let r = e.pages[0]?.id;
 	return r && t?.pages[r]?.bounds || null;
 }
-function qf({ canvas: e, layout: t, fit: n, threads: r, stale: i }) {
+function Jf({ canvas: e, layout: t, fit: n, threads: r, stale: i }) {
 	let a = Y({
 		canvas: e,
 		layout: t,
@@ -8733,7 +8736,7 @@ function qf({ canvas: e, layout: t, fit: n, threads: r, stale: i }) {
 		o.current = null;
 		let t = 0, n = requestAnimationFrame(() => {
 			t = requestAnimationFrame(() => {
-				let { canvas: t, layout: n, fit: r } = a.current, i = t && Kf(t, n, e);
+				let { canvas: t, layout: n, fit: r } = a.current, i = t && qf(t, n, e);
 				i && r(i);
 			});
 		});
@@ -8774,15 +8777,15 @@ function qf({ canvas: e, layout: t, fit: n, threads: r, stale: i }) {
 	}, []);
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/fieldset/root/FieldsetRootContext.mjs
-var Jf = /*#__PURE__*/ G.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Jf.displayName = "FieldsetRootContext");
-function Yf(e = !1) {
-	let t = G.useContext(Jf);
+var Yf = /*#__PURE__*/ G.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Yf.displayName = "FieldsetRootContext");
+function Xf(e = !1) {
+	let t = G.useContext(Yf);
 	if (!t && !e) throw Error(process.env.NODE_ENV === "production" ? H(86) : "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>.");
 	return t;
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/internals/labelable-provider/LabelableProvider.mjs
-var Xf = function(e) {
+var Zf = function(e) {
 	let t = Je(), [n, r] = G.useState(t), [i, a] = G.useState(), [o, s] = G.useState([]), c = n === void 0 ? t : n, l = tt(() => /* @__PURE__ */ new Map()), { messageIds: u } = ze(), d = me((e, t) => {
 		let n = l.current;
 		t === void 0 ? n.delete(e) : n.set(e, t), r((e) => {
@@ -8826,17 +8829,17 @@ var Xf = function(e) {
 		children: e.children
 	});
 };
-process.env.NODE_ENV !== "production" && (Xf.displayName = "LabelableProvider");
+process.env.NODE_ENV !== "production" && (Zf.displayName = "LabelableProvider");
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/utils/useRegisteredLabelId.mjs
-function Zf(e, t) {
+function Qf(e, t) {
 	let n = Je(e);
 	return _e(() => (t(n), () => {
 		t((e) => e === n ? void 0 : e);
 	}), [n, t]), n;
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/internals/labelable-provider/useLabel.mjs
-function Qf(e = {}) {
-	let { id: t, fallbackControlId: n, native: r = !1, setLabelId: i, focusControl: a } = e, { controlId: o, setLabelId: s } = ze(), c = Zf(t, me((e) => {
+function $f(e = {}) {
+	let { id: t, fallbackControlId: n, native: r = !1, setLabelId: i, focusControl: a } = e, { controlId: o, setLabelId: s } = ze(), c = Qf(t, me((e) => {
 		s(e), i?.(e);
 	})), l = o ?? n;
 	function u(e) {
@@ -8845,8 +8848,8 @@ function Qf(e = {}) {
 			return;
 		}
 		if (!l) return;
-		let t = $f(e.currentTarget, l);
-		We(t) && ep(t);
+		let t = ep(e.currentTarget, l);
+		We(t) && tp(t);
 	}
 	function d(e) {
 		let t = ae(e.nativeEvent);
@@ -8864,7 +8867,7 @@ function Qf(e = {}) {
 		}
 	};
 }
-function $f(e, t) {
+function ep(e, t) {
 	let n = e.getRootNode();
 	for (; pe(n);) {
 		let e = n.getElementById(t);
@@ -8873,11 +8876,11 @@ function $f(e, t) {
 	}
 	return E(e).getElementById(t);
 }
-function ep(e) {
+function tp(e) {
 	e.focus({ focusVisible: !0 });
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/utils/getCombinedFieldValidityData.mjs
-function tp(e, t) {
+function np(e, t) {
 	return {
 		...e,
 		state: {
@@ -8887,33 +8890,33 @@ function tp(e, t) {
 	};
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/root/useFieldValidation.mjs
-var np = Object.keys(ye);
-function rp(e, t) {
+var rp = Object.keys(ye);
+function ip(e, t) {
 	return e.matches(":disabled") ? !1 : !t || e.form === t || e.form === null && !e.hasAttribute("form");
 }
-function ip(e, t) {
+function ap(e, t) {
 	let n = null;
-	for (let r of e.keys()) if (rp(r, t)) {
+	for (let r of e.keys()) if (ip(r, t)) {
 		if (!r.validity.valid) return r;
 		n ??= r;
 	}
 	return n;
 }
-function ap(e) {
+function op(e) {
 	return {
 		...ye,
 		valid: !e,
 		customError: e
 	};
 }
-function op(e) {
+function sp(e) {
 	return e && e.validationMessage ? [e.validationMessage] : [];
 }
-function sp(e) {
+function cp(e) {
 	let { elementRef: t, formRef: n } = Ve(), { setValidityData: r, validate: i, validityData: a, validationDebounceTime: o, invalid: s, markedDirtyRef: c, state: l, shouldValidateOnChange: u, validationMode: d, registeredFieldIdRef: f } = e, { controlId: p, getDescriptionProps: m } = ze(), h = N(), g = G.useRef(null), _ = tt(() => /* @__PURE__ */ new Map()).current, v = G.useRef(0), y = G.useRef(null), b = G.useCallback((e, t) => (_.set(e, t), () => {
 		_.delete(e);
 	}), [_]), x = me(() => {
-		let e = ip(_, t.current);
+		let e = ap(_, t.current);
 		return e && _.get(e)?.controlRef.current || null;
 	}), S = me(async (e, o = !1) => {
 		v.current += 1;
@@ -8923,7 +8926,7 @@ function sp(e) {
 			if (r == null) return;
 			let i = n.current.fields.get(r);
 			if (!i) return;
-			let a = tp(e, t);
+			let a = np(e, t);
 			n.current.fields.set(r, {
 				...i,
 				validityData: a
@@ -8956,39 +8959,39 @@ function sp(e) {
 			b(i, n), r(i);
 		}
 		function T(e) {
-			let t = np.reduce((t, n) => (t[n] = e.validity[n], t), {}), n = !1;
-			for (let e of np) if (e !== "valid") {
+			let t = rp.reduce((t, n) => (t[n] = e.validity[n], t), {}), n = !1;
+			for (let e of rp) if (e !== "valid") {
 				if (e === "valueMissing" && t[e]) n = !0;
 				else if (t[e]) return t;
 			}
 			return n && !c.current && (t.valid = !0, t.valueMissing = !1), t;
 		}
 		function E() {
-			return _.size > 0 ? ip(_, t.current) : g.current;
+			return _.size > 0 ? ap(_, t.current) : g.current;
 		}
 		let D = E();
 		function O() {
-			return D = E(), D?.willValidate ? T(D) : ap(!1);
+			return D = E(), D?.willValidate ? T(D) : op(!1);
 		}
 		if (o) {
 			if (l.valid !== !1 || !D) return;
 			if (!D.validity.valueMissing) {
 				C();
-				let e = E(), t = e?.validity.customError ? op(e) : [];
-				w(ap(t.length > 0), t, !1);
+				let e = E(), t = e?.validity.customError ? sp(e) : [];
+				w(op(t.length > 0), t, !1);
 				return;
 			}
-			for (let e of np) if (e !== "valid" && e !== "valueMissing" && e !== "customError" && D.validity[e]) return;
+			for (let e of rp) if (e !== "valid" && e !== "valueMissing" && e !== "customError" && D.validity[e]) return;
 		}
 		h.clear(), C();
-		let k = O(), A = op(D), j = u();
+		let k = O(), A = sp(D), j = u();
 		if (A.length === 0 || j) {
 			let t = Array.from(n.current.fields.values()).reduce((e, t) => (t.name && (e[t.name] = t.getValue()), e), {}), r = i(e, t), o;
 			if (typeof r == "object" && r && "then" in r) {
 				if (k.valid === !1 ? w(k, A) : d !== "onSubmit" && a.state.customError || (k.valid = null, w(k, A)), o = await r, m !== v.current) return;
 				k = O();
 			} else o = r;
-			A = o ? [].concat(o).filter(Boolean) : [], A.length > 0 ? (k.valid = !1, k.customError = !0, D?.willValidate && S(D, A.join("\n"))) : A = op(D);
+			A = o ? [].concat(o).filter(Boolean) : [], A.length > 0 ? (k.valid = !1, k.customError = !0, D?.willValidate && S(D, A.join("\n"))) : A = sp(D);
 		}
 		w(k, A);
 	}), w = me((e, t = !1) => {
@@ -9020,7 +9023,7 @@ function sp(e) {
 	]);
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/internals/field-register-control/useFieldControlRegistration.mjs
-function cp(e) {
+function lp(e) {
 	let { change: t, commit: n, invalid: r, markedDirtyRef: i, name: a, setRegisteredFieldName: o, registeredFieldIdRef: s, setValidityData: c, validityData: l } = e, { formRef: u } = Ve(), d = G.useRef(null), f = G.useRef(null), p = G.useRef(!1), m = me(() => {
 		let e = f.current;
 		if (e) return e.getValue ? e.getValue() : e.value;
@@ -9038,7 +9041,7 @@ function cp(e) {
 			getValue: m,
 			name: a ?? e.name,
 			controlRef: e.controlRef,
-			validityData: tp(l, r),
+			validityData: np(l, r),
 			validate: g
 		});
 	}
@@ -9060,7 +9063,7 @@ function cp(e) {
 			getValue: m,
 			name: a ?? e.name,
 			controlRef: e.controlRef,
-			validityData: tp(l, r),
+			validityData: np(l, r),
 			validate: g
 		}));
 	}, [
@@ -9087,8 +9090,8 @@ function cp(e) {
 	})];
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/root/FieldRoot.mjs
-var lp = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let { errors: n, validationMode: r, submitCountRef: i } = Ve(), { render: a, className: o, validate: s, validationDebounceTime: c = 0, validationMode: l = r, name: u, disabled: d = !1, invalid: f, dirty: p, touched: m, actionsRef: h, style: g, ..._ } = e, v = Yf(!0)?.disabled, y = me(s || (() => null)), b = v || d, [x, S] = G.useState(!1), [C, w] = G.useState(!1), [T, E] = G.useState(!1), [D, O] = G.useState(!1), k = G.useRef(void 0), A = p ?? C, j = m ?? x, ee = G.useRef(A), te = G.useRef(void 0), [ne, M] = G.useState(), re = u ?? ne;
+var up = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let { errors: n, validationMode: r, submitCountRef: i } = Ve(), { render: a, className: o, validate: s, validationDebounceTime: c = 0, validationMode: l = r, name: u, disabled: d = !1, invalid: f, dirty: p, touched: m, actionsRef: h, style: g, ..._ } = e, v = Xf(!0)?.disabled, y = me(s || (() => null)), b = v || d, [x, S] = G.useState(!1), [C, w] = G.useState(!1), [T, E] = G.useState(!1), [D, O] = G.useState(!1), k = G.useRef(void 0), A = p ?? C, j = m ?? x, ee = G.useRef(A), te = G.useRef(void 0), [ne, M] = G.useState(), re = u ?? ne;
 	_e(() => {
 		p !== void 0 && (ee.current = p);
 	}, [p]);
@@ -9116,7 +9119,7 @@ var lp = /*#__PURE__*/ G.forwardRef(function(e, t) {
 		F,
 		T,
 		D
-	]), fe = sp({
+	]), fe = cp({
 		setValidityData: ue,
 		validate: y,
 		validityData: le,
@@ -9127,7 +9130,7 @@ var lp = /*#__PURE__*/ G.forwardRef(function(e, t) {
 		shouldValidateOnChange: oe,
 		validationMode: l,
 		registeredFieldIdRef: te
-	}), [pe, I] = cp({
+	}), [pe, I] = lp({
 		change: fe.change,
 		commit: fe.commit,
 		invalid: P,
@@ -9180,26 +9183,26 @@ var lp = /*#__PURE__*/ G.forwardRef(function(e, t) {
 		children: R
 	});
 });
-process.env.NODE_ENV !== "production" && (lp.displayName = "FieldRootInner");
-var up = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	return /*#__PURE__*/ Z(Xf, { children: /*#__PURE__*/ Z(lp, {
+process.env.NODE_ENV !== "production" && (up.displayName = "FieldRootInner");
+var dp = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	return /*#__PURE__*/ Z(Zf, { children: /*#__PURE__*/ Z(up, {
 		...e,
 		ref: t
 	}) });
 });
-process.env.NODE_ENV !== "production" && (up.displayName = "FieldRoot");
+process.env.NODE_ENV !== "production" && (dp.displayName = "FieldRoot");
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/item/FieldItemContext.mjs
-var dp = /*#__PURE__*/ G.createContext({ disabled: !1 });
-process.env.NODE_ENV !== "production" && (dp.displayName = "FieldItemContext");
-function fp() {
-	return G.useContext(dp);
+var fp = /*#__PURE__*/ G.createContext({ disabled: !1 });
+process.env.NODE_ENV !== "production" && (fp.displayName = "FieldItemContext");
+function pp() {
+	return G.useContext(fp);
 }
 // ../../node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_date-fns@4.4.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/label/FieldLabel.mjs
-var pp = /*#__PURE__*/ G.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, id: a, nativeLabel: o = !0, ...s } = e, c = Ne(!1), l = fp(), { labelId: u } = ze(), d = {
+var mp = /*#__PURE__*/ G.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, id: a, nativeLabel: o = !0, ...s } = e, c = Ne(!1), l = pp(), { labelId: u } = ze(), d = {
 		...c.state,
 		disabled: c.disabled || l.disabled
-	}, f = G.useRef(null), p = Qf({
+	}, f = G.useRef(null), p = $f({
 		id: u ?? a,
 		native: o
 	});
@@ -9222,25 +9225,25 @@ var pp = /*#__PURE__*/ G.forwardRef(function(e, t) {
 		stateAttributesMapping: Ce
 	});
 });
-process.env.NODE_ENV !== "production" && (pp.displayName = "FieldLabel");
-var mp = (e, t) => ({
+process.env.NODE_ENV !== "production" && (mp.displayName = "FieldLabel");
+var hp = (e, t) => ({
 	left: t.x + (e.x + e.w) * t.k + 12,
 	top: t.y + e.y * t.k
 });
-function hp(e, t, n) {
-	let r = mp(e, t);
+function gp(e, t, n) {
+	let r = hp(e, t);
 	return {
 		x: Math.min(Math.max(12, r.left), Math.max(12, n.width - 352 - 12)) - r.left,
 		y: Math.min(Math.max(60, r.top), Math.max(60, n.height - 604 - 12)) - r.top
 	};
 }
-function gp({ control: e, value: t, change: n, id: r, width: i }) {
-	return /* @__PURE__ */ Q(up, {
+function _p({ control: e, value: t, change: n, id: r, width: i }) {
+	return /* @__PURE__ */ Q(dp, {
 		style: {
 			width: i ?? "100%",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ Z(pp, {
+		children: [/* @__PURE__ */ Z(mp, {
 			className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km",
 			children: e.label
 		}), /* @__PURE__ */ Z(kn, {
@@ -9258,7 +9261,7 @@ function gp({ control: e, value: t, change: n, id: r, width: i }) {
 		})]
 	});
 }
-function _p({ control: e, value: t, change: n }) {
+function vp({ control: e, value: t, change: n }) {
 	let r = _n(), i = e.type === "enum" && e.options.length <= 3, a = i ? "fieldset" : "div", o;
 	o = e.type === "color" ? /* @__PURE__ */ Q("div", {
 		className: "x78zum5 x6s0dn4 x167g77z xeuugli",
@@ -9313,14 +9316,14 @@ function _p({ control: e, value: t, change: n }) {
 			step: e.step,
 			value: t,
 			onChange: n
-		}), /* @__PURE__ */ Z(gp, {
+		}), /* @__PURE__ */ Z(_p, {
 			change: n,
 			control: e,
 			id: `${r}-number`,
 			value: t,
 			width: 48
 		})]
-	}) : e.type === "number" ? /* @__PURE__ */ Z(gp, {
+	}) : e.type === "number" ? /* @__PURE__ */ Z(_p, {
 		change: n,
 		control: e,
 		id: r,
@@ -9398,7 +9401,7 @@ function _p({ control: e, value: t, change: n }) {
 		})]
 	});
 }
-function vp({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
+function yp({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
 	let s = Y(null), c = _n(), [l, u] = X(!1), [d, f] = X("schema"), p = U(d === "schema" ? "parameters.schema" : "parameters.currentValues"), m = JSON.stringify(d === "schema" ? n.schema : n.values, null, 2), h = /* @__PURE__ */ new Map();
 	for (let e of Object.entries(n.schema?.controls ?? {})) {
 		let t = e[1].section || U("parameters.controls");
@@ -9480,7 +9483,7 @@ function vp({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 						children: [/* @__PURE__ */ Z("h3", {
 							className: "x1k6wstc xh88oxj x1bo0w0s xdj266r xwoyzhm",
 							children: e
-						}), t.map(([e, t]) => /* @__PURE__ */ Z(_p, {
+						}), t.map(([e, t]) => /* @__PURE__ */ Z(vp, {
 							change: (t) => i(e, t),
 							control: t,
 							value: n.values[e]
@@ -9629,7 +9632,7 @@ function vp({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 	});
 }
 // src/viewer/verdicts/RejectComposer.tsx
-function yp({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
+function bp({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 	let { t: a } = mt();
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": "reject",
@@ -9670,7 +9673,7 @@ function yp({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 	});
 }
 // src/viewer/components/ghost.ts
-var bp = { ghost: {
+var xp = { ghost: {
 	k1xSpc: "xrvj5dj",
 	kgQiWS: "x1ku5rj1",
 	kmuXW: "x2lah0s",
@@ -9686,8 +9689,8 @@ var bp = { ghost: {
 	kIyJzY: "xgdialr",
 	k3aq6I: "x19kf12q",
 	$$css: !0
-} }, xp = 120, Sp = .5, Cp = 110, wp = .4, Tp = .25;
-function Ep(e, t, n) {
+} }, Sp = 120, Cp = .5, wp = 110, Tp = .4, Ep = .25;
+function Dp(e, t, n) {
 	if (!e || et()) return {
 		done: Promise.resolve(),
 		cancel: () => {}
@@ -9701,8 +9704,8 @@ function Ep(e, t, n) {
 		cancel: () => r.cancel()
 	};
 }
-function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i, origin: a, choice: o, onChoose: s, onOpen: c, onClose: l }) {
-	let { viewportRef: u, view: d, place: f, handlers: p } = Tf("hand"), m = Y(null), h = Y(null), g = Y(null), _ = Y(null), [v, y] = X(null), b = Y(null), x = Y(d);
+function Op({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i, origin: a, choice: o, onChoose: s, onOpen: c, onClose: l }) {
+	let { viewportRef: u, view: d, place: f, handlers: p } = Ef("hand"), m = Y(null), h = Y(null), g = Y(null), _ = Y(null), [v, y] = X(null), b = Y(null), x = Y(d);
 	x.current = d;
 	let S = Y(!1), C = Y(null), w = Y(!1), T = i.indexOf(e), E = T > 0 ? i[T - 1] : void 0, D = T >= 0 ? i[T + 1] : void 0, O = () => ({
 		width: u.current?.clientWidth ?? t.w,
@@ -9777,20 +9780,20 @@ function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i
 			easing: Te
 		};
 		await Promise.all([
-			t ? Ep(m.current, [{ transform: e }, { transform: t }], {
+			t ? Dp(m.current, [{ transform: e }, { transform: t }], {
 				duration: 240,
 				easing: Te
-			}).done : Ep(m.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
-			Ep(h.current, [{ opacity: Number(h.current?.style.opacity || 1) }, { opacity: 0 }], {
+			}).done : Dp(m.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
+			Dp(h.current, [{ opacity: Number(h.current?.style.opacity || 1) }, { opacity: 0 }], {
 				duration: 240,
 				easing: Te
 			}).done,
-			...A().map((e) => Ep(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
+			...A().map((e) => Dp(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
 		]), l();
 	}, te = async (e, t) => {
 		if (!t || w.current) return;
 		w.current = !0;
-		let n = m.current?.style.transform || "none", r = Ep(m.current, [{
+		let n = m.current?.style.transform || "none", r = Dp(m.current, [{
 			transform: n,
 			opacity: 1
 		}, {
@@ -9840,14 +9843,14 @@ function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i
 		let t = b.current;
 		if (!t || t.id !== e.pointerId || (b.current = null, t.mode === "pan" || t.mode === "pending")) return p.onPointerUp(e);
 		let n = t.track.velocity(performance.now()), r = e.clientX - t.x, i = e.clientY - t.y;
-		if (t.mode === "dismiss") return i > xp && n.y > -.4 || n.y > Sp ? void ee() : j();
-		let a = n.x < -.4 ? 1 : n.x > wp ? -1 : 0, o = r < -110 ? 1 : r > Cp ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? D : s === -1 ? E : void 0;
+		if (t.mode === "dismiss") return i > Sp && n.y > -.4 || n.y > Cp ? void ee() : j();
+		let a = n.x < -.4 ? 1 : n.x > Tp ? -1 : 0, o = r < -110 ? 1 : r > wp ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? D : s === -1 ? E : void 0;
 		c && s ? te(s, c) : j();
 	}, { width: ie, height: ae } = O(), oe, se = 1, N = 1;
 	if (v?.axis === "y") {
 		let e = Math.max(0, v.dy), t = 1 - Math.min(e / 900, .3);
-		oe = `translate(${v.dx * .6 + (1 - t) * ie / 2}px, ${e + (1 - t) * ae / 2}px) scale(${t})`, se = 1 - Math.min(e / 420, .85), N = Math.max(0, 1 - e / xp);
-	} else v?.axis === "x" && (oe = `translateX(${v.dx > 0 && !E || v.dx < 0 && !D ? v.dx * Tp : v.dx}px)`);
+		oe = `translate(${v.dx * .6 + (1 - t) * ie / 2}px, ${e + (1 - t) * ae / 2}px) scale(${t})`, se = 1 - Math.min(e / 420, .85), N = Math.max(0, 1 - e / Sp);
+	} else v?.axis === "x" && (oe = `translateX(${v.dx > 0 && !E || v.dx < 0 && !D ? v.dx * Ep : v.dx}px)`);
 	return /* @__PURE__ */ Q("div", {
 		"data-phone-board": !0,
 		className: "xixxii4 x10a8y8t x68pp3s x78zum5 xdt5ytf xo2rkog xqfszdh",
@@ -9866,7 +9869,7 @@ function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i
 						"aria-label": U("phone.backToCanvas"),
 						type: "button",
 						onClick: () => void ee(),
-						...W(bp.ghost),
+						...W(xp.ghost),
 						children: /* @__PURE__ */ Z(er, { size: 22 })
 					}),
 					/* @__PURE__ */ Q("span", {
@@ -9963,7 +9966,7 @@ function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i
 						disabled: !E,
 						type: "button",
 						onClick: () => void te(-1, E),
-						...W(bp.ghost),
+						...W(xp.ghost),
 						children: /* @__PURE__ */ Z(er, { size: 20 })
 					}),
 					/* @__PURE__ */ Z("span", {
@@ -9981,7 +9984,7 @@ function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i
 						disabled: !D,
 						type: "button",
 						onClick: () => void te(1, D),
-						...W(bp.ghost),
+						...W(xp.ghost),
 						children: /* @__PURE__ */ Z(tr, { size: 20 })
 					})
 				]
@@ -9990,13 +9993,13 @@ function Dp({ id: e, board: t, sandbox: n = "allow-scripts", src: r, siblings: i
 	});
 }
 // src/viewer/lib/questions.ts
-var Op = (e) => ({
+var kp = (e) => ({
 	minX: e.x,
 	minY: e.y,
 	maxX: e.x + e.w,
 	maxY: e.y + e.h
 });
-function kp(e, t, n) {
+function Ap(e, t, n) {
 	let r = t.pages[n];
 	if (!r) return [];
 	let i = /* @__PURE__ */ new Set(), a = [];
@@ -10008,7 +10011,7 @@ function kp(e, t, n) {
 				id: t,
 				title: o.title ?? t,
 				boards: c,
-				bounds: Op(s)
+				bounds: kp(s)
 			});
 		}
 	}
@@ -10016,7 +10019,7 @@ function kp(e, t, n) {
 		id: t,
 		title: r.title ?? t,
 		boards: [t],
-		bounds: Op(r)
+		bounds: kp(r)
 	});
 	a.sort((e, t) => e.bounds.minY - t.bounds.minY || e.bounds.minX - t.bounds.minX);
 	let o = P(e, t, n), s = /* @__PURE__ */ new Map();
@@ -10031,25 +10034,25 @@ function kp(e, t, n) {
 	let c = (e) => o.find((t) => t.id === e)?.rect.y ?? -Infinity;
 	return [...s.values()].sort((e, t) => c(t.id) - c(e.id));
 }
-var Ap = (e) => e.flatMap((e) => e.questions);
-function jp(e, t) {
-	let n = Ap(e);
+var jp = (e) => e.flatMap((e) => e.questions);
+function Mp(e, t) {
+	let n = jp(e);
 	if (t) {
 		let r = e.find((e) => e.id === t)?.questions[0] ?? n.find((e) => e.id === t) ?? n.find((e) => e.boards.includes(t));
 		if (r) return r;
 	}
 	return n[0] ?? null;
 }
-function Mp(e, t, n) {
+function Np(e, t, n) {
 	let r = e.findIndex((e) => e.id === t);
 	return r === -1 ? null : e[r + n] ?? null;
 }
-var Np = .66, Pp = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
-function Fp({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, onPageChange: o, onPick: s, snap: c, onSnap: l, verdicts: u = {}, chose: d = {} }) {
-	let { t: f } = mt(), p = Ap(e), m = t ? p.findIndex((e) => e.id === t.id) : -1;
+var Pp = .66, Fp = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
+function Ip({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, onPageChange: o, onPick: s, snap: c, onSnap: l, verdicts: u = {}, chose: d = {} }) {
+	let { t: f } = mt(), p = jp(e), m = t ? p.findIndex((e) => e.id === t.id) : -1;
 	return /* @__PURE__ */ Z(je, {
 		snap: c,
-		snaps: [78, Np],
+		snaps: [78, Pp],
 		header: /* @__PURE__ */ Q("div", {
 			className: "x78zum5 x6s0dn4 x17d4w8g x1xijbu4 xsag5q8",
 			children: [
@@ -10058,7 +10061,7 @@ function Fp({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					disabled: !n,
 					type: "button",
 					onClick: () => n && s(n),
-					...W(bp.ghost),
+					...W(xp.ghost),
 					children: /* @__PURE__ */ Z(er, { size: 20 })
 				}),
 				/* @__PURE__ */ Q("span", {
@@ -10095,7 +10098,7 @@ function Fp({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 						"data-progress": !0,
 						className: "x78zum5 x1ed6fcf",
 						children: p.map((e) => {
-							let n = Pp(e, t, u);
+							let n = Fp(e, t, u);
 							return /* @__PURE__ */ Z("span", {
 								"data-mark": n,
 								...{
@@ -10125,7 +10128,7 @@ function Fp({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					disabled: !r,
 					type: "button",
 					onClick: () => r && s(r),
-					...W(bp.ghost),
+					...W(xp.ghost),
 					children: /* @__PURE__ */ Z(tr, { size: 20 })
 				})
 			]
@@ -10172,19 +10175,19 @@ function Fp({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 	});
 }
 // src/viewer/layouts/PhoneArtboard.tsx
-var Ip = {
+var Lp = {
 	top: 16,
 	right: 16,
 	bottom: 94,
 	left: 16
-}, Lp = 8, Rp = /* @__PURE__ */ new Set(), zp = () => {}, Bp = [];
-function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o, contentBase: s, boardPort: c, boardPath: l, versions: u, live: d, loaded: f, agent: p, agentSessions: m, comment: h, comments: g, actions: _ }) {
-	let { viewportRef: v, worldRef: y, overlayRef: b, view: x, viewNow: S, size: C, gesturing: w, fit: T, handlers: E } = Tf("hand"), [D, O] = X(null), [k, A] = X(78), [j, ee] = X(null), te = Y(null), ne = K((e, t = !1) => e ? (O(e.id), T(e.bounds, Ip, { animate: t }), !0) : !1, [T]), { page: M, changePage: re } = wd({
+}, Rp = 8, zp = /* @__PURE__ */ new Set(), Bp = () => {}, Vp = [];
+function Hp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o, contentBase: s, boardPort: c, boardPath: l, versions: u, live: d, loaded: f, agent: p, agentSessions: m, comment: h, comments: g, actions: _ }) {
+	let { viewportRef: v, worldRef: y, overlayRef: b, view: x, viewNow: S, size: C, gesturing: w, fit: T, handlers: E } = Ef("hand"), [D, O] = X(null), [k, A] = X(78), [j, ee] = X(null), te = Y(null), ne = K((e, t = !1) => e ? (O(e.id), T(e.bounds, Lp, { animate: t }), !0) : !1, [T]), { page: M, changePage: re } = wd({
 		canvas: n,
 		layout: r,
 		fitPage: K((e) => {
 			let t = r?.pages[e];
-			return !n || !t ? !1 : (ne(jp(kp(n, r, e), n.focus?.target)) || (O(null), t.bounds && T(t.bounds, Ip)), !0);
+			return !n || !t ? !1 : (ne(Mp(Ap(n, r, e), n.focus?.target)) || (O(null), t.bounds && T(t.bounds, Lp)), !0);
 		}, [
 			n,
 			r,
@@ -10192,11 +10195,11 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 			ne
 		]),
 		startAtFocus: !0
-	}), ie = J(() => n && r && M ? kp(n, r, M) : [], [
+	}), ie = J(() => n && r && M ? Ap(n, r, M) : [], [
 		n,
 		r,
 		M
-	]), ae = J(() => Ap(ie), [ie]), oe = ae.find((e) => e.id === D) ?? null, se = (e) => {
+	]), ae = J(() => jp(ie), [ie]), oe = ae.find((e) => e.id === D) ?? null, se = (e) => {
 		ne(e, !0), A(78);
 	}, N = n?.boards ?? {}, P = J(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === M), [n, M]), ce = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => N[e]?.page === M)), le = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === M), ue = J(() => new Set(o), [o]), F = Bd({
 		contentBase: s,
@@ -10212,19 +10215,19 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 		pending: de,
 		view: x,
 		viewport: C,
-		active: Rp,
+		active: zp,
 		gesturing: w
-	}), pe = Yd(P, x, C), I = J(() => new Set(g?.stale ?? []), [g]), L = Mf({
+	}), pe = Yd(P, x, C), I = J(() => new Set(g?.stale ?? []), [g]), L = Nf({
 		canvas: n,
 		page: M,
-		threads: g?.comments.threads ?? Bp,
+		threads: g?.comments.threads ?? Vp,
 		stale: I,
 		versions: u
 	}), R = Jd({
 		canvas: n,
 		layout: r,
 		page: M,
-		threads: g?.comments.threads ?? Bp,
+		threads: g?.comments.threads ?? Vp,
 		listening: g?.listening === !0,
 		comment: d === !1 ? void 0 : h
 	}), me = Object.fromEntries(ae.flatMap((e) => {
@@ -10244,7 +10247,7 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 	}, _e = (e) => {
 		E.onPointerMove(e);
 		let t = te.current;
-		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > Lp) && (te.current = null);
+		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > Rp) && (te.current = null);
 	}, ve = (e) => {
 		E.onPointerUp(e);
 		let t = te.current;
@@ -10288,7 +10291,7 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 						boards: P,
 						contentBase: s,
 						culled: pe,
-						frameLoaded: zp,
+						frameLoaded: Bp,
 						frameRef: fe.frameRef,
 						gesturing: w,
 						images: fe.images,
@@ -10297,7 +10300,7 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 						notes: le,
 						pending: de,
 						phases: fe.phases,
-						playing: Rp,
+						playing: zp,
 						replays: {},
 						versions: u,
 						view: x,
@@ -10311,7 +10314,7 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 						groups: ce,
 						overlayRef: b,
 						pending: ue,
-						playing: Rp,
+						playing: zp,
 						verdicts: L,
 						versions: u,
 						view: x,
@@ -10333,13 +10336,13 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 						summary: R.current,
 						onSubmit: R.submit,
 						onWithdraw: R.withdraw
-					}), /* @__PURE__ */ Z(Fp, {
+					}), /* @__PURE__ */ Z(Ip, {
 						chose: me,
 						current: oe,
-						next: D ? Mp(ae, D, 1) : null,
+						next: D ? Np(ae, D, 1) : null,
 						page: M,
 						pages: n?.pages ?? [],
-						previous: D ? Mp(ae, D, -1) : null,
+						previous: D ? Np(ae, D, -1) : null,
 						rounds: ie,
 						snap: k,
 						verdicts: L.states,
@@ -10349,7 +10352,7 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 					})]
 				}) : null]
 			}),
-			j && z ? /* @__PURE__ */ Z(Dp, {
+			j && z ? /* @__PURE__ */ Z(Op, {
 				board: z,
 				choice: R.boardChoice(j),
 				id: j,
@@ -10365,11 +10368,11 @@ function Vp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: o,
 	});
 }
 // src/viewer/layouts/ArtboardView.tsx
-function Hp(e) {
-	return re(se("(max-width: 640px)")) ? /* @__PURE__ */ Z(Vp, { ...e }) : /* @__PURE__ */ Z(Up, { ...e });
+function Up(e) {
+	return re(se("(max-width: 640px)")) ? /* @__PURE__ */ Z(Hp, { ...e }) : /* @__PURE__ */ Z(Wp, { ...e });
 }
-function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s, contentBase: c, backlinks: l, boardPort: u, boardPath: d, versions: f, live: p, loaded: m, send: h, agent: g, agentSessions: _, comments: v, comment: y, actions: b }) {
-	let [x, S] = X("select"), { viewportRef: C, worldRef: w, overlayRef: T, view: E, viewNow: D, gesturing: O, size: A, fit: ee, zoomBy: ne, zoomTo: M, cursor: re, hand: ie, handlers: ae, panBy: oe, wheelAt: se, panning: N, setSpaceHeld: P, place: ce } = Tf(x), [le, ue] = X(!1), [F] = X(() => new URLSearchParams(location.search).has("debug")), [de, fe] = X("open"), pe = (e) => e && r?.pages[e]?.bounds || null, { page: I, changePage: L } = wd({
+function Wp({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s, contentBase: c, backlinks: l, boardPort: u, boardPath: d, versions: f, live: p, loaded: m, send: h, agent: g, agentSessions: _, comments: v, comment: y, actions: b }) {
+	let [x, S] = X("select"), { viewportRef: C, worldRef: w, overlayRef: T, view: E, viewNow: D, gesturing: O, size: A, fit: ee, zoomBy: ne, zoomTo: M, cursor: re, hand: ie, handlers: ae, panBy: oe, wheelAt: se, panning: N, setSpaceHeld: P, place: ce } = Ef(x), [le, ue] = X(!1), [F] = X(() => new URLSearchParams(location.search).has("debug")), [de, fe] = X("open"), pe = (e) => e && r?.pages[e]?.bounds || null, { page: I, changePage: L } = wd({
 		canvas: n,
 		layout: r,
 		fitPage: K((e) => {
@@ -10392,7 +10395,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 		be.current = t;
 		let r = n?.boards[e], i = C.current;
 		if (B !== e && !R && r && i) {
-			let e = hp(r, D(), {
+			let e = gp(r, D(), {
 				width: i.clientWidth,
 				height: i.clientHeight
 			});
@@ -10420,7 +10423,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 			}
 		}
 	});
-	jf({
+	Mf({
 		artifact: t,
 		boards: n?.boards,
 		live: p,
@@ -10433,7 +10436,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 		page: I,
 		boards: n?.boards ?? {},
 		inspector: V
-	}), Te = Mf({
+	}), Te = Nf({
 		canvas: n,
 		page: I,
 		threads: H.threads,
@@ -10463,7 +10466,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 			x === "comment" && ke("select"), ue(e === "inspector");
 		}
 	}), je = j(n?.groups ?? {}, n?.boards ?? {}, I).map(([e]) => e), Me = J(() => [...H.stale], [H.stale]);
-	qf({
+	Jf({
 		canvas: n,
 		layout: r,
 		fit: (e) => ee(e),
@@ -10502,8 +10505,8 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 	let Be = n?.boards ?? {}, Ve = J(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === I), [n, I]), He = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => Be[e]?.page === I)), Ue = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === I), We = J(() => Object.fromEntries(Object.entries(n?.notes ?? {}).flatMap(([e, t]) => n && t.kind === "title" ? [[e, o(n, e)]] : [])), [n]), Ge = R ? Be[R] : void 0, Ke = Object.fromEntries(Object.entries(z.states).flatMap(([e, t]) => {
 		let n = Object.keys(t.schema?.controls ?? {}).length, r = Object.entries(t.schema?.controls ?? {}).some(([e, n]) => t.values[e] !== n.default);
 		return n || t.error ? [[e, r]] : [];
-	})), qe = B ? z.states[B] : void 0, Je = B ? Be[B] : void 0, Ye = (e) => B && qe && Je && (qe.schema || qe.error) ? /* @__PURE__ */ Z(vp, {
-		anchor: e ? mp(Je, E) : void 0,
+	})), qe = B ? z.states[B] : void 0, Je = B ? Be[B] : void 0, Ye = (e) => B && qe && Je && (qe.schema || qe.error) ? /* @__PURE__ */ Z(yp, {
+		anchor: e ? hp(Je, E) : void 0,
 		boardId: B,
 		state: qe,
 		title: Je.title ?? B,
@@ -10662,7 +10665,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 						Te.rejecting && Oe && /* @__PURE__ */ Z("div", {
 							ref: T,
 							className: "x10l6tqk xu96u03 x13vifvy xnalus7 xqtp20y xk3oba8",
-							children: /* @__PURE__ */ Z(yp, {
+							children: /* @__PURE__ */ Z(bp, {
 								group: Te.rejecting,
 								left: E.x + Oe.x * E.k,
 								top: E.y + Oe.y * E.k + 8,
@@ -10694,12 +10697,12 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 				/* @__PURE__ */ Q("div", {
 					ref: T,
 					className: "x10l6tqk xu96u03 x13vifvy xnalus7 xqtp20y",
-					children: [(Ce || we) && !Ze.marquee && V.hover && Be[V.hover.boardId] && /* @__PURE__ */ Z(Nf, {
+					children: [(Ce || we) && !Ze.marquee && V.hover && Be[V.hover.boardId] && /* @__PURE__ */ Z(Pf, {
 						board: Be[V.hover.boardId],
 						rect: V.hover.rect,
 						view: E,
 						nodeId: V.hover.id ? `${V.hover.boardId}#${V.hover.id}` : void 0
-					}), !R && V.targets.map((e) => Be[e.boardId] && /* @__PURE__ */ Z(Nf, {
+					}), !R && V.targets.map((e) => Be[e.boardId] && /* @__PURE__ */ Z(Pf, {
 						selected: !0,
 						board: Be[e.boardId],
 						name: e.name,
@@ -10786,7 +10789,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 							onOpen: Pe,
 							onTab: fe
 						}),
-						inspector: /* @__PURE__ */ Z(Gf, {
+						inspector: /* @__PURE__ */ Z(Kf, {
 							embedded: !0,
 							boards: Ve,
 							change: V.change,
@@ -10836,7 +10839,7 @@ function Up({ id: e, artifact: t, canvas: n, layout: r, warnings: a, pending: s,
 	});
 }
 // src/viewer/hooks/useHtmlData.ts
-function Wp(e, { live: t, revision: n, load: r, send: i }) {
+function Gp(e, { live: t, revision: n, load: r, send: i }) {
 	let [a, o] = X(null);
 	return q(() => {
 		let t = !1;
@@ -10864,8 +10867,8 @@ function Wp(e, { live: t, revision: n, load: r, send: i }) {
 	};
 }
 // src/viewer/layouts/HtmlView.tsx
-function Gp({ id: e, feed: t, actions: n }) {
-	let { data: r, send: i } = Wp(e, t);
+function Kp({ id: e, feed: t, actions: n }) {
+	let { data: r, send: i } = Gp(e, t);
 	q(() => {
 		document.title = r?.title || e;
 	}, [r?.title, e]), Jt("html");
@@ -10905,23 +10908,23 @@ function Gp({ id: e, feed: t, actions: n }) {
 	});
 }
 // src/viewer/lib/artifact-list.ts
-function Kp(e, t = Date.now()) {
+function qp(e, t = Date.now()) {
 	let n = new Intl.RelativeTimeFormat(Dt.language, { numeric: "always" }), r = Math.floor(Math.max(0, t - e) / 6e4);
 	return r === 0 ? Dt.t("time.justNow") : r < 60 ? n.format(-r, "minute") : r < 1440 ? n.format(-Math.floor(r / 60), "hour") : n.format(-Math.floor(r / 1440), "day");
 }
 // src/viewer/lib/error-text.ts
-function qp(e, t) {
+function Jp(e, t) {
 	return typeof e == "string" && Dt.exists(`errors.${e}`) ? Dt.t(`errors.${e}`) : t;
 }
-var Jp = (e) => typeof e == "object" && !!e && ft.includes(e.kind) && typeof e.max == "number";
-function Yp({ kind: t, max: n }) {
+var Yp = (e) => typeof e == "object" && !!e && ft.includes(e.kind) && typeof e.max == "number";
+function Xp({ kind: t, max: n }) {
 	return Dt.t(`planLimit.${t}`, { max: t === "storage" ? e(n) : n });
 }
-function Xp(e, t) {
-	return e.code === "plan_limit" && Jp(e.limit) ? Yp(e.limit) : qp(e.code, typeof e.error == "string" ? e.error : t);
+function Zp(e, t) {
+	return e.code === "plan_limit" && Yp(e.limit) ? Xp(e.limit) : Jp(e.code, typeof e.error == "string" ? e.error : t);
 }
 // src/viewer/lib/version.ts
-var Zp = "1.63.0", Qp = {
+var Qp = "1.65.0", $p = {
 	path: (e, t) => `/a/${t}`,
 	refId: (e) => e.to,
 	frameSrc: (e, t) => `/a/${t}/view`,
@@ -10929,7 +10932,7 @@ var Zp = "1.63.0", Qp = {
 	aloneHref: (e, t) => `/a/${t}`
 };
 // src/viewer/split/SplitNotice.tsx
-function $p({ bar: e, onStep: t }) {
+function em({ bar: e, onStep: t }) {
 	let { t: n } = mt();
 	return e ? e.kind === "notice" ? /* @__PURE__ */ Q("div", {
 		"data-split-notice": !0,
@@ -10973,7 +10976,7 @@ function $p({ bar: e, onStep: t }) {
 	}) : null;
 }
 // src/viewer/split/useDocumentHeader.ts
-function em(e) {
+function tm(e) {
 	let [t, n] = X(null), r = Y(null), i = Y(e);
 	return i.current = e, q(() => D((e, t) => {
 		let a = i.current();
@@ -11003,7 +11006,7 @@ function em(e) {
 	};
 }
 // src/viewer/split/useSplitRouting.ts
-function tm({ artboard: e, side: t, document: n, focus: r, host: i, show: a, navigate: o }) {
+function nm({ artboard: e, side: t, document: n, focus: r, host: i, show: a, navigate: o }) {
 	let s = Y({
 		document: null,
 		artboard: null,
@@ -11101,31 +11104,31 @@ function tm({ artboard: e, side: t, document: n, focus: r, host: i, show: a, nav
 	};
 }
 // src/viewer/split/SplitShell.tsx
-var nm = [
+var rm = [
 	"document",
 	"artboard",
 	"whiteboard"
-], rm = {
+], im = {
 	document: mr,
 	artboard: Sr,
 	whiteboard: kr
-}, im = .25, am = .75, om = {
+}, am = .25, om = .75, sm = {
 	position: "absolute",
 	visibility: "hidden"
-}, sm = 240, cm = 180, lm = 320, um = [{
+}, cm = 240, lm = 180, um = 320, dm = [{
 	opacity: 0,
 	transform: "translateX(48px)"
 }, {
 	opacity: 1,
 	transform: "none"
-}], dm = [{
+}], fm = [{
 	opacity: 1,
 	transform: "none"
 }, {
 	opacity: 0,
 	transform: "translateX(48px)"
-}], fm = [{ transform: "translateX(100%)" }, { transform: "none" }], pm = [{ transform: "none" }, { transform: "translateX(100%)" }];
-function mm(e, t) {
+}], pm = [{ transform: "translateX(100%)" }, { transform: "none" }], mm = [{ transform: "none" }, { transform: "translateX(100%)" }];
+function hm(e, t) {
 	let [n, r] = X(null);
 	return q(() => {
 		if (!t || !e.title) return;
@@ -11140,7 +11143,7 @@ function mm(e, t) {
 		};
 	}, [e, t]), n?.id === t ? n.text : t;
 }
-function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
+function gm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 	let { t: a } = mt(), o = se(I), [s, c] = X(n?.with ?? ""), [l] = X(() => ({
 		type: e,
 		id: t
@@ -11150,12 +11153,13 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 	}, m = Y({
 		group: n?.group,
 		board: n?.board,
-		frame: n?.frame
+		frame: n?.frame,
+		page: n?.page
 	}).current, h = Y(l.type), [g, _] = X(l.type), [v, y] = X(!!n), [b, S] = X(() => x(l.type, u)), [C, w] = X(.58), [T, E] = X(!1), O = Y(null), k = Y({
 		document: null,
 		artboard: null,
 		whiteboard: null
-	}), j = Y(null), ee = Y(v), te = Y([]), ne = Y({}), re = Y(null), ie = Y(!1), ae = tm({
+	}), j = Y(null), ee = Y(v), te = Y([]), ne = Y({}), re = Y(null), ie = Y(!1), ae = nm({
 		artboard: p[u],
 		side: u,
 		document: p.document,
@@ -11174,10 +11178,11 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 			Object.assign(m, {
 				group: n.group,
 				board: n.board,
-				frame: n.frame
+				frame: n.frame,
+				page: n.page
 			}), d(a), c(n.with), y(!0), S(x(l.type, a)), history.replaceState(history.state, "", `${location.pathname}${t.search}`);
 		}
-	}), oe = mm(r, s), N = em(() => ae.window("document")), P = () => {
+	}), oe = hm(r, s), N = tm(() => ae.window("document")), P = () => {
 		let e = h.current, t = v ? o ? b : null : e;
 		for (let n of f) {
 			let r = k.current[n];
@@ -11185,7 +11190,7 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 			let i = n === e ? "primary" : "secondary";
 			r.dataset.role = i, r.style.order = i === "primary" ? "0" : "2", r.style.flex = !v || o ? "1 1 auto" : i === "primary" ? `0 0 ${C * 100}%` : "1 1 0";
 			let a = t !== null && t !== n;
-			r.style.position = a ? om.position : "", r.style.inset = a ? "0" : "", r.style.visibility = a ? om.visibility : "";
+			r.style.position = a ? sm.position : "", r.style.inset = a ? "0" : "", r.style.visibility = a ? sm.visibility : "";
 			let s = r.querySelector(":scope > header");
 			s && (s.style.display = i === "primary" ? "none" : "");
 		}
@@ -11204,24 +11209,24 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 			kind: "chrome",
 			hosted: ie.current
 		}), e.kind !== "title") return;
-		let n = nm.find((e) => ae.window(e) === t);
+		let n = rm.find((e) => ae.window(e) === t);
 		n && (ne.current[n] = e.title, n === h.current && (document.title = e.title));
 	}), []), vn(() => {
 		for (let e of te.current.splice(0)) e.cancel();
 		let e = P(), t = ee.current, n = j.current;
 		if (ee.current = v, j.current = e, et()) return;
 		let r = k.current[x(h.current, u)];
-		if (v && !t && !o) L(r, um, {
-			duration: sm,
+		if (v && !t && !o) L(r, dm, {
+			duration: cm,
 			easing: Pe
 		}), L(k.current[h.current], [{ flexBasis: "100%" }, { flexBasis: `${C * 100}%` }], {
-			duration: sm,
+			duration: cm,
 			easing: Pe
 		});
 		else if (o && e && n && e !== n && e !== h.current) {
 			let t = k.current[n];
-			t && (t.style.visibility = ""), L(k.current[e], fm, {
-				duration: sm,
+			t && (t.style.visibility = ""), L(k.current[e], pm, {
+				duration: cm,
 				easing: Pe
 			}).then(() => {
 				t && j.current !== n && (t.style.visibility = "hidden");
@@ -11234,7 +11239,7 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 	}, le = async (e, t, n) => {
 		if (!e || et()) return n();
 		let r = e.animate(t, {
-			duration: cm,
+			duration: lm,
 			easing: Te,
 			fill: "forwards"
 		});
@@ -11244,7 +11249,7 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 		h.current = x(h.current, u), P(), ce(h.current, !0), !et() && f.forEach((t, n) => {
 			let r = k.current[t], i = e[n] - (r?.getBoundingClientRect().left ?? 0);
 			r && i && L(r, [{ transform: `translateX(${i}px)` }, { transform: "none" }], {
-				duration: lm,
+				duration: um,
 				easing: Pe
 			});
 		});
@@ -11256,10 +11261,10 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 		};
 		if (!t || !n || et()) return r();
 		let i = {
-			duration: cm,
+			duration: lm,
 			easing: Te,
 			fill: "forwards"
-		}, a = [t.animate([{ flexBasis: `${C * 100}%` }, { flexBasis: "100%" }], i), n.animate(dm, i)];
+		}, a = [t.animate([{ flexBasis: `${C * 100}%` }, { flexBasis: "100%" }], i), n.animate(fm, i)];
 		Promise.all(a.map((e) => e.finished.catch(() => void 0))).then(() => {
 			t.style.flex = "1 1 auto", n.style.display = "none", re.current && (re.current.style.display = "none");
 			for (let e of a) e.cancel();
@@ -11267,14 +11272,14 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 		});
 	}, de = () => {
 		let e = k.current[b], t = k.current[h.current];
-		t && e && !et() && (t.style.visibility = "", e.style.zIndex = "1"), le(e, pm, () => {
+		t && e && !et() && (t.style.visibility = "", e.style.zIndex = "1"), le(e, mm, () => {
 			e && (e.style.zIndex = ""), S(h.current);
 		});
 	}, fe = (e) => {
 		let t = O.current?.getBoundingClientRect();
 		if (!t?.width) return;
 		let n = (e.clientX - t.left) / t.width;
-		w(Math.min(am, Math.max(im, n)));
+		w(Math.min(om, Math.max(am, n)));
 	};
 	return /* @__PURE__ */ Q("div", {
 		ref: O,
@@ -11284,7 +11289,7 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 		}[!!i | 0],
 		children: [f.map((e) => {
 			if (!p[e] || !v && e !== g) return null;
-			let t = rm[e];
+			let t = im[e];
 			return /* @__PURE__ */ Q("section", {
 				"data-split-pane": e,
 				ref: (t) => {
@@ -11355,7 +11360,7 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 					]
 				}), /* @__PURE__ */ Q("div", {
 					className: "x1n2onr6 x98rzlu x2lwn1j",
-					children: [e === "document" && /* @__PURE__ */ Z($p, {
+					children: [e === "document" && /* @__PURE__ */ Z(em, {
 						bar: ae.bar,
 						onStep: ae.step
 					}), /* @__PURE__ */ Z("iframe", {
@@ -11386,5 +11391,5 @@ function hm({ type: e, id: t, split: n, host: r, fill: i = !1 }) {
 	});
 }
 // src/viewer/whiteboard/LazyReadOnlyWhiteboard.ts
-var gm = mn(() => import("./ReadOnlyWhiteboard-B889mK_6.js").then(({ ReadOnlyWhiteboard: e }) => ({ default: e })));
-export { Et as ARTIFACT_LOCATOR_SOURCE, ht as ARTIFACT_TYPES, Hp as ArtboardView, ii as ArtifactThumbnail, Nt as BOARD_TYPES, i as CanvasErrorBoundary, dt as ENTRY_FILE, pi as EmbeddedCanvas, At as HTML_LANG, fe as HTML_SANDBOX, Gp as HtmlView, gm as LazyReadOnlyWhiteboard, b as MAIN_PORTS, Mt as MAX_ARTIFACT_BYTES, I as PHONE_QUERY, ft as PLAN_LIMIT_KINDS, _ as PreviewView, hi as PublicationStatus, Ot as RELAY_DAILY_LIMIT, gt as RELAY_REJECTED_CODE, qe as RailSwitch, vi as RyugiMark, hm as SplitShell, Wt as TYPE_GLYPHS, Ht as TYPE_ICON_VIEWBOX, kt as Trans, ri as TypeIcon, Zp as VIEWER_VERSION, y as ViewerProvider, Oe as anchorBlockIds, he as applyAgentOp, Be as applyAgentThreadOp, ni as applyBoardAgentOp, ti as applyBoardHumanOp, Ye as applyHumanOp, ve as applyThreadOp, Yr as boardAnchors, Si as boardCommentsFromMessage, xi as boardCommentsFromPayload, t as cloudErrorDetails, Qp as cloudSplitFrames, Lt as createRelayConnection, Tt as createViewerI18n, Me as documentAnchors, le as dropPendingAnchor, Xr as emptyBoardComments, $e as emptyComments, qp as errorText, e as formatBytes, T as holdEmbedAnchor, Dt as i18n, oe as inSplit, wt as isArtifactAddress, bt as isArtifactId, yt as isArtifactLocator, pt as isArtifactType, zr as isChoiceRecord, st as isMediaBoard, jt as isMintedArtifactId, B as isObject, Jp as isPlanLimit, lt as isVisibility, Qr as mergeBoardComments, Se as mergeComments, Pt as mintArtifactId, D as onSplitMessage, Ue as openThread, ct as ownLink, ln as pageLink, _t as parseAcceptLanguage, Fe as parseComments, ke as parseSplit, w as pendingAnchor, Yp as planLimitMessage, ut as publishState, St as publishing, Jr as readBoardAnchor, be as readCloudHeader, ie as readEmbedAnchor, ot as readPublication, Kp as relativeUpdatedAt, Ct as relayRejection, Ze as reportCloudHeader, vt as resolveLocale, Xp as responseErrorText, Ae as restoreAnchorSoon, Zr as savedBoardComments, Ee as savedComments, xt as syncNote, U as t, zt as typeFaviconHref, V as unreadThreads, Ti as useCanvasData, Re as useCloudHeader, se as useMedia, sn as usePageQuery, de as useSandboxFrame, n as useSystemTheme, mt as useTranslation, Jt as useTypeFavicon, R as waitingOn };
+var _m = mn(() => import("./ReadOnlyWhiteboard-B889mK_6.js").then(({ ReadOnlyWhiteboard: e }) => ({ default: e })));
+export { Et as ARTIFACT_LOCATOR_SOURCE, ht as ARTIFACT_TYPES, Up as ArtboardView, ii as ArtifactThumbnail, Nt as BOARD_TYPES, i as CanvasErrorBoundary, dt as ENTRY_FILE, pi as EmbeddedCanvas, At as HTML_LANG, fe as HTML_SANDBOX, Kp as HtmlView, _m as LazyReadOnlyWhiteboard, b as MAIN_PORTS, Mt as MAX_ARTIFACT_BYTES, I as PHONE_QUERY, ft as PLAN_LIMIT_KINDS, _ as PreviewView, hi as PublicationStatus, Ot as RELAY_DAILY_LIMIT, gt as RELAY_REJECTED_CODE, qe as RailSwitch, vi as RyugiMark, gm as SplitShell, Wt as TYPE_GLYPHS, Ht as TYPE_ICON_VIEWBOX, kt as Trans, ri as TypeIcon, Qp as VIEWER_VERSION, y as ViewerProvider, Oe as anchorBlockIds, he as applyAgentOp, Be as applyAgentThreadOp, ni as applyBoardAgentOp, ti as applyBoardHumanOp, Ye as applyHumanOp, ve as applyThreadOp, Yr as boardAnchors, Si as boardCommentsFromMessage, xi as boardCommentsFromPayload, t as cloudErrorDetails, $p as cloudSplitFrames, Lt as createRelayConnection, Tt as createViewerI18n, Me as documentAnchors, le as dropPendingAnchor, Xr as emptyBoardComments, $e as emptyComments, Jp as errorText, e as formatBytes, T as holdEmbedAnchor, Dt as i18n, oe as inSplit, wt as isArtifactAddress, bt as isArtifactId, yt as isArtifactLocator, pt as isArtifactType, zr as isChoiceRecord, st as isMediaBoard, jt as isMintedArtifactId, B as isObject, Yp as isPlanLimit, lt as isVisibility, Qr as mergeBoardComments, Se as mergeComments, Pt as mintArtifactId, D as onSplitMessage, Ue as openThread, ct as ownLink, ln as pageLink, _t as parseAcceptLanguage, Fe as parseComments, ke as parseSplit, w as pendingAnchor, Xp as planLimitMessage, ut as publishState, St as publishing, Jr as readBoardAnchor, be as readCloudHeader, ie as readEmbedAnchor, ot as readPublication, qp as relativeUpdatedAt, Ct as relayRejection, Ze as reportCloudHeader, vt as resolveLocale, Zp as responseErrorText, Ae as restoreAnchorSoon, Zr as savedBoardComments, Ee as savedComments, xt as syncNote, U as t, zt as typeFaviconHref, V as unreadThreads, Ti as useCanvasData, Re as useCloudHeader, se as useMedia, sn as usePageQuery, de as useSandboxFrame, n as useSystemTheme, mt as useTranslation, Jt as useTypeFavicon, R as waitingOn };