@burdenoff/microfe-comradecircle 2026.512.1 → 2026.704.1

package/dist/comradecircle/ComradeCircleRoot.js

@@ -1,107 +1,87 @@
-import { ComradeCircleProvider as e } from "./providers/ComradeCircleProvider.js";
-import { ComradeCircleRoutes as t } from "./ComradeCircleRoutes.js";
-import { joinPath as n } from "./utils/navigation.js";
-import { useEffect as r } from "react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Cookie as a, FileText as o, Home as s, LayoutDashboard as c, LogIn as l, Palette as u, ShieldCheck as d, UserPlus as f, Users as p } from "lucide-react";
+import { joinPath as e } from "./utils/navigation.js";
+import { ComradeCircleProvider as t } from "./context/ComradeCircleContext.js";
+import { ComradeCircleRoutes as n } from "./ComradeCircleRoutes.js";
+import { useCallback as r, useEffect as i } from "react";
+import { QueryClient as a, QueryClientProvider as o } from "@tanstack/react-query";
+import { FeatureFlagProvider as s } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { CalendarDays as l, Contact as u, Newspaper as d, UserCircle as f, Users as p } from "lucide-react";
 import { jsx as m } from "react/jsx-runtime";
-import { FeatureFlagProvider as h } from "@burdenoff/fe-libs/shared/feature-flags";
 //#region src/comradecircle/ComradeCircleRoot.tsx
-var g = (g) => {
-	let { registerNavItems: _, registerFooterItems: v, basePath: y = "/" } = g, { t: b } = i();
-	return r(() => {
-		if (_) return _({
-			id: "comradecircle",
-			label: b("comradecircle.nav.root", { defaultValue: "ComradeCircle" }),
-			path: y,
-			icon: /* @__PURE__ */ m(p, { size: 20 }),
-			order: 80,
-			group: "products",
-			children: [
-				{
-					id: "comradecircle-dashboard",
-					label: b("comradecircle.nav.dashboard", { defaultValue: "Dashboard" }),
-					path: y,
-					icon: /* @__PURE__ */ m(c, { size: 16 }),
-					order: 0
-				},
-				{
-					id: "comradecircle-home",
-					label: b("comradecircle.nav.home", { defaultValue: "Home" }),
-					path: n(y, "home"),
-					icon: /* @__PURE__ */ m(s, { size: 16 }),
-					order: 1
-				},
-				{
-					id: "comradecircle-communities",
-					label: b("comradecircle.nav.communities", { defaultValue: "Communities" }),
-					path: n(y, "communities"),
-					icon: /* @__PURE__ */ m(p, { size: 16 }),
-					order: 2
-				},
-				{
-					id: "comradecircle-creator",
-					label: b("comradecircle.nav.creatorHub", { defaultValue: "Creator Hub" }),
-					path: n(y, "creator"),
-					icon: /* @__PURE__ */ m(u, { size: 16 }),
-					order: 3
-				},
-				{
-					id: "comradecircle-login",
-					label: b("comradecircle.nav.login", { defaultValue: "Login" }),
-					path: n(y, "login"),
-					icon: /* @__PURE__ */ m(l, { size: 16 }),
-					order: 4
-				},
-				{
-					id: "comradecircle-signup",
-					label: b("comradecircle.nav.signup", { defaultValue: "Signup" }),
-					path: n(y, "signup"),
-					icon: /* @__PURE__ */ m(f, { size: 16 }),
-					order: 5
-				},
-				{
-					id: "comradecircle-privacy",
-					label: b("comradecircle.nav.privacy", { defaultValue: "Privacy" }),
-					path: n(y, "privacy"),
-					icon: /* @__PURE__ */ m(d, { size: 16 }),
-					order: 6
-				},
-				{
-					id: "comradecircle-terms",
-					label: b("comradecircle.nav.terms", { defaultValue: "Terms" }),
-					path: n(y, "terms"),
-					icon: /* @__PURE__ */ m(o, { size: 16 }),
-					order: 7
-				},
-				{
-					id: "comradecircle-cookies",
-					label: b("comradecircle.nav.cookies", { defaultValue: "Cookies" }),
-					path: n(y, "cookies"),
-					icon: /* @__PURE__ */ m(a, { size: 16 }),
-					order: 8
-				}
-			]
-		});
+var h = new a({ defaultOptions: { queries: {
+	staleTime: 60 * 1e3,
+	retry: 1,
+	refetchOnWindowFocus: !1
+} } }), g = (a) => {
+	let { registerNavItems: g, registerFooterItems: _, basePath: v = "/" } = a, { t: y } = c(), b = r((e, t) => {
+		let n = y(e);
+		return n === e ? t : n;
+	}, [y]);
+	return i(() => {
+		if (g) return g([
+			{
+				id: "comradecircle-feed",
+				label: b("comradecircle.nav.feed", "Home"),
+				path: e(v, ""),
+				icon: /* @__PURE__ */ m(d, { size: 20 }),
+				order: 0,
+				group: "products"
+			},
+			{
+				id: "comradecircle-circles",
+				label: b("comradecircle.nav.circles", "Circles"),
+				path: e(v, "circles"),
+				icon: /* @__PURE__ */ m(p, { size: 20 }),
+				order: 1,
+				group: "products"
+			},
+			{
+				id: "comradecircle-events",
+				label: b("comradecircle.nav.events", "Events"),
+				path: e(v, "events"),
+				icon: /* @__PURE__ */ m(l, { size: 20 }),
+				order: 2,
+				group: "products"
+			},
+			{
+				id: "comradecircle-members",
+				label: b("comradecircle.nav.members", "Members"),
+				path: e(v, "members"),
+				icon: /* @__PURE__ */ m(u, { size: 20 }),
+				order: 3,
+				group: "products"
+			},
+			{
+				id: "comradecircle-profile",
+				label: b("comradecircle.nav.profile", "My Profile"),
+				path: e(v, "profile"),
+				icon: /* @__PURE__ */ m(f, { size: 20 }),
+				order: 4,
+				group: "products"
+			}
+		]);
 	}, [
-		_,
-		y,
+		g,
+		v,
 		b
-	]), r(() => {
-		if (v) return v([{
+	]), i(() => {
+		if (_) return _([{
 			id: "comradecircle-status",
-			label: b("comradecircle.footer.ready", { defaultValue: "ComradeCircle Ready" }),
+			label: b("comradecircle.footer.ready", "ComradeCircle Ready"),
 			type: "status",
 			section: "left",
 			order: 10
 		}]);
-	}, [v, b]), /* @__PURE__ */ m(h, {
-		workspaceId: null,
-		gateway: "global",
-		defaultEnabled: !0,
-		children: /* @__PURE__ */ m(e, {
-			...g,
-			children: /* @__PURE__ */ m(t, {})
+	}, [_, b]), /* @__PURE__ */ m(o, {
+		client: h,
+		children: /* @__PURE__ */ m(s, {
+			workspaceId: null,
+			gateway: "global",
+			defaultEnabled: !0,
+			children: /* @__PURE__ */ m(t, {
+				...a,
+				children: /* @__PURE__ */ m(n, {})
+			})
 		})
 	});
 };

package/dist/comradecircle/ComradeCircleRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComradeCircleRoot.js","names":[],"sources":["../../src/comradecircle/ComradeCircleRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  LayoutDashboard,\n  Home,\n  Users,\n  Palette,\n  LogIn,\n  UserPlus,\n  ShieldCheck,\n  FileText,\n  Cookie,\n} from 'lucide-react';\nimport { ComradeCircleProvider } from './providers/ComradeCircleProvider';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport type { NavItem, ComradeCircleRootProps } from './types';\nimport { ComradeCircleRoutes } from './ComradeCircleRoutes';\nimport { joinPath } from './utils/navigation';\n\nexport const ComradeCircleRoot: FC<ComradeCircleRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t } = useI18n();\n\n  useEffect(() => {\n    if (!registerNavItems) return;\n    const navItem: NavItem = {\n      id: 'comradecircle',\n      label: t('comradecircle.nav.root', { defaultValue: 'ComradeCircle' }),\n      path: basePath,\n      icon: <Users size={20} />,\n      order: 80,\n      group: 'products',\n      children: [\n        {\n          id: 'comradecircle-dashboard',\n          label: t('comradecircle.nav.dashboard', { defaultValue: 'Dashboard' }),\n          path: basePath,\n          icon: <LayoutDashboard size={16} />,\n          order: 0,\n        },\n        {\n          id: 'comradecircle-home',\n          label: t('comradecircle.nav.home', { defaultValue: 'Home' }),\n          path: joinPath(basePath, 'home'),\n          icon: <Home size={16} />,\n          order: 1,\n        },\n        {\n          id: 'comradecircle-communities',\n          label: t('comradecircle.nav.communities', { defaultValue: 'Communities' }),\n          path: joinPath(basePath, 'communities'),\n          icon: <Users size={16} />,\n          order: 2,\n        },\n        {\n          id: 'comradecircle-creator',\n          label: t('comradecircle.nav.creatorHub', { defaultValue: 'Creator Hub' }),\n          path: joinPath(basePath, 'creator'),\n          icon: <Palette size={16} />,\n          order: 3,\n        },\n        {\n          id: 'comradecircle-login',\n          label: t('comradecircle.nav.login', { defaultValue: 'Login' }),\n          path: joinPath(basePath, 'login'),\n          icon: <LogIn size={16} />,\n          order: 4,\n        },\n        {\n          id: 'comradecircle-signup',\n          label: t('comradecircle.nav.signup', { defaultValue: 'Signup' }),\n          path: joinPath(basePath, 'signup'),\n          icon: <UserPlus size={16} />,\n          order: 5,\n        },\n        {\n          id: 'comradecircle-privacy',\n          label: t('comradecircle.nav.privacy', { defaultValue: 'Privacy' }),\n          path: joinPath(basePath, 'privacy'),\n          icon: <ShieldCheck size={16} />,\n          order: 6,\n        },\n        {\n          id: 'comradecircle-terms',\n          label: t('comradecircle.nav.terms', { defaultValue: 'Terms' }),\n          path: joinPath(basePath, 'terms'),\n          icon: <FileText size={16} />,\n          order: 7,\n        },\n        {\n          id: 'comradecircle-cookies',\n          label: t('comradecircle.nav.cookies', { defaultValue: 'Cookies' }),\n          path: joinPath(basePath, 'cookies'),\n          icon: <Cookie size={16} />,\n          order: 8,\n        },\n      ],\n    };\n    return registerNavItems(navItem);\n  }, [registerNavItems, basePath, t]);\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n    return registerFooterItems([\n      {\n        id: 'comradecircle-status',\n        label: t('comradecircle.footer.ready', { defaultValue: 'ComradeCircle Ready' }),\n        type: 'status',\n        section: 'left',\n        order: 10,\n      },\n    ]);\n  }, [registerFooterItems, t]);\n\n  return (\n    <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n      <ComradeCircleProvider {...props}>\n        <ComradeCircleRoutes />\n      </ComradeCircleProvider>\n    </FeatureFlagProvider>\n  );\n};\n"],"mappings":";;;;;;;;;AAoBA,IAAa,KAAiD,MAAU;CACtE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,SAAM,GAAS;AA6FvB,QA3FA,QAAgB;AACT,QA0EL,QAAO,EAzEkB;GACvB,IAAI;GACJ,OAAO,EAAE,0BAA0B,EAAE,cAAc,iBAAiB,CAAC;GACrE,MAAM;GACN,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;GACzB,OAAO;GACP,OAAO;GACP,UAAU;IACR;KACE,IAAI;KACJ,OAAO,EAAE,+BAA+B,EAAE,cAAc,aAAa,CAAC;KACtE,MAAM;KACN,MAAM,kBAAC,GAAD,EAAiB,MAAM,IAAM,CAAA;KACnC,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,0BAA0B,EAAE,cAAc,QAAQ,CAAC;KAC5D,MAAM,EAAS,GAAU,OAAO;KAChC,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;KACxB,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,iCAAiC,EAAE,cAAc,eAAe,CAAC;KAC1E,MAAM,EAAS,GAAU,cAAc;KACvC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;KACzB,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,gCAAgC,EAAE,cAAc,eAAe,CAAC;KACzE,MAAM,EAAS,GAAU,UAAU;KACnC,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;KAC3B,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,2BAA2B,EAAE,cAAc,SAAS,CAAC;KAC9D,MAAM,EAAS,GAAU,QAAQ;KACjC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;KACzB,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,4BAA4B,EAAE,cAAc,UAAU,CAAC;KAChE,MAAM,EAAS,GAAU,SAAS;KAClC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;KAC5B,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,6BAA6B,EAAE,cAAc,WAAW,CAAC;KAClE,MAAM,EAAS,GAAU,UAAU;KACnC,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;KAC/B,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,2BAA2B,EAAE,cAAc,SAAS,CAAC;KAC9D,MAAM,EAAS,GAAU,QAAQ;KACjC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;KAC5B,OAAO;KACR;IACD;KACE,IAAI;KACJ,OAAO,EAAE,6BAA6B,EAAE,cAAc,WAAW,CAAC;KAClE,MAAM,EAAS,GAAU,UAAU;KACnC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;KAC1B,OAAO;KACR;IACF;GACF,CAC+B;IAC/B;EAAC;EAAkB;EAAU;EAAE,CAAC,EAEnC,QAAgB;AACT,QACL,QAAO,EAAoB,CACzB;GACE,IAAI;GACJ,OAAO,EAAE,8BAA8B,EAAE,cAAc,uBAAuB,CAAC;GAC/E,MAAM;GACN,SAAS;GACT,OAAO;GACR,CACF,CAAC;IACD,CAAC,GAAqB,EAAE,CAAC,EAG1B,kBAAC,GAAD;EAAqB,aAAa;EAAM,SAAQ;EAAS,gBAAgB;YACvE,kBAAC,GAAD;GAAuB,GAAI;aACzB,kBAAC,GAAD,EAAuB,CAAA;GACD,CAAA;EACJ,CAAA"}
+{"version":3,"file":"ComradeCircleRoot.js","names":[],"sources":["../../src/comradecircle/ComradeCircleRoot.tsx"],"sourcesContent":["/**\n * ComradeCircle Root Component\n * @module comradecircle\n *\n * Host-contract entry point. Registers the product's sidebar nav (five sections\n * that map to the wspace-comradecircle-svc `com*` backend) and mounts the routed\n * pages inside the shared QueryClient + FeatureFlag providers.\n */\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { ComradeCircleProvider } from './context/ComradeCircleContext';\nimport { ComradeCircleRoutes } from './ComradeCircleRoutes';\nimport { joinPath } from './utils/navigation';\nimport type { ComradeCircleRootProps, NavItem } from './types';\n\nconst queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 60 * 1000,\n      retry: 1,\n      refetchOnWindowFocus: false,\n    },\n  },\n});\n\nexport const ComradeCircleRoot: FC<ComradeCircleRootProps> = (props) => {\n  const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n  const { t: translate } = useI18n();\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  // Register navigation items with the shell on mount. Ids/paths/orders match\n  // the app-shell static NavRegistration block so the two are a single,\n  // consistent source of truth.\n  useEffect(() => {\n    if (!registerNavItems) return;\n\n    const navItems: NavItem[] = [\n      {\n        id: 'comradecircle-feed',\n        label: t('comradecircle.nav.feed', 'Home'),\n        path: joinPath(basePath, ''),\n        icon: <Newspaper size={20} />,\n        order: 0,\n        group: 'products',\n      },\n      {\n        id: 'comradecircle-circles',\n        label: t('comradecircle.nav.circles', 'Circles'),\n        path: joinPath(basePath, 'circles'),\n        icon: <Users size={20} />,\n        order: 1,\n        group: 'products',\n      },\n      {\n        id: 'comradecircle-events',\n        label: t('comradecircle.nav.events', 'Events'),\n        path: joinPath(basePath, 'events'),\n        icon: <CalendarDays size={20} />,\n        order: 2,\n        group: 'products',\n      },\n      {\n        id: 'comradecircle-members',\n        label: t('comradecircle.nav.members', 'Members'),\n        path: joinPath(basePath, 'members'),\n        icon: <Contact size={20} />,\n        order: 3,\n        group: 'products',\n      },\n      {\n        id: 'comradecircle-profile',\n        label: t('comradecircle.nav.profile', 'My Profile'),\n        path: joinPath(basePath, 'profile'),\n        icon: <UserCircle size={20} />,\n        order: 4,\n        group: 'products',\n      },\n    ];\n\n    return registerNavItems(navItems);\n  }, [registerNavItems, basePath, t]);\n\n  useEffect(() => {\n    if (!registerFooterItems) return;\n    return registerFooterItems([\n      {\n        id: 'comradecircle-status',\n        label: t('comradecircle.footer.ready', 'ComradeCircle Ready'),\n        type: 'status',\n        section: 'left',\n        order: 10,\n      },\n    ]);\n  }, [registerFooterItems, t]);\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n        <ComradeCircleProvider {...props}>\n          <ComradeCircleRoutes />\n        </ComradeCircleProvider>\n      </FeatureFlagProvider>\n    </QueryClientProvider>\n  );\n};\n"],"mappings":";;;;;;;;;;AAoBA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,KAAK;CAChB,OAAO;CACP,sBAAsB;CACvB,EACF,EACF,CAAC,EAEW,KAAiD,MAAU;CACtE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ;AAmED,QA9DA,QAAgB;AACT,QA6CL,QAAO,EA3CqB;GAC1B;IACE,IAAI;IACJ,OAAO,EAAE,0BAA0B,OAAO;IAC1C,MAAM,EAAS,GAAU,GAAG;IAC5B,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IAC7B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,UAAU;IAChD,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,4BAA4B,SAAS;IAC9C,MAAM,EAAS,GAAU,SAAS;IAClC,MAAM,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;IAChC,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,UAAU;IAChD,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;IAC3B,OAAO;IACP,OAAO;IACR;GACD;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,aAAa;IACnD,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAY,MAAM,IAAM,CAAA;IAC9B,OAAO;IACP,OAAO;IACR;GACF,CAEgC;IAChC;EAAC;EAAkB;EAAU;EAAE,CAAC,EAEnC,QAAgB;AACT,QACL,QAAO,EAAoB,CACzB;GACE,IAAI;GACJ,OAAO,EAAE,8BAA8B,sBAAsB;GAC7D,MAAM;GACN,SAAS;GACT,OAAO;GACR,CACF,CAAC;IACD,CAAC,GAAqB,EAAE,CAAC,EAG1B,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAAuB,GAAI;cACzB,kBAAC,GAAD,EAAuB,CAAA;IACD,CAAA;GACJ,CAAA;EACF,CAAA"}

package/dist/comradecircle/ComradeCircleRoutes.js

@@ -1,43 +1,64 @@
-import { DashboardPage as e } from "./pages/DashboardPage.js";
-import { Suspense as t, lazy as n } from "react";
-import { Loader2 as r } from "lucide-react";
-import { Navigate as i, Route as a, Routes as o } from "react-router-dom";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+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";
 //#region src/comradecircle/ComradeCircleRoutes.tsx
-var l = n(() => import("./pages/CreatorPage.js").then((e) => ({ default: e.CreatorPage }))), u = n(() => import("./pages/CommunitiesPage.js").then((e) => ({ default: e.CommunitiesPage })));
-function d() {
-	return /* @__PURE__ */ s("div", {
-		className: "flex min-h-[320px] items-center justify-center",
-		children: /* @__PURE__ */ s(r, { className: "h-8 w-8 animate-spin text-primary" })
-	});
-}
-function f() {
-	return /* @__PURE__ */ s(t, {
-		fallback: /* @__PURE__ */ s(d, {}),
-		children: /* @__PURE__ */ c(o, { children: [
-			/* @__PURE__ */ s(a, {
-				index: !0,
-				element: /* @__PURE__ */ s(e, {})
-			}),
-			/* @__PURE__ */ s(a, {
-				path: "creator",
-				element: /* @__PURE__ */ s(l, {})
-			}),
-			/* @__PURE__ */ s(a, {
-				path: "communities",
-				element: /* @__PURE__ */ s(u, {})
-			}),
-			/* @__PURE__ */ s(a, {
-				path: "*",
-				element: /* @__PURE__ */ s(i, {
-					to: "",
-					replace: !0
+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", {
+	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, {
+					index: !0,
+					element: /* @__PURE__ */ c(t, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "circles",
+					element: /* @__PURE__ */ c(d, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "circles/:id",
+					element: /* @__PURE__ */ c(f, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "events",
+					element: /* @__PURE__ */ c(p, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "events/:id",
+					element: /* @__PURE__ */ c(m, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "members",
+					element: /* @__PURE__ */ c(h, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "members/:memberId",
+					element: /* @__PURE__ */ c(g, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "profile",
+					element: /* @__PURE__ */ c(_, {})
+				}),
+				/* @__PURE__ */ c(a, {
+					path: "*",
+					element: /* @__PURE__ */ c(i, {
+						to: "",
+						replace: !0
+					})
 				})
-			})
-		] })
+			] })
+		})
 	});
-}
+};
 //#endregion
-export { f as ComradeCircleRoutes };
+export { y 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":["import { lazy, Suspense } from 'react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\nimport { Loader2 } from 'lucide-react';\nimport { DashboardPage as IndexPage } from './pages/DashboardPage';\n\nconst CreatorPage = lazy(() =>\n  import('./pages/CreatorPage').then((m) => ({ default: m.CreatorPage }))\n);\nconst CommunitiesPage = lazy(() =>\n  import('./pages/CommunitiesPage').then((m) => ({ default: m.CommunitiesPage }))\n);\n\nfunction PageLoader() {\n  return (\n    <div className=\"flex min-h-[320px] items-center justify-center\">\n      <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n    </div>\n  );\n}\n\nexport function ComradeCircleRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        <Route index element={<IndexPage />} />\n        <Route path=\"creator\" element={<CreatorPage />} />\n        <Route path=\"communities\" element={<CommunitiesPage />} />\n        <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAc,QAClB,OAAO,0BAAuB,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACxE,EACK,IAAkB,QACtB,OAAO,8BAA2B,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAChF;AAED,SAAS,IAAa;AACpB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,qCAAsC,CAAA;EACrD,CAAA;;AAIV,SAAgB,IAAsB;AACpC,QACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;YAChC,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAO,OAAA;IAAM,SAAS,kBAAC,GAAD,EAAa,CAAA;IAAI,CAAA;GACvC,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAe,CAAA;IAAI,CAAA;GAClD,kBAAC,GAAD;IAAO,MAAK;IAAc,SAAS,kBAAC,GAAD,EAAmB,CAAA;IAAI,CAAA;GAC1D,kBAAC,GAAD;IAAO,MAAK;IAAI,SAAS,kBAAC,GAAD;KAAU,IAAG;KAAG,SAAA;KAAU,CAAA;IAAI,CAAA;GAChD,EAAA,CAAA;EACA,CAAA"}
+{"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,aAAa,EAAE,CAChF,EACK,IAAmB,QACvB,OAAO,uCAAoC,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAC1F,EAGK,IAAa,QACjB,OAAO,gCAA6B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAC7E,EACK,IAAkB,QACtB,OAAO,qCAAkC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CACvF,EAGK,IAAc,QAClB,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CAChF,EACK,IAAoB,QACxB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAC5F,EAGK,IAAgB,QACpB,OAAO,oCAAiC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACpF,EAEK,UACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;CACjB,CAAA,EAGK,UAAgC;CAC3C,IAAM,EAAE,aAAU,oBAAiB,GAAkB,EAC/C,IAAW,GAAa,EAExB,IAAqB,MAAa,MAAM,MAAM,KAAY,IAAI,QAAQ,OAAO,GAAG;AAYtF,QATI,KAAsB,CAAC,KAIrB,EAFF,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,IAAI,IAE/C,OAKT,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;aAChC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,EAAY,CAAA;KAAI,CAAA;IAEtC,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,EAAe,CAAA;KAAI,CAAA;IAClD,kBAAC,GAAD;KAAO,MAAK;KAAc,SAAS,kBAAC,GAAD,EAAoB,CAAA;KAAI,CAAA;IAE3D,kBAAC,GAAD;KAAO,MAAK;KAAS,SAAS,kBAAC,GAAD,EAAc,CAAA;KAAI,CAAA;IAChD,kBAAC,GAAD;KAAO,MAAK;KAAa,SAAS,kBAAC,GAAD,EAAmB,CAAA;KAAI,CAAA;IAEzD,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,EAAe,CAAA;KAAI,CAAA;IAClD,kBAAC,GAAD;KAAO,MAAK;KAAoB,SAAS,kBAAC,GAAD,EAAqB,CAAA;KAAI,CAAA;IAElE,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,EAAiB,CAAA;KAAI,CAAA;IAEpD,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAG;MAAG,SAAA;MAAU,CAAA;KAAI,CAAA;IAChD,EAAA,CAAA;GACA,CAAA;EACP,CAAA"}

package/dist/comradecircle/components/Avatar.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/comradecircle/components/Avatar.tsx
+var r = {
+	xs: "h-6 w-6 text-[0.6rem]",
+	sm: "h-8 w-8 text-xs",
+	md: "h-10 w-10 text-sm",
+	lg: "h-14 w-14 text-lg",
+	xl: "h-20 w-20 text-2xl"
+}, i = {
+	ONLINE: "bg-status-success-text",
+	AWAY: "bg-status-warning-text",
+	BUSY: "bg-status-error-text",
+	OFFLINE: "bg-text-tertiary"
+};
+function a(e) {
+	if (!e) return "?";
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "?" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : (t[0][0] + t[t.length - 1][0]).toUpperCase();
+}
+var o = ({ name: o, size: s = "md", presence: c, className: l }) => /* @__PURE__ */ n("span", {
+	className: e("relative inline-flex shrink-0", l),
+	children: [/* @__PURE__ */ t("span", {
+		"aria-hidden": "true",
+		className: e("inline-flex items-center justify-center rounded-full bg-[var(--color-accent-soft)] font-semibold text-text-primary ring-1 ring-border-seam", r[s]),
+		children: a(o)
+	}), c && /* @__PURE__ */ t("span", {
+		className: e("absolute -bottom-0.5 -right-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-bg-surface", i[c], c === "ONLINE" && "motion-safe:animate-vc-glow-pulse"),
+		"aria-label": `Presence: ${c.toLowerCase()}`
+	})]
+});
+//#endregion
+export { o as Avatar };
+
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/comradecircle/components/Avatar.tsx"],"sourcesContent":["/**\n * Avatar — initials-based, token-only avatar with an optional presence dot.\n * @module comradecircle/components\n *\n * File-backed avatars are not rendered here: in this subgraph `File` resolves\n * `id` only (no URL), so we render deterministic initials on the brand\n * accent-soft tint. Clean, theme-aware, and never a broken image.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport type { ComPresence } from '../types';\n\ntype AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nconst sizeClass: Record<AvatarSize, string> = {\n  xs: 'h-6 w-6 text-[0.6rem]',\n  sm: 'h-8 w-8 text-xs',\n  md: 'h-10 w-10 text-sm',\n  lg: 'h-14 w-14 text-lg',\n  xl: 'h-20 w-20 text-2xl',\n};\n\nconst presenceDot: Record<ComPresence, string> = {\n  ONLINE: 'bg-status-success-text',\n  AWAY: 'bg-status-warning-text',\n  BUSY: 'bg-status-error-text',\n  OFFLINE: 'bg-text-tertiary',\n};\n\nexport function initialsOf(name: string | null | undefined): string {\n  if (!name) return '?';\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return '?';\n  if (parts.length === 1) return parts[0]!.slice(0, 2).toUpperCase();\n  return (parts[0]![0]! + parts[parts.length - 1]![0]!).toUpperCase();\n}\n\ninterface AvatarProps {\n  name?: string | null;\n  size?: AvatarSize;\n  presence?: ComPresence | null;\n  className?: string;\n}\n\nexport const Avatar: FC<AvatarProps> = ({ name, size = 'md', presence, className }) => {\n  return (\n    <span className={cn('relative inline-flex shrink-0', className)}>\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'inline-flex items-center justify-center rounded-full bg-[var(--color-accent-soft)] font-semibold text-text-primary ring-1 ring-border-seam',\n          sizeClass[size]\n        )}\n      >\n        {initialsOf(name)}\n      </span>\n      {presence && (\n        <span\n          className={cn(\n            'absolute -bottom-0.5 -right-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-bg-surface',\n            presenceDot[presence],\n            presence === 'ONLINE' && 'motion-safe:animate-vc-glow-pulse'\n          )}\n          aria-label={`Presence: ${presence.toLowerCase()}`}\n        />\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;AAeA,IAAM,IAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEK,IAA2C;CAC/C,QAAQ;CACR,MAAM;CACN,MAAM;CACN,SAAS;CACV;AAED,SAAgB,EAAW,GAAyC;AAClE,KAAI,CAAC,EAAM,QAAO;CAClB,IAAM,IAAQ,EAAK,MAAM,CAAC,MAAM,MAAM,CAAC,OAAO,QAAQ;AAGtD,QAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAI,MAAM,GAAG,EAAE,CAAC,aAAa,IAC1D,EAAM,GAAI,KAAM,EAAM,EAAM,SAAS,GAAI,IAAK,aAAa;;AAUrE,IAAa,KAA2B,EAAE,SAAM,UAAO,MAAM,aAAU,mBAEnE,kBAAC,QAAD;CAAM,WAAW,EAAG,iCAAiC,EAAU;WAA/D,CACE,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,8IACA,EAAU,GACX;YAEA,EAAW,EAAK;EACZ,CAAA,EACN,KACC,kBAAC,QAAD;EACE,WAAW,EACT,mFACA,EAAY,IACZ,MAAa,YAAY,oCAC1B;EACD,cAAY,aAAa,EAAS,aAAa;EAC/C,CAAA,CAEC"}

package/dist/comradecircle/components/CircleCard.js

@@ -0,0 +1,117 @@
+import { useComJoinCircle as e, useComLeaveCircle as t } from "../hooks/useComradeCircleApi.js";
+import "../hooks/index.js";
+import { Avatar as n } from "./Avatar.js";
+import { describeError as r, notify as i } from "../lib/toast.js";
+import { formatEnumLabel as a, formatNumber as o } from "../utils/formatters.js";
+import { StatusBadge as s } from "./StatusBadge.js";
+import { Hash as c, Users as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, GlassCard as m } from "@burdenoff/fe-libs/ui";
+//#region src/comradecircle/components/CircleCard.tsx
+function h({ circle: h, membership: g, onOpen: _ }) {
+	let v = e(), y = t(), b = g?.status === "ACTIVE";
+	return /* @__PURE__ */ f(m, {
+		treatment: "plain",
+		className: "flex flex-col p-5",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ d(n, {
+					name: h.name,
+					size: "lg"
+				}), /* @__PURE__ */ f("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: _,
+							className: "truncate text-left text-base font-semibold text-text-primary hover:underline",
+							children: h.name
+						}),
+						h.topic && /* @__PURE__ */ d("p", {
+							className: "truncate text-sm text-text-secondary",
+							children: h.topic
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "mt-1.5 flex flex-wrap items-center gap-1.5",
+							children: [
+								/* @__PURE__ */ d(s, { status: h.visibility }),
+								h.status !== "ACTIVE" && /* @__PURE__ */ d(s, { status: h.status }),
+								b && g && /* @__PURE__ */ d(s, { status: g.role })
+							]
+						})
+					]
+				})]
+			}),
+			h.description && /* @__PURE__ */ d("p", {
+				className: "mt-3 line-clamp-2 text-sm text-text-secondary",
+				children: h.description
+			}),
+			h.tags.length > 0 && /* @__PURE__ */ d("div", {
+				className: "mt-3 flex flex-wrap gap-1.5",
+				children: h.tags.slice(0, 4).map((e) => /* @__PURE__ */ f("span", {
+					className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
+					children: ["#", e]
+				}, e))
+			}),
+			/* @__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-3 text-xs text-text-tertiary",
+					children: [/* @__PURE__ */ f("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ d(l, { className: "h-3.5 w-3.5" }),
+							" ",
+							o(h.memberCount)
+						]
+					}), /* @__PURE__ */ f("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ d(c, { className: "h-3.5 w-3.5" }),
+							" ",
+							h.channels?.length ?? 0
+						]
+					})]
+				}), /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: b ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(p, {
+						size: "sm",
+						variant: "outline",
+						onClick: async () => {
+							try {
+								await y.mutateAsync(h.id), i.success("Left circle", `You have left ${h.name}.`);
+							} catch (e) {
+								i.error("Could not leave", r(e));
+							}
+						},
+						disabled: y.isPending,
+						children: "Leave"
+					}), /* @__PURE__ */ d(p, {
+						size: "sm",
+						onClick: _,
+						children: "Open"
+					})] }) : h.status === "ACTIVE" ? /* @__PURE__ */ d(p, {
+						size: "sm",
+						onClick: async () => {
+							try {
+								await v.mutateAsync(h.id), i.success("Joined circle", `You are now a member of ${h.name}.`);
+							} catch (e) {
+								i.error("Could not join", r(e));
+							}
+						},
+						disabled: v.isPending,
+						children: "Join"
+					}) : /* @__PURE__ */ d("span", {
+						className: "text-xs text-text-tertiary",
+						children: a(h.status)
+					})
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { h as CircleCard };
+
+//# sourceMappingURL=CircleCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CircleCard.js","names":[],"sources":["../../../src/comradecircle/components/CircleCard.tsx"],"sourcesContent":["/**\n * CircleCard — a discovery/overview tile for a community circle.\n * @module comradecircle/components\n *\n * Writes `comJoinCircle` / `comLeaveCircle`. When the caller already belongs to\n * the circle the card shows their role and an Open action; otherwise a Join\n * action. Membership is supplied by the parent (which knows the caller's set).\n */\n\nimport { Users, Hash } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { Avatar } from './Avatar';\nimport { StatusBadge } from './StatusBadge';\nimport { useComJoinCircle, useComLeaveCircle } from '../hooks';\nimport { formatEnumLabel, formatNumber } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComCircle, ComMembership } from '../types';\n\ninterface CircleCardProps {\n  circle: ComCircle;\n  membership?: ComMembership | null;\n  onOpen: () => void;\n}\n\nexport function CircleCard({ circle, membership, onOpen }: CircleCardProps) {\n  const join = useComJoinCircle();\n  const leave = useComLeaveCircle();\n  const isMember = membership?.status === 'ACTIVE';\n\n  const handleJoin = async () => {\n    try {\n      await join.mutateAsync(circle.id);\n      notify.success('Joined circle', `You are now a member of ${circle.name}.`);\n    } catch (err) {\n      notify.error('Could not join', describeError(err));\n    }\n  };\n\n  const handleLeave = async () => {\n    try {\n      await leave.mutateAsync(circle.id);\n      notify.success('Left circle', `You have left ${circle.name}.`);\n    } catch (err) {\n      notify.error('Could not leave', describeError(err));\n    }\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col p-5\">\n      <div className=\"flex items-start gap-3\">\n        <Avatar name={circle.name} size=\"lg\" />\n        <div className=\"min-w-0 flex-1\">\n          <button\n            type=\"button\"\n            onClick={onOpen}\n            className=\"truncate text-left text-base font-semibold text-text-primary hover:underline\"\n          >\n            {circle.name}\n          </button>\n          {circle.topic && <p className=\"truncate text-sm text-text-secondary\">{circle.topic}</p>}\n          <div className=\"mt-1.5 flex flex-wrap items-center gap-1.5\">\n            <StatusBadge status={circle.visibility} />\n            {circle.status !== 'ACTIVE' && <StatusBadge status={circle.status} />}\n            {isMember && membership && <StatusBadge status={membership.role} />}\n          </div>\n        </div>\n      </div>\n\n      {circle.description && (\n        <p className=\"mt-3 line-clamp-2 text-sm text-text-secondary\">{circle.description}</p>\n      )}\n\n      {circle.tags.length > 0 && (\n        <div className=\"mt-3 flex flex-wrap gap-1.5\">\n          {circle.tags.slice(0, 4).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      <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-3 text-xs text-text-tertiary\">\n          <span className=\"inline-flex items-center gap-1\">\n            <Users className=\"h-3.5 w-3.5\" /> {formatNumber(circle.memberCount)}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Hash className=\"h-3.5 w-3.5\" /> {circle.channels?.length ?? 0}\n          </span>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {isMember ? (\n            <>\n              <Button size=\"sm\" variant=\"outline\" onClick={handleLeave} disabled={leave.isPending}>\n                Leave\n              </Button>\n              <Button size=\"sm\" onClick={onOpen}>\n                Open\n              </Button>\n            </>\n          ) : circle.status === 'ACTIVE' ? (\n            <Button size=\"sm\" onClick={handleJoin} disabled={join.isPending}>\n              Join\n            </Button>\n          ) : (\n            <span className=\"text-xs text-text-tertiary\">{formatEnumLabel(circle.status)}</span>\n          )}\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;;;;;;;;AAwBA,SAAgB,EAAW,EAAE,WAAQ,eAAY,aAA2B;CAC1E,IAAM,IAAO,GAAkB,EACzB,IAAQ,GAAmB,EAC3B,IAAW,GAAY,WAAW;AAoBxC,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,MAAM,EAAO;KAAM,MAAK;KAAO,CAAA,EACvC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAET,EAAO;OACD,CAAA;MACR,EAAO,SAAS,kBAAC,KAAD;OAAG,WAAU;iBAAwC,EAAO;OAAU,CAAA;MACvF,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAa,QAAQ,EAAO,YAAc,CAAA;QACzC,EAAO,WAAW,YAAY,kBAAC,GAAD,EAAa,QAAQ,EAAO,QAAU,CAAA;QACpE,KAAY,KAAc,kBAAC,GAAD,EAAa,QAAQ,EAAW,MAAQ,CAAA;QAC/D;;MACF;OACF;;GAEL,EAAO,eACN,kBAAC,KAAD;IAAG,WAAU;cAAiD,EAAO;IAAgB,CAAA;GAGtF,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC5B,kBAAC,QAAD;KAEE,WAAU;eAFZ,CAGC,KACG,EACG;OAJA,EAIA,CACP;IACE,CAAA;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA;;OAAE,EAAa,EAAO,YAAY;OAC9D;SACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA;;OAAE,EAAO,UAAU,UAAU;OACxD;QACH;QACN,kBAAC,OAAD;KAAK,WAAU;eACZ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,SA3D5B,YAAY;AAC9B,WAAI;AAEF,QADA,MAAM,EAAM,YAAY,EAAO,GAAG,EAClC,EAAO,QAAQ,eAAe,iBAAiB,EAAO,KAAK,GAAG;gBACvD,GAAK;AACZ,UAAO,MAAM,mBAAmB,EAAc,EAAI,CAAC;;;MAsDe,UAAU,EAAM;gBAAW;MAE5E,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;gBAAQ;MAE1B,CAAA,CACR,EAAA,CAAA,GACD,EAAO,WAAW,WACpB,kBAAC,GAAD;MAAQ,MAAK;MAAK,SA5ET,YAAY;AAC7B,WAAI;AAEF,QADA,MAAM,EAAK,YAAY,EAAO,GAAG,EACjC,EAAO,QAAQ,iBAAiB,2BAA2B,EAAO,KAAK,GAAG;gBACnE,GAAK;AACZ,UAAO,MAAM,kBAAkB,EAAc,EAAI,CAAC;;;MAuEL,UAAU,EAAK;gBAAW;MAExD,CAAA,GAET,kBAAC,QAAD;MAAM,WAAU;gBAA8B,EAAgB,EAAO,OAAO;MAAQ,CAAA;KAElF,CAAA,CACF;;GACI"}