@openrails/contentkit-ui 0.85.1 → 0.86.0

package/dist/components/content/editors.js

@@ -1,274 +1,277 @@
-import { useMessages as e } from "../../i18n/context.js";
-import { useContentKitClient as t } from "../../react/context.js";
-import { Button as n } from "../../ui/button.js";
-import { SortableList as r } from "../sortable-list.js";
-import { MediaFolderEditor as i } from "../media-folder-editor.js";
-import { Badge as a } from "../../ui/badge.js";
-import { Input as o } from "../../ui/input.js";
-import { Label as s } from "../../ui/label.js";
-import { Select as c, SelectContent as l, SelectItem as u, SelectTrigger as d, SelectValue as f } from "../../ui/select.js";
-import { ErrorLine as p, useAction as m } from "../social/parts.js";
-import { Switch as h } from "../../ui/switch.js";
-import { fromLocalInput as g, parseAttributes as _, toLocalInput as v } from "../../client/group-fields.js";
-import { useKinds as y } from "../../react/groups.js";
-import { GroupPicker as b, labelOf as x, useGroupNames as S, useLanguageName as C } from "../groups/parts.js";
-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 { 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";
+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 { Button as a } from "../../ui/button.js";
+import { SortableList as o } from "../sortable-list.js";
+import { MediaFolderEditor as s } from "../media-folder-editor.js";
+import { Badge as c } from "../../ui/badge.js";
+import { Input as l } from "../../ui/input.js";
+import { Label as u } from "../../ui/label.js";
+import { Select as d, SelectContent as f, SelectItem as p, SelectTrigger as m, SelectValue as h } from "../../ui/select.js";
+import { Skeleton as g } from "../../ui/skeleton.js";
+import { ErrorLine as _, useAction as v } from "../social/parts.js";
+import { Switch as y } from "../../ui/switch.js";
+import { fromLocalInput as b, parseAttributes as x, toLocalInput as S } from "../../client/group-fields.js";
+import { GroupPicker as C, labelOf as w, useGroupNames as T } from "../groups/parts.js";
+import { OfferFields as E } from "./offer-fields.js";
+import { AttributeFields as D, formOf as O } from "../groups/fields.js";
+import { MembershipEditor as k } from "../groups/memberships.js";
+import { ReaderManifestEditor as A } from "../admin/reader-manifest.js";
+import { VideoMediaEditor as j, videoPaths as M } from "../admin/media-item-panel.js";
+import { useEffect as N, useId as P, useMemo as F, useState as I } from "react";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { cn as z } from "cn";
 //#region src/components/content/editors.tsx
-var I = "__none__", L = [
+var B = "__none__", V = [
 	"listed",
 	"members",
 	"unlisted"
-], R = [
+], H = [
 	"open",
 	"closed",
 	"hidden"
-], z = [
+], U = [
 	"public",
 	"tier",
 	"ppv",
 	"group",
 	"group_ppv"
-], B = (e) => e === "group" || e === "group_ppv";
-function V({ title: e, ckui: t, children: n }) {
-	return /* @__PURE__ */ P("section", {
+], W = (e) => e === "group" || e === "group_ppv";
+function G({ title: e, ckui: t, children: n }) {
+	return /* @__PURE__ */ R("section", {
 		className: "grid gap-3 border-t border-border pt-4",
 		"data-ckui": t,
-		children: [/* @__PURE__ */ N("h3", {
+		children: [/* @__PURE__ */ L("h3", {
 			className: "font-medium",
 			children: e
 		}), n]
 	});
 }
-function H({ show: t }) {
-	let { t: n } = e();
-	return t ? /* @__PURE__ */ N("span", {
+function K({ show: e }) {
+	let { t: n } = t();
+	return e ? /* @__PURE__ */ L("span", {
 		role: "status",
 		className: "text-muted-foreground",
 		children: n("contentEditor.saved")
 	}) : null;
 }
-function U(e, t) {
-	let { kinds: n } = y({ client: t });
+function q(e, t) {
+	let { kinds: n } = r({ client: t });
 	return {
 		model: n,
 		spec: n?.kinds[e]
 	};
 }
-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));
+function J({ content: e, ...r }) {
+	let { t: i } = t(), o = n(r.client), { spec: s } = q(e.kind, r.client), c = F(() => s?.attributes ?? {}, [s]), [l, g] = I(e.listing), [y, b] = I(e.comments), [S, C] = I({});
+	N(() => {
+		g(e.listing), b(e.comments), C(O(c, e.attributes));
 	}, [
-		r.revision,
-		r.listing,
-		r.comments,
-		r.attributes,
-		g
+		e.revision,
+		e.listing,
+		e.comments,
+		e.attributes,
+		c
 	]);
-	let [w, D] = M(null), [O, A] = M(!1), F = m("content.save", i.onError);
-	return /* @__PURE__ */ N(V, {
-		title: a("contentEditor.details"),
+	let [w, T] = I(null), [E, k] = I(!1), A = v("content.save", r.onError);
+	return /* @__PURE__ */ L(G, {
+		title: i("contentEditor.details"),
 		ckui: "content-details",
-		children: /* @__PURE__ */ P("form", {
+		children: /* @__PURE__ */ R("form", {
 			className: "grid gap-3",
-			onSubmit: (e) => {
-				e.preventDefault(), D(null), A(!1);
-				let t;
+			onSubmit: (t) => {
+				t.preventDefault(), T(null), k(!1);
+				let n;
 				try {
-					t = _(g, S);
+					n = x(c, S);
 				} catch (e) {
-					return D(e.message);
+					return T(e.message);
 				}
-				F.run(() => o.contents.update(r.id, {
-					listing: v,
-					comments: b,
-					attributes: t,
-					revision: r.revision
-				})).then((e) => e && A(!0));
+				A.run(() => o.contents.update(e.id, {
+					listing: l,
+					comments: y,
+					attributes: n,
+					revision: e.revision
+				})).then((e) => e && k(!0));
 			},
 			children: [
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ R("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ N(s, { children: a("contentEditor.listing") }), /* @__PURE__ */ P(c, {
-						value: v,
-						onValueChange: (e) => y(e),
-						children: [/* @__PURE__ */ N(d, {
+					children: [/* @__PURE__ */ L(u, { children: i("contentEditor.listing") }), /* @__PURE__ */ R(d, {
+						value: l,
+						onValueChange: (e) => g(e),
+						children: [/* @__PURE__ */ L(m, {
 							size: "sm",
-							"aria-label": a("contentEditor.listing"),
-							children: /* @__PURE__ */ N(f, { children: (e) => a(`contentEditor.listing_${e}`) })
-						}), /* @__PURE__ */ N(l, { children: L.map((e) => /* @__PURE__ */ N(u, {
+							"aria-label": i("contentEditor.listing"),
+							children: /* @__PURE__ */ L(h, { children: (e) => i(`contentEditor.listing_${e}`) })
+						}), /* @__PURE__ */ L(f, { children: V.map((e) => /* @__PURE__ */ L(p, {
 							value: e,
-							children: a(`contentEditor.listing_${e}`)
+							children: i(`contentEditor.listing_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ P("div", {
+				/* @__PURE__ */ R("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ N(s, { children: a("contentEditor.comments") }), /* @__PURE__ */ P(c, {
-						value: b,
-						onValueChange: (e) => x(e),
-						children: [/* @__PURE__ */ N(d, {
+					children: [/* @__PURE__ */ L(u, { children: i("contentEditor.comments") }), /* @__PURE__ */ R(d, {
+						value: y,
+						onValueChange: (e) => b(e),
+						children: [/* @__PURE__ */ L(m, {
 							size: "sm",
-							"aria-label": a("contentEditor.comments"),
-							children: /* @__PURE__ */ N(f, { children: (e) => a(`contentEditor.comments_${e}`) })
-						}), /* @__PURE__ */ N(l, { children: R.map((e) => /* @__PURE__ */ N(u, {
+							"aria-label": i("contentEditor.comments"),
+							children: /* @__PURE__ */ L(h, { children: (e) => i(`contentEditor.comments_${e}`) })
+						}), /* @__PURE__ */ L(f, { children: H.map((e) => /* @__PURE__ */ L(p, {
 							value: e,
-							children: a(`contentEditor.comments_${e}`)
+							children: i(`contentEditor.comments_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ N(T, {
-					declared: g,
+				/* @__PURE__ */ L(D, {
+					declared: c,
 					form: S,
 					onChange: (e, t) => C((n) => ({
 						...n,
 						[e]: t
 					})),
-					labels: i.labels
+					labels: r.labels
 				}),
-				w && /* @__PURE__ */ N(p, { children: w }),
-				/* @__PURE__ */ N(p, { error: F.error }),
-				/* @__PURE__ */ P("div", {
+				w && /* @__PURE__ */ L(_, { children: w }),
+				/* @__PURE__ */ L(_, { error: A.error }),
+				/* @__PURE__ */ R("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ N(n, {
+					children: [/* @__PURE__ */ L(a, {
 						type: "submit",
 						size: "sm",
-						disabled: F.pending,
-						children: F.pending ? a("common.saving") : a("common.save")
-					}), /* @__PURE__ */ N(H, { show: O })]
+						disabled: A.pending,
+						children: A.pending ? i("common.saving") : i("common.save")
+					}), /* @__PURE__ */ L(K, { show: E })]
 				})
 			]
 		})
 	});
 }
-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
-	}), I = w?.presentation === "reader", L = !!w?.segments;
-	return /* @__PURE__ */ P("div", {
+function Y({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, client: s }) {
+	let { t: c } = t(), g = P(), _ = r?.tiers ?? [], v = r?.kinds[i], x = Object.entries(r?.group_kinds ?? {}).filter(([, e]) => e.sellable || e.auth_scope).map(([e]) => e), [E, D] = I(), O = E ?? x[0] ?? "", k = T(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__ */ R("div", {
 		className: "grid gap-3",
 		"data-ckui": "rule-fields",
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ R("div", {
 				className: "grid gap-1.5 sm:max-w-xs",
-				children: [/* @__PURE__ */ N(s, { children: _("contentEditor.access") }), /* @__PURE__ */ P(c, {
-					value: t.level,
-					onValueChange: (e) => {
-						let r = e;
+				children: [/* @__PURE__ */ L(u, { children: c("contentEditor.access") }), /* @__PURE__ */ R(d, {
+					value: e.level,
+					onValueChange: (t) => {
+						let r = t;
 						n({
 							level: r,
-							group_id: B(r) ? t.group_id || a : void 0,
-							preview: t.preview,
-							free_after: t.free_after
+							group_id: W(r) ? e.group_id || a : void 0,
+							preview: e.preview,
+							free_after: e.free_after
 						});
 					},
-					children: [/* @__PURE__ */ N(d, {
+					children: [/* @__PURE__ */ L(m, {
 						size: "sm",
-						"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, {
+						"aria-label": c("contentEditor.access"),
+						children: /* @__PURE__ */ L(h, { children: (e) => c(`contentEditor.level_${e}`) })
+					}), /* @__PURE__ */ L(f, { children: U.filter((e) => (e !== "tier" || _.length) && (!e.startsWith("group") || x.length)).map((e) => /* @__PURE__ */ L(p, {
 						value: e,
-						children: _(`contentEditor.level_${e}`)
+						children: c(`contentEditor.level_${e}`)
 					}, e)) })]
 				})]
 			}),
-			t.level === "tier" && /* @__PURE__ */ P("fieldset", {
+			e.level === "tier" && /* @__PURE__ */ R("fieldset", {
 				className: "flex flex-wrap gap-3",
-				children: [/* @__PURE__ */ N("legend", {
+				children: [/* @__PURE__ */ L("legend", {
 					className: "sr-only",
-					children: _("contentEditor.tiers")
-				}), C.map((e) => /* @__PURE__ */ P("label", {
+					children: c("contentEditor.tiers")
+				}), _.map((t) => /* @__PURE__ */ R("label", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ N(h, {
-						checked: t.tiers?.includes(e) ?? !1,
-						onCheckedChange: (n) => F({ tiers: n ? [...t.tiers ?? [], e] : (t.tiers ?? []).filter((t) => t !== e) }),
-						"aria-label": x(p, e)
-					}), x(p, e)]
-				}, e))]
+					children: [/* @__PURE__ */ L(y, {
+						checked: e.tiers?.includes(t) ?? !1,
+						onCheckedChange: (n) => j({ tiers: n ? [...e.tiers ?? [], t] : (e.tiers ?? []).filter((e) => e !== t) }),
+						"aria-label": w(o, t)
+					}), w(o, t)]
+				}, t))]
 			}),
-			B(t.level) && /* @__PURE__ */ P("div", {
+			W(e.level) && /* @__PURE__ */ R("div", {
 				className: "flex flex-wrap items-end gap-2",
 				children: [
-					j || t.group_id ? /* @__PURE__ */ N("span", {
+					A || e.group_id ? /* @__PURE__ */ L("span", {
 						className: "rounded-md border border-border px-2 py-0.5",
 						"data-ckui": "rule-group",
-						children: j ? j.name || j.slug : t.group_id
+						children: A ? A.name || A.slug : e.group_id
 					}) : null,
-					T.length > 1 && /* @__PURE__ */ P(c, {
+					x.length > 1 && /* @__PURE__ */ R(d, {
 						value: O,
 						onValueChange: (e) => D(String(e)),
-						children: [/* @__PURE__ */ N(d, {
+						children: [/* @__PURE__ */ L(m, {
 							size: "sm",
-							"aria-label": _("groupEditor.edgeKind"),
-							children: /* @__PURE__ */ N(f, { children: (e) => x(p, e) })
-						}), /* @__PURE__ */ N(l, { children: T.map((e) => /* @__PURE__ */ N(u, {
+							"aria-label": c("groupEditor.edgeKind"),
+							children: /* @__PURE__ */ L(h, { children: (e) => w(o, e) })
+						}), /* @__PURE__ */ L(f, { children: x.map((e) => /* @__PURE__ */ L(p, {
 							value: e,
-							children: x(p, e)
+							children: w(o, e)
 						}, e)) })]
 					}),
-					O && /* @__PURE__ */ N(b, {
+					O && /* @__PURE__ */ L(C, {
 						kind: O,
-						label: _("contentEditor.group"),
-						client: m,
-						onPick: (e) => F({ group_id: e.id })
+						label: c("contentEditor.group"),
+						client: s,
+						onPick: (e) => j({ group_id: e.id })
 					}, O)
 				]
 			}),
-			t.level !== "public" && /* @__PURE__ */ P("div", {
+			e.level !== "public" && /* @__PURE__ */ R("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
-					I && /* @__PURE__ */ P("div", {
+					M && /* @__PURE__ */ R("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ N(s, {
-							htmlFor: `${y}-pages`,
-							children: _("contentEditor.previewPages")
-						}), /* @__PURE__ */ N(o, {
-							id: `${y}-pages`,
+						children: [/* @__PURE__ */ L(u, {
+							htmlFor: `${g}-pages`,
+							children: c("contentEditor.previewPages")
+						}), /* @__PURE__ */ L(l, {
+							id: `${g}-pages`,
 							className: "h-8",
 							type: "number",
 							min: 0,
-							value: t.preview?.pages ?? "",
-							onChange: (e) => F({ preview: {
-								...t.preview,
-								pages: e.target.value ? Math.max(0, Math.trunc(Number(e.target.value))) : void 0
+							value: e.preview?.pages ?? "",
+							onChange: (t) => j({ preview: {
+								...e.preview,
+								pages: t.target.value ? Math.max(0, Math.trunc(Number(t.target.value))) : void 0
 							} })
 						})]
 					}),
-					L && /* @__PURE__ */ P("div", {
+					N && /* @__PURE__ */ R("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ N(s, {
-							htmlFor: `${y}-segments`,
-							children: _("contentEditor.previewSegments")
-						}), /* @__PURE__ */ N(o, {
-							id: `${y}-segments`,
+						children: [/* @__PURE__ */ L(u, {
+							htmlFor: `${g}-segments`,
+							children: c("contentEditor.previewSegments")
+						}), /* @__PURE__ */ L(l, {
+							id: `${g}-segments`,
 							className: "h-8",
 							type: "number",
 							min: 0,
-							value: t.preview?.segments ?? "",
-							onChange: (e) => F({ preview: {
-								...t.preview,
-								segments: e.target.value ? Math.max(0, Math.trunc(Number(e.target.value))) : void 0
+							value: e.preview?.segments ?? "",
+							onChange: (t) => j({ preview: {
+								...e.preview,
+								segments: t.target.value ? Math.max(0, Math.trunc(Number(t.target.value))) : void 0
 							} })
 						})]
 					}),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ R("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ N(s, {
-							htmlFor: `${y}-free`,
-							children: _("contentEditor.freeAfter")
-						}), /* @__PURE__ */ N(o, {
-							id: `${y}-free`,
+						children: [/* @__PURE__ */ L(u, {
+							htmlFor: `${g}-free`,
+							children: c("contentEditor.freeAfter")
+						}), /* @__PURE__ */ L(l, {
+							id: `${g}-free`,
 							className: "h-8",
 							type: "datetime-local",
-							value: v(t.free_after),
-							onChange: (e) => F({ free_after: g(e.target.value) })
+							value: S(e.free_after),
+							onChange: (e) => j({ free_after: b(e.target.value) })
 						})]
 					})
 				]
@@ -276,8 +279,8 @@ function G({ value: t, onChange: n, model: r, kind: i, owner: a, labels: p, clie
 		]
 	});
 }
-var K = (e) => !B(e.level) || !!e.group_id;
-function q(e) {
+var X = (e) => !W(e.level) || !!e.group_id;
+function Z(e) {
 	let t = e.preview && (e.preview.pages || e.preview.segments) ? {
 		pages: e.preview.pages || void 0,
 		segments: e.preview.segments || void 0
@@ -290,430 +293,455 @@ function q(e) {
 		free_after: e.level === "public" ? void 0 : e.free_after
 	};
 }
-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"),
+function ee({ content: e, ...r }) {
+	let { t: i } = t(), o = n(r.client), { model: s } = q(e.kind, r.client), [c, l] = I(e.access);
+	N(() => l(e.access), [e.revision, e.access]);
+	let [u, d] = I(!1), f = v("content.save", r.onError), p = v("offer.save", r.onError);
+	return /* @__PURE__ */ R(G, {
+		title: i("contentEditor.accessTitle"),
 		ckui: "access-editor",
 		children: [
-			/* @__PURE__ */ P("form", {
+			/* @__PURE__ */ R("form", {
 				className: "grid gap-3",
-				onSubmit: (e) => {
-					e.preventDefault(), d(!1), f.run(() => o.contents.update(r.id, {
-						access: q(c),
-						revision: r.revision
+				onSubmit: (t) => {
+					t.preventDefault(), d(!1), f.run(() => o.contents.update(e.id, {
+						access: Z(c),
+						revision: e.revision
 					})).then((e) => e && d(!0));
 				},
 				children: [
-					/* @__PURE__ */ N(G, {
+					/* @__PURE__ */ L(Y, {
 						value: c,
 						onChange: l,
 						model: s,
-						kind: r.kind,
-						owner: r.owner_group_id,
-						labels: i.labels,
+						kind: e.kind,
+						owner: e.owner_group_id,
+						labels: r.labels,
 						client: o
 					}),
-					/* @__PURE__ */ N(p, { error: f.error }),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ L(_, { error: f.error }),
+					/* @__PURE__ */ R("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ N(n, {
+						children: [/* @__PURE__ */ L(a, {
 							type: "submit",
 							size: "sm",
-							disabled: f.pending || !K(c),
-							children: f.pending ? a("common.saving") : a("common.save")
-						}), /* @__PURE__ */ N(H, { show: u })]
+							disabled: f.pending || !X(c),
+							children: f.pending ? i("common.saving") : i("common.save")
+						}), /* @__PURE__ */ L(K, { show: u })]
 					})
 				]
 			}),
-			/* @__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__ */ L(E, {
+				offer: e.offer,
+				pending: p.pending,
+				onSell: (t) => void p.run(() => o.offers.sell({ content: e.id }, t)),
+				onWithdraw: () => void p.run(() => o.offers.withdraw({ content: e.id }))
 			}),
-			/* @__PURE__ */ N(p, { error: h.error })
+			/* @__PURE__ */ L(_, { error: p.error })
 		]
 	});
 }
-function Y(e, t, n) {
-	return e.label || [...e.languages.map(t), ...e.traits.map((e) => x(n, e))].join(" · ");
+function Q(e, t, n) {
+	return e.label || [...e.languages.map(t), ...e.traits.map((e) => w(n, e))].join(" · ");
 }
-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) {
+function te({ content: r, media: i = !0, ...s }) {
+	let { t: l } = t(), u = n(s.client), d = e(), { model: f, spec: p } = q(r.kind, s.client), m = v("content.save", s.onError), h = v("content.save", s.onError), [g, y] = I(null), b = 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 || !s && !h.segments ? null : /* @__PURE__ */ P(V, {
+		return !e || !i && !p.segments ? null : /* @__PURE__ */ R(G, {
 			title: l("contentEditor.media"),
 			ckui: "version-media",
-			children: [h.segments && /* @__PURE__ */ N($, {
-				content: o,
+			children: [p.segments && /* @__PURE__ */ L($, {
+				content: r,
 				version: e,
-				...c
-			}), s && /* @__PURE__ */ N(i, {
-				item: {
-					kind: o.kind,
-					id: o.id,
-					version: e.id
-				},
-				label: l("contentEditor.media")
+				...s
+			}), i && /* @__PURE__ */ L(ae, {
+				content: r,
+				version: e,
+				model: f,
+				...s
 			})]
 		});
 	}
 	let x = f?.languages ?? [];
-	return /* @__PURE__ */ P(V, {
+	return /* @__PURE__ */ R(G, {
 		title: l("contentEditor.versions"),
 		ckui: "versions-editor",
 		children: [
-			/* @__PURE__ */ N(r, {
+			/* @__PURE__ */ L(o, {
 				items: b,
 				id: (e) => e.id,
-				name: (e) => Y(e, d, c.labels),
+				name: (e) => Q(e, d, s.labels),
 				label: l("contentEditor.versions"),
-				disabled: g.pending || b.length < 2,
+				disabled: m.pending || b.length < 2,
 				onMove: (e, t) => {
-					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));
+					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));
 				},
-				children: (e, t) => /* @__PURE__ */ P("div", {
+				children: (e, t) => /* @__PURE__ */ R("div", {
 					className: "grid gap-2 rounded-md border border-border p-2",
 					"data-ckui": "version-row",
 					"data-version": e.id,
-					children: [/* @__PURE__ */ P("div", {
+					children: [/* @__PURE__ */ R("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
 							b.length > 1 && t,
-							/* @__PURE__ */ N("span", {
+							/* @__PURE__ */ L("span", {
 								className: "min-w-0 flex-1 font-medium break-words",
-								children: Y(e, d, c.labels)
+								children: Q(e, d, s.labels)
 							}),
-							/* @__PURE__ */ N(a, {
+							/* @__PURE__ */ L(c, {
 								variant: e.live ? "default" : "outline",
 								children: l(e.live ? "contentEditor.live" : e.state === "draft" ? "contentManager.draft" : "contentManager.scheduled")
 							}),
-							e.access && /* @__PURE__ */ N(a, {
+							e.access && /* @__PURE__ */ L(c, {
 								variant: "secondary",
 								children: l(`contentEditor.level_${e.access.level}`)
 							}),
-							e.pages ? /* @__PURE__ */ N("span", {
+							e.pages ? /* @__PURE__ */ L("span", {
 								className: "text-xs text-muted-foreground",
 								children: l("contentEditor.pageCount", { count: e.pages })
 							}) : null,
-							/* @__PURE__ */ N(n, {
+							/* @__PURE__ */ L(a, {
 								type: "button",
 								size: "xs",
 								variant: "ghost",
-								"aria-expanded": v === e.id,
-								onClick: () => y(v === e.id ? null : e.id),
-								children: l(v === e.id ? "contentEditor.close" : "contentEditor.edit")
+								"aria-expanded": g === e.id,
+								onClick: () => y(g === e.id ? null : e.id),
+								children: l(g === e.id ? "contentEditor.close" : "contentEditor.edit")
 							})
 						]
-					}), v === e.id && /* @__PURE__ */ N(ee, {
-						content: o,
+					}), g === e.id && /* @__PURE__ */ L(ie, {
+						content: r,
 						version: e,
 						model: f,
-						media: s,
-						...c
+						media: i,
+						...s
 					})]
 				})
 			}),
-			/* @__PURE__ */ N(p, { error: g.error }),
-			/* @__PURE__ */ N(Q, {
+			/* @__PURE__ */ L(_, { error: m.error }),
+			/* @__PURE__ */ L(re, {
 				languages: x,
-				many: h?.versions.languages === "many",
-				pending: _.pending,
-				onAdd: (e) => void _.run(() => u.contents.addVersion(o.id, e))
+				many: p?.versions.languages === "many",
+				pending: h.pending,
+				onAdd: (e) => void h.run(() => u.contents.addVersion(r.id, e)).then((e) => e && y(e.id))
 			}),
-			/* @__PURE__ */ N(p, { error: _.error })
+			/* @__PURE__ */ L(_, { error: h.error })
 		]
 	});
 }
-function Z({ languages: t, value: n, many: r, onChange: i }) {
-	let { t: a } = e(), o = C();
-	return r ? /* @__PURE__ */ P("fieldset", {
+function ne({ languages: n, value: r, many: i, onChange: a }) {
+	let { t: o } = t(), s = e();
+	return i ? /* @__PURE__ */ R("fieldset", {
 		className: "flex flex-wrap gap-3",
-		children: [/* @__PURE__ */ N("legend", {
+		children: [/* @__PURE__ */ L("legend", {
 			className: "sr-only",
-			children: a("contentEditor.versionLanguages")
-		}), t.map((e) => /* @__PURE__ */ P("label", {
+			children: o("contentEditor.versionLanguages")
+		}), n.map((e) => /* @__PURE__ */ R("label", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ N(h, {
+			children: [/* @__PURE__ */ L(y, {
 				size: "sm",
-				checked: n.includes(e),
-				onCheckedChange: (t) => i(t ? [...n, e] : n.filter((t) => t !== e)),
-				"aria-label": o(e)
-			}), o(e)]
+				checked: r.includes(e),
+				onCheckedChange: (t) => a(t ? [...r, e] : r.filter((t) => t !== e)),
+				"aria-label": s(e)
+			}), s(e)]
 		}, e))]
-	}) : /* @__PURE__ */ P(c, {
-		value: n[0] ?? I,
-		onValueChange: (e) => i(e === I ? [] : [String(e)]),
-		children: [/* @__PURE__ */ N(d, {
+	}) : /* @__PURE__ */ R(d, {
+		value: r[0] ?? B,
+		onValueChange: (e) => a(e === B ? [] : [String(e)]),
+		children: [/* @__PURE__ */ L(m, {
 			size: "sm",
-			"aria-label": a("contentEditor.versionLanguage"),
-			children: /* @__PURE__ */ N(f, { children: (e) => e === I ? a("contentEditor.chooseLanguage") : o(e) })
-		}), /* @__PURE__ */ N(l, { children: t.map((e) => /* @__PURE__ */ N(u, {
+			"aria-label": o("contentEditor.versionLanguage"),
+			children: /* @__PURE__ */ L(h, { children: (e) => e === B ? o("contentEditor.chooseLanguage") : s(e) })
+		}), /* @__PURE__ */ L(f, { children: n.map((e) => /* @__PURE__ */ L(p, {
 			value: e,
-			children: o(e)
+			children: s(e)
 		}, e)) })]
 	});
 }
-function Q({ languages: t, many: r, pending: i, onAdd: a }) {
-	let { t: o } = e(), [s, c] = M([]);
-	return /* @__PURE__ */ P("div", {
+function re({ languages: e, many: n, pending: r, onAdd: i }) {
+	let { t: o } = t(), [s, c] = I([]);
+	return /* @__PURE__ */ R("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "add-version",
-		children: [/* @__PURE__ */ N(Z, {
-			languages: t,
+		children: [/* @__PURE__ */ L(ne, {
+			languages: e,
 			value: s,
-			many: r,
+			many: n,
 			onChange: c
-		}), /* @__PURE__ */ N(n, {
+		}), /* @__PURE__ */ L(a, {
 			type: "button",
 			size: "sm",
 			variant: "outline",
-			disabled: i || !s.length,
+			disabled: r || !s.length,
 			onClick: () => {
-				a({ languages: s }), c([]);
+				i({ languages: s }), c([]);
 			},
 			children: o("contentEditor.addVersion")
 		})]
 	});
 }
-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", {
+function ie({ content: e, version: r, model: i, media: o, ...s }) {
+	let { t: c } = t(), d = P(), f = n(s.client), p = i?.kinds[e.kind], [m, h] = I(r.languages), [g, x] = I(r.traits), [C, T] = I(r.label ?? ""), [D, O] = I(r.state === "draft"), [k, j] = I(S(r.publish_at)), [M, N] = I(!!r.access), [F, z] = I(r.access ?? e.access), [B, V] = I(!1), H = v("content.save", s.onError), U = v("content.save", s.onError), W = v("offer.save", s.onError);
+	return /* @__PURE__ */ R("div", {
 		className: "grid gap-4 pt-2",
 		children: [
-			/* @__PURE__ */ P("form", {
+			/* @__PURE__ */ R("form", {
 				className: "grid gap-3",
-				onSubmit: (e) => {
-					e.preventDefault(), U(!1), W.run(() => _.contents.updateVersion(r.id, a.id, {
-						languages: b,
-						traits: C,
-						label: E.trim(),
-						state: k ? "draft" : "published",
-						publish_at: g(F),
-						...L ? { access: q(z) } : { clear_access: !!a.access }
-					})).then((e) => e && U(!0));
+				onSubmit: (t) => {
+					t.preventDefault(), V(!1), H.run(() => f.contents.updateVersion(e.id, r.id, {
+						languages: m,
+						traits: g,
+						label: C.trim(),
+						state: D ? "draft" : "published",
+						publish_at: b(k),
+						...M ? { access: Z(F) } : { clear_access: !!r.access }
+					})).then((e) => e && V(!0));
 				},
 				children: [
-					/* @__PURE__ */ N(Z, {
-						languages: c?.languages ?? [],
-						value: b,
-						many: y?.versions.languages === "many",
-						onChange: S
+					/* @__PURE__ */ L(ne, {
+						languages: i?.languages ?? [],
+						value: m,
+						many: p?.versions.languages === "many",
+						onChange: h
 					}),
-					!!y?.versions.traits?.length && /* @__PURE__ */ P("fieldset", {
+					!!p?.versions.traits?.length && /* @__PURE__ */ R("fieldset", {
 						className: "flex flex-wrap gap-3",
-						children: [/* @__PURE__ */ N("legend", {
+						children: [/* @__PURE__ */ L("legend", {
 							className: "sr-only",
-							children: d("contentEditor.traits")
-						}), y.versions.traits.map((e) => /* @__PURE__ */ P("label", {
+							children: c("contentEditor.traits")
+						}), p.versions.traits.map((e) => /* @__PURE__ */ R("label", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ N(h, {
+							children: [/* @__PURE__ */ L(y, {
 								size: "sm",
-								checked: C.includes(e),
-								onCheckedChange: (t) => T(t ? [...C, e] : C.filter((t) => t !== e)),
-								"aria-label": x(u.labels, e)
-							}), x(u.labels, e)]
+								checked: g.includes(e),
+								onCheckedChange: (t) => x(t ? [...g, e] : g.filter((t) => t !== e)),
+								"aria-label": w(s.labels, e)
+							}), w(s.labels, e)]
 						}, e))]
 					}),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ R("div", {
 						className: "grid gap-3 sm:grid-cols-2",
-						children: [/* @__PURE__ */ P("div", {
+						children: [/* @__PURE__ */ R("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ N(s, {
-								htmlFor: `${f}-label`,
-								children: d("contentEditor.versionLabel")
-							}), /* @__PURE__ */ N(o, {
-								id: `${f}-label`,
+							children: [/* @__PURE__ */ L(u, {
+								htmlFor: `${d}-label`,
+								children: c("contentEditor.versionLabel")
+							}), /* @__PURE__ */ L(l, {
+								id: `${d}-label`,
 								className: "h-8",
-								value: E,
-								onChange: (e) => D(e.target.value)
+								value: C,
+								onChange: (e) => T(e.target.value)
 							})]
-						}), /* @__PURE__ */ P("div", {
+						}), /* @__PURE__ */ R("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ N(s, {
-								htmlFor: `${f}-at`,
-								children: d("contentEditor.versionPublishAt")
-							}), /* @__PURE__ */ N(o, {
-								id: `${f}-at`,
+							children: [/* @__PURE__ */ L(u, {
+								htmlFor: `${d}-at`,
+								children: c("contentEditor.versionPublishAt")
+							}), /* @__PURE__ */ L(l, {
+								id: `${d}-at`,
 								className: "h-8",
 								type: "datetime-local",
-								value: F,
-								onChange: (e) => I(e.target.value)
+								value: k,
+								onChange: (e) => j(e.target.value)
 							})]
 						})]
 					}),
-					/* @__PURE__ */ P("label", {
+					/* @__PURE__ */ R("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ N(h, {
+						children: [/* @__PURE__ */ L(y, {
 							size: "sm",
-							checked: k,
-							onCheckedChange: j
-						}), d("contentEditor.versionDraft")]
+							checked: D,
+							onCheckedChange: O
+						}), c("contentEditor.versionDraft")]
 					}),
-					/* @__PURE__ */ P("label", {
+					/* @__PURE__ */ R("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ N(h, {
+						children: [/* @__PURE__ */ L(y, {
 							size: "sm",
-							checked: L,
-							onCheckedChange: R
-						}), d("contentEditor.ownAccess")]
+							checked: M,
+							onCheckedChange: N
+						}), c("contentEditor.ownAccess")]
 					}),
-					L && /* @__PURE__ */ N(G, {
-						value: z,
-						onChange: B,
-						model: c,
-						kind: r.kind,
-						owner: r.owner_group_id,
-						labels: u.labels,
-						client: _
+					M && /* @__PURE__ */ L(Y, {
+						value: F,
+						onChange: z,
+						model: i,
+						kind: e.kind,
+						owner: e.owner_group_id,
+						labels: s.labels,
+						client: f
 					}),
-					/* @__PURE__ */ N(p, { error: W.error }),
-					/* @__PURE__ */ P("div", {
+					/* @__PURE__ */ L(_, { error: H.error }),
+					/* @__PURE__ */ R("div", {
 						className: "flex flex-wrap items-center gap-3",
 						children: [
-							/* @__PURE__ */ N(n, {
+							/* @__PURE__ */ L(a, {
 								type: "submit",
 								size: "sm",
-								disabled: W.pending || !b.length || L && !K(z),
-								children: W.pending ? d("common.saving") : d("common.save")
+								disabled: H.pending || !m.length || M && !X(F),
+								children: H.pending ? c("common.saving") : c("common.save")
 							}),
-							/* @__PURE__ */ N(H, { show: V }),
-							/* @__PURE__ */ N(n, {
+							/* @__PURE__ */ L(K, { show: B }),
+							/* @__PURE__ */ L(a, {
 								type: "button",
 								size: "sm",
 								variant: "destructive",
 								className: "ms-auto",
-								disabled: J.pending,
-								onClick: () => void J.run(() => _.contents.removeVersion(r.id, a.id)),
-								children: d("contentEditor.deleteVersion")
+								disabled: U.pending,
+								onClick: () => void U.run(() => f.contents.removeVersion(e.id, r.id)),
+								children: c("contentEditor.deleteVersion")
 							})
 						]
 					}),
-					/* @__PURE__ */ N(p, { error: J.error })
+					/* @__PURE__ */ L(_, { error: U.error })
 				]
 			}),
-			/* @__PURE__ */ N(w, {
-				offer: a.offer,
-				pending: Y.pending,
-				onSell: (e) => void Y.run(() => _.offers.sell({
-					content: r.id,
-					version: a.id
-				}, e)),
-				onWithdraw: () => void Y.run(() => _.offers.withdraw({
-					content: r.id,
-					version: a.id
+			/* @__PURE__ */ L(E, {
+				offer: r.offer,
+				pending: W.pending,
+				onSell: (t) => void W.run(() => f.offers.sell({
+					content: e.id,
+					version: r.id
+				}, t)),
+				onWithdraw: () => void W.run(() => f.offers.withdraw({
+					content: e.id,
+					version: r.id
 				}))
 			}),
-			/* @__PURE__ */ N(p, { error: Y.error }),
-			y?.segments && /* @__PURE__ */ N($, {
-				content: r,
-				version: a,
-				...u
+			/* @__PURE__ */ L(_, { error: W.error }),
+			p?.segments && /* @__PURE__ */ L($, {
+				content: e,
+				version: r,
+				...s
 			}),
-			l && /* @__PURE__ */ N(i, {
-				item: {
-					kind: r.kind,
-					id: r.id,
-					version: a.id
-				},
-				label: d("contentEditor.media")
+			o && /* @__PURE__ */ L(ae, {
+				content: e,
+				version: r,
+				model: i,
+				...s
 			}),
-			l && y?.presentation === "reader" && /* @__PURE__ */ N(O, {
-				content: r.id,
-				version: a.id,
-				client: u.client,
-				onError: u.onError
+			o && p?.presentation === "reader" && /* @__PURE__ */ L(A, {
+				content: e.id,
+				version: r.id,
+				client: s.client,
+				onError: s.onError
 			})
 		]
 	});
 }
-function $({ content: r, version: i, ...a }) {
-	let { t: s } = e(), c = t(a.client), l = () => i.segments.map((e) => ({
+function ae({ content: n, version: r, model: a, ...o }) {
+	let { t: c } = t(), l = e(), u = F(() => ({
+		kind: n.kind,
+		id: n.id,
+		version: r.id
+	}), [
+		n.kind,
+		n.id,
+		r.id
+	]), d = i(u, {
+		editor: !0,
+		client: o.client
+	}), f = F(() => (a?.languages ?? []).map((e) => ({
+		value: e,
+		label: l(e)
+	})), [a, l]);
+	return !d.read && d.loading ? /* @__PURE__ */ L(g, { className: "h-24 w-full" }) : d.read?.uploads && M(d.read.uploads).source ? /* @__PURE__ */ L(j, {
+		item: u,
+		languages: f,
+		client: o.client,
+		onError: o.onError
+	}) : /* @__PURE__ */ L(s, {
+		item: u,
+		commit: r.live ? "manual" : "auto",
+		label: c("contentEditor.media"),
+		client: o.client,
+		onError: o.onError
+	});
+}
+function $({ content: e, version: r, ...i }) {
+	let { t: o } = t(), s = n(i.client), c = () => r.segments.map((e) => ({
 		title: e.title ?? "",
 		start: String(e.start),
 		end: String(e.end),
-		release: v(e.release_at)
-	})), [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 ? {
+		release: S(e.release_at)
+	})), [u, d] = I(c);
+	N(() => d(c()), [JSON.stringify(r.segments)]);
+	let [f, p] = I(!1), m = v("content.save", i.onError), h = (e, t) => {
+		p(!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__ */ P("div", {
+	}, g = u.every((e) => /^\d+$/.test(e.start) && /^\d+$/.test(e.end) && Number(e.end) > Number(e.start));
+	return /* @__PURE__ */ R("div", {
 		className: "grid gap-2",
 		"data-ckui": "segments-editor",
 		children: [
-			/* @__PURE__ */ N("h4", {
+			/* @__PURE__ */ L("h4", {
 				className: "text-sm font-medium",
-				children: s("contentEditor.segments")
+				children: o("contentEditor.segments")
 			}),
-			u.length === 0 && /* @__PURE__ */ N("p", {
+			u.length === 0 && /* @__PURE__ */ L("p", {
 				className: "text-muted-foreground",
-				children: s("contentEditor.noSegments")
+				children: o("contentEditor.noSegments")
 			}),
-			u.map((e, t) => /* @__PURE__ */ P("div", {
+			u.map((e, t) => /* @__PURE__ */ R("div", {
 				className: "flex flex-wrap items-center gap-2",
 				"data-ckui": "segment-row",
 				children: [
-					/* @__PURE__ */ N("span", {
+					/* @__PURE__ */ L("span", {
 						className: "w-6 text-xs text-muted-foreground tabular-nums",
 						children: t + 1
 					}),
-					/* @__PURE__ */ N(o, {
+					/* @__PURE__ */ L(l, {
 						className: "h-8 w-40",
-						"aria-label": s("contentEditor.segmentTitle", { n: t + 1 }),
-						placeholder: s("contentEditor.segmentTitlePlaceholder"),
+						"aria-label": o("contentEditor.segmentTitle", { n: t + 1 }),
+						placeholder: o("contentEditor.segmentTitlePlaceholder"),
 						value: e.title,
-						onChange: (e) => y(t, { title: e.target.value })
+						onChange: (e) => h(t, { title: e.target.value })
 					}),
-					/* @__PURE__ */ N(o, {
+					/* @__PURE__ */ L(l, {
 						className: "h-8 w-20",
 						type: "number",
 						min: 0,
-						"aria-label": s("contentEditor.segmentStart", { n: t + 1 }),
+						"aria-label": o("contentEditor.segmentStart", { n: t + 1 }),
 						value: e.start,
-						onChange: (e) => y(t, { start: e.target.value })
+						onChange: (e) => h(t, { start: e.target.value })
 					}),
-					/* @__PURE__ */ N("span", {
+					/* @__PURE__ */ L("span", {
 						"aria-hidden": !0,
 						children: "–"
 					}),
-					/* @__PURE__ */ N(o, {
+					/* @__PURE__ */ L(l, {
 						className: "h-8 w-20",
 						type: "number",
 						min: 1,
-						"aria-label": s("contentEditor.segmentEnd", { n: t + 1 }),
+						"aria-label": o("contentEditor.segmentEnd", { n: t + 1 }),
 						value: e.end,
-						onChange: (e) => y(t, { end: e.target.value })
+						onChange: (e) => h(t, { end: e.target.value })
 					}),
-					/* @__PURE__ */ N(o, {
+					/* @__PURE__ */ L(l, {
 						className: "h-8 w-48",
 						type: "datetime-local",
-						"aria-label": s("contentEditor.segmentRelease", { n: t + 1 }),
+						"aria-label": o("contentEditor.segmentRelease", { n: t + 1 }),
 						value: e.release,
-						onChange: (e) => y(t, { release: e.target.value })
+						onChange: (e) => h(t, { release: e.target.value })
 					}),
-					/* @__PURE__ */ N(n, {
+					/* @__PURE__ */ L(a, {
 						type: "button",
 						size: "xs",
 						variant: "ghost",
 						onClick: () => d((e) => e.filter((e, n) => n !== t)),
-						children: s("common.remove")
+						children: o("common.remove")
 					})
 				]
 			}, t)),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ R("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ N(n, {
+					/* @__PURE__ */ L(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
@@ -726,74 +754,74 @@ function $({ content: r, version: i, ...a }) {
 								release: ""
 							}]);
 						},
-						children: s("contentEditor.addSegment")
+						children: o("contentEditor.addSegment")
 					}),
-					/* @__PURE__ */ N(n, {
+					/* @__PURE__ */ L(a, {
 						type: "button",
 						size: "sm",
-						disabled: _.pending || !b,
+						disabled: m.pending || !g,
 						onClick: () => {
-							h(!1);
-							let e = u.map((e, t) => ({
+							p(!1);
+							let t = u.map((e, t) => ({
 								position: t + 1,
 								title: e.title.trim() || void 0,
 								start: Number(e.start),
 								end: Number(e.end),
-								release_at: g(e.release),
+								release_at: b(e.release),
 								released: !1
 							}));
-							_.run(() => c.contents.setSegments(r.id, i.id, e)).then((e) => e && h(!0));
+							m.run(() => s.contents.setSegments(e.id, r.id, t)).then((e) => e && p(!0));
 						},
-						children: s("contentEditor.saveSegments")
+						children: o("contentEditor.saveSegments")
 					}),
-					/* @__PURE__ */ N(H, { show: f })
+					/* @__PURE__ */ L(K, { show: f })
 				]
 			}),
-			/* @__PURE__ */ N(p, { error: _.error })
+			/* @__PURE__ */ L(_, { error: m.error })
 		]
 	});
 }
-function te({ content: e, ...t }) {
-	let n = C(), r = j(() => e.versions.map((e) => ({
+function oe({ content: t, ...n }) {
+	let r = e(), i = F(() => t.versions.map((e) => ({
 		id: e.id,
-		label: Y(e, n, t.labels)
+		label: Q(e, r, n.labels)
 	})), [
-		e.versions,
-		n,
-		t.labels
-	]), { spec: i } = U(e.kind, t.client);
-	return /* @__PURE__ */ P("div", {
-		className: F("grid gap-6", t.className),
+		t.versions,
+		r,
+		n.labels
+	]), { spec: a } = q(t.kind, n.client);
+	return /* @__PURE__ */ R("div", {
+		className: z("grid gap-6", n.className),
 		"data-ckui": "content-sections",
 		children: [
-			/* @__PURE__ */ N(W, {
-				content: e,
-				...t
+			/* @__PURE__ */ L(J, {
+				content: t,
+				...n
 			}),
-			/* @__PURE__ */ N(J, {
-				content: e,
-				...t
+			/* @__PURE__ */ L(ee, {
+				content: t,
+				...n
 			}),
-			/* @__PURE__ */ N(X, {
-				content: e,
-				...t
+			/* @__PURE__ */ L(te, {
+				content: t,
+				...n
 			}),
-			!!i?.groups?.length && /* @__PURE__ */ N("section", {
+			!!a?.groups?.length && /* @__PURE__ */ L("section", {
 				className: "grid gap-3 border-t border-border pt-4",
 				"data-ckui": "content-groups",
-				children: /* @__PURE__ */ N(D, {
-					content: e.id,
-					contentKind: e.kind,
-					versions: i.versions.hidden ? void 0 : r,
-					labels: t.labels,
-					client: t.client,
-					onError: t.onError
+				children: /* @__PURE__ */ L(k, {
+					content: t.id,
+					contentKind: t.kind,
+					versions: a.versions.hidden ? void 0 : i,
+					labels: n.labels,
+					client: n.client,
+					onError: n.onError
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { J as AccessEditor, W as ContentDetailsEditor, te as ContentSections, $ as SegmentsEditor, X as VersionsEditor, Y as versionLabel };
+export { ee as AccessEditor, J as ContentDetailsEditor, oe as ContentSections, $ as SegmentsEditor, te as VersionsEditor, Q as versionLabel };
 
 //# sourceMappingURL=editors.js.map