@openrails/contentkit-ui 0.71.0 → 0.73.0

package/dist/components/admin/taxonomy-manager.js

@@ -0,0 +1,976 @@
+import { toContentKitError as e } from "../../client/errors.js";
+import { useMessages as t } from "../../i18n/context.js";
+import { useErrorReporter as n } from "../../react/context.js";
+import { usePublicImage as r } from "../../react/public.js";
+import { Button as i } from "../../ui/button.js";
+import { CoverUpload as a } from "../slot-upload.js";
+import { keyOf as o, useContentScope as s, useResource as c } from "../../react/use-resource.js";
+import { Badge as l } from "../../ui/badge.js";
+import { Input as u } from "../../ui/input.js";
+import { Label as d } from "../../ui/label.js";
+import { Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "../../ui/select.js";
+import { Skeleton as _ } from "../../ui/skeleton.js";
+import { ErrorLine as v, RelativeTime as y, contentError as b, useAction as x } from "../social/parts.js";
+import { AdminRoot as S, LoadFailed as C, NoAccess as w, Pager as T, Rows as E, pageOf as D, useConfirm as O } from "./shell.js";
+import { useAdminLocation as k, useFlowClient as A, useStaffAccess as j } from "../../react/admin.js";
+import { Tabs as M, TabsList as N, TabsTrigger as P } from "../../ui/tabs.js";
+import { useEffect as F, useId as I, useMemo as L, useRef as R, useState as z } from "react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+//#region src/components/admin/taxonomy-manager.tsx
+function U(e = {}) {
+	return j(["taxonomy"], e);
+}
+var W = (e) => (e ?? []).map((e) => typeof e == "string" ? {
+	value: e,
+	label: e
+} : e), G = [
+	"name",
+	"count",
+	"created",
+	"updated",
+	"oldest"
+], K = [
+	"active",
+	"deleted",
+	"merged"
+];
+function q(e) {
+	return e.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().trim().replace(/[\s/]+/g, "-").replace(/[^\p{L}\p{N}-]+/gu, "").replace(/-+/g, "-").replace(/^-|-$/g, "").slice(0, 200);
+}
+function J({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
+	let l = A({
+		client: e,
+		baseUrl: t,
+		auth: n
+	});
+	return /* @__PURE__ */ V(S, {
+		flow: "taxonomy-manager",
+		appearance: i,
+		className: a,
+		language: o,
+		messages: s,
+		guard: r,
+		children: /* @__PURE__ */ V(ee, {
+			...c,
+			client: l
+		})
+	});
+}
+function ee({ basePath: e, navigation: n, ...r }) {
+	let { t: i } = t(), a = k(e, n), o = U({ client: r.client });
+	if (o.loading) return /* @__PURE__ */ V(E, {});
+	if (!o.allowed.taxonomy) return /* @__PURE__ */ V(w, { children: i("taxonomyManager.noAccess") });
+	if (!r.kinds.length) return null;
+	let [s, c] = a.view.split("/"), l = r.kinds.find((e) => e.kind === s) ?? r.kinds[0], u = {
+		...r,
+		loc: a,
+		kind: l,
+		lang: W(r.languages)[0]?.value ?? "en"
+	};
+	return /* @__PURE__ */ H(B, { children: [r.kinds.length > 1 && /* @__PURE__ */ V(M, {
+		value: l.kind,
+		onValueChange: (e) => a.go(String(e)),
+		children: /* @__PURE__ */ V(N, { children: r.kinds.map((e) => /* @__PURE__ */ V(P, {
+			value: e.kind,
+			children: e.label
+		}, e.kind)) })
+	}), c ? c === "new" ? /* @__PURE__ */ V(Y, { ...u }, l.kind) : /* @__PURE__ */ V(X, {
+		...u,
+		id: c
+	}, c) : /* @__PURE__ */ V(te, { ...u }, l.kind)] });
+}
+function te({ loc: e, kind: n, client: r, languages: a, contentKind: _, pageSize: v = 25, lang: b }) {
+	let x = t(), { t: S } = x, w = I(), O = W(a), k = e.query.get("q") ?? "", A = e.query.get("state") ?? "", j = K.includes(A) ? A : "active", M = e.query.get("language") || b, N = Math.max(0, Number(e.query.get("min_count")) || 0), P = e.query.get("sort") ?? "", L = G.includes(P) ? P : "name", R = D(e.query), B = {
+		q: k,
+		state: j === "active" ? void 0 : j,
+		language: M === b ? void 0 : M,
+		min_count: N || void 0,
+		sort: L === "name" ? void 0 : L
+	}, U = (t) => e.go(n.kind, {
+		...B,
+		...t
+	}), [q, J] = z(k);
+	F(() => J(k), [k]);
+	let { store: ee, scope: te } = s(r), Y = (R - 1) * v, X = c(ee, o("taxonomy-nodes", te, n.kind, k, j, M, N, L, _, Y, v), { type: "taxonomy-nodes" }, (e) => r.taxonomy.nodes({
+		kind: n.kind,
+		q: k || void 0,
+		state: [j],
+		language: M,
+		min_count: N || void 0,
+		sort: L,
+		content_kind: _,
+		offset: Y,
+		limit: v
+	}, e)), Z = X.data?.nodes ?? [], Q = X.data?.total ?? 0, $ = X.loading || !X.loaded;
+	return /* @__PURE__ */ H("div", {
+		className: "grid gap-4",
+		children: [
+			/* @__PURE__ */ H("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ V("h2", {
+					className: "text-base font-semibold",
+					children: n.label
+				}), /* @__PURE__ */ V(i, {
+					size: "sm",
+					onClick: () => e.go(`${n.kind}/new`),
+					children: S("taxonomyManager.new")
+				})]
+			}),
+			/* @__PURE__ */ H("div", {
+				className: "grid gap-2 sm:grid-cols-[minmax(0,1fr)_auto]",
+				children: [/* @__PURE__ */ H("form", {
+					className: "flex gap-2",
+					role: "search",
+					onSubmit: (e) => {
+						e.preventDefault(), U({ q: q.trim() });
+					},
+					children: [
+						/* @__PURE__ */ V(d, {
+							htmlFor: `${w}-q`,
+							className: "sr-only",
+							children: S("taxonomyManager.search")
+						}),
+						/* @__PURE__ */ V(u, {
+							id: `${w}-q`,
+							className: "h-8",
+							type: "search",
+							value: q,
+							placeholder: S("taxonomyManager.search"),
+							onChange: (e) => J(e.target.value)
+						}),
+						/* @__PURE__ */ V(i, {
+							type: "submit",
+							size: "sm",
+							variant: "outline",
+							children: S("moderation.filter")
+						})
+					]
+				}), /* @__PURE__ */ H("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						/* @__PURE__ */ H(f, {
+							value: j,
+							onValueChange: (e) => U({ state: e === "active" ? void 0 : String(e) }),
+							children: [/* @__PURE__ */ V(h, {
+								size: "sm",
+								"aria-label": S("taxonomyManager.state"),
+								children: /* @__PURE__ */ V(g, { children: (e) => S(`taxonomyManager.${e}`) })
+							}), /* @__PURE__ */ V(p, { children: K.map((e) => /* @__PURE__ */ V(m, {
+								value: e,
+								children: S(`taxonomyManager.${e}`)
+							}, e)) })]
+						}),
+						O.length > 1 && /* @__PURE__ */ H(f, {
+							value: M,
+							onValueChange: (e) => U({ language: e === b ? void 0 : String(e) }),
+							children: [/* @__PURE__ */ V(h, {
+								size: "sm",
+								"aria-label": S("taxonomyManager.language"),
+								children: /* @__PURE__ */ V(g, { children: (e) => O.find((t) => t.value === e)?.label ?? e })
+							}), /* @__PURE__ */ V(p, { children: O.map((e) => /* @__PURE__ */ V(m, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						}),
+						/* @__PURE__ */ H(f, {
+							value: L,
+							onValueChange: (e) => U({ sort: e === "name" ? void 0 : String(e) }),
+							children: [/* @__PURE__ */ V(h, {
+								size: "sm",
+								"aria-label": S("taxonomyManager.sort"),
+								children: /* @__PURE__ */ V(g, { children: (e) => S(`taxonomyManager.sort_${e}`) })
+							}), /* @__PURE__ */ V(p, { children: G.map((e) => /* @__PURE__ */ V(m, {
+								value: e,
+								children: S(`taxonomyManager.sort_${e}`)
+							}, e)) })]
+						}),
+						/* @__PURE__ */ H("div", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ V(d, {
+								htmlFor: `${w}-min`,
+								className: "text-xs text-muted-foreground",
+								children: S("taxonomyManager.minCount")
+							}), /* @__PURE__ */ V(u, {
+								id: `${w}-min`,
+								className: "h-8 w-20",
+								type: "number",
+								min: 0,
+								value: N || "",
+								onChange: (e) => U({ min_count: Number(e.target.value) || void 0 })
+							})]
+						})
+					]
+				})]
+			}),
+			$ && !Z.length ? /* @__PURE__ */ V(E, {}) : X.error && !Z.length ? /* @__PURE__ */ V(C, {
+				error: X.error,
+				message: S("taxonomyManager.loadFailed"),
+				retry: X.reload
+			}) : Z.length ? /* @__PURE__ */ V("ul", {
+				className: "grid divide-y divide-border rounded-lg border border-border",
+				"aria-busy": $,
+				children: Z.map((t) => /* @__PURE__ */ H("li", {
+					className: "flex flex-wrap items-center gap-3 p-3",
+					"data-ckui": "node-row",
+					"data-state": t.state,
+					children: [/* @__PURE__ */ H("div", {
+						className: "grid min-w-0 flex-1 gap-0.5",
+						children: [/* @__PURE__ */ V("button", {
+							type: "button",
+							className: "text-left font-medium break-words hover:underline",
+							onClick: () => e.go(`${n.kind}/${t.taxonomy_id}`),
+							children: t.name || t.slug
+						}), /* @__PURE__ */ H("div", {
+							className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ V("span", { children: t.slug }),
+								t.state !== "active" && /* @__PURE__ */ V(l, {
+									variant: "outline",
+									children: S(`taxonomyManager.${t.state}`)
+								}),
+								/* @__PURE__ */ V(y, { at: t.updated_at })
+							]
+						})]
+					}), /* @__PURE__ */ V("span", {
+						className: "text-sm tabular-nums text-muted-foreground",
+						title: S("taxonomyManager.count"),
+						children: t.count
+					})]
+				}, t.taxonomy_id))
+			}) : /* @__PURE__ */ V("p", {
+				className: "text-muted-foreground",
+				children: S("taxonomyManager.empty")
+			}),
+			Q > 0 && /* @__PURE__ */ V("p", {
+				className: "text-center text-xs text-muted-foreground",
+				children: x.plural("taxonomyManager.total", Q)
+			}),
+			/* @__PURE__ */ V(T, {
+				page: R,
+				hasNext: Y + Z.length < Q,
+				disabled: $,
+				onPage: (t) => e.go(n.kind, {
+					...B,
+					page: t > 1 ? t : void 0
+				})
+			})
+		]
+	});
+}
+function Y({ loc: e, kind: n, client: r, languages: a, lang: o, onError: s }) {
+	let c = t(), { t: l } = c, f = I(), p = W(a), [m, h] = z({}), [g, _] = z(""), [y, S] = z(!1), C = x("taxonomy.save", s), w = m[o] ?? "";
+	F(() => {
+		y || _(q(w));
+	}, [w, y]);
+	let T = p.length ? p : [{
+		value: o,
+		label: o
+	}], E = async () => {
+		let t = T.filter((e) => m[e.value]?.trim()).map((e) => ({
+			language: e.value,
+			kind: "name",
+			name: m[e.value].trim(),
+			source_revision: 0
+		})), i = await C.run(() => r.taxonomy.createNodes([{
+			kind: n.kind,
+			slug: g.trim(),
+			names: t,
+			source_revision: 0
+		}]));
+		i?.[0] && e.go(`${n.kind}/${i[0].taxonomy_id}`, void 0, { replace: !0 });
+	};
+	return /* @__PURE__ */ H("form", {
+		className: "grid gap-4",
+		"data-ckui": "node-create",
+		onSubmit: (e) => {
+			e.preventDefault(), E();
+		},
+		children: [
+			/* @__PURE__ */ V(i, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				className: "justify-self-start",
+				onClick: () => e.go(n.kind),
+				children: l("taxonomyManager.back", { kind: n.label })
+			}),
+			/* @__PURE__ */ V("h2", {
+				className: "text-base font-semibold",
+				children: l("taxonomyManager.newTitle", { kind: n.label })
+			}),
+			T.map((e, t) => /* @__PURE__ */ H("div", {
+				className: "grid gap-1.5",
+				children: [/* @__PURE__ */ V(d, {
+					htmlFor: `${f}-${e.value}`,
+					children: l("taxonomyManager.nameIn", { language: e.label })
+				}), /* @__PURE__ */ V(u, {
+					id: `${f}-${e.value}`,
+					required: t === 0,
+					value: m[e.value] ?? "",
+					onChange: (t) => h((n) => ({
+						...n,
+						[e.value]: t.target.value
+					}))
+				})]
+			}, e.value)),
+			/* @__PURE__ */ H("div", {
+				className: "grid gap-1.5",
+				children: [/* @__PURE__ */ V(d, {
+					htmlFor: `${f}-slug`,
+					children: l("taxonomyManager.slug")
+				}), /* @__PURE__ */ V(u, {
+					id: `${f}-slug`,
+					required: !0,
+					value: g,
+					onChange: (e) => {
+						S(!0), _(e.target.value);
+					}
+				})]
+			}),
+			C.error && /* @__PURE__ */ V(v, { children: b(c, C.error) }),
+			/* @__PURE__ */ V(i, {
+				type: "submit",
+				className: "justify-self-start",
+				disabled: C.pending || !w.trim() || !g.trim(),
+				children: C.pending ? l("common.saving") : l("taxonomyManager.create")
+			})
+		]
+	});
+}
+function X({ id: e, loc: n, kind: r, client: a, lang: u, ...d }) {
+	let { t: f } = t(), { store: p, scope: m } = s(a), h = c(p, o("taxonomy-node", m, e), {
+		type: "taxonomy-node",
+		id: e
+	}, (t) => a.taxonomy.node(e, t)), g = h.data, y = L(() => [...new Set((g?.edges ?? []).flatMap((e) => [e.from_taxonomy_id, e.to_taxonomy_id]).filter((t) => t !== e))].sort(), [g?.edges, e]), b = c(p, y.length ? o("taxonomy-partners", m, u, ...y) : null, { type: "taxonomy-partners" }, (e) => a.taxonomy.nodes({
+		id: y,
+		state: [
+			"active",
+			"merged",
+			"deleted"
+		],
+		language: u,
+		limit: Math.min(500, y.length)
+	}, e)), S = L(() => new Map((b.data?.nodes ?? []).map((e) => [e.taxonomy_id, e])), [b.data]), w = x("taxonomy.save", d.onError), { confirm: T, dialog: E } = O(), D = /* @__PURE__ */ V(i, {
+		variant: "ghost",
+		size: "sm",
+		className: "justify-self-start",
+		onClick: () => n.go(r.kind),
+		children: f("taxonomyManager.back", { kind: r.label })
+	});
+	if (!g) return /* @__PURE__ */ H(B, { children: [D, h.error ? /* @__PURE__ */ V(C, {
+		error: h.error,
+		message: f("taxonomyManager.nodeLoadFailed"),
+		retry: h.reload
+	}) : /* @__PURE__ */ V(_, { className: "h-40 w-full" })] });
+	let k = (g.names.find((e) => e.kind === "name" && e.language === u) ?? g.names.find((e) => e.kind === "name"))?.name ?? g.slug, A = async (t) => {
+		(t !== "deleted" || await T({
+			title: f("taxonomyManager.deleteTitle", { name: k }),
+			description: f("taxonomyManager.deleteBody"),
+			confirm: f("taxonomyManager.delete")
+		})) && await w.run(() => a.taxonomy.updateNode(e, { state: t }));
+	};
+	return /* @__PURE__ */ H("div", {
+		className: "grid gap-5",
+		"data-ckui": "node-view",
+		"data-state": g.state,
+		children: [
+			D,
+			/* @__PURE__ */ H("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ V("h2", {
+						className: "text-base font-semibold break-words",
+						children: k
+					}),
+					/* @__PURE__ */ V(l, {
+						variant: g.state === "active" ? "outline" : "secondary",
+						children: f(`taxonomyManager.${g.state}`)
+					}),
+					/* @__PURE__ */ H("div", {
+						className: "ms-auto flex flex-wrap gap-2",
+						children: [g.state === "active" && /* @__PURE__ */ V(ie, {
+							node: g,
+							title: k,
+							kind: r,
+							client: a,
+							loc: n,
+							lang: u,
+							onError: d.onError
+						}), g.state === "active" ? /* @__PURE__ */ V(i, {
+							size: "sm",
+							variant: "destructive",
+							disabled: w.pending,
+							onClick: () => void A("deleted"),
+							children: f("taxonomyManager.delete")
+						}) : g.state === "deleted" ? /* @__PURE__ */ V(i, {
+							size: "sm",
+							variant: "outline",
+							disabled: w.pending,
+							onClick: () => void A("active"),
+							children: f("taxonomyManager.restore")
+						}) : null]
+					})
+				]
+			}),
+			g.state === "merged" && /* @__PURE__ */ V(re, {
+				node: g,
+				byId: S,
+				kind: r,
+				loc: n
+			}),
+			/* @__PURE__ */ V(v, { error: w.error }),
+			/* @__PURE__ */ V(Q, {
+				node: g,
+				client: a,
+				onError: d.onError
+			}),
+			/* @__PURE__ */ V($, {
+				node: g,
+				client: a,
+				languages: d.languages,
+				lang: u,
+				onError: d.onError
+			}),
+			d.renderFields && /* @__PURE__ */ V("section", {
+				"data-ckui": "node-fields",
+				children: d.renderFields(g)
+			}),
+			r.cover && /* @__PURE__ */ V(ne, {
+				node: g,
+				cover: r.cover,
+				client: a
+			}),
+			/* @__PURE__ */ V(oe, {
+				node: g,
+				kind: r,
+				kinds: d.kinds,
+				byId: S,
+				client: a,
+				loc: n,
+				lang: u,
+				onError: d.onError
+			}),
+			/* @__PURE__ */ V(se, { node: g }),
+			/* @__PURE__ */ V(ce, {
+				id: e,
+				client: a,
+				renderContent: d.renderContent
+			}),
+			E
+		]
+	});
+}
+function Z({ title: e, children: t, ckui: n }) {
+	return /* @__PURE__ */ H("section", {
+		className: "grid gap-2",
+		"data-ckui": n,
+		children: [/* @__PURE__ */ V("h3", {
+			className: "font-medium",
+			children: e
+		}), t]
+	});
+}
+function Q({ node: e, client: n, onError: r }) {
+	let { t: a } = t(), o = I(), [s, c] = z(e.slug);
+	F(() => c(e.slug), [e.slug]);
+	let l = x("taxonomy.save", r);
+	return /* @__PURE__ */ H("form", {
+		className: "flex flex-wrap items-end gap-2",
+		onSubmit: (t) => {
+			t.preventDefault(), l.run(() => n.taxonomy.updateNode(e.taxonomy_id, { slug: s.trim() }));
+		},
+		children: [
+			/* @__PURE__ */ H("div", {
+				className: "grid min-w-48 flex-1 gap-1.5",
+				children: [/* @__PURE__ */ V(d, {
+					htmlFor: `${o}-slug`,
+					children: a("taxonomyManager.slug")
+				}), /* @__PURE__ */ V(u, {
+					id: `${o}-slug`,
+					className: "h-8",
+					value: s,
+					onChange: (e) => c(e.target.value)
+				})]
+			}),
+			/* @__PURE__ */ V(i, {
+				type: "submit",
+				size: "sm",
+				variant: "outline",
+				disabled: l.pending || !s.trim() || s.trim() === e.slug,
+				children: a("common.save")
+			}),
+			/* @__PURE__ */ V(v, {
+				error: l.error,
+				className: "basis-full"
+			})
+		]
+	});
+}
+function $({ node: e, client: n, languages: r, lang: a, onError: o }) {
+	let { t: s } = t(), c = I(), _ = W(r), y = _.length ? _ : [{
+		value: a,
+		label: a
+	}], [b, S] = z(y[0].value), [C, w] = z("alias"), [T, E] = z(""), D = x("taxonomy.save", o), O = e.taxonomy_id, k = (e) => y.find((t) => t.value === e)?.label ?? e, A = [...e.names].sort((e, t) => e.language.localeCompare(t.language) || (e.kind === t.kind ? e.name.localeCompare(t.name) : e.kind === "name" ? -1 : 1));
+	return /* @__PURE__ */ H(Z, {
+		title: s("taxonomyManager.names"),
+		ckui: "node-names",
+		children: [
+			A.length ? /* @__PURE__ */ V("ul", {
+				className: "grid divide-y divide-border rounded-lg border border-border",
+				children: A.map((e) => /* @__PURE__ */ H("li", {
+					className: "flex flex-wrap items-center gap-2 p-2.5",
+					"data-ckui": "node-name",
+					"data-kind": e.kind,
+					children: [
+						/* @__PURE__ */ V(l, {
+							variant: "outline",
+							children: k(e.language)
+						}),
+						/* @__PURE__ */ V("span", {
+							className: "min-w-0 flex-1 break-words",
+							children: e.name
+						}),
+						/* @__PURE__ */ V("span", {
+							className: "text-xs text-muted-foreground",
+							children: s(e.kind === "name" ? "taxonomyManager.canonical" : "taxonomyManager.alias")
+						}),
+						e.kind === "alias" && /* @__PURE__ */ V(i, {
+							size: "xs",
+							variant: "ghost",
+							disabled: D.pending,
+							onClick: () => void D.run(() => n.taxonomy.names(O, "add", [{
+								...e,
+								kind: "name"
+							}])),
+							children: s("taxonomyManager.makeCanonical")
+						}),
+						/* @__PURE__ */ V(i, {
+							size: "xs",
+							variant: "ghost",
+							disabled: D.pending,
+							"aria-label": s("taxonomyManager.removeName", { name: e.name }),
+							onClick: () => void D.run(() => n.taxonomy.names(O, "remove", [e])),
+							children: s("common.remove")
+						})
+					]
+				}, `${e.language}:${e.name}`))
+			}) : /* @__PURE__ */ V("p", {
+				className: "text-muted-foreground",
+				children: s("taxonomyManager.noNames")
+			}),
+			/* @__PURE__ */ H("form", {
+				className: "flex flex-wrap items-end gap-2",
+				onSubmit: (e) => {
+					e.preventDefault();
+					let t = T.trim();
+					t && D.run(() => n.taxonomy.names(O, "add", [{
+						language: b,
+						kind: C,
+						name: t,
+						source_revision: 0
+					}])).then((e) => e && E(""));
+				},
+				children: [
+					y.length > 1 && /* @__PURE__ */ H(f, {
+						value: b,
+						onValueChange: (e) => S(String(e)),
+						children: [/* @__PURE__ */ V(h, {
+							size: "sm",
+							"aria-label": s("taxonomyManager.language"),
+							children: /* @__PURE__ */ V(g, { children: (e) => k(e) })
+						}), /* @__PURE__ */ V(p, { children: y.map((e) => /* @__PURE__ */ V(m, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					}),
+					/* @__PURE__ */ H(f, {
+						value: C,
+						onValueChange: (e) => w(e),
+						children: [/* @__PURE__ */ V(h, {
+							size: "sm",
+							"aria-label": s("taxonomyManager.nameKind"),
+							children: /* @__PURE__ */ V(g, { children: (e) => s(e === "name" ? "taxonomyManager.canonical" : "taxonomyManager.alias") })
+						}), /* @__PURE__ */ H(p, { children: [/* @__PURE__ */ V(m, {
+							value: "alias",
+							children: s("taxonomyManager.alias")
+						}), /* @__PURE__ */ V(m, {
+							value: "name",
+							children: s("taxonomyManager.canonical")
+						})] })]
+					}),
+					/* @__PURE__ */ V(d, {
+						htmlFor: `${c}-name`,
+						className: "sr-only",
+						children: s("taxonomyManager.newName")
+					}),
+					/* @__PURE__ */ V(u, {
+						id: `${c}-name`,
+						className: "h-8 min-w-40 flex-1",
+						value: T,
+						placeholder: s("taxonomyManager.newName"),
+						onChange: (e) => E(e.target.value)
+					}),
+					/* @__PURE__ */ V(i, {
+						type: "submit",
+						size: "sm",
+						variant: "outline",
+						disabled: D.pending || !T.trim(),
+						children: s("taxonomyManager.addName")
+					})
+				]
+			}),
+			/* @__PURE__ */ V(v, { error: D.error })
+		]
+	});
+}
+function ne({ node: e, cover: n, client: i }) {
+	let { t: o } = t(), s = {
+		kind: n.kind,
+		id: e.taxonomy_id
+	}, { image: c } = r(n.kind, e.taxonomy_id, n.preset ?? "cover", { client: i });
+	return /* @__PURE__ */ V("section", {
+		className: "grid max-w-xl gap-2",
+		"data-ckui": "node-cover",
+		children: /* @__PURE__ */ V(a, {
+			item: s,
+			path: n.path ?? "cover",
+			image: c,
+			client: i,
+			removable: !0,
+			label: o("taxonomyManager.cover")
+		})
+	});
+}
+function re({ node: e, byId: n, kind: r, loc: i }) {
+	let { t: a } = t(), o = e.edges.find((t) => t.relation === "alias_of" && t.from_taxonomy_id === e.taxonomy_id)?.to_taxonomy_id;
+	if (!o) return null;
+	let s = n.get(o);
+	return /* @__PURE__ */ H("p", {
+		className: "text-muted-foreground",
+		"data-ckui": "merged-into",
+		children: [
+			a("taxonomyManager.mergedInto"),
+			" ",
+			/* @__PURE__ */ V("button", {
+				type: "button",
+				className: "font-medium text-foreground hover:underline",
+				onClick: () => i.go(`${s?.kind ?? r.kind}/${o}`),
+				children: s?.name || s?.slug || o
+			})
+		]
+	});
+}
+function ie({ node: e, title: n, kind: r, client: a, loc: o, lang: s, onError: c }) {
+	let { t: l } = t(), [u, d] = z(!1), f = x("taxonomy.save", c), { confirm: p, dialog: m } = O(), [h, g] = z(null), _ = async (t) => {
+		if (d(!1), !await p({
+			title: l("taxonomyManager.mergeTitle", {
+				from: n,
+				into: t.name || t.slug
+			}),
+			description: l("taxonomyManager.mergeBody"),
+			confirm: l("taxonomyManager.merge"),
+			typed: l("taxonomyManager.mergeWord")
+		})) return;
+		let i = await f.run(() => a.taxonomy.merge(e.taxonomy_id, t.taxonomy_id));
+		i && (g(i), o.go(`${r.kind}/${t.taxonomy_id}`));
+	};
+	return /* @__PURE__ */ H(B, { children: [
+		u ? /* @__PURE__ */ H("div", {
+			className: "flex flex-wrap items-center gap-2",
+			"data-ckui": "merge-picker",
+			children: [/* @__PURE__ */ V(ae, {
+				kind: r.kind,
+				exclude: e.taxonomy_id,
+				client: a,
+				lang: s,
+				label: l("taxonomyManager.mergeInto"),
+				onPick: (e) => void _(e)
+			}), /* @__PURE__ */ V(i, {
+				size: "sm",
+				variant: "ghost",
+				onClick: () => d(!1),
+				children: l("common.cancel")
+			})]
+		}) : /* @__PURE__ */ V(i, {
+			size: "sm",
+			variant: "outline",
+			disabled: f.pending,
+			onClick: () => d(!0),
+			children: l("taxonomyManager.merge")
+		}),
+		f.error && /* @__PURE__ */ V(v, {
+			error: f.error,
+			className: "basis-full"
+		}),
+		h && /* @__PURE__ */ V("p", {
+			role: "status",
+			className: "sr-only",
+			children: l("taxonomyManager.mergeDone", { count: h.assignments_moved })
+		}),
+		m
+	] });
+}
+function ae({ kind: n, exclude: r, client: i, lang: a, label: o, onPick: s }) {
+	let { t: c } = t(), l = I(), [d, f] = z(""), [p, m] = z([]), [h, g] = z(0), [_, y] = z(null), b = R(0);
+	F(() => {
+		let t = d.trim(), o = ++b.current;
+		if (!t) {
+			m([]);
+			return;
+		}
+		let s = new AbortController(), c = setTimeout(() => {
+			i.taxonomy.nodes({
+				kind: n,
+				q: t,
+				language: a,
+				limit: 8,
+				sort: "name"
+			}, s.signal).then((e) => {
+				o === b.current && (y(null), m(e.nodes.filter((e) => e.taxonomy_id !== r)), g(0));
+			}, (t) => {
+				let n = e(t);
+				n.code !== "aborted" && o === b.current && y(n);
+			});
+		}, 200);
+		return () => {
+			clearTimeout(c), s.abort();
+		};
+	}, [
+		d,
+		n,
+		a,
+		r,
+		i
+	]);
+	let x = p.length > 0;
+	return /* @__PURE__ */ H("div", {
+		className: "relative grid min-w-56 flex-1 gap-1",
+		"data-ckui": "node-picker",
+		children: [
+			/* @__PURE__ */ V(u, {
+				role: "combobox",
+				"aria-label": o,
+				"aria-expanded": x,
+				"aria-controls": `${l}-list`,
+				"aria-activedescendant": x ? `${l}-${h}` : void 0,
+				autoComplete: "off",
+				className: "h-8",
+				value: d,
+				placeholder: c("taxonomyManager.searchNodes"),
+				autoFocus: !0,
+				onChange: (e) => f(e.target.value),
+				onKeyDown: (e) => {
+					x && (e.key === "ArrowDown" ? (e.preventDefault(), g((e) => Math.min(p.length - 1, e + 1))) : e.key === "ArrowUp" ? (e.preventDefault(), g((e) => Math.max(0, e - 1))) : e.key === "Enter" ? (e.preventDefault(), s(p[h])) : e.key === "Escape" && m([]));
+				}
+			}),
+			x && /* @__PURE__ */ V("ul", {
+				id: `${l}-list`,
+				role: "listbox",
+				"aria-label": o,
+				className: "absolute top-full z-10 mt-1 grid w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+				children: p.map((e, t) => /* @__PURE__ */ H("li", {
+					id: `${l}-${t}`,
+					role: "option",
+					"aria-selected": t === h,
+					className: `cursor-pointer px-3 py-1.5 ${t === h ? "bg-accent text-accent-foreground" : ""}`,
+					onMouseEnter: () => g(t),
+					onMouseDown: (t) => {
+						t.preventDefault(), s(e);
+					},
+					children: [
+						e.name || e.slug,
+						" ",
+						/* @__PURE__ */ V("span", {
+							className: "text-xs text-muted-foreground",
+							children: e.slug
+						})
+					]
+				}, e.taxonomy_id))
+			}),
+			_ && /* @__PURE__ */ V(v, { error: _ })
+		]
+	});
+}
+function oe({ node: e, kind: n, kinds: r, byId: a, client: o, loc: s, lang: c, onError: l }) {
+	let { t: u } = t(), d = x("taxonomy.save", l), [f, p] = z(null), m = e.taxonomy_id, h = e.edges.filter((e) => e.from_taxonomy_id === m && e.relation !== "alias_of"), g = e.edges.filter((e) => e.to_taxonomy_id === m && e.relation !== "alias_of"), _ = n.relations ?? [], y = r.flatMap((e) => (e.relations ?? []).filter((e) => e.to === n.kind).map((t) => ({
+		...t,
+		from: e
+	}))), b = (e, t) => {
+		let n = a.get(e);
+		return /* @__PURE__ */ V("button", {
+			type: "button",
+			className: "font-medium hover:underline",
+			onClick: () => s.go(`${n?.kind ?? t}/${e}`),
+			children: n?.name || n?.slug || e
+		});
+	};
+	return !_.length && !y.length && !h.length && !g.length ? null : /* @__PURE__ */ H(Z, {
+		title: u("taxonomyManager.relations"),
+		ckui: "node-relations",
+		children: [
+			_.map((e, t) => {
+				let n = h.filter((t) => t.relation === e.relation && (a.get(t.to_taxonomy_id)?.kind ?? e.to) === e.to);
+				return /* @__PURE__ */ H("div", {
+					className: "grid gap-1.5",
+					"data-ckui": "relation",
+					"data-relation": e.relation,
+					children: [/* @__PURE__ */ H("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [
+							/* @__PURE__ */ V("span", {
+								className: "text-sm text-muted-foreground",
+								children: e.label
+							}),
+							n.map((t) => /* @__PURE__ */ H("span", {
+								className: "inline-flex items-center gap-1 rounded-md border border-border px-2 py-0.5",
+								"data-ckui": "edge",
+								children: [b(t.to_taxonomy_id, e.to), /* @__PURE__ */ V("button", {
+									type: "button",
+									className: "text-muted-foreground hover:text-destructive",
+									"aria-label": u("taxonomyManager.removeRelation", { name: a.get(t.to_taxonomy_id)?.name ?? t.to_taxonomy_id }),
+									disabled: d.pending,
+									onClick: () => void d.run(() => o.taxonomy.edges("remove", [t])),
+									children: "×"
+								})]
+							}, t.to_taxonomy_id)),
+							f !== t && /* @__PURE__ */ V(i, {
+								size: "xs",
+								variant: "ghost",
+								onClick: () => p(t),
+								children: u("taxonomyManager.addRelation", { relation: e.label })
+							})
+						]
+					}), f === t && /* @__PURE__ */ H("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ V(ae, {
+							kind: e.to,
+							exclude: m,
+							client: o,
+							lang: c,
+							label: e.label,
+							onPick: (t) => {
+								p(null), d.run(() => o.taxonomy.edges("add", [{
+									from_taxonomy_id: m,
+									relation: e.relation,
+									to_taxonomy_id: t.taxonomy_id,
+									source_revision: 0
+								}]));
+							}
+						}), /* @__PURE__ */ V(i, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => p(null),
+							children: u("common.cancel")
+						})]
+					})]
+				}, `${e.relation}:${e.to}`);
+			}),
+			y.map((e) => {
+				let t = g.filter((t) => t.relation === e.relation && (a.get(t.from_taxonomy_id)?.kind ?? e.from.kind) === e.from.kind);
+				return t.length ? /* @__PURE__ */ H("div", {
+					className: "flex flex-wrap items-center gap-2",
+					"data-ckui": "relation",
+					"data-relation": `inverse:${e.relation}`,
+					children: [/* @__PURE__ */ V("span", {
+						className: "text-sm text-muted-foreground",
+						children: e.inverseLabel ?? e.from.label
+					}), t.map((t) => /* @__PURE__ */ V("span", {
+						className: "rounded-md border border-border px-2 py-0.5",
+						"data-ckui": "edge",
+						children: b(t.from_taxonomy_id, e.from.kind)
+					}, t.from_taxonomy_id))]
+				}, `in:${e.relation}:${e.from.kind}`) : null;
+			}),
+			/* @__PURE__ */ V(v, { error: d.error })
+		]
+	});
+}
+function se({ node: e }) {
+	let { t: n } = t();
+	return /* @__PURE__ */ V(Z, {
+		title: n("taxonomyManager.counts"),
+		ckui: "node-counts",
+		children: e.counts.length ? /* @__PURE__ */ V("ul", {
+			className: "flex flex-wrap gap-2",
+			children: e.counts.map((e) => /* @__PURE__ */ H("li", {
+				className: "rounded-md border border-border px-2 py-1 text-xs",
+				children: [
+					e.content_kind,
+					" · ",
+					e.language,
+					": ",
+					/* @__PURE__ */ V("span", {
+						className: "tabular-nums font-medium",
+						children: e.count
+					})
+				]
+			}, `${e.content_kind}:${e.language}`))
+		}) : /* @__PURE__ */ V("p", {
+			className: "text-muted-foreground",
+			children: n("taxonomyManager.noCounts")
+		})
+	});
+}
+function ce({ id: r, client: a, renderContent: o }) {
+	let { t: s } = t(), c = n(), [u, d] = z([]), [f, p] = z(!0), [m, h] = z(null), g = async (t) => {
+		p(!0), h(null);
+		try {
+			let e = await a.taxonomy.nodeAssignments(r, {
+				cursor: t,
+				limit: 25
+			});
+			d((n) => t ? [...n, e] : [e]);
+		} catch (t) {
+			let n = e(t);
+			h(n), c(n, "taxonomy.load");
+		} finally {
+			p(!1);
+		}
+	};
+	F(() => void g(), [r, a]);
+	let _ = u.flatMap((e) => e.assignments), v = u.at(-1)?.next_cursor;
+	return /* @__PURE__ */ H(Z, {
+		title: s("taxonomyManager.contents"),
+		ckui: "node-contents",
+		children: [f && !_.length ? /* @__PURE__ */ V(E, { count: 2 }) : m && !_.length ? /* @__PURE__ */ V(C, {
+			error: m,
+			message: s("taxonomyManager.contentsLoadFailed"),
+			retry: () => void g()
+		}) : _.length ? /* @__PURE__ */ V("ul", {
+			className: "grid divide-y divide-border rounded-lg border border-border",
+			children: _.map((e) => /* @__PURE__ */ H("li", {
+				className: "flex flex-wrap items-center gap-2 p-2.5",
+				"data-ckui": "node-content",
+				"data-state": e.state,
+				children: [
+					/* @__PURE__ */ V("span", {
+						className: "min-w-0 flex-1 break-words",
+						children: o ? o(e, e) : `${e.content_kind}/${e.content_id}${e.content_version_id ? ` (${e.content_version_id})` : ""}`
+					}),
+					/* @__PURE__ */ V("span", {
+						className: "text-xs text-muted-foreground",
+						children: e.relation
+					}),
+					e.state === "proposed" && /* @__PURE__ */ V(l, {
+						variant: "secondary",
+						children: s("taxonomyManager.proposed")
+					})
+				]
+			}, `${e.content_kind}/${e.content_id}/${e.content_version_id ?? ""}/${e.relation}`))
+		}) : /* @__PURE__ */ V("p", {
+			className: "text-muted-foreground",
+			children: s("taxonomyManager.noContents")
+		}), v && /* @__PURE__ */ V(i, {
+			variant: "outline",
+			size: "sm",
+			className: "justify-self-center",
+			disabled: f,
+			onClick: () => void g(v),
+			children: s("moderation.loadMore")
+		})]
+	});
+}
+//#endregion
+export { J as TaxonomyManager, q as slugify, U as useTaxonomyManagerAccess };
+
+//# sourceMappingURL=taxonomy-manager.js.map