@openrails/contentkit-ui 0.104.0-rc.1 → 0.104.0-rc.3

package/dist/components/admin/reader-manifest.js

@@ -6,17 +6,18 @@ import { Input as i } from "../../ui/input.js";
 import { Label as a } from "../../ui/label.js";
 import { Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u } from "../../ui/select.js";
 import { ErrorLine as d, useAction as f } from "../social/parts.js";
-import { LoadFailed as p, Rows as ee } from "./shell.js";
-import { Switch as m } from "../../ui/switch.js";
-import { useEditorSaveTask as h } from "../content/editor-save.js";
-import { emptyReaderMeta as g, matchAudio as _, readerMetaProblems as v, readerNames as y } from "../../client/reader-meta.js";
+import { LoadFailed as p, Rows as m } from "./shell.js";
+import { Switch as h } from "../../ui/switch.js";
+import { useEditorSaveTask as g } from "../content/editor-save.js";
+import { emptyReaderMeta as _, matchAudio as v, readerMetaProblems as y, readerNames as ee } from "../../client/reader-meta.js";
 import { useReaderPlan as b } from "../../react/versions.js";
-import { useId as x, useMemo as S, useRef as C, useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { cn as D } from "cn";
+import { AudioPreview as x, PagePicker as S, usePlanMedia as C } from "./page-picker.js";
+import { useId as w, useMemo as T, useRef as te, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { cn as ne } from "cn";
 //#region src/components/admin/reader-manifest.tsx
-var O = "__none__", k = (e, t) => t === void 0 ? e === void 0 ? O : `page:${e}` : `anchor:${t}`, A = (e) => e.startsWith("anchor:") ? { anchor: e.slice(7) } : e.startsWith("page:") ? { page: e.slice(5) } : {};
-function te(e) {
+var k = "__none__", A = (e, t) => t === void 0 ? e === void 0 ? k : e : `anchor:${t}`, j = (e) => e.startsWith("anchor:") ? { anchor: e.slice(7) } : e === k ? {} : { page: e };
+function M(e) {
 	let t = e.defaults?.auto_advance_seconds;
 	return {
 		schema_version: 1,
@@ -37,105 +38,105 @@ function te(e) {
 		foreground: e.foreground ?? []
 	};
 }
-var j = (e) => e.trim() === "" ? NaN : Number(e), M = (e) => e === void 0 || Number.isNaN(e) ? "" : String(e);
-function N({ content: i, version: a, client: o, onError: s, className: c, appearance: l }) {
-	let { t: u } = e(), m = n(o), x = b(i, a, { client: m }), O = S(() => x.plan ? y(x.plan) : {
+var N = (e) => e.trim() === "" ? NaN : Number(e), P = (e) => e === void 0 || Number.isNaN(e) ? "" : String(e);
+function F({ content: i, version: a, client: o, onError: s, className: c, appearance: l }) {
+	let { t: u } = e(), h = n(o), x = b(i, a, { client: h }), S = T(() => x.plan ? ee(x.plan) : {
 		pages: [],
 		files: []
-	}, [x.plan]), [k, A] = w(null), [j, M] = w(null), [N, z] = w(!1), [B, V] = w(!1), [q, J] = w(null), Y = f("reader.save", s);
-	x.plan && x.plan !== k && !N && (A(x.plan), M(x.plan.reader ? structuredClone(x.plan.reader) : g()));
-	let X = S(() => j ? v(j, O) : [], [j, O]), Z = (e) => {
-		M((t) => t && e(t)), z(!0), V(!1);
-	}, Q = C(j);
+	}, [x.plan]), w = C(x.plan, h), [k, A] = E(null), [j, N] = E(null), [P, F] = E(!1), [B, V] = E(!1), [H, J] = E(null), Y = f("reader.save", s);
+	x.plan && x.plan !== k && !P && (A(x.plan), N(x.plan.reader ? structuredClone(x.plan.reader) : _()));
+	let X = T(() => j ? y(j, S) : [], [j, S]), Z = (e) => {
+		N((t) => t && e(t)), F(!0), V(!1);
+	}, Q = te(j);
 	Q.current = j;
 	let $ = async () => {
 		if (!j || X.length) return !1;
 		V(!1);
 		let e = j;
-		return !await Y.run(async () => (await m.versions.setReader(i, a, te(e)), !0)) || Q.current !== e ? !1 : (z(!1), V(!0), !0);
+		return !await Y.run(async () => (await h.versions.setReader(i, a, M(e)), !0)) || Q.current !== e ? !1 : (F(!1), V(!0), !0);
 	};
-	h(`reader-meta:${a}`, {
+	g(`reader-meta:${a}`, {
 		label: u("readerManifest.title"),
-		dirty: N,
+		dirty: P,
 		pending: Y.pending,
 		valid: !X.length,
 		save: $,
 		order: 30
 	});
-	let ne = (() => {
-		if (x.loading && !x.plan && !x.pending) return /* @__PURE__ */ T(ee, { count: 2 });
-		if (x.pending) return /* @__PURE__ */ T("p", {
+	let ie = (() => {
+		if (x.loading && !x.plan && !x.pending) return /* @__PURE__ */ D(m, { count: 2 });
+		if (x.pending) return /* @__PURE__ */ D("p", {
 			className: "text-muted-foreground",
 			children: u("readerManifest.pending")
 		});
-		if (x.error && !x.plan) return /* @__PURE__ */ T(p, {
+		if (x.error && !x.plan) return /* @__PURE__ */ D(p, {
 			error: x.error,
 			message: u("readerManifest.loadFailed"),
 			retry: x.reload
 		});
 		if (!j) return null;
 		let e = j.anchors ?? [], t = e.map((e) => e.id).filter(Boolean);
-		return /* @__PURE__ */ E("form", {
+		return /* @__PURE__ */ O("form", {
 			className: "grid gap-4",
 			onSubmit: (e) => {
 				e.preventDefault(), $();
 			},
 			children: [
-				/* @__PURE__ */ T("p", {
+				/* @__PURE__ */ D("p", {
 					className: "text-muted-foreground",
 					children: u("readerManifest.summary", {
-						pages: O.pages.length,
-						files: O.files.length
+						pages: S.pages.length,
+						files: S.files.length
 					})
 				}),
-				/* @__PURE__ */ T(R, {
+				/* @__PURE__ */ D(z, {
 					meta: j,
 					edit: Z
 				}),
-				/* @__PURE__ */ T(L, {
+				/* @__PURE__ */ D(R, {
 					title: u("readerManifest.anchors"),
 					add: u("readerManifest.addAnchor"),
-					disabled: !O.pages.length,
+					disabled: !S.pages.length,
 					onAdd: () => Z((e) => ({
 						...e,
 						anchors: [...e.anchors ?? [], {
-							id: P(e.anchors ?? []),
-							page: O.pages[0],
+							id: re(e.anchors ?? []),
+							page: S.pages[0],
 							offset_percent: 0
 						}]
 					})),
-					children: e.map((e, t) => /* @__PURE__ */ T(H, {
+					children: e.map((e, t) => /* @__PURE__ */ D(U, {
 						index: t,
 						anchor: e,
-						pages: O.pages,
+						media: w,
 						onChange: (e) => Z((n) => ({
 							...n,
-							anchors: F(n.anchors, t, e)
+							anchors: I(n.anchors, t, e)
 						})),
 						onRemove: () => Z((e) => ({
 							...e,
-							anchors: I(e.anchors, t)
+							anchors: L(e.anchors, t)
 						}))
 					}, t))
 				}),
-				/* @__PURE__ */ E(L, {
+				/* @__PURE__ */ O(R, {
 					title: u("readerManifest.foreground"),
 					add: u("readerManifest.addCue"),
-					disabled: !O.files.length || !O.pages.length,
+					disabled: !S.files.length || !S.pages.length,
 					onAdd: () => Z((e) => ({
 						...e,
 						foreground: [...e.foreground ?? [], {
-							file: O.files[0],
-							page: O.pages[0]
+							file: S.files[0],
+							page: S.pages[0]
 						}]
 					})),
-					extra: /* @__PURE__ */ T(r, {
+					extra: /* @__PURE__ */ D(r, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						disabled: !O.files.length,
+						disabled: !S.files.length,
 						onClick: () => {
-							let e = _(O, t);
+							let e = v(S, t);
 							J(e), e.foreground.length && Z((t) => ({
 								...t,
 								foreground: e.foreground
@@ -143,65 +144,67 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 						},
 						children: u("readerManifest.match")
 					}),
-					children: [q && /* @__PURE__ */ T(G, { match: q }), (j.foreground ?? []).map((e, n) => /* @__PURE__ */ T(U, {
+					children: [H && /* @__PURE__ */ D(K, { match: H }), (j.foreground ?? []).map((e, n) => /* @__PURE__ */ D(W, {
 						index: n,
 						cue: e,
-						names: O,
+						names: S,
+						media: w,
 						anchors: t,
 						onChange: (e) => Z((t) => ({
 							...t,
-							foreground: F(t.foreground, n, e)
+							foreground: I(t.foreground, n, e)
 						})),
 						onRemove: () => Z((e) => ({
 							...e,
-							foreground: I(e.foreground, n)
+							foreground: L(e.foreground, n)
 						}))
 					}, n))]
 				}),
-				/* @__PURE__ */ T(L, {
+				/* @__PURE__ */ D(R, {
 					title: u("readerManifest.background"),
 					add: u("readerManifest.addTrack"),
-					disabled: !O.files.length,
+					disabled: !S.files.length,
 					onAdd: () => Z((e) => ({
 						...e,
-						background: [...e.background ?? [], { file: O.files[0] }]
+						background: [...e.background ?? [], { file: S.files[0] }]
 					})),
-					children: (j.background ?? []).map((e, n) => /* @__PURE__ */ T(W, {
+					children: (j.background ?? []).map((e, n) => /* @__PURE__ */ D(G, {
 						index: n,
 						cue: e,
-						names: O,
+						names: S,
+						media: w,
 						anchors: t,
 						onChange: (e) => Z((t) => ({
 							...t,
-							background: F(t.background, n, e)
+							background: I(t.background, n, e)
 						})),
 						onRemove: () => Z((e) => ({
 							...e,
-							background: I(e.background, n)
+							background: L(e.background, n)
 						}))
 					}, n))
 				}),
-				X.length > 0 && /* @__PURE__ */ T(K, { problems: X }),
-				/* @__PURE__ */ T(d, { error: Y.error }),
-				/* @__PURE__ */ E("div", {
+				X.length > 0 && /* @__PURE__ */ D(q, { problems: X }),
+				/* @__PURE__ */ D(d, { error: Y.error }),
+				/* @__PURE__ */ O("div", {
 					className: "flex flex-wrap items-center gap-3",
 					children: [
-						/* @__PURE__ */ T(r, {
+						/* @__PURE__ */ D(r, {
 							type: "submit",
 							size: "sm",
-							disabled: Y.pending || !N || X.length > 0,
+							disabled: Y.pending || !P || X.length > 0,
 							children: Y.pending ? u("common.saving") : u("common.save")
 						}),
-						N && /* @__PURE__ */ T(r, {
+						P && /* @__PURE__ */ D(r, {
 							type: "button",
 							size: "sm",
 							variant: "ghost",
 							onClick: () => {
-								z(!1), A(null), J(null);
+								F(!1), A(null), J(null);
 							},
 							children: u("readerManifest.revert")
 						}),
-						B && /* @__PURE__ */ T("span", {
+						B && /* @__PURE__ */ D("span", {
 							role: "status",
 							className: "text-muted-foreground",
 							children: u("readerManifest.saved")
@@ -211,34 +214,34 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 			]
 		});
 	})();
-	return /* @__PURE__ */ E(t, {
+	return /* @__PURE__ */ O(t, {
 		appearance: l,
-		className: D("grid gap-3 text-sm", c),
+		className: ne("grid gap-3 text-sm", c),
 		"data-ckui": "reader-manifest",
-		children: [/* @__PURE__ */ T("h4", {
+		children: [/* @__PURE__ */ D("h4", {
 			className: "font-medium",
 			children: u("readerManifest.title")
-		}), ne]
+		}), ie]
 	});
 }
-function P(e) {
+function re(e) {
 	let t = new Set(e.map((e) => e.id)), n = e.length + 1;
 	for (; t.has(`a${n}`);) n++;
 	return `a${n}`;
 }
-var F = (e, t, n) => (e ?? []).map((e, r) => r === t ? n : e), I = (e, t) => (e ?? []).filter((e, n) => n !== t);
-function L({ title: e, add: t, disabled: n, onAdd: i, extra: a, children: o }) {
-	return /* @__PURE__ */ E("fieldset", {
+var I = (e, t, n) => (e ?? []).map((e, r) => r === t ? n : e), L = (e, t) => (e ?? []).filter((e, n) => n !== t);
+function R({ title: e, add: t, disabled: n, onAdd: i, extra: a, children: o }) {
+	return /* @__PURE__ */ O("fieldset", {
 		className: "grid gap-2 rounded-md border border-border p-3",
 		children: [
-			/* @__PURE__ */ T("legend", {
+			/* @__PURE__ */ D("legend", {
 				className: "px-1 font-medium",
 				children: e
 			}),
 			o,
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ O("div", {
 				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ T(r, {
+				children: [/* @__PURE__ */ D(r, {
 					type: "button",
 					size: "sm",
 					variant: "outline",
@@ -250,69 +253,60 @@ function L({ title: e, add: t, disabled: n, onAdd: i, extra: a, children: o }) {
 		]
 	});
 }
-function R({ meta: t, edit: n }) {
-	let { t: r } = e(), o = x(), s = t.defaults?.auto_advance_seconds;
-	return /* @__PURE__ */ E("div", {
+function z({ meta: t, edit: n }) {
+	let { t: r } = e(), o = w(), s = t.defaults?.auto_advance_seconds;
+	return /* @__PURE__ */ O("div", {
 		className: "grid max-w-xs gap-1.5",
-		children: [/* @__PURE__ */ T(a, {
+		children: [/* @__PURE__ */ D(a, {
 			htmlFor: `${o}-auto`,
 			children: r("readerManifest.autoAdvance")
-		}), /* @__PURE__ */ T(i, {
+		}), /* @__PURE__ */ D(i, {
 			id: `${o}-auto`,
 			className: "h-8",
 			type: "number",
 			min: 0,
 			step: "any",
-			value: M(s),
+			value: P(s),
 			onChange: (e) => n((t) => ({
 				...t,
-				defaults: e.target.value.trim() === "" ? void 0 : { auto_advance_seconds: j(e.target.value) }
+				defaults: e.target.value.trim() === "" ? void 0 : { auto_advance_seconds: N(e.target.value) }
 			}))
 		})]
 	});
 }
-function z({ label: e, value: t, names: n, onChange: r }) {
-	return /* @__PURE__ */ E(o, {
+function B({ label: e, value: t, names: n, onChange: r }) {
+	return /* @__PURE__ */ O(o, {
 		value: t,
 		onValueChange: (e) => r(String(e)),
-		children: [/* @__PURE__ */ T(l, {
+		children: [/* @__PURE__ */ D(l, {
 			size: "sm",
 			"aria-label": e,
-			children: /* @__PURE__ */ T(u, { children: (e) => e })
-		}), /* @__PURE__ */ T(s, { children: n.map((e) => /* @__PURE__ */ T(c, {
+			children: /* @__PURE__ */ D(u, { children: (e) => e })
+		}), /* @__PURE__ */ D(s, { children: n.map((e) => /* @__PURE__ */ D(c, {
 			value: e,
 			children: e
 		}, e)) })]
 	});
 }
-function B({ label: t, value: n, pages: r, anchors: i, none: a, onChange: d }) {
-	let { t: f } = e(), p = (e) => e === O ? a ?? "" : e.startsWith("anchor:") ? f("readerManifest.anchorNamed", { id: e.slice(7) }) : f("readerManifest.pageNamed", { name: e.slice(5) });
-	return /* @__PURE__ */ E(o, {
+function V({ label: t, value: n, media: r, anchors: i, none: a, onChange: o }) {
+	let { t: s } = e(), c = [...a === void 0 ? [] : [{
+		value: k,
+		label: a
+	}], ...i.map((e) => ({
+		value: `anchor:${e}`,
+		label: s("readerManifest.anchorNamed", { id: e })
+	}))];
+	return /* @__PURE__ */ D(S, {
+		label: t,
+		pages: r.pages,
 		value: n,
-		onValueChange: (e) => d(String(e)),
-		children: [/* @__PURE__ */ T(l, {
-			size: "sm",
-			"aria-label": t,
-			children: /* @__PURE__ */ T(u, { children: p })
-		}), /* @__PURE__ */ E(s, { children: [
-			a !== void 0 && /* @__PURE__ */ T(c, {
-				value: O,
-				children: a
-			}),
-			i.map((e) => /* @__PURE__ */ T(c, {
-				value: `anchor:${e}`,
-				children: p(`anchor:${e}`)
-			}, `a-${e}`)),
-			r.map((e) => /* @__PURE__ */ T(c, {
-				value: `page:${e}`,
-				children: p(`page:${e}`)
-			}, `p-${e}`))
-		] })]
+		extras: c,
+		onChange: o
 	});
 }
-function V({ label: t, onRemove: n }) {
+function H({ label: t, onRemove: n }) {
 	let { t: i } = e();
-	return /* @__PURE__ */ T(r, {
+	return /* @__PURE__ */ D(r, {
 		type: "button",
 		size: "sm",
 		variant: "ghost",
@@ -321,13 +315,13 @@ function V({ label: t, onRemove: n }) {
 		children: i("common.remove")
 	});
 }
-function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
+function U({ index: t, anchor: n, media: r, onChange: a, onRemove: o }) {
 	let { t: s } = e(), c = t + 1;
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "reader-anchor",
 		children: [
-			/* @__PURE__ */ T(i, {
+			/* @__PURE__ */ D(i, {
 				className: "h-8 w-28",
 				"aria-label": s("readerManifest.anchorId", { n: c }),
 				value: n.id,
@@ -336,82 +330,86 @@ function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
 					id: e.target.value
 				})
 			}),
-			/* @__PURE__ */ T(z, {
+			/* @__PURE__ */ D(S, {
 				label: s("readerManifest.anchorPage", { n: c }),
+				pages: r.pages,
 				value: n.page,
-				names: r,
 				onChange: (e) => a({
 					...n,
 					page: e
 				})
 			}),
-			/* @__PURE__ */ T(i, {
+			/* @__PURE__ */ D(i, {
 				className: "h-8 w-24",
 				type: "number",
 				min: 0,
 				max: 100,
 				step: "any",
 				"aria-label": s("readerManifest.offset", { n: c }),
-				value: M(n.offset_percent),
+				value: P(n.offset_percent),
 				onChange: (e) => a({
 					...n,
-					offset_percent: j(e.target.value)
+					offset_percent: N(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ T(i, {
+			/* @__PURE__ */ D(i, {
 				className: "h-8 w-28",
 				type: "number",
 				min: 0,
 				step: "any",
 				"aria-label": s("readerManifest.duration", { n: c }),
 				placeholder: s("readerManifest.durationPlaceholder"),
-				value: M(n.duration_seconds),
+				value: P(n.duration_seconds),
 				onChange: (e) => a({
 					...n,
-					duration_seconds: e.target.value.trim() === "" ? void 0 : j(e.target.value)
+					duration_seconds: e.target.value.trim() === "" ? void 0 : N(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ T(V, {
+			/* @__PURE__ */ D(H, {
 				label: s("readerManifest.removeAnchor", { n: c }),
 				onRemove: o
 			})
 		]
 	});
 }
-function U({ index: t, cue: n, names: r, anchors: i, onChange: a, onRemove: o }) {
-	let { t: s } = e(), c = t + 1;
-	return /* @__PURE__ */ E("div", {
+function W({ index: t, cue: n, names: r, media: i, anchors: a, onChange: o, onRemove: s }) {
+	let { t: c } = e(), l = t + 1;
+	return /* @__PURE__ */ O("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "reader-foreground",
 		children: [
-			/* @__PURE__ */ T(z, {
-				label: s("readerManifest.cueFile", { n: c }),
+			/* @__PURE__ */ D(B, {
+				label: c("readerManifest.cueFile", { n: l }),
 				value: n.file,
 				names: r.files,
-				onChange: (e) => a({
+				onChange: (e) => o({
 					...n,
 					file: e
 				})
 			}),
-			/* @__PURE__ */ T(B, {
-				label: s("readerManifest.cueAt", { n: c }),
-				value: k(n.page, n.anchor),
-				pages: r.pages,
-				anchors: i,
-				onChange: (e) => a({
+			/* @__PURE__ */ D(x, {
+				url: i.audio.get(n.file),
+				label: n.file
+			}),
+			/* @__PURE__ */ D(V, {
+				label: c("readerManifest.cueAt", { n: l }),
+				value: A(n.page, n.anchor),
+				media: i,
+				anchors: a,
+				onChange: (e) => o({
 					file: n.file,
-					...A(e)
+					...j(e)
 				})
 			}),
-			/* @__PURE__ */ T(V, {
-				label: s("readerManifest.removeCue", { n: c }),
-				onRemove: o
+			/* @__PURE__ */ D(H, {
+				label: c("readerManifest.removeCue", { n: l }),
+				onRemove: s
 			})
 		]
 	});
 }
-function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s }) {
-	let { t: c } = e(), l = t + 1, u = A(k(n.from_page, n.from_anchor)), d = A(k(n.to_page, n.to_anchor)), f = (e, t) => o({
+function G({ index: t, cue: n, names: r, media: a, anchors: o, onChange: s, onRemove: c }) {
+	let { t: l } = e(), u = t + 1, d = j(A(n.from_page, n.from_anchor)), f = j(A(n.to_page, n.to_anchor)), p = (e, t) => s({
 		file: n.file,
 		loop: n.loop,
 		layer: n.layer,
@@ -420,86 +418,90 @@ function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s })
 		to_page: t.page,
 		to_anchor: t.anchor
 	});
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "reader-background",
 		children: [
-			/* @__PURE__ */ T(z, {
-				label: c("readerManifest.trackFile", { n: l }),
+			/* @__PURE__ */ D(B, {
+				label: l("readerManifest.trackFile", { n: u }),
 				value: n.file,
 				names: r.files,
-				onChange: (e) => o({
+				onChange: (e) => s({
 					...n,
 					file: e
 				})
 			}),
-			/* @__PURE__ */ T(B, {
-				label: c("readerManifest.trackFrom", { n: l }),
-				none: c("readerManifest.start"),
-				value: k(n.from_page, n.from_anchor),
-				pages: r.pages,
-				anchors: a,
-				onChange: (e) => f(A(e), d)
+			/* @__PURE__ */ D(x, {
+				url: a.audio.get(n.file),
+				label: n.file
 			}),
-			/* @__PURE__ */ T(B, {
-				label: c("readerManifest.trackTo", { n: l }),
-				none: c("readerManifest.end"),
-				value: k(n.to_page, n.to_anchor),
-				pages: r.pages,
-				anchors: a,
-				onChange: (e) => f(u, A(e))
+			/* @__PURE__ */ D(V, {
+				label: l("readerManifest.trackFrom", { n: u }),
+				none: l("readerManifest.start"),
+				value: A(n.from_page, n.from_anchor),
+				media: a,
+				anchors: o,
+				onChange: (e) => p(j(e), f)
+			}),
+			/* @__PURE__ */ D(V, {
+				label: l("readerManifest.trackTo", { n: u }),
+				none: l("readerManifest.end"),
+				value: A(n.to_page, n.to_anchor),
+				media: a,
+				anchors: o,
+				onChange: (e) => p(d, j(e))
 			}),
-			/* @__PURE__ */ E("label", {
+			/* @__PURE__ */ O("label", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ T(m, {
+				children: [/* @__PURE__ */ D(h, {
 					size: "sm",
 					checked: !!n.loop,
-					onCheckedChange: (e) => o({
+					onCheckedChange: (e) => s({
 						...n,
 						loop: e || void 0
 					}),
-					"aria-label": c("readerManifest.loopN", { n: l })
-				}), c("readerManifest.loop")]
+					"aria-label": l("readerManifest.loopN", { n: u })
+				}), l("readerManifest.loop")]
 			}),
-			/* @__PURE__ */ T(i, {
+			/* @__PURE__ */ D(i, {
 				className: "h-8 w-28",
-				"aria-label": c("readerManifest.layer", { n: l }),
-				placeholder: c("readerManifest.layerPlaceholder"),
+				"aria-label": l("readerManifest.layer", { n: u }),
+				placeholder: l("readerManifest.layerPlaceholder"),
 				value: n.layer ?? "",
-				onChange: (e) => o({
+				onChange: (e) => s({
 					...n,
 					layer: e.target.value || void 0
 				})
 			}),
-			/* @__PURE__ */ T(V, {
-				label: c("readerManifest.removeTrack", { n: l }),
-				onRemove: s
+			/* @__PURE__ */ D(H, {
+				label: l("readerManifest.removeTrack", { n: u }),
+				onRemove: c
 			})
 		]
 	});
 }
-function G({ match: t }) {
+function K({ match: t }) {
 	let { t: n } = e();
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "grid gap-1 rounded-md bg-muted p-2 text-xs",
 		role: "status",
 		children: [
-			/* @__PURE__ */ T("p", { children: t.foreground.length ? n("readerManifest.matched", { count: t.foreground.length }) : n("readerManifest.matchedNone") }),
-			t.unmatchedPages.length > 0 && /* @__PURE__ */ T("p", { children: n("readerManifest.pagesWithoutAudio", { names: t.unmatchedPages.join(", ") }) }),
-			t.unmatchedFiles.length > 0 && /* @__PURE__ */ T("p", { children: n("readerManifest.audioWithoutPlace", { names: t.unmatchedFiles.join(", ") }) })
+			/* @__PURE__ */ D("p", { children: t.foreground.length ? n("readerManifest.matched", { count: t.foreground.length }) : n("readerManifest.matchedNone") }),
+			t.unmatchedPages.length > 0 && /* @__PURE__ */ D("p", { children: n("readerManifest.pagesWithoutAudio", { names: t.unmatchedPages.join(", ") }) }),
+			t.unmatchedFiles.length > 0 && /* @__PURE__ */ D("p", { children: n("readerManifest.audioWithoutPlace", { names: t.unmatchedFiles.join(", ") }) })
 		]
 	});
 }
-function K({ problems: t }) {
+function q({ problems: t }) {
 	let { t: n } = e(), r = (e) => n(`readerManifest.at_${e.at}`, { n: e.index + 1 });
-	return /* @__PURE__ */ T("ul", {
+	return /* @__PURE__ */ D("ul", {
 		className: "grid gap-0.5 text-destructive",
 		role: "alert",
 		"data-ckui": "reader-problems",
-		children: t.map((e, t) => /* @__PURE__ */ T("li", { children: n(`readerManifest.problem_${e.problem}`, { where: r(e) }) }, t))
+		children: t.map((e, t) => /* @__PURE__ */ D("li", { children: n(`readerManifest.problem_${e.problem}`, { where: r(e) }) }, t))
 	});
 }
 //#endregion
-export { N as ReaderManifestEditor };
+export { F as ReaderManifestEditor };
 
 //# sourceMappingURL=reader-manifest.js.map