@openrails/contentkit-ui 0.0.0-stage → 0.68.0

package/dist/components/social/comments.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { ContentKitClient } from '../../client/client.js';
+import { Sort } from '../../client/content/types.js';
+import { Comment, PublicUser, RefBody } from '../../client/generated/wire.js';
+import { ContentKitUiAppearance } from '../../appearance.js';
+import { ContentKitErrorHandler } from '../../react/context.js';
+export interface CommentsProps {
+    /** The commented item. */
+    item: RefBody;
+    /** The item's comment count, for the heading; without it the heading has none. */
+    count?: number;
+    /** Initial order: newest (default) or best (top). */
+    sort?: Sort;
+    /** Top-level comments per page. Default 20. */
+    pageSize?: number;
+    /** Replies per page. Default 10. */
+    repliesPageSize?: number;
+    /**
+     * Asks a signed-out visitor to sign in where the server takes no anonymous
+     * comments or reactions (default the provider's). Where it does, they
+     * comment under a name and react anonymously.
+     */
+    onSignIn?: () => void;
+    /** A body as the host formats it (links, spoilers); default plain text. */
+    renderBody?: (body: string, comment: Comment) => ReactNode;
+    /** A profile URL for an author. */
+    userHref?: (user: PublicUser) => string | undefined;
+    /** The heading; false hides it. */
+    heading?: ReactNode | false;
+    client?: ContentKitClient;
+    onError?: ContentKitErrorHandler;
+    className?: string;
+    appearance?: ContentKitUiAppearance;
+}
+/**
+ * An item's comment thread: top-level comments a page at a time with
+ * one-level replies, tombstones, held and rejected states shown to their
+ * author, reactions, edit, delete, ban and rate-limit notices, and a sign-in
+ * prompt. Moderators (as the server says) edit, delete and restore any
+ * comment; an item's owner and site staff ban commenters.
+ */
+export declare function Comments(p: CommentsProps): import('react').JSX.Element;

package/dist/components/social/comments.js

@@ -0,0 +1,517 @@
+import { toContentKitError as e } from "../../client/errors.js";
+import { useMessages as t } from "../../i18n/context.js";
+import { ContentKitUiRoot as n } from "../../scope.js";
+import { ContentKitContext as r, useErrorReporter as i } from "../../react/context.js";
+import { Button as a } from "../../ui/button.js";
+import { DropdownMenu as o, DropdownMenuContent as s, DropdownMenuItem as c, DropdownMenuTrigger as l } from "../../ui/dropdown-menu.js";
+import { useCanComment as u, useCommentBans as d, useCommentReplies as f, useComments as p } from "../../react/comments.js";
+import { useContentConfig as m } from "../../react/config.js";
+import { Badge as h } from "../../ui/badge.js";
+import { Input as g } from "../../ui/input.js";
+import { Label as _ } from "../../ui/label.js";
+import { Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S } from "../../ui/select.js";
+import { Skeleton as C } from "../../ui/skeleton.js";
+import { Textarea as w } from "../../ui/textarea.js";
+import { ConfirmDialog as T, ErrorLine as E, RelativeTime as D, UserAvatar as O, UserName as k, contentError as A } from "./parts.js";
+import { BanNotice as j, CommentBanDialog as M } from "./bans.js";
+import { createContext as N, useContext as P, useId as F, useMemo as I, useRef as L, useState as R } from "react";
+import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
+import { cn as ee } from "cn";
+import { MoreHorizontalIcon as H, ThumbsDownIcon as U, ThumbsUpIcon as W } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as G } from "@hugeicons/react";
+//#region src/components/social/comments.tsx
+var K = N(null), q = () => P(K), J = typeof navigator < "u" && /Mac|iP(hone|ad)/.test(navigator.platform), Y = 300, X = (e, t) => e.author?.username ?? e.anon_name ?? t;
+function Z(e) {
+	let o = t(), { t: s } = o, c = P(r), [l, f] = R(e.sort ?? "newest"), h = p(e.item, {
+		sort: l,
+		pageSize: e.pageSize ?? 20,
+		client: e.client
+	}), { standing: g, reload: _ } = u(e.item, { client: e.client }), { config: C } = m({ client: e.client }), w = i(e.onError), E = e.onSignIn ?? c?.onSignIn, D = c?.viewer, O = g ? !!g.user_id : D ? !0 : D !== null && void 0, k = I(() => g?.ban_scopes ?? [], [g]), A = d({
+		scope: "owner",
+		pageSize: 100,
+		enabled: k.includes("owner"),
+		client: e.client
+	}), N = d({
+		scope: "global",
+		pageSize: 100,
+		enabled: k.includes("global"),
+		client: e.client
+	}), [F, L] = R(null), [z, H] = R(null), [U, W] = R(null), G = I(() => {
+		let e = /* @__PURE__ */ new Map(), t = (t, n) => {
+			for (let r of n) r.expired || e.set(r.user_id, [...e.get(r.user_id) ?? [], {
+				scope: t,
+				ban: r
+			}]);
+		};
+		return k.includes("owner") && t("owner", A.items), k.includes("global") && t("global", N.items), e;
+	}, [
+		k,
+		A.items,
+		N.items
+	]), q = (e) => O === !1 && (e === "comment" ? g?.anonymous === !1 : C?.anonymous.reactions === !1), J = {
+		item: e.item,
+		comments: h,
+		standing: g,
+		signedIn: O,
+		gate: (e, t) => q(e) ? E?.() : t(),
+		can: (e) => !q(e) || !!E,
+		maxLength: g?.max_length,
+		repliesPageSize: e.repliesPageSize ?? 10,
+		renderBody: e.renderBody,
+		userHref: e.userHref,
+		report: (e, t) => w(e, t),
+		banned: G,
+		openBan: (e, t) => L({
+			user: e,
+			ban: t
+		}),
+		liftBan: H,
+		onBanned: (e) => {
+			W(e), _();
+		}
+	}, Y = g?.ban ?? U, X = !g || g.can_comment, Z = e.heading === void 0 ? e.count === void 0 ? s("comments.title") : o.plural("comments.count", e.count) : e.heading;
+	return /* @__PURE__ */ B(K.Provider, {
+		value: J,
+		children: /* @__PURE__ */ V(n, {
+			appearance: e.appearance,
+			className: ee("grid gap-4 text-sm", e.className),
+			"data-ckui": "comments",
+			children: [
+				(Z !== !1 || h.items.length > 1) && /* @__PURE__ */ V("div", {
+					className: "flex flex-wrap items-center justify-between gap-2",
+					children: [Z !== !1 && /* @__PURE__ */ B("h2", {
+						className: "text-base font-semibold",
+						children: Z
+					}), /* @__PURE__ */ V(v, {
+						value: l,
+						onValueChange: (e) => f(e),
+						children: [/* @__PURE__ */ B(x, {
+							size: "sm",
+							"aria-label": s("comments.sort"),
+							className: "ms-auto",
+							children: /* @__PURE__ */ B(S, { children: (e) => s(e === "best" ? "comments.best" : "comments.newest") })
+						}), /* @__PURE__ */ V(y, { children: [/* @__PURE__ */ B(b, {
+							value: "newest",
+							children: s("comments.newest")
+						}), /* @__PURE__ */ B(b, {
+							value: "best",
+							children: s("comments.best")
+						})] })]
+					})]
+				}),
+				Y ? /* @__PURE__ */ B(j, { ban: Y }) : q("comment") ? E ? /* @__PURE__ */ B(a, {
+					variant: "outline",
+					className: "justify-self-start",
+					onClick: E,
+					children: s("comments.signIn")
+				}) : /* @__PURE__ */ B("p", {
+					className: "rounded-lg border border-border p-3 text-muted-foreground",
+					children: s("comments.signIn")
+				}) : X ? /* @__PURE__ */ B($, {
+					placeholder: s("comments.placeholder"),
+					submit: s("comments.post"),
+					askName: O === !1,
+					onSubmit: async (e, t) => (await h.post(e, { anonName: t }), !0),
+					operation: "comment.post"
+				}) : /* @__PURE__ */ B("p", {
+					className: "rounded-lg border border-border p-3 text-muted-foreground",
+					children: s("comments.locked")
+				}),
+				/* @__PURE__ */ B(te, {}),
+				F && /* @__PURE__ */ B(M, {
+					open: !0,
+					onOpenChange: (e) => !e && L(null),
+					user: F.user,
+					scopes: F.ban ? [F.ban.scope === "global" ? "global" : "owner"] : k,
+					ban: F.ban,
+					client: e.client,
+					onError: e.onError
+				}),
+				/* @__PURE__ */ B(T, {
+					open: !!z,
+					onOpenChange: (e) => !e && H(null),
+					title: s("bans.liftTitle", { name: z?.name ?? "" }),
+					description: s("bans.liftBody"),
+					confirm: s("bans.lift"),
+					onConfirm: () => {
+						if (z) for (let e of G.get(z.id) ?? []) (e.scope === "global" ? N : A).lift(z.id).catch((e) => w(e, "ban.lift"));
+					}
+				})
+			]
+		})
+	});
+}
+function te() {
+	let { t: e } = t(), { comments: n } = q();
+	return n.loading && !n.items.length ? /* @__PURE__ */ B("div", {
+		className: "grid gap-4",
+		"aria-busy": !0,
+		"aria-label": e("comments.loading"),
+		children: [
+			0,
+			1,
+			2
+		].map((e) => /* @__PURE__ */ V("div", {
+			className: "flex gap-3",
+			children: [/* @__PURE__ */ B(C, { className: "size-8 rounded-full" }), /* @__PURE__ */ V("div", {
+				className: "grid flex-1 gap-2",
+				children: [/* @__PURE__ */ B(C, { className: "h-3 w-32" }), /* @__PURE__ */ B(C, { className: "h-3 w-full" })]
+			})]
+		}, e))
+	}) : n.error && !n.items.length ? /* @__PURE__ */ V("div", {
+		className: "grid justify-items-start gap-2",
+		"data-ckui": "comments-error",
+		children: [/* @__PURE__ */ B(E, { children: e("comments.loadFailed") }), /* @__PURE__ */ B(a, {
+			size: "sm",
+			variant: "outline",
+			onClick: n.reload,
+			children: e("common.retry")
+		})]
+	}) : n.items.length ? /* @__PURE__ */ V(z, { children: [
+		/* @__PURE__ */ B("ul", {
+			className: "grid divide-y divide-border",
+			children: n.items.map((e) => /* @__PURE__ */ B("li", {
+				className: "py-3 first:pt-0",
+				children: /* @__PURE__ */ B(ne, { comment: e })
+			}, e.id))
+		}),
+		n.error && /* @__PURE__ */ B(E, { error: n.error }),
+		n.hasMore && /* @__PURE__ */ B(a, {
+			variant: "outline",
+			className: "justify-self-center",
+			disabled: n.loadingMore,
+			onClick: () => void n.loadMore(),
+			children: n.loadingMore ? e("comments.loading") : e("comments.loadMore")
+		})
+	] }) : /* @__PURE__ */ B("p", {
+		className: "text-muted-foreground",
+		children: e("comments.empty")
+	});
+}
+function ne({ comment: e }) {
+	let { t: n, plural: r } = t(), i = q(), [o, s] = R(!1), [c, l] = R(null), u = f(e.id, {
+		pageSize: i.repliesPageSize,
+		enabled: o
+	}), d = (t) => i.gate("comment", () => {
+		l(t), e.reply_count > 0 && s(!0);
+	});
+	return /* @__PURE__ */ V("div", {
+		className: "grid gap-2",
+		children: [
+			/* @__PURE__ */ B(Q, {
+				comment: e,
+				onReply: e.deleted || e.moderation || !i.can("comment") ? void 0 : d
+			}),
+			(e.reply_count > 0 || o && u.items.length > 0) && /* @__PURE__ */ B(a, {
+				variant: "link",
+				size: "xs",
+				className: "ms-11 justify-self-start px-0",
+				"aria-expanded": o,
+				onClick: () => s(!o),
+				children: o ? n("comments.hideReplies") : r("comments.showReplies", e.reply_count)
+			}),
+			o && /* @__PURE__ */ V("ul", {
+				className: "ms-11 grid gap-3 border-s border-border ps-3",
+				"aria-busy": u.loading,
+				children: [
+					u.loading && !u.items.length && /* @__PURE__ */ B("li", {
+						className: "text-muted-foreground",
+						children: n("comments.loadingReplies")
+					}),
+					u.items.map((e) => /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(Q, {
+						comment: e,
+						onReply: e.deleted || e.moderation || !i.can("comment") ? void 0 : d
+					}) }, e.id)),
+					u.error && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(E, { error: u.error }) }),
+					u.hasMore && /* @__PURE__ */ B("li", { children: /* @__PURE__ */ B(a, {
+						variant: "link",
+						size: "xs",
+						className: "px-0",
+						disabled: u.loadingMore,
+						onClick: () => void u.loadMore(),
+						children: n("comments.moreReplies")
+					}) })
+				]
+			}),
+			c !== null && /* @__PURE__ */ V("div", {
+				className: "ms-11 grid gap-1",
+				children: [/* @__PURE__ */ B("p", {
+					className: "text-xs text-muted-foreground",
+					children: n("comments.replyingTo", { name: c })
+				}), /* @__PURE__ */ B($, {
+					autoFocus: !0,
+					placeholder: n("comments.replyPlaceholder"),
+					submit: n("comments.reply"),
+					askName: i.signedIn === !1,
+					onCancel: () => l(null),
+					operation: "comment.post",
+					onSubmit: async (t, n) => (await i.comments.post(t, {
+						replyTo: e.id,
+						anonName: n
+					}), l(null), s(!0), !0)
+				})]
+			})
+		]
+	});
+}
+function Q({ comment: n, onReply: r }) {
+	let { t: i } = t(), u = q(), { standing: d } = u, f = X(n, i("comments.anonymous")), p = !!d?.user_id && n.user_id === d.user_id, m = !n.deleted && (p || !!d?.moderate), g = !n.deleted && !!n.user_id && !p && (d?.ban_scopes.length ?? 0) > 0, _ = n.user_id ? u.banned.get(n.user_id) : void 0, [v, y] = R(!1), [b, x] = R(!1), [S, C] = R(!1), [w, A] = R(null), j = async (t, n) => {
+		A(null);
+		try {
+			await n();
+		} catch (n) {
+			let r = e(n);
+			A(r), u.report(r, t);
+		}
+	}, M = (e) => u.gate("react", () => void j("comment.react", () => u.comments.react(n, n.mine === e ? 0 : e))), N = !u.renderBody && n.body.length > 340, P = N && !S ? n.body.slice(0, Y).trimEnd() + "…" : n.body;
+	return /* @__PURE__ */ V("article", {
+		className: "flex gap-3",
+		"data-ckui": "comment",
+		"data-comment": n.id,
+		"aria-label": f,
+		children: [
+			/* @__PURE__ */ B(O, {
+				user: n.deleted ? void 0 : n.author,
+				name: n.deleted ? "?" : f
+			}),
+			/* @__PURE__ */ V("div", {
+				className: "grid min-w-0 flex-1 gap-1",
+				children: [
+					/* @__PURE__ */ V("header", {
+						className: "flex flex-wrap items-center gap-x-2 gap-y-0.5",
+						children: [
+							n.deleted ? /* @__PURE__ */ B("span", {
+								className: "text-muted-foreground",
+								children: i("comments.anonymous")
+							}) : /* @__PURE__ */ B(k, {
+								user: n.author,
+								name: f,
+								href: u.userHref
+							}),
+							/* @__PURE__ */ B(D, {
+								at: n.created_at,
+								className: "text-xs text-muted-foreground"
+							}),
+							n.moderation === "held" && /* @__PURE__ */ B(h, {
+								variant: "secondary",
+								children: i("comments.heldBadge")
+							}),
+							n.moderation === "rejected" && /* @__PURE__ */ B(h, {
+								variant: "destructive",
+								children: i("comments.rejectedBadge")
+							}),
+							(m || g || n.deleted && d?.moderate) && /* @__PURE__ */ V(o, { children: [/* @__PURE__ */ B(l, {
+								render: /* @__PURE__ */ B(a, {
+									variant: "ghost",
+									size: "icon-xs",
+									className: "ms-auto",
+									"aria-label": i("comments.actions")
+								}),
+								children: /* @__PURE__ */ B(G, {
+									icon: H,
+									strokeWidth: 2
+								})
+							}), /* @__PURE__ */ V(s, {
+								align: "end",
+								children: [
+									m && /* @__PURE__ */ B(c, {
+										onClick: () => y(!0),
+										children: i("comments.edit")
+									}),
+									m && /* @__PURE__ */ B(c, {
+										className: "text-destructive",
+										onClick: () => x(!0),
+										children: i("comments.delete")
+									}),
+									n.deleted && d?.moderate && /* @__PURE__ */ B(c, {
+										onClick: () => void j("comment.restore", () => u.comments.restore(n.id)),
+										children: i("comments.restore")
+									}),
+									g && !_ && /* @__PURE__ */ B(c, {
+										onClick: () => u.openBan({
+											id: n.user_id,
+											name: f
+										}),
+										children: i("comments.ban")
+									}),
+									g && _ && /* @__PURE__ */ B(c, {
+										onClick: () => u.liftBan({
+											id: n.user_id,
+											name: f
+										}),
+										children: i("comments.unban")
+									})
+								]
+							})] })
+						]
+					}),
+					v ? /* @__PURE__ */ B($, {
+						autoFocus: !0,
+						initial: n.body,
+						submit: i("common.save"),
+						onCancel: () => y(!1),
+						operation: "comment.edit",
+						onSubmit: async (e) => (e !== n.body && await u.comments.edit(n.id, e), y(!1), !0)
+					}) : n.deleted ? /* @__PURE__ */ B("p", {
+						className: "text-muted-foreground italic",
+						children: i("comments.deleted")
+					}) : /* @__PURE__ */ V("div", {
+						className: "break-words whitespace-pre-wrap",
+						children: [u.renderBody ? u.renderBody(n.body, n) : P, N && /* @__PURE__ */ B(a, {
+							variant: "link",
+							size: "xs",
+							className: "ms-1 h-auto px-0",
+							onClick: () => C(!S),
+							children: i(S ? "comments.showLess" : "comments.showMore")
+						})]
+					}),
+					n.moderation === "held" && /* @__PURE__ */ B("p", {
+						className: "text-xs text-muted-foreground",
+						children: i("comments.held")
+					}),
+					n.moderation === "rejected" && /* @__PURE__ */ B("p", {
+						className: "text-xs text-destructive",
+						children: n.moderation_reason ? i("comments.rejected", { reason: n.moderation_reason }) : i("comments.rejectedNoReason")
+					}),
+					!n.deleted && !n.moderation && !v && /* @__PURE__ */ V("div", {
+						className: "-ms-2 flex flex-wrap items-center gap-1",
+						children: [
+							/* @__PURE__ */ V(a, {
+								variant: n.mine === 1 ? "secondary" : "ghost",
+								size: "xs",
+								"aria-pressed": n.mine === 1,
+								"aria-label": i("comments.like"),
+								disabled: !u.can("react"),
+								onClick: () => M(1),
+								children: [/* @__PURE__ */ B(G, {
+									icon: W,
+									strokeWidth: 2
+								}), /* @__PURE__ */ B("span", { children: n.likes })]
+							}),
+							/* @__PURE__ */ V(a, {
+								variant: n.mine === -1 ? "secondary" : "ghost",
+								size: "xs",
+								"aria-pressed": n.mine === -1,
+								"aria-label": i("comments.dislike"),
+								disabled: !u.can("react"),
+								onClick: () => M(-1),
+								children: [/* @__PURE__ */ B(G, {
+									icon: U,
+									strokeWidth: 2
+								}), /* @__PURE__ */ B("span", { children: n.dislikes })]
+							}),
+							r && /* @__PURE__ */ B(a, {
+								variant: "ghost",
+								size: "xs",
+								onClick: () => r(f),
+								children: i("comments.reply")
+							})
+						]
+					}),
+					/* @__PURE__ */ B(E, { error: w })
+				]
+			}),
+			/* @__PURE__ */ B(T, {
+				open: b,
+				onOpenChange: x,
+				title: i("comments.deleteTitle"),
+				description: i("comments.deleteBody"),
+				confirm: i("comments.delete"),
+				onConfirm: () => void j("comment.delete", () => u.comments.remove(n.id))
+			})
+		]
+	});
+}
+function $(n) {
+	let r = t(), { t: i } = r, o = q(), s = F(), [c, l] = R(n.initial ?? ""), [u, d] = R(""), [f, p] = R(!1), [m, h] = R(null), [v, y] = R(null), b = L(null), x = o.maxLength, S = x === void 0 ? void 0 : x - c.length, C = async () => {
+		let t = c.trim();
+		if (!t) return h(i("comments.required"));
+		if (n.askName && !u.trim()) return h(i("comments.nameRequired"));
+		h(null), y(null), p(!0);
+		try {
+			await n.onSubmit(t, n.askName ? u.trim() : void 0) && l("");
+		} catch (t) {
+			let a = e(t);
+			o.report(a, n.operation), a.code === "comment_banned" && a.ban ? o.onBanned(a.ban) : a.code === "rate_limited" ? y(a.retryAfter ? i("comments.rateLimited", { seconds: a.retryAfter }) : i("comments.rateLimitedSoon")) : y(A(r, a));
+		} finally {
+			p(!1);
+		}
+	};
+	return /* @__PURE__ */ V("form", {
+		className: "grid gap-2",
+		"data-ckui": "comment-composer",
+		onSubmit: (e) => {
+			e.preventDefault(), C();
+		},
+		children: [
+			n.askName && /* @__PURE__ */ V("div", {
+				className: "grid gap-1.5 sm:max-w-xs",
+				children: [/* @__PURE__ */ B(_, {
+					htmlFor: `${s}-name`,
+					children: i("comments.name")
+				}), /* @__PURE__ */ B(g, {
+					id: `${s}-name`,
+					value: u,
+					maxLength: 60,
+					placeholder: i("comments.namePlaceholder"),
+					onChange: (e) => d(e.target.value),
+					autoComplete: "nickname"
+				})]
+			}),
+			/* @__PURE__ */ B(w, {
+				ref: b,
+				value: c,
+				rows: n.initial === void 0 ? 2 : 3,
+				maxLength: x,
+				autoFocus: n.autoFocus,
+				placeholder: n.placeholder,
+				"aria-label": n.placeholder ?? n.submit,
+				"aria-invalid": !!m,
+				"aria-describedby": `${s}-hint`,
+				disabled: f,
+				onChange: (e) => {
+					l(e.target.value), m && h(null);
+				},
+				onKeyDown: (e) => {
+					e.key === "Enter" && (e.metaKey || e.ctrlKey) ? (e.preventDefault(), C()) : e.key === "Escape" && n.onCancel && n.onCancel();
+				}
+			}),
+			/* @__PURE__ */ V("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ B("span", {
+						id: `${s}-hint`,
+						className: "me-auto text-xs text-muted-foreground",
+						"aria-live": "polite",
+						children: m ? /* @__PURE__ */ B("span", {
+							className: "text-destructive",
+							children: m
+						}) : S !== void 0 && x !== void 0 && S <= x * .2 ? r.plural("comments.charsLeft", S) : /* @__PURE__ */ B("span", {
+							className: "pointer-coarse:hidden",
+							children: i("comments.submitHint", { key: J ? "⌘" : "Ctrl" })
+						})
+					}),
+					n.onCancel && /* @__PURE__ */ B(a, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						onClick: n.onCancel,
+						disabled: f,
+						children: i("common.cancel")
+					}),
+					/* @__PURE__ */ B(a, {
+						type: "submit",
+						size: "sm",
+						disabled: f,
+						children: f ? i("comments.posting") : n.submit
+					})
+				]
+			}),
+			v && /* @__PURE__ */ B(E, { children: v })
+		]
+	});
+}
+//#endregion
+export { Z as Comments };
+
+//# sourceMappingURL=comments.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"comments.js","names":[],"sources":["../../../src/components/social/comments.tsx"],"sourcesContent":["import { MoreHorizontalIcon, ThumbsDownIcon, ThumbsUpIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"cn\";\nimport { createContext, useContext, useId, useMemo, useRef, useState, type KeyboardEvent, type ReactNode } from \"react\";\nimport type { ContentKitClient } from \"../../client/client.js\";\nimport type { BanScope, Reaction, Sort } from \"../../client/content/types.js\";\nimport { toContentKitError, type ContentKitError } from \"../../client/errors.js\";\nimport type { BanNotice as BanNoticeData, Comment, CommentBan, CommentStanding, PublicUser, RefBody } from \"../../client/generated/wire.js\";\nimport type { ContentKitUiAppearance } from \"../../appearance.js\";\nimport { useMessages } from \"../../i18n/context.js\";\nimport { useCanComment, useCommentBans, useCommentReplies, useComments, type UseComments } from \"../../react/comments.js\";\nimport { useContentConfig } from \"../../react/config.js\";\nimport { ContentKitContext, useErrorReporter, type ContentKitErrorHandler } from \"../../react/context.js\";\nimport { ContentKitUiRoot } from \"../../scope.js\";\nimport { Badge } from \"#ckui/ui/badge\";\nimport { Button } from \"#ckui/ui/button\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from \"#ckui/ui/dropdown-menu\";\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 { Textarea } from \"#ckui/ui/textarea\";\nimport { BanNotice, CommentBanDialog } from \"./bans.js\";\nimport { ConfirmDialog, contentError, ErrorLine, RelativeTime, UserAvatar, UserName } from \"./parts.js\";\n\nexport interface CommentsProps {\n  /** The commented item. */\n  item: RefBody;\n  /** The item's comment count, for the heading; without it the heading has none. */\n  count?: number;\n  /** Initial order: newest (default) or best (top). */\n  sort?: Sort;\n  /** Top-level comments per page. Default 20. */\n  pageSize?: number;\n  /** Replies per page. Default 10. */\n  repliesPageSize?: number;\n  /**\n   * Asks a signed-out visitor to sign in where the server takes no anonymous\n   * comments or reactions (default the provider's). Where it does, they\n   * comment under a name and react anonymously.\n   */\n  onSignIn?: () => void;\n  /** A body as the host formats it (links, spoilers); default plain text. */\n  renderBody?: (body: string, comment: Comment) => ReactNode;\n  /** A profile URL for an author. */\n  userHref?: (user: PublicUser) => string | undefined;\n  /** The heading; false hides it. */\n  heading?: ReactNode | false;\n  client?: ContentKitClient;\n  onError?: ContentKitErrorHandler;\n  className?: string;\n  appearance?: ContentKitUiAppearance;\n}\n\ninterface Thread {\n  item: RefBody;\n  comments: UseComments;\n  standing: CommentStanding | null;\n  /** undefined: not known yet. */\n  signedIn?: boolean;\n  /** Runs fn, or asks to sign in where signed-out visitors may not comment or react. */\n  gate: (kind: Act, fn: () => void) => void;\n  /** false: signed out where the server refuses it, with no sign-in to offer. */\n  can: (kind: Act) => boolean;\n  /** The server's longest comment (the standing's); undefined until it loads. */\n  maxLength?: number;\n  repliesPageSize: number;\n  renderBody?: CommentsProps[\"renderBody\"];\n  userHref?: CommentsProps[\"userHref\"];\n  report: (e: unknown, op: \"comment.post\" | \"comment.edit\" | \"comment.delete\" | \"comment.react\" | \"comment.restore\") => void;\n  /** Users banned in each scope the caller holds, with the ban. */\n  banned: Map<string, { scope: BanScope; ban: CommentBan }[]>;\n  openBan: (user: { id: string; name: string }, ban?: CommentBan) => void;\n  liftBan: (user: { id: string; name: string }) => void;\n  /** A post was refused by a ban: its notice. */\n  onBanned: (ban: BanNoticeData) => void;\n}\n\ntype Act = \"comment\" | \"react\";\n\nconst ThreadContext = createContext<Thread | null>(null);\nconst useThread = () => useContext(ThreadContext)!;\n\nconst mac = typeof navigator !== \"undefined\" && /Mac|iP(hone|ad)/.test(navigator.platform);\nconst TRUNCATE = 300;\n\nconst authorName = (c: Comment, anonymous: string) => c.author?.username ?? c.anon_name ?? anonymous;\n\n/**\n * An item's comment thread: top-level comments a page at a time with\n * one-level replies, tombstones, held and rejected states shown to their\n * author, reactions, edit, delete, ban and rate-limit notices, and a sign-in\n * prompt. Moderators (as the server says) edit, delete and restore any\n * comment; an item's owner and site staff ban commenters.\n */\nexport function Comments(p: CommentsProps) {\n  const m = useMessages();\n  const { t } = m;\n  const ctx = useContext(ContentKitContext);\n  const [sort, setSort] = useState<Sort>(p.sort ?? \"newest\");\n  const comments = useComments(p.item, { sort, pageSize: p.pageSize ?? 20, client: p.client });\n  const { standing, reload: reloadStanding } = useCanComment(p.item, { client: p.client });\n  const { config } = useContentConfig({ client: p.client });\n  const report = useErrorReporter(p.onError);\n  const signIn = p.onSignIn ?? ctx?.onSignIn;\n  const viewer = ctx?.viewer;\n  const signedIn = standing ? !!standing.user_id : viewer ? true : viewer === null ? false : undefined;\n  const scopes = useMemo(() => standing?.ban_scopes ?? [], [standing]);\n  const ownerBans = useCommentBans({ scope: \"owner\", pageSize: 100, enabled: scopes.includes(\"owner\"), client: p.client });\n  const globalBans = useCommentBans({ scope: \"global\", pageSize: 100, enabled: scopes.includes(\"global\"), client: p.client });\n  const [banning, setBanning] = useState<{ user: { id: string; name: string }; ban?: CommentBan } | null>(null);\n  const [lifting, setLifting] = useState<{ id: string; name: string } | null>(null);\n  const [refusal, setRefusal] = useState<BanNoticeData | null>(null);\n\n  const banned = useMemo(() => {\n    const out = new Map<string, { scope: BanScope; ban: CommentBan }[]>();\n    const add = (scope: BanScope, list: CommentBan[]) => {\n      for (const ban of list) if (!ban.expired) out.set(ban.user_id, [...(out.get(ban.user_id) ?? []), { scope, ban }]);\n    };\n    if (scopes.includes(\"owner\")) add(\"owner\", ownerBans.items);\n    if (scopes.includes(\"global\")) add(\"global\", globalBans.items);\n    return out;\n  }, [scopes, ownerBans.items, globalBans.items]);\n\n  // Signed out where the server refuses it: the standing says for comments, the config for reactions.\n  const mustSignIn = (kind: Act) => signedIn === false && (kind === \"comment\" ? standing?.anonymous === false : config?.anonymous.reactions === false);\n  const thread: Thread = {\n    item: p.item,\n    comments,\n    standing,\n    signedIn,\n    gate: (kind, fn) => (mustSignIn(kind) ? signIn?.() : fn()),\n    can: (kind) => !mustSignIn(kind) || !!signIn,\n    maxLength: standing?.max_length,\n    repliesPageSize: p.repliesPageSize ?? 10,\n    renderBody: p.renderBody,\n    userHref: p.userHref,\n    report: (e, op) => report(e, op),\n    banned,\n    openBan: (user, ban) => setBanning({ user, ban }),\n    liftBan: setLifting,\n    onBanned: (ban) => {\n      setRefusal(ban);\n      reloadStanding();\n    },\n  };\n  const ban = standing?.ban ?? refusal;\n  const canWrite = standing ? standing.can_comment : true;\n  const heading = p.heading === undefined ? (p.count === undefined ? t(\"comments.title\") : m.plural(\"comments.count\", p.count)) : p.heading;\n\n  return (\n    <ThreadContext.Provider value={thread}>\n      <ContentKitUiRoot appearance={p.appearance} className={cn(\"grid gap-4 text-sm\", p.className)} data-ckui=\"comments\">\n        {(heading !== false || comments.items.length > 1) && (\n          <div className=\"flex flex-wrap items-center justify-between gap-2\">\n            {heading !== false && <h2 className=\"text-base font-semibold\">{heading}</h2>}\n            <Select value={sort} onValueChange={(v) => setSort(v as Sort)}>\n              <SelectTrigger size=\"sm\" aria-label={t(\"comments.sort\")} className=\"ms-auto\">\n                <SelectValue>{(v: string) => t(v === \"best\" ? \"comments.best\" : \"comments.newest\")}</SelectValue>\n              </SelectTrigger>\n              <SelectContent>\n                <SelectItem value=\"newest\">{t(\"comments.newest\")}</SelectItem>\n                <SelectItem value=\"best\">{t(\"comments.best\")}</SelectItem>\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n        {ban ? (\n          <BanNotice ban={ban} />\n        ) : mustSignIn(\"comment\") ? (\n          signIn ? (\n            <Button variant=\"outline\" className=\"justify-self-start\" onClick={signIn}>\n              {t(\"comments.signIn\")}\n            </Button>\n          ) : (\n            <p className=\"rounded-lg border border-border p-3 text-muted-foreground\">{t(\"comments.signIn\")}</p>\n          )\n        ) : !canWrite ? (\n          <p className=\"rounded-lg border border-border p-3 text-muted-foreground\">{t(\"comments.locked\")}</p>\n        ) : (\n          <Composer\n            placeholder={t(\"comments.placeholder\")}\n            submit={t(\"comments.post\")}\n            askName={signedIn === false}\n            onSubmit={async (body, name) => (await comments.post(body, { anonName: name }), true)}\n            operation=\"comment.post\"\n          />\n        )}\n        <CommentList />\n        {banning && (\n          <CommentBanDialog\n            open\n            onOpenChange={(o) => !o && setBanning(null)}\n            user={banning.user}\n            scopes={banning.ban ? [banning.ban.scope === \"global\" ? \"global\" : \"owner\"] : scopes}\n            ban={banning.ban}\n            client={p.client}\n            onError={p.onError}\n          />\n        )}\n        <ConfirmDialog\n          open={!!lifting}\n          onOpenChange={(o) => !o && setLifting(null)}\n          title={t(\"bans.liftTitle\", { name: lifting?.name ?? \"\" })}\n          description={t(\"bans.liftBody\")}\n          confirm={t(\"bans.lift\")}\n          onConfirm={() => {\n            if (!lifting) return;\n            for (const b of banned.get(lifting.id) ?? []) {\n              void (b.scope === \"global\" ? globalBans : ownerBans).lift(lifting.id).catch((e) => report(e, \"ban.lift\"));\n            }\n          }}\n        />\n      </ContentKitUiRoot>\n    </ThreadContext.Provider>\n  );\n}\n\nfunction CommentList() {\n  const { t } = useMessages();\n  const { comments } = useThread();\n  if (comments.loading && !comments.items.length) {\n    return (\n      <div className=\"grid gap-4\" aria-busy aria-label={t(\"comments.loading\")}>\n        {[0, 1, 2].map((i) => (\n          <div key={i} className=\"flex gap-3\">\n            <Skeleton className=\"size-8 rounded-full\" />\n            <div className=\"grid flex-1 gap-2\">\n              <Skeleton className=\"h-3 w-32\" />\n              <Skeleton className=\"h-3 w-full\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  }\n  if (comments.error && !comments.items.length) {\n    return (\n      <div className=\"grid justify-items-start gap-2\" data-ckui=\"comments-error\">\n        <ErrorLine>{t(\"comments.loadFailed\")}</ErrorLine>\n        <Button size=\"sm\" variant=\"outline\" onClick={comments.reload}>\n          {t(\"common.retry\")}\n        </Button>\n      </div>\n    );\n  }\n  if (!comments.items.length) return <p className=\"text-muted-foreground\">{t(\"comments.empty\")}</p>;\n  return (\n    <>\n      <ul className=\"grid divide-y divide-border\">\n        {comments.items.map((c) => (\n          <li key={c.id} className=\"py-3 first:pt-0\">\n            <TopLevel comment={c} />\n          </li>\n        ))}\n      </ul>\n      {comments.error && <ErrorLine error={comments.error} />}\n      {comments.hasMore && (\n        <Button variant=\"outline\" className=\"justify-self-center\" disabled={comments.loadingMore} onClick={() => void comments.loadMore()}>\n          {comments.loadingMore ? t(\"comments.loading\") : t(\"comments.loadMore\")}\n        </Button>\n      )}\n    </>\n  );\n}\n\nfunction TopLevel({ comment }: { comment: Comment }) {\n  const { t, plural } = useMessages();\n  const thread = useThread();\n  const [open, setOpen] = useState(false);\n  const [replyTo, setReplyTo] = useState<string | null>(null);\n  const replies = useCommentReplies(comment.id, { pageSize: thread.repliesPageSize, enabled: open });\n  const startReply = (name: string) =>\n    thread.gate(\"comment\", () => {\n      setReplyTo(name);\n      if (comment.reply_count > 0) setOpen(true);\n    });\n  return (\n    <div className=\"grid gap-2\">\n      <Row comment={comment} onReply={comment.deleted || comment.moderation || !thread.can(\"comment\") ? undefined : startReply} />\n      {(comment.reply_count > 0 || (open && replies.items.length > 0)) && (\n        <Button variant=\"link\" size=\"xs\" className=\"ms-11 justify-self-start px-0\" aria-expanded={open} onClick={() => setOpen(!open)}>\n          {open ? t(\"comments.hideReplies\") : plural(\"comments.showReplies\", comment.reply_count)}\n        </Button>\n      )}\n      {open && (\n        <ul className=\"ms-11 grid gap-3 border-s border-border ps-3\" aria-busy={replies.loading}>\n          {replies.loading && !replies.items.length && <li className=\"text-muted-foreground\">{t(\"comments.loadingReplies\")}</li>}\n          {replies.items.map((r) => (\n            <li key={r.id}>\n              <Row comment={r} onReply={r.deleted || r.moderation || !thread.can(\"comment\") ? undefined : startReply} />\n            </li>\n          ))}\n          {replies.error && (\n            <li>\n              <ErrorLine error={replies.error} />\n            </li>\n          )}\n          {replies.hasMore && (\n            <li>\n              <Button variant=\"link\" size=\"xs\" className=\"px-0\" disabled={replies.loadingMore} onClick={() => void replies.loadMore()}>\n                {t(\"comments.moreReplies\")}\n              </Button>\n            </li>\n          )}\n        </ul>\n      )}\n      {replyTo !== null && (\n        <div className=\"ms-11 grid gap-1\">\n          <p className=\"text-xs text-muted-foreground\">{t(\"comments.replyingTo\", { name: replyTo })}</p>\n          <Composer\n            autoFocus\n            placeholder={t(\"comments.replyPlaceholder\")}\n            submit={t(\"comments.reply\")}\n            askName={thread.signedIn === false}\n            onCancel={() => setReplyTo(null)}\n            operation=\"comment.post\"\n            onSubmit={async (body, name) => {\n              await thread.comments.post(body, { replyTo: comment.id, anonName: name });\n              setReplyTo(null);\n              setOpen(true);\n              return true;\n            }}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction Row({ comment: c, onReply }: { comment: Comment; onReply?: (name: string) => void }) {\n  const m = useMessages();\n  const { t } = m;\n  const thread = useThread();\n  const { standing } = thread;\n  const name = authorName(c, t(\"comments.anonymous\"));\n  const own = !!standing?.user_id && c.user_id === standing.user_id;\n  const canEdit = !c.deleted && (own || !!standing?.moderate);\n  const canBan = !c.deleted && !!c.user_id && !own && (standing?.ban_scopes.length ?? 0) > 0;\n  const bans = c.user_id ? thread.banned.get(c.user_id) : undefined;\n  const [editing, setEditing] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const [error, setError] = useState<ContentKitError | null>(null);\n  const act = async (op: \"comment.delete\" | \"comment.react\" | \"comment.restore\", fn: () => Promise<unknown>) => {\n    setError(null);\n    try {\n      await fn();\n    } catch (e) {\n      const err = toContentKitError(e);\n      setError(err);\n      thread.report(err, op);\n    }\n  };\n  const react = (v: Reaction) => thread.gate(\"react\", () => void act(\"comment.react\", () => thread.comments.react(c, c.mine === v ? 0 : v)));\n  const long = !thread.renderBody && c.body.length > TRUNCATE + 40;\n  const body = long && !expanded ? c.body.slice(0, TRUNCATE).trimEnd() + \"…\" : c.body;\n\n  return (\n    <article className=\"flex gap-3\" data-ckui=\"comment\" data-comment={c.id} aria-label={name}>\n      <UserAvatar user={c.deleted ? undefined : c.author} name={c.deleted ? \"?\" : name} />\n      <div className=\"grid min-w-0 flex-1 gap-1\">\n        <header className=\"flex flex-wrap items-center gap-x-2 gap-y-0.5\">\n          {c.deleted ? <span className=\"text-muted-foreground\">{t(\"comments.anonymous\")}</span> : <UserName user={c.author} name={name} href={thread.userHref} />}\n          <RelativeTime at={c.created_at} className=\"text-xs text-muted-foreground\" />\n          {c.moderation === \"held\" && <Badge variant=\"secondary\">{t(\"comments.heldBadge\")}</Badge>}\n          {c.moderation === \"rejected\" && <Badge variant=\"destructive\">{t(\"comments.rejectedBadge\")}</Badge>}\n          {(canEdit || canBan || (c.deleted && standing?.moderate)) && (\n            <DropdownMenu>\n              <DropdownMenuTrigger render={<Button variant=\"ghost\" size=\"icon-xs\" className=\"ms-auto\" aria-label={t(\"comments.actions\")} />}>\n                <HugeiconsIcon icon={MoreHorizontalIcon} strokeWidth={2} />\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                {canEdit && <DropdownMenuItem onClick={() => setEditing(true)}>{t(\"comments.edit\")}</DropdownMenuItem>}\n                {canEdit && (\n                  <DropdownMenuItem className=\"text-destructive\" onClick={() => setDeleting(true)}>\n                    {t(\"comments.delete\")}\n                  </DropdownMenuItem>\n                )}\n                {c.deleted && standing?.moderate && <DropdownMenuItem onClick={() => void act(\"comment.restore\", () => thread.comments.restore(c.id))}>{t(\"comments.restore\")}</DropdownMenuItem>}\n                {canBan && !bans && <DropdownMenuItem onClick={() => thread.openBan({ id: c.user_id!, name })}>{t(\"comments.ban\")}</DropdownMenuItem>}\n                {canBan && bans && <DropdownMenuItem onClick={() => thread.liftBan({ id: c.user_id!, name })}>{t(\"comments.unban\")}</DropdownMenuItem>}\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </header>\n        {editing ? (\n          <Composer\n            autoFocus\n            initial={c.body}\n            submit={t(\"common.save\")}\n            onCancel={() => setEditing(false)}\n            operation=\"comment.edit\"\n            onSubmit={async (next) => {\n              if (next !== c.body) await thread.comments.edit(c.id, next);\n              setEditing(false);\n              return true;\n            }}\n          />\n        ) : c.deleted ? (\n          <p className=\"text-muted-foreground italic\">{t(\"comments.deleted\")}</p>\n        ) : (\n          <div className=\"break-words whitespace-pre-wrap\">\n            {thread.renderBody ? thread.renderBody(c.body, c) : body}\n            {long && (\n              <Button variant=\"link\" size=\"xs\" className=\"ms-1 h-auto px-0\" onClick={() => setExpanded(!expanded)}>\n                {expanded ? t(\"comments.showLess\") : t(\"comments.showMore\")}\n              </Button>\n            )}\n          </div>\n        )}\n        {c.moderation === \"held\" && <p className=\"text-xs text-muted-foreground\">{t(\"comments.held\")}</p>}\n        {c.moderation === \"rejected\" && (\n          <p className=\"text-xs text-destructive\">{c.moderation_reason ? t(\"comments.rejected\", { reason: c.moderation_reason }) : t(\"comments.rejectedNoReason\")}</p>\n        )}\n        {!c.deleted && !c.moderation && !editing && (\n          <div className=\"-ms-2 flex flex-wrap items-center gap-1\">\n            <Button variant={c.mine === 1 ? \"secondary\" : \"ghost\"} size=\"xs\" aria-pressed={c.mine === 1} aria-label={t(\"comments.like\")} disabled={!thread.can(\"react\")} onClick={() => react(1)}>\n              <HugeiconsIcon icon={ThumbsUpIcon} strokeWidth={2} />\n              <span>{c.likes}</span>\n            </Button>\n            <Button variant={c.mine === -1 ? \"secondary\" : \"ghost\"} size=\"xs\" aria-pressed={c.mine === -1} aria-label={t(\"comments.dislike\")} disabled={!thread.can(\"react\")} onClick={() => react(-1)}>\n              <HugeiconsIcon icon={ThumbsDownIcon} strokeWidth={2} />\n              <span>{c.dislikes}</span>\n            </Button>\n            {onReply && (\n              <Button variant=\"ghost\" size=\"xs\" onClick={() => onReply(name)}>\n                {t(\"comments.reply\")}\n              </Button>\n            )}\n          </div>\n        )}\n        <ErrorLine error={error} />\n      </div>\n      <ConfirmDialog\n        open={deleting}\n        onOpenChange={setDeleting}\n        title={t(\"comments.deleteTitle\")}\n        description={t(\"comments.deleteBody\")}\n        confirm={t(\"comments.delete\")}\n        onConfirm={() => void act(\"comment.delete\", () => thread.comments.remove(c.id))}\n      />\n    </article>\n  );\n}\n\ninterface ComposerProps {\n  initial?: string;\n  placeholder?: string;\n  submit: string;\n  /** A signed-out visitor gives a name. */\n  askName?: boolean;\n  autoFocus?: boolean;\n  onCancel?: () => void;\n  operation: \"comment.post\" | \"comment.edit\";\n  /** Resolves true to clear the field. */\n  onSubmit: (body: string, name?: string) => Promise<boolean>;\n}\n\nfunction Composer(p: ComposerProps) {\n  const m = useMessages();\n  const { t } = m;\n  const thread = useThread();\n  const ids = useId();\n  const [body, setBody] = useState(p.initial ?? \"\");\n  const [name, setName] = useState(\"\");\n  const [pending, setPending] = useState(false);\n  const [invalid, setInvalid] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const area = useRef<HTMLTextAreaElement>(null);\n  const max = thread.maxLength;\n  const left = max === undefined ? undefined : max - body.length;\n\n  const send = async () => {\n    const text = body.trim();\n    if (!text) return setInvalid(t(\"comments.required\"));\n    if (p.askName && !name.trim()) return setInvalid(t(\"comments.nameRequired\"));\n    setInvalid(null);\n    setError(null);\n    setPending(true);\n    try {\n      if (await p.onSubmit(text, p.askName ? name.trim() : undefined)) setBody(\"\");\n    } catch (e) {\n      const err = toContentKitError(e);\n      thread.report(err, p.operation);\n      if (err.code === \"comment_banned\" && err.ban) thread.onBanned(err.ban);\n      else if (err.code === \"rate_limited\") setError(err.retryAfter ? t(\"comments.rateLimited\", { seconds: err.retryAfter }) : t(\"comments.rateLimitedSoon\"));\n      else setError(contentError(m, err));\n    } finally {\n      setPending(false);\n    }\n  };\n  const onKey = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === \"Enter\" && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      void send();\n    } else if (e.key === \"Escape\" && p.onCancel) p.onCancel();\n  };\n  return (\n    <form\n      className=\"grid gap-2\"\n      data-ckui=\"comment-composer\"\n      onSubmit={(e) => {\n        e.preventDefault();\n        void send();\n      }}\n    >\n      {p.askName && (\n        <div className=\"grid gap-1.5 sm:max-w-xs\">\n          <Label htmlFor={`${ids}-name`}>{t(\"comments.name\")}</Label>\n          <Input id={`${ids}-name`} value={name} maxLength={60} placeholder={t(\"comments.namePlaceholder\")} onChange={(e) => setName(e.target.value)} autoComplete=\"nickname\" />\n        </div>\n      )}\n      <Textarea\n        ref={area}\n        value={body}\n        rows={p.initial === undefined ? 2 : 3}\n        maxLength={max}\n        autoFocus={p.autoFocus}\n        placeholder={p.placeholder}\n        aria-label={p.placeholder ?? p.submit}\n        aria-invalid={!!invalid}\n        aria-describedby={`${ids}-hint`}\n        disabled={pending}\n        onChange={(e) => {\n          setBody(e.target.value);\n          if (invalid) setInvalid(null);\n        }}\n        onKeyDown={onKey}\n      />\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <span id={`${ids}-hint`} className=\"me-auto text-xs text-muted-foreground\" aria-live=\"polite\">\n          {invalid ? (\n            <span className=\"text-destructive\">{invalid}</span>\n          ) : left !== undefined && max !== undefined && left <= max * 0.2 ? (\n            m.plural(\"comments.charsLeft\", left)\n          ) : (\n            <span className=\"pointer-coarse:hidden\">{t(\"comments.submitHint\", { key: mac ? \"⌘\" : \"Ctrl\" })}</span>\n          )}\n        </span>\n        {p.onCancel && (\n          <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={p.onCancel} disabled={pending}>\n            {t(\"common.cancel\")}\n          </Button>\n        )}\n        <Button type=\"submit\" size=\"sm\" disabled={pending}>\n          {pending ? t(\"comments.posting\") : p.submit}\n        </Button>\n      </div>\n      {error && <ErrorLine>{error}</ErrorLine>}\n    </form>\n  );\n}\n"],"mappings":"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"}