ryugi-artifacts 1.41.0 → 1.42.0

package/dist/viewer-lib/index.js

@@ -1,10 +1,10 @@
 import './stylex-Bp5PFQ3Y.css';
 import './index-uM2HnLXF.css';
-import { C as e, D as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, w, y as T } from "./ids-8QtprMNq.js";
-import { d as E, f as D, g as O, h as k, l as A, m as j, n as ee, o as te, p as ne, r as re, s as ie, t as ae, u as oe } from "./relayConnection-CoSjRI7m.js";
-import { a as M, i as se, o as N, r as ce, s as le, t as ue } from "./Canvas-BL1JoYEQ.js";
-import { a as P, c as de, d as F, f as fe, i as I, l as L, m as pe, n as me, o as he, p as ge, r as _e, s as R, t as z, u as B } from "./cloud-BA1xJLJk.js";
-import { A as V, C as H, D as ve, E as ye, M as be, N as xe, O as Se, P as Ce, S as we, T as Te, a as Ee, c as De, d as Oe, g as ke, i as Ae, j as je, k as Me, l as Ne, m as Pe, n as Fe, o as U, p as Ie, r as Le, s as Re, t as ze, u as W, v as Be, w as Ve, x as He, y as Ue } from "./useCloudHeader-DwNI6tTZ.js";
+import { C as e, D as t, E as n, S as r, T as i, _ as a, a as o, b as s, c, d as l, f as u, g as d, h as f, i as p, l as m, m as h, n as g, o as _, p as v, r as y, s as b, t as x, u as S, v as C, w, y as T } from "./ids-Crgtnwo0.js";
+import { d as E, f as D, g as O, h as k, l as A, m as ee, n as te, o as ne, p as re, r as ie, s as ae, t as oe, u as se } from "./relayConnection-CoSjRI7m.js";
+import { a as ce, i as le, o as j, r as ue, s as de, t as fe } from "./Canvas-BdS1Xa5w.js";
+import { a as M, c as pe, d as N, f as P, i as me, l as F, m as I, n as L, o as he, p as ge, r as _e, s as ve, t as ye, u as R } from "./cloud-BA1xJLJk.js";
+import { A as z, C as be, D as B, E as V, M as H, N as xe, O as Se, P as Ce, S as we, T as Te, a as Ee, c as De, d as Oe, g as ke, i as Ae, j as je, k as Me, l as U, m as Ne, n as Pe, o as Fe, p as Ie, r as Le, s as W, t as Re, u as ze, v as Be, w as Ve, x as He, y as Ue } from "./useCloudHeader-DwNI6tTZ.js";
 import { memo as We, useCallback as G, useEffect as K, useId as Ge, useLayoutEffect as Ke, useMemo as q, useReducer as qe, useRef as J, useState as Y, useSyncExternalStore as Je } from "react";
 import { Accordion as Ye, ActionIcon as Xe, Button as Ze, ColorPicker as Qe, DropdownMenu as $e, Icon as et, IconProvider as tt, Input as nt, InputNumber as rt, Popover as it, Segmented as at, Select as ot, Slider as st, Switch as ct, TabsIndicator as lt, TabsList as ut, TabsPanel as dt, TabsRoot as ft, TabsTab as pt, Tree as mt } from "@lobehub/ui";
 import { ArrowDown as ht, ArrowRight as gt, Ban as _t, Check as vt, CheckCircle2 as yt, ChevronDown as bt, ChevronLeft as xt, ChevronRight as St, Circle as Ct, CircleAlert as wt, Clock3 as Tt, CloudUpload as Et, Code2 as Dt, Columns3 as Ot, Copy as kt, Download as At, Ellipsis as jt, Film as Mt, Frame as Nt, Grid2X2 as Pt, Hand as Ft, Image as It, LoaderCircle as Lt, Maximize2 as Rt, MessageCirclePlus as zt, Minus as Bt, MousePointer2 as Vt, PanelRight as Ht, Play as Ut, RotateCcw as Wt, Rows3 as Gt, SlidersHorizontal as Kt, SquareDashed as qt, Type as Jt, X as Yt } from "lucide-react";
@@ -173,10 +173,10 @@ function on(e, t) {
 }
 var sn = (e) => `${Math.round(e * 100)}%`;
 function cn(e) {
-	if (e.group) return e.verdict === "reject" ? L.t("anchor.rejected", { group: e.group }) : e.group;
-	if (!e.board) return L.t("anchor.page", { page: e.page });
+	if (e.group) return e.verdict === "reject" ? F.t("anchor.rejected", { group: e.group }) : e.group;
+	if (!e.board) return F.t("anchor.page", { page: e.page });
 	let t = e.nodes ?? [];
-	if (t.length > 1) return L.t("anchor.elements", {
+	if (t.length > 1) return F.t("anchor.elements", {
 		board: e.board,
 		count: t.length
 	});
@@ -184,7 +184,7 @@ function cn(e) {
 	let n = e.offset ? ` · ${sn(e.offset.x)}, ${sn(e.offset.y)}` : "";
 	return `${e.board} · ${t[0].path}${n}`;
 }
-var ln = (e) => e.verdict ? L.t("anchor.evidenceUpdated") : L.t("anchor.stale"), un = (e) => e.messages[0]?.at ?? e.statusAt;
+var ln = (e) => e.verdict ? F.t("anchor.evidenceUpdated") : F.t("anchor.stale"), un = (e) => e.messages[0]?.at ?? e.statusAt;
 function dn(e) {
 	let t = e.filter((e) => e.anchor?.verdict !== "pass").sort((e, t) => un(e) < un(t) ? -1 : +(un(e) > un(t)));
 	return new Map(t.map((e, t) => [e.id, t + 1]));
@@ -248,7 +248,7 @@ function _n(e, t) {
 	return n + pn > t - 12 ? Math.max(12, e - mn - pn) : n;
 }
 function vn({ view: e, page: t, boards: n, width: r, threads: i, stale: a, numbers: o, showResolved: s, draft: c, openId: l, actions: u, agent: d, onOpen: f, onSubmit: p, onCancelDraft: m }) {
-	let { t: h } = F(), g = i.filter((e) => e.anchor.page === t && e.anchor.verdict !== "pass" && e.messages.some((e) => !e.deleted) && (s || e.status === "open" || e.id === l)), _ = i.find((e) => e.id === l), v = _ ? on(_.anchor, n) : null, y = c ? on(c, n) : null;
+	let { t: h } = N(), g = i.filter((e) => e.anchor.page === t && e.anchor.verdict !== "pass" && e.messages.some((e) => !e.deleted) && (s || e.status === "open" || e.id === l)), _ = i.find((e) => e.id === l), v = _ ? on(_.anchor, n) : null, y = c ? on(c, n) : null;
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": "comments",
 		className: "x10l6tqk x10a8y8t x47corl xb3r6kr x1q8xho0",
@@ -321,12 +321,12 @@ function vn({ view: e, page: t, boards: n, width: r, threads: i, stale: a, numbe
 }
 //#endregion
 //#region src/viewer/comments/CommentsPanel.tsx
-var yn = (e) => new Date(e).toLocaleTimeString(L.language, {
+var yn = (e) => new Date(e).toLocaleTimeString(F.language, {
 	hour: "2-digit",
 	minute: "2-digit"
 });
 function bn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTab: o, onOpen: s, onClose: c }) {
-	let { t: l } = F(), u = e.filter((e) => e.anchor.page === t && e.anchor.verdict !== "pass" && e.messages.some((e) => !e.deleted)), d = u.filter((e) => e.status === "open"), f = (a === "open" ? d : u).sort((e, t) => (r.get(e.id) ?? 0) - (r.get(t.id) ?? 0));
+	let { t: l } = N(), u = e.filter((e) => e.anchor.page === t && e.anchor.verdict !== "pass" && e.messages.some((e) => !e.deleted)), d = u.filter((e) => e.status === "open"), f = (a === "open" ? d : u).sort((e, t) => (r.get(e.id) ?? 0) - (r.get(t.id) ?? 0));
 	return /* @__PURE__ */ Q("aside", {
 		className: "ryugi-inspector",
 		"data-chrome": !0,
@@ -509,8 +509,8 @@ function En({ id: e, board: n, src: r, interactive: i, onClose: a, parameterActi
 				/* @__PURE__ */ Z(Xe, {
 					icon: Yt,
 					size: "small",
-					title: B("chrome.closeEsc"),
-					"aria-label": B("chrome.close"),
+					title: R("chrome.closeEsc"),
+					"aria-label": R("chrome.close"),
 					onClick: a
 				})
 			]
@@ -523,7 +523,7 @@ function En({ id: e, board: n, src: r, interactive: i, onClose: a, parameterActi
 					height: n.h,
 					marginBottom: 36
 				},
-				children: /* @__PURE__ */ Z(se, {
+				children: /* @__PURE__ */ Z(le, {
 					src: r,
 					title: n.title ?? e,
 					barScale: 1,
@@ -818,7 +818,7 @@ var Un = (e, t) => new Date(e).toLocaleTimeString(t, {
 	hour12: !1
 });
 function Wn({ verdict: e, evidenceAt: t, canJudge: n, onPass: r, onReject: i, onUndo: a }) {
-	let { t: o, i18n: s } = F();
+	let { t: o, i18n: s } = N();
 	return e.state === "pass" ? /* @__PURE__ */ Q(X, { children: [
 		/* @__PURE__ */ Q("span", {
 			className: "x78zum5 x6s0dn4 x17d4w8g x1hm9lzh xk50ysn xvn0vjr",
@@ -912,7 +912,7 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 		}), b !== null && n.map(([n, r]) => {
 			let i = a(r, e);
 			if (!i) return null;
-			let h = i.width / b, _ = M(s, r.file) && !c.has(n), v = _ && N(r, s);
+			let h = i.width / b, _ = ce(s, r.file) && !c.has(n), v = _ && j(r, s);
 			return /* @__PURE__ */ Q("div", {
 				"data-chrome": "board-label",
 				className: "x10l6tqk x78zum5 x6s0dn4 xxk0z11 x1hj3fc7 x1120s5i x1bo0w0s x67bb7w",
@@ -944,8 +944,8 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 							blockSize: 22,
 							size: 13
 						},
-						title: B("chrome.expand"),
-						"aria-label": B("chrome.expandBoard", { id: n }),
+						title: R("chrome.expand"),
+						"aria-label": R("chrome.expandBoard", { id: n }),
 						onClick: () => u(n)
 					}), /* @__PURE__ */ Z(Xe, {
 						icon: At,
@@ -953,13 +953,13 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 							blockSize: 22,
 							size: 13
 						},
-						title: B("chrome.download"),
-						"aria-label": B("chrome.downloadBoard", { id: n }),
+						title: R("chrome.download"),
+						"aria-label": R("chrome.downloadBoard", { id: n }),
 						onClick: () => Zn(`${o}${r.file}`, r.file.split("/").pop() ?? `${n}.html`)
 					})] }),
 					_ && p?.[n] !== void 0 && h >= Gn && /* @__PURE__ */ Q("button", {
 						type: "button",
-						"aria-label": B("chrome.parametersBoard", { id: n }),
+						"aria-label": R("chrome.parametersBoard", { id: n }),
 						"aria-expanded": m === n,
 						onClick: (e) => g?.(n, e.currentTarget),
 						...{
@@ -968,7 +968,7 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 						}[m === n | 0],
 						children: [
 							/* @__PURE__ */ Z(Kt, { size: 11 }),
-							B("chrome.parameters"),
+							R("chrome.parameters"),
 							" ",
 							p[n] || "!"
 						]
@@ -979,14 +979,14 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 							blockSize: 22,
 							size: 13
 						},
-						title: B("chrome.replay"),
-						"aria-label": B("chrome.replayBoard", { id: n }),
+						title: R("chrome.replay"),
+						"aria-label": R("chrome.replayBoard", { id: n }),
 						onClick: () => f(n)
 					}),
 					v && h >= Kn && /* @__PURE__ */ Q("button", {
 						type: "button",
 						"aria-pressed": l.has(n),
-						"aria-label": l.has(n) ? B("chrome.stopBoard", { id: n }) : B("chrome.playBoard", { id: n }),
+						"aria-label": l.has(n) ? R("chrome.stopBoard", { id: n }) : R("chrome.playBoard", { id: n }),
 						onClick: () => d(n),
 						...{
 							0: { className: "x78zum5 x6s0dn4 x1jnr06f x1qx5ct2 xdwrcjd xlkn9b3 xmkeg23 x1y0btm7 x1lvdfi3 x1kogg8i xjbqb8w x12zwl0d x12ogdgn xqfszdh x1j6dyjg x1s688f x1vyo3qp x1ypdohk" },
@@ -995,7 +995,7 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 						children: [/* @__PURE__ */ Z(Ut, {
 							size: 11,
 							strokeWidth: 2.4
-						}), l.has(n) ? B("chrome.playing") : B("chrome.play")]
+						}), l.has(n) ? R("chrome.playing") : R("chrome.play")]
 					})
 				]
 			}, n);
@@ -1005,7 +1005,7 @@ function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versi
 //#endregion
 //#region src/viewer/components/Toolbar.tsx
 function $n({ pages: e, page: t, onPageChange: n, tool: r, onToolChange: i, commenting: a = !1 }) {
-	let { t: o } = F(), s = e.find((e) => e.id === t);
+	let { t: o } = N(), s = e.find((e) => e.id === t);
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": !0,
 		className: "x10l6tqk x1eu8d0j x78zum5 x6s0dn4 x195vfkc x1vqgdyp xfn1xvj x12ilycc xmkeg23 x1y0btm7 x12xov25 x1q4ynmn x1cqdj14 x4z9k3i xo2rkog x1n327nk x12lbrt0",
@@ -1060,7 +1060,7 @@ function $n({ pages: e, page: t, onPageChange: n, tool: r, onToolChange: i, comm
 	});
 }
 function er({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut: a, onFit: o, onActualSize: s, inspectorOpen: c, onToggleInspector: l, verify: u, onNextVerify: d }) {
-	let { t: f } = F(), p = (e) => /* @__PURE__ */ Z("span", {
+	let { t: f } = N(), p = (e) => /* @__PURE__ */ Z("span", {
 		className: "xddlp02 x1fao0z8 xfifm61",
 		children: e
 	});
@@ -1454,89 +1454,92 @@ function br({ persistence: e = yr(), resize: t = vr, createUrl: n = (e) => URL.c
 }
 //#endregion
 //#region src/viewer/lib/tier-controller.ts
-var xr = 1500, Sr = 150, Cr = 2, wr = 2, Tr = 3e3, Er = 8e3;
-function Dr({ now: e = () => performance.now(), schedule: t = (e, t) => window.setTimeout(e, t), cancel: n = (e) => window.clearTimeout(e), onChange: r }) {
-	let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Set(), c = {
-		id: null,
-		since: 0
-	}, l = (e) => {
-		let t = i.get(e);
+var xr = 1500, Sr = 2, Cr = 2, wr = 3e3, Tr = 8e3;
+function Er({ now: e = () => performance.now(), schedule: t = (e, t) => window.setTimeout(e, t), cancel: n = (e) => window.clearTimeout(e), onChange: r, onGiveUp: i }) {
+	let a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = (e) => {
+		let t = a.get(e);
 		t && !t.ready && (t.ready = !0, t.timer !== void 0 && n(t.timer), t.timer = void 0, r());
 	}, u = (e) => {
-		let t = i.get(e);
-		t?.timer !== void 0 && n(t.timer), i.delete(e);
+		let t = a.get(e);
+		t?.timer !== void 0 && n(t.timer), a.delete(e);
+	}, d = (e) => {
+		u(e), i?.(e);
+	}, f = (e) => {
+		if (c.has(e)) return l(e);
+		a.has(e) && (d(e), r());
+	}, p = (e) => {
+		let n = {
+			ready: !1,
+			reported: !1
+		};
+		a.set(e, n), n.timer = t(() => f(e), Tr);
 	};
 	return {
 		loaded(e) {
-			let r = i.get(e);
-			r && !r.ready && (r.timer !== void 0 && n(r.timer), r.timer = t(() => l(e), Tr));
+			let r = a.get(e);
+			r && !r.ready && c.has(e) && (r.timer !== void 0 && n(r.timer), r.timer = t(() => f(e), wr));
 		},
-		ready: l,
-		update(d) {
-			let f = e(), p = new Set(d.boards.map((e) => e.id));
-			for (let e of [...i.keys()]) p.has(e) || u(e);
-			d.hovered !== c.id && (c.timer !== void 0 && n(c.timer), c = {
-				id: d.hovered,
-				since: f,
-				timer: d.hovered ? t(r, Sr) : void 0
-			});
-			let h = d.hoverPromotes && c.id && f - c.since >= Sr ? c.id : null, g = h ? /* @__PURE__ */ new Set([...d.pinned, h]) : d.pinned, _ = m({
-				...d,
-				pinned: g
+		ready(e) {
+			let t = a.get(e);
+			t && (t.reported = !0), l(e);
+		},
+		update(n) {
+			let i = e(), l = new Set(n.boards.map((e) => e.id));
+			for (let e of [...a.keys()]) l.has(e) || u(e);
+			let f = n.pinned, h = (e) => f.has(e) || n.hoverPromotes && e === n.hovered, g = m({
+				...n,
+				hovered: n.hoverPromotes ? n.hovered : null
 			});
-			if (!d.scaling) {
+			if (!n.scaling) {
 				let e = /* @__PURE__ */ new Set();
-				for (let [t, n] of _) n === "live" && (a.set(t, f), e.add(t));
-				for (let n of s) {
-					if (e.has(n) || !p.has(n)) continue;
-					let i = f - (a.get(n) ?? -Infinity);
-					i >= xr || (e.add(n), o.has(n) || o.set(n, t(() => {
-						o.delete(n), r();
-					}, xr - i)));
+				for (let [t, n] of g) n === "live" && (o.set(t, i), e.add(t));
+				for (let n of c) {
+					if (e.has(n) || !l.has(n)) continue;
+					let a = i - (o.get(n) ?? -Infinity);
+					a >= xr || (e.add(n), s.has(n) || s.set(n, t(() => {
+						s.delete(n), r();
+					}, xr - a)));
 				}
-				s = e;
-				let n = (d.warm ?? []).filter((e) => p.has(e) && !s.has(e)), c = new Set(n);
-				for (let e of [...i.keys()]) !s.has(e) && !c.has(e) && u(e);
-				let m = [...i.values()].filter((e) => !e.ready).length, h = d.boards.map((e) => e.id).filter((e) => s.has(e) && !i.has(e)).sort((e, t) => Number(g.has(t)) - Number(g.has(e)));
-				for (let e of h) {
-					if (m >= Cr) break;
-					let n = { ready: !1 };
-					i.set(e, n), n.timer = t(() => l(e), Er), m++;
+				c = e;
+				let f = (n.warm ?? []).filter((e) => l.has(e) && !c.has(e)), m = new Set(f), _ = /* @__PURE__ */ new Set();
+				for (let [e, t] of [...a]) c.has(e) || (m.has(e) ? t.ready && !t.reported && (d(e), _.add(e)) : u(e));
+				let v = [...a.values()].filter((e) => !e.ready).length, y = n.boards.map((e) => e.id).filter((e) => c.has(e) && !a.has(e)).sort((e, t) => Number(h(t)) - Number(h(e)));
+				for (let e of y) {
+					if (v >= Sr) break;
+					p(e), v++;
 				}
-				let v = [...i.keys()].filter((e) => !s.has(e)).length;
-				for (let e of n) {
-					if (m >= Cr || v >= wr) break;
-					if (i.has(e)) continue;
-					let n = { ready: !1 };
-					i.set(e, n), n.timer = t(() => l(e), Er), m++, v++;
+				let b = [...a.keys()].filter((e) => !c.has(e)).length;
+				for (let e of f) {
+					if (v >= Sr || b >= Cr) break;
+					a.has(e) || _.has(e) || (p(e), v++, b++);
 				}
 			}
-			let v = /* @__PURE__ */ new Map();
-			for (let [e, t] of _) {
-				let n = i.get(e);
-				n && s.has(e) ? v.set(e, {
+			let _ = /* @__PURE__ */ new Map();
+			for (let [e, t] of g) {
+				let r = a.get(e);
+				r && c.has(e) ? _.set(e, {
 					tier: "live",
 					mounted: !0,
-					ready: n.ready
-				}) : n ? v.set(e, {
-					tier: d.snapshots.has(e) ? "snapshot" : "placeholder",
+					ready: r.ready
+				}) : r ? _.set(e, {
+					tier: n.snapshots.has(e) ? "snapshot" : "placeholder",
 					mounted: !0,
-					ready: n.ready,
+					ready: r.ready,
 					warming: !0
-				}) : v.set(e, {
-					tier: t === "live" ? d.snapshots.has(e) ? "snapshot" : "placeholder" : t,
+				}) : _.set(e, {
+					tier: t === "live" ? n.snapshots.has(e) ? "snapshot" : "placeholder" : t,
 					mounted: !1,
 					ready: !1
 				});
 			}
-			return v;
+			return _;
 		}
 	};
 }
 //#endregion
 //#region src/viewer/hooks/useBoardTiers.ts
-var Or = 3e3, kr = null;
-function Ar() {
+var Dr = 1e4, Or = null;
+function kr() {
 	let e = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, [t, n] = Y(!!e?.matches);
 	return K(() => {
 		if (!e) return;
@@ -1544,56 +1547,62 @@ function Ar() {
 		return e.addEventListener?.("change", t), () => e.removeEventListener?.("change", t);
 	}, [e]), t ? "dark" : "light";
 }
-function jr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling: o, viewport: s, pinned: l, hovered: u, hoverPromotes: d, persistable: f, store: p }) {
-	let h = p ?? (kr ??= br()), [, g] = qe((e) => e + 1, 0), [_] = Y(() => Dr({ onChange: g })), v = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, y = Ar(), b = J(/* @__PURE__ */ new Map()), x = J(/* @__PURE__ */ new Map()), C = n.filter(([e, n]) => !t(n) && M(r, n.file) && !i.has(e)), w = new Map(C.map(([t, n]) => [t, _r({
+function Ar({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling: o, viewport: s, pinned: l, hovered: u, hoverPromotes: d, persistable: f, store: p }) {
+	let h = p ?? (Or ??= br()), [, g] = qe((e) => e + 1, 0), _ = J(/* @__PURE__ */ new Set()), [v] = Y(() => Er({
+		onChange: g,
+		onGiveUp: (e) => {
+			let t = O.current.get(e);
+			t && _.current.add(t);
+		}
+	})), y = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, b = kr(), x = J(/* @__PURE__ */ new Map()), C = J(/* @__PURE__ */ new Set()), w = J(/* @__PURE__ */ new Set()), T = J(/* @__PURE__ */ new Map()), E = n.filter(([e, n]) => !t(n) && ce(r, n.file) && !i.has(e)), D = new Map(E.map(([t, n]) => [t, _r({
 		artifact: e,
 		file: n.file,
 		version: r[n.file] ?? 0,
-		scheme: y,
+		scheme: b,
 		w: n.w,
 		h: n.h
-	})])), T = J(w);
-	T.current = w;
-	let E = J(f);
-	E.current = f;
-	let D = J(o);
-	D.current = o, K(() => h.subscribe(() => g()), [h]);
-	let O = J(/* @__PURE__ */ new Set());
+	})])), O = J(D);
+	O.current = D;
+	let k = J(f);
+	k.current = f;
+	let A = J(o);
+	A.current = o, K(() => h.subscribe(() => g()), [h]);
+	let ee = J(/* @__PURE__ */ new Set());
 	K(() => {
-		for (let e of w.values()) h.has(e) || O.current.has(e) || (O.current.add(e), h.load(e));
+		for (let e of D.values()) h.has(e) || ee.current.has(e) || (ee.current.add(e), h.load(e));
 	});
-	let k = new Set([...w].filter(([, e]) => h.has(e) && !h.isUnsupported(e)).map(([e]) => e)), A = C.map(([e, t]) => ({
+	let te = new Set([...D].filter(([, e]) => h.has(e) && !h.isUnsupported(e)).map(([e]) => e)), ne = E.map(([e, t]) => ({
 		id: e,
 		x: t.x,
 		y: t.y,
 		w: t.w,
 		h: t.h
-	})), j = new Set([...w].filter(([, e]) => h.isUnsupported(e)).map(([e]) => e)), ee = o ? [] : c({
-		boards: A,
+	})), re = new Set([...D].filter(([, e]) => h.isUnsupported(e) || _.current.has(e)).map(([e]) => e)), ie = o ? [] : c({
+		boards: ne,
 		view: a,
 		viewport: s,
-		snapshots: k,
-		skip: j
-	}), te = _.update({
-		boards: A,
+		snapshots: te,
+		skip: re
+	}), ae = v.update({
+		boards: ne,
 		view: a,
 		viewport: s,
 		pinned: l,
-		snapshots: k,
+		snapshots: te,
 		scaling: o,
 		hovered: u,
 		hoverPromotes: d,
-		warm: ee
-	}), ne = J(a.k);
-	o || (ne.current = a.k);
-	let re = S(ne.current, v), [ie, ae] = Y({}), oe = J(/* @__PURE__ */ new Set()), se = J(/* @__PURE__ */ new Set()), N = J(/* @__PURE__ */ new Set());
+		warm: ie
+	}), oe = J(a.k);
+	o || (oe.current = a.k);
+	let se = S(oe.current, y), [le, j] = Y({}), ue = J(/* @__PURE__ */ new Set()), de = J(/* @__PURE__ */ new Set()), fe = J(/* @__PURE__ */ new Set());
 	K(() => {
-		for (let [e, t] of w) {
-			let n = te.get(e);
-			if (!k.has(e) || !(n?.tier === "snapshot" || n?.mounted)) continue;
-			let r = `${t}#${h.revision(t)}@${re}`;
-			ie[e]?.name === r || oe.current.has(r) || N.current.has(r) || (oe.current.add(r), h.url(t, re).then((t) => {
-				oe.current.delete(r), t && se.current.has(t) ? N.current.add(r) : t && ae((n) => n[e]?.name === r ? n : {
+		for (let [e, t] of D) {
+			let n = ae.get(e);
+			if (!te.has(e) || !(n?.tier === "snapshot" || n?.mounted)) continue;
+			let r = `${t}#${h.revision(t)}@${se}`;
+			le[e]?.name === r || ue.current.has(r) || fe.current.has(r) || (ue.current.add(r), h.url(t, se).then((t) => {
+				ue.current.delete(r), t && de.current.has(t) ? fe.current.add(r) : t && j((n) => n[e]?.name === r ? n : {
 					...n,
 					[e]: {
 						name: r,
@@ -1603,24 +1612,24 @@ function jr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 			}));
 		}
 	});
-	let ce = G((e, t) => {
-		t.startsWith("blob:") && (se.current.add(t), ae((n) => {
+	let M = G((e, t) => {
+		t.startsWith("blob:") && (de.current.add(t), j((n) => {
 			if (n[e]?.url !== t) return n;
 			let { [e]: r, ...i } = n;
 			return i;
 		}));
-	}, []), le = q(() => new Map(n.map(([e, t]) => [e, `data:image/svg+xml;charset=utf-8,${encodeURIComponent(mr({
+	}, []), pe = q(() => new Map(n.map(([e, t]) => [e, `data:image/svg+xml;charset=utf-8,${encodeURIComponent(mr({
 		id: e,
 		title: t.title,
 		w: t.w,
 		h: t.h
-	}))}`])), [n]), ue = J([]), P = J(null), de = J(0), F = G(() => {
-		if (!(P.current || D.current)) for (; ue.current.length;) {
-			let e = ue.current.shift(), t = b.current.get(e)?.contentWindow, n = T.current.get(e);
+	}))}`])), [n]), N = J([]), P = J(null), me = J(0), F = G(() => {
+		if (!(P.current || A.current)) for (; N.current.length;) {
+			let e = N.current.shift(), t = x.current.get(e)?.contentWindow, n = O.current.get(e);
 			if (!t || !n || h.isUnsupported(n)) continue;
-			let r = ++de.current, i = window.setTimeout(() => {
-				P.current?.request === r && (h.markUnsupported(n), P.current = null, g(), F());
-			}, Or);
+			let r = ++me.current, i = window.setTimeout(() => {
+				P.current?.request === r && (_.current.add(n), w.current.add(e), P.current = null, g(), F());
+			}, Dr);
 			P.current = {
 				id: e,
 				key: n,
@@ -1629,25 +1638,25 @@ function jr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 			}, t.postMessage({
 				type: "ryugi:board:capture",
 				request: r,
-				scale: v
+				scale: y
 			}, "*");
 			return;
 		}
-	}, [h, v]), fe = J(F);
-	fe.current = F, K(() => {
+	}, [h, y]), I = J(F);
+	I.current = F, K(() => {
 		o || F();
 	}, [o, F]), K(() => () => {
 		P.current && window.clearTimeout(P.current.timer);
 	}, []), K(() => {
 		let e = (e) => {
-			ue.current.includes(e) || ue.current.push(e), F();
+			w.current.has(e) || (N.current.includes(e) || N.current.push(e), F());
 		}, t = (t) => {
 			let n = t.data?.type;
 			if (typeof n != "string" || !n.startsWith("ryugi:board:")) return;
-			let r = [...b.current].find(([, e]) => e.contentWindow === t.source)?.[0];
+			let r = [...x.current].find(([, e]) => e.contentWindow === t.source)?.[0];
 			if (r) {
-				if (n === "ryugi:board:ready") _.ready(r), e(r);
-				else if (n === "ryugi:board:changed") e(r);
+				if (n === "ryugi:board:ready") C.current.add(r), v.ready(r), e(r);
+				else if (n === "ryugi:board:changed") C.current.has(r) && e(r);
 				else if (n === "ryugi:board:snapshot") {
 					let e = P.current;
 					if (!e || e.id !== r || t.data.request !== e.request) return;
@@ -1657,22 +1666,24 @@ function jr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 						blob: n,
 						width: i,
 						height: a,
-						scale: v
-					}, { persist: E.current(r) }) : (h.markUnsupported(e.key), g()), F();
+						scale: y
+					}, { persist: k.current(r) }) : (h.markUnsupported(e.key), g()), F();
 				}
 			}
 		};
 		return window.addEventListener("message", t), () => window.removeEventListener("message", t);
 	}, [
-		_,
+		v,
 		F,
 		h,
-		v
+		y
 	]);
-	let I = G((e) => (x.current.has(e) || x.current.set(e, (t) => {
-		t ? b.current.set(e, t) : (b.current.delete(e), ue.current = ue.current.filter((t) => t !== e), P.current?.id === e && (window.clearTimeout(P.current.timer), P.current = null, fe.current()));
-	}), x.current.get(e)), []), L = G((e) => _.loaded(e), [_]), pe = n.filter(([, e]) => t(e)), me = m({
-		boards: pe.map(([e, t]) => ({
+	let L = G((e) => (T.current.has(e) || T.current.set(e, (t) => {
+		t ? x.current.set(e, t) : (x.current.delete(e), C.current.delete(e), w.current.delete(e), N.current = N.current.filter((t) => t !== e), P.current?.id === e && (window.clearTimeout(P.current.timer), P.current = null, I.current()));
+	}), T.current.get(e)), []), he = G((e) => {
+		C.current.delete(e), w.current.delete(e), v.loaded(e);
+	}, [v]), ge = n.filter(([, e]) => t(e)), _e = m({
+		boards: ge.map(([e, t]) => ({
 			id: e,
 			x: t.x,
 			y: t.y,
@@ -1682,18 +1693,18 @@ function jr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 		view: a,
 		viewport: s,
 		pinned: /* @__PURE__ */ new Set(),
-		snapshots: new Set(pe.map(([e]) => e))
-	}), he = /* @__PURE__ */ new Map();
-	for (let [e, t] of me) he.set(e, {
+		snapshots: new Set(ge.map(([e]) => e))
+	}), ve = /* @__PURE__ */ new Map();
+	for (let [e, t] of _e) ve.set(e, {
 		tier: t,
 		mounted: !1,
 		image: null,
 		overlay: !1,
 		hidden: !1
 	});
-	for (let [e, t] of te) {
-		let n = w.get(e), r = ie[e], i = k.has(e) && r?.name.startsWith(`${n}#`) ? r.url : null, a = t.tier === "empty" ? null : i ?? le.get(e) ?? null;
-		he.set(e, {
+	for (let [e, t] of ae) {
+		let n = D.get(e), r = le[e], i = te.has(e) && r?.name.startsWith(`${n}#`) ? r.url : null, a = t.tier === "empty" ? null : i ?? pe.get(e) ?? null;
+		ve.set(e, {
 			tier: t.tier,
 			mounted: t.mounted,
 			image: a,
@@ -1702,23 +1713,132 @@ function jr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 		});
 	}
 	return {
-		renders: he,
-		frameRef: I,
-		loaded: L,
-		imageFailed: ce
+		renders: ve,
+		frameRef: L,
+		loaded: he,
+		imageFailed: M
+	};
+}
+//#endregion
+//#region src/viewer/lib/hover-dwell.ts
+var jr = 4;
+function Mr({ dwellMs: e, schedule: t, cancel: n, onChange: r }) {
+	let i = null, a = null, o = !1, s, c = () => {
+		s !== void 0 && n(s), s = void 0;
+	}, l = (e) => {
+		e !== a && (a = e, r());
+	}, u = () => {
+		if (c(), !i || o || a === i.board) return;
+		let n = i.board;
+		s = t(() => {
+			s = void 0, l(n);
+		}, e);
+	};
+	return {
+		move(e, t) {
+			e !== a && l(null), e ? i?.board === e && Math.hypot(t.x - i.x, t.y - i.y) < jr || (i = {
+				board: e,
+				...t
+			}, u()) : (i = null, c());
+		},
+		setScaling(e) {
+			e !== o && (o = e, o ? c() : u());
+		},
+		current: () => a,
+		dispose: c
 	};
 }
 //#endregion
+//#region src/viewer/hooks/useHoverDwell.ts
+var Nr = {
+	x: -1e9,
+	y: -1e9
+}, Pr = () => {
+	if (typeof location > "u") return 600;
+	let e = new URLSearchParams(location.search), t = Number(e.get("hover"));
+	return e.has("debug") && t > 0 ? t : 600;
+};
+function Fr({ scaling: e, view: t, inside: n = null, locate: r }) {
+	let [, i] = qe((e) => e + 1, 0), [a] = Y(() => Mr({
+		dwellMs: Pr(),
+		schedule: (e, t) => window.setTimeout(e, t),
+		cancel: (e) => window.clearTimeout(e),
+		onChange: i
+	})), o = J(null), s = J(r);
+	s.current = r;
+	let c = G((e) => {
+		o.current = {
+			clientX: e.clientX,
+			clientY: e.clientY
+		};
+		let { board: t, x: n, y: r } = s.current(o.current);
+		a.move(t, {
+			x: n,
+			y: r
+		});
+	}, [a]), l = G(() => {
+		o.current = null, a.move(null, {
+			x: 0,
+			y: 0
+		});
+	}, [a]);
+	return K(() => () => a.dispose(), [a]), K(() => a.setScaling(e), [a, e]), K(() => {
+		n && (o.current = null, a.move(n, Nr));
+	}, [a, n]), K(() => {
+		o.current && !e && c(o.current);
+	}, [
+		t.x,
+		t.y,
+		t.k,
+		e,
+		c
+	]), {
+		hovered: a.current(),
+		track: c,
+		leave: l
+	};
+}
+function Ir(e, t, n) {
+	let r = [...e.filter((e) => e.id !== t), {
+		id: t,
+		version: n
+	}];
+	return r.slice(Math.max(0, r.length - 6));
+}
+function Lr(e, t) {
+	let n = e.filter((e) => t.get(e.id) === e.version);
+	return n.length === e.length ? e : n;
+}
+//#endregion
+//#region src/viewer/hooks/useKeptBoards.ts
+function Rr(e, t, n = () => !0) {
+	let [r, i] = Y([]), a = q(() => new Map(e.map(([e, n]) => [e, t[n.file] ?? 0])), [e, t]), o = J(a);
+	o.current = a;
+	let s = J(n);
+	s.current = n, K(() => {
+		let e = (e) => {
+			if (e.data?.type !== "ryugi:board:interacted" || !e.source) return;
+			let t = [...document.querySelectorAll("[data-board] iframe")].find((t) => t.contentWindow === e.source)?.closest("[data-board]")?.dataset.board, n = t === void 0 ? void 0 : o.current.get(t);
+			t !== void 0 && n !== void 0 && s.current(t) && i((e) => e.at(-1)?.id === t && e.at(-1)?.version === n ? e : Ir(e, t, n));
+		};
+		return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+	}, []);
+	let c = Lr(r, a);
+	return K(() => {
+		c !== r && i(c);
+	}, [c, r]), q(() => new Set(c.map((e) => e.id)), [c]);
+}
+//#endregion
 //#region src/shared/verdicts.ts
-var Mr = (e) => e.messages[0]?.at ?? e.statusAt;
-function Nr(e, t, n) {
-	let r = e.filter((e) => e.anchor.group === t && e.anchor.verdict && e.messages.some((e) => !e.deleted)).sort((e, t) => Mr(e) < Mr(t) ? -1 : +(Mr(e) > Mr(t))), i = r.filter((e) => e.anchor.verdict === "reject" && e.status === "open").length, a = r.at(-1);
+var zr = (e) => e.messages[0]?.at ?? e.statusAt;
+function Br(e, t, n) {
+	let r = e.filter((e) => e.anchor.group === t && e.anchor.verdict && e.messages.some((e) => !e.deleted)).sort((e, t) => zr(e) < zr(t) ? -1 : +(zr(e) > zr(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 = Mr(a);
+	let o = zr(a);
 	return n.has(a.id) ? {
 		state: "pending",
 		at: o,
@@ -1736,11 +1856,11 @@ function Nr(e, t, n) {
 		rejectThreads: i
 	};
 }
-function Pr(e, t, n) {
+function Vr(e, t, n) {
 	return Object.entries(e).filter(([, e]) => e.verify === !0 && e.boards.some((e) => t[e]?.page === n));
 }
-function Fr(e, t, n, r, i) {
-	let a = Pr(e, t, n), o = a.map(([e]) => [e, Nr(r, e, i).state]), s = o.find(([, e]) => e !== "pass")?.[0];
+function Hr(e, t, n, r, i) {
+	let a = Vr(e, t, n), o = a.map(([e]) => [e, Br(r, e, i).state]), s = o.find(([, e]) => e !== "pass")?.[0];
 	return {
 		passed: o.filter(([, e]) => e === "pass").length,
 		total: a.length,
@@ -1749,14 +1869,14 @@ function Fr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/viewer/hooks/useVerdicts.ts
-function Ir({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a }) {
-	let [o, s] = Y(null), c = q(() => e?.groups ?? {}, [e]), l = q(() => e?.boards ?? {}, [e]), u = q(() => Object.fromEntries(Pr(c, l, t).map(([e]) => [e, Nr(n, e, r)])), [
+function Ur({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a }) {
+	let [o, s] = Y(null), c = q(() => e?.groups ?? {}, [e]), l = q(() => e?.boards ?? {}, [e]), u = q(() => Object.fromEntries(Vr(c, l, t).map(([e]) => [e, Br(n, e, r)])), [
 		c,
 		l,
 		t,
 		n,
 		r
-	]), d = q(() => Fr(c, l, t, n, r), [
+	]), d = q(() => Hr(c, l, t, n, r), [
 		c,
 		l,
 		t,
@@ -1812,8 +1932,8 @@ function Ir({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a
 }
 //#endregion
 //#region src/viewer/verdicts/RejectComposer.tsx
-function Lr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
-	let { t: a } = F();
+function Wr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
+	let { t: a } = N();
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": "reject",
 		className: "x10l6tqk xk3oba8 xj6ak53 xb3r6kr xixl9f9 x12ilycc x1d5q07e xqfszdh xfifm61 xo2rkog xt0e3qv",
@@ -1854,7 +1974,7 @@ function Lr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 }
 //#endregion
 //#region src/shared/inspector.ts
-var Rr = [
+var Gr = [
 	"width",
 	"height",
 	"position",
@@ -1871,7 +1991,7 @@ var Rr = [
 	"font-size",
 	"color",
 	"box-shadow"
-], zr = "M14.5 3a10.5 10.5 0 1 1-4.2 20.1l-5 1.6c-.9.3-1.7-.5-1.4-1.4l1.6-5A10.5 10.5 0 0 1 14.5 3z", Br = `<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='${zr}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${zr}' fill='#c65d3b'/><path d='M14.5 9.3v8.4M10.3 13.5h8.4' stroke='white' stroke-width='2.4' stroke-linecap='round'/></svg>`, Vr = `url("data:image/svg+xml,${encodeURIComponent(Br)}") 4 24, crosshair`, Hr = (e) => !!e && typeof e == "object" && !Array.isArray(e), $ = (e, t) => typeof e == "string" && e.length <= t, Ur = (e) => typeof e == "number" && Number.isFinite(e) && Math.abs(e) <= 1e8, Wr = (e) => Number.isSafeInteger(e) && e > 0, Gr = (e) => e === null || Hr(e) && Ur(e.x) && Ur(e.y) && Ur(e.width) && Ur(e.height) && e.width >= 0 && e.height >= 0, Kr = (e) => Rr.some((t) => t === e), qr = /* @__PURE__ */ new Set([
+], Kr = "M14.5 3a10.5 10.5 0 1 1-4.2 20.1l-5 1.6c-.9.3-1.7-.5-1.4-1.4l1.6-5A10.5 10.5 0 0 1 14.5 3z", qr = `<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='${Kr}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${Kr}' fill='#c65d3b'/><path d='M14.5 9.3v8.4M10.3 13.5h8.4' stroke='white' stroke-width='2.4' stroke-linecap='round'/></svg>`, Jr = `url("data:image/svg+xml,${encodeURIComponent(qr)}") 4 24, crosshair`, Yr = (e) => !!e && typeof e == "object" && !Array.isArray(e), $ = (e, t) => typeof e == "string" && e.length <= t, Xr = (e) => typeof e == "number" && Number.isFinite(e) && Math.abs(e) <= 1e8, Zr = (e) => Number.isSafeInteger(e) && e > 0, Qr = (e) => e === null || Yr(e) && Xr(e.x) && Xr(e.y) && Xr(e.width) && Xr(e.height) && e.width >= 0 && e.height >= 0, $r = (e) => Gr.some((t) => t === e), ei = /* @__PURE__ */ new Set([
 	"Frame",
 	"Column",
 	"Row",
@@ -1881,28 +2001,28 @@ var Rr = [
 	"Image",
 	"Button"
 ]);
-function Jr(e) {
+function ti(e) {
 	if (!Array.isArray(e) || e.length > 2500) return !1;
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		if (!Hr(n) || !Wr(n.id) || t.has(n.id) || !$(n.name, 100) || !$(n.tag, 80) || !$(n.selector, 200) || !$(n.path, 4e3) || !qr.has(n.kind) || !Array.isArray(n.children) || n.children.length > e.length || n.children.some((e) => !Wr(e)) || new Set(n.children).size !== n.children.length || (t.size === 0 ? n.parentId !== null : !Wr(n.parentId) || !t.has(n.parentId))) return !1;
+		if (!Yr(n) || !Zr(n.id) || t.has(n.id) || !$(n.name, 100) || !$(n.tag, 80) || !$(n.selector, 200) || !$(n.path, 4e3) || !ei.has(n.kind) || !Array.isArray(n.children) || n.children.length > e.length || n.children.some((e) => !Zr(e)) || new Set(n.children).size !== n.children.length || (t.size === 0 ? n.parentId !== null : !Zr(n.parentId) || !t.has(n.parentId))) return !1;
 		t.set(n.id, n);
 	}
 	for (let e of t.values()) if (e.children.some((n) => t.get(n)?.parentId !== e.id) || e.parentId !== null && !t.get(e.parentId)?.children.includes(e.id)) return !1;
 	return !0;
 }
-function Yr(e) {
-	if (!Hr(e) || !$(e.session, 128) || !e.session || !$(e.connection, 128) || !e.connection) return null;
+function ni(e) {
+	if (!Yr(e) || !$(e.session, 128) || !e.session || !$(e.connection, 128) || !e.connection) return null;
 	let t = !1;
 	switch (e.type) {
 		case "ryugi:inspect:tree":
-			t = typeof e.truncated == "boolean" && Jr(e.nodes);
+			t = typeof e.truncated == "boolean" && ti(e.nodes);
 			break;
 		case "ryugi:inspect:hover":
-			t = Gr(e.rect) && (e.id === void 0 || e.id === null || Wr(e.id));
+			t = Qr(e.rect) && (e.id === void 0 || e.id === null || Zr(e.id));
 			break;
 		case "ryugi:inspect:rect":
-			t = Wr(e.id) && e.rect !== null && Gr(e.rect);
+			t = Zr(e.id) && e.rect !== null && Qr(e.rect);
 			break;
 		case "ryugi:inspect:selection": {
 			if (![
@@ -1912,18 +2032,18 @@ function Yr(e) {
 				"primary"
 			].includes(e.reason) || e.toggle !== void 0 && typeof e.toggle != "boolean") break;
 			let n = e.selection;
-			t = n === null || Hr(n) && Wr(n.id) && $(n.name, 100) && $(n.tag, 80) && $(n.selector, 200) && n.rect !== null && Gr(n.rect) && $(n.html, 2e4) && [
+			t = n === null || Yr(n) && Zr(n.id) && $(n.name, 100) && $(n.tag, 80) && $(n.selector, 200) && n.rect !== null && Qr(n.rect) && $(n.html, 2e4) && [
 				"fixed",
 				"fill",
 				"hug"
-			].includes(n.widthMode) && ["fixed", "hug"].includes(n.heightMode) && Hr(n.css) && Rr.every((e) => $(n.css[e], 2e3));
+			].includes(n.widthMode) && ["fixed", "hug"].includes(n.heightMode) && Yr(n.css) && Gr.every((e) => $(n.css[e], 2e3));
 			break;
 		}
 		case "ryugi:inspect:targets":
-			t = Wr(e.request) && Array.isArray(e.targets) && e.targets.length <= 2500 && new Set(e.targets.map((e) => Hr(e) ? e.id : null)).size === e.targets.length && e.targets.every((e) => Hr(e) && Wr(e.id) && $(e.name, 100) && e.rect !== null && Gr(e.rect));
+			t = Zr(e.request) && Array.isArray(e.targets) && e.targets.length <= 2500 && new Set(e.targets.map((e) => Yr(e) ? e.id : null)).size === e.targets.length && e.targets.every((e) => Yr(e) && Zr(e.id) && $(e.name, 100) && e.rect !== null && Qr(e.rect));
 			break;
 		case "ryugi:inspect:details":
-			t = Wr(e.request) && Array.isArray(e.nodes) && e.nodes.length <= 2500 && e.nodes.every((e) => Hr(e) && Wr(e.id) && $(e.text, 200) && $(e.html, 2e3));
+			t = Zr(e.request) && Array.isArray(e.nodes) && e.nodes.length <= 2500 && e.nodes.every((e) => Yr(e) && Zr(e.id) && $(e.text, 200) && $(e.html, 2e3));
 			break;
 		case "ryugi:inspect:drag":
 			t = [
@@ -1931,16 +2051,16 @@ function Yr(e) {
 				"move",
 				"end",
 				"cancel"
-			].includes(e.phase) && Ur(e.x) && Ur(e.y) && typeof e.append == "boolean" && (e.id === void 0 || Wr(e.id));
+			].includes(e.phase) && Xr(e.x) && Xr(e.y) && typeof e.append == "boolean" && (e.id === void 0 || Zr(e.id));
 			break;
 		case "ryugi:inspect:tweaks":
-			t = Array.isArray(e.tweaks) && e.tweaks.length <= 2500 && e.tweaks.every((e) => Hr(e) && Wr(e.id) && $(e.name, 200) && Kr(e.property) && $(e.from, 2e3) && $(e.value, 300));
+			t = Array.isArray(e.tweaks) && e.tweaks.length <= 2500 && e.tweaks.every((e) => Yr(e) && Zr(e.id) && $(e.name, 200) && $r(e.property) && $(e.from, 2e3) && $(e.value, 300));
 			break;
 		case "ryugi:inspect:wheel":
-			t = Ur(e.deltaX) && Ur(e.deltaY) && Ur(e.x) && Ur(e.y) && typeof e.zoom == "boolean";
+			t = Xr(e.deltaX) && Xr(e.deltaY) && Xr(e.x) && Xr(e.y) && typeof e.zoom == "boolean";
 			break;
 		case "ryugi:inspect:pan":
-			t = Ur(e.deltaX) && Ur(e.deltaY);
+			t = Xr(e.deltaX) && Xr(e.deltaY);
 			break;
 		case "ryugi:inspect:key": t = $(e.code, 32) && $(e.key, 32) && [
 			"down",
@@ -1954,7 +2074,7 @@ function Yr(e) {
 }
 //#endregion
 //#region src/viewer/hooks/useInspector.ts
-function Xr(e) {
+function ri(e) {
 	let [t, n] = Y({
 		frames: {},
 		selection: null,
@@ -2031,7 +2151,7 @@ function Xr(e) {
 		let e = (e) => {
 			let t = Array.from(i.current).find(([, t]) => t.element.contentWindow === e.source);
 			if (!t) return;
-			let [a, o] = t, l = Yr(e.data);
+			let [a, o] = t, l = ni(e.data);
 			if (!(!l || l.connection !== o.connection || o.session !== null && o.session !== l.session) && (r.current.options.enabled || l.type === "ryugi:inspect:tweaks") && !(r.current.options.playing.has(a) && l.type !== "ryugi:inspect:tweaks")) {
 				if (l.type === "ryugi:inspect:tree") {
 					o.session = l.session;
@@ -2299,7 +2419,7 @@ function Xr(e) {
 }
 //#endregion
 //#region src/viewer/hooks/useMarqueeSelection.ts
-function Zr(e, t, n, r) {
+function ii(e, t, n, r) {
 	let i = J(null), [a, o] = Y(!1), [s, c] = Y(null), { cancelDrag: l } = t, u = G(() => {
 		i.current = null, c(null), o(!1), l();
 	}, [l]);
@@ -2347,7 +2467,7 @@ function Zr(e, t, n, r) {
 }
 //#endregion
 //#region src/viewer/lib/selection.ts
-function Qr({ boards: e, frames: t, targets: n, details: r }) {
+function ai({ 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];
@@ -2389,15 +2509,15 @@ function Qr({ boards: e, frames: t, targets: n, details: r }) {
 		nodes: [...i.values()]
 	};
 }
-var $r = (e) => e.id.length <= A.id && e.board.length <= A.board && e.file.length <= A.file && e.tag.length <= A.tag && e.path.length <= A.path && e.name.length <= A.name, ei = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
-function ti(e, t = oe) {
-	let n = e.selected.filter((e) => $r(e) && e.text.length <= A.text && e.html.length <= A.html), r = e.tweaks.filter((e) => $r(e) && e.from.length <= A.from && e.value.length <= A.value), i = {
+var oi = (e) => e.id.length <= A.id && e.board.length <= A.board && e.file.length <= A.file && e.tag.length <= A.tag && e.path.length <= A.path && e.name.length <= A.name, si = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
+function ci(e, t = se) {
+	let n = e.selected.filter((e) => oi(e) && e.text.length <= A.text && e.html.length <= A.html), r = e.tweaks.filter((e) => oi(e) && e.from.length <= A.from && e.value.length <= A.value), i = {
 		...e,
 		selected: n,
 		tweaks: r,
-		nodes: e.nodes.filter($r).slice(0, E)
+		nodes: e.nodes.filter(oi).slice(0, E)
 	};
-	for (let e = ei(i); e > t && i.nodes.length; e = ei(i)) i = {
+	for (let e = si(i); e > t && i.nodes.length; e = si(i)) i = {
 		...i,
 		nodes: i.nodes.slice(0, Math.floor(i.nodes.length * Math.min(.95, t / e)))
 	};
@@ -2405,9 +2525,9 @@ function ti(e, t = oe) {
 }
 //#endregion
 //#region src/viewer/hooks/useSelectionSync.ts
-var ni = crypto.randomUUID();
-function ri({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
-	let a = J(0), { frames: o, selectedTargets: s, details: c, revision: l } = r, u = JSON.stringify(s.map(({ boardId: e, id: t }) => [e, t])), d = q(() => JSON.parse(u), [u]), f = q(() => Qr({
+var li = crypto.randomUUID();
+function ui({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
+	let a = J(0), { frames: o, selectedTargets: s, details: c, revision: l } = r, u = JSON.stringify(s.map(({ boardId: e, id: t }) => [e, t])), d = q(() => JSON.parse(u), [u]), f = q(() => ai({
 		boards: t ?? {},
 		frames: o,
 		targets: d.map(([e, t]) => ({
@@ -2425,10 +2545,10 @@ function ri({ 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(ti({
+			a.current = l, i(ci({
 				type: "selection",
 				artifact: e,
-				tab: ni,
+				tab: li,
 				human: t,
 				...f
 			}));
@@ -2444,12 +2564,12 @@ function ri({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
 }
 //#endregion
 //#region src/viewer/hooks/usePanZoom.ts
-var ii = {
+var di = {
 	top: 64,
 	right: 24,
 	bottom: 24,
 	left: 24
-}, ai = .01, oi = 420, si = 150, ci = 100, li = f(.2, 0, 0, 1), ui = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, di = `[data-chrome]${[
+}, fi = .01, pi = 420, mi = 150, hi = 100, gi = f(.2, 0, 0, 1), _i = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, vi = `[data-chrome]${[
 	"board-label",
 	"group-label",
 	"video-controls",
@@ -2457,14 +2577,14 @@ var ii = {
 	"reject",
 	"parameters"
 ].map((e) => `:not([data-chrome="${e}"])`).join("")}`;
-function fi(e, t, n, r) {
+function yi(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 pi(t) {
+function bi(t) {
 	let n = J(null), [i, a] = Y({
 		x: 0,
 		y: 0,
@@ -2479,10 +2599,10 @@ function pi(t) {
 	Ke(() => {
 		if (i.k === v.current) return;
 		v.current = i.k;
-		let e = Date.now(), t = e - y.current < ci;
+		let e = Date.now(), t = e - y.current < hi;
 		y.current = e, (t || b.current !== void 0) && (_(!0), clearTimeout(b.current), b.current = setTimeout(() => {
 			b.current = void 0, _(!1);
-		}, si));
+		}, mi));
 	}, [i.k]), K(() => () => clearTimeout(b.current), []);
 	let [x, S] = Y(() => ({
 		width: typeof innerWidth == "number" ? innerWidth : 0,
@@ -2502,14 +2622,14 @@ function pi(t) {
 		x: n.x + e,
 		y: n.y + t
 	})), []), E = G((t) => {
-		t.zoom ? a((n) => e(n, Math.exp(-t.deltaY * ai), t.x, t.y)) : C(-t.deltaX, -t.deltaY);
+		t.zoom ? a((n) => e(n, Math.exp(-t.deltaY * fi), t.x, t.y)) : C(-t.deltaX, -t.deltaY);
 	}, [C]);
 	K(() => {
 		let e = n.current;
 		if (!e) return;
 		let t = (t) => {
 			let n = t.target, r = t.ctrlKey || t.metaKey;
-			if (n?.closest?.(di) || !r && fi(n, e, t.deltaX, t.deltaY)) return;
+			if (n?.closest?.(vi) || !r && yi(n, e, t.deltaX, t.deltaY)) return;
 			t.preventDefault(), h();
 			let i = e.getBoundingClientRect(), a = t.deltaMode === 1 ? 16 : t.deltaMode === 2 ? e.clientHeight : 1;
 			E({
@@ -2571,7 +2691,7 @@ function pi(t) {
 		e ? f.current.delete(e.pointerId) : f.current.clear();
 		let t = [...f.current.values()][0];
 		u.current = t ? { ...t } : null, t || l(!1);
-	}, []), j = () => {
+	}, []), ee = () => {
 		let e = n.current;
 		return {
 			cx: (e?.clientWidth ?? 0) / 2,
@@ -2584,36 +2704,36 @@ function pi(t) {
 		scaling: g,
 		size: x,
 		place: a,
-		fit: G((e, t = ii, i = {}) => {
+		fit: G((e, t = di, i = {}) => {
 			let o = n.current;
 			if (!o || !e) return;
 			let s = d(e, {
 				width: o.clientWidth,
 				height: o.clientHeight
 			}, t);
-			if (h(), !i.animate || ui()) {
+			if (h(), !i.animate || _i()) {
 				a(s);
 				return;
 			}
 			let c = p.current, l = performance.now(), u = () => {
-				let e = Math.min(1, (performance.now() - l) / oi);
-				a(e === 1 ? s : r(c, s, li(e))), m.current = e === 1 ? null : requestAnimationFrame(u);
+				let e = Math.min(1, (performance.now() - l) / pi);
+				a(e === 1 ? s : r(c, s, gi(e))), m.current = e === 1 ? null : requestAnimationFrame(u);
 			};
 			m.current = requestAnimationFrame(u);
 		}, [h]),
 		zoomBy: G((t) => {
-			let { cx: n, cy: r } = j();
+			let { cx: n, cy: r } = ee();
 			a((i) => e(i, t, n, r));
 		}, []),
 		zoomTo: G((e) => {
-			let { cx: t, cy: n } = j();
+			let { cx: t, cy: n } = ee();
 			a((r) => w(r, e, t, n));
 		}, []),
 		panBy: C,
 		wheelAt: E,
 		panning: D,
 		setSpaceHeld: s,
-		cursor: c ? "grabbing" : D ? "grab" : t === "comment" ? Vr : "default",
+		cursor: c ? "grabbing" : D ? "grab" : t === "comment" ? Jr : "default",
 		hand: c ? "pinch" : D ? "open" : null,
 		handlers: {
 			onPointerDown: O,
@@ -2625,7 +2745,7 @@ function pi(t) {
 }
 //#endregion
 //#region src/viewer/inspector/InspectionOutline.tsx
-function mi({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
+function xi({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
 	return t.width <= 0 || t.height <= 0 ? null : /* @__PURE__ */ Q("div", {
 		className: `ri-outline${a ? " ri-outline-selected" : ""}`,
 		"aria-hidden": "true",
@@ -2660,7 +2780,7 @@ function mi({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
 }
 //#endregion
 //#region src/viewer/inspector/Layers.tsx
-var hi = {
+var Si = {
 	Frame: Nt,
 	Column: Ot,
 	Row: Gt,
@@ -2669,21 +2789,21 @@ var hi = {
 	Text: Jt,
 	Image: It,
 	Button: Vt
-}, gi = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
-function _i({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o }) {
+}, Ci = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
+function wi({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o }) {
 	let [s, c] = Y([]), l = J(null), u = J(null), d = J(!1), { treeData: f, byKey: p } = q(() => {
 		let n = /* @__PURE__ */ new Map(), r = [];
 		for (let [a, o] of e) {
 			let e = t[a];
 			if (!e?.nodes[0]) continue;
 			let s = new Map(e.nodes.map((e) => [e.id, e])), c = i.has(a), l = (t, r) => {
-				let i = gi(a, e.session, t.id);
+				let i = Ci(a, e.session, t.id);
 				n.set(i, {
 					boardId: a,
 					node: t,
 					parentKey: r
 				});
-				let u = r === null ? "Frame" : t.kind, d = r === null ? o.title || a : t.name, f = hi[u];
+				let u = r === null ? "Frame" : t.kind, d = r === null ? o.title || a : t.name, f = Si[u];
 				return {
 					key: i,
 					disabled: c,
@@ -2697,7 +2817,7 @@ function _i({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 							title: `${t.tag} · ${d || t.selector}`,
 							children: [/* @__PURE__ */ Z("span", {
 								className: "ri-layer-kind",
-								children: B(`inspector.kind.${u}`)
+								children: R(`inspector.kind.${u}`)
 							}), /* @__PURE__ */ Z("span", {
 								className: "ri-layer-name",
 								children: d ? `“${d}”` : `<${t.tag}>`
@@ -2709,7 +2829,7 @@ function _i({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 						}),
 						c && /* @__PURE__ */ Z("span", {
 							className: "ri-playing",
-							children: B("inspector.playing")
+							children: R("inspector.playing")
 						})
 					] }),
 					children: t.children.flatMap((e) => {
@@ -2728,7 +2848,7 @@ function _i({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 		e,
 		t,
 		i
-	]), m = n && t[n.boardId] ? gi(n.boardId, t[n.boardId].session, n.node.id) : null, h = r ? r.flatMap((e) => t[e.boardId] ? [gi(e.boardId, t[e.boardId].session, e.id)] : []) : m ? [m] : [], g = [], _ = m ? p.get(m)?.parentKey : null;
+	]), m = n && t[n.boardId] ? Ci(n.boardId, t[n.boardId].session, n.node.id) : null, h = r ? r.flatMap((e) => t[e.boardId] ? [Ci(e.boardId, t[e.boardId].session, e.id)] : []) : m ? [m] : [], g = [], _ = m ? p.get(m)?.parentKey : null;
 	for (; _;) g.push(_), _ = p.get(_)?.parentKey;
 	let v = [m, ...g].filter((e) => !!e && !!p.get(e)?.node.children.length).join("|");
 	K(() => {
@@ -2742,13 +2862,13 @@ function _i({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 	return /* @__PURE__ */ Q(X, { children: [
 		/* @__PURE__ */ Q("div", {
 			className: "ri-layer-heading",
-			children: [/* @__PURE__ */ Z("span", { children: B("inspector.layers") }), /* @__PURE__ */ Z("span", { children: b ? B("inspector.elements", { count: b }) : B("common.loading") })]
+			children: [/* @__PURE__ */ Z("span", { children: R("inspector.layers") }), /* @__PURE__ */ Z("span", { children: b ? R("inspector.elements", { count: b }) : R("common.loading") })]
 		}),
 		/* @__PURE__ */ Q("div", {
 			ref: l,
 			className: "ri-layers",
 			role: "region",
-			"aria-label": B("inspector.domLayers"),
+			"aria-label": R("inspector.domLayers"),
 			onClickCapture: (e) => {
 				d.current = e.shiftKey || e.metaKey || e.ctrlKey;
 			},
@@ -2795,26 +2915,26 @@ function _i({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 				}
 			}), !f.length && /* @__PURE__ */ Z("p", {
 				className: "ri-hint",
-				children: B("inspector.waitingBoard")
+				children: R("inspector.waitingBoard")
 			})]
 		}),
 		Object.values(t).some((e) => e.truncated) && /* @__PURE__ */ Z("p", {
 			className: "ri-limit",
 			role: "status",
-			children: B("inspector.truncated")
+			children: R("inspector.truncated")
 		})
 	] });
 }
 //#endregion
 //#region src/viewer/inspector/Properties.tsx
-var vi = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, yi = (e) => e.map(([e, t]) => ({
+var Ti = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, Ei = (e) => e.map(([e, t]) => ({
 	value: e,
 	label: t
-})), bi = (e) => {
+})), Di = (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 xi({ label: e, children: t, controlId: n }) {
+function Oi({ label: e, children: t, controlId: n }) {
 	return /* @__PURE__ */ Q("div", {
 		className: "ri-field",
 		children: [n ? /* @__PURE__ */ Z("label", {
@@ -2827,12 +2947,12 @@ function xi({ label: e, children: t, controlId: n }) {
 		}), t]
 	});
 }
-function Si({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
+function ki({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
 	let l = Ge(), u = /* @__PURE__ */ Z(rt, {
 		id: l,
 		size: "small",
 		controls: !1,
-		value: vi(n.css[t]),
+		value: Ti(n.css[t]),
 		suffix: i || void 0,
 		min: o,
 		max: a,
@@ -2842,7 +2962,7 @@ function Si({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		},
 		style: { width: "100%" }
 	});
-	return /* @__PURE__ */ Z(xi, {
+	return /* @__PURE__ */ Z(Oi, {
 		label: e,
 		controlId: l,
 		children: c ? /* @__PURE__ */ Q("div", {
@@ -2857,16 +2977,16 @@ function Si({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		}) : u
 	});
 }
-function Ci({ label: e, property: t, values: n, node: r, change: i }) {
+function Ai({ label: e, property: t, values: n, node: r, change: i }) {
 	let a = Ge(), o = r.css[t], s = n.some(([e]) => e === o) ? n : [...n, [o, o]];
-	return /* @__PURE__ */ Z(xi, {
+	return /* @__PURE__ */ Z(Oi, {
 		label: e,
 		controlId: a,
 		children: /* @__PURE__ */ Z(ot, {
 			size: "small",
 			id: a,
 			value: o,
-			options: yi(s),
+			options: Ei(s),
 			onChange: (e) => {
 				typeof e == "string" && i(t, e);
 			},
@@ -2874,7 +2994,7 @@ function Ci({ label: e, property: t, values: n, node: r, change: i }) {
 		})
 	});
 }
-function wi({ node: e, change: t }) {
+function ji({ node: e, change: t }) {
 	let n = {
 		node: e,
 		change: t
@@ -2883,58 +3003,58 @@ function wi({ node: e, change: t }) {
 		/* @__PURE__ */ Q("section", {
 			className: "ri-section",
 			children: [
-				/* @__PURE__ */ Z("h2", { children: B("inspector.size") }),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z("h2", { children: R("inspector.size") }),
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.width"),
+					label: R("inspector.width"),
 					property: "width",
 					sizing: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("label", {
 						className: "ri-sr-only",
 						htmlFor: r,
-						children: B("inspector.widthSizing")
+						children: R("inspector.widthSizing")
 					}), /* @__PURE__ */ Z(ot, {
 						id: r,
 						size: "small",
 						value: e.widthMode,
-						options: yi([
-							["fixed", B("inspector.fixed")],
-							["fill", B("inspector.fill")],
-							["hug", B("inspector.hug")]
+						options: Ei([
+							["fixed", R("inspector.fixed")],
+							["fill", R("inspector.fill")],
+							["hug", R("inspector.hug")]
 						]),
-						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${vi(e.css.width) || e.rect.width}px`)
+						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${Ti(e.css.width) || e.rect.width}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.height"),
+					label: R("inspector.height"),
 					property: "height",
 					sizing: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("label", {
 						className: "ri-sr-only",
 						htmlFor: i,
-						children: B("inspector.heightSizing")
+						children: R("inspector.heightSizing")
 					}), /* @__PURE__ */ Z(ot, {
 						id: i,
 						size: "small",
 						value: e.heightMode,
-						options: yi([["hug", B("inspector.hug")], ["fixed", B("inspector.fixed")]]),
-						onChange: (n) => t("height", n === "hug" ? "auto" : `${vi(e.css.height) || e.rect.height}px`)
+						options: Ei([["hug", R("inspector.hug")], ["fixed", R("inspector.fixed")]]),
+						onChange: (n) => t("height", n === "hug" ? "auto" : `${Ti(e.css.height) || e.rect.height}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(Ci, {
+				/* @__PURE__ */ Z(Ai, {
 					...n,
-					label: B("inspector.position"),
+					label: R("inspector.position"),
 					property: "position",
 					values: [
-						["static", B("inspector.inline")],
-						["relative", B("inspector.relative")],
-						["absolute", B("inspector.absolute")],
-						["fixed", B("inspector.fixed")],
-						["sticky", B("inspector.sticky")]
+						["static", R("inspector.inline")],
+						["relative", R("inspector.relative")],
+						["absolute", R("inspector.absolute")],
+						["fixed", R("inspector.fixed")],
+						["sticky", R("inspector.sticky")]
 					]
 				}),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.grow"),
+					label: R("inspector.grow"),
 					property: "flex-grow",
 					unit: "",
 					max: 100
@@ -2944,22 +3064,22 @@ function wi({ node: e, change: t }) {
 		/* @__PURE__ */ Q("section", {
 			className: "ri-section",
 			children: [
-				/* @__PURE__ */ Z("h2", { children: B("inspector.layout") }),
-				/* @__PURE__ */ Z(Ci, {
+				/* @__PURE__ */ Z("h2", { children: R("inspector.layout") }),
+				/* @__PURE__ */ Z(Ai, {
 					...n,
-					label: B("inspector.layout"),
+					label: R("inspector.layout"),
 					property: "display",
 					values: [
-						["flex", B("inspector.stack")],
-						["grid", B("inspector.grid")],
-						["block", B("inspector.block")],
-						["inline", B("inspector.inline")],
-						["inline-flex", B("inspector.inlineStack")],
-						["none", B("inspector.hidden")]
+						["flex", R("inspector.stack")],
+						["grid", R("inspector.grid")],
+						["block", R("inspector.block")],
+						["inline", R("inspector.inline")],
+						["inline-flex", R("inspector.inlineStack")],
+						["none", R("inspector.hidden")]
 					]
 				}),
-				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(xi, {
-					label: B("inspector.direction"),
+				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Oi, {
+					label: R("inspector.direction"),
 					children: /* @__PURE__ */ Z(at, {
 						size: "small",
 						block: !0,
@@ -2972,9 +3092,9 @@ function wi({ node: e, change: t }) {
 							}),
 							label: /* @__PURE__ */ Z("span", {
 								className: "ri-sr-only",
-								children: B("inspector.horizontal")
+								children: R("inspector.horizontal")
 							}),
-							title: B("inspector.horizontal")
+							title: R("inspector.horizontal")
 						}, {
 							value: "column",
 							icon: /* @__PURE__ */ Z(ht, {
@@ -2983,35 +3103,35 @@ function wi({ node: e, change: t }) {
 							}),
 							label: /* @__PURE__ */ Z("span", {
 								className: "ri-sr-only",
-								children: B("inspector.vertical")
+								children: R("inspector.vertical")
 							}),
-							title: B("inspector.vertical")
+							title: R("inspector.vertical")
 						}],
 						onChange: (e) => t("flex-direction", e)
 					})
-				}), /* @__PURE__ */ Z(xi, {
-					label: B("inspector.align"),
+				}), /* @__PURE__ */ Z(Oi, {
+					label: R("inspector.align"),
 					children: /* @__PURE__ */ Z(at, {
 						size: "small",
 						block: !0,
-						"aria-label": B("inspector.align"),
+						"aria-label": R("inspector.align"),
 						value: e.css["align-items"],
-						options: yi([
-							["flex-start", B("inspector.start")],
-							["center", B("inspector.center")],
-							["stretch", B("inspector.fill")]
+						options: Ei([
+							["flex-start", R("inspector.start")],
+							["center", R("inspector.center")],
+							["stretch", R("inspector.fill")]
 						]),
 						onChange: (e) => t("align-items", e)
 					})
 				})] }),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.gap"),
+					label: R("inspector.gap"),
 					property: "gap"
 				}),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.padding"),
+					label: R("inspector.padding"),
 					property: "padding"
 				})
 			]
@@ -3019,34 +3139,34 @@ function wi({ node: e, change: t }) {
 		/* @__PURE__ */ Q("section", {
 			className: "ri-section",
 			children: [
-				/* @__PURE__ */ Z("h2", { children: B("inspector.appearance") }),
-				/* @__PURE__ */ Z(xi, {
-					label: B("inspector.fill"),
+				/* @__PURE__ */ Z("h2", { children: R("inspector.appearance") }),
+				/* @__PURE__ */ Z(Oi, {
+					label: R("inspector.fill"),
 					children: /* @__PURE__ */ Z(Qe, {
 						size: "small",
 						trigger: "field",
 						alpha: !0,
 						recent: !1,
-						value: bi(e.css["background-color"]),
+						value: Di(e.css["background-color"]),
 						onChange: (e) => t("background-color", e)
 					})
 				}),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.opacity"),
+					label: R("inspector.opacity"),
 					property: "opacity",
 					unit: "",
 					max: 1,
 					step: .1
 				}),
-				/* @__PURE__ */ Z(Si, {
+				/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.radius"),
+					label: R("inspector.radius"),
 					property: "border-radius"
 				}),
-				/* @__PURE__ */ Z(Ci, {
+				/* @__PURE__ */ Z(Ai, {
 					...n,
-					label: B("inspector.border"),
+					label: R("inspector.border"),
 					property: "border-style",
 					values: [
 						["none", /* @__PURE__ */ Q("span", {
@@ -3054,28 +3174,28 @@ function wi({ node: e, change: t }) {
 							children: [/* @__PURE__ */ Z(_t, {
 								size: 13,
 								"aria-hidden": !0
-							}), B("inspector.none")]
+							}), R("inspector.none")]
 						})],
 						["solid", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
 							children: [/* @__PURE__ */ Z(Bt, {
 								size: 13,
 								"aria-hidden": !0
-							}), B("inspector.solid")]
+							}), R("inspector.solid")]
 						})],
 						["dashed", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
 							children: [/* @__PURE__ */ Z(qt, {
 								size: 13,
 								"aria-hidden": !0
-							}), B("inspector.dashed")]
+							}), R("inspector.dashed")]
 						})],
 						["dotted", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
 							children: [/* @__PURE__ */ Z(jt, {
 								size: 13,
 								"aria-hidden": !0
-							}), B("inspector.dotted")]
+							}), R("inspector.dotted")]
 						})]
 					]
 				})
@@ -3097,30 +3217,30 @@ function wi({ node: e, change: t }) {
 			},
 			items: [{
 				key: "typography",
-				title: B("inspector.typography"),
-				children: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Si, {
+				title: R("inspector.typography"),
+				children: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(ki, {
 					...n,
-					label: B("inspector.fontSize"),
+					label: R("inspector.fontSize"),
 					property: "font-size",
 					min: 1
-				}), /* @__PURE__ */ Z(xi, {
-					label: B("inspector.color"),
+				}), /* @__PURE__ */ Z(Oi, {
+					label: R("inspector.color"),
 					children: /* @__PURE__ */ Z(Qe, {
 						size: "small",
 						trigger: "field",
 						alpha: !0,
 						recent: !1,
-						value: bi(e.css.color),
+						value: Di(e.css.color),
 						onChange: (e) => t("color", e)
 					})
 				})] })
 			}, {
 				key: "effects",
-				title: B("inspector.effects"),
-				children: /* @__PURE__ */ Z(xi, {
-					label: B("inspector.shadow"),
+				title: R("inspector.effects"),
+				children: /* @__PURE__ */ Z(Oi, {
+					label: R("inspector.shadow"),
 					children: /* @__PURE__ */ Z(nt, {
-						"aria-label": B("inspector.shadow"),
+						"aria-label": R("inspector.shadow"),
 						size: "small",
 						value: a,
 						onChange: (e) => o(e.target.value),
@@ -3134,19 +3254,19 @@ function wi({ node: e, change: t }) {
 }
 //#endregion
 //#region src/viewer/inspector/InspectorPanel.tsx
-var Ti = [
+var Mi = [
 	"Properties",
 	"Code",
 	"Tweaks"
-], Ei = We(function({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o, change: s, reset: c, enabled: l, onClose: u }) {
+], Ni = We(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] = Y("Properties"), [p, m] = Y(""), h = n?.node, g = Object.entries(t).flatMap(([e, t]) => t.tweaks.map((t) => ({
 		...t,
 		boardId: e
 	}))), _ = h ? `${h.selector} {\n${Object.entries(h.css).map(([e, t]) => `  ${e}: ${t};`).join("\n")}\n}` : "", v = async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), m(B("inspector.copied"));
+			await navigator.clipboard.writeText(e), m(R("inspector.copied"));
 		} catch {
-			m(B("inspector.copyFailed"));
+			m(R("inspector.copyFailed"));
 		}
 	};
 	return /* @__PURE__ */ Z(tt, {
@@ -3154,11 +3274,11 @@ var Ti = [
 		children: /* @__PURE__ */ Z("aside", {
 			className: "ryugi-inspector",
 			"data-chrome": !0,
-			"aria-label": B("inspector.label"),
+			"aria-label": R("inspector.label"),
 			children: /* @__PURE__ */ Q(ft, {
 				value: d,
 				onValueChange: (e) => {
-					Ti.includes(e) && f(e);
+					Mi.includes(e) && f(e);
 				},
 				size: "small",
 				variant: "rounded",
@@ -3170,10 +3290,10 @@ var Ti = [
 							className: "ri-tabs",
 							activateOnFocus: !0,
 							style: { alignSelf: "center" },
-							"aria-label": B("inspector.views"),
-							children: [/* @__PURE__ */ Z(lt, {}), Ti.map((e) => /* @__PURE__ */ Q(pt, {
+							"aria-label": R("inspector.views"),
+							children: [/* @__PURE__ */ Z(lt, {}), Mi.map((e) => /* @__PURE__ */ Q(pt, {
 								value: e,
-								children: [B(`inspector.tab.${e}`), e === "Tweaks" && g.length > 0 && /* @__PURE__ */ Z(Ct, {
+								children: [R(`inspector.tab.${e}`), e === "Tweaks" && g.length > 0 && /* @__PURE__ */ Z(Ct, {
 									className: "ri-change-dot",
 									size: 4,
 									fill: "currentColor",
@@ -3183,12 +3303,12 @@ var Ti = [
 						}), /* @__PURE__ */ Z(Xe, {
 							icon: Yt,
 							size: "small",
-							"aria-label": B("inspector.close"),
-							title: B("inspector.close"),
+							"aria-label": R("inspector.close"),
+							title: R("inspector.close"),
 							onClick: u
 						})]
 					}),
-					/* @__PURE__ */ Z(_i, {
+					/* @__PURE__ */ Z(wi, {
 						boards: e,
 						frames: t,
 						selection: n,
@@ -3200,7 +3320,7 @@ var Ti = [
 					/* @__PURE__ */ Q("div", {
 						className: "ri-node-meta",
 						children: [
-							/* @__PURE__ */ Z("code", { children: r.length > 1 ? B("inspector.selected", { count: r.length }) : h ? `<${h.tag}>` : B("inspector.selectElement") }),
+							/* @__PURE__ */ Z("code", { children: r.length > 1 ? R("inspector.selected", { count: r.length }) : h ? `<${h.tag}>` : R("inspector.selectElement") }),
 							h && /* @__PURE__ */ Q("span", {
 								className: "ri-node-id",
 								children: [`${n.boardId}#${h.id}`, /* @__PURE__ */ Z(Xe, {
@@ -3209,8 +3329,8 @@ var Ti = [
 										blockSize: 16,
 										size: 10
 									},
-									"aria-label": B("inspector.copyNode"),
-									title: B("inspector.copyNode"),
+									"aria-label": R("inspector.copyNode"),
+									title: R("inspector.copyNode"),
 									onClick: () => void v(`${n.boardId}#${h.id}`)
 								})]
 							}),
@@ -3225,26 +3345,26 @@ var Ti = [
 									size: 6,
 									fill: "currentColor",
 									"aria-hidden": !0
-								}), B("inspector.live")]
+								}), R("inspector.live")]
 							})
 						]
 					}),
 					r.length > 1 && /* @__PURE__ */ Z("p", {
 						className: "ri-hint",
 						style: { margin: "8px 16px" },
-						children: B("inspector.lastSelected")
+						children: R("inspector.lastSelected")
 					}),
 					/* @__PURE__ */ Q("div", {
 						className: "ri-panel-body",
 						children: [
 							/* @__PURE__ */ Z(dt, {
 								value: "Properties",
-								children: h && l ? /* @__PURE__ */ Z(wi, {
+								children: h && l ? /* @__PURE__ */ Z(ji, {
 									node: h,
 									change: s
 								}, `${n.boardId}:${t[n.boardId]?.session}:${h.id}`) : /* @__PURE__ */ Z("p", {
 									className: "ri-empty",
-									children: B(l ? "inspector.pickElement" : "inspector.closeExpanded")
+									children: R(l ? "inspector.pickElement" : "inspector.closeExpanded")
 								})
 							}),
 							/* @__PURE__ */ Z(dt, {
@@ -3254,12 +3374,12 @@ var Ti = [
 									children: [
 										/* @__PURE__ */ Q("div", {
 											className: "ri-code-heading",
-											children: [/* @__PURE__ */ Z("h2", { children: B("inspector.computedCss") }), /* @__PURE__ */ Z(Ze, {
+											children: [/* @__PURE__ */ Z("h2", { children: R("inspector.computedCss") }), /* @__PURE__ */ Z(Ze, {
 												size: "small",
 												type: "text",
 												icon: kt,
 												onClick: () => void v(_),
-												children: B("inspector.copy")
+												children: R("inspector.copy")
 											})]
 										}),
 										/* @__PURE__ */ Z("pre", {
@@ -3273,7 +3393,7 @@ var Ti = [
 												type: "text",
 												icon: kt,
 												onClick: () => void v(h.html),
-												children: B("inspector.copy")
+												children: R("inspector.copy")
 											})]
 										}),
 										/* @__PURE__ */ Z("pre", {
@@ -3283,12 +3403,12 @@ var Ti = [
 										/* @__PURE__ */ Z("p", {
 											className: "ri-hint",
 											role: "status",
-											children: p || B("inspector.fromDom")
+											children: p || R("inspector.fromDom")
 										})
 									]
 								}) : /* @__PURE__ */ Z("p", {
 									className: "ri-empty",
-									children: B("inspector.selectForCode")
+									children: R("inspector.selectForCode")
 								})
 							}),
 							/* @__PURE__ */ Z(dt, {
@@ -3297,7 +3417,7 @@ var Ti = [
 									className: "ri-section",
 									children: [
 										/* @__PURE__ */ Q("h2", { children: [
-											B("inspector.sessionChanges"),
+											R("inspector.sessionChanges"),
 											" ",
 											/* @__PURE__ */ Z("span", {
 												className: "ri-count",
@@ -3306,7 +3426,7 @@ var Ti = [
 										] }),
 										/* @__PURE__ */ Z("p", {
 											className: "ri-hint",
-											children: B("inspector.changesApply")
+											children: R("inspector.changesApply")
 										}),
 										/* @__PURE__ */ Z("div", {
 											className: "ri-tweaks",
@@ -3325,7 +3445,7 @@ var Ti = [
 										}),
 										!g.length && /* @__PURE__ */ Z("p", {
 											className: "ri-hint",
-											children: B("inspector.noChanges")
+											children: R("inspector.noChanges")
 										}),
 										/* @__PURE__ */ Z(Ze, {
 											icon: Wt,
@@ -3333,7 +3453,7 @@ var Ti = [
 											block: !0,
 											disabled: !g.length,
 											onClick: c,
-											children: B("inspector.resetPreview")
+											children: R("inspector.resetPreview")
 										})
 									]
 								})
@@ -3349,8 +3469,8 @@ var Ti = [
 								fill: "currentColor",
 								"aria-hidden": !0
 							}),
-							g.length ? B("inspector.previewChanges", { count: g.length }) : B("inspector.liveInspection"),
-							/* @__PURE__ */ Z("span", { children: B("inspector.previewOnly") })
+							g.length ? R("inspector.previewChanges", { count: g.length }) : R("inspector.liveInspection"),
+							/* @__PURE__ */ Z("span", { children: R("inspector.previewOnly") })
 						]
 					})
 				]
@@ -3360,12 +3480,12 @@ var Ti = [
 });
 //#endregion
 //#region src/viewer/hooks/usePageQuery.ts
-function Di(e, t) {
+function Pi(e, t) {
 	if (t === null) return e;
 	let n = new URL(e);
 	return n.searchParams.set("page", t), n.href;
 }
-function Oi() {
+function Fi() {
 	let e = b(), t = G((t) => (e.addEventListener("popstate", t), e.addEventListener("ryugi:pagechange", t), () => {
 		e.removeEventListener("popstate", t), e.removeEventListener("ryugi:pagechange", t);
 	}), [e]);
@@ -3376,8 +3496,8 @@ function Oi() {
 }
 //#endregion
 //#region src/viewer/hooks/useArtboardPage.ts
-function ki({ canvas: e, layout: t, fitPage: n, fitFocus: r, startAtFocus: i = !1 }) {
-	let [a, o] = Y(null), c = J(void 0), l = J(void 0), u = J(null), d = J(!1), [f, p] = Oi(), m = J(f), h = G((e, t = !0) => {
+function Ii({ canvas: e, layout: t, fitPage: n, fitFocus: r, startAtFocus: i = !1 }) {
+	let [a, o] = Y(null), c = J(void 0), l = J(void 0), u = J(null), d = J(!1), [f, p] = Fi(), m = J(f), h = G((e, t = !0) => {
 		o(e), u.current = e, m.current = e, p(e, t);
 	}, [p]);
 	return K(() => {
@@ -3423,7 +3543,7 @@ function ki({ canvas: e, layout: t, fitPage: n, fitFocus: r, startAtFocus: i = !
 }
 //#endregion
 //#region src/viewer/components/PhoneArtboardBar.tsx
-function Ai({ pages: e, page: t, onPageChange: n }) {
+function Li({ pages: e, page: t, onPageChange: n }) {
 	if (e.length < 2) return null;
 	let r = e.find((e) => e.id === t);
 	return /* @__PURE__ */ Z($e, {
@@ -3436,7 +3556,7 @@ function Ai({ pages: e, page: t, onPageChange: n }) {
 		})),
 		children: /* @__PURE__ */ Q("button", {
 			type: "button",
-			"aria-label": B("chrome.switchPage"),
+			"aria-label": R("chrome.switchPage"),
 			className: "x78zum5 x6s0dn4 x195vfkc xeuugli x1717udv xc342km xjbqb8w x1bo0w0s xqfszdh x4z9k3i x1ypdohk",
 			children: [/* @__PURE__ */ Z("span", {
 				className: "xb3r6kr xuxw1ft xlyipyv",
@@ -3445,7 +3565,7 @@ function Ai({ pages: e, page: t, onPageChange: n }) {
 		})
 	});
 }
-function ji({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a }) {
+function Ri({ 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",
@@ -3454,14 +3574,14 @@ function ji({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a
 				className: "xeuugli xb3r6kr xuxw1ft xlyipyv x1s688f",
 				children: e
 			}),
-			/* @__PURE__ */ Z(Ai, {
+			/* @__PURE__ */ Z(Li, {
 				pages: t,
 				page: n,
 				onPageChange: r
 			}),
 			/* @__PURE__ */ Z("span", { className: "x98rzlu" }),
 			a === void 0 ? null : /* @__PURE__ */ Z("i", {
-				title: B(a ? "chrome.live" : "chrome.reconnecting"),
+				title: R(a ? "chrome.live" : "chrome.reconnecting"),
 				...{
 					0: { className: "xci0xqf x1hagigm x2lah0s x16rqkct xxwmxtg" },
 					1: { className: "xci0xqf x1hagigm x2lah0s x16rqkct xux1nz0" }
@@ -3473,7 +3593,7 @@ function ji({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a
 }
 //#endregion
 //#region src/viewer/components/ghost.ts
-var Mi = { ghost: {
+var zi = { ghost: {
 	k1xSpc: "xrvj5dj",
 	kgQiWS: "x1ku5rj1",
 	kmuXW: "x2lah0s",
@@ -3489,8 +3609,8 @@ var Mi = { ghost: {
 	kIyJzY: "xgdialr",
 	k3aq6I: "x19kf12q",
 	$$css: !0
-} }, Ni = 120, Pi = .5, Fi = 110, Ii = .4, Li = .25;
-function Ri(e, t, n) {
+} }, Bi = 120, Vi = .5, Hi = 110, Ui = .4, Wi = .25;
+function Gi(e, t, n) {
 	if (!e || Oe()) return {
 		done: Promise.resolve(),
 		cancel: () => {}
@@ -3504,8 +3624,8 @@ function Ri(e, t, n) {
 		cancel: () => r.cancel()
 	};
 }
-function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClose: s }) {
-	let { viewportRef: c, view: l, place: u, handlers: d } = pi("hand"), f = J(null), p = J(null), m = J(null), h = J(null), [g, _] = Y(null), v = J(null), y = J(l);
+function Ki({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClose: s }) {
+	let { viewportRef: c, view: l, place: u, handlers: d } = bi("hand"), f = J(null), p = J(null), m = J(null), h = J(null), [g, _] = Y(null), v = J(null), y = J(l);
 	y.current = l;
 	let b = J(!1), x = J(null), S = J(!1), C = i.indexOf(e), w = C > 0 ? i[C - 1] : void 0, T = C >= 0 ? i[C + 1] : void 0, E = () => ({
 		width: c.current?.clientWidth ?? n.w,
@@ -3525,13 +3645,13 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 		if (u(i), y.current = i, !b.current) {
 			b.current = !0;
 			let e = D(a);
-			e && W(f.current, [{ transform: e }, { transform: "none" }], {
-				duration: Ne.duration,
-				easing: Ne.easing
-			}), W(p.current, [{ opacity: 0 }, { opacity: 1 }], {
+			e && ze(f.current, [{ transform: e }, { transform: "none" }], {
+				duration: U.duration,
+				easing: U.easing
+			}), ze(p.current, [{ opacity: 0 }, { opacity: 1 }], {
 				duration: 200,
-				easing: Re
-			}), k().forEach((e, t) => void W(e, [{
+				easing: W
+			}), k().forEach((e, t) => void ze(e, [{
 				opacity: 0,
 				transform: `translateY(${t ? 12 : -8}px)`
 			}, {
@@ -3540,19 +3660,19 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			}], {
 				duration: 180,
 				delay: 90,
-				easing: Re
+				easing: W
 			}));
 		} else if (x.current) {
 			let { dir: t, leaving: n } = x.current;
-			x.current = null, n(), W(f.current, [{
+			x.current = null, n(), ze(f.current, [{
 				transform: `translateX(${t * e * .35}px)`,
 				opacity: 0
 			}, {
 				transform: "none",
 				opacity: 1
 			}], {
-				duration: Ne.duration,
-				easing: Ne.easing
+				duration: U.duration,
+				easing: U.easing
 			});
 		}
 	}, [
@@ -3565,14 +3685,14 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 	]);
 	let A = () => {
 		let e = f.current?.style.transform || "none";
-		_(null), W(f.current, [{ transform: e }, { transform: "none" }], {
-			duration: Ne.duration,
-			easing: Ne.easing
-		}), [p.current, ...k()].forEach((e) => void W(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 1 }], {
+		_(null), ze(f.current, [{ transform: e }, { transform: "none" }], {
+			duration: U.duration,
+			easing: U.easing
+		}), [p.current, ...k()].forEach((e) => void ze(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 1 }], {
 			duration: 200,
-			easing: Re
+			easing: W
 		}));
-	}, j = async () => {
+	}, ee = async () => {
 		if (S.current) return;
 		S.current = !0;
 		let e = f.current?.style.transform || "none", t = D(a), n = {
@@ -3580,20 +3700,20 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			easing: De
 		};
 		await Promise.all([
-			t ? Ri(f.current, [{ transform: e }, { transform: t }], {
+			t ? Gi(f.current, [{ transform: e }, { transform: t }], {
 				duration: 240,
 				easing: De
-			}).done : Ri(f.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
-			Ri(p.current, [{ opacity: Number(p.current?.style.opacity || 1) }, { opacity: 0 }], {
+			}).done : Gi(f.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
+			Gi(p.current, [{ opacity: Number(p.current?.style.opacity || 1) }, { opacity: 0 }], {
 				duration: 240,
 				easing: De
 			}).done,
-			...k().map((e) => Ri(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
+			...k().map((e) => Gi(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
 		]), s();
-	}, ee = async (e, t) => {
+	}, te = async (e, t) => {
 		if (!t || S.current) return;
 		S.current = !0;
-		let n = f.current?.style.transform || "none", r = Ri(f.current, [{
+		let n = f.current?.style.transform || "none", r = Gi(f.current, [{
 			transform: n,
 			opacity: 1
 		}, {
@@ -3607,7 +3727,7 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			dir: e,
 			leaving: r.cancel
 		}, S.current = !1, _(null), o(t);
-	}, ne = (e) => {
+	}, re = (e) => {
 		let t = v.current;
 		if (S.current || t?.mode === "dismiss" || t?.mode === "swipe" || (t && (t.mode = "pan"), d.onPointerDown(e), t)) return;
 		[
@@ -3615,7 +3735,7 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			p.current,
 			...k()
 		].forEach((e) => e?.getAnimations().forEach((e) => e.cancel()));
-		let n = ie();
+		let n = ae();
 		n.add(e.clientX, e.clientY, performance.now()), v.current = {
 			id: e.pointerId,
 			x: e.clientX,
@@ -3623,13 +3743,13 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			mode: "pending",
 			track: n
 		};
-	}, re = (e) => {
+	}, ie = (e) => {
 		let t = v.current;
 		if (!t || t.id !== e.pointerId) return d.onPointerMove(e);
 		t.track.add(e.clientX, e.clientY, performance.now());
 		let r = e.clientX - t.x, a = e.clientY - t.y;
 		if (t.mode === "pending") {
-			let o = te(r, a);
+			let o = ne(r, a);
 			if (!o) return;
 			let s = n.w * l.k <= E().width + 1;
 			t.mode = o === "y" && a > 0 && l.y >= -.5 ? "dismiss" : o === "x" && s && i.length > 1 ? "swipe" : "pan", t.mode !== "pan" && d.onPointerUp(e);
@@ -3639,18 +3759,18 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			dx: r,
 			dy: a
 		});
-	}, ae = (e) => {
+	}, oe = (e) => {
 		let t = v.current;
 		if (!t || t.id !== e.pointerId || (v.current = null, t.mode === "pan" || t.mode === "pending")) return d.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 > Ni && n.y > -.4 || n.y > Pi ? void j() : A();
-		let a = n.x < -.4 ? 1 : n.x > Ii ? -1 : 0, o = r < -110 ? 1 : r > Fi ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? T : s === -1 ? w : void 0;
-		c && s ? ee(s, c) : A();
-	}, { width: oe, height: M } = E(), se, N = 1, le = 1;
+		if (t.mode === "dismiss") return i > Bi && n.y > -.4 || n.y > Vi ? void ee() : A();
+		let a = n.x < -.4 ? 1 : n.x > Ui ? -1 : 0, o = r < -110 ? 1 : r > Hi ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? T : s === -1 ? w : void 0;
+		c && s ? te(s, c) : A();
+	}, { width: se, height: ce } = E(), le, j = 1, de = 1;
 	if (g?.axis === "y") {
 		let e = Math.max(0, g.dy), t = 1 - Math.min(e / 900, .3);
-		se = `translate(${g.dx * .6 + (1 - t) * oe / 2}px, ${e + (1 - t) * M / 2}px) scale(${t})`, N = 1 - Math.min(e / 420, .85), le = Math.max(0, 1 - e / Ni);
-	} else g?.axis === "x" && (se = `translateX(${g.dx > 0 && !w || g.dx < 0 && !T ? g.dx * Li : g.dx}px)`);
+		le = `translate(${g.dx * .6 + (1 - t) * se / 2}px, ${e + (1 - t) * ce / 2}px) scale(${t})`, j = 1 - Math.min(e / 420, .85), de = Math.max(0, 1 - e / Bi);
+	} else g?.axis === "x" && (le = `translateX(${g.dx > 0 && !w || g.dx < 0 && !T ? g.dx * Wi : g.dx}px)`);
 	return /* @__PURE__ */ Q("div", {
 		"data-phone-board": !0,
 		className: "xixxii4 x10a8y8t x68pp3s x78zum5 xdt5ytf xo2rkog xqfszdh",
@@ -3658,18 +3778,18 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			/* @__PURE__ */ Z("div", {
 				ref: p,
 				className: "x10l6tqk x10a8y8t x184qs1t",
-				style: g ? { opacity: N } : void 0
+				style: g ? { opacity: j } : void 0
 			}),
 			/* @__PURE__ */ Q("header", {
 				ref: m,
 				className: "x1n2onr6 x2lah0s xdd8jsf x78zum5 x6s0dn4 x195vfkc x135b78x xv54qhq xso031l x1q0q8m5 xtrfj0v x1rozbrz",
-				style: g ? { opacity: le } : void 0,
+				style: g ? { opacity: de } : void 0,
 				children: [
 					/* @__PURE__ */ Z("button", {
 						type: "button",
-						"aria-label": B("phone.backToCanvas"),
-						onClick: () => void j(),
-						...O(Mi.ghost),
+						"aria-label": R("phone.backToCanvas"),
+						onClick: () => void ee(),
+						...O(zi.ghost),
 						children: /* @__PURE__ */ Z(xt, { size: 22 })
 					}),
 					/* @__PURE__ */ Q("span", {
@@ -3695,9 +3815,9 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			/* @__PURE__ */ Z("div", {
 				ref: c,
 				"data-board-body": !0,
-				onPointerDown: ne,
-				onPointerMove: re,
-				onPointerUp: ae,
+				onPointerDown: re,
+				onPointerMove: ie,
+				onPointerUp: oe,
 				onPointerCancel: (e) => {
 					let t = v.current;
 					t?.id === e.pointerId && ((t.mode === "dismiss" || t.mode === "swipe") && A(), v.current = null), d.onPointerCancel(e);
@@ -3707,7 +3827,7 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 					ref: f,
 					"data-board-stage": !0,
 					className: "x10l6tqk x10a8y8t x1hj3fc7",
-					style: se ? { transform: se } : void 0,
+					style: le ? { transform: le } : void 0,
 					children: /* @__PURE__ */ Z("div", {
 						className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
 						style: {
@@ -3715,7 +3835,7 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 							height: n.h,
 							transform: `translate(${l.x}px, ${l.y}px) scale(${l.k})`
 						},
-						children: t(n) ? /* @__PURE__ */ Z(ce, {
+						children: t(n) ? /* @__PURE__ */ Z(ue, {
 							id: e,
 							board: n,
 							src: r,
@@ -3737,14 +3857,14 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			i.length > 1 ? /* @__PURE__ */ Q("div", {
 				ref: h,
 				className: "x1n2onr6 x2lah0s x78zum5 x6s0dn4 xdqyycr x1iorvi4 xe1blv6 x178xt8z x13fuv20 xxu5053 x1rozbrz",
-				style: g ? { opacity: le } : void 0,
+				style: g ? { opacity: de } : void 0,
 				children: [
 					/* @__PURE__ */ Z("button", {
 						type: "button",
-						"aria-label": B("phone.previousBoard"),
+						"aria-label": R("phone.previousBoard"),
 						disabled: !w,
-						onClick: () => void ee(-1, w),
-						...O(Mi.ghost),
+						onClick: () => void te(-1, w),
+						...O(zi.ghost),
 						children: /* @__PURE__ */ Z(xt, { size: 20 })
 					}),
 					/* @__PURE__ */ Z("span", {
@@ -3759,10 +3879,10 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 					}),
 					/* @__PURE__ */ Z("button", {
 						type: "button",
-						"aria-label": B("phone.nextBoard"),
+						"aria-label": R("phone.nextBoard"),
 						disabled: !T,
-						onClick: () => void ee(1, T),
-						...O(Mi.ghost),
+						onClick: () => void te(1, T),
+						...O(zi.ghost),
 						children: /* @__PURE__ */ Z(St, { size: 20 })
 					})
 				]
@@ -3772,13 +3892,13 @@ function zi({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 }
 //#endregion
 //#region src/viewer/lib/questions.ts
-var Bi = (e) => ({
+var qi = (e) => ({
 	minX: e.x,
 	minY: e.y,
 	maxX: e.x + e.w,
 	maxY: e.y + e.h
 });
-function Vi(e, t, n) {
+function Ji(e, t, n) {
 	let r = t.pages[n];
 	if (!r) return [];
 	let i = /* @__PURE__ */ new Set(), a = [];
@@ -3790,7 +3910,7 @@ function Vi(e, t, n) {
 				id: t,
 				title: o.title ?? t,
 				boards: c,
-				bounds: Bi(s)
+				bounds: qi(s)
 			});
 		}
 	}
@@ -3798,7 +3918,7 @@ function Vi(e, t, n) {
 		id: t,
 		title: r.title ?? t,
 		boards: [t],
-		bounds: Bi(r)
+		bounds: qi(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]) => ({
@@ -3810,31 +3930,31 @@ function Vi(e, t, n) {
 		let t = o.filter((t) => t.rect.y + t.rect.h <= e.bounds.minY).sort((e, t) => t.rect.y - e.rect.y)[0], n = t?.id ?? null;
 		s.has(n) || s.set(n, {
 			id: n,
-			title: t?.text ?? L.t("common.other"),
+			title: t?.text ?? F.t("common.other"),
 			questions: []
 		}), s.get(n).questions.push(e);
 	}
 	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 Hi = (e) => e.flatMap((e) => e.questions);
-function Ui(e, t) {
-	let n = Hi(e);
+var Yi = (e) => e.flatMap((e) => e.questions);
+function Xi(e, t) {
+	let n = Yi(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 Wi(e, t, n) {
+function Zi(e, t, n) {
 	let r = e.findIndex((e) => e.id === t);
 	return r === -1 ? null : e[r + n] ?? null;
 }
-var Gi = .66, Ki = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
-function qi({ 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 } = F(), f = Hi(e), p = t ? f.findIndex((e) => e.id === t.id) : -1;
-	return /* @__PURE__ */ Z(re, {
-		snaps: [78, Gi],
+var Qi = .66, $i = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
+function ea({ 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 } = N(), f = Yi(e), p = t ? f.findIndex((e) => e.id === t.id) : -1;
+	return /* @__PURE__ */ Z(ie, {
+		snaps: [78, Qi],
 		snap: c,
 		onSnap: l,
 		onScrim: () => l(78),
@@ -3846,7 +3966,7 @@ function qi({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					"aria-label": d("questions.previous"),
 					disabled: !n,
 					onClick: () => n && s(n),
-					...O(Mi.ghost),
+					...O(zi.ghost),
 					children: /* @__PURE__ */ Z(xt, { size: 20 })
 				}),
 				/* @__PURE__ */ Q("span", {
@@ -3879,7 +3999,7 @@ function qi({ 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 = Ki(e, t, u);
+							let n = $i(e, t, u);
 							return /* @__PURE__ */ Z("span", {
 								"data-mark": n,
 								...{
@@ -3901,7 +4021,7 @@ function qi({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					"aria-label": d("questions.next"),
 					disabled: !r,
 					onClick: () => r && s(r),
-					...O(Mi.ghost),
+					...O(zi.ghost),
 					children: /* @__PURE__ */ Z(St, { size: 20 })
 				})
 			]
@@ -3910,7 +4030,7 @@ function qi({ 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(Ai, {
+				children: /* @__PURE__ */ Z(Li, {
 					pages: i,
 					page: a,
 					onPageChange: o
@@ -3947,19 +4067,19 @@ function qi({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 }
 //#endregion
 //#region src/viewer/layouts/PhoneArtboard.tsx
-var Ji = {
+var ta = {
 	top: 16,
 	right: 16,
 	bottom: 94,
 	left: 16
-}, Yi = 8, Xi = /* @__PURE__ */ new Set(), Zi = [];
-function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase: a, versions: o, live: s, loaded: c, agent: d, comments: f, actions: p }) {
-	let { viewportRef: m, view: h, size: g, fit: _, handlers: v } = pi("hand"), [y, b] = Y(null), [x, S] = Y(78), [C, w] = Y(null), T = J(null), E = G((e, t = !1) => e ? (b(e.id), _(e.bounds, Ji, { animate: t }), !0) : !1, [_]), { page: D, changePage: O } = ki({
+}, na = 8, ra = /* @__PURE__ */ new Set(), ia = [];
+function aa({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase: a, versions: o, live: s, loaded: c, agent: d, comments: f, actions: p }) {
+	let { viewportRef: m, view: h, size: g, fit: _, handlers: v } = bi("hand"), [y, b] = Y(null), [x, S] = Y(78), [C, w] = Y(null), T = J(null), E = G((e, t = !1) => e ? (b(e.id), _(e.bounds, ta, { animate: t }), !0) : !1, [_]), { page: D, changePage: O } = Ii({
 		canvas: t,
 		layout: n,
 		fitPage: G((e) => {
 			let r = n?.pages[e];
-			return !t || !r ? !1 : (E(Ui(Vi(t, n, e), t.focus?.target)) || (b(null), r.bounds && _(r.bounds, Ji)), !0);
+			return !t || !r ? !1 : (E(Xi(Ji(t, n, e), t.focus?.target)) || (b(null), r.bounds && _(r.bounds, ta)), !0);
 		}, [
 			t,
 			n,
@@ -3967,7 +4087,7 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 			E
 		]),
 		fitFocus: G((e, r) => {
-			t && n && E(Ui(Vi(t, n, r.page), e)) || _(r.bounds, Ji);
+			t && n && E(Xi(Ji(t, n, r.page), e)) || _(r.bounds, ta);
 		}, [
 			t,
 			n,
@@ -3975,22 +4095,22 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 			E
 		]),
 		startAtFocus: !0
-	}), k = q(() => t && n && D ? Vi(t, n, D) : [], [
+	}), k = q(() => t && n && D ? Ji(t, n, D) : [], [
 		t,
 		n,
 		D
-	]), A = q(() => Hi(k), [k]), j = A.find((e) => e.id === y) ?? null, ee = (e) => {
+	]), A = q(() => Yi(k), [k]), ee = A.find((e) => e.id === y) ?? null, te = (e) => {
 		E(e, !0), S(78);
-	}, te = t?.boards ?? {}, ne = q(() => Object.entries(t?.boards ?? {}).filter(([, e]) => e.page === D), [t, D]), re = Object.entries(t?.groups ?? {}).filter(([, e]) => e.boards.some((e) => te[e]?.page === D)), ie = Object.entries(t?.notes ?? {}).filter(([, e]) => e.page === D), ae = q(() => new Set(i), [i]), oe = q(() => new Set(f?.stale ?? []), [f]), M = Ir({
+	}, ne = t?.boards ?? {}, re = q(() => Object.entries(t?.boards ?? {}).filter(([, e]) => e.page === D), [t, D]), ie = Object.entries(t?.groups ?? {}).filter(([, e]) => e.boards.some((e) => ne[e]?.page === D)), ae = Object.entries(t?.notes ?? {}).filter(([, e]) => e.page === D), oe = q(() => new Set(i), [i]), se = q(() => new Set(f?.stale ?? []), [f]), ce = Ur({
 		canvas: t,
 		page: D,
-		threads: f?.comments.threads ?? Zi,
-		stale: oe,
+		threads: f?.comments.threads ?? ia,
+		stale: se,
 		versions: o
-	}), se = (e) => {
+	}), le = (e) => {
 		let t = m.current.getBoundingClientRect(), n = (e.clientX - t.left - h.x) / h.k, r = (e.clientY - t.top - h.y) / h.k;
-		return ne.find(([, e]) => n >= e.x && n <= e.x + e.w && r >= e.y && r <= e.y + e.h)?.[0] ?? null;
-	}, N = (e) => {
+		return re.find(([, e]) => n >= e.x && n <= e.x + e.w && r >= e.y && r <= e.y + e.h)?.[0] ?? null;
+	}, j = (e) => {
 		v.onPointerDown(e);
 		let t = !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome]");
 		T.current = T.current || t ? null : {
@@ -3998,26 +4118,26 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, ce = (e) => {
+	}, ue = (e) => {
 		v.onPointerMove(e);
 		let t = T.current;
-		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > Yi) && (T.current = null);
-	}, le = (e) => {
+		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > na) && (T.current = null);
+	}, de = (e) => {
 		v.onPointerUp(e);
 		let t = T.current;
 		if (T.current = null, t?.pointer !== e.pointerId) return;
-		let n = se(e);
+		let n = le(e);
 		n && w(n);
-	}, P = C ? te[C] : void 0, de = m.current?.getBoundingClientRect(), F = P && de ? {
-		x: de.left + h.x + P.x * h.k,
-		y: de.top + h.y + P.y * h.k,
-		w: P.w * h.k,
-		h: P.h * h.k
-	} : void 0, fe = (e) => !t?.groups?.[e.id], I = C ? k.find((e) => e.questions.some((e) => e.boards.includes(C))) : void 0, L = I?.questions.find((e) => e.boards.includes(C)), pe = C ? L ? fe(L) ? I.questions.filter(fe).map((e) => e.id) : L.boards : [C] : [];
+	}, M = C ? ne[C] : void 0, pe = m.current?.getBoundingClientRect(), N = M && pe ? {
+		x: pe.left + h.x + M.x * h.k,
+		y: pe.top + h.y + M.y * h.k,
+		w: M.w * h.k,
+		h: M.h * h.k
+	} : void 0, P = (e) => !t?.groups?.[e.id], me = C ? k.find((e) => e.questions.some((e) => e.boards.includes(C))) : void 0, F = me?.questions.find((e) => e.boards.includes(C)), I = C ? F ? P(F) ? me.questions.filter(P).map((e) => e.id) : F.boards : [C] : [];
 	return /* @__PURE__ */ Q("div", {
 		className: "xixxii4 x10a8y8t x78zum5 xdt5ytf x184qs1t",
 		children: [
-			/* @__PURE__ */ Z(ji, {
+			/* @__PURE__ */ Z(Ri, {
 				title: t?.title || e,
 				pages: t?.pages ?? [],
 				page: D,
@@ -4028,30 +4148,30 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 			/* @__PURE__ */ Q("div", {
 				ref: m,
 				className: "x1n2onr6 x98rzlu x2lwn1j xb3r6kr x5ve5x3 x87ps6o xqfszdh xo2rkog",
-				onPointerDown: N,
-				onPointerMove: ce,
-				onPointerUp: le,
+				onPointerDown: j,
+				onPointerMove: ue,
+				onPointerUp: de,
 				onPointerCancel: (e) => {
 					v.onPointerCancel(e), T.current = null;
 				},
 				children: [t && n ? /* @__PURE__ */ Q(u, {
 					resetKey: t,
-					children: [/* @__PURE__ */ Z(ue, {
+					children: [/* @__PURE__ */ Z(fe, {
 						view: h,
 						renders: l({
-							boards: ne.map(([e, t]) => ({
+							boards: re.map(([e, t]) => ({
 								id: e,
 								...t
 							})),
 							view: h,
 							viewport: g
 						}),
-						boards: ne,
-						notes: ie,
+						boards: re,
+						notes: ae,
 						contentBase: a,
 						versions: o,
-						pending: ae,
-						playing: Xi,
+						pending: oe,
+						playing: ra,
 						replays: {},
 						inspecting: !1,
 						frameRef: () => () => {},
@@ -4061,17 +4181,17 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 						agent: d
 					}), /* @__PURE__ */ Z(Qn, {
 						view: h,
-						boards: ne,
-						groups: re,
-						allBoards: te,
+						boards: re,
+						groups: ie,
+						allBoards: ne,
 						contentBase: a,
 						versions: o,
-						pending: ae,
-						playing: Xi,
+						pending: oe,
+						playing: ra,
 						onExpand: w,
 						onTogglePlay: w,
 						onReplay: () => {},
-						verdicts: M
+						verdicts: ce
 					})]
 				}) : /* @__PURE__ */ Z("div", {
 					className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 xggk2y7 x1bo0w0s xif65rj x2b8uid",
@@ -4079,27 +4199,27 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 				}), A.length > 0 ? /* @__PURE__ */ Z("div", {
 					"data-chrome": !0,
 					className: "x10l6tqk x10a8y8t x1n327nk x47corl",
-					children: /* @__PURE__ */ Z(qi, {
+					children: /* @__PURE__ */ Z(ea, {
 						rounds: k,
-						current: j,
-						previous: y ? Wi(A, y, -1) : null,
-						next: y ? Wi(A, y, 1) : null,
+						current: ee,
+						previous: y ? Zi(A, y, -1) : null,
+						next: y ? Zi(A, y, 1) : null,
 						pages: t?.pages ?? [],
 						page: D,
 						onPageChange: O,
-						onPick: ee,
+						onPick: te,
 						snap: x,
 						onSnap: S,
-						verdicts: M.states
+						verdicts: ce.states
 					})
 				}) : null]
 			}),
-			C && P ? /* @__PURE__ */ Z(zi, {
+			C && M ? /* @__PURE__ */ Z(Ki, {
 				id: C,
-				board: P,
-				src: `${a}${P.file}?v=${o[P.file] ?? 0}`,
-				siblings: pe,
-				origin: F,
+				board: M,
+				src: `${a}${M.file}?v=${o[M.file] ?? 0}`,
+				siblings: I,
+				origin: N,
 				onOpen: w,
 				onClose: () => w(null)
 			}) : null
@@ -4108,7 +4228,7 @@ function Qi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 }
 //#endregion
 //#region src/viewer/hooks/useBoardTweaks.ts
-function $i(e) {
+function oa(e) {
 	let t = J({}), [n, r] = Y(t.current), i = J(/* @__PURE__ */ new Map()), a = J(/* @__PURE__ */ new Map()), o = G((e, n) => {
 		t.current = {
 			...t.current,
@@ -4183,18 +4303,18 @@ function $i(e) {
 		}, [u])
 	};
 }
-var ea = (e, t) => ({
+var sa = (e, t) => ({
 	left: t.x + (e.x + e.w) * t.k + 12,
 	top: t.y + e.y * t.k
 });
-function ta(e, t, n) {
-	let r = ea(e, t);
+function ca(e, t, n) {
+	let r = sa(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 na({ control: e, value: t, change: n }) {
+function la({ control: e, value: t, change: n }) {
 	let r = Ge(), i = e.type === "enum" && e.options.length <= 3, a = i ? "fieldset" : "div", o;
 	return o = e.type === "color" ? /* @__PURE__ */ Q("div", {
 		className: "rt-color",
@@ -4285,10 +4405,10 @@ function na({ control: e, value: t, change: n }) {
 		}), o]
 	});
 }
-function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
+function ua({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
 	let s = J(null), c = /* @__PURE__ */ new Map();
 	for (let e of Object.entries(n.schema?.controls ?? {})) {
-		let t = e[1].section || B("parameters.controls");
+		let t = e[1].section || R("parameters.controls");
 		c.has(t) || c.set(t, []), c.get(t).push(e);
 	}
 	let l = Object.entries(n.values).filter(([e, t]) => t !== n.schema?.controls[e]?.default).length;
@@ -4297,7 +4417,7 @@ function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 		children: [/* @__PURE__ */ Q("aside", {
 			className: "ryugi-parameters",
 			"data-chrome": "parameters",
-			"aria-label": B("parameters.title"),
+			"aria-label": R("parameters.title"),
 			style: {
 				position: r ? "absolute" : "relative",
 				...r,
@@ -4315,12 +4435,12 @@ function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 							size: 15,
 							"aria-hidden": !0
 						}),
-						/* @__PURE__ */ Z("h2", { children: B("parameters.title") }),
+						/* @__PURE__ */ Z("h2", { children: R("parameters.title") }),
 						/* @__PURE__ */ Z(Xe, {
 							icon: Yt,
 							size: "small",
-							"aria-label": B("parameters.close"),
-							title: B("parameters.close"),
+							"aria-label": R("parameters.close"),
+							title: R("parameters.close"),
 							onClick: o
 						})
 					]
@@ -4333,7 +4453,7 @@ function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 							"aria-hidden": !0
 						}),
 						/* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("strong", { children: t }), /* @__PURE__ */ Z("code", { children: e })] }),
-						/* @__PURE__ */ Z("span", { children: B("parameters.currentBoard") })
+						/* @__PURE__ */ Z("span", { children: R("parameters.currentBoard") })
 					]
 				}),
 				/* @__PURE__ */ Q("div", {
@@ -4346,7 +4466,7 @@ function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 						}),
 						[...c].map(([e, t]) => /* @__PURE__ */ Q("section", {
 							className: "rt-section",
-							children: [/* @__PURE__ */ Z("h3", { children: e }), t.map(([e, t]) => /* @__PURE__ */ Z(na, {
+							children: [/* @__PURE__ */ Z("h3", { children: e }), t.map(([e, t]) => /* @__PURE__ */ Z(la, {
 								control: t,
 								value: n.values[e],
 								change: (t) => i(e, t)
@@ -4354,12 +4474,12 @@ function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 						}, e)),
 						n.schema && /* @__PURE__ */ Q("div", {
 							className: "rt-declaration",
-							children: [/* @__PURE__ */ Z("span", { children: B("parameters.declaredBy") }), /* @__PURE__ */ Z(Ze, {
+							children: [/* @__PURE__ */ Z("span", { children: R("parameters.declaredBy") }), /* @__PURE__ */ Z(Ze, {
 								size: "small",
 								type: "text",
 								icon: Dt,
 								onClick: () => s.current?.showModal(),
-								children: B("parameters.viewDeclaration")
+								children: R("parameters.viewDeclaration")
 							})]
 						})
 					]
@@ -4368,419 +4488,441 @@ function ra({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 					className: "rt-footer",
 					children: [/* @__PURE__ */ Z("span", {
 						role: "status",
-						children: l ? B("parameters.changed", { count: l }) : B("parameters.defaults")
+						children: l ? R("parameters.changed", { count: l }) : R("parameters.defaults")
 					}), /* @__PURE__ */ Z(Ze, {
 						size: "small",
 						type: "text",
 						icon: Wt,
 						disabled: !l,
 						onClick: a,
-						children: B("parameters.reset")
+						children: R("parameters.reset")
 					})]
 				})
 			]
 		}), /* @__PURE__ */ Q("dialog", {
 			ref: s,
 			className: "rt-dialog",
-			"aria-label": B("parameters.declaration"),
+			"aria-label": R("parameters.declaration"),
 			onKeyDown: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ Q("header", { children: [/* @__PURE__ */ Z("h2", { children: B("parameters.declaration") }), /* @__PURE__ */ Z(Xe, {
+				/* @__PURE__ */ Q("header", { children: [/* @__PURE__ */ Z("h2", { children: R("parameters.declaration") }), /* @__PURE__ */ Z(Xe, {
 					icon: Yt,
 					size: "small",
-					"aria-label": B("parameters.closeDeclaration"),
+					"aria-label": R("parameters.closeDeclaration"),
 					onClick: () => s.current?.close()
 				})] }),
 				/* @__PURE__ */ Z("pre", {
 					tabIndex: 0,
 					children: JSON.stringify(n.schema, null, 2)
 				}),
-				/* @__PURE__ */ Z("h3", { children: B("parameters.currentValues") }),
+				/* @__PURE__ */ Z("h3", { children: R("parameters.currentValues") }),
 				/* @__PURE__ */ Z("pre", {
 					tabIndex: 0,
 					children: JSON.stringify(n.values, null, 2)
 				}),
-				/* @__PURE__ */ Z("p", { children: B("parameters.sessionOnly") })
+				/* @__PURE__ */ Z("p", { children: R("parameters.sessionOnly") })
 			]
 		})]
 	});
 }
 //#endregion
 //#region src/viewer/layouts/ArtboardView.tsx
-function ia(e) {
-	return Pe("(max-width: 640px)") ? /* @__PURE__ */ Z(Qi, { ...e }) : /* @__PURE__ */ Z(aa, { ...e });
+function da(e) {
+	return Ne("(max-width: 640px)") ? /* @__PURE__ */ Z(aa, { ...e }) : /* @__PURE__ */ Z(fa, { ...e });
 }
-function aa({ id: e, artifact: t, canvas: n, layout: r, warnings: i, pending: a, contentBase: o, versions: s, live: c, loaded: l, send: d, agent: f, comments: p, comment: m, actions: h }) {
-	let [g, _] = Y("select"), { viewportRef: v, view: y, scaling: b, size: x, fit: S, zoomBy: C, zoomTo: w, cursor: T, hand: E, handlers: O, panBy: k, wheelAt: A, panning: j, setSpaceHeld: ee } = pi(g), [te, ne] = Y(!1), [re] = Y(() => new URLSearchParams(location.search).has("debug")), [ie, ae] = Y("open"), oe = (e) => e && r?.pages[e]?.bounds || null, { page: M, changePage: se } = ki({
+function fa({ id: e, artifact: t, canvas: n, layout: r, warnings: i, pending: a, contentBase: o, versions: s, live: c, loaded: d, send: f, agent: p, comments: m, comment: h, actions: g, tiers: _ = !0 }) {
+	let [v, y] = Y("select"), { viewportRef: b, view: x, scaling: S, size: C, fit: w, zoomBy: T, zoomTo: E, cursor: O, hand: k, handlers: A, panBy: ee, wheelAt: te, panning: ne, setSpaceHeld: re } = bi(v), [ie, ae] = Y(!1), [oe] = Y(() => new URLSearchParams(location.search).has("debug")), [se, ce] = Y("open"), le = (e) => e && r?.pages[e]?.bounds || null, { page: j, changePage: ue } = Ii({
 		canvas: n,
 		layout: r,
 		fitPage: G((e) => {
 			let t = r?.pages[e]?.bounds;
-			return t ? (S(t), !0) : !1;
-		}, [r, S]),
-		fitFocus: G((e, t) => S(t.bounds), [S])
-	}), [N, ce] = Y(null), [P, de] = Y(() => /* @__PURE__ */ new Set()), [F, fe] = Y({}), I = $i(e), [L, pe] = Y(null), me = J(null);
-	K(() => pe(null), [M, e]);
-	let he = () => {
-		pe(null), me.current?.focus();
-	}, ge = (e, t) => {
-		me.current = t;
-		let r = n?.boards[e], i = v.current;
-		if (L !== e && !N && r && i) {
-			let e = ta(r, y, {
+			return t ? (w(t), !0) : !1;
+		}, [r, w]),
+		fitFocus: G((e, t) => w(t.bounds), [w])
+	}), [M, pe] = Y(null), [N, P] = Y(() => /* @__PURE__ */ new Set()), [me, F] = Y({}), I = oa(e), [L, he] = Y(null), ge = J(null);
+	K(() => he(null), [j, e]);
+	let _e = () => {
+		he(null), ge.current?.focus();
+	}, ve = (e, t) => {
+		ge.current = t;
+		let r = n?.boards[e], i = b.current;
+		if (L !== e && !M && r && i) {
+			let e = ca(r, x, {
 				width: i.clientWidth,
 				height: i.clientHeight
 			});
-			(e.x || e.y) && k(e.x, e.y);
+			(e.x || e.y) && ee(e.x, e.y);
 		}
-		pe((t) => t === e ? null : e);
-	}, _e = g === "select" && !N && !j, R = g === "comment", z = Xr({
-		enabled: !N && (g === "select" || R || te),
-		mode: R ? "comment" : "select",
-		playing: P,
+		he((t) => t === e ? null : e);
+	}, ye = v === "select" && !M && !ne, z = v === "comment", be = !M && (v === "select" || z || ie), B = ri({
+		enabled: be,
+		mode: z ? "comment" : "select",
+		playing: N,
 		onInput: (e, t) => {
 			let r = n?.boards[e];
-			r && (t.type === "ryugi:inspect:wheel" ? A({
+			r && (t.type === "ryugi:inspect:wheel" ? te({
 				...t,
-				x: y.x + (r.x + t.x) * y.k,
-				y: y.y + (r.y + t.y) * y.k
-			}) : t.type === "ryugi:inspect:pan" ? k(t.deltaX, t.deltaY) : t.type === "ryugi:inspect:drag" ? R ? V.onFrameDrag(e, t) : _e && U.drag(t.phase, r.x + t.x, r.y + t.y, t.append, t.id ? {
+				x: x.x + (r.x + t.x) * x.k,
+				y: x.y + (r.y + t.y) * x.k
+			}) : t.type === "ryugi:inspect:pan" ? ee(t.deltaX, t.deltaY) : t.type === "ryugi:inspect:drag" ? z ? V.onFrameDrag(e, t) : ye && W.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" ? ee(t.down) : t.down && Te(t));
+			} : void 0) : t.code === "Space" ? re(t.down) : t.down && Oe(t));
 		}
 	});
-	ri({
+	ui({
 		artifact: t,
 		boards: n?.boards,
 		live: c,
-		inspector: z,
-		send: d
+		inspector: B,
+		send: f
 	});
 	let V = cr({
-		comments: p,
-		comment: m,
-		page: M,
+		comments: m,
+		comment: h,
+		page: j,
 		boards: n?.boards ?? {},
-		inspector: z
-	}), H = Ir({
+		inspector: B
+	}), H = Ur({
 		canvas: n,
-		page: M,
+		page: j,
 		threads: V.threads,
 		stale: V.stale,
 		versions: s,
-		comment: m
-	}), ve = H.rejecting ? H.origin(H.rejecting) : null, ye = () => {
-		let e = H.progress.next && M ? r?.pages[M]?.groups[H.progress.next] : void 0;
-		e && S({
+		comment: h
+	}), xe = H.rejecting ? H.origin(H.rejecting) : null, Se = () => {
+		let e = H.progress.next && j ? r?.pages[j]?.groups[H.progress.next] : void 0;
+		e && w({
 			minX: e.x,
 			minY: e.y,
 			maxX: e.x + e.w,
 			maxY: e.y + e.h
 		});
-	}, be = (e) => {
-		(e !== "comment" || m) && (e === "comment" && g === "select" && V.commentSelection(), e !== "comment" && V.close(), _(e));
-	}, xe = (e) => {
-		let t = V.threads.find((t) => t.id === e), r = t && on(t.anchor, n?.boards ?? {}), i = v.current;
-		r && i && k(i.clientWidth / 2 - (y.x + r.x * y.k), i.clientHeight / 2 - (y.y + r.y * y.k)), V.setOpenId(e);
-	}, Se = G(() => ne(!1), []);
+	}, Ce = (e) => {
+		(e !== "comment" || h) && (e === "comment" && v === "select" && V.commentSelection(), e !== "comment" && V.close(), y(e));
+	}, we = (e) => {
+		let t = V.threads.find((t) => t.id === e), r = t && on(t.anchor, n?.boards ?? {}), i = b.current;
+		r && i && ee(i.clientWidth / 2 - (x.x + r.x * x.k), i.clientHeight / 2 - (x.y + r.y * x.k)), V.setOpenId(e);
+	}, Te = G(() => ae(!1), []);
 	K(() => {
-		N && ee(!1);
-	}, [N, ee]);
-	let Ce = q(() => new Set(a), [a]), we = n?.pages ?? [];
+		M && re(!1);
+	}, [M, re]);
+	let Ee = q(() => new Set(a), [a]), De = n?.pages ?? [];
 	K(() => {
 		document.title = n?.title || e;
 	}, [n?.title, e]), D("artboard");
-	function Te(e) {
+	function Oe(e) {
 		if ("target" in e && e.target?.closest?.("input, textarea, select, [contenteditable], [role=\"tree\"], [role=\"treeitem\"], [data-chrome=\"parameters\"]")) return;
 		let t = () => {
 			"preventDefault" in e && e.preventDefault();
 		}, n = e.metaKey || e.ctrlKey;
-		e.key === "Escape" && R ? V.close() || be("select") : e.key === "Escape" ? L ? he() : (ce(null), z.clearSelection(), U.reset()) : n && (e.key === "=" || e.key === "+") ? (t(), C(1.25)) : n && e.key === "-" ? (t(), C(.8)) : e.shiftKey && e.code === "Digit1" ? S(oe(M)) : e.shiftKey && e.code === "Digit0" ? w(1) : !n && !e.shiftKey && e.key.toLowerCase() === "v" ? be("select") : !n && !e.shiftKey && e.key.toLowerCase() === "h" ? be("hand") : !n && !e.shiftKey && e.key.toLowerCase() === "c" && (t(), be("comment"));
+		e.key === "Escape" && z ? V.close() || Ce("select") : e.key === "Escape" ? L ? _e() : (pe(null), B.clearSelection(), W.reset()) : n && (e.key === "=" || e.key === "+") ? (t(), T(1.25)) : n && e.key === "-" ? (t(), T(.8)) : e.shiftKey && e.code === "Digit1" ? w(le(j)) : e.shiftKey && e.code === "Digit0" ? E(1) : !n && !e.shiftKey && e.key.toLowerCase() === "v" ? Ce("select") : !n && !e.shiftKey && e.key.toLowerCase() === "h" ? Ce("hand") : !n && !e.shiftKey && e.key.toLowerCase() === "c" && (t(), Ce("comment"));
 	}
-	K(() => (window.addEventListener("keydown", Te), () => window.removeEventListener("keydown", Te)));
-	let Ee = n?.boards ?? {}, De = q(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === M), [n, M]), Oe = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => Ee[e]?.page === M)), ke = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === M), Ae = N ? Ee[N] : void 0, je = Object.fromEntries(Object.entries(I.states).flatMap(([e, t]) => {
+	K(() => (window.addEventListener("keydown", Oe), () => window.removeEventListener("keydown", Oe)));
+	let ke = n?.boards ?? {}, Ae = q(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === j), [n, j]), je = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => ke[e]?.page === j)), Me = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === j), U = M ? ke[M] : void 0, Ne = Object.fromEntries(Object.entries(I.states).flatMap(([e, t]) => {
 		let n = Object.keys(t.schema?.controls ?? {}).length;
 		return n || t.error ? [[e, n]] : [];
-	})), Me = L ? I.states[L] : void 0, Ne = L ? Ee[L] : void 0, Pe = (e) => L && Me && Ne && (Me.schema || Me.error) ? /* @__PURE__ */ Z(ra, {
+	})), Pe = L ? I.states[L] : void 0, Fe = L ? ke[L] : void 0, Ie = (e) => L && Pe && Fe && (Pe.schema || Pe.error) ? /* @__PURE__ */ Z(ua, {
 		boardId: L,
-		title: Ne.title ?? L,
-		state: Me,
-		anchor: e ? ea(Ne, y) : void 0,
+		title: Fe.title ?? L,
+		state: Pe,
+		anchor: e ? sa(Fe, x) : void 0,
 		onChange: (e, t) => I.change(L, e, t),
 		onReset: () => I.reset(L),
-		onClose: he
-	}) : null, Fe = Ae ? (s[Ae.file] ?? 0) > 0 && !Ce.has(N) : !1, U = Zr(De, z, y.k, [
-		g,
-		N,
+		onClose: _e
+	}) : null, Le = U ? (s[U.file] ?? 0) > 0 && !Ee.has(M) : !1, W = ii(Ae, B, x.k, [
+		v,
 		M,
-		j
-	]), Ie = (e) => {
-		let t = v.current.getBoundingClientRect();
+		j,
+		ne
+	]), Re = (e) => {
+		let t = b.current.getBoundingClientRect();
 		return {
-			x: (e.clientX - t.left - y.x) / y.k,
-			y: (e.clientY - t.top - y.y) / y.k
+			x: (e.clientX - t.left - x.x) / x.k,
+			y: (e.clientY - t.top - x.y) / x.k
 		};
-	}, [Le, Re] = Y(null), ze = (e) => De.find(([, t]) => e.x >= t.x && e.x <= t.x + t.w && e.y >= t.y && e.y <= t.y + t.h)?.[0] ?? null, W = U.marquee, Be = q(() => /* @__PURE__ */ new Set([
-		...P,
-		...[N, L].filter((e) => !!e),
-		...z.selectedTargets.map((e) => e.boardId),
-		...Object.entries(z.frames).filter(([, e]) => e.tweaks.length > 0).map(([e]) => e),
-		...W ? De.filter(([, e]) => e.x < W.x + W.width && e.x + e.w > W.x && e.y < W.y + W.height && e.y + e.h > W.y).map(([e]) => e) : []
+	}, ze = (e) => Ae.find(([, t]) => e.x >= t.x && e.x <= t.x + t.w && e.y >= t.y && e.y <= t.y + t.h)?.[0] ?? null, Be = Fr({
+		scaling: S,
+		view: x,
+		inside: B.hover?.boardId ?? null,
+		locate: (e) => {
+			let t = Re(e);
+			return {
+				board: ze(t),
+				x: t.x * x.k,
+				y: t.y * x.k
+			};
+		}
+	}), Ve = W.marquee, He = Rr(Ae, s, (e) => !be || N.has(e)), Ue = q(() => /* @__PURE__ */ new Set([
+		...He,
+		...N,
+		...[M, L].filter((e) => !!e),
+		...B.selectedTargets.map((e) => e.boardId),
+		...Object.entries(B.frames).filter(([, e]) => e.tweaks.length > 0).map(([e]) => e),
+		...Ve ? Ae.filter(([, e]) => e.x < Ve.x + Ve.width && e.x + e.w > Ve.x && e.y < Ve.y + Ve.height && e.y + e.h > Ve.y).map(([e]) => e) : []
 	]), [
-		P,
+		He,
 		N,
+		M,
 		L,
-		z.selectedTargets,
-		z.frames,
-		W,
-		De
-	]), Ve = jr({
+		B.selectedTargets,
+		B.frames,
+		Ve,
+		Ae
+	]), We = Ar({
 		artifact: t ?? e,
-		boards: De,
+		boards: _ ? Ae : [],
 		versions: s,
-		pending: Ce,
-		view: y,
-		scaling: b,
-		viewport: x,
-		pinned: Be,
-		hovered: z.hover?.boardId ?? Le,
-		hoverPromotes: g === "select" || R,
+		pending: Ee,
+		view: x,
+		scaling: S,
+		viewport: C,
+		pinned: Ue,
+		hovered: Be.hovered,
+		hoverPromotes: v === "select" || z,
 		persistable: (e) => {
 			let t = I.states[e];
-			return !(t?.schema && JSON.stringify(t.values) !== JSON.stringify(en(t.schema))) && !z.frames[e]?.tweaks.length;
+			return !(t?.schema && JSON.stringify(t.values) !== JSON.stringify(en(t.schema))) && !B.frames[e]?.tweaks.length;
 		}
-	}), He = q(() => {
+	}), Ge = _ ? We.renders : l({
+		boards: Ae.map(([e, t]) => ({
+			id: e,
+			...t
+		})),
+		view: x,
+		viewport: C
+	}), Ke = q(() => {
 		let e = /* @__PURE__ */ new Map();
 		return (t) => (e.has(t) || e.set(t, (e) => {
-			I.refFor(t)(e), z.refFor(t)(e), Ve.frameRef(t)(e);
+			I.refFor(t)(e), B.refFor(t)(e), We.frameRef(t)(e);
 		}), e.get(t));
 	}, [
 		I.refFor,
-		z.refFor,
-		Ve.frameRef
-	]), Ue = G((e) => {
-		I.loaded(e), z.loaded(e), Ve.loaded(e);
+		B.refFor,
+		We.frameRef
+	]), qe = G((e) => {
+		I.loaded(e), B.loaded(e), We.loaded(e);
 	}, [
 		I.loaded,
-		z.loaded,
-		Ve.loaded
+		B.loaded,
+		We.loaded
 	]);
 	return /* @__PURE__ */ Q("div", {
 		className: "x78zum5 xh8yej3 x5yr21d xb3r6kr",
 		children: [
 			/* @__PURE__ */ Q("div", {
-				ref: v,
+				ref: b,
 				className: "x98rzlu xeuugli x1n2onr6 xh8yej3 x5yr21d xb3r6kr x5ve5x3 x87ps6o x184qs1t xqfszdh xo2rkog",
-				style: { cursor: T },
+				style: { cursor: O },
 				onClickCapture: (e) => {
-					!N && (R || j) && e.target.closest("[data-video-surface]") && e.stopPropagation();
+					!M && (z || ne) && e.target.closest("[data-video-surface]") && e.stopPropagation();
 				},
 				onPointerDown: (e) => {
-					if (O.onPointerDown(e), R && !j && !N && e.button === 0 && e.pointerType !== "touch" && e.currentTarget.contains(e.target) && !e.target.closest("[data-chrome]") && (e.preventDefault(), V.onCanvasClick(Ie(e))), !_e || e.pointerType === "touch" || e.button !== 0 || !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome], [data-video-surface]")) return;
-					let t = Ie(e);
-					e.currentTarget.setPointerCapture(e.pointerId), U.drag("start", t.x, t.y, e.shiftKey || e.metaKey || e.ctrlKey);
+					if (A.onPointerDown(e), z && !ne && !M && e.button === 0 && e.pointerType !== "touch" && e.currentTarget.contains(e.target) && !e.target.closest("[data-chrome]") && (e.preventDefault(), V.onCanvasClick(Re(e))), !ye || e.pointerType === "touch" || e.button !== 0 || !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome], [data-video-surface]")) return;
+					let t = Re(e);
+					e.currentTarget.setPointerCapture(e.pointerId), W.drag("start", t.x, t.y, e.shiftKey || e.metaKey || e.ctrlKey);
 				},
 				onPointerMove: (e) => {
-					if (O.onPointerMove(e), Re(ze(Ie(e))), U.dragging()) {
+					if (A.onPointerMove(e), Be.track(e), W.dragging()) {
 						e.buttons === 1 && e.currentTarget.setPointerCapture(e.pointerId);
-						let t = Ie(e);
-						U.drag("move", t.x, t.y);
+						let t = Re(e);
+						W.drag("move", t.x, t.y);
 					}
 				},
 				onPointerUp: (e) => {
-					if (O.onPointerUp(e), U.dragging()) {
-						let t = Ie(e);
-						U.drag("end", t.x, t.y);
+					if (A.onPointerUp(e), W.dragging()) {
+						let t = Re(e);
+						W.drag("end", t.x, t.y);
 					}
 				},
+				onPointerLeave: Be.leave,
 				onPointerCancel: (e) => {
-					O.onPointerCancel(e), U.reset();
+					A.onPointerCancel(e), W.reset();
 				},
 				children: [
 					/* @__PURE__ */ Z(Hn, {
-						viewport: v,
-						hand: E
+						viewport: b,
+						hand: k
 					}),
-					re && /* @__PURE__ */ Z(Tn, {
-						renders: Ve.renders,
-						scaling: b
+					oe && /* @__PURE__ */ Z(Tn, {
+						renders: Ge,
+						scaling: S
 					}),
 					n && r && /* @__PURE__ */ Q(u, {
 						resetKey: n,
 						children: [
-							/* @__PURE__ */ Z(ue, {
-								view: y,
-								renders: Ve.renders,
-								boards: De,
-								notes: ke,
+							/* @__PURE__ */ Z(fe, {
+								view: x,
+								renders: Ge,
+								boards: Ae,
+								notes: Me,
 								contentBase: o,
 								versions: s,
-								pending: Ce,
-								playing: P,
-								replays: F,
-								inspecting: _e || R && !N && !j,
-								frameRef: He,
-								frameLoaded: Ue,
+								pending: Ee,
+								playing: N,
+								replays: me,
+								inspecting: ye || z && !M && !ne,
+								frameRef: Ke,
+								frameLoaded: qe,
 								live: c,
 								writing: c ? n.writing : void 0,
-								agent: f,
-								onExpand: ce,
-								onImageError: Ve.imageFailed
+								agent: p,
+								onExpand: pe,
+								onImageError: We.imageFailed
 							}),
 							/* @__PURE__ */ Z(Qn, {
-								view: y,
-								boards: De,
-								groups: Oe,
-								allBoards: Ee,
+								view: x,
+								boards: Ae,
+								groups: je,
+								allBoards: ke,
 								contentBase: o,
 								versions: s,
-								pending: Ce,
-								playing: P,
-								onExpand: ce,
-								onTogglePlay: (e) => de((t) => le(t, e)),
-								onReplay: (e) => fe((t) => ({
+								pending: Ee,
+								playing: N,
+								onExpand: pe,
+								onTogglePlay: (e) => P((t) => de(t, e)),
+								onReplay: (e) => F((t) => ({
 									...t,
 									[e]: (t[e] ?? 0) + 1
 								})),
-								parameters: je,
+								parameters: Ne,
 								activeParameters: L,
-								onToggleParameters: ge,
+								onToggleParameters: ve,
 								verdicts: H
 							}),
-							H.rejecting && ve && /* @__PURE__ */ Z(Lr, {
+							H.rejecting && xe && /* @__PURE__ */ Z(Wr, {
 								group: H.rejecting,
-								left: y.x + ve.x * y.k,
-								top: y.y + ve.y * y.k + 8,
+								left: x.x + xe.x * x.k,
+								top: x.y + xe.y * x.k + 8,
 								onSubmit: H.submitReject,
 								onCancel: H.cancelReject
 							}),
-							R && /* @__PURE__ */ Z(vn, {
-								view: y,
-								page: M,
-								boards: Ee,
-								width: v.current?.clientWidth ?? 0,
+							z && /* @__PURE__ */ Z(vn, {
+								view: x,
+								page: j,
+								boards: ke,
+								width: b.current?.clientWidth ?? 0,
 								threads: V.threads,
 								stale: V.stale,
 								numbers: V.numbers,
-								showResolved: ie === "all",
+								showResolved: se === "all",
 								draft: V.draft,
 								openId: V.openId,
 								actions: V.actions,
-								agent: f,
+								agent: p,
 								onOpen: V.setOpenId,
 								onSubmit: V.submit,
 								onCancelDraft: V.cancelDraft
 							})
 						]
 					}),
-					(_e || R) && !U.marquee && z.hover && Ee[z.hover.boardId] && /* @__PURE__ */ Z(mi, {
-						board: Ee[z.hover.boardId],
-						rect: z.hover.rect,
-						view: y,
-						nodeId: z.hover.id ? `${z.hover.boardId}#${z.hover.id}` : void 0
+					(ye || z) && !W.marquee && B.hover && ke[B.hover.boardId] && /* @__PURE__ */ Z(xi, {
+						board: ke[B.hover.boardId],
+						rect: B.hover.rect,
+						view: x,
+						nodeId: B.hover.id ? `${B.hover.boardId}#${B.hover.id}` : void 0
 					}),
-					!N && z.targets.map((e) => Ee[e.boardId] && /* @__PURE__ */ Z(mi, {
-						board: Ee[e.boardId],
+					!M && B.targets.map((e) => ke[e.boardId] && /* @__PURE__ */ Z(xi, {
+						board: ke[e.boardId],
 						rect: e.rect,
-						view: y,
+						view: x,
 						name: e.name,
 						selected: !0
 					}, `${e.boardId}:${e.id}`)),
-					U.selecting && /* @__PURE__ */ Z("div", {
+					W.selecting && /* @__PURE__ */ Z("div", {
 						className: "ri-selection-capture",
 						"aria-hidden": "true"
 					}),
-					U.marquee && /* @__PURE__ */ Z("div", {
+					W.marquee && /* @__PURE__ */ Z("div", {
 						className: "ri-marquee",
 						"aria-hidden": "true",
 						style: {
-							left: y.x + U.marquee.x * y.k,
-							top: y.y + U.marquee.y * y.k,
-							width: U.marquee.width * y.k,
-							height: U.marquee.height * y.k
+							left: x.x + W.marquee.x * x.k,
+							top: x.y + W.marquee.y * x.k,
+							width: W.marquee.width * x.k,
+							height: W.marquee.height * x.k
 						}
 					}),
 					(!n || !r) && /* @__PURE__ */ Z("div", {
 						className: "x10l6tqk x10a8y8t x78zum5 x6s0dn4 xl56j7k xggk2y7 x1bo0w0s xif65rj x2b8uid x47corl",
-						children: l ? i[0] ?? B("chrome.waitingCanvas") : B("common.connecting")
+						children: d ? i[0] ?? R("chrome.waitingCanvas") : R("common.connecting")
 					}),
 					/* @__PURE__ */ Z($n, {
-						pages: we,
-						page: M,
-						onPageChange: se,
-						tool: g,
-						onToolChange: be,
-						commenting: !!m
+						pages: De,
+						page: j,
+						onPageChange: ue,
+						tool: v,
+						onToolChange: Ce,
+						commenting: !!h
 					}),
 					/* @__PURE__ */ Z(er, {
-						actions: h,
+						actions: g,
 						live: c,
 						warnings: i,
-						zoom: y.k,
-						onZoomIn: () => C(1.25),
-						onZoomOut: () => C(.8),
-						onFit: () => S(oe(M)),
-						onActualSize: () => w(1),
-						inspectorOpen: te,
-						onToggleInspector: () => ne((e) => !e),
+						zoom: x.k,
+						onZoomIn: () => T(1.25),
+						onZoomOut: () => T(.8),
+						onFit: () => w(le(j)),
+						onActualSize: () => E(1),
+						inspectorOpen: ie,
+						onToggleInspector: () => ae((e) => !e),
 						verify: H.progress,
-						onNextVerify: ye
+						onNextVerify: Se
 					}),
-					!N && Pe(!0),
-					N && Ae && Fe && /* @__PURE__ */ Z(En, {
-						id: N,
-						board: Ae,
-						src: `${o}${Ae.file}?v=${s[Ae.file] ?? 0}`,
-						interactive: Ae.interactive === !0,
-						onClose: () => ce(null),
-						frameRef: I.refFor(N, "expanded"),
-						onFrameLoad: () => I.loaded(N, "expanded"),
-						parameterAction: je[N] === void 0 ? void 0 : /* @__PURE__ */ Z(tt, {
+					!M && Ie(!0),
+					M && U && Le && /* @__PURE__ */ Z(En, {
+						id: M,
+						board: U,
+						src: `${o}${U.file}?v=${s[U.file] ?? 0}`,
+						interactive: U.interactive === !0,
+						onClose: () => pe(null),
+						frameRef: I.refFor(M, "expanded"),
+						onFrameLoad: () => I.loaded(M, "expanded"),
+						parameterAction: Ne[M] === void 0 ? void 0 : /* @__PURE__ */ Z(tt, {
 							config: { "aria-hidden": !0 },
 							children: /* @__PURE__ */ Z(Ze, {
 								icon: Kt,
 								size: "small",
 								type: "text",
-								"aria-expanded": L === N,
-								onClick: (e) => ge(N, e.currentTarget),
-								children: B("chrome.parameters")
+								"aria-expanded": L === M,
+								onClick: (e) => ve(M, e.currentTarget),
+								children: R("chrome.parameters")
 							})
 						}),
-						parameters: L === N ? Pe(!1) : void 0
+						parameters: L === M ? Ie(!1) : void 0
 					})
 				]
 			}),
-			R && /* @__PURE__ */ Z(bn, {
+			z && /* @__PURE__ */ Z(bn, {
 				threads: V.threads,
-				page: M,
+				page: j,
 				stale: V.stale,
 				numbers: V.numbers,
 				openId: V.openId,
-				tab: ie,
-				onTab: ae,
-				onOpen: xe,
-				onClose: () => be("select")
+				tab: se,
+				onTab: ce,
+				onOpen: we,
+				onClose: () => Ce("select")
 			}),
-			te && !R && /* @__PURE__ */ Z(Ei, {
-				boards: De,
-				frames: z.frames,
-				selection: z.selection,
-				targets: z.targets,
-				select: z.select,
-				hoverNode: z.hoverNode,
-				change: z.change,
-				reset: z.reset,
-				playing: P,
-				enabled: !N,
-				onClose: Se
+			ie && !z && /* @__PURE__ */ Z(Ni, {
+				boards: Ae,
+				frames: B.frames,
+				selection: B.selection,
+				targets: B.targets,
+				select: B.select,
+				hoverNode: B.hoverNode,
+				change: B.change,
+				reset: B.reset,
+				playing: N,
+				enabled: !M,
+				onClose: Te
 			})
 		]
 	});
 }
 //#endregion
 //#region src/viewer/hooks/useHtmlData.ts
-function oa(e, { live: t, revision: n, load: r, send: i }) {
+function pa(e, { live: t, revision: n, load: r, send: i }) {
 	let [a, o] = Y(null);
 	return K(() => {
 		let t = !1;
@@ -4809,12 +4951,12 @@ function oa(e, { live: t, revision: n, load: r, send: i }) {
 }
 //#endregion
 //#region src/viewer/layouts/HtmlView.tsx
-function sa({ id: e, feed: t, actions: n }) {
-	let { data: r, send: i } = oa(e, t);
+function ma({ id: e, feed: t, actions: n }) {
+	let { data: r, send: i } = pa(e, t);
 	K(() => {
 		document.title = r?.title || e;
 	}, [r?.title, e]), D("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 } = U(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 } = Fe(o, {
 		onError: (t) => i({
 			type: "runtime-error",
 			artifact: `html/${e}`,
@@ -4845,18 +4987,18 @@ function sa({ id: e, feed: t, actions: n }) {
 				children: r ? r.warnings[0] ?? "Waiting for the agent to write index.html…" : "Connecting…"
 			}),
 			n,
-			/* @__PURE__ */ Z(ee, { warnings: r?.warnings ?? [] })
+			/* @__PURE__ */ Z(te, { warnings: r?.warnings ?? [] })
 		]
 	});
 }
 //#endregion
 //#region src/viewer/components/TypeIcon.tsx
-function ca({ type: e, size: t = 16 }) {
-	let { fill: n, stroke: r } = ne[e];
+function ha({ type: e, size: t = 16 }) {
+	let { fill: n, stroke: r } = re[e];
 	return /* @__PURE__ */ Q("svg", {
 		width: t,
 		height: t,
-		viewBox: j,
+		viewBox: ee,
 		"aria-hidden": "true",
 		style: {
 			flex: "none",
@@ -4877,12 +5019,12 @@ function ca({ type: e, size: t = 16 }) {
 }
 //#endregion
 //#region src/viewer/components/ArtifactThumbnail.tsx
-function la({ src: e, type: t }) {
+function ga({ src: e, type: t }) {
 	let [n, r] = Y(null);
 	return /* @__PURE__ */ Q("div", {
 		className: "library-thumbnail",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ Z(ca, {
+		children: [/* @__PURE__ */ Z(ha, {
 			type: t,
 			size: 24
 		}), e && n !== e && /* @__PURE__ */ Z("img", {
@@ -4899,7 +5041,7 @@ function la({ src: e, type: t }) {
 }
 //#endregion
 //#region src/viewer/components/PublicationStatus.tsx
-var ua = {
+var _a = {
 	summary: {
 		k1xSpc: "x3nfvp2",
 		kGNEyG: "x6s0dn4",
@@ -4931,8 +5073,8 @@ var ua = {
 		$$css: !0
 	}
 };
-function da({ publication: e, published: t, publishedAt: n, online: r, onPublish: i, compact: a = !1, busy: o = !1 }) {
-	let { t: s, i18n: c } = F(), l = Xt(), u = e?.phase ?? (t ? "published" : "waiting"), d = t && u !== "published", f = I(u), p = s(`publication.${d ? `update_${u}` : u}`), m = f ? Lt : u === "failed" ? wt : u === "published" ? yt : Tt, h = u === "failed" ? ua.failed : u === "published" ? ua.success : void 0, g = /* @__PURE__ */ Z(et, {
+function va({ publication: e, published: t, publishedAt: n, online: r, onPublish: i, compact: a = !1, busy: o = !1 }) {
+	let { t: s, i18n: c } = N(), l = Xt(), u = e?.phase ?? (t ? "published" : "waiting"), d = t && u !== "published", f = me(u), p = s(`publication.${d ? `update_${u}` : u}`), m = f ? Lt : u === "failed" ? wt : u === "published" ? yt : Tt, h = u === "failed" ? _a.failed : u === "published" ? _a.success : void 0, g = /* @__PURE__ */ Z(et, {
 		icon: m,
 		spin: f && !l,
 		size: a ? 14 : 16,
@@ -4940,13 +5082,13 @@ function da({ publication: e, published: t, publishedAt: n, online: r, onPublish
 	});
 	if (a) return /* @__PURE__ */ Q("span", {
 		role: "status",
-		...O(ua.summary, h),
+		...O(_a.summary, h),
 		children: [g, p]
 	});
 	let _ = e?.publishedAt ?? n, v = i && !f && u !== "published" && u !== "not-ready";
 	return /* @__PURE__ */ Q("section", {
 		"aria-label": s("publication.label"),
-		...O(ua.card, h),
+		...O(_a.card, h),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				role: "status",
@@ -4992,14 +5134,14 @@ function da({ publication: e, published: t, publishedAt: n, online: r, onPublish
 }
 //#endregion
 //#region src/shared/brand.ts
-var fa = "0 0 512 512", pa = "<g transform=\"translate(82 136.317460) scale(0.613756614)\"><g transform=\"translate(0.000000,390.000000) scale(0.100000,-0.100000)\" stroke=\"none\"><path d=\"M4945 3889 c-339 -44 -682 -239 -905 -517 -139 -172 -232 -355 -365 -717 -136 -368 -285 -735 -360 -890 -219 -449 -524 -768 -849 -887 -121 -44 -215 -60 -356 -60 -162 0 -244 18 -450 97 -291 111 -420 144 -650 166 -257 24 -637 -19 -772 -87 -148 -75 -249 -247 -235 -399 19 -197 186 -344 392 -346 40 -1 127 11 205 27 115 23 160 28 300 28 242 1 372 -29 671 -155 226 -95 467 -149 662 -149 252 0 548 74 789 197 394 201 708 521 988 1008 83 144 271 529 405 830 220 493 300 632 436 759 121 112 226 162 424 201 44 9 108 29 143 45 165 77 274 285 244 467 -31 188 -168 334 -354 378 -70 16 -249 18 -363 4z M765 3139 c-202 -11 -415 -48 -497 -86 -91 -44 -151 -101 -193 -186 -123 -248 31 -525 307 -554 38 -4 99 3 204 23 137 27 167 29 384 29 205 0 249 -3 347 -23 225 -45 387 -106 658 -247 182 -94 308 -144 463 -182 138 -35 350 -39 447 -9 174 53 275 152 305 299 26 130 -40 267 -158 323 -52 25 -72 28 -227 35 -248 11 -328 37 -576 187 -232 140 -384 213 -585 281 -283 95 -541 127 -879 110z M620 2104 c-273 -32 -384 -65 -471 -143 -235 -208 -136 -589 172 -660 68 -16 129 -13 272 14 400 73 702 31 1167 -163 239 -99 350 -125 535 -125 193 0 338 51 448 157 117 113 139 261 56 375 -50 69 -99 85 -294 92 -245 10 -332 35 -563 163 -224 123 -456 211 -693 262 -111 23 -149 26 -359 29 -129 2 -251 1 -270 -1z\"/></g></g>";
+var ya = "0 0 512 512", ba = "<g transform=\"translate(82 136.317460) scale(0.613756614)\"><g transform=\"translate(0.000000,390.000000) scale(0.100000,-0.100000)\" stroke=\"none\"><path d=\"M4945 3889 c-339 -44 -682 -239 -905 -517 -139 -172 -232 -355 -365 -717 -136 -368 -285 -735 -360 -890 -219 -449 -524 -768 -849 -887 -121 -44 -215 -60 -356 -60 -162 0 -244 18 -450 97 -291 111 -420 144 -650 166 -257 24 -637 -19 -772 -87 -148 -75 -249 -247 -235 -399 19 -197 186 -344 392 -346 40 -1 127 11 205 27 115 23 160 28 300 28 242 1 372 -29 671 -155 226 -95 467 -149 662 -149 252 0 548 74 789 197 394 201 708 521 988 1008 83 144 271 529 405 830 220 493 300 632 436 759 121 112 226 162 424 201 44 9 108 29 143 45 165 77 274 285 244 467 -31 188 -168 334 -354 378 -70 16 -249 18 -363 4z M765 3139 c-202 -11 -415 -48 -497 -86 -91 -44 -151 -101 -193 -186 -123 -248 31 -525 307 -554 38 -4 99 3 204 23 137 27 167 29 384 29 205 0 249 -3 347 -23 225 -45 387 -106 658 -247 182 -94 308 -144 463 -182 138 -35 350 -39 447 -9 174 53 275 152 305 299 26 130 -40 267 -158 323 -52 25 -72 28 -227 35 -248 11 -328 37 -576 187 -232 140 -384 213 -585 281 -283 95 -541 127 -879 110z M620 2104 c-273 -32 -384 -65 -471 -143 -235 -208 -136 -589 172 -660 68 -16 129 -13 272 14 400 73 702 31 1167 -163 239 -99 350 -125 535 -125 193 0 338 51 448 157 117 113 139 261 56 375 -50 69 -99 85 -294 92 -245 10 -332 35 -563 163 -224 123 -456 211 -693 262 -111 23 -149 26 -359 29 -129 2 -251 1 -270 -1z\"/></g></g>";
 //#endregion
 //#region src/viewer/components/RyugiMark.tsx
-function ma({ size: e = 16, color: t }) {
+function xa({ size: e = 16, color: t }) {
 	return /* @__PURE__ */ Z("svg", {
 		width: e,
 		height: e,
-		viewBox: fa,
+		viewBox: ya,
 		fill: "currentColor",
 		"aria-hidden": "true",
 		style: {
@@ -5007,40 +5149,40 @@ function ma({ size: e = 16, color: t }) {
 			display: "block",
 			color: t
 		},
-		dangerouslySetInnerHTML: { __html: pa }
+		dangerouslySetInnerHTML: { __html: ba }
 	});
 }
 //#endregion
 //#region src/viewer/lib/artifact-list.ts
-function ha(e, t = Date.now()) {
-	let n = new Intl.RelativeTimeFormat(L.language, { numeric: "always" }), r = Math.floor(Math.max(0, t - e) / 6e4);
-	return r === 0 ? L.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");
+function Sa(e, t = Date.now()) {
+	let n = new Intl.RelativeTimeFormat(F.language, { numeric: "always" }), r = Math.floor(Math.max(0, t - e) / 6e4);
+	return r === 0 ? F.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 ga(e, t) {
-	return typeof e == "string" && L.exists(`errors.${e}`) ? L.t(`errors.${e}`) : t;
+function Ca(e, t) {
+	return typeof e == "string" && F.exists(`errors.${e}`) ? F.t(`errors.${e}`) : t;
 }
-var _a = (e) => typeof e == "object" && !!e && [
+var wa = (e) => typeof e == "object" && !!e && [
 	"private",
 	"public",
 	"total",
 	"publishes"
 ].includes(e.kind) && typeof e.max == "number";
-function va({ kind: e, max: t }) {
-	return L.t(`planLimit.${e}`, { max: t });
+function Ta({ kind: e, max: t }) {
+	return F.t(`planLimit.${e}`, { max: t });
 }
-function ya(e, t) {
-	return e.code === "plan_limit" && _a(e.limit) ? va(e.limit) : ga(e.code, typeof e.error == "string" ? e.error : t);
+function Ea(e, t) {
+	return e.code === "plan_limit" && wa(e.limit) ? Ta(e.limit) : Ca(e.code, typeof e.error == "string" ? e.error : t);
 }
 //#endregion
 //#region src/viewer/lib/version.ts
-var ba = "1.41.0", xa = 100, Sa = 2e3, Ca = 50, wa = (e, t = xa) => typeof e == "string" && e.length > 0 && e.length <= t, Ta = (e) => typeof e == "number" && Number.isFinite(e), Ea = (e) => Ta(e) && e >= 0 && e <= 1;
-function Da(e) {
-	if (!Array.isArray(e) || e.length === 0 || e.length > Ca) return null;
+var Da = "1.42.0", Oa = 100, ka = 2e3, Aa = 50, ja = (e, t = Oa) => typeof e == "string" && e.length > 0 && e.length <= t, Ma = (e) => typeof e == "number" && Number.isFinite(e), Na = (e) => Ma(e) && e >= 0 && e <= 1;
+function Pa(e) {
+	if (!Array.isArray(e) || e.length === 0 || e.length > Aa) return null;
 	let t = [];
 	for (let n of e) {
-		if (!Se(n) || !wa(n.board) || !wa(n.path, Sa)) return null;
+		if (!Se(n) || !ja(n.board) || !ja(n.path, ka)) return null;
 		t.push({
 			board: n.board,
 			path: n.path
@@ -5048,24 +5190,24 @@ function Da(e) {
 	}
 	return t;
 }
-function Oa(e) {
+function Fa(e) {
 	if (!Se(e) || Array.isArray(e)) return null;
 	let t = Object.entries(e);
-	return t.length > Ca || !t.every(([e, t]) => wa(e) && wa(t)) ? null : Object.fromEntries(t);
+	return t.length > Aa || !t.every(([e, t]) => ja(e) && ja(t)) ? null : Object.fromEntries(t);
 }
-function ka(e) {
-	if (!Se(e) || !wa(e.page) || !Ta(e.x) || !Ta(e.y)) return null;
+function Ia(e) {
+	if (!Se(e) || !ja(e.page) || !Ma(e.x) || !Ma(e.y)) return null;
 	let t = {
 		page: e.page,
 		x: e.x,
 		y: e.y
 	};
 	if (e.board !== void 0) {
-		if (!wa(e.board)) return null;
+		if (!ja(e.board)) return null;
 		t.board = e.board;
 	}
 	if (e.group !== void 0) {
-		if (!wa(e.group)) return null;
+		if (!ja(e.group)) return null;
 		t.group = e.group;
 	}
 	if (e.verdict !== void 0) {
@@ -5073,36 +5215,36 @@ function ka(e) {
 		t.verdict = e.verdict;
 	}
 	if (e.nodes !== void 0) {
-		let n = Da(e.nodes);
+		let n = Pa(e.nodes);
 		if (!n) return null;
 		t.nodes = n;
 	}
 	if (e.offset !== void 0) {
 		let n = e.offset;
-		if (!t.nodes || !Se(n) || !Ea(n.x) || !Ea(n.y)) return null;
+		if (!t.nodes || !Se(n) || !Na(n.x) || !Na(n.y)) return null;
 		t.offset = {
 			x: n.x,
 			y: n.y
 		};
 	}
 	if (e.hashes !== void 0) {
-		let n = Oa(e.hashes);
+		let n = Fa(e.hashes);
 		if (!n) return null;
 		t.hashes = n;
 	}
 	return t;
 }
-var Aa = {
-	read: ka,
+var La = {
+	read: Ia,
 	same: (e, t) => e.page === t.page && e.board === t.board && e.group === t.group && e.verdict === t.verdict && e.x === t.x && e.y === t.y,
 	missing: "a new thread needs a board anchor (page, x, y); dropped it"
-}, ja = () => ({
+}, Ra = () => ({
 	version: 1,
 	threads: []
-}), Ma = (e) => be(e, Aa), Na = (e, t, n, r, i, a) => Me(e, t, n, r, i, a, Aa);
-function Pa(e, t, n, r, i) {
+}), za = (e) => H(e, La), Ba = (e, t, n, r, i, a) => Me(e, t, n, r, i, a, La);
+function Va(e, t, n, r, i) {
 	if (t.op !== "create") return Te(e, t, n, r, i);
-	let a = V(t.anchor, "human", t.text, n, r, i);
+	let a = z(t.anchor, "human", t.text, n, r, i);
 	if (t.anchor.verdict !== "pass") return {
 		...e,
 		threads: [...e.threads, a]
@@ -5123,10 +5265,10 @@ function Pa(e, t, n, r, i) {
 		}]
 	};
 }
-function Fa(e, t, n, r, i) {
+function Ha(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 = V(t.anchor, "agent", t.text, n, r, { name: i });
+		let a = z(t.anchor, "agent", t.text, n, r, { name: i });
 		return {
 			file: {
 				...e,
@@ -5136,7 +5278,7 @@ function Fa(e, t, n, r, i) {
 			messageId: a.messages[0].id
 		};
 	}
-	return H(e, t, n, r, i);
+	return be(e, t, n, r, i);
 }
 //#endregion
-export { i as ARTIFACT_TYPES, ia as ArtboardView, la as ArtifactThumbnail, n as BOARD_TYPES, u as CanvasErrorBoundary, fe as HTML_LANG, Ee as HTML_SANDBOX, sa as HtmlView, Ie as PHONE_QUERY, o as PreviewView, da as PublicationStatus, Ae as RailSwitch, ma as RyugiMark, ne as TYPE_GLYPHS, j as TYPE_ICON_VIEWBOX, R as Trans, ca as TypeIcon, ba as VIEWER_VERSION, _ as ViewerProvider, we as applyAgentOp, H as applyAgentThreadOp, Fa as applyBoardAgentOp, Pa as applyBoardHumanOp, Ve as applyHumanOp, Te as applyThreadOp, Aa as boardAnchors, ir as boardCommentsFromMessage, rr as boardCommentsFromPayload, y as cloudErrorDetails, ae as createRelayConnection, de as createViewerI18n, ye as documentAnchors, ja as emptyBoardComments, ve as emptyComments, ga as errorText, L as i18n, x as isArtifactId, g as isArtifactType, t as isMediaBoard, Se as isObject, _a as isPlanLimit, z as isVisibility, Na as mergeBoardComments, Me as mergeComments, V as openThread, me as ownLink, Di as pageLink, ge as parseAcceptLanguage, je as parseComments, va as planLimitMessage, _e as publishState, I as publishing, ka as readBoardAnchor, ze as readCloudHeader, P as readPublication, ha as relativeUpdatedAt, Fe as reportCloudHeader, pe as resolveLocale, ya as responseErrorText, Ma as savedBoardComments, be as savedComments, he as syncNote, B as t, k as typeFaviconHref, xe as unreadThreads, sr as useCanvasData, Le as useCloudHeader, Pe as useMedia, Oi as usePageQuery, U as useSandboxFrame, p as useSystemTheme, F as useTranslation, D as useTypeFavicon, Ce as waitingOn };
+export { i as ARTIFACT_TYPES, da as ArtboardView, ga as ArtifactThumbnail, n as BOARD_TYPES, u as CanvasErrorBoundary, P as HTML_LANG, Ee as HTML_SANDBOX, ma as HtmlView, Ie as PHONE_QUERY, o as PreviewView, va as PublicationStatus, Ae as RailSwitch, xa as RyugiMark, re as TYPE_GLYPHS, ee as TYPE_ICON_VIEWBOX, ve as Trans, ha as TypeIcon, Da as VIEWER_VERSION, _ as ViewerProvider, we as applyAgentOp, be as applyAgentThreadOp, Ha as applyBoardAgentOp, Va as applyBoardHumanOp, Ve as applyHumanOp, Te as applyThreadOp, La as boardAnchors, ir as boardCommentsFromMessage, rr as boardCommentsFromPayload, y as cloudErrorDetails, oe as createRelayConnection, pe as createViewerI18n, V as documentAnchors, Ra as emptyBoardComments, B as emptyComments, Ca as errorText, F as i18n, x as isArtifactId, g as isArtifactType, t as isMediaBoard, Se as isObject, wa as isPlanLimit, ye as isVisibility, Ba as mergeBoardComments, Me as mergeComments, z as openThread, L as ownLink, Pi as pageLink, ge as parseAcceptLanguage, je as parseComments, Ta as planLimitMessage, _e as publishState, me as publishing, Ia as readBoardAnchor, Re as readCloudHeader, M as readPublication, Sa as relativeUpdatedAt, Pe as reportCloudHeader, I as resolveLocale, Ea as responseErrorText, za as savedBoardComments, H as savedComments, he as syncNote, R as t, k as typeFaviconHref, xe as unreadThreads, sr as useCanvasData, Le as useCloudHeader, Ne as useMedia, Fi as usePageQuery, Fe as useSandboxFrame, p as useSystemTheme, N as useTranslation, D as useTypeFavicon, Ce as waitingOn };