@burdenoff/microfe-comradecircle 2026.704.2 → 2026.713.1

package/dist/comradecircle/hooks/useFiles.d.ts

@@ -0,0 +1,28 @@
+/**
+ * File hooks — attachments & avatars via wspace-files-svc (NO duplication).
+ * @module comradecircle/hooks
+ *
+ * ComradeCircle never stores blobs. Posts keep `attachmentFileIds` and circles /
+ * profiles keep `avatarFileId` — all pointing at files owned by wspace-files-svc.
+ * Upload goes through the shared `uploadBlobToFiles` storage helper (presigned
+ * 3-step upload) against the workspace Apollo client the shell initialises;
+ * display resolves a file id to a presigned URL via `getFileDownloadUrl`.
+ */
+export declare const FILE_FOLDERS: {
+    readonly avatars: "/ComradeCircle/Avatars";
+    readonly posts: "/ComradeCircle/Posts";
+};
+export interface UploadedImage {
+    id: string;
+    url: string;
+    name: string;
+}
+/**
+ * Upload an image to wspace-files-svc and return its id + a presigned URL.
+ * The caller persists the id (attachmentFileIds / avatarFileId) via the entity's
+ * own comradecircle mutation; the URL is used for an immediate preview.
+ */
+export declare function uploadImageToFiles(file: File, folderPath: string): Promise<UploadedImage>;
+/** Resolve a wspace-files-svc file id to a presigned download URL for display. */
+export declare function useFileUrl(fileId?: string | null): import('@tanstack/react-query').UseQueryResult<string | null, Error>;
+//# sourceMappingURL=useFiles.d.ts.map

package/dist/comradecircle/hooks/useFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiles.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/hooks/useFiles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAWH,eAAO,MAAM,YAAY;;;CAGf,CAAC;AAgBX,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AASD;;;;GAIG;AACH,wBAAsB,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CA+B/F;AAED,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,wEAqBhD"}

package/dist/comradecircle/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * ComradeCircle Module Exports
+ * @module comradecircle
+ */
+export { ComradeCircleRoot } from './ComradeCircleRoot';
+export type { ComradeCircleRootProps, NavItem, FooterItem, TrendDirection } from './types';
+export { ComradeCircleProvider, useComradeCircle } from './context';
+export { cn, joinPath, formatDate, formatDateTime, formatRelativeTime, formatNumber, formatQuantity, formatPercent, formatEnumLabel, } from './utils';
+export * from '../services/createSandboxAssistantTransport';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/comradecircle/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,YAAY,EAAE,sBAAsB,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG3F,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGpE,OAAO,EACL,EAAE,EACF,QAAQ,EACR,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,eAAe,GAChB,MAAM,SAAS,CAAC;AAMjB,cAAc,6CAA6C,CAAC"}

package/dist/comradecircle/index.js

@@ -4,3 +4,4 @@ import "./utils/cn.js";
 import "./context/index.js";
 import "./utils/formatters.js";
 import "./ComradeCircleRoot.js";
+import "../services/createSandboxAssistantTransport.js";

package/dist/comradecircle/lib/graphql-cache.d.ts

@@ -0,0 +1,26 @@
+/**
+ * graphql-cache — invalidate fe-libs' imperative-fetch response cache after writes.
+ * @module comradecircle/lib
+ *
+ * `graphqlFetch` (from `@burdenoff/fe-libs/shared/graphql`) coalesces reads by
+ * caching every RESOLVED `query` response for ~15s (keyed by operationName +
+ * variables) and de-duping in-flight requests. A refetch issued right after a
+ * mutation — which is exactly what our React-Query `invalidateQueries` triggers
+ * — otherwise gets served the PRE-mutation response, so created/updated/deleted
+ * rows stay invisible until a full page reload.
+ *
+ * fe-libs' own Apollo client fixes this by calling `clearGraphqlFetchResponseCache()`
+ * on every mutation, but that helper is not re-exported from the package's public
+ * entry, and we use the raw `graphqlFetch` transport (no Apollo client). The two
+ * caches are plain `Map`s that fe-libs stores directly on `globalThis`
+ * (`getGraphqlFetchGlobalState()` returns `globalThis`), so we clear the same two
+ * globals here — mirroring `clearGraphqlFetchResponseCache` — to force every
+ * post-write read back onto the network.
+ */
+/**
+ * Clear fe-libs' resolved-response cache and in-flight de-dupe map so the next
+ * read of any query hits the gateway. Safe to call unconditionally; a no-op
+ * before the caches have been created.
+ */
+export declare function clearGraphqlResponseCache(): void;
+//# sourceMappingURL=graphql-cache.d.ts.map

package/dist/comradecircle/lib/graphql-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql-cache.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/lib/graphql-cache.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAOH;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAIhD"}

package/dist/comradecircle/lib/toast.d.ts

@@ -0,0 +1,23 @@
+import { toast } from 'sonner';
+
+/**
+ * Module-wide toast API. sonner is a global singleton; the matching <Toaster>
+ * is owned by the HOST app shell. Every page/component surfaces feedback through
+ * these helpers instead of hand-rolling fixed-position toast markup, so
+ * success/error notifications stay consistent with the rest of the platform.
+ *
+ * Durations follow the notification spec: success/info auto-dismiss, errors stay
+ * until the user dismisses them (sonner renders a close button and announces via
+ * aria-live).
+ */
+export declare const notify: {
+    success(message: string, description?: string): void;
+    info(message: string, description?: string): void;
+    warning(message: string, description?: string): void;
+    error(message: string, description?: string): void;
+    dismiss(id?: string | number): void;
+};
+/** Normalize an unknown thrown value into a human-readable message. */
+export declare function describeError(error: unknown): string;
+export { toast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/comradecircle/lib/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/lib/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;qBACA,MAAM,gBAAgB,MAAM,GAAG,IAAI;kBAGtC,MAAM,gBAAgB,MAAM,GAAG,IAAI;qBAGhC,MAAM,gBAAgB,MAAM,GAAG,IAAI;mBAGrC,MAAM,gBAAgB,MAAM,GAAG,IAAI;iBAGrC,MAAM,GAAG,MAAM,GAAG,IAAI;CAGpC,CAAC;AAEF,uEAAuE;AACvE,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAIpD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/comradecircle/pages/FeedPage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * FeedPage — the member's unified home feed.
+ * @module comradecircle/pages
+ *
+ * Reads `comMyFeed` (published posts from every channel, member, and circle the
+ * caller follows, newest first). A new member with no follows sees a guided
+ * empty state pointing at circle & member discovery.
+ */
+export declare function FeedPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeedPage.d.ts.map

package/dist/comradecircle/pages/FeedPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedPage.d.ts","sourceRoot":"","sources":["../../../src/comradecircle/pages/FeedPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAiEH,wBAAgB,QAAQ,4CAiEvB"}

package/dist/comradecircle/pages/FeedPage.js

@@ -6,60 +6,106 @@ import { useCursorPager as r } from "../hooks/useCursorPager.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, LoadingView as s } from "../components/StateViews.js";
-import { Pagination as c } from "../components/Pagination.js";
-import { Compass as l, Newspaper as u, UsersRound as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/comradecircle/pages/FeedPage.tsx
-var h = 20;
-function g() {
-	let { navigateTo: g } = e(), _ = r(), { data: v, isLoading: y, isError: b, refetch: x } = n({
-		limit: h,
-		cursor: _.cursor
-	}), S = v?.items ?? [];
-	return /* @__PURE__ */ f(t, {
+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 = [
+	["w-11/12", "w-3/4"],
+	[
+		"w-full",
+		"w-10/12",
+		"w-2/3"
+	],
+	["w-5/6", "w-1/2"]
+];
+function y() {
+	return /* @__PURE__ */ d("div", {
+		className: "mx-auto flex max-w-2xl flex-col gap-4",
+		"aria-hidden": "true",
+		children: v.map((e, t) => /* @__PURE__ */ f(m, {
+			treatment: "plain",
+			className: "p-4",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ d(h, { className: "h-10 w-10 shrink-0 rounded-full" }), /* @__PURE__ */ f("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" })]
+					})]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "mt-4 space-y-2.5",
+					children: e.map((e, t) => /* @__PURE__ */ d(h, { className: `h-3 ${e}` }, t))
+				}),
+				/* @__PURE__ */ f("div", {
+					className: "mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3",
+					children: [/* @__PURE__ */ f("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__ */ d(h, { 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",
 		titleGradient: !0,
 		aurora: !0,
 		description: "Posts from the circles, channels, and members you follow — newest first.",
-		actions: /* @__PURE__ */ p(m, {
+		actions: /* @__PURE__ */ f(p, {
 			variant: "outline",
-			onClick: () => g("circles"),
-			children: [/* @__PURE__ */ f(l, { className: "mr-1.5 h-4 w-4" }), " Discover circles"]
+			onClick: () => m("circles"),
+			children: [/* @__PURE__ */ d(c, { className: "mr-1.5 h-4 w-4" }), " Discover circles"]
 		}),
-		children: y ? /* @__PURE__ */ f(s, { label: "Loading your feed…" }) : b ? /* @__PURE__ */ f(o, {
+		children: b ? /* @__PURE__ */ d(y, {}) : x ? /* @__PURE__ */ d(o, {
 			message: "We couldn't load your feed.",
-			onRetry: () => x()
-		}) : S.length === 0 && _.page === 0 ? /* @__PURE__ */ f(a, {
+			onRetry: () => S()
+		}) : C.length === 0 && h.page === 0 ? /* @__PURE__ */ d(a, {
 			illustration: "empty-notifications",
-			icon: /* @__PURE__ */ f(u, { className: "h-10 w-10" }),
+			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__ */ p("div", {
+			action: /* @__PURE__ */ f("div", {
 				className: "flex flex-wrap items-center justify-center gap-3",
-				children: [/* @__PURE__ */ p(m, {
-					onClick: () => g("circles"),
-					children: [/* @__PURE__ */ f(l, { className: "mr-1.5 h-4 w-4" }), " Explore circles"]
-				}), /* @__PURE__ */ p(m, {
+				children: [/* @__PURE__ */ f(p, {
+					onClick: () => m("circles"),
+					children: [/* @__PURE__ */ d(c, { className: "mr-1.5 h-4 w-4" }), " Explore circles"]
+				}), /* @__PURE__ */ f(p, {
 					variant: "outline",
-					onClick: () => g("members"),
-					children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " Find members"]
+					onClick: () => m("members"),
+					children: [/* @__PURE__ */ d(u, { className: "mr-1.5 h-4 w-4" }), " Find members"]
 				})]
 			})
-		}) : /* @__PURE__ */ p("div", {
+		}) : /* @__PURE__ */ f("div", {
 			className: "mx-auto flex max-w-2xl flex-col gap-4",
-			children: [S.map((e) => /* @__PURE__ */ f(i, { post: e }, e.id)), /* @__PURE__ */ f(c, {
-				page: _.page,
-				pageSize: h,
-				itemCount: S.length,
+			children: [C.map((e, t) => /* @__PURE__ */ d("div", {
+				className: _,
+				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) => _.onPageChange(e, v?.pageInfo.cursor)
+				onPageChange: (e) => h.onPageChange(e, v?.pageInfo.cursor)
 			})]
 		})
 	});
 }
 //#endregion
-export { g as FeedPage };
+export { b 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 } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../components/PageLayout';\nimport { PostCard } from '../components/PostCard';\nimport { EmptyState } from '../components/EmptyState';\nimport { LoadingView, ErrorView } from '../components/StateViews';\nimport { Pagination } from '../components/Pagination';\nimport { useComMyFeed, useCursorPager } from '../hooks';\nimport { useComradeCircle } from '../context';\n\nconst PAGE_SIZE = 20;\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        <LoadingView label=\"Loading your feed…\" />\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) => (\n            <PostCard key={post.id} post={post} />\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;AAElB,SAAgB,IAAW;CACzB,IAAM,EAAE,kBAAe,GAAkB,EACnC,IAAQ,GAAgB,EACxB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,OAAO;EACP,QAAQ,EAAM;EACf,CAAC,EAEI,IAAQ,GAAM,SAAS,EAAE;AAE/B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,eAAA;EACA,QAAA;EACA,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAW,UAAU;aAA9D,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,oBAC/B;;YAGV,IACC,kBAAC,GAAD,EAAa,OAAM,sBAAuB,CAAA,GACxC,IACF,kBAAC,GAAD;GAAW,SAAQ;GAA8B,eAAe,GAAS;GAAI,CAAA,GAC3E,EAAM,WAAW,KAAK,EAAM,SAAS,IACvC,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAW,WAAU,aAAc,CAAA;GACzC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,UAAU;eAA5C,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,mBAC/B;QACT,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAW,UAAU;eAA9D,CACE,kBAAC,GAAD,EAAY,WAAU,kBAAmB,CAAA,EAAA,gBAClC;OACL;;GAER,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,KAAK,MACV,kBAAC,GAAD,EAA8B,SAAQ,EAAvB,EAAK,GAAkB,CACtC,EACF,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAM;IACjB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;IAC3E,CAAA,CACE;;EAEG,CAAA"}
+{"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,QAAQ;CACpB;EAAC;EAAU;EAAW;EAAQ;CAC9B,CAAC,SAAS,QAAQ;CACnB;AAMD,SAAS,IAAe;AACtB,QACE,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,mCAAoC,CAAA,EACxD,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA,CAC7B;QACF;;IACN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,GAAG,MACb,kBAAC,GAAD,EAAkB,WAAW,OAAO,KAAO,EAA5B,EAA4B,CAC3C;KACE,CAAA;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;OAC9C,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;OAC9C,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA;OAC1C;SACN,kBAAC,GAAD,EAAU,WAAU,yBAA0B,CAAA,CAC1C;;IACI;KArBI,EAqBJ,CACZ;EACE,CAAA;;AAIV,SAAgB,IAAW;CACzB,IAAM,EAAE,kBAAe,GAAkB,EACnC,IAAQ,GAAgB,EACxB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa;EACzD,OAAO;EACP,QAAQ,EAAM;EACf,CAAC,EAEI,IAAQ,GAAM,SAAS,EAAE;AAE/B,QACE,kBAAC,GAAD;EACE,OAAM;EACN,eAAA;EACA,QAAA;EACA,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAW,UAAU;aAA9D,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,oBAC/B;;YAGV,IACC,kBAAC,GAAD,EAAgB,CAAA,GACd,IACF,kBAAC,GAAD;GAAW,SAAQ;GAA8B,eAAe,GAAS;GAAI,CAAA,GAC3E,EAAM,WAAW,KAAK,EAAM,SAAS,IACvC,kBAAC,GAAD;GACE,cAAa;GACb,MAAM,kBAAC,GAAD,EAAW,WAAU,aAAc,CAAA;GACzC,OAAM;GACN,aAAY;GACZ,QACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,eAAe,EAAW,UAAU;eAA5C,CACE,kBAAC,GAAD,EAAS,WAAU,kBAAmB,CAAA,EAAA,mBAC/B;QACT,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAW,UAAU;eAA9D,CACE,kBAAC,GAAD,EAAY,WAAU,kBAAmB,CAAA,EAAA,gBAClC;OACL;;GAER,CAAA,GAEF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;IAEE,WAAW;IACX,OAAO,EAAE,gBAAgB,GAAG,KAAK,IAAI,GAAO,EAAE,GAAG,GAAG,KAAK;cAEzD,kBAAC,GAAD,EAAgB,SAAQ,CAAA;IACpB,EALC,EAAK,GAKN,CACN,EACF,kBAAC,GAAD;IACE,MAAM,EAAM;IACZ,UAAU;IACV,WAAW,EAAM;IACjB,SAAS,GAAM,SAAS,WAAW;IACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,OAAO;IAC3E,CAAA,CACE;;EAEG,CAAA"}

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

@@ -0,0 +1,11 @@
+/**
+ * CircleDetailPage — a single circle: channels & posts, members, events, polls.
+ * @module comradecircle/pages/circles
+ *
+ * Reads `comCircle` (channels + memberships), `comListPosts`, `comListEvents`,
+ * `comListPolls`. Writes join/leave, create channel, create poll, set member
+ * role (via the shared cards/dialogs). The channel post feed is the heart of the
+ * page; roles gate management actions (OWNER/ADMIN manage; members post).
+ */
+export declare function CircleDetailPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CircleDetailPage.d.ts.map

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

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