@burdenoff/microfe-comradecircle 2026.827.1 → 2026.830.1

package/dist/comradecircle/components/MobileBottomNav.js

@@ -1,58 +1,65 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { CalendarDays as n, Contact as r, Newspaper as i, UserCircle as a, Users as o } from "lucide-react";
-import { useLocation as s } from "react-router";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useTr as t } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
+import { CalendarDays as r, Contact as i, Newspaper as a, UserCircle as o, Users as s } from "lucide-react";
+import { useLocation as c } from "react-router";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/comradecircle/components/MobileBottomNav.tsx
-var u = [
+var d = [
 	{
 		id: "feed",
-		label: "Home",
+		labelKey: "comradecircle.nav.feed",
+		labelFallback: "Home",
 		path: "",
-		icon: i
+		icon: a
 	},
 	{
 		id: "circles",
-		label: "Circles",
+		labelKey: "comradecircle.nav.circles",
+		labelFallback: "Circles",
 		path: "circles",
-		icon: o
+		icon: s
 	},
 	{
 		id: "events",
-		label: "Events",
+		labelKey: "comradecircle.nav.events",
+		labelFallback: "Events",
 		path: "events",
-		icon: n
+		icon: r
 	},
 	{
 		id: "members",
-		label: "Members",
+		labelKey: "comradecircle.nav.members",
+		labelFallback: "Members",
 		path: "members",
-		icon: r
+		icon: i
 	},
 	{
 		id: "profile",
-		label: "Profile",
+		labelKey: "comradecircle.nav.profile",
+		labelFallback: "Profile",
 		path: "profile",
-		icon: a
+		icon: o
 	}
-], d = () => {
-	let { getPath: n, navigateTo: r } = e(), i = s();
-	return /* @__PURE__ */ c("nav", {
-		"aria-label": "ComradeCircle mobile navigation",
-		className: t("fixed inset-x-0 bottom-0 z-40 lg:hidden", "border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm", "pb-[max(env(safe-area-inset-bottom),0px)]"),
-		children: /* @__PURE__ */ c("ul", {
+], f = () => {
+	let { getPath: r, navigateTo: i } = e(), a = c(), o = t();
+	return /* @__PURE__ */ l("nav", {
+		"aria-label": o("comradecircle.nav.mobileAriaLabel", "ComradeCircle mobile navigation"),
+		className: n("fixed inset-x-0 bottom-0 z-40 lg:hidden", "border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm", "pb-[max(env(safe-area-inset-bottom),0px)]"),
+		children: /* @__PURE__ */ l("ul", {
 			className: "flex",
-			children: u.map((e) => {
-				let a = n(e.path), o = e.path === "" ? i.pathname === a : i.pathname === a || i.pathname.startsWith(`${a}/`), s = e.icon;
-				return /* @__PURE__ */ c("li", {
+			children: d.map((e) => {
+				let t = r(e.path), s = e.path === "" ? a.pathname === t : a.pathname === t || a.pathname.startsWith(`${t}/`), c = e.icon;
+				return /* @__PURE__ */ l("li", {
 					className: "flex-1",
-					children: /* @__PURE__ */ l("button", {
+					children: /* @__PURE__ */ u("button", {
 						type: "button",
-						"aria-current": o ? "page" : void 0,
-						onClick: () => r(e.path),
-						className: t("flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors", o ? "text-accent" : "text-text-tertiary hover:text-text-secondary"),
-						children: [/* @__PURE__ */ c(s, { className: t("h-5 w-5", o && "text-accent") }), e.label]
+						"aria-current": s ? "page" : void 0,
+						onClick: () => i(e.path),
+						className: n("flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors", s ? "text-accent" : "text-text-tertiary hover:text-text-secondary"),
+						children: [/* @__PURE__ */ l(c, { className: n("h-5 w-5", s && "text-accent") }), o(e.labelKey, e.labelFallback)]
 					})
 				}, e.id);
 			})
@@ -60,6 +67,6 @@ var u = [
 	});
 };
 //#endregion
-export { d as MobileBottomNav };
+export { f as MobileBottomNav };
 
 //# sourceMappingURL=MobileBottomNav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MobileBottomNav.js","names":[],"sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"sourcesContent":["/**\n * MobileBottomNav — ComradeCircle's product-specific mobile tab bar (BOFF-3957).\n * @module comradecircle/components\n *\n * The mobile mocks (`comradecircle-00-mobile-app-preview.png`,\n * `comradecircle-19/20/21-mobile-*.png`) show a fixed Home / Circles / Events /\n * Members / Profile bottom tab bar instead of the shared app-shell's\n * collapsible sidebar/hamburger menu. Mirrors the same five items registered\n * with the host shell in `ComradeCircleRoot` (id/path/icon/order) so the two\n * navs never drift.\n *\n * Fixed at the bottom of the viewport, hidden at and above the `lg` breakpoint\n * to match every other responsive split already used in this MFE (see the\n * `lg:hidden` mobile channel picker / `hidden lg:block` desktop rail in\n * `CircleDetailPage`). Uses `flex` with each tab `flex-1` rather than a CSS\n * grid: build-time MFE composition means only utility classes the host\n * shell's own Tailwind build already emits reach this MFE at runtime, and\n * `grid`/`grid-cols-*` is not reliably among them.\n */\n\nimport type { FC } from 'react';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { useLocation } from 'react-router';\nimport { useComradeCircle } from '../context';\nimport { cn } from '../utils/cn';\n\ninterface TabDef {\n  id: string;\n  label: string;\n  /** Path relative to basePath, '' for the home feed. */\n  path: string;\n  icon: FC<{ className?: string }>;\n}\n\nconst TABS: TabDef[] = [\n  { id: 'feed', label: 'Home', path: '', icon: Newspaper },\n  { id: 'circles', label: 'Circles', path: 'circles', icon: Users },\n  { id: 'events', label: 'Events', path: 'events', icon: CalendarDays },\n  { id: 'members', label: 'Members', path: 'members', icon: Contact },\n  { id: 'profile', label: 'Profile', path: 'profile', icon: UserCircle },\n];\n\nexport const MobileBottomNav: FC = () => {\n  const { getPath, navigateTo } = useComradeCircle();\n  const location = useLocation();\n\n  return (\n    <nav\n      aria-label=\"ComradeCircle mobile navigation\"\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 lg:hidden',\n        'border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm',\n        'pb-[max(env(safe-area-inset-bottom),0px)]'\n      )}\n    >\n      <ul className=\"flex\">\n        {TABS.map((tab) => {\n          const target = getPath(tab.path);\n          const isActive =\n            tab.path === ''\n              ? location.pathname === target\n              : location.pathname === target || location.pathname.startsWith(`${target}/`);\n          const Icon = tab.icon;\n          return (\n            <li key={tab.id} className=\"flex-1\">\n              <button\n                type=\"button\"\n                aria-current={isActive ? 'page' : undefined}\n                onClick={() => navigateTo(tab.path)}\n                className={cn(\n                  'flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors',\n                  isActive ? 'text-accent' : 'text-text-tertiary hover:text-text-secondary'\n                )}\n              >\n                <Icon className={cn('h-5 w-5', isActive && 'text-accent')} />\n                {tab.label}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;AAkCA,IAAM,IAAiB;CACrB;EAAE,IAAI;EAAQ,OAAO;EAAQ,MAAM;EAAI,MAAM;CAAU;CACvD;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAM;CAChE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM;EAAU,MAAM;CAAa;CACpE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAQ;CAClE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAW;AACvE,GAEa,UAA4B;CACvC,IAAM,EAAE,YAAS,kBAAe,EAAiB,GAC3C,IAAW,EAAY;CAE7B,OACE,kBAAC,OAAD;EACE,cAAW;EACX,WAAW,EACT,2CACA,iEACA,2CACF;YAEA,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MAAQ;IACjB,IAAM,IAAS,EAAQ,EAAI,IAAI,GACzB,IACJ,EAAI,SAAS,KACT,EAAS,aAAa,IACtB,EAAS,aAAa,KAAU,EAAS,SAAS,WAAW,GAAG,EAAO,EAAE,GACzE,IAAO,EAAI;IACjB,OACE,kBAAC,MAAD;KAAiB,WAAU;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,gBAAc,IAAW,SAAS,KAAA;MAClC,eAAe,EAAW,EAAI,IAAI;MAClC,WAAW,EACT,4FACA,IAAW,gBAAgB,8CAC7B;gBAPF,CASE,kBAAC,GAAD,EAAM,WAAW,EAAG,WAAW,KAAY,aAAa,EAAI,CAAA,GAC3D,EAAI,KACC;;IACN,GAbK,EAAI,EAaT;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}
+{"version":3,"file":"MobileBottomNav.js","names":[],"sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"sourcesContent":["/**\n * MobileBottomNav — ComradeCircle's product-specific mobile tab bar (BOFF-3957).\n * @module comradecircle/components\n *\n * The mobile mocks (`comradecircle-00-mobile-app-preview.png`,\n * `comradecircle-19/20/21-mobile-*.png`) show a fixed Home / Circles / Events /\n * Members / Profile bottom tab bar instead of the shared app-shell's\n * collapsible sidebar/hamburger menu. Mirrors the same five items registered\n * with the host shell in `ComradeCircleRoot` (id/path/icon/order) so the two\n * navs never drift.\n *\n * Fixed at the bottom of the viewport, hidden at and above the `lg` breakpoint\n * to match every other responsive split already used in this MFE (see the\n * `lg:hidden` mobile channel picker / `hidden lg:block` desktop rail in\n * `CircleDetailPage`). Uses `flex` with each tab `flex-1` rather than a CSS\n * grid: build-time MFE composition means only utility classes the host\n * shell's own Tailwind build already emits reach this MFE at runtime, and\n * `grid`/`grid-cols-*` is not reliably among them.\n */\n\nimport type { FC } from 'react';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { useLocation } from 'react-router';\nimport { useComradeCircle } from '../context';\nimport { useTr } from '../hooks';\nimport { cn } from '../utils/cn';\n\ninterface TabDef {\n  id: string;\n  labelKey: string;\n  labelFallback: string;\n  /** Path relative to basePath, '' for the home feed. */\n  path: string;\n  icon: FC<{ className?: string }>;\n}\n\nconst TABS: TabDef[] = [\n  {\n    id: 'feed',\n    labelKey: 'comradecircle.nav.feed',\n    labelFallback: 'Home',\n    path: '',\n    icon: Newspaper,\n  },\n  {\n    id: 'circles',\n    labelKey: 'comradecircle.nav.circles',\n    labelFallback: 'Circles',\n    path: 'circles',\n    icon: Users,\n  },\n  {\n    id: 'events',\n    labelKey: 'comradecircle.nav.events',\n    labelFallback: 'Events',\n    path: 'events',\n    icon: CalendarDays,\n  },\n  {\n    id: 'members',\n    labelKey: 'comradecircle.nav.members',\n    labelFallback: 'Members',\n    path: 'members',\n    icon: Contact,\n  },\n  {\n    id: 'profile',\n    labelKey: 'comradecircle.nav.profile',\n    labelFallback: 'Profile',\n    path: 'profile',\n    icon: UserCircle,\n  },\n];\n\nexport const MobileBottomNav: FC = () => {\n  const { getPath, navigateTo } = useComradeCircle();\n  const location = useLocation();\n  const tr = useTr();\n\n  return (\n    <nav\n      aria-label={tr('comradecircle.nav.mobileAriaLabel', 'ComradeCircle mobile navigation')}\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 lg:hidden',\n        'border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm',\n        'pb-[max(env(safe-area-inset-bottom),0px)]'\n      )}\n    >\n      <ul className=\"flex\">\n        {TABS.map((tab) => {\n          const target = getPath(tab.path);\n          const isActive =\n            tab.path === ''\n              ? location.pathname === target\n              : location.pathname === target || location.pathname.startsWith(`${target}/`);\n          const Icon = tab.icon;\n          return (\n            <li key={tab.id} className=\"flex-1\">\n              <button\n                type=\"button\"\n                aria-current={isActive ? 'page' : undefined}\n                onClick={() => navigateTo(tab.path)}\n                className={cn(\n                  'flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors',\n                  isActive ? 'text-accent' : 'text-text-tertiary hover:text-text-secondary'\n                )}\n              >\n                <Icon className={cn('h-5 w-5', isActive && 'text-accent')} />\n                {tr(tab.labelKey, tab.labelFallback)}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;;;AAoCA,IAAM,IAAiB;CACrB;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;CACA;EACE,IAAI;EACJ,UAAU;EACV,eAAe;EACf,MAAM;EACN,MAAM;CACR;AACF,GAEa,UAA4B;CACvC,IAAM,EAAE,YAAS,kBAAe,EAAiB,GAC3C,IAAW,EAAY,GACvB,IAAK,EAAM;CAEjB,OACE,kBAAC,OAAD;EACE,cAAY,EAAG,qCAAqC,iCAAiC;EACrF,WAAW,EACT,2CACA,iEACA,2CACF;YAEA,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MAAQ;IACjB,IAAM,IAAS,EAAQ,EAAI,IAAI,GACzB,IACJ,EAAI,SAAS,KACT,EAAS,aAAa,IACtB,EAAS,aAAa,KAAU,EAAS,SAAS,WAAW,GAAG,EAAO,EAAE,GACzE,IAAO,EAAI;IACjB,OACE,kBAAC,MAAD;KAAiB,WAAU;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,gBAAc,IAAW,SAAS,KAAA;MAClC,eAAe,EAAW,EAAI,IAAI;MAClC,WAAW,EACT,4FACA,IAAW,gBAAgB,8CAC7B;gBAPF,CASE,kBAAC,GAAD,EAAM,WAAW,EAAG,WAAW,KAAY,aAAa,EAAI,CAAA,GAC3D,EAAG,EAAI,UAAU,EAAI,aAAa,CAC7B;;IACN,GAbK,EAAI,EAaT;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDAuCjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/Pagination.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,SAAS,GACV,EAAE,eAAe,kDA2CjB"}

package/dist/comradecircle/components/Pagination.js

@@ -1,50 +1,59 @@
-import { cn as e } from "../utils/cn.js";
-import { ChevronLeft as t, ChevronRight as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Button as a } from "@burdenoff/fe-libs/ui";
+import { useTr as e } from "../hooks/useTr.js";
+import "../hooks/index.js";
+import { cn as t } from "../utils/cn.js";
+import { ChevronLeft as n, ChevronRight as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/Pagination.tsx
-function o({ page: o, pageSize: s, itemCount: c, hasMore: l, onPageChange: u, className: d }) {
-	if (o === 0 && !l) return null;
-	let f = c === 0 ? 0 : o * s + 1, p = o * s + c;
-	return /* @__PURE__ */ i("div", {
-		className: e("mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row", d),
+function s({ page: s, pageSize: c, itemCount: l, hasMore: u, onPageChange: d, className: f }) {
+	let p = e();
+	if (s === 0 && !u) return null;
+	let m = l === 0 ? 0 : s * c + 1, h = s * c + l;
+	return /* @__PURE__ */ a("div", {
+		className: t("mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row", f),
 		children: [/* @__PURE__ */ i("p", {
 			className: "text-sm text-text-secondary tabular-nums",
 			"aria-live": "polite",
-			children: [
-				"Showing ",
-				f,
-				"–",
-				p
-			]
-		}), /* @__PURE__ */ i("div", {
+			children: p("comradecircle.components.pagination.showing", "Showing {{from}}–{{to}}", {
+				from: m,
+				to: h
+			})
+		}), /* @__PURE__ */ a("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ i(a, {
+				/* @__PURE__ */ a(o, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => u(o - 1),
-					disabled: o === 0,
-					"aria-label": "Previous page",
-					children: [/* @__PURE__ */ r(t, { className: "mr-1 h-4 w-4" }), " Previous"]
+					onClick: () => d(s - 1),
+					disabled: s === 0,
+					"aria-label": p("comradecircle.components.pagination.previousAriaLabel", "Previous page"),
+					children: [
+						/* @__PURE__ */ i(n, { className: "mr-1 h-4 w-4" }),
+						" ",
+						p("comradecircle.components.pagination.previous", "Previous")
+					]
 				}),
 				/* @__PURE__ */ i("span", {
 					className: "min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums",
-					children: ["Page ", o + 1]
+					children: p("comradecircle.components.pagination.page", "Page {{page}}", { page: s + 1 })
 				}),
-				/* @__PURE__ */ i(a, {
+				/* @__PURE__ */ a(o, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => u(o + 1),
-					disabled: !l,
-					"aria-label": "Next page",
-					children: ["Next ", /* @__PURE__ */ r(n, { className: "ml-1 h-4 w-4" })]
+					onClick: () => d(s + 1),
+					disabled: !u,
+					"aria-label": p("comradecircle.components.pagination.nextAriaLabel", "Next page"),
+					children: [
+						p("comradecircle.components.pagination.next", "Next"),
+						" ",
+						/* @__PURE__ */ i(r, { className: "ml-1 h-4 w-4" })
+					]
 				})
 			]
 		})]
 	});
 }
 //#endregion
-export { o as Pagination };
+export { s as Pagination };
 
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/comradecircle/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Com* connection lists.\n * @module comradecircle/components\n *\n * The svc list connections return `pageInfo { cursor, hasMore }` and paginate by\n * cursor (offset is a no-op). Pages track a 0-indexed `page` for display and a\n * cursor stack for navigation; this control exposes Prev/Next, disabling Prev on\n * page 0 and Next when the server reports no more rows.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  pageSize: number;\n  /** Number of rows on the current page. */\n  itemCount: number;\n  /** Server flag: are there more rows after this page? */\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nexport function Pagination({\n  page,\n  pageSize,\n  itemCount,\n  hasMore,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  // Nothing to paginate: single page that also has no more rows.\n  if (page === 0 && !hasMore) return null;\n\n  const from = itemCount === 0 ? 0 : page * pageSize + 1;\n  const to = page * pageSize + itemCount;\n\n  return (\n    <div\n      className={cn('mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row', className)}\n    >\n      <p className=\"text-sm text-text-secondary tabular-nums\" aria-live=\"polite\">\n        Showing {from}–{to}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"mr-1 h-4 w-4\" /> Previous\n        </Button>\n        <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n          Page {page + 1}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!hasMore}\n          aria-label=\"Next page\"\n        >\n          Next <ChevronRight className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;CAElB,IAAI,MAAS,KAAK,CAAC,GAAS,OAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;CAE7B,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,CAAS;YAD9F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAAlE;IAA2E;IAChE;IAAK;IAAE;GACf;MACH,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,MAAS;KACnB,cAAW;eALb,CAOE,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA,GAAC,WAClC;;IACR,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsF,SAC9E,IAAO,CACT;;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,CAAC;KACX,cAAW;eALb,CAMC,SACM,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,CACvC;;GACL;IACF;;AAET"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../src/comradecircle/components/Pagination.tsx"],"sourcesContent":["/**\n * Pagination — cursor-aware Prev/Next control for Com* connection lists.\n * @module comradecircle/components\n *\n * The svc list connections return `pageInfo { cursor, hasMore }` and paginate by\n * cursor (offset is a no-op). Pages track a 0-indexed `page` for display and a\n * cursor stack for navigation; this control exposes Prev/Next, disabling Prev on\n * page 0 and Next when the server reports no more rows.\n */\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useTr } from '../hooks';\nimport { cn } from '../utils/cn';\n\ninterface PaginationProps {\n  page: number;\n  pageSize: number;\n  /** Number of rows on the current page. */\n  itemCount: number;\n  /** Server flag: are there more rows after this page? */\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  className?: string;\n}\n\nexport function Pagination({\n  page,\n  pageSize,\n  itemCount,\n  hasMore,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  const tr = useTr();\n\n  // Nothing to paginate: single page that also has no more rows.\n  if (page === 0 && !hasMore) return null;\n\n  const from = itemCount === 0 ? 0 : page * pageSize + 1;\n  const to = page * pageSize + itemCount;\n\n  return (\n    <div\n      className={cn('mt-4 flex flex-col items-center justify-between gap-3 sm:flex-row', className)}\n    >\n      <p className=\"text-sm text-text-secondary tabular-nums\" aria-live=\"polite\">\n        {tr('comradecircle.components.pagination.showing', 'Showing {{from}}–{{to}}', { from, to })}\n      </p>\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 0}\n          aria-label={tr('comradecircle.components.pagination.previousAriaLabel', 'Previous page')}\n        >\n          <ChevronLeft className=\"mr-1 h-4 w-4\" />{' '}\n          {tr('comradecircle.components.pagination.previous', 'Previous')}\n        </Button>\n        <span className=\"min-w-[4.5rem] text-center text-sm text-text-secondary tabular-nums\">\n          {tr('comradecircle.components.pagination.page', 'Page {{page}}', { page: page + 1 })}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={!hasMore}\n          aria-label={tr('comradecircle.components.pagination.nextAriaLabel', 'Next page')}\n        >\n          {tr('comradecircle.components.pagination.next', 'Next')}{' '}\n          <ChevronRight className=\"ml-1 h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA0BA,SAAgB,EAAW,EACzB,SACA,aACA,cACA,YACA,iBACA,gBACkB;CAClB,IAAM,IAAK,EAAM;CAGjB,IAAI,MAAS,KAAK,CAAC,GAAS,OAAO;CAEnC,IAAM,IAAO,MAAc,IAAI,IAAI,IAAO,IAAW,GAC/C,IAAK,IAAO,IAAW;CAE7B,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,qEAAqE,CAAS;YAD9F,CAGE,kBAAC,KAAD;GAAG,WAAU;GAA2C,aAAU;aAC/D,EAAG,+CAA+C,2BAA2B;IAAE;IAAM;GAAG,CAAC;EACzF,CAAA,GACH,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,MAAS;KACnB,cAAY,EAAG,yDAAyD,eAAe;eALzF;MAOE,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA;MAAE;MACxC,EAAG,gDAAgD,UAAU;KACxD;;IACR,kBAAC,QAAD;KAAM,WAAU;eACb,EAAG,4CAA4C,iBAAiB,EAAE,MAAM,IAAO,EAAE,CAAC;IAC/E,CAAA;IACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,CAAC;KACpC,UAAU,CAAC;KACX,cAAY,EAAG,qDAAqD,WAAW;eALjF;MAOG,EAAG,4CAA4C,MAAM;MAAG;MACzD,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA;KAClC;;GACL;IACF;;AAET"}

package/dist/comradecircle/components/PollCard.js

@@ -1,6 +1,6 @@
-import { cn as e } from "../utils/cn.js";
-import { useComClosePoll as t, useComVotePoll as n } from "../hooks/useComradeCircleApi.js";
+import { useComClosePoll as e, useComVotePoll as t } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
+import { cn as n } from "../utils/cn.js";
 import { describeError as r, notify as i } from "../lib/toast.js";
 import { formatNumber as a, formatRelativeTime as o } from "../utils/formatters.js";
 import { StatusBadge as s } from "./StatusBadge.js";
@@ -11,7 +11,7 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Button as g, GlassCard as _ } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PollCard.tsx
 function v({ poll: v, canManage: y = !1 }) {
-	let b = n(), x = t(), [S, C] = u(/* @__PURE__ */ new Set()), w = v.options.reduce((e, t) => e + t.voteCount, 0), T = v.status === "CLOSED", E = l(() => v.options.reduce((e, t) => Math.max(e, t.voteCount), 0), [v.options]), D = S.size > 0, O = async (e) => {
+	let b = t(), x = e(), [S, C] = u(/* @__PURE__ */ new Set()), w = v.options.reduce((e, t) => e + t.voteCount, 0), T = v.status === "CLOSED", E = l(() => v.options.reduce((e, t) => Math.max(e, t.voteCount), 0), [v.options]), D = S.size > 0, O = async (e) => {
 		if (!T) try {
 			await b.mutateAsync({
 				pollId: v.id,
@@ -41,14 +41,14 @@ function v({ poll: v, canManage: y = !1 }) {
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "mt-4 flex flex-col gap-2.5",
-				children: [...v.options].sort((e, t) => e.position - t.position).map((t) => {
-					let n = w > 0 ? t.voteCount / w * 100 : 0, r = w > 0 && t.voteCount === E, i = S.has(t.id);
+				children: [...v.options].sort((e, t) => e.position - t.position).map((e) => {
+					let t = w > 0 ? e.voteCount / w * 100 : 0, r = w > 0 && e.voteCount === E, i = S.has(e.id);
 					return /* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => O(t.id),
+						onClick: () => O(e.id),
 						disabled: T || b.isPending,
 						"aria-pressed": i,
-						className: e("group w-full rounded-xl border px-3 py-2.5 text-left transition-all duration-200", i ? "border-accent bg-[var(--color-accent-soft)]/40" : "border-border-seam", !T && !i && "hover:-translate-y-px hover:border-accent hover:bg-bg-sunken/60", T && "cursor-default"),
+						className: n("group w-full rounded-xl border px-3 py-2.5 text-left transition-all duration-200", i ? "border-accent bg-[var(--color-accent-soft)]/40" : "border-border-seam", !T && !i && "hover:-translate-y-px hover:border-accent hover:bg-bg-sunken/60", T && "cursor-default"),
 						children: [/* @__PURE__ */ h("div", {
 							className: "flex items-center justify-between gap-2",
 							children: [/* @__PURE__ */ h("span", {
@@ -59,8 +59,8 @@ function v({ poll: v, canManage: y = !1 }) {
 										"aria-hidden": "true"
 									}),
 									/* @__PURE__ */ m("span", {
-										className: e("truncate text-sm", r ? "font-semibold text-text-primary" : "font-medium text-text-secondary"),
-										children: t.label
+										className: n("truncate text-sm", r ? "font-semibold text-text-primary" : "font-medium text-text-secondary"),
+										children: e.label
 									}),
 									r && w > 1 && /* @__PURE__ */ m(f, {
 										className: "h-3.5 w-3.5 shrink-0 text-status-warning-text",
@@ -70,18 +70,18 @@ function v({ poll: v, canManage: y = !1 }) {
 							}), /* @__PURE__ */ h("span", {
 								className: "shrink-0 text-xs tabular-nums text-text-secondary",
 								children: [
-									a(t.voteCount),
+									a(e.voteCount),
 									" · ",
-									Math.round(n),
+									Math.round(t),
 									"%"
 								]
 							})]
 						}), /* @__PURE__ */ m(c, {
-							value: n,
+							value: t,
 							className: "mt-2",
 							barClassName: r ? "bg-gradient-to-r from-accent to-[var(--color-accent-soft)]" : "bg-accent/40"
 						})]
-					}, t.id);
+					}, e.id);
 				})
 			}),
 			/* @__PURE__ */ h("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAuBH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAuB,EAAE,cAAsB,EAAE,EAAE,aAAa,2CAoLhG"}
+{"version":3,"file":"PostCard.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostCard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAuBH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,0CAA0C;IAC1C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yFAAyF;IACzF,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAuB,EAAE,cAAsB,EAAE,EAAE,aAAa,2CAiNhG"}

package/dist/comradecircle/components/PostCard.js

@@ -1,176 +1,189 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { cn as t } from "../utils/cn.js";
-import { useComRemovePost as n, useComUpdatePost as r } from "../hooks/useComradeCircleApi.js";
+import { useComRemovePost as t, useComUpdatePost as n } from "../hooks/useComradeCircleApi.js";
+import { useTr as r } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { MemberIdentity as i } from "./MemberIdentity.js";
-import { describeError as a, notify as o } from "../lib/toast.js";
-import { ReactionBar as s } from "./ReactionBar.js";
-import { formatRelativeTime as c } from "../utils/formatters.js";
-import { CommentThread as l } from "./CommentThread.js";
-import { AttachmentGrid as u } from "./ImageAttachments.js";
-import { useState as d } from "react";
-import { ArrowUpRight as f, MessageSquare as p, MoreHorizontal as m, Pencil as h, Pin as g, Trash2 as _ } from "lucide-react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Button as b, DropdownMenu as x, DropdownMenuContent as S, DropdownMenuItem as C, DropdownMenuSeparator as w, DropdownMenuTrigger as T, GlassCard as E, Textarea as D } from "@burdenoff/fe-libs/ui";
+import { cn as i } from "../utils/cn.js";
+import { MemberIdentity as a } from "./MemberIdentity.js";
+import { describeError as o, notify as s } from "../lib/toast.js";
+import { ReactionBar as c } from "./ReactionBar.js";
+import { formatRelativeTime as l } from "../utils/formatters.js";
+import { CommentThread as u } from "./CommentThread.js";
+import { AttachmentGrid as d } from "./ImageAttachments.js";
+import { useState as f } from "react";
+import { ArrowUpRight as p, MessageSquare as m, MoreHorizontal as h, Pencil as g, Pin as _, Trash2 as v } from "lucide-react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Button as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuSeparator as T, DropdownMenuTrigger as E, GlassCard as D, Textarea as O } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/components/PostCard.tsx
-function O({ post: O, defaultExpanded: k = !1, hideThreadLink: A = !1 }) {
-	let { currentUser: j, navigateTo: M } = e(), N = r(), P = n(), [F, I] = d(k), [L, R] = d(!1), [z, B] = d(O.body), V = !!(j?.id && j.id === O.authorId);
-	return /* @__PURE__ */ y(E, {
+function k({ post: k, defaultExpanded: A = !1, hideThreadLink: j = !1 }) {
+	let { currentUser: M, navigateTo: N } = e(), P = n(), F = t(), I = r(), [L, R] = f(A), [z, B] = f(!1), [V, H] = f(k.body), U = !!(M?.id && M.id === k.authorId);
+	return /* @__PURE__ */ b(D, {
 		treatment: "plain",
-		className: t("p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", O.isPinned && "ring-1 ring-accent/40"),
+		className: i("p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]", k.isPinned && "ring-1 ring-accent/40"),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex items-start justify-between gap-3",
-				children: [/* @__PURE__ */ v(i, {
-					memberId: O.authorId,
+				children: [/* @__PURE__ */ y(a, {
+					memberId: k.authorId,
 					variant: "row",
 					size: "md",
-					suffix: c(O.createdAt),
+					suffix: l(k.createdAt),
 					showPresence: !0
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-1",
-					children: [O.isPinned && /* @__PURE__ */ y("span", {
+					children: [k.isPinned && /* @__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-text-primary",
-						children: [/* @__PURE__ */ v(g, { className: "h-3 w-3" }), " Pinned"]
-					}), V && /* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(T, {
+						children: [
+							/* @__PURE__ */ y(_, { className: "h-3 w-3" }),
+							" ",
+							I("comradecircle.components.postCard.pinned", "Pinned")
+						]
+					}), U && /* @__PURE__ */ b(S, { children: [/* @__PURE__ */ y(E, {
 						asChild: !0,
-						children: /* @__PURE__ */ v("button", {
+						children: /* @__PURE__ */ y("button", {
 							type: "button",
-							"aria-label": "Post actions",
+							"aria-label": I("comradecircle.components.postCard.postActionsAriaLabel", "Post actions"),
 							className: "rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-							children: /* @__PURE__ */ v(m, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ y(h, { className: "h-4 w-4" })
 						})
-					}), /* @__PURE__ */ y(S, {
+					}), /* @__PURE__ */ b(C, {
 						align: "end",
 						children: [
-							/* @__PURE__ */ y(C, {
-								onClick: () => R(!0),
-								children: [/* @__PURE__ */ v(h, { className: "mr-2 h-4 w-4" }), " Edit"]
+							/* @__PURE__ */ b(w, {
+								onClick: () => B(!0),
+								children: [
+									/* @__PURE__ */ y(g, { className: "mr-2 h-4 w-4" }),
+									" ",
+									I("comradecircle.components.postCard.edit", "Edit")
+								]
 							}),
-							/* @__PURE__ */ y(C, {
+							/* @__PURE__ */ b(w, {
 								onClick: async () => {
 									try {
-										await N.mutateAsync({
-											id: O.id,
-											input: { isPinned: !O.isPinned }
-										}), o.success(O.isPinned ? "Post unpinned" : "Post pinned");
+										await P.mutateAsync({
+											id: k.id,
+											input: { isPinned: !k.isPinned }
+										}), s.success(k.isPinned ? I("comradecircle.components.postCard.unpinnedSuccess", "Post unpinned") : I("comradecircle.components.postCard.pinnedSuccess", "Post pinned"));
 									} catch (e) {
-										o.error("Could not update post", a(e));
+										s.error(I("comradecircle.components.postCard.pinError", "Could not update post"), o(e));
 									}
 								},
 								children: [
-									/* @__PURE__ */ v(g, { className: "mr-2 h-4 w-4" }),
+									/* @__PURE__ */ y(_, { className: "mr-2 h-4 w-4" }),
 									" ",
-									O.isPinned ? "Unpin" : "Pin"
+									k.isPinned ? I("comradecircle.components.postCard.unpin", "Unpin") : I("comradecircle.components.postCard.pin", "Pin")
 								]
 							}),
-							/* @__PURE__ */ v(w, {}),
-							/* @__PURE__ */ y(C, {
+							/* @__PURE__ */ y(T, {}),
+							/* @__PURE__ */ b(w, {
 								onClick: async () => {
 									try {
-										await P.mutateAsync({
-											id: O.id,
-											channelId: O.channelId
-										}), o.success("Post removed");
+										await F.mutateAsync({
+											id: k.id,
+											channelId: k.channelId
+										}), s.success(I("comradecircle.components.postCard.removedSuccess", "Post removed"));
 									} catch (e) {
-										o.error("Could not remove post", a(e));
+										s.error(I("comradecircle.components.postCard.removeError", "Could not remove post"), o(e));
 									}
 								},
 								className: "text-status-error-text focus:text-status-error-text",
-								children: [/* @__PURE__ */ v(_, { className: "mr-2 h-4 w-4" }), " Delete"]
+								children: [
+									/* @__PURE__ */ y(v, { className: "mr-2 h-4 w-4" }),
+									" ",
+									I("comradecircle.components.postCard.delete", "Delete")
+								]
 							})
 						]
 					})] })]
 				})]
 			}),
-			L ? /* @__PURE__ */ y("div", {
+			z ? /* @__PURE__ */ b("div", {
 				className: "mt-3",
-				children: [/* @__PURE__ */ v(D, {
-					value: z,
-					onChange: (e) => B(e.target.value),
+				children: [/* @__PURE__ */ y(O, {
+					value: V,
+					onChange: (e) => H(e.target.value),
 					rows: 3,
 					className: "resize-none"
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "mt-2 flex justify-end gap-2",
-					children: [/* @__PURE__ */ v(b, {
+					children: [/* @__PURE__ */ y(x, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => {
-							B(O.body), R(!1);
+							H(k.body), B(!1);
 						},
-						children: "Cancel"
-					}), /* @__PURE__ */ v(b, {
+						children: I("comradecircle.components.postCard.cancel", "Cancel")
+					}), /* @__PURE__ */ y(x, {
 						size: "sm",
 						onClick: async () => {
-							let e = z.trim();
-							if (!e || e === O.body) {
-								R(!1);
+							let e = V.trim();
+							if (!e || e === k.body) {
+								B(!1);
 								return;
 							}
 							try {
-								await N.mutateAsync({
-									id: O.id,
+								await P.mutateAsync({
+									id: k.id,
 									input: { body: e }
-								}), R(!1), o.success("Post updated");
+								}), B(!1), s.success(I("comradecircle.components.postCard.updatedSuccess", "Post updated"));
 							} catch (e) {
-								o.error("Could not update post", a(e));
+								s.error(I("comradecircle.components.postCard.updateError", "Could not update post"), o(e));
 							}
 						},
-						disabled: N.isPending,
-						children: "Save"
+						disabled: P.isPending,
+						children: I("comradecircle.components.postCard.save", "Save")
 					})]
 				})]
-			}) : /* @__PURE__ */ v("p", {
+			}) : /* @__PURE__ */ y("p", {
 				className: "mt-3 whitespace-pre-wrap break-words text-sm text-text-primary",
-				children: O.body
+				children: k.body
 			}),
-			O.tags.length > 0 && /* @__PURE__ */ v("div", {
+			k.tags.length > 0 && /* @__PURE__ */ y("div", {
 				className: "mt-2 flex flex-wrap gap-1.5",
-				children: O.tags.map((e) => /* @__PURE__ */ y("span", {
+				children: k.tags.map((e) => /* @__PURE__ */ b("span", {
 					className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 					children: ["#", e]
 				}, e))
 			}),
-			O.attachmentFileIds.length > 0 && /* @__PURE__ */ v(u, { fileIds: O.attachmentFileIds }),
-			/* @__PURE__ */ y("div", {
+			k.attachmentFileIds.length > 0 && /* @__PURE__ */ y(d, { fileIds: k.attachmentFileIds }),
+			/* @__PURE__ */ b("div", {
 				className: "mt-3 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
-				children: [/* @__PURE__ */ v(s, { post: O }), /* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ y(c, { post: k }), /* @__PURE__ */ b("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ y("button", {
+					children: [/* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => I((e) => !e),
-						"aria-expanded": F,
-						className: t("inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors", F ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
+						onClick: () => R((e) => !e),
+						"aria-expanded": L,
+						className: i("inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors", L ? "bg-[var(--color-accent-soft)] text-text-primary" : "text-text-secondary hover:bg-bg-sunken hover:text-text-primary"),
 						children: [
-							/* @__PURE__ */ v(p, { className: "h-3.5 w-3.5" }),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5" }),
+							/* @__PURE__ */ y("span", {
 								className: "tabular-nums",
-								children: O.commentCount
+								children: k.commentCount
 							}),
-							/* @__PURE__ */ v("span", {
+							/* @__PURE__ */ y("span", {
 								className: "hidden sm:inline",
-								children: O.commentCount === 1 ? "comment" : "comments"
+								children: k.commentCount === 1 ? I("comradecircle.components.postCard.comment", "comment") : I("comradecircle.components.postCard.comments", "comments")
 							})
 						]
-					}), !A && /* @__PURE__ */ y("button", {
+					}), !j && /* @__PURE__ */ b("button", {
 						type: "button",
-						onClick: () => M(`posts/${O.id}`),
-						"aria-label": "Open thread",
-						title: "Open thread",
+						onClick: () => N(`posts/${k.id}`),
+						"aria-label": I("comradecircle.components.postCard.openThreadAriaLabel", "Open thread"),
+						title: I("comradecircle.components.postCard.openThreadTitle", "Open thread"),
 						className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary",
-						children: [/* @__PURE__ */ v(f, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ y(p, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ y("span", {
 							className: "hidden sm:inline",
-							children: "Open thread"
+							children: I("comradecircle.components.postCard.openThread", "Open thread")
 						})]
 					})]
 				})]
 			}),
-			F && /* @__PURE__ */ v(l, { postId: O.id })
+			L && /* @__PURE__ */ y(u, { postId: k.id })
 		]
 	});
 }
 //#endregion
-export { O as PostCard };
+export { k as PostCard };
 
 //# sourceMappingURL=PostCard.js.map