@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/components/AvatarUploadField.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../utils/cn.js";
-import { FILE_FOLDERS as t, uploadImageToFiles as n } from "../hooks/useFiles.js";
+import { FILE_FOLDERS as e, uploadImageToFiles as t } from "../hooks/useFiles.js";
+import { cn as n } from "../utils/cn.js";
 import { Avatar as r } from "./Avatar.js";
 import { describeError as i, notify as a } from "../lib/toast.js";
 import { useId as o, useRef as s, useState as c } from "react";
@@ -43,9 +43,9 @@ function m({ fileId: m, name: h, onUploaded: g, label: _ = "Upload avatar", disa
 				type: "file",
 				accept: "image/*",
 				className: "sr-only",
-				onChange: async (e) => {
-					let r = e.target.files?.[0];
-					if (e.target.value = "", r) {
+				onChange: async (n) => {
+					let r = n.target.files?.[0];
+					if (n.target.value = "", r) {
 						if (!r.type.startsWith("image/")) {
 							a.error("Unsupported file", "Please choose an image.");
 							return;
@@ -56,8 +56,8 @@ function m({ fileId: m, name: h, onUploaded: g, label: _ = "Upload avatar", disa
 						}
 						S(!0);
 						try {
-							let e = await n(r, t.avatars);
-							w(e.url), g(e.id), a.success("Avatar updated");
+							let n = await t(r, e.avatars);
+							w(n.url), g(n.id), a.success("Avatar updated");
 						} catch (e) {
 							a.error("Upload failed", i(e));
 						} finally {
@@ -71,7 +71,7 @@ function m({ fileId: m, name: h, onUploaded: g, label: _ = "Upload avatar", disa
 				type: "button",
 				onClick: () => y.current?.click(),
 				disabled: v || x,
-				className: e("inline-flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken", (v || x) && "cursor-not-allowed opacity-60"),
+				className: n("inline-flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken", (v || x) && "cursor-not-allowed opacity-60"),
 				children: [
 					/* @__PURE__ */ d(l, { className: "h-4 w-4" }),
 					" ",

package/dist/comradecircle/components/CircleCard.js

@@ -1,6 +1,6 @@
-import { cn as e } from "../utils/cn.js";
-import { useComJoinCircle as t, useComLeaveCircle as n } from "../hooks/useComradeCircleApi.js";
+import { useComJoinCircle as e, useComLeaveCircle as t } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
 import { Avatar as r } from "./Avatar.js";
 import { describeError as i, notify as a } from "../lib/toast.js";
 import { formatEnumLabel as o, formatNumber as s } from "../utils/formatters.js";
@@ -10,10 +10,10 @@ import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Button as m, GlassCard as h } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/CircleCard.tsx
 function g({ circle: g, membership: _, onOpen: v }) {
-	let y = t(), b = n(), x = _?.status === "ACTIVE";
+	let y = e(), b = t(), x = _?.status === "ACTIVE";
 	return /* @__PURE__ */ p(h, {
 		treatment: "plain",
-		className: e("flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", (_?.role === "OWNER" || _?.role === "ADMIN") && "ring-1 ring-[var(--color-accent-soft)]"),
+		className: n("flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", (_?.role === "OWNER" || _?.role === "ADMIN") && "ring-1 ring-[var(--color-accent-soft)]"),
 		children: [
 			/* @__PURE__ */ p("div", {
 				className: "flex items-start gap-3",

package/dist/comradecircle/components/CommentThread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/CommentThread.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAcH,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAyH3D"}
+{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/CommentThread.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAcH,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAuI3D"}

package/dist/comradecircle/components/CommentThread.js

@@ -1,20 +1,21 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { useComAddComment as n, useComComments as r } from "../hooks/useComradeCircleApi.js";
+import { useComAddComment as t, useComComments as n } from "../hooks/useComradeCircleApi.js";
+import { useTr as r } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { Avatar as i } from "./Avatar.js";
-import { MemberIdentity as a } from "./MemberIdentity.js";
-import { describeError as o, notify as s } from "../lib/toast.js";
-import { formatRelativeTime as c } from "../utils/formatters.js";
-import { useMemo as l, useState as u } from "react";
-import { CornerDownRight as d, MessageCircle as f, Send as p } from "lucide-react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Button as g, Spinner as _, Textarea as v } from "@burdenoff/fe-libs/ui";
+import { cn as i } from "../utils/cn.js";
+import { Avatar as a } from "./Avatar.js";
+import { MemberIdentity as o } from "./MemberIdentity.js";
+import { describeError as s, notify as c } from "../lib/toast.js";
+import { formatRelativeTime as l } from "../utils/formatters.js";
+import { useMemo as u, useState as d } from "react";
+import { CornerDownRight as f, MessageCircle as p, Send as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Spinner as v, Textarea as y } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/CommentThread.tsx
-function y({ postId: y }) {
-	let { currentUser: b } = e(), { data: x, isLoading: S } = r(y), C = n(), [w, T] = u(""), [E, D] = u(null), { roots: O, repliesByParent: k } = l(() => {
-		let e = x ?? [], t = /* @__PURE__ */ new Map(), n = [];
+function b({ postId: b }) {
+	let { currentUser: x } = e(), { data: S, isLoading: C } = n(b), w = t(), T = r(), [E, D] = d(""), [O, k] = d(null), { roots: A, repliesByParent: j } = u(() => {
+		let e = S ?? [], t = /* @__PURE__ */ new Map(), n = [];
 		for (let r of e) if (r.parentId) {
 			let e = t.get(r.parentId) ?? [];
 			e.push(r), t.set(r.parentId, e);
@@ -23,92 +24,96 @@ function y({ postId: y }) {
 			roots: n,
 			repliesByParent: t
 		};
-	}, [x]), A = async () => {
-		let e = w.trim();
+	}, [S]), M = async () => {
+		let e = E.trim();
 		if (e) try {
-			await C.mutateAsync({
-				postId: y,
+			await w.mutateAsync({
+				postId: b,
 				body: e,
-				parentId: E?.id ?? null
-			}), T(""), D(null);
+				parentId: O?.id ?? null
+			}), D(""), k(null);
 		} catch (e) {
-			s.error("Could not add comment", o(e));
+			c.error(T("comradecircle.components.commentThread.addError", "Could not add comment"), s(e));
 		}
-	}, j = (e, n = !1) => /* @__PURE__ */ h("div", {
-		className: t("flex flex-col gap-1", n && "ml-8"),
-		children: [/* @__PURE__ */ h("div", {
+	}, N = (e, t = !1) => /* @__PURE__ */ g("div", {
+		className: i("flex flex-col gap-1", t && "ml-8"),
+		children: [/* @__PURE__ */ g("div", {
 			className: "rounded-xl bg-bg-sunken/60 px-3 py-2",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ m(a, {
+				children: [/* @__PURE__ */ h(o, {
 					memberId: e.authorId,
 					size: "xs",
-					suffix: c(e.createdAt)
-				}), !n && /* @__PURE__ */ h("button", {
+					suffix: l(e.createdAt)
+				}), !t && /* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: () => D(e),
+					onClick: () => k(e),
 					className: "inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary",
-					children: [/* @__PURE__ */ m(d, { className: "h-3 w-3" }), " Reply"]
+					children: [
+						/* @__PURE__ */ h(f, { className: "h-3 w-3" }),
+						" ",
+						T("common.reply", "Reply")
+					]
 				})]
-			}), /* @__PURE__ */ m("p", {
+			}), /* @__PURE__ */ h("p", {
 				className: "mt-1 whitespace-pre-wrap break-words text-sm text-text-primary",
 				children: e.body
 			})]
-		}), (k.get(e.id) ?? []).map((e) => j(e, !0))]
+		}), (j.get(e.id) ?? []).map((e) => N(e, !0))]
 	}, e.id);
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "mt-3 border-t border-border-seam pt-3",
-		children: [S ? /* @__PURE__ */ m("div", {
+		children: [C ? /* @__PURE__ */ h("div", {
 			className: "flex justify-center py-4",
-			children: /* @__PURE__ */ m(_, { size: "sm" })
-		}) : O.length === 0 ? /* @__PURE__ */ h("div", {
+			children: /* @__PURE__ */ h(v, { size: "sm" })
+		}) : A.length === 0 ? /* @__PURE__ */ g("div", {
 			className: "flex flex-col items-center gap-1.5 py-4 text-center",
-			children: [/* @__PURE__ */ m(f, { className: "h-6 w-6 text-text-tertiary opacity-60" }), /* @__PURE__ */ m("p", {
+			children: [/* @__PURE__ */ h(p, { className: "h-6 w-6 text-text-tertiary opacity-60" }), /* @__PURE__ */ h("p", {
 				className: "text-sm text-text-tertiary",
-				children: "No comments yet — start the conversation."
+				children: T("comradecircle.components.commentThread.empty", "No comments yet — start the conversation.")
 			})]
-		}) : /* @__PURE__ */ m("div", {
+		}) : /* @__PURE__ */ h("div", {
 			className: "flex flex-col gap-3",
-			children: O.map((e) => j(e))
-		}), /* @__PURE__ */ h("div", {
+			children: A.map((e) => N(e))
+		}), /* @__PURE__ */ g("div", {
 			className: "mt-3 flex flex-col gap-2",
-			children: [E && /* @__PURE__ */ h("div", {
+			children: [O && /* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary",
-				children: [/* @__PURE__ */ m("span", {
+				children: [/* @__PURE__ */ h("span", {
 					className: "truncate",
-					children: "Replying to a comment"
-				}), /* @__PURE__ */ m("button", {
+					children: T("comradecircle.components.commentThread.replyingTo", "Replying to a comment")
+				}), /* @__PURE__ */ h("button", {
 					type: "button",
-					onClick: () => D(null),
+					onClick: () => k(null),
 					className: "text-text-tertiary hover:text-text-primary",
-					children: "Cancel"
+					children: T("common.cancel", "Cancel")
 				})]
-			}), /* @__PURE__ */ h("div", {
+			}), /* @__PURE__ */ g("div", {
 				className: "flex items-end gap-2",
 				children: [
-					/* @__PURE__ */ m(i, {
-						name: b?.name ?? b?.email ?? "You",
-						seed: b?.id,
+					/* @__PURE__ */ h(a, {
+						name: x?.name ?? x?.email ?? T("common.you", "You"),
+						seed: x?.id,
 						size: "sm",
 						className: "mb-1"
 					}),
-					/* @__PURE__ */ m(v, {
-						value: w,
-						onChange: (e) => T(e.target.value),
-						placeholder: "Add a comment…",
+					/* @__PURE__ */ h(y, {
+						value: E,
+						onChange: (e) => D(e.target.value),
+						placeholder: T("comradecircle.components.commentThread.placeholder", "Add a comment…"),
 						rows: 1,
 						className: "min-h-[40px] resize-none",
 						onKeyDown: (e) => {
-							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), A());
+							e.key === "Enter" && (e.metaKey || e.ctrlKey) && (e.preventDefault(), M());
 						}
 					}),
-					/* @__PURE__ */ m(g, {
+					/* @__PURE__ */ h(_, {
 						size: "icon",
-						onClick: A,
-						disabled: !w.trim() || C.isPending,
-						"aria-label": "Post comment",
+						onClick: M,
+						disabled: !E.trim() || w.isPending,
+						"aria-label": T("comradecircle.components.commentThread.postCommentAriaLabel", "Post comment"),
 						className: "shrink-0 rounded-full",
-						children: /* @__PURE__ */ m(p, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ h(m, { className: "h-4 w-4" })
 					})
 				]
 			})]
@@ -116,6 +121,6 @@ function y({ postId: y }) {
 	});
 }
 //#endregion
-export { y as CommentThread };
+export { b as CommentThread };
 
 //# sourceMappingURL=CommentThread.js.map

package/dist/comradecircle/components/CommentThread.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/comradecircle/components/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — threaded comments for a post.\n * @module comradecircle/components\n *\n * Reads `comListComments(postId)`; writes `comAddComment`. Top-level comments\n * (parentId == null) render replies one level deep. Author identity comes from\n * `ComProfile` via {@link MemberIdentity}.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CornerDownRight, Send, MessageCircle } from 'lucide-react';\nimport { Button, Textarea, Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComComments, useComAddComment } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { MemberIdentity } from './MemberIdentity';\nimport { Avatar } from './Avatar';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComComment } from '../types';\n\ninterface CommentThreadProps {\n  postId: string;\n}\n\nexport function CommentThread({ postId }: CommentThreadProps) {\n  const { currentUser } = useComradeCircle();\n  const { data: comments, isLoading } = useComComments(postId);\n  const addComment = useComAddComment();\n  const [body, setBody] = useState('');\n  const [replyTo, setReplyTo] = useState<ComComment | null>(null);\n\n  const { roots, repliesByParent } = useMemo(() => {\n    const list = comments ?? [];\n    const repliesMap = new Map<string, ComComment[]>();\n    const top: ComComment[] = [];\n    for (const c of list) {\n      if (c.parentId) {\n        const arr = repliesMap.get(c.parentId) ?? [];\n        arr.push(c);\n        repliesMap.set(c.parentId, arr);\n      } else {\n        top.push(c);\n      }\n    }\n    return { roots: top, repliesByParent: repliesMap };\n  }, [comments]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text) return;\n    try {\n      await addComment.mutateAsync({ postId, body: text, parentId: replyTo?.id ?? null });\n      setBody('');\n      setReplyTo(null);\n    } catch (err) {\n      notify.error('Could not add comment', describeError(err));\n    }\n  };\n\n  const renderComment = (c: ComComment, isReply = false) => (\n    <div key={c.id} className={cn('flex flex-col gap-1', isReply && 'ml-8')}>\n      <div className=\"rounded-xl bg-bg-sunken/60 px-3 py-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <MemberIdentity\n            memberId={c.authorId}\n            size=\"xs\"\n            suffix={formatRelativeTime(c.createdAt)}\n          />\n          {!isReply && (\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(c)}\n              className=\"inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-primary\">{c.body}</p>\n      </div>\n      {(repliesByParent.get(c.id) ?? []).map((r) => renderComment(r, true))}\n    </div>\n  );\n\n  return (\n    <div className=\"mt-3 border-t border-border-seam pt-3\">\n      {isLoading ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner size=\"sm\" />\n        </div>\n      ) : roots.length === 0 ? (\n        <div className=\"flex flex-col items-center gap-1.5 py-4 text-center\">\n          <MessageCircle className=\"h-6 w-6 text-text-tertiary opacity-60\" />\n          <p className=\"text-sm text-text-tertiary\">No comments yet — start the conversation.</p>\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">{roots.map((c) => renderComment(c))}</div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2\">\n        {replyTo && (\n          <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n            <span className=\"truncate\">Replying to a comment</span>\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(null)}\n              className=\"text-text-tertiary hover:text-text-primary\"\n            >\n              Cancel\n            </button>\n          </div>\n        )}\n        <div className=\"flex items-end gap-2\">\n          <Avatar\n            name={currentUser?.name ?? currentUser?.email ?? 'You'}\n            seed={currentUser?.id}\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder=\"Add a comment…\"\n            rows={1}\n            className=\"min-h-[40px] resize-none\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          <Button\n            size=\"icon\"\n            onClick={submit}\n            disabled={!body.trim() || addComment.isPending}\n            aria-label=\"Post comment\"\n            className=\"shrink-0 rounded-full\"\n          >\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/comradecircle/components/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — threaded comments for a post.\n * @module comradecircle/components\n *\n * Reads `comListComments(postId)`; writes `comAddComment`. Top-level comments\n * (parentId == null) render replies one level deep. Author identity comes from\n * `ComProfile` via {@link MemberIdentity}.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CornerDownRight, Send, MessageCircle } from 'lucide-react';\nimport { Button, Textarea, Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComComments, useComAddComment, useTr } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { MemberIdentity } from './MemberIdentity';\nimport { Avatar } from './Avatar';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComComment } from '../types';\n\ninterface CommentThreadProps {\n  postId: string;\n}\n\nexport function CommentThread({ postId }: CommentThreadProps) {\n  const { currentUser } = useComradeCircle();\n  const { data: comments, isLoading } = useComComments(postId);\n  const addComment = useComAddComment();\n  const tr = useTr();\n  const [body, setBody] = useState('');\n  const [replyTo, setReplyTo] = useState<ComComment | null>(null);\n\n  const { roots, repliesByParent } = useMemo(() => {\n    const list = comments ?? [];\n    const repliesMap = new Map<string, ComComment[]>();\n    const top: ComComment[] = [];\n    for (const c of list) {\n      if (c.parentId) {\n        const arr = repliesMap.get(c.parentId) ?? [];\n        arr.push(c);\n        repliesMap.set(c.parentId, arr);\n      } else {\n        top.push(c);\n      }\n    }\n    return { roots: top, repliesByParent: repliesMap };\n  }, [comments]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text) return;\n    try {\n      await addComment.mutateAsync({ postId, body: text, parentId: replyTo?.id ?? null });\n      setBody('');\n      setReplyTo(null);\n    } catch (err) {\n      notify.error(\n        tr('comradecircle.components.commentThread.addError', 'Could not add comment'),\n        describeError(err)\n      );\n    }\n  };\n\n  const renderComment = (c: ComComment, isReply = false) => (\n    <div key={c.id} className={cn('flex flex-col gap-1', isReply && 'ml-8')}>\n      <div className=\"rounded-xl bg-bg-sunken/60 px-3 py-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <MemberIdentity\n            memberId={c.authorId}\n            size=\"xs\"\n            suffix={formatRelativeTime(c.createdAt)}\n          />\n          {!isReply && (\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(c)}\n              className=\"inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> {tr('common.reply', 'Reply')}\n            </button>\n          )}\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-primary\">{c.body}</p>\n      </div>\n      {(repliesByParent.get(c.id) ?? []).map((r) => renderComment(r, true))}\n    </div>\n  );\n\n  return (\n    <div className=\"mt-3 border-t border-border-seam pt-3\">\n      {isLoading ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner size=\"sm\" />\n        </div>\n      ) : roots.length === 0 ? (\n        <div className=\"flex flex-col items-center gap-1.5 py-4 text-center\">\n          <MessageCircle className=\"h-6 w-6 text-text-tertiary opacity-60\" />\n          <p className=\"text-sm text-text-tertiary\">\n            {tr(\n              'comradecircle.components.commentThread.empty',\n              'No comments yet — start the conversation.'\n            )}\n          </p>\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">{roots.map((c) => renderComment(c))}</div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2\">\n        {replyTo && (\n          <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n            <span className=\"truncate\">\n              {tr('comradecircle.components.commentThread.replyingTo', 'Replying to a comment')}\n            </span>\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(null)}\n              className=\"text-text-tertiary hover:text-text-primary\"\n            >\n              {tr('common.cancel', 'Cancel')}\n            </button>\n          </div>\n        )}\n        <div className=\"flex items-end gap-2\">\n          <Avatar\n            name={currentUser?.name ?? currentUser?.email ?? tr('common.you', 'You')}\n            seed={currentUser?.id}\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder={tr('comradecircle.components.commentThread.placeholder', 'Add a comment…')}\n            rows={1}\n            className=\"min-h-[40px] resize-none\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          <Button\n            size=\"icon\"\n            onClick={submit}\n            disabled={!body.trim() || addComment.isPending}\n            aria-label={tr(\n              'comradecircle.components.commentThread.postCommentAriaLabel',\n              'Post comment'\n            )}\n            className=\"shrink-0 rounded-full\"\n          >\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/CreateCircleDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateCircleDialog.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA0BH,OAAO,KAAK,EAAE,SAAS,EAAuB,MAAM,UAAU,CAAC;AAI/D,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAsJ5F"}
+{"version":3,"file":"CreateCircleDialog.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AA0BH,OAAO,KAAK,EAAE,SAAS,EAAuB,MAAM,UAAU,CAAC;AAI/D,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CA4L5F"}

package/dist/comradecircle/components/CreateCircleDialog.js

@@ -1,159 +1,160 @@
 import { useComCreateCircle as e } from "../hooks/useComradeCircleApi.js";
+import { useTr as t } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { describeError as t, notify as n } from "../lib/toast.js";
-import { formatEnumLabel as r } from "../utils/formatters.js";
-import { slugify as i } from "../utils/slug.js";
-import { TagInput as a } from "./TagInput.js";
-import { AvatarUploadField as o } from "./AvatarUploadField.js";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u, Input as d, Label as f, ResponsiveDialog as p, ResponsiveDialogContent as m, ResponsiveDialogDescription as h, ResponsiveDialogFooter as g, ResponsiveDialogHeader as _, ResponsiveDialogTitle as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Textarea as w } from "@burdenoff/fe-libs/ui";
+import { describeError as n, notify as r } from "../lib/toast.js";
+import { formatEnumLabel as i } from "../utils/formatters.js";
+import { slugify as a } from "../utils/slug.js";
+import { TagInput as o } from "./TagInput.js";
+import { AvatarUploadField as s } from "./AvatarUploadField.js";
+import { useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d, Input as f, Label as p, ResponsiveDialog as m, ResponsiveDialogContent as h, ResponsiveDialogDescription as g, ResponsiveDialogFooter as _, ResponsiveDialogHeader as v, ResponsiveDialogTitle as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Textarea as T } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/CreateCircleDialog.tsx
-var T = [
+var E = [
 	"PUBLIC",
 	"PRIVATE",
 	"SECRET"
 ];
-function E({ open: E, onOpenChange: D, onCreated: O }) {
-	let k = e(), [A, j] = s(""), [M, N] = s(""), [P, F] = s(!1), [I, L] = s(""), [R, z] = s(""), [B, V] = s("PUBLIC"), [H, U] = s([]), [W, G] = s(null), [K, q] = s(null), J = P ? M : i(A), Y = () => {
-		j(""), N(""), F(!1), L(""), z(""), V("PUBLIC"), U([]), G(null), q(null);
+function D({ open: D, onOpenChange: O, onCreated: k }) {
+	let A = t(), j = e(), [M, N] = c(""), [P, F] = c(""), [I, L] = c(!1), [R, z] = c(""), [B, V] = c(""), [H, U] = c("PUBLIC"), [W, G] = c([]), [K, q] = c(null), [J, Y] = c(null), X = I ? P : a(M), Z = () => {
+		N(""), F(""), L(!1), z(""), V(""), U("PUBLIC"), G([]), q(null), Y(null);
 	};
-	return /* @__PURE__ */ c(p, {
-		open: E,
-		onOpenChange: D,
-		children: /* @__PURE__ */ l(m, {
+	return /* @__PURE__ */ l(m, {
+		open: D,
+		onOpenChange: O,
+		children: /* @__PURE__ */ u(h, {
 			className: "sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ l(_, { children: [/* @__PURE__ */ c(v, { children: "Create a circle" }), /* @__PURE__ */ c(h, { children: "A circle is a community space with its own channels, members, events, and polls." })] }),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u(v, { children: [/* @__PURE__ */ l(y, { children: A("comradecircle.dialogs.createCircle.title", "Create a circle") }), /* @__PURE__ */ l(g, { children: A("comradecircle.dialogs.createCircle.description", "A circle is a community space with its own channels, members, events, and polls.") })] }),
+				/* @__PURE__ */ u("div", {
 					className: "flex flex-col gap-4 py-2",
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, { children: "Avatar" }), /* @__PURE__ */ c(o, {
-								fileId: W,
-								name: A || "Circle",
-								onUploaded: G,
-								label: "Upload circle avatar"
+							children: [/* @__PURE__ */ l(p, { children: A("comradecircle.dialogs.createCircle.avatarLabel", "Avatar") }), /* @__PURE__ */ l(s, {
+								fileId: K,
+								name: M || A("comradecircle.dialogs.createCircle.avatarFallback", "Circle"),
+								onUploaded: q,
+								label: A("comradecircle.dialogs.createCircle.uploadAvatar", "Upload circle avatar")
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
+							children: [/* @__PURE__ */ l(p, {
 								htmlFor: "circle-name",
-								children: "Name"
-							}), /* @__PURE__ */ c(d, {
+								children: A("comradecircle.dialogs.createCircle.nameLabel", "Name")
+							}), /* @__PURE__ */ l(f, {
 								id: "circle-name",
-								value: A,
-								onChange: (e) => j(e.target.value),
-								placeholder: "e.g. Product Guild"
+								value: M,
+								onChange: (e) => N(e.target.value),
+								placeholder: A("comradecircle.dialogs.createCircle.namePlaceholder", "e.g. Product Guild")
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
+							children: [/* @__PURE__ */ l(p, {
 								htmlFor: "circle-slug",
-								children: "URL slug"
-							}), /* @__PURE__ */ c(d, {
+								children: A("comradecircle.dialogs.createCircle.slugLabel", "URL slug")
+							}), /* @__PURE__ */ l(f, {
 								id: "circle-slug",
-								value: J,
+								value: X,
 								onChange: (e) => {
-									F(!0), N(i(e.target.value));
+									L(!0), F(a(e.target.value));
 								},
-								placeholder: "product-guild"
+								placeholder: A("comradecircle.dialogs.createCircle.slugPlaceholder", "product-guild")
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
+							children: [/* @__PURE__ */ l(p, {
 								htmlFor: "circle-topic",
-								children: "Topic"
-							}), /* @__PURE__ */ c(d, {
+								children: A("comradecircle.dialogs.createCircle.topicLabel", "Topic")
+							}), /* @__PURE__ */ l(f, {
 								id: "circle-topic",
-								value: I,
-								onChange: (e) => L(e.target.value),
-								placeholder: "A short one-line topic"
+								value: R,
+								onChange: (e) => z(e.target.value),
+								placeholder: A("comradecircle.dialogs.createCircle.topicPlaceholder", "A short one-line topic")
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
+							children: [/* @__PURE__ */ l(p, {
 								htmlFor: "circle-desc",
-								children: "Description"
-							}), /* @__PURE__ */ c(w, {
+								children: A("comradecircle.dialogs.createCircle.descriptionLabel", "Description")
+							}), /* @__PURE__ */ l(T, {
 								id: "circle-desc",
-								value: R,
-								onChange: (e) => z(e.target.value),
-								placeholder: "What is this circle about?",
+								value: B,
+								onChange: (e) => V(e.target.value),
+								placeholder: A("comradecircle.dialogs.createCircle.descriptionPlaceholder", "What is this circle about?"),
 								rows: 3
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, { children: "Visibility" }), /* @__PURE__ */ l(y, {
-								value: B,
-								onValueChange: (e) => V(e),
-								children: [/* @__PURE__ */ c(S, { children: /* @__PURE__ */ c(C, {}) }), /* @__PURE__ */ c(b, { children: T.map((e) => /* @__PURE__ */ c(x, {
+							children: [/* @__PURE__ */ l(p, { children: A("comradecircle.dialogs.createCircle.visibilityLabel", "Visibility") }), /* @__PURE__ */ u(b, {
+								value: H,
+								onValueChange: (e) => U(e),
+								children: [/* @__PURE__ */ l(C, { children: /* @__PURE__ */ l(w, {}) }), /* @__PURE__ */ l(x, { children: E.map((e) => /* @__PURE__ */ l(S, {
 									value: e,
-									children: r(e)
+									children: i(e)
 								}, e)) })]
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
+							children: [/* @__PURE__ */ l(p, {
 								htmlFor: "circle-tags",
-								children: "Tags"
-							}), /* @__PURE__ */ c(a, {
+								children: A("comradecircle.dialogs.createCircle.tagsLabel", "Tags")
+							}), /* @__PURE__ */ l(o, {
 								id: "circle-tags",
-								value: H,
-								onChange: U,
-								placeholder: "Add tags…"
+								value: W,
+								onChange: G,
+								placeholder: A("comradecircle.dialogs.createCircle.tagsPlaceholder", "Add tags…")
 							})]
 						}),
-						K && /* @__PURE__ */ c("p", {
+						J && /* @__PURE__ */ l("p", {
 							className: "text-sm text-status-error-text",
-							children: K
+							children: J
 						})
 					]
 				}),
-				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(u, {
+				/* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(d, {
 					variant: "outline",
-					onClick: () => D(!1),
-					children: "Cancel"
-				}), /* @__PURE__ */ c(u, {
+					onClick: () => O(!1),
+					children: A("common.cancel", "Cancel")
+				}), /* @__PURE__ */ l(d, {
 					onClick: async () => {
-						if (!A.trim()) {
-							q("Circle name is required.");
+						if (!M.trim()) {
+							Y(A("comradecircle.dialogs.createCircle.nameRequired", "Circle name is required."));
 							return;
 						}
-						if (!J) {
-							q("A URL slug is required.");
+						if (!X) {
+							Y(A("comradecircle.dialogs.createCircle.slugRequired", "A URL slug is required."));
 							return;
 						}
 						try {
-							let e = await k.mutateAsync({
-								name: A.trim(),
-								slug: J,
-								topic: I.trim() || null,
-								description: R.trim() || null,
-								visibility: B,
-								avatarFileId: W,
-								tags: H.length ? H : null
+							let e = await j.mutateAsync({
+								name: M.trim(),
+								slug: X,
+								topic: R.trim() || null,
+								description: B.trim() || null,
+								visibility: H,
+								avatarFileId: K,
+								tags: W.length ? W : null
 							});
-							n.success("Circle created", `${e.name} is ready.`), D(!1), Y(), O?.(e);
+							r.success(A("comradecircle.dialogs.createCircle.created", "Circle created"), A("comradecircle.dialogs.createCircle.createdHint", "{{name}} is ready.", { name: e.name })), O(!1), Z(), k?.(e);
 						} catch (e) {
-							q(t(e));
+							Y(n(e));
 						}
 					},
-					disabled: k.isPending,
-					children: "Create circle"
+					disabled: j.isPending,
+					children: A("comradecircle.dialogs.createCircle.create", "Create circle")
 				})] })
 			]
 		})
 	});
 }
 //#endregion
-export { E as CreateCircleDialog };
+export { D as CreateCircleDialog };
 
 //# sourceMappingURL=CreateCircleDialog.js.map

package/dist/comradecircle/components/CreateCircleDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateCircleDialog.js","names":[],"sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"sourcesContent":["/**\n * CreateCircleDialog — create a new community circle.\n * @module comradecircle/components\n *\n * Writes `comCreateCircle`. Slug auto-derives from the name (editable).\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { AvatarUploadField } from './AvatarUploadField';\nimport { useComCreateCircle } from '../hooks';\nimport { slugify } from '../utils/slug';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComCircle, ComCircleVisibility } from '../types';\n\nconst VISIBILITIES: ComCircleVisibility[] = ['PUBLIC', 'PRIVATE', 'SECRET'];\n\ninterface CreateCircleDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (circle: ComCircle) => void;\n}\n\nexport function CreateCircleDialog({ open, onOpenChange, onCreated }: CreateCircleDialogProps) {\n  const createCircle = useComCreateCircle();\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [topic, setTopic] = useState('');\n  const [description, setDescription] = useState('');\n  const [visibility, setVisibility] = useState<ComCircleVisibility>('PUBLIC');\n  const [tags, setTags] = useState<string[]>([]);\n  const [avatarFileId, setAvatarFileId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveSlug = slugTouched ? slug : slugify(name);\n\n  const reset = () => {\n    setName('');\n    setSlug('');\n    setSlugTouched(false);\n    setTopic('');\n    setDescription('');\n    setVisibility('PUBLIC');\n    setTags([]);\n    setAvatarFileId(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('Circle name is required.');\n      return;\n    }\n    if (!effectiveSlug) {\n      setError('A URL slug is required.');\n      return;\n    }\n    try {\n      const created = await createCircle.mutateAsync({\n        name: name.trim(),\n        slug: effectiveSlug,\n        topic: topic.trim() || null,\n        description: description.trim() || null,\n        visibility,\n        avatarFileId,\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Circle created', `${created.name} is ready.`);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a circle</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            A circle is a community space with its own channels, members, events, and polls.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label>Avatar</Label>\n            <AvatarUploadField\n              fileId={avatarFileId}\n              name={name || 'Circle'}\n              onUploaded={setAvatarFileId}\n              label=\"Upload circle avatar\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-name\">Name</Label>\n            <Input\n              id=\"circle-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g. Product Guild\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-slug\">URL slug</Label>\n            <Input\n              id=\"circle-slug\"\n              value={effectiveSlug}\n              onChange={(e) => {\n                setSlugTouched(true);\n                setSlug(slugify(e.target.value));\n              }}\n              placeholder=\"product-guild\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-topic\">Topic</Label>\n            <Input\n              id=\"circle-topic\"\n              value={topic}\n              onChange={(e) => setTopic(e.target.value)}\n              placeholder=\"A short one-line topic\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-desc\">Description</Label>\n            <Textarea\n              id=\"circle-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What is this circle about?\"\n              rows={3}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Visibility</Label>\n            <Select\n              value={visibility}\n              onValueChange={(v) => setVisibility(v as ComCircleVisibility)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {VISIBILITIES.map((v) => (\n                  <SelectItem key={v} value={v}>\n                    {formatEnumLabel(v)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-tags\">Tags</Label>\n            <TagInput id=\"circle-tags\" value={tags} onChange={setTags} placeholder=\"Add tags…\" />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createCircle.isPending}>\n            Create circle\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateCircleDialog.js","names":[],"sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"sourcesContent":["/**\n * CreateCircleDialog — create a new community circle.\n * @module comradecircle/components\n *\n * Writes `comCreateCircle`. Slug auto-derives from the name (editable).\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { AvatarUploadField } from './AvatarUploadField';\nimport { useComCreateCircle, useTr } from '../hooks';\nimport { slugify } from '../utils/slug';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComCircle, ComCircleVisibility } from '../types';\n\nconst VISIBILITIES: ComCircleVisibility[] = ['PUBLIC', 'PRIVATE', 'SECRET'];\n\ninterface CreateCircleDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (circle: ComCircle) => void;\n}\n\nexport function CreateCircleDialog({ open, onOpenChange, onCreated }: CreateCircleDialogProps) {\n  const tr = useTr();\n  const createCircle = useComCreateCircle();\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [topic, setTopic] = useState('');\n  const [description, setDescription] = useState('');\n  const [visibility, setVisibility] = useState<ComCircleVisibility>('PUBLIC');\n  const [tags, setTags] = useState<string[]>([]);\n  const [avatarFileId, setAvatarFileId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveSlug = slugTouched ? slug : slugify(name);\n\n  const reset = () => {\n    setName('');\n    setSlug('');\n    setSlugTouched(false);\n    setTopic('');\n    setDescription('');\n    setVisibility('PUBLIC');\n    setTags([]);\n    setAvatarFileId(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError(tr('comradecircle.dialogs.createCircle.nameRequired', 'Circle name is required.'));\n      return;\n    }\n    if (!effectiveSlug) {\n      setError(tr('comradecircle.dialogs.createCircle.slugRequired', 'A URL slug is required.'));\n      return;\n    }\n    try {\n      const created = await createCircle.mutateAsync({\n        name: name.trim(),\n        slug: effectiveSlug,\n        topic: topic.trim() || null,\n        description: description.trim() || null,\n        visibility,\n        avatarFileId,\n        tags: tags.length ? tags : null,\n      });\n      notify.success(\n        tr('comradecircle.dialogs.createCircle.created', 'Circle created'),\n        tr('comradecircle.dialogs.createCircle.createdHint', '{{name}} is ready.', {\n          name: created.name,\n        })\n      );\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {tr('comradecircle.dialogs.createCircle.title', 'Create a circle')}\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            {tr(\n              'comradecircle.dialogs.createCircle.description',\n              'A circle is a community space with its own channels, members, events, and polls.'\n            )}\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label>{tr('comradecircle.dialogs.createCircle.avatarLabel', 'Avatar')}</Label>\n            <AvatarUploadField\n              fileId={avatarFileId}\n              name={name || tr('comradecircle.dialogs.createCircle.avatarFallback', 'Circle')}\n              onUploaded={setAvatarFileId}\n              label={tr('comradecircle.dialogs.createCircle.uploadAvatar', 'Upload circle avatar')}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-name\">\n              {tr('comradecircle.dialogs.createCircle.nameLabel', 'Name')}\n            </Label>\n            <Input\n              id=\"circle-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder={tr(\n                'comradecircle.dialogs.createCircle.namePlaceholder',\n                'e.g. Product Guild'\n              )}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-slug\">\n              {tr('comradecircle.dialogs.createCircle.slugLabel', 'URL slug')}\n            </Label>\n            <Input\n              id=\"circle-slug\"\n              value={effectiveSlug}\n              onChange={(e) => {\n                setSlugTouched(true);\n                setSlug(slugify(e.target.value));\n              }}\n              placeholder={tr(\n                'comradecircle.dialogs.createCircle.slugPlaceholder',\n                'product-guild'\n              )}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-topic\">\n              {tr('comradecircle.dialogs.createCircle.topicLabel', 'Topic')}\n            </Label>\n            <Input\n              id=\"circle-topic\"\n              value={topic}\n              onChange={(e) => setTopic(e.target.value)}\n              placeholder={tr(\n                'comradecircle.dialogs.createCircle.topicPlaceholder',\n                'A short one-line topic'\n              )}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-desc\">\n              {tr('comradecircle.dialogs.createCircle.descriptionLabel', 'Description')}\n            </Label>\n            <Textarea\n              id=\"circle-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder={tr(\n                'comradecircle.dialogs.createCircle.descriptionPlaceholder',\n                'What is this circle about?'\n              )}\n              rows={3}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>{tr('comradecircle.dialogs.createCircle.visibilityLabel', 'Visibility')}</Label>\n            <Select\n              value={visibility}\n              onValueChange={(v) => setVisibility(v as ComCircleVisibility)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {VISIBILITIES.map((v) => (\n                  <SelectItem key={v} value={v}>\n                    {formatEnumLabel(v)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-tags\">\n              {tr('comradecircle.dialogs.createCircle.tagsLabel', 'Tags')}\n            </Label>\n            <TagInput\n              id=\"circle-tags\"\n              value={tags}\n              onChange={setTags}\n              placeholder={tr('comradecircle.dialogs.createCircle.tagsPlaceholder', 'Add tags…')}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {tr('common.cancel', 'Cancel')}\n          </Button>\n          <Button onClick={submit} disabled={createCircle.isPending}>\n            {tr('comradecircle.dialogs.createCircle.create', 'Create circle')}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}