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

package/dist/components/social/moderation.js

@@ -1,8 +1,8 @@
 import { toContentKitError as e } from "../../client/errors.js";
 import { useMessages as t } from "../../i18n/context.js";
 import { useErrorReporter as n, useGuarded as r } from "../../react/context.js";
-import { Button as i } from "../../ui/button.js";
-import { keyOf as a, useContentScope as o, usePaged as s } from "../../react/use-resource.js";
+import { keyOf as i, useContentScope as a, usePaged as o } from "../../react/use-resource.js";
+import { Button as s } from "../../ui/button.js";
 import { useModerationQueue as c } from "../../react/comments.js";
 import { Badge as l } from "../../ui/badge.js";
 import { Input as u } from "../../ui/input.js";
@@ -66,10 +66,14 @@ function J({ sections: e, basePath: n, navigation: r, ...i }) {
 	return /* @__PURE__ */ U(V, { children: [u, /* @__PURE__ */ U(N, {
 		value: p,
 		onValueChange: (e) => o.go(d(e)),
-		children: [c.length > 1 && /* @__PURE__ */ H(F, { children: c.map((e) => /* @__PURE__ */ H(I, {
-			value: e,
-			children: l[e]
-		}, e)) }), /* @__PURE__ */ U(P, {
+		children: [c.length > 1 && /* @__PURE__ */ H(F, {
+			className: "flex-wrap group-data-horizontal/tabs:h-auto",
+			children: c.map((e) => /* @__PURE__ */ H(I, {
+				value: e,
+				className: "h-7.5",
+				children: l[e]
+			}, e))
+		}), /* @__PURE__ */ U(P, {
 			value: p,
 			className: "pt-3",
 			children: [
@@ -117,7 +121,7 @@ function X({ loc: c, view: _, client: S, ...C }) {
 		...e
 	}), [F, I] = B(j);
 	z(() => I(j), [j]);
-	let { store: L, scope: R } = o(S), V = s(L, a("admin-comments-page", R, A, j, N), { type: "admin-comments" }, M, N, (e, t) => S.comments.adminList({
+	let { store: L, scope: R } = a(S), V = o(L, i("admin-comments-page", R, A, j, N), { type: "admin-comments" }, M, N, (e, t) => S.comments.adminList({
 		...e,
 		contentKind: A || void 0,
 		author: j || void 0
@@ -164,7 +168,7 @@ function X({ loc: c, view: _, client: S, ...C }) {
 							placeholder: w("moderation.authorPlaceholder"),
 							onChange: (e) => I(e.target.value)
 						})]
-					}), /* @__PURE__ */ H(i, {
+					}), /* @__PURE__ */ H(s, {
 						type: "submit",
 						size: "sm",
 						variant: "outline",
@@ -175,7 +179,7 @@ function X({ loc: c, view: _, client: S, ...C }) {
 			j && /* @__PURE__ */ U("div", {
 				className: "flex flex-wrap items-center gap-2",
 				"data-ckui": "author-filter",
-				children: [/* @__PURE__ */ H("span", { children: w("moderation.byAuthor", { name: ne }) }), /* @__PURE__ */ H(i, {
+				children: [/* @__PURE__ */ H("span", { children: w("moderation.byAuthor", { name: ne }) }), /* @__PURE__ */ H(s, {
 					size: "sm",
 					variant: "ghost",
 					onClick: () => P({ author: "" }),
@@ -253,24 +257,24 @@ function X({ loc: c, view: _, client: S, ...C }) {
 							/* @__PURE__ */ U("div", {
 								className: "flex flex-wrap gap-2",
 								children: [
-									e.deleted ? /* @__PURE__ */ H(i, {
+									e.deleted ? /* @__PURE__ */ H(s, {
 										size: "sm",
 										variant: "outline",
 										onClick: () => Q("comment.restore", () => S.comments.restore(e.id)),
 										children: w("moderation.restore")
-									}) : /* @__PURE__ */ H(i, {
+									}) : /* @__PURE__ */ H(s, {
 										size: "sm",
 										variant: "destructive",
 										onClick: () => Q("comment.delete", () => S.comments.delete(e.id)),
 										children: w("moderation.delete")
 									}),
-									e.user_id && e.user_id !== j && /* @__PURE__ */ H(i, {
+									e.user_id && e.user_id !== j && /* @__PURE__ */ H(s, {
 										size: "sm",
 										variant: "ghost",
 										onClick: () => P({ author: e.user_id }),
 										children: w("moderation.theirComments")
 									}),
-									e.user_id && /* @__PURE__ */ H(i, {
+									e.user_id && /* @__PURE__ */ H(s, {
 										size: "sm",
 										variant: "ghost",
 										onClick: () => Z({
@@ -307,8 +311,8 @@ function X({ loc: c, view: _, client: S, ...C }) {
 	});
 }
 function Z({ loc: e, view: n, ...r }) {
-	let { t: a } = t(), o = e.query.get("kind") === "content" ? "content" : "comment", s = c({
-		kind: o,
+	let { t: i } = t(), a = e.query.get("kind") === "content" ? "content" : "comment", o = c({
+		kind: a,
 		pageSize: r.pageSize,
 		client: r.client
 	});
@@ -318,51 +322,51 @@ function Z({ loc: e, view: n, ...r }) {
 			/* @__PURE__ */ H("div", {
 				className: "flex gap-2",
 				role: "group",
-				"aria-label": a("moderation.queue"),
-				children: ["comment", "content"].map((t) => /* @__PURE__ */ H(i, {
+				"aria-label": i("moderation.queue"),
+				children: ["comment", "content"].map((t) => /* @__PURE__ */ H(s, {
 					size: "sm",
-					variant: o === t ? "default" : "outline",
-					"aria-pressed": o === t,
+					variant: a === t ? "default" : "outline",
+					"aria-pressed": a === t,
 					onClick: () => e.go(n, { kind: t === "comment" ? void 0 : t }),
-					children: a(t === "content" ? "moderation.queueContent" : "moderation.queueComments")
+					children: i(t === "content" ? "moderation.queueContent" : "moderation.queueComments")
 				}, t))
 			}),
 			/* @__PURE__ */ H($, {
-				loading: s.loading,
-				error: s.error,
-				empty: a("moderation.queueEmpty"),
-				count: s.items.length,
-				reload: s.reload,
-				children: s.items.map((e) => /* @__PURE__ */ H(Q, {
+				loading: o.loading,
+				error: o.error,
+				empty: i("moderation.queueEmpty"),
+				count: o.items.length,
+				reload: o.reload,
+				children: o.items.map((e) => /* @__PURE__ */ H(Q, {
 					item: e,
 					itemHref: r.itemHref,
 					userHref: r.userHref,
-					onResolve: s.resolve,
-					reload: s.reload,
+					onResolve: o.resolve,
+					reload: o.reload,
 					onError: r.onError
 				}, e.id))
 			}),
-			s.hasMore && /* @__PURE__ */ H(i, {
+			o.hasMore && /* @__PURE__ */ H(s, {
 				variant: "outline",
 				className: "justify-self-center",
-				disabled: s.loadingMore,
-				onClick: () => void s.loadMore(),
-				children: a("moderation.loadMore")
+				disabled: o.loadingMore,
+				onClick: () => void o.loadMore(),
+				children: i("moderation.loadMore")
 			})
 		]
 	});
 }
-function Q(a) {
-	let o = t(), { t: s } = o, c = n(a.onError), l = r(), { item: d } = a, [f, p] = B(!1), [m, h] = B(""), [g, _] = B(!1), [C, w] = B(null), T = d.author?.username ?? d.anon_name ?? d.author_id ?? s("comments.anonymous"), E = a.itemHref?.({
+function Q(i) {
+	let a = t(), { t: o } = a, c = n(i.onError), l = r(), { item: d } = i, [f, p] = B(!1), [m, h] = B(""), [g, _] = B(!1), [C, w] = B(null), T = d.author?.username ?? d.anon_name ?? d.author_id ?? o("comments.anonymous"), E = i.itemHref?.({
 		kind: d.ref.content_kind,
 		id: d.ref.content_id
 	}), D = async (t) => {
 		_(!0), w(null);
 		try {
-			await l(() => a.onResolve(d, t, t === "reject" && m.trim() || void 0));
+			await l(() => i.onResolve(d, t, t === "reject" && m.trim() || void 0));
 		} catch (t) {
 			let n = e(t);
-			c(n, "moderation.resolve"), n.code === "not_found" || n.code === "conflict" ? (w(s("moderation.stale")), a.reload()) : w(S(o, n));
+			c(n, "moderation.resolve"), n.code === "not_found" || n.code === "conflict" ? (w(o("moderation.stale")), i.reload()) : w(S(a, n));
 		} finally {
 			_(!1);
 		}
@@ -382,7 +386,7 @@ function Q(a) {
 					/* @__PURE__ */ H(x, {
 						user: d.author,
 						name: T,
-						href: a.userHref
+						href: i.userHref
 					}),
 					/* @__PURE__ */ H(y, {
 						at: d.held_at,
@@ -392,7 +396,7 @@ function Q(a) {
 						className: "text-xs text-muted-foreground hover:underline",
 						href: E,
 						children: [
-							s("moderation.on"),
+							o("moderation.on"),
 							" ",
 							d.ref.content_kind,
 							"/",
@@ -411,37 +415,37 @@ function Q(a) {
 			}),
 			(d.reason || d.error) && /* @__PURE__ */ H("p", {
 				className: "text-xs text-muted-foreground",
-				children: s("moderation.heldBecause", { reason: d.reason || d.error || "" })
+				children: o("moderation.heldBecause", { reason: d.reason || d.error || "" })
 			}),
 			f && /* @__PURE__ */ H(u, {
 				value: m,
 				maxLength: 500,
-				placeholder: s("moderation.rejectReason"),
-				"aria-label": s("moderation.rejectReason"),
+				placeholder: o("moderation.rejectReason"),
+				"aria-label": o("moderation.rejectReason"),
 				onChange: (e) => h(e.target.value),
 				autoFocus: !0
 			}),
 			/* @__PURE__ */ U("div", {
 				className: "flex flex-wrap gap-2",
 				children: [
-					/* @__PURE__ */ H(i, {
+					/* @__PURE__ */ H(s, {
 						size: "sm",
 						disabled: g,
 						onClick: () => void D("approve"),
-						children: s("moderation.approve")
+						children: o("moderation.approve")
 					}),
-					/* @__PURE__ */ H(i, {
+					/* @__PURE__ */ H(s, {
 						size: "sm",
 						variant: "destructive",
 						disabled: g,
 						onClick: () => f ? void D("reject") : p(!0),
-						children: s("moderation.reject")
+						children: o("moderation.reject")
 					}),
-					f && /* @__PURE__ */ H(i, {
+					f && /* @__PURE__ */ H(s, {
 						size: "sm",
 						variant: "ghost",
 						onClick: () => p(!1),
-						children: s("common.cancel")
+						children: o("common.cancel")
 					})
 				]
 			}),
@@ -457,7 +461,7 @@ function $(e) {
 		children: [/* @__PURE__ */ H(_, { className: "h-16 w-full" }), /* @__PURE__ */ H(_, { className: "h-16 w-full" })]
 	}) : e.error && !e.count ? /* @__PURE__ */ U("div", {
 		className: "grid justify-items-start gap-2",
-		children: [/* @__PURE__ */ H(v, { children: e.error.code === "forbidden" || e.error.code === "unauthorized" ? S(n, e.error) : r("moderation.loadFailed") }), /* @__PURE__ */ H(i, {
+		children: [/* @__PURE__ */ H(v, { children: e.error.code === "forbidden" || e.error.code === "unauthorized" ? S(n, e.error) : r("moderation.loadFailed") }), /* @__PURE__ */ H(s, {
 			size: "sm",
 			variant: "outline",
 			onClick: e.reload,

package/dist/components/social/moderation.js.map

@@ -1 +1 @@
-{"version":3,"file":"moderation.js","names":[],"sources":["../../../src/components/social/moderation.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useEffect, useId, useMemo, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { Decision, HeldKind } from \"../../client/content/types.js\";\nimport { toContentKitError, type ContentKitError } from \"../../client/errors.js\";\nimport type { AdminComment, HeldItem, PublicUser } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useAdminLocation, useFlowClient, useStaffAccess, type AdminLocation, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useModerationQueue } from \"../../react/comments.js\";\nimport { useErrorReporter, type ContentKitErrorHandler } from \"../../react/context.js\";\nimport { keyOf, useContentScope, usePaged } from \"../../react/use-resource.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"#ckui/ui/tabs\";\nimport { AdminRoot, NoAccess, Pager, Rows, pageOf, useGuarded, type AdminFlowProps, type AdminRouteProps } from \"../admin/shell.js\";\nimport { CommentBanDialog, CommentBans } from \"./bans.js\";\nimport { BannedWords, IPBans } from \"./rules.js\";\nimport { contentError, ErrorLine, RelativeTime, UserAvatar, UserName } from \"./parts.js\";\n\nexport type ModerationSection = \"comments\" | \"queue\" | \"bans\" | \"words\" | \"ips\";\n\nexport interface CommentModerationProps extends AdminFlowProps, AdminRouteProps {\n  /** Content kinds offered as a filter of the comment list: codes, or codes with labels. */\n  contentKinds?: readonly (string | { value: string; label: string })[];\n  /** A link to a commented item. */\n  itemHref?: (item: { kind: string; id: string }) => string | undefined;\n  userHref?: (user: PublicUser) => string | undefined;\n  /** The sections, in order; the first is at basePath, the others at basePath/{section}. Default all. */\n  sections?: readonly ModerationSection[];\n  pageSize?: number;\n}\n\nconst ALL_SECTIONS: readonly ModerationSection[] = [\"comments\", \"queue\", \"bans\", \"words\", \"ips\"];\n\n/** Which moderation sections the caller may use: every comment, the review queue, the site's bans, banned words and IP bans. */\nexport function useCommentModerationAccess(o: FlowClientOptions = {}): StaffAccess<ModerationSection> {\n  return useStaffAccess(ALL_SECTIONS, o);\n}\n\n/**\n * Staff: every comment (deleted, held and rejected ones with their text) to\n * delete, restore or ban its author, by content kind or author; the review\n * queue of held comments and content to approve or reject; the site's\n * comment bans; and the rules every comment and answer meets (banned words,\n * IP bans). Sections, filters and pages live in the URL under basePath;\n * the caller sees only the sections its permissions allow.\n */\nexport function CommentModeration({ client: own, baseUrl, auth, guard, appearance, className, language, messages, sections = ALL_SECTIONS, ...p }: CommentModerationProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"comment-moderation\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Moderation {...p} client={client} sections={sections} />\n    </AdminRoot>\n  );\n}\n\ntype Rest = Omit<CommentModerationProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\" | \"sections\" | \"basePath\" | \"navigation\"> & {\n  client: ContentKitClient;\n};\n\nfunction Moderation({ sections, basePath, navigation, ...p }: Rest & { sections: readonly ModerationSection[]; basePath?: string; navigation?: CommentModerationProps[\"navigation\"] }) {\n  const { t } = useMessages();\n  const loc = useAdminLocation(basePath, navigation);\n  const access = useCommentModerationAccess({ client: p.client });\n  const allowed = sections.filter((s) => access.allowed[s]);\n  const label: Record<ModerationSection, string> = {\n    comments: t(\"moderation.all\"),\n    queue: t(\"moderation.queue\"),\n    bans: t(\"moderation.bans\"),\n    words: t(\"moderationRules.words\"),\n    ips: t(\"moderationRules.ips\"),\n  };\n  const title = <h2 className=\"text-base font-semibold\">{t(\"moderation.title\")}</h2>;\n  if (access.loading)\n    return (\n      <>\n        {title}\n        <Rows />\n      </>\n    );\n  if (!allowed.length)\n    return (\n      <>\n        {title}\n        <NoAccess>{t(\"moderation.noAccess\")}</NoAccess>\n      </>\n    );\n  const viewOf = (s: ModerationSection) => (s === sections[0] ? \"\" : s);\n  const asked = (loc.view || sections[0]) as ModerationSection;\n  const section = allowed.includes(asked) ? asked : allowed[0]!;\n  const view = viewOf(section);\n  return (\n    <>\n      {title}\n      <Tabs value={section} onValueChange={(v) => loc.go(viewOf(v as ModerationSection))}>\n        {allowed.length > 1 && (\n          <TabsList>\n            {allowed.map((s) => (\n              <TabsTrigger key={s} value={s}>\n                {label[s]}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        )}\n        <TabsContent value={section} className=\"pt-3\">\n          {section === \"comments\" && <AllComments {...p} loc={loc} view={view} />}\n          {section === \"queue\" && <Queue {...p} loc={loc} view={view} />}\n          {section === \"bans\" && (\n            <CommentBans\n              scope=\"global\"\n              pageSize={p.pageSize}\n              page={pageOf(loc.query)}\n              onPageChange={(n) => loc.go(view, { page: n > 1 ? n : undefined })}\n              userHref={p.userHref}\n              client={p.client}\n              onError={p.onError}\n            />\n          )}\n          {section === \"words\" && <BannedWords client={p.client} onError={p.onError} />}\n          {section === \"ips\" && <IPBans client={p.client} onError={p.onError} />}\n        </TabsContent>\n      </Tabs>\n    </>\n  );\n}\n\ntype SectionProps = Rest & { loc: AdminLocation; view: string };\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 AllComments({ loc, view, client, ...p }: SectionProps) {\n  const m = useMessages();\n  const { t } = m;\n  const ids = useId();\n  const kinds = useMemo(() => (p.contentKinds ?? []).map((k) => (typeof k === \"string\" ? { value: k, label: k } : k)), [p.contentKinds]);\n  const kind = loc.query.get(\"kind\") ?? \"\";\n  const author = loc.query.get(\"author\") ?? \"\";\n  const page = pageOf(loc.query);\n  const size = p.pageSize ?? 25;\n  const filter = (next: { kind?: string; author?: string }) => loc.go(view, { kind, author, ...next });\n  const [authorInput, setAuthorInput] = useState(author);\n  useEffect(() => setAuthorInput(author), [author]);\n  const { store, scope } = useContentScope(client);\n  const list = usePaged(store, keyOf(\"admin-comments-page\", scope, kind, author, size), { type: \"admin-comments\" }, page, size, (q, signal) =>\n    client.comments.adminList({ ...q, contentKind: kind || undefined, author: author || undefined }, signal),\n  );\n  const report = useErrorReporter(p.onError);\n  const guarded = useGuarded();\n  const [error, setError] = useState<ContentKitError | null>(null);\n  const [banning, setBanning] = useState<{ id: string; name: string } | null>(null);\n  const act = (op: \"comment.delete\" | \"comment.restore\", fn: () => Promise<unknown>) => {\n    setError(null);\n    guarded(fn).catch((e) => {\n      const err = toContentKitError(e);\n      setError(err);\n      report(err, op);\n    });\n  };\n  const byName = author ? (list.items.find((c) => c.user_id === author)?.author?.username ?? author) : \"\";\n  return (\n    <div className=\"grid gap-3\">\n      <div className=\"flex flex-wrap items-end gap-2\">\n        {kinds.length > 0 && (\n          <Select value={kind} onValueChange={(v) => filter({ kind: String(v ?? \"\") })}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"moderation.kind\")}>\n              <SelectValue>{(v: string) => (v ? (kinds.find((k) => k.value === v)?.label ?? v) : t(\"moderation.allKinds\"))}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"\">{t(\"moderation.allKinds\")}</SelectItem>\n              {kinds.map((k) => (\n                <SelectItem key={k.value} value={k.value}>\n                  {k.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n        <form\n          className=\"flex min-w-56 flex-1 items-end gap-2\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            filter({ author: authorInput.trim() });\n          }}\n        >\n          <div className=\"grid flex-1 gap-1\">\n            <Label htmlFor={`${ids}-author`} className=\"sr-only\">\n              {t(\"moderation.author\")}\n            </Label>\n            <Input id={`${ids}-author`} className=\"h-8\" value={authorInput} placeholder={t(\"moderation.authorPlaceholder\")} onChange={(e) => setAuthorInput(e.target.value)} />\n          </div>\n          <Button type=\"submit\" size=\"sm\" variant=\"outline\">\n            {t(\"moderation.filter\")}\n          </Button>\n        </form>\n      </div>\n      {author && (\n        <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"author-filter\">\n          <span>{t(\"moderation.byAuthor\", { name: byName })}</span>\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => filter({ author: \"\" })}>\n            {t(\"moderation.clearAuthor\")}\n          </Button>\n        </div>\n      )}\n      <ErrorLine error={error} />\n      <Listing loading={list.loading} error={list.error} empty={t(\"moderation.empty\")} count={list.items.length} reload={list.reload}>\n        {list.items.map((c) => {\n          const name = c.author?.username ?? c.anon_name ?? c.user_id ?? t(\"comments.anonymous\");\n          const s = status(c);\n          const href = p.itemHref?.({ kind: c.content_kind, id: c.content_id });\n          return (\n            <li key={c.id} className=\"grid gap-2 p-3\" data-ckui=\"admin-comment\" data-status={s}>\n              <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n                <UserAvatar user={c.author} name={name} size=\"sm\" />\n                <UserName user={c.author} name={name} href={p.userHref} />\n                <RelativeTime at={c.created_at} className=\"text-xs text-muted-foreground\" />\n                <Badge variant={s === \"published\" ? \"outline\" : s === \"held\" ? \"secondary\" : \"destructive\"}>{t(`moderation.${s}`)}</Badge>\n                {c.reply_to_id && <Badge variant=\"outline\">{t(\"moderation.reply\")}</Badge>}\n                <span className=\"text-xs text-muted-foreground\">\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-4 break-words whitespace-pre-wrap\", c.deleted && \"text-muted-foreground line-through\")}>{c.body}</p>\n              {c.moderation_reason && <p className=\"text-xs text-muted-foreground\">{t(\"moderation.heldBecause\", { reason: c.moderation_reason })}</p>}\n              <div className=\"flex flex-wrap gap-2\">\n                {c.deleted ? (\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => act(\"comment.restore\", () => client.comments.restore(c.id))}>\n                    {t(\"moderation.restore\")}\n                  </Button>\n                ) : (\n                  <Button size=\"sm\" variant=\"destructive\" onClick={() => act(\"comment.delete\", () => client.comments.delete(c.id))}>\n                    {t(\"moderation.delete\")}\n                  </Button>\n                )}\n                {c.user_id && c.user_id !== author && (\n                  <Button size=\"sm\" variant=\"ghost\" onClick={() => filter({ author: c.user_id! })}>\n                    {t(\"moderation.theirComments\")}\n                  </Button>\n                )}\n                {c.user_id && (\n                  <Button size=\"sm\" variant=\"ghost\" onClick={() => setBanning({ id: c.user_id!, name })}>\n                    {t(\"comments.ban\")}\n                  </Button>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </Listing>\n      <Pager page={page} hasNext={list.hasNext} disabled={list.loading} onPage={(n) => loc.go(view, { kind, author, page: n > 1 ? n : undefined })} />\n      {banning && <CommentBanDialog open onOpenChange={(o) => !o && setBanning(null)} user={banning} scopes={[\"global\"]} client={client} onError={p.onError} />}\n    </div>\n  );\n}\n\nfunction Queue({ loc, view, ...p }: SectionProps) {\n  const m = useMessages();\n  const { t } = m;\n  const kind: HeldKind = loc.query.get(\"kind\") === \"content\" ? \"content\" : \"comment\";\n  const queue = useModerationQueue({ kind, pageSize: p.pageSize, client: p.client });\n  return (\n    <div className=\"grid gap-3\">\n      <div className=\"flex gap-2\" role=\"group\" aria-label={t(\"moderation.queue\")}>\n        {([\"comment\", \"content\"] as const).map((k) => (\n          <Button key={k} size=\"sm\" variant={kind === k ? \"default\" : \"outline\"} aria-pressed={kind === k} onClick={() => loc.go(view, { kind: k === \"comment\" ? undefined : k })}>\n            {t(k === \"content\" ? \"moderation.queueContent\" : \"moderation.queueComments\")}\n          </Button>\n        ))}\n      </div>\n      <Listing loading={queue.loading} error={queue.error} empty={t(\"moderation.queueEmpty\")} count={queue.items.length} reload={queue.reload}>\n        {queue.items.map((it) => (\n          <HeldRow key={it.id} item={it} itemHref={p.itemHref} userHref={p.userHref} onResolve={queue.resolve} reload={queue.reload} onError={p.onError} />\n        ))}\n      </Listing>\n      {queue.hasMore && (\n        <Button variant=\"outline\" className=\"justify-self-center\" disabled={queue.loadingMore} onClick={() => void queue.loadMore()}>\n          {t(\"moderation.loadMore\")}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction HeldRow(p: {\n  item: HeldItem;\n  itemHref?: Rest[\"itemHref\"];\n  userHref?: Rest[\"userHref\"];\n  onResolve: (item: HeldItem, d: Decision, reason?: string) => Promise<void>;\n  reload: () => void;\n  onError?: ContentKitErrorHandler;\n}) {\n  const m = useMessages();\n  const { t } = m;\n  const report = useErrorReporter(p.onError);\n  const guarded = useGuarded();\n  const { item: it } = p;\n  const [rejecting, setRejecting] = useState(false);\n  const [reason, setReason] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const name = it.author?.username ?? it.anon_name ?? it.author_id ?? t(\"comments.anonymous\");\n  const href = p.itemHref?.({ kind: it.ref.content_kind, id: it.ref.content_id });\n  const resolve = async (d: Decision) => {\n    setPending(true);\n    setError(null);\n    try {\n      await guarded(() => p.onResolve(it, d, d === \"reject\" ? reason.trim() || undefined : undefined));\n    } catch (e) {\n      const err = toContentKitError(e);\n      report(err, \"moderation.resolve\");\n      // A stale revision: the text changed since it was listed.\n      if (err.code === \"not_found\" || err.code === \"conflict\") {\n        setError(t(\"moderation.stale\"));\n        p.reload();\n      } else setError(contentError(m, err));\n    } finally {\n      setPending(false);\n    }\n  };\n  return (\n    <li className=\"grid gap-2 p-3\" data-ckui=\"held-item\">\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        <UserAvatar user={it.author} name={name} size=\"sm\" />\n        <UserName user={it.author} name={name} href={p.userHref} />\n        <RelativeTime at={it.held_at} className=\"text-xs text-muted-foreground\" />\n        {href && (\n          <a className=\"text-xs text-muted-foreground hover:underline\" href={href}>\n            {t(\"moderation.on\")} {it.ref.content_kind}/{it.ref.content_id}\n          </a>\n        )}\n      </div>\n      {it.title && <p className=\"font-medium\">{it.title}</p>}\n      <p className=\"line-clamp-6 break-words whitespace-pre-wrap\">{it.body}</p>\n      {(it.reason || it.error) && <p className=\"text-xs text-muted-foreground\">{t(\"moderation.heldBecause\", { reason: it.reason || it.error || \"\" })}</p>}\n      {rejecting && (\n        <Input value={reason} maxLength={500} placeholder={t(\"moderation.rejectReason\")} aria-label={t(\"moderation.rejectReason\")} onChange={(e) => setReason(e.target.value)} autoFocus />\n      )}\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" disabled={pending} onClick={() => void resolve(\"approve\")}>\n          {t(\"moderation.approve\")}\n        </Button>\n        <Button size=\"sm\" variant=\"destructive\" disabled={pending} onClick={() => (rejecting ? void resolve(\"reject\") : setRejecting(true))}>\n          {t(\"moderation.reject\")}\n        </Button>\n        {rejecting && (\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => setRejecting(false)}>\n            {t(\"common.cancel\")}\n          </Button>\n        )}\n      </div>\n      {error && <ErrorLine>{error}</ErrorLine>}\n    </li>\n  );\n}\n\nfunction Listing(p: { loading: boolean; error?: ContentKitError; empty: string; count: number; reload: () => void; children: React.ReactNode }) {\n  const m = useMessages();\n  const { t } = m;\n  if (p.loading && !p.count) {\n    return (\n      <div className=\"grid gap-3\" aria-busy>\n        <Skeleton className=\"h-16 w-full\" />\n        <Skeleton className=\"h-16 w-full\" />\n      </div>\n    );\n  }\n  if (p.error && !p.count) {\n    return (\n      <div className=\"grid justify-items-start gap-2\">\n        <ErrorLine>{p.error.code === \"forbidden\" || p.error.code === \"unauthorized\" ? contentError(m, p.error) : t(\"moderation.loadFailed\")}</ErrorLine>\n        <Button size=\"sm\" variant=\"outline\" onClick={p.reload}>\n          {t(\"common.retry\")}\n        </Button>\n      </div>\n    );\n  }\n  if (!p.count) return <p className=\"text-muted-foreground\">{p.empty}</p>;\n  return <ul className=\"grid divide-y divide-border rounded-lg border border-border\">{p.children}</ul>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,IAAM,IAA6C;CAAC;CAAY;CAAS;CAAQ;CAAS;AAAK;AAG/F,SAAgB,EAA2B,IAAuB,CAAC,GAAmC;CACpG,OAAO,EAAe,GAAc,CAAC;AACvC;AAUA,SAAgB,EAAkB,EAAE,QAAQ,GAAK,YAAS,SAAM,UAAO,eAAY,cAAW,aAAU,aAAU,cAAW,GAAc,GAAG,KAA6B;CACzK,IAAM,IAAS,EAAc;EAAE,QAAQ;EAAK;EAAS;CAAK,CAAC;CAC3D,OACE,kBAAC,GAAD;EAAW,MAAK;EAAiC;EAAuB;EAAqB;EAAoB;EAAiB;EAChI,UAAA,kBAAC,GAAD;GAAY,GAAI;GAAW;GAAkB;EAAW,CAAA;CAC/C,CAAA;AAEf;AAMA,SAAS,EAAW,EAAE,aAAU,aAAU,eAAY,GAAG,KAA8H;CACrL,IAAM,EAAE,SAAM,EAAY,GACpB,IAAM,EAAiB,GAAU,CAAU,GAC3C,IAAS,EAA2B,EAAE,QAAQ,EAAE,OAAO,CAAC,GACxD,IAAU,EAAS,QAAQ,MAAM,EAAO,QAAQ,EAAE,GAClD,IAA2C;EAC/C,UAAU,EAAE,gBAAgB;EAC5B,OAAO,EAAE,kBAAkB;EAC3B,MAAM,EAAE,iBAAiB;EACzB,OAAO,EAAE,uBAAuB;EAChC,KAAK,EAAE,qBAAqB;CAC9B,GACM,IAAQ,kBAAC,MAAD;EAAI,WAAU;EAA2B,UAAA,EAAE,kBAAkB;CAAM,CAAA;CACjF,IAAI,EAAO,SACT,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD,CAAO,CAAA,CACP,EAAA,CAAA;CAEN,IAAI,CAAC,EAAQ,QACX,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD,EAAA,UAAW,EAAE,qBAAqB,EAAY,CAAA,CAC9C,EAAA,CAAA;CAEN,IAAM,KAAU,MAA0B,MAAM,EAAS,KAAK,KAAK,GAC7D,IAAS,EAAI,QAAQ,EAAS,IAC9B,IAAU,EAAQ,SAAS,CAAK,IAAI,IAAQ,EAAQ,IACpD,IAAO,EAAO,CAAO;CAC3B,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,GACD,kBAAC,GAAD;EAAM,OAAO;EAAS,gBAAgB,MAAM,EAAI,GAAG,EAAO,CAAsB,CAAC;EAAjF,UAAA,CACG,EAAQ,SAAS,KAChB,kBAAC,GAAD,EAAA,UACG,EAAQ,KAAK,MACZ,kBAAC,GAAD;GAAqB,OAAO;GACzB,UAAA,EAAM;EACI,GAFK,CAEL,CACd,EACO,CAAA,GAEZ,kBAAC,GAAD;GAAa,OAAO;GAAS,WAAU;GAAvC,UAAA;IACG,MAAY,cAAc,kBAAC,GAAD;KAAa,GAAI;KAAQ;KAAW;IAAO,CAAA;IACrE,MAAY,WAAW,kBAAC,GAAD;KAAO,GAAI;KAAQ;KAAW;IAAO,CAAA;IAC5D,MAAY,UACX,kBAAC,GAAD;KACE,OAAM;KACN,UAAU,EAAE;KACZ,MAAM,EAAO,EAAI,KAAK;KACtB,eAAe,MAAM,EAAI,GAAG,GAAM,EAAE,MAAM,IAAI,IAAI,IAAI,KAAA,EAAU,CAAC;KACjE,UAAU,EAAE;KACZ,QAAQ,EAAE;KACV,SAAS,EAAE;IACZ,CAAA;IAEF,MAAY,WAAW,kBAAC,GAAD;KAAa,QAAQ,EAAE;KAAQ,SAAS,EAAE;IAAU,CAAA;IAC3E,MAAY,SAAS,kBAAC,GAAD;KAAQ,QAAQ,EAAE;KAAQ,SAAS,EAAE;IAAU,CAAA;GAC1D;EACT,CAAA,CAAA;CACN,CAAA,CAAA,EAAA,CAAA;AAEN;AAIA,SAAS,EAAO,GAAgE;CAE9E,OADI,EAAE,UAAgB,YACf,EAAE,eAAe,SAAS,SAAS,EAAE,eAAe,aAAa,aAAa;AACvF;AAEA,SAAS,EAAY,EAAE,QAAK,SAAM,WAAQ,GAAG,KAAmB;CAE9D,IAAM,EAAE,SADE,EACI,GACR,IAAM,GAAM,GACZ,IAAQ,UAAe,EAAE,gBAAgB,CAAC,EAAA,CAAG,KAAK,MAAO,OAAO,KAAM,WAAW;EAAE,OAAO;EAAG,OAAO;CAAE,IAAI,CAAE,GAAG,CAAC,EAAE,YAAY,CAAC,GAC/H,IAAO,EAAI,MAAM,IAAI,MAAM,KAAK,IAChC,IAAS,EAAI,MAAM,IAAI,QAAQ,KAAK,IACpC,IAAO,EAAO,EAAI,KAAK,GACvB,IAAO,EAAE,YAAY,IACrB,KAAU,MAA6C,EAAI,GAAG,GAAM;EAAE;EAAM;EAAQ,GAAG;CAAK,CAAC,GAC7F,CAAC,GAAa,KAAkB,EAAS,CAAM;CACrD,QAAgB,EAAe,CAAM,GAAG,CAAC,CAAM,CAAC;CAChD,IAAM,EAAE,UAAO,aAAU,EAAgB,CAAM,GACzC,IAAO,EAAS,GAAO,EAAM,uBAAuB,GAAO,GAAM,GAAQ,CAAI,GAAG,EAAE,MAAM,iBAAiB,GAAG,GAAM,IAAO,GAAG,MAChI,EAAO,SAAS,UAAU;EAAE,GAAG;EAAG,aAAa,KAAQ,KAAA;EAAW,QAAQ,KAAU,KAAA;CAAU,GAAG,CAAM,CACzG,GACM,IAAS,EAAiB,EAAE,OAAO,GACnC,IAAU,EAAW,GACrB,CAAC,GAAO,KAAY,EAAiC,IAAI,GACzD,CAAC,GAAS,KAAc,EAA8C,IAAI,GAC1E,KAAO,GAA0C,MAA+B;EAEpF,AADA,EAAS,IAAI,GACb,EAAQ,CAAE,CAAC,CAAC,OAAO,MAAM;GACvB,IAAM,IAAM,EAAkB,CAAC;GAE/B,AADA,EAAS,CAAG,GACZ,EAAO,GAAK,CAAE;EAChB,CAAC;CACH,GACM,KAAS,IAAU,EAAK,MAAM,MAAM,MAAM,EAAE,YAAY,CAAM,CAAC,EAAE,QAAQ,YAAY,IAAU;CACrG,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACG,EAAM,SAAS,KACd,kBAAC,GAAD;KAAQ,OAAO;KAAM,gBAAgB,MAAM,EAAO,EAAE,MAAM,OAAO,KAAK,EAAE,EAAE,CAAC;KAA3E,UAAA,CACE,kBAAC,GAAD;MAAe,MAAK;MAAK,cAAY,EAAE,iBAAiB;MACtD,UAAA,kBAAC,GAAD,EAAA,WAAe,MAAe,IAAK,EAAM,MAAM,MAAM,EAAE,UAAU,CAAC,CAAC,EAAE,SAAS,IAAK,EAAE,qBAAqB,EAAgB,CAAA;KAC7G,CAAA,GACf,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,OAAM;MAAI,UAAA,EAAE,qBAAqB;KAAc,CAAA,GAC1D,EAAM,KAAK,MACV,kBAAC,GAAD;MAA0B,OAAO,EAAE;MAChC,UAAA,EAAE;KACO,GAFK,EAAE,KAEP,CACb,CACY,EAAA,CAAA,CACT;IAEV,CAAA,GAAA,kBAAC,QAAD;KACE,WAAU;KACV,WAAW,MAAM;MAEf,AADA,EAAE,eAAe,GACjB,EAAO,EAAE,QAAQ,EAAY,KAAK,EAAE,CAAC;KACvC;KALF,UAAA,CAOE,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,kBAAC,GAAD;OAAO,SAAS,GAAG,EAAI;OAAU,WAAU;OACxC,UAAA,EAAE,mBAAmB;MACjB,CAAA,GACP,kBAAC,GAAD;OAAO,IAAI,GAAG,EAAI;OAAU,WAAU;OAAM,OAAO;OAAa,aAAa,EAAE,8BAA8B;OAAG,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;MAAI,CAAA,CAC/J;KACL,CAAA,GAAA,kBAAC,GAAD;MAAQ,MAAK;MAAS,MAAK;MAAK,SAAQ;MACrC,UAAA,EAAE,mBAAmB;KAChB,CAAA,CACJ;IACH,CAAA,CAAA;;GACJ,KACC,kBAAC,OAAD;IAAK,WAAU;IAAoC,aAAU;IAA7D,UAAA,CACE,kBAAC,QAAD,EAAA,UAAO,EAAE,uBAAuB,EAAE,MAAM,GAAO,CAAC,EAAQ,CAAA,GACxD,kBAAC,GAAD;KAAQ,MAAK;KAAK,SAAQ;KAAQ,eAAe,EAAO,EAAE,QAAQ,GAAG,CAAC;KACnE,UAAA,EAAE,wBAAwB;IACrB,CAAA,CACL;;GAEP,kBAAC,GAAD,EAAkB,SAAQ,CAAA;GAC1B,kBAAC,GAAD;IAAS,SAAS,EAAK;IAAS,OAAO,EAAK;IAAO,OAAO,EAAE,kBAAkB;IAAG,OAAO,EAAK,MAAM;IAAQ,QAAQ,EAAK;IACrH,UAAA,EAAK,MAAM,KAAK,MAAM;KACrB,IAAM,IAAO,EAAE,QAAQ,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,oBAAoB,GAC/E,IAAI,EAAO,CAAC,GACZ,IAAO,EAAE,WAAW;MAAE,MAAM,EAAE;MAAc,IAAI,EAAE;KAAW,CAAC;KACpE,OACE,kBAAC,MAAD;MAAe,WAAU;MAAiB,aAAU;MAAgB,eAAa;MAAjF,UAAA;OACE,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA;SACE,kBAAC,GAAD;UAAY,MAAM,EAAE;UAAc;UAAM,MAAK;SAAM,CAAA;SACnD,kBAAC,GAAD;UAAU,MAAM,EAAE;UAAc;UAAM,MAAM,EAAE;SAAW,CAAA;SACzD,kBAAC,GAAD;UAAc,IAAI,EAAE;UAAY,WAAU;SAAiC,CAAA;SAC3E,kBAAC,GAAD;UAAO,SAAS,MAAM,cAAc,YAAY,MAAM,SAAS,cAAc;UAAgB,UAAA,EAAE,cAAc,GAAG;SAAS,CAAA;SACxH,EAAE,eAAe,kBAAC,GAAD;UAAO,SAAQ;UAAW,UAAA,EAAE,kBAAkB;SAAS,CAAA;SACzE,kBAAC,QAAD;UAAM,WAAU;UAAhB,UAAA;WACG,EAAE,eAAe;WAAG;WACpB,IACC,kBAAC,KAAD;YAAG,WAAU;YAAwB;YAArC,UAAA;aACG,EAAE;aAAa;aAAE,EAAE;YACnB;WAEH,CAAA,IAAA,GAAG,EAAE,aAAa,GAAG,EAAE;UAErB;;QACH;;OACL,kBAAC,KAAD;QAAG,WAAW,EAAG,gDAAgD,EAAE,WAAW,oCAAoC;QAAI,UAAA,EAAE;OAAQ,CAAA;OAC/H,EAAE,qBAAqB,kBAAC,KAAD;QAAG,WAAU;QAAiC,UAAA,EAAE,0BAA0B,EAAE,QAAQ,EAAE,kBAAkB,CAAC;OAAK,CAAA;OACtI,kBAAC,OAAD;QAAK,WAAU;QAAf,UAAA;SACG,EAAE,UACD,kBAAC,GAAD;UAAQ,MAAK;UAAK,SAAQ;UAAU,eAAe,EAAI,yBAAyB,EAAO,SAAS,QAAQ,EAAE,EAAE,CAAC;UAC1G,UAAA,EAAE,oBAAoB;SACjB,CAAA,IAER,kBAAC,GAAD;UAAQ,MAAK;UAAK,SAAQ;UAAc,eAAe,EAAI,wBAAwB,EAAO,SAAS,OAAO,EAAE,EAAE,CAAC;UAC5G,UAAA,EAAE,mBAAmB;SAChB,CAAA;SAET,EAAE,WAAW,EAAE,YAAY,KAC1B,kBAAC,GAAD;UAAQ,MAAK;UAAK,SAAQ;UAAQ,eAAe,EAAO,EAAE,QAAQ,EAAE,QAAS,CAAC;UAC3E,UAAA,EAAE,0BAA0B;SACvB,CAAA;SAET,EAAE,WACD,kBAAC,GAAD;UAAQ,MAAK;UAAK,SAAQ;UAAQ,eAAe,EAAW;WAAE,IAAI,EAAE;WAAU;UAAK,CAAC;UACjF,UAAA,EAAE,cAAc;SACX,CAAA;QAEP;;MACH;KAzCK,GAAA,EAAE,EAyCP;IAER,CAAC;GACM,CAAA;GACT,kBAAC,GAAD;IAAa;IAAM,SAAS,EAAK;IAAS,UAAU,EAAK;IAAS,SAAS,MAAM,EAAI,GAAG,GAAM;KAAE;KAAM;KAAQ,MAAM,IAAI,IAAI,IAAI,KAAA;IAAU,CAAC;GAAI,CAAA;GAC9I,KAAW,kBAAC,GAAD;IAAkB,MAAA;IAAK,eAAe,MAAM,CAAC,KAAK,EAAW,IAAI;IAAG,MAAM;IAAS,QAAQ,CAAC,QAAQ;IAAW;IAAQ,SAAS,EAAE;GAAU,CAAA;EACrJ;;AAET;AAEA,SAAS,EAAM,EAAE,QAAK,SAAM,GAAG,KAAmB;CAEhD,IAAM,EAAE,SADE,EACI,GACR,IAAiB,EAAI,MAAM,IAAI,MAAM,MAAM,YAAY,YAAY,WACnE,IAAQ,EAAmB;EAAE;EAAM,UAAU,EAAE;EAAU,QAAQ,EAAE;CAAO,CAAC;CACjF,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAa,MAAK;IAAQ,cAAY,EAAE,kBAAkB;IACrE,UAAA,CAAC,WAAW,SAAS,CAAC,CAAW,KAAK,MACtC,kBAAC,GAAD;KAAgB,MAAK;KAAK,SAAS,MAAS,IAAI,YAAY;KAAW,gBAAc,MAAS;KAAG,eAAe,EAAI,GAAG,GAAM,EAAE,MAAM,MAAM,YAAY,KAAA,IAAY,EAAE,CAAC;KACnK,UAAA,EAAE,MAAM,YAAY,4BAA4B,0BAA0B;IACrE,GAFK,CAEL,CACT;GACE,CAAA;GACL,kBAAC,GAAD;IAAS,SAAS,EAAM;IAAS,OAAO,EAAM;IAAO,OAAO,EAAE,uBAAuB;IAAG,OAAO,EAAM,MAAM;IAAQ,QAAQ,EAAM;IAC9H,UAAA,EAAM,MAAM,KAAK,MAChB,kBAAC,GAAD;KAAqB,MAAM;KAAI,UAAU,EAAE;KAAU,UAAU,EAAE;KAAU,WAAW,EAAM;KAAS,QAAQ,EAAM;KAAQ,SAAS,EAAE;IAAU,GAAlI,EAAG,EAA+H,CACjJ;GACM,CAAA;GACR,EAAM,WACL,kBAAC,GAAD;IAAQ,SAAQ;IAAU,WAAU;IAAsB,UAAU,EAAM;IAAa,eAAe,KAAK,EAAM,SAAS;IACvH,UAAA,EAAE,qBAAqB;GAClB,CAAA;EAEP;;AAET;AAEA,SAAS,EAAQ,GAOd;CACD,IAAM,IAAI,EAAY,GAChB,EAAE,SAAM,GACR,IAAS,EAAiB,EAAE,OAAO,GACnC,IAAU,EAAW,GACrB,EAAE,MAAM,MAAO,GACf,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAQ,KAAa,EAAS,EAAE,GACjC,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,IAAO,EAAG,QAAQ,YAAY,EAAG,aAAa,EAAG,aAAa,EAAE,oBAAoB,GACpF,IAAO,EAAE,WAAW;EAAE,MAAM,EAAG,IAAI;EAAc,IAAI,EAAG,IAAI;CAAW,CAAC,GACxE,IAAU,OAAO,MAAgB;EAErC,AADA,EAAW,EAAI,GACf,EAAS,IAAI;EACb,IAAI;GACF,MAAM,QAAc,EAAE,UAAU,GAAI,GAAG,MAAM,YAAW,EAAO,KAAK,KAAiB,KAAA,CAAS,CAAC;EACjG,SAAS,GAAG;GACV,IAAM,IAAM,EAAkB,CAAC;GAG/B,AAFA,EAAO,GAAK,oBAAoB,GAE5B,EAAI,SAAS,eAAe,EAAI,SAAS,cAC3C,EAAS,EAAE,kBAAkB,CAAC,GAC9B,EAAE,OAAO,KACJ,EAAS,EAAa,GAAG,CAAG,CAAC;EACtC,UAAU;GACR,EAAW,EAAK;EAClB;CACF;CACA,OACE,kBAAC,MAAD;EAAI,WAAU;EAAiB,aAAU;EAAzC,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,GAAD;MAAY,MAAM,EAAG;MAAc;MAAM,MAAK;KAAM,CAAA;KACpD,kBAAC,GAAD;MAAU,MAAM,EAAG;MAAc;MAAM,MAAM,EAAE;KAAW,CAAA;KAC1D,kBAAC,GAAD;MAAc,IAAI,EAAG;MAAS,WAAU;KAAiC,CAAA;KACxE,KACC,kBAAC,KAAD;MAAG,WAAU;MAAsD;MAAnE,UAAA;OACG,EAAE,eAAe;OAAE;OAAE,EAAG,IAAI;OAAa;OAAE,EAAG,IAAI;MAClD;;IAEF;;GACJ,EAAG,SAAS,kBAAC,KAAD;IAAG,WAAU;IAAe,UAAA,EAAG;GAAS,CAAA;GACrD,kBAAC,KAAD;IAAG,WAAU;IAAgD,UAAA,EAAG;GAAQ,CAAA;IACtE,EAAG,UAAU,EAAG,UAAU,kBAAC,KAAD;IAAG,WAAU;IAAiC,UAAA,EAAE,0BAA0B,EAAE,QAAQ,EAAG,UAAU,EAAG,SAAS,GAAG,CAAC;GAAK,CAAA;GACjJ,KACC,kBAAC,GAAD;IAAO,OAAO;IAAQ,WAAW;IAAK,aAAa,EAAE,yBAAyB;IAAG,cAAY,EAAE,yBAAyB;IAAG,WAAW,MAAM,EAAU,EAAE,OAAO,KAAK;IAAG,WAAA;GAAW,CAAA;GAEpL,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,UAAU;MAAS,eAAe,KAAK,EAAQ,SAAS;MACvE,UAAA,EAAE,oBAAoB;KACjB,CAAA;KACR,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAc,UAAU;MAAS,eAAgB,IAAY,KAAK,EAAQ,QAAQ,IAAI,EAAa,EAAI;MAC9H,UAAA,EAAE,mBAAmB;KAChB,CAAA;KACP,KACC,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAQ,eAAe,EAAa,EAAK;MAChE,UAAA,EAAE,eAAe;KACZ,CAAA;IAEP;;GACJ,KAAS,kBAAC,GAAD,EAAA,UAAY,EAAiB,CAAA;EACrC;;AAER;AAEA,SAAS,EAAQ,GAA+H;CAC9I,IAAM,IAAI,EAAY,GAChB,EAAE,SAAM;CAoBd,OAnBI,EAAE,WAAW,CAAC,EAAE,QAEhB,kBAAC,OAAD;EAAK,WAAU;EAAa,aAAA;EAA5B,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,GACnC,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,CAChC;MAGL,EAAE,SAAS,CAAC,EAAE,QAEd,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAAC,GAAD,EAAA,UAAY,EAAE,MAAM,SAAS,eAAe,EAAE,MAAM,SAAS,iBAAiB,EAAa,GAAG,EAAE,KAAK,IAAI,EAAE,uBAAuB,EAAa,CAAA,GAC/I,kBAAC,GAAD;GAAQ,MAAK;GAAK,SAAQ;GAAU,SAAS,EAAE;GAC5C,UAAA,EAAE,cAAc;EACX,CAAA,CACL;MAGJ,EAAE,QACA,kBAAC,MAAD;EAAI,WAAU;EAA+D,UAAA,EAAE;CAAa,CAAA,IAD9E,kBAAC,KAAD;EAAG,WAAU;EAAyB,UAAA,EAAE;CAAS,CAAA;AAExE"}
+{"version":3,"file":"moderation.js","names":[],"sources":["../../../src/components/social/moderation.tsx"],"sourcesContent":["import { cn } from \"cn\";\nimport { useEffect, useId, useMemo, useState } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { Decision, HeldKind } from \"../../client/content/types.js\";\nimport { toContentKitError, type ContentKitError } from \"../../client/errors.js\";\nimport type { AdminComment, HeldItem, PublicUser } from \"../../client/generated/wire.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useAdminLocation, useFlowClient, useStaffAccess, type AdminLocation, type FlowClientOptions, type StaffAccess } from \"../../react/admin.js\";\nimport { useModerationQueue } from \"../../react/comments.js\";\nimport { useErrorReporter, type ContentKitErrorHandler } from \"../../react/context.js\";\nimport { keyOf, useContentScope, usePaged } from \"../../react/use-resource.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { Input } from \"#ckui/ui/input\";\nimport { Label } from \"#ckui/ui/label\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"#ckui/ui/select\";\nimport { Skeleton } from \"#ckui/ui/skeleton\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"#ckui/ui/tabs\";\nimport { AdminRoot, NoAccess, Pager, Rows, pageOf, useGuarded, type AdminFlowProps, type AdminRouteProps } from \"../admin/shell.js\";\nimport { CommentBanDialog, CommentBans } from \"./bans.js\";\nimport { BannedWords, IPBans } from \"./rules.js\";\nimport { contentError, ErrorLine, RelativeTime, UserAvatar, UserName } from \"./parts.js\";\n\nexport type ModerationSection = \"comments\" | \"queue\" | \"bans\" | \"words\" | \"ips\";\n\nexport interface CommentModerationProps extends AdminFlowProps, AdminRouteProps {\n  /** Content kinds offered as a filter of the comment list: codes, or codes with labels. */\n  contentKinds?: readonly (string | { value: string; label: string })[];\n  /** A link to a commented item. */\n  itemHref?: (item: { kind: string; id: string }) => string | undefined;\n  userHref?: (user: PublicUser) => string | undefined;\n  /** The sections, in order; the first is at basePath, the others at basePath/{section}. Default all. */\n  sections?: readonly ModerationSection[];\n  pageSize?: number;\n}\n\nconst ALL_SECTIONS: readonly ModerationSection[] = [\"comments\", \"queue\", \"bans\", \"words\", \"ips\"];\n\n/** Which moderation sections the caller may use: every comment, the review queue, the site's bans, banned words and IP bans. */\nexport function useCommentModerationAccess(o: FlowClientOptions = {}): StaffAccess<ModerationSection> {\n  return useStaffAccess(ALL_SECTIONS, o);\n}\n\n/**\n * Staff: every comment (deleted, held and rejected ones with their text) to\n * delete, restore or ban its author, by content kind or author; the review\n * queue of held comments and content to approve or reject; the site's\n * comment bans; and the rules every comment and answer meets (banned words,\n * IP bans). Sections, filters and pages live in the URL under basePath;\n * the caller sees only the sections its permissions allow.\n */\nexport function CommentModeration({ client: own, baseUrl, auth, guard, appearance, className, language, messages, sections = ALL_SECTIONS, ...p }: CommentModerationProps) {\n  const client = useFlowClient({ client: own, baseUrl, auth });\n  return (\n    <AdminRoot flow=\"comment-moderation\" appearance={appearance} className={className} language={language} messages={messages} guard={guard}>\n      <Moderation {...p} client={client} sections={sections} />\n    </AdminRoot>\n  );\n}\n\ntype Rest = Omit<CommentModerationProps, \"client\" | \"baseUrl\" | \"auth\" | \"guard\" | \"appearance\" | \"className\" | \"language\" | \"messages\" | \"sections\" | \"basePath\" | \"navigation\"> & {\n  client: ContentKitClient;\n};\n\nfunction Moderation({ sections, basePath, navigation, ...p }: Rest & { sections: readonly ModerationSection[]; basePath?: string; navigation?: CommentModerationProps[\"navigation\"] }) {\n  const { t } = useMessages();\n  const loc = useAdminLocation(basePath, navigation);\n  const access = useCommentModerationAccess({ client: p.client });\n  const allowed = sections.filter((s) => access.allowed[s]);\n  const label: Record<ModerationSection, string> = {\n    comments: t(\"moderation.all\"),\n    queue: t(\"moderation.queue\"),\n    bans: t(\"moderation.bans\"),\n    words: t(\"moderationRules.words\"),\n    ips: t(\"moderationRules.ips\"),\n  };\n  const title = <h2 className=\"text-base font-semibold\">{t(\"moderation.title\")}</h2>;\n  if (access.loading)\n    return (\n      <>\n        {title}\n        <Rows />\n      </>\n    );\n  if (!allowed.length)\n    return (\n      <>\n        {title}\n        <NoAccess>{t(\"moderation.noAccess\")}</NoAccess>\n      </>\n    );\n  const viewOf = (s: ModerationSection) => (s === sections[0] ? \"\" : s);\n  const asked = (loc.view || sections[0]) as ModerationSection;\n  const section = allowed.includes(asked) ? asked : allowed[0]!;\n  const view = viewOf(section);\n  return (\n    <>\n      {title}\n      <Tabs value={section} onValueChange={(v) => loc.go(viewOf(v as ModerationSection))}>\n        {allowed.length > 1 && (\n          <TabsList className=\"flex-wrap group-data-horizontal/tabs:h-auto\">\n            {allowed.map((s) => (\n              <TabsTrigger key={s} value={s} className=\"h-7.5\">\n                {label[s]}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        )}\n        <TabsContent value={section} className=\"pt-3\">\n          {section === \"comments\" && <AllComments {...p} loc={loc} view={view} />}\n          {section === \"queue\" && <Queue {...p} loc={loc} view={view} />}\n          {section === \"bans\" && (\n            <CommentBans\n              scope=\"global\"\n              pageSize={p.pageSize}\n              page={pageOf(loc.query)}\n              onPageChange={(n) => loc.go(view, { page: n > 1 ? n : undefined })}\n              userHref={p.userHref}\n              client={p.client}\n              onError={p.onError}\n            />\n          )}\n          {section === \"words\" && <BannedWords client={p.client} onError={p.onError} />}\n          {section === \"ips\" && <IPBans client={p.client} onError={p.onError} />}\n        </TabsContent>\n      </Tabs>\n    </>\n  );\n}\n\ntype SectionProps = Rest & { loc: AdminLocation; view: string };\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 AllComments({ loc, view, client, ...p }: SectionProps) {\n  const m = useMessages();\n  const { t } = m;\n  const ids = useId();\n  const kinds = useMemo(() => (p.contentKinds ?? []).map((k) => (typeof k === \"string\" ? { value: k, label: k } : k)), [p.contentKinds]);\n  const kind = loc.query.get(\"kind\") ?? \"\";\n  const author = loc.query.get(\"author\") ?? \"\";\n  const page = pageOf(loc.query);\n  const size = p.pageSize ?? 25;\n  const filter = (next: { kind?: string; author?: string }) => loc.go(view, { kind, author, ...next });\n  const [authorInput, setAuthorInput] = useState(author);\n  useEffect(() => setAuthorInput(author), [author]);\n  const { store, scope } = useContentScope(client);\n  const list = usePaged(store, keyOf(\"admin-comments-page\", scope, kind, author, size), { type: \"admin-comments\" }, page, size, (q, signal) =>\n    client.comments.adminList({ ...q, contentKind: kind || undefined, author: author || undefined }, signal),\n  );\n  const report = useErrorReporter(p.onError);\n  const guarded = useGuarded();\n  const [error, setError] = useState<ContentKitError | null>(null);\n  const [banning, setBanning] = useState<{ id: string; name: string } | null>(null);\n  const act = (op: \"comment.delete\" | \"comment.restore\", fn: () => Promise<unknown>) => {\n    setError(null);\n    guarded(fn).catch((e) => {\n      const err = toContentKitError(e);\n      setError(err);\n      report(err, op);\n    });\n  };\n  const byName = author ? (list.items.find((c) => c.user_id === author)?.author?.username ?? author) : \"\";\n  return (\n    <div className=\"grid gap-3\">\n      <div className=\"flex flex-wrap items-end gap-2\">\n        {kinds.length > 0 && (\n          <Select value={kind} onValueChange={(v) => filter({ kind: String(v ?? \"\") })}>\n            <SelectTrigger size=\"sm\" aria-label={t(\"moderation.kind\")}>\n              <SelectValue>{(v: string) => (v ? (kinds.find((k) => k.value === v)?.label ?? v) : t(\"moderation.allKinds\"))}</SelectValue>\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"\">{t(\"moderation.allKinds\")}</SelectItem>\n              {kinds.map((k) => (\n                <SelectItem key={k.value} value={k.value}>\n                  {k.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        )}\n        <form\n          className=\"flex min-w-56 flex-1 items-end gap-2\"\n          onSubmit={(e) => {\n            e.preventDefault();\n            filter({ author: authorInput.trim() });\n          }}\n        >\n          <div className=\"grid flex-1 gap-1\">\n            <Label htmlFor={`${ids}-author`} className=\"sr-only\">\n              {t(\"moderation.author\")}\n            </Label>\n            <Input id={`${ids}-author`} className=\"h-8\" value={authorInput} placeholder={t(\"moderation.authorPlaceholder\")} onChange={(e) => setAuthorInput(e.target.value)} />\n          </div>\n          <Button type=\"submit\" size=\"sm\" variant=\"outline\">\n            {t(\"moderation.filter\")}\n          </Button>\n        </form>\n      </div>\n      {author && (\n        <div className=\"flex flex-wrap items-center gap-2\" data-ckui=\"author-filter\">\n          <span>{t(\"moderation.byAuthor\", { name: byName })}</span>\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => filter({ author: \"\" })}>\n            {t(\"moderation.clearAuthor\")}\n          </Button>\n        </div>\n      )}\n      <ErrorLine error={error} />\n      <Listing loading={list.loading} error={list.error} empty={t(\"moderation.empty\")} count={list.items.length} reload={list.reload}>\n        {list.items.map((c) => {\n          const name = c.author?.username ?? c.anon_name ?? c.user_id ?? t(\"comments.anonymous\");\n          const s = status(c);\n          const href = p.itemHref?.({ kind: c.content_kind, id: c.content_id });\n          return (\n            <li key={c.id} className=\"grid gap-2 p-3\" data-ckui=\"admin-comment\" data-status={s}>\n              <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n                <UserAvatar user={c.author} name={name} size=\"sm\" />\n                <UserName user={c.author} name={name} href={p.userHref} />\n                <RelativeTime at={c.created_at} className=\"text-xs text-muted-foreground\" />\n                <Badge variant={s === \"published\" ? \"outline\" : s === \"held\" ? \"secondary\" : \"destructive\"}>{t(`moderation.${s}`)}</Badge>\n                {c.reply_to_id && <Badge variant=\"outline\">{t(\"moderation.reply\")}</Badge>}\n                <span className=\"text-xs text-muted-foreground\">\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-4 break-words whitespace-pre-wrap\", c.deleted && \"text-muted-foreground line-through\")}>{c.body}</p>\n              {c.moderation_reason && <p className=\"text-xs text-muted-foreground\">{t(\"moderation.heldBecause\", { reason: c.moderation_reason })}</p>}\n              <div className=\"flex flex-wrap gap-2\">\n                {c.deleted ? (\n                  <Button size=\"sm\" variant=\"outline\" onClick={() => act(\"comment.restore\", () => client.comments.restore(c.id))}>\n                    {t(\"moderation.restore\")}\n                  </Button>\n                ) : (\n                  <Button size=\"sm\" variant=\"destructive\" onClick={() => act(\"comment.delete\", () => client.comments.delete(c.id))}>\n                    {t(\"moderation.delete\")}\n                  </Button>\n                )}\n                {c.user_id && c.user_id !== author && (\n                  <Button size=\"sm\" variant=\"ghost\" onClick={() => filter({ author: c.user_id! })}>\n                    {t(\"moderation.theirComments\")}\n                  </Button>\n                )}\n                {c.user_id && (\n                  <Button size=\"sm\" variant=\"ghost\" onClick={() => setBanning({ id: c.user_id!, name })}>\n                    {t(\"comments.ban\")}\n                  </Button>\n                )}\n              </div>\n            </li>\n          );\n        })}\n      </Listing>\n      <Pager page={page} hasNext={list.hasNext} disabled={list.loading} onPage={(n) => loc.go(view, { kind, author, page: n > 1 ? n : undefined })} />\n      {banning && <CommentBanDialog open onOpenChange={(o) => !o && setBanning(null)} user={banning} scopes={[\"global\"]} client={client} onError={p.onError} />}\n    </div>\n  );\n}\n\nfunction Queue({ loc, view, ...p }: SectionProps) {\n  const m = useMessages();\n  const { t } = m;\n  const kind: HeldKind = loc.query.get(\"kind\") === \"content\" ? \"content\" : \"comment\";\n  const queue = useModerationQueue({ kind, pageSize: p.pageSize, client: p.client });\n  return (\n    <div className=\"grid gap-3\">\n      <div className=\"flex gap-2\" role=\"group\" aria-label={t(\"moderation.queue\")}>\n        {([\"comment\", \"content\"] as const).map((k) => (\n          <Button key={k} size=\"sm\" variant={kind === k ? \"default\" : \"outline\"} aria-pressed={kind === k} onClick={() => loc.go(view, { kind: k === \"comment\" ? undefined : k })}>\n            {t(k === \"content\" ? \"moderation.queueContent\" : \"moderation.queueComments\")}\n          </Button>\n        ))}\n      </div>\n      <Listing loading={queue.loading} error={queue.error} empty={t(\"moderation.queueEmpty\")} count={queue.items.length} reload={queue.reload}>\n        {queue.items.map((it) => (\n          <HeldRow key={it.id} item={it} itemHref={p.itemHref} userHref={p.userHref} onResolve={queue.resolve} reload={queue.reload} onError={p.onError} />\n        ))}\n      </Listing>\n      {queue.hasMore && (\n        <Button variant=\"outline\" className=\"justify-self-center\" disabled={queue.loadingMore} onClick={() => void queue.loadMore()}>\n          {t(\"moderation.loadMore\")}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction HeldRow(p: {\n  item: HeldItem;\n  itemHref?: Rest[\"itemHref\"];\n  userHref?: Rest[\"userHref\"];\n  onResolve: (item: HeldItem, d: Decision, reason?: string) => Promise<void>;\n  reload: () => void;\n  onError?: ContentKitErrorHandler;\n}) {\n  const m = useMessages();\n  const { t } = m;\n  const report = useErrorReporter(p.onError);\n  const guarded = useGuarded();\n  const { item: it } = p;\n  const [rejecting, setRejecting] = useState(false);\n  const [reason, setReason] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const name = it.author?.username ?? it.anon_name ?? it.author_id ?? t(\"comments.anonymous\");\n  const href = p.itemHref?.({ kind: it.ref.content_kind, id: it.ref.content_id });\n  const resolve = async (d: Decision) => {\n    setPending(true);\n    setError(null);\n    try {\n      await guarded(() => p.onResolve(it, d, d === \"reject\" ? reason.trim() || undefined : undefined));\n    } catch (e) {\n      const err = toContentKitError(e);\n      report(err, \"moderation.resolve\");\n      // A stale revision: the text changed since it was listed.\n      if (err.code === \"not_found\" || err.code === \"conflict\") {\n        setError(t(\"moderation.stale\"));\n        p.reload();\n      } else setError(contentError(m, err));\n    } finally {\n      setPending(false);\n    }\n  };\n  return (\n    <li className=\"grid gap-2 p-3\" data-ckui=\"held-item\">\n      <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n        <UserAvatar user={it.author} name={name} size=\"sm\" />\n        <UserName user={it.author} name={name} href={p.userHref} />\n        <RelativeTime at={it.held_at} className=\"text-xs text-muted-foreground\" />\n        {href && (\n          <a className=\"text-xs text-muted-foreground hover:underline\" href={href}>\n            {t(\"moderation.on\")} {it.ref.content_kind}/{it.ref.content_id}\n          </a>\n        )}\n      </div>\n      {it.title && <p className=\"font-medium\">{it.title}</p>}\n      <p className=\"line-clamp-6 break-words whitespace-pre-wrap\">{it.body}</p>\n      {(it.reason || it.error) && <p className=\"text-xs text-muted-foreground\">{t(\"moderation.heldBecause\", { reason: it.reason || it.error || \"\" })}</p>}\n      {rejecting && (\n        <Input value={reason} maxLength={500} placeholder={t(\"moderation.rejectReason\")} aria-label={t(\"moderation.rejectReason\")} onChange={(e) => setReason(e.target.value)} autoFocus />\n      )}\n      <div className=\"flex flex-wrap gap-2\">\n        <Button size=\"sm\" disabled={pending} onClick={() => void resolve(\"approve\")}>\n          {t(\"moderation.approve\")}\n        </Button>\n        <Button size=\"sm\" variant=\"destructive\" disabled={pending} onClick={() => (rejecting ? void resolve(\"reject\") : setRejecting(true))}>\n          {t(\"moderation.reject\")}\n        </Button>\n        {rejecting && (\n          <Button size=\"sm\" variant=\"ghost\" onClick={() => setRejecting(false)}>\n            {t(\"common.cancel\")}\n          </Button>\n        )}\n      </div>\n      {error && <ErrorLine>{error}</ErrorLine>}\n    </li>\n  );\n}\n\nfunction Listing(p: { loading: boolean; error?: ContentKitError; empty: string; count: number; reload: () => void; children: React.ReactNode }) {\n  const m = useMessages();\n  const { t } = m;\n  if (p.loading && !p.count) {\n    return (\n      <div className=\"grid gap-3\" aria-busy>\n        <Skeleton className=\"h-16 w-full\" />\n        <Skeleton className=\"h-16 w-full\" />\n      </div>\n    );\n  }\n  if (p.error && !p.count) {\n    return (\n      <div className=\"grid justify-items-start gap-2\">\n        <ErrorLine>{p.error.code === \"forbidden\" || p.error.code === \"unauthorized\" ? contentError(m, p.error) : t(\"moderation.loadFailed\")}</ErrorLine>\n        <Button size=\"sm\" variant=\"outline\" onClick={p.reload}>\n          {t(\"common.retry\")}\n        </Button>\n      </div>\n    );\n  }\n  if (!p.count) return <p className=\"text-muted-foreground\">{p.empty}</p>;\n  return <ul className=\"grid divide-y divide-border rounded-lg border border-border\">{p.children}</ul>;\n}\n"],"mappings":"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"}

package/dist/components/video-player.d.ts

@@ -125,6 +125,8 @@ export interface VideoPlayerProps extends Omit<HlsPlayerOptions, "src"> {
     style?: CSSProperties;
     appearance?: ContentKitUiAppearance;
 }
+/** A track's name: its playlist name, or its language's name when the name is only the language code. */
+export declare function trackLabel(tr: Pick<PlayerTrack, "label" | "lang">, languageName: (code: string) => string): string;
 /**
  * Whether a shortcut key belongs to the player: never while typing or in a
  * menu, not the arrows on a slider (it steps itself), and outside the