@burdenoff/microfe-comradecircle 2026.713.1 → 2026.720.1

package/dist/comradecircle/ComradeCircleRoot.js.map

@@ -1 +1 @@
-{"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"}
+{"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;AACxB,EACF,EACF,CAAC,GAEY,KAAiD,MAAU;CACtE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,GAAG,MAAc,EAAQ,GAC3B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,CAAG;EAC3B,OAAO,MAAU,IAAM,IAAW;CACpC,GACA,CAAC,CAAS,CACZ;CAmEA,OA9DA,QAAgB;EACT,OA6CL,OAAO,EAAiB;GA1CtB;IACE,IAAI;IACJ,OAAO,EAAE,0BAA0B,MAAM;IACzC,MAAM,EAAS,GAAU,EAAE;IAC3B,MAAM,kBAAC,GAAD,EAAW,MAAM,GAAK,CAAA;IAC5B,OAAO;IACP,OAAO;GACT;GACA;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,SAAS;IAC/C,MAAM,EAAS,GAAU,SAAS;IAClC,MAAM,kBAAC,GAAD,EAAO,MAAM,GAAK,CAAA;IACxB,OAAO;IACP,OAAO;GACT;GACA;IACE,IAAI;IACJ,OAAO,EAAE,4BAA4B,QAAQ;IAC7C,MAAM,EAAS,GAAU,QAAQ;IACjC,MAAM,kBAAC,GAAD,EAAc,MAAM,GAAK,CAAA;IAC/B,OAAO;IACP,OAAO;GACT;GACA;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,SAAS;IAC/C,MAAM,EAAS,GAAU,SAAS;IAClC,MAAM,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;IAC1B,OAAO;IACP,OAAO;GACT;GACA;IACE,IAAI;IACJ,OAAO,EAAE,6BAA6B,YAAY;IAClD,MAAM,EAAS,GAAU,SAAS;IAClC,MAAM,kBAAC,GAAD,EAAY,MAAM,GAAK,CAAA;IAC7B,OAAO;IACP,OAAO;GACT;EAGsB,CAAQ;CAClC,GAAG;EAAC;EAAkB;EAAU;CAAC,CAAC,GAElC,QAAgB;EACT,OACL,OAAO,EAAoB,CACzB;GACE,IAAI;GACJ,OAAO,EAAE,8BAA8B,qBAAqB;GAC5D,MAAM;GACN,SAAS;GACT,OAAO;EACT,CACF,CAAC;CACH,GAAG,CAAC,GAAqB,CAAC,CAAC,GAGzB,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAAuB,GAAI;cACzB,kBAAC,GAAD,CAAsB,CAAA;GACD,CAAA;EACJ,CAAA;CACF,CAAA;AAEzB"}

package/dist/comradecircle/ComradeCircleRoutes.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/comradecircle/components/Avatar.tsx"],"sourcesContent":["/**\n * Avatar — initials or image avatar with a deterministic tint + presence dot.\n * @module comradecircle/components\n *\n * When a wspace-files-svc `fileId` is present the image is rendered; otherwise\n * we show initials on a per-identity tint (hashed from the name) so grids of\n * avatars read as distinct, colourful, and alive — while staying theme-aware\n * (each tint ships a light + dark text pairing). An optional presence dot and a\n * soft accent ring round out the treatment.\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' | '2xl';\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  '2xl': 'h-28 w-28 text-4xl',\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\nconst presenceDotSize: Record<AvatarSize, string> = {\n  xs: 'h-2 w-2',\n  sm: 'h-2.5 w-2.5',\n  md: 'h-2.5 w-2.5',\n  lg: 'h-3 w-3',\n  xl: 'h-3.5 w-3.5',\n  '2xl': 'h-4 w-4',\n};\n\n// Decorative per-identity tints. Not semantic status — just a stable, colourful\n// identity cue. Each ships a dark-mode and light-mode readable text pairing so\n// initials stay legible under either theme.\nconst TINTS = [\n  'bg-blue-500/20 text-blue-700 dark:text-blue-200',\n  'bg-violet-500/20 text-violet-700 dark:text-violet-200',\n  'bg-emerald-500/20 text-emerald-700 dark:text-emerald-200',\n  'bg-amber-500/20 text-amber-700 dark:text-amber-100',\n  'bg-rose-500/20 text-rose-700 dark:text-rose-200',\n  'bg-cyan-500/20 text-cyan-700 dark:text-cyan-200',\n  'bg-fuchsia-500/20 text-fuchsia-700 dark:text-fuchsia-200',\n  'bg-teal-500/20 text-teal-700 dark:text-teal-200',\n] as const;\n\nfunction tintFor(seed: string | null | undefined): string {\n  if (!seed) return TINTS[0]!;\n  let hash = 0;\n  for (let i = 0; i < seed.length; i += 1) hash = (hash * 31 + seed.charCodeAt(i)) | 0;\n  return TINTS[Math.abs(hash) % TINTS.length]!;\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  /** Stable seed for the tint (defaults to name). Pass an id for stability. */\n  seed?: string | null;\n  /** Add a soft accent ring + glow (hero/profile treatment). */\n  ring?: boolean;\n  className?: string;\n}\n\nexport const Avatar: FC<AvatarProps> = ({\n  name,\n  size = 'md',\n  presence,\n  fileId,\n  seed,\n  ring = false,\n  className,\n}) => {\n  const initials = (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        'flex h-full w-full items-center justify-center rounded-full font-semibold',\n        tintFor(seed ?? name),\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',\n          ring\n            ? 'ring-2 ring-[var(--color-accent-soft)] shadow-[0_0_0_4px_var(--color-accent-soft)]'\n            : '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 rounded-full ring-2 ring-bg-surface',\n            presenceDotSize[size],\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":";;;;AAkBA,IAAM,IAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR,EAEK,IAA2C;CAC/C,QAAQ;CACR,MAAM;CACN,MAAM;CACN,SAAS;CACV,EAEK,IAA8C;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR,EAKK,IAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAQ,GAAyC;AACxD,KAAI,CAAC,EAAM,QAAO,EAAM;CACxB,IAAI,IAAO;AACX,MAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAAK,EAAG,KAAQ,IAAO,KAAK,EAAK,WAAW,EAAE,GAAI;AACnF,QAAO,EAAM,KAAK,IAAI,EAAK,GAAG,EAAM;;AAGtC,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;;AAgBrE,IAAa,KAA2B,EACtC,SACA,UAAO,MACP,aACA,WACA,SACA,UAAO,IACP,mBACI;CACJ,IAAM,IACJ,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,6EACA,EAAQ,KAAQ,EAAK,EACrB,EAAU,GACX;YAEA,EAAW,EAAK;EACZ,CAAA;AAGT,QACE,kBAAC,QAAD;EAAM,WAAW,EAAG,iCAAiC,EAAU;YAA/D,CACE,kBAAC,QAAD;GACE,WAAW,EACT,wEACA,IACI,uFACA,2BACJ,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,uEACA,EAAgB,IAChB,EAAY,IACZ,MAAa,YAAY,oCAC1B;GACD,cAAY,aAAa,EAAS,aAAa;GAC/C,CAAA,CAEC"}
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/comradecircle/components/Avatar.tsx"],"sourcesContent":["/**\n * Avatar — initials or image avatar with a deterministic tint + presence dot.\n * @module comradecircle/components\n *\n * When a wspace-files-svc `fileId` is present the image is rendered; otherwise\n * we show initials on a per-identity tint (hashed from the name) so grids of\n * avatars read as distinct, colourful, and alive — while staying theme-aware\n * (each tint ships a light + dark text pairing). An optional presence dot and a\n * soft accent ring round out the treatment.\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' | '2xl';\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  '2xl': 'h-28 w-28 text-4xl',\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\nconst presenceDotSize: Record<AvatarSize, string> = {\n  xs: 'h-2 w-2',\n  sm: 'h-2.5 w-2.5',\n  md: 'h-2.5 w-2.5',\n  lg: 'h-3 w-3',\n  xl: 'h-3.5 w-3.5',\n  '2xl': 'h-4 w-4',\n};\n\n// Decorative per-identity tints. Not semantic status — just a stable, colourful\n// identity cue. Each ships a dark-mode and light-mode readable text pairing so\n// initials stay legible under either theme.\nconst TINTS = [\n  'bg-blue-500/20 text-blue-700 dark:text-blue-200',\n  'bg-violet-500/20 text-violet-700 dark:text-violet-200',\n  'bg-emerald-500/20 text-emerald-700 dark:text-emerald-200',\n  'bg-amber-500/20 text-amber-700 dark:text-amber-100',\n  'bg-rose-500/20 text-rose-700 dark:text-rose-200',\n  'bg-cyan-500/20 text-cyan-700 dark:text-cyan-200',\n  'bg-fuchsia-500/20 text-fuchsia-700 dark:text-fuchsia-200',\n  'bg-teal-500/20 text-teal-700 dark:text-teal-200',\n] as const;\n\nfunction tintFor(seed: string | null | undefined): string {\n  if (!seed) return TINTS[0]!;\n  let hash = 0;\n  for (let i = 0; i < seed.length; i += 1) hash = (hash * 31 + seed.charCodeAt(i)) | 0;\n  return TINTS[Math.abs(hash) % TINTS.length]!;\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  /** Stable seed for the tint (defaults to name). Pass an id for stability. */\n  seed?: string | null;\n  /** Add a soft accent ring + glow (hero/profile treatment). */\n  ring?: boolean;\n  className?: string;\n}\n\nexport const Avatar: FC<AvatarProps> = ({\n  name,\n  size = 'md',\n  presence,\n  fileId,\n  seed,\n  ring = false,\n  className,\n}) => {\n  const initials = (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        'flex h-full w-full items-center justify-center rounded-full font-semibold',\n        tintFor(seed ?? name),\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',\n          ring\n            ? 'ring-2 ring-[var(--color-accent-soft)] shadow-[0_0_0_4px_var(--color-accent-soft)]'\n            : '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 rounded-full ring-2 ring-bg-surface',\n            presenceDotSize[size],\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":";;;;AAkBA,IAAM,IAAwC;CAC5C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT,GAEM,IAA2C;CAC/C,QAAQ;CACR,MAAM;CACN,MAAM;CACN,SAAS;AACX,GAEM,IAA8C;CAClD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;AACT,GAKM,IAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAAS,EAAQ,GAAyC;CACxD,IAAI,CAAC,GAAM,OAAO,EAAM;CACxB,IAAI,IAAO;CACX,KAAK,IAAI,IAAI,GAAG,IAAI,EAAK,QAAQ,KAAK,GAAG,IAAQ,IAAO,KAAK,EAAK,WAAW,CAAC,IAAK;CACnF,OAAO,EAAM,KAAK,IAAI,CAAI,IAAI,EAAM;AACtC;AAEA,SAAgB,EAAW,GAAyC;CAClE,IAAI,CAAC,GAAM,OAAO;CAClB,IAAM,IAAQ,EAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;CAGrD,OAFI,EAAM,WAAW,IAAU,MAC3B,EAAM,WAAW,IAAU,EAAM,GAAI,MAAM,GAAG,CAAC,EAAE,YAAY,KACzD,EAAM,GAAI,KAAM,EAAM,EAAM,SAAS,GAAI,IAAK,YAAY;AACpE;AAeA,IAAa,KAA2B,EACtC,SACA,UAAO,MACP,aACA,WACA,SACA,UAAO,IACP,mBACI;CACJ,IAAM,IACJ,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,6EACA,EAAQ,KAAQ,CAAI,GACpB,EAAU,EACZ;YAEC,EAAW,CAAI;CACZ,CAAA;CAGR,OACE,kBAAC,QAAD;EAAM,WAAW,EAAG,iCAAiC,CAAS;YAA9D,CACE,kBAAC,QAAD;GACE,WAAW,EACT,wEACA,IACI,uFACA,2BACJ,EAAU,EACZ;aAEC,IACC,kBAAC,GAAD;IACU;IACR,KAAK,KAAQ;IACb,WAAU;IACV,UAAU;GACX,CAAA,IAED;EAEE,CAAA,GACL,KACC,kBAAC,QAAD;GACE,WAAW,EACT,uEACA,EAAgB,IAChB,EAAY,IACZ,MAAa,YAAY,mCAC3B;GACA,cAAY,aAAa,EAAS,YAAY;EAC/C,CAAA,CAEC;;AAEV"}

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

@@ -1 +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      <button\n        type=\"button\"\n        onClick={() => inputRef.current?.click()}\n        disabled={disabled || uploading}\n        aria-label={label}\n        className=\"group relative h-16 w-16 shrink-0 rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-not-allowed\"\n      >\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        {/* Hover overlay: click the image directly to change it. */}\n        <span className=\"absolute inset-0 flex items-center justify-center rounded-full bg-bg-canvas/60 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100\">\n          <Camera className=\"h-5 w-5 text-text-primary\" />\n        </span>\n        {uploading && (\n          <span className=\"absolute inset-0 flex items-center justify-center rounded-full bg-bg-canvas/70\">\n            <Loader2 className=\"h-5 w-5 animate-spin text-text-primary\" />\n          </span>\n        )}\n      </button>\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,UAAD;GACE,MAAK;GACL,eAAe,EAAS,SAAS,OAAO;GACxC,UAAU,KAAY;GACtB,cAAY;GACZ,WAAU;aALZ;IAOG,IACC,kBAAC,OAAD;KACE,KAAK;KACL,KAAK,KAAQ;KACb,WAAU;KACV,CAAA,GAEF,kBAAC,GAAD;KAAc;KAAc;KAAQ,MAAK;KAAO,CAAA;IAGlD,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAQ,WAAU,6BAA8B,CAAA;KAC3C,CAAA;IACN,KACC,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAS,WAAU,0CAA2C,CAAA;KACzD,CAAA;IAEF;MACT,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,SAAD;IACE,KAAK;IACL,IAAI;IACJ,MAAK;IACL,QAAO;IACP,WAAU;IACV,UA5Da,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;;;;IAwCf,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"}
+{"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      <button\n        type=\"button\"\n        onClick={() => inputRef.current?.click()}\n        disabled={disabled || uploading}\n        aria-label={label}\n        className=\"group relative h-16 w-16 shrink-0 rounded-full focus:outline-none focus-visible:ring-2 focus-visible:ring-accent disabled:cursor-not-allowed\"\n      >\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        {/* Hover overlay: click the image directly to change it. */}\n        <span className=\"absolute inset-0 flex items-center justify-center rounded-full bg-bg-canvas/60 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100\">\n          <Camera className=\"h-5 w-5 text-text-primary\" />\n        </span>\n        {uploading && (\n          <span className=\"absolute inset-0 flex items-center justify-center rounded-full bg-bg-canvas/70\">\n            <Loader2 className=\"h-5 w-5 animate-spin text-text-primary\" />\n          </span>\n        )}\n      </button>\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,IAAI,GAC/C,IAAU,EAAM,GAChB,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAY,KAAiB,EAAwB,IAAI;CA2BhE,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAS,SAAS,MAAM;GACvC,UAAU,KAAY;GACtB,cAAY;GACZ,WAAU;aALZ;IAOG,IACC,kBAAC,OAAD;KACE,KAAK;KACL,KAAK,KAAQ;KACb,WAAU;IACX,CAAA,IAED,kBAAC,GAAD;KAAc;KAAc;KAAQ,MAAK;IAAM,CAAA;IAGjD,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAQ,WAAU,4BAA6B,CAAA;IAC3C,CAAA;IACL,KACC,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAS,WAAU,yCAA0C,CAAA;IACzD,CAAA;GAEF;MACR,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,SAAD;IACE,KAAK;IACL,IAAI;IACJ,MAAK;IACL,QAAO;IACP,WAAU;IACV,UAAU,OA5DU,MAA+C;KACzE,IAAM,IAAO,EAAM,OAAO,QAAQ;KAClC,MAAM,OAAO,QAAQ,IAChB,GACL;UAAI,CAAC,EAAK,KAAK,WAAW,QAAQ,GAAG;OACnC,EAAO,MAAM,oBAAoB,yBAAyB;OAC1D;MACF;MACA,IAAI,EAAK,OAAO,GAAW;OACzB,EAAO,MAAM,mBAAmB,oCAAoC;OACpE;MACF;MACA,EAAa,EAAI;MACjB,IAAI;OACF,IAAM,IAAW,MAAM,EAAmB,GAAM,EAAa,OAAO;OAGpE,AAFA,EAAc,EAAS,GAAG,GAC1B,EAAW,EAAS,EAAE,GACtB,EAAO,QAAQ,gBAAgB;MACjC,SAAS,GAAK;OACZ,EAAO,MAAM,iBAAiB,EAAc,CAAG,CAAC;MAClD,UAAU;OACR,EAAa,EAAK;MACpB;KAfA;IAgBF;IAsCQ,UAAU,KAAY;GACvB,CAAA;GACD,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,EAAS,SAAS,MAAM;IACvC,UAAU,KAAY;IACtB,WAAW,EACT,6KACC,KAAY,MAAc,+BAC7B;cAPF;KASE,kBAAC,GAAD,EAAQ,WAAU,UAAW,CAAA;KAAC;KAAE;IAC1B;;GACR,kBAAC,KAAD;IAAG,WAAU;cAAkC;GAA0B,CAAA;EACtE,EAAA,CAAA,CACF;;AAET"}

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

@@ -1 +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 { cn } from '../utils/cn';\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  const isOwner = membership?.role === 'OWNER' || membership?.role === 'ADMIN';\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        isOwner && 'ring-1 ring-[var(--color-accent-soft)]'\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <Avatar name={circle.name} seed={circle.id} size=\"lg\" fileId={circle.avatar?.id} />\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":";;;;;;;;;;;AAyBA,SAAgB,EAAW,EAAE,WAAQ,eAAY,aAA2B;CAC1E,IAAM,IAAO,GAAkB,EACzB,IAAQ,GAAmB,EAC3B,IAAW,GAAY,WAAW;AAsBxC,QACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,EACT,6HANU,GAAY,SAAS,WAAW,GAAY,SAAS,YAOpD,yCACZ;YALH;GAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,MAAM,EAAO;KAAM,MAAM,EAAO;KAAI,MAAK;KAAK,QAAQ,EAAO,QAAQ;KAAM,CAAA,EACnF,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,SAnE5B,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;;;MA8De,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,SApFT,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;;;MA+EL,UAAU,EAAK;gBAAW;MAExD,CAAA,GAET,kBAAC,QAAD;MAAM,WAAU;gBAA8B,EAAgB,EAAO,OAAO;MAAQ,CAAA;KAElF,CAAA,CACF;;GACI"}
+{"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 { cn } from '../utils/cn';\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  const isOwner = membership?.role === 'OWNER' || membership?.role === 'ADMIN';\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        isOwner && 'ring-1 ring-[var(--color-accent-soft)]'\n      )}\n    >\n      <div className=\"flex items-start gap-3\">\n        <Avatar name={circle.name} seed={circle.id} size=\"lg\" fileId={circle.avatar?.id} />\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":";;;;;;;;;;;AAyBA,SAAgB,EAAW,EAAE,WAAQ,eAAY,aAA2B;CAC1E,IAAM,IAAO,EAAiB,GACxB,IAAQ,EAAkB,GAC1B,IAAW,GAAY,WAAW;CAsBxC,OACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,EACT,6HANU,GAAY,SAAS,WAAW,GAAY,SAAS,YAOpD,wCACb;YALF;GAOE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,MAAM,EAAO;KAAM,MAAM,EAAO;KAAI,MAAK;KAAK,QAAQ,EAAO,QAAQ;IAAK,CAAA,GAClF,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,UAAD;OACE,MAAK;OACL,SAAS;OACT,WAAU;iBAET,EAAO;MACF,CAAA;MACP,EAAO,SAAS,kBAAC,KAAD;OAAG,WAAU;iBAAwC,EAAO;MAAS,CAAA;MACtF,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAa,QAAQ,EAAO,WAAa,CAAA;QACxC,EAAO,WAAW,YAAY,kBAAC,GAAD,EAAa,QAAQ,EAAO,OAAS,CAAA;QACnE,KAAY,KAAc,kBAAC,GAAD,EAAa,QAAQ,EAAW,KAAO,CAAA;OAC/D;;KACF;MACF;;GAEJ,EAAO,eACN,kBAAC,KAAD;IAAG,WAAU;cAAiD,EAAO;GAAe,CAAA;GAGrF,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,MAAM,GAAG,CAAC,EAAE,KAAK,MAC5B,kBAAC,QAAD;KAEE,WAAU;eAFZ,CAGC,KACG,CACE;OAJC,CAID,CACP;GACE,CAAA;GAGP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,WAAU,cAAe,CAAA;OAAC;OAAE,EAAa,EAAO,WAAW;MAC9D;SACN,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAM,WAAU,cAAe,CAAA;OAAC;OAAE,EAAO,UAAU,UAAU;MACzD;OACH;QACL,kBAAC,OAAD;KAAK,WAAU;eACZ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAQ;MAAU,SAAS,YAnEzB;OAC9B,IAAI;QAEF,AADA,MAAM,EAAM,YAAY,EAAO,EAAE,GACjC,EAAO,QAAQ,eAAe,iBAAiB,EAAO,KAAK,EAAE;OAC/D,SAAS,GAAK;QACZ,EAAO,MAAM,mBAAmB,EAAc,CAAG,CAAC;OACpD;MACF;MA4DsE,UAAU,EAAM;gBAAW;KAE7E,CAAA,GACR,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;gBAAQ;KAE3B,CAAA,CACR,EAAA,CAAA,IACA,EAAO,WAAW,WACpB,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS,YApFN;OAC7B,IAAI;QAEF,AADA,MAAM,EAAK,YAAY,EAAO,EAAE,GAChC,EAAO,QAAQ,iBAAiB,2BAA2B,EAAO,KAAK,EAAE;OAC3E,SAAS,GAAK;QACZ,EAAO,MAAM,kBAAkB,EAAc,CAAG,CAAC;OACnD;MACF;MA6EiD,UAAU,EAAK;gBAAW;KAEzD,CAAA,IAER,kBAAC,QAAD;MAAM,WAAU;gBAA8B,EAAgB,EAAO,MAAM;KAAQ,CAAA;IAElF,CAAA,CACF;;EACI;;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/comradecircle/components/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — threaded comments for a post.\n * @module comradecircle/components\n *\n * Reads `comListComments(postId)`; writes `comAddComment`. Top-level comments\n * (parentId == null) render replies one level deep. Author identity comes from\n * `ComProfile` via {@link MemberIdentity}.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CornerDownRight, Send, MessageCircle } from 'lucide-react';\nimport { Button, Textarea, Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComComments, useComAddComment } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { MemberIdentity } from './MemberIdentity';\nimport { Avatar } from './Avatar';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComComment } from '../types';\n\ninterface CommentThreadProps {\n  postId: string;\n}\n\nexport function CommentThread({ postId }: CommentThreadProps) {\n  const { currentUser } = useComradeCircle();\n  const { data: comments, isLoading } = useComComments(postId);\n  const addComment = useComAddComment();\n  const [body, setBody] = useState('');\n  const [replyTo, setReplyTo] = useState<ComComment | null>(null);\n\n  const { roots, repliesByParent } = useMemo(() => {\n    const list = comments ?? [];\n    const repliesMap = new Map<string, ComComment[]>();\n    const top: ComComment[] = [];\n    for (const c of list) {\n      if (c.parentId) {\n        const arr = repliesMap.get(c.parentId) ?? [];\n        arr.push(c);\n        repliesMap.set(c.parentId, arr);\n      } else {\n        top.push(c);\n      }\n    }\n    return { roots: top, repliesByParent: repliesMap };\n  }, [comments]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text) return;\n    try {\n      await addComment.mutateAsync({ postId, body: text, parentId: replyTo?.id ?? null });\n      setBody('');\n      setReplyTo(null);\n    } catch (err) {\n      notify.error('Could not add comment', describeError(err));\n    }\n  };\n\n  const renderComment = (c: ComComment, isReply = false) => (\n    <div key={c.id} className={cn('flex flex-col gap-1', isReply && 'ml-8')}>\n      <div className=\"rounded-xl bg-bg-sunken/60 px-3 py-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <MemberIdentity\n            memberId={c.authorId}\n            size=\"xs\"\n            suffix={formatRelativeTime(c.createdAt)}\n          />\n          {!isReply && (\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(c)}\n              className=\"inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-primary\">{c.body}</p>\n      </div>\n      {(repliesByParent.get(c.id) ?? []).map((r) => renderComment(r, true))}\n    </div>\n  );\n\n  return (\n    <div className=\"mt-3 border-t border-border-seam pt-3\">\n      {isLoading ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner size=\"sm\" />\n        </div>\n      ) : roots.length === 0 ? (\n        <div className=\"flex flex-col items-center gap-1.5 py-4 text-center\">\n          <MessageCircle className=\"h-6 w-6 text-text-tertiary opacity-60\" />\n          <p className=\"text-sm text-text-tertiary\">No comments yet — start the conversation.</p>\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">{roots.map((c) => renderComment(c))}</div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2\">\n        {replyTo && (\n          <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n            <span className=\"truncate\">Replying to a comment</span>\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(null)}\n              className=\"text-text-tertiary hover:text-text-primary\"\n            >\n              Cancel\n            </button>\n          </div>\n        )}\n        <div className=\"flex items-end gap-2\">\n          <Avatar\n            name={currentUser?.name ?? currentUser?.email ?? 'You'}\n            seed={currentUser?.id}\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder=\"Add a comment…\"\n            rows={1}\n            className=\"min-h-[40px] resize-none\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          <Button\n            size=\"icon\"\n            onClick={submit}\n            disabled={!body.trim() || addComment.isPending}\n            aria-label=\"Post comment\"\n            className=\"shrink-0 rounded-full\"\n          >\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommentThread.js","names":[],"sources":["../../../src/comradecircle/components/CommentThread.tsx"],"sourcesContent":["/**\n * CommentThread — threaded comments for a post.\n * @module comradecircle/components\n *\n * Reads `comListComments(postId)`; writes `comAddComment`. Top-level comments\n * (parentId == null) render replies one level deep. Author identity comes from\n * `ComProfile` via {@link MemberIdentity}.\n */\n\nimport { useMemo, useState } from 'react';\nimport { CornerDownRight, Send, MessageCircle } from 'lucide-react';\nimport { Button, Textarea, Spinner } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useComComments, useComAddComment } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { MemberIdentity } from './MemberIdentity';\nimport { Avatar } from './Avatar';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComComment } from '../types';\n\ninterface CommentThreadProps {\n  postId: string;\n}\n\nexport function CommentThread({ postId }: CommentThreadProps) {\n  const { currentUser } = useComradeCircle();\n  const { data: comments, isLoading } = useComComments(postId);\n  const addComment = useComAddComment();\n  const [body, setBody] = useState('');\n  const [replyTo, setReplyTo] = useState<ComComment | null>(null);\n\n  const { roots, repliesByParent } = useMemo(() => {\n    const list = comments ?? [];\n    const repliesMap = new Map<string, ComComment[]>();\n    const top: ComComment[] = [];\n    for (const c of list) {\n      if (c.parentId) {\n        const arr = repliesMap.get(c.parentId) ?? [];\n        arr.push(c);\n        repliesMap.set(c.parentId, arr);\n      } else {\n        top.push(c);\n      }\n    }\n    return { roots: top, repliesByParent: repliesMap };\n  }, [comments]);\n\n  const submit = async () => {\n    const text = body.trim();\n    if (!text) return;\n    try {\n      await addComment.mutateAsync({ postId, body: text, parentId: replyTo?.id ?? null });\n      setBody('');\n      setReplyTo(null);\n    } catch (err) {\n      notify.error('Could not add comment', describeError(err));\n    }\n  };\n\n  const renderComment = (c: ComComment, isReply = false) => (\n    <div key={c.id} className={cn('flex flex-col gap-1', isReply && 'ml-8')}>\n      <div className=\"rounded-xl bg-bg-sunken/60 px-3 py-2\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <MemberIdentity\n            memberId={c.authorId}\n            size=\"xs\"\n            suffix={formatRelativeTime(c.createdAt)}\n          />\n          {!isReply && (\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(c)}\n              className=\"inline-flex items-center gap-1 text-xs text-text-tertiary transition-colors hover:text-text-primary\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-primary\">{c.body}</p>\n      </div>\n      {(repliesByParent.get(c.id) ?? []).map((r) => renderComment(r, true))}\n    </div>\n  );\n\n  return (\n    <div className=\"mt-3 border-t border-border-seam pt-3\">\n      {isLoading ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner size=\"sm\" />\n        </div>\n      ) : roots.length === 0 ? (\n        <div className=\"flex flex-col items-center gap-1.5 py-4 text-center\">\n          <MessageCircle className=\"h-6 w-6 text-text-tertiary opacity-60\" />\n          <p className=\"text-sm text-text-tertiary\">No comments yet — start the conversation.</p>\n        </div>\n      ) : (\n        <div className=\"flex flex-col gap-3\">{roots.map((c) => renderComment(c))}</div>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-2\">\n        {replyTo && (\n          <div className=\"flex items-center justify-between rounded-lg bg-bg-sunken px-3 py-1.5 text-xs text-text-secondary\">\n            <span className=\"truncate\">Replying to a comment</span>\n            <button\n              type=\"button\"\n              onClick={() => setReplyTo(null)}\n              className=\"text-text-tertiary hover:text-text-primary\"\n            >\n              Cancel\n            </button>\n          </div>\n        )}\n        <div className=\"flex items-end gap-2\">\n          <Avatar\n            name={currentUser?.name ?? currentUser?.email ?? 'You'}\n            seed={currentUser?.id}\n            size=\"sm\"\n            className=\"mb-1\"\n          />\n          <Textarea\n            value={body}\n            onChange={(e) => setBody(e.target.value)}\n            placeholder=\"Add a comment…\"\n            rows={1}\n            className=\"min-h-[40px] resize-none\"\n            onKeyDown={(e) => {\n              if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                e.preventDefault();\n                void submit();\n              }\n            }}\n          />\n          <Button\n            size=\"icon\"\n            onClick={submit}\n            disabled={!body.trim() || addComment.isPending}\n            aria-label=\"Post comment\"\n            className=\"shrink-0 rounded-full\"\n          >\n            <Send className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreateCircleDialog.js","names":[],"sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"sourcesContent":["/**\n * CreateCircleDialog — create a new community circle.\n * @module comradecircle/components\n *\n * Writes `comCreateCircle`. Slug auto-derives from the name (editable).\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { AvatarUploadField } from './AvatarUploadField';\nimport { useComCreateCircle } from '../hooks';\nimport { slugify } from '../utils/slug';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComCircle, ComCircleVisibility } from '../types';\n\nconst VISIBILITIES: ComCircleVisibility[] = ['PUBLIC', 'PRIVATE', 'SECRET'];\n\ninterface CreateCircleDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (circle: ComCircle) => void;\n}\n\nexport function CreateCircleDialog({ open, onOpenChange, onCreated }: CreateCircleDialogProps) {\n  const createCircle = useComCreateCircle();\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [topic, setTopic] = useState('');\n  const [description, setDescription] = useState('');\n  const [visibility, setVisibility] = useState<ComCircleVisibility>('PUBLIC');\n  const [tags, setTags] = useState<string[]>([]);\n  const [avatarFileId, setAvatarFileId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveSlug = slugTouched ? slug : slugify(name);\n\n  const reset = () => {\n    setName('');\n    setSlug('');\n    setSlugTouched(false);\n    setTopic('');\n    setDescription('');\n    setVisibility('PUBLIC');\n    setTags([]);\n    setAvatarFileId(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('Circle name is required.');\n      return;\n    }\n    if (!effectiveSlug) {\n      setError('A URL slug is required.');\n      return;\n    }\n    try {\n      const created = await createCircle.mutateAsync({\n        name: name.trim(),\n        slug: effectiveSlug,\n        topic: topic.trim() || null,\n        description: description.trim() || null,\n        visibility,\n        avatarFileId,\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Circle created', `${created.name} is ready.`);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a circle</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            A circle is a community space with its own channels, members, events, and polls.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label>Avatar</Label>\n            <AvatarUploadField\n              fileId={avatarFileId}\n              name={name || 'Circle'}\n              onUploaded={setAvatarFileId}\n              label=\"Upload circle avatar\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-name\">Name</Label>\n            <Input\n              id=\"circle-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g. Product Guild\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-slug\">URL slug</Label>\n            <Input\n              id=\"circle-slug\"\n              value={effectiveSlug}\n              onChange={(e) => {\n                setSlugTouched(true);\n                setSlug(slugify(e.target.value));\n              }}\n              placeholder=\"product-guild\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-topic\">Topic</Label>\n            <Input\n              id=\"circle-topic\"\n              value={topic}\n              onChange={(e) => setTopic(e.target.value)}\n              placeholder=\"A short one-line topic\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-desc\">Description</Label>\n            <Textarea\n              id=\"circle-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What is this circle about?\"\n              rows={3}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Visibility</Label>\n            <Select\n              value={visibility}\n              onValueChange={(v) => setVisibility(v as ComCircleVisibility)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {VISIBILITIES.map((v) => (\n                  <SelectItem key={v} value={v}>\n                    {formatEnumLabel(v)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-tags\">Tags</Label>\n            <TagInput id=\"circle-tags\" value={tags} onChange={setTags} placeholder=\"Add tags…\" />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createCircle.isPending}>\n            Create circle\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateCircleDialog.js","names":[],"sources":["../../../src/comradecircle/components/CreateCircleDialog.tsx"],"sourcesContent":["/**\n * CreateCircleDialog — create a new community circle.\n * @module comradecircle/components\n *\n * Writes `comCreateCircle`. Slug auto-derives from the name (editable).\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { AvatarUploadField } from './AvatarUploadField';\nimport { useComCreateCircle } from '../hooks';\nimport { slugify } from '../utils/slug';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComCircle, ComCircleVisibility } from '../types';\n\nconst VISIBILITIES: ComCircleVisibility[] = ['PUBLIC', 'PRIVATE', 'SECRET'];\n\ninterface CreateCircleDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (circle: ComCircle) => void;\n}\n\nexport function CreateCircleDialog({ open, onOpenChange, onCreated }: CreateCircleDialogProps) {\n  const createCircle = useComCreateCircle();\n  const [name, setName] = useState('');\n  const [slug, setSlug] = useState('');\n  const [slugTouched, setSlugTouched] = useState(false);\n  const [topic, setTopic] = useState('');\n  const [description, setDescription] = useState('');\n  const [visibility, setVisibility] = useState<ComCircleVisibility>('PUBLIC');\n  const [tags, setTags] = useState<string[]>([]);\n  const [avatarFileId, setAvatarFileId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveSlug = slugTouched ? slug : slugify(name);\n\n  const reset = () => {\n    setName('');\n    setSlug('');\n    setSlugTouched(false);\n    setTopic('');\n    setDescription('');\n    setVisibility('PUBLIC');\n    setTags([]);\n    setAvatarFileId(null);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('Circle name is required.');\n      return;\n    }\n    if (!effectiveSlug) {\n      setError('A URL slug is required.');\n      return;\n    }\n    try {\n      const created = await createCircle.mutateAsync({\n        name: name.trim(),\n        slug: effectiveSlug,\n        topic: topic.trim() || null,\n        description: description.trim() || null,\n        visibility,\n        avatarFileId,\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Circle created', `${created.name} is ready.`);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a circle</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            A circle is a community space with its own channels, members, events, and polls.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label>Avatar</Label>\n            <AvatarUploadField\n              fileId={avatarFileId}\n              name={name || 'Circle'}\n              onUploaded={setAvatarFileId}\n              label=\"Upload circle avatar\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-name\">Name</Label>\n            <Input\n              id=\"circle-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"e.g. Product Guild\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-slug\">URL slug</Label>\n            <Input\n              id=\"circle-slug\"\n              value={effectiveSlug}\n              onChange={(e) => {\n                setSlugTouched(true);\n                setSlug(slugify(e.target.value));\n              }}\n              placeholder=\"product-guild\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-topic\">Topic</Label>\n            <Input\n              id=\"circle-topic\"\n              value={topic}\n              onChange={(e) => setTopic(e.target.value)}\n              placeholder=\"A short one-line topic\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-desc\">Description</Label>\n            <Textarea\n              id=\"circle-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What is this circle about?\"\n              rows={3}\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Visibility</Label>\n            <Select\n              value={visibility}\n              onValueChange={(v) => setVisibility(v as ComCircleVisibility)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {VISIBILITIES.map((v) => (\n                  <SelectItem key={v} value={v}>\n                    {formatEnumLabel(v)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"circle-tags\">Tags</Label>\n            <TagInput id=\"circle-tags\" value={tags} onChange={setTags} placeholder=\"Add tags…\" />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createCircle.isPending}>\n            Create circle\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CreateEventDialog.js","names":[],"sources":["../../../src/comradecircle/components/CreateEventDialog.tsx"],"sourcesContent":["/**\n * CreateEventDialog — schedule a new event in a circle.\n * @module comradecircle/components\n *\n * Writes `comCreateEvent`. When no `circleId` is fixed by the caller, a circle\n * picker (active circles) is shown. Datetime-local inputs are converted to ISO\n * strings for the `DateTime` scalar.\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { useComCreateEvent, useComCircles } from '../hooks';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComEventMode } from '../types';\n\nconst MODES: ComEventMode[] = ['ONLINE', 'IN_PERSON', 'HYBRID'];\n\nconst toIso = (local: string): string | null => {\n  if (!local) return null;\n  const d = new Date(local);\n  return Number.isNaN(d.getTime()) ? null : d.toISOString();\n};\n\ninterface CreateEventDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Fixed circle — when omitted the dialog shows an active-circle picker. */\n  circleId?: string;\n  onCreated?: (event: ComEvent) => void;\n}\n\nexport function CreateEventDialog({\n  open,\n  onOpenChange,\n  circleId,\n  onCreated,\n}: CreateEventDialogProps) {\n  const createEvent = useComCreateEvent();\n  const circlesQuery = useComCircles({ status: 'ACTIVE' });\n  const [pickedCircle, setPickedCircle] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [mode, setMode] = useState<ComEventMode>('ONLINE');\n  const [location, setLocation] = useState('');\n  const [joinUrl, setJoinUrl] = useState('');\n  const [capacity, setCapacity] = useState('');\n  const [startsAt, setStartsAt] = useState('');\n  const [endsAt, setEndsAt] = useState('');\n  const [tags, setTags] = useState<string[]>([]);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveCircle = circleId ?? pickedCircle;\n\n  const reset = () => {\n    setPickedCircle('');\n    setTitle('');\n    setDescription('');\n    setMode('ONLINE');\n    setLocation('');\n    setJoinUrl('');\n    setCapacity('');\n    setStartsAt('');\n    setEndsAt('');\n    setTags([]);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!effectiveCircle) {\n      setError('Please choose a circle for this event.');\n      return;\n    }\n    if (!title.trim()) {\n      setError('Event title is required.');\n      return;\n    }\n    const startIso = toIso(startsAt);\n    if (!startIso) {\n      setError('A valid start date & time is required.');\n      return;\n    }\n    try {\n      const created = await createEvent.mutateAsync({\n        circleId: effectiveCircle,\n        title: title.trim(),\n        description: description.trim() || null,\n        mode,\n        location: location.trim() || null,\n        joinUrl: joinUrl.trim() || null,\n        capacity: capacity ? Number(capacity) : null,\n        startsAt: startIso,\n        endsAt: toIso(endsAt),\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Event scheduled', created.title);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Schedule an event</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Host a gathering for your circle — online, in person, or hybrid.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2\">\n          {!circleId && (\n            <div className=\"grid gap-1.5\">\n              <Label>Circle</Label>\n              <Select value={pickedCircle} onValueChange={setPickedCircle}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Choose a circle\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {(circlesQuery.data?.items ?? []).map((c) => (\n                    <SelectItem key={c.id} value={c.id}>\n                      {c.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )}\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"event-title\">Title</Label>\n            <Input\n              id=\"event-title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Monthly community call\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"event-desc\">Description</Label>\n            <Textarea\n              id=\"event-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"grid gap-1.5\">\n              <Label>Mode</Label>\n              <Select value={mode} onValueChange={(v) => setMode(v as ComEventMode)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {MODES.map((m) => (\n                    <SelectItem key={m} value={m}>\n                      {formatEnumLabel(m)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-capacity\">Capacity</Label>\n              <Input\n                id=\"event-capacity\"\n                type=\"number\"\n                min={0}\n                value={capacity}\n                onChange={(e) => setCapacity(e.target.value)}\n                placeholder=\"Optional\"\n              />\n            </div>\n          </div>\n          {mode !== 'ONLINE' && (\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-location\">Location</Label>\n              <Input\n                id=\"event-location\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n                placeholder=\"Venue / address\"\n              />\n            </div>\n          )}\n          {mode !== 'IN_PERSON' && (\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-join\">Join URL</Label>\n              <Input\n                id=\"event-join\"\n                value={joinUrl}\n                onChange={(e) => setJoinUrl(e.target.value)}\n                placeholder=\"https://…\"\n              />\n            </div>\n          )}\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-start\">Starts</Label>\n              <Input\n                id=\"event-start\"\n                type=\"datetime-local\"\n                value={startsAt}\n                onChange={(e) => setStartsAt(e.target.value)}\n              />\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-end\">Ends</Label>\n              <Input\n                id=\"event-end\"\n                type=\"datetime-local\"\n                value={endsAt}\n                onChange={(e) => setEndsAt(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"event-tags\">Tags</Label>\n            <TagInput id=\"event-tags\" value={tags} onChange={setTags} placeholder=\"Add tags…\" />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createEvent.isPending}>\n            Schedule event\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CreateEventDialog.js","names":[],"sources":["../../../src/comradecircle/components/CreateEventDialog.tsx"],"sourcesContent":["/**\n * CreateEventDialog — schedule a new event in a circle.\n * @module comradecircle/components\n *\n * Writes `comCreateEvent`. When no `circleId` is fixed by the caller, a circle\n * picker (active circles) is shown. Datetime-local inputs are converted to ISO\n * strings for the `DateTime` scalar.\n */\n\nimport { useState } from 'react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { TagInput } from './TagInput';\nimport { useComCreateEvent, useComCircles } from '../hooks';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComEventMode } from '../types';\n\nconst MODES: ComEventMode[] = ['ONLINE', 'IN_PERSON', 'HYBRID'];\n\nconst toIso = (local: string): string | null => {\n  if (!local) return null;\n  const d = new Date(local);\n  return Number.isNaN(d.getTime()) ? null : d.toISOString();\n};\n\ninterface CreateEventDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Fixed circle — when omitted the dialog shows an active-circle picker. */\n  circleId?: string;\n  onCreated?: (event: ComEvent) => void;\n}\n\nexport function CreateEventDialog({\n  open,\n  onOpenChange,\n  circleId,\n  onCreated,\n}: CreateEventDialogProps) {\n  const createEvent = useComCreateEvent();\n  const circlesQuery = useComCircles({ status: 'ACTIVE' });\n  const [pickedCircle, setPickedCircle] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [mode, setMode] = useState<ComEventMode>('ONLINE');\n  const [location, setLocation] = useState('');\n  const [joinUrl, setJoinUrl] = useState('');\n  const [capacity, setCapacity] = useState('');\n  const [startsAt, setStartsAt] = useState('');\n  const [endsAt, setEndsAt] = useState('');\n  const [tags, setTags] = useState<string[]>([]);\n  const [error, setError] = useState<string | null>(null);\n\n  const effectiveCircle = circleId ?? pickedCircle;\n\n  const reset = () => {\n    setPickedCircle('');\n    setTitle('');\n    setDescription('');\n    setMode('ONLINE');\n    setLocation('');\n    setJoinUrl('');\n    setCapacity('');\n    setStartsAt('');\n    setEndsAt('');\n    setTags([]);\n    setError(null);\n  };\n\n  const submit = async () => {\n    if (!effectiveCircle) {\n      setError('Please choose a circle for this event.');\n      return;\n    }\n    if (!title.trim()) {\n      setError('Event title is required.');\n      return;\n    }\n    const startIso = toIso(startsAt);\n    if (!startIso) {\n      setError('A valid start date & time is required.');\n      return;\n    }\n    try {\n      const created = await createEvent.mutateAsync({\n        circleId: effectiveCircle,\n        title: title.trim(),\n        description: description.trim() || null,\n        mode,\n        location: location.trim() || null,\n        joinUrl: joinUrl.trim() || null,\n        capacity: capacity ? Number(capacity) : null,\n        startsAt: startIso,\n        endsAt: toIso(endsAt),\n        tags: tags.length ? tags : null,\n      });\n      notify.success('Event scheduled', created.title);\n      onOpenChange(false);\n      reset();\n      onCreated?.(created);\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Schedule an event</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Host a gathering for your circle — online, in person, or hybrid.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"flex max-h-[60vh] flex-col gap-4 overflow-y-auto py-2\">\n          {!circleId && (\n            <div className=\"grid gap-1.5\">\n              <Label>Circle</Label>\n              <Select value={pickedCircle} onValueChange={setPickedCircle}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Choose a circle\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {(circlesQuery.data?.items ?? []).map((c) => (\n                    <SelectItem key={c.id} value={c.id}>\n                      {c.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          )}\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"event-title\">Title</Label>\n            <Input\n              id=\"event-title\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n              placeholder=\"e.g. Monthly community call\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"event-desc\">Description</Label>\n            <Textarea\n              id=\"event-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"grid gap-1.5\">\n              <Label>Mode</Label>\n              <Select value={mode} onValueChange={(v) => setMode(v as ComEventMode)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {MODES.map((m) => (\n                    <SelectItem key={m} value={m}>\n                      {formatEnumLabel(m)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-capacity\">Capacity</Label>\n              <Input\n                id=\"event-capacity\"\n                type=\"number\"\n                min={0}\n                value={capacity}\n                onChange={(e) => setCapacity(e.target.value)}\n                placeholder=\"Optional\"\n              />\n            </div>\n          </div>\n          {mode !== 'ONLINE' && (\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-location\">Location</Label>\n              <Input\n                id=\"event-location\"\n                value={location}\n                onChange={(e) => setLocation(e.target.value)}\n                placeholder=\"Venue / address\"\n              />\n            </div>\n          )}\n          {mode !== 'IN_PERSON' && (\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-join\">Join URL</Label>\n              <Input\n                id=\"event-join\"\n                value={joinUrl}\n                onChange={(e) => setJoinUrl(e.target.value)}\n                placeholder=\"https://…\"\n              />\n            </div>\n          )}\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-start\">Starts</Label>\n              <Input\n                id=\"event-start\"\n                type=\"datetime-local\"\n                value={startsAt}\n                onChange={(e) => setStartsAt(e.target.value)}\n              />\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"event-end\">Ends</Label>\n              <Input\n                id=\"event-end\"\n                type=\"datetime-local\"\n                value={endsAt}\n                onChange={(e) => setEndsAt(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"event-tags\">Tags</Label>\n            <TagInput id=\"event-tags\" value={tags} onChange={setTags} placeholder=\"Add tags…\" />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createEvent.isPending}>\n            Schedule event\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/comradecircle/components/EmptyState.tsx"],"sourcesContent":["/**\n * Empty State Component\n * @module comradecircle/components\n *\n * Boff UI 2.0 zero-state. When an `illustration` name is provided it renders the\n * fe-libs {@link IllustratedEmptyState} (on-brand glass illustration); otherwise\n * it falls back to the icon-based layout.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  /**\n   * On-brand illustration name → `/illustrations/<name>.webp`. Standard names:\n   * empty-data, empty-search, empty-files, empty-people, empty-notifications,\n   * onboarding, empty-generic.\n   */\n  illustration?: string;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  illustration,\n  title,\n  description,\n  action,\n  className,\n}) => {\n  if (illustration) {\n    return (\n      <IllustratedEmptyState\n        illustration={illustration}\n        title={title}\n        description={description}\n        action={action}\n        className={className}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn('flex flex-col items-center justify-center py-12 px-4 text-center', className)}\n    >\n      {icon && <div className=\"mb-4 text-text-secondary opacity-50\">{icon}</div>}\n      <h3 className=\"text-lg font-medium text-text-primary\">{title}</h3>\n      {description && <p className=\"mt-2 text-sm text-text-secondary max-w-sm\">{description}</p>}\n      {action && <div className=\"mt-6\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA2BA,IAAa,KAAmC,EAC9C,SACA,iBACA,UACA,gBACA,WACA,mBAEI,IAEA,kBAAC,GAAD;CACgB;CACP;CACM;CACL;CACG;CACX,CAAA,GAKJ,kBAAC,OAAD;CACE,WAAW,EAAG,oEAAoE,EAAU;WAD9F;EAGG,KAAQ,kBAAC,OAAD;GAAK,WAAU;aAAuC;GAAW,CAAA;EAC1E,kBAAC,MAAD;GAAI,WAAU;aAAyC;GAAW,CAAA;EACjE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAA6C;GAAgB,CAAA;EACzF,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;GAAa,CAAA;EAC3C"}
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/comradecircle/components/EmptyState.tsx"],"sourcesContent":["/**\n * Empty State Component\n * @module comradecircle/components\n *\n * Boff UI 2.0 zero-state. When an `illustration` name is provided it renders the\n * fe-libs {@link IllustratedEmptyState} (on-brand glass illustration); otherwise\n * it falls back to the icon-based layout.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface EmptyStateProps {\n  icon?: ReactNode;\n  /**\n   * On-brand illustration name → `/illustrations/<name>.webp`. Standard names:\n   * empty-data, empty-search, empty-files, empty-people, empty-notifications,\n   * onboarding, empty-generic.\n   */\n  illustration?: string;\n  title: string;\n  description?: string;\n  action?: ReactNode;\n  className?: string;\n}\n\nexport const EmptyState: FC<EmptyStateProps> = ({\n  icon,\n  illustration,\n  title,\n  description,\n  action,\n  className,\n}) => {\n  if (illustration) {\n    return (\n      <IllustratedEmptyState\n        illustration={illustration}\n        title={title}\n        description={description}\n        action={action}\n        className={className}\n      />\n    );\n  }\n\n  return (\n    <div\n      className={cn('flex flex-col items-center justify-center py-12 px-4 text-center', className)}\n    >\n      {icon && <div className=\"mb-4 text-text-secondary opacity-50\">{icon}</div>}\n      <h3 className=\"text-lg font-medium text-text-primary\">{title}</h3>\n      {description && <p className=\"mt-2 text-sm text-text-secondary max-w-sm\">{description}</p>}\n      {action && <div className=\"mt-6\">{action}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA2BA,IAAa,KAAmC,EAC9C,SACA,iBACA,UACA,gBACA,WACA,mBAEI,IAEA,kBAAC,GAAD;CACgB;CACP;CACM;CACL;CACG;AACZ,CAAA,IAKH,kBAAC,OAAD;CACE,WAAW,EAAG,oEAAoE,CAAS;WAD7F;EAGG,KAAQ,kBAAC,OAAD;GAAK,WAAU;aAAuC;EAAU,CAAA;EACzE,kBAAC,MAAD;GAAI,WAAU;aAAyC;EAAU,CAAA;EAChE,KAAe,kBAAC,KAAD;GAAG,WAAU;aAA6C;EAAe,CAAA;EACxF,KAAU,kBAAC,OAAD;GAAK,WAAU;aAAQ;EAAY,CAAA;CAC3C"}

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

@@ -1 +1 @@
-{"version":3,"file":"EventCard.js","names":[],"sources":["../../../src/comradecircle/components/EventCard.tsx"],"sourcesContent":["/**\n * EventCard — a tile for a community event with a quick RSVP control.\n * @module comradecircle/components\n *\n * Writes `comRsvpEvent`. Shows mode + lifecycle status, a relative-time cue, a\n * capacity fill bar, the caller's selected RSVP (tracked client-side after a\n * successful mutation — the list query returns no viewer RSVP), and a live-join\n * link. LIVE events get an accent ring so they pop out of the grid.\n */\n\nimport { useState } from 'react';\nimport { Calendar, MapPin, Video, Users, ExternalLink, Check } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MiniBar } from './MiniBar';\nimport { StatusBadge } from './StatusBadge';\nimport { useComRsvpEvent } from '../hooks';\nimport { formatDateTime, formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComRsvpStatus } from '../types';\n\ninterface EventCardProps {\n  event: ComEvent;\n  onOpen: () => void;\n}\n\nconst RSVP_ACTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n];\n\nexport function EventCard({ event, onOpen }: EventCardProps) {\n  const rsvp = useComRsvpEvent();\n  const [myStatus, setMyStatus] = useState<ComRsvpStatus | null>(null);\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n  const isLive = event.status === 'LIVE';\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      setMyStatus(status);\n      notify.success(`RSVP: ${status === 'GOING' ? 'Going' : 'Interested'}`, event.title);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const ModeIcon = event.mode === 'IN_PERSON' ? MapPin : Video;\n  const fillPct = event.capacity ? Math.min(100, (event.rsvpCount / event.capacity) * 100) : 0;\n  const nearFull = fillPct >= 80;\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <StatusBadge status={event.status} />\n        {canRsvp && (\n          <span className=\"text-xs font-medium text-text-tertiary\">\n            {formatRelativeTime(event.startsAt)}\n          </span>\n        )}\n      </div>\n\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"mt-2 text-left text-base font-semibold text-text-primary transition-colors hover:text-accent\"\n      >\n        {event.title}\n      </button>\n\n      {event.description && (\n        <p className=\"mt-1.5 line-clamp-2 text-sm text-text-secondary\">{event.description}</p>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-1.5 text-sm text-text-secondary\">\n        <span className=\"inline-flex items-center gap-2\">\n          <Calendar className=\"h-4 w-4 text-text-tertiary\" /> {formatDateTime(event.startsAt)}\n        </span>\n        <span className=\"inline-flex items-center gap-2\">\n          <ModeIcon className=\"h-4 w-4 text-text-tertiary\" />\n          {event.mode === 'IN_PERSON'\n            ? event.location || 'In person'\n            : event.mode === 'HYBRID'\n              ? `Hybrid${event.location ? ` · ${event.location}` : ''}`\n              : 'Online'}\n        </span>\n      </div>\n\n      <div className=\"mt-3\">\n        <div className=\"flex items-center justify-between text-xs text-text-tertiary\">\n          <span className=\"inline-flex items-center gap-1\">\n            <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvpCount)}\n            {event.capacity ? ` / ${formatNumber(event.capacity)}` : ''} attending\n          </span>\n          {event.capacity && nearFull && (\n            <span\n              className={cn(fillPct >= 100 ? 'text-status-error-text' : 'text-status-warning-text')}\n            >\n              {fillPct >= 100 ? 'Full' : `${Math.round(fillPct)}% full`}\n            </span>\n          )}\n        </div>\n        {event.capacity ? (\n          <MiniBar\n            value={fillPct}\n            className=\"mt-1.5\"\n            height={4}\n            barClassName={\n              fillPct >= 100\n                ? 'bg-status-error-text'\n                : nearFull\n                  ? 'bg-status-warning-text'\n                  : 'bg-accent'\n            }\n          />\n        ) : null}\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        {isLive && event.joinUrl ? (\n          <a\n            href={event.joinUrl}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n          >\n            Join live <ExternalLink className=\"h-3 w-3\" />\n          </a>\n        ) : (\n          <span />\n        )}\n        <div className=\"flex items-center gap-2\">\n          {canRsvp &&\n            RSVP_ACTIONS.map((a) => {\n              const active = myStatus === a.status;\n              return (\n                <Button\n                  key={a.status}\n                  size=\"sm\"\n                  variant={active || a.status === 'GOING' ? 'default' : 'outline'}\n                  onClick={() => doRsvp(a.status)}\n                  disabled={rsvp.isPending}\n                  aria-pressed={active}\n                >\n                  {active && <Check className=\"mr-1 h-3.5 w-3.5\" />}\n                  {a.label}\n                </Button>\n              );\n            })}\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"EventCard.js","names":[],"sources":["../../../src/comradecircle/components/EventCard.tsx"],"sourcesContent":["/**\n * EventCard — a tile for a community event with a quick RSVP control.\n * @module comradecircle/components\n *\n * Writes `comRsvpEvent`. Shows mode + lifecycle status, a relative-time cue, a\n * capacity fill bar, the caller's selected RSVP (tracked client-side after a\n * successful mutation — the list query returns no viewer RSVP), and a live-join\n * link. LIVE events get an accent ring so they pop out of the grid.\n */\n\nimport { useState } from 'react';\nimport { Calendar, MapPin, Video, Users, ExternalLink, Check } from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { MiniBar } from './MiniBar';\nimport { StatusBadge } from './StatusBadge';\nimport { useComRsvpEvent } from '../hooks';\nimport { formatDateTime, formatNumber, formatRelativeTime } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { ComEvent, ComRsvpStatus } from '../types';\n\ninterface EventCardProps {\n  event: ComEvent;\n  onOpen: () => void;\n}\n\nconst RSVP_ACTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n];\n\nexport function EventCard({ event, onOpen }: EventCardProps) {\n  const rsvp = useComRsvpEvent();\n  const [myStatus, setMyStatus] = useState<ComRsvpStatus | null>(null);\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n  const isLive = event.status === 'LIVE';\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      setMyStatus(status);\n      notify.success(`RSVP: ${status === 'GOING' ? 'Going' : 'Interested'}`, event.title);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const ModeIcon = event.mode === 'IN_PERSON' ? MapPin : Video;\n  const fillPct = event.capacity ? Math.min(100, (event.rsvpCount / event.capacity) * 100) : 0;\n  const nearFull = fillPct >= 80;\n\n  return (\n    <GlassCard\n      treatment=\"plain\"\n      className={cn(\n        'flex flex-col p-5 transition-all duration-200 motion-safe:hover:-translate-y-0.5 hover:border-[var(--color-accent-soft)]',\n        isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n      )}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <StatusBadge status={event.status} />\n        {canRsvp && (\n          <span className=\"text-xs font-medium text-text-tertiary\">\n            {formatRelativeTime(event.startsAt)}\n          </span>\n        )}\n      </div>\n\n      <button\n        type=\"button\"\n        onClick={onOpen}\n        className=\"mt-2 text-left text-base font-semibold text-text-primary transition-colors hover:text-accent\"\n      >\n        {event.title}\n      </button>\n\n      {event.description && (\n        <p className=\"mt-1.5 line-clamp-2 text-sm text-text-secondary\">{event.description}</p>\n      )}\n\n      <div className=\"mt-3 flex flex-col gap-1.5 text-sm text-text-secondary\">\n        <span className=\"inline-flex items-center gap-2\">\n          <Calendar className=\"h-4 w-4 text-text-tertiary\" /> {formatDateTime(event.startsAt)}\n        </span>\n        <span className=\"inline-flex items-center gap-2\">\n          <ModeIcon className=\"h-4 w-4 text-text-tertiary\" />\n          {event.mode === 'IN_PERSON'\n            ? event.location || 'In person'\n            : event.mode === 'HYBRID'\n              ? `Hybrid${event.location ? ` · ${event.location}` : ''}`\n              : 'Online'}\n        </span>\n      </div>\n\n      <div className=\"mt-3\">\n        <div className=\"flex items-center justify-between text-xs text-text-tertiary\">\n          <span className=\"inline-flex items-center gap-1\">\n            <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvpCount)}\n            {event.capacity ? ` / ${formatNumber(event.capacity)}` : ''} attending\n          </span>\n          {event.capacity && nearFull && (\n            <span\n              className={cn(fillPct >= 100 ? 'text-status-error-text' : 'text-status-warning-text')}\n            >\n              {fillPct >= 100 ? 'Full' : `${Math.round(fillPct)}% full`}\n            </span>\n          )}\n        </div>\n        {event.capacity ? (\n          <MiniBar\n            value={fillPct}\n            className=\"mt-1.5\"\n            height={4}\n            barClassName={\n              fillPct >= 100\n                ? 'bg-status-error-text'\n                : nearFull\n                  ? 'bg-status-warning-text'\n                  : 'bg-accent'\n            }\n          />\n        ) : null}\n      </div>\n\n      <div className=\"mt-4 flex items-center justify-between gap-3 border-t border-border-seam pt-3\">\n        {isLive && event.joinUrl ? (\n          <a\n            href={event.joinUrl}\n            target=\"_blank\"\n            rel=\"noreferrer noopener\"\n            className=\"inline-flex items-center gap-1 text-xs font-medium text-accent hover:underline\"\n          >\n            Join live <ExternalLink className=\"h-3 w-3\" />\n          </a>\n        ) : (\n          <span />\n        )}\n        <div className=\"flex items-center gap-2\">\n          {canRsvp &&\n            RSVP_ACTIONS.map((a) => {\n              const active = myStatus === a.status;\n              return (\n                <Button\n                  key={a.status}\n                  size=\"sm\"\n                  variant={active || a.status === 'GOING' ? 'default' : 'outline'}\n                  onClick={() => doRsvp(a.status)}\n                  disabled={rsvp.isPending}\n                  aria-pressed={active}\n                >\n                  {active && <Check className=\"mr-1 h-3.5 w-3.5\" />}\n                  {a.label}\n                </Button>\n              );\n            })}\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileImage.js","names":[],"sources":["../../../src/comradecircle/components/FileImage.tsx"],"sourcesContent":["/**\n * FileImage — render a wspace-files-svc file id as an image.\n * @module comradecircle/components\n *\n * Resolves the id to a presigned URL via {@link useFileUrl}. Shows a skeleton\n * while resolving and renders nothing (so the caller's fallback shows) if the id\n * is absent or the URL fails to resolve.\n */\n\nimport { useState } from 'react';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useFileUrl } from '../hooks/useFiles';\n\ninterface FileImageProps {\n  fileId?: string | null;\n  alt: string;\n  className?: string;\n  /** Rendered when there is no fileId, resolution fails, or the image errors. */\n  fallback?: React.ReactNode;\n}\n\nexport function FileImage({ fileId, alt, className, fallback = null }: FileImageProps) {\n  const { data: url, isLoading, isError } = useFileUrl(fileId);\n  const [imgError, setImgError] = useState(false);\n\n  if (!fileId) return <>{fallback}</>;\n  if (isLoading) return <Skeleton className={cn('h-full w-full', className)} />;\n  if (isError || imgError || !url) return <>{fallback}</>;\n\n  return (\n    <img\n      src={url}\n      alt={alt}\n      loading=\"lazy\"\n      onError={() => setImgError(true)}\n      className={cn('object-cover', className)}\n    />\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,EAAU,EAAE,WAAQ,QAAK,cAAW,cAAW,QAAwB;CACrF,IAAM,EAAE,MAAM,GAAK,cAAW,eAAY,EAAW,EAAO,EACtD,CAAC,GAAU,KAAe,EAAS,GAAM;AAM/C,QAJK,IACD,IAAkB,kBAAC,GAAD,EAAU,WAAW,EAAG,iBAAiB,EAAU,EAAI,CAAA,GACzE,KAAW,KAAY,CAAC,IAAY,kBAAA,GAAA,EAAA,UAAG,GAAY,CAAA,GAGrD,kBAAC,OAAD;EACE,KAAK;EACA;EACL,SAAQ;EACR,eAAe,EAAY,GAAK;EAChC,WAAW,EAAG,gBAAgB,EAAU;EACxC,CAAA,GAXgB,kBAAA,GAAA,EAAA,UAAG,GAAY,CAAA"}
+{"version":3,"file":"FileImage.js","names":[],"sources":["../../../src/comradecircle/components/FileImage.tsx"],"sourcesContent":["/**\n * FileImage — render a wspace-files-svc file id as an image.\n * @module comradecircle/components\n *\n * Resolves the id to a presigned URL via {@link useFileUrl}. Shows a skeleton\n * while resolving and renders nothing (so the caller's fallback shows) if the id\n * is absent or the URL fails to resolve.\n */\n\nimport { useState } from 'react';\nimport { Skeleton } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\nimport { useFileUrl } from '../hooks/useFiles';\n\ninterface FileImageProps {\n  fileId?: string | null;\n  alt: string;\n  className?: string;\n  /** Rendered when there is no fileId, resolution fails, or the image errors. */\n  fallback?: React.ReactNode;\n}\n\nexport function FileImage({ fileId, alt, className, fallback = null }: FileImageProps) {\n  const { data: url, isLoading, isError } = useFileUrl(fileId);\n  const [imgError, setImgError] = useState(false);\n\n  if (!fileId) return <>{fallback}</>;\n  if (isLoading) return <Skeleton className={cn('h-full w-full', className)} />;\n  if (isError || imgError || !url) return <>{fallback}</>;\n\n  return (\n    <img\n      src={url}\n      alt={alt}\n      loading=\"lazy\"\n      onError={() => setImgError(true)}\n      className={cn('object-cover', className)}\n    />\n  );\n}\n"],"mappings":";;;;;;AAsBA,SAAgB,EAAU,EAAE,WAAQ,QAAK,cAAW,cAAW,QAAwB;CACrF,IAAM,EAAE,MAAM,GAAK,cAAW,eAAY,EAAW,CAAM,GACrD,CAAC,GAAU,KAAe,EAAS,EAAK;CAM9C,OAJK,IACD,IAAkB,kBAAC,GAAD,EAAU,WAAW,EAAG,iBAAiB,CAAS,EAAI,CAAA,IACxE,KAAW,KAAY,CAAC,IAAY,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA,IAGpD,kBAAC,OAAD;EACE,KAAK;EACA;EACL,SAAQ;EACR,eAAe,EAAY,EAAI;EAC/B,WAAW,EAAG,gBAAgB,CAAS;CACxC,CAAA,IAXiB,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA;AAapC"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTabs.js","names":[],"sources":["../../../src/comradecircle/components/FilterTabs.tsx"],"sourcesContent":["/**\n * FilterTabs — a segmented status/enum filter control.\n * @module comradecircle/components\n */\n\nimport { cn } from '../utils/cn';\n\nexport interface FilterOption<V extends string> {\n  value: V;\n  label: string;\n  count?: number;\n}\n\ninterface FilterTabsProps<V extends string> {\n  options: FilterOption<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function FilterTabs<V extends string>({\n  options,\n  value,\n  onChange,\n  className,\n}: FilterTabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn(\n        'inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1',\n        className\n      )}\n    >\n      {options.map((opt) => {\n        const active = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(opt.value)}\n            className={cn(\n              'rounded-lg px-3 py-1.5 text-sm font-medium transition-colors',\n              active\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n            {typeof opt.count === 'number' && (\n              <span\n                className={cn(\n                  'ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active ? 'bg-black/10 dark:bg-white/15' : 'bg-bg-sunken'\n                )}\n              >\n                {opt.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAA6B,EAC3C,YACA,UACA,aACA,gBACqB;AACrB,QACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EACT,mGACA,EACD;YAEA,EAAQ,KAAK,MAAQ;GACpB,IAAM,IAAS,EAAI,UAAU;AAC7B,UACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAI,MAAM;IAClC,WAAW,EACT,gEACA,IACI,kDACA,iEACL;cAXH,CAaG,EAAI,OACJ,OAAO,EAAI,SAAU,YACpB,kBAAC,QAAD;KACE,WAAW,EACT,0DACA,IAAS,iCAAiC,eAC3C;eAEA,EAAI;KACA,CAAA,CAEF;MAvBF,EAAI,MAuBF;IAEX;EACE,CAAA"}
+{"version":3,"file":"FilterTabs.js","names":[],"sources":["../../../src/comradecircle/components/FilterTabs.tsx"],"sourcesContent":["/**\n * FilterTabs — a segmented status/enum filter control.\n * @module comradecircle/components\n */\n\nimport { cn } from '../utils/cn';\n\nexport interface FilterOption<V extends string> {\n  value: V;\n  label: string;\n  count?: number;\n}\n\ninterface FilterTabsProps<V extends string> {\n  options: FilterOption<V>[];\n  value: V;\n  onChange: (value: V) => void;\n  className?: string;\n}\n\nexport function FilterTabs<V extends string>({\n  options,\n  value,\n  onChange,\n  className,\n}: FilterTabsProps<V>) {\n  return (\n    <div\n      role=\"tablist\"\n      className={cn(\n        'inline-flex flex-wrap items-center gap-1 rounded-xl border border-border-seam bg-bg-surface p-1',\n        className\n      )}\n    >\n      {options.map((opt) => {\n        const active = opt.value === value;\n        return (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={active}\n            onClick={() => onChange(opt.value)}\n            className={cn(\n              'rounded-lg px-3 py-1.5 text-sm font-medium transition-colors',\n              active\n                ? 'bg-action-primary-bg text-action-primary-text'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            {opt.label}\n            {typeof opt.count === 'number' && (\n              <span\n                className={cn(\n                  'ml-1.5 rounded-full px-1.5 py-0.5 text-xs tabular-nums',\n                  active ? 'bg-black/10 dark:bg-white/15' : 'bg-bg-sunken'\n                )}\n              >\n                {opt.count}\n              </span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;AAoBA,SAAgB,EAA6B,EAC3C,YACA,UACA,aACA,gBACqB;CACrB,OACE,kBAAC,OAAD;EACE,MAAK;EACL,WAAW,EACT,mGACA,CACF;YAEC,EAAQ,KAAK,MAAQ;GACpB,IAAM,IAAS,EAAI,UAAU;GAC7B,OACE,kBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe;IACf,eAAe,EAAS,EAAI,KAAK;IACjC,WAAW,EACT,gEACA,IACI,kDACA,gEACN;cAXF,CAaG,EAAI,OACJ,OAAO,EAAI,SAAU,YACpB,kBAAC,QAAD;KACE,WAAW,EACT,0DACA,IAAS,iCAAiC,cAC5C;eAEC,EAAI;IACD,CAAA,CAEF;MAvBD,EAAI,KAuBH;EAEZ,CAAC;CACE,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageAttachments.js","names":[],"sources":["../../../src/comradecircle/components/ImageAttachments.tsx"],"sourcesContent":["/**\n * ImageAttachments — attach images to a post + render a post's attachments.\n * @module comradecircle/components\n *\n * Uploads go to wspace-files-svc (reuse, no blob storage here); the composer\n * keeps only file ids, which are persisted as ComPost.attachmentFileIds.\n */\n\nimport { useRef, useState } from 'react';\nimport { ImagePlus, Loader2, X } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { FileImage } from './FileImage';\nimport { uploadImageToFiles, FILE_FOLDERS } from '../hooks/useFiles';\nimport { notify, describeError } from '../lib/toast';\n\nconst MAX_BYTES = 10 * 1024 * 1024;\nconst MAX_ATTACHMENTS = 6;\n\n// --- Composer: pick + upload images, expose file ids -----------------------\n\ninterface AttachmentPickerProps {\n  fileIds: string[];\n  onChange: (fileIds: string[]) => void;\n  disabled?: boolean;\n}\n\nexport function AttachmentPicker({ fileIds, onChange, disabled = false }: AttachmentPickerProps) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const [previews, setPreviews] = useState<Record<string, string>>({});\n\n  const handleSelect = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const files = Array.from(event.target.files ?? []);\n    event.target.value = '';\n    if (files.length === 0) return;\n    const room = MAX_ATTACHMENTS - fileIds.length;\n    if (room <= 0) {\n      notify.warning('Attachment limit reached', `Up to ${MAX_ATTACHMENTS} images per post.`);\n      return;\n    }\n    setUploading(true);\n    try {\n      const added: string[] = [];\n      const nextPreviews: Record<string, string> = {};\n      for (const file of files.slice(0, room)) {\n        if (!file.type.startsWith('image/')) continue;\n        if (file.size > MAX_BYTES) {\n          notify.error('Image too large', `${file.name} exceeds 10 MB.`);\n          continue;\n        }\n        const uploaded = await uploadImageToFiles(file, FILE_FOLDERS.posts);\n        added.push(uploaded.id);\n        nextPreviews[uploaded.id] = uploaded.url;\n      }\n      if (added.length) {\n        setPreviews((p) => ({ ...p, ...nextPreviews }));\n        onChange([...fileIds, ...added]);\n      }\n    } catch (err) {\n      notify.error('Upload failed', describeError(err));\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const remove = (id: string) => onChange(fileIds.filter((f) => f !== id));\n\n  return (\n    <div>\n      {fileIds.length > 0 && (\n        <div className=\"mb-2 flex flex-wrap gap-2\">\n          {fileIds.map((id) => (\n            <div\n              key={id}\n              className=\"relative h-20 w-20 overflow-hidden rounded-lg ring-1 ring-border-seam\"\n            >\n              {previews[id] ? (\n                <img src={previews[id]} alt=\"attachment\" className=\"h-full w-full object-cover\" />\n              ) : (\n                <FileImage fileId={id} alt=\"attachment\" className=\"h-full w-full\" />\n              )}\n              <button\n                type=\"button\"\n                onClick={() => remove(id)}\n                aria-label=\"Remove attachment\"\n                className=\"absolute right-0.5 top-0.5 rounded-full bg-bg-canvas/70 p-0.5 text-text-primary hover:bg-bg-canvas\"\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        multiple\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 || fileIds.length >= MAX_ATTACHMENTS}\n        className=\"inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-50\"\n      >\n        {uploading ? (\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n        ) : (\n          <ImagePlus className=\"h-4 w-4\" />\n        )}\n        {uploading ? 'Uploading…' : 'Add images'}\n      </button>\n    </div>\n  );\n}\n\n// --- Reader: render a post's attachment grid -------------------------------\n\ninterface AttachmentGridProps {\n  fileIds: string[];\n  className?: string;\n}\n\nexport function AttachmentGrid({ fileIds, className }: AttachmentGridProps) {\n  if (fileIds.length === 0) return null;\n  return (\n    <div\n      className={cn(\n        'mt-3 grid gap-2',\n        fileIds.length === 1 ? 'grid-cols-1' : 'grid-cols-2 sm:grid-cols-3',\n        className\n      )}\n    >\n      {fileIds.map((id) => (\n        <div\n          key={id}\n          className={cn(\n            'overflow-hidden rounded-xl ring-1 ring-border-seam',\n            fileIds.length === 1 ? 'max-h-96' : 'aspect-square'\n          )}\n        >\n          <FileImage fileId={id} alt=\"Post attachment\" className=\"h-full w-full\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAY,KAAK,OAAO,MACxB,IAAkB;AAUxB,SAAgB,EAAiB,EAAE,YAAS,aAAU,cAAW,MAAgC;CAC/F,IAAM,IAAW,EAAgC,KAAK,EAChD,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAU,KAAe,EAAiC,EAAE,CAAC,EAE9D,IAAe,OAAO,MAA+C;EACzE,IAAM,IAAQ,MAAM,KAAK,EAAM,OAAO,SAAS,EAAE,CAAC;AAElD,MADA,EAAM,OAAO,QAAQ,IACjB,EAAM,WAAW,EAAG;EACxB,IAAM,IAAO,IAAkB,EAAQ;AACvC,MAAI,KAAQ,GAAG;AACb,KAAO,QAAQ,4BAA4B,SAAS,EAAgB,mBAAmB;AACvF;;AAEF,IAAa,GAAK;AAClB,MAAI;GACF,IAAM,IAAkB,EAAE,EACpB,IAAuC,EAAE;AAC/C,QAAK,IAAM,KAAQ,EAAM,MAAM,GAAG,EAAK,EAAE;AACvC,QAAI,CAAC,EAAK,KAAK,WAAW,SAAS,CAAE;AACrC,QAAI,EAAK,OAAO,GAAW;AACzB,OAAO,MAAM,mBAAmB,GAAG,EAAK,KAAK,iBAAiB;AAC9D;;IAEF,IAAM,IAAW,MAAM,EAAmB,GAAM,EAAa,MAAM;AAEnE,IADA,EAAM,KAAK,EAAS,GAAG,EACvB,EAAa,EAAS,MAAM,EAAS;;AAEvC,GAAI,EAAM,WACR,GAAa,OAAO;IAAE,GAAG;IAAG,GAAG;IAAc,EAAE,EAC/C,EAAS,CAAC,GAAG,GAAS,GAAG,EAAM,CAAC;WAE3B,GAAK;AACZ,KAAO,MAAM,iBAAiB,EAAc,EAAI,CAAC;YACzC;AACR,KAAa,GAAM;;IAIjB,KAAU,MAAe,EAAS,EAAQ,QAAQ,MAAM,MAAM,EAAG,CAAC;AAExE,QACE,kBAAC,OAAD,EAAA,UAAA;EACG,EAAQ,SAAS,KAChB,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAQ,KAAK,MACZ,kBAAC,OAAD;IAEE,WAAU;cAFZ,CAIG,EAAS,KACR,kBAAC,OAAD;KAAK,KAAK,EAAS;KAAK,KAAI;KAAa,WAAU;KAA+B,CAAA,GAElF,kBAAC,GAAD;KAAW,QAAQ;KAAI,KAAI;KAAa,WAAU;KAAkB,CAAA,EAEtE,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,EAAO,EAAG;KACzB,cAAW;KACX,WAAU;eAEV,kBAAC,GAAD,EAAG,WAAU,eAAgB,CAAA;KACtB,CAAA,CACL;MAhBC,EAgBD,CACN;GACE,CAAA;EAER,kBAAC,SAAD;GACE,KAAK;GACL,MAAK;GACL,QAAO;GACP,UAAA;GACA,WAAU;GACV,UAAU;GACV,UAAU,KAAY;GACtB,CAAA;EACF,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,EAAS,SAAS,OAAO;GACxC,UAAU,KAAY,KAAa,EAAQ,UAAU;GACrD,WAAU;aAJZ,CAMG,IACC,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA,GAE5C,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAElC,IAAY,eAAe,aACrB;;EACL,EAAA,CAAA;;AAWV,SAAgB,EAAe,EAAE,YAAS,gBAAkC;AAE1E,QADI,EAAQ,WAAW,IAAU,OAE/B,kBAAC,OAAD;EACE,WAAW,EACT,mBACA,EAAQ,WAAW,IAAI,gBAAgB,8BACvC,EACD;YAEA,EAAQ,KAAK,MACZ,kBAAC,OAAD;GAEE,WAAW,EACT,sDACA,EAAQ,WAAW,IAAI,aAAa,gBACrC;aAED,kBAAC,GAAD;IAAW,QAAQ;IAAI,KAAI;IAAkB,WAAU;IAAkB,CAAA;GACrE,EAPC,EAOD,CACN;EACE,CAAA"}
+{"version":3,"file":"ImageAttachments.js","names":[],"sources":["../../../src/comradecircle/components/ImageAttachments.tsx"],"sourcesContent":["/**\n * ImageAttachments — attach images to a post + render a post's attachments.\n * @module comradecircle/components\n *\n * Uploads go to wspace-files-svc (reuse, no blob storage here); the composer\n * keeps only file ids, which are persisted as ComPost.attachmentFileIds.\n */\n\nimport { useRef, useState } from 'react';\nimport { ImagePlus, Loader2, X } from 'lucide-react';\nimport { cn } from '../utils/cn';\nimport { FileImage } from './FileImage';\nimport { uploadImageToFiles, FILE_FOLDERS } from '../hooks/useFiles';\nimport { notify, describeError } from '../lib/toast';\n\nconst MAX_BYTES = 10 * 1024 * 1024;\nconst MAX_ATTACHMENTS = 6;\n\n// --- Composer: pick + upload images, expose file ids -----------------------\n\ninterface AttachmentPickerProps {\n  fileIds: string[];\n  onChange: (fileIds: string[]) => void;\n  disabled?: boolean;\n}\n\nexport function AttachmentPicker({ fileIds, onChange, disabled = false }: AttachmentPickerProps) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const [previews, setPreviews] = useState<Record<string, string>>({});\n\n  const handleSelect = async (event: React.ChangeEvent<HTMLInputElement>) => {\n    const files = Array.from(event.target.files ?? []);\n    event.target.value = '';\n    if (files.length === 0) return;\n    const room = MAX_ATTACHMENTS - fileIds.length;\n    if (room <= 0) {\n      notify.warning('Attachment limit reached', `Up to ${MAX_ATTACHMENTS} images per post.`);\n      return;\n    }\n    setUploading(true);\n    try {\n      const added: string[] = [];\n      const nextPreviews: Record<string, string> = {};\n      for (const file of files.slice(0, room)) {\n        if (!file.type.startsWith('image/')) continue;\n        if (file.size > MAX_BYTES) {\n          notify.error('Image too large', `${file.name} exceeds 10 MB.`);\n          continue;\n        }\n        const uploaded = await uploadImageToFiles(file, FILE_FOLDERS.posts);\n        added.push(uploaded.id);\n        nextPreviews[uploaded.id] = uploaded.url;\n      }\n      if (added.length) {\n        setPreviews((p) => ({ ...p, ...nextPreviews }));\n        onChange([...fileIds, ...added]);\n      }\n    } catch (err) {\n      notify.error('Upload failed', describeError(err));\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const remove = (id: string) => onChange(fileIds.filter((f) => f !== id));\n\n  return (\n    <div>\n      {fileIds.length > 0 && (\n        <div className=\"mb-2 flex flex-wrap gap-2\">\n          {fileIds.map((id) => (\n            <div\n              key={id}\n              className=\"relative h-20 w-20 overflow-hidden rounded-lg ring-1 ring-border-seam\"\n            >\n              {previews[id] ? (\n                <img src={previews[id]} alt=\"attachment\" className=\"h-full w-full object-cover\" />\n              ) : (\n                <FileImage fileId={id} alt=\"attachment\" className=\"h-full w-full\" />\n              )}\n              <button\n                type=\"button\"\n                onClick={() => remove(id)}\n                aria-label=\"Remove attachment\"\n                className=\"absolute right-0.5 top-0.5 rounded-full bg-bg-canvas/70 p-0.5 text-text-primary hover:bg-bg-canvas\"\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n      <input\n        ref={inputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        multiple\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 || fileIds.length >= MAX_ATTACHMENTS}\n        className=\"inline-flex items-center gap-1.5 text-xs font-medium text-text-secondary transition-colors hover:text-text-primary disabled:opacity-50\"\n      >\n        {uploading ? (\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n        ) : (\n          <ImagePlus className=\"h-4 w-4\" />\n        )}\n        {uploading ? 'Uploading…' : 'Add images'}\n      </button>\n    </div>\n  );\n}\n\n// --- Reader: render a post's attachment grid -------------------------------\n\ninterface AttachmentGridProps {\n  fileIds: string[];\n  className?: string;\n}\n\nexport function AttachmentGrid({ fileIds, className }: AttachmentGridProps) {\n  if (fileIds.length === 0) return null;\n  return (\n    <div\n      className={cn(\n        'mt-3 grid gap-2',\n        fileIds.length === 1 ? 'grid-cols-1' : 'grid-cols-2 sm:grid-cols-3',\n        className\n      )}\n    >\n      {fileIds.map((id) => (\n        <div\n          key={id}\n          className={cn(\n            'overflow-hidden rounded-xl ring-1 ring-border-seam',\n            fileIds.length === 1 ? 'max-h-96' : 'aspect-square'\n          )}\n        >\n          <FileImage fileId={id} alt=\"Post attachment\" className=\"h-full w-full\" />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MemberIdentity.js","names":[],"sources":["../../../src/comradecircle/components/MemberIdentity.tsx"],"sourcesContent":["/**\n * MemberIdentity — resolve a `memberId` to a display name + avatar via the\n * product's own social-identity layer (`ComProfile`).\n * @module comradecircle/components\n *\n * The composed `User` entity resolves `id` only, so we never render a raw actor\n * id. Instead we look up the member's `ComProfile` (cached aggressively). The\n * calling user is labelled \"You\". If a member has not created a profile yet we\n * fall back to a neutral \"Member\" label with initials from the id.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useComProfile } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { Avatar } from './Avatar';\nimport type { ComPresence } from '../types';\n\ninterface MemberIdentityProps {\n  memberId: string;\n  /** Layout: 'inline' = avatar + name only; 'row' = avatar + name + headline. */\n  variant?: 'inline' | 'row';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Suffix shown after the name (e.g. a timestamp) in inline variant. */\n  suffix?: string;\n  showPresence?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nfunction labelForMember(\n  displayName: string | undefined,\n  isSelf: boolean\n): { name: string; presence?: ComPresence | null } {\n  if (displayName) return { name: isSelf ? `${displayName} (You)` : displayName };\n  return { name: isSelf ? 'You' : 'Member' };\n}\n\nexport const MemberIdentity: FC<MemberIdentityProps> = ({\n  memberId,\n  variant = 'inline',\n  size = 'sm',\n  suffix,\n  showPresence = false,\n  onClick,\n  className,\n}) => {\n  const { currentUser } = useComradeCircle();\n  const isSelf = Boolean(currentUser?.id && currentUser.id === memberId);\n  const { data: profile } = useComProfile(memberId);\n\n  const { name } = labelForMember(profile?.displayName ?? undefined, isSelf);\n  const nameForAvatar = profile?.displayName ?? (isSelf ? (currentUser?.name ?? 'You') : memberId);\n  const presence = showPresence ? (profile?.presence ?? null) : null;\n\n  const Wrapper = onClick ? 'button' : 'div';\n\n  return (\n    <Wrapper\n      type={onClick ? 'button' : undefined}\n      onClick={onClick}\n      className={cn(\n        'flex items-center gap-2.5 text-left',\n        onClick && 'rounded-lg transition-colors hover:opacity-80',\n        className\n      )}\n    >\n      <Avatar\n        name={nameForAvatar}\n        seed={memberId}\n        size={size}\n        presence={presence}\n        fileId={profile?.avatar?.id}\n      />\n      <div className=\"min-w-0\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"truncate text-sm font-medium text-text-primary\">{name}</span>\n          {suffix && <span className=\"shrink-0 text-xs text-text-tertiary\">· {suffix}</span>}\n        </div>\n        {variant === 'row' && profile?.headline && (\n          <p className=\"truncate text-xs text-text-secondary\">{profile.headline}</p>\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n"],"mappings":";;;;;;;;AA8BA,SAAS,EACP,GACA,GACiD;AAEjD,QADI,IAAoB,EAAE,MAAM,IAAS,GAAG,EAAY,UAAU,GAAa,GACxE,EAAE,MAAM,IAAS,QAAQ,UAAU;;AAG5C,IAAa,KAA2C,EACtD,aACA,aAAU,UACV,UAAO,MACP,WACA,kBAAe,IACf,YACA,mBACI;CACJ,IAAM,EAAE,mBAAgB,GAAkB,EACpC,IAAS,GAAQ,GAAa,MAAM,EAAY,OAAO,IACvD,EAAE,MAAM,MAAY,EAAc,EAAS,EAE3C,EAAE,YAAS,EAAe,GAAS,eAAe,KAAA,GAAW,EAAO,EACpE,IAAgB,GAAS,gBAAgB,IAAU,GAAa,QAAQ,QAAS,IACjF,IAAW,IAAgB,GAAS,YAAY,OAAQ;AAI9D,QACE,kBAHc,IAAU,WAAW,OAGnC;EACE,MAAM,IAAU,WAAW,KAAA;EAClB;EACT,WAAW,EACT,uCACA,KAAW,iDACX,EACD;YAPH,CASE,kBAAC,GAAD;GACE,MAAM;GACN,MAAM;GACA;GACI;GACV,QAAQ,GAAS,QAAQ;GACzB,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAkD;KAAY,CAAA,EAC7E,KAAU,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsD,MAAG,EAAc;OAC9E;OACL,MAAY,SAAS,GAAS,YAC7B,kBAAC,KAAD;IAAG,WAAU;cAAwC,EAAQ;IAAa,CAAA,CAExE;KACE"}
+{"version":3,"file":"MemberIdentity.js","names":[],"sources":["../../../src/comradecircle/components/MemberIdentity.tsx"],"sourcesContent":["/**\n * MemberIdentity — resolve a `memberId` to a display name + avatar via the\n * product's own social-identity layer (`ComProfile`).\n * @module comradecircle/components\n *\n * The composed `User` entity resolves `id` only, so we never render a raw actor\n * id. Instead we look up the member's `ComProfile` (cached aggressively). The\n * calling user is labelled \"You\". If a member has not created a profile yet we\n * fall back to a neutral \"Member\" label with initials from the id.\n */\n\nimport type { FC } from 'react';\nimport { cn } from '../utils/cn';\nimport { useComProfile } from '../hooks';\nimport { useComradeCircle } from '../context';\nimport { Avatar } from './Avatar';\nimport type { ComPresence } from '../types';\n\ninterface MemberIdentityProps {\n  memberId: string;\n  /** Layout: 'inline' = avatar + name only; 'row' = avatar + name + headline. */\n  variant?: 'inline' | 'row';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Suffix shown after the name (e.g. a timestamp) in inline variant. */\n  suffix?: string;\n  showPresence?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nfunction labelForMember(\n  displayName: string | undefined,\n  isSelf: boolean\n): { name: string; presence?: ComPresence | null } {\n  if (displayName) return { name: isSelf ? `${displayName} (You)` : displayName };\n  return { name: isSelf ? 'You' : 'Member' };\n}\n\nexport const MemberIdentity: FC<MemberIdentityProps> = ({\n  memberId,\n  variant = 'inline',\n  size = 'sm',\n  suffix,\n  showPresence = false,\n  onClick,\n  className,\n}) => {\n  const { currentUser } = useComradeCircle();\n  const isSelf = Boolean(currentUser?.id && currentUser.id === memberId);\n  const { data: profile } = useComProfile(memberId);\n\n  const { name } = labelForMember(profile?.displayName ?? undefined, isSelf);\n  const nameForAvatar = profile?.displayName ?? (isSelf ? (currentUser?.name ?? 'You') : memberId);\n  const presence = showPresence ? (profile?.presence ?? null) : null;\n\n  const Wrapper = onClick ? 'button' : 'div';\n\n  return (\n    <Wrapper\n      type={onClick ? 'button' : undefined}\n      onClick={onClick}\n      className={cn(\n        'flex items-center gap-2.5 text-left',\n        onClick && 'rounded-lg transition-colors hover:opacity-80',\n        className\n      )}\n    >\n      <Avatar\n        name={nameForAvatar}\n        seed={memberId}\n        size={size}\n        presence={presence}\n        fileId={profile?.avatar?.id}\n      />\n      <div className=\"min-w-0\">\n        <div className=\"flex items-center gap-1.5\">\n          <span className=\"truncate text-sm font-medium text-text-primary\">{name}</span>\n          {suffix && <span className=\"shrink-0 text-xs text-text-tertiary\">· {suffix}</span>}\n        </div>\n        {variant === 'row' && profile?.headline && (\n          <p className=\"truncate text-xs text-text-secondary\">{profile.headline}</p>\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n"],"mappings":";;;;;;;;AA8BA,SAAS,EACP,GACA,GACiD;CAEjD,OADI,IAAoB,EAAE,MAAM,IAAS,GAAG,EAAY,UAAU,EAAY,IACvE,EAAE,MAAM,IAAS,QAAQ,SAAS;AAC3C;AAEA,IAAa,KAA2C,EACtD,aACA,aAAU,UACV,UAAO,MACP,WACA,kBAAe,IACf,YACA,mBACI;CACJ,IAAM,EAAE,mBAAgB,EAAiB,GACnC,IAAS,GAAQ,GAAa,MAAM,EAAY,OAAO,IACvD,EAAE,MAAM,MAAY,EAAc,CAAQ,GAE1C,EAAE,YAAS,EAAe,GAAS,eAAe,KAAA,GAAW,CAAM,GACnE,IAAgB,GAAS,gBAAgB,IAAU,GAAa,QAAQ,QAAS,IACjF,IAAW,IAAgB,GAAS,YAAY,OAAQ;CAI9D,OACE,kBAHc,IAAU,WAAW,OAGnC;EACE,MAAM,IAAU,WAAW,KAAA;EAClB;EACT,WAAW,EACT,uCACA,KAAW,iDACX,CACF;YAPF,CASE,kBAAC,GAAD;GACE,MAAM;GACN,MAAM;GACA;GACI;GACV,QAAQ,GAAS,QAAQ;EAC1B,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAAkD;IAAW,CAAA,GAC5E,KAAU,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsD,MAAG,CAAa;MAC9E;OACJ,MAAY,SAAS,GAAS,YAC7B,kBAAC,KAAD;IAAG,WAAU;cAAwC,EAAQ;GAAY,CAAA,CAExE;IACE;;AAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"MiniBar.js","names":[],"sources":["../../../src/comradecircle/components/MiniBar.tsx"],"sourcesContent":["/**\n * MiniBar — a thin inline progress bar (target progress, completion, breach %).\n * @module comradecircle/components\n */\n\nimport { cn } from '../utils/cn';\n\ninterface MiniBarProps {\n  /** 0–100. */\n  value: number;\n  className?: string;\n  /** Bar fill token class (defaults to accent). */\n  barClassName?: string;\n  /** Height in px. */\n  height?: number;\n}\n\nexport function MiniBar({\n  value,\n  className,\n  barClassName = 'bg-accent',\n  height = 6,\n}: MiniBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(clamped)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className={cn('h-full rounded-full transition-[width] duration-700 ease-out', barClassName)}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,EACtB,UACA,cACA,kBAAe,aACf,YAAS,KACM;CACf,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC;AACjD,QACE,kBAAC,OAAD;EACE,WAAW,EAAG,oDAAoD,EAAU;EAC5E,OAAO,EAAE,WAAQ;EACjB,MAAK;EACL,iBAAe,KAAK,MAAM,EAAQ;EAClC,iBAAe;EACf,iBAAe;YAEf,kBAAC,OAAD;GACE,WAAW,EAAG,gEAAgE,EAAa;GAC3F,OAAO,EAAE,OAAO,GAAG,EAAQ,IAAI;GAC/B,CAAA;EACE,CAAA"}
+{"version":3,"file":"MiniBar.js","names":[],"sources":["../../../src/comradecircle/components/MiniBar.tsx"],"sourcesContent":["/**\n * MiniBar — a thin inline progress bar (target progress, completion, breach %).\n * @module comradecircle/components\n */\n\nimport { cn } from '../utils/cn';\n\ninterface MiniBarProps {\n  /** 0–100. */\n  value: number;\n  className?: string;\n  /** Bar fill token class (defaults to accent). */\n  barClassName?: string;\n  /** Height in px. */\n  height?: number;\n}\n\nexport function MiniBar({\n  value,\n  className,\n  barClassName = 'bg-accent',\n  height = 6,\n}: MiniBarProps) {\n  const clamped = Math.max(0, Math.min(100, value));\n  return (\n    <div\n      className={cn('w-full overflow-hidden rounded-full bg-bg-sunken', className)}\n      style={{ height }}\n      role=\"progressbar\"\n      aria-valuenow={Math.round(clamped)}\n      aria-valuemin={0}\n      aria-valuemax={100}\n    >\n      <div\n        className={cn('h-full rounded-full transition-[width] duration-700 ease-out', barClassName)}\n        style={{ width: `${clamped}%` }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAQ,EACtB,UACA,cACA,kBAAe,aACf,YAAS,KACM;CACf,IAAM,IAAU,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,CAAK,CAAC;CAChD,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,oDAAoD,CAAS;EAC3E,OAAO,EAAE,UAAO;EAChB,MAAK;EACL,iBAAe,KAAK,MAAM,CAAO;EACjC,iBAAe;EACf,iBAAe;YAEf,kBAAC,OAAD;GACE,WAAW,EAAG,gEAAgE,CAAY;GAC1F,OAAO,EAAE,OAAO,GAAG,EAAQ,GAAG;EAC/B,CAAA;CACE,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/comradecircle/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module comradecircle/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      <div\n        className={cn(\n          'relative flex items-center justify-between gap-4 px-6 py-4 border-b border-border-seam',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && <div className=\"flex items-center gap-3 shrink-0\">{actions}</div>}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAwBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,SAGP,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;WAArD,CACE,kBAAC,OAAD;EACE,WAAW,EACT,0FACA,IAAS,kCAAkC,gBAC5C;YAJH;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAClD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;KACY,CAAA,GAEf,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAW,CAAA,EAEtE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAoC;IAAc,CAAA;GACzE;KAEN,kBAAC,OAAD;EAAK,WAAU;EAA4B;EAAe,CAAA,CACtD"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/comradecircle/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module comradecircle/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)}>\n      <div\n        className={cn(\n          'relative flex items-center justify-between gap-4 px-6 py-4 border-b border-border-seam',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && <div className=\"flex items-center gap-3 shrink-0\">{actions}</div>}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AAwBA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,SAGP,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,CAAS;WAApD,CACE,kBAAC,OAAD;EACE,WAAW,EACT,0FACA,IAAS,kCAAkC,eAC7C;YAJF;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,SAAU,CAAA;GACjD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;IACW,CAAA,IAEd,kBAAC,MAAD;KAAI,WAAU;eAA4C;IAAU,CAAA,GAErE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;IAAe,CAAA,CAC7E;;GACJ,KAAW,kBAAC,OAAD;IAAK,WAAU;cAAoC;GAAa,CAAA;EACzE;KAEL,kBAAC,OAAD;EAAK,WAAU;EAA4B;CAAc,CAAA,CACtD"}