@openrails/contentkit-ui 0.103.0 → 0.103.2

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

@@ -6,16 +6,17 @@ 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 m } from "./shell.js";
-import { Switch as h } from "../../ui/switch.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 { useReaderPlan as b } from "../../react/versions.js";
-import { useId as x, useMemo as S, useState as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { cn as E } from "cn";
+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";
 //#region src/components/admin/reader-manifest.tsx
-var D = "__none__", O = (e, t) => t === void 0 ? e === void 0 ? D : `page:${e}` : `anchor:${t}`, k = (e) => e.startsWith("anchor:") ? { anchor: e.slice(7) } : e.startsWith("page:") ? { page: e.slice(5) } : {};
-function A(e) {
+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) {
 	let t = e.defaults?.auto_advance_seconds;
 	return {
 		schema_version: 1,
@@ -38,61 +39,75 @@ function A(e) {
 }
 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(), h = n(o), x = b(i, a, { client: h }), D = S(() => x.plan ? y(x.plan) : {
+	let { t: u } = e(), m = n(o), x = b(i, a, { client: m }), O = S(() => x.plan ? y(x.plan) : {
 		pages: [],
 		files: []
-	}, [x.plan]), [O, k] = C(null), [j, M] = C(null), [N, z] = C(!1), [B, V] = C(!1), [q, J] = C(null), Y = f("reader.save", s);
-	x.plan && x.plan !== O && !N && (k(x.plan), M(x.plan.reader ? structuredClone(x.plan.reader) : g()));
-	let X = S(() => j ? v(j, D) : [], [j, D]), Z = (e) => {
+	}, [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 = (() => {
-		if (x.loading && !x.plan && !x.pending) return /* @__PURE__ */ w(m, { count: 2 });
-		if (x.pending) return /* @__PURE__ */ w("p", {
+	}, Q = C(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);
+	};
+	h(`reader-meta:${a}`, {
+		label: u("readerManifest.title"),
+		dirty: N,
+		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", {
 			className: "text-muted-foreground",
 			children: u("readerManifest.pending")
 		});
-		if (x.error && !x.plan) return /* @__PURE__ */ w(p, {
+		if (x.error && !x.plan) return /* @__PURE__ */ T(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__ */ T("form", {
+		return /* @__PURE__ */ E("form", {
 			className: "grid gap-4",
 			onSubmit: (e) => {
-				e.preventDefault(), !X.length && (V(!1), Y.run(async () => (await h.versions.setReader(i, a, A(j)), !0)).then((e) => {
-					e && (z(!1), V(!0));
-				}));
+				e.preventDefault(), $();
 			},
 			children: [
-				/* @__PURE__ */ w("p", {
+				/* @__PURE__ */ T("p", {
 					className: "text-muted-foreground",
 					children: u("readerManifest.summary", {
-						pages: D.pages.length,
-						files: D.files.length
+						pages: O.pages.length,
+						files: O.files.length
 					})
 				}),
-				/* @__PURE__ */ w(R, {
+				/* @__PURE__ */ T(R, {
 					meta: j,
 					edit: Z
 				}),
-				/* @__PURE__ */ w(L, {
+				/* @__PURE__ */ T(L, {
 					title: u("readerManifest.anchors"),
 					add: u("readerManifest.addAnchor"),
-					disabled: !D.pages.length,
+					disabled: !O.pages.length,
 					onAdd: () => Z((e) => ({
 						...e,
 						anchors: [...e.anchors ?? [], {
 							id: P(e.anchors ?? []),
-							page: D.pages[0],
+							page: O.pages[0],
 							offset_percent: 0
 						}]
 					})),
-					children: e.map((e, t) => /* @__PURE__ */ w(H, {
+					children: e.map((e, t) => /* @__PURE__ */ T(H, {
 						index: t,
 						anchor: e,
-						pages: D.pages,
+						pages: O.pages,
 						onChange: (e) => Z((n) => ({
 							...n,
 							anchors: F(n.anchors, t, e)
@@ -103,24 +118,24 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 						}))
 					}, t))
 				}),
-				/* @__PURE__ */ T(L, {
+				/* @__PURE__ */ E(L, {
 					title: u("readerManifest.foreground"),
 					add: u("readerManifest.addCue"),
-					disabled: !D.files.length || !D.pages.length,
+					disabled: !O.files.length || !O.pages.length,
 					onAdd: () => Z((e) => ({
 						...e,
 						foreground: [...e.foreground ?? [], {
-							file: D.files[0],
-							page: D.pages[0]
+							file: O.files[0],
+							page: O.pages[0]
 						}]
 					})),
-					extra: /* @__PURE__ */ w(r, {
+					extra: /* @__PURE__ */ T(r, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						disabled: !D.files.length,
+						disabled: !O.files.length,
 						onClick: () => {
-							let e = _(D, t);
+							let e = _(O, t);
 							J(e), e.foreground.length && Z((t) => ({
 								...t,
 								foreground: e.foreground
@@ -128,10 +143,10 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 						},
 						children: u("readerManifest.match")
 					}),
-					children: [q && /* @__PURE__ */ w(G, { match: q }), (j.foreground ?? []).map((e, n) => /* @__PURE__ */ w(U, {
+					children: [q && /* @__PURE__ */ T(G, { match: q }), (j.foreground ?? []).map((e, n) => /* @__PURE__ */ T(U, {
 						index: n,
 						cue: e,
-						names: D,
+						names: O,
 						anchors: t,
 						onChange: (e) => Z((t) => ({
 							...t,
@@ -143,18 +158,18 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 						}))
 					}, n))]
 				}),
-				/* @__PURE__ */ w(L, {
+				/* @__PURE__ */ T(L, {
 					title: u("readerManifest.background"),
 					add: u("readerManifest.addTrack"),
-					disabled: !D.files.length,
+					disabled: !O.files.length,
 					onAdd: () => Z((e) => ({
 						...e,
-						background: [...e.background ?? [], { file: D.files[0] }]
+						background: [...e.background ?? [], { file: O.files[0] }]
 					})),
-					children: (j.background ?? []).map((e, n) => /* @__PURE__ */ w(W, {
+					children: (j.background ?? []).map((e, n) => /* @__PURE__ */ T(W, {
 						index: n,
 						cue: e,
-						names: D,
+						names: O,
 						anchors: t,
 						onChange: (e) => Z((t) => ({
 							...t,
@@ -166,27 +181,27 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 						}))
 					}, n))
 				}),
-				X.length > 0 && /* @__PURE__ */ w(K, { problems: X }),
-				/* @__PURE__ */ w(d, { error: Y.error }),
-				/* @__PURE__ */ T("div", {
+				X.length > 0 && /* @__PURE__ */ T(K, { problems: X }),
+				/* @__PURE__ */ T(d, { error: Y.error }),
+				/* @__PURE__ */ E("div", {
 					className: "flex flex-wrap items-center gap-3",
 					children: [
-						/* @__PURE__ */ w(r, {
+						/* @__PURE__ */ T(r, {
 							type: "submit",
 							size: "sm",
 							disabled: Y.pending || !N || X.length > 0,
 							children: Y.pending ? u("common.saving") : u("common.save")
 						}),
-						N && /* @__PURE__ */ w(r, {
+						N && /* @__PURE__ */ T(r, {
 							type: "button",
 							size: "sm",
 							variant: "ghost",
 							onClick: () => {
-								z(!1), k(null), J(null);
+								z(!1), A(null), J(null);
 							},
 							children: u("readerManifest.revert")
 						}),
-						B && /* @__PURE__ */ w("span", {
+						B && /* @__PURE__ */ T("span", {
 							role: "status",
 							className: "text-muted-foreground",
 							children: u("readerManifest.saved")
@@ -196,14 +211,14 @@ function N({ content: i, version: a, client: o, onError: s, className: c, appear
 			]
 		});
 	})();
-	return /* @__PURE__ */ T(t, {
+	return /* @__PURE__ */ E(t, {
 		appearance: l,
-		className: E("grid gap-3 text-sm", c),
+		className: D("grid gap-3 text-sm", c),
 		"data-ckui": "reader-manifest",
-		children: [/* @__PURE__ */ w("h4", {
+		children: [/* @__PURE__ */ T("h4", {
 			className: "font-medium",
 			children: u("readerManifest.title")
-		}), Q]
+		}), ne]
 	});
 }
 function P(e) {
@@ -213,17 +228,17 @@ function P(e) {
 }
 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__ */ T("fieldset", {
+	return /* @__PURE__ */ E("fieldset", {
 		className: "grid gap-2 rounded-md border border-border p-3",
 		children: [
-			/* @__PURE__ */ w("legend", {
+			/* @__PURE__ */ T("legend", {
 				className: "px-1 font-medium",
 				children: e
 			}),
 			o,
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ E("div", {
 				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ w(r, {
+				children: [/* @__PURE__ */ T(r, {
 					type: "button",
 					size: "sm",
 					variant: "outline",
@@ -237,12 +252,12 @@ 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__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "grid max-w-xs gap-1.5",
-		children: [/* @__PURE__ */ w(a, {
+		children: [/* @__PURE__ */ T(a, {
 			htmlFor: `${o}-auto`,
 			children: r("readerManifest.autoAdvance")
-		}), /* @__PURE__ */ w(i, {
+		}), /* @__PURE__ */ T(i, {
 			id: `${o}-auto`,
 			className: "h-8",
 			type: "number",
@@ -257,38 +272,38 @@ function R({ meta: t, edit: n }) {
 	});
 }
 function z({ label: e, value: t, names: n, onChange: r }) {
-	return /* @__PURE__ */ T(o, {
+	return /* @__PURE__ */ E(o, {
 		value: t,
 		onValueChange: (e) => r(String(e)),
-		children: [/* @__PURE__ */ w(l, {
+		children: [/* @__PURE__ */ T(l, {
 			size: "sm",
 			"aria-label": e,
-			children: /* @__PURE__ */ w(u, { children: (e) => e })
-		}), /* @__PURE__ */ w(s, { children: n.map((e) => /* @__PURE__ */ w(c, {
+			children: /* @__PURE__ */ T(u, { children: (e) => e })
+		}), /* @__PURE__ */ T(s, { children: n.map((e) => /* @__PURE__ */ T(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 === D ? a ?? "" : e.startsWith("anchor:") ? f("readerManifest.anchorNamed", { id: e.slice(7) }) : f("readerManifest.pageNamed", { name: e.slice(5) });
-	return /* @__PURE__ */ T(o, {
+	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, {
 		value: n,
 		onValueChange: (e) => d(String(e)),
-		children: [/* @__PURE__ */ w(l, {
+		children: [/* @__PURE__ */ T(l, {
 			size: "sm",
 			"aria-label": t,
-			children: /* @__PURE__ */ w(u, { children: p })
-		}), /* @__PURE__ */ T(s, { children: [
-			a !== void 0 && /* @__PURE__ */ w(c, {
-				value: D,
+			children: /* @__PURE__ */ T(u, { children: p })
+		}), /* @__PURE__ */ E(s, { children: [
+			a !== void 0 && /* @__PURE__ */ T(c, {
+				value: O,
 				children: a
 			}),
-			i.map((e) => /* @__PURE__ */ w(c, {
+			i.map((e) => /* @__PURE__ */ T(c, {
 				value: `anchor:${e}`,
 				children: p(`anchor:${e}`)
 			}, `a-${e}`)),
-			r.map((e) => /* @__PURE__ */ w(c, {
+			r.map((e) => /* @__PURE__ */ T(c, {
 				value: `page:${e}`,
 				children: p(`page:${e}`)
 			}, `p-${e}`))
@@ -297,7 +312,7 @@ function B({ label: t, value: n, pages: r, anchors: i, none: a, onChange: d }) {
 }
 function V({ label: t, onRemove: n }) {
 	let { t: i } = e();
-	return /* @__PURE__ */ w(r, {
+	return /* @__PURE__ */ T(r, {
 		type: "button",
 		size: "sm",
 		variant: "ghost",
@@ -308,11 +323,11 @@ function V({ label: t, onRemove: n }) {
 }
 function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
 	let { t: s } = e(), c = t + 1;
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "reader-anchor",
 		children: [
-			/* @__PURE__ */ w(i, {
+			/* @__PURE__ */ T(i, {
 				className: "h-8 w-28",
 				"aria-label": s("readerManifest.anchorId", { n: c }),
 				value: n.id,
@@ -321,7 +336,7 @@ function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
 					id: e.target.value
 				})
 			}),
-			/* @__PURE__ */ w(z, {
+			/* @__PURE__ */ T(z, {
 				label: s("readerManifest.anchorPage", { n: c }),
 				value: n.page,
 				names: r,
@@ -330,7 +345,7 @@ function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
 					page: e
 				})
 			}),
-			/* @__PURE__ */ w(i, {
+			/* @__PURE__ */ T(i, {
 				className: "h-8 w-24",
 				type: "number",
 				min: 0,
@@ -343,7 +358,7 @@ function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
 					offset_percent: j(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ w(i, {
+			/* @__PURE__ */ T(i, {
 				className: "h-8 w-28",
 				type: "number",
 				min: 0,
@@ -356,7 +371,7 @@ function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
 					duration_seconds: e.target.value.trim() === "" ? void 0 : j(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ w(V, {
+			/* @__PURE__ */ T(V, {
 				label: s("readerManifest.removeAnchor", { n: c }),
 				onRemove: o
 			})
@@ -365,11 +380,11 @@ function H({ index: t, anchor: n, pages: r, onChange: a, 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__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "reader-foreground",
 		children: [
-			/* @__PURE__ */ w(z, {
+			/* @__PURE__ */ T(z, {
 				label: s("readerManifest.cueFile", { n: c }),
 				value: n.file,
 				names: r.files,
@@ -378,17 +393,17 @@ function U({ index: t, cue: n, names: r, anchors: i, onChange: a, onRemove: o })
 					file: e
 				})
 			}),
-			/* @__PURE__ */ w(B, {
+			/* @__PURE__ */ T(B, {
 				label: s("readerManifest.cueAt", { n: c }),
-				value: O(n.page, n.anchor),
+				value: k(n.page, n.anchor),
 				pages: r.pages,
 				anchors: i,
 				onChange: (e) => a({
 					file: n.file,
-					...k(e)
+					...A(e)
 				})
 			}),
-			/* @__PURE__ */ w(V, {
+			/* @__PURE__ */ T(V, {
 				label: s("readerManifest.removeCue", { n: c }),
 				onRemove: o
 			})
@@ -396,7 +411,7 @@ function U({ index: t, cue: n, names: r, anchors: i, onChange: a, onRemove: o })
 	});
 }
 function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s }) {
-	let { t: c } = e(), l = t + 1, u = k(O(n.from_page, n.from_anchor)), d = k(O(n.to_page, n.to_anchor)), f = (e, t) => o({
+	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({
 		file: n.file,
 		loop: n.loop,
 		layer: n.layer,
@@ -405,11 +420,11 @@ function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s })
 		to_page: t.page,
 		to_anchor: t.anchor
 	});
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "reader-background",
 		children: [
-			/* @__PURE__ */ w(z, {
+			/* @__PURE__ */ T(z, {
 				label: c("readerManifest.trackFile", { n: l }),
 				value: n.file,
 				names: r.files,
@@ -418,25 +433,25 @@ function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s })
 					file: e
 				})
 			}),
-			/* @__PURE__ */ w(B, {
+			/* @__PURE__ */ T(B, {
 				label: c("readerManifest.trackFrom", { n: l }),
 				none: c("readerManifest.start"),
-				value: O(n.from_page, n.from_anchor),
+				value: k(n.from_page, n.from_anchor),
 				pages: r.pages,
 				anchors: a,
-				onChange: (e) => f(k(e), d)
+				onChange: (e) => f(A(e), d)
 			}),
-			/* @__PURE__ */ w(B, {
+			/* @__PURE__ */ T(B, {
 				label: c("readerManifest.trackTo", { n: l }),
 				none: c("readerManifest.end"),
-				value: O(n.to_page, n.to_anchor),
+				value: k(n.to_page, n.to_anchor),
 				pages: r.pages,
 				anchors: a,
-				onChange: (e) => f(u, k(e))
+				onChange: (e) => f(u, A(e))
 			}),
-			/* @__PURE__ */ T("label", {
+			/* @__PURE__ */ E("label", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ w(h, {
+				children: [/* @__PURE__ */ T(m, {
 					size: "sm",
 					checked: !!n.loop,
 					onCheckedChange: (e) => o({
@@ -446,7 +461,7 @@ function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s })
 					"aria-label": c("readerManifest.loopN", { n: l })
 				}), c("readerManifest.loop")]
 			}),
-			/* @__PURE__ */ w(i, {
+			/* @__PURE__ */ T(i, {
 				className: "h-8 w-28",
 				"aria-label": c("readerManifest.layer", { n: l }),
 				placeholder: c("readerManifest.layerPlaceholder"),
@@ -456,7 +471,7 @@ function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s })
 					layer: e.target.value || void 0
 				})
 			}),
-			/* @__PURE__ */ w(V, {
+			/* @__PURE__ */ T(V, {
 				label: c("readerManifest.removeTrack", { n: l }),
 				onRemove: s
 			})
@@ -465,23 +480,23 @@ function W({ index: t, cue: n, names: r, anchors: a, onChange: o, onRemove: s })
 }
 function G({ match: t }) {
 	let { t: n } = e();
-	return /* @__PURE__ */ T("div", {
+	return /* @__PURE__ */ E("div", {
 		className: "grid gap-1 rounded-md bg-muted p-2 text-xs",
 		role: "status",
 		children: [
-			/* @__PURE__ */ w("p", { children: t.foreground.length ? n("readerManifest.matched", { count: t.foreground.length }) : n("readerManifest.matchedNone") }),
-			t.unmatchedPages.length > 0 && /* @__PURE__ */ w("p", { children: n("readerManifest.pagesWithoutAudio", { names: t.unmatchedPages.join(", ") }) }),
-			t.unmatchedFiles.length > 0 && /* @__PURE__ */ w("p", { children: n("readerManifest.audioWithoutPlace", { names: t.unmatchedFiles.join(", ") }) })
+			/* @__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(", ") }) })
 		]
 	});
 }
 function K({ problems: t }) {
 	let { t: n } = e(), r = (e) => n(`readerManifest.at_${e.at}`, { n: e.index + 1 });
-	return /* @__PURE__ */ w("ul", {
+	return /* @__PURE__ */ T("ul", {
 		className: "grid gap-0.5 text-destructive",
 		role: "alert",
 		"data-ckui": "reader-problems",
-		children: t.map((e, t) => /* @__PURE__ */ w("li", { children: n(`readerManifest.problem_${e.problem}`, { where: r(e) }) }, t))
+		children: t.map((e, t) => /* @__PURE__ */ T("li", { children: n(`readerManifest.problem_${e.problem}`, { where: r(e) }) }, t))
 	});
 }
 //#endregion