@openrails/contentkit-ui 0.79.0 → 0.81.0

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

@@ -1,976 +0,0 @@
-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