ryugi-artifacts 1.40.0 → 1.41.0

package/dist/viewer-lib/index.js

@@ -1,17 +1,17 @@
 import './stylex-Bp5PFQ3Y.css';
 import './index-uM2HnLXF.css';
-import { C as e, E as t, S as n, T as r, _ as i, a, c as o, d as s, f as c, g as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b, v as x, w as S, x as C, y as w } from "./ids-DDz78ZZ5.js";
-import { d as T, f as E, g as D, h as O, l as k, m as A, n as j, o as ee, p as M, r as te, s as ne, t as re, u as ie } from "./relayConnection-CoSjRI7m.js";
-import { a as ae, i as N, o as P, r as F, s as oe, t as se } from "./Canvas-BBqpPRdY.js";
-import { a as ce, c as I, d as L, f as le, i as ue, l as R, m as z, n as de, o as fe, p as pe, r as me, s as he, t as B, u as V } from "./cloud-BA1xJLJk.js";
-import { A as H, C as U, D as ge, E as _e, M as ve, N as ye, O as be, P as xe, S as Se, T as Ce, a as we, c as Te, d as Ee, g as De, i as Oe, j as ke, k as Ae, l as je, m as Me, n as Ne, o as Pe, p as W, r as Fe, s as Ie, t as Le, u as Re, v as ze, w as Be, x as Ve, y as He } from "./useCloudHeader-DwNI6tTZ.js";
-import { memo as Ue, useCallback as G, useEffect as K, useId as We, useLayoutEffect as Ge, useMemo as q, useReducer as Ke, useRef as J, useState as Y, useSyncExternalStore as qe } from "react";
-import { Accordion as Je, ActionIcon as Ye, Button as Xe, ColorPicker as Ze, DropdownMenu as Qe, Icon as $e, IconProvider as et, Input as tt, InputNumber as nt, Popover as rt, Segmented as it, Select as at, Slider as ot, Switch as st, TabsIndicator as ct, TabsList as lt, TabsPanel as ut, TabsRoot as dt, TabsTab as ft, Tree as pt } from "@lobehub/ui";
-import { ArrowDown as mt, ArrowRight as ht, Ban as gt, Check as _t, CheckCircle2 as vt, ChevronDown as yt, ChevronLeft as bt, ChevronRight as xt, Circle as St, CircleAlert as Ct, Clock3 as wt, CloudUpload as Tt, Code2 as Et, Columns3 as Dt, Copy as Ot, Download as kt, Ellipsis as At, Film as jt, Frame as Mt, Grid2X2 as Nt, Hand as Pt, Image as Ft, LoaderCircle as It, Maximize2 as Lt, MessageCirclePlus as Rt, Minus as zt, MousePointer2 as Bt, PanelRight as Vt, Play as Ht, RotateCcw as Ut, Rows3 as Wt, SlidersHorizontal as Gt, SquareDashed as Kt, Type as qt, X as Jt } from "lucide-react";
-import { useReducedMotion as Yt } from "motion/react";
+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 { 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";
+import { useReducedMotion as Xt } from "motion/react";
 import { Fragment as X, jsx as Z, jsxs as Q } from "react/jsx-runtime";
 //#region src/shared/tweaks.ts
-function Xt() {
+function Zt() {
 	let e = (e) => !!e && typeof e == "object" && !Array.isArray(e), t = (e, t = 512) => typeof e == "string" && e.length <= t, n = (e) => typeof e == "number" && Number.isFinite(e) && Math.abs(e) <= 1e9, r = (e) => typeof e == "string" && /^#[\da-f]{6}$/i.test(e);
 	function i(e, i) {
 		if (e.type === "text") return t(i);
@@ -114,8 +114,8 @@ function Xt() {
 		reconcileTweakValues: s
 	};
 }
-var { readTweakSchema: Zt, readTweakValues: Qt, reconcileTweakValues: $t } = Xt(), en = (e) => Math.min(1, Math.max(0, e)), tn = (e) => Math.round(e * 1e3) / 1e3;
-function nn(e, t, n, r) {
+var { readTweakSchema: Qt, readTweakValues: $t, reconcileTweakValues: en } = Zt(), tn = (e) => Math.min(1, Math.max(0, e)), nn = (e) => Math.round(e * 1e3) / 1e3;
+function rn(e, t, n, r) {
 	let i = Math.round(n.x), a = Math.round(n.y);
 	if (!t) return {
 		page: e,
@@ -139,11 +139,11 @@ function nn(e, t, n, r) {
 		}]
 	}, { rect: s } = r;
 	return s.width > 0 && s.height > 0 && (o.offset = {
-		x: tn(en((n.x - s.x) / s.width)),
-		y: tn(en((n.y - s.y) / s.height))
+		x: nn(tn((n.x - s.x) / s.width)),
+		y: nn(tn((n.y - s.y) / s.height))
 	}), o;
 }
-function rn(e, t) {
+function an(e, t) {
 	let n = t.flatMap((e) => e.path ? [{
 		board: e.boardId,
 		path: e.path,
@@ -160,7 +160,7 @@ function rn(e, t) {
 		}))
 	} : null;
 }
-function an(e, t) {
+function on(e, t) {
 	if (!e.board) return {
 		x: e.x,
 		y: e.y
@@ -171,27 +171,27 @@ function an(e, t) {
 		y: n.y + e.y
 	} : null;
 }
-var on = (e) => `${Math.round(e * 100)}%`;
-function sn(e) {
-	if (e.group) return e.verdict === "reject" ? R.t("anchor.rejected", { group: e.group }) : e.group;
-	if (!e.board) return R.t("anchor.page", { page: e.page });
+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 });
 	let t = e.nodes ?? [];
-	if (t.length > 1) return R.t("anchor.elements", {
+	if (t.length > 1) return L.t("anchor.elements", {
 		board: e.board,
 		count: t.length
 	});
 	if (!t[0]) return e.board;
-	let n = e.offset ? ` · ${on(e.offset.x)}, ${on(e.offset.y)}` : "";
+	let n = e.offset ? ` · ${sn(e.offset.x)}, ${sn(e.offset.y)}` : "";
 	return `${e.board} · ${t[0].path}${n}`;
 }
-var cn = (e) => e.verdict ? R.t("anchor.evidenceUpdated") : R.t("anchor.stale"), ln = (e) => e.messages[0]?.at ?? e.statusAt;
-function un(e) {
-	let t = e.filter((e) => e.anchor?.verdict !== "pass").sort((e, t) => ln(e) < ln(t) ? -1 : +(ln(e) > ln(t)));
+var ln = (e) => e.verdict ? L.t("anchor.evidenceUpdated") : L.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]));
 }
 //#endregion
 //#region src/viewer/components/CommentLayer.tsx
-var dn = 28, fn = 300, pn = 14, mn = {
+var fn = 28, pn = 300, mn = 14, hn = {
 	pin: {
 		kVAEAm: "x10l6tqk",
 		kzqmXN: "xgd8bvy",
@@ -239,30 +239,30 @@ var dn = 28, fn = 300, pn = 14, mn = {
 		kjBf7l: "x1ynndj3",
 		$$css: !0
 	}
-}, hn = (e, t) => ({
+}, gn = (e, t) => ({
 	x: e.x + t.x * e.k,
 	y: e.y + t.y * e.k
 });
-function gn(e, t) {
-	let n = e + dn + pn;
-	return n + fn > t - 12 ? Math.max(12, e - pn - fn) : n;
+function _n(e, t) {
+	let n = e + fn + mn;
+	return n + pn > t - 12 ? Math.max(12, e - mn - pn) : n;
 }
-function _n({ 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 } = L(), 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 = _ ? an(_.anchor, n) : null, y = c ? an(c, n) : null;
+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;
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": "comments",
 		className: "x10l6tqk x10a8y8t x47corl xb3r6kr x1q8xho0",
 		children: [
 			g.map((t) => {
-				let r = an(t.anchor, n);
+				let r = on(t.anchor, n);
 				if (!r) return null;
-				let i = hn(e, r), s = t.messages[0]?.author;
+				let i = gn(e, r), s = t.messages[0]?.author;
 				return /* @__PURE__ */ Z("button", {
 					type: "button",
 					"aria-label": h("comments.pin", { number: o.get(t.id) ?? "" }),
 					"data-verdict": t.anchor.verdict,
 					onClick: () => f(t.id === l ? null : t.id),
-					...D(mn.pin, s === "agent" && mn.agent, t.anchor.verdict === "reject" && mn.reject, t.status === "resolved" && mn.resolved, a.has(t.id) && mn.stale, t.id === l && mn.open),
+					...O(hn.pin, s === "agent" && hn.agent, t.anchor.verdict === "reject" && hn.reject, t.status === "resolved" && hn.resolved, a.has(t.id) && hn.stale, t.id === l && hn.open),
 					style: {
 						left: i.x,
 						top: i.y
@@ -273,15 +273,15 @@ function _n({ view: e, page: t, boards: n, width: r, threads: i, stale: a, numbe
 			_ ? /* @__PURE__ */ Z("div", {
 				className: "x10l6tqk xdzyupr x1jcbksy x1odjw0f xixl9f9 x12ilycc x1d5q07e x67bb7w xt0e3qv x1hx0egp",
 				style: v ? {
-					left: gn(hn(e, v).x, r),
-					top: hn(e, v).y - dn
+					left: _n(gn(e, v).x, r),
+					top: gn(e, v).y - fn
 				} : {
 					right: 12,
 					top: 64
 				},
-				children: /* @__PURE__ */ Z(De, {
+				children: /* @__PURE__ */ Z(ke, {
 					thread: _,
-					label: `#${o.get(_.id)} ${sn(_.anchor)}${a.has(_.id) ? ` · ${cn(_.anchor)}` : ""}`,
+					label: `#${o.get(_.id)} ${cn(_.anchor)}${a.has(_.id) ? ` · ${ln(_.anchor)}` : ""}`,
 					actions: u,
 					agent: d,
 					onClose: () => f(null)
@@ -290,21 +290,21 @@ function _n({ view: e, page: t, boards: n, width: r, threads: i, stale: a, numbe
 			c && y ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("span", {
 				className: "x10l6tqk xgd8bvy x1fgtraw x1717udv xrvj5dj x1ku5rj1 x983p9h xdh2fpr x1y0btm7 xg29ltk x10a7yas xfungia xqfszdh x1j6dyjg x1s688f x105ttfm x67bb7w x1ypdohk",
 				style: {
-					left: hn(e, y).x,
-					top: hn(e, y).y
+					left: gn(e, y).x,
+					top: gn(e, y).y
 				}
 			}), /* @__PURE__ */ Q("div", {
 				className: "x10l6tqk xdzyupr x1jcbksy x1odjw0f xixl9f9 x12ilycc x1d5q07e x67bb7w xt0e3qv x1hx0egp",
 				style: {
-					left: gn(hn(e, y).x, r),
-					top: hn(e, y).y - dn
+					left: _n(gn(e, y).x, r),
+					top: gn(e, y).y - fn
 				},
 				children: [
 					/* @__PURE__ */ Z("div", {
 						className: "x78zum5 x6s0dn4 x17d4w8g x889kno xqin4a2 x1j6dyjg xddlp02 xb3r6kr xuxw1ft xlyipyv",
-						children: h("comments.anchoredTo", { label: sn(c) })
+						children: h("comments.anchoredTo", { label: cn(c) })
 					}),
-					/* @__PURE__ */ Z(ze, {
+					/* @__PURE__ */ Z(Be, {
 						autoFocus: !0,
 						placeholder: h("comments.addPlaceholder"),
 						onSubmit: p,
@@ -321,12 +321,12 @@ function _n({ view: e, page: t, boards: n, width: r, threads: i, stale: a, numbe
 }
 //#endregion
 //#region src/viewer/comments/CommentsPanel.tsx
-var vn = (e) => new Date(e).toLocaleTimeString(R.language, {
+var yn = (e) => new Date(e).toLocaleTimeString(L.language, {
 	hour: "2-digit",
 	minute: "2-digit"
 });
-function yn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTab: o, onOpen: s, onClose: c }) {
-	let { t: l } = L(), 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));
+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));
 	return /* @__PURE__ */ Q("aside", {
 		className: "ryugi-inspector",
 		"data-chrome": !0,
@@ -347,7 +347,7 @@ function yn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTa
 						title: l("chrome.closeCommentsTitle"),
 						onClick: c,
 						className: "xvc5jky x1717udv xc342km xjbqb8w xddlp02 xytdrwj x1ypdohk xrvj5dj",
-						children: /* @__PURE__ */ Z(Jt, { size: 14 })
+						children: /* @__PURE__ */ Z(Yt, { size: 14 })
 					})
 				]
 			}),
@@ -375,7 +375,7 @@ function yn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTa
 				className: "x98rzlu x2lwn1j x1odjw0f",
 				children: [f.length === 0 ? /* @__PURE__ */ Q("div", {
 					className: "x78zum5 x6s0dn4 x167g77z x1dypa6k xfifm61 x1bo0w0s",
-					children: [/* @__PURE__ */ Z(Rt, {
+					children: [/* @__PURE__ */ Z(zt, {
 						size: 14,
 						"aria-hidden": !0
 					}), l("comments.emptyCanvas")]
@@ -416,12 +416,12 @@ function yn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTa
 									children: [
 										/* @__PURE__ */ Z("span", {
 											className: "xo2rkog x1s688f",
-											children: t ? Ve(t).label : ""
+											children: t ? He(t).label : ""
 										}),
 										e.status === "resolved" ? /* @__PURE__ */ Z("span", { children: l("common.resolved") }) : null,
 										/* @__PURE__ */ Z("span", {
 											className: "xvc5jky xc7n51q",
-											children: t ? vn(t.at) : ""
+											children: t ? yn(t.at) : ""
 										})
 									]
 								}),
@@ -430,7 +430,7 @@ function yn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTa
 										0: { className: "x8q42hb x1fao0z8 x1s31vzs xddlp02 xb3r6kr xuxw1ft xlyipyv" },
 										1: { className: "x8q42hb x1fao0z8 x1s31vzs xb3r6kr xuxw1ft xlyipyv xy1pa3r" }
 									}[!!o | 0],
-									children: [sn(e.anchor), o ? ` · ${cn(e.anchor)}` : ""]
+									children: [cn(e.anchor), o ? ` · ${ln(e.anchor)}` : ""]
 								}),
 								/* @__PURE__ */ Z("div", {
 									className: "xfifm61 x1dbl2gt xo2rkog x104kibb x1h7i4cw x1ua5tub xb3r6kr xj0a0fe",
@@ -450,13 +450,13 @@ function yn({ threads: e, page: t, stale: n, numbers: r, openId: i, tab: a, onTa
 }
 //#endregion
 //#region src/viewer/components/DebugHud.tsx
-var bn = 1e3, xn = 250, Sn = 33, Cn = [
+var xn = 1e3, Sn = 250, Cn = 33, wn = [
 	"live",
 	"snapshot",
 	"placeholder",
 	"empty"
 ];
-function wn({ renders: e, scaling: t }) {
+function Tn({ renders: e, scaling: t }) {
 	let [n, r] = Y({
 		fps: 0,
 		worst: 0,
@@ -467,21 +467,21 @@ function wn({ renders: e, scaling: t }) {
 			for (e.push({
 				at: o,
 				ms: o - t
-			}), t = o; e.length && o - e[0].at >= bn;) e.shift();
-			if (o - n >= xn) {
+			}), t = o; e.length && o - e[0].at >= xn;) e.shift();
+			if (o - n >= Sn) {
 				n = o;
 				let t = e.reduce((e, t) => e + t.ms, 0);
 				r({
 					fps: t ? Math.round(e.length * 1e3 / t) : 0,
 					worst: Math.round(Math.max(0, ...e.map((e) => e.ms))),
-					slow: e.filter((e) => e.ms > Sn).length
+					slow: e.filter((e) => e.ms > Cn).length
 				});
 			}
 			i = requestAnimationFrame(a);
 		};
 		return i = requestAnimationFrame(a), () => cancelAnimationFrame(i);
 	}, []);
-	let i = Cn.map((t) => `${t} ${[...e.values()].filter((e) => e.tier === t).length}`);
+	let i = wn.map((t) => `${t} ${[...e.values()].filter((e) => e.tier === t).length}`);
 	return /* @__PURE__ */ Z("div", {
 		"data-chrome": "debug",
 		"aria-hidden": "true",
@@ -491,7 +491,7 @@ function wn({ renders: e, scaling: t }) {
 }
 //#endregion
 //#region src/viewer/components/ExpandedBoard.tsx
-function Tn({ id: e, board: n, src: r, interactive: i, onClose: a, parameterAction: o, parameters: s, frameRef: c, onFrameLoad: l }) {
+function En({ id: e, board: n, src: r, interactive: i, onClose: a, parameterAction: o, parameters: s, frameRef: c, onFrameLoad: l }) {
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": !0,
 		className: "x10l6tqk x10a8y8t x1355qak x78zum5 xdt5ytf x184qs1t",
@@ -506,11 +506,11 @@ function Tn({ id: e, board: n, src: r, interactive: i, onClose: a, parameterActi
 					})]
 				}),
 				o,
-				/* @__PURE__ */ Z(Ye, {
-					icon: Jt,
+				/* @__PURE__ */ Z(Xe, {
+					icon: Yt,
 					size: "small",
-					title: V("chrome.closeEsc"),
-					"aria-label": V("chrome.close"),
+					title: B("chrome.closeEsc"),
+					"aria-label": B("chrome.close"),
 					onClick: a
 				})
 			]
@@ -523,7 +523,7 @@ function Tn({ id: e, board: n, src: r, interactive: i, onClose: a, parameterActi
 					height: n.h,
 					marginBottom: 36
 				},
-				children: /* @__PURE__ */ Z(N, {
+				children: /* @__PURE__ */ Z(se, {
 					src: r,
 					title: n.title ?? e,
 					barScale: 1,
@@ -561,7 +561,7 @@ function Tn({ id: e, board: n, src: r, interactive: i, onClose: a, parameterActi
 }
 //#endregion
 //#region src/viewer/lib/handPose.ts
-var En = "M9.2 14H23.4V19.5C23.4 24.5 21 27.6 17 27.6H15.6C12 27.6 9.2 25 9.2 21.5Z", Dn = [
+var Dn = "M9.2 14H23.4V19.5C23.4 24.5 21 27.6 17 27.6H15.6C12 27.6 9.2 25 9.2 21.5Z", On = [
 	[
 		14.5,
 		17.1,
@@ -589,7 +589,7 @@ var En = "M9.2 14H23.4V19.5C23.4 24.5 21 27.6 17 27.6H15.6C12 27.6 9.2 25 9.2 21
 		8,
 		4
 	]
-], On = {
+], kn = {
 	from: {
 		x: 10.85,
 		y: 16.5
@@ -608,7 +608,7 @@ var En = "M9.2 14H23.4V19.5C23.4 24.5 21 27.6 17 27.6H15.6C12 27.6 9.2 25 9.2 21
 		x: 2.9,
 		y: 16.6
 	}]
-}, kn = {
+}, An = {
 	from: {
 		x: 9.8,
 		y: 23
@@ -627,12 +627,12 @@ var En = "M9.2 14H23.4V19.5C23.4 24.5 21 27.6 17 27.6H15.6C12 27.6 9.2 25 9.2 21
 		x: 3.3,
 		y: 19.4
 	}]
-}, An = (e) => Math.round(e * 100) / 100, jn = (e, t, n) => An(e + (t - e) * n), Mn = ([e, t], n) => ({
-	x: jn(e.x, t.x, n),
-	y: jn(e.y, t.y, n)
+}, jn = (e) => Math.round(e * 100) / 100, Mn = (e, t, n) => jn(e + (t - e) * n), Nn = ([e, t], n) => ({
+	x: Mn(e.x, t.x, n),
+	y: Mn(e.y, t.y, n)
 });
-function Nn(e, t) {
-	let n = Mn(e.control, t), r = Mn(e.tip, t), { from: i } = e;
+function Pn(e, t) {
+	let n = Nn(e.control, t), r = Nn(e.tip, t), { from: i } = e;
 	return {
 		from: i,
 		control: n,
@@ -640,19 +640,19 @@ function Nn(e, t) {
 		d: `M${i.x} ${i.y}Q${n.x} ${n.y} ${r.x} ${r.y}`
 	};
 }
-function Pn(e, t) {
+function Fn(e, t) {
 	return {
-		index: Nn(On, e),
-		thumb: Nn(kn, e),
-		fingers: Dn.map(([e, n, r, i, a, o, s]) => {
-			let c = jn(i, a, t);
+		index: Pn(kn, e),
+		thumb: Pn(An, e),
+		fingers: On.map(([e, n, r, i, a, o, s]) => {
+			let c = Mn(i, a, t);
 			return {
 				x: e - r / 2,
-				y: An(n - c),
+				y: jn(n - c),
 				width: r,
 				height: c,
 				radius: r / 2,
-				transform: `rotate(${jn(o, s, t)} ${e} ${n})`
+				transform: `rotate(${Mn(o, s, t)} ${e} ${n})`
 			};
 		}),
 		seam: Math.min(1, Math.max(0, e * 1.6))
@@ -660,7 +660,7 @@ function Pn(e, t) {
 }
 //#endregion
 //#region src/viewer/lib/spring.ts
-function Fn({ value: e, velocity: t }, n, r, i = 520, a = 28) {
+function In({ value: e, velocity: t }, n, r, i = 520, a = 28) {
 	let o = t + (i * (n - e) - a * t) * r;
 	return {
 		value: e + o * r,
@@ -669,8 +669,8 @@ function Fn({ value: e, velocity: t }, n, r, i = 520, a = 28) {
 }
 //#endregion
 //#region src/viewer/components/HandCursor.tsx
-var In = "#423d38", Ln = 30, Rn = "[data-hand-drawn], [data-hand-drawn] * { cursor: none !important; }", zn = (e) => Math.round(e * 100) / 100, Bn = (e, t) => Math.abs(e.value - t) < 5e-4 && Math.abs(e.velocity) < .005;
-function Vn({ viewport: e, hand: t }) {
+var Ln = "#423d38", Rn = 30, zn = "[data-hand-drawn], [data-hand-drawn] * { cursor: none !important; }", Bn = (e) => Math.round(e * 100) / 100, Vn = (e, t) => Math.abs(e.value - t) < 5e-4 && Math.abs(e.velocity) < .005;
+function Hn({ viewport: e, hand: t }) {
 	let n = J(null), r = J(t !== null), [i, a] = Y(null), [o, s] = Y({
 		pinch: 0,
 		curl: 0
@@ -702,13 +702,13 @@ function Vn({ viewport: e, hand: t }) {
 		return t.addEventListener("pointermove", o), t.addEventListener("pointerdown", o), t.addEventListener("pointerover", s), t.addEventListener("pointerleave", c), () => {
 			t.removeEventListener("pointermove", o), t.removeEventListener("pointerdown", o), t.removeEventListener("pointerover", s), t.removeEventListener("pointerleave", c);
 		};
-	}, [e]), Ge(() => {
+	}, [e]), Ke(() => {
 		r.current = t !== null, a(r.current ? n.current : null);
-	}, [t]), Ge(() => {
+	}, [t]), Ke(() => {
 		e.current?.toggleAttribute("data-hand-drawn", u);
 	}, [e, u]), K(() => {
 		let e = c.current, t = e.goal;
-		if (e.goal = l, Bn(e.pinch, l) && Bn(e.curl, l)) return;
+		if (e.goal = l, Vn(e.pinch, l) && Vn(e.curl, l)) return;
 		if (matchMedia("(prefers-reduced-motion: reduce)").matches) {
 			e.pinch = {
 				value: l,
@@ -725,8 +725,8 @@ function Vn({ viewport: e, hand: t }) {
 		let n = performance.now(), r = n, i = 0, a = (o) => {
 			let c = Math.min(1 / 30, (o - r) / 1e3);
 			r = o;
-			let u = o - n >= Ln ? l : t;
-			e.pinch = Fn(e.pinch, l, c), e.curl = Fn(e.curl, u, c), u === l && Bn(e.pinch, l) && Bn(e.curl, l) ? (e.pinch = {
+			let u = o - n >= Rn ? l : t;
+			e.pinch = In(e.pinch, l, c), e.curl = In(e.curl, u, c), u === l && Vn(e.pinch, l) && Vn(e.curl, l) ? (e.pinch = {
 				value: l,
 				velocity: 0
 			}, e.curl = {
@@ -739,7 +739,7 @@ function Vn({ viewport: e, hand: t }) {
 		};
 		return i = requestAnimationFrame(a), () => cancelAnimationFrame(i);
 	}, [l]), !u) return null;
-	let { index: d, thumb: f, fingers: p, seam: m } = Pn(o.pinch, o.curl), h = p.map((e, t) => /* @__PURE__ */ Z("rect", {
+	let { index: d, thumb: f, fingers: p, seam: m } = Fn(o.pinch, o.curl), h = p.map((e, t) => /* @__PURE__ */ Z("rect", {
 		x: e.x,
 		y: e.y,
 		width: e.width,
@@ -747,10 +747,10 @@ function Vn({ viewport: e, hand: t }) {
 		rx: e.radius,
 		transform: e.transform
 	}, t));
-	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("style", { children: Rn }), /* @__PURE__ */ Q("svg", {
+	return /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("style", { children: zn }), /* @__PURE__ */ Q("svg", {
 		"data-hand-cursor": "",
-		"data-pinch": zn(o.pinch),
-		"data-curl": zn(o.curl),
+		"data-pinch": Bn(o.pinch),
+		"data-curl": Bn(o.curl),
 		width: "32",
 		height: "32",
 		viewBox: "0 0 32 32",
@@ -759,15 +759,15 @@ function Vn({ viewport: e, hand: t }) {
 		style: { transform: `translate(${i.x - 16}px, ${i.y - 16}px)` },
 		children: [
 			/* @__PURE__ */ Q("g", {
-				fill: In,
-				stroke: In,
+				fill: Ln,
+				stroke: Ln,
 				strokeWidth: "2",
 				strokeLinejoin: "round",
-				children: [h, /* @__PURE__ */ Z("path", { d: En })]
+				children: [h, /* @__PURE__ */ Z("path", { d: Dn })]
 			}),
 			/* @__PURE__ */ Q("g", {
 				fill: "none",
-				stroke: In,
+				stroke: Ln,
 				strokeLinecap: "round",
 				children: [/* @__PURE__ */ Z("path", {
 					d: d.d,
@@ -779,7 +779,7 @@ function Vn({ viewport: e, hand: t }) {
 			}),
 			/* @__PURE__ */ Q("g", {
 				fill: "#fff",
-				children: [h, /* @__PURE__ */ Z("path", { d: En })]
+				children: [h, /* @__PURE__ */ Z("path", { d: Dn })]
 			}),
 			/* @__PURE__ */ Z("path", {
 				d: d.d,
@@ -791,7 +791,7 @@ function Vn({ viewport: e, hand: t }) {
 			/* @__PURE__ */ Z("path", {
 				d: f.d,
 				fill: "none",
-				stroke: In,
+				stroke: Ln,
 				strokeOpacity: m,
 				strokeWidth: "6",
 				strokeLinecap: "round"
@@ -804,7 +804,7 @@ function Vn({ viewport: e, hand: t }) {
 				strokeLinecap: "round"
 			}),
 			/* @__PURE__ */ Z("path", {
-				d: En,
+				d: Dn,
 				fill: "#fff"
 			})
 		]
@@ -812,21 +812,21 @@ function Vn({ viewport: e, hand: t }) {
 }
 //#endregion
 //#region src/viewer/verdicts/GroupVerdict.tsx
-var Hn = (e, t) => new Date(e).toLocaleTimeString(t, {
+var Un = (e, t) => new Date(e).toLocaleTimeString(t, {
 	hour: "2-digit",
 	minute: "2-digit",
 	hour12: !1
 });
-function Un({ verdict: e, evidenceAt: t, canJudge: n, onPass: r, onReject: i, onUndo: a }) {
-	let { t: o, i18n: s } = L();
+function Wn({ verdict: e, evidenceAt: t, canJudge: n, onPass: r, onReject: i, onUndo: a }) {
+	let { t: o, i18n: s } = F();
 	return e.state === "pass" ? /* @__PURE__ */ Q(X, { children: [
 		/* @__PURE__ */ Q("span", {
 			className: "x78zum5 x6s0dn4 x17d4w8g x1hm9lzh xk50ysn xvn0vjr",
-			children: [/* @__PURE__ */ Z(_t, { size: 13 }), o("verdict.passed")]
+			children: [/* @__PURE__ */ Z(vt, { size: 13 }), o("verdict.passed")]
 		}),
 		e.at && /* @__PURE__ */ Z("span", {
 			className: "xo1l8bm xfifm61 xddlp02",
-			children: Hn(e.at, s.language)
+			children: Un(e.at, s.language)
 		}),
 		n && /* @__PURE__ */ Z("button", {
 			type: "button",
@@ -836,7 +836,7 @@ function Un({ verdict: e, evidenceAt: t, canJudge: n, onPass: r, onReject: i, on
 		})
 	] }) : e.state === "reject" ? /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Q("span", {
 		className: "x78zum5 x6s0dn4 x17d4w8g x1hm9lzh xk50ysn x104s22n",
-		children: [/* @__PURE__ */ Z(Jt, { size: 13 }), o("verdict.rejected")]
+		children: [/* @__PURE__ */ Z(Yt, { size: 13 }), o("verdict.rejected")]
 	}), /* @__PURE__ */ Z("span", {
 		className: "xo1l8bm xfifm61 xddlp02",
 		children: o("verdict.waitingFix", { count: e.rejectThreads })
@@ -847,7 +847,7 @@ function Un({ verdict: e, evidenceAt: t, canJudge: n, onPass: r, onReject: i, on
 		}),
 		e.evidenceUpdated && t > 0 && /* @__PURE__ */ Z("span", {
 			className: "xo1l8bm xfifm61 xddlp02",
-			children: o("verdict.evidenceUpdatedAt", { time: Hn(t, s.language) })
+			children: o("verdict.evidenceUpdatedAt", { time: Un(t, s.language) })
 		}),
 		n && /* @__PURE__ */ Q(X, { children: [
 			/* @__PURE__ */ Z("span", { className: "x1i1rx1s x1kpxq89 xjgtzcg xcn5yip" }),
@@ -855,32 +855,32 @@ function Un({ verdict: e, evidenceAt: t, canJudge: n, onPass: r, onReject: i, on
 				type: "button",
 				onClick: r,
 				className: "x78zum5 x6s0dn4 x1nejdyq x1717udv xc342km xjbqb8w xjb2p0i x1qlqyl8 xk50ysn x1ypdohk x1bo0w0s x1de4qr5",
-				children: [/* @__PURE__ */ Z(_t, { size: 13 }), o("verdict.pass")]
+				children: [/* @__PURE__ */ Z(vt, { size: 13 }), o("verdict.pass")]
 			}),
 			/* @__PURE__ */ Q("button", {
 				type: "button",
 				onClick: i,
 				className: "x78zum5 x6s0dn4 x1nejdyq x1717udv xc342km xjbqb8w xjb2p0i x1qlqyl8 xk50ysn x1ypdohk x1bo0w0s xm31nxl",
-				children: [/* @__PURE__ */ Z(Jt, { size: 13 }), o("verdict.reject")]
+				children: [/* @__PURE__ */ Z(Yt, { size: 13 }), o("verdict.reject")]
 			})
 		] })
 	] });
 }
 //#endregion
 //#region src/viewer/components/Labels.tsx
-var Wn = 150, Gn = 240, Kn = 12, qn = 13, Jn = 26, Yn = (e, t) => e === null ? null : e / t;
-function Xn(e, t) {
+var Gn = 150, Kn = 240, qn = 12, Jn = 13, Yn = 26, Xn = (e, t) => e === null ? null : e / t;
+function Zn(e, t) {
 	let n = document.createElement("a");
 	n.href = e, n.download = t, n.click();
 }
-function Zn({ view: e, boards: n, groups: r, allBoards: a, contentBase: o, versions: s, pending: u, playing: d, onExpand: f, onTogglePlay: p, onReplay: m, parameters: h, activeParameters: _, onToggleParameters: v, verdicts: y }) {
-	let b = Yn(i(g, e.k), qn), x = Yn(i(c, e.k), Kn);
+function Qn({ view: e, boards: n, groups: r, allBoards: i, contentBase: o, versions: s, pending: c, playing: l, onExpand: u, onTogglePlay: d, onReplay: f, parameters: p, activeParameters: m, onToggleParameters: g, verdicts: _ }) {
+	let y = Xn(C(h, e.k), Jn), b = Xn(C(v, e.k), qn);
 	return /* @__PURE__ */ Q("div", {
 		className: "x10l6tqk x10a8y8t x47corl xb3r6kr",
-		children: [b !== null && r.map(([t, n]) => {
-			let r = n.boards.map((e) => a[e]).filter((e) => !!e);
+		children: [y !== null && r.map(([t, n]) => {
+			let r = n.boards.map((e) => i[e]).filter((e) => !!e);
 			if (r.length === 0) return null;
-			let i = Math.min(...r.map((e) => e.x)), o = Math.min(...r.map((e) => e.y)), s = y?.states[t];
+			let a = Math.min(...r.map((e) => e.x)), o = Math.min(...r.map((e) => e.y)), s = _?.states[t];
 			return /* @__PURE__ */ Q("div", {
 				"data-group-label": t,
 				"data-chrome": s ? "group-label" : void 0,
@@ -889,9 +889,9 @@ function Zn({ view: e, boards: n, groups: r, allBoards: a, contentBase: o, versi
 					1: { className: "x10l6tqk x78zum5 x6s0dn4 x17d4w8g x1hj3fc7 x4z9k3i x1s688f xo2rkog xuxw1ft x67bb7w" }
 				}[!!s | 0],
 				style: {
-					left: e.x + i * e.k,
+					left: e.x + a * e.k,
 					top: e.y + o * e.k,
-					transform: `scale(${b}) translateY(calc(-100% - ${Jn}px))`
+					transform: `scale(${y}) translateY(calc(-100% - ${Yn}px))`
 				},
 				children: [
 					/* @__PURE__ */ Z("span", {
@@ -899,28 +899,28 @@ function Zn({ view: e, boards: n, groups: r, allBoards: a, contentBase: o, versi
 						children: t
 					}),
 					n.title,
-					s && y && /* @__PURE__ */ Z(Un, {
+					s && _ && /* @__PURE__ */ Z(Wn, {
 						verdict: s,
-						evidenceAt: y.evidenceAt(t),
-						canJudge: y.canJudge,
-						onPass: () => y.pass(t),
-						onReject: () => y.startReject(t),
-						onUndo: () => y.undoPass(t)
+						evidenceAt: _.evidenceAt(t),
+						canJudge: _.canJudge,
+						onPass: () => _.pass(t),
+						onReject: () => _.startReject(t),
+						onUndo: () => _.undoPass(t)
 					})
 				]
 			}, t);
-		}), x !== null && n.map(([n, r]) => {
-			let i = l(r, e);
+		}), b !== null && n.map(([n, r]) => {
+			let i = a(r, e);
 			if (!i) return null;
-			let a = i.width / x, c = ae(s, r.file) && !u.has(n), g = c && P(r, s);
+			let h = i.width / b, _ = M(s, r.file) && !c.has(n), v = _ && N(r, s);
 			return /* @__PURE__ */ Q("div", {
 				"data-chrome": "board-label",
 				className: "x10l6tqk x78zum5 x6s0dn4 xxk0z11 x1hj3fc7 x1120s5i x1bo0w0s x67bb7w",
 				style: {
 					left: i.left,
 					top: i.top,
-					width: a,
-					transform: `scale(${x}) translateY(-100%)`
+					width: h,
+					transform: `scale(${b}) translateY(-100%)`
 				},
 				children: [
 					/* @__PURE__ */ Q("span", {
@@ -929,7 +929,7 @@ function Zn({ view: e, boards: n, groups: r, allBoards: a, contentBase: o, versi
 							t(r) && /* @__PURE__ */ Z("span", {
 								"data-board-type": r.type,
 								className: "x2lah0s xamitd3 x78zum5 xddlp02",
-								children: r.type === "video" ? /* @__PURE__ */ Z(jt, { size: 12 }) : /* @__PURE__ */ Z(Ft, { size: 12 })
+								children: r.type === "video" ? /* @__PURE__ */ Z(Mt, { size: 12 }) : /* @__PURE__ */ Z(It, { size: 12 })
 							}),
 							r.title ?? n,
 							/* @__PURE__ */ Z("span", {
@@ -938,64 +938,64 @@ function Zn({ view: e, boards: n, groups: r, allBoards: a, contentBase: o, versi
 							})
 						]
 					}),
-					c && a >= Wn && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Ye, {
-						icon: Lt,
+					_ && h >= Gn && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Xe, {
+						icon: Rt,
 						size: {
 							blockSize: 22,
 							size: 13
 						},
-						title: V("chrome.expand"),
-						"aria-label": V("chrome.expandBoard", { id: n }),
-						onClick: () => f(n)
-					}), /* @__PURE__ */ Z(Ye, {
-						icon: kt,
+						title: B("chrome.expand"),
+						"aria-label": B("chrome.expandBoard", { id: n }),
+						onClick: () => u(n)
+					}), /* @__PURE__ */ Z(Xe, {
+						icon: At,
 						size: {
 							blockSize: 22,
 							size: 13
 						},
-						title: V("chrome.download"),
-						"aria-label": V("chrome.downloadBoard", { id: n }),
-						onClick: () => Xn(`${o}${r.file}`, r.file.split("/").pop() ?? `${n}.html`)
+						title: B("chrome.download"),
+						"aria-label": B("chrome.downloadBoard", { id: n }),
+						onClick: () => Zn(`${o}${r.file}`, r.file.split("/").pop() ?? `${n}.html`)
 					})] }),
-					c && h?.[n] !== void 0 && a >= Wn && /* @__PURE__ */ Q("button", {
+					_ && p?.[n] !== void 0 && h >= Gn && /* @__PURE__ */ Q("button", {
 						type: "button",
-						"aria-label": V("chrome.parametersBoard", { id: n }),
-						"aria-expanded": _ === n,
-						onClick: (e) => v?.(n, e.currentTarget),
+						"aria-label": B("chrome.parametersBoard", { id: n }),
+						"aria-expanded": m === n,
+						onClick: (e) => g?.(n, e.currentTarget),
 						...{
 							0: { className: "x78zum5 x6s0dn4 x1jnr06f x1qx5ct2 xdwrcjd xlkn9b3 xmkeg23 x1y0btm7 x1lvdfi3 x1kogg8i xjbqb8w x12zwl0d x12ogdgn xqfszdh x1j6dyjg x1s688f x1vyo3qp x1ypdohk" },
 							1: { className: "x78zum5 x6s0dn4 x1jnr06f x1qx5ct2 xdwrcjd xlkn9b3 xmkeg23 x1y0btm7 x1lvdfi3 x1kogg8i xqfszdh x1j6dyjg x1s688f x1vyo3qp x1ypdohk xyq41xo x1oo6j1a x1f7m26b" }
-						}[_ === n | 0],
+						}[m === n | 0],
 						children: [
-							/* @__PURE__ */ Z(Gt, { size: 11 }),
-							V("chrome.parameters"),
+							/* @__PURE__ */ Z(Kt, { size: 11 }),
+							B("chrome.parameters"),
 							" ",
-							h[n] || "!"
+							p[n] || "!"
 						]
 					}),
-					g && a >= Gn && d.has(n) && /* @__PURE__ */ Z(Ye, {
-						icon: Ut,
+					v && h >= Kn && l.has(n) && /* @__PURE__ */ Z(Xe, {
+						icon: Wt,
 						size: {
 							blockSize: 22,
 							size: 13
 						},
-						title: V("chrome.replay"),
-						"aria-label": V("chrome.replayBoard", { id: n }),
-						onClick: () => m(n)
+						title: B("chrome.replay"),
+						"aria-label": B("chrome.replayBoard", { id: n }),
+						onClick: () => f(n)
 					}),
-					g && a >= Gn && /* @__PURE__ */ Q("button", {
+					v && h >= Kn && /* @__PURE__ */ Q("button", {
 						type: "button",
-						"aria-pressed": d.has(n),
-						"aria-label": d.has(n) ? V("chrome.stopBoard", { id: n }) : V("chrome.playBoard", { id: n }),
-						onClick: () => p(n),
+						"aria-pressed": l.has(n),
+						"aria-label": l.has(n) ? B("chrome.stopBoard", { id: n }) : B("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" },
 							1: { className: "x78zum5 x6s0dn4 x1jnr06f x1qx5ct2 xdwrcjd xlkn9b3 xmkeg23 x1y0btm7 x1lvdfi3 x1kogg8i xqfszdh x1j6dyjg x1s688f x1vyo3qp x1ypdohk xyq41xo x1oo6j1a x1f7m26b" }
-						}[!!d.has(n) | 0],
-						children: [/* @__PURE__ */ Z(Ht, {
+						}[!!l.has(n) | 0],
+						children: [/* @__PURE__ */ Z(Ut, {
 							size: 11,
 							strokeWidth: 2.4
-						}), d.has(n) ? V("chrome.playing") : V("chrome.play")]
+						}), l.has(n) ? B("chrome.playing") : B("chrome.play")]
 					})
 				]
 			}, n);
@@ -1004,18 +1004,18 @@ function Zn({ view: e, boards: n, groups: r, allBoards: a, contentBase: o, versi
 }
 //#endregion
 //#region src/viewer/components/Toolbar.tsx
-function Qn({ pages: e, page: t, onPageChange: n, tool: r, onToolChange: i, commenting: a = !1 }) {
-	let { t: o } = L(), s = e.find((e) => e.id === t);
+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);
 	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",
 		children: [
-			/* @__PURE__ */ Z(Qe, {
+			/* @__PURE__ */ Z($e, {
 				placement: "bottomLeft",
 				items: e.map((e) => ({
 					key: e.id,
 					label: e.name,
-					icon: e.id === t ? _t : void 0,
+					icon: e.id === t ? vt : void 0,
 					onClick: () => n(e.id)
 				})),
 				children: /* @__PURE__ */ Q("button", {
@@ -1025,31 +1025,31 @@ function Qn({ pages: e, page: t, onPageChange: n, tool: r, onToolChange: i, comm
 					children: [/* @__PURE__ */ Z("span", {
 						className: "x1s688f x1racy4e xb3r6kr xlyipyv",
 						children: s?.name ?? o("chrome.noPages")
-					}), /* @__PURE__ */ Z(yt, {
+					}), /* @__PURE__ */ Z(bt, {
 						size: 14,
 						className: "xddlp02"
 					})]
 				})
 			}),
 			/* @__PURE__ */ Z("span", { className: "x1i1rx1s xlup9mm xjgtzcg xh6qj2i" }),
-			/* @__PURE__ */ Z(Ye, {
-				icon: Bt,
+			/* @__PURE__ */ Z(Xe, {
+				icon: Vt,
 				size: "small",
 				active: r === "select",
 				title: o("chrome.selectTitle"),
 				"aria-label": o("chrome.select"),
 				onClick: () => i("select")
 			}),
-			/* @__PURE__ */ Z(Ye, {
-				icon: Pt,
+			/* @__PURE__ */ Z(Xe, {
+				icon: Ft,
 				size: "small",
 				active: r === "hand",
 				title: o("chrome.handTitle"),
 				"aria-label": o("chrome.hand"),
 				onClick: () => i("hand")
 			}),
-			a ? /* @__PURE__ */ Z(Ye, {
-				icon: Rt,
+			a ? /* @__PURE__ */ Z(Xe, {
+				icon: zt,
 				size: "small",
 				active: r === "comment",
 				title: o("chrome.commentTitle"),
@@ -1059,8 +1059,8 @@ function Qn({ pages: e, page: t, onPageChange: n, tool: r, onToolChange: i, comm
 		]
 	});
 }
-function $n({ 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 } = L(), p = (e) => /* @__PURE__ */ Z("span", {
+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", {
 		className: "xddlp02 x1fao0z8 xfifm61",
 		children: e
 	});
@@ -1073,7 +1073,7 @@ function $n({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut:
 				title: f("verdict.nextPending"),
 				onClick: d,
 				className: "x78zum5 x6s0dn4 x17d4w8g x1gnnpzl x1xijbu4 xc342km xjbqb8w x1bo0w0s xqfszdh x4z9k3i xk50ysn x1ypdohk",
-				children: [/* @__PURE__ */ Z(_t, {
+				children: [/* @__PURE__ */ Z(vt, {
 					size: 13,
 					className: "xvn0vjr"
 				}), f("verdict.progress", {
@@ -1089,7 +1089,7 @@ function $n({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut:
 					1: { className: "xci0xqf x1hagigm x16rqkct xux1nz0 x1s780dp xaatb59 x1ucus7e" }
 				}[!!t | 0] })
 			}),
-			n.length > 0 && /* @__PURE__ */ Z(rt, {
+			n.length > 0 && /* @__PURE__ */ Z(it, {
 				placement: "bottomRight",
 				content: /* @__PURE__ */ Z("ul", {
 					className: "x1ghz6dp x12ulsxz xwn43p0 x1lr1uin x4z9k3i x1dbl2gt",
@@ -1102,8 +1102,8 @@ function $n({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut:
 				})
 			}),
 			/* @__PURE__ */ Z("span", { className: "x1i1rx1s xlup9mm xjgtzcg xh6qj2i" }),
-			/* @__PURE__ */ Z(Ye, {
-				icon: Vt,
+			/* @__PURE__ */ Z(Xe, {
+				icon: Ht,
 				size: "small",
 				active: c,
 				"aria-label": f("chrome.toggleInspector"),
@@ -1111,7 +1111,7 @@ function $n({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut:
 				title: f("chrome.inspector"),
 				onClick: l
 			}),
-			/* @__PURE__ */ Z(Qe, {
+			/* @__PURE__ */ Z($e, {
 				placement: "bottomRight",
 				items: [
 					{
@@ -1146,7 +1146,7 @@ function $n({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut:
 					children: [/* @__PURE__ */ Q("span", {
 						className: "xss6m8b x15hfatp x1hr2gdg",
 						children: [Math.round(r * 100), "%"]
-					}), /* @__PURE__ */ Z(yt, {
+					}), /* @__PURE__ */ Z(bt, {
 						size: 14,
 						className: "xddlp02"
 					})]
@@ -1158,24 +1158,24 @@ function $n({ actions: e, live: t, warnings: n, zoom: r, onZoomIn: i, onZoomOut:
 }
 //#endregion
 //#region src/viewer/lib/board-comments.ts
-var er = (e) => typeof e == "object" && !!e && Array.isArray(e.threads), tr = (e) => Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
-function nr(e) {
-	return er(e.comments) ? {
+var tr = (e) => typeof e == "object" && !!e && Array.isArray(e.threads), nr = (e) => Array.isArray(e) ? e.filter((e) => typeof e == "string") : [];
+function rr(e) {
+	return tr(e.comments) ? {
 		comments: e.comments,
-		stale: tr(e.staleThreads)
+		stale: nr(e.staleThreads)
 	} : null;
 }
-function rr(e, t) {
+function ir(e, t) {
 	if (typeof e != "object" || !e) return null;
 	let n = e;
-	return n.type !== "board-comments" || t !== null && n.artifact !== t || !er(n.comments) ? null : {
+	return n.type !== "board-comments" || t !== null && n.artifact !== t || !tr(n.comments) ? null : {
 		comments: n.comments,
-		stale: tr(n.stale)
+		stale: nr(n.stale)
 	};
 }
 //#endregion
 //#region src/viewer/lib/payload.ts
-function ir(e, t) {
+function ar(e, t) {
 	return t.canvas === null && e.canvas !== null ? {
 		...e,
 		warnings: t.warnings,
@@ -1190,7 +1190,7 @@ function ir(e, t) {
 }
 //#endregion
 //#region src/viewer/hooks/useCanvasData.ts
-var ar = {
+var or = {
 	canvas: null,
 	warnings: [],
 	pending: [],
@@ -1199,17 +1199,17 @@ var ar = {
 	contentBase: "",
 	stale: !1
 };
-function or({ live: e, revision: t, load: n, send: r, boardComments: i, comment: a }) {
-	let [o, s] = Y(ar), [c, l] = Y(!1), [u, d] = Y(null);
+function sr({ live: e, revision: t, load: n, send: r, boardComments: i, comment: a }) {
+	let [o, s] = Y(or), [c, l] = Y(!1), [u, d] = Y(null);
 	return K(() => {
 		let e = !1;
 		return n().then(({ data: t }) => {
 			if (e) return;
-			s((e) => ir(e, {
-				...ar,
+			s((e) => ar(e, {
+				...or,
 				...t
 			}));
-			let n = nr(t);
+			let n = rr(t);
 			n && d(n), l(!0);
 		}, () => !e && l(!0)), () => {
 			e = !0;
@@ -1227,8 +1227,8 @@ function or({ live: e, revision: t, load: n, send: r, boardComments: i, comment:
 }
 //#endregion
 //#region src/viewer/hooks/useBoardComments.ts
-function sr({ comments: e, comment: t, page: n, boards: r, inspector: i }) {
-	let [a, o] = Y(null), [s, c] = Y(null), l = J(null), u = q(() => e?.comments.threads ?? [], [e]), d = q(() => new Set(e?.stale ?? []), [e]), f = q(() => un(u), [u]);
+function cr({ comments: e, comment: t, page: n, boards: r, inspector: i }) {
+	let [a, o] = Y(null), [s, c] = Y(null), l = J(null), u = q(() => e?.comments.threads ?? [], [e]), d = q(() => new Set(e?.stale ?? []), [e]), f = q(() => dn(u), [u]);
 	K(() => {
 		o(null), c(null);
 	}, [n]);
@@ -1256,7 +1256,7 @@ function sr({ comments: e, comment: t, page: n, boards: r, inspector: i }) {
 			let r = l.current;
 			if (l.current = null, t.phase !== "cancel" || !r || r.boardId !== e) return;
 			let a = i.hover, o = a && a.boardId === e && a.id === r.id ? a.rect : void 0, s = p(e, r.id);
-			m(nn(n, e, r, o && s ? {
+			m(rn(n, e, r, o && s ? {
 				rect: o,
 				path: s
 			} : void 0));
@@ -1269,10 +1269,10 @@ function sr({ comments: e, comment: t, page: n, boards: r, inspector: i }) {
 		onCanvasClick: G((e) => {
 			if (!n) return;
 			let t = Object.entries(r).find(([, t]) => t.page === n && e.x >= t.x && e.x <= t.x + t.w && e.y >= t.y && e.y <= t.y + t.h);
-			m(t ? nn(n, t[0], {
+			m(t ? rn(n, t[0], {
 				x: e.x - t[1].x,
 				y: e.y - t[1].y
-			}) : nn(n, null, e));
+			}) : rn(n, null, e));
 		}, [
 			n,
 			r,
@@ -1280,7 +1280,7 @@ function sr({ comments: e, comment: t, page: n, boards: r, inspector: i }) {
 		]),
 		commentSelection: G(() => {
 			if (!n) return !1;
-			let e = rn(n, i.selectedTargets.map((e) => ({
+			let e = an(n, i.selectedTargets.map((e) => ({
 				boardId: e.boardId,
 				rect: e.rect,
 				path: p(e.boardId, e.id)
@@ -1343,14 +1343,14 @@ function sr({ comments: e, comment: t, page: n, boards: r, inspector: i }) {
 }
 //#endregion
 //#region src/shared/thumbnail.ts
-var cr = "<style>:root{--ink:#333;--muted:#85817c;--paper:#fff;--bg:#f3f2f0;--border:#dedcd7;--block:#f2f1ee;--alert:#f7eee4}@media (prefers-color-scheme: dark){:root{--ink:#e5e5e5;--muted:#a0a0a0;--paper:#292929;--bg:#1c1c1c;--border:#424242;--block:#353535;--alert:#3b342e}}text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}rect{stroke-width:.8;vector-effect:non-scaling-stroke}</style>", lr = (e) => e.replace(/[&<>"']/g, (e) => ({
+var lr = "<style>:root{--ink:#333;--muted:#85817c;--paper:#fff;--bg:#f3f2f0;--border:#dedcd7;--block:#f2f1ee;--alert:#f7eee4}@media (prefers-color-scheme: dark){:root{--ink:#e5e5e5;--muted:#a0a0a0;--paper:#292929;--bg:#1c1c1c;--border:#424242;--block:#353535;--alert:#3b342e}}text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}rect{stroke-width:.8;vector-effect:non-scaling-stroke}</style>", ur = (e) => e.replace(/[&<>"']/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;",
 	"'": "&apos;"
-})[e]), ur = (e, t, n, r, i = "var(--paper)", a = "none") => `<rect x="${e}" y="${t}" width="${n}" height="${r}" fill="${i}" stroke="${a}"/>`, dr = (e, t, n, r = 9, i = "var(--ink)", a = 400) => `<text x="${e}" y="${t}" font-size="${r}" fill="${i}" font-weight="${a}">${lr(n)}</text>`;
-function fr(e, t, n, r) {
+})[e]), dr = (e, t, n, r, i = "var(--paper)", a = "none") => `<rect x="${e}" y="${t}" width="${n}" height="${r}" fill="${i}" stroke="${a}"/>`, fr = (e, t, n, r = 9, i = "var(--ink)", a = 400) => `<text x="${e}" y="${t}" font-size="${r}" fill="${i}" font-weight="${a}">${ur(n)}</text>`;
+function pr(e, t, n, r) {
 	let i = [], a = "", o = 0;
 	for (let s of e.slice(0, 4e3)) {
 		let e = t * (s.codePointAt(0) >= 11904 ? 1 : .55);
@@ -1362,14 +1362,14 @@ function fr(e, t, n, r) {
 	}
 	return a && i.push(a), i;
 }
-function pr(e) {
-	let t = (e) => Math.round(Number.isFinite(e) ? Math.min(1e5, Math.max(1, e)) : 1), n = t(e.w), r = t(e.h), i = Math.max(1, Math.round(Math.min(n / 14, r / 6))), a = fr(e.title || e.id, i, n * .8, 2), o = r / 2 - a.length * i * 1.25 / 2 + i * .8, s = a.map((e, t) => dr(n / 2, o + t * i * 1.25, e, i, "var(--ink)", 600)).join(""), c = e.title ? dr(n / 2, o + a.length * i * 1.25 + i * .3, e.id, Math.max(1, Math.round(i * .55)), "var(--muted)") : "";
-	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${n} ${r}" width="${n}" height="${r}"><title>${lr(e.title || e.id)}</title>${cr}<style>text{text-anchor:middle}</style>${ur(0, 0, n, r, "var(--paper)", "var(--border)")}${s}${c}</svg>`;
+function mr(e) {
+	let t = (e) => Math.round(Number.isFinite(e) ? Math.min(1e5, Math.max(1, e)) : 1), n = t(e.w), r = t(e.h), i = Math.max(1, Math.round(Math.min(n / 14, r / 6))), a = pr(e.title || e.id, i, n * .8, 2), o = r / 2 - a.length * i * 1.25 / 2 + i * .8, s = a.map((e, t) => fr(n / 2, o + t * i * 1.25, e, i, "var(--ink)", 600)).join(""), c = e.title ? fr(n / 2, o + a.length * i * 1.25 + i * .3, e.id, Math.max(1, Math.round(i * .55)), "var(--muted)") : "";
+	return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${n} ${r}" width="${n}" height="${r}"><title>${ur(e.title || e.id)}</title>${lr}<style>text{text-anchor:middle}</style>${dr(0, 0, n, r, "var(--paper)", "var(--border)")}${s}${c}</svg>`;
 }
 //#endregion
 //#region src/viewer/lib/snapshot-store.ts
-var mr = 80, hr = 400, gr = ({ artifact: e, file: t, version: n, scheme: r, w: i, h: a }) => `${e}|${t}|${n}|${r}|${i}x${a}`;
-async function _r(e, t, n) {
+var hr = 80, gr = 400, _r = ({ artifact: e, file: t, version: n, scheme: r, w: i, h: a }) => `${e}|${t}|${n}|${r}|${i}x${a}`;
+async function vr(e, t, n) {
 	let r = await createImageBitmap(e, {
 		resizeWidth: Math.max(1, t),
 		resizeHeight: Math.max(1, n),
@@ -1377,7 +1377,7 @@ async function _r(e, t, n) {
 	}), i = new OffscreenCanvas(r.width, r.height);
 	return i.getContext("2d").drawImage(r, 0, 0), r.close(), i.convertToBlob({ type: "image/png" });
 }
-function vr(e = typeof indexedDB > "u" ? void 0 : indexedDB) {
+function yr(e = typeof indexedDB > "u" ? void 0 : indexedDB) {
 	let t = null, n = () => t ??= new Promise((t) => {
 		if (!e) return t(null);
 		try {
@@ -1398,11 +1398,11 @@ function vr(e = typeof indexedDB > "u" ? void 0 : indexedDB) {
 		});
 	}, i = async () => {
 		let [e, t] = await Promise.all([r("readonly", (e) => e.getAllKeys()), r("readonly", (e) => e.getAll())]);
-		if (!e || !t || e.length <= hr) return;
+		if (!e || !t || e.length <= gr) return;
 		let n = e.map((e, n) => ({
 			key: e,
 			at: t[n]?.at ?? 0
-		})).sort((e, t) => e.at - t.at).slice(0, e.length - hr);
+		})).sort((e, t) => e.at - t.at).slice(0, e.length - gr);
 		for (let { key: e } of n) await r("readwrite", (t) => t.delete(e));
 	};
 	return {
@@ -1417,7 +1417,7 @@ function vr(e = typeof indexedDB > "u" ? void 0 : indexedDB) {
 		}
 	};
 }
-function yr({ persistence: e = vr(), resize: t = _r, createUrl: n = (e) => URL.createObjectURL(e), revokeUrl: r = (e) => URL.revokeObjectURL(e) } = {}) {
+function br({ persistence: e = yr(), resize: t = vr, createUrl: n = (e) => URL.createObjectURL(e), revokeUrl: r = (e) => URL.revokeObjectURL(e) } = {}) {
 	let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = (e) => {
 		for (let [t, n] of a) t.startsWith(`${e}@`) && (a.delete(t), n.then(r, () => void 0));
 	}, u = (e, t) => {
@@ -1439,7 +1439,7 @@ function yr({ persistence: e = vr(), resize: t = _r, createUrl: n = (e) => URL.c
 			let s = i.get(e);
 			if (!s) return Promise.resolve(null);
 			let c = o >= s.scale, l = `${e}@${c ? "full" : o}`, u = a.get(l);
-			for (u ? a.delete(l) : u = c ? Promise.resolve(n(s.blob)) : t(s.blob, Math.round(s.width * o), Math.round(s.height * o)).then(n), a.set(l, u); a.size > mr;) {
+			for (u ? a.delete(l) : u = c ? Promise.resolve(n(s.blob)) : t(s.blob, Math.round(s.width * o), Math.round(s.height * o)).then(n), a.set(l, u); a.size > hr;) {
 				let [e, t] = a.entries().next().value;
 				a.delete(e), t.then(r, () => void 0);
 			}
@@ -1454,64 +1454,77 @@ function yr({ persistence: e = vr(), resize: t = _r, createUrl: n = (e) => URL.c
 }
 //#endregion
 //#region src/viewer/lib/tier-controller.ts
-var br = 1500, xr = 150, Sr = 2, Cr = 3e3, wr = 8e3;
-function Tr({ 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(), s = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Set(), l = {
+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
-	}, u = (e) => {
+	}, l = (e) => {
 		let t = i.get(e);
 		t && !t.ready && (t.ready = !0, t.timer !== void 0 && n(t.timer), t.timer = void 0, r());
-	}, d = (e) => {
+	}, u = (e) => {
 		let t = i.get(e);
 		t?.timer !== void 0 && n(t.timer), i.delete(e);
 	};
 	return {
 		loaded(e) {
 			let r = i.get(e);
-			r && !r.ready && (r.timer !== void 0 && n(r.timer), r.timer = t(() => u(e), Cr));
+			r && !r.ready && (r.timer !== void 0 && n(r.timer), r.timer = t(() => l(e), Tr));
 		},
-		ready: u,
-		update(f) {
-			let p = e(), m = new Set(f.boards.map((e) => e.id));
-			for (let e of [...i.keys()]) m.has(e) || d(e);
-			f.hovered !== l.id && (l.timer !== void 0 && n(l.timer), l = {
-				id: f.hovered,
-				since: p,
-				timer: f.hovered ? t(r, xr) : void 0
+		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 = f.hoverPromotes && l.id && p - l.since >= xr ? l.id : null, g = h ? /* @__PURE__ */ new Set([...f.pinned, h]) : f.pinned, _ = o({
-				...f,
+			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
 			});
-			if (!f.scaling) {
+			if (!d.scaling) {
 				let e = /* @__PURE__ */ new Set();
-				for (let [t, n] of _) n === "live" && (a.set(t, p), e.add(t));
-				for (let n of c) {
-					if (e.has(n) || !m.has(n)) continue;
-					let i = p - (a.get(n) ?? -Infinity);
-					i >= br || (e.add(n), s.has(n) || s.set(n, t(() => {
-						s.delete(n), r();
-					}, br - i)));
+				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)));
+				}
+				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;
-				for (let e of [...i.keys()]) c.has(e) || d(e);
-				let n = [...i.values()].filter((e) => !e.ready).length, o = f.boards.map((e) => e.id).filter((e) => c.has(e) && !i.has(e)).sort((e, t) => Number(g.has(t)) - Number(g.has(e)));
-				for (let e of o) {
-					if (n >= Sr) break;
-					let r = { ready: !1 };
-					i.set(e, r), r.timer = t(() => u(e), wr), n++;
+				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 v = /* @__PURE__ */ new Map();
 			for (let [e, t] of _) {
 				let n = i.get(e);
-				n ? v.set(e, {
+				n && s.has(e) ? v.set(e, {
 					tier: "live",
 					mounted: !0,
 					ready: n.ready
+				}) : n ? v.set(e, {
+					tier: d.snapshots.has(e) ? "snapshot" : "placeholder",
+					mounted: !0,
+					ready: n.ready,
+					warming: !0
 				}) : v.set(e, {
-					tier: t === "live" ? f.snapshots.has(e) ? "snapshot" : "placeholder" : t,
+					tier: t === "live" ? d.snapshots.has(e) ? "snapshot" : "placeholder" : t,
 					mounted: !1,
 					ready: !1
 				});
@@ -1522,8 +1535,8 @@ function Tr({ now: e = () => performance.now(), schedule: t = (e, t) => window.s
 }
 //#endregion
 //#region src/viewer/hooks/useBoardTiers.ts
-var Er = 3e3, Dr = null;
-function Or() {
+var Or = 3e3, kr = null;
+function Ar() {
 	let e = typeof matchMedia == "function" ? matchMedia("(prefers-color-scheme: dark)") : null, [t, n] = Y(!!e?.matches);
 	return K(() => {
 		if (!e) return;
@@ -1531,49 +1544,56 @@ function Or() {
 		return e.addEventListener?.("change", t), () => e.removeEventListener?.("change", t);
 	}, [e]), t ? "dark" : "light";
 }
-function kr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling: s, viewport: c, pinned: l, hovered: u, hoverPromotes: d, persistable: p, store: m }) {
-	let h = m ?? (Dr ??= yr()), [, g] = Ke((e) => e + 1, 0), [_] = Y(() => Tr({ onChange: g })), v = typeof devicePixelRatio == "number" && devicePixelRatio > 0 ? devicePixelRatio : 1, y = Or(), b = J(/* @__PURE__ */ new Map()), x = J(/* @__PURE__ */ new Map()), S = n.filter(([e, n]) => !t(n) && ae(r, n.file) && !i.has(e)), C = new Map(S.map(([t, n]) => [t, gr({
+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({
 		artifact: e,
 		file: n.file,
 		version: r[n.file] ?? 0,
 		scheme: y,
 		w: n.w,
 		h: n.h
-	})])), w = J(C);
-	w.current = C;
-	let T = J(p);
-	T.current = p;
-	let E = J(s);
-	E.current = s, K(() => h.subscribe(() => g()), [h]);
-	let D = J(/* @__PURE__ */ new Set());
+	})])), 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());
 	K(() => {
-		for (let e of C.values()) h.has(e) || D.current.has(e) || (D.current.add(e), h.load(e));
+		for (let e of w.values()) h.has(e) || O.current.has(e) || (O.current.add(e), h.load(e));
 	});
-	let O = new Set([...C].filter(([, e]) => h.has(e) && !h.isUnsupported(e)).map(([e]) => e)), k = _.update({
-		boards: S.map(([e, t]) => ({
-			id: e,
-			x: t.x,
-			y: t.y,
-			w: t.w,
-			h: t.h
-		})),
+	let k = new Set([...w].filter(([, e]) => h.has(e) && !h.isUnsupported(e)).map(([e]) => e)), A = C.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,
 		view: a,
-		viewport: c,
+		viewport: s,
+		snapshots: k,
+		skip: j
+	}), te = _.update({
+		boards: A,
+		view: a,
+		viewport: s,
 		pinned: l,
-		snapshots: O,
-		scaling: s,
+		snapshots: k,
+		scaling: o,
 		hovered: u,
-		hoverPromotes: d
-	}), A = J(a.k);
-	s || (A.current = a.k);
-	let j = f(A.current, v), [ee, M] = Y({}), te = J(/* @__PURE__ */ new Set()), ne = J(/* @__PURE__ */ new Set()), re = J(/* @__PURE__ */ new Set());
+		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());
 	K(() => {
-		for (let [e, t] of C) {
-			let n = k.get(e);
-			if (!O.has(e) || !(n?.tier === "snapshot" || n?.mounted)) continue;
-			let r = `${t}#${h.revision(t)}@${j}`;
-			ee[e]?.name === r || te.current.has(r) || re.current.has(r) || (te.current.add(r), h.url(t, j).then((t) => {
-				te.current.delete(r), t && ne.current.has(t) ? re.current.add(r) : t && M((n) => n[e]?.name === r ? n : {
+		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 : {
 					...n,
 					[e]: {
 						name: r,
@@ -1583,25 +1603,25 @@ function kr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 			}));
 		}
 	});
-	let ie = G((e, t) => {
-		t.startsWith("blob:") && (ne.current.add(t), M((n) => {
+	let ce = G((e, t) => {
+		t.startsWith("blob:") && (se.current.add(t), ae((n) => {
 			if (n[e]?.url !== t) return n;
 			let { [e]: r, ...i } = n;
 			return i;
 		}));
-	}, []), N = q(() => new Map(n.map(([e, t]) => [e, `data:image/svg+xml;charset=utf-8,${encodeURIComponent(pr({
+	}, []), le = 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]), P = J([]), F = J(null), oe = J(0), se = G(() => {
-		if (!(F.current || E.current)) for (; P.current.length;) {
-			let e = P.current.shift(), t = b.current.get(e)?.contentWindow, n = w.current.get(e);
+	}))}`])), [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);
 			if (!t || !n || h.isUnsupported(n)) continue;
-			let r = ++oe.current, i = window.setTimeout(() => {
-				F.current?.request === r && (h.markUnsupported(n), F.current = null, g(), se());
-			}, Er);
-			F.current = {
+			let r = ++de.current, i = window.setTimeout(() => {
+				P.current?.request === r && (h.markUnsupported(n), P.current = null, g(), F());
+			}, Or);
+			P.current = {
 				id: e,
 				key: n,
 				request: r,
@@ -1613,14 +1633,14 @@ function kr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 			}, "*");
 			return;
 		}
-	}, [h, v]), ce = J(se);
-	ce.current = se, K(() => {
-		s || se();
-	}, [s, se]), K(() => () => {
-		F.current && window.clearTimeout(F.current.timer);
+	}, [h, v]), fe = J(F);
+	fe.current = F, K(() => {
+		o || F();
+	}, [o, F]), K(() => () => {
+		P.current && window.clearTimeout(P.current.timer);
 	}, []), K(() => {
 		let e = (e) => {
-			P.current.includes(e) || P.current.push(e), se();
+			ue.current.includes(e) || ue.current.push(e), F();
 		}, t = (t) => {
 			let n = t.data?.type;
 			if (typeof n != "string" || !n.startsWith("ryugi:board:")) return;
@@ -1629,30 +1649,30 @@ function kr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 				if (n === "ryugi:board:ready") _.ready(r), e(r);
 				else if (n === "ryugi:board:changed") e(r);
 				else if (n === "ryugi:board:snapshot") {
-					let e = F.current;
+					let e = P.current;
 					if (!e || e.id !== r || t.data.request !== e.request) return;
-					window.clearTimeout(e.timer), F.current = null;
+					window.clearTimeout(e.timer), P.current = null;
 					let { blob: n, width: i, height: a } = t.data;
 					n instanceof Blob && typeof i == "number" && typeof a == "number" ? h.put(e.key, {
 						blob: n,
 						width: i,
 						height: a,
 						scale: v
-					}, { persist: T.current(r) }) : (h.markUnsupported(e.key), g()), se();
+					}, { persist: E.current(r) }) : (h.markUnsupported(e.key), g()), F();
 				}
 			}
 		};
 		return window.addEventListener("message", t), () => window.removeEventListener("message", t);
 	}, [
 		_,
-		se,
+		F,
 		h,
 		v
 	]);
 	let I = G((e) => (x.current.has(e) || x.current.set(e, (t) => {
-		t ? b.current.set(e, t) : (b.current.delete(e), P.current = P.current.filter((t) => t !== e), F.current?.id === e && (window.clearTimeout(F.current.timer), F.current = null, ce.current()));
-	}), x.current.get(e)), []), L = G((e) => _.loaded(e), [_]), le = n.filter(([, e]) => t(e)), ue = o({
-		boards: le.map(([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]) => ({
 			id: e,
 			x: t.x,
 			y: t.y,
@@ -1660,45 +1680,45 @@ function kr({ artifact: e, boards: n, versions: r, pending: i, view: a, scaling:
 			h: t.h
 		})),
 		view: a,
-		viewport: c,
+		viewport: s,
 		pinned: /* @__PURE__ */ new Set(),
-		snapshots: new Set(le.map(([e]) => e))
-	}), R = /* @__PURE__ */ new Map();
-	for (let [e, t] of ue) R.set(e, {
+		snapshots: new Set(pe.map(([e]) => e))
+	}), he = /* @__PURE__ */ new Map();
+	for (let [e, t] of me) he.set(e, {
 		tier: t,
 		mounted: !1,
 		image: null,
 		overlay: !1,
 		hidden: !1
 	});
-	for (let [e, t] of k) {
-		let n = C.get(e), r = ee[e], i = O.has(e) && r?.name.startsWith(`${n}#`) ? r.url : null, a = t.tier === "empty" ? null : i ?? N.get(e) ?? null;
-		R.set(e, {
+	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, {
 			tier: t.tier,
 			mounted: t.mounted,
 			image: a,
-			overlay: t.mounted && (!t.ready || s && !!i),
-			hidden: t.mounted && t.ready && s && !!i
+			overlay: t.mounted && (!t.ready || !!t.warming || o && !!i),
+			hidden: t.mounted && (!!t.warming || t.ready && o && !!i)
 		});
 	}
 	return {
-		renders: R,
+		renders: he,
 		frameRef: I,
 		loaded: L,
-		imageFailed: ie
+		imageFailed: ce
 	};
 }
 //#endregion
 //#region src/shared/verdicts.ts
-var Ar = (e) => e.messages[0]?.at ?? e.statusAt;
-function jr(e, t, n) {
-	let r = e.filter((e) => e.anchor.group === t && e.anchor.verdict && e.messages.some((e) => !e.deleted)).sort((e, t) => Ar(e) < Ar(t) ? -1 : +(Ar(e) > Ar(t))), i = r.filter((e) => e.anchor.verdict === "reject" && e.status === "open").length, a = r.at(-1);
+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);
 	if (!a) return {
 		state: "pending",
 		evidenceUpdated: !1,
 		rejectThreads: i
 	};
-	let o = Ar(a);
+	let o = Mr(a);
 	return n.has(a.id) ? {
 		state: "pending",
 		at: o,
@@ -1716,11 +1736,11 @@ function jr(e, t, n) {
 		rejectThreads: i
 	};
 }
-function Mr(e, t, n) {
+function Pr(e, t, n) {
 	return Object.entries(e).filter(([, e]) => e.verify === !0 && e.boards.some((e) => t[e]?.page === n));
 }
-function Nr(e, t, n, r, i) {
-	let a = Mr(e, t, n), o = a.map(([e]) => [e, jr(r, e, i).state]), s = o.find(([, e]) => e !== "pass")?.[0];
+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];
 	return {
 		passed: o.filter(([, e]) => e === "pass").length,
 		total: a.length,
@@ -1729,14 +1749,14 @@ function Nr(e, t, n, r, i) {
 }
 //#endregion
 //#region src/viewer/hooks/useVerdicts.ts
-function Pr({ 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(Mr(c, l, t).map(([e]) => [e, jr(n, e, r)])), [
+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)])), [
 		c,
 		l,
 		t,
 		n,
 		r
-	]), d = q(() => Nr(c, l, t, n, r), [
+	]), d = q(() => Fr(c, l, t, n, r), [
 		c,
 		l,
 		t,
@@ -1792,8 +1812,8 @@ function Pr({ canvas: e, page: t, threads: n, stale: r, versions: i, comment: a
 }
 //#endregion
 //#region src/viewer/verdicts/RejectComposer.tsx
-function Fr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
-	let { t: a } = L();
+function Lr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
+	let { t: a } = F();
 	return /* @__PURE__ */ Q("div", {
 		"data-chrome": "reject",
 		className: "x10l6tqk xk3oba8 xj6ak53 xb3r6kr xixl9f9 x12ilycc x1d5q07e xqfszdh xfifm61 xo2rkog xt0e3qv",
@@ -1819,7 +1839,7 @@ function Fr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ Z(ze, {
+			/* @__PURE__ */ Z(Be, {
 				autoFocus: !0,
 				placeholder: a("verdict.reasonPlaceholder"),
 				onSubmit: r,
@@ -1834,7 +1854,7 @@ function Fr({ group: e, left: t, top: n, onSubmit: r, onCancel: i }) {
 }
 //#endregion
 //#region src/shared/inspector.ts
-var Ir = [
+var Rr = [
 	"width",
 	"height",
 	"position",
@@ -1851,7 +1871,7 @@ var Ir = [
 	"font-size",
 	"color",
 	"box-shadow"
-], Lr = "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", Rr = `<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='${Lr}' fill='none' stroke='white' stroke-width='4' stroke-linejoin='round'/><path d='${Lr}' fill='#c65d3b'/><path d='M14.5 9.3v8.4M10.3 13.5h8.4' stroke='white' stroke-width='2.4' stroke-linecap='round'/></svg>`, zr = `url("data:image/svg+xml,${encodeURIComponent(Rr)}") 4 24, crosshair`, Br = (e) => !!e && typeof e == "object" && !Array.isArray(e), $ = (e, t) => typeof e == "string" && e.length <= t, Vr = (e) => typeof e == "number" && Number.isFinite(e) && Math.abs(e) <= 1e8, Hr = (e) => Number.isSafeInteger(e) && e > 0, Ur = (e) => e === null || Br(e) && Vr(e.x) && Vr(e.y) && Vr(e.width) && Vr(e.height) && e.width >= 0 && e.height >= 0, Wr = (e) => Ir.some((t) => t === e), Gr = /* @__PURE__ */ new Set([
+], 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([
 	"Frame",
 	"Column",
 	"Row",
@@ -1861,28 +1881,28 @@ var Ir = [
 	"Image",
 	"Button"
 ]);
-function Kr(e) {
+function Jr(e) {
 	if (!Array.isArray(e) || e.length > 2500) return !1;
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		if (!Br(n) || !Hr(n.id) || t.has(n.id) || !$(n.name, 100) || !$(n.tag, 80) || !$(n.selector, 200) || !$(n.path, 4e3) || !Gr.has(n.kind) || !Array.isArray(n.children) || n.children.length > e.length || n.children.some((e) => !Hr(e)) || new Set(n.children).size !== n.children.length || (t.size === 0 ? n.parentId !== null : !Hr(n.parentId) || !t.has(n.parentId))) return !1;
+		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;
 		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 qr(e) {
-	if (!Br(e) || !$(e.session, 128) || !e.session || !$(e.connection, 128) || !e.connection) return null;
+function Yr(e) {
+	if (!Hr(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" && Kr(e.nodes);
+			t = typeof e.truncated == "boolean" && Jr(e.nodes);
 			break;
 		case "ryugi:inspect:hover":
-			t = Ur(e.rect) && (e.id === void 0 || e.id === null || Hr(e.id));
+			t = Gr(e.rect) && (e.id === void 0 || e.id === null || Wr(e.id));
 			break;
 		case "ryugi:inspect:rect":
-			t = Hr(e.id) && e.rect !== null && Ur(e.rect);
+			t = Wr(e.id) && e.rect !== null && Gr(e.rect);
 			break;
 		case "ryugi:inspect:selection": {
 			if (![
@@ -1892,18 +1912,18 @@ function qr(e) {
 				"primary"
 			].includes(e.reason) || e.toggle !== void 0 && typeof e.toggle != "boolean") break;
 			let n = e.selection;
-			t = n === null || Br(n) && Hr(n.id) && $(n.name, 100) && $(n.tag, 80) && $(n.selector, 200) && n.rect !== null && Ur(n.rect) && $(n.html, 2e4) && [
+			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) && [
 				"fixed",
 				"fill",
 				"hug"
-			].includes(n.widthMode) && ["fixed", "hug"].includes(n.heightMode) && Br(n.css) && Ir.every((e) => $(n.css[e], 2e3));
+			].includes(n.widthMode) && ["fixed", "hug"].includes(n.heightMode) && Hr(n.css) && Rr.every((e) => $(n.css[e], 2e3));
 			break;
 		}
 		case "ryugi:inspect:targets":
-			t = Hr(e.request) && Array.isArray(e.targets) && e.targets.length <= 2500 && new Set(e.targets.map((e) => Br(e) ? e.id : null)).size === e.targets.length && e.targets.every((e) => Br(e) && Hr(e.id) && $(e.name, 100) && e.rect !== null && Ur(e.rect));
+			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));
 			break;
 		case "ryugi:inspect:details":
-			t = Hr(e.request) && Array.isArray(e.nodes) && e.nodes.length <= 2500 && e.nodes.every((e) => Br(e) && Hr(e.id) && $(e.text, 200) && $(e.html, 2e3));
+			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));
 			break;
 		case "ryugi:inspect:drag":
 			t = [
@@ -1911,16 +1931,16 @@ function qr(e) {
 				"move",
 				"end",
 				"cancel"
-			].includes(e.phase) && Vr(e.x) && Vr(e.y) && typeof e.append == "boolean" && (e.id === void 0 || Hr(e.id));
+			].includes(e.phase) && Ur(e.x) && Ur(e.y) && typeof e.append == "boolean" && (e.id === void 0 || Wr(e.id));
 			break;
 		case "ryugi:inspect:tweaks":
-			t = Array.isArray(e.tweaks) && e.tweaks.length <= 2500 && e.tweaks.every((e) => Br(e) && Hr(e.id) && $(e.name, 200) && Wr(e.property) && $(e.from, 2e3) && $(e.value, 300));
+			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));
 			break;
 		case "ryugi:inspect:wheel":
-			t = Vr(e.deltaX) && Vr(e.deltaY) && Vr(e.x) && Vr(e.y) && typeof e.zoom == "boolean";
+			t = Ur(e.deltaX) && Ur(e.deltaY) && Ur(e.x) && Ur(e.y) && typeof e.zoom == "boolean";
 			break;
 		case "ryugi:inspect:pan":
-			t = Vr(e.deltaX) && Vr(e.deltaY);
+			t = Ur(e.deltaX) && Ur(e.deltaY);
 			break;
 		case "ryugi:inspect:key": t = $(e.code, 32) && $(e.key, 32) && [
 			"down",
@@ -1934,7 +1954,7 @@ function qr(e) {
 }
 //#endregion
 //#region src/viewer/hooks/useInspector.ts
-function Jr(e) {
+function Xr(e) {
 	let [t, n] = Y({
 		frames: {},
 		selection: null,
@@ -2011,7 +2031,7 @@ function Jr(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 = qr(e.data);
+			let [a, o] = t, l = Yr(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;
@@ -2279,7 +2299,7 @@ function Jr(e) {
 }
 //#endregion
 //#region src/viewer/hooks/useMarqueeSelection.ts
-function Yr(e, t, n, r) {
+function Zr(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]);
@@ -2327,7 +2347,7 @@ function Yr(e, t, n, r) {
 }
 //#endregion
 //#region src/viewer/lib/selection.ts
-function Xr({ boards: e, frames: t, targets: n, details: r }) {
+function Qr({ 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];
@@ -2369,15 +2389,15 @@ function Xr({ boards: e, frames: t, targets: n, details: r }) {
 		nodes: [...i.values()]
 	};
 }
-var Zr = (e) => e.id.length <= k.id && e.board.length <= k.board && e.file.length <= k.file && e.tag.length <= k.tag && e.path.length <= k.path && e.name.length <= k.name, Qr = (e) => new TextEncoder().encode(JSON.stringify(e)).length;
-function $r(e, t = ie) {
-	let n = e.selected.filter((e) => Zr(e) && e.text.length <= k.text && e.html.length <= k.html), r = e.tweaks.filter((e) => Zr(e) && e.from.length <= k.from && e.value.length <= k.value), i = {
+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 = {
 		...e,
 		selected: n,
 		tweaks: r,
-		nodes: e.nodes.filter(Zr).slice(0, T)
+		nodes: e.nodes.filter($r).slice(0, E)
 	};
-	for (let e = Qr(i); e > t && i.nodes.length; e = Qr(i)) i = {
+	for (let e = ei(i); e > t && i.nodes.length; e = ei(i)) i = {
 		...i,
 		nodes: i.nodes.slice(0, Math.floor(i.nodes.length * Math.min(.95, t / e)))
 	};
@@ -2385,9 +2405,9 @@ function $r(e, t = ie) {
 }
 //#endregion
 //#region src/viewer/hooks/useSelectionSync.ts
-var ei = crypto.randomUUID();
-function ti({ 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(() => Xr({
+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({
 		boards: t ?? {},
 		frames: o,
 		targets: d.map(([e, t]) => ({
@@ -2405,10 +2425,10 @@ function ti({ 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($r({
+			a.current = l, i(ti({
 				type: "selection",
 				artifact: e,
-				tab: ei,
+				tab: ni,
 				human: t,
 				...f
 			}));
@@ -2424,12 +2444,12 @@ function ti({ artifact: e, boards: t, live: n, inspector: r, send: i }) {
 }
 //#endregion
 //#region src/viewer/hooks/usePanZoom.ts
-var ni = {
+var ii = {
 	top: 64,
 	right: 24,
 	bottom: 24,
 	left: 24
-}, ri = .01, ii = 420, ai = 150, oi = 100, si = p(.2, 0, 0, 1), ci = () => typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches, li = `[data-chrome]${[
+}, 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]${[
 	"board-label",
 	"group-label",
 	"video-controls",
@@ -2437,59 +2457,59 @@ var ni = {
 	"reject",
 	"parameters"
 ].map((e) => `:not([data-chrome="${e}"])`).join("")}`;
-function ui(e, t, n, r) {
+function fi(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 di(t) {
-	let r = J(null), [i, a] = Y({
+function pi(t) {
+	let n = J(null), [i, a] = Y({
 		x: 0,
 		y: 0,
 		k: .5
-	}), [o, s] = Y(!1), [c, l] = Y(!1), d = J(null), f = J(/* @__PURE__ */ new Map()), p = J(i);
+	}), [o, s] = Y(!1), [c, l] = Y(!1), u = J(null), f = J(/* @__PURE__ */ new Map()), p = J(i);
 	p.current = i;
 	let m = J(null), h = G(() => {
 		m.current !== null && cancelAnimationFrame(m.current), m.current = null;
 	}, []);
 	K(() => h, [h]);
 	let [g, _] = Y(!1), v = J(i.k), y = J(-Infinity), b = J(void 0);
-	Ge(() => {
+	Ke(() => {
 		if (i.k === v.current) return;
 		v.current = i.k;
-		let e = Date.now(), t = e - y.current < oi;
+		let e = Date.now(), t = e - y.current < ci;
 		y.current = e, (t || b.current !== void 0) && (_(!0), clearTimeout(b.current), b.current = setTimeout(() => {
 			b.current = void 0, _(!1);
-		}, ai));
+		}, si));
 	}, [i.k]), K(() => () => clearTimeout(b.current), []);
-	let [S, w] = Y(() => ({
+	let [x, S] = Y(() => ({
 		width: typeof innerWidth == "number" ? innerWidth : 0,
 		height: typeof innerHeight == "number" ? innerHeight : 0
 	}));
 	K(() => {
-		let e = r.current;
+		let e = n.current;
 		if (!e || typeof ResizeObserver != "function") return;
-		let t = new ResizeObserver(() => w((t) => t.width === e.clientWidth && t.height === e.clientHeight ? t : {
+		let t = new ResizeObserver(() => S((t) => t.width === e.clientWidth && t.height === e.clientHeight ? t : {
 			width: e.clientWidth,
 			height: e.clientHeight
 		}));
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let T = G((e, t) => a((n) => ({
+	let C = G((e, t) => a((n) => ({
 		...n,
 		x: n.x + e,
 		y: n.y + t
-	})), []), E = G((e) => {
-		e.zoom ? a((t) => n(t, Math.exp(-e.deltaY * ri), e.x, e.y)) : T(-e.deltaX, -e.deltaY);
-	}, [T]);
+	})), []), E = G((t) => {
+		t.zoom ? a((n) => e(n, Math.exp(-t.deltaY * ai), t.x, t.y)) : C(-t.deltaX, -t.deltaY);
+	}, [C]);
 	K(() => {
-		let e = r.current;
+		let e = n.current;
 		if (!e) return;
 		let t = (t) => {
 			let n = t.target, r = t.ctrlKey || t.metaKey;
-			if (n?.closest?.(li) || !r && ui(n, e, t.deltaX, t.deltaY)) return;
+			if (n?.closest?.(di) || !r && fi(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({
@@ -2499,11 +2519,11 @@ function di(t) {
 				y: t.clientY - i.top,
 				zoom: r
 			});
-		}, n = (e) => {
+		}, r = (e) => {
 			e.ctrlKey && e.preventDefault();
 		};
-		return e.addEventListener("wheel", t, { passive: !1 }), window.addEventListener("wheel", n, { passive: !1 }), () => {
-			e.removeEventListener("wheel", t), window.removeEventListener("wheel", n);
+		return e.addEventListener("wheel", t, { passive: !1 }), window.addEventListener("wheel", r, { passive: !1 }), () => {
+			e.removeEventListener("wheel", t), window.removeEventListener("wheel", r);
 		};
 	}, [E, h]), K(() => {
 		let e = (e) => e.target?.closest?.("input, textarea, select, [contenteditable], [data-chrome]"), t = (t) => {
@@ -2517,7 +2537,7 @@ function di(t) {
 	}, []);
 	let D = t === "hand" || o, O = G((e) => {
 		let t = e.pointerType === "touch", n = e.button === 1;
-		(t || (D || n) && (e.button === 0 || n)) && e.currentTarget.contains(e.target) && (e.target.closest("[data-chrome]") || (h(), e.currentTarget.setPointerCapture(e.pointerId), d.current = {
+		(t || (D || n) && (e.button === 0 || n)) && e.currentTarget.contains(e.target) && (e.target.closest("[data-chrome]") || (h(), e.currentTarget.setPointerCapture(e.pointerId), u.current = {
 			x: e.clientX,
 			y: e.clientY
 		}, t && f.current.set(e.pointerId, {
@@ -2534,12 +2554,12 @@ function di(t) {
 			});
 			let n = [...f.current.values()];
 			if (t.length >= 2) {
-				a((e) => x(e, [t[0], t[1]], [n[0], n[1]]));
+				a((e) => T(e, [t[0], t[1]], [n[0], n[1]]));
 				return;
 			}
 		}
-		let t = d.current;
-		t && (d.current = {
+		let t = u.current;
+		t && (u.current = {
 			x: e.clientX,
 			y: e.clientY
 		}, a((n) => ({
@@ -2550,50 +2570,50 @@ function di(t) {
 	}, []), A = G((e) => {
 		e ? f.current.delete(e.pointerId) : f.current.clear();
 		let t = [...f.current.values()][0];
-		d.current = t ? { ...t } : null, t || l(!1);
+		u.current = t ? { ...t } : null, t || l(!1);
 	}, []), j = () => {
-		let e = r.current;
+		let e = n.current;
 		return {
 			cx: (e?.clientWidth ?? 0) / 2,
 			cy: (e?.clientHeight ?? 0) / 2
 		};
 	};
 	return {
-		viewportRef: r,
+		viewportRef: n,
 		view: i,
 		scaling: g,
-		size: S,
+		size: x,
 		place: a,
-		fit: G((e, t = ni, n = {}) => {
-			let i = r.current;
-			if (!i || !e) return;
-			let o = u(e, {
-				width: i.clientWidth,
-				height: i.clientHeight
+		fit: G((e, t = ii, i = {}) => {
+			let o = n.current;
+			if (!o || !e) return;
+			let s = d(e, {
+				width: o.clientWidth,
+				height: o.clientHeight
 			}, t);
-			if (h(), !n.animate || ci()) {
-				a(o);
+			if (h(), !i.animate || ui()) {
+				a(s);
 				return;
 			}
-			let s = p.current, c = performance.now(), l = () => {
-				let e = Math.min(1, (performance.now() - c) / ii);
-				a(e === 1 ? o : C(s, o, si(e))), m.current = e === 1 ? null : requestAnimationFrame(l);
+			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);
 			};
-			m.current = requestAnimationFrame(l);
+			m.current = requestAnimationFrame(u);
 		}, [h]),
-		zoomBy: G((e) => {
-			let { cx: t, cy: r } = j();
-			a((i) => n(i, e, t, r));
-		}, []),
-		zoomTo: G((t) => {
+		zoomBy: G((t) => {
 			let { cx: n, cy: r } = j();
 			a((i) => e(i, t, n, r));
 		}, []),
-		panBy: T,
+		zoomTo: G((e) => {
+			let { cx: t, cy: n } = j();
+			a((r) => w(r, e, t, n));
+		}, []),
+		panBy: C,
 		wheelAt: E,
 		panning: D,
 		setSpaceHeld: s,
-		cursor: c ? "grabbing" : D ? "grab" : t === "comment" ? zr : "default",
+		cursor: c ? "grabbing" : D ? "grab" : t === "comment" ? Vr : "default",
 		hand: c ? "pinch" : D ? "open" : null,
 		handlers: {
 			onPointerDown: O,
@@ -2605,7 +2625,7 @@ function di(t) {
 }
 //#endregion
 //#region src/viewer/inspector/InspectionOutline.tsx
-function fi({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
+function mi({ 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",
@@ -2640,30 +2660,30 @@ function fi({ board: e, rect: t, view: n, name: r, nodeId: i, selected: a }) {
 }
 //#endregion
 //#region src/viewer/inspector/Layers.tsx
-var pi = {
-	Frame: Mt,
-	Column: Dt,
-	Row: Wt,
-	Grid: Nt,
-	Title: qt,
-	Text: qt,
-	Image: Ft,
-	Button: Bt
-}, mi = (e, t, n) => `${encodeURIComponent(e)}:${encodeURIComponent(t)}:${n}`;
-function hi({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o }) {
+var hi = {
+	Frame: Nt,
+	Column: Ot,
+	Row: Gt,
+	Grid: Pt,
+	Title: Jt,
+	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 }) {
 	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 = mi(a, e.session, t.id);
+				let i = gi(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 = pi[u];
+				let u = r === null ? "Frame" : t.kind, d = r === null ? o.title || a : t.name, f = hi[u];
 				return {
 					key: i,
 					disabled: c,
@@ -2677,7 +2697,7 @@ function hi({ 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: V(`inspector.kind.${u}`)
+								children: B(`inspector.kind.${u}`)
 							}), /* @__PURE__ */ Z("span", {
 								className: "ri-layer-name",
 								children: d ? `“${d}”` : `<${t.tag}>`
@@ -2689,7 +2709,7 @@ function hi({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 						}),
 						c && /* @__PURE__ */ Z("span", {
 							className: "ri-playing",
-							children: V("inspector.playing")
+							children: B("inspector.playing")
 						})
 					] }),
 					children: t.children.flatMap((e) => {
@@ -2708,7 +2728,7 @@ function hi({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 		e,
 		t,
 		i
-	]), m = n && t[n.boardId] ? mi(n.boardId, t[n.boardId].session, n.node.id) : null, h = r ? r.flatMap((e) => t[e.boardId] ? [mi(e.boardId, t[e.boardId].session, e.id)] : []) : m ? [m] : [], g = [], _ = m ? p.get(m)?.parentKey : null;
+	]), 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;
 	for (; _;) g.push(_), _ = p.get(_)?.parentKey;
 	let v = [m, ...g].filter((e) => !!e && !!p.get(e)?.node.children.length).join("|");
 	K(() => {
@@ -2722,13 +2742,13 @@ function hi({ 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: V("inspector.layers") }), /* @__PURE__ */ Z("span", { children: b ? V("inspector.elements", { count: b }) : V("common.loading") })]
+			children: [/* @__PURE__ */ Z("span", { children: B("inspector.layers") }), /* @__PURE__ */ Z("span", { children: b ? B("inspector.elements", { count: b }) : B("common.loading") })]
 		}),
 		/* @__PURE__ */ Q("div", {
 			ref: l,
 			className: "ri-layers",
 			role: "region",
-			"aria-label": V("inspector.domLayers"),
+			"aria-label": B("inspector.domLayers"),
 			onClickCapture: (e) => {
 				d.current = e.shiftKey || e.metaKey || e.ctrlKey;
 			},
@@ -2745,7 +2765,7 @@ function hi({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 				let e = u.current ? p.get(u.current) : null;
 				e && o(e.boardId, null), u.current = null;
 			},
-			children: [/* @__PURE__ */ Z(pt, {
+			children: [/* @__PURE__ */ Z(mt, {
 				treeData: f,
 				size: "small",
 				multiple: !0,
@@ -2775,26 +2795,26 @@ function hi({ boards: e, frames: t, selection: n, targets: r, playing: i, select
 				}
 			}), !f.length && /* @__PURE__ */ Z("p", {
 				className: "ri-hint",
-				children: V("inspector.waitingBoard")
+				children: B("inspector.waitingBoard")
 			})]
 		}),
 		Object.values(t).some((e) => e.truncated) && /* @__PURE__ */ Z("p", {
 			className: "ri-limit",
 			role: "status",
-			children: V("inspector.truncated")
+			children: B("inspector.truncated")
 		})
 	] });
 }
 //#endregion
 //#region src/viewer/inspector/Properties.tsx
-var gi = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, _i = (e) => e.map(([e, t]) => ({
+var vi = (e) => Number.isFinite(parseFloat(e)) ? Math.round(parseFloat(e) * 100) / 100 : 0, yi = (e) => e.map(([e, t]) => ({
 	value: e,
 	label: t
-})), vi = (e) => {
+})), bi = (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 yi({ label: e, children: t, controlId: n }) {
+function xi({ label: e, children: t, controlId: n }) {
 	return /* @__PURE__ */ Q("div", {
 		className: "ri-field",
 		children: [n ? /* @__PURE__ */ Z("label", {
@@ -2807,12 +2827,12 @@ function yi({ label: e, children: t, controlId: n }) {
 		}), t]
 	});
 }
-function bi({ label: e, property: t, node: n, change: r, unit: i = "px", max: a, min: o = 0, step: s = 1, sizing: c }) {
-	let l = We(), u = /* @__PURE__ */ Z(nt, {
+function Si({ 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: gi(n.css[t]),
+		value: vi(n.css[t]),
 		suffix: i || void 0,
 		min: o,
 		max: a,
@@ -2822,7 +2842,7 @@ function bi({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		},
 		style: { width: "100%" }
 	});
-	return /* @__PURE__ */ Z(yi, {
+	return /* @__PURE__ */ Z(xi, {
 		label: e,
 		controlId: l,
 		children: c ? /* @__PURE__ */ Q("div", {
@@ -2837,16 +2857,16 @@ function bi({ label: e, property: t, node: n, change: r, unit: i = "px", max: a,
 		}) : u
 	});
 }
-function xi({ label: e, property: t, values: n, node: r, change: i }) {
-	let a = We(), o = r.css[t], s = n.some(([e]) => e === o) ? n : [...n, [o, o]];
-	return /* @__PURE__ */ Z(yi, {
+function Ci({ 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, {
 		label: e,
 		controlId: a,
-		children: /* @__PURE__ */ Z(at, {
+		children: /* @__PURE__ */ Z(ot, {
 			size: "small",
 			id: a,
 			value: o,
-			options: _i(s),
+			options: yi(s),
 			onChange: (e) => {
 				typeof e == "string" && i(t, e);
 			},
@@ -2854,67 +2874,67 @@ function xi({ label: e, property: t, values: n, node: r, change: i }) {
 		})
 	});
 }
-function Si({ node: e, change: t }) {
+function wi({ node: e, change: t }) {
 	let n = {
 		node: e,
 		change: t
-	}, r = We(), i = We(), [a, o] = Y(e.css["box-shadow"]);
+	}, r = Ge(), i = Ge(), [a, o] = Y(e.css["box-shadow"]);
 	return K(() => o(e.css["box-shadow"]), [e.css["box-shadow"]]), /* @__PURE__ */ Q(X, { children: [
 		/* @__PURE__ */ Q("section", {
 			className: "ri-section",
 			children: [
-				/* @__PURE__ */ Z("h2", { children: V("inspector.size") }),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z("h2", { children: B("inspector.size") }),
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.width"),
+					label: B("inspector.width"),
 					property: "width",
 					sizing: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("label", {
 						className: "ri-sr-only",
 						htmlFor: r,
-						children: V("inspector.widthSizing")
-					}), /* @__PURE__ */ Z(at, {
+						children: B("inspector.widthSizing")
+					}), /* @__PURE__ */ Z(ot, {
 						id: r,
 						size: "small",
 						value: e.widthMode,
-						options: _i([
-							["fixed", V("inspector.fixed")],
-							["fill", V("inspector.fill")],
-							["hug", V("inspector.hug")]
+						options: yi([
+							["fixed", B("inspector.fixed")],
+							["fill", B("inspector.fill")],
+							["hug", B("inspector.hug")]
 						]),
-						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${gi(e.css.width) || e.rect.width}px`)
+						onChange: (n) => t("width", n === "fill" ? "100%" : n === "hug" ? "max-content" : `${vi(e.css.width) || e.rect.width}px`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.height"),
+					label: B("inspector.height"),
 					property: "height",
 					sizing: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z("label", {
 						className: "ri-sr-only",
 						htmlFor: i,
-						children: V("inspector.heightSizing")
-					}), /* @__PURE__ */ Z(at, {
+						children: B("inspector.heightSizing")
+					}), /* @__PURE__ */ Z(ot, {
 						id: i,
 						size: "small",
 						value: e.heightMode,
-						options: _i([["hug", V("inspector.hug")], ["fixed", V("inspector.fixed")]]),
-						onChange: (n) => t("height", n === "hug" ? "auto" : `${gi(e.css.height) || e.rect.height}px`)
+						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`)
 					})] })
 				}),
-				/* @__PURE__ */ Z(xi, {
+				/* @__PURE__ */ Z(Ci, {
 					...n,
-					label: V("inspector.position"),
+					label: B("inspector.position"),
 					property: "position",
 					values: [
-						["static", V("inspector.inline")],
-						["relative", V("inspector.relative")],
-						["absolute", V("inspector.absolute")],
-						["fixed", V("inspector.fixed")],
-						["sticky", V("inspector.sticky")]
+						["static", B("inspector.inline")],
+						["relative", B("inspector.relative")],
+						["absolute", B("inspector.absolute")],
+						["fixed", B("inspector.fixed")],
+						["sticky", B("inspector.sticky")]
 					]
 				}),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.grow"),
+					label: B("inspector.grow"),
 					property: "flex-grow",
 					unit: "",
 					max: 100
@@ -2924,74 +2944,74 @@ function Si({ node: e, change: t }) {
 		/* @__PURE__ */ Q("section", {
 			className: "ri-section",
 			children: [
-				/* @__PURE__ */ Z("h2", { children: V("inspector.layout") }),
-				/* @__PURE__ */ Z(xi, {
+				/* @__PURE__ */ Z("h2", { children: B("inspector.layout") }),
+				/* @__PURE__ */ Z(Ci, {
 					...n,
-					label: V("inspector.layout"),
+					label: B("inspector.layout"),
 					property: "display",
 					values: [
-						["flex", V("inspector.stack")],
-						["grid", V("inspector.grid")],
-						["block", V("inspector.block")],
-						["inline", V("inspector.inline")],
-						["inline-flex", V("inspector.inlineStack")],
-						["none", V("inspector.hidden")]
+						["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")]
 					]
 				}),
-				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(yi, {
-					label: V("inspector.direction"),
-					children: /* @__PURE__ */ Z(it, {
+				(e.css.display === "flex" || e.css.display === "inline-flex") && /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(xi, {
+					label: B("inspector.direction"),
+					children: /* @__PURE__ */ Z(at, {
 						size: "small",
 						block: !0,
 						value: e.css["flex-direction"],
 						options: [{
 							value: "row",
-							icon: /* @__PURE__ */ Z(ht, {
+							icon: /* @__PURE__ */ Z(gt, {
 								size: 14,
 								"aria-hidden": !0
 							}),
 							label: /* @__PURE__ */ Z("span", {
 								className: "ri-sr-only",
-								children: V("inspector.horizontal")
+								children: B("inspector.horizontal")
 							}),
-							title: V("inspector.horizontal")
+							title: B("inspector.horizontal")
 						}, {
 							value: "column",
-							icon: /* @__PURE__ */ Z(mt, {
+							icon: /* @__PURE__ */ Z(ht, {
 								size: 14,
 								"aria-hidden": !0
 							}),
 							label: /* @__PURE__ */ Z("span", {
 								className: "ri-sr-only",
-								children: V("inspector.vertical")
+								children: B("inspector.vertical")
 							}),
-							title: V("inspector.vertical")
+							title: B("inspector.vertical")
 						}],
 						onChange: (e) => t("flex-direction", e)
 					})
-				}), /* @__PURE__ */ Z(yi, {
-					label: V("inspector.align"),
-					children: /* @__PURE__ */ Z(it, {
+				}), /* @__PURE__ */ Z(xi, {
+					label: B("inspector.align"),
+					children: /* @__PURE__ */ Z(at, {
 						size: "small",
 						block: !0,
-						"aria-label": V("inspector.align"),
+						"aria-label": B("inspector.align"),
 						value: e.css["align-items"],
-						options: _i([
-							["flex-start", V("inspector.start")],
-							["center", V("inspector.center")],
-							["stretch", V("inspector.fill")]
+						options: yi([
+							["flex-start", B("inspector.start")],
+							["center", B("inspector.center")],
+							["stretch", B("inspector.fill")]
 						]),
 						onChange: (e) => t("align-items", e)
 					})
 				})] }),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.gap"),
+					label: B("inspector.gap"),
 					property: "gap"
 				}),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.padding"),
+					label: B("inspector.padding"),
 					property: "padding"
 				})
 			]
@@ -2999,69 +3019,69 @@ function Si({ node: e, change: t }) {
 		/* @__PURE__ */ Q("section", {
 			className: "ri-section",
 			children: [
-				/* @__PURE__ */ Z("h2", { children: V("inspector.appearance") }),
-				/* @__PURE__ */ Z(yi, {
-					label: V("inspector.fill"),
-					children: /* @__PURE__ */ Z(Ze, {
+				/* @__PURE__ */ Z("h2", { children: B("inspector.appearance") }),
+				/* @__PURE__ */ Z(xi, {
+					label: B("inspector.fill"),
+					children: /* @__PURE__ */ Z(Qe, {
 						size: "small",
 						trigger: "field",
 						alpha: !0,
 						recent: !1,
-						value: vi(e.css["background-color"]),
+						value: bi(e.css["background-color"]),
 						onChange: (e) => t("background-color", e)
 					})
 				}),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.opacity"),
+					label: B("inspector.opacity"),
 					property: "opacity",
 					unit: "",
 					max: 1,
 					step: .1
 				}),
-				/* @__PURE__ */ Z(bi, {
+				/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.radius"),
+					label: B("inspector.radius"),
 					property: "border-radius"
 				}),
-				/* @__PURE__ */ Z(xi, {
+				/* @__PURE__ */ Z(Ci, {
 					...n,
-					label: V("inspector.border"),
+					label: B("inspector.border"),
 					property: "border-style",
 					values: [
 						["none", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
-							children: [/* @__PURE__ */ Z(gt, {
+							children: [/* @__PURE__ */ Z(_t, {
 								size: 13,
 								"aria-hidden": !0
-							}), V("inspector.none")]
+							}), B("inspector.none")]
 						})],
 						["solid", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
-							children: [/* @__PURE__ */ Z(zt, {
+							children: [/* @__PURE__ */ Z(Bt, {
 								size: 13,
 								"aria-hidden": !0
-							}), V("inspector.solid")]
+							}), B("inspector.solid")]
 						})],
 						["dashed", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
-							children: [/* @__PURE__ */ Z(Kt, {
+							children: [/* @__PURE__ */ Z(qt, {
 								size: 13,
 								"aria-hidden": !0
-							}), V("inspector.dashed")]
+							}), B("inspector.dashed")]
 						})],
 						["dotted", /* @__PURE__ */ Q("span", {
 							className: "ri-option",
-							children: [/* @__PURE__ */ Z(At, {
+							children: [/* @__PURE__ */ Z(jt, {
 								size: 13,
 								"aria-hidden": !0
-							}), V("inspector.dotted")]
+							}), B("inspector.dotted")]
 						})]
 					]
 				})
 			]
 		}),
-		/* @__PURE__ */ Z(Je, {
+		/* @__PURE__ */ Z(Ye, {
 			indicatorPlacement: "end",
 			gap: 0,
 			keepMounted: !0,
@@ -3077,30 +3097,30 @@ function Si({ node: e, change: t }) {
 			},
 			items: [{
 				key: "typography",
-				title: V("inspector.typography"),
-				children: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(bi, {
+				title: B("inspector.typography"),
+				children: /* @__PURE__ */ Q(X, { children: [/* @__PURE__ */ Z(Si, {
 					...n,
-					label: V("inspector.fontSize"),
+					label: B("inspector.fontSize"),
 					property: "font-size",
 					min: 1
-				}), /* @__PURE__ */ Z(yi, {
-					label: V("inspector.color"),
-					children: /* @__PURE__ */ Z(Ze, {
+				}), /* @__PURE__ */ Z(xi, {
+					label: B("inspector.color"),
+					children: /* @__PURE__ */ Z(Qe, {
 						size: "small",
 						trigger: "field",
 						alpha: !0,
 						recent: !1,
-						value: vi(e.css.color),
+						value: bi(e.css.color),
 						onChange: (e) => t("color", e)
 					})
 				})] })
 			}, {
 				key: "effects",
-				title: V("inspector.effects"),
-				children: /* @__PURE__ */ Z(yi, {
-					label: V("inspector.shadow"),
-					children: /* @__PURE__ */ Z(tt, {
-						"aria-label": V("inspector.shadow"),
+				title: B("inspector.effects"),
+				children: /* @__PURE__ */ Z(xi, {
+					label: B("inspector.shadow"),
+					children: /* @__PURE__ */ Z(nt, {
+						"aria-label": B("inspector.shadow"),
 						size: "small",
 						value: a,
 						onChange: (e) => o(e.target.value),
@@ -3114,31 +3134,31 @@ function Si({ node: e, change: t }) {
 }
 //#endregion
 //#region src/viewer/inspector/InspectorPanel.tsx
-var Ci = [
+var Ti = [
 	"Properties",
 	"Code",
 	"Tweaks"
-], wi = Ue(function({ boards: e, frames: t, selection: n, targets: r, playing: i, select: a, hoverNode: o, change: s, reset: c, enabled: l, onClose: u }) {
+], 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 }) {
 	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(V("inspector.copied"));
+			await navigator.clipboard.writeText(e), m(B("inspector.copied"));
 		} catch {
-			m(V("inspector.copyFailed"));
+			m(B("inspector.copyFailed"));
 		}
 	};
-	return /* @__PURE__ */ Z(et, {
+	return /* @__PURE__ */ Z(tt, {
 		config: { "aria-hidden": !0 },
 		children: /* @__PURE__ */ Z("aside", {
 			className: "ryugi-inspector",
 			"data-chrome": !0,
-			"aria-label": V("inspector.label"),
-			children: /* @__PURE__ */ Q(dt, {
+			"aria-label": B("inspector.label"),
+			children: /* @__PURE__ */ Q(ft, {
 				value: d,
 				onValueChange: (e) => {
-					Ci.includes(e) && f(e);
+					Ti.includes(e) && f(e);
 				},
 				size: "small",
 				variant: "rounded",
@@ -3146,29 +3166,29 @@ var Ci = [
 				children: [
 					/* @__PURE__ */ Q("header", {
 						className: "ri-header",
-						children: [/* @__PURE__ */ Q(lt, {
+						children: [/* @__PURE__ */ Q(ut, {
 							className: "ri-tabs",
 							activateOnFocus: !0,
 							style: { alignSelf: "center" },
-							"aria-label": V("inspector.views"),
-							children: [/* @__PURE__ */ Z(ct, {}), Ci.map((e) => /* @__PURE__ */ Q(ft, {
+							"aria-label": B("inspector.views"),
+							children: [/* @__PURE__ */ Z(lt, {}), Ti.map((e) => /* @__PURE__ */ Q(pt, {
 								value: e,
-								children: [V(`inspector.tab.${e}`), e === "Tweaks" && g.length > 0 && /* @__PURE__ */ Z(St, {
+								children: [B(`inspector.tab.${e}`), e === "Tweaks" && g.length > 0 && /* @__PURE__ */ Z(Ct, {
 									className: "ri-change-dot",
 									size: 4,
 									fill: "currentColor",
 									"aria-hidden": !0
 								})]
 							}, e))]
-						}), /* @__PURE__ */ Z(Ye, {
-							icon: Jt,
+						}), /* @__PURE__ */ Z(Xe, {
+							icon: Yt,
 							size: "small",
-							"aria-label": V("inspector.close"),
-							title: V("inspector.close"),
+							"aria-label": B("inspector.close"),
+							title: B("inspector.close"),
 							onClick: u
 						})]
 					}),
-					/* @__PURE__ */ Z(hi, {
+					/* @__PURE__ */ Z(_i, {
 						boards: e,
 						frames: t,
 						selection: n,
@@ -3180,17 +3200,17 @@ var Ci = [
 					/* @__PURE__ */ Q("div", {
 						className: "ri-node-meta",
 						children: [
-							/* @__PURE__ */ Z("code", { children: r.length > 1 ? V("inspector.selected", { count: r.length }) : h ? `<${h.tag}>` : V("inspector.selectElement") }),
+							/* @__PURE__ */ Z("code", { children: r.length > 1 ? B("inspector.selected", { count: r.length }) : h ? `<${h.tag}>` : B("inspector.selectElement") }),
 							h && /* @__PURE__ */ Q("span", {
 								className: "ri-node-id",
-								children: [`${n.boardId}#${h.id}`, /* @__PURE__ */ Z(Ye, {
-									icon: Ot,
+								children: [`${n.boardId}#${h.id}`, /* @__PURE__ */ Z(Xe, {
+									icon: kt,
 									size: {
 										blockSize: 16,
 										size: 10
 									},
-									"aria-label": V("inspector.copyNode"),
-									title: V("inspector.copyNode"),
+									"aria-label": B("inspector.copyNode"),
+									title: B("inspector.copyNode"),
 									onClick: () => void v(`${n.boardId}#${h.id}`)
 								})]
 							}),
@@ -3201,45 +3221,45 @@ var Ci = [
 							}),
 							h && /* @__PURE__ */ Q("span", {
 								className: "ri-live",
-								children: [/* @__PURE__ */ Z(St, {
+								children: [/* @__PURE__ */ Z(Ct, {
 									size: 6,
 									fill: "currentColor",
 									"aria-hidden": !0
-								}), V("inspector.live")]
+								}), B("inspector.live")]
 							})
 						]
 					}),
 					r.length > 1 && /* @__PURE__ */ Z("p", {
 						className: "ri-hint",
 						style: { margin: "8px 16px" },
-						children: V("inspector.lastSelected")
+						children: B("inspector.lastSelected")
 					}),
 					/* @__PURE__ */ Q("div", {
 						className: "ri-panel-body",
 						children: [
-							/* @__PURE__ */ Z(ut, {
+							/* @__PURE__ */ Z(dt, {
 								value: "Properties",
-								children: h && l ? /* @__PURE__ */ Z(Si, {
+								children: h && l ? /* @__PURE__ */ Z(wi, {
 									node: h,
 									change: s
 								}, `${n.boardId}:${t[n.boardId]?.session}:${h.id}`) : /* @__PURE__ */ Z("p", {
 									className: "ri-empty",
-									children: V(l ? "inspector.pickElement" : "inspector.closeExpanded")
+									children: B(l ? "inspector.pickElement" : "inspector.closeExpanded")
 								})
 							}),
-							/* @__PURE__ */ Z(ut, {
+							/* @__PURE__ */ Z(dt, {
 								value: "Code",
 								children: h ? /* @__PURE__ */ Q("div", {
 									className: "ri-code",
 									children: [
 										/* @__PURE__ */ Q("div", {
 											className: "ri-code-heading",
-											children: [/* @__PURE__ */ Z("h2", { children: V("inspector.computedCss") }), /* @__PURE__ */ Z(Xe, {
+											children: [/* @__PURE__ */ Z("h2", { children: B("inspector.computedCss") }), /* @__PURE__ */ Z(Ze, {
 												size: "small",
 												type: "text",
-												icon: Ot,
+												icon: kt,
 												onClick: () => void v(_),
-												children: V("inspector.copy")
+												children: B("inspector.copy")
 											})]
 										}),
 										/* @__PURE__ */ Z("pre", {
@@ -3248,12 +3268,12 @@ var Ci = [
 										}),
 										/* @__PURE__ */ Q("div", {
 											className: "ri-code-heading",
-											children: [/* @__PURE__ */ Z("h2", { children: "HTML" }), /* @__PURE__ */ Z(Xe, {
+											children: [/* @__PURE__ */ Z("h2", { children: "HTML" }), /* @__PURE__ */ Z(Ze, {
 												size: "small",
 												type: "text",
-												icon: Ot,
+												icon: kt,
 												onClick: () => void v(h.html),
-												children: V("inspector.copy")
+												children: B("inspector.copy")
 											})]
 										}),
 										/* @__PURE__ */ Z("pre", {
@@ -3263,21 +3283,21 @@ var Ci = [
 										/* @__PURE__ */ Z("p", {
 											className: "ri-hint",
 											role: "status",
-											children: p || V("inspector.fromDom")
+											children: p || B("inspector.fromDom")
 										})
 									]
 								}) : /* @__PURE__ */ Z("p", {
 									className: "ri-empty",
-									children: V("inspector.selectForCode")
+									children: B("inspector.selectForCode")
 								})
 							}),
-							/* @__PURE__ */ Z(ut, {
+							/* @__PURE__ */ Z(dt, {
 								value: "Tweaks",
 								children: /* @__PURE__ */ Q("section", {
 									className: "ri-section",
 									children: [
 										/* @__PURE__ */ Q("h2", { children: [
-											V("inspector.sessionChanges"),
+											B("inspector.sessionChanges"),
 											" ",
 											/* @__PURE__ */ Z("span", {
 												className: "ri-count",
@@ -3286,7 +3306,7 @@ var Ci = [
 										] }),
 										/* @__PURE__ */ Z("p", {
 											className: "ri-hint",
-											children: V("inspector.changesApply")
+											children: B("inspector.changesApply")
 										}),
 										/* @__PURE__ */ Z("div", {
 											className: "ri-tweaks",
@@ -3305,15 +3325,15 @@ var Ci = [
 										}),
 										!g.length && /* @__PURE__ */ Z("p", {
 											className: "ri-hint",
-											children: V("inspector.noChanges")
+											children: B("inspector.noChanges")
 										}),
-										/* @__PURE__ */ Z(Xe, {
-											icon: Ut,
+										/* @__PURE__ */ Z(Ze, {
+											icon: Wt,
 											size: "small",
 											block: !0,
 											disabled: !g.length,
 											onClick: c,
-											children: V("inspector.resetPreview")
+											children: B("inspector.resetPreview")
 										})
 									]
 								})
@@ -3323,14 +3343,14 @@ var Ci = [
 					/* @__PURE__ */ Q("footer", {
 						className: "ri-footer",
 						children: [
-							/* @__PURE__ */ Z(St, {
+							/* @__PURE__ */ Z(Ct, {
 								className: "ri-status-dot",
 								size: 5,
 								fill: "currentColor",
 								"aria-hidden": !0
 							}),
-							g.length ? V("inspector.previewChanges", { count: g.length }) : V("inspector.liveInspection"),
-							/* @__PURE__ */ Z("span", { children: V("inspector.previewOnly") })
+							g.length ? B("inspector.previewChanges", { count: g.length }) : B("inspector.liveInspection"),
+							/* @__PURE__ */ Z("span", { children: B("inspector.previewOnly") })
 						]
 					})
 				]
@@ -3340,92 +3360,92 @@ var Ci = [
 });
 //#endregion
 //#region src/viewer/hooks/usePageQuery.ts
-function Ti(e, t) {
+function Di(e, t) {
 	if (t === null) return e;
 	let n = new URL(e);
 	return n.searchParams.set("page", t), n.href;
 }
-function Ei() {
-	let e = v(), t = G((t) => (e.addEventListener("popstate", t), e.addEventListener("ryugi:pagechange", t), () => {
+function Oi() {
+	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]);
-	return [qe(t, () => new URLSearchParams(e.location.search).get("page")), G((t, n) => {
+	return [Je(t, () => new URLSearchParams(e.location.search).get("page")), G((t, n) => {
 		let r = new URL(e.location.href);
 		r.searchParams.get("page") !== t && (t === null ? r.searchParams.delete("page") : r.searchParams.set("page", t), e.history[n ? "replaceState" : "pushState"](e.history.state, "", r), e.dispatchEvent(new Event("ryugi:pagechange")));
 	}, [e])];
 }
 //#endregion
 //#region src/viewer/hooks/useArtboardPage.ts
-function Di({ canvas: e, layout: t, fitPage: n, fitFocus: r, startAtFocus: i = !1 }) {
-	let [a, o] = Y(null), s = J(void 0), c = J(void 0), l = J(null), u = J(!1), [d, f] = Ei(), p = J(d), m = G((e, t = !0) => {
-		o(e), l.current = e, p.current = e, f(e, t);
-	}, [f]);
+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) => {
+		o(e), u.current = e, m.current = e, p(e, t);
+	}, [p]);
 	return K(() => {
 		if (!e || !t) return;
-		let n = e.pages[0]?.id ?? null, h = (t) => t && e.pages.some((e) => e.id === t) ? t : null;
-		if (!u.current) {
-			u.current = !0, s.current = e.activePage, c.current = e.focus?.at;
-			let r = i && e.focus ? w(e, t, e.focus.target)?.page : void 0, a = h(d) ?? (d === null ? h(r) ?? h(e.activePage) ?? n : n);
-			m(a);
+		let n = e.pages[0]?.id ?? null, g = (t) => t && e.pages.some((e) => e.id === t) ? t : null;
+		if (!d.current) {
+			d.current = !0, c.current = e.activePage, l.current = e.focus?.at;
+			let r = i && e.focus ? s(e, t, e.focus.target)?.page : void 0, a = g(f) ?? (f === null ? g(r) ?? g(e.activePage) ?? n : n);
+			h(a);
 			return;
 		}
-		if (d !== p.current) {
-			c.current = e.focus?.at, s.current = e.activePage, m(h(d) ?? n);
+		if (f !== m.current) {
+			l.current = e.focus?.at, c.current = e.activePage, h(g(f) ?? n);
 			return;
 		}
-		let g = e.focus;
-		if (g && g.at !== c.current) {
-			c.current = g.at, s.current = e.activePage;
-			let n = w(e, t, g.target);
+		let _ = e.focus;
+		if (_ && _.at !== l.current) {
+			l.current = _.at, c.current = e.activePage;
+			let n = s(e, t, _.target);
 			if (n) {
-				o(n.page), l.current = null, p.current = n.page, f(n.page, !0), r(g.target, n);
+				o(n.page), u.current = null, m.current = n.page, p(n.page, !0), r(_.target, n);
 				return;
 			}
 		}
-		e.activePage !== s.current && (s.current = e.activePage, e.activePage) ? m(h(e.activePage) ?? n) : (!a || !e.pages.some((e) => e.id === a)) && m(n);
+		e.activePage !== c.current && (c.current = e.activePage, e.activePage) ? h(g(e.activePage) ?? n) : (!a || !e.pages.some((e) => e.id === a)) && h(n);
 	}, [
 		e,
 		t,
 		r,
 		a,
 		i,
-		d,
-		m,
-		f
+		f,
+		h,
+		p
 	]), K(() => {
-		l.current !== null && l.current === a && n(a) && (l.current = null);
+		u.current !== null && u.current === a && n(a) && (u.current = null);
 	}), {
 		page: a,
 		changePage: (t) => {
-			e?.pages.some((e) => e.id === t) && m(t, !1);
+			e?.pages.some((e) => e.id === t) && h(t, !1);
 		}
 	};
 }
 //#endregion
 //#region src/viewer/components/PhoneArtboardBar.tsx
-function Oi({ pages: e, page: t, onPageChange: n }) {
+function Ai({ pages: e, page: t, onPageChange: n }) {
 	if (e.length < 2) return null;
 	let r = e.find((e) => e.id === t);
-	return /* @__PURE__ */ Z(Qe, {
+	return /* @__PURE__ */ Z($e, {
 		placement: "bottomLeft",
 		items: e.map((e) => ({
 			key: e.id,
 			label: e.name,
-			icon: e.id === t ? _t : void 0,
+			icon: e.id === t ? vt : void 0,
 			onClick: () => n(e.id)
 		})),
 		children: /* @__PURE__ */ Q("button", {
 			type: "button",
-			"aria-label": V("chrome.switchPage"),
+			"aria-label": B("chrome.switchPage"),
 			className: "x78zum5 x6s0dn4 x195vfkc xeuugli x1717udv xc342km xjbqb8w x1bo0w0s xqfszdh x4z9k3i x1ypdohk",
 			children: [/* @__PURE__ */ Z("span", {
 				className: "xb3r6kr xuxw1ft xlyipyv",
 				children: r?.name ?? t
-			}), /* @__PURE__ */ Z(yt, { size: 13 })]
+			}), /* @__PURE__ */ Z(bt, { size: 13 })]
 		})
 	});
 }
-function ki({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a }) {
+function ji({ 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",
@@ -3434,14 +3454,14 @@ function ki({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a
 				className: "xeuugli xb3r6kr xuxw1ft xlyipyv x1s688f",
 				children: e
 			}),
-			/* @__PURE__ */ Z(Oi, {
+			/* @__PURE__ */ Z(Ai, {
 				pages: t,
 				page: n,
 				onPageChange: r
 			}),
 			/* @__PURE__ */ Z("span", { className: "x98rzlu" }),
 			a === void 0 ? null : /* @__PURE__ */ Z("i", {
-				title: V(a ? "chrome.live" : "chrome.reconnecting"),
+				title: B(a ? "chrome.live" : "chrome.reconnecting"),
 				...{
 					0: { className: "xci0xqf x1hagigm x2lah0s x16rqkct xxwmxtg" },
 					1: { className: "xci0xqf x1hagigm x2lah0s x16rqkct xux1nz0" }
@@ -3453,7 +3473,7 @@ function ki({ title: e, pages: t, page: n, onPageChange: r, actions: i, live: a
 }
 //#endregion
 //#region src/viewer/components/ghost.ts
-var Ai = { ghost: {
+var Mi = { ghost: {
 	k1xSpc: "xrvj5dj",
 	kgQiWS: "x1ku5rj1",
 	kmuXW: "x2lah0s",
@@ -3469,9 +3489,9 @@ var Ai = { ghost: {
 	kIyJzY: "xgdialr",
 	k3aq6I: "x19kf12q",
 	$$css: !0
-} }, ji = 120, Mi = .5, Ni = 110, Pi = .4, Fi = .25;
-function Ii(e, t, n) {
-	if (!e || Ee()) return {
+} }, Ni = 120, Pi = .5, Fi = 110, Ii = .4, Li = .25;
+function Ri(e, t, n) {
+	if (!e || Oe()) return {
 		done: Promise.resolve(),
 		cancel: () => {}
 	};
@@ -3484,19 +3504,19 @@ function Ii(e, t, n) {
 		cancel: () => r.cancel()
 	};
 }
-function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClose: s }) {
-	let { viewportRef: c, view: l, place: u, handlers: d } = di("hand"), f = J(null), p = J(null), m = J(null), h = J(null), [g, _] = Y(null), v = J(null), y = J(l);
+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);
 	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,
 		height: c.current?.clientHeight ?? n.h
-	}), O = (e) => {
+	}), D = (e) => {
 		let t = y.current, r = c.current?.getBoundingClientRect();
 		if (!e || !r) return null;
 		let i = e.w / (n.w * t.k);
 		return `translate(${e.x - r.left - i * t.x}px, ${e.y - r.top - i * t.y}px) scale(${i})`;
 	}, k = () => [m.current, h.current];
-	Ge(() => {
+	Ke(() => {
 		let { width: e, height: t } = E(), r = n.interactive ? Math.min(1, e / n.w, t / n.h) : Math.min(1, e / n.w), i = {
 			k: r,
 			x: (e - n.w * r) / 2,
@@ -3504,14 +3524,14 @@ function Li({ 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 = O(a);
-			e && Re(f.current, [{ transform: e }, { transform: "none" }], {
-				duration: je.duration,
-				easing: je.easing
-			}), Re(p.current, [{ opacity: 0 }, { opacity: 1 }], {
+			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 }], {
 				duration: 200,
-				easing: Ie
-			}), k().forEach((e, t) => void Re(e, [{
+				easing: Re
+			}), k().forEach((e, t) => void W(e, [{
 				opacity: 0,
 				transform: `translateY(${t ? 12 : -8}px)`
 			}, {
@@ -3520,19 +3540,19 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			}], {
 				duration: 180,
 				delay: 90,
-				easing: Ie
+				easing: Re
 			}));
 		} else if (x.current) {
 			let { dir: t, leaving: n } = x.current;
-			x.current = null, n(), Re(f.current, [{
+			x.current = null, n(), W(f.current, [{
 				transform: `translateX(${t * e * .35}px)`,
 				opacity: 0
 			}, {
 				transform: "none",
 				opacity: 1
 			}], {
-				duration: je.duration,
-				easing: je.easing
+				duration: Ne.duration,
+				easing: Ne.easing
 			});
 		}
 	}, [
@@ -3545,35 +3565,35 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 	]);
 	let A = () => {
 		let e = f.current?.style.transform || "none";
-		_(null), Re(f.current, [{ transform: e }, { transform: "none" }], {
-			duration: je.duration,
-			easing: je.easing
-		}), [p.current, ...k()].forEach((e) => void Re(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 1 }], {
+		_(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 }], {
 			duration: 200,
-			easing: Ie
+			easing: Re
 		}));
 	}, j = async () => {
 		if (S.current) return;
 		S.current = !0;
-		let e = f.current?.style.transform || "none", t = O(a), n = {
+		let e = f.current?.style.transform || "none", t = D(a), n = {
 			duration: 100,
-			easing: Te
+			easing: De
 		};
 		await Promise.all([
-			t ? Ii(f.current, [{ transform: e }, { transform: t }], {
+			t ? Ri(f.current, [{ transform: e }, { transform: t }], {
 				duration: 240,
-				easing: Te
-			}).done : Ii(f.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
-			Ii(p.current, [{ opacity: Number(p.current?.style.opacity || 1) }, { opacity: 0 }], {
+				easing: De
+			}).done : Ri(f.current, [{ opacity: 1 }, { opacity: 0 }], n).done,
+			Ri(p.current, [{ opacity: Number(p.current?.style.opacity || 1) }, { opacity: 0 }], {
 				duration: 240,
-				easing: Te
+				easing: De
 			}).done,
-			...k().map((e) => Ii(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
+			...k().map((e) => Ri(e, [{ opacity: Number(e?.style.opacity || 1) }, { opacity: 0 }], n).done)
 		]), s();
-	}, M = async (e, t) => {
+	}, ee = async (e, t) => {
 		if (!t || S.current) return;
 		S.current = !0;
-		let n = f.current?.style.transform || "none", r = Ii(f.current, [{
+		let n = f.current?.style.transform || "none", r = Ri(f.current, [{
 			transform: n,
 			opacity: 1
 		}, {
@@ -3581,13 +3601,13 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			opacity: 0
 		}], {
 			duration: 180,
-			easing: Te
+			easing: De
 		});
 		await r.done, x.current = {
 			dir: e,
 			leaving: r.cancel
 		}, S.current = !1, _(null), o(t);
-	}, te = (e) => {
+	}, ne = (e) => {
 		let t = v.current;
 		if (S.current || t?.mode === "dismiss" || t?.mode === "swipe" || (t && (t.mode = "pan"), d.onPointerDown(e), t)) return;
 		[
@@ -3595,7 +3615,7 @@ function Li({ 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 = ne();
+		let n = ie();
 		n.add(e.clientX, e.clientY, performance.now()), v.current = {
 			id: e.pointerId,
 			x: e.clientX,
@@ -3609,7 +3629,7 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 		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 = ee(r, a);
+			let o = te(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);
@@ -3619,18 +3639,18 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			dx: r,
 			dy: a
 		});
-	}, ie = (e) => {
+	}, ae = (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 > ji && n.y > -.4 || n.y > Mi ? void j() : A();
-		let a = n.x < -.4 ? 1 : n.x > Pi ? -1 : 0, o = r < -110 ? 1 : r > Ni ? -1 : 0, s = a === 0 ? o : o === 0 || o === a ? a : 0, c = s === 1 ? T : s === -1 ? w : void 0;
-		c && s ? M(s, c) : A();
-	}, { width: ae, height: N } = E(), P, oe = 1, se = 1;
+		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 (g?.axis === "y") {
 		let e = Math.max(0, g.dy), t = 1 - Math.min(e / 900, .3);
-		P = `translate(${g.dx * .6 + (1 - t) * ae / 2}px, ${e + (1 - t) * N / 2}px) scale(${t})`, oe = 1 - Math.min(e / 420, .85), se = Math.max(0, 1 - e / ji);
-	} else g?.axis === "x" && (P = `translateX(${g.dx > 0 && !w || g.dx < 0 && !T ? g.dx * Fi : g.dx}px)`);
+		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)`);
 	return /* @__PURE__ */ Q("div", {
 		"data-phone-board": !0,
 		className: "xixxii4 x10a8y8t x68pp3s x78zum5 xdt5ytf xo2rkog xqfszdh",
@@ -3638,19 +3658,19 @@ function Li({ 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: oe } : void 0
+				style: g ? { opacity: N } : void 0
 			}),
 			/* @__PURE__ */ Q("header", {
 				ref: m,
 				className: "x1n2onr6 x2lah0s xdd8jsf x78zum5 x6s0dn4 x195vfkc x135b78x xv54qhq xso031l x1q0q8m5 xtrfj0v x1rozbrz",
-				style: g ? { opacity: se } : void 0,
+				style: g ? { opacity: le } : void 0,
 				children: [
 					/* @__PURE__ */ Z("button", {
 						type: "button",
-						"aria-label": V("phone.backToCanvas"),
+						"aria-label": B("phone.backToCanvas"),
 						onClick: () => void j(),
-						...D(Ai.ghost),
-						children: /* @__PURE__ */ Z(bt, { size: 22 })
+						...O(Mi.ghost),
+						children: /* @__PURE__ */ Z(xt, { size: 22 })
 					}),
 					/* @__PURE__ */ Q("span", {
 						className: "x98rzlu xeuugli x78zum5 xdt5ytf x12mrbbr",
@@ -3675,9 +3695,9 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 			/* @__PURE__ */ Z("div", {
 				ref: c,
 				"data-board-body": !0,
-				onPointerDown: te,
+				onPointerDown: ne,
 				onPointerMove: re,
-				onPointerUp: ie,
+				onPointerUp: ae,
 				onPointerCancel: (e) => {
 					let t = v.current;
 					t?.id === e.pointerId && ((t.mode === "dismiss" || t.mode === "swipe") && A(), v.current = null), d.onPointerCancel(e);
@@ -3687,7 +3707,7 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 					ref: f,
 					"data-board-stage": !0,
 					className: "x10l6tqk x10a8y8t x1hj3fc7",
-					style: P ? { transform: P } : void 0,
+					style: se ? { transform: se } : void 0,
 					children: /* @__PURE__ */ Z("div", {
 						className: "x10l6tqk xu96u03 x13vifvy x1hj3fc7",
 						style: {
@@ -3695,7 +3715,7 @@ function Li({ 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(F, {
+						children: t(n) ? /* @__PURE__ */ Z(ce, {
 							id: e,
 							board: n,
 							src: r,
@@ -3717,15 +3737,15 @@ function Li({ 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: se } : void 0,
+				style: g ? { opacity: le } : void 0,
 				children: [
 					/* @__PURE__ */ Z("button", {
 						type: "button",
-						"aria-label": V("phone.previousBoard"),
+						"aria-label": B("phone.previousBoard"),
 						disabled: !w,
-						onClick: () => void M(-1, w),
-						...D(Ai.ghost),
-						children: /* @__PURE__ */ Z(bt, { size: 20 })
+						onClick: () => void ee(-1, w),
+						...O(Mi.ghost),
+						children: /* @__PURE__ */ Z(xt, { size: 20 })
 					}),
 					/* @__PURE__ */ Z("span", {
 						className: "x98rzlu x78zum5 xl56j7k x17d4w8g",
@@ -3739,11 +3759,11 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 					}),
 					/* @__PURE__ */ Z("button", {
 						type: "button",
-						"aria-label": V("phone.nextBoard"),
+						"aria-label": B("phone.nextBoard"),
 						disabled: !T,
-						onClick: () => void M(1, T),
-						...D(Ai.ghost),
-						children: /* @__PURE__ */ Z(xt, { size: 20 })
+						onClick: () => void ee(1, T),
+						...O(Mi.ghost),
+						children: /* @__PURE__ */ Z(St, { size: 20 })
 					})
 				]
 			}) : null
@@ -3752,13 +3772,13 @@ function Li({ id: e, board: n, src: r, siblings: i, origin: a, onOpen: o, onClos
 }
 //#endregion
 //#region src/viewer/lib/questions.ts
-var Ri = (e) => ({
+var Bi = (e) => ({
 	minX: e.x,
 	minY: e.y,
 	maxX: e.x + e.w,
 	maxY: e.y + e.h
 });
-function zi(e, t, n) {
+function Vi(e, t, n) {
 	let r = t.pages[n];
 	if (!r) return [];
 	let i = /* @__PURE__ */ new Set(), a = [];
@@ -3770,7 +3790,7 @@ function zi(e, t, n) {
 				id: t,
 				title: o.title ?? t,
 				boards: c,
-				bounds: Ri(s)
+				bounds: Bi(s)
 			});
 		}
 	}
@@ -3778,7 +3798,7 @@ function zi(e, t, n) {
 		id: t,
 		title: r.title ?? t,
 		boards: [t],
-		bounds: Ri(r)
+		bounds: Bi(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]) => ({
@@ -3790,31 +3810,31 @@ function zi(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 ?? R.t("common.other"),
+			title: t?.text ?? L.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 Bi = (e) => e.flatMap((e) => e.questions);
-function Vi(e, t) {
-	let n = Bi(e);
+var Hi = (e) => e.flatMap((e) => e.questions);
+function Ui(e, t) {
+	let n = Hi(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 Hi(e, t, n) {
+function Wi(e, t, n) {
 	let r = e.findIndex((e) => e.id === t);
 	return r === -1 ? null : e[r + n] ?? null;
 }
-var Ui = .66, Wi = (e, t, n) => e.id === t?.id ? "current" : n[e.id]?.state === "pass" ? "pass" : n[e.id]?.state === "reject" ? "reject" : "open";
-function Gi({ 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 } = L(), f = Bi(e), p = t ? f.findIndex((e) => e.id === t.id) : -1;
-	return /* @__PURE__ */ Z(te, {
-		snaps: [78, Ui],
+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],
 		snap: c,
 		onSnap: l,
 		onScrim: () => l(78),
@@ -3826,8 +3846,8 @@ function Gi({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					"aria-label": d("questions.previous"),
 					disabled: !n,
 					onClick: () => n && s(n),
-					...D(Ai.ghost),
-					children: /* @__PURE__ */ Z(bt, { size: 20 })
+					...O(Mi.ghost),
+					children: /* @__PURE__ */ Z(xt, { size: 20 })
 				}),
 				/* @__PURE__ */ Q("span", {
 					"data-question-bar": !0,
@@ -3859,7 +3879,7 @@ function Gi({ 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 = Wi(e, t, u);
+							let n = Ki(e, t, u);
 							return /* @__PURE__ */ Z("span", {
 								"data-mark": n,
 								...{
@@ -3881,8 +3901,8 @@ function Gi({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 					"aria-label": d("questions.next"),
 					disabled: !r,
 					onClick: () => r && s(r),
-					...D(Ai.ghost),
-					children: /* @__PURE__ */ Z(xt, { size: 20 })
+					...O(Mi.ghost),
+					children: /* @__PURE__ */ Z(St, { size: 20 })
 				})
 			]
 		}),
@@ -3890,7 +3910,7 @@ function Gi({ 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(Oi, {
+				children: /* @__PURE__ */ Z(Ai, {
 					pages: i,
 					page: a,
 					onPageChange: o
@@ -3927,159 +3947,159 @@ function Gi({ rounds: e, current: t, previous: n, next: r, pages: i, page: a, on
 }
 //#endregion
 //#region src/viewer/layouts/PhoneArtboard.tsx
-var Ki = {
+var Ji = {
 	top: 16,
 	right: 16,
 	bottom: 94,
 	left: 16
-}, qi = 8, Ji = /* @__PURE__ */ new Set(), Yi = [];
-function Xi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase: a, versions: o, live: c, loaded: l, agent: u, comments: d, actions: f }) {
-	let { viewportRef: p, view: m, size: h, fit: g, handlers: _ } = di("hand"), [v, y] = Y(null), [x, S] = Y(78), [C, w] = Y(null), T = J(null), E = G((e, t = !1) => e ? (y(e.id), g(e.bounds, Ki, { animate: t }), !0) : !1, [g]), { page: D, changePage: O } = Di({
+}, 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({
 		canvas: t,
 		layout: n,
 		fitPage: G((e) => {
 			let r = n?.pages[e];
-			return !t || !r ? !1 : (E(Vi(zi(t, n, e), t.focus?.target)) || (y(null), r.bounds && g(r.bounds, Ki)), !0);
+			return !t || !r ? !1 : (E(Ui(Vi(t, n, e), t.focus?.target)) || (b(null), r.bounds && _(r.bounds, Ji)), !0);
 		}, [
 			t,
 			n,
-			g,
+			_,
 			E
 		]),
 		fitFocus: G((e, r) => {
-			t && n && E(Vi(zi(t, n, r.page), e)) || g(r.bounds, Ki);
+			t && n && E(Ui(Vi(t, n, r.page), e)) || _(r.bounds, Ji);
 		}, [
 			t,
 			n,
-			g,
+			_,
 			E
 		]),
 		startAtFocus: !0
-	}), k = q(() => t && n && D ? zi(t, n, D) : [], [
+	}), k = q(() => t && n && D ? Vi(t, n, D) : [], [
 		t,
 		n,
 		D
-	]), A = q(() => Bi(k), [k]), j = A.find((e) => e.id === v) ?? null, ee = (e) => {
+	]), A = q(() => Hi(k), [k]), j = A.find((e) => e.id === y) ?? null, ee = (e) => {
 		E(e, !0), S(78);
-	}, M = t?.boards ?? {}, te = q(() => Object.entries(t?.boards ?? {}).filter(([, e]) => e.page === D), [t, D]), ne = Object.entries(t?.groups ?? {}).filter(([, e]) => e.boards.some((e) => M[e]?.page === D)), re = Object.entries(t?.notes ?? {}).filter(([, e]) => e.page === D), ie = q(() => new Set(i), [i]), ae = q(() => new Set(d?.stale ?? []), [d]), N = Pr({
+	}, 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({
 		canvas: t,
 		page: D,
-		threads: d?.comments.threads ?? Yi,
-		stale: ae,
+		threads: f?.comments.threads ?? Zi,
+		stale: oe,
 		versions: o
-	}), P = (e) => {
-		let t = p.current.getBoundingClientRect(), n = (e.clientX - t.left - m.x) / m.k, r = (e.clientY - t.top - m.y) / m.k;
-		return te.find(([, e]) => n >= e.x && n <= e.x + e.w && r >= e.y && r <= e.y + e.h)?.[0] ?? null;
-	}, F = (e) => {
-		_.onPointerDown(e);
+	}), se = (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) => {
+		v.onPointerDown(e);
 		let t = !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome]");
 		T.current = T.current || t ? null : {
 			pointer: e.pointerId,
 			x: e.clientX,
 			y: e.clientY
 		};
-	}, oe = (e) => {
-		_.onPointerMove(e);
-		let t = T.current;
-		t && (t.pointer !== e.pointerId || Math.hypot(e.clientX - t.x, e.clientY - t.y) > qi) && (T.current = null);
 	}, ce = (e) => {
-		_.onPointerUp(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) => {
+		v.onPointerUp(e);
 		let t = T.current;
 		if (T.current = null, t?.pointer !== e.pointerId) return;
-		let n = P(e);
+		let n = se(e);
 		n && w(n);
-	}, I = C ? M[C] : void 0, L = p.current?.getBoundingClientRect(), le = I && L ? {
-		x: L.left + m.x + I.x * m.k,
-		y: L.top + m.y + I.y * m.k,
-		w: I.w * m.k,
-		h: I.h * m.k
-	} : void 0, ue = (e) => !t?.groups?.[e.id], R = C ? k.find((e) => e.questions.some((e) => e.boards.includes(C))) : void 0, z = R?.questions.find((e) => e.boards.includes(C)), de = C ? z ? ue(z) ? R.questions.filter(ue).map((e) => e.id) : z.boards : [C] : [];
+	}, 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] : [];
 	return /* @__PURE__ */ Q("div", {
 		className: "xixxii4 x10a8y8t x78zum5 xdt5ytf x184qs1t",
 		children: [
-			/* @__PURE__ */ Z(ki, {
+			/* @__PURE__ */ Z(ji, {
 				title: t?.title || e,
 				pages: t?.pages ?? [],
 				page: D,
 				onPageChange: O,
-				actions: f,
-				live: c
+				actions: p,
+				live: s
 			}),
 			/* @__PURE__ */ Q("div", {
-				ref: p,
+				ref: m,
 				className: "x1n2onr6 x98rzlu x2lwn1j xb3r6kr x5ve5x3 x87ps6o xqfszdh xo2rkog",
-				onPointerDown: F,
-				onPointerMove: oe,
-				onPointerUp: ce,
+				onPointerDown: N,
+				onPointerMove: ce,
+				onPointerUp: le,
 				onPointerCancel: (e) => {
-					_.onPointerCancel(e), T.current = null;
+					v.onPointerCancel(e), T.current = null;
 				},
-				children: [t && n ? /* @__PURE__ */ Q(s, {
+				children: [t && n ? /* @__PURE__ */ Q(u, {
 					resetKey: t,
-					children: [/* @__PURE__ */ Z(se, {
-						view: m,
-						renders: b({
-							boards: te.map(([e, t]) => ({
+					children: [/* @__PURE__ */ Z(ue, {
+						view: h,
+						renders: l({
+							boards: ne.map(([e, t]) => ({
 								id: e,
 								...t
 							})),
-							view: m,
-							viewport: h
+							view: h,
+							viewport: g
 						}),
-						boards: te,
-						notes: re,
+						boards: ne,
+						notes: ie,
 						contentBase: a,
 						versions: o,
-						pending: ie,
-						playing: Ji,
+						pending: ae,
+						playing: Xi,
 						replays: {},
 						inspecting: !1,
 						frameRef: () => () => {},
 						frameLoaded: () => {},
-						live: c,
-						writing: c ? t.writing : void 0,
-						agent: u
-					}), /* @__PURE__ */ Z(Zn, {
-						view: m,
-						boards: te,
-						groups: ne,
-						allBoards: M,
+						live: s,
+						writing: s ? t.writing : void 0,
+						agent: d
+					}), /* @__PURE__ */ Z(Qn, {
+						view: h,
+						boards: ne,
+						groups: re,
+						allBoards: te,
 						contentBase: a,
 						versions: o,
-						pending: ie,
-						playing: Ji,
+						pending: ae,
+						playing: Xi,
 						onExpand: w,
 						onTogglePlay: w,
 						onReplay: () => {},
-						verdicts: N
+						verdicts: M
 					})]
 				}) : /* @__PURE__ */ Z("div", {
 					className: "x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 xggk2y7 x1bo0w0s xif65rj x2b8uid",
-					children: l ? r[0] ?? "Waiting for the agent to write canvas.json…" : "Connecting…"
+					children: c ? r[0] ?? "Waiting for the agent to write canvas.json…" : "Connecting…"
 				}), A.length > 0 ? /* @__PURE__ */ Z("div", {
 					"data-chrome": !0,
 					className: "x10l6tqk x10a8y8t x1n327nk x47corl",
-					children: /* @__PURE__ */ Z(Gi, {
+					children: /* @__PURE__ */ Z(qi, {
 						rounds: k,
 						current: j,
-						previous: v ? Hi(A, v, -1) : null,
-						next: v ? Hi(A, v, 1) : null,
+						previous: y ? Wi(A, y, -1) : null,
+						next: y ? Wi(A, y, 1) : null,
 						pages: t?.pages ?? [],
 						page: D,
 						onPageChange: O,
 						onPick: ee,
 						snap: x,
 						onSnap: S,
-						verdicts: N.states
+						verdicts: M.states
 					})
 				}) : null]
 			}),
-			C && I ? /* @__PURE__ */ Z(Li, {
+			C && P ? /* @__PURE__ */ Z(zi, {
 				id: C,
-				board: I,
-				src: `${a}${I.file}?v=${o[I.file] ?? 0}`,
-				siblings: de,
-				origin: le,
+				board: P,
+				src: `${a}${P.file}?v=${o[P.file] ?? 0}`,
+				siblings: pe,
+				origin: F,
 				onOpen: w,
 				onClose: () => w(null)
 			}) : null
@@ -4088,7 +4108,7 @@ function Xi({ id: e, canvas: t, layout: n, warnings: r, pending: i, contentBase:
 }
 //#endregion
 //#region src/viewer/hooks/useBoardTweaks.ts
-function Zi(e) {
+function $i(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,
@@ -4113,9 +4133,9 @@ function Zi(e) {
 			let r = [...i.current.values()].find((t) => t.element.contentWindow === e.source && t.connection === n.connection);
 			if (!r || r.session && r.session !== n.session || n.error !== null && (typeof n.error != "string" || n.error.length > 512)) return;
 			r.session = n.session;
-			let a = Zt(n.schema);
+			let a = Qt(n.schema);
 			n.error && (a.schema = null, a.error = n.error);
-			let c = t.current[r.boardId], l = a.schema ? $t(a.schema, c?.values, c?.schema ?? void 0) : {};
+			let c = t.current[r.boardId], l = a.schema ? en(a.schema, c?.values, c?.schema ?? void 0) : {};
 			o(r.boardId, {
 				...a,
 				values: l
@@ -4141,7 +4161,7 @@ function Zi(e) {
 			connection: n.connection
 		}, "*"));
 	}, []), u = G((e, n) => {
-		let r = t.current[e], i = r?.schema && Qt(r.schema, n);
+		let r = t.current[e], i = r?.schema && $t(r.schema, n);
 		r && i && (o(e, {
 			...r,
 			values: i
@@ -4159,23 +4179,23 @@ function Zi(e) {
 		}, [u]),
 		reset: G((e) => {
 			let n = t.current[e]?.schema;
-			n && u(e, $t(n));
+			n && u(e, en(n));
 		}, [u])
 	};
 }
-var Qi = (e, t) => ({
+var ea = (e, t) => ({
 	left: t.x + (e.x + e.w) * t.k + 12,
 	top: t.y + e.y * t.k
 });
-function $i(e, t, n) {
-	let r = Qi(e, t);
+function ta(e, t, n) {
+	let r = ea(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 ea({ control: e, value: t, change: n }) {
-	let r = We(), i = e.type === "enum" && e.options.length <= 3, a = i ? "fieldset" : "div", o;
+function na({ 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",
 		children: [e.options && /* @__PURE__ */ Z("div", {
@@ -4189,13 +4209,13 @@ function ea({ control: e, value: t, change: n }) {
 				style: { backgroundColor: r.value },
 				onClick: () => n(r.value)
 			}, r.value))
-		}), /* @__PURE__ */ Z(Ze, {
+		}), /* @__PURE__ */ Z(Qe, {
 			size: "small",
 			alpha: !1,
 			recent: !1,
 			value: t,
 			onChange: n,
-			children: /* @__PURE__ */ Q(Xe, {
+			children: /* @__PURE__ */ Q(Ze, {
 				id: r,
 				"aria-label": e.label,
 				size: "small",
@@ -4205,14 +4225,14 @@ function ea({ control: e, value: t, change: n }) {
 				}), /* @__PURE__ */ Z("code", { children: String(t) })]
 			})
 		})]
-	}) : e.type === "boolean" ? /* @__PURE__ */ Z(st, {
+	}) : e.type === "boolean" ? /* @__PURE__ */ Z(ct, {
 		id: r,
 		"aria-label": e.label,
 		checked: t,
 		onChange: n
 	}) : e.type === "range" ? /* @__PURE__ */ Q("div", {
 		className: "rt-range",
-		children: [/* @__PURE__ */ Z(ot, {
+		children: [/* @__PURE__ */ Z(st, {
 			"aria-labelledby": `${r}-label`,
 			value: t,
 			min: e.min,
@@ -4220,7 +4240,7 @@ function ea({ control: e, value: t, change: n }) {
 			step: e.step,
 			onChange: n
 		}), /* @__PURE__ */ Z("output", { children: String(t) })]
-	}) : e.type === "number" ? /* @__PURE__ */ Z(nt, {
+	}) : e.type === "number" ? /* @__PURE__ */ Z(rt, {
 		id: r,
 		"aria-label": e.label,
 		size: "small",
@@ -4232,13 +4252,13 @@ function ea({ control: e, value: t, change: n }) {
 			e !== null && n(e);
 		},
 		style: { width: "100%" }
-	}) : e.type === "enum" ? i ? /* @__PURE__ */ Z(it, {
+	}) : e.type === "enum" ? i ? /* @__PURE__ */ Z(at, {
 		size: "small",
 		block: !0,
 		value: t,
 		options: e.options,
 		onChange: n
-	}) : /* @__PURE__ */ Z(at, {
+	}) : /* @__PURE__ */ Z(ot, {
 		id: r,
 		size: "small",
 		value: t,
@@ -4247,7 +4267,7 @@ function ea({ control: e, value: t, change: n }) {
 			typeof e == "string" && n(e);
 		},
 		style: { width: "100%" }
-	}) : /* @__PURE__ */ Z(tt, {
+	}) : /* @__PURE__ */ Z(nt, {
 		id: r,
 		"aria-label": e.label,
 		size: "small",
@@ -4265,19 +4285,19 @@ function ea({ control: e, value: t, change: n }) {
 		}), o]
 	});
 }
-function ta({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a, onClose: o }) {
+function ra({ 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 || V("parameters.controls");
+		let t = e[1].section || B("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;
-	return /* @__PURE__ */ Q(et, {
+	return /* @__PURE__ */ Q(tt, {
 		config: { "aria-hidden": !0 },
 		children: [/* @__PURE__ */ Q("aside", {
 			className: "ryugi-parameters",
 			"data-chrome": "parameters",
-			"aria-label": V("parameters.title"),
+			"aria-label": B("parameters.title"),
 			style: {
 				position: r ? "absolute" : "relative",
 				...r,
@@ -4285,22 +4305,22 @@ function ta({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 				maxHeight: r ? `min(604px, calc(100% - ${Math.max(0, r.top)}px - 12px))` : "min(604px, calc(100vh - 112px))"
 			},
 			onKeyDown: (e) => {
-				e.stopPropagation(), e.key === "Escape" && !e.defaultPrevented && !He(e.nativeEvent) && o();
+				e.stopPropagation(), e.key === "Escape" && !e.defaultPrevented && !Ue(e.nativeEvent) && o();
 			},
 			children: [
 				/* @__PURE__ */ Q("header", {
 					className: "rt-header",
 					children: [
-						/* @__PURE__ */ Z(Gt, {
+						/* @__PURE__ */ Z(Kt, {
 							size: 15,
 							"aria-hidden": !0
 						}),
-						/* @__PURE__ */ Z("h2", { children: V("parameters.title") }),
-						/* @__PURE__ */ Z(Ye, {
-							icon: Jt,
+						/* @__PURE__ */ Z("h2", { children: B("parameters.title") }),
+						/* @__PURE__ */ Z(Xe, {
+							icon: Yt,
 							size: "small",
-							"aria-label": V("parameters.close"),
-							title: V("parameters.close"),
+							"aria-label": B("parameters.close"),
+							title: B("parameters.close"),
 							onClick: o
 						})
 					]
@@ -4308,12 +4328,12 @@ function ta({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 				/* @__PURE__ */ Q("div", {
 					className: "rt-board",
 					children: [
-						/* @__PURE__ */ Z(Et, {
+						/* @__PURE__ */ Z(Dt, {
 							size: 17,
 							"aria-hidden": !0
 						}),
 						/* @__PURE__ */ Q("div", { children: [/* @__PURE__ */ Z("strong", { children: t }), /* @__PURE__ */ Z("code", { children: e })] }),
-						/* @__PURE__ */ Z("span", { children: V("parameters.currentBoard") })
+						/* @__PURE__ */ Z("span", { children: B("parameters.currentBoard") })
 					]
 				}),
 				/* @__PURE__ */ Q("div", {
@@ -4326,7 +4346,7 @@ function ta({ 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(ea, {
+							children: [/* @__PURE__ */ Z("h3", { children: e }), t.map(([e, t]) => /* @__PURE__ */ Z(na, {
 								control: t,
 								value: n.values[e],
 								change: (t) => i(e, t)
@@ -4334,12 +4354,12 @@ function ta({ 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: V("parameters.declaredBy") }), /* @__PURE__ */ Z(Xe, {
+							children: [/* @__PURE__ */ Z("span", { children: B("parameters.declaredBy") }), /* @__PURE__ */ Z(Ze, {
 								size: "small",
 								type: "text",
-								icon: Et,
+								icon: Dt,
 								onClick: () => s.current?.showModal(),
-								children: V("parameters.viewDeclaration")
+								children: B("parameters.viewDeclaration")
 							})]
 						})
 					]
@@ -4348,50 +4368,50 @@ function ta({ boardId: e, title: t, state: n, anchor: r, onChange: i, onReset: a
 					className: "rt-footer",
 					children: [/* @__PURE__ */ Z("span", {
 						role: "status",
-						children: l ? V("parameters.changed", { count: l }) : V("parameters.defaults")
-					}), /* @__PURE__ */ Z(Xe, {
+						children: l ? B("parameters.changed", { count: l }) : B("parameters.defaults")
+					}), /* @__PURE__ */ Z(Ze, {
 						size: "small",
 						type: "text",
-						icon: Ut,
+						icon: Wt,
 						disabled: !l,
 						onClick: a,
-						children: V("parameters.reset")
+						children: B("parameters.reset")
 					})]
 				})
 			]
 		}), /* @__PURE__ */ Q("dialog", {
 			ref: s,
 			className: "rt-dialog",
-			"aria-label": V("parameters.declaration"),
+			"aria-label": B("parameters.declaration"),
 			onKeyDown: (e) => e.stopPropagation(),
 			children: [
-				/* @__PURE__ */ Q("header", { children: [/* @__PURE__ */ Z("h2", { children: V("parameters.declaration") }), /* @__PURE__ */ Z(Ye, {
-					icon: Jt,
+				/* @__PURE__ */ Q("header", { children: [/* @__PURE__ */ Z("h2", { children: B("parameters.declaration") }), /* @__PURE__ */ Z(Xe, {
+					icon: Yt,
 					size: "small",
-					"aria-label": V("parameters.closeDeclaration"),
+					"aria-label": B("parameters.closeDeclaration"),
 					onClick: () => s.current?.close()
 				})] }),
 				/* @__PURE__ */ Z("pre", {
 					tabIndex: 0,
 					children: JSON.stringify(n.schema, null, 2)
 				}),
-				/* @__PURE__ */ Z("h3", { children: V("parameters.currentValues") }),
+				/* @__PURE__ */ Z("h3", { children: B("parameters.currentValues") }),
 				/* @__PURE__ */ Z("pre", {
 					tabIndex: 0,
 					children: JSON.stringify(n.values, null, 2)
 				}),
-				/* @__PURE__ */ Z("p", { children: V("parameters.sessionOnly") })
+				/* @__PURE__ */ Z("p", { children: B("parameters.sessionOnly") })
 			]
 		})]
 	});
 }
 //#endregion
 //#region src/viewer/layouts/ArtboardView.tsx
-function na(e) {
-	return Me("(max-width: 640px)") ? /* @__PURE__ */ Z(Xi, { ...e }) : /* @__PURE__ */ Z(ra, { ...e });
+function ia(e) {
+	return Pe("(max-width: 640px)") ? /* @__PURE__ */ Z(Qi, { ...e }) : /* @__PURE__ */ Z(aa, { ...e });
 }
-function ra({ id: e, artifact: t, canvas: n, layout: r, warnings: i, pending: a, contentBase: o, versions: c, live: l, loaded: u, 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: D, handlers: O, panBy: k, wheelAt: A, panning: j, setSpaceHeld: ee } = di(g), [M, te] = Y(!1), [ne] = Y(() => new URLSearchParams(location.search).has("debug")), [re, ie] = Y("open"), ae = (e) => e && r?.pages[e]?.bounds || null, { page: N, changePage: P } = Di({
+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({
 		canvas: n,
 		layout: r,
 		fitPage: G((e) => {
@@ -4399,151 +4419,151 @@ function ra({ id: e, artifact: t, canvas: n, layout: r, warnings: i, pending: a,
 			return t ? (S(t), !0) : !1;
 		}, [r, S]),
 		fitFocus: G((e, t) => S(t.bounds), [S])
-	}), [F, ce] = Y(null), [I, L] = Y(() => /* @__PURE__ */ new Set()), [le, ue] = Y({}), R = Zi(e), [z, de] = Y(null), fe = J(null);
-	K(() => de(null), [N, e]);
-	let pe = () => {
-		de(null), fe.current?.focus();
-	}, me = (e, t) => {
-		fe.current = t;
+	}), [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 (z !== e && !F && r && i) {
-			let e = $i(r, y, {
+		if (L !== e && !N && r && i) {
+			let e = ta(r, y, {
 				width: i.clientWidth,
 				height: i.clientHeight
 			});
 			(e.x || e.y) && k(e.x, e.y);
 		}
-		de((t) => t === e ? null : e);
-	}, he = g === "select" && !F && !j, B = g === "comment", H = Jr({
-		enabled: !F && (g === "select" || B || M),
-		mode: B ? "comment" : "select",
-		playing: I,
+		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,
 		onInput: (e, t) => {
 			let r = n?.boards[e];
 			r && (t.type === "ryugi:inspect:wheel" ? A({
 				...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" ? B ? U.onFrameDrag(e, t) : he && W.drag(t.phase, r.x + t.x, r.y + t.y, t.append, t.id ? {
+			}) : 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 ? {
 				boardId: e,
 				id: t.id
-			} : void 0) : t.code === "Space" ? ee(t.down) : t.down && we(t));
+			} : void 0) : t.code === "Space" ? ee(t.down) : t.down && Te(t));
 		}
 	});
-	ti({
+	ri({
 		artifact: t,
 		boards: n?.boards,
-		live: l,
-		inspector: H,
+		live: c,
+		inspector: z,
 		send: d
 	});
-	let U = sr({
+	let V = cr({
 		comments: p,
 		comment: m,
-		page: N,
+		page: M,
 		boards: n?.boards ?? {},
-		inspector: H
-	}), ge = Pr({
+		inspector: z
+	}), H = Ir({
 		canvas: n,
-		page: N,
-		threads: U.threads,
-		stale: U.stale,
-		versions: c,
+		page: M,
+		threads: V.threads,
+		stale: V.stale,
+		versions: s,
 		comment: m
-	}), _e = ge.rejecting ? ge.origin(ge.rejecting) : null, ve = () => {
-		let e = ge.progress.next && N ? r?.pages[N]?.groups[ge.progress.next] : void 0;
+	}), 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({
 			minX: e.x,
 			minY: e.y,
 			maxX: e.x + e.w,
 			maxY: e.y + e.h
 		});
-	}, ye = (e) => {
-		(e !== "comment" || m) && (e === "comment" && g === "select" && U.commentSelection(), e !== "comment" && U.close(), _(e));
 	}, be = (e) => {
-		let t = U.threads.find((t) => t.id === e), r = t && an(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)), U.setOpenId(e);
-	}, xe = G(() => te(!1), []);
+		(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), []);
 	K(() => {
-		F && ee(!1);
-	}, [F, ee]);
-	let Se = q(() => new Set(a), [a]), Ce = n?.pages ?? [];
+		N && ee(!1);
+	}, [N, ee]);
+	let Ce = q(() => new Set(a), [a]), we = n?.pages ?? [];
 	K(() => {
 		document.title = n?.title || e;
-	}, [n?.title, e]), E("artboard");
-	function we(e) {
+	}, [n?.title, e]), D("artboard");
+	function Te(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" && B ? U.close() || ye("select") : e.key === "Escape" ? z ? pe() : (ce(null), H.clearSelection(), W.reset()) : n && (e.key === "=" || e.key === "+") ? (t(), C(1.25)) : n && e.key === "-" ? (t(), C(.8)) : e.shiftKey && e.code === "Digit1" ? S(ae(N)) : e.shiftKey && e.code === "Digit0" ? w(1) : !n && !e.shiftKey && e.key.toLowerCase() === "v" ? ye("select") : !n && !e.shiftKey && e.key.toLowerCase() === "h" ? ye("hand") : !n && !e.shiftKey && e.key.toLowerCase() === "c" && (t(), ye("comment"));
+		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"));
 	}
-	K(() => (window.addEventListener("keydown", we), () => window.removeEventListener("keydown", we)));
-	let Te = n?.boards ?? {}, Ee = q(() => Object.entries(n?.boards ?? {}).filter(([, e]) => e.page === N), [n, N]), De = Object.entries(n?.groups ?? {}).filter(([, e]) => e.boards.some((e) => Te[e]?.page === N)), Oe = Object.entries(n?.notes ?? {}).filter(([, e]) => e.page === N), ke = F ? Te[F] : void 0, Ae = Object.fromEntries(Object.entries(R.states).flatMap(([e, t]) => {
+	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]) => {
 		let n = Object.keys(t.schema?.controls ?? {}).length;
 		return n || t.error ? [[e, n]] : [];
-	})), je = z ? R.states[z] : void 0, Me = z ? Te[z] : void 0, Ne = (e) => z && je && Me && (je.schema || je.error) ? /* @__PURE__ */ Z(ta, {
-		boardId: z,
-		title: Me.title ?? z,
-		state: je,
-		anchor: e ? Qi(Me, y) : void 0,
-		onChange: (e, t) => R.change(z, e, t),
-		onReset: () => R.reset(z),
-		onClose: pe
-	}) : null, Pe = ke ? (c[ke.file] ?? 0) > 0 && !Se.has(F) : !1, W = Yr(Ee, H, y.k, [
+	})), 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, {
+		boardId: L,
+		title: Ne.title ?? L,
+		state: Me,
+		anchor: e ? ea(Ne, y) : 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,
-		F,
 		N,
+		M,
 		j
-	]), Fe = (e) => {
+	]), Ie = (e) => {
 		let t = v.current.getBoundingClientRect();
 		return {
 			x: (e.clientX - t.left - y.x) / y.k,
 			y: (e.clientY - t.top - y.y) / y.k
 		};
-	}, [Ie, Le] = Y(null), Re = (e) => Ee.find(([, t]) => e.x >= t.x && e.x <= t.x + t.w && e.y >= t.y && e.y <= t.y + t.h)?.[0] ?? null, ze = W.marquee, Be = q(() => /* @__PURE__ */ new Set([
-		...I,
-		...[F, z].filter((e) => !!e),
-		...H.selectedTargets.map((e) => e.boardId),
-		...Object.entries(H.frames).filter(([, e]) => e.tweaks.length > 0).map(([e]) => e),
-		...ze ? Ee.filter(([, e]) => e.x < ze.x + ze.width && e.x + e.w > ze.x && e.y < ze.y + ze.height && e.y + e.h > ze.y).map(([e]) => e) : []
+	}, [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) : []
 	]), [
-		I,
-		F,
-		z,
-		H.selectedTargets,
-		H.frames,
-		ze,
-		Ee
-	]), Ve = kr({
+		P,
+		N,
+		L,
+		z.selectedTargets,
+		z.frames,
+		W,
+		De
+	]), Ve = jr({
 		artifact: t ?? e,
-		boards: Ee,
-		versions: c,
-		pending: Se,
+		boards: De,
+		versions: s,
+		pending: Ce,
 		view: y,
 		scaling: b,
 		viewport: x,
 		pinned: Be,
-		hovered: H.hover?.boardId ?? Ie,
-		hoverPromotes: g === "select" || B,
+		hovered: z.hover?.boardId ?? Le,
+		hoverPromotes: g === "select" || R,
 		persistable: (e) => {
-			let t = R.states[e];
-			return !(t?.schema && JSON.stringify(t.values) !== JSON.stringify($t(t.schema))) && !H.frames[e]?.tweaks.length;
+			let t = I.states[e];
+			return !(t?.schema && JSON.stringify(t.values) !== JSON.stringify(en(t.schema))) && !z.frames[e]?.tweaks.length;
 		}
 	}), He = q(() => {
 		let e = /* @__PURE__ */ new Map();
 		return (t) => (e.has(t) || e.set(t, (e) => {
-			R.refFor(t)(e), H.refFor(t)(e), Ve.frameRef(t)(e);
+			I.refFor(t)(e), z.refFor(t)(e), Ve.frameRef(t)(e);
 		}), e.get(t));
 	}, [
-		R.refFor,
-		H.refFor,
+		I.refFor,
+		z.refFor,
 		Ve.frameRef
 	]), Ue = G((e) => {
-		R.loaded(e), H.loaded(e), Ve.loaded(e);
+		I.loaded(e), z.loaded(e), Ve.loaded(e);
 	}, [
-		R.loaded,
-		H.loaded,
+		I.loaded,
+		z.loaded,
 		Ve.loaded
 	]);
 	return /* @__PURE__ */ Q("div", {
@@ -4554,213 +4574,213 @@ function ra({ id: e, artifact: t, canvas: n, layout: r, warnings: i, pending: a,
 				className: "x98rzlu xeuugli x1n2onr6 xh8yej3 x5yr21d xb3r6kr x5ve5x3 x87ps6o x184qs1t xqfszdh xo2rkog",
 				style: { cursor: T },
 				onClickCapture: (e) => {
-					!F && (B || j) && e.target.closest("[data-video-surface]") && e.stopPropagation();
+					!N && (R || j) && e.target.closest("[data-video-surface]") && e.stopPropagation();
 				},
 				onPointerDown: (e) => {
-					if (O.onPointerDown(e), B && !j && !F && e.button === 0 && e.pointerType !== "touch" && e.currentTarget.contains(e.target) && !e.target.closest("[data-chrome]") && (e.preventDefault(), U.onCanvasClick(Fe(e))), !he || e.pointerType === "touch" || e.button !== 0 || !e.currentTarget.contains(e.target) || e.target.closest("[data-chrome], [data-video-surface]")) return;
-					let t = Fe(e);
-					e.currentTarget.setPointerCapture(e.pointerId), W.drag("start", t.x, t.y, e.shiftKey || e.metaKey || e.ctrlKey);
+					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);
 				},
 				onPointerMove: (e) => {
-					if (O.onPointerMove(e), Le(Re(Fe(e))), W.dragging()) {
+					if (O.onPointerMove(e), Re(ze(Ie(e))), U.dragging()) {
 						e.buttons === 1 && e.currentTarget.setPointerCapture(e.pointerId);
-						let t = Fe(e);
-						W.drag("move", t.x, t.y);
+						let t = Ie(e);
+						U.drag("move", t.x, t.y);
 					}
 				},
 				onPointerUp: (e) => {
-					if (O.onPointerUp(e), W.dragging()) {
-						let t = Fe(e);
-						W.drag("end", t.x, t.y);
+					if (O.onPointerUp(e), U.dragging()) {
+						let t = Ie(e);
+						U.drag("end", t.x, t.y);
 					}
 				},
 				onPointerCancel: (e) => {
-					O.onPointerCancel(e), W.reset();
+					O.onPointerCancel(e), U.reset();
 				},
 				children: [
-					/* @__PURE__ */ Z(Vn, {
+					/* @__PURE__ */ Z(Hn, {
 						viewport: v,
-						hand: D
+						hand: E
 					}),
-					ne && /* @__PURE__ */ Z(wn, {
+					re && /* @__PURE__ */ Z(Tn, {
 						renders: Ve.renders,
 						scaling: b
 					}),
-					n && r && /* @__PURE__ */ Q(s, {
+					n && r && /* @__PURE__ */ Q(u, {
 						resetKey: n,
 						children: [
-							/* @__PURE__ */ Z(se, {
+							/* @__PURE__ */ Z(ue, {
 								view: y,
 								renders: Ve.renders,
-								boards: Ee,
-								notes: Oe,
+								boards: De,
+								notes: ke,
 								contentBase: o,
-								versions: c,
-								pending: Se,
-								playing: I,
-								replays: le,
-								inspecting: he || B && !F && !j,
+								versions: s,
+								pending: Ce,
+								playing: P,
+								replays: F,
+								inspecting: _e || R && !N && !j,
 								frameRef: He,
 								frameLoaded: Ue,
-								live: l,
-								writing: l ? n.writing : void 0,
+								live: c,
+								writing: c ? n.writing : void 0,
 								agent: f,
 								onExpand: ce,
 								onImageError: Ve.imageFailed
 							}),
-							/* @__PURE__ */ Z(Zn, {
+							/* @__PURE__ */ Z(Qn, {
 								view: y,
-								boards: Ee,
-								groups: De,
-								allBoards: Te,
+								boards: De,
+								groups: Oe,
+								allBoards: Ee,
 								contentBase: o,
-								versions: c,
-								pending: Se,
-								playing: I,
+								versions: s,
+								pending: Ce,
+								playing: P,
 								onExpand: ce,
-								onTogglePlay: (e) => L((t) => oe(t, e)),
-								onReplay: (e) => ue((t) => ({
+								onTogglePlay: (e) => de((t) => le(t, e)),
+								onReplay: (e) => fe((t) => ({
 									...t,
 									[e]: (t[e] ?? 0) + 1
 								})),
-								parameters: Ae,
-								activeParameters: z,
-								onToggleParameters: me,
-								verdicts: ge
+								parameters: je,
+								activeParameters: L,
+								onToggleParameters: ge,
+								verdicts: H
 							}),
-							ge.rejecting && _e && /* @__PURE__ */ Z(Fr, {
-								group: ge.rejecting,
-								left: y.x + _e.x * y.k,
-								top: y.y + _e.y * y.k + 8,
-								onSubmit: ge.submitReject,
-								onCancel: ge.cancelReject
+							H.rejecting && ve && /* @__PURE__ */ Z(Lr, {
+								group: H.rejecting,
+								left: y.x + ve.x * y.k,
+								top: y.y + ve.y * y.k + 8,
+								onSubmit: H.submitReject,
+								onCancel: H.cancelReject
 							}),
-							B && /* @__PURE__ */ Z(_n, {
+							R && /* @__PURE__ */ Z(vn, {
 								view: y,
-								page: N,
-								boards: Te,
+								page: M,
+								boards: Ee,
 								width: v.current?.clientWidth ?? 0,
-								threads: U.threads,
-								stale: U.stale,
-								numbers: U.numbers,
-								showResolved: re === "all",
-								draft: U.draft,
-								openId: U.openId,
-								actions: U.actions,
+								threads: V.threads,
+								stale: V.stale,
+								numbers: V.numbers,
+								showResolved: ie === "all",
+								draft: V.draft,
+								openId: V.openId,
+								actions: V.actions,
 								agent: f,
-								onOpen: U.setOpenId,
-								onSubmit: U.submit,
-								onCancelDraft: U.cancelDraft
+								onOpen: V.setOpenId,
+								onSubmit: V.submit,
+								onCancelDraft: V.cancelDraft
 							})
 						]
 					}),
-					(he || B) && !W.marquee && H.hover && Te[H.hover.boardId] && /* @__PURE__ */ Z(fi, {
-						board: Te[H.hover.boardId],
-						rect: H.hover.rect,
+					(_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: H.hover.id ? `${H.hover.boardId}#${H.hover.id}` : void 0
+						nodeId: z.hover.id ? `${z.hover.boardId}#${z.hover.id}` : void 0
 					}),
-					!F && H.targets.map((e) => Te[e.boardId] && /* @__PURE__ */ Z(fi, {
-						board: Te[e.boardId],
+					!N && z.targets.map((e) => Ee[e.boardId] && /* @__PURE__ */ Z(mi, {
+						board: Ee[e.boardId],
 						rect: e.rect,
 						view: y,
 						name: e.name,
 						selected: !0
 					}, `${e.boardId}:${e.id}`)),
-					W.selecting && /* @__PURE__ */ Z("div", {
+					U.selecting && /* @__PURE__ */ Z("div", {
 						className: "ri-selection-capture",
 						"aria-hidden": "true"
 					}),
-					W.marquee && /* @__PURE__ */ Z("div", {
+					U.marquee && /* @__PURE__ */ Z("div", {
 						className: "ri-marquee",
 						"aria-hidden": "true",
 						style: {
-							left: y.x + W.marquee.x * y.k,
-							top: y.y + W.marquee.y * y.k,
-							width: W.marquee.width * y.k,
-							height: W.marquee.height * y.k
+							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
 						}
 					}),
 					(!n || !r) && /* @__PURE__ */ Z("div", {
 						className: "x10l6tqk x10a8y8t x78zum5 x6s0dn4 xl56j7k xggk2y7 x1bo0w0s xif65rj x2b8uid x47corl",
-						children: u ? i[0] ?? V("chrome.waitingCanvas") : V("common.connecting")
+						children: l ? i[0] ?? B("chrome.waitingCanvas") : B("common.connecting")
 					}),
-					/* @__PURE__ */ Z(Qn, {
-						pages: Ce,
-						page: N,
-						onPageChange: P,
+					/* @__PURE__ */ Z($n, {
+						pages: we,
+						page: M,
+						onPageChange: se,
 						tool: g,
-						onToolChange: ye,
+						onToolChange: be,
 						commenting: !!m
 					}),
-					/* @__PURE__ */ Z($n, {
+					/* @__PURE__ */ Z(er, {
 						actions: h,
-						live: l,
+						live: c,
 						warnings: i,
 						zoom: y.k,
 						onZoomIn: () => C(1.25),
 						onZoomOut: () => C(.8),
-						onFit: () => S(ae(N)),
+						onFit: () => S(oe(M)),
 						onActualSize: () => w(1),
-						inspectorOpen: M,
-						onToggleInspector: () => te((e) => !e),
-						verify: ge.progress,
-						onNextVerify: ve
+						inspectorOpen: te,
+						onToggleInspector: () => ne((e) => !e),
+						verify: H.progress,
+						onNextVerify: ye
 					}),
-					!F && Ne(!0),
-					F && ke && Pe && /* @__PURE__ */ Z(Tn, {
-						id: F,
-						board: ke,
-						src: `${o}${ke.file}?v=${c[ke.file] ?? 0}`,
-						interactive: ke.interactive === !0,
+					!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: R.refFor(F, "expanded"),
-						onFrameLoad: () => R.loaded(F, "expanded"),
-						parameterAction: Ae[F] === void 0 ? void 0 : /* @__PURE__ */ Z(et, {
+						frameRef: I.refFor(N, "expanded"),
+						onFrameLoad: () => I.loaded(N, "expanded"),
+						parameterAction: je[N] === void 0 ? void 0 : /* @__PURE__ */ Z(tt, {
 							config: { "aria-hidden": !0 },
-							children: /* @__PURE__ */ Z(Xe, {
-								icon: Gt,
+							children: /* @__PURE__ */ Z(Ze, {
+								icon: Kt,
 								size: "small",
 								type: "text",
-								"aria-expanded": z === F,
-								onClick: (e) => me(F, e.currentTarget),
-								children: V("chrome.parameters")
+								"aria-expanded": L === N,
+								onClick: (e) => ge(N, e.currentTarget),
+								children: B("chrome.parameters")
 							})
 						}),
-						parameters: z === F ? Ne(!1) : void 0
+						parameters: L === N ? Pe(!1) : void 0
 					})
 				]
 			}),
-			B && /* @__PURE__ */ Z(yn, {
-				threads: U.threads,
-				page: N,
-				stale: U.stale,
-				numbers: U.numbers,
-				openId: U.openId,
-				tab: re,
-				onTab: ie,
-				onOpen: be,
-				onClose: () => ye("select")
+			R && /* @__PURE__ */ Z(bn, {
+				threads: V.threads,
+				page: M,
+				stale: V.stale,
+				numbers: V.numbers,
+				openId: V.openId,
+				tab: ie,
+				onTab: ae,
+				onOpen: xe,
+				onClose: () => be("select")
 			}),
-			M && !B && /* @__PURE__ */ Z(wi, {
-				boards: Ee,
-				frames: H.frames,
-				selection: H.selection,
-				targets: H.targets,
-				select: H.select,
-				hoverNode: H.hoverNode,
-				change: H.change,
-				reset: H.reset,
-				playing: I,
-				enabled: !F,
-				onClose: xe
+			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
 			})
 		]
 	});
 }
 //#endregion
 //#region src/viewer/hooks/useHtmlData.ts
-function ia(e, { live: t, revision: n, load: r, send: i }) {
+function oa(e, { live: t, revision: n, load: r, send: i }) {
 	let [a, o] = Y(null);
 	return K(() => {
 		let t = !1;
@@ -4789,12 +4809,12 @@ function ia(e, { live: t, revision: n, load: r, send: i }) {
 }
 //#endregion
 //#region src/viewer/layouts/HtmlView.tsx
-function aa({ id: e, feed: t, actions: n }) {
-	let { data: r, send: i } = ia(e, t);
+function sa({ id: e, feed: t, actions: n }) {
+	let { data: r, send: i } = oa(e, t);
 	K(() => {
 		document.title = r?.title || e;
-	}, [r?.title, e]), E("html");
-	let a = r?.found && !r.warnings.includes("index.html not found"), o = a ? `${r.contentBase}index.html?v=${r.version}` : null, { frameRef: s, src: c, onLoad: l } = Pe(o, {
+	}, [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, {
 		onError: (t) => i({
 			type: "runtime-error",
 			artifact: `html/${e}`,
@@ -4816,7 +4836,7 @@ function aa({ id: e, feed: t, actions: n }) {
 				ref: s,
 				title: r.title,
 				src: c,
-				sandbox: we,
+				sandbox: Ee,
 				allow: "clipboard-write",
 				onLoad: l,
 				className: "x1lliihq xh8yej3 x5yr21d xc342km"
@@ -4825,18 +4845,18 @@ function aa({ id: e, feed: t, actions: n }) {
 				children: r ? r.warnings[0] ?? "Waiting for the agent to write index.html…" : "Connecting…"
 			}),
 			n,
-			/* @__PURE__ */ Z(j, { warnings: r?.warnings ?? [] })
+			/* @__PURE__ */ Z(ee, { warnings: r?.warnings ?? [] })
 		]
 	});
 }
 //#endregion
 //#region src/viewer/components/TypeIcon.tsx
-function oa({ type: e, size: t = 16 }) {
-	let { fill: n, stroke: r } = M[e];
+function ca({ type: e, size: t = 16 }) {
+	let { fill: n, stroke: r } = ne[e];
 	return /* @__PURE__ */ Q("svg", {
 		width: t,
 		height: t,
-		viewBox: A,
+		viewBox: j,
 		"aria-hidden": "true",
 		style: {
 			flex: "none",
@@ -4857,12 +4877,12 @@ function oa({ type: e, size: t = 16 }) {
 }
 //#endregion
 //#region src/viewer/components/ArtifactThumbnail.tsx
-function sa({ src: e, type: t }) {
+function la({ src: e, type: t }) {
 	let [n, r] = Y(null);
 	return /* @__PURE__ */ Q("div", {
 		className: "library-thumbnail",
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ Z(oa, {
+		children: [/* @__PURE__ */ Z(ca, {
 			type: t,
 			size: 24
 		}), e && n !== e && /* @__PURE__ */ Z("img", {
@@ -4879,7 +4899,7 @@ function sa({ src: e, type: t }) {
 }
 //#endregion
 //#region src/viewer/components/PublicationStatus.tsx
-var ca = {
+var ua = {
 	summary: {
 		k1xSpc: "x3nfvp2",
 		kGNEyG: "x6s0dn4",
@@ -4911,8 +4931,8 @@ var ca = {
 		$$css: !0
 	}
 };
-function la({ publication: e, published: t, publishedAt: n, online: r, onPublish: i, compact: a = !1, busy: o = !1 }) {
-	let { t: s, i18n: c } = L(), l = Yt(), u = e?.phase ?? (t ? "published" : "waiting"), d = t && u !== "published", f = ue(u), p = s(`publication.${d ? `update_${u}` : u}`), m = f ? It : u === "failed" ? Ct : u === "published" ? vt : wt, h = u === "failed" ? ca.failed : u === "published" ? ca.success : void 0, g = /* @__PURE__ */ Z($e, {
+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, {
 		icon: m,
 		spin: f && !l,
 		size: a ? 14 : 16,
@@ -4920,13 +4940,13 @@ function la({ publication: e, published: t, publishedAt: n, online: r, onPublish
 	});
 	if (a) return /* @__PURE__ */ Q("span", {
 		role: "status",
-		...D(ca.summary, h),
+		...O(ua.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"),
-		...D(ca.card, h),
+		...O(ua.card, h),
 		children: [
 			/* @__PURE__ */ Q("div", {
 				role: "status",
@@ -4951,7 +4971,7 @@ function la({ publication: e, published: t, publishedAt: n, online: r, onPublish
 				disabled: o,
 				onClick: i,
 				className: "x78zum5 x6s0dn4 xl56j7k x17d4w8g x1rz828m x36usyh xc342km x1sxf85j x19ckca5 xs0jrwl xln7xf2 xfifm61 x1ypdohk",
-				children: [/* @__PURE__ */ Z(Tt, {
+				children: [/* @__PURE__ */ Z(Et, {
 					size: 14,
 					"aria-hidden": "true"
 				}), s(u === "failed" ? "publication.retry" : "publication.publishNow")]
@@ -4972,14 +4992,14 @@ function la({ publication: e, published: t, publishedAt: n, online: r, onPublish
 }
 //#endregion
 //#region src/shared/brand.ts
-var ua = "0 0 512 512", da = "<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 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>";
 //#endregion
 //#region src/viewer/components/RyugiMark.tsx
-function fa({ size: e = 16, color: t }) {
+function ma({ size: e = 16, color: t }) {
 	return /* @__PURE__ */ Z("svg", {
 		width: e,
 		height: e,
-		viewBox: ua,
+		viewBox: fa,
 		fill: "currentColor",
 		"aria-hidden": "true",
 		style: {
@@ -4987,40 +5007,40 @@ function fa({ size: e = 16, color: t }) {
 			display: "block",
 			color: t
 		},
-		dangerouslySetInnerHTML: { __html: da }
+		dangerouslySetInnerHTML: { __html: pa }
 	});
 }
 //#endregion
 //#region src/viewer/lib/artifact-list.ts
-function pa(e, t = Date.now()) {
-	let n = new Intl.RelativeTimeFormat(R.language, { numeric: "always" }), r = Math.floor(Math.max(0, t - e) / 6e4);
-	return r === 0 ? R.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 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");
 }
 //#endregion
 //#region src/viewer/lib/error-text.ts
-function ma(e, t) {
-	return typeof e == "string" && R.exists(`errors.${e}`) ? R.t(`errors.${e}`) : t;
+function ga(e, t) {
+	return typeof e == "string" && L.exists(`errors.${e}`) ? L.t(`errors.${e}`) : t;
 }
-var ha = (e) => typeof e == "object" && !!e && [
+var _a = (e) => typeof e == "object" && !!e && [
 	"private",
 	"public",
 	"total",
 	"publishes"
 ].includes(e.kind) && typeof e.max == "number";
-function ga({ kind: e, max: t }) {
-	return R.t(`planLimit.${e}`, { max: t });
+function va({ kind: e, max: t }) {
+	return L.t(`planLimit.${e}`, { max: t });
 }
-function _a(e, t) {
-	return e.code === "plan_limit" && ha(e.limit) ? ga(e.limit) : ma(e.code, typeof e.error == "string" ? e.error : 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);
 }
 //#endregion
 //#region src/viewer/lib/version.ts
-var va = "1.40.0", ya = 100, ba = 2e3, xa = 50, Sa = (e, t = ya) => typeof e == "string" && e.length > 0 && e.length <= t, Ca = (e) => typeof e == "number" && Number.isFinite(e), wa = (e) => Ca(e) && e >= 0 && e <= 1;
-function Ta(e) {
-	if (!Array.isArray(e) || e.length === 0 || e.length > xa) return null;
+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;
 	let t = [];
 	for (let n of e) {
-		if (!be(n) || !Sa(n.board) || !Sa(n.path, ba)) return null;
+		if (!Se(n) || !wa(n.board) || !wa(n.path, Sa)) return null;
 		t.push({
 			board: n.board,
 			path: n.path
@@ -5028,24 +5048,24 @@ function Ta(e) {
 	}
 	return t;
 }
-function Ea(e) {
-	if (!be(e) || Array.isArray(e)) return null;
+function Oa(e) {
+	if (!Se(e) || Array.isArray(e)) return null;
 	let t = Object.entries(e);
-	return t.length > xa || !t.every(([e, t]) => Sa(e) && Sa(t)) ? null : Object.fromEntries(t);
+	return t.length > Ca || !t.every(([e, t]) => wa(e) && wa(t)) ? null : Object.fromEntries(t);
 }
-function Da(e) {
-	if (!be(e) || !Sa(e.page) || !Ca(e.x) || !Ca(e.y)) return null;
+function ka(e) {
+	if (!Se(e) || !wa(e.page) || !Ta(e.x) || !Ta(e.y)) return null;
 	let t = {
 		page: e.page,
 		x: e.x,
 		y: e.y
 	};
 	if (e.board !== void 0) {
-		if (!Sa(e.board)) return null;
+		if (!wa(e.board)) return null;
 		t.board = e.board;
 	}
 	if (e.group !== void 0) {
-		if (!Sa(e.group)) return null;
+		if (!wa(e.group)) return null;
 		t.group = e.group;
 	}
 	if (e.verdict !== void 0) {
@@ -5053,36 +5073,36 @@ function Da(e) {
 		t.verdict = e.verdict;
 	}
 	if (e.nodes !== void 0) {
-		let n = Ta(e.nodes);
+		let n = Da(e.nodes);
 		if (!n) return null;
 		t.nodes = n;
 	}
 	if (e.offset !== void 0) {
 		let n = e.offset;
-		if (!t.nodes || !be(n) || !wa(n.x) || !wa(n.y)) return null;
+		if (!t.nodes || !Se(n) || !Ea(n.x) || !Ea(n.y)) return null;
 		t.offset = {
 			x: n.x,
 			y: n.y
 		};
 	}
 	if (e.hashes !== void 0) {
-		let n = Ea(e.hashes);
+		let n = Oa(e.hashes);
 		if (!n) return null;
 		t.hashes = n;
 	}
 	return t;
 }
-var Oa = {
-	read: Da,
+var Aa = {
+	read: ka,
 	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"
-}, ka = () => ({
+}, ja = () => ({
 	version: 1,
 	threads: []
-}), Aa = (e) => ve(e, Oa), ja = (e, t, n, r, i, a) => Ae(e, t, n, r, i, a, Oa);
-function Ma(e, t, n, r, i) {
-	if (t.op !== "create") return Ce(e, t, n, r, i);
-	let a = H(t.anchor, "human", t.text, n, r, i);
+}), 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) {
+	if (t.op !== "create") return Te(e, t, n, r, i);
+	let a = V(t.anchor, "human", t.text, n, r, i);
 	if (t.anchor.verdict !== "pass") return {
 		...e,
 		threads: [...e.threads, a]
@@ -5103,10 +5123,10 @@ function Ma(e, t, n, r, i) {
 		}]
 	};
 }
-function Na(e, t, n, r, i) {
+function Fa(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 = H(t.anchor, "agent", t.text, n, r, { name: i });
+		let a = V(t.anchor, "agent", t.text, n, r, { name: i });
 		return {
 			file: {
 				...e,
@@ -5116,7 +5136,7 @@ function Na(e, t, n, r, i) {
 			messageId: a.messages[0].id
 		};
 	}
-	return U(e, t, n, r, i);
+	return H(e, t, n, r, i);
 }
 //#endregion
-export { S as ARTIFACT_TYPES, na as ArtboardView, sa as ArtifactThumbnail, r as BOARD_TYPES, s as CanvasErrorBoundary, le as HTML_LANG, we as HTML_SANDBOX, aa as HtmlView, W as PHONE_QUERY, a as PreviewView, la as PublicationStatus, Oe as RailSwitch, fa as RyugiMark, M as TYPE_GLYPHS, A as TYPE_ICON_VIEWBOX, he as Trans, oa as TypeIcon, va as VIEWER_VERSION, h as ViewerProvider, Se as applyAgentOp, U as applyAgentThreadOp, Na as applyBoardAgentOp, Ma as applyBoardHumanOp, Be as applyHumanOp, Ce as applyThreadOp, Oa as boardAnchors, rr as boardCommentsFromMessage, nr as boardCommentsFromPayload, _ as cloudErrorDetails, re as createRelayConnection, I as createViewerI18n, _e as documentAnchors, ka as emptyBoardComments, ge as emptyComments, ma as errorText, R as i18n, y as isArtifactId, m as isArtifactType, t as isMediaBoard, be as isObject, ha as isPlanLimit, B as isVisibility, ja as mergeBoardComments, Ae as mergeComments, H as openThread, de as ownLink, Ti as pageLink, pe as parseAcceptLanguage, ke as parseComments, ga as planLimitMessage, me as publishState, ue as publishing, Da as readBoardAnchor, Le as readCloudHeader, ce as readPublication, pa as relativeUpdatedAt, Ne as reportCloudHeader, z as resolveLocale, _a as responseErrorText, Aa as savedBoardComments, ve as savedComments, fe as syncNote, V as t, O as typeFaviconHref, ye as unreadThreads, or as useCanvasData, Fe as useCloudHeader, Me as useMedia, Ei as usePageQuery, Pe as useSandboxFrame, d as useSystemTheme, L as useTranslation, E as useTypeFavicon, xe as waitingOn };
+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 };