@openrails/contentkit-ui 0.95.1 → 0.97.0

package/dist/components/groups/editor.js

@@ -12,53 +12,58 @@ import { Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, S
 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";
-import { useCallback as I, useEffect as L, useId as R, useRef as z, useState as B } from "react";
-import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
-import { cn as W } from "cn";
+import { Switch as D } from "../../ui/switch.js";
+import { parseAttributes as O, slugify as k } from "../../client/group-fields.js";
+import { GroupPicker as A, labelOf as j, useGroupNames as M } from "./parts.js";
+import { OfferFields as N } from "../content/offer-fields.js";
+import { AttributeFields as P, formOf as F } from "./fields.js";
+import { GroupImageEditor as I } from "./banner.js";
+import { useCallback as L, useEffect as R, useId as z, useRef as B, useState as V } from "react";
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { cn as G } from "cn";
 //#region src/components/groups/editor.tsx
-function G(e) {
-	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?.entity_kinds?.[d] ?? {}, p = (t) => /* @__PURE__ */ H(r, {
+function K(e) {
+	let { t } = n(), { kinds: i, loading: c } = o({ client: e.client }), l = a(e.id, {
+		client: e.client,
+		management: e.management
+	}), u = e.languages ?? i?.languages ?? ["en"], d = l.group?.kind ?? e.kind, f = i?.entity_kinds?.[d] ?? {}, p = (t) => /* @__PURE__ */ U(r, {
 		appearance: e.appearance,
-		className: W("grid gap-6 text-sm", e.className),
+		className: G("grid gap-6 text-sm", e.className),
 		"data-ckui": "group-editor",
 		"data-kind": d,
 		children: t
 	});
-	if (c) return p(/* @__PURE__ */ H(S, { className: "h-40 w-full" }));
-	if (!e.id && !l.group && !l.loading) return p(/* @__PURE__ */ H(Q, {
+	if (c) return p(/* @__PURE__ */ U(S, { className: "h-40 w-full" }));
+	if (!e.id && !l.group && !l.loading) return p(/* @__PURE__ */ U(ee, {
 		...e,
 		kind: d,
 		spec: f,
 		languages: u,
 		g: l
 	}));
-	if (l.deleted) return p(/* @__PURE__ */ H(J, {
+	if (l.deleted) return p(/* @__PURE__ */ U(Y, {
 		group: l.deleted,
 		onRestore: () => l.restore(),
 		onError: e.onError,
 		name: l.deleted.slug
 	}));
-	if (!l.group) return l.error ? p(/* @__PURE__ */ U("div", {
+	if (!l.group) return l.error ? p(/* @__PURE__ */ W("div", {
 		role: "alert",
 		className: "grid justify-items-start gap-2",
-		children: [/* @__PURE__ */ H("p", {
+		children: [/* @__PURE__ */ U("p", {
 			className: "text-destructive",
 			children: t("groupEditor.loadFailed")
-		}), /* @__PURE__ */ H(s, {
+		}), /* @__PURE__ */ U(s, {
 			size: "sm",
 			variant: "outline",
 			onClick: l.reload,
 			children: t("common.retry")
 		})]
-	})) : p(/* @__PURE__ */ H(S, { className: "h-40 w-full" }));
+	})) : p(/* @__PURE__ */ U(S, { className: "h-40 w-full" }));
 	let m = l.group;
-	return p(/* @__PURE__ */ U(V, { children: [
-		/* @__PURE__ */ H(Y, {
+	return p(/* @__PURE__ */ W(H, { children: [
+		/* @__PURE__ */ U(X, {
+			management: e.management,
 			group: m,
 			g: l,
 			labels: e.labels,
@@ -67,7 +72,8 @@ function G(e) {
 			onError: e.onError,
 			client: e.client
 		}),
-		/* @__PURE__ */ H($, {
+		/* @__PURE__ */ U(te, {
+			management: e.management,
 			group: m,
 			spec: f,
 			g: l,
@@ -75,30 +81,32 @@ function G(e) {
 			onError: e.onError,
 			client: e.client
 		}, m.id),
-		/* @__PURE__ */ H(ee, {
+		/* @__PURE__ */ U(ne, {
 			group: m,
 			g: l,
 			languages: u,
 			onError: e.onError
 		}),
-		/* @__PURE__ */ H(te, {
+		/* @__PURE__ */ U(re, {
 			group: m,
 			g: l,
 			languages: u,
 			onError: e.onError
 		}, m.id),
-		/* @__PURE__ */ H(ne, {
+		/* @__PURE__ */ U(ie, {
+			management: e.management,
 			group: m,
 			spec: f,
 			onError: e.onError,
 			client: e.client
 		}),
-		f.sellable && /* @__PURE__ */ H(re, {
+		f.sellable && /* @__PURE__ */ U(ae, {
 			group: m,
 			onError: e.onError,
 			client: e.client
 		}),
-		/* @__PURE__ */ H(ae, {
+		/* @__PURE__ */ U(se, {
+			management: e.management,
 			group: m,
 			g: l,
 			kinds: i,
@@ -109,212 +117,215 @@ function G(e) {
 		e.children?.(m)
 	] }));
 }
-function K(e, t) {
-	let [n, r] = B(e), i = z(!1), a = z(e);
-	return a.current = e, L(() => {
+function q(e, t) {
+	let [n, r] = V(e), i = B(!1), a = B(e);
+	return a.current = e, R(() => {
 		i.current || r(a.current());
 	}, [t]), [
 		n,
-		I((e) => {
+		L((e) => {
 			i.current = !0, r(e);
 		}, []),
-		I(() => {
+		L(() => {
 			i.current = !1;
 		}, [])
 	];
 }
-function q({ title: e, children: t, ckui: n, action: r }) {
-	return /* @__PURE__ */ U("section", {
+function J({ title: e, children: t, ckui: n, action: r }) {
+	return /* @__PURE__ */ W("section", {
 		className: "grid gap-3",
 		"data-ckui": n,
-		children: [/* @__PURE__ */ U("div", {
+		children: [/* @__PURE__ */ W("div", {
 			className: "flex flex-wrap items-center justify-between gap-2",
-			children: [/* @__PURE__ */ H("h3", {
+			children: [/* @__PURE__ */ U("h3", {
 				className: "font-medium",
 				children: e
 			}), r]
 		}), t]
 	});
 }
-function J({ group: e, name: t, onRestore: r, onError: i }) {
+function Y({ group: e, name: t, onRestore: r, onError: i }) {
 	let { t: a } = n(), o = E("group.save", i);
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		className: "grid justify-items-start gap-2",
 		"data-ckui": "group-deleted",
 		"data-state": e.state,
 		children: [
-			/* @__PURE__ */ H("p", { children: a("groupEditor.deletedNotice", { name: t }) }),
-			/* @__PURE__ */ H(s, {
+			/* @__PURE__ */ U("p", { children: a("groupEditor.deletedNotice", { name: t }) }),
+			/* @__PURE__ */ U(s, {
 				size: "sm",
 				variant: "outline",
 				disabled: o.pending,
 				onClick: () => void o.run(r),
 				children: a("groupEditor.restore")
 			}),
-			/* @__PURE__ */ H(w, { error: o.error })
+			/* @__PURE__ */ U(w, { error: o.error })
 		]
 	});
 }
-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", {
+function X({ group: e, g: t, labels: r, onMerged: i, onDeleted: a, onError: o, client: h, management: g }) {
+	let { t: _ } = n(), [v, y] = V(!1), [b, x] = V(!1), S = E("group.save", o);
+	return /* @__PURE__ */ W("div", {
 		className: "flex flex-wrap items-center gap-2",
 		"data-ckui": "group-head",
 		children: [
-			/* @__PURE__ */ H("h2", {
+			/* @__PURE__ */ U("h2", {
 				className: "text-base font-semibold break-words",
 				children: e.name || e.slug
 			}),
-			/* @__PURE__ */ H(m, {
+			/* @__PURE__ */ U(m, {
 				variant: "outline",
-				children: A(r, e.kind)
+				children: j(r, e.kind)
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "ms-auto flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ H(s, {
+				children: [/* @__PURE__ */ U(s, {
 					size: "sm",
 					variant: "outline",
-					onClick: () => v(!0),
-					children: g("groupEditor.merge")
-				}), /* @__PURE__ */ H(s, {
+					onClick: () => y(!0),
+					children: _("groupEditor.merge")
+				}), /* @__PURE__ */ U(s, {
 					size: "sm",
 					variant: "destructive",
-					disabled: x.pending,
-					onClick: () => b(!0),
-					children: g("groupEditor.delete")
+					disabled: S.pending,
+					onClick: () => x(!0),
+					children: _("groupEditor.delete")
 				})]
 			}),
-			/* @__PURE__ */ H(w, {
-				error: x.error,
+			/* @__PURE__ */ U(w, {
+				error: S.error,
 				className: "basis-full"
 			}),
-			/* @__PURE__ */ H(X, {
-				open: _,
-				onOpenChange: v,
+			/* @__PURE__ */ U(Z, {
+				open: v,
+				onOpenChange: y,
 				group: e,
+				management: g,
 				client: h,
 				onMerge: async (e) => {
 					let n = await t.merge(e.id);
 					return i?.(n), n;
 				}
 			}),
-			/* @__PURE__ */ H(c, {
-				open: y,
-				onOpenChange: b,
-				children: /* @__PURE__ */ U(l, {
+			/* @__PURE__ */ U(c, {
+				open: b,
+				onOpenChange: x,
+				children: /* @__PURE__ */ W(l, {
 					"data-ckui": "group-delete-dialog",
-					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, {
+					children: [/* @__PURE__ */ W(f, { children: [/* @__PURE__ */ U(p, { children: _("groupEditor.deleteTitle", { name: e.name || e.slug }) }), /* @__PURE__ */ U(u, { children: _("groupEditor.deleteBody") })] }), /* @__PURE__ */ W(d, { children: [/* @__PURE__ */ U(s, {
 						variant: "outline",
-						onClick: () => b(!1),
-						children: g("common.cancel")
-					}), /* @__PURE__ */ H(s, {
+						onClick: () => x(!1),
+						children: _("common.cancel")
+					}), /* @__PURE__ */ U(s, {
 						variant: "destructive",
-						disabled: x.pending,
+						disabled: S.pending,
 						onClick: () => {
-							b(!1), x.run(t.remove).then((e) => e && a?.(e));
+							x(!1), S.run(t.remove).then((e) => e && a?.(e));
 						},
-						children: g("groupEditor.delete")
+						children: _("groupEditor.delete")
 					})] })]
 				})
 			})
 		]
 	});
 }
-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(() => {
-		t && (x(null), C(""), A(null));
+function Z({ open: t, onOpenChange: r, group: i, onMerge: a, language: o, client: m, management: _ }) {
+	let v = n(), { t: y } = v, b = z(), [x, S] = V(null), [C, E] = V(""), [D, O] = V(!1), [k, j] = V(null);
+	R(() => {
+		t && (S(null), E(""), j(null));
 	}, [t]);
-	let j = v("groupEditor.mergeWord"), M = !!b && S.trim().toLowerCase() === j.toLowerCase(), N = i.name || i.slug;
-	return /* @__PURE__ */ H(c, {
+	let M = y("groupEditor.mergeWord"), N = !!x && C.trim().toLowerCase() === M.toLowerCase(), P = i.name || i.slug;
+	return /* @__PURE__ */ U(c, {
 		open: t,
 		onOpenChange: r,
-		children: /* @__PURE__ */ U(l, {
+		children: /* @__PURE__ */ W(l, {
 			"data-ckui": "group-merge-dialog",
 			children: [
-				/* @__PURE__ */ U(f, { children: [/* @__PURE__ */ H(p, { children: v("groupEditor.mergeTitle", { name: N }) }), /* @__PURE__ */ H(u, { children: v("groupEditor.mergeBody") })] }),
-				b ? /* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W(f, { children: [/* @__PURE__ */ U(p, { children: y("groupEditor.mergeTitle", { name: P }) }), /* @__PURE__ */ U(u, { children: y("groupEditor.mergeBody") })] }),
+				x ? /* @__PURE__ */ W("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(s, {
+					children: [/* @__PURE__ */ U("span", { children: y("groupEditor.mergeInto", { name: x.name || x.slug }) }), /* @__PURE__ */ U(s, {
 						size: "xs",
 						variant: "ghost",
-						onClick: () => x(null),
-						children: v("groupEditor.change")
+						onClick: () => S(null),
+						children: y("groupEditor.change")
 					})]
-				}) : /* @__PURE__ */ H(k, {
+				}) : /* @__PURE__ */ U(A, {
+					management: _,
 					kind: i.kind,
 					language: o,
 					exclude: [i.id],
-					label: v("groupEditor.mergeTarget"),
-					onPick: x,
+					label: y("groupEditor.mergeTarget"),
+					onPick: S,
 					client: m,
 					autoFocus: !0
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W("div", {
 					className: "grid gap-1.5",
-					children: [/* @__PURE__ */ H(g, {
-						htmlFor: `${y}-typed`,
-						children: v("admin.typeToConfirm", { word: j })
-					}), /* @__PURE__ */ H(h, {
-						id: `${y}-typed`,
-						value: S,
+					children: [/* @__PURE__ */ U(g, {
+						htmlFor: `${b}-typed`,
+						children: y("admin.typeToConfirm", { word: M })
+					}), /* @__PURE__ */ U(h, {
+						id: `${b}-typed`,
+						value: C,
 						autoComplete: "off",
-						onChange: (e) => C(e.target.value)
+						onChange: (e) => E(e.target.value)
 					})]
 				}),
-				O && /* @__PURE__ */ H(w, { children: T(_, O) }),
-				/* @__PURE__ */ U(d, { children: [/* @__PURE__ */ H(s, {
+				k && /* @__PURE__ */ U(w, { children: T(v, k) }),
+				/* @__PURE__ */ W(d, { children: [/* @__PURE__ */ U(s, {
 					variant: "outline",
 					onClick: () => r(!1),
-					children: v("common.cancel")
-				}), /* @__PURE__ */ H(s, {
+					children: y("common.cancel")
+				}), /* @__PURE__ */ U(s, {
 					variant: "destructive",
-					disabled: !M || E,
+					disabled: !N || D,
 					onClick: async () => {
-						if (b) {
-							D(!0), A(null);
+						if (x) {
+							O(!0), j(null);
 							try {
-								await a(b), r(!1);
+								await a(x), r(!1);
 							} catch (t) {
-								A(e(t));
+								j(e(t));
 							} finally {
-								D(!1);
+								O(!1);
 							}
 						}
 					},
-					children: v("groupEditor.merge")
+					children: y("groupEditor.merge")
 				})] })
 			]
 		})
 	});
 }
-function Z({ label: e, kind: t, value: r, onChange: i, exclude: a, required: o, client: c }) {
-	let { t: l } = n();
-	return /* @__PURE__ */ U("div", {
+function Q({ label: e, kind: t, value: r, onChange: i, exclude: a, required: o, client: c, management: l }) {
+	let { t: u } = n();
+	return /* @__PURE__ */ W("div", {
 		className: "grid gap-1.5",
 		"data-ckui": "group-field",
-		children: [/* @__PURE__ */ U("span", {
+		children: [/* @__PURE__ */ W("span", {
 			className: "text-sm font-medium",
-			children: [e, o && /* @__PURE__ */ H("span", {
+			children: [e, o && /* @__PURE__ */ U("span", {
 				"aria-hidden": !0,
 				children: " *"
 			})]
-		}), r ? /* @__PURE__ */ U("div", {
+		}), r ? /* @__PURE__ */ W("div", {
 			className: "flex flex-wrap items-center gap-2",
-			children: [/* @__PURE__ */ H("span", {
+			children: [/* @__PURE__ */ U("span", {
 				className: "rounded-md border border-border px-2 py-0.5",
 				"data-ckui": "group-field-value",
 				children: r.name || r.slug
-			}), /* @__PURE__ */ H(s, {
+			}), /* @__PURE__ */ U(s, {
 				type: "button",
 				size: "xs",
 				variant: "ghost",
 				onClick: () => i(null),
-				"aria-label": l("groupEditor.clearField", { field: e }),
-				children: l(o ? "groupEditor.change" : "common.remove")
+				"aria-label": u("groupEditor.clearField", { field: e }),
+				children: u(o ? "groupEditor.change" : "common.remove")
 			})]
-		}) : /* @__PURE__ */ H(k, {
+		}) : /* @__PURE__ */ U(A, {
+			management: l,
 			kind: t,
 			label: e,
 			exclude: a,
@@ -323,233 +334,270 @@ function Z({ label: e, kind: t, value: r, onChange: i, exclude: a, required: o,
 		})]
 	});
 }
-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(() => {
-		x || b(O(K));
-	}, [K, x]);
-	let q = async () => {
-		W(null);
+function ee({ kind: e, spec: r, languages: i, labels: a, g: o, onCreated: c, onError: l, client: u, management: d }) {
+	let f = n(), { t: p } = f, m = z(), _ = t(), [v, y] = V({}), [b, x] = V(""), [S, C] = V(!1), [D, A] = V(!1), [M, N] = V(null), [I, L] = V(null), B = r.attributes ?? {}, [H, G] = V(() => F(B, {})), [K, q] = V(null), J = E("group.save", l), Y = v[i[0]] ?? "";
+	R(() => {
+		S || x(k(Y));
+	}, [Y, S]);
+	let X = async () => {
+		q(null);
 		let t;
 		try {
-			t = D(F, I);
+			t = O(B, H);
 		} catch (e) {
-			W(e.message);
+			q(e.message);
 			return;
 		}
-		let n = i.filter((e) => _[e]?.trim()).map((e) => ({
+		let n = i.filter((e) => v[e]?.trim()).map((e) => ({
 			language: e,
 			kind: "name",
-			name: _[e].trim()
-		})), r = await G.run(() => o.create({
+			name: v[e].trim()
+		})), r = await J.run(() => o.create({
 			kind: e,
-			slug: y.trim(),
+			slug: b.trim(),
+			...d ? { internal: D } : {},
 			names: n,
-			parent_id: C?.id,
-			scope_id: j?.id,
+			parent_id: M?.id,
+			scope_id: I?.id,
 			attributes: Object.keys(t).length ? t : void 0
 		}));
 		r && c?.(r);
 	};
-	return /* @__PURE__ */ U("form", {
+	return /* @__PURE__ */ W("form", {
 		className: "grid gap-4",
 		"data-ckui": "group-create",
 		onSubmit: (e) => {
-			e.preventDefault(), q();
+			e.preventDefault(), X();
 		},
 		children: [
-			/* @__PURE__ */ H("h2", {
+			/* @__PURE__ */ U("h2", {
 				className: "text-base font-semibold",
-				children: f("groupEditor.newTitle", { kind: A(a, e) })
+				children: p("groupEditor.newTitle", { kind: j(a, e) })
 			}),
-			i.map((e, t) => /* @__PURE__ */ U("div", {
+			i.map((e, t) => /* @__PURE__ */ W("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ H(g, {
-					htmlFor: `${p}-${e}`,
-					children: f("groupEditor.nameIn", { language: m(e) })
-				}), /* @__PURE__ */ H(h, {
-					id: `${p}-${e}`,
+				children: [/* @__PURE__ */ U(g, {
+					htmlFor: `${m}-${e}`,
+					children: p("groupEditor.nameIn", { language: _(e) })
+				}), /* @__PURE__ */ U(h, {
+					id: `${m}-${e}`,
 					className: "h-8",
 					lang: e,
 					required: t === 0,
-					value: _[e] ?? "",
-					onChange: (t) => v((n) => ({
+					value: v[e] ?? "",
+					onChange: (t) => y((n) => ({
 						...n,
 						[e]: t.target.value
 					}))
 				})]
 			}, e)),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "grid gap-1.5",
-				children: [/* @__PURE__ */ H(g, {
-					htmlFor: `${p}-slug`,
-					children: f("groupEditor.slug")
-				}), /* @__PURE__ */ H(h, {
-					id: `${p}-slug`,
+				children: [/* @__PURE__ */ U(g, {
+					htmlFor: `${m}-slug`,
+					children: p("groupEditor.slug")
+				}), /* @__PURE__ */ U(h, {
+					id: `${m}-slug`,
 					className: "h-8",
 					required: !0,
-					value: y,
+					value: b,
 					onChange: (e) => {
-						S(!0), b(e.target.value);
+						C(!0), x(e.target.value);
 					}
 				})]
 			}),
-			r.scoped_by && /* @__PURE__ */ H(Z, {
-				label: A(a, r.scoped_by),
+			r.scoped_by && /* @__PURE__ */ U(Q, {
+				management: d,
+				label: j(a, r.scoped_by),
 				kind: r.scoped_by,
-				value: j,
-				onChange: M,
+				value: I,
+				onChange: L,
 				required: !0,
 				client: u
 			}),
-			r.parent && /* @__PURE__ */ H(Z, {
-				label: f("groupEditor.parent"),
+			r.parent && /* @__PURE__ */ U(Q, {
+				management: d,
+				label: p("groupEditor.parent"),
 				kind: r.parent,
-				value: C,
-				onChange: k,
+				value: M,
+				onChange: N,
 				client: u
 			}),
-			/* @__PURE__ */ H(N, {
-				declared: F,
-				form: I,
-				onChange: (e, t) => z((n) => ({
+			d && /* @__PURE__ */ U($, {
+				id: `${m}-internal`,
+				checked: D,
+				onChange: A
+			}),
+			/* @__PURE__ */ U(P, {
+				declared: B,
+				form: H,
+				onChange: (e, t) => G((n) => ({
 					...n,
 					[e]: t
 				})),
 				labels: a
 			}),
-			V && /* @__PURE__ */ H(w, { children: V }),
-			G.error && /* @__PURE__ */ H(w, { children: T(d, G.error) }),
-			/* @__PURE__ */ H(s, {
+			K && /* @__PURE__ */ U(w, { children: K }),
+			J.error && /* @__PURE__ */ U(w, { children: T(f, J.error) }),
+			/* @__PURE__ */ U(s, {
 				type: "submit",
 				className: "justify-self-start",
-				disabled: G.pending || !K.trim() || !y.trim() || !!r.scoped_by && !j,
-				children: G.pending ? f("common.saving") : f("groupEditor.create")
+				disabled: J.pending || !Y.trim() || !b.trim() || !!r.scoped_by && !I,
+				children: J.pending ? p("common.saving") : p("groupEditor.create")
 			})
 		]
 	});
 }
-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(() => ({
+function $({ id: e, checked: t, onChange: r }) {
+	let { t: i } = n();
+	return /* @__PURE__ */ W("div", {
+		className: "flex items-start gap-3",
+		children: [/* @__PURE__ */ U(D, {
+			id: e,
+			checked: t,
+			onCheckedChange: r
+		}), /* @__PURE__ */ W("div", {
+			className: "grid gap-1",
+			children: [/* @__PURE__ */ U(g, {
+				htmlFor: e,
+				children: i("groupEditor.internal")
+			}), /* @__PURE__ */ U("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("groupEditor.internalHint")
+			})]
+		})]
+	});
+}
+function te({ group: e, spec: t, g: r, labels: i, onError: a, client: o, management: c }) {
+	let { t: l } = n(), u = z(), d = t.attributes ?? {}, [f, p, m] = q(() => ({
 		slug: e.slug,
+		internal: e.internal ?? !1,
 		parent: e.parent ?? null,
 		scope: e.scope ?? null,
-		attrs: P(u, e.attributes)
-	}), e.revision), { slug: m, parent: _, scope: v, attrs: y } = d, b = (e) => {
-		M(!1), f((t) => ({
+		attrs: F(d, e.attributes)
+	}), e.revision), { slug: _, internal: v, parent: y, scope: b, attrs: x } = f, S = (e) => {
+		I(!1), p((t) => ({
 			...t,
 			...e
 		}));
-	}, 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);
+	}, C = (e) => S({ slug: e }), T = (e) => S({ parent: e }), D = (e) => S({ scope: e }), k = (e) => S({ attrs: e(x) }), [A, M] = V(null), [N, I] = V(!1), L = E("group.save", a), R = async () => {
+		M(null), I(!1);
 		let e;
 		try {
-			e = D(u, y);
+			e = O(d, x);
 		} catch (e) {
-			k(e.message);
+			M(e.message);
 			return;
 		}
-		await F.run(() => r.update({
-			slug: m.trim(),
+		await L.run(() => r.update({
+			slug: _.trim(),
+			...c ? { internal: v } : {},
 			attributes: e,
-			...t.parent ? { parent_id: _?.id ?? "" } : {},
-			...t.scoped_by && v ? { scope_id: v.id } : {}
-		})) && (p(), M(!0));
+			...t.parent ? { parent_id: y?.id ?? "" } : {},
+			...t.scoped_by && b ? { scope_id: b.id } : {}
+		})) && (m(), I(!0));
 	};
-	return /* @__PURE__ */ H(q, {
-		title: c("groupEditor.details"),
+	return /* @__PURE__ */ U(J, {
+		title: l("groupEditor.details"),
 		ckui: "group-details",
-		children: /* @__PURE__ */ U("form", {
+		children: /* @__PURE__ */ W("form", {
 			className: "grid gap-3",
 			onSubmit: (e) => {
-				e.preventDefault(), I();
+				e.preventDefault(), R();
 			},
 			children: [
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W("div", {
 					className: "grid gap-1.5",
-					children: [/* @__PURE__ */ H(g, {
-						htmlFor: `${l}-slug`,
-						children: c("groupEditor.slug")
-					}), /* @__PURE__ */ H(h, {
-						id: `${l}-slug`,
+					children: [/* @__PURE__ */ U(g, {
+						htmlFor: `${u}-slug`,
+						children: l("groupEditor.slug")
+					}), /* @__PURE__ */ U(h, {
+						id: `${u}-slug`,
 						className: "h-8",
 						required: !0,
-						value: m,
-						onChange: (e) => x(e.target.value)
+						value: _,
+						onChange: (e) => C(e.target.value)
 					})]
 				}),
-				t.scoped_by && /* @__PURE__ */ H(Z, {
-					label: A(i, t.scoped_by),
+				t.scoped_by && /* @__PURE__ */ U(Q, {
+					management: c,
+					label: j(i, t.scoped_by),
 					kind: t.scoped_by,
-					value: v,
-					onChange: C,
+					value: b,
+					onChange: D,
 					required: !0,
 					client: o
 				}),
-				t.parent && /* @__PURE__ */ H(Z, {
-					label: c("groupEditor.parent"),
+				t.parent && /* @__PURE__ */ U(Q, {
+					management: c,
+					label: l("groupEditor.parent"),
 					kind: t.parent,
-					value: _,
-					onChange: S,
+					value: y,
+					onChange: T,
 					exclude: [e.id],
 					client: o
 				}),
-				/* @__PURE__ */ H(N, {
-					declared: u,
-					form: y,
-					onChange: (e, t) => T((n) => ({
+				c && /* @__PURE__ */ U($, {
+					id: `${u}-internal`,
+					checked: v,
+					onChange: (e) => S({ internal: e })
+				}),
+				/* @__PURE__ */ U(P, {
+					declared: d,
+					form: x,
+					onChange: (e, t) => k((n) => ({
 						...n,
 						[e]: t
 					})),
 					labels: i
 				}),
-				O && /* @__PURE__ */ H(w, { children: O }),
-				/* @__PURE__ */ H(w, { error: F.error }),
-				/* @__PURE__ */ U("div", {
+				A && /* @__PURE__ */ U(w, { children: A }),
+				/* @__PURE__ */ U(w, { error: L.error }),
+				/* @__PURE__ */ W("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ H(s, {
+					children: [/* @__PURE__ */ U(s, {
 						type: "submit",
 						size: "sm",
-						disabled: F.pending || !m.trim() || !!t.scoped_by && !v,
-						children: F.pending ? c("common.saving") : c("common.save")
-					}), j && /* @__PURE__ */ H("span", {
+						disabled: L.pending || !_.trim() || !!t.scoped_by && !b,
+						children: L.pending ? l("common.saving") : l("common.save")
+					}), N && /* @__PURE__ */ U("span", {
 						role: "status",
 						className: "text-muted-foreground",
-						children: c("groupEditor.saved")
+						children: l("groupEditor.saved")
 					})]
 				})
 			]
 		})
 	});
 }
-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, {
+function ne({ group: e, g: r, languages: i, onError: a }) {
+	let { t: o } = n(), c = z(), l = t(), [u, d] = V(i[0]), [f, p] = V("alias"), [S, C] = V(""), 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__ */ W(J, {
 		title: o("groupEditor.names"),
 		ckui: "group-names-editor",
 		children: [
-			D.length ? /* @__PURE__ */ H("ul", {
+			D.length ? /* @__PURE__ */ U("ul", {
 				className: "grid divide-y divide-border rounded-lg border border-border",
-				children: D.map((e) => /* @__PURE__ */ U("li", {
+				children: D.map((e) => /* @__PURE__ */ W("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(m, {
+						/* @__PURE__ */ U(m, {
 							variant: "outline",
 							children: l(e.language)
 						}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U("span", {
 							className: "min-w-0 flex-1 break-words",
 							lang: e.language,
 							children: e.name
 						}),
-						/* @__PURE__ */ H("span", {
+						/* @__PURE__ */ U("span", {
 							className: "text-xs text-muted-foreground",
 							children: o(e.kind === "name" ? "groupEditor.canonical" : "groupEditor.alias")
 						}),
-						e.kind === "alias" && /* @__PURE__ */ H(s, {
+						e.kind === "alias" && /* @__PURE__ */ U(s, {
 							size: "xs",
 							variant: "ghost",
 							disabled: T.pending,
@@ -559,7 +607,7 @@ function ee({ group: e, g: r, languages: i, onError: a }) {
 							}])),
 							children: o("groupEditor.makeCanonical")
 						}),
-						/* @__PURE__ */ H(s, {
+						/* @__PURE__ */ U(s, {
 							size: "xs",
 							variant: "ghost",
 							disabled: T.pending,
@@ -569,11 +617,11 @@ function ee({ group: e, g: r, languages: i, onError: a }) {
 						})
 					]
 				}, `${e.language}:${e.kind}:${e.name}`))
-			}) : /* @__PURE__ */ H("p", {
+			}) : /* @__PURE__ */ U("p", {
 				className: "text-muted-foreground",
 				children: o("groupEditor.noNames")
 			}),
-			/* @__PURE__ */ U("form", {
+			/* @__PURE__ */ W("form", {
 				className: "flex flex-wrap items-end gap-2",
 				onSubmit: (e) => {
 					e.preventDefault();
@@ -585,39 +633,39 @@ function ee({ group: e, g: r, languages: i, onError: a }) {
 					}])).then((e) => e && C(""));
 				},
 				children: [
-					O.length > 1 && /* @__PURE__ */ U(_, {
+					O.length > 1 && /* @__PURE__ */ W(_, {
 						value: u,
 						onValueChange: (e) => d(String(e)),
-						children: [/* @__PURE__ */ H(b, {
+						children: [/* @__PURE__ */ U(b, {
 							size: "sm",
 							"aria-label": o("groupEditor.language"),
-							children: /* @__PURE__ */ H(x, { children: (e) => l(e) })
-						}), /* @__PURE__ */ H(v, { children: O.map((e) => /* @__PURE__ */ H(y, {
+							children: /* @__PURE__ */ U(x, { children: (e) => l(e) })
+						}), /* @__PURE__ */ U(v, { children: O.map((e) => /* @__PURE__ */ U(y, {
 							value: e,
 							children: l(e)
 						}, e)) })]
 					}),
-					/* @__PURE__ */ U(_, {
+					/* @__PURE__ */ W(_, {
 						value: f,
 						onValueChange: (e) => p(e),
-						children: [/* @__PURE__ */ H(b, {
+						children: [/* @__PURE__ */ U(b, {
 							size: "sm",
 							"aria-label": o("groupEditor.nameKind"),
-							children: /* @__PURE__ */ H(x, { children: (e) => o(e === "name" ? "groupEditor.canonical" : "groupEditor.alias") })
-						}), /* @__PURE__ */ U(v, { children: [/* @__PURE__ */ H(y, {
+							children: /* @__PURE__ */ U(x, { children: (e) => o(e === "name" ? "groupEditor.canonical" : "groupEditor.alias") })
+						}), /* @__PURE__ */ W(v, { children: [/* @__PURE__ */ U(y, {
 							value: "alias",
 							children: o("groupEditor.alias")
-						}), /* @__PURE__ */ H(y, {
+						}), /* @__PURE__ */ U(y, {
 							value: "name",
 							children: o("groupEditor.canonical")
 						})] })]
 					}),
-					/* @__PURE__ */ H(g, {
+					/* @__PURE__ */ U(g, {
 						htmlFor: `${c}-name`,
 						className: "sr-only",
 						children: o("groupEditor.newName")
 					}),
-					/* @__PURE__ */ H(h, {
+					/* @__PURE__ */ U(h, {
 						id: `${c}-name`,
 						className: "h-8 min-w-40 flex-1",
 						lang: u,
@@ -625,7 +673,7 @@ function ee({ group: e, g: r, languages: i, onError: a }) {
 						placeholder: o("groupEditor.newName"),
 						onChange: (e) => C(e.target.value)
 					}),
-					/* @__PURE__ */ H(s, {
+					/* @__PURE__ */ U(s, {
 						type: "submit",
 						size: "sm",
 						variant: "outline",
@@ -634,12 +682,12 @@ function ee({ group: e, g: r, languages: i, onError: a }) {
 					})
 				]
 			}),
-			/* @__PURE__ */ H(w, { error: T.error })
+			/* @__PURE__ */ U(w, { error: T.error })
 		]
 	});
 }
-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) => {
+function re({ group: e, g: r, languages: i, onError: a }) {
+	let { t: o } = n(), c = z(), l = t(), u = [.../* @__PURE__ */ new Set([...i, ...e.text.map((e) => e.language)])], [d, f, p] = q(() => Object.fromEntries(u.map((t) => [t, e.text.find((e) => e.language === t) ?? { language: t }])), e.revision), [m, _] = V(!1), v = E("group.save", a), y = (e, t) => {
 		_(!1), f((n) => ({
 			...n,
 			[e]: {
@@ -648,10 +696,10 @@ function te({ group: e, g: r, languages: i, onError: a }) {
 			}
 		}));
 	};
-	return /* @__PURE__ */ H(q, {
+	return /* @__PURE__ */ U(J, {
 		title: o("groupEditor.text"),
 		ckui: "group-text",
-		children: /* @__PURE__ */ U("form", {
+		children: /* @__PURE__ */ W("form", {
 			className: "grid gap-4",
 			onSubmit: (e) => {
 				e.preventDefault();
@@ -665,20 +713,20 @@ function te({ group: e, g: r, languages: i, onError: a }) {
 				});
 			},
 			children: [
-				u.map((e) => /* @__PURE__ */ U("fieldset", {
+				u.map((e) => /* @__PURE__ */ W("fieldset", {
 					className: "grid gap-2",
 					"data-language": e,
 					children: [
-						/* @__PURE__ */ H("legend", {
+						/* @__PURE__ */ U("legend", {
 							className: "mb-1 text-xs font-medium text-muted-foreground",
 							children: l(e)
 						}),
-						/* @__PURE__ */ H(g, {
+						/* @__PURE__ */ U(g, {
 							htmlFor: `${c}-${e}-d`,
 							className: "sr-only",
 							children: o("groupEditor.descriptionIn", { language: l(e) })
 						}),
-						/* @__PURE__ */ H(C, {
+						/* @__PURE__ */ U(C, {
 							id: `${c}-${e}-d`,
 							lang: e,
 							rows: 3,
@@ -686,12 +734,12 @@ function te({ group: e, g: r, languages: i, onError: a }) {
 							value: d[e]?.description ?? "",
 							onChange: (t) => y(e, { description: t.target.value })
 						}),
-						/* @__PURE__ */ H(g, {
+						/* @__PURE__ */ U(g, {
 							htmlFor: `${c}-${e}-s`,
 							className: "sr-only",
 							children: o("groupEditor.sortKeyIn", { language: l(e) })
 						}),
-						/* @__PURE__ */ H(h, {
+						/* @__PURE__ */ U(h, {
 							id: `${c}-${e}-s`,
 							className: "h-8",
 							lang: e,
@@ -701,15 +749,15 @@ function te({ group: e, g: r, languages: i, onError: a }) {
 						})
 					]
 				}, e)),
-				/* @__PURE__ */ H(w, { error: v.error }),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ U(w, { error: v.error }),
+				/* @__PURE__ */ W("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ H(s, {
+					children: [/* @__PURE__ */ U(s, {
 						type: "submit",
 						size: "sm",
 						disabled: v.pending,
 						children: v.pending ? o("common.saving") : o("common.save")
-					}), m && /* @__PURE__ */ H("span", {
+					}), m && /* @__PURE__ */ U("span", {
 						role: "status",
 						className: "text-muted-foreground",
 						children: o("groupEditor.saved")
@@ -719,24 +767,26 @@ function te({ group: e, g: r, languages: i, onError: a }) {
 		})
 	});
 }
-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(t.owner === "user" ? "groupEditor.images" : "groupEditor.cover"),
+function ie({ group: e, spec: t, onError: r, client: i, management: a }) {
+	let { t: o } = n(), s = e.cover, c = s?.image ? "image" : s?.content_id && !s.auto ? "content" : "auto";
+	return /* @__PURE__ */ W(J, {
+		title: o(t.owner === "user" ? "groupEditor.images" : "groupEditor.cover"),
 		ckui: "group-cover-editor",
 		children: [
-			/* @__PURE__ */ H("p", {
+			/* @__PURE__ */ U("p", {
 				className: "text-muted-foreground",
 				"data-ckui": "cover-mode",
-				children: a(s === "image" ? "groupEditor.coverImage" : s === "content" ? "groupEditor.coverContent" : "groupEditor.coverAuto")
+				children: o(c === "image" ? "groupEditor.coverImage" : c === "content" ? "groupEditor.coverContent" : "groupEditor.coverAuto")
 			}),
-			/* @__PURE__ */ H(F, {
+			/* @__PURE__ */ U(I, {
+				management: a,
 				group: e,
 				slot: "cover",
 				client: i,
 				onError: r
 			}),
-			t.owner === "user" && /* @__PURE__ */ H(F, {
+			t.owner === "user" && /* @__PURE__ */ U(I, {
+				management: a,
 				group: e,
 				slot: "avatar",
 				client: i,
@@ -745,116 +795,120 @@ function ne({ group: e, spec: t, onError: r, client: i }) {
 		]
 	});
 }
-function re({ group: e, onError: t, client: r }) {
+function ae({ group: e, onError: t, client: r }) {
 	let { t: a } = n(), o = i(r), s = E("offer.save", t);
-	return /* @__PURE__ */ U(q, {
+	return /* @__PURE__ */ W(J, {
 		title: a("groupEditor.membershipPrice"),
 		ckui: "group-offer",
-		children: [/* @__PURE__ */ H(M, {
+		children: [/* @__PURE__ */ U(N, {
 			offer: e.offer,
 			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(w, { error: s.error })]
+		}, e.offer?.revision), /* @__PURE__ */ U(w, { error: s.error })]
 	});
 }
-var ie = /^[a-z][a-z0-9_]*$/;
-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?.entity_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);
+var oe = /^[a-z][a-z0-9_]*$/;
+function se({ group: e, g: t, kinds: r, labels: i, onError: a, client: o, management: c }) {
+	let { t: l } = n(), u = z(), d = E("group.save", a), f = M(e.edges.map((t) => t.from === e.id ? t.to : t.from), {
+		client: o,
+		management: c
+	}), p = Object.keys(r?.entity_kinds ?? {}).sort(), [S, C] = V(""), [T, D] = V(p[0] ?? e.kind), O = e.edges.filter((t) => t.from === e.id), k = e.edges.filter((t) => t.to === e.id), N = (e) => {
+		let t = f.get(e);
 		return t ? t.name || t.slug : e;
-	}, N = ie.test(p.trim());
-	return /* @__PURE__ */ U(q, {
-		title: c("groupEditor.edges"),
+	}, P = oe.test(S.trim());
+	return /* @__PURE__ */ W(J, {
+		title: l("groupEditor.edges"),
 		ckui: "group-edges",
 		children: [
-			D.length + O.length ? /* @__PURE__ */ U("ul", {
+			O.length + k.length ? /* @__PURE__ */ W("ul", {
 				className: "grid gap-1.5",
-				children: [D.map((e) => /* @__PURE__ */ U("li", {
+				children: [O.map((e) => /* @__PURE__ */ W("li", {
 					className: "flex flex-wrap items-center gap-2",
 					"data-ckui": "group-edge",
 					"data-relation": e.relation,
 					children: [
-						/* @__PURE__ */ H(m, {
+						/* @__PURE__ */ U(m, {
 							variant: "secondary",
-							children: A(i, e.relation)
+							children: j(i, e.relation)
 						}),
-						/* @__PURE__ */ H("span", { children: M(e.to) }),
-						/* @__PURE__ */ H(s, {
+						/* @__PURE__ */ U("span", { children: N(e.to) }),
+						/* @__PURE__ */ U(s, {
 							size: "xs",
 							variant: "ghost",
-							disabled: u.pending,
-							"aria-label": c("groupEditor.removeEdge", { name: M(e.to) }),
-							onClick: () => void u.run(() => t.edges("remove", [{
+							disabled: d.pending,
+							"aria-label": l("groupEditor.removeEdge", { name: N(e.to) }),
+							onClick: () => void d.run(() => t.edges("remove", [{
 								relation: e.relation,
 								to: e.to
 							}])),
-							children: c("common.remove")
+							children: l("common.remove")
 						})
 					]
-				}, `${e.relation}:${e.to}`)), O.map((e) => /* @__PURE__ */ U("li", {
+				}, `${e.relation}:${e.to}`)), k.map((e) => /* @__PURE__ */ W("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", {
+					children: [/* @__PURE__ */ U("span", {
 						className: "text-foreground",
-						children: M(e.from)
-					}), /* @__PURE__ */ H(m, {
+						children: N(e.from)
+					}), /* @__PURE__ */ U(m, {
 						variant: "outline",
-						children: A(i, e.relation)
+						children: j(i, e.relation)
 					})]
 				}, `in:${e.relation}:${e.from}`))]
-			}) : /* @__PURE__ */ H("p", {
+			}) : /* @__PURE__ */ U("p", {
 				className: "text-muted-foreground",
-				children: c("groupEditor.noEdges")
+				children: l("groupEditor.noEdges")
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex flex-wrap items-end gap-2",
 				children: [
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ W("div", {
 						className: "grid gap-1",
-						children: [/* @__PURE__ */ H(g, {
-							htmlFor: `${l}-rel`,
+						children: [/* @__PURE__ */ U(g, {
+							htmlFor: `${u}-rel`,
 							className: "text-xs text-muted-foreground",
-							children: c("groupEditor.relation")
-						}), /* @__PURE__ */ H(h, {
-							id: `${l}-rel`,
+							children: l("groupEditor.relation")
+						}), /* @__PURE__ */ U(h, {
+							id: `${u}-rel`,
 							className: "h-8 w-40",
-							value: p,
+							value: S,
 							placeholder: "member_of",
-							"aria-invalid": !!p && !N,
-							onChange: (e) => S(e.target.value)
+							"aria-invalid": !!S && !P,
+							onChange: (e) => C(e.target.value)
 						})]
 					}),
-					f.length > 1 && /* @__PURE__ */ U(_, {
-						value: C,
-						onValueChange: (e) => T(String(e)),
-						children: [/* @__PURE__ */ H(b, {
+					p.length > 1 && /* @__PURE__ */ W(_, {
+						value: T,
+						onValueChange: (e) => D(String(e)),
+						children: [/* @__PURE__ */ U(b, {
 							size: "sm",
-							"aria-label": c("groupEditor.edgeKind"),
-							children: /* @__PURE__ */ H(x, { children: (e) => A(i, e) })
-						}), /* @__PURE__ */ H(v, { children: f.map((e) => /* @__PURE__ */ H(y, {
+							"aria-label": l("groupEditor.edgeKind"),
+							children: /* @__PURE__ */ U(x, { children: (e) => j(i, e) })
+						}), /* @__PURE__ */ U(v, { children: p.map((e) => /* @__PURE__ */ U(y, {
 							value: e,
-							children: A(i, e)
+							children: j(i, e)
 						}, e)) })]
 					}),
-					N && /* @__PURE__ */ H(k, {
-						kind: C,
-						label: c("groupEditor.edgeTarget"),
+					P && /* @__PURE__ */ U(A, {
+						management: c,
+						kind: T,
+						label: l("groupEditor.edgeTarget"),
 						exclude: [e.id],
 						client: o,
-						onPick: (e) => void u.run(() => t.edges("add", [{
-							relation: p.trim(),
+						onPick: (e) => void d.run(() => t.edges("add", [{
+							relation: S.trim(),
 							to: e.id
-						}])).then((e) => e && S(""))
-					}, C)
+						}])).then((e) => e && C(""))
+					}, T)
 				]
 			}),
-			/* @__PURE__ */ H(w, { error: u.error })
+			/* @__PURE__ */ U(w, { error: d.error })
 		]
 	});
 }
 //#endregion
-export { G as GroupEditor, X as GroupMergeDialog };
+export { K as GroupEditor, Z as GroupMergeDialog };
 
 //# sourceMappingURL=editor.js.map