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

package/dist/components/admin/reader-content-editor.js

@@ -1,169 +1,193 @@
 import { toContentKitError as e } from "../../client/errors.js";
 import { stem as t } from "../../client/media/client.js";
-import { useMessages as n } from "../../i18n/context.js";
-import { useErrorReporter as r, useGuarded as i } from "../../react/context.js";
-import { useContentScope as ee } from "../../react/use-resource.js";
-import { useContentGroups as te } from "../../react/groups.js";
-import { isProcessing as ne } from "../../client/media/windows.js";
-import { Button as a } from "../../ui/button.js";
-import { useMediaFolder as re } from "../../react/folder.js";
-import { MediaFolderEditor as ie } from "../media-folder-editor.js";
-import { Badge as ae } from "../../ui/badge.js";
-import { Input as o } from "../../ui/input.js";
-import { Label as s } from "../../ui/label.js";
-import { Select as c, SelectContent as l, SelectItem as u, SelectTrigger as oe, SelectValue as se } from "../../ui/select.js";
-import { Textarea as ce } from "../../ui/textarea.js";
-import { ErrorLine as d, contentError as le, useAction as ue } from "../social/parts.js";
-import { LoadFailed as de, Rows as fe, useConfirm as pe } from "./shell.js";
-import { localInput as me } from "../social/bans.js";
-import { imageRefs as he } from "../../client/contents.js";
-import { parseAttributes as ge } from "../../client/group-fields.js";
-import { GroupPicker as _e, labelOf as ve } from "../groups/parts.js";
-import { useDraft as f } from "../../react/use-draft.js";
-import { EditorSaveContext as ye, readerMediaReady as be, useEditorSaveCoordinator as xe } from "../content/editor-save.js";
-import { OfferFields as Se } from "../content/offer-fields.js";
-import { AttributeFields as Ce, formOf as we } from "../groups/fields.js";
-import { MembershipRow as Te } from "../groups/memberships.js";
-import { ReaderManifestEditor as Ee } from "./reader-manifest.js";
-import { usePageReview as De } from "../../react/page-review.js";
-import { PageReview as Oe } from "./page-review.js";
-import { RuleFields as ke, VersionsEditor as Ae, cleanRule as je, complete as Me, versionLabel as Ne } from "../content/editors.js";
-import { useContent as Pe } from "../../react/contents.js";
-import { contentStatus as Fe } from "./content-manager.js";
-import { useEffect as p, useId as Ie, useMemo as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { StarIcon as Le } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as Re } from "@hugeicons/react";
+import { ruleFor as n } from "../../client/media/rules.js";
+import { useMessages as r } from "../../i18n/context.js";
+import { useErrorReporter as i, useGuarded as ee } from "../../react/context.js";
+import { useContentScope as te } from "../../react/use-resource.js";
+import { useContentGroups as ne } from "../../react/groups.js";
+import { isProcessing as re, pageRemoved as a } from "../../client/media/windows.js";
+import { Button as o } from "../../ui/button.js";
+import { ImageCropDialog as s } from "../image-crop-dialog.js";
+import { useEditorCrop as ie } from "../../react/crop.js";
+import { useMediaFolder as ae } from "../../react/folder.js";
+import { MediaFolderEditor as c, positionalName as oe } from "../media-folder-editor.js";
+import { Badge as se } from "../../ui/badge.js";
+import { Input as ce } from "../../ui/input.js";
+import { Label as l } from "../../ui/label.js";
+import { Select as u, SelectContent as le, SelectItem as ue, SelectTrigger as de, SelectValue as fe } from "../../ui/select.js";
+import { Textarea as pe } from "../../ui/textarea.js";
+import { ErrorLine as d, contentError as me, useAction as he } from "../social/parts.js";
+import { LoadFailed as ge, Rows as _e, useConfirm as ve } from "./shell.js";
+import { localInput as ye } from "../social/bans.js";
+import { parseAttributes as be } from "../../client/group-fields.js";
+import { labelOf as xe } from "../groups/parts.js";
+import { useDraft as Se } from "../../react/use-draft.js";
+import { EditorSaveContext as Ce, readerMediaReady as we, useEditorSaveCoordinator as Te } from "../content/editor-save.js";
+import { OfferFields as Ee } from "../content/offer-fields.js";
+import { AttributeFields as De, formOf as Oe } from "../groups/fields.js";
+import { useContent as ke } from "../../react/contents.js";
+import { usePageNotices as Ae } from "../../react/page-notices.js";
+import { EntityChips as je } from "../groups/entity-chips.js";
+import { ReaderManifestEditor as Me } from "./reader-manifest.js";
+import { PageNotices as Ne } from "./page-notices.js";
+import { RuleFields as Pe, VersionsEditor as Fe, cleanRule as Ie, complete as Le, versionLabel as Re } from "../content/editors.js";
+import { fileTitle as ze } from "./bulk-drafts.js";
+import { contentStatus as Be } from "./content-manager.js";
+import { useEffect as f, useId as Ve, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/admin/reader-content-editor.tsx
-var y = () => ({
+var He = {
+	kind: "",
+	id: ""
+}, v = () => ({
 	title: "",
 	slug: "",
 	description: "",
 	body: ""
-}), ze = (e, t) => e?.text?.[t] ?? (e?.language === t ? {
+}), Ue = (e, t) => e?.text?.[t] ?? (e?.language === t ? {
 	title: e.title,
 	slug: e.slug,
 	description: e.description,
 	body: e.body
-} : y()), Be = (e) => e.replace(/\.[^.]+$/, "").replace(/[_-]+/g, " ").trim().slice(0, 300), Ve = (e) => ({
+} : v()), We = (e) => ({
 	...e,
 	title: e.title.trim(),
-	slug: e.slug?.trim() || void 0,
 	description: e.description?.trim()
-}), b = class extends Error {};
-function x({ title: e, children: t, className: n = "" }) {
-	return /* @__PURE__ */ v("section", {
-		className: `grid min-w-0 content-start gap-4 rounded-xl border border-border bg-card p-4 ${n}`,
-		children: [/* @__PURE__ */ _("h2", {
+}), y = class extends Error {};
+function b({ title: e, label: t, children: n, className: r = "" }) {
+	return /* @__PURE__ */ _("section", {
+		"aria-label": e ? void 0 : t,
+		className: `grid min-w-0 content-start gap-4 rounded-xl border border-border bg-card p-4 ${r}`,
+		children: [e && /* @__PURE__ */ g("h2", {
 			className: "text-base font-semibold",
 			children: e
-		}), t]
+		}), n]
 	});
 }
-function S(S) {
-	let { client: C, scope: He } = ee(S.client), Ue = n(), { t: w } = Ue, T = Ie(), We = i(), Ge = r(S.onError), E = S.model, D = E.kinds[S.kind], Ke = S.languages?.map((e) => typeof e == "string" ? {
+function x(x) {
+	let { client: S, scope: Ge } = te(x.client), Ke = r(), { t: C } = Ke, w = Ve(), qe = ee(), Je = i(x.onError), T = x.model, E = T.kinds[x.kind], Ye = x.languages?.map((e) => typeof e == "string" ? {
 		value: e,
 		label: e
-	} : e), O = Ke?.length ? Ke : E.languages.map((e) => ({
+	} : e), D = Ye?.length ? Ye : T.languages.map((e) => ({
 		value: e,
 		label: e
-	})), qe = O.map((e) => e.value).join("|"), [k, Je] = g(O[0]?.value ?? "en"), [Ye, Xe] = g(""), A = Pe(S.id, S.kind, k, {
-		client: C,
-		version: Ye || void 0
-	}), [Ze, Qe] = g(null), j = A.content ?? Ze, M = h({
-		item: j,
-		scope: He,
+	})), Xe = D.map((e) => e.value).join("|"), [O, Ze] = h(D[0]?.value ?? "en"), [Qe, $e] = h(""), k = ke(x.id, x.kind, O, {
+		client: S,
+		version: Qe || void 0
+	}), [et, tt] = h(null), A = k.content ?? et, j = m({
+		item: A,
+		scope: Ge,
 		alive: !0
 	});
-	M.current.item = j, p(() => {
-		let e = M.current;
+	j.current.item = A, f(() => {
+		let e = j.current;
 		return e.alive = !0, () => {
 			e.alive = !1;
 		};
 	}, []);
-	let N = () => M.current.alive && M.current.scope === He, P = h(null), [$e, et] = g(!1), [F, tt] = g(!1), [nt, I] = g(), [rt, it] = g(""), at = f(m(() => ({ at: j?.publish_at ? me(new Date(j.publish_at)) : "" }), [j?.publish_at])), ot = at.value.at, st = (e) => at.edit({ at: e }), [ct, lt] = g(!1), [ut, dt] = g([]), [ft, pt] = g(!1), [mt, ht] = g(!1), L = m(() => [...j?.versions ?? []].sort((e, t) => e.position - t.position), [j?.versions]), R = L.find((e) => e.id === Ye) ?? L[0];
-	p(() => {
-		ft && R && dt((e) => e.includes(R.id) ? e : [...e, R.id]);
-	}, [ft, R]);
-	let z = te(j?.id, {
-		language: k,
-		client: C
-	}), gt = m(() => new Map(z.entities), [z.entities]), [_t, vt] = g(/* @__PURE__ */ new Map()), yt = m(() => new Map([..._t, ...gt]), [gt, _t]), B = m(() => D.entities ?? [], [D.entities]), V = f(m(() => Object.fromEntries(qe.split("|").map((e) => [e, ze(j, e)])), [j, qe])), H = f(m(() => ({
-		listing: j?.listing ?? "listed",
-		comments: j?.comments ?? "open",
-		attributes: we(D.attributes ?? {}, j?.attributes ?? {}),
-		access: j?.access ?? { level: "public" }
+	let M = () => j.current.alive && j.current.scope === Ge, N = m(null), [nt, rt] = h(!1), [P, it] = h(!1), [F, I] = h(), [at, ot] = h(""), st = Se(p(() => ({ at: A?.publish_at ? ye(new Date(A.publish_at)) : "" }), [A?.publish_at])), ct = st.value.at, lt = (e) => st.edit({ at: e }), [ut, dt] = h(!1), [ft, pt] = h([]), [mt, ht] = h(!1), [L, gt] = h(null), [_t, vt] = h(null), R = p(() => [...A?.versions ?? []].sort((e, t) => e.position - t.position), [A?.versions]), z = R.find((e) => e.id === Qe) ?? R[0];
+	f(() => {
+		mt && z && pt((e) => e.includes(z.id) ? e : [...e, z.id]);
+	}, [mt, z]);
+	let B = ne(A?.id, {
+		language: O,
+		client: S
+	}), yt = p(() => new Map(B.entities), [B.entities]), [bt, xt] = h(/* @__PURE__ */ new Map()), St = p(() => new Map([...bt, ...yt]), [yt, bt]), V = p(() => E.entities ?? [], [E.entities]), H = Se(p(() => Object.fromEntries(Xe.split("|").map((e) => [e, Ue(A, e)])), [A, Xe])), U = Se(p(() => ({
+		listing: A?.listing ?? "listed",
+		comments: A?.comments ?? "open",
+		attributes: Oe(E.attributes ?? {}, A?.attributes ?? {}),
+		access: A?.access ?? { level: "public" }
 	}), [
-		j?.listing,
-		j?.comments,
-		j?.attributes,
-		j?.access,
-		D.attributes
-	])), U = f(m(() => ({ memberships: z.memberships.filter((e) => B.includes(z.entities.get(e.group_id ?? "")?.kind ?? "")) }), [
-		z.memberships,
-		z.entities,
-		B
-	])), W = xe(), G = h({
-		texts: V,
-		details: H,
-		associations: U,
-		language: k
+		A?.listing,
+		A?.comments,
+		A?.attributes,
+		A?.access,
+		E.attributes
+	])), W = Se(p(() => ({
+		memberships: B.memberships.filter((e) => V.includes(B.entities.get(e.group_id ?? "")?.kind ?? "")),
+		create: []
+	}), [
+		B.memberships,
+		B.entities,
+		V
+	])), Ct = (e, t, n) => {
+		let r = T.entity_kinds[e]?.scoped_by;
+		if (r) return new Set(t.filter((e) => St.get(e.group_id ?? "")?.kind === r).map((e) => e.group_id)).size + n.filter((e) => e.kind === r).length === 1 ? void 0 : xe(x.labels, r);
+	}, G = Te(), K = m({
+		texts: H,
+		details: U,
+		associations: W,
+		language: O
 	});
-	G.current = {
-		texts: V,
-		details: H,
-		associations: U,
-		language: k
+	K.current = {
+		texts: H,
+		details: U,
+		associations: W,
+		language: O
 	};
-	let K = V.value[k] ?? y(), bt = (K.body ?? "").replace(he(), (e, t) => A.imageSrc(t) ?? e), q = (e) => V.edit((t) => ({
+	let wt = m(!1);
+	f(() => {
+		if (wt.current || x.id || !x.entities?.length) return;
+		wt.current = !0;
+		let e = x.entities.filter((e) => V.includes(e.kind));
+		e.length && (xt((t) => new Map([...t, ...e.map((e) => [e.id, e])])), K.current.associations.edit((t) => ({
+			...t,
+			memberships: [...t.memberships, ...e.filter((e) => !t.memberships.some((t) => t.group_id === e.id)).map((e) => ({ group_id: e.id }))]
+		})));
+	}, [
+		x.id,
+		x.entities,
+		V
+	]);
+	let Tt = H.value[O] ?? v(), Et = (e) => H.edit((t) => ({
 		...t,
-		[k]: {
-			...t[k] ?? y(),
+		[O]: {
+			...t[O] ?? v(),
 			...e
 		}
-	})), xt = (t) => {
-		N() && (I(t instanceof b ? t.message : t), t instanceof b || Ge(e(t), "content.save"));
-	}, St = async (e) => {
-		if (M.current.item) return M.current.item;
-		if (P.current) return P.current;
-		et(!0);
-		let t = G.current.language, n = G.current.texts.get()[t] ?? y(), r = n.title.trim() || Be(e ?? "") || w("readerEditor.untitled");
-		n.title.trim() || G.current.texts.edit((e) => ({
+	})), Dt = (t) => {
+		M() && (I(t instanceof y ? t.message : t), t instanceof y || Je(e(t), "content.save"));
+	}, Ot = async (e) => {
+		if (j.current.item) return j.current.item;
+		if (N.current) return N.current;
+		rt(!0);
+		let t = K.current.language, n = K.current.texts.get()[t] ?? v(), r = n.title.trim() || ze(e ?? "") || C("readerEditor.untitled");
+		n.title.trim() || K.current.texts.edit((e) => ({
 			...e,
 			[t]: {
-				...e[t] ?? y(),
+				...e[t] ?? v(),
 				title: r
 			}
 		}));
 		let i = {
-			kind: S.kind,
+			kind: x.kind,
 			text: { [t]: {
 				...n,
 				title: r
 			} },
-			owner_group_id: S.ownerGroup
+			owner_group_id: x.ownerGroup
 		};
-		return P.current = A.create(i).then((e) => (M.current.item = e, N() && (Qe(e), S.onCreated?.(e)), e)).finally(() => {
-			P.current = null, N() && et(!1);
-		}), P.current;
-	}, J = m(() => j && R ? {
-		kind: S.kind,
-		id: j.id,
-		version: R.id
+		return N.current = k.create(i).then((e) => (j.current.item = e, M() && (tt(e), x.onCreated?.(e)), e)).finally(() => {
+			N.current = null, M() && rt(!1);
+		}), N.current;
+	}, q = p(() => A && z ? {
+		kind: x.kind,
+		id: A.id,
+		version: z.id
 	} : null, [
-		S.kind,
-		j,
-		R
-	]), Y = ue("content.save", S.onError), X = ue("offer.save", S.onError), Z = ue("content.save", S.onError), Q = re(J, {
-		commit: R?.live ? "manual" : "auto",
-		client: C,
-		onError: S.onError
-	}), Ct = h(Q);
-	Ct.current = Q;
-	let wt = Q.read.read?.files ?? [], $ = De(j?.id, R?.id, { client: C }), Tt = $.reload, Et = J && Q.read.read ? JSON.stringify([
-		J.id,
-		J.version,
-		wt.filter((e) => e.upload).map((e) => [
+		x.kind,
+		A,
+		z
+	]), J = he("content.save", x.onError), Y = he("offer.save", x.onError), X = he("content.save", x.onError), Z = ae(q, {
+		commit: z?.live ? "manual" : "auto",
+		client: S,
+		onError: x.onError
+	}), kt = m(Z);
+	kt.current = Z;
+	let At = Z.read.read?.files ?? [], jt = Ae(A?.id, z?.id, { client: S }).reload, Mt = q && Z.read.read ? JSON.stringify([
+		q.id,
+		q.version,
+		At.filter((e) => e.upload).map((e) => [
 			e.path,
 			e.size,
 			e.staged,
@@ -171,563 +195,576 @@ function S(S) {
 			e.failed
 		])
 	]) : null;
-	p(() => {
-		Et && Tt();
-	}, [Et, Tt]);
-	let Dt = !!Q.error || Q.queue.items.some((e) => e.status === "failed") || wt.some((e) => e.failed), Ot = wt.some(ne), kt = $.review?.selected ?? 0, At = Q.busy || $e || Ot || Q.read.loading || $.loading || Y.pending, jt = At || Dt || !!Q.read.error || !!$.error || kt === 0 || W.pending || X.pending, Mt = (e) => {
+	f(() => {
+		Mt && jt();
+	}, [Mt, jt]);
+	let Q = Z.groups.filter((e) => e.rule?.page).flatMap((e) => e.files.filter((e) => !a(e)));
+	f(() => {
+		L && !Q.some((e) => e.path === L.path) && gt(null);
+	}, [L, Q]);
+	let Nt = Z.groups.flatMap((e) => e.rule ? [e.rule] : []), Pt = z?.cover?.image ? At.find((e) => e.upload && !n(Nt, e.path)?.page && t(e.path).split("/").at(-1) === z.cover?.image) : void 0, $ = ie(q ?? He, _t?.path, {
+		client: S,
+		onError: x.onError,
+		onSaved: () => vt(null)
+	}), Ft = (e) => vt({
+		path: e,
+		aspect: n(Nt, e)?.aspect ?? ""
+	}), It = !!Z.error || Z.queue.items.some((e) => e.status === "failed") || At.some((e) => e.failed), Lt = At.some(re), Rt = Q.length, zt = Z.busy || nt || Lt || Z.read.loading || J.pending, Bt = zt || It || !!Z.read.error || Rt === 0 || G.pending || Y.pending, Vt = (e) => {
 		let t = [...e];
-		t.length && (Q.add(t), St(t.find((e) => /\.zip$/i.test(e.name))?.name ?? t[0]?.name).catch(xt));
-	}, Nt = at.dirty.length > 0 || V.dirty.length > 0 || H.dirty.length > 0 || U.dirty.length > 0 || W.dirty;
-	p(() => {
-		if (!Nt && !Q.busy) return;
+		t.length && (Z.add(t), Ot(t.find((e) => /\.zip$/i.test(e.name))?.name ?? t[0]?.name).catch(Dt));
+	}, Ht = st.dirty.length > 0 || H.dirty.length > 0 || U.dirty.length > 0 || W.dirty.length > 0 || G.dirty, Ut = Ht || Z.pending.length > 0 || Z.queue.items.some((e) => e.status === "uploaded");
+	f(() => {
+		if (!Ht && !Z.busy) return;
 		let e = (e) => {
 			e.preventDefault(), e.returnValue = "";
 		};
 		return addEventListener("beforeunload", e), () => removeEventListener("beforeunload", e);
-	}, [Nt, Q.busy]);
-	let Pt = async (e) => {
-		if (F) return;
-		I(void 0), it("");
-		let t = G.current;
-		if (!t.texts.get()[t.language]?.title.trim()) return I(w("contentManager.titleRequired"));
-		let n = W.problem();
-		if (n) return I(w("readerEditor.fixSection", { section: n }));
-		if (!Me(t.details.get().access) || t.details.get().access.level === "tier" && !t.details.get().access.tiers?.length) return I(w("readerEditor.accessRequired"));
+	}, [Ht, Z.busy]);
+	let Wt = async (e) => {
+		if (P) return;
+		I(void 0), ot("");
+		let t = K.current;
+		if (!t.texts.get()[t.language]?.title.trim()) return I(C("contentManager.titleRequired"));
+		let n = G.problem();
+		if (n) return I(C("readerEditor.fixSection", { section: n }));
+		if (!Le(t.details.get().access) || t.details.get().access.level === "tier" && !t.details.get().access.tiers?.length) return I(C("readerEditor.accessRequired"));
 		let r;
 		try {
-			r = ge(D.attributes ?? {}, t.details.get().attributes);
+			r = be(E.attributes ?? {}, t.details.get().attributes);
 		} catch (e) {
-			return xt(e);
+			return Dt(e);
 		}
-		if (e && jt) return I(w("readerEditor.filesNotReady"));
-		tt(!0);
-		let i = t.texts.checkpoint(), ee = t.details.checkpoint(), te = t.associations.checkpoint(), ne = t.texts.dirty.slice(), a = { ...t.texts.get() }, re = t.details.get(), ie = t.associations.get().memberships.slice(), ae = !0;
+		if (e && Bt) return I(C("readerEditor.filesNotReady"));
+		it(!0);
+		let i = t.texts.checkpoint(), ee = t.details.checkpoint(), te = t.associations.checkpoint(), ne = t.texts.dirty.slice(), re = { ...t.texts.get() }, a = t.details.get(), o = t.associations.get().memberships.slice(), s = t.associations.get().create.slice(), ie = (e) => !!Ct(e.kind, o, s), ae = !0;
 		try {
-			let n = await St();
-			if (!N()) return;
-			if (z.error) throw z.error;
-			if (await We(async () => {
+			let n = await Ot();
+			if (!M()) return;
+			if (B.error) throw B.error;
+			if (await qe(async () => {
 				for (let e of ne) {
-					let t = String(e), r = a[t];
-					if (!r?.title.trim()) throw new b(w("contentManager.titleRequired"));
-					if (n = await C.contents.putText(n.id, t, Ve(r)), !N()) return;
+					let t = String(e), r = re[t];
+					if (!r?.title.trim()) throw new y(C("contentManager.titleRequired"));
+					if (n = await S.contents.putText(n.id, t, We(r)), !M()) return;
 				}
-				if (n = await C.contents.get(n.id, k), N() && (n = await C.contents.update(n.id, {
-					listing: re.listing,
-					comments: re.comments,
+				if (n = await S.contents.get(n.id, O), M() && (n = await S.contents.update(n.id, {
+					listing: a.listing,
+					comments: a.comments,
 					attributes: r,
-					access: je(re.access),
+					access: Ie(a.access),
 					revision: n.revision
-				}), N() && t.associations.dirty.length)) {
-					let e = n.versions.find((e) => e.id === R?.id) ?? n.versions[0], t = ie.map((t) => {
-						let n = yt.get(t.group_id ?? "")?.kind;
-						return n && E.entity_kinds[n]?.version_level && !t.version_id ? {
+				}), M() && t.associations.dirty.length)) {
+					let e = n.versions.find((e) => e.id === z?.id) ?? n.versions[0], t = o.map((t) => {
+						let n = St.get(t.group_id ?? "")?.kind;
+						return n && T.entity_kinds[n]?.version_level && !t.version_id ? {
 							...t,
 							version_id: e?.id
 						} : t;
-					}), r = await C.entities.setOfContent(n.id, {
-						kinds: [...B],
-						memberships: t
-					}, k);
-					ae = te({ memberships: r.memberships.filter((e) => B.includes(r.entities.find((t) => t.id === e.group_id)?.kind ?? "")) });
+					}), r = await S.entities.setOfContent(n.id, {
+						kinds: [...V],
+						memberships: t,
+						create: s.filter((e) => !ie(e))
+					}, O);
+					xt((e) => new Map([...e, ...r.entities.map((e) => [e.id, e])])), ae = te({
+						memberships: r.memberships.filter((e) => V.includes(r.entities.find((t) => t.id === e.group_id)?.kind ?? "")),
+						create: s.filter(ie)
+					});
 				}
-			}), !N()) return;
-			let o = Ct.current;
-			!o.busy && (o.pending.length || o.queue.items.some((e) => e.status === "uploaded")) && await o.commit();
-			let s = await W.save(N);
-			if (s) throw new b(w("readerEditor.fixSection", { section: s }));
-			if (!N()) return;
-			let c = i(Object.fromEntries(O.map((e) => [e.value, n.text?.[e.value] ?? a[e.value] ?? y()]))), l = ee({
+			}), !M()) return;
+			let c = kt.current;
+			!c.busy && (c.pending.length || c.queue.items.some((e) => e.status === "uploaded")) && await c.commit();
+			let oe = await G.save(M);
+			if (oe) throw new y(C("readerEditor.fixSection", { section: oe }));
+			if (!M()) return;
+			let se = i(Object.fromEntries(D.map((e) => [e.value, n.text?.[e.value] ?? re[e.value] ?? v()]))), ce = ee({
 				listing: n.listing,
 				comments: n.comments,
-				attributes: we(D.attributes ?? {}, n.attributes),
+				attributes: Oe(E.attributes ?? {}, n.attributes),
 				access: n.access
 			});
 			if (e) {
-				if (!c || !l || !ae) throw new b(w("readerEditor.changedDuringSave"));
-				let e = Ct.current;
-				if (!J || e.busy || e.error || e.queue.items.some((e) => e.status === "failed") || !await be(C, J)) throw new b(w("readerEditor.filesNotReady"));
-				if ((R ? await C.contents.version(n.id, R.id, k) : null)?.state !== "published") throw new b(w("readerEditor.versionDraft"));
-				if (!N()) return;
-				let t = at.checkpoint(), r = await We(() => C.contents.publish(n.id, ot ? new Date(ot).toISOString() : void 0));
-				t({ at: r.publish_at ? me(new Date(r.publish_at)) : "" }), it(w("contentManager.publishedNotice"));
-			} else it(w("pollEditor.saved"));
+				if (!se || !ce || !ae) throw new y(C("readerEditor.changedDuringSave"));
+				let e = kt.current;
+				if (!q || e.busy || e.error || e.queue.items.some((e) => e.status === "failed") || !await we(S, q)) throw new y(C("readerEditor.filesNotReady"));
+				if ((z ? await S.contents.version(n.id, z.id, O) : null)?.state !== "published") throw new y(C("readerEditor.versionDraft"));
+				if (!M()) return;
+				let t = st.checkpoint(), r = await qe(() => S.contents.publishWhenReady(n.id, ct ? new Date(ct).toISOString() : void 0));
+				t({ at: r.publish_at ? ye(new Date(r.publish_at)) : "" }), ot(C("contentManager.publishedNotice"));
+			} else ot(C("pollEditor.saved"));
 		} catch (e) {
-			xt(e);
+			Dt(e);
 		} finally {
-			N() && tt(!1);
+			M() && it(!1);
 		}
-	}, Ft = async (e) => {
-		let t = await St(e.name), n = t.versions.find((e) => e.id === R?.id) ?? t.versions[0];
-		if (!n || !N()) return;
+	}, Gt = async (e) => {
+		let t = await Ot(e.name), n = t.versions.find((e) => e.id === z?.id) ?? t.versions[0];
+		if (!n || !M()) return;
 		let r = {
-			kind: S.kind,
+			kind: x.kind,
 			id: t.id,
 			version: n.id
-		}, i = await C.media.uploadNamed(r, e, { path: await C.media.presetPath(S.kind, "cover", e) });
-		N() && await C.contents.setCover(t.id, n.id, i.name);
-	}, It = async (e) => {
-		if (!J || !j || !R) return;
-		let n = await C.media.presetPath(S.kind, "cover", new File([], e.path.split("/").at(-1) ?? "cover", { type: e.type }));
-		await C.media.commit(J, [{
+		}, i = await S.media.uploadNamed(r, e, { path: await S.media.presetPath(x.kind, "cover", e) });
+		M() && await S.contents.setCover(t.id, n.id, i.name);
+	}, Kt = async (e) => {
+		if (!q || !A || !z) return;
+		let n = /\.[^./]+$/.exec(e.path)?.[0] ?? "", r = await S.media.presetPath(x.kind, "cover", new File([], `i-${crypto.randomUUID()}${n}`, { type: e.type }));
+		await S.media.commit(q, [{
 			op: "copy",
 			from: {
-				id: j.id,
-				version: R.id,
+				id: A.id,
+				version: z.id,
 				path: e.path
 			},
-			to: n
-		}]), N() && await C.contents.setCover(j.id, R.id, t(n).split("/").at(-1));
-	}, { confirm: Lt, dialog: Rt } = pe(), zt = async () => {
-		j && await Lt({
-			title: w("contentManager.deleteTitle", { title: j.title }),
-			description: w("contentManager.deleteBody"),
-			confirm: w("contentManager.delete")
-		}) && await Z.run(async () => {
-			Q.discard(), await C.contents.remove(j.id), N() && S.onDeleted?.(j);
+			to: r
+		}]), M() && (await S.contents.setCover(A.id, z.id, t(r).split("/").at(-1)), M() && Ft(r));
+	}, { confirm: qt, dialog: Jt } = ve(), Yt = async () => {
+		A && await qt({
+			title: C("contentManager.deleteTitle", { title: A.title }),
+			description: C("contentManager.deleteBody"),
+			confirm: C("contentManager.delete")
+		}) && await X.run(async () => {
+			Z.discard(), await S.contents.remove(A.id), M() && x.onDeleted?.(A);
 		});
 	};
-	if (S.id && !j) return A.error ? /* @__PURE__ */ _(de, {
-		error: A.error,
-		message: w("contentManager.loadFailed"),
-		retry: A.reload
-	}) : /* @__PURE__ */ _(fe, {});
-	let Bt = j ? Fe(j) : "draft", Vt = R?.id, Ht = (e) => H.edit((t) => ({
+	if (x.id && !A) return k.error ? /* @__PURE__ */ g(ge, {
+		error: k.error,
+		message: C("contentManager.loadFailed"),
+		retry: k.reload
+	}) : /* @__PURE__ */ g(_e, {});
+	let Xt = A ? Be(A) : "draft", Zt = z?.id, Qt = (e) => U.edit((t) => ({
 		...t,
 		...e
-	})), Ut = L.map((e) => ({
+	})), $t = R.map((e) => ({
 		id: e.id,
-		label: Ne(e, (e) => O.find((t) => t.value === e)?.label ?? e, S.labels)
+		label: Re(e, (e) => D.find((t) => t.value === e)?.label ?? e, x.labels)
 	}));
-	return /* @__PURE__ */ _(ye.Provider, {
-		value: W.context,
-		children: /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ g(Ce.Provider, {
+		value: G.context,
+		children: /* @__PURE__ */ _("div", {
 			className: "grid gap-5 text-base",
 			"data-ckui": "reader-content-editor",
 			children: [
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ _("div", {
 					className: "sticky top-0 z-10 flex flex-wrap items-center gap-3 rounded-xl border border-border bg-background/95 p-4 shadow-sm",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ g("button", {
+							type: "button",
+							className: "h-20 shrink-0 overflow-hidden rounded-md border border-border bg-muted disabled:cursor-default",
+							style: { aspectRatio: .7071 },
+							disabled: !Pt || P,
+							title: C("readerEditor.thumbnail"),
+							"aria-label": C("readerEditor.editThumbnail"),
+							onClick: () => Pt && Ft(Pt.path),
+							"data-ckui": "editor-thumbnail",
+							children: z?.cover?.url && /* @__PURE__ */ g("img", {
+								src: z.cover.url,
+								alt: "",
+								className: "size-full object-cover"
+							})
+						}),
+						/* @__PURE__ */ _("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ _("h1", {
-								className: "truncate text-xl font-semibold",
-								children: K.title || w("readerEditor.new")
-							}), /* @__PURE__ */ v("div", {
-								className: "mt-1 flex items-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ g("h1", {
+								className: "sr-only",
+								children: Tt.title || C("readerEditor.new")
+							}), /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
 								children: [
-									/* @__PURE__ */ _(ae, {
-										variant: j?.live ? "default" : "outline",
-										children: w(`contentManager.${Bt}`)
+									/* @__PURE__ */ g(se, {
+										variant: A?.live ? "default" : "outline",
+										children: C(`contentManager.${Xt}`)
 									}),
-									R && /* @__PURE__ */ _("span", { children: w("contentEditor.pageCount", { count: $.review ? kt : R.pages ?? 0 }) }),
-									$e && /* @__PURE__ */ _("span", {
+									z && /* @__PURE__ */ g("span", { children: C("contentEditor.pageCount", { count: Z.read.read ? Rt : z.pages ?? 0 }) }),
+									nt && /* @__PURE__ */ g("span", {
 										role: "status",
-										children: w("common.saving")
+										children: C("common.saving")
 									})
 								]
 							})]
 						}),
-						j?.live && S.contentHref?.(j) && /* @__PURE__ */ _("a", {
-							href: S.contentHref(j),
+						A && x.contentHref?.(A) && /* @__PURE__ */ g("a", {
+							href: x.contentHref(A),
 							className: "text-sm underline",
-							children: w("contentManager.view")
+							...A.live ? {} : {
+								target: "_blank",
+								rel: "noopener"
+							},
+							children: C(A.live ? "contentManager.view" : "readerEditor.preview")
 						}),
-						/* @__PURE__ */ _(a, {
-							disabled: F || $e,
-							onClick: () => void Pt(!1),
-							children: w(F ? "common.saving" : j?.live ? "common.save" : "readerEditor.saveDraft")
+						A && !Ut && !P ? /* @__PURE__ */ g("span", {
+							role: "status",
+							className: "text-sm text-muted-foreground",
+							"data-ckui": "editor-saved",
+							children: C("readerEditor.allSaved")
+						}) : /* @__PURE__ */ g(o, {
+							disabled: P || nt || !Ut,
+							onClick: () => void Wt(!1),
+							children: C(P ? "common.saving" : A?.live ? "readerEditor.saveChanges" : "readerEditor.saveDraft")
 						}),
-						!j?.live && /* @__PURE__ */ _(a, {
+						!A?.live && /* @__PURE__ */ g(o, {
 							variant: "outline",
-							disabled: F || jt,
-							onClick: () => void Pt(!0),
-							children: w(ot ? "readerEditor.schedule" : "contentManager.publish")
+							disabled: P || Bt,
+							onClick: () => void Wt(!0),
+							children: C(ct ? "readerEditor.schedule" : "contentManager.publish")
 						})
 					]
 				}),
-				nt != null && /* @__PURE__ */ _(d, { children: typeof nt == "string" ? nt : le(Ue, e(nt)) }),
-				rt && /* @__PURE__ */ _("p", {
+				F != null && /* @__PURE__ */ g(d, { children: typeof F == "string" ? F : me(Ke, e(F)) }),
+				at && /* @__PURE__ */ g("p", {
 					role: "status",
 					className: "text-sm text-muted-foreground",
-					children: rt
+					children: at
 				}),
-				/* @__PURE__ */ v("fieldset", {
-					disabled: F,
+				/* @__PURE__ */ _("fieldset", {
+					disabled: P,
 					className: "grid min-w-0 items-start gap-5 xl:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "grid min-w-0 gap-5",
 						children: [
-							/* @__PURE__ */ v(x, {
-								title: w("readerEditor.details"),
+							/* @__PURE__ */ _(b, {
+								label: C("readerEditor.details"),
 								children: [
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ _("div", {
 										className: "grid gap-4 sm:grid-cols-[minmax(0,1fr)_10rem]",
-										children: [/* @__PURE__ */ v("div", {
+										children: [/* @__PURE__ */ _("div", {
 											className: "grid gap-1.5",
-											children: [/* @__PURE__ */ _(s, {
-												htmlFor: `${T}-title`,
-												children: w("contentManager.itemTitle")
-											}), /* @__PURE__ */ _(o, {
-												id: `${T}-title`,
+											children: [/* @__PURE__ */ g(l, {
+												htmlFor: `${w}-title`,
+												children: C("contentManager.itemTitle")
+											}), /* @__PURE__ */ g(ce, {
+												id: `${w}-title`,
 												required: !0,
 												maxLength: 300,
-												value: K.title,
-												onChange: (e) => q({ title: e.target.value })
+												value: Tt.title,
+												onChange: (e) => Et({ title: e.target.value })
 											})]
-										}), /* @__PURE__ */ v("div", {
+										}), /* @__PURE__ */ _("div", {
 											className: "grid gap-1.5",
-											children: [/* @__PURE__ */ _(s, {
-												htmlFor: `${T}-language`,
-												children: w("contentManager.language")
-											}), /* @__PURE__ */ v(c, {
-												value: k,
-												onValueChange: (e) => e && Je(e),
-												children: [/* @__PURE__ */ _(oe, {
-													id: `${T}-language`,
-													children: /* @__PURE__ */ _(se, { children: O.find((e) => e.value === k)?.label ?? k })
-												}), /* @__PURE__ */ _(l, { children: O.map((e) => /* @__PURE__ */ _(u, {
+											children: [/* @__PURE__ */ g(l, {
+												htmlFor: `${w}-language`,
+												children: C("contentManager.language")
+											}), /* @__PURE__ */ _(u, {
+												value: O,
+												onValueChange: (e) => e && Ze(e),
+												children: [/* @__PURE__ */ g(de, {
+													id: `${w}-language`,
+													children: /* @__PURE__ */ g(fe, { children: D.find((e) => e.value === O)?.label ?? O })
+												}), /* @__PURE__ */ g(le, { children: D.map((e) => /* @__PURE__ */ g(ue, {
 													value: e.value,
 													children: e.label
 												}, e.value)) })]
 											})]
 										})]
 									}),
-									/* @__PURE__ */ v("div", {
+									/* @__PURE__ */ _("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ _(s, {
-											htmlFor: `${T}-description`,
-											children: w("contentManager.description")
-										}), /* @__PURE__ */ _(ce, {
-											id: `${T}-description`,
+										children: [/* @__PURE__ */ g(l, {
+											htmlFor: `${w}-description`,
+											children: C("readerEditor.headerText")
+										}), /* @__PURE__ */ g(pe, {
+											id: `${w}-description`,
 											rows: 3,
-											value: K.description ?? "",
-											onChange: (e) => q({ description: e.target.value })
+											value: Tt.description ?? "",
+											onChange: (e) => Et({ description: e.target.value })
 										})]
 									}),
-									/* @__PURE__ */ _(Ce, {
-										declared: D.attributes ?? {},
-										form: H.value.attributes,
-										onChange: (e, t) => Ht({ attributes: {
-											...H.value.attributes,
+									/* @__PURE__ */ g(De, {
+										declared: E.attributes ?? {},
+										form: U.value.attributes,
+										onChange: (e, t) => Qt({ attributes: {
+											...U.value.attributes,
 											[e]: t
 										} }),
-										labels: S.labels
-									}),
-									/* @__PURE__ */ v("details", {
-										className: "grid gap-3",
-										children: [/* @__PURE__ */ _("summary", {
-											className: "cursor-pointer text-sm text-muted-foreground",
-											children: w("readerEditor.additionalText")
-										}), /* @__PURE__ */ v("div", {
-											className: "mt-3 grid gap-3",
-											children: [
-												/* @__PURE__ */ v("div", {
-													className: "grid gap-1.5",
-													children: [/* @__PURE__ */ _(s, {
-														htmlFor: `${T}-slug`,
-														children: w("contentManager.slug")
-													}), /* @__PURE__ */ _(o, {
-														id: `${T}-slug`,
-														value: K.slug ?? "",
-														placeholder: w("contentManager.slugAuto"),
-														onChange: (e) => q({ slug: e.target.value })
-													})]
-												}),
-												/* @__PURE__ */ _(s, {
-													htmlFor: `${T}-body`,
-													children: w("contentManager.body")
-												}),
-												S.renderEditor ? S.renderEditor({
-													value: bt,
-													onChange: (e) => q({ body: A.storedBody(e) }),
-													uploadImage: j ? (e) => A.uploadImage(e) : void 0,
-													disabled: F,
-													"aria-label": w("contentManager.body")
-												}) : /* @__PURE__ */ _(ce, {
-													id: `${T}-body`,
-													value: K.body ?? "",
-													onChange: (e) => q({ body: e.target.value })
-												})
-											]
-										})]
+										labels: x.labels
 									})
 								]
 							}),
-							/* @__PURE__ */ v(x, {
-								title: w("readerEditor.files"),
+							/* @__PURE__ */ _(b, {
+								title: C("readerEditor.files"),
 								children: [
-									L.length > 1 && /* @__PURE__ */ v(c, {
-										value: Vt ?? "",
-										onValueChange: (e) => e && Xe(e),
-										disabled: Q.busy || Q.pending.length > 0,
-										children: [/* @__PURE__ */ _(oe, {
-											"aria-label": w("contentEditor.versions"),
-											children: /* @__PURE__ */ _(se, { children: Ut.find((e) => e.id === Vt)?.label })
-										}), /* @__PURE__ */ _(l, { children: Ut.map((e) => /* @__PURE__ */ _(u, {
+									R.length > 1 && /* @__PURE__ */ _(u, {
+										value: Zt ?? "",
+										onValueChange: (e) => e && $e(e),
+										disabled: Z.busy || Z.pending.length > 0,
+										children: [/* @__PURE__ */ g(de, {
+											"aria-label": C("contentEditor.versions"),
+											children: /* @__PURE__ */ g(fe, { children: $t.find((e) => e.id === Zt)?.label })
+										}), /* @__PURE__ */ g(le, { children: $t.map((e) => /* @__PURE__ */ g(ue, {
 											value: e.id,
 											children: e.label
 										}, e.id)) })]
 									}),
-									/* @__PURE__ */ _("p", {
+									/* @__PURE__ */ g("p", {
 										className: "text-sm text-muted-foreground",
-										children: w("readerEditor.fileHelp")
+										children: C("readerEditor.fileHelp")
+									}),
+									L && /* @__PURE__ */ _("div", {
+										className: "flex flex-wrap items-center gap-2 text-sm",
+										"data-ckui": "selected-page",
+										children: [/* @__PURE__ */ g("span", {
+											className: "text-muted-foreground",
+											children: C("readerEditor.pageSelected", { name: oe(Q.findIndex((e) => e.path === L.path) + 1, Q.length, L.path) })
+										}), /* @__PURE__ */ g(o, {
+											size: "sm",
+											variant: "secondary",
+											disabled: J.pending || P,
+											onClick: () => void J.run(() => Kt(L)),
+											children: C("readerEditor.setThumbnail")
+										})]
 									}),
-									/* @__PURE__ */ _(ie, {
+									/* @__PURE__ */ g(c, {
 										folder: {
-											...Q,
-											add: Mt
+											...Z,
+											add: Vt
 										},
 										label: !1,
 										layout: "grid",
-										disabled: F,
-										inputLabel: w("readerEditor.files"),
-										rowActions: (e) => e.type.startsWith("image/") && Q.groups.some((t) => t.rule?.page && t.files.some((t) => t.path === e.path)) ? /* @__PURE__ */ _(a, {
-											size: "icon-sm",
-											variant: "ghost",
-											title: w("readerEditor.useCover"),
-											"aria-label": w("readerEditor.useCoverFor", { name: e.path.split("/").at(-1) ?? e.path }),
-											disabled: Y.pending || F,
-											onClick: () => void Y.run(() => It(e)),
-											children: /* @__PURE__ */ _(Re, { icon: Le })
-										}) : null
-									}),
-									Q.read.error && /* @__PURE__ */ _(de, {
-										error: Q.read.error,
-										message: w("contentManager.loadFailed"),
-										retry: Q.read.reload
+										disabled: P,
+										inputLabel: C("readerEditor.files"),
+										selectedPage: L?.path ?? null,
+										onSelectPage: gt
 									}),
-									$.error && /* @__PURE__ */ _(de, {
-										error: $.error,
-										message: w("pageReview.loadFailed"),
-										retry: $.reload
+									Z.read.error && /* @__PURE__ */ g(ge, {
+										error: Z.read.error,
+										message: C("contentManager.loadFailed"),
+										retry: Z.read.reload
 									}),
-									(Dt || At || !$.error && !Q.read.error && kt === 0) && /* @__PURE__ */ _("p", {
+									(It || zt || !Z.read.error && Rt === 0) && /* @__PURE__ */ g("p", {
 										role: "status",
 										className: "text-sm text-muted-foreground",
-										children: w(Dt ? "readerEditor.filesFailed" : At ? "readerEditor.processing" : "readerEditor.addPages")
+										children: C(It ? "readerEditor.filesFailed" : zt ? "readerEditor.processing" : "readerEditor.addPages")
 									}),
-									j && R && /* @__PURE__ */ v("details", {
-										onToggle: (e) => e.currentTarget.open && ht(!0),
-										children: [/* @__PURE__ */ _("summary", {
-											className: "cursor-pointer font-medium",
-											children: w("pageReview.title")
-										}), mt && /* @__PURE__ */ _(Oe, {
-											content: j.id,
-											version: R.id,
-											client: C,
-											onError: S.onError
-										}, R.id)]
+									A && z && /* @__PURE__ */ g(Ne, {
+										content: A.id,
+										version: z.id,
+										client: S,
+										onError: x.onError
 									})
 								]
 							}),
-							j && /* @__PURE__ */ v("details", {
+							A && /* @__PURE__ */ _("details", {
 								className: "rounded-xl border border-border bg-card p-4",
-								onToggle: (e) => e.currentTarget.open && lt(!0),
-								children: [/* @__PURE__ */ _("summary", {
+								onToggle: (e) => e.currentTarget.open && dt(!0),
+								children: [/* @__PURE__ */ g("summary", {
 									className: "cursor-pointer font-medium",
-									children: w("readerEditor.versions")
-								}), ct && /* @__PURE__ */ _(Ae, {
-									content: j,
+									children: C("readerEditor.versions")
+								}), ut && /* @__PURE__ */ g(Fe, {
+									content: A,
 									media: !1,
-									activeVersion: Vt,
-									client: C,
-									labels: S.labels,
-									onError: S.onError
+									activeVersion: Zt,
+									client: S,
+									labels: x.labels,
+									onError: x.onError
 								})]
 							}),
-							j && R && /* @__PURE__ */ v("details", {
+							A && z && /* @__PURE__ */ _("details", {
 								className: "rounded-xl border border-border bg-card p-4",
-								onToggle: (e) => pt(e.currentTarget.open),
-								children: [/* @__PURE__ */ _("summary", {
+								onToggle: (e) => ht(e.currentTarget.open),
+								children: [/* @__PURE__ */ g("summary", {
 									className: "cursor-pointer font-medium",
-									children: w("readerEditor.readerTools")
-								}), ut.filter((e) => L.some((t) => t.id === e)).map((e) => /* @__PURE__ */ _("div", {
-									hidden: e !== R.id,
-									children: /* @__PURE__ */ _(Ee, {
-										content: j.id,
+									children: C("readerEditor.readerTools")
+								}), ft.filter((e) => R.some((t) => t.id === e)).map((e) => /* @__PURE__ */ g("div", {
+									hidden: e !== z.id,
+									children: /* @__PURE__ */ g(Me, {
+										content: A.id,
 										version: e,
-										client: C,
-										onError: S.onError
+										client: S,
+										onError: x.onError
 									})
 								}, e))]
 							})
 						]
-					}), /* @__PURE__ */ v("aside", {
+					}), /* @__PURE__ */ _("aside", {
 						className: "grid min-w-0 gap-5",
 						children: [
-							/* @__PURE__ */ v(x, {
-								title: w("readerEditor.entities"),
-								children: [z.error && /* @__PURE__ */ _(d, { error: z.error }), B.map((e) => {
-									let t = U.value.memberships.map((e, t) => ({
+							/* @__PURE__ */ _(b, {
+								title: C("readerEditor.entities"),
+								children: [B.error && /* @__PURE__ */ g(d, { error: B.error }), V.map((e) => {
+									let t = W.value.memberships.map((e, t) => ({
 										a: e,
 										index: t
-									})).filter(({ a: t }) => yt.get(t.group_id ?? "")?.kind === e);
-									return /* @__PURE__ */ v("fieldset", {
-										disabled: !!j && z.loading,
-										className: "grid min-w-0 gap-2",
-										children: [
-											/* @__PURE__ */ _("legend", {
-												className: "mb-2 font-semibold",
-												children: ve(S.labels, e)
-											}),
-											t.map(({ a: t, index: n }) => /* @__PURE__ */ _(Te, {
-												m: t,
-												card: yt.get(t.group_id ?? ""),
-												spec: E.entity_kinds[e] ?? {},
-												labels: S.labels,
-												versions: Ut,
-												versionLabel: (e) => Ut.find((t) => t.id === e)?.label ?? e,
-												onChange: (e) => U.edit((t) => ({ memberships: t.memberships.map((t, r) => r === n ? {
-													...t,
-													...e
-												} : t) })),
-												onRemove: () => U.edit((e) => ({ memberships: e.memberships.filter((e, t) => t !== n) }))
-											}, `${t.group_id}:${n}`)),
-											/* @__PURE__ */ _(_e, {
+									})).filter(({ a: t }) => St.get(t.group_id ?? "")?.kind === e);
+									return /* @__PURE__ */ g(je, {
+										kind: e,
+										label: xe(x.labels, e),
+										memberships: t.map(({ a: e }) => e),
+										cards: St,
+										spec: T.entity_kinds[e] ?? {},
+										labels: x.labels,
+										versions: $t,
+										versionLabel: (e) => $t.find((t) => t.id === e)?.label ?? e,
+										language: O,
+										management: x.management,
+										client: S,
+										disabled: !!A && B.loading,
+										created: W.value.create.filter((t) => t.kind === e).map((e) => e.name),
+										needsScope: Ct(e, W.value.memberships, W.value.create),
+										onCreatedChange: (t) => W.edit((n) => ({
+											...n,
+											create: [...n.create.filter((t) => t.kind !== e), ...t.map((t) => ({
 												kind: e,
-												management: S.management,
-												language: k,
-												exclude: t.filter(({ a: e }) => !e.version_id && !e.role).map(({ a: e }) => e.group_id),
-												label: w("memberships.add", { kind: ve(S.labels, e) }),
-												client: C,
-												onPick: (t) => {
-													vt((e) => new Map(e).set(t.id, t)), U.edit((n) => ({ memberships: [...n.memberships, {
-														group_id: t.id,
-														...E.entity_kinds[e]?.version_level && R ? { version_id: R.id } : {}
-													}] }));
-												}
-											})
-										]
+												name: t,
+												language: O
+											}))]
+										})),
+										onChange: (e, n) => W.edit((r) => ({
+											...r,
+											memberships: r.memberships.map((r, i) => i === t[e].index ? {
+												...r,
+												...n
+											} : r)
+										})),
+										onRemove: (e) => W.edit((n) => ({
+											...n,
+											memberships: n.memberships.filter((n, r) => r !== t[e].index)
+										})),
+										onAdd: (t) => {
+											xt((e) => new Map(e).set(t.id, t)), W.edit((n) => ({
+												...n,
+												memberships: [...n.memberships, {
+													group_id: t.id,
+													...T.entity_kinds[e]?.version_level && z ? { version_id: z.id } : {}
+												}]
+											}));
+										}
 									}, e);
 								})]
 							}),
-							/* @__PURE__ */ v(x, {
-								title: w("contentManager.cover"),
+							/* @__PURE__ */ _(b, {
+								title: C("contentManager.cover"),
 								children: [
-									R?.cover?.url ? /* @__PURE__ */ _("img", {
-										src: R.cover.url,
-										alt: "",
-										className: "mx-auto max-h-64 rounded-lg object-contain"
-									}) : /* @__PURE__ */ _("p", {
+									/* @__PURE__ */ g("p", {
 										className: "text-sm text-muted-foreground",
-										children: w("readerEditor.firstPageCover")
+										children: C("readerEditor.thumbnailHelp")
 									}),
-									/* @__PURE__ */ v("label", {
+									/* @__PURE__ */ _("label", {
 										className: "inline-flex cursor-pointer justify-center rounded-md border border-border px-3 py-2 text-sm font-medium hover:bg-muted",
-										children: [w("contentManager.addCover"), /* @__PURE__ */ _("input", {
+										children: [C("contentManager.addCover"), /* @__PURE__ */ g("input", {
 											type: "file",
 											accept: "image/*",
 											className: "sr-only",
-											"aria-label": w("contentManager.cover"),
-											disabled: Y.pending || F,
+											"aria-label": C("contentManager.cover"),
+											disabled: J.pending || P,
 											onChange: (e) => {
 												let t = e.target.files?.[0];
-												e.target.value = "", t && Y.run(() => Ft(t));
+												e.target.value = "", t && J.run(() => Gt(t));
 											}
 										})]
 									}),
-									/* @__PURE__ */ _(d, { error: Y.error })
+									/* @__PURE__ */ g(d, { error: J.error })
 								]
 							}),
-							/* @__PURE__ */ v(x, {
-								title: w("contentEditor.accessTitle"),
+							/* @__PURE__ */ _(b, {
+								title: C("contentEditor.accessTitle"),
 								children: [
-									/* @__PURE__ */ _(ke, {
-										value: H.value.access,
-										onChange: (e) => Ht({ access: e }),
-										model: E,
-										kind: S.kind,
-										owner: j?.owner_group_id ?? S.ownerGroup,
-										labels: S.labels,
-										client: C
+									/* @__PURE__ */ g(Pe, {
+										value: U.value.access,
+										onChange: (e) => Qt({ access: e }),
+										model: T,
+										kind: x.kind,
+										owner: A?.owner_group_id ?? x.ownerGroup,
+										labels: x.labels,
+										client: S
 									}),
-									j && (H.value.access.level === "ppv" || H.value.access.level === "group_ppv" || j.offer) && /* @__PURE__ */ _(Se, {
-										offer: j.offer,
-										pending: X.pending,
-										onSell: (e) => X.run(() => C.offers.sell({ content: j.id }, e)),
-										onWithdraw: () => void X.run(() => C.offers.withdraw({ content: j.id }))
+									A && (U.value.access.level === "ppv" || U.value.access.level === "group_ppv" || A.offer) && /* @__PURE__ */ g(Ee, {
+										offer: A.offer,
+										pending: Y.pending,
+										onSell: (e) => Y.run(() => S.offers.sell({ content: A.id }, e)),
+										onWithdraw: () => void Y.run(() => S.offers.withdraw({ content: A.id }))
 									}),
-									/* @__PURE__ */ _(d, { error: X.error })
+									/* @__PURE__ */ g(d, { error: Y.error })
 								]
 							}),
-							/* @__PURE__ */ v(x, {
-								title: w("readerEditor.publication"),
+							/* @__PURE__ */ _(b, {
+								title: C("readerEditor.publication"),
 								children: [
-									!j?.live && /* @__PURE__ */ v("div", {
+									!A?.live && /* @__PURE__ */ _("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ _(s, {
-											htmlFor: `${T}-publish`,
-											children: w("contentManager.publishAt")
-										}), /* @__PURE__ */ _(o, {
-											id: `${T}-publish`,
+										children: [/* @__PURE__ */ g(l, {
+											htmlFor: `${w}-publish`,
+											children: C("contentManager.publishAt")
+										}), /* @__PURE__ */ g(ce, {
+											id: `${w}-publish`,
 											type: "datetime-local",
-											value: ot,
-											onChange: (e) => st(e.target.value)
+											value: ct,
+											onChange: (e) => lt(e.target.value)
 										})]
 									}),
-									/* @__PURE__ */ _(s, {
-										htmlFor: `${T}-listing`,
-										children: w("contentEditor.listing")
+									/* @__PURE__ */ g(l, {
+										htmlFor: `${w}-listing`,
+										children: C("contentEditor.listing")
 									}),
-									/* @__PURE__ */ v(c, {
-										value: H.value.listing,
-										onValueChange: (e) => e && Ht({ listing: e }),
-										children: [/* @__PURE__ */ _(oe, {
-											id: `${T}-listing`,
-											children: /* @__PURE__ */ _(se, { children: w(`contentEditor.listing_${H.value.listing}`) })
-										}), /* @__PURE__ */ _(l, { children: [
+									/* @__PURE__ */ _(u, {
+										value: U.value.listing,
+										onValueChange: (e) => e && Qt({ listing: e }),
+										children: [/* @__PURE__ */ g(de, {
+											id: `${w}-listing`,
+											children: /* @__PURE__ */ g(fe, { children: C(`contentEditor.listing_${U.value.listing}`) })
+										}), /* @__PURE__ */ g(le, { children: [
 											"listed",
 											"members",
 											"unlisted"
-										].map((e) => /* @__PURE__ */ _(u, {
+										].map((e) => /* @__PURE__ */ g(ue, {
 											value: e,
-											children: w(`contentEditor.listing_${e}`)
+											children: C(`contentEditor.listing_${e}`)
 										}, e)) })]
 									}),
-									/* @__PURE__ */ _(s, {
-										htmlFor: `${T}-comments`,
-										children: w("contentEditor.comments")
+									/* @__PURE__ */ g(l, {
+										htmlFor: `${w}-comments`,
+										children: C("contentEditor.comments")
 									}),
-									/* @__PURE__ */ v(c, {
-										value: H.value.comments,
-										onValueChange: (e) => e && Ht({ comments: e }),
-										children: [/* @__PURE__ */ _(oe, {
-											id: `${T}-comments`,
-											children: /* @__PURE__ */ _(se, { children: w(`contentEditor.comments_${H.value.comments}`) })
-										}), /* @__PURE__ */ _(l, { children: [
+									/* @__PURE__ */ _(u, {
+										value: U.value.comments,
+										onValueChange: (e) => e && Qt({ comments: e }),
+										children: [/* @__PURE__ */ g(de, {
+											id: `${w}-comments`,
+											children: /* @__PURE__ */ g(fe, { children: C(`contentEditor.comments_${U.value.comments}`) })
+										}), /* @__PURE__ */ g(le, { children: [
 											"open",
 											"closed",
 											"hidden"
-										].map((e) => /* @__PURE__ */ _(u, {
+										].map((e) => /* @__PURE__ */ g(ue, {
 											value: e,
-											children: w(`contentEditor.comments_${e}`)
+											children: C(`contentEditor.comments_${e}`)
 										}, e)) })]
 									}),
-									j?.state === "published" && /* @__PURE__ */ _(a, {
+									A?.state === "published" && /* @__PURE__ */ g(o, {
 										variant: "outline",
-										disabled: Z.pending,
-										onClick: () => void Z.run(() => C.contents.unpublish(j.id)),
-										children: w("contentManager.unpublish")
+										disabled: X.pending,
+										onClick: () => void X.run(() => S.contents.unpublish(A.id)),
+										children: C("contentManager.unpublish")
 									}),
-									j && /* @__PURE__ */ _(a, {
+									A && /* @__PURE__ */ g(o, {
 										variant: "destructive",
-										disabled: Z.pending,
-										onClick: () => void zt(),
-										children: w("contentManager.delete")
+										disabled: X.pending,
+										onClick: () => void Yt(),
+										children: C("contentManager.delete")
 									}),
-									/* @__PURE__ */ _(d, { error: Z.error })
+									/* @__PURE__ */ g(d, { error: X.error })
 								]
 							})
 						]
 					})]
 				}),
-				Rt
+				Jt,
+				/* @__PURE__ */ g(s, {
+					open: !!_t,
+					onOpenChange: (e) => !e && $.status !== "saving" && vt(null),
+					source: "source" in $ ? $.source ?? null : null,
+					aspect: _t?.aspect ?? "",
+					rotatable: !1,
+					initialEdit: "edit" in $ ? $.edit : null,
+					title: C("readerEditor.thumbnail"),
+					confirmLabel: C("readerEditor.setThumbnail"),
+					busy: $.status === "saving",
+					error: $.status === "error" ? me(Ke, $.error) : void 0,
+					onConfirm: (e) => void $.save(e)
+				})
 			]
 		})
 	});
 }
 //#endregion
-export { S as ReaderContentEditor };
+export { x as ReaderContentEditor };
 
 //# sourceMappingURL=reader-content-editor.js.map