@openrails/contentkit-ui 0.83.0 → 0.86.0

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

@@ -0,0 +1,490 @@
+import { useMessages as e } from "../../i18n/context.js";
+import { ContentKitUiRoot as t } from "../../scope.js";
+import { useContentKitClient as n } from "../../react/context.js";
+import { Button as r } from "../../ui/button.js";
+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 { 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";
+//#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) {
+	let t = e.defaults?.auto_advance_seconds;
+	return {
+		schema_version: 1,
+		...t === void 0 ? {} : { defaults: { auto_advance_seconds: t } },
+		anchors: (e.anchors ?? []).map((e) => ({
+			id: e.id.trim(),
+			page: e.page,
+			offset_percent: e.offset_percent,
+			...e.duration_seconds === void 0 ? {} : { duration_seconds: e.duration_seconds }
+		})),
+		background: (e.background ?? []).map((e) => {
+			let t = e.layer?.trim();
+			return {
+				...e,
+				...t ? { layer: t } : { layer: void 0 }
+			};
+		}),
+		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(), h = n(o), x = b(i, a, { client: h }), D = 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) => {
+		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", {
+			className: "text-muted-foreground",
+			children: u("readerManifest.pending")
+		});
+		if (x.error && !x.plan) return /* @__PURE__ */ w(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", {
+			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));
+				}));
+			},
+			children: [
+				/* @__PURE__ */ w("p", {
+					className: "text-muted-foreground",
+					children: u("readerManifest.summary", {
+						pages: D.pages.length,
+						files: D.files.length
+					})
+				}),
+				/* @__PURE__ */ w(R, {
+					meta: j,
+					edit: Z
+				}),
+				/* @__PURE__ */ w(L, {
+					title: u("readerManifest.anchors"),
+					add: u("readerManifest.addAnchor"),
+					disabled: !D.pages.length,
+					onAdd: () => Z((e) => ({
+						...e,
+						anchors: [...e.anchors ?? [], {
+							id: P(e.anchors ?? []),
+							page: D.pages[0],
+							offset_percent: 0
+						}]
+					})),
+					children: e.map((e, t) => /* @__PURE__ */ w(H, {
+						index: t,
+						anchor: e,
+						pages: D.pages,
+						onChange: (e) => Z((n) => ({
+							...n,
+							anchors: F(n.anchors, t, e)
+						})),
+						onRemove: () => Z((e) => ({
+							...e,
+							anchors: I(e.anchors, t)
+						}))
+					}, t))
+				}),
+				/* @__PURE__ */ T(L, {
+					title: u("readerManifest.foreground"),
+					add: u("readerManifest.addCue"),
+					disabled: !D.files.length || !D.pages.length,
+					onAdd: () => Z((e) => ({
+						...e,
+						foreground: [...e.foreground ?? [], {
+							file: D.files[0],
+							page: D.pages[0]
+						}]
+					})),
+					extra: /* @__PURE__ */ w(r, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						disabled: !D.files.length,
+						onClick: () => {
+							let e = _(D, t);
+							J(e), e.foreground.length && Z((t) => ({
+								...t,
+								foreground: e.foreground
+							}));
+						},
+						children: u("readerManifest.match")
+					}),
+					children: [q && /* @__PURE__ */ w(G, { match: q }), (j.foreground ?? []).map((e, n) => /* @__PURE__ */ w(U, {
+						index: n,
+						cue: e,
+						names: D,
+						anchors: t,
+						onChange: (e) => Z((t) => ({
+							...t,
+							foreground: F(t.foreground, n, e)
+						})),
+						onRemove: () => Z((e) => ({
+							...e,
+							foreground: I(e.foreground, n)
+						}))
+					}, n))]
+				}),
+				/* @__PURE__ */ w(L, {
+					title: u("readerManifest.background"),
+					add: u("readerManifest.addTrack"),
+					disabled: !D.files.length,
+					onAdd: () => Z((e) => ({
+						...e,
+						background: [...e.background ?? [], { file: D.files[0] }]
+					})),
+					children: (j.background ?? []).map((e, n) => /* @__PURE__ */ w(W, {
+						index: n,
+						cue: e,
+						names: D,
+						anchors: t,
+						onChange: (e) => Z((t) => ({
+							...t,
+							background: F(t.background, n, e)
+						})),
+						onRemove: () => Z((e) => ({
+							...e,
+							background: I(e.background, n)
+						}))
+					}, n))
+				}),
+				X.length > 0 && /* @__PURE__ */ w(K, { problems: X }),
+				/* @__PURE__ */ w(d, { error: Y.error }),
+				/* @__PURE__ */ T("div", {
+					className: "flex flex-wrap items-center gap-3",
+					children: [
+						/* @__PURE__ */ w(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, {
+							type: "button",
+							size: "sm",
+							variant: "ghost",
+							onClick: () => {
+								z(!1), k(null), J(null);
+							},
+							children: u("readerManifest.revert")
+						}),
+						B && /* @__PURE__ */ w("span", {
+							role: "status",
+							className: "text-muted-foreground",
+							children: u("readerManifest.saved")
+						})
+					]
+				})
+			]
+		});
+	})();
+	return /* @__PURE__ */ T(t, {
+		appearance: l,
+		className: E("grid gap-3 text-sm", c),
+		"data-ckui": "reader-manifest",
+		children: [/* @__PURE__ */ w("h4", {
+			className: "font-medium",
+			children: u("readerManifest.title")
+		}), Q]
+	});
+}
+function P(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__ */ T("fieldset", {
+		className: "grid gap-2 rounded-md border border-border p-3",
+		children: [
+			/* @__PURE__ */ w("legend", {
+				className: "px-1 font-medium",
+				children: e
+			}),
+			o,
+			/* @__PURE__ */ T("div", {
+				className: "flex flex-wrap gap-2",
+				children: [/* @__PURE__ */ w(r, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					disabled: n,
+					onClick: i,
+					children: t
+				}), a]
+			})
+		]
+	});
+}
+function R({ meta: t, edit: n }) {
+	let { t: r } = e(), o = x(), s = t.defaults?.auto_advance_seconds;
+	return /* @__PURE__ */ T("div", {
+		className: "grid max-w-xs gap-1.5",
+		children: [/* @__PURE__ */ w(a, {
+			htmlFor: `${o}-auto`,
+			children: r("readerManifest.autoAdvance")
+		}), /* @__PURE__ */ w(i, {
+			id: `${o}-auto`,
+			className: "h-8",
+			type: "number",
+			min: 0,
+			step: "any",
+			value: M(s),
+			onChange: (e) => n((t) => ({
+				...t,
+				defaults: e.target.value.trim() === "" ? void 0 : { auto_advance_seconds: j(e.target.value) }
+			}))
+		})]
+	});
+}
+function z({ label: e, value: t, names: n, onChange: r }) {
+	return /* @__PURE__ */ T(o, {
+		value: t,
+		onValueChange: (e) => r(String(e)),
+		children: [/* @__PURE__ */ w(l, {
+			size: "sm",
+			"aria-label": e,
+			children: /* @__PURE__ */ w(u, { children: (e) => e })
+		}), /* @__PURE__ */ w(s, { children: n.map((e) => /* @__PURE__ */ w(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, {
+		value: n,
+		onValueChange: (e) => d(String(e)),
+		children: [/* @__PURE__ */ w(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: a
+			}),
+			i.map((e) => /* @__PURE__ */ w(c, {
+				value: `anchor:${e}`,
+				children: p(`anchor:${e}`)
+			}, `a-${e}`)),
+			r.map((e) => /* @__PURE__ */ w(c, {
+				value: `page:${e}`,
+				children: p(`page:${e}`)
+			}, `p-${e}`))
+		] })]
+	});
+}
+function V({ label: t, onRemove: n }) {
+	let { t: i } = e();
+	return /* @__PURE__ */ w(r, {
+		type: "button",
+		size: "sm",
+		variant: "ghost",
+		"aria-label": t,
+		onClick: n,
+		children: i("common.remove")
+	});
+}
+function H({ index: t, anchor: n, pages: r, onChange: a, onRemove: o }) {
+	let { t: s } = e(), c = t + 1;
+	return /* @__PURE__ */ T("div", {
+		className: "flex flex-wrap items-center gap-2",
+		"data-ckui": "reader-anchor",
+		children: [
+			/* @__PURE__ */ w(i, {
+				className: "h-8 w-28",
+				"aria-label": s("readerManifest.anchorId", { n: c }),
+				value: n.id,
+				onChange: (e) => a({
+					...n,
+					id: e.target.value
+				})
+			}),
+			/* @__PURE__ */ w(z, {
+				label: s("readerManifest.anchorPage", { n: c }),
+				value: n.page,
+				names: r,
+				onChange: (e) => a({
+					...n,
+					page: e
+				})
+			}),
+			/* @__PURE__ */ w(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),
+				onChange: (e) => a({
+					...n,
+					offset_percent: j(e.target.value)
+				})
+			}),
+			/* @__PURE__ */ w(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),
+				onChange: (e) => a({
+					...n,
+					duration_seconds: e.target.value.trim() === "" ? void 0 : j(e.target.value)
+				})
+			}),
+			/* @__PURE__ */ w(V, {
+				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__ */ T("div", {
+		className: "flex flex-wrap items-center gap-2",
+		"data-ckui": "reader-foreground",
+		children: [
+			/* @__PURE__ */ w(z, {
+				label: s("readerManifest.cueFile", { n: c }),
+				value: n.file,
+				names: r.files,
+				onChange: (e) => a({
+					...n,
+					file: e
+				})
+			}),
+			/* @__PURE__ */ w(B, {
+				label: s("readerManifest.cueAt", { n: c }),
+				value: O(n.page, n.anchor),
+				pages: r.pages,
+				anchors: i,
+				onChange: (e) => a({
+					file: n.file,
+					...k(e)
+				})
+			}),
+			/* @__PURE__ */ w(V, {
+				label: s("readerManifest.removeCue", { n: c }),
+				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({
+		file: n.file,
+		loop: n.loop,
+		layer: n.layer,
+		from_page: e.page,
+		from_anchor: e.anchor,
+		to_page: t.page,
+		to_anchor: t.anchor
+	});
+	return /* @__PURE__ */ T("div", {
+		className: "flex flex-wrap items-center gap-2",
+		"data-ckui": "reader-background",
+		children: [
+			/* @__PURE__ */ w(z, {
+				label: c("readerManifest.trackFile", { n: l }),
+				value: n.file,
+				names: r.files,
+				onChange: (e) => o({
+					...n,
+					file: e
+				})
+			}),
+			/* @__PURE__ */ w(B, {
+				label: c("readerManifest.trackFrom", { n: l }),
+				none: c("readerManifest.start"),
+				value: O(n.from_page, n.from_anchor),
+				pages: r.pages,
+				anchors: a,
+				onChange: (e) => f(k(e), d)
+			}),
+			/* @__PURE__ */ w(B, {
+				label: c("readerManifest.trackTo", { n: l }),
+				none: c("readerManifest.end"),
+				value: O(n.to_page, n.to_anchor),
+				pages: r.pages,
+				anchors: a,
+				onChange: (e) => f(u, k(e))
+			}),
+			/* @__PURE__ */ T("label", {
+				className: "flex items-center gap-1.5",
+				children: [/* @__PURE__ */ w(h, {
+					size: "sm",
+					checked: !!n.loop,
+					onCheckedChange: (e) => o({
+						...n,
+						loop: e || void 0
+					}),
+					"aria-label": c("readerManifest.loopN", { n: l })
+				}), c("readerManifest.loop")]
+			}),
+			/* @__PURE__ */ w(i, {
+				className: "h-8 w-28",
+				"aria-label": c("readerManifest.layer", { n: l }),
+				placeholder: c("readerManifest.layerPlaceholder"),
+				value: n.layer ?? "",
+				onChange: (e) => o({
+					...n,
+					layer: e.target.value || void 0
+				})
+			}),
+			/* @__PURE__ */ w(V, {
+				label: c("readerManifest.removeTrack", { n: l }),
+				onRemove: s
+			})
+		]
+	});
+}
+function G({ match: t }) {
+	let { t: n } = e();
+	return /* @__PURE__ */ T("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(", ") }) })
+		]
+	});
+}
+function K({ problems: t }) {
+	let { t: n } = e(), r = (e) => n(`readerManifest.at_${e.at}`, { n: e.index + 1 });
+	return /* @__PURE__ */ w("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))
+	});
+}
+//#endregion
+export { N as ReaderManifestEditor };
+
+//# sourceMappingURL=reader-manifest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reader-manifest.js","names":[],"sources":["../../../src/components/admin/reader-manifest.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useId, useMemo, useState, type ReactNode } from \"react\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { Anchor, BackgroundCue, ForegroundCue, ReaderMeta, ReaderPlan } from \"../../client/generated/wire.js\";\nimport { emptyReaderMeta, matchAudio, readerMetaProblems, readerNames, type AudioMatch, type ReaderMetaProblem, type ReaderNames } from \"../../client/reader-meta.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useContentKitClient, type ContentKitErrorHandler } from \"../../react/context.js\";\nimport { useReaderPlan } from \"../../react/versions.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Switch } from \"#ckui/ui/switch\";\nimport { ErrorLine, useAction } from \"../social/parts.js\";\nimport { LoadFailed, Rows } from \"./shell.js\";\n\nexport interface ReaderManifestEditorProps {\n  content: string;\n  version: string;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\nconst NONE = \"__none__\";\n\n/** A page or an anchor as one select value. */\nconst placeOf = (page?: string, anchor?: string) => (anchor !== undefined ? `anchor:${anchor}` : page !== undefined ? `page:${page}` : NONE);\nconst fromPlace = (v: string): { page?: string; anchor?: string } =>\n  v.startsWith(\"anchor:\") ? { anchor: v.slice(7) } : v.startsWith(\"page:\") ? { page: v.slice(5) } : {};\n\n/** Only what the server stores: no empty layers, defaults or lists. */\nfunction clean(meta: ReaderMeta): ReaderMeta {\n  const auto = meta.defaults?.auto_advance_seconds;\n  return {\n    schema_version: 1,\n    ...(auto !== undefined ? { defaults: { auto_advance_seconds: auto } } : {}),\n    anchors: (meta.anchors ?? []).map((a) => ({ id: a.id.trim(), page: a.page, offset_percent: a.offset_percent, ...(a.duration_seconds !== undefined ? { duration_seconds: a.duration_seconds } : {}) })),\n    background: (meta.background ?? []).map((c) => {\n      const layer = c.layer?.trim();\n      return { ...c, ...(layer ? { layer } : { layer: undefined }) };\n    }),\n    foreground: meta.foreground ?? [],\n  };\n}\n\nconst num = (v: string): number => (v.trim() === \"\" ? Number.NaN : Number(v));\nconst shown = (n: number | undefined) => (n === undefined || Number.isNaN(n) ? \"\" : String(n));\n\n/**\n * Editors: a reader version's manifest over its published pages and audio:\n * scroll anchors, foreground cues (one track at a page or anchor, matched\n * from file names in one step), background tracks over a range, and the\n * auto-advance default. Page order is the version's media order.\n */\nexport function ReaderManifestEditor({ content, version, client: own, onError, className, appearance }: ReaderManifestEditorProps) {\n  const { t } = useMessages();\n  const client = useContentKitClient(own);\n  const plan = useReaderPlan(content, version, { client });\n  const names = useMemo<ReaderNames>(() => (plan.plan ? readerNames(plan.plan) : { pages: [], files: [] }), [plan.plan]);\n  const [basis, setBasis] = useState<ReaderPlan | null>(null);\n  const [meta, setMeta] = useState<ReaderMeta | null>(null);\n  const [dirty, setDirty] = useState(false);\n  const [saved, setSaved] = useState(false);\n  const [matched, setMatched] = useState<AudioMatch | null>(null);\n  const save = useAction(\"reader.save\", onError);\n  // A fresh plan replaces the draft unless it has unsaved edits.\n  if (plan.plan && plan.plan !== basis && !dirty) {\n    setBasis(plan.plan);\n    setMeta(plan.plan.reader ? structuredClone(plan.plan.reader) : emptyReaderMeta());\n  }\n  const problems = useMemo(() => (meta ? readerMetaProblems(meta, names) : []), [meta, names]);\n  const edit = (fn: (m: ReaderMeta) => ReaderMeta) => {\n    setMeta((m) => (m ? fn(m) : m));\n    setDirty(true);\n    setSaved(false);\n  };\n  const body = (() => {\n    if (plan.loading && !plan.plan && !plan.pending) return <Rows count={2} />;\n    if (plan.pending) return <p className=\"text-muted-foreground\">{t(\"readerManifest.pending\")}</p>;\n    if (plan.error && !plan.plan) return <LoadFailed error={plan.error} message={t(\"readerManifest.loadFailed\")} retry={plan.reload} />;\n    if (!meta) return null;\n    const anchors = meta.anchors ?? [];\n    const anchorIds = anchors.map((a) => a.id).filter(Boolean);\n    return (\n      <form\n        className=\"grid gap-4\"\n        onSubmit={(e) => {\n          e.preventDefault();\n          if (problems.length) return;\n          setSaved(false);\n          void save\n            .run(async () => {\n              await client.versions.setReader(content, version, clean(meta));\n              return true;\n            })\n            .then((ok) => {\n              if (!ok) return;\n              setDirty(false);\n              setSaved(true);\n            });\n        }}\n      >\n        <p className=\"text-muted-foreground\">{t(\"readerManifest.summary\", { pages: names.pages.length, files: names.files.length })}</p>\n        <Defaults meta={meta} edit={edit} />\n        <Group title={t(\"readerManifest.anchors\")} add={t(\"readerManifest.addAnchor\")} disabled={!names.pages.length}\n          onAdd={() => edit((m) => ({ ...m, anchors: [...(m.anchors ?? []), { id: nextId(m.anchors ?? []), page: names.pages[0]!, offset_percent: 0 }] }))}>\n          {anchors.map((a, i) => (\n            <AnchorRow key={i} index={i} anchor={a} pages={names.pages} onChange={(next) => edit((m) => ({ ...m, anchors: replace(m.anchors, i, next) }))}\n              onRemove={() => edit((m) => ({ ...m, anchors: drop(m.anchors, i) }))} />\n          ))}\n        </Group>\n        <Group title={t(\"readerManifest.foreground\")} add={t(\"readerManifest.addCue\")} disabled={!names.files.length || !names.pages.length}\n          onAdd={() => edit((m) => ({ ...m, foreground: [...(m.foreground ?? []), { file: names.files[0]!, page: names.pages[0]! }] }))}\n          extra={\n            <Button type=\"button\" size=\"sm\" variant=\"outline\" disabled={!names.files.length} onClick={() => {\n              const r = matchAudio(names, anchorIds);\n              setMatched(r);\n              if (r.foreground.length) edit((m) => ({ ...m, foreground: r.foreground }));\n            }}>\n              {t(\"readerManifest.match\")}\n            </Button>\n          }>\n          {matched && <MatchReport match={matched} />}\n          {(meta.foreground ?? []).map((c, i) => (\n            <ForegroundRow key={i} index={i} cue={c} names={names} anchors={anchorIds} onChange={(next) => edit((m) => ({ ...m, foreground: replace(m.foreground, i, next) }))}\n              onRemove={() => edit((m) => ({ ...m, foreground: drop(m.foreground, i) }))} />\n          ))}\n        </Group>\n        <Group title={t(\"readerManifest.background\")} add={t(\"readerManifest.addTrack\")} disabled={!names.files.length}\n          onAdd={() => edit((m) => ({ ...m, background: [...(m.background ?? []), { file: names.files[0]! }] }))}>\n          {(meta.background ?? []).map((c, i) => (\n            <BackgroundRow key={i} index={i} cue={c} names={names} anchors={anchorIds} onChange={(next) => edit((m) => ({ ...m, background: replace(m.background, i, next) }))}\n              onRemove={() => edit((m) => ({ ...m, background: drop(m.background, i) }))} />\n          ))}\n        </Group>\n        {problems.length > 0 && <Problems problems={problems} />}\n        <ErrorLine error={save.error} />\n        <div className=\"flex flex-wrap items-center gap-3\">\n          <Button type=\"submit\" size=\"sm\" disabled={save.pending || !dirty || problems.length > 0}>\n            {save.pending ? t(\"common.saving\") : t(\"common.save\")}\n          </Button>\n          {dirty && (\n            <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={() => {\n              setDirty(false);\n              setBasis(null);\n              setMatched(null);\n            }}>\n              {t(\"readerManifest.revert\")}\n            </Button>\n          )}\n          {saved && <span role=\"status\" className=\"text-muted-foreground\">{t(\"readerManifest.saved\")}</span>}\n        </div>\n      </form>\n    );\n  })();\n  return (\n    <ContentKitUiRoot appearance={appearance} className={cn(\"grid gap-3 text-sm\", className)} data-ckui=\"reader-manifest\">\n      <h4 className=\"font-medium\">{t(\"readerManifest.title\")}</h4>\n      {body}\n    </ContentKitUiRoot>\n  );\n}\n\nfunction nextId(anchors: readonly Anchor[]): string {\n  const taken = new Set(anchors.map((a) => a.id));\n  let n = anchors.length + 1;\n  while (taken.has(`a${n}`)) n++;\n  return `a${n}`;\n}\n\nconst replace = <T,>(list: T[] | undefined, i: number, next: T): T[] => (list ?? []).map((x, j) => (j === i ? next : x));\nconst drop = <T,>(list: T[] | undefined, i: number): T[] => (list ?? []).filter((_, j) => j !== i);\n\nfunction Group({ title, add, disabled, onAdd, extra, children }: { title: string; add: string; disabled: boolean; onAdd: () => void; extra?: ReactNode; children: ReactNode }) {\n  return (\n    <fieldset className=\"grid gap-2 rounded-md border border-border p-3\">\n      <legend className=\"px-1 font-medium\">{title}</legend>\n      {children}\n      <div className=\"flex flex-wrap gap-2\">\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" disabled={disabled} onClick={onAdd}>\n          {add}\n        </Button>\n        {extra}\n      </div>\n    </fieldset>\n  );\n}\n\nfunction Defaults({ meta, edit }: { meta: ReaderMeta; edit: (fn: (m: ReaderMeta) => ReaderMeta) => void }) {\n  const { t } = useMessages();\n  const id = useId();\n  const auto = meta.defaults?.auto_advance_seconds;\n  return (\n    <div className=\"grid max-w-xs gap-1.5\">\n      <Label htmlFor={`${id}-auto`}>{t(\"readerManifest.autoAdvance\")}</Label>\n      <Input id={`${id}-auto`} className=\"h-8\" type=\"number\" min={0} step=\"any\" value={shown(auto)}\n        onChange={(e) => edit((m) => ({ ...m, defaults: e.target.value.trim() === \"\" ? undefined : { auto_advance_seconds: num(e.target.value) } }))} />\n    </div>\n  );\n}\n\nfunction NameSelect({ label, value, names, onChange }: { label: string; value: string; names: readonly string[]; onChange: (v: string) => void }) {\n  return (\n    <Select value={value} onValueChange={(v) => onChange(String(v))}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue>{(v: string) => v}</SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {names.map((n) => (\n          <SelectItem key={n} value={n}>\n            {n}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nfunction PlaceSelect({ label, value, pages, anchors, none, onChange }: { label: string; value: string; pages: readonly string[]; anchors: readonly string[]; none?: string; onChange: (v: string) => void }) {\n  const { t } = useMessages();\n  const text = (v: string) => (v === NONE ? (none ?? \"\") : v.startsWith(\"anchor:\") ? t(\"readerManifest.anchorNamed\", { id: v.slice(7) }) : t(\"readerManifest.pageNamed\", { name: v.slice(5) }));\n  return (\n    <Select value={value} onValueChange={(v) => onChange(String(v))}>\n      <SelectTrigger size=\"sm\" aria-label={label}>\n        <SelectValue>{text}</SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {none !== undefined && <SelectItem value={NONE}>{none}</SelectItem>}\n        {anchors.map((a) => (\n          <SelectItem key={`a-${a}`} value={`anchor:${a}`}>\n            {text(`anchor:${a}`)}\n          </SelectItem>\n        ))}\n        {pages.map((p) => (\n          <SelectItem key={`p-${p}`} value={`page:${p}`}>\n            {text(`page:${p}`)}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  );\n}\n\nfunction Remove({ label, onRemove }: { label: string; onRemove: () => void }) {\n  const { t } = useMessages();\n  return (\n    <Button type=\"button\" size=\"sm\" variant=\"ghost\" aria-label={label} onClick={onRemove}>\n      {t(\"common.remove\")}\n    </Button>\n  );\n}\n\nfunction AnchorRow({ index, anchor: a, pages, onChange, onRemove }: { index: number; anchor: Anchor; pages: readonly string[]; onChange: (a: Anchor) => void; onRemove: () => void }) {\n  const { t } = useMessages();\n  const n = index + 1;\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"reader-anchor\">\n      <Input className=\"h-8 w-28\" aria-label={t(\"readerManifest.anchorId\", { n })} value={a.id} onChange={(e) => onChange({ ...a, id: e.target.value })} />\n      <NameSelect label={t(\"readerManifest.anchorPage\", { n })} value={a.page} names={pages} onChange={(page) => onChange({ ...a, page })} />\n      <Input className=\"h-8 w-24\" type=\"number\" min={0} max={100} step=\"any\" aria-label={t(\"readerManifest.offset\", { n })} value={shown(a.offset_percent)}\n        onChange={(e) => onChange({ ...a, offset_percent: num(e.target.value) })} />\n      <Input className=\"h-8 w-28\" type=\"number\" min={0} step=\"any\" aria-label={t(\"readerManifest.duration\", { n })} placeholder={t(\"readerManifest.durationPlaceholder\")}\n        value={shown(a.duration_seconds)} onChange={(e) => onChange({ ...a, duration_seconds: e.target.value.trim() === \"\" ? undefined : num(e.target.value) })} />\n      <Remove label={t(\"readerManifest.removeAnchor\", { n })} onRemove={onRemove} />\n    </div>\n  );\n}\n\nfunction ForegroundRow({ index, cue: c, names, anchors, onChange, onRemove }: { index: number; cue: ForegroundCue; names: ReaderNames; anchors: readonly string[]; onChange: (c: ForegroundCue) => void; onRemove: () => void }) {\n  const { t } = useMessages();\n  const n = index + 1;\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"reader-foreground\">\n      <NameSelect label={t(\"readerManifest.cueFile\", { n })} value={c.file} names={names.files} onChange={(file) => onChange({ ...c, file })} />\n      <PlaceSelect label={t(\"readerManifest.cueAt\", { n })} value={placeOf(c.page, c.anchor)} pages={names.pages} anchors={anchors} onChange={(v) => onChange({ file: c.file, ...fromPlace(v) })} />\n      <Remove label={t(\"readerManifest.removeCue\", { n })} onRemove={onRemove} />\n    </div>\n  );\n}\n\nfunction BackgroundRow({ index, cue: c, names, anchors, onChange, onRemove }: { index: number; cue: BackgroundCue; names: ReaderNames; anchors: readonly string[]; onChange: (c: BackgroundCue) => void; onRemove: () => void }) {\n  const { t } = useMessages();\n  const n = index + 1;\n  const from = fromPlace(placeOf(c.from_page, c.from_anchor));\n  const to = fromPlace(placeOf(c.to_page, c.to_anchor));\n  const set = (f: typeof from, tt: typeof to) => onChange({ file: c.file, loop: c.loop, layer: c.layer, from_page: f.page, from_anchor: f.anchor, to_page: tt.page, to_anchor: tt.anchor });\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"reader-background\">\n      <NameSelect label={t(\"readerManifest.trackFile\", { n })} value={c.file} names={names.files} onChange={(file) => onChange({ ...c, file })} />\n      <PlaceSelect label={t(\"readerManifest.trackFrom\", { n })} none={t(\"readerManifest.start\")} value={placeOf(c.from_page, c.from_anchor)} pages={names.pages} anchors={anchors}\n        onChange={(v) => set(fromPlace(v), to)} />\n      <PlaceSelect label={t(\"readerManifest.trackTo\", { n })} none={t(\"readerManifest.end\")} value={placeOf(c.to_page, c.to_anchor)} pages={names.pages} anchors={anchors}\n        onChange={(v) => set(from, fromPlace(v))} />\n      <label className=\"flex items-center gap-1.5\">\n        <Switch size=\"sm\" checked={!!c.loop} onCheckedChange={(on) => onChange({ ...c, loop: on || undefined })} aria-label={t(\"readerManifest.loopN\", { n })} />\n        {t(\"readerManifest.loop\")}\n      </label>\n      <Input className=\"h-8 w-28\" aria-label={t(\"readerManifest.layer\", { n })} placeholder={t(\"readerManifest.layerPlaceholder\")} value={c.layer ?? \"\"}\n        onChange={(e) => onChange({ ...c, layer: e.target.value || undefined })} />\n      <Remove label={t(\"readerManifest.removeTrack\", { n })} onRemove={onRemove} />\n    </div>\n  );\n}\n\nfunction MatchReport({ match }: { match: AudioMatch }) {\n  const { t } = useMessages();\n  return (\n    <div className=\"grid gap-1 rounded-md bg-muted p-2 text-xs\" role=\"status\">\n      <p>{match.foreground.length ? t(\"readerManifest.matched\", { count: match.foreground.length }) : t(\"readerManifest.matchedNone\")}</p>\n      {match.unmatchedPages.length > 0 && <p>{t(\"readerManifest.pagesWithoutAudio\", { names: match.unmatchedPages.join(\", \") })}</p>}\n      {match.unmatchedFiles.length > 0 && <p>{t(\"readerManifest.audioWithoutPlace\", { names: match.unmatchedFiles.join(\", \") })}</p>}\n    </div>\n  );\n}\n\nfunction Problems({ problems }: { problems: ReaderMetaProblem[] }) {\n  const { t } = useMessages();\n  const where = (p: ReaderMetaProblem) => t(`readerManifest.at_${p.at}`, { n: p.index + 1 });\n  return (\n    <ul className=\"grid gap-0.5 text-destructive\" role=\"alert\" data-ckui=\"reader-problems\">\n      {problems.map((p, i) => (\n        <li key={i}>{t(`readerManifest.problem_${p.problem}`, { where: where(p) })}</li>\n      ))}\n    </ul>\n  );\n}\n"],"mappings":"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"}

package/dist/components/admin/stats-dashboard.d.ts

@@ -0,0 +1,22 @@
+import { RankedContent } from '../../client/generated/wire.js';
+import { AdminFlowProps } from './shell.js';
+type Choice = string | {
+    value: string;
+    label: string;
+};
+export interface StatsDashboardProps extends AdminFlowProps {
+    /** Content kinds offered: codes, or codes with labels; the first shows first. */
+    kinds: readonly Choice[];
+    /** A ranked item's link; default its path. */
+    contentHref?: (content: RankedContent) => string | undefined;
+    /** Rows in the ranking. Default 10. */
+    limit?: number;
+}
+/**
+ * Content statistics for staff (root:content:view-restricted): a kind's views
+ * per day (view sessions, distinct and signed-in viewers) and its content
+ * ranked by views or comments over a period. Views need the signal plane;
+ * without it the dashboard says so and still ranks by comments.
+ */
+export declare function StatsDashboard({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: StatsDashboardProps): import('react').JSX.Element;
+export {};