@burdenoff/microfe-comradecircle 2026.819.1 → 2026.830.1

package/dist/comradecircle/pages/FeedPage.js

@@ -1,18 +1,20 @@
 import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
-import { PageLayout as t } from "../components/PageLayout.js";
-import { useComMyFeed as n } from "../hooks/useComradeCircleApi.js";
-import { useCursorPager as r } from "../hooks/useCursorPager.js";
+import { useComMyFeed as t } from "../hooks/useComradeCircleApi.js";
+import { useCursorPager as n } from "../hooks/useCursorPager.js";
+import { useTr as r } from "../hooks/useTr.js";
 import "../hooks/index.js";
-import { PostCard as i } from "../components/PostCard.js";
-import { EmptyState as a } from "../components/EmptyState.js";
-import { ErrorView as o } from "../components/StateViews.js";
-import { Pagination as s } from "../components/Pagination.js";
-import { Compass as c, Newspaper as l, UsersRound as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p, GlassCard as m, Skeleton as h } from "@burdenoff/fe-libs/ui";
+import { PageLayout as i } from "../components/PageLayout.js";
+import { PostCard as a } from "../components/PostCard.js";
+import { UpcomingEvents as o } from "../components/UpcomingEvents.js";
+import { EmptyState as s } from "../components/EmptyState.js";
+import { ErrorView as c } from "../components/StateViews.js";
+import { Pagination as l } from "../components/Pagination.js";
+import { Compass as u, Newspaper as d, UsersRound as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, GlassCard as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/FeedPage.tsx
-var g = 20, _ = "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 motion-safe:duration-500 motion-safe:ease-out motion-safe:fill-mode-both", v = [
+var v = 20, y = "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 motion-safe:duration-500 motion-safe:ease-out motion-safe:fill-mode-both", b = [
 	["w-11/12", "w-3/4"],
 	[
 		"w-full",
@@ -21,91 +23,103 @@ var g = 20, _ = "motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in
 	],
 	["w-5/6", "w-1/2"]
 ];
-function y() {
-	return /* @__PURE__ */ d("div", {
+function x() {
+	return /* @__PURE__ */ p("div", {
 		className: "mx-auto flex max-w-2xl flex-col gap-4",
 		"aria-hidden": "true",
-		children: v.map((e, t) => /* @__PURE__ */ f(m, {
+		children: b.map((e, t) => /* @__PURE__ */ m(g, {
 			treatment: "plain",
 			className: "p-4",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ m("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ d(h, { className: "h-10 w-10 shrink-0 rounded-full" }), /* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p(_, { className: "h-10 w-10 shrink-0 rounded-full" }), /* @__PURE__ */ m("div", {
 						className: "flex-1 space-y-2 pt-1",
-						children: [/* @__PURE__ */ d(h, { className: "h-3.5 w-32" }), /* @__PURE__ */ d(h, { className: "h-3 w-20" })]
+						children: [/* @__PURE__ */ p(_, { className: "h-3.5 w-32" }), /* @__PURE__ */ p(_, { className: "h-3 w-20" })]
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ p("div", {
 					className: "mt-4 space-y-2.5",
-					children: e.map((e, t) => /* @__PURE__ */ d(h, { className: `h-3 ${e}` }, t))
+					children: e.map((e, t) => /* @__PURE__ */ p(_, { className: `h-3 ${e}` }, t))
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ m("div", {
 					className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ d(h, { className: "h-7 w-14 rounded-full" }),
-							/* @__PURE__ */ d(h, { className: "h-7 w-14 rounded-full" }),
-							/* @__PURE__ */ d(h, { className: "h-7 w-14 rounded-full" })
+							/* @__PURE__ */ p(_, { className: "h-7 w-14 rounded-full" }),
+							/* @__PURE__ */ p(_, { className: "h-7 w-14 rounded-full" }),
+							/* @__PURE__ */ p(_, { className: "h-7 w-14 rounded-full" })
 						]
-					}), /* @__PURE__ */ d(h, { className: "h-7 w-24 rounded-full" })]
+					}), /* @__PURE__ */ p(_, { className: "h-7 w-24 rounded-full" })]
 				})
 			]
 		}, t))
 	});
 }
-function b() {
-	let { navigateTo: m } = e(), h = r(), { data: v, isLoading: b, isError: x, refetch: S } = n({
-		limit: g,
-		cursor: h.cursor
-	}), C = v?.items ?? [];
-	return /* @__PURE__ */ d(t, {
-		title: "Home",
+function S() {
+	let { navigateTo: g } = e(), _ = n(), b = r(), { data: S, isLoading: C, isError: w, refetch: T } = t({
+		limit: v,
+		cursor: _.cursor
+	}), E = S?.items ?? [];
+	return /* @__PURE__ */ m(i, {
+		title: b("comradecircle.pages.feed.title", "Home"),
 		titleGradient: !0,
 		aurora: !0,
-		description: "Posts from the circles, channels, and members you follow — newest first.",
-		actions: /* @__PURE__ */ f(p, {
+		description: b("comradecircle.pages.feed.description", "Posts from the circles, channels, and members you follow — newest first."),
+		actions: /* @__PURE__ */ m(h, {
 			variant: "outline",
-			onClick: () => m("circles"),
-			children: [/* @__PURE__ */ d(c, { className: "mr-1.5 h-4 w-4" }), " Discover circles"]
+			onClick: () => g("circles"),
+			children: [
+				/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }),
+				" ",
+				b("comradecircle.pages.feed.discoverCircles", "Discover circles")
+			]
 		}),
-		children: b ? /* @__PURE__ */ d(y, {}) : x ? /* @__PURE__ */ d(o, {
-			message: "We couldn't load your feed.",
-			onRetry: () => S()
-		}) : C.length === 0 && h.page === 0 ? /* @__PURE__ */ d(a, {
+		children: [/* @__PURE__ */ p(o, { className: "mb-5" }), C ? /* @__PURE__ */ p(x, {}) : w ? /* @__PURE__ */ p(c, {
+			message: b("comradecircle.pages.feed.errorMessage", "We couldn't load your feed."),
+			onRetry: () => T()
+		}) : E.length === 0 && _.page === 0 ? /* @__PURE__ */ p(s, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ d(l, { className: "h-10 w-10" }),
-			title: "Your feed is quiet",
-			description: "Follow circles and members to fill your home feed with their latest posts, events, and discussions.",
-			action: /* @__PURE__ */ f("div", {
+			icon: /* @__PURE__ */ p(d, { className: "h-10 w-10" }),
+			title: b("comradecircle.pages.feed.emptyTitle", "Your feed is quiet"),
+			description: b("comradecircle.pages.feed.emptyDescription", "Follow circles and members to fill your home feed with their latest posts, events, and discussions."),
+			action: /* @__PURE__ */ m("div", {
 				className: "flex flex-wrap items-center justify-center gap-3",
-				children: [/* @__PURE__ */ f(p, {
-					onClick: () => m("circles"),
-					children: [/* @__PURE__ */ d(c, { className: "mr-1.5 h-4 w-4" }), " Explore circles"]
-				}), /* @__PURE__ */ f(p, {
+				children: [/* @__PURE__ */ m(h, {
+					onClick: () => g("circles"),
+					children: [
+						/* @__PURE__ */ p(u, { className: "mr-1.5 h-4 w-4" }),
+						" ",
+						b("comradecircle.pages.feed.exploreCircles", "Explore circles")
+					]
+				}), /* @__PURE__ */ m(h, {
 					variant: "outline",
-					onClick: () => m("members"),
-					children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-4 w-4" }), " Find members"]
+					onClick: () => g("members"),
+					children: [
+						/* @__PURE__ */ p(f, { className: "mr-1.5 h-4 w-4" }),
+						" ",
+						b("comradecircle.pages.feed.findMembers", "Find members")
+					]
 				})]
 			})
-		}) : /* @__PURE__ */ f("div", {
+		}) : /* @__PURE__ */ m("div", {
 			className: "mx-auto flex max-w-2xl flex-col gap-4",
-			children: [C.map((e, t) => /* @__PURE__ */ d("div", {
-				className: _,
+			children: [E.map((e, t) => /* @__PURE__ */ p("div", {
+				className: y,
 				style: { animationDelay: `${Math.min(t, 8) * 70}ms` },
-				children: /* @__PURE__ */ d(i, { post: e })
-			}, e.id)), /* @__PURE__ */ d(s, {
-				page: h.page,
-				pageSize: g,
-				itemCount: C.length,
-				hasMore: v?.pageInfo.hasMore ?? !1,
-				onPageChange: (e) => h.onPageChange(e, v?.pageInfo.cursor)
+				children: /* @__PURE__ */ p(a, { post: e })
+			}, e.id)), /* @__PURE__ */ p(l, {
+				page: _.page,
+				pageSize: v,
+				itemCount: E.length,
+				hasMore: S?.pageInfo.hasMore ?? !1,
+				onPageChange: (e) => _.onPageChange(e, S?.pageInfo.cursor)
 			})]
-		})
+		})]
 	});
 }
 //#endregion
-export { b as FeedPage };
+export { S as FeedPage };
 
 //# sourceMappingURL=FeedPage.js.map

package/dist/comradecircle/pages/FeedPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedPage.js","names":[],"sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"sourcesContent":["/**\n * FeedPage — the member's unified home feed.\n * @module comradecircle/pages\n *\n * Reads `comMyFeed` (published posts from every channel, member, and circle the\n * caller follows, newest first). A new member with no follows sees a guided\n * empty state pointing at circle & member discovery.\n */\n\nimport { Newspaper, Compass, UsersRound } from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { PostCard } from '../components/PostCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorView } from '../components/StateViews';\nimport { Pagination } from '../components/Pagination';\nimport { useComMyFeed, useCursorPager } from '../hooks';\nimport { useComradeCircle } from '../context';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Motion for each post as the feed 'assembles' on arrival. Fully neutralised\n * under `prefers-reduced-motion` (every class is `motion-safe:`); `fill-mode-both`\n * holds the hidden start state through the per-card `animationDelay`.\n */\nconst POST_ENTER =\n  'motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 ' +\n  'motion-safe:duration-500 motion-safe:ease-out motion-safe:fill-mode-both';\n\n/** Widths that give each skeleton post a natural, non-uniform body. */\nconst SKELETON_LINES = [\n  ['w-11/12', 'w-3/4'],\n  ['w-full', 'w-10/12', 'w-2/3'],\n  ['w-5/6', 'w-1/2'],\n] as const;\n\n/**\n * A stack of post-card-shaped skeletons that mirrors the final feed layout, so\n * the transition from loading → loaded doesn't shift the column.\n */\nfunction FeedSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-4\" aria-hidden=\"true\">\n      {SKELETON_LINES.map((lines, i) => (\n        <GlassCard key={i} treatment=\"plain\" className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <Skeleton className=\"h-10 w-10 shrink-0 rounded-full\" />\n            <div className=\"flex-1 space-y-2 pt-1\">\n              <Skeleton className=\"h-3.5 w-32\" />\n              <Skeleton className=\"h-3 w-20\" />\n            </div>\n          </div>\n          <div className=\"mt-4 space-y-2.5\">\n            {lines.map((w, j) => (\n              <Skeleton key={j} className={`h-3 ${w}`} />\n            ))}\n          </div>\n          <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n            <div className=\"flex items-center gap-2\">\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n            </div>\n            <Skeleton className=\"h-7 w-24 rounded-full\" />\n          </div>\n        </GlassCard>\n      ))}\n    </div>\n  );\n}\n\nexport function FeedPage() {\n  const { navigateTo } = useComradeCircle();\n  const pager = useCursorPager();\n  const { data, isLoading, isError, refetch } = useComMyFeed({\n    limit: PAGE_SIZE,\n    cursor: pager.cursor,\n  });\n\n  const posts = data?.items ?? [];\n\n  return (\n    <PageLayout\n      title=\"Home\"\n      titleGradient\n      aurora\n      description=\"Posts from the circles, channels, and members you follow — newest first.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigateTo('circles')}>\n          <Compass className=\"mr-1.5 h-4 w-4\" /> Discover circles\n        </Button>\n      }\n    >\n      {isLoading ? (\n        <FeedSkeleton />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load your feed.\" onRetry={() => refetch()} />\n      ) : posts.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-notifications\"\n          icon={<Newspaper className=\"h-10 w-10\" />}\n          title=\"Your feed is quiet\"\n          description=\"Follow circles and members to fill your home feed with their latest posts, events, and discussions.\"\n          action={\n            <div className=\"flex flex-wrap items-center justify-center gap-3\">\n              <Button onClick={() => navigateTo('circles')}>\n                <Compass className=\"mr-1.5 h-4 w-4\" /> Explore circles\n              </Button>\n              <Button variant=\"outline\" onClick={() => navigateTo('members')}>\n                <UsersRound className=\"mr-1.5 h-4 w-4\" /> Find members\n              </Button>\n            </div>\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {posts.map((post, index) => (\n            <div\n              key={post.id}\n              className={POST_ENTER}\n              style={{ animationDelay: `${Math.min(index, 8) * 70}ms` }}\n            >\n              <PostCard post={post} />\n            </div>\n          ))}\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAmBA,IAAM,IAAY,IAOZ,IACJ,0JAII,IAAiB;CACrB,CAAC,WAAW,OAAO;CACnB;EAAC;EAAU;EAAW;CAAO;CAC7B,CAAC,SAAS,OAAO;AACnB;AAMA,SAAS,IAAe;CACtB,OACE,kBAAC,OAAD;EAAK,WAAU;EAAwC,eAAY;YAChE,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAAmB,WAAU;GAAQ,WAAU;aAA/C;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAU,WAAU,kCAAmC,CAAA,GACvD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,GAClC,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,CAC7B;OACF;;IACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,GAAG,MACb,kBAAC,GAAD,EAAkB,WAAW,OAAO,IAAM,GAA3B,CAA2B,CAC3C;IACE,CAAA;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;OAC7C,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;OAC7C,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA;MAC1C;SACL,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA,CAC1C;;GACI;KArBK,CAqBL,CACZ;CACE,CAAA;AAET;AAEA,SAAgB,IAAW;CACzB,IAAM,EAAE,kBAAe,EAAiB,GAClC,IAAQ,EAAe,GACvB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,OAAO;EACP,QAAQ,EAAM;CAChB,CAAC,GAEK,IAAQ,GAAM,SAAS,CAAC;CAE9B,OACE,kBAAC,GAAD;EACE,OAAM;EACN,eAAA;EACA,QAAA;EACA,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAW,SAAS;aAA7D,CACE,kBAAC,GAAD,EAAS,WAAU,iBAAkB,CAAA,GAAC,mBAChC;;YAGT,IACC,kBAAC,GAAD,CAAe,CAAA,IACb,IACF,kBAAC,GAAD;GAAW,SAAQ;GAA8B,eAAe,EAAQ;EAAI,CAAA,IAC1E,EAAM,WAAW,KAAK,EAAM,SAAS,IACvC,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAW,WAAU,YAAa,CAAA;GACxC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,SAAS;eAA3C,CACE,kBAAC,GAAD,EAAS,WAAU,iBAAkB,CAAA,GAAC,kBAChC;QACR,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAW,SAAS;eAA7D,CACE,kBAAC,GAAD,EAAY,WAAU,iBAAkB,CAAA,GAAC,eACnC;MACL;;EAER,CAAA,IAED,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;IAEE,WAAW;IACX,OAAO,EAAE,gBAAgB,GAAG,KAAK,IAAI,GAAO,CAAC,IAAI,GAAG,IAAI;cAExD,kBAAC,GAAD,EAAgB,QAAO,CAAA;GACpB,GALE,EAAK,EAKP,CACN,GACD,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAM;IACjB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,MAAM;GAC3E,CAAA,CACE;;CAEG,CAAA;AAEhB"}
+{"version":3,"file":"FeedPage.js","names":[],"sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"sourcesContent":["/**\n * FeedPage — the member's unified home feed.\n * @module comradecircle/pages\n *\n * Reads `comMyFeed` (published posts from every channel, member, and circle the\n * caller follows, newest first). A new member with no follows sees a guided\n * empty state pointing at circle & member discovery.\n *\n * Above the post column sits {@link UpcomingEvents} — the mobile home mock\n * shows the home surface carrying the member's next gathering (with an RSVP\n * affordance), not posts alone. It is a separate `comListEvents` read because\n * `comMyFeed` returns `ComPost` rows only.\n */\n\nimport { Newspaper, Compass, UsersRound } from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { PostCard } from '../components/PostCard';\nimport { UpcomingEvents } from '../components/UpcomingEvents';\nimport { EmptyState } from '../components/EmptyState';\nimport { ErrorView } from '../components/StateViews';\nimport { Pagination } from '../components/Pagination';\nimport { useComMyFeed, useCursorPager, useTr } from '../hooks';\nimport { useComradeCircle } from '../context';\n\nconst PAGE_SIZE = 20;\n\n/**\n * Motion for each post as the feed 'assembles' on arrival. Fully neutralised\n * under `prefers-reduced-motion` (every class is `motion-safe:`); `fill-mode-both`\n * holds the hidden start state through the per-card `animationDelay`.\n */\nconst POST_ENTER =\n  'motion-safe:animate-in motion-safe:fade-in motion-safe:slide-in-from-bottom-3 ' +\n  'motion-safe:duration-500 motion-safe:ease-out motion-safe:fill-mode-both';\n\n/** Widths that give each skeleton post a natural, non-uniform body. */\nconst SKELETON_LINES = [\n  ['w-11/12', 'w-3/4'],\n  ['w-full', 'w-10/12', 'w-2/3'],\n  ['w-5/6', 'w-1/2'],\n] as const;\n\n/**\n * A stack of post-card-shaped skeletons that mirrors the final feed layout, so\n * the transition from loading → loaded doesn't shift the column.\n */\nfunction FeedSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-4\" aria-hidden=\"true\">\n      {SKELETON_LINES.map((lines, i) => (\n        <GlassCard key={i} treatment=\"plain\" className=\"p-4\">\n          <div className=\"flex items-start gap-3\">\n            <Skeleton className=\"h-10 w-10 shrink-0 rounded-full\" />\n            <div className=\"flex-1 space-y-2 pt-1\">\n              <Skeleton className=\"h-3.5 w-32\" />\n              <Skeleton className=\"h-3 w-20\" />\n            </div>\n          </div>\n          <div className=\"mt-4 space-y-2.5\">\n            {lines.map((w, j) => (\n              <Skeleton key={j} className={`h-3 ${w}`} />\n            ))}\n          </div>\n          <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n            <div className=\"flex items-center gap-2\">\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n              <Skeleton className=\"h-7 w-14 rounded-full\" />\n            </div>\n            <Skeleton className=\"h-7 w-24 rounded-full\" />\n          </div>\n        </GlassCard>\n      ))}\n    </div>\n  );\n}\n\nexport function FeedPage() {\n  const { navigateTo } = useComradeCircle();\n  const pager = useCursorPager();\n  const tr = useTr();\n  const { data, isLoading, isError, refetch } = useComMyFeed({\n    limit: PAGE_SIZE,\n    cursor: pager.cursor,\n  });\n\n  const posts = data?.items ?? [];\n\n  return (\n    <PageLayout\n      title={tr('comradecircle.pages.feed.title', 'Home')}\n      titleGradient\n      aurora\n      description={tr(\n        'comradecircle.pages.feed.description',\n        'Posts from the circles, channels, and members you follow — newest first.'\n      )}\n      actions={\n        <Button variant=\"outline\" onClick={() => navigateTo('circles')}>\n          <Compass className=\"mr-1.5 h-4 w-4\" />{' '}\n          {tr('comradecircle.pages.feed.discoverCircles', 'Discover circles')}\n        </Button>\n      }\n    >\n      <UpcomingEvents className=\"mb-5\" />\n\n      {isLoading ? (\n        <FeedSkeleton />\n      ) : isError ? (\n        <ErrorView\n          message={tr('comradecircle.pages.feed.errorMessage', \"We couldn't load your feed.\")}\n          onRetry={() => refetch()}\n        />\n      ) : posts.length === 0 && pager.page === 0 ? (\n        <EmptyState\n          illustration=\"empty-notifications\"\n          icon={<Newspaper className=\"h-10 w-10\" />}\n          title={tr('comradecircle.pages.feed.emptyTitle', 'Your feed is quiet')}\n          description={tr(\n            'comradecircle.pages.feed.emptyDescription',\n            'Follow circles and members to fill your home feed with their latest posts, events, and discussions.'\n          )}\n          action={\n            <div className=\"flex flex-wrap items-center justify-center gap-3\">\n              <Button onClick={() => navigateTo('circles')}>\n                <Compass className=\"mr-1.5 h-4 w-4\" />{' '}\n                {tr('comradecircle.pages.feed.exploreCircles', 'Explore circles')}\n              </Button>\n              <Button variant=\"outline\" onClick={() => navigateTo('members')}>\n                <UsersRound className=\"mr-1.5 h-4 w-4\" />{' '}\n                {tr('comradecircle.pages.feed.findMembers', 'Find members')}\n              </Button>\n            </div>\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {posts.map((post, index) => (\n            <div\n              key={post.id}\n              className={POST_ENTER}\n              style={{ animationDelay: `${Math.min(index, 8) * 70}ms` }}\n            >\n              <PostCard post={post} />\n            </div>\n          ))}\n          <Pagination\n            page={pager.page}\n            pageSize={PAGE_SIZE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

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