@openrails/contentkit-ui 0.99.3 → 0.100.1

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

@@ -3,81 +3,82 @@ import { useGroups as n, useKinds as r } from "../../react/groups.js";
 import { Button as i } from "../../ui/button.js";
 import { Badge as a } from "../../ui/badge.js";
 import { Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u } from "../../ui/select.js";
-import { AdminRoot as d, LoadFailed as f, NoAccess as p, Rows as m } from "./shell.js";
-import { useAdminLocation as h, useFlowClient as g, useStaffAccess as _ } from "../../react/admin.js";
-import { Tabs as v, TabsList as y, TabsTrigger as b } from "../../ui/tabs.js";
-import { LETTERS as x } from "../../client/group-fields.js";
-import { labelOf as S } from "../groups/parts.js";
-import { GroupEditor as C } from "../groups/editor.js";
-import { GroupMembers as w } from "../groups/memberships.js";
-import { useMemo as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { contentError as d } from "../social/parts.js";
+import { AdminRoot as f, LoadFailed as p, NoAccess as m, Rows as h } from "./shell.js";
+import { useAdminLocation as g, useFlowClient as _, useStaffAccess as v } from "../../react/admin.js";
+import { Tabs as y, TabsList as b, TabsTrigger as x } from "../../ui/tabs.js";
+import { LETTERS as S } from "../../client/group-fields.js";
+import { labelOf as C } from "../groups/parts.js";
+import { GroupEditor as w } from "../groups/editor.js";
+import { GroupMembers as T } from "../groups/memberships.js";
+import { useMemo as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/components/admin/group-manager.tsx
-function k(e = {}) {
-	return _(["groups"], e);
+function A(e = {}) {
+	return v(["groups"], e);
 }
-var A = [
+var j = [
 	"name",
 	"count",
 	"newest"
 ];
-function j({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
-	let l = g({
+function M({ client: e, baseUrl: t, auth: n, guard: r, appearance: i, className: a, language: o, messages: s, ...c }) {
+	let l = _({
 		client: e,
 		baseUrl: t,
 		auth: n
 	});
-	return /* @__PURE__ */ D(d, {
+	return /* @__PURE__ */ O(f, {
 		flow: "group-manager",
 		appearance: i,
 		className: a,
 		language: o,
 		messages: s,
 		guard: r,
-		children: /* @__PURE__ */ D(M, {
+		children: /* @__PURE__ */ O(N, {
 			...c,
 			client: l
 		})
 	});
 }
-function M({ basePath: e, navigation: n, ...i }) {
-	let { t: a } = t(), o = h(e, n), s = k({ client: i.client }), c = r({ client: i.client }), l = c.kinds, u = T(() => i.groupKinds ?? Object.entries(l?.entity_kinds ?? {}).filter(([, e]) => e.owner !== "user").map(([e]) => e).sort(), [i.groupKinds, l]);
-	if (s.loading || c.loading) return /* @__PURE__ */ D(m, {});
-	if (!s.allowed.groups) return /* @__PURE__ */ D(p, { children: a("groupManager.noAccess") });
-	if (!l) return /* @__PURE__ */ D(f, {
+function N({ basePath: e, navigation: n, ...i }) {
+	let { t: a } = t(), o = g(e, n), s = A({ client: i.client }), c = r({ client: i.client }), l = c.kinds, u = E(() => i.groupKinds ?? Object.entries(l?.entity_kinds ?? {}).filter(([, e]) => e.owner !== "user").map(([e]) => e).sort(), [i.groupKinds, l]);
+	if (s.loading || c.loading) return /* @__PURE__ */ O(h, {});
+	if (!s.allowed.groups) return /* @__PURE__ */ O(m, { children: a("groupManager.noAccess") });
+	if (!l) return /* @__PURE__ */ O(p, {
 		error: c.error,
 		message: a("groupManager.kindsFailed"),
 		retry: c.reload
 	});
-	if (!u.length) return /* @__PURE__ */ D("p", {
+	if (!u.length) return /* @__PURE__ */ O("p", {
 		className: "text-muted-foreground",
 		children: a("groupManager.noKinds")
 	});
-	let [d, g] = o.view.split("/"), _ = u.includes(d ?? "") ? d : u[0], x = {
+	let [d, f] = o.view.split("/"), _ = u.includes(d ?? "") ? d : u[0], v = {
 		...i,
 		loc: o,
 		kind: _,
 		kinds: l
 	};
-	return /* @__PURE__ */ O(E, { children: [u.length > 1 && /* @__PURE__ */ D(v, {
+	return /* @__PURE__ */ k(D, { children: [u.length > 1 && /* @__PURE__ */ O(y, {
 		value: _,
 		onValueChange: (e) => o.go(String(e)),
-		children: /* @__PURE__ */ D(y, {
+		children: /* @__PURE__ */ O(b, {
 			className: "flex-wrap group-data-horizontal/tabs:h-auto",
-			children: u.map((e) => /* @__PURE__ */ D(b, {
+			children: u.map((e) => /* @__PURE__ */ O(x, {
 				value: e,
 				className: "h-7.5",
-				children: S(i.labels, e)
+				children: C(i.labels, e)
 			}, e))
 		})
-	}), g ? g === "new" ? /* @__PURE__ */ D(F, { ...x }, _) : /* @__PURE__ */ D(I, {
-		...x,
-		id: g
-	}, g) : /* @__PURE__ */ D(P, { ...x }, _)] });
+	}), f ? f === "new" ? /* @__PURE__ */ O(I, { ...v }, _) : /* @__PURE__ */ O(L, {
+		...v,
+		id: f
+	}, f) : /* @__PURE__ */ O(F, { ...v }, _)] });
 }
-function N({ loc: e, kind: n }) {
+function P({ loc: e, kind: n }) {
 	let { t: r } = t();
-	return /* @__PURE__ */ D(i, {
+	return /* @__PURE__ */ O(i, {
 		variant: "ghost",
 		size: "sm",
 		className: "justify-self-start",
@@ -85,139 +86,145 @@ function N({ loc: e, kind: n }) {
 		children: r("groupManager.back")
 	});
 }
-function P({ loc: r, kind: d, kinds: p, client: h, contentKind: g, labels: _, pageSize: v = 50 }) {
-	let y = t(), { t: b } = y, C = e(), w = p.languages, T = r.query.get("letter") ?? "", E = x.includes(T) ? T : void 0, k = r.query.get("sort") ?? "", j = A.includes(k) ? k : "name", M = r.query.get("language") ?? "", N = w.includes(M) ? M : w[0], P = {
-		letter: E,
-		sort: j === "name" ? void 0 : j,
-		language: N === w[0] ? void 0 : N
-	}, F = (e) => r.go(d, {
-		...P,
+function F({ loc: r, kind: f, kinds: m, client: g, contentKind: _, labels: v, pageSize: y = 50 }) {
+	let b = t(), { t: x } = b, w = e(), T = m.languages, E = r.query.get("letter") ?? "", D = S.includes(E) ? E : void 0, A = r.query.get("sort") ?? "", M = j.includes(A) ? A : "name", N = r.query.get("language") ?? "", P = T.includes(N) ? N : T[0], F = {
+		letter: D,
+		sort: M === "name" ? void 0 : M,
+		language: P === T[0] ? void 0 : P
+	}, I = (e) => r.go(f, {
+		...F,
 		...e
-	}), I = n({
-		kind: d,
-		letter: E,
-		sort: j,
-		language: N,
-		contentKind: g,
-		pageSize: v
+	}), L = n({
+		kind: f,
+		letter: D,
+		sort: M,
+		language: P,
+		contentKind: _,
+		pageSize: y
 	}, {
-		client: h,
+		client: g,
 		management: !0
-	}), L = S(_, d);
-	return /* @__PURE__ */ O("div", {
+	}), R = C(v, f);
+	return /* @__PURE__ */ k("div", {
 		className: "grid gap-4",
 		"data-ckui": "group-list",
-		"data-kind": d,
+		"data-kind": f,
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-wrap items-center justify-between gap-2",
-				children: [/* @__PURE__ */ D("h2", {
+				children: [/* @__PURE__ */ O("h2", {
 					className: "text-base font-semibold",
-					children: L
-				}), /* @__PURE__ */ D(i, {
+					children: R
+				}), /* @__PURE__ */ O(i, {
 					size: "sm",
-					onClick: () => r.go(`${d}/new`),
-					children: b("groupManager.new", { kind: L })
+					onClick: () => r.go(`${f}/new`),
+					children: x("groupManager.new", { kind: R })
 				})]
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ O(o, {
-					value: j,
-					onValueChange: (e) => F({ sort: e === "name" ? void 0 : String(e) }),
-					children: [/* @__PURE__ */ D(l, {
+				children: [/* @__PURE__ */ k(o, {
+					value: M,
+					onValueChange: (e) => I({ sort: e === "name" ? void 0 : String(e) }),
+					children: [/* @__PURE__ */ O(l, {
 						size: "sm",
-						"aria-label": b("groupManager.sort"),
-						children: /* @__PURE__ */ D(u, { children: (e) => b(`groupManager.sort_${e}`) })
-					}), /* @__PURE__ */ D(s, { children: A.map((e) => /* @__PURE__ */ D(c, {
+						"aria-label": x("groupManager.sort"),
+						children: /* @__PURE__ */ O(u, { children: (e) => x(`groupManager.sort_${e}`) })
+					}), /* @__PURE__ */ O(s, { children: j.map((e) => /* @__PURE__ */ O(c, {
 						value: e,
-						children: b(`groupManager.sort_${e}`)
+						children: x(`groupManager.sort_${e}`)
 					}, e)) })]
-				}), w.length > 1 && /* @__PURE__ */ O(o, {
-					value: N,
-					onValueChange: (e) => F({ language: e === w[0] ? void 0 : String(e) }),
-					children: [/* @__PURE__ */ D(l, {
+				}), T.length > 1 && /* @__PURE__ */ k(o, {
+					value: P,
+					onValueChange: (e) => I({ language: e === T[0] ? void 0 : String(e) }),
+					children: [/* @__PURE__ */ O(l, {
 						size: "sm",
-						"aria-label": b("groupManager.language"),
-						children: /* @__PURE__ */ D(u, { children: (e) => C(e) })
-					}), /* @__PURE__ */ D(s, { children: w.map((e) => /* @__PURE__ */ D(c, {
+						"aria-label": x("groupManager.language"),
+						children: /* @__PURE__ */ O(u, { children: (e) => w(e) })
+					}), /* @__PURE__ */ O(s, { children: T.map((e) => /* @__PURE__ */ O(c, {
 						value: e,
-						children: C(e)
+						children: w(e)
 					}, e)) })]
 				})]
 			}),
-			/* @__PURE__ */ D("nav", {
-				"aria-label": b("groups.byLetter"),
+			/* @__PURE__ */ O("nav", {
+				"aria-label": x("groups.byLetter"),
 				className: "flex flex-wrap gap-1",
 				"data-ckui": "letters",
-				children: [void 0, ...x].map((e) => /* @__PURE__ */ D(i, {
+				children: [void 0, ...S].map((e) => /* @__PURE__ */ O(i, {
 					size: "xs",
-					variant: E === e ? "default" : "ghost",
-					"aria-pressed": E === e,
-					"aria-label": e === void 0 ? void 0 : e === "#" ? b("groups.otherLetters") : e.toUpperCase(),
+					variant: D === e ? "default" : "ghost",
+					"aria-pressed": D === e,
+					"aria-label": e === void 0 ? void 0 : e === "#" ? x("groups.otherLetters") : e.toUpperCase(),
 					className: "min-w-7",
-					onClick: () => F({ letter: e }),
-					children: e === void 0 ? b("groups.all") : e.toUpperCase()
+					onClick: () => I({ letter: e }),
+					children: e === void 0 ? x("groups.all") : e.toUpperCase()
 				}, e ?? "all"))
 			}),
-			I.loading && !I.items.length ? /* @__PURE__ */ D(m, {}) : I.error && !I.items.length ? /* @__PURE__ */ D(f, {
-				error: I.error,
-				message: b("groupManager.loadFailed"),
-				retry: I.reload
-			}) : I.items.length ? /* @__PURE__ */ D("ul", {
+			L.loading && !L.items.length ? /* @__PURE__ */ O(h, {}) : L.error && !L.items.length ? /* @__PURE__ */ O(p, {
+				error: L.error,
+				message: x("groupManager.loadFailed"),
+				retry: L.reload
+			}) : L.items.length ? /* @__PURE__ */ O("ul", {
 				className: "grid divide-y divide-border rounded-lg border border-border",
-				"aria-busy": I.loading,
-				children: I.items.map((e) => /* @__PURE__ */ O("li", {
+				"aria-busy": L.loading,
+				children: L.items.map((e) => /* @__PURE__ */ k("li", {
 					className: "flex flex-wrap items-center gap-3 p-3",
 					"data-ckui": "group-row",
 					"data-slug": e.slug,
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "grid min-w-0 flex-1 gap-0.5",
 						children: [
-							/* @__PURE__ */ D("button", {
+							/* @__PURE__ */ O("button", {
 								type: "button",
 								className: "text-left font-medium break-words hover:underline",
-								onClick: () => r.go(`${d}/${e.id}`),
+								onClick: () => r.go(`${f}/${e.id}`),
 								children: e.name || e.slug
 							}),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ O("span", {
 								className: "text-xs text-muted-foreground",
 								children: e.slug
 							}),
-							e.internal && /* @__PURE__ */ D(a, {
+							e.internal && /* @__PURE__ */ O(a, {
 								variant: "secondary",
 								className: "justify-self-start",
-								children: b("groupEditor.internal")
+								children: x("groupEditor.internal")
 							})
 						]
-					}), /* @__PURE__ */ D("span", {
+					}), /* @__PURE__ */ O("span", {
 						className: "text-sm text-muted-foreground tabular-nums",
-						title: b("groupManager.count"),
-						children: new Intl.NumberFormat(y.language).format(e.count)
+						title: x("groupManager.count"),
+						children: new Intl.NumberFormat(b.language).format(e.count)
 					})]
 				}, e.id))
-			}) : /* @__PURE__ */ D("p", {
+			}) : /* @__PURE__ */ O("p", {
 				className: "text-muted-foreground",
-				children: b("groups.empty")
+				children: x("groups.empty")
 			}),
-			I.hasMore && /* @__PURE__ */ D(i, {
-				variant: "outline",
-				size: "sm",
-				className: "justify-self-center",
-				disabled: I.loadingMore,
-				onClick: () => void I.loadMore(),
-				children: I.loadingMore ? b("groups.loading") : b("groups.loadMore")
+			L.hasMore && /* @__PURE__ */ k("div", {
+				className: "grid justify-items-center gap-2",
+				children: [L.error && /* @__PURE__ */ O("p", {
+					role: "alert",
+					className: "text-destructive",
+					children: d(b, L.error)
+				}), /* @__PURE__ */ O(i, {
+					variant: "outline",
+					size: "sm",
+					disabled: L.loadingMore,
+					onClick: () => void L.loadMore(),
+					children: L.loadingMore ? x("groups.loading") : L.error ? x("common.retry") : x("groups.loadMore")
+				})]
 			})
 		]
 	});
 }
-function F({ loc: e, kind: t, client: n, labels: r, onError: i }) {
-	return /* @__PURE__ */ O("div", {
+function I({ loc: e, kind: t, client: n, labels: r, onError: i }) {
+	return /* @__PURE__ */ k("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ D(N, {
+		children: [/* @__PURE__ */ O(P, {
 			loc: e,
 			kind: t
-		}), /* @__PURE__ */ D(C, {
+		}), /* @__PURE__ */ O(w, {
 			management: !0,
 			id: null,
 			kind: t,
@@ -228,13 +235,13 @@ function F({ loc: e, kind: t, client: n, labels: r, onError: i }) {
 		})]
 	});
 }
-function I({ loc: e, kind: t, client: n, labels: r, onError: i, renderContent: a, id: o }) {
-	return /* @__PURE__ */ O("div", {
+function L({ loc: e, kind: t, client: n, labels: r, onError: i, renderContent: a, id: o }) {
+	return /* @__PURE__ */ k("div", {
 		className: "grid gap-4",
-		children: [/* @__PURE__ */ D(N, {
+		children: [/* @__PURE__ */ O(P, {
 			loc: e,
 			kind: t
-		}), /* @__PURE__ */ D(C, {
+		}), /* @__PURE__ */ O(w, {
 			management: !0,
 			id: o,
 			kind: t,
@@ -242,7 +249,7 @@ function I({ loc: e, kind: t, client: n, labels: r, onError: i, renderContent: a
 			client: n,
 			onError: i,
 			onMerged: (n) => e.go(`${t}/${n.into}`, void 0, { replace: !0 }),
-			children: (e) => /* @__PURE__ */ D(w, {
+			children: (e) => /* @__PURE__ */ O(T, {
 				group: e,
 				labels: r,
 				client: n,
@@ -254,6 +261,6 @@ function I({ loc: e, kind: t, client: n, labels: r, onError: i, renderContent: a
 	});
 }
 //#endregion
-export { j as GroupManager, k as useGroupManagerAccess };
+export { M as GroupManager, A as useGroupManagerAccess };
 
 //# sourceMappingURL=group-manager.js.map

package/dist/components/admin/group-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-manager.js","names":[],"sources":["../../../src/components/admin/group-manager.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { LETTERS } from \"../../client/group-fields.js\";\nimport type { ContentModel, Membership } from \"../../client/generated/wire.js\";\nimport { useLanguageName, useMessages } from \"../../i18n/context.js\";\nimport { useAdminLocation, useFlowClient, useStaffAccess, type AdminLocation, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useGroups, useKinds, type GroupSort } from \"../../react/groups.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Tabs, TabsList, TabsTrigger } from \"#ckui/ui/tabs\";\nimport { GroupEditor } from \"../groups/editor.js\";\nimport { GroupMembers } from \"../groups/memberships.js\";\nimport { labelOf, type Labels } from \"../groups/parts.js\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps, type AdminRouteProps } from \"./shell.js\";\n\nexport interface GroupManagerProps extends AdminFlowProps, AdminRouteProps {\n  /** The group kinds managed, in tab order; default the content model's site-owned kinds. */\n  groupKinds?: readonly string[];\n  /** Display names of kinds, attributes, roles and values by identifier. */\n  labels?: Labels;\n  /** Counts of this content kind; default every kind. */\n  contentKind?: string;\n  /** One member, e.g. a link with its title; default its content id. */\n  renderContent?: (member: Membership) => ReactNode;\n  pageSize?: number;\n}\n\n/** Whether the caller may manage groups (root:groups:write). */\nexport function useGroupManagerAccess(o: FlowClientOptions = {}): StaffAccess<\"groups\"> {\n  return useStaffAccess([\"groups\"] as const, o);\n}\n\nconst SORTS: readonly GroupSort[] = [\"name\", \"count\", \"newest\"];\n\n/**\n * Staff: groups per kind. A kind's groups by letter, order and language; a\n * new group; a group's editor (GroupEditor) and its members (GroupMembers).\n * Kinds are at basePath/{kind}, a group at basePath/{kind}/{id}, filters in the query.\n */\nexport function GroupManager({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: GroupManagerProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"group-manager\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Manager {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<GroupManagerProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\ntype Ctx = Inner & { loc: AdminLocation; kind: string; kinds: ContentModel };\n\nfunction Manager({ basePath, navigation, ...p }: Inner) {\n  const { t } = useMessages();\n  const loc = useAdminLocation(basePath, navigation);\n  const access = useGroupManagerAccess({ client: p.client });\n  const model = useKinds({ client: p.client });\n  const kinds = model.kinds;\n  const list = useMemo(\n    () =>\n      p.groupKinds ??\n      Object.entries(kinds?.entity_kinds ?? {})\n        .filter(([, k]) => k.owner !== \"user\")\n        .map(([name]) => name)\n        .sort(),\n    [p.groupKinds, kinds],\n  );\n  if (access.loading || model.loading) return <Rows />;\n  if (!access.allowed.groups) return <NoAccess>{t(\"groupManager.noAccess\")}</NoAccess>;\n  if (!kinds) return <LoadFailed error={model.error} message={t(\"groupManager.kindsFailed\")} retry={model.reload} />;\n  if (!list.length) return <p className=\"text-muted-foreground\">{t(\"groupManager.noKinds\")}</p>;\n  const [k, sub] = loc.view.split(\"/\");\n  const kind = list.includes(k ?? \"\") ? k! : list[0]!;\n  const ctx: Ctx = { ...p, loc, kind, kinds };\n  return (\n    <>\n      {list.length > 1 && (\n        <Tabs value={kind} onValueChange={(v) => loc.go(String(v))}>\n          <TabsList className=\"flex-wrap group-data-horizontal/tabs:h-auto\">\n            {list.map((x) => (\n              <TabsTrigger key={x} value={x} className=\"h-7.5\">\n                {labelOf(p.labels, x)}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n      )}\n      {!sub ? <List key={kind} {...ctx} /> : sub === \"new\" ? <Create key={kind} {...ctx} /> : <Edit key={sub} {...ctx} id={sub} />}\n    </>\n  );\n}\n\nfunction Back({ loc, kind }: { loc: AdminLocation; kind: string }) {\n  const { t } = useMessages();\n  return (\n    <Button variant=\"ghost\" size=\"sm\" className=\"justify-self-start\" onClick={() => loc.go(kind)}>\n      {t(\"groupManager.back\")}\n    </Button>\n  );\n}\n\nfunction List({ loc, kind, kinds, client, contentKind, labels, pageSize = 50 }: Ctx) {\n  const m = useMessages();\n  const { t } = m;\n  const languageName = useLanguageName();\n  const languages = kinds.languages;\n  const letterParam = loc.query.get(\"letter\") ?? \"\";\n  const letter = LETTERS.includes(letterParam) ? letterParam : undefined;\n  const sortParam = loc.query.get(\"sort\") ?? \"\";\n  const sort = (SORTS as readonly string[]).includes(sortParam) ? (sortParam as GroupSort) : \"name\";\n  const languageParam = loc.query.get(\"language\") ?? \"\";\n  const language = languages.includes(languageParam) ? languageParam : languages[0];\n  const filters: { letter?: string; sort?: GroupSort; language?: string } = { letter, sort: sort === \"name\" ? undefined : sort, language: language === languages[0] ? undefined : language };\n  const filter = (next: Partial<typeof filters>) => loc.go(kind, { ...filters, ...next });\n  const groups = useGroups({ kind, letter, sort, language, contentKind, pageSize }, { client, management: true });\n  const label = labelOf(labels, kind);\n  return (\n    <div className=\"grid gap-4\" data-ckui=\"group-list\" data-kind={kind}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h2 className=\"text-base font-semibold\">{label}</h2>\n        <Button size=\"sm\" onClick={() => loc.go(`${kind}/new`)}>\n          {t(\"groupManager.new\", { kind: label })}\n        </Button>\n      </div>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Select value={sort} onValueChange={(v) => filter({ sort: v === \"name\" ? undefined : (String(v) as GroupSort) })}>\n          <SelectTrigger size=\"sm\" aria-label={t(\"groupManager.sort\")}>\n            <SelectValue>{(v: string) => t(`groupManager.sort_${v as GroupSort}`)}</SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            {SORTS.map((s) => (\n              <SelectItem key={s} value={s}>\n                {t(`groupManager.sort_${s}`)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {languages.length > 1 && (\n          <Select value={language} onValueChange={(v) => filter({ language: v === languages[0] ? undefined : String(v) })}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"groupManager.language\")}>\n              <SelectValue>{(v: string) => languageName(v)}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {languages.map((l) => (\n                <SelectItem key={l} value={l}>\n                  {languageName(l)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n      </div>\n      <nav aria-label={t(\"groups.byLetter\")} className=\"flex flex-wrap gap-1\" data-ckui=\"letters\">\n        {[undefined, ...LETTERS].map((l) => (\n          <Button\n            key={l ?? \"all\"}\n            size=\"xs\"\n            variant={letter === l ? \"default\" : \"ghost\"}\n            aria-pressed={letter === l}\n            aria-label={l === undefined ? undefined : l === \"#\" ? t(\"groups.otherLetters\") : l.toUpperCase()}\n            className=\"min-w-7\"\n            onClick={() => filter({ letter: l })}\n          >\n            {l === undefined ? t(\"groups.all\") : l.toUpperCase()}\n          </Button>\n        ))}\n      </nav>\n      {groups.loading && !groups.items.length ? (\n        <Rows />\n      ) : groups.error && !groups.items.length ? (\n        <LoadFailed error={groups.error} message={t(\"groupManager.loadFailed\")} retry={groups.reload} />\n      ) : !groups.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"groups.empty\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\" aria-busy={groups.loading}>\n          {groups.items.map((g) => (\n            <li key={g.id} className=\"flex flex-wrap items-center gap-3 p-3\" data-ckui=\"group-row\" data-slug={g.slug}>\n              <div className=\"grid min-w-0 flex-1 gap-0.5\">\n                <button type=\"button\" className=\"text-left font-medium break-words hover:underline\" onClick={() => loc.go(`${kind}/${g.id}`)}>\n                  {g.name || g.slug}\n                </button>\n                <span className=\"text-xs text-muted-foreground\">{g.slug}</span>\n                {g.internal && <Badge variant=\"secondary\" className=\"justify-self-start\">{t(\"groupEditor.internal\")}</Badge>}\n              </div>\n              <span className=\"text-sm text-muted-foreground tabular-nums\" title={t(\"groupManager.count\")}>\n                {new Intl.NumberFormat(m.language).format(g.count)}\n              </span>\n            </li>\n          ))}\n        </ul>\n      )}\n      {groups.hasMore && (\n        <Button variant=\"outline\" size=\"sm\" className=\"justify-self-center\" disabled={groups.loadingMore} onClick={() => void groups.loadMore()}>\n          {groups.loadingMore ? t(\"groups.loading\") : t(\"groups.loadMore\")}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction Create({ loc, kind, client, labels, onError }: Ctx) {\n  return (\n    <div className=\"grid gap-4\">\n      <Back loc={loc} kind={kind} />\n      <GroupEditor\n        management\n        id={null}\n        kind={kind}\n        labels={labels}\n        client={client}\n        onError={onError}\n        onCreated={(g) => loc.go(`${kind}/${g.id}`, undefined, { replace: true })}\n      />\n    </div>\n  );\n}\n\nfunction Edit({ loc, kind, client, labels, onError, renderContent, id }: Ctx & { id: string }) {\n  return (\n    <div className=\"grid gap-4\">\n      <Back loc={loc} kind={kind} />\n      <GroupEditor\n        management\n        id={id}\n        kind={kind}\n        labels={labels}\n        client={client}\n        onError={onError}\n        onMerged={(r) => loc.go(`${kind}/${r.into}`, undefined, { replace: true })}\n      >\n        {(group) => (\n          <GroupMembers\n            group={group}\n                labels={labels}\n            client={client}\n            onError={onError}\n            renderContent={renderContent}\n            onUseCover={(content) => client.entities.update(group.id, { cover: { content_id: content } })}\n          />\n        )}\n      </GroupEditor>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"group-manager.js","names":[],"sources":["../../../src/components/admin/group-manager.tsx"],"sourcesContent":["import { useMemo, type ReactNode } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport { LETTERS } from \"../../client/group-fields.js\";\nimport type { ContentModel, Membership } from \"../../client/generated/wire.js\";\nimport { useLanguageName, useMessages } from \"../../i18n/context.js\";\nimport { useAdminLocation, useFlowClient, useStaffAccess, type AdminLocation, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useGroups, useKinds, type GroupSort } from \"../../react/groups.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Tabs, TabsList, TabsTrigger } from \"#ckui/ui/tabs\";\nimport { GroupEditor } from \"../groups/editor.js\";\nimport { GroupMembers } from \"../groups/memberships.js\";\nimport { labelOf, type Labels } from \"../groups/parts.js\";\nimport { contentError } from \"../social/parts.js\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps, type AdminRouteProps } from \"./shell.js\";\n\nexport interface GroupManagerProps extends AdminFlowProps, AdminRouteProps {\n  /** The group kinds managed, in tab order; default the content model's site-owned kinds. */\n  groupKinds?: readonly string[];\n  /** Display names of kinds, attributes, roles and values by identifier. */\n  labels?: Labels;\n  /** Counts of this content kind; default every kind. */\n  contentKind?: string;\n  /** One member, e.g. a link with its title; default its content id. */\n  renderContent?: (member: Membership) => ReactNode;\n  pageSize?: number;\n}\n\n/** Whether the caller may manage groups (root:groups:write). */\nexport function useGroupManagerAccess(o: FlowClientOptions = {}): StaffAccess<\"groups\"> {\n  return useStaffAccess([\"groups\"] as const, o);\n}\n\nconst SORTS: readonly GroupSort[] = [\"name\", \"count\", \"newest\"];\n\n/**\n * Staff: groups per kind. A kind's groups by letter, order and language; a\n * new group; a group's editor (GroupEditor) and its members (GroupMembers).\n * Kinds are at basePath/{kind}, a group at basePath/{kind}/{id}, filters in the query.\n */\nexport function GroupManager({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: GroupManagerProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"group-manager\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Manager {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<GroupManagerProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\ntype Ctx = Inner & { loc: AdminLocation; kind: string; kinds: ContentModel };\n\nfunction Manager({ basePath, navigation, ...p }: Inner) {\n  const { t } = useMessages();\n  const loc = useAdminLocation(basePath, navigation);\n  const access = useGroupManagerAccess({ client: p.client });\n  const model = useKinds({ client: p.client });\n  const kinds = model.kinds;\n  const list = useMemo(\n    () =>\n      p.groupKinds ??\n      Object.entries(kinds?.entity_kinds ?? {})\n        .filter(([, k]) => k.owner !== \"user\")\n        .map(([name]) => name)\n        .sort(),\n    [p.groupKinds, kinds],\n  );\n  if (access.loading || model.loading) return <Rows />;\n  if (!access.allowed.groups) return <NoAccess>{t(\"groupManager.noAccess\")}</NoAccess>;\n  if (!kinds) return <LoadFailed error={model.error} message={t(\"groupManager.kindsFailed\")} retry={model.reload} />;\n  if (!list.length) return <p className=\"text-muted-foreground\">{t(\"groupManager.noKinds\")}</p>;\n  const [k, sub] = loc.view.split(\"/\");\n  const kind = list.includes(k ?? \"\") ? k! : list[0]!;\n  const ctx: Ctx = { ...p, loc, kind, kinds };\n  return (\n    <>\n      {list.length > 1 && (\n        <Tabs value={kind} onValueChange={(v) => loc.go(String(v))}>\n          <TabsList className=\"flex-wrap group-data-horizontal/tabs:h-auto\">\n            {list.map((x) => (\n              <TabsTrigger key={x} value={x} className=\"h-7.5\">\n                {labelOf(p.labels, x)}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n      )}\n      {!sub ? <List key={kind} {...ctx} /> : sub === \"new\" ? <Create key={kind} {...ctx} /> : <Edit key={sub} {...ctx} id={sub} />}\n    </>\n  );\n}\n\nfunction Back({ loc, kind }: { loc: AdminLocation; kind: string }) {\n  const { t } = useMessages();\n  return (\n    <Button variant=\"ghost\" size=\"sm\" className=\"justify-self-start\" onClick={() => loc.go(kind)}>\n      {t(\"groupManager.back\")}\n    </Button>\n  );\n}\n\nfunction List({ loc, kind, kinds, client, contentKind, labels, pageSize = 50 }: Ctx) {\n  const m = useMessages();\n  const { t } = m;\n  const languageName = useLanguageName();\n  const languages = kinds.languages;\n  const letterParam = loc.query.get(\"letter\") ?? \"\";\n  const letter = LETTERS.includes(letterParam) ? letterParam : undefined;\n  const sortParam = loc.query.get(\"sort\") ?? \"\";\n  const sort = (SORTS as readonly string[]).includes(sortParam) ? (sortParam as GroupSort) : \"name\";\n  const languageParam = loc.query.get(\"language\") ?? \"\";\n  const language = languages.includes(languageParam) ? languageParam : languages[0];\n  const filters: { letter?: string; sort?: GroupSort; language?: string } = { letter, sort: sort === \"name\" ? undefined : sort, language: language === languages[0] ? undefined : language };\n  const filter = (next: Partial<typeof filters>) => loc.go(kind, { ...filters, ...next });\n  const groups = useGroups({ kind, letter, sort, language, contentKind, pageSize }, { client, management: true });\n  const label = labelOf(labels, kind);\n  return (\n    <div className=\"grid gap-4\" data-ckui=\"group-list\" data-kind={kind}>\n      <div className=\"flex flex-wrap items-center justify-between gap-2\">\n        <h2 className=\"text-base font-semibold\">{label}</h2>\n        <Button size=\"sm\" onClick={() => loc.go(`${kind}/new`)}>\n          {t(\"groupManager.new\", { kind: label })}\n        </Button>\n      </div>\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Select value={sort} onValueChange={(v) => filter({ sort: v === \"name\" ? undefined : (String(v) as GroupSort) })}>\n          <SelectTrigger size=\"sm\" aria-label={t(\"groupManager.sort\")}>\n            <SelectValue>{(v: string) => t(`groupManager.sort_${v as GroupSort}`)}</SelectValue>\n          </SelectTrigger>\n          <SelectContent>\n            {SORTS.map((s) => (\n              <SelectItem key={s} value={s}>\n                {t(`groupManager.sort_${s}`)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n        {languages.length > 1 && (\n          <Select value={language} onValueChange={(v) => filter({ language: v === languages[0] ? undefined : String(v) })}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"groupManager.language\")}>\n              <SelectValue>{(v: string) => languageName(v)}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              {languages.map((l) => (\n                <SelectItem key={l} value={l}>\n                  {languageName(l)}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n      </div>\n      <nav aria-label={t(\"groups.byLetter\")} className=\"flex flex-wrap gap-1\" data-ckui=\"letters\">\n        {[undefined, ...LETTERS].map((l) => (\n          <Button\n            key={l ?? \"all\"}\n            size=\"xs\"\n            variant={letter === l ? \"default\" : \"ghost\"}\n            aria-pressed={letter === l}\n            aria-label={l === undefined ? undefined : l === \"#\" ? t(\"groups.otherLetters\") : l.toUpperCase()}\n            className=\"min-w-7\"\n            onClick={() => filter({ letter: l })}\n          >\n            {l === undefined ? t(\"groups.all\") : l.toUpperCase()}\n          </Button>\n        ))}\n      </nav>\n      {groups.loading && !groups.items.length ? (\n        <Rows />\n      ) : groups.error && !groups.items.length ? (\n        <LoadFailed error={groups.error} message={t(\"groupManager.loadFailed\")} retry={groups.reload} />\n      ) : !groups.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"groups.empty\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\" aria-busy={groups.loading}>\n          {groups.items.map((g) => (\n            <li key={g.id} className=\"flex flex-wrap items-center gap-3 p-3\" data-ckui=\"group-row\" data-slug={g.slug}>\n              <div className=\"grid min-w-0 flex-1 gap-0.5\">\n                <button type=\"button\" className=\"text-left font-medium break-words hover:underline\" onClick={() => loc.go(`${kind}/${g.id}`)}>\n                  {g.name || g.slug}\n                </button>\n                <span className=\"text-xs text-muted-foreground\">{g.slug}</span>\n                {g.internal && <Badge variant=\"secondary\" className=\"justify-self-start\">{t(\"groupEditor.internal\")}</Badge>}\n              </div>\n              <span className=\"text-sm text-muted-foreground tabular-nums\" title={t(\"groupManager.count\")}>\n                {new Intl.NumberFormat(m.language).format(g.count)}\n              </span>\n            </li>\n          ))}\n        </ul>\n      )}\n      {groups.hasMore && (\n        <div className=\"grid justify-items-center gap-2\">\n          {groups.error && <p role=\"alert\" className=\"text-destructive\">{contentError(m, groups.error)}</p>}\n          <Button variant=\"outline\" size=\"sm\" disabled={groups.loadingMore} onClick={() => void groups.loadMore()}>\n            {groups.loadingMore ? t(\"groups.loading\") : groups.error ? t(\"common.retry\") : t(\"groups.loadMore\")}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction Create({ loc, kind, client, labels, onError }: Ctx) {\n  return (\n    <div className=\"grid gap-4\">\n      <Back loc={loc} kind={kind} />\n      <GroupEditor\n        management\n        id={null}\n        kind={kind}\n        labels={labels}\n        client={client}\n        onError={onError}\n        onCreated={(g) => loc.go(`${kind}/${g.id}`, undefined, { replace: true })}\n      />\n    </div>\n  );\n}\n\nfunction Edit({ loc, kind, client, labels, onError, renderContent, id }: Ctx & { id: string }) {\n  return (\n    <div className=\"grid gap-4\">\n      <Back loc={loc} kind={kind} />\n      <GroupEditor\n        management\n        id={id}\n        kind={kind}\n        labels={labels}\n        client={client}\n        onError={onError}\n        onMerged={(r) => loc.go(`${kind}/${r.into}`, undefined, { replace: true })}\n      >\n        {(group) => (\n          <GroupMembers\n            group={group}\n                labels={labels}\n            client={client}\n            onError={onError}\n            renderContent={renderContent}\n            onUseCover={(content) => client.entities.update(group.id, { cover: { content_id: content } })}\n          />\n        )}\n      </GroupEditor>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/admin/user-comment-standing.js

@@ -213,12 +213,14 @@ function k({ user: r, client: a, itemHref: o, pageSize: l = 10, onError: d }) {
 				className: "text-muted-foreground",
 				children: p("standing.noComments")
 			}),
-			h.hasMore && /* @__PURE__ */ b(t, {
-				variant: "outline",
-				className: "justify-self-center",
-				disabled: h.loadingMore,
-				onClick: () => void h.loadMore(),
-				children: p("moderation.loadMore")
+			h.hasMore && /* @__PURE__ */ x("div", {
+				className: "grid justify-items-center gap-2",
+				children: [/* @__PURE__ */ b(s, { error: h.error }), /* @__PURE__ */ b(t, {
+					variant: "outline",
+					disabled: h.loadingMore,
+					onClick: () => void h.loadMore(),
+					children: h.error ? p("common.retry") : p("moderation.loadMore")
+				})]
 			})
 		]
 	});

package/dist/components/admin/user-comment-standing.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-comment-standing.js","names":[],"sources":["../../../src/components/admin/user-comment-standing.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { AdminComment } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useFlowClient, useStaffAccess, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useAdminComments, useGlobalCommentBan } from \"../../react/comments.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { CommentBanDialog } from \"../social/bans.js\";\nimport { ConfirmDialog, ErrorLine, formatDate, RelativeTime, useAction } from \"../social/parts.js\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps } from \"./shell.js\";\n\nexport interface UserCommentStandingProps extends AdminFlowProps {\n  /** The user's id. */\n  user: string;\n  /** Their name in headings and dialogs; else their username once known. */\n  name?: string;\n  /** A link to a commented item. */\n  itemHref?: (item: { kind: string; id: string }) => string | undefined;\n  /** Comments per page. Default 10. */\n  pageSize?: number;\n}\n\ntype StandingArea = \"bans\" | \"comments\";\nconst AREAS: readonly StandingArea[] = [\"bans\", \"comments\"];\n\n/** Whether the caller may manage site-wide comment bans and moderate comments: what UserCommentStanding shows. */\nexport function useUserCommentStandingAccess(o: FlowClientOptions = {}): StaffAccess<StandingArea> {\n  return useStaffAccess(AREAS, o);\n}\n\n/**\n * A user page's comment panel: the person's site-wide comment ban (ban,\n * replace, lift) and their recent comments (delete, restore), each as the\n * caller's permissions allow.\n */\nexport function UserCommentStanding({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: UserCommentStandingProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"user-comment-standing\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Standing {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<UserCommentStandingProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\n\nfunction Standing(p: Inner) {\n  const { t } = useMessages();\n  const access = useUserCommentStandingAccess({ client: p.client });\n  const title = <h3 className=\"text-base font-semibold\">{t(\"standing.title\")}</h3>;\n  if (access.loading)\n    return (\n      <>\n        {title}\n        <Rows count={2} />\n      </>\n    );\n  if (!access.any)\n    return (\n      <>\n        {title}\n        <NoAccess>{t(\"standing.noAccess\")}</NoAccess>\n      </>\n    );\n  return (\n    <>\n      {title}\n      {access.allowed.bans && <BanCard {...p} />}\n      {access.allowed.comments && <Recent {...p} />}\n    </>\n  );\n}\n\nfunction BanCard({ user, name, client, onError }: Inner) {\n  const m = useMessages();\n  const { t } = m;\n  const g = useGlobalCommentBan(user, { client });\n  const [editing, setEditing] = useState(false);\n  const [lifting, setLifting] = useState(false);\n  const lift = useAction(\"ban.lift\", onError);\n  const who = name ?? g.ban?.user?.username ?? user;\n  const ban = g.ban;\n  return (\n    <section className=\"grid gap-2 rounded-lg border border-border p-3\" data-ckui=\"standing-ban\" aria-busy={g.loading}>\n      <h4 className=\"font-medium\">{t(\"standing.ban\")}</h4>\n      {g.loading && !ban ? (\n        <Skeleton className=\"h-10 w-full\" />\n      ) : g.error ? (\n        <LoadFailed error={g.error} message={t(\"standing.banLoadFailed\")} retry={g.reload} />\n      ) : !ban ? (\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <p className=\"text-muted-foreground\">{t(\"standing.notBanned\")}</p>\n          <Button size=\"sm\" variant=\"destructive\" onClick={() => setEditing(true)}>\n            {t(\"comments.ban\")}\n          </Button>\n        </div>\n      ) : (\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\n          <div className=\"grid min-w-0 gap-0.5\">\n            <div>\n              <Badge variant={ban.expired ? \"outline\" : \"destructive\"}>{t(ban.expired ? \"bans.expired\" : \"bans.active\")}</Badge>\n            </div>\n            {ban.reason && <p className=\"break-words\">{t(\"bans.reason\", { reason: ban.reason })}</p>}\n            <p className=\"text-muted-foreground\">\n              {ban.until ? t(\"bans.until\", { date: formatDate(m, ban.until) }) : t(\"bans.untilLifted\")} · {t(\"bans.bannedAt\", { date: formatDate(m, ban.banned_at, false) })}\n            </p>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing(true)}>\n              {t(\"bans.update\")}\n            </Button>\n            <Button size=\"sm\" variant=\"destructive\" onClick={() => setLifting(true)}>\n              {t(\"bans.lift\")}\n            </Button>\n          </div>\n        </div>\n      )}\n      <ErrorLine error={lift.error} />\n      {editing && <CommentBanDialog open onOpenChange={setEditing} user={{ id: user, name: who }} scopes={[\"global\"]} ban={ban} client={client} onError={onError} />}\n      <ConfirmDialog\n        open={lifting}\n        onOpenChange={setLifting}\n        title={t(\"bans.liftTitle\", { name: who })}\n        description={t(\"bans.liftBody\")}\n        confirm={t(\"bans.lift\")}\n        onConfirm={() => void lift.run(g.lift)}\n      />\n    </section>\n  );\n}\n\nfunction status(c: AdminComment): \"deleted\" | \"held\" | \"rejected\" | \"published\" {\n  if (c.deleted) return \"deleted\";\n  return c.moderation === \"held\" ? \"held\" : c.moderation === \"rejected\" ? \"rejected\" : \"published\";\n}\n\nfunction Recent({ user, client, itemHref, pageSize = 10, onError }: Inner) {\n  const { t } = useMessages();\n  const list = useAdminComments({ author: user, pageSize, client });\n  const del = useAction(\"comment.delete\", onError);\n  const restore = useAction(\"comment.restore\", onError);\n  return (\n    <section className=\"grid gap-2\" data-ckui=\"standing-comments\">\n      <h4 className=\"font-medium\">{t(\"standing.comments\")}</h4>\n      <ErrorLine error={del.error ?? restore.error} />\n      {list.loading && !list.items.length ? (\n        <Rows count={2} />\n      ) : list.error && !list.items.length ? (\n        <LoadFailed error={list.error} message={t(\"moderation.loadFailed\")} retry={list.reload} />\n      ) : !list.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"standing.noComments\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\">\n          {list.items.map((c) => {\n            const s = status(c);\n            const href = itemHref?.({ kind: c.content_kind, id: c.content_id });\n            return (\n              <li key={c.id} className=\"grid gap-1.5 p-3\" data-ckui=\"admin-comment\" data-status={s}>\n                <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                  <RelativeTime at={c.created_at} />\n                  <Badge variant={s === \"published\" ? \"outline\" : s === \"held\" ? \"secondary\" : \"destructive\"}>{t(`moderation.${s}`)}</Badge>\n                  <span>\n                    {t(\"moderation.on\")}{\" \"}\n                    {href ? (\n                      <a className=\"hover:underline\" href={href}>\n                        {c.content_kind}/{c.content_id}\n                      </a>\n                    ) : (\n                      `${c.content_kind}/${c.content_id}`\n                    )}\n                  </span>\n                </div>\n                <p className={cn(\"line-clamp-3 break-words whitespace-pre-wrap\", c.deleted && \"text-muted-foreground line-through\")}>{c.body}</p>\n                <div>\n                  {c.deleted ? (\n                    <Button size=\"sm\" variant=\"outline\" disabled={restore.pending} onClick={() => void restore.run(() => client.comments.restore(c.id))}>\n                      {t(\"moderation.restore\")}\n                    </Button>\n                  ) : (\n                    <Button size=\"sm\" variant=\"destructive\" disabled={del.pending} onClick={() => void del.run(() => client.comments.delete(c.id))}>\n                      {t(\"moderation.delete\")}\n                    </Button>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {list.hasMore && (\n        <Button variant=\"outline\" className=\"justify-self-center\" disabled={list.loadingMore} onClick={() => void list.loadMore()}>\n          {t(\"moderation.loadMore\")}\n        </Button>\n      )}\n    </section>\n  );\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"user-comment-standing.js","names":[],"sources":["../../../src/components/admin/user-comment-standing.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { AdminComment } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useFlowClient, useStaffAccess, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useAdminComments, useGlobalCommentBan } from \"../../react/comments.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { CommentBanDialog } from \"../social/bans.js\";\nimport { ConfirmDialog, ErrorLine, formatDate, RelativeTime, useAction } from \"../social/parts.js\";\nimport { AdminRoot, LoadFailed, NoAccess, Rows, type AdminFlowProps } from \"./shell.js\";\n\nexport interface UserCommentStandingProps extends AdminFlowProps {\n  /** The user's id. */\n  user: string;\n  /** Their name in headings and dialogs; else their username once known. */\n  name?: string;\n  /** A link to a commented item. */\n  itemHref?: (item: { kind: string; id: string }) => string | undefined;\n  /** Comments per page. Default 10. */\n  pageSize?: number;\n}\n\ntype StandingArea = \"bans\" | \"comments\";\nconst AREAS: readonly StandingArea[] = [\"bans\", \"comments\"];\n\n/** Whether the caller may manage site-wide comment bans and moderate comments: what UserCommentStanding shows. */\nexport function useUserCommentStandingAccess(o: FlowClientOptions = {}): StaffAccess<StandingArea> {\n  return useStaffAccess(AREAS, o);\n}\n\n/**\n * A user page's comment panel: the person's site-wide comment ban (ban,\n * replace, lift) and their recent comments (delete, restore), each as the\n * caller's permissions allow.\n */\nexport function UserCommentStanding({ client: own, baseUrl, auth, guard, appearance, className, language, messages, ...p }: UserCommentStandingProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"user-comment-standing\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Standing {...p} client={client} />\n    </AdminRoot>\n  );\n}\n\ntype Inner = Omit<UserCommentStandingProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\"> & { client: ContentKitClient };\n\nfunction Standing(p: Inner) {\n  const { t } = useMessages();\n  const access = useUserCommentStandingAccess({ client: p.client });\n  const title = <h3 className=\"text-base font-semibold\">{t(\"standing.title\")}</h3>;\n  if (access.loading)\n    return (\n      <>\n        {title}\n        <Rows count={2} />\n      </>\n    );\n  if (!access.any)\n    return (\n      <>\n        {title}\n        <NoAccess>{t(\"standing.noAccess\")}</NoAccess>\n      </>\n    );\n  return (\n    <>\n      {title}\n      {access.allowed.bans && <BanCard {...p} />}\n      {access.allowed.comments && <Recent {...p} />}\n    </>\n  );\n}\n\nfunction BanCard({ user, name, client, onError }: Inner) {\n  const m = useMessages();\n  const { t } = m;\n  const g = useGlobalCommentBan(user, { client });\n  const [editing, setEditing] = useState(false);\n  const [lifting, setLifting] = useState(false);\n  const lift = useAction(\"ban.lift\", onError);\n  const who = name ?? g.ban?.user?.username ?? user;\n  const ban = g.ban;\n  return (\n    <section className=\"grid gap-2 rounded-lg border border-border p-3\" data-ckui=\"standing-ban\" aria-busy={g.loading}>\n      <h4 className=\"font-medium\">{t(\"standing.ban\")}</h4>\n      {g.loading && !ban ? (\n        <Skeleton className=\"h-10 w-full\" />\n      ) : g.error ? (\n        <LoadFailed error={g.error} message={t(\"standing.banLoadFailed\")} retry={g.reload} />\n      ) : !ban ? (\n        <div className=\"flex flex-wrap items-center justify-between gap-2\">\n          <p className=\"text-muted-foreground\">{t(\"standing.notBanned\")}</p>\n          <Button size=\"sm\" variant=\"destructive\" onClick={() => setEditing(true)}>\n            {t(\"comments.ban\")}\n          </Button>\n        </div>\n      ) : (\n        <div className=\"flex flex-wrap items-start justify-between gap-3\">\n          <div className=\"grid min-w-0 gap-0.5\">\n            <div>\n              <Badge variant={ban.expired ? \"outline\" : \"destructive\"}>{t(ban.expired ? \"bans.expired\" : \"bans.active\")}</Badge>\n            </div>\n            {ban.reason && <p className=\"break-words\">{t(\"bans.reason\", { reason: ban.reason })}</p>}\n            <p className=\"text-muted-foreground\">\n              {ban.until ? t(\"bans.until\", { date: formatDate(m, ban.until) }) : t(\"bans.untilLifted\")} · {t(\"bans.bannedAt\", { date: formatDate(m, ban.banned_at, false) })}\n            </p>\n          </div>\n          <div className=\"flex gap-2\">\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setEditing(true)}>\n              {t(\"bans.update\")}\n            </Button>\n            <Button size=\"sm\" variant=\"destructive\" onClick={() => setLifting(true)}>\n              {t(\"bans.lift\")}\n            </Button>\n          </div>\n        </div>\n      )}\n      <ErrorLine error={lift.error} />\n      {editing && <CommentBanDialog open onOpenChange={setEditing} user={{ id: user, name: who }} scopes={[\"global\"]} ban={ban} client={client} onError={onError} />}\n      <ConfirmDialog\n        open={lifting}\n        onOpenChange={setLifting}\n        title={t(\"bans.liftTitle\", { name: who })}\n        description={t(\"bans.liftBody\")}\n        confirm={t(\"bans.lift\")}\n        onConfirm={() => void lift.run(g.lift)}\n      />\n    </section>\n  );\n}\n\nfunction status(c: AdminComment): \"deleted\" | \"held\" | \"rejected\" | \"published\" {\n  if (c.deleted) return \"deleted\";\n  return c.moderation === \"held\" ? \"held\" : c.moderation === \"rejected\" ? \"rejected\" : \"published\";\n}\n\nfunction Recent({ user, client, itemHref, pageSize = 10, onError }: Inner) {\n  const { t } = useMessages();\n  const list = useAdminComments({ author: user, pageSize, client });\n  const del = useAction(\"comment.delete\", onError);\n  const restore = useAction(\"comment.restore\", onError);\n  return (\n    <section className=\"grid gap-2\" data-ckui=\"standing-comments\">\n      <h4 className=\"font-medium\">{t(\"standing.comments\")}</h4>\n      <ErrorLine error={del.error ?? restore.error} />\n      {list.loading && !list.items.length ? (\n        <Rows count={2} />\n      ) : list.error && !list.items.length ? (\n        <LoadFailed error={list.error} message={t(\"moderation.loadFailed\")} retry={list.reload} />\n      ) : !list.items.length ? (\n        <p className=\"text-muted-foreground\">{t(\"standing.noComments\")}</p>\n      ) : (\n        <ul className=\"grid divide-y divide-border rounded-lg border border-border\">\n          {list.items.map((c) => {\n            const s = status(c);\n            const href = itemHref?.({ kind: c.content_kind, id: c.content_id });\n            return (\n              <li key={c.id} className=\"grid gap-1.5 p-3\" data-ckui=\"admin-comment\" data-status={s}>\n                <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground\">\n                  <RelativeTime at={c.created_at} />\n                  <Badge variant={s === \"published\" ? \"outline\" : s === \"held\" ? \"secondary\" : \"destructive\"}>{t(`moderation.${s}`)}</Badge>\n                  <span>\n                    {t(\"moderation.on\")}{\" \"}\n                    {href ? (\n                      <a className=\"hover:underline\" href={href}>\n                        {c.content_kind}/{c.content_id}\n                      </a>\n                    ) : (\n                      `${c.content_kind}/${c.content_id}`\n                    )}\n                  </span>\n                </div>\n                <p className={cn(\"line-clamp-3 break-words whitespace-pre-wrap\", c.deleted && \"text-muted-foreground line-through\")}>{c.body}</p>\n                <div>\n                  {c.deleted ? (\n                    <Button size=\"sm\" variant=\"outline\" disabled={restore.pending} onClick={() => void restore.run(() => client.comments.restore(c.id))}>\n                      {t(\"moderation.restore\")}\n                    </Button>\n                  ) : (\n                    <Button size=\"sm\" variant=\"destructive\" disabled={del.pending} onClick={() => void del.run(() => client.comments.delete(c.id))}>\n                      {t(\"moderation.delete\")}\n                    </Button>\n                  )}\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {list.hasMore && (\n        <div className=\"grid justify-items-center gap-2\">\n          <ErrorLine error={list.error} />\n          <Button variant=\"outline\" disabled={list.loadingMore} onClick={() => void list.loadMore()}>\n            {list.error ? t(\"common.retry\") : t(\"moderation.loadMore\")}\n          </Button>\n        </div>\n      )}\n    </section>\n  );\n}\n\n"],"mappings":"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"}

package/dist/components/content/card.js

@@ -94,7 +94,7 @@ function D({ card: i, client: c, href: u, onOpen: d, shape: p = "portrait", aspe
 	}), [fe, pe] = g(null);
 	return /* @__PURE__ */ v("article", {
 		ref: pe,
-		className: y("group/card grid content-start gap-2", le),
+		className: y("group/card relative grid content-start gap-2", le),
 		"data-ckui": "content-card",
 		"data-id": i.id,
 		"data-locked": V ? "" : void 0,
@@ -276,7 +276,7 @@ function k({ url: e, name: t, variant: n = "chips" }) {
 function A({ card: t, href: n, onOpen: i, tiers: a, labels: o, byline: s, owner: l = !0, ownerHref: u, loadMedia: d = !0, showCounts: f = !0, decorate: p, children: h, className: g }) {
 	let x = r(), D = n ? n(t) : t.path, k = E(D, m(() => i?.(t), [i, t])), A = T(x, t.access, a, o), j = t.title || t.code;
 	return /* @__PURE__ */ v("article", {
-		className: y("grid gap-3 rounded-lg border border-border p-3", g),
+		className: y("relative grid gap-3 rounded-lg border border-border p-3", g),
 		"data-ckui": "post-card",
 		"data-id": t.id,
 		"data-locked": A ? "" : void 0,