@burdenoff/microfe-comradecircle 2026.525.1 → 2026.704.2

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,47 @@
+import { cn as e } from "../utils/cn.js";
+import { FileImage as t } from "./FileImage.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/comradecircle/components/Avatar.tsx
+var i = {
+	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"
+}, a = {
+	ONLINE: "bg-status-success-text",
+	AWAY: "bg-status-warning-text",
+	BUSY: "bg-status-error-text",
+	OFFLINE: "bg-text-tertiary"
+};
+function o(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 s = ({ name: s, size: c = "md", presence: l, fileId: u, className: d }) => {
+	let f = /* @__PURE__ */ n("span", {
+		"aria-hidden": "true",
+		className: e("flex h-full w-full items-center justify-center rounded-full bg-[var(--color-accent-soft)] font-semibold text-text-primary", i[c]),
+		children: o(s)
+	});
+	return /* @__PURE__ */ r("span", {
+		className: e("relative inline-flex shrink-0", d),
+		children: [/* @__PURE__ */ n("span", {
+			className: e("inline-flex items-center justify-center overflow-hidden rounded-full ring-1 ring-border-seam", i[c]),
+			children: u ? /* @__PURE__ */ n(t, {
+				fileId: u,
+				alt: s ?? "Avatar",
+				className: "h-full w-full rounded-full",
+				fallback: f
+			}) : f
+		}), l && /* @__PURE__ */ n("span", {
+			className: e("absolute -bottom-0.5 -right-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-bg-surface", a[l], l === "ONLINE" && "motion-safe:animate-vc-glow-pulse"),
+			"aria-label": `Presence: ${l.toLowerCase()}`
+		})]
+	});
+};
+//#endregion
+export { s 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 { FileImage } from './FileImage';\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  /** wspace-files-svc file id — when set + resolvable, renders the image. */\n  fileId?: string | null;\n  className?: string;\n}\n\nexport const Avatar: FC<AvatarProps> = ({ name, size = 'md', presence, fileId, className }) => {\n  const initials = (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        'flex h-full w-full items-center justify-center rounded-full bg-[var(--color-accent-soft)] font-semibold text-text-primary',\n        sizeClass[size]\n      )}\n    >\n      {initialsOf(name)}\n    </span>\n  );\n\n  return (\n    <span className={cn('relative inline-flex shrink-0', className)}>\n      <span\n        className={cn(\n          'inline-flex items-center justify-center overflow-hidden rounded-full ring-1 ring-border-seam',\n          sizeClass[size]\n        )}\n      >\n        {fileId ? (\n          <FileImage\n            fileId={fileId}\n            alt={name ?? 'Avatar'}\n            className=\"h-full w-full rounded-full\"\n            fallback={initials}\n          />\n        ) : (\n          initials\n        )}\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":";;;;AAgBA,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;;AAYrE,IAAa,KAA2B,EAAE,SAAM,UAAO,MAAM,aAAU,WAAQ,mBAAgB;CAC7F,IAAM,IACJ,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,6HACA,EAAU,GACX;YAEA,EAAW,EAAK;EACZ,CAAA;AAGT,QACE,kBAAC,QAAD;EAAM,WAAW,EAAG,iCAAiC,EAAU;YAA/D,CACE,kBAAC,QAAD;GACE,WAAW,EACT,gGACA,EAAU,GACX;aAEA,IACC,kBAAC,GAAD;IACU;IACR,KAAK,KAAQ;IACb,WAAU;IACV,UAAU;IACV,CAAA,GAEF;GAEG,CAAA,EACN,KACC,kBAAC,QAAD;GACE,WAAW,EACT,mFACA,EAAY,IACZ,MAAa,YAAY,oCAC1B;GACD,cAAY,aAAa,EAAS,aAAa;GAC/C,CAAA,CAEC"}

package/dist/comradecircle/components/AvatarUploadField.js

@@ -0,0 +1,80 @@
+import { cn as e } from "../utils/cn.js";
+import { FILE_FOLDERS as t, uploadImageToFiles as n } from "../hooks/useFiles.js";
+import { Avatar as r } from "./Avatar.js";
+import { describeError as i, notify as a } from "../lib/toast.js";
+import { useId as o, useRef as s, useState as c } from "react";
+import { Camera as l, Loader2 as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/comradecircle/components/AvatarUploadField.tsx
+var p = 5 * 1024 * 1024;
+function m({ fileId: m, name: h, onUploaded: g, label: _ = "Upload avatar", disabled: v = !1 }) {
+	let y = s(null), b = o(), [x, S] = c(!1), [C, w] = c(null);
+	return /* @__PURE__ */ f("div", {
+		className: "flex items-center gap-4",
+		children: [/* @__PURE__ */ f("div", {
+			className: "relative",
+			children: [C ? /* @__PURE__ */ d("img", {
+				src: C,
+				alt: h ?? "Avatar",
+				className: "h-16 w-16 rounded-full object-cover ring-1 ring-border-seam"
+			}) : /* @__PURE__ */ d(r, {
+				name: h,
+				fileId: m,
+				size: "lg"
+			}), x && /* @__PURE__ */ d("span", {
+				className: "absolute inset-0 flex items-center justify-center rounded-full bg-bg-canvas/60",
+				children: /* @__PURE__ */ d(u, { className: "h-5 w-5 animate-spin text-text-primary" })
+			})]
+		}), /* @__PURE__ */ f("div", { children: [
+			/* @__PURE__ */ d("input", {
+				ref: y,
+				id: b,
+				type: "file",
+				accept: "image/*",
+				className: "sr-only",
+				onChange: async (e) => {
+					let r = e.target.files?.[0];
+					if (e.target.value = "", r) {
+						if (!r.type.startsWith("image/")) {
+							a.error("Unsupported file", "Please choose an image.");
+							return;
+						}
+						if (r.size > p) {
+							a.error("Image too large", "Please choose an image under 5 MB.");
+							return;
+						}
+						S(!0);
+						try {
+							let e = await n(r, t.avatars);
+							w(e.url), g(e.id), a.success("Avatar updated");
+						} catch (e) {
+							a.error("Upload failed", i(e));
+						} finally {
+							S(!1);
+						}
+					}
+				},
+				disabled: v || x
+			}),
+			/* @__PURE__ */ f("button", {
+				type: "button",
+				onClick: () => y.current?.click(),
+				disabled: v || x,
+				className: e("inline-flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken", (v || x) && "cursor-not-allowed opacity-60"),
+				children: [
+					/* @__PURE__ */ d(l, { className: "h-4 w-4" }),
+					" ",
+					_
+				]
+			}),
+			/* @__PURE__ */ d("p", {
+				className: "mt-1 text-xs text-text-tertiary",
+				children: "PNG or JPG, up to 5 MB."
+			})
+		] })]
+	});
+}
+//#endregion
+export { m as AvatarUploadField };
+
+//# sourceMappingURL=AvatarUploadField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarUploadField.js","names":[],"sources":["../../../src/comradecircle/components/AvatarUploadField.tsx"],"sourcesContent":["/**\n * AvatarUploadField — upload a circular avatar image to wspace-files-svc.\n * @module comradecircle/components\n *\n * On select, uploads via {@link uploadImageToFiles} and hands the resulting file\n * id back to the caller (persisted as avatarFileId). Shows the current avatar\n * (by file id) or the freshly-uploaded preview; falls back to initials.\n */\n\nimport { useId, useRef, useState } from 'react';\nimport { Camera, Loader2 } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { Avatar } from './Avatar';\nimport { uploadImageToFiles, FILE_FOLDERS } from '../hooks/useFiles';\nimport { notify, describeError } from '../lib/toast';\n\ninterface AvatarUploadFieldProps {\n  /** Current avatar file id (persisted). */\n  fileId?: string | null;\n  /** Name used for the initials fallback. */\n  name?: string | null;\n  /** Called with the new file id after a successful upload. */\n  onUploaded: (fileId: string) => void;\n  label?: string;\n  disabled?: boolean;\n}\n\nconst MAX_BYTES = 5 * 1024 * 1024;\n\nexport function AvatarUploadField({\n  fileId,\n  name,\n  onUploaded,\n  label = 'Upload avatar',\n  disabled = false,\n}: AvatarUploadFieldProps) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const inputId = useId();\n  const [uploading, setUploading] = useState(false);\n  const [previewUrl, setPreviewUrl] = useState<string | null>(null);\n\n  const handleSelect = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    event.target.value = '';\n    if (!file) return;\n    if (!file.type.startsWith('image/')) {\n      notify.error('Unsupported file', 'Please choose an image.');\n      return;\n    }\n    if (file.size > MAX_BYTES) {\n      notify.error('Image too large', 'Please choose an image under 5 MB.');\n      return;\n    }\n    setUploading(true);\n    try {\n      const uploaded = await uploadImageToFiles(file, FILE_FOLDERS.avatars);\n      setPreviewUrl(uploaded.url);\n      onUploaded(uploaded.id);\n      notify.success('Avatar updated');\n    } catch (err) {\n      notify.error('Upload failed', describeError(err));\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  return (\n    <div className=\"flex items-center gap-4\">\n      <div className=\"relative\">\n        {previewUrl ? (\n          <img\n            src={previewUrl}\n            alt={name ?? 'Avatar'}\n            className=\"h-16 w-16 rounded-full object-cover ring-1 ring-border-seam\"\n          />\n        ) : (\n          <Avatar name={name} fileId={fileId} size=\"lg\" />\n        )}\n        {uploading && (\n          <span className=\"absolute inset-0 flex items-center justify-center rounded-full bg-bg-canvas/60\">\n            <Loader2 className=\"h-5 w-5 animate-spin text-text-primary\" />\n          </span>\n        )}\n      </div>\n      <div>\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"file\"\n          accept=\"image/*\"\n          className=\"sr-only\"\n          onChange={handleSelect}\n          disabled={disabled || uploading}\n        />\n        <button\n          type=\"button\"\n          onClick={() => inputRef.current?.click()}\n          disabled={disabled || uploading}\n          className={cn(\n            'inline-flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-3 py-1.5 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken',\n            (disabled || uploading) && 'cursor-not-allowed opacity-60'\n          )}\n        >\n          <Camera className=\"h-4 w-4\" /> {label}\n        </button>\n        <p className=\"mt-1 text-xs text-text-tertiary\">PNG or JPG, up to 5 MB.</p>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAAY,IAAI,OAAO;AAE7B,SAAgB,EAAkB,EAChC,WACA,SACA,eACA,WAAQ,iBACR,cAAW,MACc;CACzB,IAAM,IAAW,EAAgC,KAAK,EAChD,IAAU,GAAO,EACjB,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAY,KAAiB,EAAwB,KAAK;AA2BjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,IACC,kBAAC,OAAD;IACE,KAAK;IACL,KAAK,KAAQ;IACb,WAAU;IACV,CAAA,GAEF,kBAAC,GAAD;IAAc;IAAc;IAAQ,MAAK;IAAO,CAAA,EAEjD,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD,EAAS,WAAU,0CAA2C,CAAA;IACzD,CAAA,CAEL;MACN,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,SAAD;IACE,KAAK;IACL,IAAI;IACJ,MAAK;IACL,QAAO;IACP,WAAU;IACV,UAlDa,OAAO,MAA+C;KACzE,IAAM,IAAO,EAAM,OAAO,QAAQ;AAClC,WAAM,OAAO,QAAQ,IAChB,GACL;UAAI,CAAC,EAAK,KAAK,WAAW,SAAS,EAAE;AACnC,SAAO,MAAM,oBAAoB,0BAA0B;AAC3D;;AAEF,UAAI,EAAK,OAAO,GAAW;AACzB,SAAO,MAAM,mBAAmB,qCAAqC;AACrE;;AAEF,QAAa,GAAK;AAClB,UAAI;OACF,IAAM,IAAW,MAAM,EAAmB,GAAM,EAAa,QAAQ;AAGrE,OAFA,EAAc,EAAS,IAAI,EAC3B,EAAW,EAAS,GAAG,EACvB,EAAO,QAAQ,iBAAiB;eACzB,GAAK;AACZ,SAAO,MAAM,iBAAiB,EAAc,EAAI,CAAC;gBACzC;AACR,SAAa,GAAM;;;;IA8Bf,UAAU,KAAY;IACtB,CAAA;GACF,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,SAAS,OAAO;IACxC,UAAU,KAAY;IACtB,WAAW,EACT,6KACC,KAAY,MAAc,gCAC5B;cAPH;KASE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;;KAAE;KACzB;;GACT,kBAAC,KAAD;IAAG,WAAU;cAAkC;IAA2B,CAAA;GACtE,EAAA,CAAA,CACF"}

package/dist/comradecircle/components/CircleCard.js

@@ -0,0 +1,118 @@
+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",
+					fileId: h.avatar?.id
+				}), /* @__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