@burdenoff/microfe-comradecircle 2026.830.1 → 2026.1025.1

package/dist/comradecircle/hooks/useModerationApi.js

@@ -0,0 +1,101 @@
+import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
+import "../context/index.js";
+import { comQuery as t } from "./useComradeCircleApi.js";
+import { useMutation as n, useQuery as r, useQueryClient as i } from "@tanstack/react-query";
+//#region src/comradecircle/hooks/useModerationApi.ts
+var a = {
+	verdicts: (e) => [
+		"comradecircle",
+		"moderation",
+		"verdicts",
+		e
+	],
+	rule: (e) => [
+		"comradecircle",
+		"moderation",
+		"rule",
+		e
+	],
+	summary: (e, t) => [
+		"comradecircle",
+		"moderation",
+		"summary",
+		e,
+		t
+	]
+}, o = "\n  id workspaceId circleId targetType targetId verdict categories confidence rationale\n  actedAutomatically injectionDetected reviewedBy reviewedAt reviewNote overturned createdAt\n", s = "\n  id workspaceId circleId enabled flaggedTerms spamPatterns toxicityThreshold autoHideSpam updatedAt\n", c = (n, i = {}, s = !0) => {
+	let { apiGatewayUrl: c } = e();
+	return r({
+		queryKey: [...a.verdicts(n ?? ""), i],
+		enabled: !!n && s,
+		queryFn: async () => (await t(`query ComListVerdicts($circleId: ID, $verdict: ComModerationVerdictType, $reviewed: Boolean, $pagination: PaginationInput) {
+          comListVerdicts(circleId: $circleId, verdict: $verdict, reviewed: $reviewed, pagination: $pagination) {
+            items { ${o} }
+          }
+        }`, {
+			circleId: n,
+			verdict: i.verdict,
+			reviewed: i.reviewed,
+			pagination: { limit: 50 }
+		}, c)).comListVerdicts.items
+	});
+}, l = (r) => {
+	let { apiGatewayUrl: s } = e(), c = i();
+	return n({
+		mutationFn: async (e) => (await t(`mutation ComReviewVerdict($verdictId: ID!, $decision: ComModerationReviewDecision!, $note: String) {
+          comReviewVerdict(verdictId: $verdictId, decision: $decision, note: $note) { ${o} }
+        }`, {
+			verdictId: e.verdictId,
+			decision: e.decision,
+			note: e.note || void 0
+		}, s)).comReviewVerdict,
+		onSuccess: (e) => {
+			c.invalidateQueries({ queryKey: a.verdicts(r) }), c.invalidateQueries({ queryKey: [
+				"comradecircle",
+				"moderation",
+				"summary",
+				r
+			] }), e.targetType === "POST" && (c.invalidateQueries({ queryKey: [
+				"comradecircle",
+				"post",
+				e.targetId
+			] }), c.invalidateQueries({ queryKey: ["comradecircle", "posts"] }), c.invalidateQueries({ queryKey: ["comradecircle", "feed"] }));
+		}
+	});
+}, u = (n, i = !0) => {
+	let { apiGatewayUrl: o } = e();
+	return r({
+		queryKey: a.rule(n ?? ""),
+		enabled: !!n && i,
+		queryFn: async () => (await t(`query ComModerationRule($circleId: ID!) {
+          comModerationRule(circleId: $circleId) { ${s} }
+        }`, { circleId: n }, o)).comModerationRule
+	});
+}, d = (r) => {
+	let { apiGatewayUrl: o } = e(), c = i();
+	return n({
+		mutationFn: async (e) => (await t(`mutation ComUpdateModerationRule($circleId: ID!, $input: ComModerationRuleInput!) {
+          comUpdateModerationRule(circleId: $circleId, input: $input) { ${s} }
+        }`, {
+			circleId: r,
+			input: e
+		}, o)).comUpdateModerationRule,
+		onSuccess: (e) => {
+			c.setQueryData(a.rule(r), e);
+		}
+	});
+}, f = (n, i, o = !0) => {
+	let { apiGatewayUrl: s } = e();
+	return r({
+		queryKey: a.summary(n ?? "", i),
+		enabled: !!n && o,
+		queryFn: async () => (await t("query ComCircleActivitySummary($circleId: ID!, $days: Int) {\n          comCircleActivitySummary(circleId: $circleId, days: $days) {\n            periodStart periodEnd totalPosts totalComments newMembers activeMembers\n            verdictCounts { verdict count } summaryText\n          }\n        }", {
+			circleId: n,
+			days: i
+		}, s)).comCircleActivitySummary
+	});
+};
+//#endregion
+export { f as useComCircleActivitySummary, c as useComCircleVerdicts, u as useComModerationRule, l as useComReviewVerdict, d as useComUpdateModerationRule };
+
+//# sourceMappingURL=useModerationApi.js.map

package/dist/comradecircle/hooks/useModerationApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModerationApi.js","names":[],"sources":["../../../src/comradecircle/hooks/useModerationApi.ts"],"sourcesContent":["/**\n * Moderation API hooks\n * @module comradecircle/hooks\n *\n * The moderator console for one circle (BOFF-4451): the triage verdict queue\n * with its suggested actions, the human review gate, the per-circle\n * auto-moderation rule and the circle activity summary. Every operation maps\n * 1:1 to a `com*` field in the svc moderation schema; the svc enforces the\n * circle-role checks (MODERATOR+ to read, ADMIN+ to edit rules).\n */\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\n\nimport { useComradeCircle } from '../context';\nimport type {\n  ComCircleActivitySummary,\n  ComModerationReviewDecision,\n  ComModerationRule,\n  ComModerationRuleInput,\n  ComModerationVerdict,\n  ComModerationVerdictType,\n} from '../types';\nimport { comQuery } from './useComradeCircleApi';\n\nconst MODERATION_KEY = {\n  verdicts: (circleId: string) => ['comradecircle', 'moderation', 'verdicts', circleId] as const,\n  rule: (circleId: string) => ['comradecircle', 'moderation', 'rule', circleId] as const,\n  summary: (circleId: string, days: number) =>\n    ['comradecircle', 'moderation', 'summary', circleId, days] as const,\n};\n\nconst VERDICT_FIELDS = `\n  id workspaceId circleId targetType targetId verdict categories confidence rationale\n  actedAutomatically injectionDetected reviewedBy reviewedAt reviewNote overturned createdAt\n`;\n\nconst RULE_FIELDS = `\n  id workspaceId circleId enabled flaggedTerms spamPatterns toxicityThreshold autoHideSpam updatedAt\n`;\n\n/** Page size of the moderator queue; the svc clamps larger requests anyway. */\nexport const VERDICT_QUEUE_LIMIT = 50;\n\nexport interface VerdictQueueFilters {\n  /** `false` = needs review, `true` = already reviewed, undefined = all. */\n  reviewed?: boolean;\n  verdict?: ComModerationVerdictType;\n}\n\nexport const useComCircleVerdicts = (\n  circleId: string | undefined,\n  filters: VerdictQueueFilters = {},\n  enabled = true\n) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: [...MODERATION_KEY.verdicts(circleId ?? ''), filters],\n    enabled: Boolean(circleId) && enabled,\n    queryFn: async () => {\n      const result = await comQuery<{ comListVerdicts: { items: ComModerationVerdict[] } }>(\n        `query ComListVerdicts($circleId: ID, $verdict: ComModerationVerdictType, $reviewed: Boolean, $pagination: PaginationInput) {\n          comListVerdicts(circleId: $circleId, verdict: $verdict, reviewed: $reviewed, pagination: $pagination) {\n            items { ${VERDICT_FIELDS} }\n          }\n        }`,\n        {\n          circleId,\n          verdict: filters.verdict,\n          reviewed: filters.reviewed,\n          pagination: { limit: VERDICT_QUEUE_LIMIT },\n        },\n        apiGatewayUrl\n      );\n      return result.comListVerdicts.items;\n    },\n  });\n};\n\nexport const useComReviewVerdict = (circleId: string) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (vars: {\n      verdictId: string;\n      decision: ComModerationReviewDecision;\n      note?: string;\n    }) => {\n      const result = await comQuery<{ comReviewVerdict: ComModerationVerdict }>(\n        `mutation ComReviewVerdict($verdictId: ID!, $decision: ComModerationReviewDecision!, $note: String) {\n          comReviewVerdict(verdictId: $verdictId, decision: $decision, note: $note) { ${VERDICT_FIELDS} }\n        }`,\n        { verdictId: vars.verdictId, decision: vars.decision, note: vars.note || undefined },\n        apiGatewayUrl\n      );\n      return result.comReviewVerdict;\n    },\n    onSuccess: (verdict) => {\n      qc.invalidateQueries({ queryKey: MODERATION_KEY.verdicts(circleId) });\n      qc.invalidateQueries({ queryKey: ['comradecircle', 'moderation', 'summary', circleId] });\n      // An overturn restores the post: refresh it wherever it is rendered.\n      if (verdict.targetType === 'POST') {\n        qc.invalidateQueries({ queryKey: ['comradecircle', 'post', verdict.targetId] });\n        qc.invalidateQueries({ queryKey: ['comradecircle', 'posts'] });\n        qc.invalidateQueries({ queryKey: ['comradecircle', 'feed'] });\n      }\n    },\n  });\n};\n\nexport const useComModerationRule = (circleId: string | undefined, enabled = true) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: MODERATION_KEY.rule(circleId ?? ''),\n    enabled: Boolean(circleId) && enabled,\n    queryFn: async () => {\n      const result = await comQuery<{ comModerationRule: ComModerationRule | null }>(\n        `query ComModerationRule($circleId: ID!) {\n          comModerationRule(circleId: $circleId) { ${RULE_FIELDS} }\n        }`,\n        { circleId },\n        apiGatewayUrl\n      );\n      return result.comModerationRule;\n    },\n  });\n};\n\nexport const useComUpdateModerationRule = (circleId: string) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  const qc = useQueryClient();\n  return useMutation({\n    mutationFn: async (input: ComModerationRuleInput) => {\n      const result = await comQuery<{ comUpdateModerationRule: ComModerationRule }>(\n        `mutation ComUpdateModerationRule($circleId: ID!, $input: ComModerationRuleInput!) {\n          comUpdateModerationRule(circleId: $circleId, input: $input) { ${RULE_FIELDS} }\n        }`,\n        { circleId, input },\n        apiGatewayUrl\n      );\n      return result.comUpdateModerationRule;\n    },\n    onSuccess: (rule) => {\n      qc.setQueryData(MODERATION_KEY.rule(circleId), rule);\n    },\n  });\n};\n\nexport const useComCircleActivitySummary = (\n  circleId: string | undefined,\n  days: number,\n  enabled = true\n) => {\n  const { apiGatewayUrl } = useComradeCircle();\n  return useQuery({\n    queryKey: MODERATION_KEY.summary(circleId ?? '', days),\n    enabled: Boolean(circleId) && enabled,\n    queryFn: async () => {\n      const result = await comQuery<{ comCircleActivitySummary: ComCircleActivitySummary | null }>(\n        `query ComCircleActivitySummary($circleId: ID!, $days: Int) {\n          comCircleActivitySummary(circleId: $circleId, days: $days) {\n            periodStart periodEnd totalPosts totalComments newMembers activeMembers\n            verdictCounts { verdict count } summaryText\n          }\n        }`,\n        { circleId, days },\n        apiGatewayUrl\n      );\n      return result.comCircleActivitySummary;\n    },\n  });\n};\n"],"mappings":";;;;;AAwBA,IAAM,IAAiB;CACrB,WAAW,MAAqB;EAAC;EAAiB;EAAc;EAAY;CAAQ;CACpF,OAAO,MAAqB;EAAC;EAAiB;EAAc;EAAQ;CAAQ;CAC5E,UAAU,GAAkB,MAC1B;EAAC;EAAiB;EAAc;EAAW;EAAU;CAAI;AAC7D,GAEM,IAAiB,2LAKjB,IAAc,4GAaP,KACX,GACA,IAA+B,CAAC,GAChC,IAAU,OACP;CACH,IAAM,EAAE,qBAAkB,EAAiB;CAC3C,OAAO,EAAS;EACd,UAAU,CAAC,GAAG,EAAe,SAAS,KAAY,EAAE,GAAG,CAAO;EAC9D,SAAS,EAAQ,KAAa;EAC9B,SAAS,aAeA,MAdc,EACnB;;sBAEc,EAAe;;YAG7B;GACE;GACA,SAAS,EAAQ;GACjB,UAAU,EAAQ;GAClB,YAAY,EAAE,OAAA,GAA2B;EAC3C,GACA,CACF,GACc,gBAAgB;CAElC,CAAC;AACH,GAEa,KAAuB,MAAqB;CACvD,IAAM,EAAE,qBAAkB,EAAiB,GACrC,IAAK,EAAe;CAC1B,OAAO,EAAY;EACjB,YAAY,OAAO,OAYV,MAPc,EACnB;wFACgF,EAAe;YAE/F;GAAE,WAAW,EAAK;GAAW,UAAU,EAAK;GAAU,MAAM,EAAK,QAAQ,KAAA;EAAU,GACnF,CACF,GACc;EAEhB,YAAY,MAAY;GAItB,AAHA,EAAG,kBAAkB,EAAE,UAAU,EAAe,SAAS,CAAQ,EAAE,CAAC,GACpE,EAAG,kBAAkB,EAAE,UAAU;IAAC;IAAiB;IAAc;IAAW;GAAQ,EAAE,CAAC,GAEnF,EAAQ,eAAe,WACzB,EAAG,kBAAkB,EAAE,UAAU;IAAC;IAAiB;IAAQ,EAAQ;GAAQ,EAAE,CAAC,GAC9E,EAAG,kBAAkB,EAAE,UAAU,CAAC,iBAAiB,OAAO,EAAE,CAAC,GAC7D,EAAG,kBAAkB,EAAE,UAAU,CAAC,iBAAiB,MAAM,EAAE,CAAC;EAEhE;CACF,CAAC;AACH,GAEa,KAAwB,GAA8B,IAAU,OAAS;CACpF,IAAM,EAAE,qBAAkB,EAAiB;CAC3C,OAAO,EAAS;EACd,UAAU,EAAe,KAAK,KAAY,EAAE;EAC5C,SAAS,EAAQ,KAAa;EAC9B,SAAS,aAQA,MAPc,EACnB;qDAC6C,EAAY;YAEzD,EAAE,YAAS,GACX,CACF,GACc;CAElB,CAAC;AACH,GAEa,KAA8B,MAAqB;CAC9D,IAAM,EAAE,qBAAkB,EAAiB,GACrC,IAAK,EAAe;CAC1B,OAAO,EAAY;EACjB,YAAY,OAAO,OAQV,MAPc,EACnB;0EACkE,EAAY;YAE9E;GAAE;GAAU;EAAM,GAClB,CACF,GACc;EAEhB,YAAY,MAAS;GACnB,EAAG,aAAa,EAAe,KAAK,CAAQ,GAAG,CAAI;EACrD;CACF,CAAC;AACH,GAEa,KACX,GACA,GACA,IAAU,OACP;CACH,IAAM,EAAE,qBAAkB,EAAiB;CAC3C,OAAO,EAAS;EACd,UAAU,EAAe,QAAQ,KAAY,IAAI,CAAI;EACrD,SAAS,EAAQ,KAAa;EAC9B,SAAS,aAWA,MAVc,EACnB,8SAMA;GAAE;GAAU;EAAK,GACjB,CACF,GACc;CAElB,CAAC;AACH"}

package/dist/comradecircle/pages/circles/CircleDetailPage.d.ts

@@ -6,6 +6,7 @@
  * `comListPolls`. Writes join/leave, create channel, create poll, set member
  * role (via the shared cards/dialogs). The channel post feed is the heart of the
  * page; roles gate management actions (OWNER/ADMIN manage; members post).
+ * MODERATOR+ also get the Moderation tab (AI triage queue, rules, summary).
  */
 export declare function CircleDetailPage(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CircleDetailPage.d.ts.map

package/dist/comradecircle/pages/circles/CircleDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircleDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/circles/CircleDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA2FH,wBAAgB,gBAAgB,4CA0J/B"}
+{"version":3,"file":"CircleDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/circles/CircleDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AA+FH,wBAAgB,gBAAgB,4CAuK/B"}

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

@@ -17,30 +17,35 @@ 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 { ModerationTab as te } from "./ModerationTab.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 { DraftsPanel as ne } from "../../components/DraftsPanel.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 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 { ArrowLeft as oe, BarChart3 as M, CalendarDays as N, Hash as P, Info as se, Megaphone as F, MessageCircle as ce, MessagesSquare as le, Mic as ue, Plus as I, Search as de, ShieldCheck as fe, Users as L } from "lucide-react";
+import { useParams as pe } 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";
+import { Button as V, GradientText as me, Input as H, Label as U, ResponsiveDialog as W, ResponsiveDialogContent as G, ResponsiveDialogDescription as K, ResponsiveDialogFooter as he, ResponsiveDialogHeader as ge, ResponsiveDialogTitle as _e, Select as q, SelectContent as J, SelectItem as Y, SelectTrigger as X, SelectValue as Z, Switch as ve, Textarea as ye } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/circles/CircleDetailPage.tsx
-var _e = {
-	TEXT: N,
+var be = {
+	TEXT: P,
 	FORUM: le,
-	ANNOUNCEMENT: P,
-	VOICE: F
-}, ve = ["OWNER", "ADMIN"], $ = [
+	ANNOUNCEMENT: F,
+	VOICE: ue
+}, xe = ["OWNER", "ADMIN"], Se = [
+	"OWNER",
+	"ADMIN",
+	"MODERATOR"
+], Q = [
 	"OWNER",
 	"ADMIN",
 	"MODERATOR",
 	"MEMBER"
-], 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;
+], Ce = 15;
+function we() {
+	let n = f(), { id: r } = pe(), { 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 ? xe.includes(S.role) : !1, D = S ? Se.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…") })
@@ -53,23 +58,23 @@ function be() {
 			onRetry: () => d()
 		})
 	});
-	let D = c.memberships?.filter((e) => e.status === "ACTIVE") ?? [], k = [
+	let k = c.memberships?.filter((e) => e.status === "ACTIVE") ?? [], ne = [
 		{
 			value: "channels",
 			label: n("comradecircle.pages.circleDetail.tabChannels", "Channels"),
-			icon: /* @__PURE__ */ z(N, { className: "h-4 w-4" }),
+			icon: /* @__PURE__ */ z(P, { className: "h-4 w-4" }),
 			count: c.channels?.length ?? 0
 		},
 		{
 			value: "members",
 			label: n("comradecircle.pages.circleDetail.tabMembers", "Members"),
 			icon: /* @__PURE__ */ z(L, { className: "h-4 w-4" }),
-			count: D.length
+			count: k.length
 		},
 		{
 			value: "events",
 			label: n("comradecircle.pages.circleDetail.tabEvents", "Events"),
-			icon: /* @__PURE__ */ z(oe, { className: "h-4 w-4" })
+			icon: /* @__PURE__ */ z(N, { className: "h-4 w-4" })
 		},
 		{
 			value: "polls",
@@ -80,7 +85,12 @@ function be() {
 			value: "about",
 			label: n("comradecircle.pages.circleDetail.tabAbout", "About"),
 			icon: /* @__PURE__ */ z(se, { className: "h-4 w-4" })
-		}
+		},
+		...D ? [{
+			value: "moderation",
+			label: n("comradecircle.pages.circleDetail.tabModeration", "Moderation"),
+			icon: /* @__PURE__ */ z(fe, { className: "h-4 w-4" })
+		}] : []
 	];
 	return /* @__PURE__ */ B(m, {
 		title: /* @__PURE__ */ B("span", {
@@ -91,7 +101,7 @@ function be() {
 				fileId: c.avatar?.id,
 				seed: c.id,
 				ring: !0
-			}), /* @__PURE__ */ z(fe, {
+			}), /* @__PURE__ */ z(me, {
 				as: "span",
 				className: "text-2xl font-semibold tracking-tight",
 				children: c.name
@@ -106,7 +116,7 @@ function be() {
 				size: "sm",
 				onClick: () => s("circles"),
 				children: [
-					/* @__PURE__ */ z(ae, { className: "mr-1.5 h-4 w-4" }),
+					/* @__PURE__ */ z(oe, { className: "mr-1.5 h-4 w-4" }),
 					" ",
 					n("common.back", "Back")
 				]
@@ -139,37 +149,41 @@ function be() {
 				]
 			}),
 			/* @__PURE__ */ z(ee, {
-				items: k,
+				items: ne,
 				value: y,
 				onChange: b,
 				className: "mb-5"
 			}),
-			y === "channels" && /* @__PURE__ */ z(xe, {
+			y === "channels" && /* @__PURE__ */ z(Te, {
 				circle: c,
 				isMember: C,
 				canManage: E
 			}),
-			y === "members" && /* @__PURE__ */ z(Ce, {
+			y === "members" && /* @__PURE__ */ z(De, {
 				circle: c,
 				canManage: E
 			}),
-			y === "events" && /* @__PURE__ */ z(we, {
+			y === "events" && /* @__PURE__ */ z(Oe, {
 				circle: c,
 				isMember: C
 			}),
-			y === "polls" && /* @__PURE__ */ z(Te, {
+			y === "polls" && /* @__PURE__ */ z(ke, {
 				circle: c,
 				isMember: C,
 				canManage: E
 			}),
-			y === "about" && /* @__PURE__ */ z(Ee, { circle: c })
+			y === "about" && /* @__PURE__ */ z(Ae, { circle: c }),
+			y === "moderation" && D && /* @__PURE__ */ z(te, {
+				circle: c,
+				canEditRules: E
+			})
 		]
 	});
 }
-function xe({ circle: e, isMember: t, canManage: n }) {
+function Te({ 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" }),
+		icon: /* @__PURE__ */ z(P, { 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, {
@@ -180,7 +194,7 @@ function xe({ circle: e, isMember: t, canManage: n }) {
 				r("comradecircle.pages.circleDetail.newChannel", "New channel")
 			]
 		}) : void 0
-	}), /* @__PURE__ */ z(Oe, {
+	}), /* @__PURE__ */ z($, {
 		circleId: e.id,
 		open: s,
 		onOpenChange: c,
@@ -205,7 +219,7 @@ function xe({ circle: e, isMember: t, canManage: n }) {
 				}), /* @__PURE__ */ z("nav", {
 					className: "flex flex-col gap-0.5",
 					children: i.map((e) => {
-						let t = _e[e.type], n = e.id === l?.id, r = e.type === "ANNOUNCEMENT";
+						let t = be[e.type], n = e.id === l?.id, r = e.type === "ANNOUNCEMENT";
 						return /* @__PURE__ */ B("button", {
 							type: "button",
 							onClick: () => o(e.id),
@@ -223,10 +237,10 @@ function xe({ circle: e, isMember: t, canManage: n }) {
 				className: "lg:hidden",
 				children: /* @__PURE__ */ B("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ B(J, {
+					children: [/* @__PURE__ */ B(q, {
 						value: l?.id,
 						onValueChange: o,
-						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, {
+						children: [/* @__PURE__ */ z(X, { children: /* @__PURE__ */ z(Z, { placeholder: r("comradecircle.pages.circleDetail.selectChannel", "Select a channel") }) }), /* @__PURE__ */ z(J, { children: i.map((e) => /* @__PURE__ */ B(Y, {
 							value: e.id,
 							children: ["#", e.name]
 						}, e.id)) })]
@@ -241,13 +255,13 @@ function xe({ circle: e, isMember: t, canManage: n }) {
 			}),
 			/* @__PURE__ */ z("div", {
 				className: "min-w-0",
-				children: l && /* @__PURE__ */ z(Se, {
+				children: l && /* @__PURE__ */ z(Ee, {
 					channel: l,
 					canPost: t,
 					canManage: n
 				})
 			}),
-			/* @__PURE__ */ z(Oe, {
+			/* @__PURE__ */ z($, {
 				circleId: e.id,
 				open: s,
 				onOpenChange: c,
@@ -256,12 +270,12 @@ function xe({ circle: e, isMember: t, canManage: n }) {
 		]
 	});
 }
-function Se({ channel: e, canPost: t, canManage: n }) {
+function Ee({ 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: ye,
+			limit: Ce,
 			cursor: i.cursor
 		}
 	});
@@ -273,7 +287,7 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 			/* @__PURE__ */ B("div", {
 				className: "flex items-center gap-3",
 				children: [(() => {
-					let t = _e[e.type];
+					let t = be[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__ */ z(t, { className: "h-5 w-5" })
@@ -288,7 +302,7 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 						}), 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__ */ z(P, { className: "h-3 w-3" }),
+								/* @__PURE__ */ z(F, { className: "h-3 w-3" }),
 								" ",
 								r("comradecircle.pages.circleDetail.broadcastLabel", "Broadcast")
 							]
@@ -305,7 +319,7 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 				onPosted: () => i.reset(),
 				onDraftSaved: () => o(!0),
 				variant: g ? "announcement" : "default"
-			}), /* @__PURE__ */ z(te, {
+			}), /* @__PURE__ */ z(ne, {
 				channelId: e.id,
 				open: a,
 				onOpenChange: o,
@@ -313,11 +327,11 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 			})] }),
 			g && !_ && /* @__PURE__ */ B("div", {
 				className: "rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary",
-				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.")]
+				children: [/* @__PURE__ */ z(F, { 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__ */ B("div", {
 				className: "rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary",
-				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.")]
+				children: [/* @__PURE__ */ z(ue, { 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.")]
 			}),
 			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."),
@@ -333,7 +347,7 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 						className: "rounded-2xl border-2 border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] p-1",
 						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__ */ 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")]
+							children: [/* @__PURE__ */ z(F, { 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 })]
 					}),
 					y.length > 0 && /* @__PURE__ */ B("div", {
@@ -345,7 +359,7 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 					}),
 					/* @__PURE__ */ z(E, {
 						page: i.page,
-						pageSize: ye,
+						pageSize: Ce,
 						itemCount: h.length,
 						hasMore: s?.pageInfo.hasMore ?? !1,
 						onPageChange: (e) => i.onPageChange(e, s?.pageInfo.cursor)
@@ -355,8 +369,8 @@ function Se({ channel: e, canPost: t, canManage: n }) {
 		]
 	});
 }
-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(() => {
+function De({ circle: e, canManage: t }) {
+	let n = f(), r = u(), [i, a] = j(""), o = A(() => [...e.memberships ?? []].sort((e, t) => Q.indexOf(e.role) - Q.indexOf(t.role)), [e.memberships]), s = A(() => {
 		let e = i.trim().toLowerCase();
 		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]);
@@ -381,7 +395,7 @@ function Ce({ circle: e, canManage: t }) {
 			className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",
 			children: [/* @__PURE__ */ B("div", {
 				className: "relative w-full sm:max-w-xs",
-				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, {
+				children: [/* @__PURE__ */ z(de, { 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: n("comradecircle.pages.circleDetail.filterMembersPlaceholder", "Filter by role or status…"),
@@ -420,13 +434,13 @@ function Ce({ circle: e, canManage: t }) {
 					children: [
 						/* @__PURE__ */ z("div", { children: /* @__PURE__ */ z(O, { status: e.status }) }),
 						/* @__PURE__ */ z("div", { children: /* @__PURE__ */ z(O, { status: e.role }) }),
-						t && /* @__PURE__ */ B(J, {
+						t && /* @__PURE__ */ B(q, {
 							value: e.role,
 							onValueChange: (t) => c(e.id, t),
-							children: [/* @__PURE__ */ z(Z, {
+							children: [/* @__PURE__ */ z(X, {
 								className: "h-9 w-40 lg:w-full",
-								children: /* @__PURE__ */ z(Q, {})
-							}), /* @__PURE__ */ z(Y, { children: $.map((e) => /* @__PURE__ */ z(X, {
+								children: /* @__PURE__ */ z(Z, {})
+							}), /* @__PURE__ */ z(J, { children: Q.map((e) => /* @__PURE__ */ z(Y, {
 								value: e,
 								children: b(e)
 							}, e)) })]
@@ -437,7 +451,7 @@ function Ce({ circle: e, canManage: t }) {
 		})]
 	});
 }
-function we({ circle: t, isMember: n }) {
+function Oe({ 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", {
@@ -455,7 +469,7 @@ function we({ circle: t, isMember: n }) {
 			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" }),
+			icon: /* @__PURE__ */ z(N, { 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, {
@@ -468,19 +482,19 @@ function we({ circle: t, isMember: n }) {
 			}) : void 0
 		}) : /* @__PURE__ */ z("div", {
 			className: "grid gap-4 md:grid-cols-2",
-			children: p.map((e) => /* @__PURE__ */ z(ne, {
+			children: p.map((e) => /* @__PURE__ */ z(re, {
 				event: e,
 				onOpen: () => a(`events/${e.id}`)
 			}, e.id))
 		}),
-		/* @__PURE__ */ z(ie, {
+		/* @__PURE__ */ z(ae, {
 			circleId: t.id,
 			open: u,
 			onOpenChange: d
 		})
 	] });
 }
-function Te({ circle: e, isMember: t, canManage: n }) {
+function ke({ 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", {
@@ -511,19 +525,19 @@ function Te({ circle: e, isMember: t, canManage: n }) {
 			}) : void 0
 		}) : /* @__PURE__ */ z("div", {
 			className: "mx-auto flex max-w-2xl flex-col gap-4",
-			children: (i ?? []).map((e) => /* @__PURE__ */ z(re, {
+			children: (i ?? []).map((e) => /* @__PURE__ */ z(ie, {
 				poll: e,
 				canManage: n
 			}, e.id))
 		}),
-		/* @__PURE__ */ z(ke, {
+		/* @__PURE__ */ z(Me, {
 			circleId: e.id,
 			open: l,
 			onOpenChange: u
 		})
 	] });
 }
-function Ee({ circle: e }) {
+function Ae({ circle: e }) {
 	let t = f();
 	return /* @__PURE__ */ z("div", {
 		className: "mx-auto max-w-2xl",
@@ -582,21 +596,21 @@ function Ee({ circle: e }) {
 		})
 	});
 }
-var De = [
+var je = [
 	"TEXT",
 	"FORUM",
 	"ANNOUNCEMENT",
 	"VOICE"
 ];
-function Oe({ circleId: e, open: t, onOpenChange: r, onCreated: i }) {
+function $({ 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, {
+	return /* @__PURE__ */ z(W, {
 		open: t,
 		onOpenChange: r,
-		children: /* @__PURE__ */ B(me, {
+		children: /* @__PURE__ */ B(G, {
 			className: "sm:max-w-md",
 			children: [
-				/* @__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(ge, { children: [/* @__PURE__ */ z(_e, { children: a("comradecircle.pages.circleDetail.createChannelTitle", "Create a channel") }), /* @__PURE__ */ z(K, { 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: [
@@ -614,10 +628,10 @@ function Oe({ circleId: e, open: t, onOpenChange: r, onCreated: i }) {
 						}),
 						/* @__PURE__ */ B("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ z(U, { children: a("comradecircle.pages.circleDetail.channelTypeLabel", "Type") }), /* @__PURE__ */ B(J, {
+							children: [/* @__PURE__ */ z(U, { children: a("comradecircle.pages.circleDetail.channelTypeLabel", "Type") }), /* @__PURE__ */ B(q, {
 								value: d,
 								onValueChange: (e) => p(e),
-								children: [/* @__PURE__ */ z(Z, { children: /* @__PURE__ */ z(Q, {}) }), /* @__PURE__ */ z(Y, { children: De.map((e) => /* @__PURE__ */ z(X, {
+								children: [/* @__PURE__ */ z(X, { children: /* @__PURE__ */ z(Z, {}) }), /* @__PURE__ */ z(J, { children: je.map((e) => /* @__PURE__ */ z(Y, {
 									value: e,
 									children: b(e)
 								}, e)) })]
@@ -628,7 +642,7 @@ function Oe({ circleId: e, open: t, onOpenChange: r, onCreated: i }) {
 							children: [/* @__PURE__ */ z(U, {
 								htmlFor: "channel-desc",
 								children: a("comradecircle.pages.circleDetail.channelDescriptionLabel", "Description")
-							}), /* @__PURE__ */ z(ge, {
+							}), /* @__PURE__ */ z(ye, {
 								id: "channel-desc",
 								value: l,
 								onChange: (e) => u(e.target.value),
@@ -641,7 +655,7 @@ function Oe({ circleId: e, open: t, onOpenChange: r, onCreated: i }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ B(G, { children: [/* @__PURE__ */ z(V, {
+				/* @__PURE__ */ B(he, { children: [/* @__PURE__ */ z(V, {
 					variant: "outline",
 					onClick: () => r(!1),
 					children: a("common.cancel", "Cancel")
@@ -671,20 +685,20 @@ function Oe({ circleId: e, open: t, onOpenChange: r, onCreated: i }) {
 		})
 	});
 }
-function ke({ circleId: e, open: t, onOpenChange: n }) {
+function Me({ 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);
 	}, []), S = () => {
 		s(""), l(["", ""]), d(!1), m(!1), g(""), b(null);
 	};
-	return /* @__PURE__ */ z(pe, {
+	return /* @__PURE__ */ z(W, {
 		open: t,
 		onOpenChange: n,
-		children: /* @__PURE__ */ B(me, {
+		children: /* @__PURE__ */ B(G, {
 			className: "sm:max-w-md",
 			children: [
-				/* @__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(ge, { children: [/* @__PURE__ */ z(_e, { children: i("comradecircle.pages.circleDetail.createPollTitle", "Create a poll") }), /* @__PURE__ */ z(K, { children: i("comradecircle.pages.circleDetail.createPollDescription", "Gather the circle's opinion.") })] }),
 				/* @__PURE__ */ B("div", {
 					className: "flex flex-col gap-4 py-2",
 					children: [
@@ -762,7 +776,7 @@ function ke({ circleId: e, open: t, onOpenChange: n }) {
 										className: "text-xs text-text-tertiary",
 										children: i("comradecircle.pages.circleDetail.pollMultiHint", "Let voters pick more than one option.")
 									})]
-								}), /* @__PURE__ */ z(he, {
+								}), /* @__PURE__ */ z(ve, {
 									id: "poll-multi",
 									checked: u,
 									onCheckedChange: d
@@ -778,7 +792,7 @@ function ke({ circleId: e, open: t, onOpenChange: n }) {
 										className: "text-xs text-text-tertiary",
 										children: i("comradecircle.pages.circleDetail.pollAnonymousHint", "Hide who voted for each option.")
 									})]
-								}), /* @__PURE__ */ z(he, {
+								}), /* @__PURE__ */ z(ve, {
 									id: "poll-anon",
 									checked: p,
 									onCheckedChange: m
@@ -791,7 +805,7 @@ function ke({ circleId: e, open: t, onOpenChange: n }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ B(G, { children: [/* @__PURE__ */ z(V, {
+				/* @__PURE__ */ B(he, { children: [/* @__PURE__ */ z(V, {
 					variant: "outline",
 					onClick: () => n(!1),
 					children: i("common.cancel", "Cancel")
@@ -827,6 +841,6 @@ function ke({ circleId: e, open: t, onOpenChange: n }) {
 	});
 }
 //#endregion
-export { be as CircleDetailPage };
+export { we as CircleDetailPage };
 
 //# sourceMappingURL=CircleDetailPage.js.map