@openrails/contentkit-ui 0.99.2 → 0.100.0

package/dist/components/content/editors.js

@@ -1,224 +1,318 @@
 import { useLanguageName as e, useMessages as t } from "../../i18n/context.js";
 import { useContentKitClient as n } from "../../react/context.js";
-import { useKinds as r } from "../../react/groups.js";
-import { useMediaRead as i } from "../../react/read.js";
-import { usePresets as a } from "../../react/public.js";
-import { Button as o } from "../../ui/button.js";
-import { SortableList as s } from "../sortable-list.js";
-import { MediaFolderEditor as c } from "../media-folder-editor.js";
-import { Badge as l } from "../../ui/badge.js";
-import { Input as u } from "../../ui/input.js";
-import { Label as d } from "../../ui/label.js";
-import { Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "../../ui/select.js";
-import { Skeleton as _ } from "../../ui/skeleton.js";
-import { ErrorLine as v, useAction as y } from "../social/parts.js";
-import { Switch as b } from "../../ui/switch.js";
-import { fromLocalInput as x, parseAttributes as S, toLocalInput as C } from "../../client/group-fields.js";
-import { GroupPicker as w, labelOf as T, useGroupNames as E } from "../groups/parts.js";
-import { OfferFields as D } from "./offer-fields.js";
-import { AttributeFields as O, formOf as k } from "../groups/fields.js";
-import { MembershipEditor as A } from "../groups/memberships.js";
-import { ReaderManifestEditor as j } from "../admin/reader-manifest.js";
+import { useContentScope as r } from "../../react/use-resource.js";
+import { useKinds as i } from "../../react/groups.js";
+import { useMediaRead as a } from "../../react/read.js";
+import { usePresets as o } from "../../react/public.js";
+import { Button as s } from "../../ui/button.js";
+import { SortableList as c } from "../sortable-list.js";
+import { MediaFolderEditor as l } from "../media-folder-editor.js";
+import { Badge as u } from "../../ui/badge.js";
+import { Input as d } from "../../ui/input.js";
+import { Label as f } from "../../ui/label.js";
+import { Select as p, SelectContent as m, SelectItem as h, SelectTrigger as g, SelectValue as _ } from "../../ui/select.js";
+import { Skeleton as v } from "../../ui/skeleton.js";
+import { ErrorLine as y, useAction as b } from "../social/parts.js";
+import { Switch as x } from "../../ui/switch.js";
+import { fromLocalInput as S, parseAttributes as C, toLocalInput as w } from "../../client/group-fields.js";
+import { GroupPicker as T, labelOf as E, useGroupNames as D } from "../groups/parts.js";
+import { OfferFields as O } from "./offer-fields.js";
+import { AttributeFields as k, formOf as A } from "../groups/fields.js";
+import { MembershipEditor as j } from "../groups/memberships.js";
+import { ReaderManifestEditor as ee } from "../admin/reader-manifest.js";
 import { PageReview as M } from "../admin/page-review.js";
-import { VideoMediaEditor as N, videoPaths as P } from "../admin/media-item-panel.js";
-import { useEffect as F, useId as I, useMemo as L, useRef as R, useState as z } from "react";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { cn as U } from "cn";
+import { VideoMediaEditor as N, videoPaths as te } from "../admin/media-item-panel.js";
+import { useEffect as P, useId as ne, useMemo as F, useRef as I, useState as L } from "react";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { cn as V } from "cn";
 //#region src/components/content/editors.tsx
-var W = "__none__", ee = [
+var H = "__none__", re = [
 	"listed",
 	"members",
 	"unlisted"
-], te = [
+], ie = [
 	"open",
 	"closed",
 	"hidden"
-], ne = [
+], ae = [
 	"public",
 	"tier",
 	"ppv",
 	"group",
 	"group_ppv"
-], G = (e) => e === "group" || e === "group_ppv";
-function K({ title: e, ckui: t, children: n }) {
-	return /* @__PURE__ */ H("section", {
+], U = (e) => e === "group" || e === "group_ppv";
+function W({ title: e, ckui: t, children: n }) {
+	return /* @__PURE__ */ B("section", {
 		className: "grid gap-3 border-t border-border pt-4",
 		"data-ckui": t,
-		children: [/* @__PURE__ */ V("h3", {
+		children: [/* @__PURE__ */ z("h3", {
 			className: "font-medium",
 			children: e
 		}), n]
 	});
 }
-function q({ show: e }) {
+function G({ show: e }) {
 	let { t: n } = t();
-	return e ? /* @__PURE__ */ V("span", {
+	return e ? /* @__PURE__ */ z("span", {
 		role: "status",
 		className: "text-muted-foreground",
 		children: n("contentEditor.saved")
 	}) : null;
 }
-function J(e, t) {
-	let { kinds: n } = r({ client: t });
+function K(e, t) {
+	let { kinds: n } = i({ client: t });
 	return {
 		model: n,
 		spec: n?.kinds[e]
 	};
 }
-function Y({ content: e, ...r }) {
-	let { t: i } = t(), a = n(r.client), { spec: s } = J(e.kind, r.client), c = L(() => s?.attributes ?? {}, [s]), [l, u] = z(e.listing), [_, b] = z(e.comments), [x, C] = z({});
-	F(() => {
-		u(e.listing), b(e.comments), C(k(c, e.attributes));
-	}, [
-		e.revision,
-		e.listing,
-		e.comments,
-		e.attributes,
-		c
-	]);
-	let [w, T] = z(null), [E, D] = z(!1), A = y("content.save", r.onError);
-	return /* @__PURE__ */ V(K, {
+function q(e) {
+	let [t, n] = L(e), r = I({
+		value: e,
+		dirty: /* @__PURE__ */ new Set(),
+		edits: /* @__PURE__ */ new Map()
+	});
+	return P(() => {
+		let t = { ...e };
+		for (let e of r.current.dirty) t[e] = r.current.value[e];
+		r.current.value = t, n(t);
+	}, [e]), {
+		value: t,
+		edit: (e) => {
+			let t = r.current, i = typeof e == "function" ? e(t.value) : e;
+			for (let e of /* @__PURE__ */ new Set([...Object.keys(t.value), ...Object.keys(i)])) Object.is(t.value[e], i[e]) || (t.dirty.add(e), t.edits.set(e, (t.edits.get(e) ?? 0) + 1));
+			t.value = i, n(i);
+		},
+		checkpoint: () => {
+			let e = new Map(r.current.edits);
+			return (t) => {
+				let i = r.current, a = { ...t };
+				for (let n of /* @__PURE__ */ new Set([...Object.keys(i.value), ...Object.keys(t)])) i.edits.get(n) === e.get(n) ? i.dirty.delete(n) : a[n] = i.value[n];
+				return i.value = a, n(a), i.dirty.size === 0;
+			};
+		}
+	};
+}
+function J(e, t, n) {
+	let [r, i] = L({
+		id: e,
+		client: t,
+		scope: n,
+		key: 0
+	});
+	if (r.id !== e || r.client !== t || r.scope !== n) {
+		let a = {
+			id: e,
+			client: t,
+			scope: n,
+			key: r.key + 1
+		};
+		return i(a), a.key;
+	}
+	return r.key;
+}
+function Y(e, t) {
+	let { client: n, store: i, scope: a, language: o } = r(t), s = I(!0);
+	return P(() => (s.current = !0, () => {
+		s.current = !1;
+	}), []), async () => {
+		let t = await n.contents.get(e.id, o ?? e.language);
+		return s.current && i.patch((t) => t.type === "content" && t.id === e.id && (t.readScope ?? "{}") === a, (e) => (e && e.revision > t.revision && (t = e), t)), t;
+	};
+}
+function X(e) {
+	let { client: t, scope: n } = r(e.client), i = J(e.content.id, t, n);
+	return /* @__PURE__ */ z(oe, {
+		...e,
+		client: t
+	}, i);
+}
+function oe({ content: e, ...r }) {
+	let { t: i } = t(), a = n(r.client), { spec: o } = K(e.kind, r.client), c = F(() => o?.attributes ?? {}, [o]), l = q(F(() => ({
+		listing: e.listing,
+		comments: e.comments
+	}), [e.listing, e.comments])), u = q(F(() => A(c, e.attributes), [c, e.attributes])), { listing: d, comments: v } = l.value, x = Y(e, r.client), [S, w] = L(null), [T, E] = L(!1), D = b("content.save", r.onError);
+	return /* @__PURE__ */ z(W, {
 		title: i("contentEditor.details"),
 		ckui: "content-details",
-		children: /* @__PURE__ */ H("form", {
+		children: /* @__PURE__ */ B("form", {
 			className: "grid gap-3",
 			onSubmit: (t) => {
-				t.preventDefault(), T(null), D(!1);
+				t.preventDefault(), w(null), E(!1);
 				let n;
 				try {
-					n = S(c, x);
+					n = C(c, u.value);
 				} catch (e) {
-					return T(e.message);
+					return w(e.message);
 				}
-				A.run(() => a.contents.update(e.id, {
-					listing: l,
-					comments: _,
+				let r = l.checkpoint(), i = u.checkpoint();
+				D.run(() => a.contents.update(e.id, {
+					listing: d,
+					comments: v,
 					attributes: n,
 					revision: e.revision
-				})).then((e) => e && D(!0));
+				})).then((e) => {
+					if (!e) return;
+					let t = r({
+						listing: e.listing,
+						comments: e.comments
+					}), n = i(A(c, e.attributes));
+					E(t && n);
+				});
 			},
 			children: [
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ V(d, { children: i("contentEditor.listing") }), /* @__PURE__ */ H(f, {
-						value: l,
-						onValueChange: (e) => u(e),
-						children: [/* @__PURE__ */ V(h, {
+					children: [/* @__PURE__ */ z(f, { children: i("contentEditor.listing") }), /* @__PURE__ */ B(p, {
+						value: d,
+						onValueChange: (e) => {
+							l.edit((t) => ({
+								...t,
+								listing: e
+							})), E(!1);
+						},
+						children: [/* @__PURE__ */ z(g, {
 							size: "sm",
 							"aria-label": i("contentEditor.listing"),
-							children: /* @__PURE__ */ V(g, { children: (e) => i(`contentEditor.listing_${e}`) })
-						}), /* @__PURE__ */ V(p, { children: ee.map((e) => /* @__PURE__ */ V(m, {
+							children: /* @__PURE__ */ z(_, { children: (e) => i(`contentEditor.listing_${e}`) })
+						}), /* @__PURE__ */ z(m, { children: re.map((e) => /* @__PURE__ */ z(h, {
 							value: e,
 							children: i(`contentEditor.listing_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ B("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ V(d, { children: i("contentEditor.comments") }), /* @__PURE__ */ H(f, {
-						value: _,
-						onValueChange: (e) => b(e),
-						children: [/* @__PURE__ */ V(h, {
+					children: [/* @__PURE__ */ z(f, { children: i("contentEditor.comments") }), /* @__PURE__ */ B(p, {
+						value: v,
+						onValueChange: (e) => {
+							l.edit((t) => ({
+								...t,
+								comments: e
+							})), E(!1);
+						},
+						children: [/* @__PURE__ */ z(g, {
 							size: "sm",
 							"aria-label": i("contentEditor.comments"),
-							children: /* @__PURE__ */ V(g, { children: (e) => i(`contentEditor.comments_${e}`) })
-						}), /* @__PURE__ */ V(p, { children: te.map((e) => /* @__PURE__ */ V(m, {
+							children: /* @__PURE__ */ z(_, { children: (e) => i(`contentEditor.comments_${e}`) })
+						}), /* @__PURE__ */ z(m, { children: ie.map((e) => /* @__PURE__ */ z(h, {
 							value: e,
 							children: i(`contentEditor.comments_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ V(O, {
+				/* @__PURE__ */ z(k, {
 					declared: c,
-					form: x,
-					onChange: (e, t) => C((n) => ({
-						...n,
-						[e]: t
-					})),
+					form: u.value,
+					onChange: (e, t) => {
+						u.edit((n) => ({
+							...n,
+							[e]: t
+						})), E(!1);
+					},
 					labels: r.labels
 				}),
-				w && /* @__PURE__ */ V(v, { children: w }),
-				/* @__PURE__ */ V(v, { error: A.error }),
-				/* @__PURE__ */ H("div", {
+				S && /* @__PURE__ */ z(y, { children: S }),
+				/* @__PURE__ */ z(y, { error: D.error }),
+				/* @__PURE__ */ B("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ V(o, {
-						type: "submit",
-						size: "sm",
-						disabled: A.pending,
-						children: A.pending ? i("common.saving") : i("common.save")
-					}), /* @__PURE__ */ V(q, { show: E })]
+					children: [
+						/* @__PURE__ */ z(s, {
+							type: "submit",
+							size: "sm",
+							disabled: D.pending,
+							children: D.pending ? i("common.saving") : i("common.save")
+						}),
+						/* @__PURE__ */ z(s, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							disabled: D.pending,
+							onClick: () => {
+								let e = l.checkpoint(), t = u.checkpoint();
+								D.run(x).then((n) => {
+									n && (e({
+										listing: n.listing,
+										comments: n.comments
+									}), t(A(c, n.attributes)), w(null), E(!1));
+								});
+							},
+							children: i("common.cancel")
+						}),
+						/* @__PURE__ */ z(G, { show: T })
+					]
 				})
 			]
 		})
 	});
 }
-function X({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, client: s }) {
-	let { t: c } = t(), l = I(), _ = r?.tiers ?? [], v = r?.kinds[i], y = Object.entries(r?.entity_kinds ?? {}).filter(([, e]) => e.sellable || e.auth_scope).map(([e]) => e), [S, D] = z(), O = S ?? y[0] ?? "", k = E(e.group_id ? [e.group_id] : [], { client: s }), A = e.group_id ? k.get(e.group_id) : void 0, j = (t) => n({
+function se({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, client: s }) {
+	let { t: c } = t(), l = ne(), u = r?.tiers ?? [], v = r?.kinds[i], y = Object.entries(r?.entity_kinds ?? {}).filter(([, e]) => e.sellable || e.auth_scope).map(([e]) => e), [b, C] = L(), O = b ?? y[0] ?? "", k = D(e.group_id ? [e.group_id] : [], { client: s }), A = e.group_id ? k.get(e.group_id) : void 0, j = (t) => n({
 		...e,
 		...t
-	}), M = v?.presentation === "reader", N = !!v?.segments;
-	return /* @__PURE__ */ H("div", {
+	}), ee = v?.presentation === "reader", M = !!v?.segments;
+	return /* @__PURE__ */ B("div", {
 		className: "grid gap-3",
 		"data-ckui": "rule-fields",
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				className: "grid gap-1.5 sm:max-w-xs",
-				children: [/* @__PURE__ */ V(d, { children: c("contentEditor.access") }), /* @__PURE__ */ H(f, {
+				children: [/* @__PURE__ */ z(f, { children: c("contentEditor.access") }), /* @__PURE__ */ B(p, {
 					value: e.level,
 					onValueChange: (t) => {
 						let r = t;
 						n({
 							level: r,
-							group_id: G(r) ? e.group_id || a : void 0,
+							group_id: U(r) ? e.group_id || a : void 0,
 							preview: e.preview,
 							free_after: e.free_after
 						});
 					},
-					children: [/* @__PURE__ */ V(h, {
+					children: [/* @__PURE__ */ z(g, {
 						size: "sm",
 						"aria-label": c("contentEditor.access"),
-						children: /* @__PURE__ */ V(g, { children: (e) => c(`contentEditor.level_${e}`) })
-					}), /* @__PURE__ */ V(p, { children: ne.filter((e) => (e !== "tier" || _.length) && (!e.startsWith("group") || y.length)).map((e) => /* @__PURE__ */ V(m, {
+						children: /* @__PURE__ */ z(_, { children: (e) => c(`contentEditor.level_${e}`) })
+					}), /* @__PURE__ */ z(m, { children: ae.filter((e) => (e !== "tier" || u.length) && (!e.startsWith("group") || y.length)).map((e) => /* @__PURE__ */ z(h, {
 						value: e,
 						children: c(`contentEditor.level_${e}`)
 					}, e)) })]
 				})]
 			}),
-			e.level === "tier" && /* @__PURE__ */ H("fieldset", {
+			e.level === "tier" && /* @__PURE__ */ B("fieldset", {
 				className: "flex flex-wrap gap-3",
-				children: [/* @__PURE__ */ V("legend", {
+				children: [/* @__PURE__ */ z("legend", {
 					className: "sr-only",
 					children: c("contentEditor.tiers")
-				}), _.map((t) => /* @__PURE__ */ H("label", {
+				}), u.map((t) => /* @__PURE__ */ B("label", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ V(b, {
+					children: [/* @__PURE__ */ z(x, {
 						checked: e.tiers?.includes(t) ?? !1,
 						onCheckedChange: (n) => j({ tiers: n ? [...e.tiers ?? [], t] : (e.tiers ?? []).filter((e) => e !== t) }),
-						"aria-label": T(o, t)
-					}), T(o, t)]
+						"aria-label": E(o, t)
+					}), E(o, t)]
 				}, t))]
 			}),
-			G(e.level) && /* @__PURE__ */ H("div", {
+			U(e.level) && /* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-end gap-2",
 				children: [
-					A || e.group_id ? /* @__PURE__ */ V("span", {
+					A || e.group_id ? /* @__PURE__ */ z("span", {
 						className: "rounded-md border border-border px-2 py-0.5",
 						"data-ckui": "rule-group",
 						children: A ? A.name || A.slug : e.group_id
 					}) : null,
-					y.length > 1 && /* @__PURE__ */ H(f, {
+					y.length > 1 && /* @__PURE__ */ B(p, {
 						value: O,
-						onValueChange: (e) => D(String(e)),
-						children: [/* @__PURE__ */ V(h, {
+						onValueChange: (e) => C(String(e)),
+						children: [/* @__PURE__ */ z(g, {
 							size: "sm",
 							"aria-label": c("groupEditor.edgeKind"),
-							children: /* @__PURE__ */ V(g, { children: (e) => T(o, e) })
-						}), /* @__PURE__ */ V(p, { children: y.map((e) => /* @__PURE__ */ V(m, {
+							children: /* @__PURE__ */ z(_, { children: (e) => E(o, e) })
+						}), /* @__PURE__ */ z(m, { children: y.map((e) => /* @__PURE__ */ z(h, {
 							value: e,
-							children: T(o, e)
+							children: E(o, e)
 						}, e)) })]
 					}),
-					O && /* @__PURE__ */ V(w, {
+					O && /* @__PURE__ */ z(T, {
 						kind: O,
 						label: c("contentEditor.group"),
 						client: s,
@@ -226,15 +320,15 @@ function X({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 					}, O)
 				]
 			}),
-			e.level !== "public" && /* @__PURE__ */ H("div", {
+			e.level !== "public" && /* @__PURE__ */ B("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
-					M && /* @__PURE__ */ H("div", {
+					ee && /* @__PURE__ */ B("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ V(d, {
+						children: [/* @__PURE__ */ z(f, {
 							htmlFor: `${l}-pages`,
 							children: c("contentEditor.previewPages")
-						}), /* @__PURE__ */ V(u, {
+						}), /* @__PURE__ */ z(d, {
 							id: `${l}-pages`,
 							className: "h-8",
 							type: "number",
@@ -246,12 +340,12 @@ function X({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 							} })
 						})]
 					}),
-					N && /* @__PURE__ */ H("div", {
+					M && /* @__PURE__ */ B("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ V(d, {
+						children: [/* @__PURE__ */ z(f, {
 							htmlFor: `${l}-segments`,
 							children: c("contentEditor.previewSegments")
-						}), /* @__PURE__ */ V(u, {
+						}), /* @__PURE__ */ z(d, {
 							id: `${l}-segments`,
 							className: "h-8",
 							type: "number",
@@ -263,17 +357,17 @@ function X({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 							} })
 						})]
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ B("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ V(d, {
+						children: [/* @__PURE__ */ z(f, {
 							htmlFor: `${l}-free`,
 							children: c("contentEditor.freeAfter")
-						}), /* @__PURE__ */ V(u, {
+						}), /* @__PURE__ */ z(d, {
 							id: `${l}-free`,
 							className: "h-8",
 							type: "datetime-local",
-							value: C(e.free_after),
-							onChange: (e) => j({ free_after: x(e.target.value) })
+							value: w(e.free_after),
+							onChange: (e) => j({ free_after: S(e.target.value) })
 						})]
 					})
 				]
@@ -281,8 +375,8 @@ function X({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 		]
 	});
 }
-var Z = (e) => !G(e.level) || !!e.group_id;
-function re(e) {
+var ce = (e) => !U(e.level) || !!e.group_id;
+function le(e) {
 	let t = e.preview && (e.preview.pages || e.preview.segments) ? {
 		pages: e.preview.pages || void 0,
 		segments: e.preview.segments || void 0
@@ -295,70 +389,95 @@ function re(e) {
 		free_after: e.level === "public" ? void 0 : e.free_after
 	};
 }
-function ie({ content: e, ...r }) {
-	let { t: i } = t(), a = n(r.client), { model: s } = J(e.kind, r.client), [c, l] = z(e.access);
-	F(() => l(e.access), [e.revision, e.access]);
-	let [u, d] = z(!1), f = y("content.save", r.onError), p = y("offer.save", r.onError);
-	return /* @__PURE__ */ H(K, {
+function ue(e) {
+	let { client: t, scope: n } = r(e.client), i = J(e.content.id, t, n);
+	return /* @__PURE__ */ z(de, {
+		...e,
+		client: t
+	}, i);
+}
+function de({ content: e, ...r }) {
+	let { t: i } = t(), a = n(r.client), { model: o } = K(e.kind, r.client), c = q(e.access), l = Y(e, r.client), [u, d] = L(!1), f = b("content.save", r.onError), p = b("offer.save", r.onError);
+	return /* @__PURE__ */ B(W, {
 		title: i("contentEditor.accessTitle"),
 		ckui: "access-editor",
 		children: [
-			/* @__PURE__ */ H("form", {
+			/* @__PURE__ */ B("form", {
 				className: "grid gap-3",
 				onSubmit: (t) => {
-					t.preventDefault(), d(!1), f.run(() => a.contents.update(e.id, {
-						access: re(c),
+					t.preventDefault(), d(!1);
+					let n = c.checkpoint();
+					f.run(() => a.contents.update(e.id, {
+						access: le(c.value),
 						revision: e.revision
-					})).then((e) => e && d(!0));
+					})).then((e) => e && d(n(e.access)));
 				},
 				children: [
-					/* @__PURE__ */ V(X, {
-						value: c,
-						onChange: l,
-						model: s,
+					/* @__PURE__ */ z(se, {
+						value: c.value,
+						onChange: (e) => {
+							c.edit(e), d(!1);
+						},
+						model: o,
 						kind: e.kind,
 						owner: e.owner_group_id,
 						labels: r.labels,
 						client: a
 					}),
-					/* @__PURE__ */ V(v, { error: f.error }),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ z(y, { error: f.error }),
+					/* @__PURE__ */ B("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ V(o, {
-							type: "submit",
-							size: "sm",
-							disabled: f.pending || !Z(c),
-							children: f.pending ? i("common.saving") : i("common.save")
-						}), /* @__PURE__ */ V(q, { show: u })]
+						children: [
+							/* @__PURE__ */ z(s, {
+								type: "submit",
+								size: "sm",
+								disabled: f.pending || !ce(c.value),
+								children: f.pending ? i("common.saving") : i("common.save")
+							}),
+							/* @__PURE__ */ z(s, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								disabled: f.pending,
+								onClick: () => {
+									let e = c.checkpoint();
+									f.run(l).then((t) => {
+										t && (e(t.access), d(!1));
+									});
+								},
+								children: i("common.cancel")
+							}),
+							/* @__PURE__ */ z(G, { show: u })
+						]
 					})
 				]
 			}),
-			/* @__PURE__ */ V(D, {
+			/* @__PURE__ */ z(O, {
 				offer: e.offer,
 				pending: p.pending,
 				onSell: (t) => void p.run(() => a.offers.sell({ content: e.id }, t)),
 				onWithdraw: () => void p.run(() => a.offers.withdraw({ content: e.id }))
 			}),
-			/* @__PURE__ */ V(v, { error: p.error })
+			/* @__PURE__ */ z(y, { error: p.error })
 		]
 	});
 }
-function Q(e, t, n) {
-	return e.label || [...e.languages.map(t), ...e.traits.map((e) => T(n, e))].join(" · ");
+function Z(e, t, n) {
+	return e.label || [...e.languages.map(t), ...e.traits.map((e) => E(n, e))].join(" · ");
 }
-function ae({ content: r, media: i = !0, ...a }) {
-	let { t: c } = t(), u = n(a.client), d = e(), { model: f, spec: p } = J(r.kind, a.client), m = y("content.save", a.onError), h = y("content.save", a.onError), [g, _] = z(null), b = L(() => [...r.versions].sort((e, t) => e.position - t.position), [r.versions]);
+function fe({ content: r, media: i = !0, ...a }) {
+	let { t: o } = t(), l = n(a.client), d = e(), { model: f, spec: p } = K(r.kind, a.client), m = b("content.save", a.onError), h = b("content.save", a.onError), [g, _] = L(null), v = F(() => [...r.versions].sort((e, t) => e.position - t.position), [r.versions]);
 	if (!p) return null;
 	if (p.versions.hidden) {
-		let e = b[0];
-		return !e || !i && !p.segments ? null : /* @__PURE__ */ H(K, {
-			title: c("contentEditor.media"),
+		let e = v[0];
+		return !e || !i && !p.segments ? null : /* @__PURE__ */ B(W, {
+			title: o("contentEditor.media"),
 			ckui: "version-media",
-			children: [p.segments && /* @__PURE__ */ V($, {
+			children: [p.segments && /* @__PURE__ */ z($, {
 				content: r,
 				version: e,
 				...a
-			}), i && /* @__PURE__ */ V(ue, {
+			}), i && /* @__PURE__ */ z(ge, {
 				content: r,
 				version: e,
 				model: f,
@@ -367,54 +486,54 @@ function ae({ content: r, media: i = !0, ...a }) {
 		});
 	}
 	let x = f?.languages ?? [];
-	return /* @__PURE__ */ H(K, {
-		title: c("contentEditor.versions"),
+	return /* @__PURE__ */ B(W, {
+		title: o("contentEditor.versions"),
 		ckui: "versions-editor",
 		children: [
-			/* @__PURE__ */ V(s, {
-				items: b,
+			/* @__PURE__ */ z(c, {
+				items: v,
 				id: (e) => e.id,
-				name: (e) => Q(e, d, a.labels),
-				label: c("contentEditor.versions"),
-				disabled: m.pending || b.length < 2,
+				name: (e) => Z(e, d, a.labels),
+				label: o("contentEditor.versions"),
+				disabled: m.pending || v.length < 2,
 				onMove: (e, t) => {
-					let n = b.map((e) => e.id), [i] = n.splice(e, 1);
-					n.splice(t, 0, i), m.run(() => u.contents.orderVersions(r.id, n));
+					let n = v.map((e) => e.id), [i] = n.splice(e, 1);
+					n.splice(t, 0, i), m.run(() => l.contents.orderVersions(r.id, n));
 				},
-				children: (e, t) => /* @__PURE__ */ H("div", {
+				children: (e, t) => /* @__PURE__ */ B("div", {
 					className: "grid gap-2 rounded-md border border-border p-2",
 					"data-ckui": "version-row",
 					"data-version": e.id,
-					children: [/* @__PURE__ */ H("div", {
+					children: [/* @__PURE__ */ B("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
-							b.length > 1 && t,
-							/* @__PURE__ */ V("span", {
+							v.length > 1 && t,
+							/* @__PURE__ */ z("span", {
 								className: "min-w-0 flex-1 font-medium break-words",
-								children: Q(e, d, a.labels)
+								children: Z(e, d, a.labels)
 							}),
-							/* @__PURE__ */ V(l, {
+							/* @__PURE__ */ z(u, {
 								variant: e.live ? "default" : "outline",
-								children: c(e.live ? "contentEditor.live" : e.state === "draft" ? "contentManager.draft" : "contentManager.scheduled")
+								children: o(e.live ? "contentEditor.live" : e.state === "draft" ? "contentManager.draft" : "contentManager.scheduled")
 							}),
-							e.access && /* @__PURE__ */ V(l, {
+							e.access && /* @__PURE__ */ z(u, {
 								variant: "secondary",
-								children: c(`contentEditor.level_${e.access.level}`)
+								children: o(`contentEditor.level_${e.access.level}`)
 							}),
-							e.pages ? /* @__PURE__ */ V("span", {
+							e.pages ? /* @__PURE__ */ z("span", {
 								className: "text-xs text-muted-foreground",
-								children: c("contentEditor.pageCount", { count: e.pages })
+								children: o("contentEditor.pageCount", { count: e.pages })
 							}) : null,
-							/* @__PURE__ */ V(o, {
+							/* @__PURE__ */ z(s, {
 								type: "button",
 								size: "xs",
 								variant: "ghost",
 								"aria-expanded": g === e.id,
 								onClick: () => _(g === e.id ? null : e.id),
-								children: c(g === e.id ? "contentEditor.close" : "contentEditor.edit")
+								children: o(g === e.id ? "contentEditor.close" : "contentEditor.edit")
 							})
 						]
-					}), g === e.id && /* @__PURE__ */ V(ce, {
+					}), g === e.id && /* @__PURE__ */ z(me, {
 						content: r,
 						version: e,
 						model: f,
@@ -423,126 +542,126 @@ function ae({ content: r, media: i = !0, ...a }) {
 					})]
 				})
 			}),
-			/* @__PURE__ */ V(v, { error: m.error }),
-			/* @__PURE__ */ V(se, {
+			/* @__PURE__ */ z(y, { error: m.error }),
+			/* @__PURE__ */ z(pe, {
 				languages: x,
 				many: p?.versions.languages === "many",
 				pending: h.pending,
-				onAdd: (e) => void h.run(() => u.contents.addVersion(r.id, e)).then((e) => e && _(e.id))
+				onAdd: (e) => void h.run(() => l.contents.addVersion(r.id, e)).then((e) => e && _(e.id))
 			}),
-			/* @__PURE__ */ V(v, { error: h.error })
+			/* @__PURE__ */ z(y, { error: h.error })
 		]
 	});
 }
-function oe({ languages: n, value: r, many: i, onChange: a }) {
+function Q({ languages: n, value: r, many: i, onChange: a }) {
 	let { t: o } = t(), s = e();
-	return i ? /* @__PURE__ */ H("fieldset", {
+	return i ? /* @__PURE__ */ B("fieldset", {
 		className: "flex flex-wrap gap-3",
-		children: [/* @__PURE__ */ V("legend", {
+		children: [/* @__PURE__ */ z("legend", {
 			className: "sr-only",
 			children: o("contentEditor.versionLanguages")
-		}), n.map((e) => /* @__PURE__ */ H("label", {
+		}), n.map((e) => /* @__PURE__ */ B("label", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ V(b, {
+			children: [/* @__PURE__ */ z(x, {
 				size: "sm",
 				checked: r.includes(e),
 				onCheckedChange: (t) => a(t ? [...r, e] : r.filter((t) => t !== e)),
 				"aria-label": s(e)
 			}), s(e)]
 		}, e))]
-	}) : /* @__PURE__ */ H(f, {
-		value: r[0] ?? W,
-		onValueChange: (e) => a(e === W ? [] : [String(e)]),
-		children: [/* @__PURE__ */ V(h, {
+	}) : /* @__PURE__ */ B(p, {
+		value: r[0] ?? H,
+		onValueChange: (e) => a(e === H ? [] : [String(e)]),
+		children: [/* @__PURE__ */ z(g, {
 			size: "sm",
 			"aria-label": o("contentEditor.versionLanguage"),
-			children: /* @__PURE__ */ V(g, { children: (e) => e === W ? o("contentEditor.chooseLanguage") : s(e) })
-		}), /* @__PURE__ */ V(p, { children: n.map((e) => /* @__PURE__ */ V(m, {
+			children: /* @__PURE__ */ z(_, { children: (e) => e === H ? o("contentEditor.chooseLanguage") : s(e) })
+		}), /* @__PURE__ */ z(m, { children: n.map((e) => /* @__PURE__ */ z(h, {
 			value: e,
 			children: s(e)
 		}, e)) })]
 	});
 }
-function se({ languages: e, many: n, pending: r, onAdd: i }) {
-	let { t: a } = t(), [s, c] = z([]);
-	return /* @__PURE__ */ H("div", {
+function pe({ languages: e, many: n, pending: r, onAdd: i }) {
+	let { t: a } = t(), [o, c] = L([]);
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "add-version",
-		children: [/* @__PURE__ */ V(oe, {
+		children: [/* @__PURE__ */ z(Q, {
 			languages: e,
-			value: s,
+			value: o,
 			many: n,
 			onChange: c
-		}), /* @__PURE__ */ V(o, {
+		}), /* @__PURE__ */ z(s, {
 			type: "button",
 			size: "sm",
 			variant: "outline",
-			disabled: r || !s.length,
+			disabled: r || !o.length,
 			onClick: () => {
-				i({ languages: s }), c([]);
+				i({ languages: o }), c([]);
 			},
 			children: a("contentEditor.addVersion")
 		})]
 	});
 }
-function ce({ content: e, version: r, model: i, media: a, ...s }) {
-	let { t: c } = t(), l = I(), f = n(s.client), p = i?.kinds[e.kind], [m, h] = z(r.languages), [g, _] = z(r.traits), [S, w] = z(r.label ?? ""), [E, O] = z(r.state === "draft"), [k, A] = z(C(r.publish_at)), [M, N] = z(!!r.access), [P, F] = z(r.access ?? e.access), [L, R] = z(!1), B = y("content.save", s.onError), U = y("content.save", s.onError), W = y("offer.save", s.onError);
-	return /* @__PURE__ */ H("div", {
+function me({ content: e, version: r, model: i, media: a, ...o }) {
+	let { t: c } = t(), l = ne(), u = n(o.client), p = i?.kinds[e.kind], [m, h] = L(r.languages), [g, _] = L(r.traits), [v, C] = L(r.label ?? ""), [T, D] = L(r.state === "draft"), [k, A] = L(w(r.publish_at)), [j, M] = L(!!r.access), [N, te] = L(r.access ?? e.access), [P, F] = L(!1), I = b("content.save", o.onError), R = b("content.save", o.onError), V = b("offer.save", o.onError);
+	return /* @__PURE__ */ B("div", {
 		className: "grid gap-4 pt-2",
 		children: [
-			/* @__PURE__ */ H("form", {
+			/* @__PURE__ */ B("form", {
 				className: "grid gap-3",
 				onSubmit: (t) => {
-					t.preventDefault(), R(!1), B.run(() => f.contents.updateVersion(e.id, r.id, {
+					t.preventDefault(), F(!1), I.run(() => u.contents.updateVersion(e.id, r.id, {
 						languages: m,
 						traits: g,
-						label: S.trim(),
-						state: E ? "draft" : "published",
-						publish_at: x(k),
-						...M ? { access: re(P) } : { clear_access: !!r.access }
-					})).then((e) => e && R(!0));
+						label: v.trim(),
+						state: T ? "draft" : "published",
+						publish_at: S(k),
+						...j ? { access: le(N) } : { clear_access: !!r.access }
+					})).then((e) => e && F(!0));
 				},
 				children: [
-					/* @__PURE__ */ V(oe, {
+					/* @__PURE__ */ z(Q, {
 						languages: i?.languages ?? [],
 						value: m,
 						many: p?.versions.languages === "many",
 						onChange: h
 					}),
-					!!p?.versions.traits?.length && /* @__PURE__ */ H("fieldset", {
+					!!p?.versions.traits?.length && /* @__PURE__ */ B("fieldset", {
 						className: "flex flex-wrap gap-3",
-						children: [/* @__PURE__ */ V("legend", {
+						children: [/* @__PURE__ */ z("legend", {
 							className: "sr-only",
 							children: c("contentEditor.traits")
-						}), p.versions.traits.map((e) => /* @__PURE__ */ H("label", {
+						}), p.versions.traits.map((e) => /* @__PURE__ */ B("label", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ V(b, {
+							children: [/* @__PURE__ */ z(x, {
 								size: "sm",
 								checked: g.includes(e),
 								onCheckedChange: (t) => _(t ? [...g, e] : g.filter((t) => t !== e)),
-								"aria-label": T(s.labels, e)
-							}), T(s.labels, e)]
+								"aria-label": E(o.labels, e)
+							}), E(o.labels, e)]
 						}, e))]
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ B("div", {
 						className: "grid gap-3 sm:grid-cols-2",
-						children: [/* @__PURE__ */ H("div", {
+						children: [/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ V(d, {
+							children: [/* @__PURE__ */ z(f, {
 								htmlFor: `${l}-label`,
 								children: c("contentEditor.versionLabel")
-							}), /* @__PURE__ */ V(u, {
+							}), /* @__PURE__ */ z(d, {
 								id: `${l}-label`,
 								className: "h-8",
-								value: S,
-								onChange: (e) => w(e.target.value)
+								value: v,
+								onChange: (e) => C(e.target.value)
 							})]
-						}), /* @__PURE__ */ H("div", {
+						}), /* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ V(d, {
+							children: [/* @__PURE__ */ z(f, {
 								htmlFor: `${l}-at`,
 								children: c("contentEditor.versionPublishAt")
-							}), /* @__PURE__ */ V(u, {
+							}), /* @__PURE__ */ z(d, {
 								id: `${l}-at`,
 								className: "h-8",
 								type: "datetime-local",
@@ -551,97 +670,97 @@ function ce({ content: e, version: r, model: i, media: a, ...s }) {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ H("label", {
+					/* @__PURE__ */ B("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ V(b, {
+						children: [/* @__PURE__ */ z(x, {
 							size: "sm",
-							checked: E,
-							onCheckedChange: O
+							checked: T,
+							onCheckedChange: D
 						}), c("contentEditor.versionDraft")]
 					}),
-					/* @__PURE__ */ H("label", {
+					/* @__PURE__ */ B("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ V(b, {
+						children: [/* @__PURE__ */ z(x, {
 							size: "sm",
-							checked: M,
-							onCheckedChange: N
+							checked: j,
+							onCheckedChange: M
 						}), c("contentEditor.ownAccess")]
 					}),
-					M && /* @__PURE__ */ V(X, {
-						value: P,
-						onChange: F,
+					j && /* @__PURE__ */ z(se, {
+						value: N,
+						onChange: te,
 						model: i,
 						kind: e.kind,
 						owner: e.owner_group_id,
-						labels: s.labels,
-						client: f
+						labels: o.labels,
+						client: u
 					}),
-					/* @__PURE__ */ V(v, { error: B.error }),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ z(y, { error: I.error }),
+					/* @__PURE__ */ B("div", {
 						className: "flex flex-wrap items-center gap-3",
 						children: [
-							/* @__PURE__ */ V(o, {
+							/* @__PURE__ */ z(s, {
 								type: "submit",
 								size: "sm",
-								disabled: B.pending || !m.length || M && !Z(P),
-								children: B.pending ? c("common.saving") : c("common.save")
+								disabled: I.pending || !m.length || j && !ce(N),
+								children: I.pending ? c("common.saving") : c("common.save")
 							}),
-							/* @__PURE__ */ V(q, { show: L }),
-							/* @__PURE__ */ V(o, {
+							/* @__PURE__ */ z(G, { show: P }),
+							/* @__PURE__ */ z(s, {
 								type: "button",
 								size: "sm",
 								variant: "destructive",
 								className: "ms-auto",
-								disabled: U.pending,
-								onClick: () => void U.run(() => f.contents.removeVersion(e.id, r.id)),
+								disabled: R.pending,
+								onClick: () => void R.run(() => u.contents.removeVersion(e.id, r.id)),
 								children: c("contentEditor.deleteVersion")
 							})
 						]
 					}),
-					/* @__PURE__ */ V(v, { error: U.error })
+					/* @__PURE__ */ z(y, { error: R.error })
 				]
 			}),
-			/* @__PURE__ */ V(D, {
+			/* @__PURE__ */ z(O, {
 				offer: r.offer,
-				pending: W.pending,
-				onSell: (t) => void W.run(() => f.offers.sell({
+				pending: V.pending,
+				onSell: (t) => void V.run(() => u.offers.sell({
 					content: e.id,
 					version: r.id
 				}, t)),
-				onWithdraw: () => void W.run(() => f.offers.withdraw({
+				onWithdraw: () => void V.run(() => u.offers.withdraw({
 					content: e.id,
 					version: r.id
 				}))
 			}),
-			/* @__PURE__ */ V(v, { error: W.error }),
-			p?.segments && /* @__PURE__ */ V($, {
+			/* @__PURE__ */ z(y, { error: V.error }),
+			p?.segments && /* @__PURE__ */ z($, {
 				content: e,
 				version: r,
-				...s
+				...o
 			}),
-			a && /* @__PURE__ */ V(le, {
+			a && /* @__PURE__ */ z(he, {
 				content: e,
 				version: r,
-				...s
+				...o
 			}),
-			a && /* @__PURE__ */ V(ue, {
+			a && /* @__PURE__ */ z(ge, {
 				content: e,
 				version: r,
 				model: i,
-				...s
+				...o
 			}),
-			a && p?.presentation === "reader" && /* @__PURE__ */ V(j, {
+			a && p?.presentation === "reader" && /* @__PURE__ */ z(ee, {
 				content: e.id,
 				version: r.id,
-				client: s.client,
-				onError: s.onError
+				client: o.client,
+				onError: o.onError
 			})
 		]
 	});
 }
-function le({ content: e, version: r, ...i }) {
-	let { t: s } = t(), c = n(i.client), { presets: l } = a({ client: c }), u = y("content.save", i.onError), d = R(null), [f, p] = z(null);
-	if (F(() => () => void (f && URL.revokeObjectURL(f)), [f]), !l.some((t) => t.kind === e.kind && t.name === "cover")) return null;
+function he({ content: e, version: r, ...i }) {
+	let { t: a } = t(), c = n(i.client), { presets: l } = o({ client: c }), u = b("content.save", i.onError), d = I(null), [f, p] = L(null);
+	if (P(() => () => void (f && URL.revokeObjectURL(f)), [f]), !l.some((t) => t.kind === e.kind && t.name === "cover")) return null;
 	let m = f ?? r.cover?.url, h = (t) => void u.run(async () => {
 		if (!t) return p(null), c.contents.setCover(e.id, r.id, null);
 		let n = {
@@ -651,47 +770,47 @@ function le({ content: e, version: r, ...i }) {
 		}, i = await c.media.uploadNamed(n, t, { path: await c.media.presetPath(e.kind, "cover", t) }), a = await c.contents.setCover(e.id, r.id, i.name);
 		return typeof URL.createObjectURL == "function" && p(URL.createObjectURL(t)), a;
 	});
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "grid gap-1.5",
 		"data-ckui": "version-cover",
 		children: [
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ z("span", {
 				className: "text-sm font-medium",
-				children: s("contentManager.cover")
+				children: a("contentManager.cover")
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					m ? /* @__PURE__ */ V("img", {
+					m ? /* @__PURE__ */ z("img", {
 						src: m,
 						alt: "",
 						className: "h-20 w-36 rounded-md border border-border object-cover"
-					}) : /* @__PURE__ */ V("span", {
+					}) : /* @__PURE__ */ z("span", {
 						className: "text-muted-foreground",
-						children: s("contentManager.noCover")
+						children: a("contentManager.noCover")
 					}),
-					/* @__PURE__ */ V(o, {
+					/* @__PURE__ */ z(s, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
 						disabled: u.pending,
 						onClick: () => d.current?.click(),
-						children: s(m ? "pollEditor.replaceImage" : "contentManager.addCover")
+						children: a(m ? "pollEditor.replaceImage" : "contentManager.addCover")
 					}),
-					r.cover?.image && /* @__PURE__ */ V(o, {
+					r.cover?.image && /* @__PURE__ */ z(s, {
 						type: "button",
 						size: "sm",
 						variant: "ghost",
 						disabled: u.pending,
 						onClick: () => h(null),
-						children: s("pollEditor.removeImage")
+						children: a("pollEditor.removeImage")
 					}),
-					/* @__PURE__ */ V("input", {
+					/* @__PURE__ */ z("input", {
 						ref: d,
 						type: "file",
 						accept: "image/*",
 						hidden: !0,
-						"aria-label": s("contentManager.cover"),
+						"aria-label": a("contentManager.cover"),
 						onChange: (e) => {
 							let t = e.target.files?.[0];
 							e.target.value = "", t && h(t);
@@ -699,12 +818,12 @@ function le({ content: e, version: r, ...i }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ V(v, { error: u.error })
+			/* @__PURE__ */ z(y, { error: u.error })
 		]
 	});
 }
-function ue({ content: n, version: r, model: a, ...o }) {
-	let { t: s } = t(), l = e(), u = L(() => ({
+function ge({ content: n, version: r, model: i, ...o }) {
+	let { t: s } = t(), c = e(), u = F(() => ({
 		kind: n.kind,
 		id: n.id,
 		version: r.id
@@ -712,25 +831,25 @@ function ue({ content: n, version: r, model: a, ...o }) {
 		n.kind,
 		n.id,
 		r.id
-	]), d = i(u, {
+	]), d = a(u, {
 		editor: !0,
 		client: o.client
-	}), f = L(() => (a?.languages ?? []).map((e) => ({
+	}), f = F(() => (i?.languages ?? []).map((e) => ({
 		value: e,
-		label: l(e)
-	})), [a, l]);
-	return !d.read && d.loading ? /* @__PURE__ */ V(_, { className: "h-24 w-full" }) : d.read?.uploads && P(d.read.uploads).source ? /* @__PURE__ */ V(N, {
+		label: c(e)
+	})), [i, c]);
+	return !d.read && d.loading ? /* @__PURE__ */ z(v, { className: "h-24 w-full" }) : d.read?.uploads && te(d.read.uploads).source ? /* @__PURE__ */ z(N, {
 		item: u,
 		languages: f,
 		client: o.client,
 		onError: o.onError
-	}) : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(c, {
+	}) : /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(l, {
 		item: u,
 		commit: r.live ? "manual" : "auto",
 		label: s("contentEditor.media"),
 		client: o.client,
 		onError: o.onError
-	}), a?.kinds[n.kind]?.presentation === "reader" && /* @__PURE__ */ V(M, {
+	}), i?.kinds[n.kind]?.presentation === "reader" && /* @__PURE__ */ z(M, {
 		content: n.id,
 		version: r.id,
 		client: o.client,
@@ -738,47 +857,47 @@ function ue({ content: n, version: r, model: a, ...o }) {
 	})] });
 }
 function $({ content: e, version: r, ...i }) {
-	let { t: a } = t(), s = n(i.client), c = () => r.segments.map((e) => ({
+	let { t: a } = t(), o = n(i.client), c = () => r.segments.map((e) => ({
 		title: e.title ?? "",
 		start: String(e.start),
 		end: String(e.end),
-		release: C(e.release_at)
-	})), [l, d] = z(c);
-	F(() => d(c()), [JSON.stringify(r.segments)]);
-	let [f, p] = z(!1), m = y("content.save", i.onError), h = (e, t) => {
-		p(!1), d((n) => n.map((n, r) => r === e ? {
+		release: w(e.release_at)
+	})), [l, u] = L(c);
+	P(() => u(c()), [JSON.stringify(r.segments)]);
+	let [f, p] = L(!1), m = b("content.save", i.onError), h = (e, t) => {
+		p(!1), u((n) => n.map((n, r) => r === e ? {
 			...n,
 			...t
 		} : n));
 	}, g = l.every((e) => /^\d+$/.test(e.start) && /^\d+$/.test(e.end) && Number(e.end) > Number(e.start));
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "grid gap-2",
 		"data-ckui": "segments-editor",
 		children: [
-			/* @__PURE__ */ V("h4", {
+			/* @__PURE__ */ z("h4", {
 				className: "text-sm font-medium",
 				children: a("contentEditor.segments")
 			}),
-			l.length === 0 && /* @__PURE__ */ V("p", {
+			l.length === 0 && /* @__PURE__ */ z("p", {
 				className: "text-muted-foreground",
 				children: a("contentEditor.noSegments")
 			}),
-			l.map((e, t) => /* @__PURE__ */ H("div", {
+			l.map((e, t) => /* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-2",
 				"data-ckui": "segment-row",
 				children: [
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ z("span", {
 						className: "w-6 text-xs text-muted-foreground tabular-nums",
 						children: t + 1
 					}),
-					/* @__PURE__ */ V(u, {
+					/* @__PURE__ */ z(d, {
 						className: "h-8 w-40",
 						"aria-label": a("contentEditor.segmentTitle", { n: t + 1 }),
 						placeholder: a("contentEditor.segmentTitlePlaceholder"),
 						value: e.title,
 						onChange: (e) => h(t, { title: e.target.value })
 					}),
-					/* @__PURE__ */ V(u, {
+					/* @__PURE__ */ z(d, {
 						className: "h-8 w-20",
 						type: "number",
 						min: 0,
@@ -786,11 +905,11 @@ function $({ content: e, version: r, ...i }) {
 						value: e.start,
 						onChange: (e) => h(t, { start: e.target.value })
 					}),
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ z("span", {
 						"aria-hidden": !0,
 						children: "–"
 					}),
-					/* @__PURE__ */ V(u, {
+					/* @__PURE__ */ z(d, {
 						className: "h-8 w-20",
 						type: "number",
 						min: 1,
@@ -798,32 +917,32 @@ function $({ content: e, version: r, ...i }) {
 						value: e.end,
 						onChange: (e) => h(t, { end: e.target.value })
 					}),
-					/* @__PURE__ */ V(u, {
+					/* @__PURE__ */ z(d, {
 						className: "h-8 w-48",
 						type: "datetime-local",
 						"aria-label": a("contentEditor.segmentRelease", { n: t + 1 }),
 						value: e.release,
 						onChange: (e) => h(t, { release: e.target.value })
 					}),
-					/* @__PURE__ */ V(o, {
+					/* @__PURE__ */ z(s, {
 						type: "button",
 						size: "xs",
 						variant: "ghost",
-						onClick: () => d((e) => e.filter((e, n) => n !== t)),
+						onClick: () => u((e) => e.filter((e, n) => n !== t)),
 						children: a("common.remove")
 					})
 				]
 			}, t)),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ V(o, {
+					/* @__PURE__ */ z(s, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
 						onClick: () => {
 							let e = l.at(-1), t = e && Number(e.end) || 0;
-							d((e) => [...e, {
+							u((e) => [...e, {
 								title: "",
 								start: String(t),
 								end: String(t + 1),
@@ -832,7 +951,7 @@ function $({ content: e, version: r, ...i }) {
 						},
 						children: a("contentEditor.addSegment")
 					}),
-					/* @__PURE__ */ V(o, {
+					/* @__PURE__ */ z(s, {
 						type: "button",
 						size: "sm",
 						disabled: m.pending || !g,
@@ -843,49 +962,49 @@ function $({ content: e, version: r, ...i }) {
 								title: e.title.trim() || void 0,
 								start: Number(e.start),
 								end: Number(e.end),
-								release_at: x(e.release),
+								release_at: S(e.release),
 								released: !1
 							}));
-							m.run(() => s.contents.setSegments(e.id, r.id, t)).then((e) => e && p(!0));
+							m.run(() => o.contents.setSegments(e.id, r.id, t)).then((e) => e && p(!0));
 						},
 						children: a("contentEditor.saveSegments")
 					}),
-					/* @__PURE__ */ V(q, { show: f })
+					/* @__PURE__ */ z(G, { show: f })
 				]
 			}),
-			/* @__PURE__ */ V(v, { error: m.error })
+			/* @__PURE__ */ z(y, { error: m.error })
 		]
 	});
 }
-function de({ content: t, ...n }) {
-	let r = e(), i = L(() => t.versions.map((e) => ({
+function _e({ content: t, ...n }) {
+	let r = e(), i = F(() => t.versions.map((e) => ({
 		id: e.id,
-		label: Q(e, r, n.labels)
+		label: Z(e, r, n.labels)
 	})), [
 		t.versions,
 		r,
 		n.labels
-	]), { spec: a } = J(t.kind, n.client);
-	return /* @__PURE__ */ H("div", {
-		className: U("grid gap-6", n.className),
+	]), { spec: a } = K(t.kind, n.client);
+	return /* @__PURE__ */ B("div", {
+		className: V("grid gap-6", n.className),
 		"data-ckui": "content-sections",
 		children: [
-			/* @__PURE__ */ V(Y, {
+			/* @__PURE__ */ z(X, {
 				content: t,
 				...n
 			}),
-			/* @__PURE__ */ V(ie, {
+			/* @__PURE__ */ z(ue, {
 				content: t,
 				...n
 			}),
-			/* @__PURE__ */ V(ae, {
+			/* @__PURE__ */ z(fe, {
 				content: t,
 				...n
 			}),
-			!!a?.entities?.length && /* @__PURE__ */ V("section", {
+			!!a?.entities?.length && /* @__PURE__ */ z("section", {
 				className: "grid gap-3 border-t border-border pt-4",
 				"data-ckui": "content-groups",
-				children: /* @__PURE__ */ V(A, {
+				children: /* @__PURE__ */ z(j, {
 					management: n.management,
 					content: t.id,
 					contentKind: t.kind,
@@ -899,6 +1018,6 @@ function de({ content: t, ...n }) {
 	});
 }
 //#endregion
-export { ie as AccessEditor, Y as ContentDetailsEditor, de as ContentSections, $ as SegmentsEditor, le as VersionCover, ae as VersionsEditor, Q as versionLabel };
+export { ue as AccessEditor, X as ContentDetailsEditor, _e as ContentSections, $ as SegmentsEditor, he as VersionCover, fe as VersionsEditor, Z as versionLabel };
 
 //# sourceMappingURL=editors.js.map