@burdenoff/microfe-comradecircle 2026.720.2 → 2026.720.3

package/dist/comradecircle/ComradeCircleRoutes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComradeCircleRoutes.d.ts","sourceRoot":"","sources":["../../src/comradecircle/ComradeCircleRoutes.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AA2ChD,eAAO,MAAM,mBAAmB,EAAE,EAsCjC,CAAC"}
+{"version":3,"file":"ComradeCircleRoutes.d.ts","sourceRoot":"","sources":["../../src/comradecircle/ComradeCircleRoutes.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAiDhD,eAAO,MAAM,mBAAmB,EAAE,EAyCjC,CAAC"}

package/dist/comradecircle/ComradeCircleRoutes.js

@@ -1,64 +1,69 @@
 import { useComradeCircle as e } from "./context/ComradeCircleContext.js";
-import { FeedPage as t } from "./pages/FeedPage.js";
-import { Suspense as n, lazy as r } from "react";
-import { Navigate as i, Route as a, Routes as o, useLocation as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Spinner as u } from "@burdenoff/fe-libs/ui";
+import { MobileBottomNav as t } from "./components/MobileBottomNav.js";
+import { FeedPage as n } from "./pages/FeedPage.js";
+import { Suspense as r, lazy as i } from "react";
+import { Navigate as a, Route as o, Routes as s, useLocation as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Spinner as d } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/ComradeCircleRoutes.tsx
-var d = r(() => import("./pages/circles/CirclesPage.js").then((e) => ({ default: e.CirclesPage }))), f = r(() => import("./pages/circles/CircleDetailPage.js").then((e) => ({ default: e.CircleDetailPage }))), p = r(() => import("./pages/events/EventsPage.js").then((e) => ({ default: e.EventsPage }))), m = r(() => import("./pages/events/EventDetailPage.js").then((e) => ({ default: e.EventDetailPage }))), h = r(() => import("./pages/members/MembersPage.js").then((e) => ({ default: e.MembersPage }))), g = r(() => import("./pages/members/MemberProfilePage.js").then((e) => ({ default: e.MemberProfilePage }))), _ = r(() => import("./pages/profile/MyProfilePage.js").then((e) => ({ default: e.MyProfilePage }))), v = () => /* @__PURE__ */ c("div", {
+var f = i(() => import("./pages/circles/CirclesPage.js").then((e) => ({ default: e.CirclesPage }))), p = i(() => import("./pages/circles/CircleDetailPage.js").then((e) => ({ default: e.CircleDetailPage }))), m = i(() => import("./pages/events/EventsPage.js").then((e) => ({ default: e.EventsPage }))), h = i(() => import("./pages/events/EventDetailPage.js").then((e) => ({ default: e.EventDetailPage }))), g = i(() => import("./pages/members/MembersPage.js").then((e) => ({ default: e.MembersPage }))), _ = i(() => import("./pages/members/MemberProfilePage.js").then((e) => ({ default: e.MemberProfilePage }))), v = i(() => import("./pages/profile/MyProfilePage.js").then((e) => ({ default: e.MyProfilePage }))), y = i(() => import("./pages/posts/PostThreadPage.js").then((e) => ({ default: e.PostThreadPage }))), b = () => /* @__PURE__ */ l("div", {
 	className: "flex min-h-[400px] items-center justify-center",
-	children: /* @__PURE__ */ c(u, { size: "lg" })
-}), y = () => {
-	let { basePath: r, isStandalone: u } = e(), y = s(), b = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
-	return b && !u && !(y.pathname === b || y.pathname.startsWith(b + "/")) ? null : /* @__PURE__ */ c("div", {
-		className: "flex min-h-full flex-col",
-		children: /* @__PURE__ */ c(n, {
-			fallback: /* @__PURE__ */ c(v, {}),
-			children: /* @__PURE__ */ l(o, { children: [
-				/* @__PURE__ */ c(a, {
+	children: /* @__PURE__ */ l(d, { size: "lg" })
+}), x = () => {
+	let { basePath: i, isStandalone: d } = e(), x = c(), S = i === "/" ? "" : (i ?? "").replace(/\/$/, "");
+	return S && !d && !(x.pathname === S || x.pathname.startsWith(S + "/")) ? null : /* @__PURE__ */ u("div", {
+		className: "flex min-h-full flex-col pb-16 lg:pb-0",
+		children: [/* @__PURE__ */ l(r, {
+			fallback: /* @__PURE__ */ l(b, {}),
+			children: /* @__PURE__ */ u(s, { children: [
+				/* @__PURE__ */ l(o, {
 					index: !0,
-					element: /* @__PURE__ */ c(t, {})
+					element: /* @__PURE__ */ l(n, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "circles",
-					element: /* @__PURE__ */ c(d, {})
+					element: /* @__PURE__ */ l(f, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "circles/:id",
-					element: /* @__PURE__ */ c(f, {})
+					element: /* @__PURE__ */ l(p, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "events",
-					element: /* @__PURE__ */ c(p, {})
+					element: /* @__PURE__ */ l(m, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "events/:id",
-					element: /* @__PURE__ */ c(m, {})
+					element: /* @__PURE__ */ l(h, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "members",
-					element: /* @__PURE__ */ c(h, {})
+					element: /* @__PURE__ */ l(g, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "members/:memberId",
-					element: /* @__PURE__ */ c(g, {})
+					element: /* @__PURE__ */ l(_, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
+					path: "posts/:postId",
+					element: /* @__PURE__ */ l(y, {})
+				}),
+				/* @__PURE__ */ l(o, {
 					path: "profile",
-					element: /* @__PURE__ */ c(_, {})
+					element: /* @__PURE__ */ l(v, {})
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "*",
-					element: /* @__PURE__ */ c(i, {
+					element: /* @__PURE__ */ l(a, {
 						to: "",
 						replace: !0
 					})
 				})
 			] })
-		})
+		}), /* @__PURE__ */ l(t, {})]
 	});
 };
 //#endregion
-export { y as ComradeCircleRoutes };
+export { x as ComradeCircleRoutes };
 
 //# sourceMappingURL=ComradeCircleRoutes.js.map

package/dist/comradecircle/ComradeCircleRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComradeCircleRoutes.js","names":[],"sources":["../../src/comradecircle/ComradeCircleRoutes.tsx"],"sourcesContent":["/**\n * ComradeCircle Routes\n * @module comradecircle\n *\n * Domain routes. The home feed is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `com*` backend capability.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useComradeCircle } from './context/ComradeCircleContext';\n\n// Eager — primary landing\nimport { FeedPage } from './pages/FeedPage';\n\n// Circles (communities → channels → posts)\nconst CirclesPage = lazy(() =>\n  import('./pages/circles/CirclesPage').then((m) => ({ default: m.CirclesPage }))\n);\nconst CircleDetailPage = lazy(() =>\n  import('./pages/circles/CircleDetailPage').then((m) => ({ default: m.CircleDetailPage }))\n);\n\n// Events + RSVPs\nconst EventsPage = lazy(() =>\n  import('./pages/events/EventsPage').then((m) => ({ default: m.EventsPage }))\n);\nconst EventDetailPage = lazy(() =>\n  import('./pages/events/EventDetailPage').then((m) => ({ default: m.EventDetailPage }))\n);\n\n// Member directory + profiles\nconst MembersPage = lazy(() =>\n  import('./pages/members/MembersPage').then((m) => ({ default: m.MembersPage }))\n);\nconst MemberProfilePage = lazy(() =>\n  import('./pages/members/MemberProfilePage').then((m) => ({ default: m.MemberProfilePage }))\n);\n\n// My profile (edit)\nconst MyProfilePage = lazy(() =>\n  import('./pages/profile/MyProfilePage').then((m) => ({ default: m.MyProfilePage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Spinner size=\"lg\" />\n  </div>\n);\n\nexport const ComradeCircleRoutes: FC = () => {\n  const { basePath, isStandalone } = useComradeCircle();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the current path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          <Route index element={<FeedPage />} />\n\n          <Route path=\"circles\" element={<CirclesPage />} />\n          <Route path=\"circles/:id\" element={<CircleDetailPage />} />\n\n          <Route path=\"events\" element={<EventsPage />} />\n          <Route path=\"events/:id\" element={<EventDetailPage />} />\n\n          <Route path=\"members\" element={<MembersPage />} />\n          <Route path=\"members/:memberId\" element={<MemberProfilePage />} />\n\n          <Route path=\"profile\" element={<MyProfilePage />} />\n\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAiBA,IAAM,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAChF,GACM,IAAmB,QACvB,OAAO,uCAAoC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC1F,GAGM,IAAa,QACjB,OAAO,gCAA6B,MAAM,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAC7E,GACM,IAAkB,QACtB,OAAO,qCAAkC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CACvF,GAGM,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAChF,GACM,IAAoB,QACxB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAC5F,GAGM,IAAgB,QACpB,OAAO,oCAAiC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CACpF,GAEM,UACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA;AACjB,CAAA,GAGM,UAAgC;CAC3C,IAAM,EAAE,aAAU,oBAAiB,EAAiB,GAC9C,IAAW,EAAY,GAEvB,IAAqB,MAAa,MAAM,MAAM,KAAY,IAAI,QAAQ,OAAO,EAAE;CAYrF,OATI,KAAsB,CAAC,KAIrB,EAFF,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,GAAG,KAE9C,OAKT,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,CAAa,CAAA;aAC/B,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,CAAW,CAAA;IAAI,CAAA;IAErC,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAc,CAAA;IAAI,CAAA;IACjD,kBAAC,GAAD;KAAO,MAAK;KAAc,SAAS,kBAAC,GAAD,CAAmB,CAAA;IAAI,CAAA;IAE1D,kBAAC,GAAD;KAAO,MAAK;KAAS,SAAS,kBAAC,GAAD,CAAa,CAAA;IAAI,CAAA;IAC/C,kBAAC,GAAD;KAAO,MAAK;KAAa,SAAS,kBAAC,GAAD,CAAkB,CAAA;IAAI,CAAA;IAExD,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAc,CAAA;IAAI,CAAA;IACjD,kBAAC,GAAD;KAAO,MAAK;KAAoB,SAAS,kBAAC,GAAD,CAAoB,CAAA;IAAI,CAAA;IAEjE,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAgB,CAAA;IAAI,CAAA;IAEnD,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAG;MAAG,SAAA;KAAS,CAAA;IAAI,CAAA;GAChD,EAAA,CAAA;EACA,CAAA;CACP,CAAA;AAET"}
+{"version":3,"file":"ComradeCircleRoutes.js","names":[],"sources":["../../src/comradecircle/ComradeCircleRoutes.tsx"],"sourcesContent":["/**\n * ComradeCircle Routes\n * @module comradecircle\n *\n * Domain routes. The home feed is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `com*` backend capability.\n */\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useComradeCircle } from './context/ComradeCircleContext';\nimport { MobileBottomNav } from './components/MobileBottomNav';\n\n// Eager — primary landing\nimport { FeedPage } from './pages/FeedPage';\n\n// Circles (communities → channels → posts)\nconst CirclesPage = lazy(() =>\n  import('./pages/circles/CirclesPage').then((m) => ({ default: m.CirclesPage }))\n);\nconst CircleDetailPage = lazy(() =>\n  import('./pages/circles/CircleDetailPage').then((m) => ({ default: m.CircleDetailPage }))\n);\n\n// Events + RSVPs\nconst EventsPage = lazy(() =>\n  import('./pages/events/EventsPage').then((m) => ({ default: m.EventsPage }))\n);\nconst EventDetailPage = lazy(() =>\n  import('./pages/events/EventDetailPage').then((m) => ({ default: m.EventDetailPage }))\n);\n\n// Member directory + profiles\nconst MembersPage = lazy(() =>\n  import('./pages/members/MembersPage').then((m) => ({ default: m.MembersPage }))\n);\nconst MemberProfilePage = lazy(() =>\n  import('./pages/members/MemberProfilePage').then((m) => ({ default: m.MemberProfilePage }))\n);\n\n// My profile (edit)\nconst MyProfilePage = lazy(() =>\n  import('./pages/profile/MyProfilePage').then((m) => ({ default: m.MyProfilePage }))\n);\n\n// Post thread — focused single-post + comments surface (BOFF-3955)\nconst PostThreadPage = lazy(() =>\n  import('./pages/posts/PostThreadPage').then((m) => ({ default: m.PostThreadPage }))\n);\n\nconst PageLoader: FC = () => (\n  <div className=\"flex min-h-[400px] items-center justify-center\">\n    <Spinner size=\"lg\" />\n  </div>\n);\n\nexport const ComradeCircleRoutes: FC = () => {\n  const { basePath, isStandalone } = useComradeCircle();\n  const location = useLocation();\n\n  const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n  // Guard: only render if the current path matches basePath (integrated mode).\n  if (normalizedBasePath && !isStandalone) {\n    const pathMatches =\n      location.pathname === normalizedBasePath ||\n      location.pathname.startsWith(normalizedBasePath + '/');\n    if (!pathMatches) {\n      return null;\n    }\n  }\n\n  return (\n    <div className=\"flex min-h-full flex-col pb-16 lg:pb-0\">\n      <Suspense fallback={<PageLoader />}>\n        <Routes>\n          <Route index element={<FeedPage />} />\n\n          <Route path=\"circles\" element={<CirclesPage />} />\n          <Route path=\"circles/:id\" element={<CircleDetailPage />} />\n\n          <Route path=\"events\" element={<EventsPage />} />\n          <Route path=\"events/:id\" element={<EventDetailPage />} />\n\n          <Route path=\"members\" element={<MembersPage />} />\n          <Route path=\"members/:memberId\" element={<MemberProfilePage />} />\n\n          <Route path=\"posts/:postId\" element={<PostThreadPage />} />\n\n          <Route path=\"profile\" element={<MyProfilePage />} />\n\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n      <MobileBottomNav />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,IAAM,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAChF,GACM,IAAmB,QACvB,OAAO,uCAAoC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC1F,GAGM,IAAa,QACjB,OAAO,gCAA6B,MAAM,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAC7E,GACM,IAAkB,QACtB,OAAO,qCAAkC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CACvF,GAGM,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAChF,GACM,IAAoB,QACxB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAC5F,GAGM,IAAgB,QACpB,OAAO,oCAAiC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CACpF,GAGM,IAAiB,QACrB,OAAO,mCAAgC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACpF,GAEM,UACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAS,MAAK,KAAM,CAAA;AACjB,CAAA,GAGM,UAAgC;CAC3C,IAAM,EAAE,aAAU,oBAAiB,EAAiB,GAC9C,IAAW,EAAY,GAEvB,IAAqB,MAAa,MAAM,MAAM,KAAY,IAAI,QAAQ,OAAO,EAAE;CAYrF,OATI,KAAsB,CAAC,KAIrB,EAFF,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,GAAG,KAE9C,OAKT,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,CAAa,CAAA;aAC/B,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,CAAW,CAAA;IAAI,CAAA;IAErC,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAc,CAAA;IAAI,CAAA;IACjD,kBAAC,GAAD;KAAO,MAAK;KAAc,SAAS,kBAAC,GAAD,CAAmB,CAAA;IAAI,CAAA;IAE1D,kBAAC,GAAD;KAAO,MAAK;KAAS,SAAS,kBAAC,GAAD,CAAa,CAAA;IAAI,CAAA;IAC/C,kBAAC,GAAD;KAAO,MAAK;KAAa,SAAS,kBAAC,GAAD,CAAkB,CAAA;IAAI,CAAA;IAExD,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAc,CAAA;IAAI,CAAA;IACjD,kBAAC,GAAD;KAAO,MAAK;KAAoB,SAAS,kBAAC,GAAD,CAAoB,CAAA;IAAI,CAAA;IAEjE,kBAAC,GAAD;KAAO,MAAK;KAAgB,SAAS,kBAAC,GAAD,CAAiB,CAAA;IAAI,CAAA;IAE1D,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAgB,CAAA;IAAI,CAAA;IAEnD,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAG;MAAG,SAAA;KAAS,CAAA;IAAI,CAAA;GAChD,EAAA,CAAA;EACA,CAAA,GACV,kBAAC,GAAD,CAAkB,CAAA,CACf;;AAET"}

package/dist/comradecircle/components/CommentThread.js

@@ -1,6 +1,6 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
-import { cn as t } from "../utils/cn.js";
 import "../context/index.js";
+import { cn as t } from "../utils/cn.js";
 import { useComAddComment as n, useComComments as r } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
 import { Avatar as i } from "./Avatar.js";

package/dist/comradecircle/components/MemberIdentity.js

@@ -1,6 +1,6 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
-import { cn as t } from "../utils/cn.js";
 import "../context/index.js";
+import { cn as t } from "../utils/cn.js";
 import { useComProfile as n } from "../hooks/useComradeCircleApi.js";
 import "../hooks/index.js";
 import { Avatar as r } from "./Avatar.js";

package/dist/comradecircle/components/MobileBottomNav.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+
+export declare const MobileBottomNav: FC;
+//# sourceMappingURL=MobileBottomNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MobileBottomNav.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsBhC,eAAO,MAAM,eAAe,EAAE,EAyC7B,CAAC"}

package/dist/comradecircle/components/MobileBottomNav.js

@@ -0,0 +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-dom";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/comradecircle/components/MobileBottomNav.tsx
+var u = [
+	{
+		id: "feed",
+		label: "Home",
+		path: "",
+		icon: i
+	},
+	{
+		id: "circles",
+		label: "Circles",
+		path: "circles",
+		icon: o
+	},
+	{
+		id: "events",
+		label: "Events",
+		path: "events",
+		icon: n
+	},
+	{
+		id: "members",
+		label: "Members",
+		path: "members",
+		icon: r
+	},
+	{
+		id: "profile",
+		label: "Profile",
+		path: "profile",
+		icon: a
+	}
+], 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", {
+			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", {
+					className: "flex-1",
+					children: /* @__PURE__ */ l("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]
+					})
+				}, e.id);
+			})
+		})
+	});
+};
+//#endregion
+export { d as MobileBottomNav };
+
+//# sourceMappingURL=MobileBottomNav.js.map

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

@@ -0,0 +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-dom';\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"}

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

@@ -4,7 +4,9 @@ interface PostCardProps {
     post: ComPost;
     /** Start with the comment thread open. */
     defaultExpanded?: boolean;
+    /** Hide the "open thread" link — set when already rendered on the thread page itself. */
+    hideThreadLink?: boolean;
 }
-export declare function PostCard({ post, defaultExpanded }: PostCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostCard({ post, defaultExpanded, hideThreadLink }: PostCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PostCard.d.ts.map

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;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAuB,EAAE,EAAE,aAAa,2CAqKxE"}
+{"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"}

package/dist/comradecircle/components/PostCard.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PostCard.js","names":[],"sources":["../../../src/comradecircle/components/PostCard.tsx"],"sourcesContent":["/**\n * PostCard — a single post with reactions and a collapsible comment thread.\n * @module comradecircle/components\n *\n * Reads its data from a `ComPost`; writes via `comUpdatePost` (edit / pin) and\n * `comRemovePost` (delete). Reactions + comments are delegated to\n * {@link ReactionBar} and {@link CommentThread}. Author-only actions (edit, pin,\n * delete) are gated on `authorId === currentUser.id`.\n */\n\nimport { useState } from 'react';\nimport { MessageSquare, MoreHorizontal, Pin, Pencil, Trash2 } from 'lucide-react';\nimport {\n  GlassCard,\n  Button,\n  Textarea,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n} from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MemberIdentity } from './MemberIdentity';\nimport { ReactionBar } from './ReactionBar';\nimport { CommentThread } from './CommentThread';\nimport { AttachmentGrid } from './ImageAttachments';\nimport { useComUpdatePost, useComRemovePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost } from '../types';\n\ninterface PostCardProps {\n  post: ComPost;\n  /** Start with the comment thread open. */\n  defaultExpanded?: boolean;\n}\n\nexport function PostCard({ post, defaultExpanded = false }: PostCardProps) {\n  const { currentUser } = useComradeCircle();\n  const updatePost = useComUpdatePost();\n  const removePost = useComRemovePost();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(post.body);\n\n  const isAuthor = Boolean(currentUser?.id && currentUser.id === post.authorId);\n\n  const saveEdit = async () => {\n    const text = draft.trim();\n    if (!text || text === post.body) {\n      setEditing(false);\n      return;\n    }\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { body: text } });\n      setEditing(false);\n      notify.success('Post updated');\n    } catch (err) {\n      notify.error('Could not update post', describeError(err));\n    }\n  };\n\n  const togglePin = async () => {\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { isPinned: !post.isPinned } });\n      notify.success(post.isPinned ? 'Post unpinned' : 'Post pinned');\n    } catch (err) {\n      notify.error('Could not update post', describeError(err));\n    }\n  };\n\n  const remove = async () => {\n    try {\n      await removePost.mutateAsync({ id: post.id, channelId: post.channelId });\n      notify.success('Post removed');\n    } catch (err) {\n      notify.error('Could not remove post', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        post.isPinned && 'ring-1 ring-accent/40'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <MemberIdentity\n          memberId={post.authorId}\n          variant=\"row\"\n          size=\"md\"\n          suffix={formatRelativeTime(post.createdAt)}\n          showPresence\n        />\n        <div className=\"flex items-center gap-1\">\n          {post.isPinned && (\n            <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\">\n              <Pin className=\"h-3 w-3\" /> Pinned\n            </span>\n          )}\n          {isAuthor && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button\n                  type=\"button\"\n                  aria-label=\"Post actions\"\n                  className=\"rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n                >\n                  <MoreHorizontal className=\"h-4 w-4\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem onClick={() => setEditing(true)}>\n                  <Pencil className=\"mr-2 h-4 w-4\" /> Edit\n                </DropdownMenuItem>\n                <DropdownMenuItem onClick={togglePin}>\n                  <Pin className=\"mr-2 h-4 w-4\" /> {post.isPinned ? 'Unpin' : 'Pin'}\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem\n                  onClick={remove}\n                  className=\"text-status-error-text focus:text-status-error-text\"\n                >\n                  <Trash2 className=\"mr-2 h-4 w-4\" /> Delete\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </div>\n      </div>\n\n      {editing ? (\n        <div className=\"mt-3\">\n          <Textarea\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            rows={3}\n            className=\"resize-none\"\n          />\n          <div className=\"mt-2 flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setDraft(post.body);\n                setEditing(false);\n              }}\n            >\n              Cancel\n            </Button>\n            <Button size=\"sm\" onClick={saveEdit} disabled={updatePost.isPending}>\n              Save\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <p className=\"mt-3 whitespace-pre-wrap break-words text-sm text-text-primary\">\n          {post.body}\n        </p>\n      )}\n\n      {post.tags.length > 0 && (\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          {post.tags.map((tag) => (\n            <span\n              key={tag}\n              className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              #{tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {post.attachmentFileIds.length > 0 && <AttachmentGrid fileIds={post.attachmentFileIds} />}\n\n      <div className=\"mt-3 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <ReactionBar post={post} />\n        <button\n          type=\"button\"\n          onClick={() => setExpanded((s) => !s)}\n          aria-expanded={expanded}\n          className={cn(\n            'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors',\n            expanded\n              ? 'bg-[var(--color-accent-soft)] text-text-primary'\n              : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n          )}\n        >\n          <MessageSquare className=\"h-3.5 w-3.5\" />\n          <span className=\"tabular-nums\">{post.commentCount}</span>\n          <span className=\"hidden sm:inline\">\n            {post.commentCount === 1 ? 'comment' : 'comments'}\n          </span>\n        </button>\n      </div>\n\n      {expanded && <CommentThread postId={post.id} />}\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PostCard.js","names":[],"sources":["../../../src/comradecircle/components/PostCard.tsx"],"sourcesContent":["/**\n * PostCard — a single post with reactions and a collapsible comment thread.\n * @module comradecircle/components\n *\n * Reads its data from a `ComPost`; writes via `comUpdatePost` (edit / pin) and\n * `comRemovePost` (delete). Reactions + comments are delegated to\n * {@link ReactionBar} and {@link CommentThread}. Author-only actions (edit, pin,\n * delete) are gated on `authorId === currentUser.id`.\n */\n\nimport { useState } from 'react';\nimport { MessageSquare, MoreHorizontal, Pin, Pencil, Trash2, ArrowUpRight } from 'lucide-react';\nimport {\n  GlassCard,\n  Button,\n  Textarea,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n} from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MemberIdentity } from './MemberIdentity';\nimport { ReactionBar } from './ReactionBar';\nimport { CommentThread } from './CommentThread';\nimport { AttachmentGrid } from './ImageAttachments';\nimport { useComUpdatePost, useComRemovePost } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComPost } from '../types';\n\ninterface PostCardProps {\n  post: ComPost;\n  /** Start with the comment thread open. */\n  defaultExpanded?: boolean;\n  /** Hide the \"open thread\" link — set when already rendered on the thread page itself. */\n  hideThreadLink?: boolean;\n}\n\nexport function PostCard({ post, defaultExpanded = false, hideThreadLink = false }: PostCardProps) {\n  const { currentUser, navigateTo } = useComradeCircle();\n  const updatePost = useComUpdatePost();\n  const removePost = useComRemovePost();\n  const [expanded, setExpanded] = useState(defaultExpanded);\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState(post.body);\n\n  const isAuthor = Boolean(currentUser?.id && currentUser.id === post.authorId);\n\n  const saveEdit = async () => {\n    const text = draft.trim();\n    if (!text || text === post.body) {\n      setEditing(false);\n      return;\n    }\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { body: text } });\n      setEditing(false);\n      notify.success('Post updated');\n    } catch (err) {\n      notify.error('Could not update post', describeError(err));\n    }\n  };\n\n  const togglePin = async () => {\n    try {\n      await updatePost.mutateAsync({ id: post.id, input: { isPinned: !post.isPinned } });\n      notify.success(post.isPinned ? 'Post unpinned' : 'Post pinned');\n    } catch (err) {\n      notify.error('Could not update post', describeError(err));\n    }\n  };\n\n  const remove = async () => {\n    try {\n      await removePost.mutateAsync({ id: post.id, channelId: post.channelId });\n      notify.success('Post removed');\n    } catch (err) {\n      notify.error('Could not remove post', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'p-4 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        post.isPinned && 'ring-1 ring-accent/40'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <MemberIdentity\n          memberId={post.authorId}\n          variant=\"row\"\n          size=\"md\"\n          suffix={formatRelativeTime(post.createdAt)}\n          showPresence\n        />\n        <div className=\"flex items-center gap-1\">\n          {post.isPinned && (\n            <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\">\n              <Pin className=\"h-3 w-3\" /> Pinned\n            </span>\n          )}\n          {isAuthor && (\n            <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <button\n                  type=\"button\"\n                  aria-label=\"Post actions\"\n                  className=\"rounded-lg p-1.5 text-text-tertiary transition-colors hover:bg-bg-sunken hover:text-text-primary\"\n                >\n                  <MoreHorizontal className=\"h-4 w-4\" />\n                </button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent align=\"end\">\n                <DropdownMenuItem onClick={() => setEditing(true)}>\n                  <Pencil className=\"mr-2 h-4 w-4\" /> Edit\n                </DropdownMenuItem>\n                <DropdownMenuItem onClick={togglePin}>\n                  <Pin className=\"mr-2 h-4 w-4\" /> {post.isPinned ? 'Unpin' : 'Pin'}\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem\n                  onClick={remove}\n                  className=\"text-status-error-text focus:text-status-error-text\"\n                >\n                  <Trash2 className=\"mr-2 h-4 w-4\" /> Delete\n                </DropdownMenuItem>\n              </DropdownMenuContent>\n            </DropdownMenu>\n          )}\n        </div>\n      </div>\n\n      {editing ? (\n        <div className=\"mt-3\">\n          <Textarea\n            value={draft}\n            onChange={(e) => setDraft(e.target.value)}\n            rows={3}\n            className=\"resize-none\"\n          />\n          <div className=\"mt-2 flex justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setDraft(post.body);\n                setEditing(false);\n              }}\n            >\n              Cancel\n            </Button>\n            <Button size=\"sm\" onClick={saveEdit} disabled={updatePost.isPending}>\n              Save\n            </Button>\n          </div>\n        </div>\n      ) : (\n        <p className=\"mt-3 whitespace-pre-wrap break-words text-sm text-text-primary\">\n          {post.body}\n        </p>\n      )}\n\n      {post.tags.length > 0 && (\n        <div className=\"mt-2 flex flex-wrap gap-1.5\">\n          {post.tags.map((tag) => (\n            <span\n              key={tag}\n              className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\"\n            >\n              #{tag}\n            </span>\n          ))}\n        </div>\n      )}\n\n      {post.attachmentFileIds.length > 0 && <AttachmentGrid fileIds={post.attachmentFileIds} />}\n\n      <div className=\"mt-3 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        <ReactionBar post={post} />\n        <div className=\"flex items-center gap-1\">\n          <button\n            type=\"button\"\n            onClick={() => setExpanded((s) => !s)}\n            aria-expanded={expanded}\n            className={cn(\n              'inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium transition-colors',\n              expanded\n                ? 'bg-[var(--color-accent-soft)] text-text-primary'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            <MessageSquare className=\"h-3.5 w-3.5\" />\n            <span className=\"tabular-nums\">{post.commentCount}</span>\n            <span className=\"hidden sm:inline\">\n              {post.commentCount === 1 ? 'comment' : 'comments'}\n            </span>\n          </button>\n\n          {!hideThreadLink && (\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`posts/${post.id}`)}\n              aria-label=\"Open thread\"\n              title=\"Open thread\"\n              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\"\n            >\n              <ArrowUpRight className=\"h-3.5 w-3.5\" />\n              <span className=\"hidden sm:inline\">Open thread</span>\n            </button>\n          )}\n        </div>\n      </div>\n\n      {expanded && <CommentThread postId={post.id} />}\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/components/PostComposer.d.ts

@@ -10,7 +10,13 @@ interface PostComposerProps {
     channelId: string;
     channelName?: string;
     onPosted?: () => void;
+    /**
+     * 'announcement' renders the manager-only broadcast composer with distinct
+     * styling (accent border + "New announcement" affordance) per BOFF-3969's
+     * mock; 'default' is the regular post composer used on TEXT/FORUM channels.
+     */
+    variant?: 'default' | 'announcement';
 }
-export declare function PostComposer({ channelId, channelName, onPosted }: PostComposerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostComposer({ channelId, channelName, onPosted, variant, }: PostComposerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=PostComposer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAYH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA+EnF"}
+{"version":3,"file":"PostComposer.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/components/PostComposer.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAaH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;CACtC;AAED,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,OAAmB,GACpB,EAAE,iBAAiB,2CAyGnB"}