@openrails/contentkit-ui 0.83.0 → 0.85.1

package/dist/components/content/editors.js

@@ -15,53 +15,54 @@ import { GroupPicker as b, labelOf as x, useGroupNames as S, useLanguageName as
 import { OfferFields as w } from "./offer-fields.js";
 import { AttributeFields as T, formOf as E } from "../groups/fields.js";
 import { MembershipEditor as D } from "../groups/memberships.js";
-import { useEffect as O, useId as k, useMemo as A, useState as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-import { cn as P } from "cn";
+import { ReaderManifestEditor as O } from "../admin/reader-manifest.js";
+import { useEffect as k, useId as A, useMemo as j, useState as M } from "react";
+import { jsx as N, jsxs as P } from "react/jsx-runtime";
+import { cn as F } from "cn";
 //#region src/components/content/editors.tsx
-var F = "__none__", I = [
+var I = "__none__", L = [
 	"listed",
 	"members",
 	"unlisted"
-], L = [
+], R = [
 	"open",
 	"closed",
 	"hidden"
-], R = [
+], z = [
 	"public",
 	"tier",
 	"ppv",
 	"group",
 	"group_ppv"
-];
-function z({ title: e, ckui: t, children: n }) {
-	return /* @__PURE__ */ N("section", {
+], B = (e) => e === "group" || e === "group_ppv";
+function V({ title: e, ckui: t, children: n }) {
+	return /* @__PURE__ */ P("section", {
 		className: "grid gap-3 border-t border-border pt-4",
 		"data-ckui": t,
-		children: [/* @__PURE__ */ M("h3", {
+		children: [/* @__PURE__ */ N("h3", {
 			className: "font-medium",
 			children: e
 		}), n]
 	});
 }
-function B({ show: t }) {
+function H({ show: t }) {
 	let { t: n } = e();
-	return t ? /* @__PURE__ */ M("span", {
+	return t ? /* @__PURE__ */ N("span", {
 		role: "status",
 		className: "text-muted-foreground",
 		children: n("contentEditor.saved")
 	}) : null;
 }
-function V(e, t) {
+function U(e, t) {
 	let { kinds: n } = y({ client: t });
 	return {
 		model: n,
 		spec: n?.kinds[e]
 	};
 }
-function H({ content: r, ...i }) {
-	let { t: a } = e(), o = t(i.client), { spec: h } = V(r.kind, i.client), g = A(() => h?.attributes ?? {}, [h]), [v, y] = j(r.listing), [b, x] = j(r.comments), [S, C] = j({});
-	O(() => {
+function W({ content: r, ...i }) {
+	let { t: a } = e(), o = t(i.client), { spec: h } = U(r.kind, i.client), g = j(() => h?.attributes ?? {}, [h]), [v, y] = M(r.listing), [b, x] = M(r.comments), [S, C] = M({});
+	k(() => {
 		y(r.listing), x(r.comments), C(E(g, r.attributes));
 	}, [
 		r.revision,
@@ -70,14 +71,14 @@ function H({ content: r, ...i }) {
 		r.attributes,
 		g
 	]);
-	let [w, D] = j(null), [k, P] = j(!1), F = m("content.save", i.onError);
-	return /* @__PURE__ */ M(z, {
+	let [w, D] = M(null), [O, A] = M(!1), F = m("content.save", i.onError);
+	return /* @__PURE__ */ N(V, {
 		title: a("contentEditor.details"),
 		ckui: "content-details",
-		children: /* @__PURE__ */ N("form", {
+		children: /* @__PURE__ */ P("form", {
 			className: "grid gap-3",
 			onSubmit: (e) => {
-				e.preventDefault(), D(null), P(!1);
+				e.preventDefault(), D(null), A(!1);
 				let t;
 				try {
 					t = _(g, S);
@@ -89,40 +90,40 @@ function H({ content: r, ...i }) {
 					comments: b,
 					attributes: t,
 					revision: r.revision
-				})).then((e) => e && P(!0));
+				})).then((e) => e && A(!0));
 			},
 			children: [
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ P("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ M(s, { children: a("contentEditor.listing") }), /* @__PURE__ */ N(c, {
+					children: [/* @__PURE__ */ N(s, { children: a("contentEditor.listing") }), /* @__PURE__ */ P(c, {
 						value: v,
 						onValueChange: (e) => y(e),
-						children: [/* @__PURE__ */ M(d, {
+						children: [/* @__PURE__ */ N(d, {
 							size: "sm",
 							"aria-label": a("contentEditor.listing"),
-							children: /* @__PURE__ */ M(f, { children: (e) => a(`contentEditor.listing_${e}`) })
-						}), /* @__PURE__ */ M(l, { children: I.map((e) => /* @__PURE__ */ M(u, {
+							children: /* @__PURE__ */ N(f, { children: (e) => a(`contentEditor.listing_${e}`) })
+						}), /* @__PURE__ */ N(l, { children: L.map((e) => /* @__PURE__ */ N(u, {
 							value: e,
 							children: a(`contentEditor.listing_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ N("div", {
+				/* @__PURE__ */ P("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ M(s, { children: a("contentEditor.comments") }), /* @__PURE__ */ N(c, {
+					children: [/* @__PURE__ */ N(s, { children: a("contentEditor.comments") }), /* @__PURE__ */ P(c, {
 						value: b,
 						onValueChange: (e) => x(e),
-						children: [/* @__PURE__ */ M(d, {
+						children: [/* @__PURE__ */ N(d, {
 							size: "sm",
 							"aria-label": a("contentEditor.comments"),
-							children: /* @__PURE__ */ M(f, { children: (e) => a(`contentEditor.comments_${e}`) })
-						}), /* @__PURE__ */ M(l, { children: L.map((e) => /* @__PURE__ */ M(u, {
+							children: /* @__PURE__ */ N(f, { children: (e) => a(`contentEditor.comments_${e}`) })
+						}), /* @__PURE__ */ N(l, { children: R.map((e) => /* @__PURE__ */ N(u, {
 							value: e,
 							children: a(`contentEditor.comments_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ M(T, {
+				/* @__PURE__ */ N(T, {
 					declared: g,
 					form: S,
 					onChange: (e, t) => C((n) => ({
@@ -131,139 +132,143 @@ function H({ content: r, ...i }) {
 					})),
 					labels: i.labels
 				}),
-				w && /* @__PURE__ */ M(p, { children: w }),
-				/* @__PURE__ */ M(p, { error: F.error }),
-				/* @__PURE__ */ N("div", {
+				w && /* @__PURE__ */ N(p, { children: w }),
+				/* @__PURE__ */ N(p, { error: F.error }),
+				/* @__PURE__ */ P("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ M(n, {
+					children: [/* @__PURE__ */ N(n, {
 						type: "submit",
 						size: "sm",
 						disabled: F.pending,
 						children: F.pending ? a("common.saving") : a("common.save")
-					}), /* @__PURE__ */ M(B, { show: k })]
+					}), /* @__PURE__ */ N(H, { show: O })]
 				})
 			]
 		})
 	});
 }
-function U({ value: t, onChange: n, model: r, labels: i, client: a }) {
-	let { t: p } = e(), m = k(), _ = r?.tiers ?? [], y = Object.entries(r?.group_kinds ?? {}).filter(([, e]) => e.sellable || e.auth_scope).map(([e]) => e), [C, w] = j(y[0] ?? ""), T = S(t.group_id ? [t.group_id] : [], { client: a }), E = t.group_id ? T.get(t.group_id) : void 0, D = (e) => n({
+function G({ value: t, onChange: n, model: r, kind: i, owner: a, labels: p, client: m }) {
+	let { t: _ } = e(), y = A(), C = r?.tiers ?? [], w = r?.kinds[i], T = Object.entries(r?.group_kinds ?? {}).filter(([, e]) => e.sellable || e.auth_scope).map(([e]) => e), [E, D] = M(), O = E ?? T[0] ?? "", k = S(t.group_id ? [t.group_id] : [], { client: m }), j = t.group_id ? k.get(t.group_id) : void 0, F = (e) => n({
 		...t,
 		...e
-	});
-	return /* @__PURE__ */ N("div", {
+	}), I = w?.presentation === "reader", L = !!w?.segments;
+	return /* @__PURE__ */ P("div", {
 		className: "grid gap-3",
 		"data-ckui": "rule-fields",
 		children: [
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ P("div", {
 				className: "grid gap-1.5 sm:max-w-xs",
-				children: [/* @__PURE__ */ M(s, { children: p("contentEditor.access") }), /* @__PURE__ */ N(c, {
+				children: [/* @__PURE__ */ N(s, { children: _("contentEditor.access") }), /* @__PURE__ */ P(c, {
 					value: t.level,
-					onValueChange: (e) => n({
-						level: e,
-						preview: t.preview,
-						free_after: t.free_after
-					}),
-					children: [/* @__PURE__ */ M(d, {
+					onValueChange: (e) => {
+						let r = e;
+						n({
+							level: r,
+							group_id: B(r) ? t.group_id || a : void 0,
+							preview: t.preview,
+							free_after: t.free_after
+						});
+					},
+					children: [/* @__PURE__ */ N(d, {
 						size: "sm",
-						"aria-label": p("contentEditor.access"),
-						children: /* @__PURE__ */ M(f, { children: (e) => p(`contentEditor.level_${e}`) })
-					}), /* @__PURE__ */ M(l, { children: R.filter((e) => (e !== "tier" || _.length) && (!e.startsWith("group") || y.length)).map((e) => /* @__PURE__ */ M(u, {
+						"aria-label": _("contentEditor.access"),
+						children: /* @__PURE__ */ N(f, { children: (e) => _(`contentEditor.level_${e}`) })
+					}), /* @__PURE__ */ N(l, { children: z.filter((e) => (e !== "tier" || C.length) && (!e.startsWith("group") || T.length)).map((e) => /* @__PURE__ */ N(u, {
 						value: e,
-						children: p(`contentEditor.level_${e}`)
+						children: _(`contentEditor.level_${e}`)
 					}, e)) })]
 				})]
 			}),
-			t.level === "tier" && /* @__PURE__ */ N("fieldset", {
+			t.level === "tier" && /* @__PURE__ */ P("fieldset", {
 				className: "flex flex-wrap gap-3",
-				children: [/* @__PURE__ */ M("legend", {
+				children: [/* @__PURE__ */ N("legend", {
 					className: "sr-only",
-					children: p("contentEditor.tiers")
-				}), _.map((e) => /* @__PURE__ */ N("label", {
+					children: _("contentEditor.tiers")
+				}), C.map((e) => /* @__PURE__ */ P("label", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ M(h, {
+					children: [/* @__PURE__ */ N(h, {
 						checked: t.tiers?.includes(e) ?? !1,
-						onCheckedChange: (n) => D({ tiers: n ? [...t.tiers ?? [], e] : (t.tiers ?? []).filter((t) => t !== e) }),
-						"aria-label": x(i, e)
-					}), x(i, e)]
+						onCheckedChange: (n) => F({ tiers: n ? [...t.tiers ?? [], e] : (t.tiers ?? []).filter((t) => t !== e) }),
+						"aria-label": x(p, e)
+					}), x(p, e)]
 				}, e))]
 			}),
-			(t.level === "group" || t.level === "group_ppv") && /* @__PURE__ */ N("div", {
+			B(t.level) && /* @__PURE__ */ P("div", {
 				className: "flex flex-wrap items-end gap-2",
 				children: [
-					E || t.group_id ? /* @__PURE__ */ M("span", {
+					j || t.group_id ? /* @__PURE__ */ N("span", {
 						className: "rounded-md border border-border px-2 py-0.5",
 						"data-ckui": "rule-group",
-						children: E ? E.name || E.slug : t.group_id
+						children: j ? j.name || j.slug : t.group_id
 					}) : null,
-					y.length > 1 && /* @__PURE__ */ N(c, {
-						value: C,
-						onValueChange: (e) => w(String(e)),
-						children: [/* @__PURE__ */ M(d, {
+					T.length > 1 && /* @__PURE__ */ P(c, {
+						value: O,
+						onValueChange: (e) => D(String(e)),
+						children: [/* @__PURE__ */ N(d, {
 							size: "sm",
-							"aria-label": p("groupEditor.edgeKind"),
-							children: /* @__PURE__ */ M(f, { children: (e) => x(i, e) })
-						}), /* @__PURE__ */ M(l, { children: y.map((e) => /* @__PURE__ */ M(u, {
+							"aria-label": _("groupEditor.edgeKind"),
+							children: /* @__PURE__ */ N(f, { children: (e) => x(p, e) })
+						}), /* @__PURE__ */ N(l, { children: T.map((e) => /* @__PURE__ */ N(u, {
 							value: e,
-							children: x(i, e)
+							children: x(p, e)
 						}, e)) })]
 					}),
-					C && /* @__PURE__ */ M(b, {
-						kind: C,
-						label: p("contentEditor.group"),
-						client: a,
-						onPick: (e) => D({ group_id: e.id })
-					}, C)
+					O && /* @__PURE__ */ N(b, {
+						kind: O,
+						label: _("contentEditor.group"),
+						client: m,
+						onPick: (e) => F({ group_id: e.id })
+					}, O)
 				]
 			}),
-			t.level !== "public" && /* @__PURE__ */ N("div", {
+			t.level !== "public" && /* @__PURE__ */ P("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ N("div", {
+					I && /* @__PURE__ */ P("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ M(s, {
-							htmlFor: `${m}-pages`,
-							children: p("contentEditor.previewPages")
-						}), /* @__PURE__ */ M(o, {
-							id: `${m}-pages`,
+						children: [/* @__PURE__ */ N(s, {
+							htmlFor: `${y}-pages`,
+							children: _("contentEditor.previewPages")
+						}), /* @__PURE__ */ N(o, {
+							id: `${y}-pages`,
 							className: "h-8",
 							type: "number",
 							min: 0,
 							value: t.preview?.pages ?? "",
-							onChange: (e) => D({ preview: {
+							onChange: (e) => F({ preview: {
 								...t.preview,
 								pages: e.target.value ? Math.max(0, Math.trunc(Number(e.target.value))) : void 0
 							} })
 						})]
 					}),
-					/* @__PURE__ */ N("div", {
+					L && /* @__PURE__ */ P("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ M(s, {
-							htmlFor: `${m}-segments`,
-							children: p("contentEditor.previewSegments")
-						}), /* @__PURE__ */ M(o, {
-							id: `${m}-segments`,
+						children: [/* @__PURE__ */ N(s, {
+							htmlFor: `${y}-segments`,
+							children: _("contentEditor.previewSegments")
+						}), /* @__PURE__ */ N(o, {
+							id: `${y}-segments`,
 							className: "h-8",
 							type: "number",
 							min: 0,
 							value: t.preview?.segments ?? "",
-							onChange: (e) => D({ preview: {
+							onChange: (e) => F({ preview: {
 								...t.preview,
 								segments: e.target.value ? Math.max(0, Math.trunc(Number(e.target.value))) : void 0
 							} })
 						})]
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ M(s, {
-							htmlFor: `${m}-free`,
-							children: p("contentEditor.freeAfter")
-						}), /* @__PURE__ */ M(o, {
-							id: `${m}-free`,
+						children: [/* @__PURE__ */ N(s, {
+							htmlFor: `${y}-free`,
+							children: _("contentEditor.freeAfter")
+						}), /* @__PURE__ */ N(o, {
+							id: `${y}-free`,
 							className: "h-8",
 							type: "datetime-local",
 							value: v(t.free_after),
-							onChange: (e) => D({ free_after: g(e.target.value) })
+							onChange: (e) => F({ free_after: g(e.target.value) })
 						})]
 					})
 				]
@@ -271,7 +276,8 @@ function U({ value: t, onChange: n, model: r, labels: i, client: a }) {
 		]
 	});
 }
-function W(e) {
+var K = (e) => !B(e.level) || !!e.group_id;
+function q(e) {
 	let t = e.preview && (e.preview.pages || e.preview.segments) ? {
 		pages: e.preview.pages || void 0,
 		segments: e.preview.segments || void 0
@@ -284,166 +290,187 @@ function W(e) {
 		free_after: e.level === "public" ? void 0 : e.free_after
 	};
 }
-function G({ content: r, ...i }) {
-	let { t: a } = e(), o = t(i.client), { model: s } = V(r.kind, i.client), [c, l] = j(r.access);
-	O(() => l(r.access), [r.revision, r.access]);
-	let [u, d] = j(!1), f = m("content.save", i.onError), h = m("offer.save", i.onError);
-	return /* @__PURE__ */ N(z, {
+function J({ content: r, ...i }) {
+	let { t: a } = e(), o = t(i.client), { model: s } = U(r.kind, i.client), [c, l] = M(r.access);
+	k(() => l(r.access), [r.revision, r.access]);
+	let [u, d] = M(!1), f = m("content.save", i.onError), h = m("offer.save", i.onError);
+	return /* @__PURE__ */ P(V, {
 		title: a("contentEditor.accessTitle"),
 		ckui: "access-editor",
 		children: [
-			/* @__PURE__ */ N("form", {
+			/* @__PURE__ */ P("form", {
 				className: "grid gap-3",
 				onSubmit: (e) => {
 					e.preventDefault(), d(!1), f.run(() => o.contents.update(r.id, {
-						access: W(c),
+						access: q(c),
 						revision: r.revision
 					})).then((e) => e && d(!0));
 				},
 				children: [
-					/* @__PURE__ */ M(U, {
+					/* @__PURE__ */ N(G, {
 						value: c,
 						onChange: l,
 						model: s,
+						kind: r.kind,
+						owner: r.owner_group_id,
 						labels: i.labels,
 						client: o
 					}),
-					/* @__PURE__ */ M(p, { error: f.error }),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ N(p, { error: f.error }),
+					/* @__PURE__ */ P("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ M(n, {
+						children: [/* @__PURE__ */ N(n, {
 							type: "submit",
 							size: "sm",
-							disabled: f.pending,
+							disabled: f.pending || !K(c),
 							children: f.pending ? a("common.saving") : a("common.save")
-						}), /* @__PURE__ */ M(B, { show: u })]
+						}), /* @__PURE__ */ N(H, { show: u })]
 					})
 				]
 			}),
-			/* @__PURE__ */ M(w, {
+			/* @__PURE__ */ N(w, {
 				offer: r.offer,
 				pending: h.pending,
 				onSell: (e) => void h.run(() => o.offers.sell({ content: r.id }, e)),
 				onWithdraw: () => void h.run(() => o.offers.withdraw({ content: r.id }))
 			}),
-			/* @__PURE__ */ M(p, { error: h.error })
+			/* @__PURE__ */ N(p, { error: h.error })
 		]
 	});
 }
-function K(e, t, n) {
+function Y(e, t, n) {
 	return e.label || [...e.languages.map(t), ...e.traits.map((e) => x(n, e))].join(" · ");
 }
-function q({ content: i, media: o = !0, ...s }) {
-	let { t: c } = e(), l = t(s.client), u = C(), { model: d, spec: f } = V(i.kind, s.client), h = m("content.save", s.onError), g = m("content.save", s.onError), [_, v] = j(null), y = A(() => [...i.versions].sort((e, t) => e.position - t.position), [i.versions]);
-	if (f?.versions.hidden) return null;
-	let b = d?.languages ?? [];
-	return /* @__PURE__ */ N(z, {
-		title: c("contentEditor.versions"),
+function X({ content: o, media: s = !0, ...c }) {
+	let { t: l } = e(), u = t(c.client), d = C(), { model: f, spec: h } = U(o.kind, c.client), g = m("content.save", c.onError), _ = m("content.save", c.onError), [v, y] = M(null), b = j(() => [...o.versions].sort((e, t) => e.position - t.position), [o.versions]);
+	if (!h) return null;
+	if (h.versions.hidden) {
+		let e = b[0];
+		return !e || !s && !h.segments ? null : /* @__PURE__ */ P(V, {
+			title: l("contentEditor.media"),
+			ckui: "version-media",
+			children: [h.segments && /* @__PURE__ */ N($, {
+				content: o,
+				version: e,
+				...c
+			}), s && /* @__PURE__ */ N(i, {
+				item: {
+					kind: o.kind,
+					id: o.id,
+					version: e.id
+				},
+				label: l("contentEditor.media")
+			})]
+		});
+	}
+	let x = f?.languages ?? [];
+	return /* @__PURE__ */ P(V, {
+		title: l("contentEditor.versions"),
 		ckui: "versions-editor",
 		children: [
-			/* @__PURE__ */ M(r, {
-				items: y,
+			/* @__PURE__ */ N(r, {
+				items: b,
 				id: (e) => e.id,
-				name: (e) => K(e, u, s.labels),
-				label: c("contentEditor.versions"),
-				disabled: h.pending || y.length < 2,
+				name: (e) => Y(e, d, c.labels),
+				label: l("contentEditor.versions"),
+				disabled: g.pending || b.length < 2,
 				onMove: (e, t) => {
-					let n = y.map((e) => e.id), [r] = n.splice(e, 1);
-					n.splice(t, 0, r), h.run(() => l.contents.orderVersions(i.id, n));
+					let n = b.map((e) => e.id), [r] = n.splice(e, 1);
+					n.splice(t, 0, r), g.run(() => u.contents.orderVersions(o.id, n));
 				},
-				children: (e, t) => /* @__PURE__ */ N("div", {
+				children: (e, t) => /* @__PURE__ */ P("div", {
 					className: "grid gap-2 rounded-md border border-border p-2",
 					"data-ckui": "version-row",
 					"data-version": e.id,
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ P("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							y.length > 1 && t,
-							/* @__PURE__ */ M("span", {
+							b.length > 1 && t,
+							/* @__PURE__ */ N("span", {
 								className: "min-w-0 flex-1 font-medium break-words",
-								children: K(e, u, s.labels)
+								children: Y(e, d, c.labels)
 							}),
-							/* @__PURE__ */ M(a, {
+							/* @__PURE__ */ N(a, {
 								variant: e.live ? "default" : "outline",
-								children: c(e.live ? "contentEditor.live" : e.state === "draft" ? "contentManager.draft" : "contentManager.scheduled")
+								children: l(e.live ? "contentEditor.live" : e.state === "draft" ? "contentManager.draft" : "contentManager.scheduled")
 							}),
-							e.access && /* @__PURE__ */ M(a, {
+							e.access && /* @__PURE__ */ N(a, {
 								variant: "secondary",
-								children: c(`contentEditor.level_${e.access.level}`)
+								children: l(`contentEditor.level_${e.access.level}`)
 							}),
-							e.pages ? /* @__PURE__ */ M("span", {
+							e.pages ? /* @__PURE__ */ N("span", {
 								className: "text-xs text-muted-foreground",
-								children: c("contentEditor.pageCount", { count: e.pages })
+								children: l("contentEditor.pageCount", { count: e.pages })
 							}) : null,
-							/* @__PURE__ */ M(n, {
+							/* @__PURE__ */ N(n, {
 								type: "button",
 								size: "xs",
 								variant: "ghost",
-								"aria-expanded": _ === e.id,
-								onClick: () => v(_ === e.id ? null : e.id),
-								children: c(_ === e.id ? "contentEditor.close" : "contentEditor.edit")
+								"aria-expanded": v === e.id,
+								onClick: () => y(v === e.id ? null : e.id),
+								children: l(v === e.id ? "contentEditor.close" : "contentEditor.edit")
 							})
 						]
-					}), _ === e.id && /* @__PURE__ */ M(X, {
-						content: i,
+					}), v === e.id && /* @__PURE__ */ N(ee, {
+						content: o,
 						version: e,
-						model: d,
-						media: o,
-						...s
+						model: f,
+						media: s,
+						...c
 					})]
 				})
 			}),
-			/* @__PURE__ */ M(p, { error: h.error }),
-			/* @__PURE__ */ M(Y, {
-				languages: b,
-				many: f?.versions.languages === "many",
-				pending: g.pending,
-				onAdd: (e) => void g.run(() => l.contents.addVersion(i.id, e))
+			/* @__PURE__ */ N(p, { error: g.error }),
+			/* @__PURE__ */ N(Q, {
+				languages: x,
+				many: h?.versions.languages === "many",
+				pending: _.pending,
+				onAdd: (e) => void _.run(() => u.contents.addVersion(o.id, e))
 			}),
-			/* @__PURE__ */ M(p, { error: g.error })
+			/* @__PURE__ */ N(p, { error: _.error })
 		]
 	});
 }
-function J({ languages: t, value: n, many: r, onChange: i }) {
+function Z({ languages: t, value: n, many: r, onChange: i }) {
 	let { t: a } = e(), o = C();
-	return r ? /* @__PURE__ */ N("fieldset", {
+	return r ? /* @__PURE__ */ P("fieldset", {
 		className: "flex flex-wrap gap-3",
-		children: [/* @__PURE__ */ M("legend", {
+		children: [/* @__PURE__ */ N("legend", {
 			className: "sr-only",
 			children: a("contentEditor.versionLanguages")
-		}), t.map((e) => /* @__PURE__ */ N("label", {
+		}), t.map((e) => /* @__PURE__ */ P("label", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ M(h, {
+			children: [/* @__PURE__ */ N(h, {
 				size: "sm",
 				checked: n.includes(e),
 				onCheckedChange: (t) => i(t ? [...n, e] : n.filter((t) => t !== e)),
 				"aria-label": o(e)
 			}), o(e)]
 		}, e))]
-	}) : /* @__PURE__ */ N(c, {
-		value: n[0] ?? F,
-		onValueChange: (e) => i(e === F ? [] : [String(e)]),
-		children: [/* @__PURE__ */ M(d, {
+	}) : /* @__PURE__ */ P(c, {
+		value: n[0] ?? I,
+		onValueChange: (e) => i(e === I ? [] : [String(e)]),
+		children: [/* @__PURE__ */ N(d, {
 			size: "sm",
 			"aria-label": a("contentEditor.versionLanguage"),
-			children: /* @__PURE__ */ M(f, { children: (e) => e === F ? a("contentEditor.chooseLanguage") : o(e) })
-		}), /* @__PURE__ */ M(l, { children: t.map((e) => /* @__PURE__ */ M(u, {
+			children: /* @__PURE__ */ N(f, { children: (e) => e === I ? a("contentEditor.chooseLanguage") : o(e) })
+		}), /* @__PURE__ */ N(l, { children: t.map((e) => /* @__PURE__ */ N(u, {
 			value: e,
 			children: o(e)
 		}, e)) })]
 	});
 }
-function Y({ languages: t, many: r, pending: i, onAdd: a }) {
-	let { t: o } = e(), [s, c] = j([]);
-	return /* @__PURE__ */ N("div", {
+function Q({ languages: t, many: r, pending: i, onAdd: a }) {
+	let { t: o } = e(), [s, c] = M([]);
+	return /* @__PURE__ */ P("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "add-version",
-		children: [/* @__PURE__ */ M(J, {
+		children: [/* @__PURE__ */ N(Z, {
 			languages: t,
 			value: s,
 			many: r,
 			onChange: c
-		}), /* @__PURE__ */ M(n, {
+		}), /* @__PURE__ */ N(n, {
 			type: "button",
 			size: "sm",
 			variant: "outline",
@@ -455,38 +482,38 @@ function Y({ languages: t, many: r, pending: i, onAdd: a }) {
 		})]
 	});
 }
-function X({ content: r, version: a, model: c, media: l, ...u }) {
-	let { t: d } = e(), f = k(), _ = t(u.client), y = c?.kinds[r.kind], [b, S] = j(a.languages), [C, T] = j(a.traits), [E, D] = j(a.label ?? ""), [O, A] = j(a.state === "draft"), [P, F] = j(v(a.publish_at)), [I, L] = j(!!a.access), [R, z] = j(a.access ?? r.access), [V, H] = j(!1), G = m("content.save", u.onError), K = m("content.save", u.onError), q = m("offer.save", u.onError);
-	return /* @__PURE__ */ N("div", {
+function ee({ content: r, version: a, model: c, media: l, ...u }) {
+	let { t: d } = e(), f = A(), _ = t(u.client), y = c?.kinds[r.kind], [b, S] = M(a.languages), [C, T] = M(a.traits), [E, D] = M(a.label ?? ""), [k, j] = M(a.state === "draft"), [F, I] = M(v(a.publish_at)), [L, R] = M(!!a.access), [z, B] = M(a.access ?? r.access), [V, U] = M(!1), W = m("content.save", u.onError), J = m("content.save", u.onError), Y = m("offer.save", u.onError);
+	return /* @__PURE__ */ P("div", {
 		className: "grid gap-4 pt-2",
 		children: [
-			/* @__PURE__ */ N("form", {
+			/* @__PURE__ */ P("form", {
 				className: "grid gap-3",
 				onSubmit: (e) => {
-					e.preventDefault(), H(!1), G.run(() => _.contents.updateVersion(r.id, a.id, {
+					e.preventDefault(), U(!1), W.run(() => _.contents.updateVersion(r.id, a.id, {
 						languages: b,
 						traits: C,
 						label: E.trim(),
-						state: O ? "draft" : "published",
-						publish_at: g(P),
-						...I ? { access: W(R) } : { clear_access: !!a.access }
-					})).then((e) => e && H(!0));
+						state: k ? "draft" : "published",
+						publish_at: g(F),
+						...L ? { access: q(z) } : { clear_access: !!a.access }
+					})).then((e) => e && U(!0));
 				},
 				children: [
-					/* @__PURE__ */ M(J, {
+					/* @__PURE__ */ N(Z, {
 						languages: c?.languages ?? [],
 						value: b,
 						many: y?.versions.languages === "many",
 						onChange: S
 					}),
-					!!y?.versions.traits?.length && /* @__PURE__ */ N("fieldset", {
+					!!y?.versions.traits?.length && /* @__PURE__ */ P("fieldset", {
 						className: "flex flex-wrap gap-3",
-						children: [/* @__PURE__ */ M("legend", {
+						children: [/* @__PURE__ */ N("legend", {
 							className: "sr-only",
 							children: d("contentEditor.traits")
-						}), y.versions.traits.map((e) => /* @__PURE__ */ N("label", {
+						}), y.versions.traits.map((e) => /* @__PURE__ */ P("label", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ M(h, {
+							children: [/* @__PURE__ */ N(h, {
 								size: "sm",
 								checked: C.includes(e),
 								onCheckedChange: (t) => T(t ? [...C, e] : C.filter((t) => t !== e)),
@@ -494,152 +521,160 @@ function X({ content: r, version: a, model: c, media: l, ...u }) {
 							}), x(u.labels, e)]
 						}, e))]
 					}),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ P("div", {
 						className: "grid gap-3 sm:grid-cols-2",
-						children: [/* @__PURE__ */ N("div", {
+						children: [/* @__PURE__ */ P("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ M(s, {
+							children: [/* @__PURE__ */ N(s, {
 								htmlFor: `${f}-label`,
 								children: d("contentEditor.versionLabel")
-							}), /* @__PURE__ */ M(o, {
+							}), /* @__PURE__ */ N(o, {
 								id: `${f}-label`,
 								className: "h-8",
 								value: E,
 								onChange: (e) => D(e.target.value)
 							})]
-						}), /* @__PURE__ */ N("div", {
+						}), /* @__PURE__ */ P("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ M(s, {
+							children: [/* @__PURE__ */ N(s, {
 								htmlFor: `${f}-at`,
 								children: d("contentEditor.versionPublishAt")
-							}), /* @__PURE__ */ M(o, {
+							}), /* @__PURE__ */ N(o, {
 								id: `${f}-at`,
 								className: "h-8",
 								type: "datetime-local",
-								value: P,
-								onChange: (e) => F(e.target.value)
+								value: F,
+								onChange: (e) => I(e.target.value)
 							})]
 						})]
 					}),
-					/* @__PURE__ */ N("label", {
+					/* @__PURE__ */ P("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ M(h, {
+						children: [/* @__PURE__ */ N(h, {
 							size: "sm",
-							checked: O,
-							onCheckedChange: A
+							checked: k,
+							onCheckedChange: j
 						}), d("contentEditor.versionDraft")]
 					}),
-					/* @__PURE__ */ N("label", {
+					/* @__PURE__ */ P("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ M(h, {
+						children: [/* @__PURE__ */ N(h, {
 							size: "sm",
-							checked: I,
-							onCheckedChange: L
+							checked: L,
+							onCheckedChange: R
 						}), d("contentEditor.ownAccess")]
 					}),
-					I && /* @__PURE__ */ M(U, {
-						value: R,
-						onChange: z,
+					L && /* @__PURE__ */ N(G, {
+						value: z,
+						onChange: B,
 						model: c,
+						kind: r.kind,
+						owner: r.owner_group_id,
 						labels: u.labels,
 						client: _
 					}),
-					/* @__PURE__ */ M(p, { error: G.error }),
-					/* @__PURE__ */ N("div", {
+					/* @__PURE__ */ N(p, { error: W.error }),
+					/* @__PURE__ */ P("div", {
 						className: "flex flex-wrap items-center gap-3",
 						children: [
-							/* @__PURE__ */ M(n, {
+							/* @__PURE__ */ N(n, {
 								type: "submit",
 								size: "sm",
-								disabled: G.pending || !b.length,
-								children: G.pending ? d("common.saving") : d("common.save")
+								disabled: W.pending || !b.length || L && !K(z),
+								children: W.pending ? d("common.saving") : d("common.save")
 							}),
-							/* @__PURE__ */ M(B, { show: V }),
-							/* @__PURE__ */ M(n, {
+							/* @__PURE__ */ N(H, { show: V }),
+							/* @__PURE__ */ N(n, {
 								type: "button",
 								size: "sm",
 								variant: "destructive",
 								className: "ms-auto",
-								disabled: K.pending,
-								onClick: () => void K.run(() => _.contents.removeVersion(r.id, a.id)),
+								disabled: J.pending,
+								onClick: () => void J.run(() => _.contents.removeVersion(r.id, a.id)),
 								children: d("contentEditor.deleteVersion")
 							})
 						]
 					}),
-					/* @__PURE__ */ M(p, { error: K.error })
+					/* @__PURE__ */ N(p, { error: J.error })
 				]
 			}),
-			/* @__PURE__ */ M(w, {
+			/* @__PURE__ */ N(w, {
 				offer: a.offer,
-				pending: q.pending,
-				onSell: (e) => void q.run(() => _.offers.sell({
+				pending: Y.pending,
+				onSell: (e) => void Y.run(() => _.offers.sell({
 					content: r.id,
 					version: a.id
 				}, e)),
-				onWithdraw: () => void q.run(() => _.offers.withdraw({
+				onWithdraw: () => void Y.run(() => _.offers.withdraw({
 					content: r.id,
 					version: a.id
 				}))
 			}),
-			/* @__PURE__ */ M(p, { error: q.error }),
-			y?.segments && /* @__PURE__ */ M(Z, {
+			/* @__PURE__ */ N(p, { error: Y.error }),
+			y?.segments && /* @__PURE__ */ N($, {
 				content: r,
 				version: a,
 				...u
 			}),
-			l && /* @__PURE__ */ M(i, {
+			l && /* @__PURE__ */ N(i, {
 				item: {
 					kind: r.kind,
 					id: r.id,
 					version: a.id
 				},
 				label: d("contentEditor.media")
+			}),
+			l && y?.presentation === "reader" && /* @__PURE__ */ N(O, {
+				content: r.id,
+				version: a.id,
+				client: u.client,
+				onError: u.onError
 			})
 		]
 	});
 }
-function Z({ content: r, version: i, ...a }) {
+function $({ content: r, version: i, ...a }) {
 	let { t: s } = e(), c = t(a.client), l = () => i.segments.map((e) => ({
 		title: e.title ?? "",
 		start: String(e.start),
 		end: String(e.end),
 		release: v(e.release_at)
-	})), [u, d] = j(l);
-	O(() => d(l()), [JSON.stringify(i.segments)]);
-	let [f, h] = j(!1), _ = m("content.save", a.onError), y = (e, t) => {
+	})), [u, d] = M(l);
+	k(() => d(l()), [JSON.stringify(i.segments)]);
+	let [f, h] = M(!1), _ = m("content.save", a.onError), y = (e, t) => {
 		h(!1), d((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
 		} : n));
 	}, b = u.every((e) => /^\d+$/.test(e.start) && /^\d+$/.test(e.end) && Number(e.end) > Number(e.start));
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ P("div", {
 		className: "grid gap-2",
 		"data-ckui": "segments-editor",
 		children: [
-			/* @__PURE__ */ M("h4", {
+			/* @__PURE__ */ N("h4", {
 				className: "text-sm font-medium",
 				children: s("contentEditor.segments")
 			}),
-			u.length === 0 && /* @__PURE__ */ M("p", {
+			u.length === 0 && /* @__PURE__ */ N("p", {
 				className: "text-muted-foreground",
 				children: s("contentEditor.noSegments")
 			}),
-			u.map((e, t) => /* @__PURE__ */ N("div", {
+			u.map((e, t) => /* @__PURE__ */ P("div", {
 				className: "flex flex-wrap items-center gap-2",
 				"data-ckui": "segment-row",
 				children: [
-					/* @__PURE__ */ M("span", {
+					/* @__PURE__ */ N("span", {
 						className: "w-6 text-xs text-muted-foreground tabular-nums",
 						children: t + 1
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ N(o, {
 						className: "h-8 w-40",
 						"aria-label": s("contentEditor.segmentTitle", { n: t + 1 }),
 						placeholder: s("contentEditor.segmentTitlePlaceholder"),
 						value: e.title,
 						onChange: (e) => y(t, { title: e.target.value })
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ N(o, {
 						className: "h-8 w-20",
 						type: "number",
 						min: 0,
@@ -647,11 +682,11 @@ function Z({ content: r, version: i, ...a }) {
 						value: e.start,
 						onChange: (e) => y(t, { start: e.target.value })
 					}),
-					/* @__PURE__ */ M("span", {
+					/* @__PURE__ */ N("span", {
 						"aria-hidden": !0,
 						children: "–"
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ N(o, {
 						className: "h-8 w-20",
 						type: "number",
 						min: 1,
@@ -659,14 +694,14 @@ function Z({ content: r, version: i, ...a }) {
 						value: e.end,
 						onChange: (e) => y(t, { end: e.target.value })
 					}),
-					/* @__PURE__ */ M(o, {
+					/* @__PURE__ */ N(o, {
 						className: "h-8 w-48",
 						type: "datetime-local",
 						"aria-label": s("contentEditor.segmentRelease", { n: t + 1 }),
 						value: e.release,
 						onChange: (e) => y(t, { release: e.target.value })
 					}),
-					/* @__PURE__ */ M(n, {
+					/* @__PURE__ */ N(n, {
 						type: "button",
 						size: "xs",
 						variant: "ghost",
@@ -675,10 +710,10 @@ function Z({ content: r, version: i, ...a }) {
 					})
 				]
 			}, t)),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ M(n, {
+					/* @__PURE__ */ N(n, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
@@ -693,7 +728,7 @@ function Z({ content: r, version: i, ...a }) {
 						},
 						children: s("contentEditor.addSegment")
 					}),
-					/* @__PURE__ */ M(n, {
+					/* @__PURE__ */ N(n, {
 						type: "button",
 						size: "sm",
 						disabled: _.pending || !b,
@@ -711,42 +746,42 @@ function Z({ content: r, version: i, ...a }) {
 						},
 						children: s("contentEditor.saveSegments")
 					}),
-					/* @__PURE__ */ M(B, { show: f })
+					/* @__PURE__ */ N(H, { show: f })
 				]
 			}),
-			/* @__PURE__ */ M(p, { error: _.error })
+			/* @__PURE__ */ N(p, { error: _.error })
 		]
 	});
 }
-function Q({ content: e, ...t }) {
-	let n = C(), r = A(() => e.versions.map((e) => ({
+function te({ content: e, ...t }) {
+	let n = C(), r = j(() => e.versions.map((e) => ({
 		id: e.id,
-		label: K(e, n, t.labels)
+		label: Y(e, n, t.labels)
 	})), [
 		e.versions,
 		n,
 		t.labels
-	]), { spec: i } = V(e.kind, t.client);
-	return /* @__PURE__ */ N("div", {
-		className: P("grid gap-6", t.className),
+	]), { spec: i } = U(e.kind, t.client);
+	return /* @__PURE__ */ P("div", {
+		className: F("grid gap-6", t.className),
 		"data-ckui": "content-sections",
 		children: [
-			/* @__PURE__ */ M(H, {
+			/* @__PURE__ */ N(W, {
 				content: e,
 				...t
 			}),
-			/* @__PURE__ */ M(G, {
+			/* @__PURE__ */ N(J, {
 				content: e,
 				...t
 			}),
-			/* @__PURE__ */ M(q, {
+			/* @__PURE__ */ N(X, {
 				content: e,
 				...t
 			}),
-			!!i?.groups?.length && /* @__PURE__ */ M("section", {
+			!!i?.groups?.length && /* @__PURE__ */ N("section", {
 				className: "grid gap-3 border-t border-border pt-4",
 				"data-ckui": "content-groups",
-				children: /* @__PURE__ */ M(D, {
+				children: /* @__PURE__ */ N(D, {
 					content: e.id,
 					contentKind: e.kind,
 					versions: i.versions.hidden ? void 0 : r,
@@ -759,6 +794,6 @@ function Q({ content: e, ...t }) {
 	});
 }
 //#endregion
-export { G as AccessEditor, H as ContentDetailsEditor, Q as ContentSections, Z as SegmentsEditor, q as VersionsEditor, K as versionLabel };
+export { J as AccessEditor, W as ContentDetailsEditor, te as ContentSections, $ as SegmentsEditor, X as VersionsEditor, Y as versionLabel };
 
 //# sourceMappingURL=editors.js.map