@openrails/contentkit-ui 0.85.1 → 0.87.0-rc.1

package/dist/components/groups/editor.js

@@ -1,19 +1,19 @@
 import { toContentKitError as e } from "../../client/errors.js";
-import { useMessages as t } from "../../i18n/context.js";
-import { ContentKitUiRoot as n } from "../../scope.js";
-import { useContentKitClient as r } from "../../react/context.js";
-import { Button as i } from "../../ui/button.js";
-import { Dialog as a, DialogContent as o, DialogDescription as s, DialogFooter as c, DialogHeader as l, DialogTitle as u } from "../../ui/dialog.js";
-import { Badge as d } from "../../ui/badge.js";
-import { Input as f } from "../../ui/input.js";
-import { Label as p } from "../../ui/label.js";
-import { Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../../ui/select.js";
-import { Skeleton as y } from "../../ui/skeleton.js";
-import { Textarea as b } from "../../ui/textarea.js";
-import { ErrorLine as x, contentError as S, useAction as C } from "../social/parts.js";
-import { parseAttributes as w, slugify as T } from "../../client/group-fields.js";
-import { useGroup as E, useKinds as D } from "../../react/groups.js";
-import { GroupPicker as O, labelOf as k, useGroupNames as A, useLanguageName as j } from "./parts.js";
+import { useLanguageName as t, useMessages as n } from "../../i18n/context.js";
+import { ContentKitUiRoot as r } from "../../scope.js";
+import { useContentKitClient as i } from "../../react/context.js";
+import { useGroup as a, useKinds as o } from "../../react/groups.js";
+import { Button as s } from "../../ui/button.js";
+import { Dialog as c, DialogContent as l, DialogDescription as u, DialogFooter as d, DialogHeader as f, DialogTitle as p } from "../../ui/dialog.js";
+import { Badge as m } from "../../ui/badge.js";
+import { Input as h } from "../../ui/input.js";
+import { Label as g } from "../../ui/label.js";
+import { Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x } from "../../ui/select.js";
+import { Skeleton as S } from "../../ui/skeleton.js";
+import { Textarea as C } from "../../ui/textarea.js";
+import { ErrorLine as w, contentError as T, useAction as E } from "../social/parts.js";
+import { parseAttributes as D, slugify as O } from "../../client/group-fields.js";
+import { GroupPicker as k, labelOf as A, useGroupNames as j } from "./parts.js";
 import { OfferFields as M } from "../content/offer-fields.js";
 import { AttributeFields as N, formOf as P } from "./fields.js";
 import { GroupImageEditor as F } from "./banner.js";
@@ -22,45 +22,45 @@ import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
 import { cn as W } from "cn";
 //#region src/components/groups/editor.tsx
 function G(e) {
-	let { t: r } = t(), { kinds: a, loading: o } = D({ client: e.client }), s = E(e.id, { client: e.client }), c = e.languages ?? a?.languages ?? ["en"], l = s.group?.kind ?? e.kind, u = a?.group_kinds?.[l] ?? {}, d = (t) => /* @__PURE__ */ H(n, {
+	let { t } = n(), { kinds: i, loading: c } = o({ client: e.client }), l = a(e.id, { client: e.client }), u = e.languages ?? i?.languages ?? ["en"], d = l.group?.kind ?? e.kind, f = i?.group_kinds?.[d] ?? {}, p = (t) => /* @__PURE__ */ H(r, {
 		appearance: e.appearance,
 		className: W("grid gap-6 text-sm", e.className),
 		"data-ckui": "group-editor",
-		"data-kind": l,
+		"data-kind": d,
 		children: t
 	});
-	if (o) return d(/* @__PURE__ */ H(y, { className: "h-40 w-full" }));
-	if (!e.id && !s.group && !s.loading) return d(/* @__PURE__ */ H(Q, {
+	if (c) return p(/* @__PURE__ */ H(S, { className: "h-40 w-full" }));
+	if (!e.id && !l.group && !l.loading) return p(/* @__PURE__ */ H(Q, {
 		...e,
-		kind: l,
-		spec: u,
-		languages: c,
-		g: s
+		kind: d,
+		spec: f,
+		languages: u,
+		g: l
 	}));
-	if (s.deleted) return d(/* @__PURE__ */ H(J, {
-		group: s.deleted,
-		onRestore: () => s.restore(),
+	if (l.deleted) return p(/* @__PURE__ */ H(J, {
+		group: l.deleted,
+		onRestore: () => l.restore(),
 		onError: e.onError,
-		name: s.deleted.slug
+		name: l.deleted.slug
 	}));
-	if (!s.group) return s.error ? d(/* @__PURE__ */ U("div", {
+	if (!l.group) return l.error ? p(/* @__PURE__ */ U("div", {
 		role: "alert",
 		className: "grid justify-items-start gap-2",
 		children: [/* @__PURE__ */ H("p", {
 			className: "text-destructive",
-			children: r("groupEditor.loadFailed")
-		}), /* @__PURE__ */ H(i, {
+			children: t("groupEditor.loadFailed")
+		}), /* @__PURE__ */ H(s, {
 			size: "sm",
 			variant: "outline",
-			onClick: s.reload,
-			children: r("common.retry")
+			onClick: l.reload,
+			children: t("common.retry")
 		})]
-	})) : d(/* @__PURE__ */ H(y, { className: "h-40 w-full" }));
-	let f = s.group;
-	return d(/* @__PURE__ */ U(V, { children: [
+	})) : p(/* @__PURE__ */ H(S, { className: "h-40 w-full" }));
+	let m = l.group;
+	return p(/* @__PURE__ */ U(V, { children: [
 		/* @__PURE__ */ H(Y, {
-			group: f,
-			g: s,
+			group: m,
+			g: l,
 			labels: e.labels,
 			onMerged: e.onMerged,
 			onDeleted: e.onDeleted,
@@ -68,45 +68,45 @@ function G(e) {
 			client: e.client
 		}),
 		/* @__PURE__ */ H($, {
-			group: f,
-			spec: u,
-			g: s,
+			group: m,
+			spec: f,
+			g: l,
 			labels: e.labels,
 			onError: e.onError,
 			client: e.client
-		}, f.id),
+		}, m.id),
 		/* @__PURE__ */ H(ee, {
-			group: f,
-			g: s,
-			languages: c,
+			group: m,
+			g: l,
+			languages: u,
 			onError: e.onError
 		}),
 		/* @__PURE__ */ H(te, {
-			group: f,
-			g: s,
-			languages: c,
+			group: m,
+			g: l,
+			languages: u,
 			onError: e.onError
-		}, f.id),
+		}, m.id),
 		/* @__PURE__ */ H(ne, {
-			group: f,
-			spec: u,
+			group: m,
+			spec: f,
 			onError: e.onError,
 			client: e.client
 		}),
-		u.sellable && /* @__PURE__ */ H(re, {
-			group: f,
+		f.sellable && /* @__PURE__ */ H(re, {
+			group: m,
 			onError: e.onError,
 			client: e.client
 		}),
 		/* @__PURE__ */ H(ae, {
-			group: f,
-			g: s,
-			kinds: a,
+			group: m,
+			g: l,
+			kinds: i,
 			labels: e.labels,
 			onError: e.onError,
 			client: e.client
 		}),
-		e.children?.(f)
+		e.children?.(m)
 	] }));
 }
 function K(e, t) {
@@ -136,27 +136,27 @@ function q({ title: e, children: t, ckui: n, action: r }) {
 		}), t]
 	});
 }
-function J({ group: e, name: n, onRestore: r, onError: a }) {
-	let { t: o } = t(), s = C("group.save", a);
+function J({ group: e, name: t, onRestore: r, onError: i }) {
+	let { t: a } = n(), o = E("group.save", i);
 	return /* @__PURE__ */ U("div", {
 		className: "grid justify-items-start gap-2",
 		"data-ckui": "group-deleted",
 		"data-state": e.state,
 		children: [
-			/* @__PURE__ */ H("p", { children: o("groupEditor.deletedNotice", { name: n }) }),
-			/* @__PURE__ */ H(i, {
+			/* @__PURE__ */ H("p", { children: a("groupEditor.deletedNotice", { name: t }) }),
+			/* @__PURE__ */ H(s, {
 				size: "sm",
 				variant: "outline",
-				disabled: s.pending,
-				onClick: () => void s.run(r),
-				children: o("groupEditor.restore")
+				disabled: o.pending,
+				onClick: () => void o.run(r),
+				children: a("groupEditor.restore")
 			}),
-			/* @__PURE__ */ H(x, { error: s.error })
+			/* @__PURE__ */ H(w, { error: o.error })
 		]
 	});
 }
-function Y({ group: e, g: n, labels: r, onMerged: f, onDeleted: p, onError: m, client: h }) {
-	let { t: g } = t(), [_, v] = B(!1), [y, b] = B(!1), S = C("group.save", m);
+function Y({ group: e, g: t, labels: r, onMerged: i, onDeleted: a, onError: o, client: h }) {
+	let { t: g } = n(), [_, v] = B(!1), [y, b] = B(!1), x = E("group.save", o);
 	return /* @__PURE__ */ U("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "group-head",
@@ -165,27 +165,27 @@ function Y({ group: e, g: n, labels: r, onMerged: f, onDeleted: p, onError: m, c
 				className: "text-base font-semibold break-words",
 				children: e.name || e.slug
 			}),
-			/* @__PURE__ */ H(d, {
+			/* @__PURE__ */ H(m, {
 				variant: "outline",
-				children: k(r, e.kind)
+				children: A(r, e.kind)
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "ms-auto flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ H(i, {
+				children: [/* @__PURE__ */ H(s, {
 					size: "sm",
 					variant: "outline",
 					onClick: () => v(!0),
 					children: g("groupEditor.merge")
-				}), /* @__PURE__ */ H(i, {
+				}), /* @__PURE__ */ H(s, {
 					size: "sm",
 					variant: "destructive",
-					disabled: S.pending,
+					disabled: x.pending,
 					onClick: () => b(!0),
 					children: g("groupEditor.delete")
 				})]
 			}),
-			/* @__PURE__ */ H(x, {
-				error: S.error,
+			/* @__PURE__ */ H(w, {
+				error: x.error,
 				className: "basis-full"
 			}),
 			/* @__PURE__ */ H(X, {
@@ -194,24 +194,24 @@ function Y({ group: e, g: n, labels: r, onMerged: f, onDeleted: p, onError: m, c
 				group: e,
 				client: h,
 				onMerge: async (e) => {
-					let t = await n.merge(e.id);
-					return f?.(t), t;
+					let n = await t.merge(e.id);
+					return i?.(n), n;
 				}
 			}),
-			/* @__PURE__ */ H(a, {
+			/* @__PURE__ */ H(c, {
 				open: y,
 				onOpenChange: b,
-				children: /* @__PURE__ */ U(o, {
+				children: /* @__PURE__ */ U(l, {
 					"data-ckui": "group-delete-dialog",
-					children: [/* @__PURE__ */ U(l, { children: [/* @__PURE__ */ H(u, { children: g("groupEditor.deleteTitle", { name: e.name || e.slug }) }), /* @__PURE__ */ H(s, { children: g("groupEditor.deleteBody") })] }), /* @__PURE__ */ U(c, { children: [/* @__PURE__ */ H(i, {
+					children: [/* @__PURE__ */ U(f, { children: [/* @__PURE__ */ H(p, { children: g("groupEditor.deleteTitle", { name: e.name || e.slug }) }), /* @__PURE__ */ H(u, { children: g("groupEditor.deleteBody") })] }), /* @__PURE__ */ U(d, { children: [/* @__PURE__ */ H(s, {
 						variant: "outline",
 						onClick: () => b(!1),
 						children: g("common.cancel")
-					}), /* @__PURE__ */ H(i, {
+					}), /* @__PURE__ */ H(s, {
 						variant: "destructive",
-						disabled: S.pending,
+						disabled: x.pending,
 						onClick: () => {
-							b(!1), S.run(n.remove).then((e) => e && p?.(e));
+							b(!1), x.run(t.remove).then((e) => e && a?.(e));
 						},
 						children: g("groupEditor.delete")
 					})] })]
@@ -220,62 +220,62 @@ function Y({ group: e, g: n, labels: r, onMerged: f, onDeleted: p, onError: m, c
 		]
 	});
 }
-function X({ open: n, onOpenChange: r, group: d, onMerge: m, language: h, client: g }) {
-	let _ = t(), { t: v } = _, y = R(), [b, C] = B(null), [w, T] = B(""), [E, D] = B(!1), [k, A] = B(null);
+function X({ open: t, onOpenChange: r, group: i, onMerge: a, language: o, client: m }) {
+	let _ = n(), { t: v } = _, y = R(), [b, x] = B(null), [S, C] = B(""), [E, D] = B(!1), [O, A] = B(null);
 	L(() => {
-		n && (C(null), T(""), A(null));
-	}, [n]);
-	let j = v("groupEditor.mergeWord"), M = !!b && w.trim().toLowerCase() === j.toLowerCase(), N = d.name || d.slug;
-	return /* @__PURE__ */ H(a, {
-		open: n,
+		t && (x(null), C(""), A(null));
+	}, [t]);
+	let j = v("groupEditor.mergeWord"), M = !!b && S.trim().toLowerCase() === j.toLowerCase(), N = i.name || i.slug;
+	return /* @__PURE__ */ H(c, {
+		open: t,
 		onOpenChange: r,
-		children: /* @__PURE__ */ U(o, {
+		children: /* @__PURE__ */ U(l, {
 			"data-ckui": "group-merge-dialog",
 			children: [
-				/* @__PURE__ */ U(l, { children: [/* @__PURE__ */ H(u, { children: v("groupEditor.mergeTitle", { name: N }) }), /* @__PURE__ */ H(s, { children: v("groupEditor.mergeBody") })] }),
+				/* @__PURE__ */ U(f, { children: [/* @__PURE__ */ H(p, { children: v("groupEditor.mergeTitle", { name: N }) }), /* @__PURE__ */ H(u, { children: v("groupEditor.mergeBody") })] }),
 				b ? /* @__PURE__ */ U("div", {
 					className: "flex flex-wrap items-center gap-2",
 					"data-ckui": "merge-target",
-					children: [/* @__PURE__ */ H("span", { children: v("groupEditor.mergeInto", { name: b.name || b.slug }) }), /* @__PURE__ */ H(i, {
+					children: [/* @__PURE__ */ H("span", { children: v("groupEditor.mergeInto", { name: b.name || b.slug }) }), /* @__PURE__ */ H(s, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => C(null),
+						onClick: () => x(null),
 						children: v("groupEditor.change")
 					})]
-				}) : /* @__PURE__ */ H(O, {
-					kind: d.kind,
-					language: h,
-					exclude: [d.id],
+				}) : /* @__PURE__ */ H(k, {
+					kind: i.kind,
+					language: o,
+					exclude: [i.id],
 					label: v("groupEditor.mergeTarget"),
-					onPick: C,
-					client: g,
+					onPick: x,
+					client: m,
 					autoFocus: !0
 				}),
 				/* @__PURE__ */ U("div", {
 					className: "grid gap-1.5",
-					children: [/* @__PURE__ */ H(p, {
+					children: [/* @__PURE__ */ H(g, {
 						htmlFor: `${y}-typed`,
 						children: v("admin.typeToConfirm", { word: j })
-					}), /* @__PURE__ */ H(f, {
+					}), /* @__PURE__ */ H(h, {
 						id: `${y}-typed`,
-						value: w,
+						value: S,
 						autoComplete: "off",
-						onChange: (e) => T(e.target.value)
+						onChange: (e) => C(e.target.value)
 					})]
 				}),
-				k && /* @__PURE__ */ H(x, { children: S(_, k) }),
-				/* @__PURE__ */ U(c, { children: [/* @__PURE__ */ H(i, {
+				O && /* @__PURE__ */ H(w, { children: T(_, O) }),
+				/* @__PURE__ */ U(d, { children: [/* @__PURE__ */ H(s, {
 					variant: "outline",
 					onClick: () => r(!1),
 					children: v("common.cancel")
-				}), /* @__PURE__ */ H(i, {
+				}), /* @__PURE__ */ H(s, {
 					variant: "destructive",
 					disabled: !M || E,
 					onClick: async () => {
 						if (b) {
 							D(!0), A(null);
 							try {
-								await m(b), r(!1);
+								await a(b), r(!1);
 							} catch (t) {
 								A(e(t));
 							} finally {
@@ -289,14 +289,14 @@ function X({ open: n, onOpenChange: r, group: d, onMerge: m, language: h, client
 		})
 	});
 }
-function Z({ label: e, kind: n, value: r, onChange: a, exclude: o, required: s, client: c }) {
-	let { t: l } = t();
+function Z({ label: e, kind: t, value: r, onChange: i, exclude: a, required: o, client: c }) {
+	let { t: l } = n();
 	return /* @__PURE__ */ U("div", {
 		className: "grid gap-1.5",
 		"data-ckui": "group-field",
 		children: [/* @__PURE__ */ U("span", {
 			className: "text-sm font-medium",
-			children: [e, s && /* @__PURE__ */ H("span", {
+			children: [e, o && /* @__PURE__ */ H("span", {
 				"aria-hidden": !0,
 				children: " *"
 			})]
@@ -306,50 +306,50 @@ function Z({ label: e, kind: n, value: r, onChange: a, exclude: o, required: s,
 				className: "rounded-md border border-border px-2 py-0.5",
 				"data-ckui": "group-field-value",
 				children: r.name || r.slug
-			}), /* @__PURE__ */ H(i, {
+			}), /* @__PURE__ */ H(s, {
 				type: "button",
 				size: "xs",
 				variant: "ghost",
-				onClick: () => a(null),
+				onClick: () => i(null),
 				"aria-label": l("groupEditor.clearField", { field: e }),
-				children: l(s ? "groupEditor.change" : "common.remove")
+				children: l(o ? "groupEditor.change" : "common.remove")
 			})]
-		}) : /* @__PURE__ */ H(O, {
-			kind: n,
+		}) : /* @__PURE__ */ H(k, {
+			kind: t,
 			label: e,
-			exclude: o,
-			onPick: a,
+			exclude: a,
+			onPick: i,
 			client: c
 		})]
 	});
 }
-function Q({ kind: e, spec: n, languages: r, labels: a, g: o, onCreated: s, onError: c, client: l }) {
-	let u = t(), { t: d } = u, m = R(), h = j(), [g, _] = B({}), [v, y] = B(""), [b, E] = B(!1), [D, O] = B(null), [A, M] = B(null), F = n.attributes ?? {}, [I, z] = B(() => P(F, {})), [V, W] = B(null), G = C("group.save", c), K = g[r[0]] ?? "";
+function Q({ kind: e, spec: r, languages: i, labels: a, g: o, onCreated: c, onError: l, client: u }) {
+	let d = n(), { t: f } = d, p = R(), m = t(), [_, v] = B({}), [y, b] = B(""), [x, S] = B(!1), [C, k] = B(null), [j, M] = B(null), F = r.attributes ?? {}, [I, z] = B(() => P(F, {})), [V, W] = B(null), G = E("group.save", l), K = _[i[0]] ?? "";
 	L(() => {
-		b || y(T(K));
-	}, [K, b]);
+		x || b(O(K));
+	}, [K, x]);
 	let q = async () => {
 		W(null);
 		let t;
 		try {
-			t = w(F, I);
+			t = D(F, I);
 		} catch (e) {
 			W(e.message);
 			return;
 		}
-		let n = r.filter((e) => g[e]?.trim()).map((e) => ({
+		let n = i.filter((e) => _[e]?.trim()).map((e) => ({
 			language: e,
 			kind: "name",
-			name: g[e].trim()
-		})), i = await G.run(() => o.create({
+			name: _[e].trim()
+		})), r = await G.run(() => o.create({
 			kind: e,
-			slug: v.trim(),
+			slug: y.trim(),
 			names: n,
-			parent_id: D?.id,
-			scope_id: A?.id,
+			parent_id: C?.id,
+			scope_id: j?.id,
 			attributes: Object.keys(t).length ? t : void 0
 		}));
-		i && s?.(i);
+		r && c?.(r);
 	};
 	return /* @__PURE__ */ U("form", {
 		className: "grid gap-4",
@@ -360,20 +360,20 @@ function Q({ kind: e, spec: n, languages: r, labels: a, g: o, onCreated: s, onEr
 		children: [
 			/* @__PURE__ */ H("h2", {
 				className: "text-base font-semibold",
-				children: d("groupEditor.newTitle", { kind: k(a, e) })
+				children: f("groupEditor.newTitle", { kind: A(a, e) })
 			}),
-			r.map((e, t) => /* @__PURE__ */ U("div", {
+			i.map((e, t) => /* @__PURE__ */ U("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ H(p, {
-					htmlFor: `${m}-${e}`,
-					children: d("groupEditor.nameIn", { language: h(e) })
-				}), /* @__PURE__ */ H(f, {
-					id: `${m}-${e}`,
+				children: [/* @__PURE__ */ H(g, {
+					htmlFor: `${p}-${e}`,
+					children: f("groupEditor.nameIn", { language: m(e) })
+				}), /* @__PURE__ */ H(h, {
+					id: `${p}-${e}`,
 					className: "h-8",
 					lang: e,
 					required: t === 0,
-					value: g[e] ?? "",
-					onChange: (t) => _((n) => ({
+					value: _[e] ?? "",
+					onChange: (t) => v((n) => ({
 						...n,
 						[e]: t.target.value
 					}))
@@ -381,33 +381,33 @@ function Q({ kind: e, spec: n, languages: r, labels: a, g: o, onCreated: s, onEr
 			}, e)),
 			/* @__PURE__ */ U("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ H(p, {
-					htmlFor: `${m}-slug`,
-					children: d("groupEditor.slug")
-				}), /* @__PURE__ */ H(f, {
-					id: `${m}-slug`,
+				children: [/* @__PURE__ */ H(g, {
+					htmlFor: `${p}-slug`,
+					children: f("groupEditor.slug")
+				}), /* @__PURE__ */ H(h, {
+					id: `${p}-slug`,
 					className: "h-8",
 					required: !0,
-					value: v,
+					value: y,
 					onChange: (e) => {
-						E(!0), y(e.target.value);
+						S(!0), b(e.target.value);
 					}
 				})]
 			}),
-			n.scoped_by && /* @__PURE__ */ H(Z, {
-				label: k(a, n.scoped_by),
-				kind: n.scoped_by,
-				value: A,
+			r.scoped_by && /* @__PURE__ */ H(Z, {
+				label: A(a, r.scoped_by),
+				kind: r.scoped_by,
+				value: j,
 				onChange: M,
 				required: !0,
-				client: l
+				client: u
 			}),
-			n.parent && /* @__PURE__ */ H(Z, {
-				label: d("groupEditor.parent"),
-				kind: n.parent,
-				value: D,
-				onChange: O,
-				client: l
+			r.parent && /* @__PURE__ */ H(Z, {
+				label: f("groupEditor.parent"),
+				kind: r.parent,
+				value: C,
+				onChange: k,
+				client: u
 			}),
 			/* @__PURE__ */ H(N, {
 				declared: F,
@@ -418,43 +418,43 @@ function Q({ kind: e, spec: n, languages: r, labels: a, g: o, onCreated: s, onEr
 				})),
 				labels: a
 			}),
-			V && /* @__PURE__ */ H(x, { children: V }),
-			G.error && /* @__PURE__ */ H(x, { children: S(u, G.error) }),
-			/* @__PURE__ */ H(i, {
+			V && /* @__PURE__ */ H(w, { children: V }),
+			G.error && /* @__PURE__ */ H(w, { children: T(d, G.error) }),
+			/* @__PURE__ */ H(s, {
 				type: "submit",
 				className: "justify-self-start",
-				disabled: G.pending || !K.trim() || !v.trim() || !!n.scoped_by && !A,
-				children: G.pending ? d("common.saving") : d("groupEditor.create")
+				disabled: G.pending || !K.trim() || !y.trim() || !!r.scoped_by && !j,
+				children: G.pending ? f("common.saving") : f("groupEditor.create")
 			})
 		]
 	});
 }
-function $({ group: e, spec: n, g: r, labels: a, onError: o, client: s }) {
-	let { t: c } = t(), l = R(), u = n.attributes ?? {}, [d, m, h] = K(() => ({
+function $({ group: e, spec: t, g: r, labels: i, onError: a, client: o }) {
+	let { t: c } = n(), l = R(), u = t.attributes ?? {}, [d, f, p] = K(() => ({
 		slug: e.slug,
 		parent: e.parent ?? null,
 		scope: e.scope ?? null,
 		attrs: P(u, e.attributes)
-	}), e.revision), { slug: g, parent: _, scope: v, attrs: y } = d, b = (e) => {
-		M(!1), m((t) => ({
+	}), e.revision), { slug: m, parent: _, scope: v, attrs: y } = d, b = (e) => {
+		M(!1), f((t) => ({
 			...t,
 			...e
 		}));
-	}, S = (e) => b({ slug: e }), T = (e) => b({ parent: e }), E = (e) => b({ scope: e }), D = (e) => b({ attrs: e(y) }), [O, A] = B(null), [j, M] = B(!1), F = C("group.save", o), I = async () => {
-		A(null), M(!1);
+	}, x = (e) => b({ slug: e }), S = (e) => b({ parent: e }), C = (e) => b({ scope: e }), T = (e) => b({ attrs: e(y) }), [O, k] = B(null), [j, M] = B(!1), F = E("group.save", a), I = async () => {
+		k(null), M(!1);
 		let e;
 		try {
-			e = w(u, y);
+			e = D(u, y);
 		} catch (e) {
-			A(e.message);
+			k(e.message);
 			return;
 		}
 		await F.run(() => r.update({
-			slug: g.trim(),
+			slug: m.trim(),
 			attributes: e,
-			...n.parent ? { parent_id: _?.id ?? "" } : {},
-			...n.scoped_by && v ? { scope_id: v.id } : {}
-		})) && (h(), M(!0));
+			...t.parent ? { parent_id: _?.id ?? "" } : {},
+			...t.scoped_by && v ? { scope_id: v.id } : {}
+		})) && (p(), M(!0));
 	};
 	return /* @__PURE__ */ H(q, {
 		title: c("groupEditor.details"),
@@ -467,50 +467,50 @@ function $({ group: e, spec: n, g: r, labels: a, onError: o, client: s }) {
 			children: [
 				/* @__PURE__ */ U("div", {
 					className: "grid gap-1.5",
-					children: [/* @__PURE__ */ H(p, {
+					children: [/* @__PURE__ */ H(g, {
 						htmlFor: `${l}-slug`,
 						children: c("groupEditor.slug")
-					}), /* @__PURE__ */ H(f, {
+					}), /* @__PURE__ */ H(h, {
 						id: `${l}-slug`,
 						className: "h-8",
 						required: !0,
-						value: g,
-						onChange: (e) => S(e.target.value)
+						value: m,
+						onChange: (e) => x(e.target.value)
 					})]
 				}),
-				n.scoped_by && /* @__PURE__ */ H(Z, {
-					label: k(a, n.scoped_by),
-					kind: n.scoped_by,
+				t.scoped_by && /* @__PURE__ */ H(Z, {
+					label: A(i, t.scoped_by),
+					kind: t.scoped_by,
 					value: v,
-					onChange: E,
+					onChange: C,
 					required: !0,
-					client: s
+					client: o
 				}),
-				n.parent && /* @__PURE__ */ H(Z, {
+				t.parent && /* @__PURE__ */ H(Z, {
 					label: c("groupEditor.parent"),
-					kind: n.parent,
+					kind: t.parent,
 					value: _,
-					onChange: T,
+					onChange: S,
 					exclude: [e.id],
-					client: s
+					client: o
 				}),
 				/* @__PURE__ */ H(N, {
 					declared: u,
 					form: y,
-					onChange: (e, t) => D((n) => ({
+					onChange: (e, t) => T((n) => ({
 						...n,
 						[e]: t
 					})),
-					labels: a
+					labels: i
 				}),
-				O && /* @__PURE__ */ H(x, { children: O }),
-				/* @__PURE__ */ H(x, { error: F.error }),
+				O && /* @__PURE__ */ H(w, { children: O }),
+				/* @__PURE__ */ H(w, { error: F.error }),
 				/* @__PURE__ */ U("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ H(i, {
+					children: [/* @__PURE__ */ H(s, {
 						type: "submit",
 						size: "sm",
-						disabled: F.pending || !g.trim() || !!n.scoped_by && !v,
+						disabled: F.pending || !m.trim() || !!t.scoped_by && !v,
 						children: F.pending ? c("common.saving") : c("common.save")
 					}), j && /* @__PURE__ */ H("span", {
 						role: "status",
@@ -522,23 +522,23 @@ function $({ group: e, spec: n, g: r, labels: a, onError: o, client: s }) {
 		})
 	});
 }
-function ee({ group: e, g: n, languages: r, onError: a }) {
-	let { t: o } = t(), s = R(), c = j(), [l, u] = B(r[0]), [y, b] = B("alias"), [S, w] = B(""), T = C("group.save", a), E = [...e.names].sort((e, t) => e.language.localeCompare(t.language) || (e.kind === t.kind ? e.name.localeCompare(t.name) : e.kind === "name" ? -1 : 1)), D = [.../* @__PURE__ */ new Set([...r, ...e.names.map((e) => e.language)])];
+function ee({ group: e, g: r, languages: i, onError: a }) {
+	let { t: o } = n(), c = R(), l = t(), [u, d] = B(i[0]), [f, p] = B("alias"), [S, C] = B(""), T = E("group.save", a), D = [...e.names].sort((e, t) => e.language.localeCompare(t.language) || (e.kind === t.kind ? e.name.localeCompare(t.name) : e.kind === "name" ? -1 : 1)), O = [.../* @__PURE__ */ new Set([...i, ...e.names.map((e) => e.language)])];
 	return /* @__PURE__ */ U(q, {
 		title: o("groupEditor.names"),
 		ckui: "group-names-editor",
 		children: [
-			E.length ? /* @__PURE__ */ H("ul", {
+			D.length ? /* @__PURE__ */ H("ul", {
 				className: "grid divide-y divide-border rounded-lg border border-border",
-				children: E.map((e) => /* @__PURE__ */ U("li", {
+				children: D.map((e) => /* @__PURE__ */ U("li", {
 					className: "flex flex-wrap items-center gap-2 p-2.5",
 					"data-ckui": "group-name",
 					"data-kind": e.kind,
 					"data-language": e.language,
 					children: [
-						/* @__PURE__ */ H(d, {
+						/* @__PURE__ */ H(m, {
 							variant: "outline",
-							children: c(e.language)
+							children: l(e.language)
 						}),
 						/* @__PURE__ */ H("span", {
 							className: "min-w-0 flex-1 break-words",
@@ -549,22 +549,22 @@ function ee({ group: e, g: n, languages: r, onError: a }) {
 							className: "text-xs text-muted-foreground",
 							children: o(e.kind === "name" ? "groupEditor.canonical" : "groupEditor.alias")
 						}),
-						e.kind === "alias" && /* @__PURE__ */ H(i, {
+						e.kind === "alias" && /* @__PURE__ */ H(s, {
 							size: "xs",
 							variant: "ghost",
 							disabled: T.pending,
-							onClick: () => void T.run(() => n.names("add", [{
+							onClick: () => void T.run(() => r.names("add", [{
 								...e,
 								kind: "name"
 							}])),
 							children: o("groupEditor.makeCanonical")
 						}),
-						/* @__PURE__ */ H(i, {
+						/* @__PURE__ */ H(s, {
 							size: "xs",
 							variant: "ghost",
 							disabled: T.pending,
 							"aria-label": o("groupEditor.removeName", { name: e.name }),
-							onClick: () => void T.run(() => n.names("remove", [e])),
+							onClick: () => void T.run(() => r.names("remove", [e])),
 							children: o("common.remove")
 						})
 					]
@@ -578,54 +578,54 @@ function ee({ group: e, g: n, languages: r, onError: a }) {
 				onSubmit: (e) => {
 					e.preventDefault();
 					let t = S.trim();
-					t && T.run(() => n.names("add", [{
-						language: l,
-						kind: y,
+					t && T.run(() => r.names("add", [{
+						language: u,
+						kind: f,
 						name: t
-					}])).then((e) => e && w(""));
+					}])).then((e) => e && C(""));
 				},
 				children: [
-					D.length > 1 && /* @__PURE__ */ U(m, {
-						value: l,
-						onValueChange: (e) => u(String(e)),
-						children: [/* @__PURE__ */ H(_, {
+					O.length > 1 && /* @__PURE__ */ U(_, {
+						value: u,
+						onValueChange: (e) => d(String(e)),
+						children: [/* @__PURE__ */ H(b, {
 							size: "sm",
 							"aria-label": o("groupEditor.language"),
-							children: /* @__PURE__ */ H(v, { children: (e) => c(e) })
-						}), /* @__PURE__ */ H(h, { children: D.map((e) => /* @__PURE__ */ H(g, {
+							children: /* @__PURE__ */ H(x, { children: (e) => l(e) })
+						}), /* @__PURE__ */ H(v, { children: O.map((e) => /* @__PURE__ */ H(y, {
 							value: e,
-							children: c(e)
+							children: l(e)
 						}, e)) })]
 					}),
-					/* @__PURE__ */ U(m, {
-						value: y,
-						onValueChange: (e) => b(e),
-						children: [/* @__PURE__ */ H(_, {
+					/* @__PURE__ */ U(_, {
+						value: f,
+						onValueChange: (e) => p(e),
+						children: [/* @__PURE__ */ H(b, {
 							size: "sm",
 							"aria-label": o("groupEditor.nameKind"),
-							children: /* @__PURE__ */ H(v, { children: (e) => o(e === "name" ? "groupEditor.canonical" : "groupEditor.alias") })
-						}), /* @__PURE__ */ U(h, { children: [/* @__PURE__ */ H(g, {
+							children: /* @__PURE__ */ H(x, { children: (e) => o(e === "name" ? "groupEditor.canonical" : "groupEditor.alias") })
+						}), /* @__PURE__ */ U(v, { children: [/* @__PURE__ */ H(y, {
 							value: "alias",
 							children: o("groupEditor.alias")
-						}), /* @__PURE__ */ H(g, {
+						}), /* @__PURE__ */ H(y, {
 							value: "name",
 							children: o("groupEditor.canonical")
 						})] })]
 					}),
-					/* @__PURE__ */ H(p, {
-						htmlFor: `${s}-name`,
+					/* @__PURE__ */ H(g, {
+						htmlFor: `${c}-name`,
 						className: "sr-only",
 						children: o("groupEditor.newName")
 					}),
-					/* @__PURE__ */ H(f, {
-						id: `${s}-name`,
+					/* @__PURE__ */ H(h, {
+						id: `${c}-name`,
 						className: "h-8 min-w-40 flex-1",
-						lang: l,
+						lang: u,
 						value: S,
 						placeholder: o("groupEditor.newName"),
-						onChange: (e) => w(e.target.value)
+						onChange: (e) => C(e.target.value)
 					}),
-					/* @__PURE__ */ H(i, {
+					/* @__PURE__ */ H(s, {
 						type: "submit",
 						size: "sm",
 						variant: "outline",
@@ -634,13 +634,13 @@ function ee({ group: e, g: n, languages: r, onError: a }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ H(x, { error: T.error })
+			/* @__PURE__ */ H(w, { error: T.error })
 		]
 	});
 }
-function te({ group: e, g: n, languages: r, onError: a }) {
-	let { t: o } = t(), s = R(), c = j(), l = [.../* @__PURE__ */ new Set([...r, ...e.text.map((e) => e.language)])], [u, d, m] = K(() => Object.fromEntries(l.map((t) => [t, e.text.find((e) => e.language === t) ?? { language: t }])), e.revision), [h, g] = B(!1), _ = C("group.save", a), v = (e, t) => {
-		g(!1), d((n) => ({
+function te({ group: e, g: r, languages: i, onError: a }) {
+	let { t: o } = n(), c = R(), l = t(), u = [.../* @__PURE__ */ new Set([...i, ...e.text.map((e) => e.language)])], [d, f, p] = K(() => Object.fromEntries(u.map((t) => [t, e.text.find((e) => e.language === t) ?? { language: t }])), e.revision), [m, _] = B(!1), v = E("group.save", a), y = (e, t) => {
+		_(!1), f((n) => ({
 			...n,
 			[e]: {
 				...n[e],
@@ -655,61 +655,61 @@ function te({ group: e, g: n, languages: r, onError: a }) {
 			className: "grid gap-4",
 			onSubmit: (e) => {
 				e.preventDefault();
-				let t = Object.values(u).map((e) => ({
+				let t = Object.values(d).map((e) => ({
 					language: e.language,
 					description: e.description?.trim() || void 0,
 					sort_key: e.sort_key?.trim() || void 0
 				})).filter((e) => e.description || e.sort_key);
-				_.run(() => n.update({ text: t })).then((e) => {
-					e && (m(), g(!0));
+				v.run(() => r.update({ text: t })).then((e) => {
+					e && (p(), _(!0));
 				});
 			},
 			children: [
-				l.map((e) => /* @__PURE__ */ U("fieldset", {
+				u.map((e) => /* @__PURE__ */ U("fieldset", {
 					className: "grid gap-2",
 					"data-language": e,
 					children: [
 						/* @__PURE__ */ H("legend", {
 							className: "mb-1 text-xs font-medium text-muted-foreground",
-							children: c(e)
+							children: l(e)
 						}),
-						/* @__PURE__ */ H(p, {
-							htmlFor: `${s}-${e}-d`,
+						/* @__PURE__ */ H(g, {
+							htmlFor: `${c}-${e}-d`,
 							className: "sr-only",
-							children: o("groupEditor.descriptionIn", { language: c(e) })
+							children: o("groupEditor.descriptionIn", { language: l(e) })
 						}),
-						/* @__PURE__ */ H(b, {
-							id: `${s}-${e}-d`,
+						/* @__PURE__ */ H(C, {
+							id: `${c}-${e}-d`,
 							lang: e,
 							rows: 3,
 							placeholder: o("groupEditor.description"),
-							value: u[e]?.description ?? "",
-							onChange: (t) => v(e, { description: t.target.value })
+							value: d[e]?.description ?? "",
+							onChange: (t) => y(e, { description: t.target.value })
 						}),
-						/* @__PURE__ */ H(p, {
-							htmlFor: `${s}-${e}-s`,
+						/* @__PURE__ */ H(g, {
+							htmlFor: `${c}-${e}-s`,
 							className: "sr-only",
-							children: o("groupEditor.sortKeyIn", { language: c(e) })
+							children: o("groupEditor.sortKeyIn", { language: l(e) })
 						}),
-						/* @__PURE__ */ H(f, {
-							id: `${s}-${e}-s`,
+						/* @__PURE__ */ H(h, {
+							id: `${c}-${e}-s`,
 							className: "h-8",
 							lang: e,
 							placeholder: o("groupEditor.sortKey"),
-							value: u[e]?.sort_key ?? "",
-							onChange: (t) => v(e, { sort_key: t.target.value })
+							value: d[e]?.sort_key ?? "",
+							onChange: (t) => y(e, { sort_key: t.target.value })
 						})
 					]
 				}, e)),
-				/* @__PURE__ */ H(x, { error: _.error }),
+				/* @__PURE__ */ H(w, { error: v.error }),
 				/* @__PURE__ */ U("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ H(i, {
+					children: [/* @__PURE__ */ H(s, {
 						type: "submit",
 						size: "sm",
-						disabled: _.pending,
-						children: _.pending ? o("common.saving") : o("common.save")
-					}), h && /* @__PURE__ */ H("span", {
+						disabled: v.pending,
+						children: v.pending ? o("common.saving") : o("common.save")
+					}), m && /* @__PURE__ */ H("span", {
 						role: "status",
 						className: "text-muted-foreground",
 						children: o("groupEditor.saved")
@@ -719,10 +719,10 @@ function te({ group: e, g: n, languages: r, onError: a }) {
 		})
 	});
 }
-function ne({ group: e, spec: n, onError: r, client: i }) {
-	let { t: a } = t(), o = e.cover, s = o?.image ? "image" : o?.content_id && !o.auto ? "content" : "auto";
+function ne({ group: e, spec: t, onError: r, client: i }) {
+	let { t: a } = n(), o = e.cover, s = o?.image ? "image" : o?.content_id && !o.auto ? "content" : "auto";
 	return /* @__PURE__ */ U(q, {
-		title: a(n.owner === "user" ? "groupEditor.images" : "groupEditor.cover"),
+		title: a(t.owner === "user" ? "groupEditor.images" : "groupEditor.cover"),
 		ckui: "group-cover-editor",
 		children: [
 			/* @__PURE__ */ H("p", {
@@ -736,7 +736,7 @@ function ne({ group: e, spec: n, onError: r, client: i }) {
 				client: i,
 				onError: r
 			}),
-			n.owner === "user" && /* @__PURE__ */ H(F, {
+			t.owner === "user" && /* @__PURE__ */ H(F, {
 				group: e,
 				slot: "avatar",
 				client: i,
@@ -745,8 +745,8 @@ function ne({ group: e, spec: n, onError: r, client: i }) {
 		]
 	});
 }
-function re({ group: e, onError: n, client: i }) {
-	let { t: a } = t(), o = r(i), s = C("offer.save", n);
+function re({ group: e, onError: t, client: r }) {
+	let { t: a } = n(), o = i(r), s = E("offer.save", t);
 	return /* @__PURE__ */ U(q, {
 		title: a("groupEditor.membershipPrice"),
 		ckui: "group-offer",
@@ -755,53 +755,53 @@ function re({ group: e, onError: n, client: i }) {
 			pending: s.pending,
 			onSell: (t) => void s.run(() => o.offers.sellGroup(e.id, t)),
 			onWithdraw: () => void s.run(() => o.offers.withdrawGroup(e.id))
-		}, e.offer?.revision), /* @__PURE__ */ H(x, { error: s.error })]
+		}, e.offer?.revision), /* @__PURE__ */ H(w, { error: s.error })]
 	});
 }
 var ie = /^[a-z][a-z0-9_]*$/;
-function ae({ group: e, g: n, kinds: r, labels: a, onError: o, client: s }) {
-	let { t: c } = t(), l = R(), u = C("group.save", o), y = A(e.edges.map((t) => t.from === e.id ? t.to : t.from), { client: s }), b = Object.keys(r?.group_kinds ?? {}).sort(), [S, w] = B(""), [T, E] = B(b[0] ?? e.kind), D = e.edges.filter((t) => t.from === e.id), j = e.edges.filter((t) => t.to === e.id), M = (e) => {
-		let t = y.get(e);
+function ae({ group: e, g: t, kinds: r, labels: i, onError: a, client: o }) {
+	let { t: c } = n(), l = R(), u = E("group.save", a), d = j(e.edges.map((t) => t.from === e.id ? t.to : t.from), { client: o }), f = Object.keys(r?.group_kinds ?? {}).sort(), [p, S] = B(""), [C, T] = B(f[0] ?? e.kind), D = e.edges.filter((t) => t.from === e.id), O = e.edges.filter((t) => t.to === e.id), M = (e) => {
+		let t = d.get(e);
 		return t ? t.name || t.slug : e;
-	}, N = ie.test(S.trim());
+	}, N = ie.test(p.trim());
 	return /* @__PURE__ */ U(q, {
 		title: c("groupEditor.edges"),
 		ckui: "group-edges",
 		children: [
-			D.length + j.length ? /* @__PURE__ */ U("ul", {
+			D.length + O.length ? /* @__PURE__ */ U("ul", {
 				className: "grid gap-1.5",
 				children: [D.map((e) => /* @__PURE__ */ U("li", {
 					className: "flex flex-wrap items-center gap-2",
 					"data-ckui": "group-edge",
 					"data-relation": e.relation,
 					children: [
-						/* @__PURE__ */ H(d, {
+						/* @__PURE__ */ H(m, {
 							variant: "secondary",
-							children: k(a, e.relation)
+							children: A(i, e.relation)
 						}),
 						/* @__PURE__ */ H("span", { children: M(e.to) }),
-						/* @__PURE__ */ H(i, {
+						/* @__PURE__ */ H(s, {
 							size: "xs",
 							variant: "ghost",
 							disabled: u.pending,
 							"aria-label": c("groupEditor.removeEdge", { name: M(e.to) }),
-							onClick: () => void u.run(() => n.edges("remove", [{
+							onClick: () => void u.run(() => t.edges("remove", [{
 								relation: e.relation,
 								to: e.to
 							}])),
 							children: c("common.remove")
 						})
 					]
-				}, `${e.relation}:${e.to}`)), j.map((e) => /* @__PURE__ */ U("li", {
+				}, `${e.relation}:${e.to}`)), O.map((e) => /* @__PURE__ */ U("li", {
 					className: "flex flex-wrap items-center gap-2 text-muted-foreground",
 					"data-ckui": "group-edge",
 					"data-relation": `inverse:${e.relation}`,
 					children: [/* @__PURE__ */ H("span", {
 						className: "text-foreground",
 						children: M(e.from)
-					}), /* @__PURE__ */ H(d, {
+					}), /* @__PURE__ */ H(m, {
 						variant: "outline",
-						children: k(a, e.relation)
+						children: A(i, e.relation)
 					})]
 				}, `in:${e.relation}:${e.from}`))]
 			}) : /* @__PURE__ */ H("p", {
@@ -813,44 +813,44 @@ function ae({ group: e, g: n, kinds: r, labels: a, onError: o, client: s }) {
 				children: [
 					/* @__PURE__ */ U("div", {
 						className: "grid gap-1",
-						children: [/* @__PURE__ */ H(p, {
+						children: [/* @__PURE__ */ H(g, {
 							htmlFor: `${l}-rel`,
 							className: "text-xs text-muted-foreground",
 							children: c("groupEditor.relation")
-						}), /* @__PURE__ */ H(f, {
+						}), /* @__PURE__ */ H(h, {
 							id: `${l}-rel`,
 							className: "h-8 w-40",
-							value: S,
+							value: p,
 							placeholder: "member_of",
-							"aria-invalid": !!S && !N,
-							onChange: (e) => w(e.target.value)
+							"aria-invalid": !!p && !N,
+							onChange: (e) => S(e.target.value)
 						})]
 					}),
-					b.length > 1 && /* @__PURE__ */ U(m, {
-						value: T,
-						onValueChange: (e) => E(String(e)),
-						children: [/* @__PURE__ */ H(_, {
+					f.length > 1 && /* @__PURE__ */ U(_, {
+						value: C,
+						onValueChange: (e) => T(String(e)),
+						children: [/* @__PURE__ */ H(b, {
 							size: "sm",
 							"aria-label": c("groupEditor.edgeKind"),
-							children: /* @__PURE__ */ H(v, { children: (e) => k(a, e) })
-						}), /* @__PURE__ */ H(h, { children: b.map((e) => /* @__PURE__ */ H(g, {
+							children: /* @__PURE__ */ H(x, { children: (e) => A(i, e) })
+						}), /* @__PURE__ */ H(v, { children: f.map((e) => /* @__PURE__ */ H(y, {
 							value: e,
-							children: k(a, e)
+							children: A(i, e)
 						}, e)) })]
 					}),
-					N && /* @__PURE__ */ H(O, {
-						kind: T,
+					N && /* @__PURE__ */ H(k, {
+						kind: C,
 						label: c("groupEditor.edgeTarget"),
 						exclude: [e.id],
-						client: s,
-						onPick: (e) => void u.run(() => n.edges("add", [{
-							relation: S.trim(),
+						client: o,
+						onPick: (e) => void u.run(() => t.edges("add", [{
+							relation: p.trim(),
 							to: e.id
-						}])).then((e) => e && w(""))
-					}, T)
+						}])).then((e) => e && S(""))
+					}, C)
 				]
 			}),
-			/* @__PURE__ */ H(x, { error: u.error })
+			/* @__PURE__ */ H(w, { error: u.error })
 		]
 	});
 }