@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

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

@@ -1,23 +1,24 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { useComCircles as n, useComMemberships as r } from "../../hooks/useComradeCircleApi.js";
-import { useCursorPager as i } from "../../hooks/useCursorPager.js";
+import { useComCircles as t, useComMemberships as n } from "../../hooks/useComradeCircleApi.js";
+import { useCursorPager as r } from "../../hooks/useCursorPager.js";
+import { useTr as i } from "../../hooks/useTr.js";
 import "../../hooks/index.js";
-import { formatNumber as a } from "../../utils/formatters.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { ErrorView as s } from "../../components/StateViews.js";
-import { Pagination as c } from "../../components/Pagination.js";
-import { FilterTabs as l } from "../../components/FilterTabs.js";
-import { CircleCard as u } from "../../components/CircleCard.js";
-import { CreateCircleDialog as d } from "../../components/CreateCircleDialog.js";
-import { useMemo as f, useState as p } from "react";
-import { Plus as m } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, GlassCard as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Skeleton as T } from "@burdenoff/fe-libs/ui";
+import { PageLayout as a } from "../../components/PageLayout.js";
+import { formatNumber as o } from "../../utils/formatters.js";
+import { EmptyState as s } from "../../components/EmptyState.js";
+import { ErrorView as c } from "../../components/StateViews.js";
+import { Pagination as l } from "../../components/Pagination.js";
+import { FilterTabs as u } from "../../components/FilterTabs.js";
+import { CircleCard as d } from "../../components/CircleCard.js";
+import { CreateCircleDialog as f } from "../../components/CreateCircleDialog.js";
+import { useMemo as p, useState as m } from "react";
+import { Plus as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, GlassCard as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/circles/CirclesPage.tsx
-function E() {
-	return /* @__PURE__ */ _("svg", {
+function D() {
+	return /* @__PURE__ */ v("svg", {
 		viewBox: "0 0 64 64",
 		className: "h-12 w-12",
 		fill: "none",
@@ -25,19 +26,19 @@ function E() {
 		strokeWidth: "2",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ g("circle", {
+			/* @__PURE__ */ _("circle", {
 				cx: "24",
 				cy: "26",
 				r: "14",
 				opacity: "0.9"
 			}),
-			/* @__PURE__ */ g("circle", {
+			/* @__PURE__ */ _("circle", {
 				cx: "42",
 				cy: "26",
 				r: "14",
 				opacity: "0.55"
 			}),
-			/* @__PURE__ */ g("circle", {
+			/* @__PURE__ */ _("circle", {
 				cx: "33",
 				cy: "42",
 				r: "14",
@@ -46,167 +47,173 @@ function E() {
 		]
 	});
 }
-function D() {
-	return /* @__PURE__ */ _(y, {
+function O() {
+	return /* @__PURE__ */ v(b, {
 		treatment: "plain",
 		className: "flex flex-col p-5",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "flex items-start gap-3",
-				children: [/* @__PURE__ */ g(T, { className: "h-12 w-12 shrink-0 rounded-full" }), /* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ _(E, { className: "h-12 w-12 shrink-0 rounded-full" }), /* @__PURE__ */ v("div", {
 					className: "min-w-0 flex-1 space-y-2",
 					children: [
-						/* @__PURE__ */ g(T, { className: "h-4 w-2/3 rounded" }),
-						/* @__PURE__ */ g(T, { className: "h-3 w-1/3 rounded" }),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ _(E, { className: "h-4 w-2/3 rounded" }),
+						/* @__PURE__ */ _(E, { className: "h-3 w-1/3 rounded" }),
+						/* @__PURE__ */ v("div", {
 							className: "flex gap-1.5 pt-1",
-							children: [/* @__PURE__ */ g(T, { className: "h-4 w-14 rounded-full" }), /* @__PURE__ */ g(T, { className: "h-4 w-16 rounded-full" })]
+							children: [/* @__PURE__ */ _(E, { className: "h-4 w-14 rounded-full" }), /* @__PURE__ */ _(E, { className: "h-4 w-16 rounded-full" })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-3 space-y-2",
-				children: [/* @__PURE__ */ g(T, { className: "h-3 w-full rounded" }), /* @__PURE__ */ g(T, { className: "h-3 w-4/5 rounded" })]
+				children: [/* @__PURE__ */ _(E, { className: "h-3 w-full rounded" }), /* @__PURE__ */ _(E, { className: "h-3 w-4/5 rounded" })]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
-				children: [/* @__PURE__ */ g(T, { className: "h-4 w-24 rounded" }), /* @__PURE__ */ g(T, { className: "h-8 w-16 rounded-lg" })]
+				children: [/* @__PURE__ */ _(E, { className: "h-4 w-24 rounded" }), /* @__PURE__ */ _(E, { className: "h-8 w-16 rounded-lg" })]
 			})
 		]
 	});
 }
-var O = 12, k = [
-	{
-		value: "ALL",
-		label: "All"
-	},
-	{
-		value: "ACTIVE",
-		label: "Active"
-	},
-	{
-		value: "ARCHIVED",
-		label: "Archived"
-	}
-], A = [
-	{
-		value: "ALL",
-		label: "All visibility"
-	},
-	{
-		value: "PUBLIC",
-		label: "Public"
-	},
-	{
-		value: "PRIVATE",
-		label: "Private"
-	},
-	{
-		value: "SECRET",
-		label: "Secret"
-	}
-];
-function j() {
-	let { navigateTo: y, currentUser: T } = e(), j = i(), [M, N] = p("ALL"), [P, F] = p("ALL"), [I, L] = p(!1), { data: R, isLoading: z, isError: B, refetch: V } = n({
+var k = 12;
+function A() {
+	let { navigateTo: b, currentUser: E } = e(), A = r(), j = i(), [M, N] = m("ALL"), [P, F] = m("ALL"), [I, L] = m(!1), R = [
+		{
+			value: "ALL",
+			label: j("comradecircle.pages.circles.statusAll", "All")
+		},
+		{
+			value: "ACTIVE",
+			label: j("comradecircle.pages.circles.statusActive", "Active")
+		},
+		{
+			value: "ARCHIVED",
+			label: j("comradecircle.pages.circles.statusArchived", "Archived")
+		}
+	], z = [
+		{
+			value: "ALL",
+			label: j("comradecircle.pages.circles.visibilityAll", "All visibility")
+		},
+		{
+			value: "PUBLIC",
+			label: j("comradecircle.pages.circles.visibilityPublic", "Public")
+		},
+		{
+			value: "PRIVATE",
+			label: j("comradecircle.pages.circles.visibilityPrivate", "Private")
+		},
+		{
+			value: "SECRET",
+			label: j("comradecircle.pages.circles.visibilitySecret", "Secret")
+		}
+	], { data: B, isLoading: V, isError: H, refetch: U } = t({
 		status: M === "ALL" ? void 0 : M,
 		visibility: P === "ALL" ? void 0 : P,
 		pagination: {
-			limit: O,
-			cursor: j.cursor
+			limit: k,
+			cursor: A.cursor
 		}
-	}), { data: H } = r({ status: "ACTIVE" }), U = f(() => {
+	}), { data: W } = n({ status: "ACTIVE" }), G = p(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of H?.items ?? []) t.memberId === T?.id && e.set(t.circleId, t);
+		for (let t of W?.items ?? []) t.memberId === E?.id && e.set(t.circleId, t);
 		return e;
-	}, [H, T?.id]), W = R?.items ?? [];
-	return /* @__PURE__ */ _(t, {
-		title: "Circles",
+	}, [W, E?.id]), K = B?.items ?? [];
+	return /* @__PURE__ */ v(a, {
+		title: j("comradecircle.pages.circles.title", "Circles"),
 		titleGradient: !0,
 		aurora: !0,
-		description: "Discover and join communities — each circle has its own channels, members, events, and polls.",
-		actions: /* @__PURE__ */ _(v, {
+		description: j("comradecircle.pages.circles.description", "Discover and join communities — each circle has its own channels, members, events, and polls."),
+		actions: /* @__PURE__ */ v(y, {
 			onClick: () => L(!0),
-			children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Create circle"]
+			children: [
+				/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }),
+				" ",
+				j("comradecircle.pages.circles.createCircle", "Create circle")
+			]
 		}),
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ g(l, {
-					options: k,
+				children: [/* @__PURE__ */ _(u, {
+					options: R,
 					value: M,
 					onChange: (e) => {
-						N(e), j.reset();
+						N(e), A.reset();
 					}
-				}), /* @__PURE__ */ _(b, {
+				}), /* @__PURE__ */ v(x, {
 					value: P,
 					onValueChange: (e) => {
-						F(e), j.reset();
+						F(e), A.reset();
 					},
-					children: [/* @__PURE__ */ g(C, {
+					children: [/* @__PURE__ */ _(w, {
 						className: "w-[10.5rem]",
-						"aria-label": "Filter by visibility",
-						children: /* @__PURE__ */ g(w, {})
-					}), /* @__PURE__ */ g(x, { children: A.map((e) => /* @__PURE__ */ g(S, {
+						"aria-label": j("comradecircle.pages.circles.filterVisibility", "Filter by visibility"),
+						children: /* @__PURE__ */ _(T, {})
+					}), /* @__PURE__ */ _(S, { children: z.map((e) => /* @__PURE__ */ _(C, {
 						value: e.value,
 						children: e.label
 					}, e.value)) })]
 				})]
 			}),
-			z ? /* @__PURE__ */ g("div", {
+			V ? /* @__PURE__ */ _("div", {
 				className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
 				"aria-busy": "true",
-				"aria-label": "Loading circles",
-				children: Array.from({ length: 6 }, (e, t) => /* @__PURE__ */ g(D, {}, t))
-			}) : B ? /* @__PURE__ */ g(s, {
-				message: "We couldn't load circles.",
-				onRetry: () => V()
-			}) : W.length === 0 && j.page === 0 ? /* @__PURE__ */ g(o, {
-				icon: /* @__PURE__ */ g("span", {
+				"aria-label": j("comradecircle.pages.circles.loadingAriaLabel", "Loading circles"),
+				children: Array.from({ length: 6 }, (e, t) => /* @__PURE__ */ _(O, {}, t))
+			}) : H ? /* @__PURE__ */ _(c, {
+				message: j("comradecircle.pages.circles.errorMessage", "We couldn't load circles."),
+				onRetry: () => U()
+			}) : K.length === 0 && A.page === 0 ? /* @__PURE__ */ _(s, {
+				icon: /* @__PURE__ */ _("span", {
 					className: "inline-flex h-20 w-20 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent",
-					children: /* @__PURE__ */ g(E, {})
+					children: /* @__PURE__ */ _(D, {})
 				}),
-				title: "No circles found",
-				description: M === "ALL" && P === "ALL" ? "Be the first to start a community. Create a circle to gather members around a shared interest." : "No circles match these filters. Try widening them or start your own.",
-				action: /* @__PURE__ */ _(v, {
+				title: j("comradecircle.pages.circles.emptyTitle", "No circles found"),
+				description: M === "ALL" && P === "ALL" ? j("comradecircle.pages.circles.emptyDescriptionAll", "Be the first to start a community. Create a circle to gather members around a shared interest.") : j("comradecircle.pages.circles.emptyDescriptionFiltered", "No circles match these filters. Try widening them or start your own."),
+				action: /* @__PURE__ */ v(y, {
 					onClick: () => L(!0),
-					children: [/* @__PURE__ */ g(m, { className: "mr-1.5 h-4 w-4" }), " Create circle"]
+					children: [
+						/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }),
+						" ",
+						j("comradecircle.pages.circles.createCircle", "Create circle")
+					]
 				})
-			}) : /* @__PURE__ */ _(h, { children: [
+			}) : /* @__PURE__ */ v(g, { children: [
 				/* @__PURE__ */ _("p", {
 					className: "mb-3 text-sm text-text-tertiary",
-					children: [
-						"Showing ",
-						a(W.length),
-						" circle",
-						W.length === 1 ? "" : "s"
-					]
+					children: j("comradecircle.pages.circles.showingCount", "Showing {{count}} circle{{plural}}", {
+						count: o(K.length),
+						plural: K.length === 1 ? "" : "s"
+					})
 				}),
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3",
-					children: W.map((e) => /* @__PURE__ */ g(u, {
+					children: K.map((e) => /* @__PURE__ */ _(d, {
 						circle: e,
-						membership: U.get(e.id) ?? null,
-						onOpen: () => y("circles/" + e.id)
+						membership: G.get(e.id) ?? null,
+						onOpen: () => b("circles/" + e.id)
 					}, e.id))
 				}),
-				/* @__PURE__ */ g(c, {
-					page: j.page,
-					pageSize: O,
-					itemCount: W.length,
-					hasMore: R?.pageInfo.hasMore ?? !1,
-					onPageChange: (e) => j.onPageChange(e, R?.pageInfo.cursor)
+				/* @__PURE__ */ _(l, {
+					page: A.page,
+					pageSize: k,
+					itemCount: K.length,
+					hasMore: B?.pageInfo.hasMore ?? !1,
+					onPageChange: (e) => A.onPageChange(e, B?.pageInfo.cursor)
 				})
 			] }),
-			/* @__PURE__ */ g(d, {
+			/* @__PURE__ */ _(f, {
 				open: I,
 				onOpenChange: L,
-				onCreated: (e) => y("circles/" + e.id)
+				onCreated: (e) => b("circles/" + e.id)
 			})
 		]
 	});
 }
 //#endregion
-export { j as CirclesPage };
+export { A as CirclesPage };
 
 //# sourceMappingURL=CirclesPage.js.map

package/dist/comradecircle/pages/circles/CirclesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CirclesPage.js","names":[],"sources":["../../../../src/comradecircle/pages/circles/CirclesPage.tsx"],"sourcesContent":["/**\n * CirclesPage — the circle discovery & browse experience.\n * @module comradecircle/pages/circles\n *\n * Reads `comListCircles` (filtered by status + visibility) and, in parallel, the\n * caller's active memberships (`comListMemberships`) so each tile can show the\n * right affordance: Join for circles you don't belong to, Open/Leave + your role\n * for the ones you do. Anyone can spin up a new circle from the header action.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus } from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { CircleCard } from '../../components/CircleCard';\nimport { CreateCircleDialog } from '../../components/CreateCircleDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComCircles, useComMemberships, useCursorPager } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport type { ComCircleVisibility, ComMembership } from '../../types';\n\n/**\n * ConnectedCirclesIcon — product-specific zero-state artwork (BOFF-3973).\n *\n * `comradecircle-23-circles-empty-state.png` pairs \"No circles found\" with a\n * custom connected-circles motif rather than the generic `empty-people`\n * illustration from `fe-libs/ui`. Composed inline (per the ticket's own\n * suggested implementation) instead of adding a new shared illustration\n * asset, since `fe-libs/ui` is consumed fleet-wide and a product-specific\n * glyph doesn't belong there. Uses `currentColor` only — no raw color\n * literals — so it inherits the semantic accent token from its wrapper.\n */\nfunction ConnectedCirclesIcon() {\n  return (\n    <svg\n      viewBox=\"0 0 64 64\"\n      className=\"h-12 w-12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"24\" cy=\"26\" r=\"14\" opacity=\"0.9\" />\n      <circle cx=\"42\" cy=\"26\" r=\"14\" opacity=\"0.55\" />\n      <circle cx=\"33\" cy=\"42\" r=\"14\" opacity=\"0.3\" />\n    </svg>\n  );\n}\n\n/** Circle-tile-shaped placeholder used while the directory loads. */\nfunction CircleCardSkeleton() {\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start gap-3\">\n        <Skeleton className=\"h-12 w-12 shrink-0 rounded-full\" />\n        <div className=\"min-w-0 flex-1 space-y-2\">\n          <Skeleton className=\"h-4 w-2/3 rounded\" />\n          <Skeleton className=\"h-3 w-1/3 rounded\" />\n          <div className=\"flex gap-1.5 pt-1\">\n            <Skeleton className=\"h-4 w-14 rounded-full\" />\n            <Skeleton className=\"h-4 w-16 rounded-full\" />\n          </div>\n        </div>\n      </div>\n      <div className=\"mt-3 space-y-2\">\n        <Skeleton className=\"h-3 w-full rounded\" />\n        <Skeleton className=\"h-3 w-4/5 rounded\" />\n      </div>\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <Skeleton className=\"h-4 w-24 rounded\" />\n        <Skeleton className=\"h-8 w-16 rounded-lg\" />\n      </div>\n    </GlassCard>\n  );\n}\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | 'ACTIVE' | 'ARCHIVED';\ntype VisibilityFilter = 'ALL' | ComCircleVisibility;\n\nconst STATUS_OPTIONS: FilterOption<StatusFilter>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'ACTIVE', label: 'Active' },\n  { value: 'ARCHIVED', label: 'Archived' },\n];\n\nconst VISIBILITY_OPTIONS: { value: VisibilityFilter; label: string }[] = [\n  { value: 'ALL', label: 'All visibility' },\n  { value: 'PUBLIC', label: 'Public' },\n  { value: 'PRIVATE', label: 'Private' },\n  { value: 'SECRET', label: 'Secret' },\n];\n\nexport function CirclesPage() {\n  const { navigateTo, currentUser } = useComradeCircle();\n  const pager = useCursorPager();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [visibility, setVisibility] = useState<VisibilityFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const { data, isLoading, isError, refetch } = useComCircles({\n    status: status === 'ALL' ? undefined : status,\n    visibility: visibility === 'ALL' ? undefined : visibility,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  // Parallel: the caller's active memberships, keyed by circle so each tile knows\n  // whether the current user already belongs (and in what role).\n  const { data: membershipData } = useComMemberships({ status: 'ACTIVE' });\n\n  const membershipByCircle = useMemo(() => {\n    const map = new Map<string, ComMembership>();\n    for (const membership of membershipData?.items ?? []) {\n      if (membership.memberId === currentUser?.id) {\n        map.set(membership.circleId, membership);\n      }\n    }\n    return map;\n  }, [membershipData, currentUser?.id]);\n\n  const circles = data?.items ?? [];\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  const changeVisibility = (next: string) => {\n    setVisibility(next as VisibilityFilter);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title=\"Circles\"\n      titleGradient\n      aurora\n      description=\"Discover and join communities — each circle has its own channels, members, events, and polls.\"\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> Create circle\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\n        <FilterTabs options={STATUS_OPTIONS} value={status} onChange={changeStatus} />\n        <Select value={visibility} onValueChange={changeVisibility}>\n          <SelectTrigger className=\"w-[10.5rem]\" aria-label=\"Filter by visibility\">\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {VISIBILITY_OPTIONS.map((opt) => (\n              <SelectItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <div\n          className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\"\n          aria-busy=\"true\"\n          aria-label=\"Loading circles\"\n        >\n          {Array.from({ length: 6 }, (_, i) => (\n            <CircleCardSkeleton key={i} />\n          ))}\n        </div>\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load circles.\" onRetry={() => refetch()} />\n      ) : circles.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          icon={\n            <span className=\"inline-flex h-20 w-20 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent\">\n              <ConnectedCirclesIcon />\n            </span>\n          }\n          title=\"No circles found\"\n          description={\n            status === 'ALL' && visibility === 'ALL'\n              ? 'Be the first to start a community. Create a circle to gather members around a shared interest.'\n              : 'No circles match these filters. Try widening them or start your own.'\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> Create circle\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <p className=\"mb-3 text-sm text-text-tertiary\">\n            Showing {formatNumber(circles.length)} circle{circles.length === 1 ? '' : 's'}\n          </p>\n          <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\">\n            {circles.map((circle) => (\n              <CircleCard\n                key={circle.id}\n                circle={circle}\n                membership={membershipByCircle.get(circle.id) ?? null}\n                onOpen={() => navigateTo('circles/' + circle.id)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={circles.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <CreateCircleDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(circle) => navigateTo('circles/' + circle.id)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CirclesPage.js","names":[],"sources":["../../../../src/comradecircle/pages/circles/CirclesPage.tsx"],"sourcesContent":["/**\n * CirclesPage — the circle discovery & browse experience.\n * @module comradecircle/pages/circles\n *\n * Reads `comListCircles` (filtered by status + visibility) and, in parallel, the\n * caller's active memberships (`comListMemberships`) so each tile can show the\n * right affordance: Join for circles you don't belong to, Open/Leave + your role\n * for the ones you do. Anyone can spin up a new circle from the header action.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus } from 'lucide-react';\nimport {\n  Button,\n  GlassCard,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { CircleCard } from '../../components/CircleCard';\nimport { CreateCircleDialog } from '../../components/CreateCircleDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport { useComCircles, useComMemberships, useCursorPager, useTr } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatNumber } from '../../utils/formatters';\nimport type { ComCircleVisibility, ComMembership } from '../../types';\n\n/**\n * ConnectedCirclesIcon — product-specific zero-state artwork (BOFF-3973).\n *\n * `comradecircle-23-circles-empty-state.png` pairs \"No circles found\" with a\n * custom connected-circles motif rather than the generic `empty-people`\n * illustration from `fe-libs/ui`. Composed inline (per the ticket's own\n * suggested implementation) instead of adding a new shared illustration\n * asset, since `fe-libs/ui` is consumed fleet-wide and a product-specific\n * glyph doesn't belong there. Uses `currentColor` only — no raw color\n * literals — so it inherits the semantic accent token from its wrapper.\n */\nfunction ConnectedCirclesIcon() {\n  return (\n    <svg\n      viewBox=\"0 0 64 64\"\n      className=\"h-12 w-12\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"24\" cy=\"26\" r=\"14\" opacity=\"0.9\" />\n      <circle cx=\"42\" cy=\"26\" r=\"14\" opacity=\"0.55\" />\n      <circle cx=\"33\" cy=\"42\" r=\"14\" opacity=\"0.3\" />\n    </svg>\n  );\n}\n\n/** Circle-tile-shaped placeholder used while the directory loads. */\nfunction CircleCardSkeleton() {\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start gap-3\">\n        <Skeleton className=\"h-12 w-12 shrink-0 rounded-full\" />\n        <div className=\"min-w-0 flex-1 space-y-2\">\n          <Skeleton className=\"h-4 w-2/3 rounded\" />\n          <Skeleton className=\"h-3 w-1/3 rounded\" />\n          <div className=\"flex gap-1.5 pt-1\">\n            <Skeleton className=\"h-4 w-14 rounded-full\" />\n            <Skeleton className=\"h-4 w-16 rounded-full\" />\n          </div>\n        </div>\n      </div>\n      <div className=\"mt-3 space-y-2\">\n        <Skeleton className=\"h-3 w-full rounded\" />\n        <Skeleton className=\"h-3 w-4/5 rounded\" />\n      </div>\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <Skeleton className=\"h-4 w-24 rounded\" />\n        <Skeleton className=\"h-8 w-16 rounded-lg\" />\n      </div>\n    </GlassCard>\n  );\n}\n\nconst PAGE_SIZE = 12;\n\ntype StatusFilter = 'ALL' | 'ACTIVE' | 'ARCHIVED';\ntype VisibilityFilter = 'ALL' | ComCircleVisibility;\n\nexport function CirclesPage() {\n  const { navigateTo, currentUser } = useComradeCircle();\n  const pager = useCursorPager();\n  const tr = useTr();\n  const [status, setStatus] = useState<StatusFilter>('ALL');\n  const [visibility, setVisibility] = useState<VisibilityFilter>('ALL');\n  const [createOpen, setCreateOpen] = useState(false);\n\n  const STATUS_OPTIONS: FilterOption<StatusFilter>[] = [\n    { value: 'ALL', label: tr('comradecircle.pages.circles.statusAll', 'All') },\n    { value: 'ACTIVE', label: tr('comradecircle.pages.circles.statusActive', 'Active') },\n    { value: 'ARCHIVED', label: tr('comradecircle.pages.circles.statusArchived', 'Archived') },\n  ];\n\n  const VISIBILITY_OPTIONS: { value: VisibilityFilter; label: string }[] = [\n    { value: 'ALL', label: tr('comradecircle.pages.circles.visibilityAll', 'All visibility') },\n    { value: 'PUBLIC', label: tr('comradecircle.pages.circles.visibilityPublic', 'Public') },\n    { value: 'PRIVATE', label: tr('comradecircle.pages.circles.visibilityPrivate', 'Private') },\n    { value: 'SECRET', label: tr('comradecircle.pages.circles.visibilitySecret', 'Secret') },\n  ];\n\n  const { data, isLoading, isError, refetch } = useComCircles({\n    status: status === 'ALL' ? undefined : status,\n    visibility: visibility === 'ALL' ? undefined : visibility,\n    pagination: { limit: PAGE_SIZE, cursor: pager.cursor },\n  });\n\n  // Parallel: the caller's active memberships, keyed by circle so each tile knows\n  // whether the current user already belongs (and in what role).\n  const { data: membershipData } = useComMemberships({ status: 'ACTIVE' });\n\n  const membershipByCircle = useMemo(() => {\n    const map = new Map<string, ComMembership>();\n    for (const membership of membershipData?.items ?? []) {\n      if (membership.memberId === currentUser?.id) {\n        map.set(membership.circleId, membership);\n      }\n    }\n    return map;\n  }, [membershipData, currentUser?.id]);\n\n  const circles = data?.items ?? [];\n\n  const changeStatus = (next: StatusFilter) => {\n    setStatus(next);\n    pager.reset();\n  };\n\n  const changeVisibility = (next: string) => {\n    setVisibility(next as VisibilityFilter);\n    pager.reset();\n  };\n\n  return (\n    <PageLayout\n      title={tr('comradecircle.pages.circles.title', 'Circles')}\n      titleGradient\n      aurora\n      description={tr(\n        'comradecircle.pages.circles.description',\n        'Discover and join communities — each circle has its own channels, members, events, and polls.'\n      )}\n      actions={\n        <Button onClick={() => setCreateOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n          {tr('comradecircle.pages.circles.createCircle', 'Create circle')}\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\n        <FilterTabs options={STATUS_OPTIONS} value={status} onChange={changeStatus} />\n        <Select value={visibility} onValueChange={changeVisibility}>\n          <SelectTrigger\n            className=\"w-[10.5rem]\"\n            aria-label={tr('comradecircle.pages.circles.filterVisibility', 'Filter by visibility')}\n          >\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            {VISIBILITY_OPTIONS.map((opt) => (\n              <SelectItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      {isLoading ? (\n        <div\n          className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\"\n          aria-busy=\"true\"\n          aria-label={tr('comradecircle.pages.circles.loadingAriaLabel', 'Loading circles')}\n        >\n          {Array.from({ length: 6 }, (_, i) => (\n            <CircleCardSkeleton key={i} />\n          ))}\n        </div>\n      ) : isError ? (\n        <ErrorView\n          message={tr('comradecircle.pages.circles.errorMessage', \"We couldn't load circles.\")}\n          onRetry={() => refetch()}\n        />\n      ) : circles.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          icon={\n            <span className=\"inline-flex h-20 w-20 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-accent\">\n              <ConnectedCirclesIcon />\n            </span>\n          }\n          title={tr('comradecircle.pages.circles.emptyTitle', 'No circles found')}\n          description={\n            status === 'ALL' && visibility === 'ALL'\n              ? tr(\n                  'comradecircle.pages.circles.emptyDescriptionAll',\n                  'Be the first to start a community. Create a circle to gather members around a shared interest.'\n                )\n              : tr(\n                  'comradecircle.pages.circles.emptyDescriptionFiltered',\n                  'No circles match these filters. Try widening them or start your own.'\n                )\n          }\n          action={\n            <Button onClick={() => setCreateOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n              {tr('comradecircle.pages.circles.createCircle', 'Create circle')}\n            </Button>\n          }\n        />\n      ) : (\n        <>\n          <p className=\"mb-3 text-sm text-text-tertiary\">\n            {tr('comradecircle.pages.circles.showingCount', 'Showing {{count}} circle{{plural}}', {\n              count: formatNumber(circles.length),\n              plural: circles.length === 1 ? '' : 's',\n            })}\n          </p>\n          <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-3\">\n            {circles.map((circle) => (\n              <CircleCard\n                key={circle.id}\n                circle={circle}\n                membership={membershipByCircle.get(circle.id) ?? null}\n                onOpen={() => navigateTo('circles/' + circle.id)}\n              />\n            ))}\n          </div>\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={circles.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </>\n      )}\n\n      <CreateCircleDialog\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(circle) => navigateTo('circles/' + circle.id)}\n      />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/events/EventDetailPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EventDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/events/EventDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAoDH,wBAAgB,eAAe,4CAoV9B"}
+{"version":3,"file":"EventDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/events/EventDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAkFH,wBAAgB,eAAe,4CA2Z9B"}