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

package/dist/components/content/editors.js

@@ -20,56 +20,58 @@ import { useDraft as O } from "../../react/use-draft.js";
 import { readerMediaReady as ee, useEditorSaveTask as k } from "./editor-save.js";
 import { OfferFields as A } from "./offer-fields.js";
 import { AttributeFields as j, formOf as M } from "../groups/fields.js";
-import { MembershipEditor as N } from "../groups/memberships.js";
-import { ReaderManifestEditor as te } from "../admin/reader-manifest.js";
-import { PageReview as P } from "../admin/page-review.js";
-import { VideoMediaEditor as ne, videoPaths as F } from "../admin/media-item-panel.js";
-import { useCallback as re, useEffect as I, useId as ie, 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 { useReaderPlan as N } from "../../react/versions.js";
+import { PagePicker as P, usePlanMedia as te } from "../admin/page-picker.js";
+import { ReaderManifestEditor as ne } from "../admin/reader-manifest.js";
+import { PageNotices as F } from "../admin/page-notices.js";
+import { VideoMediaEditor as I, videoPaths as L } from "../admin/media-item-panel.js";
+import { MembershipEditor as R } from "../groups/memberships.js";
+import { useCallback as re, useEffect as z, useId as ie, useMemo as B, useRef as V, useState as H } from "react";
+import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
+import { cn as ae } from "cn";
 //#region src/components/content/editors.tsx
-var W = "__none__", ae = [
+var K = "__none__", oe = [
 	"listed",
 	"members",
 	"unlisted"
-], oe = [
+], se = [
 	"open",
 	"closed",
 	"hidden"
-], se = [
+], ce = [
 	"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", {
+], q = (e) => e === "group" || e === "group_ppv";
+function J({ title: e, ckui: t, children: n }) {
+	return /* @__PURE__ */ G("section", {
 		className: "grid gap-3 border-t border-border pt-4",
 		"data-ckui": t,
-		children: [/* @__PURE__ */ V("h3", {
+		children: [/* @__PURE__ */ W("h3", {
 			className: "font-medium",
 			children: e
 		}), n]
 	});
 }
-function q({ show: e }) {
+function Y({ show: e }) {
 	let { t: n } = t();
-	return e ? /* @__PURE__ */ V("span", {
+	return e ? /* @__PURE__ */ W("span", {
 		role: "status",
 		className: "text-muted-foreground",
 		children: n("contentEditor.saved")
 	}) : null;
 }
-function J(e, t) {
+function X(e, t) {
 	let { kinds: n } = i({ client: t });
 	return {
 		model: n,
 		spec: n?.kinds[e]
 	};
 }
-function ce(e, t, n) {
-	let [r, i] = z({
+function le(e, t, n) {
+	let [r, i] = H({
 		id: e,
 		client: t,
 		scope: n,
@@ -86,31 +88,31 @@ function ce(e, t, n) {
 	}
 	return r.key;
 }
-function le(e, t) {
-	let { client: n, store: i, scope: a, language: o } = r(t), s = R(!0);
-	return I(() => (s.current = !0, () => {
+function ue(e, t) {
+	let { client: n, store: i, scope: a, language: o } = r(t), s = V(!0);
+	return z(() => (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 ue(e) {
-	let { client: t, scope: n } = r(e.client), i = ce(e.content.id, t, n);
-	return /* @__PURE__ */ V(de, {
+function de(e) {
+	let { client: t, scope: n } = r(e.client), i = le(e.content.id, t, n);
+	return /* @__PURE__ */ W(fe, {
 		...e,
 		client: t
 	}, i);
 }
-function de({ content: e, ...r }) {
-	let { t: i } = t(), a = n(r.client), { spec: o } = J(e.kind, r.client), c = L(() => o?.attributes ?? {}, [o]), l = O(L(() => ({
+function fe({ content: e, ...r }) {
+	let { t: i } = t(), a = n(r.client), { spec: o } = X(e.kind, r.client), c = B(() => o?.attributes ?? {}, [o]), l = O(B(() => ({
 		listing: e.listing,
 		comments: e.comments
-	}), [e.listing, e.comments])), u = O(L(() => M(c, e.attributes), [c, e.attributes])), { listing: d, comments: v } = l.value, x = le(e, r.client), [S, w] = z(null), [T, E] = z(!1), D = b("content.save", r.onError);
-	return /* @__PURE__ */ V(K, {
+	}), [e.listing, e.comments])), u = O(B(() => M(c, e.attributes), [c, e.attributes])), { listing: d, comments: v } = l.value, x = ue(e, r.client), [S, w] = H(null), [T, E] = H(!1), D = b("content.save", r.onError);
+	return /* @__PURE__ */ W(J, {
 		title: i("contentEditor.details"),
 		ckui: "content-details",
-		children: /* @__PURE__ */ H("form", {
+		children: /* @__PURE__ */ G("form", {
 			className: "grid gap-3",
 			onSubmit: (t) => {
 				t.preventDefault(), w(null), E(!1);
@@ -136,9 +138,9 @@ function de({ content: e, ...r }) {
 				});
 			},
 			children: [
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ G("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ V(f, { children: i("contentEditor.listing") }), /* @__PURE__ */ H(p, {
+					children: [/* @__PURE__ */ W(f, { children: i("contentEditor.listing") }), /* @__PURE__ */ G(p, {
 						value: d,
 						onValueChange: (e) => {
 							l.edit((t) => ({
@@ -146,19 +148,19 @@ function de({ content: e, ...r }) {
 								listing: e
 							})), E(!1);
 						},
-						children: [/* @__PURE__ */ V(g, {
+						children: [/* @__PURE__ */ W(g, {
 							size: "sm",
 							"aria-label": i("contentEditor.listing"),
-							children: /* @__PURE__ */ V(_, { children: (e) => i(`contentEditor.listing_${e}`) })
-						}), /* @__PURE__ */ V(m, { children: ae.map((e) => /* @__PURE__ */ V(h, {
+							children: /* @__PURE__ */ W(_, { children: (e) => i(`contentEditor.listing_${e}`) })
+						}), /* @__PURE__ */ W(m, { children: oe.map((e) => /* @__PURE__ */ W(h, {
 							value: e,
 							children: i(`contentEditor.listing_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ H("div", {
+				/* @__PURE__ */ G("div", {
 					className: "grid gap-1.5 sm:max-w-xs",
-					children: [/* @__PURE__ */ V(f, { children: i("contentEditor.comments") }), /* @__PURE__ */ H(p, {
+					children: [/* @__PURE__ */ W(f, { children: i("contentEditor.comments") }), /* @__PURE__ */ G(p, {
 						value: v,
 						onValueChange: (e) => {
 							l.edit((t) => ({
@@ -166,17 +168,17 @@ function de({ content: e, ...r }) {
 								comments: e
 							})), E(!1);
 						},
-						children: [/* @__PURE__ */ V(g, {
+						children: [/* @__PURE__ */ W(g, {
 							size: "sm",
 							"aria-label": i("contentEditor.comments"),
-							children: /* @__PURE__ */ V(_, { children: (e) => i(`contentEditor.comments_${e}`) })
-						}), /* @__PURE__ */ V(m, { children: oe.map((e) => /* @__PURE__ */ V(h, {
+							children: /* @__PURE__ */ W(_, { children: (e) => i(`contentEditor.comments_${e}`) })
+						}), /* @__PURE__ */ W(m, { children: se.map((e) => /* @__PURE__ */ W(h, {
 							value: e,
 							children: i(`contentEditor.comments_${e}`)
 						}, e)) })]
 					})]
 				}),
-				/* @__PURE__ */ V(j, {
+				/* @__PURE__ */ W(j, {
 					declared: c,
 					form: u.value,
 					onChange: (e, t) => {
@@ -187,18 +189,18 @@ function de({ content: e, ...r }) {
 					},
 					labels: r.labels
 				}),
-				S && /* @__PURE__ */ V(y, { children: S }),
-				/* @__PURE__ */ V(y, { error: D.error }),
-				/* @__PURE__ */ H("div", {
+				S && /* @__PURE__ */ W(y, { children: S }),
+				/* @__PURE__ */ W(y, { error: D.error }),
+				/* @__PURE__ */ G("div", {
 					className: "flex items-center gap-3",
 					children: [
-						/* @__PURE__ */ V(s, {
+						/* @__PURE__ */ W(s, {
 							type: "submit",
 							size: "sm",
 							disabled: D.pending,
 							children: D.pending ? i("common.saving") : i("common.save")
 						}),
-						/* @__PURE__ */ V(s, {
+						/* @__PURE__ */ W(s, {
 							type: "button",
 							variant: "ghost",
 							size: "sm",
@@ -214,80 +216,80 @@ function de({ content: e, ...r }) {
 							},
 							children: i("common.cancel")
 						}),
-						/* @__PURE__ */ V(q, { show: T })
+						/* @__PURE__ */ W(Y, { show: T })
 					]
 				})
 			]
 		})
 	});
 }
-function Y({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, client: s }) {
-	let { t: c } = t(), l = ie(), 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] = z(), O = b ?? y[0] ?? "", ee = D(e.group_id ? [e.group_id] : [], { client: s }), k = e.group_id ? ee.get(e.group_id) : void 0, A = (t) => n({
+function pe({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, client: s }) {
+	let { t: c } = t(), l = ie(), 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] = H(), O = b ?? y[0] ?? "", ee = D(e.group_id ? [e.group_id] : [], { client: s }), k = e.group_id ? ee.get(e.group_id) : void 0, A = (t) => n({
 		...e,
 		...t
 	}), j = v?.presentation === "reader", M = !!v?.segments;
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ G("div", {
 		className: "grid gap-3",
 		"data-ckui": "rule-fields",
 		children: [
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ G("div", {
 				className: "grid gap-1.5 sm:max-w-xs",
-				children: [/* @__PURE__ */ V(f, { children: c("contentEditor.access") }), /* @__PURE__ */ H(p, {
+				children: [/* @__PURE__ */ W(f, { children: c("contentEditor.access") }), /* @__PURE__ */ G(p, {
 					value: e.level,
 					onValueChange: (t) => {
 						let r = t;
 						n({
 							level: r,
-							group_id: G(r) ? e.group_id || a : void 0,
+							group_id: q(r) ? e.group_id || a : void 0,
 							preview: e.preview,
 							free_after: e.free_after
 						});
 					},
-					children: [/* @__PURE__ */ V(g, {
+					children: [/* @__PURE__ */ W(g, {
 						size: "sm",
 						"aria-label": c("contentEditor.access"),
-						children: /* @__PURE__ */ V(_, { children: (e) => c(`contentEditor.level_${e}`) })
-					}), /* @__PURE__ */ V(m, { children: se.filter((e) => (e !== "tier" || u.length) && (!e.startsWith("group") || y.length)).map((e) => /* @__PURE__ */ V(h, {
+						children: /* @__PURE__ */ W(_, { children: (e) => c(`contentEditor.level_${e}`) })
+					}), /* @__PURE__ */ W(m, { children: ce.filter((e) => (e !== "tier" || u.length) && (!e.startsWith("group") || y.length)).map((e) => /* @__PURE__ */ W(h, {
 						value: e,
 						children: c(`contentEditor.level_${e}`)
 					}, e)) })]
 				})]
 			}),
-			e.level === "tier" && /* @__PURE__ */ H("fieldset", {
+			e.level === "tier" && /* @__PURE__ */ G("fieldset", {
 				className: "flex flex-wrap gap-3",
-				children: [/* @__PURE__ */ V("legend", {
+				children: [/* @__PURE__ */ W("legend", {
 					className: "sr-only",
 					children: c("contentEditor.tiers")
-				}), u.map((t) => /* @__PURE__ */ H("label", {
+				}), u.map((t) => /* @__PURE__ */ G("label", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ V(x, {
+					children: [/* @__PURE__ */ W(x, {
 						checked: e.tiers?.includes(t) ?? !1,
 						onCheckedChange: (n) => A({ tiers: n ? [...e.tiers ?? [], t] : (e.tiers ?? []).filter((e) => e !== t) }),
 						"aria-label": E(o, t)
 					}), E(o, t)]
 				}, t))]
 			}),
-			G(e.level) && /* @__PURE__ */ H("div", {
+			q(e.level) && /* @__PURE__ */ G("div", {
 				className: "flex flex-wrap items-end gap-2",
 				children: [
-					k || e.group_id ? /* @__PURE__ */ V("span", {
+					k || e.group_id ? /* @__PURE__ */ W("span", {
 						className: "rounded-md border border-border px-2 py-0.5",
 						"data-ckui": "rule-group",
 						children: k ? k.name || k.slug : e.group_id
 					}) : null,
-					y.length > 1 && /* @__PURE__ */ H(p, {
+					y.length > 1 && /* @__PURE__ */ G(p, {
 						value: O,
 						onValueChange: (e) => C(String(e)),
-						children: [/* @__PURE__ */ V(g, {
+						children: [/* @__PURE__ */ W(g, {
 							size: "sm",
 							"aria-label": c("groupEditor.edgeKind"),
-							children: /* @__PURE__ */ V(_, { children: (e) => E(o, e) })
-						}), /* @__PURE__ */ V(m, { children: y.map((e) => /* @__PURE__ */ V(h, {
+							children: /* @__PURE__ */ W(_, { children: (e) => E(o, e) })
+						}), /* @__PURE__ */ W(m, { children: y.map((e) => /* @__PURE__ */ W(h, {
 							value: e,
 							children: E(o, e)
 						}, e)) })]
 					}),
-					O && /* @__PURE__ */ V(T, {
+					O && /* @__PURE__ */ W(T, {
 						kind: O,
 						label: c("contentEditor.group"),
 						client: s,
@@ -295,15 +297,15 @@ function Y({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 					}, O)
 				]
 			}),
-			e.level !== "public" && /* @__PURE__ */ H("div", {
+			e.level !== "public" && /* @__PURE__ */ G("div", {
 				className: "grid gap-3 sm:grid-cols-3",
 				children: [
-					j && /* @__PURE__ */ H("div", {
+					j && /* @__PURE__ */ G("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ V(f, {
+						children: [/* @__PURE__ */ W(f, {
 							htmlFor: `${l}-pages`,
 							children: c("contentEditor.previewPages")
-						}), /* @__PURE__ */ V(d, {
+						}), /* @__PURE__ */ W(d, {
 							id: `${l}-pages`,
 							className: "h-8",
 							type: "number",
@@ -315,12 +317,12 @@ function Y({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 							} })
 						})]
 					}),
-					M && /* @__PURE__ */ H("div", {
+					M && /* @__PURE__ */ G("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ V(f, {
+						children: [/* @__PURE__ */ W(f, {
 							htmlFor: `${l}-segments`,
 							children: c("contentEditor.previewSegments")
-						}), /* @__PURE__ */ V(d, {
+						}), /* @__PURE__ */ W(d, {
 							id: `${l}-segments`,
 							className: "h-8",
 							type: "number",
@@ -332,12 +334,12 @@ function Y({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 							} })
 						})]
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ G("div", {
 						className: "grid gap-1.5",
-						children: [/* @__PURE__ */ V(f, {
+						children: [/* @__PURE__ */ W(f, {
 							htmlFor: `${l}-free`,
 							children: c("contentEditor.freeAfter")
-						}), /* @__PURE__ */ V(d, {
+						}), /* @__PURE__ */ W(d, {
 							id: `${l}-free`,
 							className: "h-8",
 							type: "datetime-local",
@@ -350,8 +352,8 @@ function Y({ value: e, onChange: n, model: r, kind: i, owner: a, labels: o, clie
 		]
 	});
 }
-var X = (e) => !G(e.level) || !!e.group_id;
-function Z(e) {
+var Z = (e) => !q(e.level) || !!e.group_id;
+function me(e) {
 	let t = e.preview && (e.preview.pages || e.preview.segments) ? {
 		pages: e.preview.pages || void 0,
 		segments: e.preview.segments || void 0
@@ -364,31 +366,31 @@ function Z(e) {
 		free_after: e.level === "public" ? void 0 : e.free_after
 	};
 }
-function fe(e) {
-	let { client: t, scope: n } = r(e.client), i = ce(e.content.id, t, n);
-	return /* @__PURE__ */ V(pe, {
+function he(e) {
+	let { client: t, scope: n } = r(e.client), i = le(e.content.id, t, n);
+	return /* @__PURE__ */ W(ge, {
 		...e,
 		client: t
 	}, i);
 }
-function pe({ content: e, ...r }) {
-	let { t: i } = t(), a = n(r.client), { model: o } = J(e.kind, r.client), c = O(e.access), l = le(e, r.client), [u, d] = z(!1), f = b("content.save", r.onError), p = b("offer.save", r.onError);
-	return /* @__PURE__ */ H(K, {
+function ge({ content: e, ...r }) {
+	let { t: i } = t(), a = n(r.client), { model: o } = X(e.kind, r.client), c = O(e.access), l = ue(e, r.client), [u, d] = H(!1), f = b("content.save", r.onError), p = b("offer.save", r.onError);
+	return /* @__PURE__ */ G(J, {
 		title: i("contentEditor.accessTitle"),
 		ckui: "access-editor",
 		children: [
-			/* @__PURE__ */ H("form", {
+			/* @__PURE__ */ G("form", {
 				className: "grid gap-3",
 				onSubmit: (t) => {
 					t.preventDefault(), d(!1);
 					let n = c.checkpoint();
 					f.run(() => a.contents.update(e.id, {
-						access: Z(c.value),
+						access: me(c.value),
 						revision: e.revision
 					})).then((e) => e && d(n(e.access)));
 				},
 				children: [
-					/* @__PURE__ */ V(Y, {
+					/* @__PURE__ */ W(pe, {
 						value: c.value,
 						onChange: (e) => {
 							c.edit(e), d(!1);
@@ -399,17 +401,17 @@ function pe({ content: e, ...r }) {
 						labels: r.labels,
 						client: a
 					}),
-					/* @__PURE__ */ V(y, { error: f.error }),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ W(y, { error: f.error }),
+					/* @__PURE__ */ G("div", {
 						className: "flex items-center gap-3",
 						children: [
-							/* @__PURE__ */ V(s, {
+							/* @__PURE__ */ W(s, {
 								type: "submit",
 								size: "sm",
-								disabled: f.pending || !X(c.value),
+								disabled: f.pending || !Z(c.value),
 								children: f.pending ? i("common.saving") : i("common.save")
 							}),
-							/* @__PURE__ */ V(s, {
+							/* @__PURE__ */ W(s, {
 								type: "button",
 								variant: "ghost",
 								size: "sm",
@@ -422,29 +424,29 @@ function pe({ content: e, ...r }) {
 								},
 								children: i("common.cancel")
 							}),
-							/* @__PURE__ */ V(q, { show: u })
+							/* @__PURE__ */ W(Y, { show: u })
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ V(A, {
+			/* @__PURE__ */ W(A, {
 				offer: e.offer,
 				pending: p.pending,
 				onSell: (t) => p.run(() => a.offers.sell({ content: e.id }, t)),
 				onWithdraw: () => void p.run(() => a.offers.withdraw({ content: e.id }))
 			}),
-			/* @__PURE__ */ V(y, { error: p.error })
+			/* @__PURE__ */ W(y, { error: p.error })
 		]
 	});
 }
 function Q(e, t, n) {
 	return e.label || [...e.languages.map(t), ...e.traits.map((e) => E(n, e))].join(" · ");
 }
-function me({ content: r, media: i = !0, activeVersion: a, ...o }) {
-	let { t: l } = t(), d = n(o.client), f = e(), { model: p, spec: m } = J(r.kind, o.client), h = b("content.save", o.onError), g = b("content.save", o.onError), [_, v] = z(null), [x, S] = z([]), C = (e) => {
+function _e({ content: r, media: i = !0, activeVersion: a, ...o }) {
+	let { t: l } = t(), d = n(o.client), f = e(), { model: p, spec: m } = X(r.kind, o.client), h = b("content.save", o.onError), g = b("content.save", o.onError), [_, v] = H(null), [x, S] = H([]), C = (e) => {
 		v(e), S((t) => t.includes(e) ? t : [...t, e]);
 	};
-	I(() => {
+	z(() => {
 		a && (v(a), S((e) => e.includes(a) ? e : [...e, a]));
 	}, [a]), k(`versions:${r.id}`, {
 		label: l("contentEditor.versions"),
@@ -453,18 +455,18 @@ function me({ content: r, media: i = !0, activeVersion: a, ...o }) {
 		valid: !0,
 		save: async () => !0
 	});
-	let w = L(() => [...r.versions].sort((e, t) => e.position - t.position), [r.versions]);
+	let w = B(() => [...r.versions].sort((e, t) => e.position - t.position), [r.versions]);
 	if (!m) return null;
 	if (m.versions.hidden) {
 		let e = w[0];
-		return !e || !i && !m.segments ? null : /* @__PURE__ */ H(K, {
+		return !e || !i && !m.segments ? null : /* @__PURE__ */ G(J, {
 			title: l("contentEditor.media"),
 			ckui: "version-media",
-			children: [m.segments && /* @__PURE__ */ V($, {
+			children: [m.segments && /* @__PURE__ */ W($, {
 				content: r,
 				version: e,
 				...o
-			}), i && /* @__PURE__ */ V(ye, {
+			}), i && /* @__PURE__ */ W(Se, {
 				content: r,
 				version: e,
 				model: p,
@@ -473,11 +475,11 @@ function me({ content: r, media: i = !0, activeVersion: a, ...o }) {
 		});
 	}
 	let T = p?.languages ?? [];
-	return /* @__PURE__ */ H(K, {
+	return /* @__PURE__ */ G(J, {
 		title: l("contentEditor.versions"),
 		ckui: "versions-editor",
 		children: [
-			/* @__PURE__ */ V(c, {
+			/* @__PURE__ */ W(c, {
 				items: w,
 				id: (e) => e.id,
 				name: (e) => Q(e, f, o.labels),
@@ -487,31 +489,31 @@ function me({ content: r, media: i = !0, activeVersion: a, ...o }) {
 					let n = w.map((e) => e.id), [i] = n.splice(e, 1);
 					n.splice(t, 0, i), h.run(() => d.contents.orderVersions(r.id, n));
 				},
-				children: (e, t) => /* @__PURE__ */ H("div", {
+				children: (e, t) => /* @__PURE__ */ G("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__ */ G("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
 							w.length > 1 && t,
-							/* @__PURE__ */ V("span", {
+							/* @__PURE__ */ W("span", {
 								className: "min-w-0 flex-1 font-medium break-words",
 								children: Q(e, f, o.labels)
 							}),
-							/* @__PURE__ */ V(u, {
+							/* @__PURE__ */ W(u, {
 								variant: e.live ? "default" : "outline",
 								children: l(e.live ? "contentEditor.live" : e.state === "draft" ? "contentManager.draft" : "contentManager.scheduled")
 							}),
-							e.access && /* @__PURE__ */ V(u, {
+							e.access && /* @__PURE__ */ W(u, {
 								variant: "secondary",
 								children: l(`contentEditor.level_${e.access.level}`)
 							}),
-							e.pages ? /* @__PURE__ */ V("span", {
+							e.pages ? /* @__PURE__ */ W("span", {
 								className: "text-xs text-muted-foreground",
 								children: l("contentEditor.pageCount", { count: e.pages })
 							}) : null,
-							/* @__PURE__ */ V(s, {
+							/* @__PURE__ */ W(s, {
 								type: "button",
 								size: "xs",
 								variant: "ghost",
@@ -520,9 +522,9 @@ function me({ content: r, media: i = !0, activeVersion: a, ...o }) {
 								children: l(_ === e.id ? "contentEditor.close" : "contentEditor.edit")
 							})
 						]
-					}), x.includes(e.id) && /* @__PURE__ */ V("div", {
+					}), x.includes(e.id) && /* @__PURE__ */ W("div", {
 						hidden: _ !== e.id,
-						children: /* @__PURE__ */ V(_e, {
+						children: /* @__PURE__ */ W(be, {
 							content: r,
 							version: e,
 							model: p,
@@ -532,57 +534,57 @@ function me({ content: r, media: i = !0, activeVersion: a, ...o }) {
 					})]
 				})
 			}),
-			/* @__PURE__ */ V(y, { error: h.error }),
-			/* @__PURE__ */ V(ge, {
+			/* @__PURE__ */ W(y, { error: h.error }),
+			/* @__PURE__ */ W(ye, {
 				languages: T,
 				many: m?.versions.languages === "many",
 				pending: g.pending,
 				onAdd: (e) => void g.run(() => d.contents.addVersion(r.id, e)).then((e) => e && C(e.id))
 			}),
-			/* @__PURE__ */ V(y, { error: g.error })
+			/* @__PURE__ */ W(y, { error: g.error })
 		]
 	});
 }
-function he({ languages: n, value: r, many: i, onChange: a }) {
+function ve({ languages: n, value: r, many: i, onChange: a }) {
 	let { t: o } = t(), s = e();
-	return i ? /* @__PURE__ */ H("fieldset", {
+	return i ? /* @__PURE__ */ G("fieldset", {
 		className: "flex flex-wrap gap-3",
-		children: [/* @__PURE__ */ V("legend", {
+		children: [/* @__PURE__ */ W("legend", {
 			className: "sr-only",
 			children: o("contentEditor.versionLanguages")
-		}), n.map((e) => /* @__PURE__ */ H("label", {
+		}), n.map((e) => /* @__PURE__ */ G("label", {
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ V(x, {
+			children: [/* @__PURE__ */ W(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(p, {
-		value: r[0] ?? W,
-		onValueChange: (e) => a(e === W ? [] : [String(e)]),
-		children: [/* @__PURE__ */ V(g, {
+	}) : /* @__PURE__ */ G(p, {
+		value: r[0] ?? K,
+		onValueChange: (e) => a(e === K ? [] : [String(e)]),
+		children: [/* @__PURE__ */ W(g, {
 			size: "sm",
 			"aria-label": o("contentEditor.versionLanguage"),
-			children: /* @__PURE__ */ V(_, { children: (e) => e === W ? o("contentEditor.chooseLanguage") : s(e) })
-		}), /* @__PURE__ */ V(m, { children: n.map((e) => /* @__PURE__ */ V(h, {
+			children: /* @__PURE__ */ W(_, { children: (e) => e === K ? o("contentEditor.chooseLanguage") : s(e) })
+		}), /* @__PURE__ */ W(m, { children: n.map((e) => /* @__PURE__ */ W(h, {
 			value: e,
 			children: s(e)
 		}, e)) })]
 	});
 }
-function ge({ languages: e, many: n, pending: r, onAdd: i }) {
-	let { t: a } = t(), [o, c] = z([]);
-	return /* @__PURE__ */ H("div", {
+function ye({ languages: e, many: n, pending: r, onAdd: i }) {
+	let { t: a } = t(), [o, c] = H([]);
+	return /* @__PURE__ */ G("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "add-version",
-		children: [/* @__PURE__ */ V(he, {
+		children: [/* @__PURE__ */ W(ve, {
 			languages: e,
 			value: o,
 			many: n,
 			onChange: c
-		}), /* @__PURE__ */ V(s, {
+		}), /* @__PURE__ */ W(s, {
 			type: "button",
 			size: "sm",
 			variant: "outline",
@@ -594,7 +596,7 @@ function ge({ languages: e, many: n, pending: r, onAdd: i }) {
 		})]
 	});
 }
-function _e({ content: e, version: r, model: i, media: a, ...o }) {
+function be({ content: e, version: r, model: i, media: a, ...o }) {
 	let { t: c } = t(), l = ie(), u = n(o.client), p = i?.kinds[e.kind], m = re((t) => ({
 		langs: t.languages,
 		traits: t.traits,
@@ -603,13 +605,13 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 		at: w(t.publish_at),
 		own: !!t.access,
 		rule: t.access ?? e.access
-	}), [e.access]), h = O(L(() => m(r), [m, r])), { langs: g, traits: _, label: v, draft: C, at: T, own: D, rule: j } = h.value, M = (e) => {
+	}), [e.access]), h = O(B(() => m(r), [m, r])), { langs: g, traits: _, label: v, draft: C, at: T, own: D, rule: j } = h.value, M = (e) => {
 		h.edit((t) => ({
 			...t,
 			...e
 		})), F(!1);
-	}, [N, P] = z(null), [ne, F] = z(!1), I = b("content.save", o.onError), R = b("content.save", o.onError), B = b("offer.save", o.onError), U = g.length > 0 && (!D || X(j)), W = async () => {
-		if (!U) return !1;
+	}, [N, P] = H(null), [te, F] = H(!1), I = b("content.save", o.onError), L = b("content.save", o.onError), R = b("offer.save", o.onError), z = g.length > 0 && (!D || Z(j)), V = async () => {
+		if (!z) return !1;
 		if (P(null), F(!1), p?.presentation === "reader" && r.state === "draft" && !C && !await ee(u, {
 			kind: e.kind,
 			id: e.id,
@@ -621,7 +623,7 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 			label: v.trim(),
 			state: C ? "draft" : "published",
 			publish_at: S(T),
-			...D ? { access: Z(j) } : { clear_access: !!r.access }
+			...D ? { access: me(j) } : { clear_access: !!r.access }
 		}));
 		if (!n) return !1;
 		let i = t(m(n));
@@ -630,33 +632,33 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 	return k(`version:${r.id}`, {
 		label: c("contentEditor.versions"),
 		dirty: h.dirty.length > 0,
-		pending: I.pending || R.pending,
-		valid: U,
-		save: W,
+		pending: I.pending || L.pending,
+		valid: z,
+		save: V,
 		order: 10
-	}), /* @__PURE__ */ H("div", {
+	}), /* @__PURE__ */ G("div", {
 		className: "grid gap-4 pt-2",
 		children: [
-			/* @__PURE__ */ H("form", {
+			/* @__PURE__ */ G("form", {
 				className: "grid gap-3",
 				onSubmit: (e) => {
-					e.preventDefault(), W();
+					e.preventDefault(), V();
 				},
 				children: [
-					/* @__PURE__ */ V(he, {
+					/* @__PURE__ */ W(ve, {
 						languages: i?.languages ?? [],
 						value: g,
 						many: p?.versions.languages === "many",
 						onChange: (e) => M({ langs: e })
 					}),
-					!!p?.versions.traits?.length && /* @__PURE__ */ H("fieldset", {
+					!!p?.versions.traits?.length && /* @__PURE__ */ G("fieldset", {
 						className: "flex flex-wrap gap-3",
-						children: [/* @__PURE__ */ V("legend", {
+						children: [/* @__PURE__ */ W("legend", {
 							className: "sr-only",
 							children: c("contentEditor.traits")
-						}), p.versions.traits.map((e) => /* @__PURE__ */ H("label", {
+						}), p.versions.traits.map((e) => /* @__PURE__ */ G("label", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ V(x, {
+							children: [/* @__PURE__ */ W(x, {
 								size: "sm",
 								checked: _.includes(e),
 								onCheckedChange: (t) => M({ traits: t ? [..._, e] : _.filter((t) => t !== e) }),
@@ -664,25 +666,25 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 							}), E(o.labels, e)]
 						}, e))]
 					}),
-					/* @__PURE__ */ H("div", {
+					/* @__PURE__ */ G("div", {
 						className: "grid gap-3 sm:grid-cols-2",
-						children: [/* @__PURE__ */ H("div", {
+						children: [/* @__PURE__ */ G("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ V(f, {
+							children: [/* @__PURE__ */ W(f, {
 								htmlFor: `${l}-label`,
 								children: c("contentEditor.versionLabel")
-							}), /* @__PURE__ */ V(d, {
+							}), /* @__PURE__ */ W(d, {
 								id: `${l}-label`,
 								className: "h-8",
 								value: v,
 								onChange: (e) => M({ label: e.target.value })
 							})]
-						}), /* @__PURE__ */ H("div", {
+						}), /* @__PURE__ */ G("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ V(f, {
+							children: [/* @__PURE__ */ W(f, {
 								htmlFor: `${l}-at`,
 								children: c("contentEditor.versionPublishAt")
-							}), /* @__PURE__ */ V(d, {
+							}), /* @__PURE__ */ W(d, {
 								id: `${l}-at`,
 								className: "h-8",
 								type: "datetime-local",
@@ -691,23 +693,23 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ H("label", {
+					/* @__PURE__ */ G("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ V(x, {
+						children: [/* @__PURE__ */ W(x, {
 							size: "sm",
 							checked: C,
 							onCheckedChange: (e) => M({ draft: e })
 						}), c("contentEditor.versionDraft")]
 					}),
-					/* @__PURE__ */ H("label", {
+					/* @__PURE__ */ G("label", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ V(x, {
+						children: [/* @__PURE__ */ W(x, {
 							size: "sm",
 							checked: D,
 							onCheckedChange: (e) => M({ own: e })
 						}), c("contentEditor.ownAccess")]
 					}),
-					D && /* @__PURE__ */ V(Y, {
+					D && /* @__PURE__ */ W(pe, {
 						value: j,
 						onChange: (e) => M({ rule: e }),
 						model: i,
@@ -716,62 +718,62 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 						labels: o.labels,
 						client: u
 					}),
-					N && /* @__PURE__ */ V(y, { children: N }),
-					/* @__PURE__ */ V(y, { error: I.error }),
-					/* @__PURE__ */ H("div", {
+					N && /* @__PURE__ */ W(y, { children: N }),
+					/* @__PURE__ */ W(y, { error: I.error }),
+					/* @__PURE__ */ G("div", {
 						className: "flex flex-wrap items-center gap-3",
 						children: [
-							/* @__PURE__ */ V(s, {
+							/* @__PURE__ */ W(s, {
 								type: "submit",
 								size: "sm",
-								disabled: I.pending || !g.length || D && !X(j),
+								disabled: I.pending || !g.length || D && !Z(j),
 								children: I.pending ? c("common.saving") : c("common.save")
 							}),
-							/* @__PURE__ */ V(q, { show: ne }),
-							/* @__PURE__ */ V(s, {
+							/* @__PURE__ */ W(Y, { show: te }),
+							/* @__PURE__ */ W(s, {
 								type: "button",
 								size: "sm",
 								variant: "destructive",
 								className: "ms-auto",
-								disabled: R.pending,
-								onClick: () => void R.run(() => u.contents.removeVersion(e.id, r.id)),
+								disabled: L.pending,
+								onClick: () => void L.run(() => u.contents.removeVersion(e.id, r.id)),
 								children: c("contentEditor.deleteVersion")
 							})
 						]
 					}),
-					/* @__PURE__ */ V(y, { error: R.error })
+					/* @__PURE__ */ W(y, { error: L.error })
 				]
 			}),
-			/* @__PURE__ */ V(A, {
+			/* @__PURE__ */ W(A, {
 				offer: r.offer,
-				pending: B.pending,
-				onSell: (t) => B.run(() => u.offers.sell({
+				pending: R.pending,
+				onSell: (t) => R.run(() => u.offers.sell({
 					content: e.id,
 					version: r.id
 				}, t)),
-				onWithdraw: () => void B.run(() => u.offers.withdraw({
+				onWithdraw: () => void R.run(() => u.offers.withdraw({
 					content: e.id,
 					version: r.id
 				}))
 			}),
-			/* @__PURE__ */ V(y, { error: B.error }),
-			p?.segments && /* @__PURE__ */ V($, {
+			/* @__PURE__ */ W(y, { error: R.error }),
+			p?.segments && /* @__PURE__ */ W($, {
 				content: e,
 				version: r,
 				...o
 			}),
-			a && /* @__PURE__ */ V(ve, {
+			a && /* @__PURE__ */ W(xe, {
 				content: e,
 				version: r,
 				...o
 			}),
-			a && /* @__PURE__ */ V(ye, {
+			a && /* @__PURE__ */ W(Se, {
 				content: e,
 				version: r,
 				model: i,
 				...o
 			}),
-			a && p?.presentation === "reader" && /* @__PURE__ */ V(te, {
+			a && p?.presentation === "reader" && /* @__PURE__ */ W(ne, {
 				content: e.id,
 				version: r.id,
 				client: o.client,
@@ -780,9 +782,9 @@ function _e({ content: e, version: r, model: i, media: a, ...o }) {
 		]
 	});
 }
-function ve({ 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 = R(null), [f, p] = z(null);
-	if (I(() => () => void (f && URL.revokeObjectURL(f)), [f]), !l.some((t) => t.kind === e.kind && t.name === "cover")) return null;
+function xe({ 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 = V(null), [f, p] = H(null);
+	if (z(() => () => 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 = {
@@ -792,26 +794,26 @@ function ve({ 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__ */ G("div", {
 		className: "grid gap-1.5",
 		"data-ckui": "version-cover",
 		children: [
-			/* @__PURE__ */ V("span", {
+			/* @__PURE__ */ W("span", {
 				className: "text-sm font-medium",
 				children: a("contentManager.cover")
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					m ? /* @__PURE__ */ V("img", {
+					m ? /* @__PURE__ */ W("img", {
 						src: m,
 						alt: "",
 						className: "h-20 w-36 rounded-md border border-border object-cover"
-					}) : /* @__PURE__ */ V("span", {
+					}) : /* @__PURE__ */ W("span", {
 						className: "text-muted-foreground",
 						children: a("contentManager.noCover")
 					}),
-					/* @__PURE__ */ V(s, {
+					/* @__PURE__ */ W(s, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
@@ -819,7 +821,7 @@ function ve({ content: e, version: r, ...i }) {
 						onClick: () => d.current?.click(),
 						children: a(m ? "pollEditor.replaceImage" : "contentManager.addCover")
 					}),
-					r.cover?.image && /* @__PURE__ */ V(s, {
+					r.cover?.image && /* @__PURE__ */ W(s, {
 						type: "button",
 						size: "sm",
 						variant: "ghost",
@@ -827,7 +829,7 @@ function ve({ content: e, version: r, ...i }) {
 						onClick: () => h(null),
 						children: a("pollEditor.removeImage")
 					}),
-					/* @__PURE__ */ V("input", {
+					/* @__PURE__ */ W("input", {
 						ref: d,
 						type: "file",
 						accept: "image/*",
@@ -840,12 +842,12 @@ function ve({ content: e, version: r, ...i }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ V(y, { error: u.error })
+			/* @__PURE__ */ W(y, { error: u.error })
 		]
 	});
 }
-function ye({ content: n, version: r, model: i, ...o }) {
-	let { t: s } = t(), c = e(), u = L(() => ({
+function Se({ content: n, version: r, model: i, ...o }) {
+	let { t: s } = t(), c = e(), u = B(() => ({
 		kind: n.kind,
 		id: n.id,
 		version: r.id
@@ -856,42 +858,42 @@ function ye({ content: n, version: r, model: i, ...o }) {
 	]), d = a(u, {
 		editor: !0,
 		client: o.client
-	}), f = L(() => (i?.languages ?? []).map((e) => ({
+	}), f = B(() => (i?.languages ?? []).map((e) => ({
 		value: e,
 		label: c(e)
 	})), [i, c]);
-	return !d.read && d.loading ? /* @__PURE__ */ V(v, { className: "h-24 w-full" }) : d.read?.uploads && F(d.read.uploads).source ? /* @__PURE__ */ V(ne, {
+	return !d.read && d.loading ? /* @__PURE__ */ W(v, { className: "h-24 w-full" }) : d.read?.uploads && L(d.read.uploads).source ? /* @__PURE__ */ W(I, {
 		item: u,
 		languages: f,
 		client: o.client,
 		onError: o.onError
-	}) : /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V(l, {
+	}) : /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(l, {
 		item: u,
 		commit: r.live ? "manual" : "auto",
 		label: s("contentEditor.media"),
 		client: o.client,
 		onError: o.onError
-	}), i?.kinds[n.kind]?.presentation === "reader" && /* @__PURE__ */ V(P, {
+	}), i?.kinds[n.kind]?.presentation === "reader" && /* @__PURE__ */ W(F, {
 		content: n.id,
 		version: r.id,
 		client: o.client,
 		onError: o.onError
 	})] });
 }
-var be = (e) => e.segments.map((e) => ({
+var Ce = (e) => e.segments.map((e) => ({
 	title: e.title ?? "",
 	start: String(e.start),
 	end: String(e.end),
 	release: w(e.release_at)
 }));
 function $({ content: e, version: r, ...i }) {
-	let { t: a } = t(), o = n(i.client), c = O(L(() => ({ rows: be(r) }), [r])), l = c.value.rows, u = (e) => c.edit((t) => ({ rows: typeof e == "function" ? e(t.rows) : e })), [f, p] = z(!1), m = b("content.save", i.onError), h = (e, t) => {
+	let { t: a } = t(), o = n(i.client), c = O(B(() => ({ rows: Ce(r) }), [r])), l = c.value.rows, u = (e) => c.edit((t) => ({ rows: typeof e == "function" ? e(t.rows) : e })), [f, p] = H(!1), m = b("content.save", i.onError), h = N(e.id, r.id, { client: o }), { pages: g } = te(h.plan, o), _ = (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)), _ = async () => {
-		if (!g) return !1;
+	}, v = l.every((e) => /^\d+$/.test(e.start) && /^\d+$/.test(e.end) && Number(e.end) > Number(e.start)), x = async () => {
+		if (!v) return !1;
 		p(!1);
 		let t = c.checkpoint(), n = l.map((e, t) => ({
 			position: t + 1,
@@ -902,71 +904,90 @@ function $({ content: e, version: r, ...i }) {
 			released: !1
 		})), i = await m.run(() => o.contents.setSegments(e.id, r.id, n));
 		if (!i) return !1;
-		let a = t({ rows: be(i) });
+		let a = t({ rows: Ce(i) });
 		return p(a), a;
 	};
 	return k(`segments:${r.id}`, {
 		label: a("contentEditor.segments"),
 		dirty: c.dirty.length > 0,
 		pending: m.pending,
-		valid: g,
-		save: _,
+		valid: v,
+		save: x,
 		order: 20
-	}), /* @__PURE__ */ H("div", {
+	}), /* @__PURE__ */ G("div", {
 		className: "grid gap-2",
 		"data-ckui": "segments-editor",
 		children: [
-			/* @__PURE__ */ V("h4", {
+			/* @__PURE__ */ W("h4", {
 				className: "text-sm font-medium",
 				children: a("contentEditor.segments")
 			}),
-			l.length === 0 && /* @__PURE__ */ V("p", {
+			l.length === 0 && /* @__PURE__ */ W("p", {
 				className: "text-muted-foreground",
 				children: a("contentEditor.noSegments")
 			}),
-			l.map((e, t) => /* @__PURE__ */ H("div", {
+			l.map((e, t) => /* @__PURE__ */ G("div", {
 				className: "flex flex-wrap items-center gap-2",
 				"data-ckui": "segment-row",
 				children: [
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ W("span", {
 						className: "w-6 text-xs text-muted-foreground tabular-nums",
 						children: t + 1
 					}),
-					/* @__PURE__ */ V(d, {
+					/* @__PURE__ */ W(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(d, {
-						className: "h-8 w-20",
-						type: "number",
-						min: 0,
-						"aria-label": a("contentEditor.segmentStart", { n: t + 1 }),
-						value: e.start,
-						onChange: (e) => h(t, { start: e.target.value })
-					}),
-					/* @__PURE__ */ V("span", {
-						"aria-hidden": !0,
-						children: "–"
+						onChange: (e) => _(t, { title: e.target.value })
 					}),
-					/* @__PURE__ */ V(d, {
-						className: "h-8 w-20",
-						type: "number",
-						min: 1,
-						"aria-label": a("contentEditor.segmentEnd", { n: t + 1 }),
-						value: e.end,
-						onChange: (e) => h(t, { end: e.target.value })
-					}),
-					/* @__PURE__ */ V(d, {
+					g.length ? /* @__PURE__ */ G(U, { children: [
+						/* @__PURE__ */ W(P, {
+							label: a("contentEditor.segmentStart", { n: t + 1 }),
+							pages: g,
+							value: g[Number(e.start)]?.name ?? "",
+							onChange: (e) => _(t, { start: String(g.findIndex((t) => t.name === e)) })
+						}),
+						/* @__PURE__ */ W("span", {
+							"aria-hidden": !0,
+							children: "–"
+						}),
+						/* @__PURE__ */ W(P, {
+							label: a("contentEditor.segmentEnd", { n: t + 1 }),
+							pages: g,
+							value: g[Number(e.end) - 1]?.name ?? "",
+							onChange: (e) => _(t, { end: String(g.findIndex((t) => t.name === e) + 1) })
+						})
+					] }) : /* @__PURE__ */ G(U, { children: [
+						/* @__PURE__ */ W(d, {
+							className: "h-8 w-20",
+							type: "number",
+							min: 0,
+							"aria-label": a("contentEditor.segmentStart", { n: t + 1 }),
+							value: e.start,
+							onChange: (e) => _(t, { start: e.target.value })
+						}),
+						/* @__PURE__ */ W("span", {
+							"aria-hidden": !0,
+							children: "–"
+						}),
+						/* @__PURE__ */ W(d, {
+							className: "h-8 w-20",
+							type: "number",
+							min: 1,
+							"aria-label": a("contentEditor.segmentEnd", { n: t + 1 }),
+							value: e.end,
+							onChange: (e) => _(t, { end: e.target.value })
+						})
+					] }),
+					/* @__PURE__ */ W(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 })
+						onChange: (e) => _(t, { release: e.target.value })
 					}),
-					/* @__PURE__ */ V(s, {
+					/* @__PURE__ */ W(s, {
 						type: "button",
 						size: "xs",
 						variant: "ghost",
@@ -975,10 +996,10 @@ function $({ content: e, version: r, ...i }) {
 					})
 				]
 			}, t)),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ V(s, {
+					/* @__PURE__ */ W(s, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
@@ -993,49 +1014,49 @@ function $({ content: e, version: r, ...i }) {
 						},
 						children: a("contentEditor.addSegment")
 					}),
-					/* @__PURE__ */ V(s, {
+					/* @__PURE__ */ W(s, {
 						type: "button",
 						size: "sm",
-						disabled: m.pending || !g,
-						onClick: () => void _(),
+						disabled: m.pending || !v,
+						onClick: () => void x(),
 						children: a("contentEditor.saveSegments")
 					}),
-					/* @__PURE__ */ V(q, { show: f })
+					/* @__PURE__ */ W(Y, { show: f })
 				]
 			}),
-			/* @__PURE__ */ V(y, { error: m.error })
+			/* @__PURE__ */ W(y, { error: m.error })
 		]
 	});
 }
-function xe({ content: t, ...n }) {
-	let r = e(), i = L(() => t.versions.map((e) => ({
+function we({ content: t, ...n }) {
+	let r = e(), i = B(() => t.versions.map((e) => ({
 		id: e.id,
 		label: Q(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 } = X(t.kind, n.client);
+	return /* @__PURE__ */ G("div", {
+		className: ae("grid gap-6", n.className),
 		"data-ckui": "content-sections",
 		children: [
-			/* @__PURE__ */ V(ue, {
+			/* @__PURE__ */ W(de, {
 				content: t,
 				...n
 			}),
-			/* @__PURE__ */ V(fe, {
+			/* @__PURE__ */ W(he, {
 				content: t,
 				...n
 			}),
-			/* @__PURE__ */ V(me, {
+			/* @__PURE__ */ W(_e, {
 				content: t,
 				...n
 			}),
-			!!a?.entities?.length && /* @__PURE__ */ V("section", {
+			!!a?.entities?.length && /* @__PURE__ */ W("section", {
 				className: "grid gap-3 border-t border-border pt-4",
 				"data-ckui": "content-groups",
-				children: /* @__PURE__ */ V(N, {
+				children: /* @__PURE__ */ W(R, {
 					management: n.management,
 					content: t.id,
 					contentKind: t.kind,
@@ -1049,6 +1070,6 @@ function xe({ content: t, ...n }) {
 	});
 }
 //#endregion
-export { fe as AccessEditor, ue as ContentDetailsEditor, xe as ContentSections, Y as RuleFields, $ as SegmentsEditor, ve as VersionCover, me as VersionsEditor, Z as cleanRule, X as complete, Q as versionLabel };
+export { he as AccessEditor, de as ContentDetailsEditor, we as ContentSections, pe as RuleFields, $ as SegmentsEditor, xe as VersionCover, _e as VersionsEditor, me as cleanRule, Z as complete, Q as versionLabel };
 
 //# sourceMappingURL=editors.js.map