@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/pages/circles/CircleDetailPage.js

@@ -1,208 +1,217 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { useComCircle as r, useComCreateChannel as i, useComCreatePoll as a, useComEvents as o, useComJoinCircle as s, useComLeaveCircle as c, useComPolls as l, useComPostAddedLive as u, useComPosts as d, useComSetMemberRole as f } from "../../hooks/useComradeCircleApi.js";
-import { useCursorPager as p } from "../../hooks/useCursorPager.js";
+import { useComCircle as t, useComCreateChannel as n, useComCreatePoll as r, useComEvents as i, useComJoinCircle as a, useComLeaveCircle as o, useComPolls as s, useComPostAddedLive as c, useComPosts as l, useComSetMemberRole as u } from "../../hooks/useComradeCircleApi.js";
+import { useCursorPager as d } from "../../hooks/useCursorPager.js";
+import { useTr as f } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { Avatar as m } from "../../components/Avatar.js";
-import { MemberIdentity as h } from "../../components/MemberIdentity.js";
-import { describeError as g, notify as _ } from "../../lib/toast.js";
-import { formatDate as v, formatEnumLabel as y, formatNumber as b } from "../../utils/formatters.js";
-import { PostCard as x } from "../../components/PostCard.js";
-import { EmptyState as S } from "../../components/EmptyState.js";
-import { ErrorView as C, LoadingView as w } from "../../components/StateViews.js";
-import { Pagination as ee } from "../../components/Pagination.js";
-import { slugify as T } from "../../utils/slug.js";
-import { StatusBadge as E } from "../../components/StatusBadge.js";
-import { Tabs as te } from "../../components/Tabs.js";
-import { PostComposer as ne } from "../../components/PostComposer.js";
-import { EventCard as re } from "../../components/EventCard.js";
-import { PollCard as ie } from "../../components/PollCard.js";
-import { CreateEventDialog as ae } from "../../components/CreateEventDialog.js";
-import { useMemo as D, useState as O } from "react";
-import { ArrowLeft as oe, BarChart3 as se, CalendarDays as k, Hash as A, Info as ce, Megaphone as j, MessageCircle as le, MessagesSquare as ue, Mic as M, Plus as N, Search as de, Users as P } from "lucide-react";
-import { useParams as fe } from "react-router";
-import { Fragment as pe, jsx as F, jsxs as I } from "react/jsx-runtime";
-import { Button as L, GradientText as me, Input as R, Label as z, ResponsiveDialog as B, ResponsiveDialogContent as V, ResponsiveDialogDescription as H, ResponsiveDialogFooter as U, ResponsiveDialogHeader as W, ResponsiveDialogTitle as G, Select as K, SelectContent as q, SelectItem as J, SelectTrigger as Y, SelectValue as X, Switch as Z, Textarea as he } from "@burdenoff/fe-libs/ui";
+import { cn as p } from "../../utils/cn.js";
+import { PageLayout as m } from "../../components/PageLayout.js";
+import { Avatar as h } from "../../components/Avatar.js";
+import { MemberIdentity as g } from "../../components/MemberIdentity.js";
+import { describeError as _, notify as v } from "../../lib/toast.js";
+import { formatDate as y, formatEnumLabel as b, formatNumber as x } from "../../utils/formatters.js";
+import { PostCard as S } from "../../components/PostCard.js";
+import { EmptyState as C } from "../../components/EmptyState.js";
+import { ErrorView as w, LoadingView as T } from "../../components/StateViews.js";
+import { Pagination as E } from "../../components/Pagination.js";
+import { slugify as D } from "../../utils/slug.js";
+import { StatusBadge as O } from "../../components/StatusBadge.js";
+import { Tabs as ee } from "../../components/Tabs.js";
+import { PostComposer as k } from "../../components/PostComposer.js";
+import { DraftsPanel as te } from "../../components/DraftsPanel.js";
+import { EventCard as ne } from "../../components/EventCard.js";
+import { PollCard as re } from "../../components/PollCard.js";
+import { CreateEventDialog as ie } from "../../components/CreateEventDialog.js";
+import { useMemo as A, useState as j } from "react";
+import { ArrowLeft as ae, BarChart3 as M, CalendarDays as oe, Hash as N, Info as se, Megaphone as P, MessageCircle as ce, MessagesSquare as le, Mic as F, Plus as I, Search as ue, Users as L } from "lucide-react";
+import { useParams as de } from "react-router";
+import { Fragment as R, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { Button as V, GradientText as fe, Input as H, Label as U, ResponsiveDialog as pe, ResponsiveDialogContent as me, ResponsiveDialogDescription as W, ResponsiveDialogFooter as G, ResponsiveDialogHeader as K, ResponsiveDialogTitle as q, Select as J, SelectContent as Y, SelectItem as X, SelectTrigger as Z, SelectValue as Q, Switch as he, Textarea as ge } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/circles/CircleDetailPage.tsx
-var ge = {
-	TEXT: A,
-	FORUM: ue,
-	ANNOUNCEMENT: j,
-	VOICE: M
-}, _e = ["OWNER", "ADMIN"], Q = [
+var _e = {
+	TEXT: N,
+	FORUM: le,
+	ANNOUNCEMENT: P,
+	VOICE: F
+}, ve = ["OWNER", "ADMIN"], $ = [
 	"OWNER",
 	"ADMIN",
 	"MODERATOR",
 	"MEMBER"
-], ve = 15;
-function ye() {
-	let { id: t } = fe(), { currentUser: i, navigateTo: a } = e(), { data: o, isLoading: l, isError: u, refetch: d } = r(t), f = s(), p = c(), [h, v] = O("channels"), y = D(() => o?.memberships?.find((e) => e.memberId === i?.id && e.status === "ACTIVE"), [o, i]), x = !!y, S = y ? _e.includes(y.role) : !1;
-	if (l) return /* @__PURE__ */ F(n, {
-		title: "Circle",
-		children: /* @__PURE__ */ F(w, { label: "Loading circle…" })
+], ye = 15;
+function be() {
+	let n = f(), { id: r } = de(), { currentUser: i, navigateTo: s } = e(), { data: c, isLoading: l, isError: u, refetch: d } = t(r), p = a(), g = o(), [y, b] = j("channels"), S = A(() => c?.memberships?.find((e) => e.memberId === i?.id && e.status === "ACTIVE"), [c, i]), C = !!S, E = S ? ve.includes(S.role) : !1;
+	if (l) return /* @__PURE__ */ z(m, {
+		title: n("comradecircle.pages.circleDetail.title", "Circle"),
+		children: /* @__PURE__ */ z(T, { label: n("comradecircle.pages.circleDetail.loadingCircle", "Loading circle…") })
 	});
-	if (u || !o) return /* @__PURE__ */ F(n, {
-		title: "Circle",
-		children: /* @__PURE__ */ F(C, {
-			title: "Circle not found",
-			message: "This circle may have been archived or you may not have access.",
+	if (u || !c) return /* @__PURE__ */ z(m, {
+		title: n("comradecircle.pages.circleDetail.title", "Circle"),
+		children: /* @__PURE__ */ z(w, {
+			title: n("comradecircle.pages.circleDetail.notFoundTitle", "Circle not found"),
+			message: n("comradecircle.pages.circleDetail.notFoundMessage", "This circle may have been archived or you may not have access."),
 			onRetry: () => d()
 		})
 	});
-	let ee = o.memberships?.filter((e) => e.status === "ACTIVE") ?? [], T = [
+	let D = c.memberships?.filter((e) => e.status === "ACTIVE") ?? [], k = [
 		{
 			value: "channels",
-			label: "Channels",
-			icon: /* @__PURE__ */ F(A, { className: "h-4 w-4" }),
-			count: o.channels?.length ?? 0
+			label: n("comradecircle.pages.circleDetail.tabChannels", "Channels"),
+			icon: /* @__PURE__ */ z(N, { className: "h-4 w-4" }),
+			count: c.channels?.length ?? 0
 		},
 		{
 			value: "members",
-			label: "Members",
-			icon: /* @__PURE__ */ F(P, { className: "h-4 w-4" }),
-			count: ee.length
+			label: n("comradecircle.pages.circleDetail.tabMembers", "Members"),
+			icon: /* @__PURE__ */ z(L, { className: "h-4 w-4" }),
+			count: D.length
 		},
 		{
 			value: "events",
-			label: "Events",
-			icon: /* @__PURE__ */ F(k, { className: "h-4 w-4" })
+			label: n("comradecircle.pages.circleDetail.tabEvents", "Events"),
+			icon: /* @__PURE__ */ z(oe, { className: "h-4 w-4" })
 		},
 		{
 			value: "polls",
-			label: "Polls",
-			icon: /* @__PURE__ */ F(se, { className: "h-4 w-4" })
+			label: n("comradecircle.pages.circleDetail.tabPolls", "Polls"),
+			icon: /* @__PURE__ */ z(M, { className: "h-4 w-4" })
 		},
 		{
 			value: "about",
-			label: "About",
-			icon: /* @__PURE__ */ F(ce, { className: "h-4 w-4" })
+			label: n("comradecircle.pages.circleDetail.tabAbout", "About"),
+			icon: /* @__PURE__ */ z(se, { className: "h-4 w-4" })
 		}
 	];
-	return /* @__PURE__ */ I(n, {
-		title: /* @__PURE__ */ I("span", {
+	return /* @__PURE__ */ B(m, {
+		title: /* @__PURE__ */ B("span", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ F(m, {
-				name: o.name,
+			children: [/* @__PURE__ */ z(h, {
+				name: c.name,
 				size: "lg",
-				fileId: o.avatar?.id,
-				seed: o.id,
+				fileId: c.avatar?.id,
+				seed: c.id,
 				ring: !0
-			}), /* @__PURE__ */ F(me, {
+			}), /* @__PURE__ */ z(fe, {
 				as: "span",
 				className: "text-2xl font-semibold tracking-tight",
-				children: o.name
+				children: c.name
 			})]
 		}),
-		description: o.topic ?? void 0,
+		description: c.topic ?? void 0,
 		aurora: !0,
-		actions: /* @__PURE__ */ I("div", {
+		actions: /* @__PURE__ */ B("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ I(L, {
+			children: [/* @__PURE__ */ B(V, {
 				variant: "ghost",
 				size: "sm",
-				onClick: () => a("circles"),
-				children: [/* @__PURE__ */ F(oe, { className: "mr-1.5 h-4 w-4" }), " Back"]
-			}), x ? /* @__PURE__ */ F(L, {
+				onClick: () => s("circles"),
+				children: [
+					/* @__PURE__ */ z(ae, { className: "mr-1.5 h-4 w-4" }),
+					" ",
+					n("common.back", "Back")
+				]
+			}), C ? /* @__PURE__ */ z(V, {
 				variant: "outline",
-				onClick: () => p.mutateAsync(o.id).then(() => _.success("Left circle")).catch((e) => _.error("Could not leave", g(e))),
+				onClick: () => g.mutateAsync(c.id).then(() => v.success(n("comradecircle.pages.circleDetail.left", "Left circle"))).catch((e) => v.error(n("comradecircle.pages.circleDetail.leaveError", "Could not leave"), _(e))),
+				disabled: g.isPending,
+				children: n("comradecircle.pages.circleDetail.leave", "Leave")
+			}) : c.status === "ACTIVE" ? /* @__PURE__ */ z(V, {
+				onClick: () => p.mutateAsync(c.id).then(() => v.success(n("comradecircle.pages.circleDetail.joined", "Joined circle"))).catch((e) => v.error(n("comradecircle.pages.circleDetail.joinError", "Could not join"), _(e))),
 				disabled: p.isPending,
-				children: "Leave"
-			}) : o.status === "ACTIVE" ? /* @__PURE__ */ F(L, {
-				onClick: () => f.mutateAsync(o.id).then(() => _.success("Joined circle")).catch((e) => _.error("Could not join", g(e))),
-				disabled: f.isPending,
-				children: "Join circle"
+				children: n("comradecircle.pages.circleDetail.joinCircle", "Join circle")
 			}) : null]
 		}),
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ B("div", {
 				className: "mb-4 flex flex-wrap items-center gap-2",
 				children: [
-					/* @__PURE__ */ F(E, { status: o.visibility }),
-					o.status !== "ACTIVE" && /* @__PURE__ */ F(E, { status: o.status }),
-					y && /* @__PURE__ */ F(E, { status: y.role }),
-					/* @__PURE__ */ I("span", {
+					/* @__PURE__ */ z(O, { status: c.visibility }),
+					c.status !== "ACTIVE" && /* @__PURE__ */ z(O, { status: c.status }),
+					S && /* @__PURE__ */ z(O, { status: S.role }),
+					/* @__PURE__ */ B("span", {
 						className: "inline-flex items-center gap-1 text-sm text-text-tertiary",
 						children: [
-							/* @__PURE__ */ F(P, { className: "h-4 w-4" }),
+							/* @__PURE__ */ z(L, { className: "h-4 w-4" }),
 							" ",
-							b(o.memberCount),
-							" members"
+							n("comradecircle.pages.circleDetail.memberCount", "{{count}} members", { count: x(c.memberCount) })
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ F(te, {
-				items: T,
-				value: h,
-				onChange: v,
+			/* @__PURE__ */ z(ee, {
+				items: k,
+				value: y,
+				onChange: b,
 				className: "mb-5"
 			}),
-			h === "channels" && /* @__PURE__ */ F(be, {
-				circle: o,
-				isMember: x,
-				canManage: S
+			y === "channels" && /* @__PURE__ */ z(xe, {
+				circle: c,
+				isMember: C,
+				canManage: E
 			}),
-			h === "members" && /* @__PURE__ */ F(Se, {
-				circle: o,
-				canManage: S
+			y === "members" && /* @__PURE__ */ z(Ce, {
+				circle: c,
+				canManage: E
 			}),
-			h === "events" && /* @__PURE__ */ F(Ce, {
-				circle: o,
-				isMember: x
+			y === "events" && /* @__PURE__ */ z(we, {
+				circle: c,
+				isMember: C
 			}),
-			h === "polls" && /* @__PURE__ */ F(we, {
-				circle: o,
-				isMember: x,
-				canManage: S
+			y === "polls" && /* @__PURE__ */ z(Te, {
+				circle: c,
+				isMember: C,
+				canManage: E
 			}),
-			h === "about" && /* @__PURE__ */ F(Te, { circle: o })
+			y === "about" && /* @__PURE__ */ z(Ee, { circle: c })
 		]
 	});
 }
-function be({ circle: e, isMember: n, canManage: r }) {
-	let i = D(() => [...e.channels ?? []].sort((e, t) => e.position - t.position), [e.channels]), [a, o] = O(i[0]?.id), [s, c] = O(!1), l = i.find((e) => e.id === a) ?? i[0];
-	return i.length === 0 ? /* @__PURE__ */ I(pe, { children: [/* @__PURE__ */ F(S, {
-		icon: /* @__PURE__ */ F(A, { className: "h-10 w-10" }),
-		title: "No channels yet",
-		description: r ? "Create the first channel to start conversations in this circle." : "This circle has no channels yet. Check back soon.",
-		action: r ? /* @__PURE__ */ I(L, {
+function xe({ circle: e, isMember: t, canManage: n }) {
+	let r = f(), i = A(() => [...e.channels ?? []].sort((e, t) => e.position - t.position), [e.channels]), [a, o] = j(i[0]?.id), [s, c] = j(!1), l = i.find((e) => e.id === a) ?? i[0];
+	return i.length === 0 ? /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(C, {
+		icon: /* @__PURE__ */ z(N, { className: "h-10 w-10" }),
+		title: r("comradecircle.pages.circleDetail.noChannelsTitle", "No channels yet"),
+		description: n ? r("comradecircle.pages.circleDetail.noChannelsDescriptionManager", "Create the first channel to start conversations in this circle.") : r("comradecircle.pages.circleDetail.noChannelsDescriptionMember", "This circle has no channels yet. Check back soon."),
+		action: n ? /* @__PURE__ */ B(V, {
 			onClick: () => c(!0),
-			children: [/* @__PURE__ */ F(N, { className: "mr-1.5 h-4 w-4" }), " New channel"]
+			children: [
+				/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }),
+				" ",
+				r("comradecircle.pages.circleDetail.newChannel", "New channel")
+			]
 		}) : void 0
-	}), /* @__PURE__ */ F($, {
+	}), /* @__PURE__ */ z(Oe, {
 		circleId: e.id,
 		open: s,
 		onOpenChange: c,
 		onCreated: (e) => o(e.id)
-	})] }) : /* @__PURE__ */ I("div", {
+	})] }) : /* @__PURE__ */ B("div", {
 		className: "grid gap-5 lg:grid-cols-[220px_1fr]",
 		children: [
-			/* @__PURE__ */ I("aside", {
+			/* @__PURE__ */ B("aside", {
 				className: "hidden lg:block",
-				children: [/* @__PURE__ */ I("div", {
+				children: [/* @__PURE__ */ B("div", {
 					className: "mb-2 flex items-center justify-between",
-					children: [/* @__PURE__ */ F("h3", {
+					children: [/* @__PURE__ */ z("h3", {
 						className: "text-xs font-semibold uppercase tracking-wide text-text-tertiary",
-						children: "Channels"
-					}), r && /* @__PURE__ */ F("button", {
+						children: r("comradecircle.pages.circleDetail.tabChannels", "Channels")
+					}), n && /* @__PURE__ */ z("button", {
 						type: "button",
 						onClick: () => c(!0),
-						"aria-label": "New channel",
+						"aria-label": r("comradecircle.pages.circleDetail.newChannel", "New channel"),
 						className: "rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary",
-						children: /* @__PURE__ */ F(N, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ z(I, { className: "h-4 w-4" })
 					})]
-				}), /* @__PURE__ */ F("nav", {
+				}), /* @__PURE__ */ z("nav", {
 					className: "flex flex-col gap-0.5",
 					children: i.map((e) => {
-						let n = ge[e.type], r = e.id === l?.id, i = e.type === "ANNOUNCEMENT";
-						return /* @__PURE__ */ I("button", {
+						let t = _e[e.type], n = e.id === l?.id, r = e.type === "ANNOUNCEMENT";
+						return /* @__PURE__ */ B("button", {
 							type: "button",
 							onClick: () => o(e.id),
-							"aria-current": r ? "true" : void 0,
-							className: t("flex items-center gap-2 rounded-lg border-l-2 px-2.5 py-1.5 text-left text-sm transition-all", r ? "border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] font-medium text-text-primary shadow-sm" : i ? "border-transparent font-medium text-accent hover:bg-bg-sunken motion-safe:hover:translate-x-0.5" : "border-transparent text-text-secondary hover:bg-bg-sunken hover:text-text-primary motion-safe:hover:translate-x-0.5"),
-							children: [/* @__PURE__ */ F(n, { className: t("h-4 w-4 shrink-0", r || i ? "text-accent" : "text-text-tertiary") }), /* @__PURE__ */ F("span", {
+							"aria-current": n ? "true" : void 0,
+							className: p("flex items-center gap-2 rounded-lg border-l-2 px-2.5 py-1.5 text-left text-sm transition-all", n ? "border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] font-medium text-text-primary shadow-sm" : r ? "border-transparent font-medium text-accent hover:bg-bg-sunken motion-safe:hover:translate-x-0.5" : "border-transparent text-text-secondary hover:bg-bg-sunken hover:text-text-primary motion-safe:hover:translate-x-0.5"),
+							children: [/* @__PURE__ */ z(t, { className: p("h-4 w-4 shrink-0", n || r ? "text-accent" : "text-text-tertiary") }), /* @__PURE__ */ z("span", {
 								className: "truncate",
 								children: e.name
 							})]
@@ -210,35 +219,35 @@ function be({ circle: e, isMember: n, canManage: r }) {
 					})
 				})]
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ z("div", {
 				className: "lg:hidden",
-				children: /* @__PURE__ */ I("div", {
+				children: /* @__PURE__ */ B("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ I(K, {
+					children: [/* @__PURE__ */ B(J, {
 						value: l?.id,
 						onValueChange: o,
-						children: [/* @__PURE__ */ F(Y, { children: /* @__PURE__ */ F(X, { placeholder: "Select a channel" }) }), /* @__PURE__ */ F(q, { children: i.map((e) => /* @__PURE__ */ I(J, {
+						children: [/* @__PURE__ */ z(Z, { children: /* @__PURE__ */ z(Q, { placeholder: r("comradecircle.pages.circleDetail.selectChannel", "Select a channel") }) }), /* @__PURE__ */ z(Y, { children: i.map((e) => /* @__PURE__ */ B(X, {
 							value: e.id,
 							children: ["#", e.name]
 						}, e.id)) })]
-					}), r && /* @__PURE__ */ F(L, {
+					}), n && /* @__PURE__ */ z(V, {
 						variant: "outline",
 						size: "icon",
 						onClick: () => c(!0),
-						"aria-label": "New channel",
-						children: /* @__PURE__ */ F(N, { className: "h-4 w-4" })
+						"aria-label": r("comradecircle.pages.circleDetail.newChannel", "New channel"),
+						children: /* @__PURE__ */ z(I, { className: "h-4 w-4" })
 					})]
 				})
 			}),
-			/* @__PURE__ */ F("div", {
+			/* @__PURE__ */ z("div", {
 				className: "min-w-0",
-				children: l && /* @__PURE__ */ F(xe, {
+				children: l && /* @__PURE__ */ z(Se, {
 					channel: l,
-					canPost: n,
-					canManage: r
+					canPost: t,
+					canManage: n
 				})
 			}),
-			/* @__PURE__ */ F($, {
+			/* @__PURE__ */ z(Oe, {
 				circleId: e.id,
 				open: s,
 				onOpenChange: c,
@@ -247,170 +256,179 @@ function be({ circle: e, isMember: n, canManage: r }) {
 		]
 	});
 }
-function xe({ channel: e, canPost: t, canManage: n }) {
-	let r = p(), { data: i, isLoading: a, isError: o, refetch: s } = d({
+function Se({ channel: e, canPost: t, canManage: n }) {
+	let r = f(), i = d(), [a, o] = j(!1), { data: s, isLoading: u, isError: p, refetch: m } = l({
 		channelId: e.id,
 		status: "PUBLISHED",
 		pagination: {
-			limit: ve,
-			cursor: r.cursor
+			limit: ye,
+			cursor: i.cursor
 		}
 	});
-	u(e.id);
-	let c = i?.items ?? [], l = e.type === "ANNOUNCEMENT", f = e.type === "VOICE" ? !1 : l ? n : t, m = l && r.page === 0 && c.length > 0 ? c.find((e) => e.isPinned) ?? c[0] : void 0, h = m ? c.filter((e) => e.id !== m.id) : c;
-	return /* @__PURE__ */ I("div", {
+	c(e.id);
+	let h = s?.items ?? [], g = e.type === "ANNOUNCEMENT", _ = e.type === "VOICE" ? !1 : g ? n : t, v = g && i.page === 0 && h.length > 0 ? h.find((e) => e.isPinned) ?? h[0] : void 0, y = v ? h.filter((e) => e.id !== v.id) : h;
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-col gap-4",
 		children: [
-			/* @__PURE__ */ I("div", {
+			/* @__PURE__ */ B("div", {
 				className: "flex items-center gap-3",
 				children: [(() => {
-					let t = ge[e.type];
-					return /* @__PURE__ */ F("span", {
+					let t = _e[e.type];
+					return /* @__PURE__ */ z("span", {
 						className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent",
-						children: /* @__PURE__ */ F(t, { className: "h-5 w-5" })
+						children: /* @__PURE__ */ z(t, { className: "h-5 w-5" })
 					});
-				})(), /* @__PURE__ */ I("div", {
+				})(), /* @__PURE__ */ B("div", {
 					className: "min-w-0",
-					children: [/* @__PURE__ */ I("div", {
+					children: [/* @__PURE__ */ B("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ F("h2", {
+						children: [/* @__PURE__ */ z("h2", {
 							className: "text-lg font-semibold text-text-primary",
 							children: e.name
-						}), l && /* @__PURE__ */ I("span", {
+						}), g && /* @__PURE__ */ B("span", {
 							className: "inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-accent",
-							children: [/* @__PURE__ */ F(j, { className: "h-3 w-3" }), " Broadcast"]
+							children: [
+								/* @__PURE__ */ z(P, { className: "h-3 w-3" }),
+								" ",
+								r("comradecircle.pages.circleDetail.broadcastLabel", "Broadcast")
+							]
 						})]
-					}), e.description && /* @__PURE__ */ F("p", {
+					}), e.description && /* @__PURE__ */ z("p", {
 						className: "text-sm text-text-secondary",
 						children: e.description
 					})]
 				})]
 			}),
-			f && /* @__PURE__ */ F(ne, {
+			_ && /* @__PURE__ */ B(R, { children: [/* @__PURE__ */ z(k, {
 				channelId: e.id,
 				channelName: e.name,
-				onPosted: () => r.reset(),
-				variant: l ? "announcement" : "default"
-			}),
-			l && !f && /* @__PURE__ */ I("div", {
+				onPosted: () => i.reset(),
+				onDraftSaved: () => o(!0),
+				variant: g ? "announcement" : "default"
+			}), /* @__PURE__ */ z(te, {
+				channelId: e.id,
+				open: a,
+				onOpenChange: o,
+				variant: g ? "announcement" : "default"
+			})] }),
+			g && !_ && /* @__PURE__ */ B("div", {
 				className: "rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary",
-				children: [/* @__PURE__ */ F(j, { className: "mx-auto mb-2 h-6 w-6 text-text-tertiary" }), "Only circle managers can post in announcement channels."]
+				children: [/* @__PURE__ */ z(P, { className: "mx-auto mb-2 h-6 w-6 text-text-tertiary" }), r("comradecircle.pages.circleDetail.announcementReadOnly", "Only circle managers can post in announcement channels.")]
 			}),
-			e.type === "VOICE" && /* @__PURE__ */ I("div", {
+			e.type === "VOICE" && /* @__PURE__ */ B("div", {
 				className: "rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary",
-				children: [/* @__PURE__ */ F(M, { className: "mx-auto mb-2 h-6 w-6 text-text-tertiary" }), "Voice channels are for live audio. Text posting is disabled here."]
+				children: [/* @__PURE__ */ z(F, { className: "mx-auto mb-2 h-6 w-6 text-text-tertiary" }), r("comradecircle.pages.circleDetail.voiceReadOnly", "Voice channels are for live audio. Text posting is disabled here.")]
 			}),
-			a ? /* @__PURE__ */ F(w, { label: "Loading posts…" }) : o ? /* @__PURE__ */ F(C, {
-				message: "We couldn't load posts.",
-				onRetry: () => s()
-			}) : c.length === 0 ? /* @__PURE__ */ F(S, {
-				icon: /* @__PURE__ */ F(le, { className: "h-9 w-9" }),
-				title: "No posts yet",
-				description: f ? "Be the first to post in this channel." : "Nothing has been posted here yet."
-			}) : /* @__PURE__ */ I("div", {
+			u ? /* @__PURE__ */ z(T, { label: r("comradecircle.pages.circleDetail.loadingPosts", "Loading posts…") }) : p ? /* @__PURE__ */ z(w, {
+				message: r("comradecircle.pages.circleDetail.postsError", "We couldn't load posts."),
+				onRetry: () => m()
+			}) : h.length === 0 ? /* @__PURE__ */ z(C, {
+				icon: /* @__PURE__ */ z(ce, { className: "h-9 w-9" }),
+				title: r("comradecircle.pages.circleDetail.noPostsTitle", "No posts yet"),
+				description: _ ? r("comradecircle.pages.circleDetail.noPostsDescriptionCanWrite", "Be the first to post in this channel.") : r("comradecircle.pages.circleDetail.noPostsDescriptionReadOnly", "Nothing has been posted here yet.")
+			}) : /* @__PURE__ */ B("div", {
 				className: "flex flex-col gap-4",
 				children: [
-					m && /* @__PURE__ */ I("div", {
+					v && /* @__PURE__ */ B("div", {
 						className: "rounded-2xl border-2 border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] p-1",
-						children: [/* @__PURE__ */ I("div", {
+						children: [/* @__PURE__ */ B("div", {
 							className: "mb-1 flex items-center gap-1.5 px-3 pt-2 text-xs font-semibold uppercase tracking-wide text-accent",
-							children: [/* @__PURE__ */ F(j, { className: "h-3.5 w-3.5" }), m.isPinned ? "Pinned announcement" : "Latest announcement"]
-						}), /* @__PURE__ */ F(x, { post: m })]
+							children: [/* @__PURE__ */ z(P, { className: "h-3.5 w-3.5" }), v.isPinned ? r("comradecircle.pages.circleDetail.pinnedAnnouncement", "Pinned announcement") : r("comradecircle.pages.circleDetail.latestAnnouncement", "Latest announcement")]
+						}), /* @__PURE__ */ z(S, { post: v })]
 					}),
-					h.length > 0 && /* @__PURE__ */ I("div", {
+					y.length > 0 && /* @__PURE__ */ B("div", {
 						className: "flex flex-col gap-4",
-						children: [m && /* @__PURE__ */ F("p", {
+						children: [v && /* @__PURE__ */ z("p", {
 							className: "text-xs font-semibold uppercase tracking-wide text-text-tertiary",
-							children: "Earlier announcements"
-						}), h.map((e) => /* @__PURE__ */ F(x, { post: e }, e.id))]
+							children: r("comradecircle.pages.circleDetail.earlierAnnouncements", "Earlier announcements")
+						}), y.map((e) => /* @__PURE__ */ z(S, { post: e }, e.id))]
 					}),
-					/* @__PURE__ */ F(ee, {
-						page: r.page,
-						pageSize: ve,
-						itemCount: c.length,
-						hasMore: i?.pageInfo.hasMore ?? !1,
-						onPageChange: (e) => r.onPageChange(e, i?.pageInfo.cursor)
+					/* @__PURE__ */ z(E, {
+						page: i.page,
+						pageSize: ye,
+						itemCount: h.length,
+						hasMore: s?.pageInfo.hasMore ?? !1,
+						onPageChange: (e) => i.onPageChange(e, s?.pageInfo.cursor)
 					})
 				]
 			})
 		]
 	});
 }
-function Se({ circle: e, canManage: n }) {
-	let r = f(), [i, a] = O(""), o = D(() => [...e.memberships ?? []].sort((e, t) => Q.indexOf(e.role) - Q.indexOf(t.role)), [e.memberships]), s = D(() => {
+function Ce({ circle: e, canManage: t }) {
+	let n = f(), r = u(), [i, a] = j(""), o = A(() => [...e.memberships ?? []].sort((e, t) => $.indexOf(e.role) - $.indexOf(t.role)), [e.memberships]), s = A(() => {
 		let e = i.trim().toLowerCase();
-		return e ? o.filter((t) => y(t.role).toLowerCase().includes(e) || t.role.toLowerCase().includes(e) || y(t.status).toLowerCase().includes(e) || t.status.toLowerCase().includes(e)) : o;
+		return e ? o.filter((t) => b(t.role).toLowerCase().includes(e) || t.role.toLowerCase().includes(e) || b(t.status).toLowerCase().includes(e) || t.status.toLowerCase().includes(e)) : o;
 	}, [o, i]);
-	if (o.length === 0) return /* @__PURE__ */ F(S, {
-		icon: /* @__PURE__ */ F(P, { className: "h-9 w-9" }),
-		title: "No members yet"
+	if (o.length === 0) return /* @__PURE__ */ z(C, {
+		icon: /* @__PURE__ */ z(L, { className: "h-9 w-9" }),
+		title: n("comradecircle.pages.circleDetail.noMembersTitle", "No members yet")
 	});
-	let c = async (t, n) => {
+	let c = async (t, i) => {
 		try {
 			await r.mutateAsync({
 				membershipId: t,
-				role: n,
+				role: i,
 				circleId: e.id
-			}), _.success("Role updated");
+			}), v.success(n("comradecircle.pages.circleDetail.roleUpdated", "Role updated"));
 		} catch (e) {
-			_.error("Could not update role", g(e));
+			v.error(n("comradecircle.pages.circleDetail.roleUpdateError", "Could not update role"), _(e));
 		}
-	}, l = n ? "lg:grid-cols-[minmax(0,1fr)_120px_120px_190px]" : "lg:grid-cols-[minmax(0,1fr)_120px_120px]";
-	return /* @__PURE__ */ I("div", {
+	}, l = t ? "lg:grid-cols-[minmax(0,1fr)_120px_120px_190px]" : "lg:grid-cols-[minmax(0,1fr)_120px_120px]";
+	return /* @__PURE__ */ B("div", {
 		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ I("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
-			children: [/* @__PURE__ */ I("div", {
+			children: [/* @__PURE__ */ B("div", {
 				className: "relative w-full sm:max-w-xs",
-				children: [/* @__PURE__ */ F(de, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ F(R, {
+				children: [/* @__PURE__ */ z(ue, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ z(H, {
 					value: i,
 					onChange: (e) => a(e.target.value),
-					placeholder: "Filter by role or status…",
+					placeholder: n("comradecircle.pages.circleDetail.filterMembersPlaceholder", "Filter by role or status…"),
 					className: "pl-9",
-					"aria-label": "Filter members by role or status"
+					"aria-label": n("comradecircle.pages.circleDetail.filterMembersAriaLabel", "Filter members by role or status")
 				})]
-			}), /* @__PURE__ */ F("span", {
+			}), /* @__PURE__ */ z("span", {
 				className: "text-sm text-text-tertiary",
-				children: s.length === o.length ? `${b(o.length)} member${o.length === 1 ? "" : "s"}` : `${b(s.length)} of ${b(o.length)}`
+				children: s.length === o.length ? n("comradecircle.pages.circleDetail.memberCount", "{{count}} members", { count: x(o.length) }) : n("comradecircle.pages.circleDetail.filteredMemberCount", "{{filtered}} of {{total}}", {
+					filtered: x(s.length),
+					total: x(o.length)
+				})
 			})]
-		}), /* @__PURE__ */ I("div", {
+		}), /* @__PURE__ */ B("div", {
 			className: "overflow-hidden rounded-2xl border border-border-seam bg-bg-surface",
-			children: [/* @__PURE__ */ I("div", {
-				className: t("hidden border-b border-border-seam px-5 py-3 text-xs font-semibold uppercase tracking-wide text-text-tertiary lg:grid lg:items-center lg:gap-4", l),
+			children: [/* @__PURE__ */ B("div", {
+				className: p("hidden border-b border-border-seam px-5 py-3 text-xs font-semibold uppercase tracking-wide text-text-tertiary lg:grid lg:items-center lg:gap-4", l),
 				children: [
-					/* @__PURE__ */ F("span", { children: "Member" }),
-					/* @__PURE__ */ F("span", { children: "Status" }),
-					/* @__PURE__ */ F("span", { children: "Role" }),
-					n && /* @__PURE__ */ F("span", { children: "Manage role" })
+					/* @__PURE__ */ z("span", { children: n("comradecircle.pages.circleDetail.memberColumn", "Member") }),
+					/* @__PURE__ */ z("span", { children: n("comradecircle.pages.circleDetail.statusColumn", "Status") }),
+					/* @__PURE__ */ z("span", { children: n("comradecircle.pages.circleDetail.roleColumn", "Role") }),
+					t && /* @__PURE__ */ z("span", { children: n("comradecircle.pages.circleDetail.manageRoleColumn", "Manage role") })
 				]
-			}), s.length === 0 ? /* @__PURE__ */ I("div", {
+			}), s.length === 0 ? /* @__PURE__ */ z("div", {
 				className: "px-5 py-10 text-center text-sm text-text-secondary",
-				children: [
-					"No members match “",
-					i.trim(),
-					"”."
-				]
-			}) : s.map((e) => /* @__PURE__ */ I("div", {
-				className: t("flex flex-col gap-3 border-b border-border-seam px-5 py-4 last:border-b-0 motion-safe:transition-colors hover:bg-bg-sunken/60 lg:grid lg:items-center lg:gap-4", l),
-				children: [/* @__PURE__ */ F(h, {
+				children: n("comradecircle.pages.circleDetail.noFilterMatches", "No members match \"{{query}}\".", { query: i.trim() })
+			}) : s.map((e) => /* @__PURE__ */ B("div", {
+				className: p("flex flex-col gap-3 border-b border-border-seam px-5 py-4 last:border-b-0 motion-safe:transition-colors hover:bg-bg-sunken/60 lg:grid lg:items-center lg:gap-4", l),
+				children: [/* @__PURE__ */ z(g, {
 					memberId: e.memberId,
 					variant: "row",
 					size: "md",
 					showPresence: !0
-				}), /* @__PURE__ */ I("div", {
+				}), /* @__PURE__ */ B("div", {
 					className: "flex flex-wrap items-center gap-2 lg:contents",
 					children: [
-						/* @__PURE__ */ F("div", { children: /* @__PURE__ */ F(E, { status: e.status }) }),
-						/* @__PURE__ */ F("div", { children: /* @__PURE__ */ F(E, { status: e.role }) }),
-						n && /* @__PURE__ */ I(K, {
+						/* @__PURE__ */ z("div", { children: /* @__PURE__ */ z(O, { status: e.status }) }),
+						/* @__PURE__ */ z("div", { children: /* @__PURE__ */ z(O, { status: e.role }) }),
+						t && /* @__PURE__ */ B(J, {
 							value: e.role,
 							onValueChange: (t) => c(e.id, t),
-							children: [/* @__PURE__ */ F(Y, {
+							children: [/* @__PURE__ */ z(Z, {
 								className: "h-9 w-40 lg:w-full",
-								children: /* @__PURE__ */ F(X, {})
-							}), /* @__PURE__ */ F(q, { children: Q.map((e) => /* @__PURE__ */ F(J, {
+								children: /* @__PURE__ */ z(Q, {})
+							}), /* @__PURE__ */ z(Y, { children: $.map((e) => /* @__PURE__ */ z(X, {
 								value: e,
-								children: y(e)
+								children: b(e)
 							}, e)) })]
 						})
 					]
@@ -419,121 +437,144 @@ function Se({ circle: e, canManage: n }) {
 		})]
 	});
 }
-function Ce({ circle: t, isMember: n }) {
-	let { navigateTo: r } = e(), { data: i, isLoading: a, isError: s, refetch: c } = o({ circleId: t.id }), [l, u] = O(!1), d = i?.items ?? [];
-	return /* @__PURE__ */ I("div", { children: [
-		/* @__PURE__ */ F("div", {
+function we({ circle: t, isMember: n }) {
+	let r = f(), { navigateTo: a } = e(), { data: o, isLoading: s, isError: c, refetch: l } = i({ circleId: t.id }), [u, d] = j(!1), p = o?.items ?? [];
+	return /* @__PURE__ */ B("div", { children: [
+		/* @__PURE__ */ z("div", {
 			className: "mb-4 flex items-center justify-end",
-			children: n && /* @__PURE__ */ I(L, {
-				onClick: () => u(!0),
-				children: [/* @__PURE__ */ F(N, { className: "mr-1.5 h-4 w-4" }), " New event"]
+			children: n && /* @__PURE__ */ B(V, {
+				onClick: () => d(!0),
+				children: [
+					/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }),
+					" ",
+					r("comradecircle.pages.circleDetail.newEvent", "New event")
+				]
 			})
 		}),
-		a ? /* @__PURE__ */ F(w, { label: "Loading events…" }) : s ? /* @__PURE__ */ F(C, { onRetry: () => c() }) : d.length === 0 ? /* @__PURE__ */ F(S, {
-			icon: /* @__PURE__ */ F(k, { className: "h-9 w-9" }),
-			title: "No events scheduled",
-			description: n ? "Schedule the first event for this circle." : "No upcoming events.",
-			action: n ? /* @__PURE__ */ I(L, {
-				onClick: () => u(!0),
-				children: [/* @__PURE__ */ F(N, { className: "mr-1.5 h-4 w-4" }), " New event"]
+		s ? /* @__PURE__ */ z(T, { label: r("comradecircle.pages.circleDetail.loadingEvents", "Loading events…") }) : c ? /* @__PURE__ */ z(w, {
+			message: r("comradecircle.pages.circleDetail.eventsError", "We couldn't load events."),
+			onRetry: () => l()
+		}) : p.length === 0 ? /* @__PURE__ */ z(C, {
+			icon: /* @__PURE__ */ z(oe, { className: "h-9 w-9" }),
+			title: r("comradecircle.pages.circleDetail.noEventsTitle", "No events scheduled"),
+			description: n ? r("comradecircle.pages.circleDetail.noEventsDescriptionMember", "Schedule the first event for this circle.") : r("comradecircle.pages.circleDetail.noEventsDescriptionNonMember", "No upcoming events."),
+			action: n ? /* @__PURE__ */ B(V, {
+				onClick: () => d(!0),
+				children: [
+					/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }),
+					" ",
+					r("comradecircle.pages.circleDetail.newEvent", "New event")
+				]
 			}) : void 0
-		}) : /* @__PURE__ */ F("div", {
+		}) : /* @__PURE__ */ z("div", {
 			className: "grid gap-4 md:grid-cols-2",
-			children: d.map((e) => /* @__PURE__ */ F(re, {
+			children: p.map((e) => /* @__PURE__ */ z(ne, {
 				event: e,
-				onOpen: () => r(`events/${e.id}`)
+				onOpen: () => a(`events/${e.id}`)
 			}, e.id))
 		}),
-		/* @__PURE__ */ F(ae, {
+		/* @__PURE__ */ z(ie, {
 			circleId: t.id,
-			open: l,
-			onOpenChange: u
+			open: u,
+			onOpenChange: d
 		})
 	] });
 }
-function we({ circle: e, isMember: t, canManage: n }) {
-	let { data: r, isLoading: i, isError: a, refetch: o } = l(e.id), [s, c] = O(!1);
-	return /* @__PURE__ */ I("div", { children: [
-		/* @__PURE__ */ F("div", {
+function Te({ circle: e, isMember: t, canManage: n }) {
+	let r = f(), { data: i, isLoading: a, isError: o, refetch: c } = s(e.id), [l, u] = j(!1);
+	return /* @__PURE__ */ B("div", { children: [
+		/* @__PURE__ */ z("div", {
 			className: "mb-4 flex items-center justify-end",
-			children: t && /* @__PURE__ */ I(L, {
-				onClick: () => c(!0),
-				children: [/* @__PURE__ */ F(N, { className: "mr-1.5 h-4 w-4" }), " New poll"]
+			children: t && /* @__PURE__ */ B(V, {
+				onClick: () => u(!0),
+				children: [
+					/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }),
+					" ",
+					r("comradecircle.pages.circleDetail.newPoll", "New poll")
+				]
 			})
 		}),
-		i ? /* @__PURE__ */ F(w, { label: "Loading polls…" }) : a ? /* @__PURE__ */ F(C, { onRetry: () => o() }) : (r ?? []).length === 0 ? /* @__PURE__ */ F(S, {
-			icon: /* @__PURE__ */ F(se, { className: "h-9 w-9" }),
-			title: "No polls yet",
-			description: t ? "Ask the circle a question with a poll." : "No polls have been created.",
-			action: t ? /* @__PURE__ */ I(L, {
-				onClick: () => c(!0),
-				children: [/* @__PURE__ */ F(N, { className: "mr-1.5 h-4 w-4" }), " New poll"]
+		a ? /* @__PURE__ */ z(T, { label: r("comradecircle.pages.circleDetail.loadingPolls", "Loading polls…") }) : o ? /* @__PURE__ */ z(w, {
+			message: r("comradecircle.pages.circleDetail.pollsError", "We couldn't load polls."),
+			onRetry: () => c()
+		}) : (i ?? []).length === 0 ? /* @__PURE__ */ z(C, {
+			icon: /* @__PURE__ */ z(M, { className: "h-9 w-9" }),
+			title: r("comradecircle.pages.circleDetail.noPollsTitle", "No polls yet"),
+			description: t ? r("comradecircle.pages.circleDetail.noPollsDescriptionMember", "Ask the circle a question with a poll.") : r("comradecircle.pages.circleDetail.noPollsDescriptionNonMember", "No polls have been created."),
+			action: t ? /* @__PURE__ */ B(V, {
+				onClick: () => u(!0),
+				children: [
+					/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }),
+					" ",
+					r("comradecircle.pages.circleDetail.newPoll", "New poll")
+				]
 			}) : void 0
-		}) : /* @__PURE__ */ F("div", {
+		}) : /* @__PURE__ */ z("div", {
 			className: "mx-auto flex max-w-2xl flex-col gap-4",
-			children: (r ?? []).map((e) => /* @__PURE__ */ F(ie, {
+			children: (i ?? []).map((e) => /* @__PURE__ */ z(re, {
 				poll: e,
 				canManage: n
 			}, e.id))
 		}),
-		/* @__PURE__ */ F(De, {
+		/* @__PURE__ */ z(ke, {
 			circleId: e.id,
-			open: s,
-			onOpenChange: c
+			open: l,
+			onOpenChange: u
 		})
 	] });
 }
-function Te({ circle: e }) {
-	return /* @__PURE__ */ F("div", {
+function Ee({ circle: e }) {
+	let t = f();
+	return /* @__PURE__ */ z("div", {
 		className: "mx-auto max-w-2xl",
-		children: /* @__PURE__ */ I("div", {
+		children: /* @__PURE__ */ B("div", {
 			className: "rounded-2xl border border-border-seam bg-bg-surface p-6",
 			children: [
-				/* @__PURE__ */ F("h2", {
+				/* @__PURE__ */ z("h2", {
 					className: "text-lg font-semibold text-text-primary",
-					children: "About this circle"
+					children: t("comradecircle.pages.circleDetail.aboutTitle", "About this circle")
 				}),
-				/* @__PURE__ */ F("p", {
+				/* @__PURE__ */ z("p", {
 					className: "mt-2 whitespace-pre-wrap text-sm text-text-secondary",
-					children: e.description || "No description provided."
+					children: e.description || t("comradecircle.pages.circleDetail.noDescription", "No description provided.")
 				}),
-				e.tags.length > 0 && /* @__PURE__ */ F("div", {
+				e.tags.length > 0 && /* @__PURE__ */ z("div", {
 					className: "mt-4 flex flex-wrap gap-1.5",
-					children: e.tags.map((e) => /* @__PURE__ */ I("span", {
+					children: e.tags.map((e) => /* @__PURE__ */ B("span", {
 						className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 						children: ["#", e]
 					}, e))
 				}),
-				/* @__PURE__ */ I("dl", {
+				/* @__PURE__ */ B("dl", {
 					className: "mt-6 grid grid-cols-2 gap-4 text-sm",
 					children: [
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-tertiary",
-							children: "Visibility"
-						}), /* @__PURE__ */ F("dd", {
+							children: t("comradecircle.pages.circleDetail.visibilityLabel", "Visibility")
+						}), /* @__PURE__ */ z("dd", {
 							className: "mt-1 text-text-primary",
-							children: y(e.visibility)
+							children: b(e.visibility)
 						})] }),
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-tertiary",
-							children: "Status"
-						}), /* @__PURE__ */ F("dd", {
+							children: t("comradecircle.pages.circleDetail.statusLabel", "Status")
+						}), /* @__PURE__ */ z("dd", {
 							className: "mt-1 text-text-primary",
-							children: y(e.status)
+							children: b(e.status)
 						})] }),
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-tertiary",
-							children: "Members"
-						}), /* @__PURE__ */ F("dd", {
+							children: t("comradecircle.pages.circleDetail.membersLabel", "Members")
+						}), /* @__PURE__ */ z("dd", {
 							className: "mt-1 text-text-primary",
-							children: b(e.memberCount)
+							children: x(e.memberCount)
 						})] }),
-						/* @__PURE__ */ I("div", { children: [/* @__PURE__ */ F("dt", {
+						/* @__PURE__ */ B("div", { children: [/* @__PURE__ */ z("dt", {
 							className: "text-text-tertiary",
-							children: "Created"
-						}), /* @__PURE__ */ F("dd", {
+							children: t("comradecircle.pages.circleDetail.createdLabel", "Created")
+						}), /* @__PURE__ */ z("dd", {
 							className: "mt-1 text-text-primary",
-							children: v(e.createdAt)
+							children: y(e.createdAt)
 						})] })
 					]
 				})
@@ -541,247 +582,251 @@ function Te({ circle: e }) {
 		})
 	});
 }
-var Ee = [
+var De = [
 	"TEXT",
 	"FORUM",
 	"ANNOUNCEMENT",
 	"VOICE"
 ];
-function $({ circleId: e, open: t, onOpenChange: n, onCreated: r }) {
-	let a = i(), [o, s] = O(""), [c, l] = O(""), [u, d] = O("TEXT"), [f, p] = O(null);
-	return /* @__PURE__ */ F(B, {
+function Oe({ circleId: e, open: t, onOpenChange: r, onCreated: i }) {
+	let a = f(), o = n(), [s, c] = j(""), [l, u] = j(""), [d, p] = j("TEXT"), [m, h] = j(null);
+	return /* @__PURE__ */ z(pe, {
 		open: t,
-		onOpenChange: n,
-		children: /* @__PURE__ */ I(V, {
+		onOpenChange: r,
+		children: /* @__PURE__ */ B(me, {
 			className: "sm:max-w-md",
 			children: [
-				/* @__PURE__ */ I(W, { children: [/* @__PURE__ */ F(G, { children: "Create a channel" }), /* @__PURE__ */ F(H, { children: "Channels organise conversations by topic or format." })] }),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ B(K, { children: [/* @__PURE__ */ z(q, { children: a("comradecircle.pages.circleDetail.createChannelTitle", "Create a channel") }), /* @__PURE__ */ z(W, { children: a("comradecircle.pages.circleDetail.createChannelDescription", "Channels organise conversations by topic or format.") })] }),
+				/* @__PURE__ */ B("div", {
 					className: "flex flex-col gap-4 py-2",
 					children: [
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ F(z, {
+							children: [/* @__PURE__ */ z(U, {
 								htmlFor: "channel-name",
-								children: "Name"
-							}), /* @__PURE__ */ F(R, {
+								children: a("comradecircle.pages.circleDetail.channelNameLabel", "Name")
+							}), /* @__PURE__ */ z(H, {
 								id: "channel-name",
-								value: o,
-								onChange: (e) => s(e.target.value),
-								placeholder: "general"
+								value: s,
+								onChange: (e) => c(e.target.value),
+								placeholder: a("comradecircle.pages.circleDetail.channelNamePlaceholder", "general")
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ F(z, { children: "Type" }), /* @__PURE__ */ I(K, {
-								value: u,
-								onValueChange: (e) => d(e),
-								children: [/* @__PURE__ */ F(Y, { children: /* @__PURE__ */ F(X, {}) }), /* @__PURE__ */ F(q, { children: Ee.map((e) => /* @__PURE__ */ F(J, {
+							children: [/* @__PURE__ */ z(U, { children: a("comradecircle.pages.circleDetail.channelTypeLabel", "Type") }), /* @__PURE__ */ B(J, {
+								value: d,
+								onValueChange: (e) => p(e),
+								children: [/* @__PURE__ */ z(Z, { children: /* @__PURE__ */ z(Q, {}) }), /* @__PURE__ */ z(Y, { children: De.map((e) => /* @__PURE__ */ z(X, {
 									value: e,
-									children: y(e)
+									children: b(e)
 								}, e)) })]
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ F(z, {
+							children: [/* @__PURE__ */ z(U, {
 								htmlFor: "channel-desc",
-								children: "Description"
-							}), /* @__PURE__ */ F(he, {
+								children: a("comradecircle.pages.circleDetail.channelDescriptionLabel", "Description")
+							}), /* @__PURE__ */ z(ge, {
 								id: "channel-desc",
-								value: c,
-								onChange: (e) => l(e.target.value),
+								value: l,
+								onChange: (e) => u(e.target.value),
 								rows: 2
 							})]
 						}),
-						f && /* @__PURE__ */ F("p", {
+						m && /* @__PURE__ */ z("p", {
 							className: "text-sm text-status-error-text",
-							children: f
+							children: m
 						})
 					]
 				}),
-				/* @__PURE__ */ I(U, { children: [/* @__PURE__ */ F(L, {
+				/* @__PURE__ */ B(G, { children: [/* @__PURE__ */ z(V, {
 					variant: "outline",
-					onClick: () => n(!1),
-					children: "Cancel"
-				}), /* @__PURE__ */ F(L, {
+					onClick: () => r(!1),
+					children: a("common.cancel", "Cancel")
+				}), /* @__PURE__ */ z(V, {
 					onClick: async () => {
-						if (!o.trim()) {
-							p("Channel name is required.");
+						if (!s.trim()) {
+							h(a("comradecircle.pages.circleDetail.channelNameRequired", "Channel name is required."));
 							return;
 						}
 						try {
-							let t = await a.mutateAsync({
+							let t = await o.mutateAsync({
 								circleId: e,
-								name: o.trim(),
-								slug: T(o),
-								description: c.trim() || null,
-								type: u
+								name: s.trim(),
+								slug: D(s),
+								description: l.trim() || null,
+								type: d
 							});
-							_.success("Channel created", `#${t.name}`), n(!1), s(""), l(""), d("TEXT"), p(null), r?.(t);
+							v.success(a("comradecircle.pages.circleDetail.channelCreated", "Channel created"), `#${t.name}`), r(!1), c(""), u(""), p("TEXT"), h(null), i?.(t);
 						} catch (e) {
-							p(g(e));
+							h(_(e));
 						}
 					},
-					disabled: a.isPending,
-					children: "Create channel"
+					disabled: o.isPending,
+					children: a("comradecircle.pages.circleDetail.createChannelAction", "Create channel")
 				})] })
 			]
 		})
 	});
 }
-function De({ circleId: e, open: t, onOpenChange: n }) {
-	let r = a(), [i, o] = O(""), [s, c] = O(["", ""]), [l, u] = O(!1), [d, f] = O(!1), [p, m] = O(""), [h, v] = O(null), y = D(() => {
+function ke({ circleId: e, open: t, onOpenChange: n }) {
+	let i = f(), a = r(), [o, s] = j(""), [c, l] = j(["", ""]), [u, d] = j(!1), [p, m] = j(!1), [h, g] = j(""), [y, b] = j(null), x = A(() => {
 		let e = /* @__PURE__ */ new Date();
 		return e.setMinutes(e.getMinutes() - e.getTimezoneOffset()), e.toISOString().slice(0, 16);
-	}, []), b = () => {
-		o(""), c(["", ""]), u(!1), f(!1), m(""), v(null);
+	}, []), S = () => {
+		s(""), l(["", ""]), d(!1), m(!1), g(""), b(null);
 	};
-	return /* @__PURE__ */ F(B, {
+	return /* @__PURE__ */ z(pe, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ I(V, {
+		children: /* @__PURE__ */ B(me, {
 			className: "sm:max-w-md",
 			children: [
-				/* @__PURE__ */ I(W, { children: [/* @__PURE__ */ F(G, { children: "Create a poll" }), /* @__PURE__ */ F(H, { children: "Gather the circle's opinion." })] }),
-				/* @__PURE__ */ I("div", {
+				/* @__PURE__ */ B(K, { children: [/* @__PURE__ */ z(q, { children: i("comradecircle.pages.circleDetail.createPollTitle", "Create a poll") }), /* @__PURE__ */ z(W, { children: i("comradecircle.pages.circleDetail.createPollDescription", "Gather the circle's opinion.") })] }),
+				/* @__PURE__ */ B("div", {
 					className: "flex flex-col gap-4 py-2",
 					children: [
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ F(z, {
+							children: [/* @__PURE__ */ z(U, {
 								htmlFor: "poll-q",
-								children: "Question"
-							}), /* @__PURE__ */ F(R, {
+								children: i("comradecircle.pages.circleDetail.pollQuestionLabel", "Question")
+							}), /* @__PURE__ */ z(H, {
 								id: "poll-q",
-								value: i,
-								onChange: (e) => o(e.target.value),
-								placeholder: "What should we build next?"
+								value: o,
+								onChange: (e) => s(e.target.value),
+								placeholder: i("comradecircle.pages.circleDetail.pollQuestionPlaceholder", "What should we build next?")
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ F(z, { children: "Options" }), /* @__PURE__ */ I("div", {
+							children: [/* @__PURE__ */ z(U, { children: i("comradecircle.pages.circleDetail.pollOptionsLabel", "Options") }), /* @__PURE__ */ B("div", {
 								className: "flex flex-col gap-2",
-								children: [s.map((e, t) => /* @__PURE__ */ I("div", {
+								children: [c.map((e, t) => /* @__PURE__ */ B("div", {
 									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ F(R, {
+									children: [/* @__PURE__ */ z(H, {
 										value: e,
-										onChange: (e) => c((n) => n.map((n, r) => r === t ? e.target.value : n)),
-										placeholder: `Option ${t + 1}`
-									}), s.length > 2 && /* @__PURE__ */ F(L, {
+										onChange: (e) => l((n) => n.map((n, r) => r === t ? e.target.value : n)),
+										placeholder: i("comradecircle.pages.circleDetail.pollOptionPlaceholder", "Option {{number}}", { number: t + 1 })
+									}), c.length > 2 && /* @__PURE__ */ z(V, {
 										variant: "ghost",
 										size: "icon",
-										onClick: () => c((e) => e.filter((e, n) => n !== t)),
-										"aria-label": `Remove option ${t + 1}`,
+										onClick: () => l((e) => e.filter((e, n) => n !== t)),
+										"aria-label": i("comradecircle.pages.circleDetail.removeOptionAriaLabel", "Remove option {{number}}", { number: t + 1 }),
 										children: "✕"
 									})]
-								}, t)), s.length < 8 && /* @__PURE__ */ I(L, {
+								}, t)), c.length < 8 && /* @__PURE__ */ B(V, {
 									variant: "outline",
 									size: "sm",
-									onClick: () => c((e) => [...e, ""]),
-									children: [/* @__PURE__ */ F(N, { className: "mr-1.5 h-4 w-4" }), " Add option"]
+									onClick: () => l((e) => [...e, ""]),
+									children: [
+										/* @__PURE__ */ z(I, { className: "mr-1.5 h-4 w-4" }),
+										" ",
+										i("comradecircle.pages.circleDetail.addOption", "Add option")
+									]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
 							children: [
-								/* @__PURE__ */ F(z, {
+								/* @__PURE__ */ z(U, {
 									htmlFor: "poll-closes",
-									children: "Closes at"
+									children: i("comradecircle.pages.circleDetail.pollClosesLabel", "Closes at")
 								}),
-								/* @__PURE__ */ F(R, {
+								/* @__PURE__ */ z(H, {
 									id: "poll-closes",
 									type: "datetime-local",
-									min: y,
-									value: p,
-									onChange: (e) => m(e.target.value)
+									min: x,
+									value: h,
+									onChange: (e) => g(e.target.value)
 								}),
-								/* @__PURE__ */ F("p", {
+								/* @__PURE__ */ z("p", {
 									className: "text-xs text-text-tertiary",
-									children: "Optional — leave empty to keep voting open indefinitely."
+									children: i("comradecircle.pages.circleDetail.pollClosesHint", "Optional — leave empty to keep voting open indefinitely.")
 								})
 							]
 						}),
-						/* @__PURE__ */ I("div", {
+						/* @__PURE__ */ B("div", {
 							className: "flex flex-col divide-y divide-border-seam rounded-xl border border-border-seam",
-							children: [/* @__PURE__ */ I("div", {
+							children: [/* @__PURE__ */ B("div", {
 								className: "flex items-center justify-between gap-4 px-3 py-3",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ B("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ F(z, {
+									children: [/* @__PURE__ */ z(U, {
 										htmlFor: "poll-multi",
-										children: "Allow multiple choices"
-									}), /* @__PURE__ */ F("p", {
+										children: i("comradecircle.pages.circleDetail.pollMultiLabel", "Allow multiple choices")
+									}), /* @__PURE__ */ z("p", {
 										className: "text-xs text-text-tertiary",
-										children: "Let voters pick more than one option."
+										children: i("comradecircle.pages.circleDetail.pollMultiHint", "Let voters pick more than one option.")
 									})]
-								}), /* @__PURE__ */ F(Z, {
+								}), /* @__PURE__ */ z(he, {
 									id: "poll-multi",
-									checked: l,
-									onCheckedChange: u
+									checked: u,
+									onCheckedChange: d
 								})]
-							}), /* @__PURE__ */ I("div", {
+							}), /* @__PURE__ */ B("div", {
 								className: "flex items-center justify-between gap-4 px-3 py-3",
-								children: [/* @__PURE__ */ I("div", {
+								children: [/* @__PURE__ */ B("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ F(z, {
+									children: [/* @__PURE__ */ z(U, {
 										htmlFor: "poll-anon",
-										children: "Anonymous voting"
-									}), /* @__PURE__ */ F("p", {
+										children: i("comradecircle.pages.circleDetail.pollAnonymousLabel", "Anonymous voting")
+									}), /* @__PURE__ */ z("p", {
 										className: "text-xs text-text-tertiary",
-										children: "Hide who voted for each option."
+										children: i("comradecircle.pages.circleDetail.pollAnonymousHint", "Hide who voted for each option.")
 									})]
-								}), /* @__PURE__ */ F(Z, {
+								}), /* @__PURE__ */ z(he, {
 									id: "poll-anon",
-									checked: d,
-									onCheckedChange: f
+									checked: p,
+									onCheckedChange: m
 								})]
 							})]
 						}),
-						h && /* @__PURE__ */ F("p", {
+						y && /* @__PURE__ */ z("p", {
 							className: "text-sm text-status-error-text",
-							children: h
+							children: y
 						})
 					]
 				}),
-				/* @__PURE__ */ I(U, { children: [/* @__PURE__ */ F(L, {
+				/* @__PURE__ */ B(G, { children: [/* @__PURE__ */ z(V, {
 					variant: "outline",
 					onClick: () => n(!1),
-					children: "Cancel"
-				}), /* @__PURE__ */ F(L, {
+					children: i("common.cancel", "Cancel")
+				}), /* @__PURE__ */ z(V, {
 					onClick: async () => {
-						let t = s.map((e) => e.trim()).filter(Boolean);
-						if (!i.trim()) {
-							v("A question is required.");
+						let t = c.map((e) => e.trim()).filter(Boolean);
+						if (!o.trim()) {
+							b(i("comradecircle.pages.circleDetail.pollQuestionRequired", "A question is required."));
 							return;
 						}
 						if (t.length < 2) {
-							v("Add at least two options.");
+							b(i("comradecircle.pages.circleDetail.pollOptionsRequired", "Add at least two options."));
 							return;
 						}
 						try {
-							await r.mutateAsync({
+							await a.mutateAsync({
 								circleId: e,
-								question: i.trim(),
+								question: o.trim(),
 								options: t,
-								allowMultiple: l,
-								isAnonymous: d,
-								closesAt: p ? new Date(p).toISOString() : null
-							}), _.success("Poll created"), n(!1), b();
+								allowMultiple: u,
+								isAnonymous: p,
+								closesAt: h ? new Date(h).toISOString() : null
+							}), v.success(i("comradecircle.pages.circleDetail.pollCreated", "Poll created")), n(!1), S();
 						} catch (e) {
-							v(g(e));
+							b(_(e));
 						}
 					},
-					disabled: r.isPending,
-					children: "Create poll"
+					disabled: a.isPending,
+					children: i("comradecircle.pages.circleDetail.createPollAction", "Create poll")
 				})] })
 			]
 		})
 	});
 }
 //#endregion
-export { ye as CircleDetailPage };
+export { be as CircleDetailPage };
 
 //# sourceMappingURL=CircleDetailPage.js.map