ryugi-artifacts 1.48.1 → 1.48.2

package/dist/viewer-lib/index.js

@@ -1,7 +1,7 @@
-import './stylex-C87PWRry.css';
+import './stylex-CM17SXYo.css';
 import './index-DLyi-yDq.css';
 import { C as e, D as t, E as n, O as r, S as i, T as a, _ as o, a as s, b as c, c as l, f as u, g as d, h as f, i as p, k as m, l as h, m as g, n as _, o as v, p as y, r as b, s as x, t as S, u as C, v as w, w as T, x as E, y as D } from "./PreviewView-Dhif0ukY.js";
-import { $ as O, At as k, Ct as A, Dt as j, Et as ee, Ft as te, H as ne, It as M, Mt as re, Nt as ie, Ot as ae, P as oe, Pt as se, Q as N, R as P, S as ce, St as F, Tt as I, U as L, W as le, X as ue, Y as de, _t as R, a as z, at as fe, bt as pe, dt as me, f as he, ft as ge, gt as _e, ht as B, i as V, it as H, jt as ve, kt as ye, l as be, lt as xe, m as Se, mt as Ce, n as we, ot as Te, q as Ee, r as U, rt as De, s as Oe, st as ke, t as Ae, tt as je, vt as Me, wt as Ne, x as Pe, xt as Fe, y as Ie, yt as Le } from "./motion-BkUMioN-.js";
+import { $ as O, At as k, Ct as A, Dt as j, Et as ee, Ft as M, H as te, It as N, Mt as ne, Nt as re, Ot as ie, P as ae, Pt as P, Q as F, R as I, S as oe, St as L, Tt as R, U as z, W as se, X as ce, Y as le, _t as ue, a as de, at as fe, bt as pe, dt as B, f as me, ft as he, gt as ge, ht as _e, i as ve, it as V, jt as H, kt as U, l as ye, lt as be, m as xe, mt as Se, n as Ce, ot as we, q as Te, r as Ee, rt as De, s as Oe, st as ke, t as Ae, tt as je, vt as Me, wt as Ne, x as Pe, xt as Fe, y as Ie, yt as Le } from "./motion-BkUMioN-.js";
 import { a as Re, c as ze, d as Be, f as Ve, h as He, i as W, l as Ue, m as We, n as Ge, o as G, p as Ke, r as qe, s as Je, t as Ye, u as Xe } from "./i18n-C0ysopzN.js";
 import { a as Ze, c as Qe, d as $e, f as et, h as tt, l as nt, m as rt, n as it, o as at, p as ot, t as st, u as ct } from "./WarningsBadge-5iaPvvwB.js";
 import { t as lt } from "./tokens.stylex-CTBTXJt7.js";
@@ -77,10 +77,10 @@ var Hn = {
 }, Un = () => ({
 	version: 1,
 	threads: []
-}), Wn = (e) => se(e, Hn), Gn = (e, t, n, r, i, a) => ve(e, t, n, r, i, a, Hn);
+}), Wn = (e) => P(e, Hn), Gn = (e, t, n, r, i, a) => H(e, t, n, r, i, a, Hn);
 function Kn(e, t, n, r, i) {
 	if (t.op !== "create") return j(e, t, n, r, i);
-	let a = re(t.anchor, "human", t.text, n, r, i);
+	let a = ne(t.anchor, "human", t.text, n, r, i);
 	if (t.anchor.verdict !== "pass") return {
 		...e,
 		threads: [...e.threads, a]
@@ -104,7 +104,7 @@ function Kn(e, t, n, r, i) {
 function qn(e, t, n, r, i) {
 	if (t.op === "resolve" && e.threads.find((e) => e.id === t.threadId)?.anchor.verdict === "reject") throw Error("a reject closes only when your human partner passes the group");
 	if (t.op === "add") {
-		let a = re(t.anchor, "agent", t.text, n, r, { name: i });
+		let a = ne(t.anchor, "agent", t.text, n, r, { name: i });
 		return {
 			file: {
 				...e,
@@ -114,7 +114,7 @@ function qn(e, t, n, r, i) {
 			messageId: a.messages[0].id
 		};
 	}
-	return I(e, t, n, r, i);
+	return R(e, t, n, r, i);
 }
 //#endregion
 //#region src/viewer/components/TypeIcon.tsx
@@ -1089,7 +1089,7 @@ function Er({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTa
 									children: [
 										/* @__PURE__ */ Z("span", {
 											className: "xo2rkog x1s688f",
-											children: t ? Ce(t).label : ""
+											children: t ? Se(t).label : ""
 										}),
 										e.status === "resolved" ? /* @__PURE__ */ Z("span", { children: l("common.resolved") }) : null,
 										/* @__PURE__ */ Z("span", {
@@ -1202,69 +1202,73 @@ function Nr({ point: e, width: t, height: n, children: r }) {
 		children: r
 	});
 }
-function Pr({ view: e, page: t, boards: n, width: r, height: i, threads: a, stale: o, numbers: s, showResolved: c, draft: l, openId: u, actions: d, agent: f, onOpen: p, onSubmit: m, onCancelDraft: h }) {
-	let { t: g } = Re(), _ = a.filter((e) => e.anchor.page === t && e.anchor.verdict !== "pass" && e.messages.some((e) => !e.deleted) && (c || e.status === "open" || e.id === u)), v = a.find((e) => e.id === u), y = v ? yr(v.anchor, n) : null, b = l ? yr(l, n) : null;
-	return /* @__PURE__ */ Q("div", {
+function Pr({ view: e, overlayRef: t, page: n, boards: r, width: i, height: a, threads: o, stale: s, numbers: c, showResolved: l, draft: u, openId: d, actions: f, agent: p, onOpen: m, onSubmit: h, onCancelDraft: g }) {
+	let { t: _ } = Re(), v = o.filter((e) => e.anchor.page === n && e.anchor.verdict !== "pass" && e.messages.some((e) => !e.deleted) && (l || e.status === "open" || e.id === d)), y = o.find((e) => e.id === d), b = y ? yr(y.anchor, r) : null, x = u ? yr(u, r) : null;
+	return /* @__PURE__ */ Z("div", {
 		"data-chrome": "comments",
 		className: "x10l6tqk x10a8y8t x47corl xb3r6kr x1q8xho0",
-		children: [
-			_.map((t) => {
-				let r = yr(t.anchor, n);
-				if (!r) return null;
-				let i = jr(e, r), a = t.messages[0]?.author;
-				return /* @__PURE__ */ Z("button", {
-					"aria-label": g("comments.pin", { number: s.get(t.id) ?? "" }),
-					"data-verdict": t.anchor.verdict,
-					type: "button",
-					onClick: () => p(t.id === u ? null : t.id),
-					...G(Ar.pin, a === "agent" && Ar.agent, t.anchor.verdict === "reject" && Ar.reject, t.status === "resolved" && Ar.resolved, o.has(t.id) && Ar.stale, t.id === u && Ar.open),
-					style: {
-						left: i.x,
-						top: i.y
-					},
-					children: s.get(t.id)
-				}, t.id);
-			}),
-			v ? /* @__PURE__ */ Z(Nr, {
-				height: i,
-				point: y ? jr(e, y) : null,
-				width: r,
-				children: /* @__PURE__ */ Z(xe, {
-					actions: d,
-					agent: f,
-					label: `#${s.get(v.id)} ${xr(v.anchor)}${o.has(v.id) ? ` · ${Sr(v.anchor)}` : ""}`,
-					thread: v,
-					onClose: () => p(null)
-				})
-			}) : null,
-			l && b ? /* @__PURE__ */ Q(St, { children: [/* @__PURE__ */ Z("span", {
-				className: "x10l6tqk xgd8bvy x1fgtraw x1717udv xrvj5dj x1ku5rj1 x983p9h xdh2fpr x1y0btm7 xexa23x x7grq7f x8r4el6 xqfszdh x1j6dyjg x1s688f x105ttfm x67bb7w x1ypdohk",
-				style: {
-					left: jr(e, b).x,
-					top: jr(e, b).y
-				}
-			}), /* @__PURE__ */ Q(Nr, {
-				height: i,
-				point: jr(e, b),
-				width: r,
-				children: [
-					/* @__PURE__ */ Z("div", {
-						className: "x78zum5 x6s0dn4 x17d4w8g x889kno xqin4a2 x1j6dyjg xddlp02 xb3r6kr xuxw1ft xlyipyv",
-						children: g("comments.anchoredTo", { label: xr(l) })
-					}),
-					/* @__PURE__ */ Z(me, {
-						autoFocus: !0,
-						placeholder: g("comments.addPlaceholder"),
-						onCancel: h,
-						onSubmit: m
-					}),
-					/* @__PURE__ */ Z("div", {
-						className: "xqin4a2 x1a8lsjc x1k6wstc xc7n51q xqfszdh",
-						children: g("comments.sendHint")
+		children: /* @__PURE__ */ Q("div", {
+			ref: t,
+			className: "x10l6tqk x10a8y8t",
+			children: [
+				v.map((t) => {
+					let n = yr(t.anchor, r);
+					if (!n) return null;
+					let i = jr(e, n), a = t.messages[0]?.author;
+					return /* @__PURE__ */ Z("button", {
+						"aria-label": _("comments.pin", { number: c.get(t.id) ?? "" }),
+						"data-verdict": t.anchor.verdict,
+						type: "button",
+						onClick: () => m(t.id === d ? null : t.id),
+						...G(Ar.pin, a === "agent" && Ar.agent, t.anchor.verdict === "reject" && Ar.reject, t.status === "resolved" && Ar.resolved, s.has(t.id) && Ar.stale, t.id === d && Ar.open),
+						style: {
+							left: i.x,
+							top: i.y
+						},
+						children: c.get(t.id)
+					}, t.id);
+				}),
+				y ? /* @__PURE__ */ Z(Nr, {
+					height: a,
+					point: b ? jr(e, b) : null,
+					width: i,
+					children: /* @__PURE__ */ Z(be, {
+						actions: f,
+						agent: p,
+						label: `#${c.get(y.id)} ${xr(y.anchor)}${s.has(y.id) ? ` · ${Sr(y.anchor)}` : ""}`,
+						thread: y,
+						onClose: () => m(null)
 					})
-				]
-			})] }) : null
-		]
+				}) : null,
+				u && x ? /* @__PURE__ */ Q(St, { children: [/* @__PURE__ */ Z("span", {
+					className: "x10l6tqk xgd8bvy x1fgtraw x1717udv xrvj5dj x1ku5rj1 x983p9h xdh2fpr x1y0btm7 xexa23x x7grq7f x8r4el6 xqfszdh x1j6dyjg x1s688f x105ttfm x67bb7w x1ypdohk",
+					style: {
+						left: jr(e, x).x,
+						top: jr(e, x).y
+					}
+				}), /* @__PURE__ */ Q(Nr, {
+					height: a,
+					point: jr(e, x),
+					width: i,
+					children: [
+						/* @__PURE__ */ Z("div", {
+							className: "x78zum5 x6s0dn4 x17d4w8g x889kno xqin4a2 x1j6dyjg xddlp02 xb3r6kr xuxw1ft xlyipyv",
+							children: _("comments.anchoredTo", { label: xr(u) })
+						}),
+						/* @__PURE__ */ Z(B, {
+							autoFocus: !0,
+							placeholder: _("comments.addPlaceholder"),
+							onCancel: g,
+							onSubmit: h
+						}),
+						/* @__PURE__ */ Z("div", {
+							className: "xqin4a2 x1a8lsjc x1k6wstc xc7n51q xqfszdh",
+							children: _("comments.sendHint")
+						})
+					]
+				})] }) : null
+			]
+		})
 	});
 }
 //#endregion
@@ -4905,7 +4909,7 @@ function fl(e, t, n, r, i, a, o, s, c, l) {
 		read: 0,
 		scripts: 31,
 		openBrackets: []
-	}, j = 0, ee = x && o.unspacedCursive !== "none" && il(h), te = !x, ne = null, M = null, re = null, ie = null, ae = o.unfitHyphenRetreat === "full-width-or-first";
+	}, j = 0, ee = x && o.unspacedCursive !== "none" && il(h), M = !x, te = null, N = null, ne = null, re = null, ie = o.unfitHyphenRetreat === "full-width-or-first";
 	for (let r = t, i = b; r < n; r++, i++) {
 		let s = d[r], l = p[r], u = l & 15, b = 0, E = 0, D = null;
 		switch (u) {
@@ -4915,7 +4919,7 @@ function fl(e, t, n, r, i, a, o, s, c, l) {
 					break;
 				}
 				let d = o.measureTextWithFollowingSpace && w ? cl(e, r, n) : null, _ = d === "", v = _ ? js(s, S) : As(s, S);
-				re = s, ie = v;
+				ne = s, re = v;
 				let y = d === null || _ ? 0 : ll(s + d, S, T);
 				if (k !== null && v.spaceKerning !== Is) {
 					let e = r > t && el(p[r - 1] & 15), a = r + 1 < n && el(p[r + 1] & 15);
@@ -4925,17 +4929,17 @@ function fl(e, t, n, r, i, a, o, s, c, l) {
 					}
 				}
 				b = dl(s, v, S, C, _ ? T : 0, y);
-				let O = null, te = Os;
+				let O = null, M = Os;
 				if (x && (E = Gc(s, u, o.graphemeTable), ee && (O = sl(h, f[r] - m, f[r] - m + s.length, o.graphemeTable, o.unspacedCursive === "run" ? A : null), O !== null && (b -= O.length * a)), o.letterSpacesGlyphs)) {
-					te = v.extraSpacings ??= Qc(s) ? ks(s, S) : Os;
-					for (let e = 0; e < te.length; e++) b += te[e] * a;
+					M = v.extraSpacings ??= Qc(s) ? ks(s, S) : Os;
+					for (let e = 0; e < M.length; e++) b += M[e] * a;
 				}
 				if (!c || l & 128 || s.length === 1) break;
-				let M = uc(s, v, S, C, a === 0 ? Xc.test(s) ? "pair-context" : v.width < o.prefixFitMinWidth ? "sum-graphemes" : o.cutWordFit : "segment-prefixes", _ ? T : null);
-				if (D = M.advances, D === null) break;
-				if (M.lineStartExtras !== null && ((ne ??= Array(n - t).fill(null))[r - t] = M.lineStartExtras), y !== 0 && (D = D.slice(), D[D.length - 1] = D[D.length - 1] + y), te.length !== 0) {
+				let N = uc(s, v, S, C, a === 0 ? Xc.test(s) ? "pair-context" : v.width < o.prefixFitMinWidth ? "sum-graphemes" : o.cutWordFit : "segment-prefixes", _ ? T : null);
+				if (D = N.advances, D === null) break;
+				if (N.lineStartExtras !== null && ((te ??= Array(n - t).fill(null))[r - t] = N.lineStartExtras), y !== 0 && (D = D.slice(), D[D.length - 1] = D[D.length - 1] + y), M.length !== 0) {
 					D = D.slice();
-					for (let e = 0; e < te.length; e++) D[e] = D[e] + te[e] * a;
+					for (let e = 0; e < M.length; e++) D[e] = D[e] + M[e] * a;
 				}
 				if (O !== null) {
 					D = D.slice();
@@ -4958,43 +4962,43 @@ function fl(e, t, n, r, i, a, o, s, c, l) {
 				break;
 			}
 		}
-		u !== 0 && u !== 1 && u !== 2 && (te = !1), u !== 0 && u !== 3 && (re = null), _[i] = l & -129 | (x && E > 0 ? 16 : 0), g[i] = Kc(b, E, a), v[i] = D, y !== null && (y[r - t] = s), u !== 0 && s.charCodeAt(0) === 173 ? (M ??= Es(r - t), M[r - t] = ae ? 0 : ul(e, r, n, re, ie, S, C, o.lineFitEpsilon)) : M !== null && (M[r - t] = 0);
+		u !== 0 && u !== 1 && u !== 2 && (M = !1), u !== 0 && u !== 3 && (ne = null), _[i] = l & -129 | (x && E > 0 ? 16 : 0), g[i] = Kc(b, E, a), v[i] = D, y !== null && (y[r - t] = s), u !== 0 && s.charCodeAt(0) === 173 ? (N ??= Es(r - t), N[r - t] = ie ? 0 : ul(e, r, n, ne, re, S, C, o.lineFitEpsilon)) : N !== null && (N[r - t] = 0);
 	}
-	let oe = Ys(M === null ? "-" : o.hyphenFromPrimaryFont ? xs(S) : "‐", S, C) + (a === 0 ? 0 : a * (o.letterSpaceDiscretionaryHyphen ? 2 : 1)), se = {
+	let ae = Ys(N === null ? "-" : o.hyphenFromPrimaryFont ? xs(S) : "‐", S, C) + (a === 0 ? 0 : a * (o.letterSpaceDiscretionaryHyphen ? 2 : 1)), P = {
 		widthTrims: null,
 		lineStartExtras: null,
 		lineEndTrims: null,
 		overflowLineEndTrims: null
 	};
 	if (o.hanKerning && Ic(h)) {
-		se = Wc(S, e, t, n);
-		let r = se.widthTrims;
+		P = Wc(S, e, t, n);
+		let r = P.widthTrims;
 		if (r !== null) for (let e = 0; e < r.length; e++) g[b + e] = g[b + e] - r[e];
 	}
-	let N = se.lineStartExtras;
+	let F = P.lineStartExtras;
 	if (o.kernsAcrossCanvasWords && S.measuredKana && S.kanaKerning !== null && Ps.test(h)) {
 		let r = Ks(S);
-		r !== null && (N = pl(N, g, b, e, t, n, S, r));
+		r !== null && (F = pl(F, g, b, e, t, n, S, r));
 	}
-	let P = se.lineEndTrims;
-	o.hangsIdeographicSpace && h.includes("　") && (P = ml(P, e, S, a, oe, t, n));
-	let ce = {
+	let I = P.lineEndTrims;
+	o.hangsIdeographicSpace && h.includes("　") && (I = ml(I, e, S, a, ae, t, n));
+	let oe = {
 		widths: g,
 		segmentFlags: _,
-		simpleLineWalkFastPath: te && !e.hasUnbroken,
-		simpleLineCountFastPath: te,
+		simpleLineWalkFastPath: M && !e.hasUnbroken,
+		simpleLineCountFastPath: M,
 		breakableFitAdvances: v,
 		letterSpacing: a,
-		discretionaryHyphenWidth: oe,
-		discretionaryHyphenContexts: M,
-		breakableLineStartExtras: ne,
-		lineStartExtras: N,
-		lineEndTrims: P,
-		overflowLineEndTrims: se.overflowLineEndTrims,
+		discretionaryHyphenWidth: ae,
+		discretionaryHyphenContexts: N,
+		breakableLineStartExtras: te,
+		lineStartExtras: F,
+		lineEndTrims: I,
+		overflowLineEndTrims: P.overflowLineEndTrims,
 		tabStopAdvance: D,
 		minimumTabAdvance: O
 	};
-	return y !== null && (ce.segments = y), ce;
+	return y !== null && (oe.segments = y), oe;
 }
 function pl(e, t, n, r, i, a, o, s) {
 	let { normalized: c, starts: l, flags: u } = r;
@@ -5115,10 +5119,10 @@ function El(e, t, n, r, i, a) {
 	return u < l;
 }
 function Dl(e, t, n, r, i, a = !1) {
-	let { widths: o, segmentFlags: s, breakableFitAdvances: c, discretionaryHyphenWidth: l, letterSpacing: u, lineStartExtras: d, lineEndTrims: f, overflowLineEndTrims: p, tabStopAdvance: m, minimumTabAdvance: h } = e, g = o.length, _ = e.items, v = _ === void 0 ? null : _.hyphenWidths, y = _ === void 0 ? null : _.hyphenRooms, b = _ === void 0 ? null : _.itemEndHalts, x = _ === void 0 ? null : _.insideExtras, S = _ === void 0 ? null : _.fillExtras, C = _ === void 0 ? null : _.openingEdges, w = _ === void 0 ? null : _.emptyObjectSpaces, T = _ === void 0 ? null : _.emptyObjectReturns, E = Zs(), D = 16 | (E.hangTabs ? 32 : 0), O = _ !== void 0 && E.hangsSpacesPerTextFrame, k = E.testsHyphenBeforeAtomic, A = E.zeroWidthGlueTakesLine, j = E.tabsInAppUnits, ee = E.paddedOpeningFit, te = E.hardBreakItemRetreat, ne = Math.max(0, n), M = ne + E.lineFitEpsilon, re = e.discretionaryHyphenContexts !== null, ie = E.unfitHyphenRetreat === "reduced-width", ae = ie ? l : 0, oe = re && E.unfitHyphenRetreat === "full-width-or-first", se = E.unfitHyphenRetreat === "full-width", N = null;
+	let { widths: o, segmentFlags: s, breakableFitAdvances: c, discretionaryHyphenWidth: l, letterSpacing: u, lineStartExtras: d, lineEndTrims: f, overflowLineEndTrims: p, tabStopAdvance: m, minimumTabAdvance: h } = e, g = o.length, _ = e.items, v = _ === void 0 ? null : _.hyphenWidths, y = _ === void 0 ? null : _.hyphenRooms, b = _ === void 0 ? null : _.itemEndHalts, x = _ === void 0 ? null : _.insideExtras, S = _ === void 0 ? null : _.fillExtras, C = _ === void 0 ? null : _.openingEdges, w = _ === void 0 ? null : _.emptyObjectSpaces, T = _ === void 0 ? null : _.emptyObjectReturns, E = Zs(), D = 16 | (E.hangTabs ? 32 : 0), O = _ !== void 0 && E.hangsSpacesPerTextFrame, k = E.testsHyphenBeforeAtomic, A = E.zeroWidthGlueTakesLine, j = E.tabsInAppUnits, ee = E.paddedOpeningFit, M = E.hardBreakItemRetreat, te = Math.max(0, n), N = te + E.lineFitEpsilon, ne = e.discretionaryHyphenContexts !== null, re = E.unfitHyphenRetreat === "reduced-width", ie = re ? l : 0, ae = ne && E.unfitHyphenRetreat === "full-width-or-first", P = E.unfitHyphenRetreat === "full-width", F = null;
 	for (;;) {
-		let n = t.segmentIndex, E = t.graphemeIndex, P = 0, ce = !1, F = n, I = E, L = -1, le = 0, ue = -1, de = 0, R = -1, z = 0, fe = !1, pe = 0, me = 0, he = !0, ge = !1, _e = -1, B = 0, V = 0, H = !1, ve = null;
-		if ((s[n] & 15) == 8) t.segmentIndex = n + 1, t.graphemeIndex = 0, ve = d === null ? 0 : d[n];
+		let n = t.segmentIndex, E = t.graphemeIndex, I = 0, oe = !1, L = n, R = E, z = -1, se = 0, ce = -1, le = 0, ue = -1, de = 0, fe = !1, pe = 0, B = 0, me = !0, he = !1, ge = -1, _e = 0, ve = 0, V = !1, H = null;
+		if ((s[n] & 15) == 8) t.segmentIndex = n + 1, t.graphemeIndex = 0, H = d === null ? 0 : d[n];
 		else {
 			decided: {
 				let t;
@@ -5127,133 +5131,133 @@ function Dl(e, t, n, r, i, a = !1) {
 						t = g;
 						break;
 					}
-					let i, a = 0, se = s[r], N = se & 15;
-					if (N === 8) {
+					let i, a = 0, P = s[r], F = P & 15;
+					if (F === 8) {
 						t = r + 1;
 						break;
 					}
-					let ve = !!(se & 16), ye = !!(1 << N & hl), be = r === n ? E : 0, xe = u !== 0 && ce && !he && !ge ? u : 0, Se = 0;
-					u !== 0 && (ve || N === 7 || N === 5 || N === 9 || C !== null && C[r] !== 0) && (Se = xe, ge = !ve), N !== 2 && N !== 6 && (he = !1);
-					let Ce = N === 5 ? _ === void 0 ? yl(P + Se, m, h, j) : bl(e, _, r, ce ? P + Se : d === null ? 0 : d[r], j) : o[r], we = Se + Ce, Te = f === null ? 0 : f[r];
-					if (N === 3 && be === 0) {
-						if (ce) {
+					let H = !!(P & 16), U = !!(1 << F & hl), ye = r === n ? E : 0, be = u !== 0 && oe && !me && !he ? u : 0, xe = 0;
+					u !== 0 && (H || F === 7 || F === 5 || F === 9 || C !== null && C[r] !== 0) && (xe = be, he = !H), F !== 2 && F !== 6 && (me = !1);
+					let Se = F === 5 ? _ === void 0 ? yl(I + xe, m, h, j) : bl(e, _, r, oe ? I + xe : d === null ? 0 : d[r], j) : o[r], Ce = xe + Se, we = f === null ? 0 : f[r];
+					if (F === 3 && ye === 0) {
+						if (oe) {
 							let e = l, t = !0;
-							_ !== void 0 && (re && r > n && (s[r - 1] & 15) == 9 && (ue = r, de = P), O && R === r && (R = r + 1, z = Math.max(z, Math.min(P, ne))), v !== null && (e = v[r]), t = k || r + 1 === g || (s[r + 1] & 15) != 9 || C !== null && C[r + 1] !== 0), F = r + 1, I = 0, r + 1 < g && (s[r + 1] & 15) != 8 && (L = r + 1, le = P + e, re && ((t ? le : P) <= M || oe && ue < 0) && (ue = L, de = le));
+							_ !== void 0 && (ne && r > n && (s[r - 1] & 15) == 9 && (ce = r, le = I), O && ue === r && (ue = r + 1, de = Math.max(de, Math.min(I, te))), v !== null && (e = v[r]), t = k || r + 1 === g || (s[r + 1] & 15) != 9 || C !== null && C[r + 1] !== 0), L = r + 1, R = 0, r + 1 < g && (s[r + 1] & 15) != 8 && (z = r + 1, se = I + e, ne && ((t ? se : I) <= N || ae && ce < 0) && (ce = z, le = se));
 						}
 						continue;
 					}
-					let Ee = 0;
-					if (u !== 0 && !ve && !ye && N !== 7) Ee = xe + Ce;
-					else if (ye ? N === 5 : Ce !== 0 || N === 7) {
-						let e = Ce + (ve ? u : 0);
-						e !== 0 && (Ee = Se + e);
+					let Te = 0;
+					if (u !== 0 && !H && !U && F !== 7) Te = be + Se;
+					else if (U ? F === 5 : Se !== 0 || F === 7) {
+						let e = Se + (H ? u : 0);
+						e !== 0 && (Te = xe + e);
 					}
-					let U = !!(1 << N & D);
-					if (O && N === 2 && R === r && (U = !0), U && (R !== r && (z = P - me + Se, fe = !1, _ !== void 0 && r > n && (s[r - 1] & 15) == 9 && (fe = Tl(s, g, r, D), fe || (L = r, le = P - me)), pe = 0), R = r + 1, C !== null && (z += C[r], pe += C[r])), !ce && N === 6 && !A) {
-						F = r + 1, I = 0;
+					let Ee = !!(1 << F & D);
+					if (O && F === 2 && ue === r && (Ee = !0), Ee && (ue !== r && (de = I - B + xe, fe = !1, _ !== void 0 && r > n && (s[r - 1] & 15) == 9 && (fe = Tl(s, g, r, D), fe || (z = r, se = I - B)), pe = 0), ue = r + 1, C !== null && (de += C[r], pe += C[r])), !oe && F === 6 && !A) {
+						L = r + 1, R = 0;
 						continue;
 					}
-					if (ce) {
-						let e = U ? z - pe : P + Ee, t = e - Te > M;
+					if (oe) {
+						let e = Ee ? de - pe : I + Te, t = e - we > N;
 						if (_ !== void 0) {
 							let n = !1;
-							if (w !== null && N === 9 && Ce === 0 && e > M) {
-								let e = R === r ? z : P, t = w[r];
-								n = e <= M || !(t >= 0 && e - t > M || T[r] === 1);
+							if (w !== null && F === 9 && Se === 0 && e > N) {
+								let e = ue === r ? de : I, t = w[r];
+								n = e <= N || !(t >= 0 && e - t > N || T[r] === 1);
 							}
-							let i = Ee < 0 && P - me > M;
-							t = (t || i) && !(U && fe) && !n, O && !t && R === r && N === 9 && Ce === 0 && (R = r + 1, z = Math.max(z, Math.min(P + we, ne)));
+							let i = Te < 0 && I - B > N;
+							t = (t || i) && !(Ee && fe) && !n, O && !t && ue === r && F === 9 && Se === 0 && (ue = r + 1, de = Math.max(de, Math.min(I + Ce, te)));
 						}
 						if (t) {
-							let t = P - me;
-							if (ye && (U || N !== 5) && (t <= M || L < 0 && (N === 1 || N === 2) || N === 2 && (s[r - 1] & 15) == 9)) {
-								V = U ? z : t, P += we, _e = r + 1, B = 0;
+							let t = I - B;
+							if (U && (Ee || F !== 5) && (t <= N || z < 0 && (F === 1 || F === 2) || F === 2 && (s[r - 1] & 15) == 9)) {
+								ve = Ee ? de : t, I += Ce, ge = r + 1, _e = 0;
 								break decided;
 							}
-							if (N === 5 && !U && L < 0) {
-								_e = r, B = 0, V = R === r && r > n ? z : t;
+							if (F === 5 && !Ee && z < 0) {
+								ge = r, _e = 0, ve = ue === r && r > n ? de : t;
 								break decided;
 							}
-							let l = !!(se & 32);
-							if (N === 9 && l && R === r && (ee === "start" ? z - pe / 2 <= M && P - pe / 2 > M : ee === "placed" && z - pe + Ce - Te <= M)) {
-								R = r + 1, z += Ce, pe += Ce, P += we, F = r + 1, I = 0;
+							let l = !!(P & 32);
+							if (F === 9 && l && ue === r && (ee === "start" ? de - pe / 2 <= N && I - pe / 2 > N : ee === "placed" && de - pe + Se - we <= N)) {
+								ue = r + 1, de += Se, pe += Se, I += Ce, L = r + 1, R = 0;
 								continue;
 							}
-							if (l && L >= 0 && (F = L, I = 0), !l || L >= 0) {
-								H = !0;
+							if (l && z >= 0 && (L = z, R = 0), !l || z >= 0) {
+								V = !0;
 								break decided;
 							}
-							if (p !== null && e - p[r] <= M) {
-								P += we, F = r + 1, I = 0, me = p[r], b !== null && b[r] !== 0 && (P -= me, me = 0);
+							if (p !== null && e - p[r] <= N) {
+								I += Ce, L = r + 1, R = 0, B = p[r], b !== null && b[r] !== 0 && (I -= B, B = 0);
 								continue;
 							}
-							if (N === 9 && te !== "item" && r + 1 < g && (s[r + 1] & 15) == 8) {
+							if (F === 9 && M !== "item" && r + 1 < g && (s[r + 1] & 15) == 8) {
 								let e = s[r - 1], t = e & 15, i = t === 4 ? c[r - 1] : null;
 								if (i !== null) {
-									let e = i.length, t = i[0], a = te !== "fit" || P <= M ? 1 : t > 0 ? Math.min(e, Math.ceil((P - M) / t)) : e, o = C !== null && C[n] !== 0 ? n + 1 : n;
+									let e = i.length, t = i[0], a = M !== "fit" || I <= N ? 1 : t > 0 ? Math.min(e, Math.ceil((I - N) / t)) : e, o = C !== null && C[n] !== 0 ? n + 1 : n;
 									if (r - 1 > o || e - a > E) {
-										_e = r - 1, B = e - a, V = z;
+										ge = r - 1, _e = e - a, ve = de;
 										break decided;
 									}
 								}
 								let a = t === 0 || t === 7 ? c[r - 1] : null, l = e & 16 ? u : 0;
 								if (a !== null && (r - 1 > n || a.length - 1 > E)) {
-									_e = r - 1, B = a.length - 1, V = P - a[B] - l;
+									ge = r - 1, _e = a.length - 1, ve = I - a[_e] - l;
 									break decided;
 								}
 								if (a === null && (t === 0 || t === 7) && r - 1 > n) {
-									_e = r - 1, B = 0, V = P - o[r - 1] - l;
+									ge = r - 1, _e = 0, ve = I - o[r - 1] - l;
 									break decided;
 								}
 								if (i !== null || t !== 4 && t !== 5) {
-									P += we, F = r + 1, I = 0, me = 0;
+									I += Ce, L = r + 1, R = 0, B = 0;
 									continue;
 								}
 							}
 							if (c[r] === null) {
-								H = !0;
+								V = !0;
 								break decided;
 							}
-							i = 0, a = Se;
+							i = 0, a = xe;
 						} else {
-							se & 64 && !ye && L !== r && (L = r, le = P), re && !ye && !(se & 32) && r > n && !gl(s[r - 1] & 15) && (!ie || P + (y === null ? l : y[r]) <= M) && (ue = r, de = P), F = r + 1, I = 0, b !== null && e > M && b[r] !== 0 ? (P += we - Te, me = 0) : (P += we, Ee !== 0 && !U && (me = e > M && N !== 9 ? Te : 0)), ye && (r + 1 === g || !(s[r + 1] & 32)) && (L = r + 1, le = U ? z : N === 5 ? P : P - we - me), re && ye && le + (y === null || L < 0 ? ae : y[L]) <= M && (ue = L, de = le);
+							P & 64 && !U && z !== r && (z = r, se = I), ne && !U && !(P & 32) && r > n && !gl(s[r - 1] & 15) && (!re || I + (y === null ? l : y[r]) <= N) && (ce = r, le = I), L = r + 1, R = 0, b !== null && e > N && b[r] !== 0 ? (I += Ce - we, B = 0) : (I += Ce, Te !== 0 && !Ee && (B = e > N && F !== 9 ? we : 0)), U && (r + 1 === g || !(s[r + 1] & 32)) && (z = r + 1, se = Ee ? de : F === 5 ? I : I - Ce - B), ne && U && se + (y === null || z < 0 ? ie : y[z]) <= N && (ce = z, le = se);
 							continue;
 						}
-					} else if (be > 0) i = be;
+					} else if (ye > 0) i = ye;
 					else {
-						let e = d === null ? 0 : d[r], t = p !== null && Ee + e - p[r] <= M ? p[r] : Te;
-						if (Ee + e - t > M && c[r] !== null && !U) i = 0;
+						let e = d === null ? 0 : d[r], t = p !== null && Te + e - p[r] <= N ? p[r] : we;
+						if (Te + e - t > N && c[r] !== null && !Ee) i = 0;
 						else {
-							ce = !0, F = r + 1, I = 0, P = Ce + e, U && (z += e), me = Ee + e > M && N !== 9 ? t : 0, b !== null && me !== 0 && b[r] !== 0 && (P -= me, me = 0), ye && (r + 1 === g || !(s[r + 1] & 32)) && (L = r + 1, le = U ? z : N === 5 ? P : P - we), re && ye && le + (y === null || L < 0 ? ae : y[L]) <= M && (ue = L, de = le);
+							oe = !0, L = r + 1, R = 0, I = Se + e, Ee && (de += e), B = Te + e > N && F !== 9 ? t : 0, b !== null && B !== 0 && b[r] !== 0 && (I -= B, B = 0), U && (r + 1 === g || !(s[r + 1] & 32)) && (z = r + 1, se = Ee ? de : F === 5 ? I : I - Ce), ne && U && se + (y === null || z < 0 ? ie : y[z]) <= N && (ce = z, le = se);
 							continue;
 						}
 					}
 					let De = c[r], Oe = De.length;
 					for (let t = i; t < Oe; t++) {
 						let n = De[t];
-						if (ce) {
-							let e = P + (n + (t > i ? u : a));
-							if (e + u > M) break decided;
-							P = e, F = r, I = t + 1;
+						if (oe) {
+							let e = I + (n + (t > i ? u : a));
+							if (e + u > N) break decided;
+							I = e, L = r, R = t + 1;
 						} else {
-							ce = !0, F = r, I = t + 1;
+							oe = !0, L = r, R = t + 1;
 							let i = e.breakableLineStartExtras?.[r] ?? null;
-							P = i === null ? n : n + i[t], (t > 0 ? x !== null : S !== null) && (P += t > 0 ? x[r] : S[r]);
+							I = i === null ? n : n + i[t], (t > 0 ? x !== null : S !== null) && (I += t > 0 ? x[r] : S[r]);
 						}
 					}
-					ce && F === r && I === Oe && (F = r + 1, I = 0);
+					oe && L === r && R === Oe && (L = r + 1, R = 0);
 				}
-				_e = t, B = 0, L === t && I === 0 ? (V = le, H = !0) : V = P - me;
+				ge = t, _e = 0, z === t && R === 0 ? (ve = se, V = !0) : ve = I - B;
 			}
-			if (ce) {
-				H && ue >= 0 && L === F && I === 0 && El(e, n, F, le, M, se) ? (_e = ue, B = 0, V = de) : _e < 0 && (_e = F, B = I, V = L === F && I === 0 ? le : _ !== void 0 && R === F && I === 0 ? z : P - me), t.segmentIndex = _e, t.graphemeIndex = B;
-				let r = B === 0 && R >= 0 && (_e === R || _e === R + 1) && (R === g || (s[R] & 15) == 8), i = (r ? P - me : V) + xl(e, C, D, n, E, _e, B);
-				ve = r ? Math.max(z, Math.min(i, ne)) : i;
+			if (oe) {
+				V && ce >= 0 && z === L && R === 0 && El(e, n, L, se, N, P) ? (ge = ce, _e = 0, ve = le) : ge < 0 && (ge = L, _e = R, ve = z === L && R === 0 ? se : _ !== void 0 && ue === L && R === 0 ? de : I - B), t.segmentIndex = ge, t.graphemeIndex = _e;
+				let r = _e === 0 && ue >= 0 && (ge === ue || ge === ue + 1) && (ue === g || (s[ue] & 15) == 8), i = (r ? I - B : ve) + xl(e, C, D, n, E, ge, _e);
+				H = r ? Math.max(de, Math.min(i, te)) : i;
 			}
 		}
-		if (ve === null || (N = ve, i !== null && (i.lineCount++, ve > i.maxLineWidth && (i.maxLineWidth = ve)), r?.(ve, n, E, t.segmentIndex, t.graphemeIndex), a || !Cl(e, t))) break;
+		if (H === null || (F = H, i !== null && (i.lineCount++, H > i.maxLineWidth && (i.maxLineWidth = H)), r?.(H, n, E, t.segmentIndex, t.graphemeIndex), a || !Cl(e, t))) break;
 	}
-	return N;
+	return F;
 }
 function Ol(e, t, n) {
 	let { widths: r, segmentFlags: i, breakableFitAdvances: a, lineStartExtras: o, lineEndTrims: s, overflowLineEndTrims: c } = e, l = Math.max(0, n) + Zs().lineFitEpsilon, u = t.segmentIndex, d = a[u], f = o === null ? r[u] : r[u] + o[u], p = s === null ? 0 : s[u], m = c !== null && f - c[u] <= l ? c[u] : p, h, g = 0;
@@ -5580,71 +5584,75 @@ function Gl({ active: e, board: t, contentBase: n, fontsVersion: i, id: a, inter
 		})]
 	});
 }
-function Kl({ view: e, boards: t, groups: n, allBoards: r, contentBase: i, versions: a, pending: o, playing: s, onExpand: c, onTogglePlay: u, onReplay: d, parameters: f, activeParameters: m, onToggleParameters: h, verdicts: g }) {
-	let _ = Ul(), [v, y] = X(() => /* @__PURE__ */ new Set()), S = q((e, t) => {
-		y((n) => {
+function Kl({ view: e, boards: t, groups: n, allBoards: r, contentBase: i, versions: a, pending: o, playing: s, onExpand: c, onTogglePlay: u, onReplay: d, parameters: f, activeParameters: m, onToggleParameters: h, verdicts: g, overlayRef: _ }) {
+	let v = Ul(), [y, S] = X(() => /* @__PURE__ */ new Set()), C = q((e, t) => {
+		S((n) => {
 			if (n.has(e) === t) return n;
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), C = Vl(l(p, e.k), zl), w = Vl(l(b, e.k), Rl);
-	return /* @__PURE__ */ Q("div", {
+	}, []), w = Vl(l(p, e.k), zl), T = Vl(l(b, e.k), Rl);
+	return /* @__PURE__ */ Z("div", {
 		className: "x10l6tqk x10a8y8t x47corl xb3r6kr",
-		children: [C !== null && n.map(([t, n]) => {
-			let i = n.boards.map((e) => r[e]).filter((e) => !!e);
-			if (i.length === 0) return null;
-			let a = Math.min(...i.map((e) => e.x)), o = Math.min(...i.map((e) => e.y)), s = g?.states[t];
-			return /* @__PURE__ */ Q("div", {
-				"data-chrome": s ? "group-label" : void 0,
-				"data-group-label": t,
-				...{
-					0: { className: "x10l6tqk x78zum5 x6s0dn4 x17d4w8g x1hj3fc7 x4z9k3i x1s688f xo2rkog xuxw1ft" },
-					1: { className: "x10l6tqk x78zum5 x6s0dn4 x17d4w8g x1hj3fc7 x4z9k3i x1s688f xo2rkog xuxw1ft x67bb7w" }
-				}[!!s | 0],
-				style: {
-					left: e.x + a * e.k,
-					top: e.y + o * e.k - (w !== null && n.boards.some((e) => v.has(e)) ? 24 * w : 0),
-					transform: `scale(${C}) translateY(calc(-100% - ${Bl}px))`
-				},
-				children: [
-					/* @__PURE__ */ Z("span", {
-						className: "xm9j1uf x12oqio5 x19ckca5 xs0jrwl x1fao0z8 x1j6dyjg xk50ysn xd4r4e8",
-						children: t
-					}),
-					n.title,
-					s && g && /* @__PURE__ */ Z(Ll, {
-						canJudge: g.canJudge,
-						evidenceAt: g.evidenceAt(t),
-						verdict: s,
-						onPass: () => g.pass(t),
-						onReject: () => g.startReject(t),
-						onUndo: () => g.undoPass(t)
-					})
-				]
-			}, t);
-		}), w !== null && t.map(([t, n]) => {
-			let r = x(n, e);
-			if (!r) return null;
-			let l = ut(a, n.file) && !o.has(t);
-			return /* @__PURE__ */ Z(Gl, {
-				active: m === t,
-				board: n,
-				contentBase: i,
-				fontsVersion: _,
-				id: t,
-				interactive: l && ft(n, a),
-				modified: f?.[t],
-				playing: s.has(t),
-				ready: l,
-				rect: r,
-				scale: w,
-				onExpand: c,
-				onReplay: d,
-				onStacked: S,
-				onToggleParameters: h,
-				onTogglePlay: u
-			}, t);
-		})]
+		children: /* @__PURE__ */ Q("div", {
+			ref: _,
+			className: "x10l6tqk x10a8y8t",
+			children: [w !== null && n.map(([t, n]) => {
+				let i = n.boards.map((e) => r[e]).filter((e) => !!e);
+				if (i.length === 0) return null;
+				let a = Math.min(...i.map((e) => e.x)), o = Math.min(...i.map((e) => e.y)), s = g?.states[t];
+				return /* @__PURE__ */ Q("div", {
+					"data-chrome": s ? "group-label" : void 0,
+					"data-group-label": t,
+					...{
+						0: { className: "x10l6tqk x78zum5 x6s0dn4 x17d4w8g x1hj3fc7 x4z9k3i x1s688f xo2rkog xuxw1ft" },
+						1: { className: "x10l6tqk x78zum5 x6s0dn4 x17d4w8g x1hj3fc7 x4z9k3i x1s688f xo2rkog xuxw1ft x67bb7w" }
+					}[!!s | 0],
+					style: {
+						left: e.x + a * e.k,
+						top: e.y + o * e.k - (T !== null && n.boards.some((e) => y.has(e)) ? 24 * T : 0),
+						transform: `scale(${w}) translateY(calc(-100% - ${Bl}px))`
+					},
+					children: [
+						/* @__PURE__ */ Z("span", {
+							className: "xm9j1uf x12oqio5 x19ckca5 xs0jrwl x1fao0z8 x1j6dyjg xk50ysn xd4r4e8",
+							children: t
+						}),
+						n.title,
+						s && g && /* @__PURE__ */ Z(Ll, {
+							canJudge: g.canJudge,
+							evidenceAt: g.evidenceAt(t),
+							verdict: s,
+							onPass: () => g.pass(t),
+							onReject: () => g.startReject(t),
+							onUndo: () => g.undoPass(t)
+						})
+					]
+				}, t);
+			}), T !== null && t.map(([t, n]) => {
+				let r = x(n, e);
+				if (!r) return null;
+				let l = ut(a, n.file) && !o.has(t);
+				return /* @__PURE__ */ Z(Gl, {
+					active: m === t,
+					board: n,
+					contentBase: i,
+					fontsVersion: v,
+					id: t,
+					interactive: l && ft(n, a),
+					modified: f?.[t],
+					playing: s.has(t),
+					ready: l,
+					rect: r,
+					scale: T,
+					onExpand: c,
+					onReplay: d,
+					onStacked: C,
+					onToggleParameters: h,
+					onTogglePlay: u
+				}, t);
+			})]
+		})
 	});
 }
 //#endregion
@@ -6885,7 +6893,7 @@ var Nu = {
 	right: 24,
 	bottom: 24,
 	left: 24
-}, Pu = .01, Fu = 420, Iu = s(.2, 0, 0, 1), Lu = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, Ru = `[data-chrome]${[
+}, Pu = .01, Fu = 420, Iu = 1.1, Lu = s(.2, 0, 0, 1), Ru = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, zu = `[data-chrome]${[
 	"board-label",
 	"group-label",
 	"video-controls",
@@ -6893,72 +6901,102 @@ var Nu = {
 	"reject",
 	"parameters"
 ].map((e) => `:not([data-chrome="${e}"])`).join("")}`;
-function zu(e, t, n, r) {
+function Bu(e, t) {
+	let n = t.k / e.k;
+	return {
+		x: t.x - e.x * n,
+		y: t.y - e.y * n,
+		scale: n
+	};
+}
+function Vu(e, t, n) {
+	let { x: r, y: i, scale: a } = Bu(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 > Iu || a < 1 / Iu;
+}
+function Hu(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 Bu(e) {
+function Uu(e) {
 	let t = Y(null), n = Y(null), [r, i] = X({
 		x: 0,
 		y: 0,
 		k: .5
-	}), [a, o] = X(!1), [s, c] = X(!1), l = Y(null), d = Y(/* @__PURE__ */ new Map()), f = Y(r), p = Y(null), m = Y(!1), [_, b] = X(!1), x = Y(void 0), S = q(() => {
-		let e = n.current;
-		if (!e) return;
-		let { x: t, y: r, k: i } = f.current;
-		e.style.transform = `translate(${t}px, ${r}px) scale(${i})`, e.style.setProperty("--zoom", String(i));
-	}, []), C = q((e) => {
-		n.current = e, S();
-	}, [S]), w = q(() => {
-		x.current === void 0 && (b(!0), n.current && (n.current.style.willChange = "transform")), clearTimeout(x.current), x.current = setTimeout(() => {
-			x.current = void 0, n.current && (n.current.style.willChange = ""), b(!1);
+	}), [a, o] = X(!1), [s, c] = X(!1), l = Y(null), d = Y(/* @__PURE__ */ new Map()), f = Y(r), p = Y(null), m = Y(!1), [_, b] = X(!1), x = Y(void 0), S = Y(r), C = Y(/* @__PURE__ */ new Set()), w = Y({
+		width: 0,
+		height: 0
+	}), T = q(() => {
+		let { x: e, y: t, k: r } = f.current, i = n.current;
+		i && (i.style.transform = `translate(${e}px, ${t}px) scale(${r})`, i.style.setProperty("--zoom", String(r)));
+		let a = Bu(S.current, f.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 = q((e) => {
+		n.current = e, T();
+	}, [T]), D = q((e) => {
+		if (e) return e.style.transformOrigin = "0 0", C.current.add(e), T(), () => {
+			C.current.delete(e);
+		};
+	}, [T]);
+	yt(() => {
+		S.current = r, T();
+	}, [r, T]);
+	let O = q((e) => {
+		n.current && (n.current.style.willChange = e);
+		for (let t of C.current) t.style.willChange = e;
+	}, []), k = q(() => {
+		x.current === void 0 && (b(!0), O("transform")), clearTimeout(x.current), x.current = setTimeout(() => {
+			x.current = void 0, O(""), b(!1), i(f.current);
 		}, 150);
-	}, []), T = q((e) => {
-		f.current = typeof e == "function" ? e(f.current) : e, w(), !m.current && (m.current = !0, p.current = requestAnimationFrame(() => {
-			m.current = !1, p.current = null, S(), i(f.current);
+	}, [O]), A = q((e) => {
+		f.current = e, T(), Vu(S.current, e, w.current) && i(e);
+	}, [T]), j = q((e) => {
+		f.current = typeof e == "function" ? e(f.current) : e, k(), !m.current && (m.current = !0, p.current = requestAnimationFrame(() => {
+			m.current = !1, p.current = null, A(f.current);
 		}));
-	}, [w, S]), E = q((e, t = !1) => {
-		p.current !== null && cancelAnimationFrame(p.current), p.current = null, m.current = !1, f.current = e, t && w(), S(), i(e);
-	}, [w, S]);
+	}, [k, A]), ee = q((e, t = !1) => {
+		p.current !== null && cancelAnimationFrame(p.current), p.current = null, m.current = !1, f.current = e, t && k(), T(), i(e);
+	}, [k, T]);
 	J(() => () => {
 		p.current !== null && cancelAnimationFrame(p.current), clearTimeout(x.current);
 	}, []);
-	let D = q((e) => E(e), [E]), O = Y(null), k = q(() => {
-		O.current !== null && cancelAnimationFrame(O.current), O.current = null;
+	let M = q((e) => ee(e), [ee]), te = Y(null), N = q(() => {
+		te.current !== null && cancelAnimationFrame(te.current), te.current = null;
 	}, []);
-	J(() => k, [k]);
-	let [A, j] = X(() => ({
+	J(() => N, [N]);
+	let [ne, re] = X(() => ({
 		width: typeof innerWidth == "number" ? innerWidth : 0,
 		height: typeof innerHeight == "number" ? innerHeight : 0
 	}));
 	J(() => {
 		let e = t.current;
 		if (!e || typeof ResizeObserver != "function") return;
-		let n = new ResizeObserver(() => j((t) => t.width === e.clientWidth && t.height === e.clientHeight ? t : {
+		let n = new ResizeObserver(() => re((t) => t.width === e.clientWidth && t.height === e.clientHeight ? t : {
 			width: e.clientWidth,
 			height: e.clientHeight
 		}));
 		return n.observe(e), () => n.disconnect();
-	}, []);
-	let ee = q((e, t) => T((n) => ({
+	}, []), yt(() => {
+		w.current = ne;
+	}, [ne]);
+	let ie = q((e, t) => j((n) => ({
 		...n,
 		x: n.x + e,
 		y: n.y + t
-	})), [T]), te = q((e) => {
-		e.zoom ? T((t) => y(t, Math.exp(-e.deltaY * Pu), e.x, e.y)) : ee(-e.deltaX, -e.deltaY);
-	}, [ee, T]);
+	})), [j]), ae = q((e) => {
+		e.zoom ? j((t) => y(t, Math.exp(-e.deltaY * Pu), e.x, e.y)) : ie(-e.deltaX, -e.deltaY);
+	}, [ie, j]);
 	J(() => {
 		let e = t.current;
 		if (!e) return;
 		let n = (t) => {
 			let n = t.target, r = t.ctrlKey || t.metaKey;
-			if (n?.closest?.(Ru) || !r && zu(n, e, t.deltaX, t.deltaY)) return;
-			t.preventDefault(), k();
+			if (n?.closest?.(zu) || !r && Hu(n, e, t.deltaX, t.deltaY)) return;
+			t.preventDefault(), N();
 			let i = e.getBoundingClientRect(), a = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.clientHeight : 1;
-			te({
+			ae({
 				deltaX: t.deltaX * a,
 				deltaY: t.deltaY * a,
 				x: t.clientX - i.left,
@@ -6971,7 +7009,7 @@ function Bu(e) {
 		return e.addEventListener("wheel", n, { passive: !1 }), window.addEventListener("wheel", r, { passive: !1 }), () => {
 			e.removeEventListener("wheel", n), window.removeEventListener("wheel", r);
 		};
-	}, [te, k]), J(() => {
+	}, [ae, N]), J(() => {
 		let e = (e) => e.target?.closest?.("input, textarea, select, [contenteditable], [data-chrome]"), t = (t) => {
 			t.code === "Space" && !e(t) && (t.preventDefault(), o(!0));
 		}, n = (e) => {
@@ -6981,16 +7019,16 @@ function Bu(e) {
 			window.removeEventListener("keydown", t), window.removeEventListener("keyup", n), window.removeEventListener("blur", r);
 		};
 	}, []);
-	let ne = e === "hand" || a, M = q((e) => {
+	let P = e === "hand" || a, F = q((e) => {
 		let t = e.pointerType === "touch", n = e.button === 1;
-		(t || (ne || n) && (e.button === 0 || n)) && e.currentTarget.contains(e.target) && (e.target.closest("[data-chrome]") || (k(), e.currentTarget.setPointerCapture(e.pointerId), l.current = {
+		(t || (P || n) && (e.button === 0 || n)) && e.currentTarget.contains(e.target) && (e.target.closest("[data-chrome]") || (N(), e.currentTarget.setPointerCapture(e.pointerId), l.current = {
 			x: e.clientX,
 			y: e.clientY
 		}, t && d.current.set(e.pointerId, {
 			x: e.clientX,
 			y: e.clientY
 		}), c(!0)));
-	}, [ne, k]), re = q((e) => {
+	}, [P, N]), I = q((e) => {
 		if (e.pointerType === "touch" && !d.current.has(e.pointerId)) return;
 		if (d.current.has(e.pointerId)) {
 			let t = [...d.current.values()];
@@ -7000,7 +7038,7 @@ function Bu(e) {
 			});
 			let n = [...d.current.values()];
 			if (t.length >= 2) {
-				T((e) => h(e, [t[0], t[1]], [n[0], n[1]]));
+				j((e) => h(e, [t[0], t[1]], [n[0], n[1]]));
 				return;
 			}
 		}
@@ -7008,72 +7046,79 @@ function Bu(e) {
 		t && (l.current = {
 			x: e.clientX,
 			y: e.clientY
-		}, T((n) => ({
+		}, j((n) => ({
 			...n,
 			x: n.x + e.clientX - t.x,
 			y: n.y + e.clientY - t.y
 		})));
-	}, [T]), ie = q((e) => {
+	}, [j]), oe = q((e) => {
 		e ? d.current.delete(e.pointerId) : d.current.clear();
 		let t = [...d.current.values()][0];
 		l.current = t ? { ...t } : null, t || c(!1);
-	}, []), ae = () => {
+	}, []), L = () => {
 		let e = t.current;
 		return {
 			cx: (e?.clientWidth ?? 0) / 2,
 			cy: (e?.clientHeight ?? 0) / 2
 		};
-	};
+	}, R = q((e, n = Nu, r = {}) => {
+		let i = t.current;
+		if (!i || !e) return;
+		let a = v(e, {
+			width: i.clientWidth,
+			height: i.clientHeight
+		}, n);
+		if (N(), !r.animate || Ru()) {
+			ee(a);
+			return;
+		}
+		let o = f.current, s = performance.now(), c = () => {
+			let e = Math.min(1, (performance.now() - s) / Fu);
+			e === 1 ? ee(a, !0) : (k(), A(u(o, a, Lu(e)))), te.current = e === 1 ? null : requestAnimationFrame(c);
+		};
+		te.current = requestAnimationFrame(c);
+	}, [
+		N,
+		ee,
+		k,
+		A
+	]), z = q((e) => {
+		let { cx: t, cy: n } = L();
+		j((r) => y(r, e, t, n));
+	}, [j]), se = q((e) => {
+		let { cx: t, cy: n } = L();
+		j((r) => g(r, e, t, n));
+	}, [j]);
 	return {
 		viewportRef: t,
-		worldRef: C,
+		worldRef: E,
+		overlayRef: D,
 		view: r,
+		viewNow: q(() => f.current, []),
 		gesturing: _,
 		scaling: _,
-		size: A,
-		place: D,
-		fit: q((e, n = Nu, r = {}) => {
-			let i = t.current;
-			if (!i || !e) return;
-			let a = v(e, {
-				width: i.clientWidth,
-				height: i.clientHeight
-			}, n);
-			if (k(), !r.animate || Lu()) {
-				E(a);
-				return;
-			}
-			let o = f.current, s = performance.now(), c = () => {
-				let e = Math.min(1, (performance.now() - s) / Fu);
-				E(e === 1 ? a : u(o, a, Iu(e)), !0), O.current = e === 1 ? null : requestAnimationFrame(c);
-			};
-			O.current = requestAnimationFrame(c);
-		}, [k, E]),
-		zoomBy: q((e) => {
-			let { cx: t, cy: n } = ae();
-			T((r) => y(r, e, t, n));
-		}, [T]),
-		zoomTo: q((e) => {
-			let { cx: t, cy: n } = ae();
-			T((r) => g(r, e, t, n));
-		}, [T]),
-		panBy: ee,
-		wheelAt: te,
-		panning: ne,
+		size: ne,
+		place: M,
+		fit: R,
+		zoomBy: z,
+		zoomTo: se,
+		panBy: ie,
+		wheelAt: ae,
+		panning: P,
 		setSpaceHeld: o,
-		cursor: s ? "grabbing" : ne ? "grab" : e === "comment" ? xu : "default",
-		hand: s ? "pinch" : ne ? "open" : null,
+		cursor: s ? "grabbing" : P ? "grab" : e === "comment" ? xu : "default",
+		hand: s ? "pinch" : P ? "open" : null,
 		handlers: {
-			onPointerDown: M,
-			onPointerMove: re,
-			onPointerUp: ie,
-			onPointerCancel: ie
+			onPointerDown: F,
+			onPointerMove: I,
+			onPointerUp: oe,
+			onPointerCancel: oe
 		}
 	};
 }
 //#endregion
 //#region src/viewer/lib/selection.ts
-function Vu({ boards: e, frames: t, targets: n, details: r }) {
+function Wu({ 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];
@@ -7115,15 +7160,15 @@ function Vu({ boards: e, frames: t, targets: n, details: r }) {
 		nodes: [...i.values()]
 	};
 }
-var Hu = (e) => e.id.length <= Qe.id && e.board.length <= Qe.board && e.file.length <= Qe.file && e.tag.length <= Qe.tag && e.path.length <= Qe.path && e.name.length <= Qe.name, Uu = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
-function Wu(e, t = nt) {
-	let n = e.selected.filter((e) => Hu(e) && e.text.length <= Qe.text && e.html.length <= Qe.html), r = e.tweaks.filter((e) => Hu(e) && e.from.length <= Qe.from && e.value.length <= Qe.value), i = {
+var Gu = (e) => e.id.length <= Qe.id && e.board.length <= Qe.board && e.file.length <= Qe.file && e.tag.length <= Qe.tag && e.path.length <= Qe.path && e.name.length <= Qe.name, Ku = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
+function qu(e, t = nt) {
+	let n = e.selected.filter((e) => Gu(e) && e.text.length <= Qe.text && e.html.length <= Qe.html), r = e.tweaks.filter((e) => Gu(e) && e.from.length <= Qe.from && e.value.length <= Qe.value), i = {
 		...e,
 		selected: n,
 		tweaks: r,
-		nodes: e.nodes.filter(Hu).slice(0, ct)
+		nodes: e.nodes.filter(Gu).slice(0, ct)
 	};
-	for (let e = Uu(i); e > t && i.nodes.length; e = Uu(i)) i = {
+	for (let e = Ku(i); e > t && i.nodes.length; e = Ku(i)) i = {
 		...i,
 		nodes: i.nodes.slice(0, Math.floor(i.nodes.length * Math.min(.95, t / e)))
 	};
@@ -7131,9 +7176,9 @@ function Wu(e, t = nt) {
 }
 //#endregion
 //#region src/viewer/hooks/useSelectionSync.ts
-var Gu = crypto.randomUUID();
-function Ku({ 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 = bt(() => JSON.parse(u), [u]), f = bt(() => Vu({
+var Ju = crypto.randomUUID();
+function Yu({ 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 = bt(() => JSON.parse(u), [u]), f = bt(() => Wu({
 		boards: t ?? {},
 		frames: o,
 		targets: d.map(([e, t]) => ({
@@ -7151,10 +7196,10 @@ function Ku({ 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(Wu({
+			a.current = l, i(qu({
 				type: "selection",
 				artifact: e,
-				tab: Gu,
+				tab: Ju,
 				human: t,
 				...f
 			}));
@@ -7170,15 +7215,15 @@ function Ku({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
 }
 //#endregion
 //#region src/shared/verdicts.ts
-var qu = (e) => e.messages[0]?.at ?? e.statusAt;
-function Ju(e, t, n) {
-	let r = e.filter((e) => e.anchor.group === t && e.anchor.verdict && e.messages.some((e) => !e.deleted)).sort((e, t) => qu(e) < qu(t) ? -1 : +(qu(e) > qu(t))), i = r.filter((e) => e.anchor.verdict === "reject" && e.status === "open").length, a = r.at(-1);
+var Xu = (e) => e.messages[0]?.at ?? e.statusAt;
+function Zu(e, t, n) {
+	let r = e.filter((e) => e.anchor.group === t && e.anchor.verdict && e.messages.some((e) => !e.deleted)).sort((e, t) => Xu(e) < Xu(t) ? -1 : +(Xu(e) > Xu(t))), i = r.filter((e) => e.anchor.verdict === "reject" && e.status === "open").length, a = r.at(-1);
 	if (!a) return {
 		state: "pending",
 		evidenceUpdated: !1,
 		rejectThreads: i
 	};
-	let o = qu(a);
+	let o = Xu(a);
 	return n.has(a.id) ? {
 		state: "pending",
 		at: o,
@@ -7196,11 +7241,11 @@ function Ju(e, t, n) {
 		rejectThreads: i
 	};
 }
-function Yu(e, t, n) {
+function Qu(e, t, n) {
 	return Object.entries(e).filter(([, e]) => e.verify === !0 && e.boards.some((e) => t[e]?.page === n));
 }
-function Xu(e, t, n, r, i) {
-	let a = Yu(e, t, n), o = a.map(([e]) => [e, Ju(r, e, i).state]), s = o.find(([, e]) => e !== "pass")?.[0];
+function $u(e, t, n, r, i) {
+	let a = Qu(e, t, n), o = a.map(([e]) => [e, Zu(r, e, i).state]), s = o.find(([, e]) => e !== "pass")?.[0];
 	return {
 		passed: o.filter(([, e]) => e === "pass").length,
 		total: a.length,
@@ -7209,14 +7254,14 @@ function Xu(e, t, n, r, i) {
 }
 //#endregion
 //#region src/viewer/hooks/useVerdicts.ts
-function Zu({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a }) {
-	let [o, s] = X(null), c = bt(() => e?.groups ?? {}, [e]), l = bt(() => e?.boards ?? {}, [e]), u = bt(() => Object.fromEntries(Yu(c, l, t).map(([e]) => [e, Ju(n, e, r)])), [
+function ed({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a }) {
+	let [o, s] = X(null), c = bt(() => e?.groups ?? {}, [e]), l = bt(() => e?.boards ?? {}, [e]), u = bt(() => Object.fromEntries(Qu(c, l, t).map(([e]) => [e, Zu(n, e, r)])), [
 		c,
 		l,
 		t,
 		n,
 		r
-	]), d = bt(() => Xu(c, l, t, n, r), [
+	]), d = bt(() => $u(c, l, t, n, r), [
 		c,
 		l,
 		t,
@@ -7272,7 +7317,7 @@ function Zu({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a
 }
 //#endregion
 //#region src/viewer/inspector/InspectionOutline.tsx
-function Qu({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
+function td({ 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": "",
@@ -7311,7 +7356,7 @@ function Qu({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
 }
 //#endregion
 //#region src/viewer/inspector/Layers.tsx
-var $u = {
+var nd = {
 	Frame: hn,
 	Column: un,
 	Row: Dn,
@@ -7320,21 +7365,21 @@ var $u = {
 	Text: An,
 	Image: vn,
 	Button: Cn
-}, ed = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
-function td({ 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] ? ed(n.boardId, t[n.boardId].session, n.node.id) : null, p = r ? r.flatMap((e) => t[e.boardId] ? [ed(e.boardId, t[e.boardId].session, e.id)] : []) : f ? [f] : [], m = p.join("|"), { treeData: h, byKey: g } = bt(() => {
+}, rd = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
+function id({ 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] ? rd(n.boardId, t[n.boardId].session, n.node.id) : null, p = r ? r.flatMap((e) => t[e.boardId] ? [rd(e.boardId, t[e.boardId].session, e.id)] : []) : f ? [f] : [], m = p.join("|"), { treeData: h, byKey: g } = bt(() => {
 		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 = ed(o, e.session, t.id);
+				let a = rd(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 = $u[d];
+				let d = i === null ? "Frame" : t.kind, f = i === null ? s.title || o : t.name, p = nd[d];
 				return {
 					key: a,
 					disabled: l,
@@ -7463,14 +7508,14 @@ function td({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 }
 //#endregion
 //#region src/viewer/inspector/Properties.tsx
-var nd = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, rd = (e) => e.map(([e, t]) => ({
+var ad = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, od = (e) => e.map(([e, t]) => ({
 	value: e,
 	label: t
-})), id = (e) => {
+})), sd = (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 ad({ label: e, children: t, controlId: n }) {
+function cd({ label: e, children: t, controlId: n }) {
 	return /* @__PURE__ */ Q("div", {
 		...G($.field),
 		children: [n ? /* @__PURE__ */ Z("label", {
@@ -7486,7 +7531,7 @@ function ad({ label: e, children: t, controlId: n }) {
 		})]
 	});
 }
-function od({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
+function ld({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
 	let l = vt(), u = /* @__PURE__ */ Z(Mt, {
 		controls: !1,
 		id: l,
@@ -7496,12 +7541,12 @@ function od({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		step: s,
 		style: { width: "100%" },
 		suffix: i || void 0,
-		value: nd(n.css[t]),
+		value: ad(n.css[t]),
 		onChange: (e) => {
 			e !== null && r(t, String(e) + i);
 		}
 	});
-	return /* @__PURE__ */ Z(ad, {
+	return /* @__PURE__ */ Z(cd, {
 		controlId: l,
 		label: e,
 		children: c ? /* @__PURE__ */ Q("div", {
@@ -7516,14 +7561,14 @@ function od({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		}) : u
 	});
 }
-function sd({ label: e, property: t, values: n, node: r, change: i }) {
+function ud({ label: e, property: t, values: n, node: r, change: i }) {
 	let a = vt(), o = r.css[t], s = n.some(([e]) => e === o) ? n : [...n, [o, o]];
-	return /* @__PURE__ */ Z(ad, {
+	return /* @__PURE__ */ Z(cd, {
 		controlId: a,
 		label: e,
 		children: /* @__PURE__ */ Z(Vt, {
 			id: a,
-			options: rd(s),
+			options: od(s),
 			size: "small",
 			style: { width: "100%" },
 			value: o,
@@ -7533,7 +7578,7 @@ function sd({ label: e, property: t, values: n, node: r, change: i }) {
 		})
 	});
 }
-function cd({ node: e, change: t }) {
+function dd({ node: e, change: t }) {
 	let n = {
 		node: e,
 		change: t
@@ -7546,7 +7591,7 @@ function cd({ node: e, change: t }) {
 					...G($.sectionTitle),
 					children: W("inspector.size")
 				}),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.width"),
 					property: "width",
@@ -7559,15 +7604,15 @@ function cd({ node: e, change: t }) {
 						id: r,
 						size: "small",
 						value: e.widthMode,
-						options: rd([
+						options: od([
 							["fixed", W("inspector.fixed")],
 							["fill", W("inspector.fill")],
 							["hug", W("inspector.hug")]
 						]),
-						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${nd(e.css.width) || e.rect.width}px`)
+						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${ad(e.css.width) || e.rect.width}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.height"),
 					property: "height",
@@ -7580,11 +7625,11 @@ function cd({ node: e, change: t }) {
 						id: i,
 						size: "small",
 						value: e.heightMode,
-						options: rd([["hug", W("inspector.hug")], ["fixed", W("inspector.fixed")]]),
-						onChange: (n) => t("height", n === "hug" ? "auto" : `${nd(e.css.height) || e.rect.height}px`)
+						options: od([["hug", W("inspector.hug")], ["fixed", W("inspector.fixed")]]),
+						onChange: (n) => t("height", n === "hug" ? "auto" : `${ad(e.css.height) || e.rect.height}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(sd, {
+				/* @__PURE__ */ Z(ud, {
 					...n,
 					label: W("inspector.position"),
 					property: "position",
@@ -7596,7 +7641,7 @@ function cd({ node: e, change: t }) {
 						["sticky", W("inspector.sticky")]
 					]
 				}),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.grow"),
 					max: 100,
@@ -7612,7 +7657,7 @@ function cd({ node: e, change: t }) {
 					...G($.sectionTitle),
 					children: W("inspector.layout")
 				}),
-				/* @__PURE__ */ Z(sd, {
+				/* @__PURE__ */ Z(ud, {
 					...n,
 					label: W("inspector.layout"),
 					property: "display",
@@ -7625,7 +7670,7 @@ function cd({ node: e, change: t }) {
 						["none", W("inspector.hidden")]
 					]
 				}),
-				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(St, { children: [/* @__PURE__ */ Z(ad, {
+				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(St, { children: [/* @__PURE__ */ Z(cd, {
 					label: W("inspector.direction"),
 					children: /* @__PURE__ */ Z(Bt, {
 						block: !0,
@@ -7656,14 +7701,14 @@ function cd({ node: e, change: t }) {
 						}],
 						onChange: (e) => t("flex-direction", e)
 					})
-				}), /* @__PURE__ */ Z(ad, {
+				}), /* @__PURE__ */ Z(cd, {
 					label: W("inspector.align"),
 					children: /* @__PURE__ */ Z(Bt, {
 						block: !0,
 						"aria-label": W("inspector.align"),
 						size: "small",
 						value: e.css["align-items"],
-						options: rd([
+						options: od([
 							["flex-start", W("inspector.start")],
 							["center", W("inspector.center")],
 							["stretch", W("inspector.fill")]
@@ -7671,12 +7716,12 @@ function cd({ node: e, change: t }) {
 						onChange: (e) => t("align-items", e)
 					})
 				})] }),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.gap"),
 					property: "gap"
 				}),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.padding"),
 					property: "padding"
@@ -7690,18 +7735,18 @@ function cd({ node: e, change: t }) {
 					...G($.sectionTitle),
 					children: W("inspector.appearance")
 				}),
-				/* @__PURE__ */ Z(ad, {
+				/* @__PURE__ */ Z(cd, {
 					label: W("inspector.fill"),
 					children: /* @__PURE__ */ Z(Et, {
 						alpha: !0,
 						recent: !1,
 						size: "small",
 						trigger: "field",
-						value: id(e.css["background-color"]),
+						value: sd(e.css["background-color"]),
 						onChange: (e) => t("background-color", e)
 					})
 				}),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.opacity"),
 					max: 1,
@@ -7709,12 +7754,12 @@ function cd({ node: e, change: t }) {
 					step: .1,
 					unit: ""
 				}),
-				/* @__PURE__ */ Z(od, {
+				/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.radius"),
 					property: "border-radius"
 				}),
-				/* @__PURE__ */ Z(sd, {
+				/* @__PURE__ */ Z(ud, {
 					...n,
 					label: W("inspector.border"),
 					property: "border-style",
@@ -7759,26 +7804,26 @@ function cd({ node: e, change: t }) {
 			items: [{
 				key: "typography",
 				title: W("inspector.typography"),
-				children: /* @__PURE__ */ Q(St, { children: [/* @__PURE__ */ Z(od, {
+				children: /* @__PURE__ */ Q(St, { children: [/* @__PURE__ */ Z(ld, {
 					...n,
 					label: W("inspector.fontSize"),
 					min: 1,
 					property: "font-size"
-				}), /* @__PURE__ */ Z(ad, {
+				}), /* @__PURE__ */ Z(cd, {
 					label: W("inspector.color"),
 					children: /* @__PURE__ */ Z(Et, {
 						alpha: !0,
 						recent: !1,
 						size: "small",
 						trigger: "field",
-						value: id(e.css.color),
+						value: sd(e.css.color),
 						onChange: (e) => t("color", e)
 					})
 				})] })
 			}, {
 				key: "effects",
 				title: W("inspector.effects"),
-				children: /* @__PURE__ */ Z(ad, {
+				children: /* @__PURE__ */ Z(cd, {
 					label: W("inspector.shadow"),
 					children: /* @__PURE__ */ Z(jt, {
 						"aria-label": W("inspector.shadow"),
@@ -7804,11 +7849,11 @@ function cd({ node: e, change: t }) {
 }
 //#endregion
 //#region src/viewer/inspector/InspectorPanel.tsx
-var ld = [
+var fd = [
 	"Properties",
 	"Code",
 	"Tweaks"
-], ud = gt(function({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o, change: s, reset: c, enabled: l, onClose: u }) {
+], pd = gt(function({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o, change: s, reset: c, enabled: l, onClose: u }) {
 	let [d, f] = X("Properties"), [p, m] = X(""), h = n?.node, g = Object.entries(t).flatMap(([e, t]) => t.tweaks.map((t) => ({
 		...t,
 		boardId: e
@@ -7831,7 +7876,7 @@ var ld = [
 				value: d,
 				variant: "rounded",
 				onValueChange: (e) => {
-					ld.includes(e) && f(e);
+					fd.includes(e) && f(e);
 				},
 				children: [
 					/* @__PURE__ */ Q("header", {
@@ -7841,7 +7886,7 @@ var ld = [
 							"aria-label": W("inspector.views"),
 							className: G($.tabs).className,
 							style: { alignSelf: "center" },
-							children: [/* @__PURE__ */ Z(Wt, {}), ld.map((e) => /* @__PURE__ */ Q(Jt, {
+							children: [/* @__PURE__ */ Z(Wt, {}), fd.map((e) => /* @__PURE__ */ Q(Jt, {
 								style: { position: "relative" },
 								value: e,
 								children: [W(`inspector.tab.${e}`), e === "Tweaks" && g.length > 0 && /* @__PURE__ */ Z(an, {
@@ -7859,7 +7904,7 @@ var ld = [
 							onClick: u
 						})]
 					}),
-					/* @__PURE__ */ Z(td, {
+					/* @__PURE__ */ Z(id, {
 						boards: e,
 						frames: t,
 						hoverNode: o,
@@ -7913,7 +7958,7 @@ var ld = [
 							/* @__PURE__ */ Z(Kt, {
 								value: "Properties",
 								...G($.panelBodyPanel),
-								children: h && l ? /* @__PURE__ */ Z(cd, {
+								children: h && l ? /* @__PURE__ */ Z(dd, {
 									change: s,
 									node: h
 								}, `${n.boardId}:${t[n.boardId]?.session}:${h.id}`) : /* @__PURE__ */ Z("p", {
@@ -8054,17 +8099,17 @@ var ld = [
 			})
 		})
 	});
-}), dd = /*#__PURE__*/ K.createContext(void 0);
-process.env.NODE_ENV !== "production" && (dd.displayName = "FieldsetRootContext");
-function fd(e = !1) {
-	let t = K.useContext(dd);
+}), md = /*#__PURE__*/ K.createContext(void 0);
+process.env.NODE_ENV !== "production" && (md.displayName = "FieldsetRootContext");
+function hd(e = !1) {
+	let t = K.useContext(md);
 	if (!t && !e) throw Error(process.env.NODE_ENV === "production" ? De(86) : "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>.");
 	return t;
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.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 pd = function(e) {
-	let t = le(), [n, r] = K.useState(t), [i, a] = K.useState(), [o, s] = K.useState([]), c = n === void 0 ? t : n, l = fe(() => /* @__PURE__ */ new Map()), { messageIds: u } = L(), d = H((e, t) => {
+var gd = function(e) {
+	let t = se(), [n, r] = K.useState(t), [i, a] = K.useState(), [o, s] = K.useState([]), c = n === void 0 ? t : n, l = fe(() => /* @__PURE__ */ new Map()), { messageIds: u } = z(), d = V((e, t) => {
 		let n = l.current;
 		t === void 0 ? n.delete(e) : n.set(e, t), r((e) => {
 			if (n.size === 0) return e;
@@ -8075,7 +8120,7 @@ var pd = function(e) {
 			}
 			return t;
 		});
-	}), f = H(() => {
+	}), f = V(() => {
 		l.current.size === 0 && r(t);
 	}), p = K.useCallback((e) => {
 		let t = e["aria-describedby"] ? e["aria-describedby"].split(" ") : [];
@@ -8102,24 +8147,24 @@ var pd = function(e) {
 		s,
 		p
 	]);
-	return /*#__PURE__*/ Z(ne.Provider, {
+	return /*#__PURE__*/ Z(te.Provider, {
 		value: m,
 		children: e.children
 	});
 };
-process.env.NODE_ENV !== "production" && (pd.displayName = "LabelableProvider");
+process.env.NODE_ENV !== "production" && (gd.displayName = "LabelableProvider");
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/utils/useRegisteredLabelId.mjs
-function md(e, t) {
-	let n = le(e);
+function _d(e, t) {
+	let n = se(e);
 	return ke(() => (t(n), () => {
 		t((e) => e === n ? void 0 : e);
 	}), [n, t]), n;
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.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 hd(e = {}) {
-	let { id: t, fallbackControlId: n, native: r = !1, setLabelId: i, focusControl: a } = e, { controlId: o, setLabelId: s } = L(), c = md(t, H((e) => {
+function vd(e = {}) {
+	let { id: t, fallbackControlId: n, native: r = !1, setLabelId: i, focusControl: a } = e, { controlId: o, setLabelId: s } = z(), c = _d(t, V((e) => {
 		s(e), i?.(e);
 	})), l = o ?? n;
 	function u(e) {
@@ -8128,8 +8173,8 @@ function hd(e = {}) {
 			return;
 		}
 		if (!l) return;
-		let t = gd(e.currentTarget, l);
-		oe(t) && _d(t);
+		let t = yd(e.currentTarget, l);
+		ae(t) && bd(t);
 	}
 	function d(e) {
 		let t = Pe(e.nativeEvent);
@@ -8147,21 +8192,21 @@ function hd(e = {}) {
 		}
 	};
 }
-function gd(e, t) {
+function yd(e, t) {
 	let n = e.getRootNode();
-	for (; P(n);) {
+	for (; I(n);) {
 		let e = n.getElementById(t);
 		if (e) return e;
 		n = n.host.getRootNode();
 	}
-	return ce(e).getElementById(t);
+	return oe(e).getElementById(t);
 }
-function _d(e) {
+function bd(e) {
 	e.focus({ focusVisible: !0 });
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/utils/getCombinedFieldValidityData.mjs
-function vd(e, t) {
+function xd(e, t) {
 	return {
 		...e,
 		state: {
@@ -8172,35 +8217,35 @@ function vd(e, t) {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/root/useFieldValidation.mjs
-var yd = Object.keys(N);
-function bd(e, t) {
+var Sd = Object.keys(F);
+function Cd(e, t) {
 	return e.matches(":disabled") ? !1 : !t || e.form === t || e.form === null && !e.hasAttribute("form");
 }
-function xd(e, t) {
+function wd(e, t) {
 	let n = null;
-	for (let r of e.keys()) if (bd(r, t)) {
+	for (let r of e.keys()) if (Cd(r, t)) {
 		if (!r.validity.valid) return r;
 		n ??= r;
 	}
 	return n;
 }
-function Sd(e) {
+function Td(e) {
 	return {
-		...N,
+		...F,
 		valid: !e,
 		customError: e
 	};
 }
-function Cd(e) {
+function Ed(e) {
 	return e && e.validationMessage ? [e.validationMessage] : [];
 }
-function wd(e) {
-	let { elementRef: t, formRef: n } = Ee(), { 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 } = L(), h = be(), g = K.useRef(null), _ = fe(() => /* @__PURE__ */ new Map()).current, v = K.useRef(0), y = K.useRef(null), b = K.useCallback((e, t) => (_.set(e, t), () => {
+function Dd(e) {
+	let { elementRef: t, formRef: n } = Te(), { 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 } = z(), h = ye(), g = K.useRef(null), _ = fe(() => /* @__PURE__ */ new Map()).current, v = K.useRef(0), y = K.useRef(null), b = K.useCallback((e, t) => (_.set(e, t), () => {
 		_.delete(e);
-	}), [_]), x = H(() => {
-		let e = xd(_, t.current);
+	}), [_]), x = V(() => {
+		let e = wd(_, t.current);
 		return e && _.get(e)?.controlRef.current || null;
-	}), S = H(async (e, o = !1) => {
+	}), S = V(async (e, o = !1) => {
 		v.current += 1;
 		let m = v.current;
 		function b(e, t = s) {
@@ -8208,7 +8253,7 @@ function wd(e) {
 			if (r == null) return;
 			let i = n.current.fields.get(r);
 			if (!i) return;
-			let a = vd(e, t);
+			let a = xd(e, t);
 			n.current.fields.set(r, {
 				...i,
 				validityData: a
@@ -8241,48 +8286,48 @@ function wd(e) {
 			b(i, n), r(i);
 		}
 		function T(e) {
-			let t = yd.reduce((t, n) => (t[n] = e.validity[n], t), {}), n = !1;
-			for (let e of yd) if (e !== "valid") {
+			let t = Sd.reduce((t, n) => (t[n] = e.validity[n], t), {}), n = !1;
+			for (let e of Sd) 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 ? xd(_, t.current) : g.current;
+			return _.size > 0 ? wd(_, t.current) : g.current;
 		}
 		let D = E();
 		function O() {
-			return D = E(), D?.willValidate ? T(D) : Sd(!1);
+			return D = E(), D?.willValidate ? T(D) : Td(!1);
 		}
 		if (o) {
 			if (l.valid !== !1 || !D) return;
 			if (!D.validity.valueMissing) {
 				C();
-				let e = E(), t = e?.validity.customError ? Cd(e) : [];
-				w(Sd(t.length > 0), t, !1);
+				let e = E(), t = e?.validity.customError ? Ed(e) : [];
+				w(Td(t.length > 0), t, !1);
 				return;
 			}
-			for (let e of yd) if (e !== "valid" && e !== "valueMissing" && e !== "customError" && D.validity[e]) return;
+			for (let e of Sd) if (e !== "valid" && e !== "valueMissing" && e !== "customError" && D.validity[e]) return;
 		}
 		h.clear(), C();
-		let k = O(), A = Cd(D), j = u();
+		let k = O(), A = Ed(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 = Cd(D);
+			A = o ? [].concat(o).filter(Boolean) : [], A.length > 0 ? (k.valid = !1, k.customError = !0, D?.willValidate && S(D, A.join("\n"))) : A = Ed(D);
 		}
 		w(k, A);
-	}), C = H((e, t = !1) => {
+	}), C = V((e, t = !1) => {
 		if (h.clear(), v.current += 1, t) return;
 		let n = u();
 		n && e !== "" && o ? h.start(o, () => {
 			S(e);
 		}) : S(e, !n);
-	}), w = K.useCallback((e, t = {}) => Se(m(t), l.valid === !1 && !l.disabled && !e ? { "aria-invalid": !0 } : je), [
+	}), w = K.useCallback((e, t = {}) => xe(m(t), l.valid === !1 && !l.disabled && !e ? { "aria-invalid": !0 } : je), [
 		m,
 		l.disabled,
 		l.valid
@@ -8306,15 +8351,15 @@ function wd(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.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 Td(e) {
-	let { change: t, commit: n, invalid: r, markedDirtyRef: i, name: a, setRegisteredFieldName: o, registeredFieldIdRef: s, setValidityData: c, validityData: l } = e, { formRef: u } = Ee(), d = K.useRef(null), f = K.useRef(null), p = K.useRef(!1), m = H(() => {
+function Od(e) {
+	let { change: t, commit: n, invalid: r, markedDirtyRef: i, name: a, setRegisteredFieldName: o, registeredFieldIdRef: s, setValidityData: c, validityData: l } = e, { formRef: u } = Te(), d = K.useRef(null), f = K.useRef(null), p = K.useRef(!1), m = V(() => {
 		let e = f.current;
 		if (e) return e.getValue ? e.getValue() : e.value;
 	});
 	function h(e) {
 		return e.value === void 0 ? m() : e.value;
 	}
-	let g = H(() => {
+	let g = V(() => {
 		let e = f.current;
 		i.current = !0, n(e ? h(e) : l.value);
 	});
@@ -8324,7 +8369,7 @@ function Td(e) {
 			getValue: m,
 			name: a ?? e.name,
 			controlRef: e.controlRef,
-			validityData: vd(l, r),
+			validityData: xd(l, r),
 			validate: g
 		});
 	}
@@ -8346,7 +8391,7 @@ function Td(e) {
 			getValue: m,
 			name: a ?? e.name,
 			controlRef: e.controlRef,
-			validityData: vd(l, r),
+			validityData: xd(l, r),
 			validate: g
 		}));
 	}, [
@@ -8363,7 +8408,7 @@ function Td(e) {
 			let t = f.current?.id;
 			t && e.delete(t);
 		};
-	}, [u]), [g, H((e, n) => {
+	}, [u]), [g, V((e, n) => {
 		if (!n) {
 			d.current === e && (d.current = null, t(void 0, !0), v(), f.current = null, o(void 0), s.current = void 0);
 			return;
@@ -8374,121 +8419,121 @@ function Td(e) {
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/root/FieldRoot.mjs
-var Ed = /*#__PURE__*/ K.forwardRef(function(e, t) {
-	let { errors: n, validationMode: r, submitCountRef: i } = Ee(), { 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 = fd(!0)?.disabled, y = H(s || (() => null)), b = v || d, [x, S] = K.useState(!1), [C, w] = K.useState(!1), [T, E] = K.useState(!1), [D, k] = K.useState(!1), A = K.useRef(void 0), j = p ?? C, ee = m ?? x, te = K.useRef(j), ne = K.useRef(void 0), [M, re] = K.useState(), ie = u ?? M;
+var kd = /*#__PURE__*/ K.forwardRef(function(e, t) {
+	let { errors: n, validationMode: r, submitCountRef: i } = Te(), { 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 = hd(!0)?.disabled, y = V(s || (() => null)), b = v || d, [x, S] = K.useState(!1), [C, w] = K.useState(!1), [T, E] = K.useState(!1), [D, k] = K.useState(!1), A = K.useRef(void 0), j = p ?? C, ee = m ?? x, M = K.useRef(j), te = K.useRef(void 0), [N, ne] = K.useState(), re = u ?? N;
 	ke(() => {
-		p !== void 0 && (te.current = p);
+		p !== void 0 && (M.current = p);
 	}, [p]);
-	let ae = H((e) => {
-		p === void 0 && (e && (te.current = !0), w(e));
-	}), oe = H((e) => {
+	let ie = V((e) => {
+		p === void 0 && (e && (M.current = !0), w(e));
+	}), ae = V((e) => {
 		m === void 0 && S(e);
-	}), se = H(() => l === "onChange" || l === "onSubmit" && i.current > 0), P = ie && Object.hasOwn(n, ie) ? n[ie] : null, ce = !!(Array.isArray(P) ? P.length : P), F = f === !0 || ce, [I, L] = K.useState({
-		state: N,
+	}), P = V(() => l === "onChange" || l === "onSubmit" && i.current > 0), I = re && Object.hasOwn(n, re) ? n[re] : null, oe = !!(Array.isArray(I) ? I.length : I), L = f === !0 || oe, [R, z] = K.useState({
+		state: F,
 		error: "",
 		errors: [],
 		value: null,
 		initialValue: null
-	}), le = !F && (b ? null : I.state.valid), ue = K.useMemo(() => ({
+	}), se = !L && (b ? null : R.state.valid), ce = K.useMemo(() => ({
 		disabled: b,
 		touched: ee,
 		dirty: j,
-		valid: le,
+		valid: se,
 		filled: T,
 		focused: D
 	}), [
 		b,
 		ee,
 		j,
-		le,
+		se,
 		T,
 		D
-	]), R = wd({
-		setValidityData: L,
+	]), ue = Dd({
+		setValidityData: z,
 		validate: y,
-		validityData: I,
+		validityData: R,
 		validationDebounceTime: c,
-		invalid: F,
-		markedDirtyRef: te,
-		state: ue,
-		shouldValidateOnChange: se,
+		invalid: L,
+		markedDirtyRef: M,
+		state: ce,
+		shouldValidateOnChange: P,
 		validationMode: l,
-		registeredFieldIdRef: ne
-	}), [z, fe] = Td({
-		change: R.change,
-		commit: R.commit,
-		invalid: F,
-		markedDirtyRef: te,
+		registeredFieldIdRef: te
+	}), [de, fe] = Od({
+		change: ue.change,
+		commit: ue.commit,
+		invalid: L,
+		markedDirtyRef: M,
 		name: u,
-		setRegisteredFieldName: re,
-		registeredFieldIdRef: ne,
-		setValidityData: L,
-		validityData: I
+		setRegisteredFieldName: ne,
+		registeredFieldIdRef: te,
+		setValidityData: z,
+		validityData: R
 	});
-	K.useImperativeHandle(h, () => ({ validate: z }), [z]);
+	K.useImperativeHandle(h, () => ({ validate: de }), [de]);
 	let pe = K.useMemo(() => ({
-		invalid: F,
-		name: ie,
-		validityData: I,
-		setValidityData: L,
+		invalid: L,
+		name: re,
+		validityData: R,
+		setValidityData: z,
 		disabled: b,
-		setTouched: oe,
-		setDirty: ae,
+		setTouched: ae,
+		setDirty: ie,
 		setFilled: E,
 		setFocused: k,
 		focusOwnerRef: A,
 		validationMode: l,
-		shouldValidateOnChange: se,
-		state: ue,
+		shouldValidateOnChange: P,
+		state: ce,
 		registerFieldControl: fe,
-		validation: R
+		validation: ue
 	}), [
-		F,
-		ie,
-		I,
+		L,
+		re,
+		R,
 		b,
-		oe,
 		ae,
+		ie,
 		E,
 		k,
 		l,
-		se,
-		ue,
+		P,
+		ce,
 		fe,
-		R
-	]), me = he("div", e, {
+		ue
+	]), B = me("div", e, {
 		ref: t,
-		state: ue,
+		state: ce,
 		props: _,
 		stateAttributesMapping: O
 	});
-	return /*#__PURE__*/ Z(de.Provider, {
+	return /*#__PURE__*/ Z(le.Provider, {
 		value: pe,
-		children: me
+		children: B
 	});
 });
-process.env.NODE_ENV !== "production" && (Ed.displayName = "FieldRootInner");
-var Dd = /*#__PURE__*/ K.forwardRef(function(e, t) {
-	return /*#__PURE__*/ Z(pd, { children: /*#__PURE__*/ Z(Ed, {
+process.env.NODE_ENV !== "production" && (kd.displayName = "FieldRootInner");
+var Ad = /*#__PURE__*/ K.forwardRef(function(e, t) {
+	return /*#__PURE__*/ Z(gd, { children: /*#__PURE__*/ Z(kd, {
 		...e,
 		ref: t
 	}) });
 });
-process.env.NODE_ENV !== "production" && (Dd.displayName = "FieldRoot");
+process.env.NODE_ENV !== "production" && (Ad.displayName = "FieldRoot");
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/item/FieldItemContext.mjs
-var Od = /*#__PURE__*/ K.createContext({ disabled: !1 });
-process.env.NODE_ENV !== "production" && (Od.displayName = "FieldItemContext");
-function kd() {
-	return K.useContext(Od);
+var jd = /*#__PURE__*/ K.createContext({ disabled: !1 });
+process.env.NODE_ENV !== "production" && (jd.displayName = "FieldItemContext");
+function Md() {
+	return K.useContext(jd);
 }
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.9.0_@types+react@19.3.0_react-dom@19.3.1_react@19.3.1__react@19.3.1/node_modules/@base-ui/react/field/label/FieldLabel.mjs
-var Ad = /*#__PURE__*/ K.forwardRef(function(e, t) {
-	let { render: n, className: r, style: i, id: a, nativeLabel: o = !0, ...s } = e, c = ue(!1), l = kd(), { labelId: u } = L(), d = {
+var Nd = /*#__PURE__*/ K.forwardRef(function(e, t) {
+	let { render: n, className: r, style: i, id: a, nativeLabel: o = !0, ...s } = e, c = ce(!1), l = Md(), { labelId: u } = z(), d = {
 		...c.state,
 		disabled: c.disabled || l.disabled
-	}, f = K.useRef(null), p = hd({
+	}, f = K.useRef(null), p = vd({
 		id: u ?? a,
 		native: o
 	});
@@ -8497,39 +8542,39 @@ var Ad = /*#__PURE__*/ K.forwardRef(function(e, t) {
 		let e = f.current.tagName === "LABEL";
 		if (o) {
 			if (!e) {
-				let e = Te.captureOwnerStack?.() || "";
+				let e = we.captureOwnerStack?.() || "";
 				Oe(`<Field.Label> expected a <label> element because the \`nativeLabel\` prop is true. Rendering a non-<label> disables native label association, so \`htmlFor\` will not work. Use a real <label> in the \`render\` prop, or set \`nativeLabel\` to \`false\`.${e}`);
 			}
 		} else if (e) {
-			let e = Te.captureOwnerStack?.() || "";
+			let e = we.captureOwnerStack?.() || "";
 			Oe(`<Field.Label> expected a non-<label> element because the \`nativeLabel\` prop is false. Rendering a <label> assumes native label behavior while Base UI treats it as non-native, which can cause unexpected pointer behavior. Use a non-<label> in the \`render\` prop, or set \`nativeLabel\` to \`true\`.${e}`);
 		}
-	}, [o]), he("label", e, {
+	}, [o]), me("label", e, {
 		ref: [t, f],
 		state: d,
 		props: [p, s],
 		stateAttributesMapping: O
 	});
 });
-process.env.NODE_ENV !== "production" && (Ad.displayName = "FieldLabel");
-var jd = (e, t) => ({
+process.env.NODE_ENV !== "production" && (Nd.displayName = "FieldLabel");
+var Pd = (e, t) => ({
 	left: t.x + (e.x + e.w) * t.k + 12,
 	top: t.y + e.y * t.k
 });
-function Md(e, t, n) {
-	let r = jd(e, t);
+function Fd(e, t, n) {
+	let r = Pd(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 Nd({ control: e, value: t, change: n, id: r, width: i }) {
-	return /* @__PURE__ */ Q(Dd, {
+function Id({ control: e, value: t, change: n, id: r, width: i }) {
+	return /* @__PURE__ */ Q(Ad, {
 		style: {
 			width: i ?? "100%",
 			flexShrink: 0
 		},
-		children: [/* @__PURE__ */ Z(Ad, {
+		children: [/* @__PURE__ */ Z(Nd, {
 			className: "x10l6tqk x1i1rx1s xjm9jq1 x1717udv xkdpibf xb3r6kr xzpqnlu xuxw1ft xc342km",
 			children: e.label
 		}), /* @__PURE__ */ Z(Mt, {
@@ -8547,7 +8592,7 @@ function Nd({ control: e, value: t, change: n, id: r, width: i }) {
 		})]
 	});
 }
-function Pd({ control: e, value: t, change: n }) {
+function Ld({ control: e, value: t, change: n }) {
 	let r = vt(), 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",
@@ -8602,14 +8647,14 @@ function Pd({ control: e, value: t, change: n }) {
 			step: e.step,
 			value: t,
 			onChange: n
-		}), /* @__PURE__ */ Z(Nd, {
+		}), /* @__PURE__ */ Z(Id, {
 			change: n,
 			control: e,
 			id: `${r}-number`,
 			value: t,
 			width: 48
 		})]
-	}) : e.type === "number" ? /* @__PURE__ */ Z(Nd, {
+	}) : e.type === "number" ? /* @__PURE__ */ Z(Id, {
 		change: n,
 		control: e,
 		id: r,
@@ -8687,7 +8732,7 @@ function Pd({ control: e, value: t, change: n }) {
 		})]
 	});
 }
-function Fd({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
+function Rd({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
 	let s = Y(null), c = vt(), [l, u] = X(!1), [d, f] = X("schema"), p = W(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 || W("parameters.controls");
@@ -8707,7 +8752,7 @@ function Fd({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 				maxHeight: r ? `min(604px, calc(100% - ${Math.max(0, r.top)}px - 12px))` : "min(604px, calc(100vh - 112px))"
 			},
 			onKeyDown: (e) => {
-				e.stopPropagation(), e.key === "Escape" && !e.defaultPrevented && !ge(e.nativeEvent) && o();
+				e.stopPropagation(), e.key === "Escape" && !e.defaultPrevented && !he(e.nativeEvent) && o();
 			},
 			children: [
 				/* @__PURE__ */ Q("header", {
@@ -8769,7 +8814,7 @@ function Fd({ 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(Pd, {
+						}), t.map(([e, t]) => /* @__PURE__ */ Z(Ld, {
 							change: (t) => i(e, t),
 							control: t,
 							value: n.values[e]
@@ -8827,7 +8872,7 @@ function Fd({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 					"data-chrome": "parameter-declaration",
 					className: [{ className: "x78zum5 xdt5ytf xh8yej3 x5yr21d x2lwn1j xo2rkog xqfszdh" }.className, "rt-dialog"].filter(Boolean).join(" "),
 					onKeyDown: (e) => {
-						e.stopPropagation(), e.key === "Escape" && !e.defaultPrevented && !ge(e.nativeEvent) && u(!1);
+						e.stopPropagation(), e.key === "Escape" && !e.defaultPrevented && !he(e.nativeEvent) && u(!1);
 					},
 					children: [
 						/* @__PURE__ */ Q("header", {
@@ -8919,7 +8964,7 @@ function Fd({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 }
 //#endregion
 //#region src/viewer/verdicts/RejectComposer.tsx
-function Id({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
+function zd({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 	let { t: a } = Re();
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": "reject",
@@ -8946,7 +8991,7 @@ function Id({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ Z(me, {
+			/* @__PURE__ */ Z(B, {
 				autoFocus: !0,
 				placeholder: a("verdict.reasonPlaceholder"),
 				onCancel: i,
@@ -8961,7 +9006,7 @@ function Id({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 }
 //#endregion
 //#region src/viewer/components/PhoneArtboardBar.tsx
-function Ld({ pages: e, page: t, onPageChange: n }) {
+function Bd({ pages: e, page: t, onPageChange: n }) {
 	if (e.length < 2) return null;
 	let r = e.find((e) => e.id === t);
 	return /* @__PURE__ */ Z(Ot, {
@@ -8983,7 +9028,7 @@ function Ld({ pages: e, page: t, onPageChange: n }) {
 		})
 	});
 }
-function Rd({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a }) {
+function Vd({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a }) {
 	return /* @__PURE__ */ Q("header", {
 		"data-chrome": !0,
 		className: "x2lah0s xdd8jsf x78zum5 x6s0dn4 x883omv x1hr3lfm xso031l x1q0q8m5 xtrfj0v x1rozbrz xo2rkog xqfszdh xif65rj",
@@ -8992,7 +9037,7 @@ function Rd({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a
 				className: "xeuugli xb3r6kr xuxw1ft xlyipyv x1s688f",
 				children: e
 			}),
-			/* @__PURE__ */ Z(Ld, {
+			/* @__PURE__ */ Z(Bd, {
 				page: n,
 				pages: t,
 				onPageChange: r
@@ -9011,7 +9056,7 @@ function Rd({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a
 }
 //#endregion
 //#region src/viewer/components/ghost.ts
-var zd = { ghost: {
+var Hd = { ghost: {
 	k1xSpc: "xrvj5dj",
 	kgQiWS: "x1ku5rj1",
 	kmuXW: "x2lah0s",
@@ -9027,9 +9072,9 @@ var zd = { ghost: {
 	kIyJzY: "xgdialr",
 	k3aq6I: "x19kf12q",
 	$$css: !0
-} }, Bd = 120, Vd = .5, Hd = 110, Ud = .4, Wd = .25;
-function Gd(e, t, n) {
-	if (!e || z()) return {
+} }, Ud = 120, Wd = .5, Gd = 110, Kd = .4, qd = .25;
+function Jd(e, t, n) {
+	if (!e || de()) return {
 		done: Promise.resolve(),
 		cancel: () => {}
 	};
@@ -9042,8 +9087,8 @@ function Gd(e, t, n) {
 		cancel: () => r.cancel()
 	};
 }
-function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a, origin: o, onOpen: s, onClose: c }) {
-	let { viewportRef: l, view: u, place: d, handlers: f } = Bu("hand"), p = Y(null), m = Y(null), h = Y(null), g = Y(null), [_, v] = X(null), y = Y(null), b = Y(u);
+function Yd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a, origin: o, onOpen: s, onClose: c }) {
+	let { viewportRef: l, view: u, place: d, handlers: f } = Uu("hand"), p = Y(null), m = Y(null), h = Y(null), g = Y(null), [_, v] = X(null), y = Y(null), b = Y(u);
 	b.current = u;
 	let x = Y(!1), S = Y(null), C = Y(!1), w = a.indexOf(e), T = w > 0 ? a[w - 1] : void 0, E = w >= 0 ? a[w + 1] : void 0, D = () => ({
 		width: l.current?.clientWidth ?? t.w,
@@ -9063,13 +9108,13 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 		if (d(i), b.current = i, !x.current) {
 			x.current = !0;
 			let e = O(o);
-			e && V(p.current, [{ transform: e }, { transform: "none" }], {
-				duration: U.duration,
-				easing: U.easing
-			}), V(m.current, [{ opacity: 0 }, { opacity: 1 }], {
+			e && ve(p.current, [{ transform: e }, { transform: "none" }], {
+				duration: Ee.duration,
+				easing: Ee.easing
+			}), ve(m.current, [{ opacity: 0 }, { opacity: 1 }], {
 				duration: 200,
 				easing: Ae
-			}), k().forEach((e, t) => void V(e, [{
+			}), k().forEach((e, t) => void ve(e, [{
 				opacity: 0,
 				transform: `translateY(${t ? 12 : -8}px)`
 			}, {
@@ -9082,15 +9127,15 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			}));
 		} else if (S.current) {
 			let { dir: t, leaving: n } = S.current;
-			S.current = null, n(), V(p.current, [{
+			S.current = null, n(), ve(p.current, [{
 				transform: `translateX(${t * e * .35}px)`,
 				opacity: 0
 			}, {
 				transform: "none",
 				opacity: 1
 			}], {
-				duration: U.duration,
-				easing: U.easing
+				duration: Ee.duration,
+				easing: Ee.easing
 			});
 		}
 	}, [
@@ -9103,10 +9148,10 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 	]);
 	let A = () => {
 		let e = p.current?.style.transform || "none";
-		v(null), V(p.current, [{ transform: e }, { transform: "none" }], {
-			duration: U.duration,
-			easing: U.easing
-		}), [m.current, ...k()].forEach((e) => void V(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 1 }], {
+		v(null), ve(p.current, [{ transform: e }, { transform: "none" }], {
+			duration: Ee.duration,
+			easing: Ee.easing
+		}), [m.current, ...k()].forEach((e) => void ve(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 1 }], {
 			duration: 200,
 			easing: Ae
 		}));
@@ -9115,23 +9160,23 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 		C.current = !0;
 		let e = p.current?.style.transform || "none", t = O(o), n = {
 			duration: 100,
-			easing: we
+			easing: Ce
 		};
 		await Promise.all([
-			t ? Gd(p.current, [{ transform: e }, { transform: t }], {
+			t ? Jd(p.current, [{ transform: e }, { transform: t }], {
 				duration: 240,
-				easing: we
-			}).done : Gd(p.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
-			Gd(m.current, [{ opacity: Number(m.current?.style.opacity || 1) }, { opacity: 0 }], {
+				easing: Ce
+			}).done : Jd(p.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
+			Jd(m.current, [{ opacity: Number(m.current?.style.opacity || 1) }, { opacity: 0 }], {
 				duration: 240,
-				easing: we
+				easing: Ce
 			}).done,
-			...k().map((e) => Gd(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
+			...k().map((e) => Jd(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
 		]), c();
 	}, ee = async (e, t) => {
 		if (!t || C.current) return;
 		C.current = !0;
-		let n = p.current?.style.transform || "none", r = Gd(p.current, [{
+		let n = p.current?.style.transform || "none", r = Jd(p.current, [{
 			transform: n,
 			opacity: 1
 		}, {
@@ -9139,13 +9184,13 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			opacity: 0
 		}], {
 			duration: 180,
-			easing: we
+			easing: Ce
 		});
 		await r.done, S.current = {
 			dir: e,
 			leaving: r.cancel
 		}, C.current = !1, v(null), s(t);
-	}, te = (e) => {
+	}, M = (e) => {
 		let t = y.current;
 		if (C.current || t?.mode === "dismiss" || t?.mode === "swipe" || (t && (t.mode = "pan"), f.onPointerDown(e), t)) return;
 		[
@@ -9161,7 +9206,7 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			mode: "pending",
 			track: n
 		};
-	}, ne = (e) => {
+	}, te = (e) => {
 		let n = y.current;
 		if (!n || n.id !== e.pointerId) return f.onPointerMove(e);
 		n.track.add(e.clientX, e.clientY, performance.now());
@@ -9177,18 +9222,18 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			dx: r,
 			dy: i
 		});
-	}, M = (e) => {
+	}, N = (e) => {
 		let t = y.current;
 		if (!t || t.id !== e.pointerId || (y.current = null, t.mode === "pan" || t.mode === "pending")) return f.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 > Bd && n.y > -.4 || n.y > Vd ? void j() : A();
-		let a = n.x < -.4 ? 1 : n.x > Ud ? -1 : 0, o = r < -110 ? 1 : r > Hd ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? E : s === -1 ? T : void 0;
+		if (t.mode === "dismiss") return i > Ud && n.y > -.4 || n.y > Wd ? void j() : A();
+		let a = n.x < -.4 ? 1 : n.x > Kd ? -1 : 0, o = r < -110 ? 1 : r > Gd ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? E : s === -1 ? T : void 0;
 		c && s ? ee(s, c) : A();
-	}, { width: re, height: ie } = D(), ae, oe = 1, se = 1;
+	}, { width: ne, height: re } = D(), ie, ae = 1, P = 1;
 	if (_?.axis === "y") {
 		let e = Math.max(0, _.dy), t = 1 - Math.min(e / 900, .3);
-		ae = `translate(${_.dx * .6 + (1 - t) * re / 2}px, ${e + (1 - t) * ie / 2}px) scale(${t})`, oe = 1 - Math.min(e / 420, .85), se = Math.max(0, 1 - e / Bd);
-	} else _?.axis === "x" && (ae = `translateX(${_.dx > 0 && !T || _.dx < 0 && !E ? _.dx * Wd : _.dx}px)`);
+		ie = `translate(${_.dx * .6 + (1 - t) * ne / 2}px, ${e + (1 - t) * re / 2}px) scale(${t})`, ae = 1 - Math.min(e / 420, .85), P = Math.max(0, 1 - e / Ud);
+	} else _?.axis === "x" && (ie = `translateX(${_.dx > 0 && !T || _.dx < 0 && !E ? _.dx * qd : _.dx}px)`);
 	return /* @__PURE__ */ Q("div", {
 		"data-phone-board": !0,
 		className: "xixxii4 x10a8y8t x68pp3s x78zum5 xdt5ytf xo2rkog xqfszdh",
@@ -9196,18 +9241,18 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			/* @__PURE__ */ Z("div", {
 				ref: m,
 				className: "x10l6tqk x10a8y8t x184qs1t",
-				style: _ ? { opacity: oe } : void 0
+				style: _ ? { opacity: ae } : void 0
 			}),
 			/* @__PURE__ */ Q("header", {
 				ref: h,
 				className: "x1n2onr6 x2lah0s xdd8jsf x78zum5 x6s0dn4 x195vfkc x135b78x xv54qhq xso031l x1q0q8m5 xtrfj0v x1rozbrz",
-				style: _ ? { opacity: se } : void 0,
+				style: _ ? { opacity: P } : void 0,
 				children: [
 					/* @__PURE__ */ Z("button", {
 						"aria-label": W("phone.backToCanvas"),
 						type: "button",
 						onClick: () => void j(),
-						...G(zd.ghost),
+						...G(Hd.ghost),
 						children: /* @__PURE__ */ Z(nn, { size: 22 })
 					}),
 					/* @__PURE__ */ Q("span", {
@@ -9233,9 +9278,9 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			/* @__PURE__ */ Z("div", {
 				"data-board-body": !0,
 				ref: l,
-				onPointerDown: te,
-				onPointerMove: ne,
-				onPointerUp: M,
+				onPointerDown: M,
+				onPointerMove: te,
+				onPointerUp: N,
 				onPointerCancel: (e) => {
 					let t = y.current;
 					t?.id === e.pointerId && ((t.mode === "dismiss" || t.mode === "swipe") && A(), y.current = null), f.onPointerCancel(e);
@@ -9245,7 +9290,7 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 					"data-board-stage": !0,
 					ref: p,
 					className: "x10l6tqk x10a8y8t x1hj3fc7",
-					style: ae ? { transform: ae } : void 0,
+					style: ie ? { transform: ie } : void 0,
 					children: /* @__PURE__ */ Z("div", {
 						className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
 						style: {
@@ -9275,14 +9320,14 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 			a.length > 1 ? /* @__PURE__ */ Q("div", {
 				ref: g,
 				className: "x1n2onr6 x2lah0s x78zum5 x6s0dn4 xdqyycr x1iorvi4 xe1blv6 x178xt8z x13fuv20 xxu5053 x1rozbrz",
-				style: _ ? { opacity: se } : void 0,
+				style: _ ? { opacity: P } : void 0,
 				children: [
 					/* @__PURE__ */ Z("button", {
 						"aria-label": W("phone.previousBoard"),
 						disabled: !T,
 						type: "button",
 						onClick: () => void ee(-1, T),
-						...G(zd.ghost),
+						...G(Hd.ghost),
 						children: /* @__PURE__ */ Z(nn, { size: 20 })
 					}),
 					/* @__PURE__ */ Z("span", {
@@ -9300,7 +9345,7 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 						disabled: !E,
 						type: "button",
 						onClick: () => void ee(1, E),
-						...G(zd.ghost),
+						...G(Hd.ghost),
 						children: /* @__PURE__ */ Z(rn, { size: 20 })
 					})
 				]
@@ -9310,13 +9355,13 @@ function Kd({ id: e, board: t, sandbox: n = "allow-scripts", src: i, siblings: a
 }
 //#endregion
 //#region src/viewer/lib/questions.ts
-var qd = (e) => ({
+var Xd = (e) => ({
 	minX: e.x,
 	minY: e.y,
 	maxX: e.x + e.w,
 	maxY: e.y + e.h
 });
-function Jd(e, t, n) {
+function Zd(e, t, n) {
 	let r = t.pages[n];
 	if (!r) return [];
 	let i = /* @__PURE__ */ new Set(), a = [];
@@ -9328,7 +9373,7 @@ function Jd(e, t, n) {
 				id: t,
 				title: o.title ?? t,
 				boards: c,
-				bounds: qd(s)
+				bounds: Xd(s)
 			});
 		}
 	}
@@ -9336,7 +9381,7 @@ function Jd(e, t, n) {
 		id: t,
 		title: r.title ?? t,
 		boards: [t],
-		bounds: qd(r)
+		bounds: Xd(r)
 	});
 	a.sort((e, t) => e.bounds.minY - t.bounds.minY || e.bounds.minX - t.bounds.minX);
 	let o = Object.entries(e.notes ?? {}).filter(([e, t]) => t.page === n && t.kind === "title" && r.notes[e]).map(([e, t]) => ({
@@ -9355,25 +9400,25 @@ function Jd(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 Yd = (e) => e.flatMap((e) => e.questions);
-function Xd(e, t) {
-	let n = Yd(e);
+var Qd = (e) => e.flatMap((e) => e.questions);
+function $d(e, t) {
+	let n = Qd(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 Zd(e, t, n) {
+function ef(e, t, n) {
 	let r = e.findIndex((e) => e.id === t);
 	return r === -1 ? null : e[r + n] ?? null;
 }
-var Qd = .66, $d = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
-function ef({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, onPageChange: o, onPick: s, snap: c, onSnap: l, verdicts: u = {} }) {
-	let { t: d } = Re(), f = Yd(e), p = t ? f.findIndex((e) => e.id === t.id) : -1;
+var tf = .66, nf = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
+function rf({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, onPageChange: o, onPick: s, snap: c, onSnap: l, verdicts: u = {} }) {
+	let { t: d } = Re(), f = Qd(e), p = t ? f.findIndex((e) => e.id === t.id) : -1;
 	return /* @__PURE__ */ Z(it, {
 		snap: c,
-		snaps: [78, Qd],
+		snaps: [78, tf],
 		header: /* @__PURE__ */ Q("div", {
 			className: "x78zum5 x6s0dn4 x17d4w8g x1xijbu4 xsag5q8",
 			children: [
@@ -9382,7 +9427,7 @@ function ef({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					disabled: !n,
 					type: "button",
 					onClick: () => n && s(n),
-					...G(zd.ghost),
+					...G(Hd.ghost),
 					children: /* @__PURE__ */ Z(nn, { size: 20 })
 				}),
 				/* @__PURE__ */ Q("span", {
@@ -9415,7 +9460,7 @@ function ef({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 						"data-progress": !0,
 						className: "x78zum5 x1ed6fcf",
 						children: f.map((e) => {
-							let n = $d(e, t, u);
+							let n = nf(e, t, u);
 							return /* @__PURE__ */ Z("span", {
 								"data-mark": n,
 								...{
@@ -9437,7 +9482,7 @@ function ef({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					disabled: !r,
 					type: "button",
 					onClick: () => r && s(r),
-					...G(zd.ghost),
+					...G(Hd.ghost),
 					children: /* @__PURE__ */ Z(rn, { size: 20 })
 				})
 			]
@@ -9448,7 +9493,7 @@ function ef({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 			className: "xwxc41k xqfszdh",
 			children: [i.length > 1 ? /* @__PURE__ */ Z("div", {
 				className: "x78zum5 x13a6bvl x1hr3lfm x12ulsxz",
-				children: /* @__PURE__ */ Z(Ld, {
+				children: /* @__PURE__ */ Z(Bd, {
 					page: a,
 					pages: i,
 					onPageChange: o
@@ -9485,138 +9530,139 @@ function ef({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 }
 //#endregion
 //#region src/viewer/layouts/PhoneArtboard.tsx
-var tf = {
+var af = {
 	top: 16,
 	right: 16,
 	bottom: 94,
 	left: 16
-}, nf = 8, rf = /* @__PURE__ */ new Set(), af = () => {}, of = [];
-function sf({ id: e, canvas: t, layout: n, warnings: i, pending: a, contentBase: o, boardPort: s, boardPath: c, versions: l, live: u, loaded: d, agent: f, comments: p, actions: m }) {
-	let { viewportRef: h, worldRef: g, view: _, size: v, gesturing: y, fit: b, handlers: x } = Bu("hand"), [S, C] = X(null), [T, E] = X(78), [D, O] = X(null), k = Y(null), A = q((e, t = !1) => e ? (C(e.id), b(e.bounds, tf, { animate: t }), !0) : !1, [b]), { page: j, changePage: ee } = Yl({
+}, of = 8, sf = /* @__PURE__ */ new Set(), cf = () => {}, lf = [];
+function uf({ id: e, canvas: t, layout: n, warnings: i, pending: a, contentBase: o, boardPort: s, boardPath: c, versions: l, live: u, loaded: d, agent: f, comments: p, actions: m }) {
+	let { viewportRef: h, worldRef: g, overlayRef: _, view: v, viewNow: y, size: b, gesturing: x, fit: S, handlers: C } = Uu("hand"), [T, E] = X(null), [D, O] = X(78), [k, A] = X(null), j = Y(null), ee = q((e, t = !1) => e ? (E(e.id), S(e.bounds, af, { animate: t }), !0) : !1, [S]), { page: M, changePage: te } = Yl({
 		canvas: t,
 		layout: n,
 		fitPage: q((e) => {
 			let r = n?.pages[e];
-			return !t || !r ? !1 : (A(Xd(Jd(t, n, e), t.focus?.target)) || (C(null), r.bounds && b(r.bounds, tf)), !0);
+			return !t || !r ? !1 : (ee($d(Zd(t, n, e), t.focus?.target)) || (E(null), r.bounds && S(r.bounds, af)), !0);
 		}, [
 			t,
 			n,
-			b,
-			A
+			S,
+			ee
 		]),
 		startAtFocus: !0
-	}), te = bt(() => t && n && j ? Jd(t, n, j) : [], [
+	}), N = bt(() => t && n && M ? Zd(t, n, M) : [], [
 		t,
 		n,
-		j
-	]), ne = bt(() => Yd(te), [te]), M = ne.find((e) => e.id === S) ?? null, re = (e) => {
-		A(e, !0), E(78);
-	}, ie = t?.boards ?? {}, ae = bt(() => Object.entries(t?.boards ?? {}).filter(([, e]) => e.page === j), [t, j]), oe = Object.entries(t?.groups ?? {}).filter(([, e]) => e.boards.some((e) => ie[e]?.page === j)), se = Object.entries(t?.notes ?? {}).filter(([, e]) => e.page === j), N = bt(() => new Set(a), [a]), P = du({
+		M
+	]), ne = bt(() => Qd(N), [N]), re = ne.find((e) => e.id === T) ?? null, ie = (e) => {
+		ee(e, !0), O(78);
+	}, ae = t?.boards ?? {}, P = bt(() => Object.entries(t?.boards ?? {}).filter(([, e]) => e.page === M), [t, M]), F = Object.entries(t?.groups ?? {}).filter(([, e]) => e.boards.some((e) => ae[e]?.page === M)), I = Object.entries(t?.notes ?? {}).filter(([, e]) => e.page === M), oe = bt(() => new Set(a), [a]), L = du({
 		contentBase: o,
 		boardPort: s,
 		boardPath: c
-	}), ce = bt(() => P ? N : new Set(ae.map(([e]) => e)), [
-		P,
-		N,
-		ae
-	]), F = au({
-		boards: ae,
+	}), R = bt(() => L ? oe : new Set(P.map(([e]) => e)), [
+		L,
+		oe,
+		P
+	]), z = au({
+		boards: P,
 		versions: l,
-		pending: ce,
-		view: _,
-		viewport: v,
-		active: rf,
-		gesturing: y
-	}), I = _u(ae, _, v), L = bt(() => new Set(p?.stale ?? []), [p]), le = Zu({
+		pending: R,
+		view: v,
+		viewport: b,
+		active: sf,
+		gesturing: x
+	}), se = _u(P, v, b), ce = bt(() => new Set(p?.stale ?? []), [p]), le = ed({
 		canvas: t,
-		page: j,
-		threads: p?.comments.threads ?? of,
-		stale: L,
+		page: M,
+		threads: p?.comments.threads ?? lf,
+		stale: ce,
 		versions: l
 	}), ue = (e) => {
-		let t = h.current.getBoundingClientRect(), n = (e.clientX - t.left - _.x) / _.k, r = (e.clientY - t.top - _.y) / _.k;
-		return ae.find(([, e]) => n >= e.x && n <= e.x + e.w && r >= e.y && r <= e.y + e.h)?.[0] ?? null;
+		let t = h.current.getBoundingClientRect(), n = y(), r = (e.clientX - t.left - n.x) / n.k, i = (e.clientY - t.top - n.y) / n.k;
+		return P.find(([, e]) => r >= e.x && r <= e.x + e.w && i >= e.y && i <= e.y + e.h)?.[0] ?? null;
 	}, de = (e) => {
-		x.onPointerDown(e);
+		C.onPointerDown(e);
 		let t = !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome]");
-		k.current = k.current || t ? null : {
+		j.current = j.current || t ? null : {
 			pointer: e.pointerId,
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, R = (e) => {
-		x.onPointerMove(e);
-		let t = k.current;
-		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > nf) && (k.current = null);
-	}, z = (e) => {
-		x.onPointerUp(e);
-		let t = k.current;
-		if (k.current = null, t?.pointer !== e.pointerId) return;
+	}, fe = (e) => {
+		C.onPointerMove(e);
+		let t = j.current;
+		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > of) && (j.current = null);
+	}, pe = (e) => {
+		C.onPointerUp(e);
+		let t = j.current;
+		if (j.current = null, t?.pointer !== e.pointerId) return;
 		let n = ue(e);
-		n && O(n);
-	}, fe = D ? ie[D] : void 0, pe = h.current?.getBoundingClientRect(), me = fe && pe ? {
-		x: pe.left + _.x + fe.x * _.k,
-		y: pe.top + _.y + fe.y * _.k,
-		w: fe.w * _.k,
-		h: fe.h * _.k
-	} : void 0, he = (e) => !t?.groups?.[e.id], ge = D ? te.find((e) => e.questions.some((e) => e.boards.includes(D))) : void 0, _e = ge?.questions.find((e) => e.boards.includes(D)), B = D ? _e ? he(_e) ? ge.questions.filter(he).map((e) => e.id) : _e.boards : [D] : [];
+		n && A(n);
+	}, B = k ? ae[k] : void 0, me = h.current?.getBoundingClientRect(), he = B && me ? {
+		x: me.left + v.x + B.x * v.k,
+		y: me.top + v.y + B.y * v.k,
+		w: B.w * v.k,
+		h: B.h * v.k
+	} : void 0, ge = (e) => !t?.groups?.[e.id], _e = k ? N.find((e) => e.questions.some((e) => e.boards.includes(k))) : void 0, ve = _e?.questions.find((e) => e.boards.includes(k)), V = k ? ve ? ge(ve) ? _e.questions.filter(ge).map((e) => e.id) : ve.boards : [k] : [];
 	return /* @__PURE__ */ Q("div", {
 		className: "xixxii4 x10a8y8t x78zum5 xdt5ytf x184qs1t",
 		children: [
-			/* @__PURE__ */ Z(Rd, {
+			/* @__PURE__ */ Z(Vd, {
 				actions: m,
 				live: u,
-				page: j,
+				page: M,
 				pages: t?.pages ?? [],
 				title: t?.title || e,
-				onPageChange: ee
+				onPageChange: te
 			}),
 			/* @__PURE__ */ Q("div", {
 				ref: h,
 				className: "x1n2onr6 x98rzlu x2lwn1j xb3r6kr x5ve5x3 x87ps6o xqfszdh xo2rkog",
 				onPointerDown: de,
-				onPointerMove: R,
-				onPointerUp: z,
+				onPointerMove: fe,
+				onPointerUp: pe,
 				onPointerCancel: (e) => {
-					x.onPointerCancel(e), k.current = null;
+					C.onPointerCancel(e), j.current = null;
 				},
 				children: [t && n ? /* @__PURE__ */ Q(w, {
 					resetKey: t,
 					children: [/* @__PURE__ */ Z(ht, {
 						agent: f,
-						boardBase: P?.base,
-						boardSandbox: P?.sandbox,
-						boards: ae,
+						boardBase: L?.base,
+						boardSandbox: L?.sandbox,
+						boards: P,
 						contentBase: o,
-						culled: I,
-						frameLoaded: af,
-						frameRef: F.frameRef,
-						gesturing: y,
-						images: F.images,
+						culled: se,
+						frameLoaded: cf,
+						frameRef: z.frameRef,
+						gesturing: x,
+						images: z.images,
 						inspecting: !1,
 						live: u,
-						notes: se,
-						pending: ce,
-						phases: F.phases,
-						playing: rf,
+						notes: I,
+						pending: R,
+						phases: z.phases,
+						playing: sf,
 						replays: {},
 						versions: l,
-						view: _,
+						view: v,
 						worldRef: g,
 						writing: u ? t.writing : void 0
 					}), /* @__PURE__ */ Z(Kl, {
-						allBoards: ie,
-						boards: ae,
+						allBoards: ae,
+						boards: P,
 						contentBase: o,
-						groups: oe,
-						pending: N,
-						playing: rf,
+						groups: F,
+						overlayRef: _,
+						pending: oe,
+						playing: sf,
 						verdicts: le,
 						versions: l,
-						view: _,
-						onExpand: O,
+						view: v,
+						onExpand: A,
 						onReplay: () => {},
-						onTogglePlay: O
+						onTogglePlay: A
 					})]
 				}) : /* @__PURE__ */ Z("div", {
 					className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 xggk2y7 x1bo0w0s xif65rj x2b8uid",
@@ -9624,333 +9670,347 @@ function sf({ id: e, canvas: t, layout: n, warnings: i, pending: a, contentBase:
 				}), ne.length > 0 ? /* @__PURE__ */ Z("div", {
 					"data-chrome": !0,
 					className: "x10l6tqk x10a8y8t x1n327nk x47corl",
-					children: /* @__PURE__ */ Z(ef, {
-						current: M,
-						next: S ? Zd(ne, S, 1) : null,
-						page: j,
+					children: /* @__PURE__ */ Z(rf, {
+						current: re,
+						next: T ? ef(ne, T, 1) : null,
+						page: M,
 						pages: t?.pages ?? [],
-						previous: S ? Zd(ne, S, -1) : null,
-						rounds: te,
-						snap: T,
+						previous: T ? ef(ne, T, -1) : null,
+						rounds: N,
+						snap: D,
 						verdicts: le.states,
-						onPageChange: ee,
-						onPick: re,
-						onSnap: E
+						onPageChange: te,
+						onPick: ie,
+						onSnap: O
 					})
 				}) : null]
 			}),
-			D && fe ? /* @__PURE__ */ Z(Kd, {
-				board: fe,
-				id: D,
-				origin: me,
-				sandbox: r(fe) ? void 0 : P?.sandbox,
-				siblings: B,
-				src: `${r(fe) ? o : P?.base ?? o}${fe.file}?v=${l[fe.file] ?? 0}`,
-				onClose: () => O(null),
-				onOpen: O
+			k && B ? /* @__PURE__ */ Z(Yd, {
+				board: B,
+				id: k,
+				origin: he,
+				sandbox: r(B) ? void 0 : L?.sandbox,
+				siblings: V,
+				src: `${r(B) ? o : L?.base ?? o}${B.file}?v=${l[B.file] ?? 0}`,
+				onClose: () => A(null),
+				onOpen: A
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/viewer/layouts/ArtboardView.tsx
-function cf(e) {
-	return Me("(max-width: 640px)") ? /* @__PURE__ */ Z(sf, { ...e }) : /* @__PURE__ */ Z(lf, { ...e });
+function df(e) {
+	return Me("(max-width: 640px)") ? /* @__PURE__ */ Z(uf, { ...e }) : /* @__PURE__ */ Z(ff, { ...e });
 }
-function lf({ id: e, artifact: t, canvas: n, layout: i, warnings: a, pending: o, contentBase: s, boardPort: c, boardPath: l, versions: u, live: d, loaded: f, send: p, agent: m, comments: h, comment: g, actions: _ }) {
-	let [v, y] = X("select"), { viewportRef: b, worldRef: x, view: S, gesturing: C, size: T, fit: E, zoomBy: D, zoomTo: O, cursor: k, hand: A, handlers: j, panBy: ee, wheelAt: te, panning: ne, setSpaceHeld: M } = Bu(v), [re, ie] = X(!1), [ae] = X(() => new URLSearchParams(location.search).has("debug")), [oe, se] = X("open"), N = (e) => e && i?.pages[e]?.bounds || null, { page: P, changePage: ce } = Yl({
+function ff({ id: e, artifact: t, canvas: n, layout: i, warnings: a, pending: o, contentBase: s, boardPort: c, boardPath: l, versions: u, live: d, loaded: f, send: p, agent: m, comments: h, comment: g, actions: _ }) {
+	let [v, y] = X("select"), { viewportRef: b, worldRef: x, overlayRef: S, view: C, viewNow: T, gesturing: E, size: D, fit: O, zoomBy: k, zoomTo: A, cursor: j, hand: ee, handlers: M, panBy: te, wheelAt: N, panning: ne, setSpaceHeld: re } = Uu(v), [ie, ae] = X(!1), [P] = X(() => new URLSearchParams(location.search).has("debug")), [F, I] = X("open"), oe = (e) => e && i?.pages[e]?.bounds || null, { page: L, changePage: R } = Yl({
 		canvas: n,
 		layout: i,
 		fitPage: q((e) => {
 			let t = i?.pages[e]?.bounds;
-			return t ? (E(t), !0) : !1;
-		}, [i, E])
-	}), [F, I] = X(null), [L, le] = X(() => /* @__PURE__ */ new Set()), [ue, de] = X({}), R = gu(e), [z, fe] = X(null), pe = Y(null);
-	J(() => fe(null), [P, e]);
-	let me = () => {
-		fe(null), pe.current?.focus();
-	}, he = (e, t) => {
-		pe.current = t;
+			return t ? (O(t), !0) : !1;
+		}, [i, O])
+	}), [z, se] = X(null), [ce, le] = X(() => /* @__PURE__ */ new Set()), [ue, de] = X({}), fe = gu(e), [pe, B] = X(null), me = Y(null);
+	J(() => B(null), [L, e]);
+	let ge = () => {
+		B(null), me.current?.focus();
+	}, _e = (e, t) => {
+		me.current = t;
 		let r = n?.boards[e], i = b.current;
-		if (z !== e && !F && r && i) {
-			let e = Md(r, S, {
+		if (pe !== e && !z && r && i) {
+			let e = Fd(r, T(), {
 				width: i.clientWidth,
 				height: i.clientHeight
 			});
-			(e.x || e.y) && ee(e.x, e.y);
+			(e.x || e.y) && te(e.x, e.y);
 		}
-		fe((t) => t === e ? null : e);
-	}, _e = v === "select" && !F && !ne, B = v === "comment", V = ju({
-		enabled: !F && (v === "select" || B || re),
-		mode: B ? "comment" : "select",
-		playing: L,
+		B((t) => t === e ? null : e);
+	}, ve = v === "select" && !z && !ne, V = v === "comment", H = ju({
+		enabled: !z && (v === "select" || V || ie),
+		mode: V ? "comment" : "select",
+		playing: ce,
 		onInput: (e, t) => {
 			let r = n?.boards[e];
-			r && (t.type === "ryugi:inspect:wheel" ? te({
-				...t,
-				x: S.x + (r.x + t.x) * S.k,
-				y: S.y + (r.y + t.y) * S.k
-			}) : t.type === "ryugi:inspect:pan" ? ee(t.deltaX, t.deltaY) : t.type === "ryugi:inspect:drag" ? B ? H.onFrameDrag(e, t) : _e && Ie.drag(t.phase, r.x + t.x, r.y + t.y, t.append, t.id ? {
-				boardId: e,
-				id: t.id
-			} : void 0) : t.code === "Space" ? M(t.down) : t.down && Ee(t));
+			if (r) {
+				if (t.type === "ryugi:inspect:wheel") {
+					let e = T();
+					N({
+						...t,
+						x: e.x + (r.x + t.x) * e.k,
+						y: e.y + (r.y + t.y) * e.k
+					});
+				} else t.type === "ryugi:inspect:pan" ? te(t.deltaX, t.deltaY) : t.type === "ryugi:inspect:drag" ? V ? U.onFrameDrag(e, t) : ve && Re.drag(t.phase, r.x + t.x, r.y + t.y, t.append, t.id ? {
+					boardId: e,
+					id: t.id
+				} : void 0) : t.code === "Space" ? re(t.down) : t.down && De(t);
+			}
 		}
 	});
-	Ku({
+	Yu({
 		artifact: t,
 		boards: n?.boards,
 		live: d,
-		inspector: V,
+		inspector: H,
 		send: p
 	});
-	let H = Xl({
+	let U = Xl({
 		comments: h,
 		comment: g,
-		page: P,
+		page: L,
 		boards: n?.boards ?? {},
-		inspector: V
-	}), ve = Zu({
+		inspector: H
+	}), ye = ed({
 		canvas: n,
-		page: P,
-		threads: H.threads,
-		stale: H.stale,
+		page: L,
+		threads: U.threads,
+		stale: U.stale,
 		versions: u,
 		comment: g
-	}), ye = ve.rejecting ? ve.origin(ve.rejecting) : null, be = () => {
-		let e = ve.progress.next && P ? i?.pages[P]?.groups[ve.progress.next] : void 0;
-		e && E({
+	}), be = ye.rejecting ? ye.origin(ye.rejecting) : null, xe = () => {
+		let e = ye.progress.next && L ? i?.pages[L]?.groups[ye.progress.next] : void 0;
+		e && O({
 			minX: e.x,
 			minY: e.y,
 			maxX: e.x + e.w,
 			maxY: e.y + e.h
 		});
-	}, xe = (e) => {
-		(e !== "comment" || g) && (e === "comment" && v === "select" && H.commentSelection(), e !== "comment" && H.close(), y(e));
 	}, Se = (e) => {
-		let t = H.threads.find((t) => t.id === e), r = t && yr(t.anchor, n?.boards ?? {}), i = b.current;
-		r && i && ee(i.clientWidth / 2 - (S.x + r.x * S.k), i.clientHeight / 2 - (S.y + r.y * S.k)), H.setOpenId(e);
-	}, Ce = q(() => ie(!1), []);
+		(e !== "comment" || g) && (e === "comment" && v === "select" && U.commentSelection(), e !== "comment" && U.close(), y(e));
+	}, Ce = (e) => {
+		let t = U.threads.find((t) => t.id === e), r = t && yr(t.anchor, n?.boards ?? {}), i = b.current, a = T();
+		r && i && te(i.clientWidth / 2 - (a.x + r.x * a.k), i.clientHeight / 2 - (a.y + r.y * a.k)), U.setOpenId(e);
+	}, we = q(() => ae(!1), []);
 	J(() => {
-		F && M(!1);
-	}, [F, M]);
-	let we = bt(() => new Set(o), [o]), Te = n?.pages ?? [];
+		z && re(!1);
+	}, [z, re]);
+	let Te = bt(() => new Set(o), [o]), Ee = n?.pages ?? [];
 	J(() => {
 		document.title = n?.title || e;
 	}, [n?.title, e]), $e("artboard");
-	function Ee(e) {
-		if ("target" in e && (e.defaultPrevented || ge(e) || e.target?.closest?.("input, textarea, select, [contenteditable], [data-chrome=\"parameters\"]"))) return;
+	function De(e) {
+		if ("target" in e && (e.defaultPrevented || he(e) || e.target?.closest?.("input, textarea, select, [contenteditable], [data-chrome=\"parameters\"]"))) return;
 		let t = () => {
 			"preventDefault" in e && e.preventDefault();
 		}, n = e.metaKey || e.ctrlKey;
-		e.key === "Escape" && B ? H.close() || xe("select") : e.key === "Escape" ? z ? me() : (I(null), V.clearSelection(), Ie.reset()) : n && (e.key === "=" || e.key === "+") ? (t(), D(1.25)) : n && e.key === "-" ? (t(), D(.8)) : e.shiftKey && e.code === "Digit1" ? E(N(P)) : e.shiftKey && e.code === "Digit0" ? O(1) : !n && !e.shiftKey && e.key.toLowerCase() === "v" ? (t(), xe("select")) : !n && !e.shiftKey && e.key.toLowerCase() === "h" ? (t(), xe("hand")) : !n && !e.shiftKey && e.key.toLowerCase() === "c" && (t(), xe("comment"));
+		e.key === "Escape" && V ? U.close() || Se("select") : e.key === "Escape" ? pe ? ge() : (se(null), H.clearSelection(), Re.reset()) : n && (e.key === "=" || e.key === "+") ? (t(), k(1.25)) : n && e.key === "-" ? (t(), k(.8)) : e.shiftKey && e.code === "Digit1" ? O(oe(L)) : e.shiftKey && e.code === "Digit0" ? A(1) : !n && !e.shiftKey && e.key.toLowerCase() === "v" ? (t(), Se("select")) : !n && !e.shiftKey && e.key.toLowerCase() === "h" ? (t(), Se("hand")) : !n && !e.shiftKey && e.key.toLowerCase() === "c" && (t(), Se("comment"));
 	}
-	J(() => (window.addEventListener("keydown", Ee), () => window.removeEventListener("keydown", Ee)));
-	let U = n?.boards ?? {}, De = bt(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === P), [n, P]), Oe = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => U[e]?.page === P)), ke = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === P), Ae = F ? U[F] : void 0, je = Object.fromEntries(Object.entries(R.states).flatMap(([e, t]) => {
+	J(() => (window.addEventListener("keydown", De), () => window.removeEventListener("keydown", De)));
+	let Oe = n?.boards ?? {}, ke = bt(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === L), [n, L]), Ae = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => Oe[e]?.page === L)), je = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === L), Me = z ? Oe[z] : void 0, Ne = Object.fromEntries(Object.entries(fe.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]] : [];
-	})), Me = z ? R.states[z] : void 0, Ne = z ? U[z] : void 0, Pe = (e) => z && Me && Ne && (Me.schema || Me.error) ? /* @__PURE__ */ Z(Fd, {
-		anchor: e ? jd(Ne, S) : void 0,
-		boardId: z,
-		state: Me,
-		title: Ne.title ?? z,
-		onChange: (e, t) => R.change(z, e, t),
-		onClose: me,
-		onReset: () => R.reset(z)
-	}) : null, Fe = Ae ? (u[Ae.file] ?? 0) > 0 && !we.has(F) : !1, Ie = Mu(De, V, S.k, [
+	})), Pe = pe ? fe.states[pe] : void 0, Fe = pe ? Oe[pe] : void 0, Ie = (e) => pe && Pe && Fe && (Pe.schema || Pe.error) ? /* @__PURE__ */ Z(Rd, {
+		anchor: e ? Pd(Fe, C) : void 0,
+		boardId: pe,
+		state: Pe,
+		title: Fe.title ?? pe,
+		onChange: (e, t) => fe.change(pe, e, t),
+		onClose: ge,
+		onReset: () => fe.reset(pe)
+	}) : null, Le = Me ? (u[Me.file] ?? 0) > 0 && !Te.has(z) : !1, Re = Mu(ke, H, C.k, [
 		v,
-		F,
-		P,
+		z,
+		L,
 		ne
-	]), Le = (e) => {
-		let t = b.current.getBoundingClientRect();
+	]), ze = (e) => {
+		let t = b.current.getBoundingClientRect(), n = T();
 		return {
-			x: (e.clientX - t.left - S.x) / S.k,
-			y: (e.clientY - t.top - S.y) / S.k
+			x: (e.clientX - t.left - n.x) / n.k,
+			y: (e.clientY - t.top - n.y) / n.k
 		};
-	}, Re = Ie.marquee, ze = bt(() => /* @__PURE__ */ new Set([
-		...L,
-		...[F, z].filter((e) => !!e),
-		...V.selectedTargets.map((e) => e.boardId),
-		...Object.entries(V.frames).filter(([, e]) => e.tweaks.length > 0).map(([e]) => e),
-		...Re ? De.filter(([, e]) => e.x < Re.x + Re.width && e.x + e.w > Re.x && e.y < Re.y + Re.height && e.y + e.h > Re.y).map(([e]) => e) : []
+	}, Be = Re.marquee, Ve = bt(() => /* @__PURE__ */ new Set([
+		...ce,
+		...[z, pe].filter((e) => !!e),
+		...H.selectedTargets.map((e) => e.boardId),
+		...Object.entries(H.frames).filter(([, e]) => e.tweaks.length > 0).map(([e]) => e),
+		...Be ? ke.filter(([, e]) => e.x < Be.x + Be.width && e.x + e.w > Be.x && e.y < Be.y + Be.height && e.y + e.h > Be.y).map(([e]) => e) : []
 	]), [
-		L,
-		F,
+		ce,
 		z,
-		V.selectedTargets,
-		V.frames,
-		Re,
-		De
-	]), Be = du({
+		pe,
+		H.selectedTargets,
+		H.frames,
+		Be,
+		ke
+	]), He = du({
 		contentBase: s,
 		boardPort: c,
 		boardPath: l
-	}), Ve = bt(() => Be ? we : new Set(De.map(([e]) => e)), [
-		Be,
-		we,
-		De
-	]), He = au({
-		boards: De,
+	}), Ue = bt(() => He ? Te : new Set(ke.map(([e]) => e)), [
+		He,
+		Te,
+		ke
+	]), We = au({
+		boards: ke,
 		versions: u,
-		pending: Ve,
-		view: S,
-		viewport: T,
-		active: ze,
-		gesturing: C
-	}), Ue = _u(De, S, T), We = bt(() => {
+		pending: Ue,
+		view: C,
+		viewport: D,
+		active: Ve,
+		gesturing: E
+	}), Ge = _u(ke, C, D), G = bt(() => {
 		let e = /* @__PURE__ */ new Map();
 		return (t) => (e.has(t) || e.set(t, (e) => {
-			R.refFor(t)(e), V.refFor(t)(e), He.frameRef(t)(e);
+			fe.refFor(t)(e), H.refFor(t)(e), We.frameRef(t)(e);
 		}), e.get(t));
 	}, [
-		R.refFor,
-		V.refFor,
-		He.frameRef
-	]), Ge = q((e) => {
-		R.loaded(e), V.loaded(e);
-	}, [R.loaded, V.loaded]);
+		fe.refFor,
+		H.refFor,
+		We.frameRef
+	]), Ke = q((e) => {
+		fe.loaded(e), H.loaded(e);
+	}, [fe.loaded, H.loaded]);
 	return /* @__PURE__ */ Q("div", {
 		className: "x78zum5 xh8yej3 x5yr21d xb3r6kr",
 		children: [
 			/* @__PURE__ */ Q("div", {
 				ref: b,
 				className: "x98rzlu xeuugli x1n2onr6 xh8yej3 x5yr21d xb3r6kr x5ve5x3 x87ps6o x184qs1t xqfszdh xo2rkog",
-				style: { cursor: k },
+				style: { cursor: j },
 				onClickCapture: (e) => {
-					!F && (B || ne) && e.target.closest("[data-video-surface]") && e.stopPropagation();
+					!z && (V || ne) && e.target.closest("[data-video-surface]") && e.stopPropagation();
 				},
 				onPointerCancel: (e) => {
-					j.onPointerCancel(e), Ie.reset();
+					M.onPointerCancel(e), Re.reset();
 				},
 				onPointerDown: (e) => {
-					if (j.onPointerDown(e), B && !ne && !F && e.button === 0 && e.pointerType !== "touch" && e.currentTarget.contains(e.target) && !e.target.closest("[data-chrome]") && (e.preventDefault(), H.onCanvasClick(Le(e))), !_e || e.pointerType === "touch" || e.button !== 0 || !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome], [data-video-surface]")) return;
-					let t = Le(e);
-					e.currentTarget.setPointerCapture(e.pointerId), Ie.drag("start", t.x, t.y, e.shiftKey || e.metaKey || e.ctrlKey);
+					if (M.onPointerDown(e), V && !ne && !z && e.button === 0 && e.pointerType !== "touch" && e.currentTarget.contains(e.target) && !e.target.closest("[data-chrome]") && (e.preventDefault(), U.onCanvasClick(ze(e))), !ve || e.pointerType === "touch" || e.button !== 0 || !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome], [data-video-surface]")) return;
+					let t = ze(e);
+					e.currentTarget.setPointerCapture(e.pointerId), Re.drag("start", t.x, t.y, e.shiftKey || e.metaKey || e.ctrlKey);
 				},
 				onPointerMove: (e) => {
-					if (j.onPointerMove(e), Ie.dragging()) {
+					if (M.onPointerMove(e), Re.dragging()) {
 						e.buttons === 1 && e.currentTarget.setPointerCapture(e.pointerId);
-						let t = Le(e);
-						Ie.drag("move", t.x, t.y);
+						let t = ze(e);
+						Re.drag("move", t.x, t.y);
 					}
 				},
 				onPointerUp: (e) => {
-					if (j.onPointerUp(e), Ie.dragging()) {
-						let t = Le(e);
-						Ie.drag("end", t.x, t.y);
+					if (M.onPointerUp(e), Re.dragging()) {
+						let t = ze(e);
+						Re.drag("end", t.x, t.y);
 					}
 				},
 				children: [
 					/* @__PURE__ */ Z(ti, {
-						hand: A,
+						hand: ee,
 						viewport: b
 					}),
-					ae && /* @__PURE__ */ Z(Rr, {
-						counts: He.counts,
-						culled: Ue.size,
-						gesturing: C
+					P && /* @__PURE__ */ Z(Rr, {
+						counts: We.counts,
+						culled: Ge.size,
+						gesturing: E
 					}),
 					n && i && /* @__PURE__ */ Q(w, {
 						resetKey: n,
 						children: [
 							/* @__PURE__ */ Z(ht, {
 								agent: m,
-								boardBase: Be?.base,
-								boardSandbox: Be?.sandbox,
-								boards: De,
+								boardBase: He?.base,
+								boardSandbox: He?.sandbox,
+								boards: ke,
 								contentBase: s,
-								culled: Ue,
-								frameLoaded: Ge,
-								frameRef: We,
-								gesturing: C,
-								images: He.images,
-								inspecting: _e || B && !F && !ne,
+								culled: Ge,
+								frameLoaded: Ke,
+								frameRef: G,
+								gesturing: E,
+								images: We.images,
+								inspecting: ve || V && !z && !ne,
 								live: d,
-								notes: ke,
-								pending: Ve,
-								phases: He.phases,
-								playing: L,
+								notes: je,
+								pending: Ue,
+								phases: We.phases,
+								playing: ce,
 								replays: ue,
 								versions: u,
-								view: S,
+								view: C,
 								worldRef: x,
 								writing: d ? n.writing : void 0,
-								onExpand: I
+								onExpand: se
 							}),
 							/* @__PURE__ */ Z(Kl, {
-								activeParameters: z,
-								allBoards: U,
-								boards: De,
+								activeParameters: pe,
+								allBoards: Oe,
+								boards: ke,
 								contentBase: s,
-								groups: Oe,
-								parameters: je,
-								pending: we,
-								playing: L,
-								verdicts: ve,
+								groups: Ae,
+								overlayRef: S,
+								parameters: Ne,
+								pending: Te,
+								playing: ce,
+								verdicts: ye,
 								versions: u,
-								view: S,
-								onExpand: I,
+								view: C,
+								onExpand: se,
 								onReplay: (e) => de((t) => ({
 									...t,
 									[e]: (t[e] ?? 0) + 1
 								})),
-								onToggleParameters: he,
+								onToggleParameters: _e,
 								onTogglePlay: (e) => le((t) => mt(t, e))
 							}),
-							ve.rejecting && ye && /* @__PURE__ */ Z(Id, {
-								group: ve.rejecting,
-								left: S.x + ye.x * S.k,
-								top: S.y + ye.y * S.k + 8,
-								onCancel: ve.cancelReject,
-								onSubmit: ve.submitReject
+							ye.rejecting && be && /* @__PURE__ */ Z("div", {
+								ref: S,
+								className: "x10l6tqk xu96u03 x13vifvy xnalus7 xqtp20y xk3oba8",
+								children: /* @__PURE__ */ Z(zd, {
+									group: ye.rejecting,
+									left: C.x + be.x * C.k,
+									top: C.y + be.y * C.k + 8,
+									onCancel: ye.cancelReject,
+									onSubmit: ye.submitReject
+								})
 							}),
-							B && /* @__PURE__ */ Z(Pr, {
-								actions: H.actions,
+							V && /* @__PURE__ */ Z(Pr, {
+								actions: U.actions,
 								agent: m,
-								boards: U,
-								draft: H.draft,
-								height: T.height,
-								numbers: H.numbers,
-								openId: H.openId,
-								page: P,
-								showResolved: oe === "all",
-								stale: H.stale,
-								threads: H.threads,
-								view: S,
+								boards: Oe,
+								draft: U.draft,
+								height: D.height,
+								numbers: U.numbers,
+								openId: U.openId,
+								overlayRef: S,
+								page: L,
+								showResolved: F === "all",
+								stale: U.stale,
+								threads: U.threads,
+								view: C,
 								width: b.current?.clientWidth ?? 0,
-								onCancelDraft: H.cancelDraft,
-								onOpen: H.setOpenId,
-								onSubmit: H.submit
+								onCancelDraft: U.cancelDraft,
+								onOpen: U.setOpenId,
+								onSubmit: U.submit
 							})
 						]
 					}),
-					(_e || B) && !Ie.marquee && V.hover && U[V.hover.boardId] && /* @__PURE__ */ Z(Qu, {
-						board: U[V.hover.boardId],
-						rect: V.hover.rect,
-						view: S,
-						nodeId: V.hover.id ? `${V.hover.boardId}#${V.hover.id}` : void 0
+					/* @__PURE__ */ Q("div", {
+						ref: S,
+						className: "x10l6tqk xu96u03 x13vifvy xnalus7 xqtp20y",
+						children: [(ve || V) && !Re.marquee && H.hover && Oe[H.hover.boardId] && /* @__PURE__ */ Z(td, {
+							board: Oe[H.hover.boardId],
+							rect: H.hover.rect,
+							view: C,
+							nodeId: H.hover.id ? `${H.hover.boardId}#${H.hover.id}` : void 0
+						}), !z && H.targets.map((e) => Oe[e.boardId] && /* @__PURE__ */ Z(td, {
+							selected: !0,
+							board: Oe[e.boardId],
+							name: e.name,
+							rect: e.rect,
+							view: C
+						}, `${e.boardId}:${e.id}`))]
 					}),
-					!F && V.targets.map((e) => U[e.boardId] && /* @__PURE__ */ Z(Qu, {
-						selected: !0,
-						board: U[e.boardId],
-						name: e.name,
-						rect: e.rect,
-						view: S
-					}, `${e.boardId}:${e.id}`)),
-					Ie.selecting && /* @__PURE__ */ Z("div", {
+					Re.selecting && /* @__PURE__ */ Z("div", {
 						"aria-hidden": "true",
 						"data-selection-capture": "",
 						className: "x10l6tqk x13vifvy x3m8u43 x1ey2m1c xu96u03 x1w0boku x5ve5x3"
 					}),
-					Ie.marquee && /* @__PURE__ */ Z("div", {
+					Re.marquee && /* @__PURE__ */ Z("div", {
 						"aria-hidden": "true",
 						"data-marquee": "",
 						className: "x10l6tqk x47corl x1w0boku x9f619 xmkeg23 x1y0btm7 x5kefyr xbzdn4w",
 						style: {
-							left: S.x + Ie.marquee.x * S.k,
-							top: S.y + Ie.marquee.y * S.k,
-							width: Ie.marquee.width * S.k,
-							height: Ie.marquee.height * S.k
+							left: C.x + Re.marquee.x * C.k,
+							top: C.y + Re.marquee.y * C.k,
+							width: Re.marquee.width * C.k,
+							height: Re.marquee.height * C.k
 						}
 					}),
 					(!n || !i) && /* @__PURE__ */ Z("div", {
@@ -9959,81 +10019,85 @@ function lf({ id: e, artifact: t, canvas: n, layout: i, warnings: a, pending: o,
 					}),
 					/* @__PURE__ */ Z(ql, {
 						commenting: !!g,
-						page: P,
-						pages: Te,
+						page: L,
+						pages: Ee,
 						tool: v,
-						onPageChange: ce,
-						onToolChange: xe
+						onPageChange: R,
+						onToolChange: Se
 					}),
 					/* @__PURE__ */ Z(Jl, {
 						actions: _,
-						inspectorOpen: re,
+						inspectorOpen: ie,
 						live: d,
-						verify: ve.progress,
+						verify: ye.progress,
 						warnings: a,
-						zoom: S.k,
-						onActualSize: () => O(1),
-						onFit: () => E(N(P)),
-						onNextVerify: be,
-						onToggleInspector: () => ie((e) => !e),
-						onZoomIn: () => D(1.25),
-						onZoomOut: () => D(.8)
+						zoom: C.k,
+						onActualSize: () => A(1),
+						onFit: () => O(oe(L)),
+						onNextVerify: xe,
+						onToggleInspector: () => ae((e) => !e),
+						onZoomIn: () => k(1.25),
+						onZoomOut: () => k(.8)
 					}),
-					!F && Pe(!0),
-					F && Ae && Fe && /* @__PURE__ */ Z(zr, {
-						board: Ae,
-						frameRef: R.refFor(F, "expanded"),
-						id: F,
-						interactive: Ae.interactive === !0,
-						parameters: z === F ? Pe(!1) : void 0,
-						sandbox: r(Ae) ? void 0 : Be?.sandbox,
-						src: `${r(Ae) ? s : Be?.base ?? s}${Ae.file}?v=${u[Ae.file] ?? 0}`,
-						parameterAction: je[F] === void 0 ? void 0 : /* @__PURE__ */ Z(At, {
+					!z && pe && /* @__PURE__ */ Z("div", {
+						ref: S,
+						className: "x10l6tqk xu96u03 x13vifvy xnalus7 xqtp20y x52sccv",
+						children: Ie(!0)
+					}),
+					z && Me && Le && /* @__PURE__ */ Z(zr, {
+						board: Me,
+						frameRef: fe.refFor(z, "expanded"),
+						id: z,
+						interactive: Me.interactive === !0,
+						parameters: pe === z ? Ie(!1) : void 0,
+						sandbox: r(Me) ? void 0 : He?.sandbox,
+						src: `${r(Me) ? s : He?.base ?? s}${Me.file}?v=${u[Me.file] ?? 0}`,
+						parameterAction: Ne[z] === void 0 ? void 0 : /* @__PURE__ */ Z(At, {
 							config: { "aria-hidden": !0 },
 							children: /* @__PURE__ */ Z(Tt, {
-								"aria-expanded": z === F,
+								"aria-expanded": pe === z,
 								icon: On,
 								size: "small",
 								type: "text",
-								onClick: (e) => he(F, e.currentTarget),
+								onClick: (e) => _e(z, e.currentTarget),
 								children: W("chrome.parameters")
 							})
 						}),
-						onClose: () => I(null),
-						onFrameLoad: () => R.loaded(F, "expanded")
+						onClose: () => se(null),
+						onFrameLoad: () => fe.loaded(z, "expanded")
 					})
 				]
 			}),
-			B && /* @__PURE__ */ Z(Er, {
-				numbers: H.numbers,
-				openId: H.openId,
-				page: P,
-				stale: H.stale,
-				tab: oe,
-				threads: H.threads,
-				onClose: () => xe("select"),
-				onOpen: Se,
-				onTab: se
+			V && /* @__PURE__ */ Z(Er, {
+				numbers: U.numbers,
+				openId: U.openId,
+				page: L,
+				stale: U.stale,
+				tab: F,
+				threads: U.threads,
+				onClose: () => Se("select"),
+				onOpen: Ce,
+				onTab: I
 			}),
-			re && !B && /* @__PURE__ */ Z(ud, {
-				boards: De,
-				change: V.change,
-				enabled: !F,
-				frames: V.frames,
-				hoverNode: V.hoverNode,
-				playing: L,
-				reset: V.reset,
-				select: V.select,
-				selection: V.selection,
-				targets: V.targets,
-				onClose: Ce
+			ie && !V && /* @__PURE__ */ Z(pd, {
+				boards: ke,
+				change: H.change,
+				enabled: !z,
+				frames: H.frames,
+				hoverNode: H.hoverNode,
+				playing: ce,
+				reset: H.reset,
+				select: H.select,
+				selection: H.selection,
+				targets: H.targets,
+				onClose: we
 			})
 		]
 	});
 }
 //#endregion
 //#region src/viewer/hooks/useHtmlData.ts
-function uf(e, { live: t, revision: n, load: r, send: i }) {
+function pf(e, { live: t, revision: n, load: r, send: i }) {
 	let [a, o] = X(null);
 	return J(() => {
 		let t = !1;
@@ -10062,12 +10126,12 @@ function uf(e, { live: t, revision: n, load: r, send: i }) {
 }
 //#endregion
 //#region src/viewer/layouts/HtmlView.tsx
-function df({ id: e, feed: t, actions: n }) {
-	let { data: r, send: i } = uf(e, t);
+function mf({ id: e, feed: t, actions: n }) {
+	let { data: r, send: i } = pf(e, t);
 	J(() => {
 		document.title = r?.title || e;
 	}, [r?.title, e]), $e("html");
-	let a = r?.found && !r.warnings.includes("index.html not found"), o = a ? `${r.contentBase}index.html?v=${r.version}` : null, { frameRef: s, src: c, onLoad: l } = _e(o, {
+	let a = r?.found && !r.warnings.includes("index.html not found"), o = a ? `${r.contentBase}index.html?v=${r.version}` : null, { frameRef: s, src: c, onLoad: l } = ge(o, {
 		onError: (t) => i({
 			type: "runtime-error",
 			artifact: `html/${e}`,
@@ -10088,7 +10152,7 @@ function df({ id: e, feed: t, actions: n }) {
 			a && c ? /* @__PURE__ */ Z("iframe", {
 				allow: "clipboard-write",
 				ref: s,
-				sandbox: B,
+				sandbox: _e,
 				src: c,
 				title: r.title,
 				onLoad: l,
@@ -10104,29 +10168,29 @@ function df({ id: e, feed: t, actions: n }) {
 }
 //#endregion
 //#region src/viewer/lib/artifact-list.ts
-function ff(e, t = Date.now()) {
+function hf(e, t = Date.now()) {
 	let n = new Intl.RelativeTimeFormat(qe.language, { numeric: "always" }), r = Math.floor(Math.max(0, t - e) / 6e4);
 	return r === 0 ? qe.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");
 }
 //#endregion
 //#region src/viewer/lib/error-text.ts
-function pf(e, t) {
+function gf(e, t) {
 	return typeof e == "string" && qe.exists(`errors.${e}`) ? qe.t(`errors.${e}`) : t;
 }
-var mf = (e) => typeof e == "object" && !!e && [
+var _f = (e) => typeof e == "object" && !!e && [
 	"private",
 	"public",
 	"total",
 	"publishes"
 ].includes(e.kind) && typeof e.max == "number";
-function hf({ kind: e, max: t }) {
+function vf({ kind: e, max: t }) {
 	return qe.t(`planLimit.${e}`, { max: t });
 }
-function gf(e, t) {
-	return e.code === "plan_limit" && mf(e.limit) ? hf(e.limit) : pf(e.code, typeof e.error == "string" ? e.error : t);
+function yf(e, t) {
+	return e.code === "plan_limit" && _f(e.limit) ? vf(e.limit) : gf(e.code, typeof e.error == "string" ? e.error : t);
 }
 //#endregion
 //#region src/viewer/lib/version.ts
-var _f = "1.48.1";
+var bf = "1.48.2";
 //#endregion
-export { D as ARTIFACT_LOCATOR_SOURCE, n as ARTIFACT_TYPES, cf as ArtboardView, Yn as ArtifactThumbnail, t as BOARD_TYPES, w as CanvasErrorBoundary, er as EmbeddedCanvas, Je as HTML_LANG, B as HTML_SANDBOX, df as HtmlView, R as PHONE_QUERY, S as PreviewView, nr as PublicationStatus, F as RailSwitch, ar as RyugiMark, ot as TYPE_GLYPHS, rt as TYPE_ICON_VIEWBOX, Ye as Trans, Jn as TypeIcon, _f as VIEWER_VERSION, d as ViewerProvider, A as anchorBlockIds, Ne as applyAgentOp, I as applyAgentThreadOp, qn as applyBoardAgentOp, Kn as applyBoardHumanOp, ee as applyHumanOp, j as applyThreadOp, Hn as boardAnchors, lr as boardCommentsFromMessage, cr as boardCommentsFromPayload, m as cloudErrorDetails, et as createRelayConnection, Ge as createViewerI18n, ae as documentAnchors, Un as emptyBoardComments, ye as emptyComments, pf as errorText, qe as i18n, c as isArtifactAddress, E as isArtifactId, i as isArtifactLocator, e as isArtifactType, r as isMediaBoard, T as isMintedArtifactId, k as isObject, mf as isPlanLimit, Xe as isVisibility, Gn as mergeBoardComments, ve as mergeComments, a as mintArtifactId, re as openThread, Be as ownLink, pr as pageLink, ze as parseAcceptLanguage, ie as parseComments, hf as planLimitMessage, Ve as publishState, Ke as publishing, Vn as readBoardAnchor, Le as readCloudHeader, We as readPublication, ff as relativeUpdatedAt, pe as reportCloudHeader, Ue as resolveLocale, gf as responseErrorText, Wn as savedBoardComments, se as savedComments, He as syncNote, W as t, tt as typeFaviconHref, te as unreadThreads, fr as useCanvasData, Fe as useCloudHeader, Me as useMedia, mr as usePageQuery, _e as useSandboxFrame, f as useSystemTheme, Re as useTranslation, $e as useTypeFavicon, M as waitingOn };
+export { D as ARTIFACT_LOCATOR_SOURCE, n as ARTIFACT_TYPES, df as ArtboardView, Yn as ArtifactThumbnail, t as BOARD_TYPES, w as CanvasErrorBoundary, er as EmbeddedCanvas, Je as HTML_LANG, _e as HTML_SANDBOX, mf as HtmlView, ue as PHONE_QUERY, S as PreviewView, nr as PublicationStatus, L as RailSwitch, ar as RyugiMark, ot as TYPE_GLYPHS, rt as TYPE_ICON_VIEWBOX, Ye as Trans, Jn as TypeIcon, bf as VIEWER_VERSION, d as ViewerProvider, A as anchorBlockIds, Ne as applyAgentOp, R as applyAgentThreadOp, qn as applyBoardAgentOp, Kn as applyBoardHumanOp, ee as applyHumanOp, j as applyThreadOp, Hn as boardAnchors, lr as boardCommentsFromMessage, cr as boardCommentsFromPayload, m as cloudErrorDetails, et as createRelayConnection, Ge as createViewerI18n, ie as documentAnchors, Un as emptyBoardComments, U as emptyComments, gf as errorText, qe as i18n, c as isArtifactAddress, E as isArtifactId, i as isArtifactLocator, e as isArtifactType, r as isMediaBoard, T as isMintedArtifactId, k as isObject, _f as isPlanLimit, Xe as isVisibility, Gn as mergeBoardComments, H as mergeComments, a as mintArtifactId, ne as openThread, Be as ownLink, pr as pageLink, ze as parseAcceptLanguage, re as parseComments, vf as planLimitMessage, Ve as publishState, Ke as publishing, Vn as readBoardAnchor, Le as readCloudHeader, We as readPublication, hf as relativeUpdatedAt, pe as reportCloudHeader, Ue as resolveLocale, yf as responseErrorText, Wn as savedBoardComments, P as savedComments, He as syncNote, W as t, tt as typeFaviconHref, M as unreadThreads, fr as useCanvasData, Fe as useCloudHeader, Me as useMedia, mr as usePageQuery, ge as useSandboxFrame, f as useSystemTheme, Re as useTranslation, $e as useTypeFavicon, N as waitingOn };