@openrails/contentkit-ui 0.103.2 → 0.104.0-rc.2

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

@@ -1,97 +1,101 @@
 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 oe, SelectTrigger as u, SelectValue as d } from "../../ui/select.js";
-import { Textarea as se } from "../../ui/textarea.js";
-import { ErrorLine as f, contentError as ce, useAction as le } from "../social/parts.js";
-import { LoadFailed as ue, Rows as de, useConfirm as fe } from "./shell.js";
-import { localInput as pe } from "../social/bans.js";
-import { imageRefs as me } from "../../client/contents.js";
-import { parseAttributes as he } from "../../client/group-fields.js";
-import { GroupPicker as ge, labelOf as _e } from "../groups/parts.js";
-import { useDraft as p } from "../../react/use-draft.js";
-import { EditorSaveContext as ve, readerMediaReady as ye, useEditorSaveCoordinator as be } from "../content/editor-save.js";
-import { OfferFields as xe } from "../content/offer-fields.js";
-import { AttributeFields as Se, formOf as Ce } from "../groups/fields.js";
-import { MembershipRow as we } from "../groups/memberships.js";
-import { ReaderManifestEditor as Te } from "./reader-manifest.js";
-import { usePageReview as Ee } from "../../react/page-review.js";
-import { PageReview as De } from "./page-review.js";
-import { RuleFields as Oe, VersionsEditor as ke, cleanRule as Ae, complete as je, versionLabel as Me } from "../content/editors.js";
-import { useContent as Ne } from "../../react/contents.js";
-import { contentStatus as Pe } from "./content-manager.js";
-import { useEffect as Fe, useId as Ie, useMemo as m, useRef as Le, useState as h } from "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";
-import { StarIcon as Re } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as ze } from "@hugeicons/react";
 //#region src/components/admin/reader-content-editor.tsx
-var v = () => ({
+var He = {
+	kind: "",
+	id: ""
+}, v = () => ({
 	title: "",
 	slug: "",
 	description: "",
 	body: ""
-}), Be = (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
-} : v()), Ve = (e) => e.replace(/\.[^.]+$/, "").replace(/[_-]+/g, " ").trim().slice(0, 300), He = (e) => ({
+} : v()), We = (e) => ({
 	...e,
 	title: e.title.trim(),
-	slug: e.slug?.trim() || void 0,
 	description: e.description?.trim()
 }), y = class extends Error {};
-function b({ title: e, children: t, className: n = "" }) {
+function b({ title: e, label: t, children: n, className: r = "" }) {
 	return /* @__PURE__ */ _("section", {
-		className: `grid min-w-0 content-start gap-4 rounded-xl border border-border bg-card p-4 ${n}`,
-		children: [/* @__PURE__ */ g("h2", {
+		"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 x(x) {
-	let { client: S, scope: Ue } = ee(x.client), We = n(), { t: C } = We, w = Ie(), Ge = i(), Ke = r(x.onError), T = x.model, E = T.kinds[x.kind], qe = x.languages?.map((e) => typeof e == "string" ? {
+	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), D = qe?.length ? qe : T.languages.map((e) => ({
+	} : e), D = Ye?.length ? Ye : T.languages.map((e) => ({
 		value: e,
 		label: e
-	})), Je = D.map((e) => e.value).join("|"), [O, Ye] = h(D[0]?.value ?? "en"), [Xe, Ze] = h(""), k = Ne(x.id, x.kind, O, {
+	})), 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: Xe || void 0
-	}), [Qe, $e] = h(null), A = k.content ?? Qe, j = Le({
+		version: Qe || void 0
+	}), [et, tt] = h(null), A = k.content ?? et, j = m({
 		item: A,
-		scope: Ue,
+		scope: Ge,
 		alive: !0
 	});
-	j.current.item = A, Fe(() => {
+	j.current.item = A, f(() => {
 		let e = j.current;
 		return e.alive = !0, () => {
 			e.alive = !1;
 		};
 	}, []);
-	let M = () => j.current.alive && j.current.scope === Ue, N = Le(null), [et, tt] = h(!1), [P, nt] = h(!1), [rt, F] = h(), [it, at] = h(""), I = p(m(() => ({ at: A?.publish_at ? pe(new Date(A.publish_at)) : "" }), [A?.publish_at])), L = I.value.at, ot = (e) => I.edit({ at: e }), [st, ct] = h(!1), [lt, ut] = h([]), [dt, ft] = h(!1), [pt, mt] = h(!1), R = m(() => [...A?.versions ?? []].sort((e, t) => e.position - t.position), [A?.versions]), z = R.find((e) => e.id === Xe) ?? R[0];
-	Fe(() => {
-		dt && z && ut((e) => e.includes(z.id) ? e : [...e, z.id]);
-	}, [dt, z]);
-	let B = te(A?.id, {
+	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
-	}), ht = m(() => new Map(B.entities), [B.entities]), [gt, _t] = h(/* @__PURE__ */ new Map()), vt = m(() => new Map([...gt, ...ht]), [ht, gt]), V = m(() => E.entities ?? [], [E.entities]), H = p(m(() => Object.fromEntries(Je.split("|").map((e) => [e, Be(A, e)])), [A, Je])), U = p(m(() => ({
+	}), 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: Ce(E.attributes ?? {}, A?.attributes ?? {}),
+		attributes: Oe(E.attributes ?? {}, A?.attributes ?? {}),
 		access: A?.access ?? { level: "public" }
 	}), [
 		A?.listing,
@@ -99,11 +103,17 @@ function x(x) {
 		A?.attributes,
 		A?.access,
 		E.attributes
-	])), W = p(m(() => ({ memberships: B.memberships.filter((e) => V.includes(B.entities.get(e.group_id ?? "")?.kind ?? "")) }), [
+	])), W = Se(p(() => ({
+		memberships: B.memberships.filter((e) => V.includes(B.entities.get(e.group_id ?? "")?.kind ?? "")),
+		create: []
+	}), [
 		B.memberships,
 		B.entities,
 		V
-	])), G = be(), K = Le({
+	])), 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,
@@ -115,19 +125,33 @@ function x(x) {
 		associations: W,
 		language: O
 	};
-	let q = H.value[O] ?? v(), yt = (q.body ?? "").replace(me(), (e, t) => k.imageSrc(t) ?? e), J = (e) => H.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,
 		[O]: {
 			...t[O] ?? v(),
 			...e
 		}
-	})), bt = (t) => {
-		M() && (F(t instanceof y ? t.message : t), t instanceof y || Ke(e(t), "content.save"));
-	}, xt = async (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;
-		tt(!0);
-		let t = K.current.language, n = K.current.texts.get()[t] ?? v(), r = n.title.trim() || Ve(e ?? "") || C("readerEditor.untitled");
+		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]: {
@@ -143,10 +167,10 @@ function x(x) {
 			} },
 			owner_group_id: x.ownerGroup
 		};
-		return N.current = k.create(i).then((e) => (j.current.item = e, M() && ($e(e), x.onCreated?.(e)), e)).finally(() => {
-			N.current = null, M() && tt(!1);
+		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;
-	}, Y = m(() => A && z ? {
+	}, q = p(() => A && z ? {
 		kind: x.kind,
 		id: A.id,
 		version: z.id
@@ -154,97 +178,126 @@ function x(x) {
 		x.kind,
 		A,
 		z
-	]), X = le("content.save", x.onError), Z = le("offer.save", x.onError), Q = le("content.save", x.onError), $ = re(Y, {
+	]), 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
-	}), St = Le($);
-	St.current = $;
-	let Ct = $.read.read?.files ?? [], wt = Ee(A?.id, z?.id, { client: S }), Tt = !!$.error || $.queue.items.some((e) => e.status === "failed") || Ct.some((e) => e.failed), Et = Ct.some(ne), Dt = wt.review?.selected ?? 0, Ot = $.busy || et || Et || Tt || wt.loading || !!wt.error || Dt === 0 || G.pending || X.pending || Z.pending, kt = (e) => {
+	}), 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,
+			e.pending,
+			e.failed
+		])
+	]) : null;
+	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 && ($.add(t), xt(t.find((e) => /\.zip$/i.test(e.name))?.name ?? t[0]?.name).catch(bt));
-	}, At = I.dirty.length > 0 || H.dirty.length > 0 || U.dirty.length > 0 || W.dirty.length > 0 || G.dirty;
-	Fe(() => {
-		if (!At && !$.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);
-	}, [At, $.busy]);
-	let jt = async (e) => {
+	}, [Ht, Z.busy]);
+	let Wt = async (e) => {
 		if (P) return;
-		F(void 0), at("");
+		I(void 0), ot("");
 		let t = K.current;
-		if (!t.texts.get()[t.language]?.title.trim()) return F(C("contentManager.titleRequired"));
+		if (!t.texts.get()[t.language]?.title.trim()) return I(C("contentManager.titleRequired"));
 		let n = G.problem();
-		if (n) return F(C("readerEditor.fixSection", { section: n }));
-		if (!je(t.details.get().access) || t.details.get().access.level === "tier" && !t.details.get().access.tiers?.length) return F(C("readerEditor.accessRequired"));
+		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 = he(E.attributes ?? {}, t.details.get().attributes);
+			r = be(E.attributes ?? {}, t.details.get().attributes);
 		} catch (e) {
-			return bt(e);
+			return Dt(e);
 		}
-		if (e && Ot) return F(C("readerEditor.filesNotReady"));
-		nt(!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 xt();
+			let n = await Ot();
 			if (!M()) return;
 			if (B.error) throw B.error;
-			if (await Ge(async () => {
+			if (await qe(async () => {
 				for (let e of ne) {
-					let t = String(e), r = a[t];
+					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, He(r)), !M()) return;
+					if (n = await S.contents.putText(n.id, t, We(r)), !M()) return;
 				}
 				if (n = await S.contents.get(n.id, O), M() && (n = await S.contents.update(n.id, {
-					listing: re.listing,
-					comments: re.comments,
+					listing: a.listing,
+					comments: a.comments,
 					attributes: r,
-					access: Ae(re.access),
+					access: Ie(a.access),
 					revision: n.revision
 				}), M() && t.associations.dirty.length)) {
-					let e = n.versions.find((e) => e.id === z?.id) ?? n.versions[0], t = ie.map((t) => {
-						let n = vt.get(t.group_id ?? "")?.kind;
+					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 S.entities.setOfContent(n.id, {
 						kinds: [...V],
-						memberships: t
+						memberships: t,
+						create: s.filter((e) => !ie(e))
 					}, O);
-					ae = te({ memberships: r.memberships.filter((e) => V.includes(r.entities.find((t) => t.id === e.group_id)?.kind ?? "")) });
+					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)
+					});
 				}
 			}), !M()) return;
-			let o = St.current;
-			!o.busy && (o.pending.length || o.queue.items.some((e) => e.status === "uploaded")) && await o.commit();
-			let s = await G.save(M);
-			if (s) throw new y(C("readerEditor.fixSection", { section: s }));
+			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 c = i(Object.fromEntries(D.map((e) => [e.value, n.text?.[e.value] ?? a[e.value] ?? v()]))), l = ee({
+			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: Ce(E.attributes ?? {}, n.attributes),
+				attributes: Oe(E.attributes ?? {}, n.attributes),
 				access: n.access
 			});
 			if (e) {
-				if (!c || !l || !ae) throw new y(C("readerEditor.changedDuringSave"));
-				let e = St.current;
-				if (!Y || e.busy || e.error || e.queue.items.some((e) => e.status === "failed") || !await ye(S, Y)) throw new y(C("readerEditor.filesNotReady"));
+				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 = I.checkpoint(), r = await Ge(() => S.contents.publish(n.id, L ? new Date(L).toISOString() : void 0));
-				t({ at: r.publish_at ? pe(new Date(r.publish_at)) : "" }), at(C("contentManager.publishedNotice"));
-			} else at(C("pollEditor.saved"));
+				let t = st.checkpoint(), r = await qe(() => S.contents.publish(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) {
-			bt(e);
+			Dt(e);
 		} finally {
-			M() && nt(!1);
+			M() && it(!1);
 		}
-	}, Mt = async (e) => {
-		let t = await xt(e.name), n = t.versions.find((e) => e.id === z?.id) ?? t.versions[0];
+	}, 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: x.kind,
@@ -252,40 +305,40 @@ function x(x) {
 			version: n.id
 		}, 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);
-	}, Nt = async (e) => {
-		if (!Y || !A || !z) return;
-		let n = await S.media.presetPath(x.kind, "cover", new File([], e.path.split("/").at(-1) ?? "cover", { type: e.type }));
-		await S.media.commit(Y, [{
+	}, 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: A.id,
 				version: z.id,
 				path: e.path
 			},
-			to: n
-		}]), M() && await S.contents.setCover(A.id, z.id, t(n).split("/").at(-1));
-	}, { confirm: Pt, dialog: Ft } = fe(), It = async () => {
-		A && await Pt({
+			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 Q.run(async () => {
-			$.discard(), await S.contents.remove(A.id), M() && x.onDeleted?.(A);
+		}) && await X.run(async () => {
+			Z.discard(), await S.contents.remove(A.id), M() && x.onDeleted?.(A);
 		});
 	};
-	if (x.id && !A) return k.error ? /* @__PURE__ */ g(ue, {
+	if (x.id && !A) return k.error ? /* @__PURE__ */ g(ge, {
 		error: k.error,
 		message: C("contentManager.loadFailed"),
 		retry: k.reload
-	}) : /* @__PURE__ */ g(de, {});
-	let Lt = A ? Pe(A) : "draft", Rt = z?.id, zt = (e) => U.edit((t) => ({
+	}) : /* @__PURE__ */ g(_e, {});
+	let Xt = A ? Be(A) : "draft", Zt = z?.id, Qt = (e) => U.edit((t) => ({
 		...t,
 		...e
-	})), Bt = R.map((e) => ({
+	})), $t = R.map((e) => ({
 		id: e.id,
-		label: Me(e, (e) => D.find((t) => t.value === e)?.label ?? e, x.labels)
+		label: Re(e, (e) => D.find((t) => t.value === e)?.label ?? e, x.labels)
 	}));
-	return /* @__PURE__ */ g(ve.Provider, {
+	return /* @__PURE__ */ g(Ce.Provider, {
 		value: G.context,
 		children: /* @__PURE__ */ _("div", {
 			className: "grid gap-5 text-base",
@@ -294,49 +347,73 @@ function x(x) {
 				/* @__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__ */ 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__ */ g("h1", {
-								className: "truncate text-xl font-semibold",
-								children: q.title || C("readerEditor.new")
+								className: "sr-only",
+								children: Tt.title || C("readerEditor.new")
 							}), /* @__PURE__ */ _("div", {
-								className: "mt-1 flex items-center gap-2 text-sm text-muted-foreground",
+								className: "flex items-center gap-2 text-sm text-muted-foreground",
 								children: [
-									/* @__PURE__ */ g(ae, {
+									/* @__PURE__ */ g(se, {
 										variant: A?.live ? "default" : "outline",
-										children: C(`contentManager.${Lt}`)
+										children: C(`contentManager.${Xt}`)
 									}),
-									z && /* @__PURE__ */ g("span", { children: C("contentEditor.pageCount", { count: z.pages ?? Dt }) }),
-									et && /* @__PURE__ */ g("span", {
+									z && /* @__PURE__ */ g("span", { children: C("contentEditor.pageCount", { count: Z.read.read ? Rt : z.pages ?? 0 }) }),
+									nt && /* @__PURE__ */ g("span", {
 										role: "status",
 										children: C("common.saving")
 									})
 								]
 							})]
 						}),
-						A?.live && x.contentHref?.(A) && /* @__PURE__ */ g("a", {
+						A && x.contentHref?.(A) && /* @__PURE__ */ g("a", {
 							href: x.contentHref(A),
 							className: "text-sm underline",
-							children: C("contentManager.view")
+							...A.live ? {} : {
+								target: "_blank",
+								rel: "noopener"
+							},
+							children: C(A.live ? "contentManager.view" : "readerEditor.preview")
 						}),
-						/* @__PURE__ */ g(a, {
-							disabled: P || et,
-							onClick: () => void jt(!1),
-							children: C(P ? "common.saving" : A?.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")
 						}),
-						!A?.live && /* @__PURE__ */ g(a, {
+						!A?.live && /* @__PURE__ */ g(o, {
 							variant: "outline",
-							disabled: P || Ot,
-							onClick: () => void jt(!0),
-							children: C(L ? "readerEditor.schedule" : "contentManager.publish")
+							disabled: P || Bt,
+							onClick: () => void Wt(!0),
+							children: C(ct ? "readerEditor.schedule" : "contentManager.publish")
 						})
 					]
 				}),
-				rt != null && /* @__PURE__ */ g(f, { children: typeof rt == "string" ? rt : ce(We, e(rt)) }),
-				it && /* @__PURE__ */ g("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: it
+					children: at
 				}),
 				/* @__PURE__ */ _("fieldset", {
 					disabled: P,
@@ -345,34 +422,34 @@ function x(x) {
 						className: "grid min-w-0 gap-5",
 						children: [
 							/* @__PURE__ */ _(b, {
-								title: C("readerEditor.details"),
+								label: C("readerEditor.details"),
 								children: [
 									/* @__PURE__ */ _("div", {
 										className: "grid gap-4 sm:grid-cols-[minmax(0,1fr)_10rem]",
 										children: [/* @__PURE__ */ _("div", {
 											className: "grid gap-1.5",
-											children: [/* @__PURE__ */ g(s, {
+											children: [/* @__PURE__ */ g(l, {
 												htmlFor: `${w}-title`,
 												children: C("contentManager.itemTitle")
-											}), /* @__PURE__ */ g(o, {
+											}), /* @__PURE__ */ g(ce, {
 												id: `${w}-title`,
 												required: !0,
 												maxLength: 300,
-												value: q.title,
-												onChange: (e) => J({ title: e.target.value })
+												value: Tt.title,
+												onChange: (e) => Et({ title: e.target.value })
 											})]
 										}), /* @__PURE__ */ _("div", {
 											className: "grid gap-1.5",
-											children: [/* @__PURE__ */ g(s, {
+											children: [/* @__PURE__ */ g(l, {
 												htmlFor: `${w}-language`,
 												children: C("contentManager.language")
-											}), /* @__PURE__ */ _(c, {
+											}), /* @__PURE__ */ _(u, {
 												value: O,
-												onValueChange: (e) => e && Ye(e),
-												children: [/* @__PURE__ */ g(u, {
+												onValueChange: (e) => e && Ze(e),
+												children: [/* @__PURE__ */ g(de, {
 													id: `${w}-language`,
-													children: /* @__PURE__ */ g(d, { children: D.find((e) => e.value === O)?.label ?? O })
-												}), /* @__PURE__ */ g(l, { children: D.map((e) => /* @__PURE__ */ g(oe, {
+													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)) })]
@@ -381,76 +458,38 @@ function x(x) {
 									}),
 									/* @__PURE__ */ _("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(s, {
+										children: [/* @__PURE__ */ g(l, {
 											htmlFor: `${w}-description`,
-											children: C("contentManager.description")
-										}), /* @__PURE__ */ g(se, {
+											children: C("readerEditor.headerText")
+										}), /* @__PURE__ */ g(pe, {
 											id: `${w}-description`,
 											rows: 3,
-											value: q.description ?? "",
-											onChange: (e) => J({ description: e.target.value })
+											value: Tt.description ?? "",
+											onChange: (e) => Et({ description: e.target.value })
 										})]
 									}),
-									/* @__PURE__ */ g(Se, {
+									/* @__PURE__ */ g(De, {
 										declared: E.attributes ?? {},
 										form: U.value.attributes,
-										onChange: (e, t) => zt({ attributes: {
+										onChange: (e, t) => Qt({ attributes: {
 											...U.value.attributes,
 											[e]: t
 										} }),
 										labels: x.labels
-									}),
-									/* @__PURE__ */ _("details", {
-										className: "grid gap-3",
-										children: [/* @__PURE__ */ g("summary", {
-											className: "cursor-pointer text-sm text-muted-foreground",
-											children: C("readerEditor.additionalText")
-										}), /* @__PURE__ */ _("div", {
-											className: "mt-3 grid gap-3",
-											children: [
-												/* @__PURE__ */ _("div", {
-													className: "grid gap-1.5",
-													children: [/* @__PURE__ */ g(s, {
-														htmlFor: `${w}-slug`,
-														children: C("contentManager.slug")
-													}), /* @__PURE__ */ g(o, {
-														id: `${w}-slug`,
-														value: q.slug ?? "",
-														placeholder: C("contentManager.slugAuto"),
-														onChange: (e) => J({ slug: e.target.value })
-													})]
-												}),
-												/* @__PURE__ */ g(s, {
-													htmlFor: `${w}-body`,
-													children: C("contentManager.body")
-												}),
-												x.renderEditor ? x.renderEditor({
-													value: yt,
-													onChange: (e) => J({ body: k.storedBody(e) }),
-													uploadImage: A ? (e) => k.uploadImage(e) : void 0,
-													disabled: P,
-													"aria-label": C("contentManager.body")
-												}) : /* @__PURE__ */ g(se, {
-													id: `${w}-body`,
-													value: q.body ?? "",
-													onChange: (e) => J({ body: e.target.value })
-												})
-											]
-										})]
 									})
 								]
 							}),
 							/* @__PURE__ */ _(b, {
 								title: C("readerEditor.files"),
 								children: [
-									R.length > 1 && /* @__PURE__ */ _(c, {
-										value: Rt ?? "",
-										onValueChange: (e) => e && Ze(e),
-										disabled: $.busy || $.pending.length > 0,
-										children: [/* @__PURE__ */ g(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(d, { children: Bt.find((e) => e.id === Rt)?.label })
-										}), /* @__PURE__ */ g(l, { children: Bt.map((e) => /* @__PURE__ */ g(oe, {
+											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)) })]
@@ -459,54 +498,60 @@ function x(x) {
 										className: "text-sm text-muted-foreground",
 										children: C("readerEditor.fileHelp")
 									}),
-									/* @__PURE__ */ g(ie, {
+									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__ */ g(c, {
 										folder: {
-											...$,
-											add: kt
+											...Z,
+											add: Vt
 										},
-										label: C("readerEditor.files"),
+										label: !1,
 										layout: "grid",
 										disabled: P,
 										inputLabel: C("readerEditor.files"),
-										rowActions: (e) => e.type.startsWith("image/") && $.groups.some((t) => t.rule?.page && t.files.some((t) => t.path === e.path)) ? /* @__PURE__ */ g(a, {
-											size: "icon-sm",
-											variant: "ghost",
-											title: C("readerEditor.useCover"),
-											"aria-label": C("readerEditor.useCoverFor", { name: e.path.split("/").at(-1) ?? e.path }),
-											disabled: X.pending || P,
-											onClick: () => void X.run(() => Nt(e)),
-											children: /* @__PURE__ */ g(ze, { icon: Re })
-										}) : null
+										selectedPage: L?.path ?? null,
+										onSelectPage: gt
+									}),
+									Z.read.error && /* @__PURE__ */ g(ge, {
+										error: Z.read.error,
+										message: C("contentManager.loadFailed"),
+										retry: Z.read.reload
 									}),
-									Ot && /* @__PURE__ */ g("p", {
+									(It || zt || !Z.read.error && Rt === 0) && /* @__PURE__ */ g("p", {
 										role: "status",
 										className: "text-sm text-muted-foreground",
-										children: Tt ? C("readerEditor.filesFailed") : Et || $.busy ? C("readerEditor.processing") : C("readerEditor.addPages")
+										children: C(It ? "readerEditor.filesFailed" : zt ? "readerEditor.processing" : "readerEditor.addPages")
 									}),
-									A && z && /* @__PURE__ */ _("details", {
-										onToggle: (e) => e.currentTarget.open && mt(!0),
-										children: [/* @__PURE__ */ g("summary", {
-											className: "cursor-pointer font-medium",
-											children: C("pageReview.title")
-										}), pt && /* @__PURE__ */ g(De, {
-											content: A.id,
-											version: z.id,
-											client: S,
-											onError: x.onError
-										}, z.id)]
+									A && z && /* @__PURE__ */ g(Ne, {
+										content: A.id,
+										version: z.id,
+										client: S,
+										onError: x.onError
 									})
 								]
 							}),
 							A && /* @__PURE__ */ _("details", {
 								className: "rounded-xl border border-border bg-card p-4",
-								onToggle: (e) => e.currentTarget.open && ct(!0),
+								onToggle: (e) => e.currentTarget.open && dt(!0),
 								children: [/* @__PURE__ */ g("summary", {
 									className: "cursor-pointer font-medium",
 									children: C("readerEditor.versions")
-								}), st && /* @__PURE__ */ g(ke, {
+								}), ut && /* @__PURE__ */ g(Fe, {
 									content: A,
 									media: !1,
-									activeVersion: Rt,
+									activeVersion: Zt,
 									client: S,
 									labels: x.labels,
 									onError: x.onError
@@ -514,13 +559,13 @@ function x(x) {
 							}),
 							A && z && /* @__PURE__ */ _("details", {
 								className: "rounded-xl border border-border bg-card p-4",
-								onToggle: (e) => ft(e.currentTarget.open),
+								onToggle: (e) => ht(e.currentTarget.open),
 								children: [/* @__PURE__ */ g("summary", {
 									className: "cursor-pointer font-medium",
 									children: C("readerEditor.readerTools")
-								}), lt.filter((e) => R.some((t) => t.id === e)).map((e) => /* @__PURE__ */ g("div", {
+								}), ft.filter((e) => R.some((t) => t.id === e)).map((e) => /* @__PURE__ */ g("div", {
 									hidden: e !== z.id,
-									children: /* @__PURE__ */ g(Te, {
+									children: /* @__PURE__ */ g(Me, {
 										content: A.id,
 										version: e,
 										client: S,
@@ -534,60 +579,63 @@ function x(x) {
 						children: [
 							/* @__PURE__ */ _(b, {
 								title: C("readerEditor.entities"),
-								children: [B.error && /* @__PURE__ */ g(f, { error: B.error }), V.map((e) => {
+								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 }) => vt.get(t.group_id ?? "")?.kind === e);
-									return /* @__PURE__ */ _("fieldset", {
+									})).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,
-										className: "grid min-w-0 gap-2",
-										children: [
-											/* @__PURE__ */ g("legend", {
-												className: "mb-2 font-semibold",
-												children: _e(x.labels, e)
-											}),
-											t.map(({ a: t, index: n }) => /* @__PURE__ */ g(we, {
-												m: t,
-												card: vt.get(t.group_id ?? ""),
-												spec: T.entity_kinds[e] ?? {},
-												labels: x.labels,
-												versions: Bt,
-												versionLabel: (e) => Bt.find((t) => t.id === e)?.label ?? e,
-												onChange: (e) => W.edit((t) => ({ memberships: t.memberships.map((t, r) => r === n ? {
-													...t,
-													...e
-												} : t) })),
-												onRemove: () => W.edit((e) => ({ memberships: e.memberships.filter((e, t) => t !== n) }))
-											}, `${t.group_id}:${n}`)),
-											/* @__PURE__ */ g(ge, {
+										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: x.management,
-												language: O,
-												exclude: t.filter(({ a: e }) => !e.version_id && !e.role).map(({ a: e }) => e.group_id),
-												label: C("memberships.add", { kind: _e(x.labels, e) }),
-												client: S,
-												onPick: (t) => {
-													_t((e) => new Map(e).set(t.id, t)), W.edit((n) => ({ memberships: [...n.memberships, {
-														group_id: t.id,
-														...T.entity_kinds[e]?.version_level && z ? { version_id: z.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__ */ _(b, {
 								title: C("contentManager.cover"),
 								children: [
-									z?.cover?.url ? /* @__PURE__ */ g("img", {
-										src: z.cover.url,
-										alt: "",
-										className: "mx-auto max-h-64 rounded-lg object-contain"
-									}) : /* @__PURE__ */ g("p", {
+									/* @__PURE__ */ g("p", {
 										className: "text-sm text-muted-foreground",
-										children: C("readerEditor.firstPageCover")
+										children: C("readerEditor.thumbnailHelp")
 									}),
 									/* @__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",
@@ -596,35 +644,35 @@ function x(x) {
 											accept: "image/*",
 											className: "sr-only",
 											"aria-label": C("contentManager.cover"),
-											disabled: X.pending || P,
+											disabled: J.pending || P,
 											onChange: (e) => {
 												let t = e.target.files?.[0];
-												e.target.value = "", t && X.run(() => Mt(t));
+												e.target.value = "", t && J.run(() => Gt(t));
 											}
 										})]
 									}),
-									/* @__PURE__ */ g(f, { error: X.error })
+									/* @__PURE__ */ g(d, { error: J.error })
 								]
 							}),
 							/* @__PURE__ */ _(b, {
 								title: C("contentEditor.accessTitle"),
 								children: [
-									/* @__PURE__ */ g(Oe, {
+									/* @__PURE__ */ g(Pe, {
 										value: U.value.access,
-										onChange: (e) => zt({ access: e }),
+										onChange: (e) => Qt({ access: e }),
 										model: T,
 										kind: x.kind,
 										owner: A?.owner_group_id ?? x.ownerGroup,
 										labels: x.labels,
 										client: S
 									}),
-									A && (U.value.access.level === "ppv" || U.value.access.level === "group_ppv" || A.offer) && /* @__PURE__ */ g(xe, {
+									A && (U.value.access.level === "ppv" || U.value.access.level === "group_ppv" || A.offer) && /* @__PURE__ */ g(Ee, {
 										offer: A.offer,
-										pending: Z.pending,
-										onSell: (e) => Z.run(() => S.offers.sell({ content: A.id }, e)),
-										onWithdraw: () => void Z.run(() => S.offers.withdraw({ content: A.id }))
+										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__ */ g(f, { error: Z.error })
+									/* @__PURE__ */ g(d, { error: Y.error })
 								]
 							}),
 							/* @__PURE__ */ _(b, {
@@ -632,73 +680,86 @@ function x(x) {
 								children: [
 									!A?.live && /* @__PURE__ */ _("div", {
 										className: "grid gap-1.5",
-										children: [/* @__PURE__ */ g(s, {
+										children: [/* @__PURE__ */ g(l, {
 											htmlFor: `${w}-publish`,
 											children: C("contentManager.publishAt")
-										}), /* @__PURE__ */ g(o, {
+										}), /* @__PURE__ */ g(ce, {
 											id: `${w}-publish`,
 											type: "datetime-local",
-											value: L,
-											onChange: (e) => ot(e.target.value)
+											value: ct,
+											onChange: (e) => lt(e.target.value)
 										})]
 									}),
-									/* @__PURE__ */ g(s, {
+									/* @__PURE__ */ g(l, {
 										htmlFor: `${w}-listing`,
 										children: C("contentEditor.listing")
 									}),
-									/* @__PURE__ */ _(c, {
+									/* @__PURE__ */ _(u, {
 										value: U.value.listing,
-										onValueChange: (e) => e && zt({ listing: e }),
-										children: [/* @__PURE__ */ g(u, {
+										onValueChange: (e) => e && Qt({ listing: e }),
+										children: [/* @__PURE__ */ g(de, {
 											id: `${w}-listing`,
-											children: /* @__PURE__ */ g(d, { children: C(`contentEditor.listing_${U.value.listing}`) })
-										}), /* @__PURE__ */ g(l, { children: [
+											children: /* @__PURE__ */ g(fe, { children: C(`contentEditor.listing_${U.value.listing}`) })
+										}), /* @__PURE__ */ g(le, { children: [
 											"listed",
 											"members",
 											"unlisted"
-										].map((e) => /* @__PURE__ */ g(oe, {
+										].map((e) => /* @__PURE__ */ g(ue, {
 											value: e,
 											children: C(`contentEditor.listing_${e}`)
 										}, e)) })]
 									}),
-									/* @__PURE__ */ g(s, {
+									/* @__PURE__ */ g(l, {
 										htmlFor: `${w}-comments`,
 										children: C("contentEditor.comments")
 									}),
-									/* @__PURE__ */ _(c, {
+									/* @__PURE__ */ _(u, {
 										value: U.value.comments,
-										onValueChange: (e) => e && zt({ comments: e }),
-										children: [/* @__PURE__ */ g(u, {
+										onValueChange: (e) => e && Qt({ comments: e }),
+										children: [/* @__PURE__ */ g(de, {
 											id: `${w}-comments`,
-											children: /* @__PURE__ */ g(d, { children: C(`contentEditor.comments_${U.value.comments}`) })
-										}), /* @__PURE__ */ g(l, { children: [
+											children: /* @__PURE__ */ g(fe, { children: C(`contentEditor.comments_${U.value.comments}`) })
+										}), /* @__PURE__ */ g(le, { children: [
 											"open",
 											"closed",
 											"hidden"
-										].map((e) => /* @__PURE__ */ g(oe, {
+										].map((e) => /* @__PURE__ */ g(ue, {
 											value: e,
 											children: C(`contentEditor.comments_${e}`)
 										}, e)) })]
 									}),
-									A?.state === "published" && /* @__PURE__ */ g(a, {
+									A?.state === "published" && /* @__PURE__ */ g(o, {
 										variant: "outline",
-										disabled: Q.pending,
-										onClick: () => void Q.run(() => S.contents.unpublish(A.id)),
+										disabled: X.pending,
+										onClick: () => void X.run(() => S.contents.unpublish(A.id)),
 										children: C("contentManager.unpublish")
 									}),
-									A && /* @__PURE__ */ g(a, {
+									A && /* @__PURE__ */ g(o, {
 										variant: "destructive",
-										disabled: Q.pending,
-										onClick: () => void It(),
+										disabled: X.pending,
+										onClick: () => void Yt(),
 										children: C("contentManager.delete")
 									}),
-									/* @__PURE__ */ g(f, { error: Q.error })
+									/* @__PURE__ */ g(d, { error: X.error })
 								]
 							})
 						]
 					})]
 				}),
-				Ft
+				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)
+				})
 			]
 		})
 	});