@burdenoff/microfe-comradecircle 2026.731.1 → 2026.801.1

package/dist/comradecircle/ComradeCircleRoutes.js

@@ -2,7 +2,7 @@ import { useComradeCircle as e } from "./context/ComradeCircleContext.js";
 import { MobileBottomNav as t } from "./components/MobileBottomNav.js";
 import { FeedPage as n } from "./pages/FeedPage.js";
 import { Suspense as r, lazy as i } from "react";
-import { Navigate as a, Route as o, Routes as s, useLocation as c } from "react-router-dom";
+import { Navigate as a, Route as o, Routes as s, useLocation as c } from "react-router";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Spinner as d } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/ComradeCircleRoutes.tsx

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';\nimport { MobileBottomNav } from './components/MobileBottomNav';\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\n// Creator monetization console (BOFF-4454)\nconst MonetizationPage = lazy(() =>\n  import('./pages/monetization/MonetizationPage').then((m) => ({ default: m.MonetizationPage }))\n);\n\n// Post thread — focused single-post + comments surface (BOFF-3955)\nconst PostThreadPage = lazy(() =>\n  import('./pages/posts/PostThreadPage').then((m) => ({ default: m.PostThreadPage }))\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 pb-16 lg:pb-0\">\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=\"posts/:postId\" element={<PostThreadPage />} />\n\n          <Route path=\"profile\" element={<MyProfilePage />} />\n          <Route path=\"monetization\" element={<MonetizationPage />} />\n\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n      <MobileBottomNav />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,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,GAGM,IAAmB,QACvB,OAAO,4CAAyC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC/F,GAGM,IAAiB,QACrB,OAAO,mCAAgC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,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;YAAf,CACE,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;KAAgB,SAAS,kBAAC,GAAD,CAAiB,CAAA;IAAI,CAAA;IAE1D,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAgB,CAAA;IAAI,CAAA;IACnD,kBAAC,GAAD;KAAO,MAAK;KAAe,SAAS,kBAAC,GAAD,CAAmB,CAAA;IAAI,CAAA;IAE3D,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAG;MAAG,SAAA;KAAS,CAAA;IAAI,CAAA;GAChD,EAAA,CAAA;EACA,CAAA,GACV,kBAAC,GAAD,CAAkB,CAAA,CACf;;AAET"}
+{"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';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useComradeCircle } from './context/ComradeCircleContext';\nimport { MobileBottomNav } from './components/MobileBottomNav';\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\n// Creator monetization console (BOFF-4454)\nconst MonetizationPage = lazy(() =>\n  import('./pages/monetization/MonetizationPage').then((m) => ({ default: m.MonetizationPage }))\n);\n\n// Post thread — focused single-post + comments surface (BOFF-3955)\nconst PostThreadPage = lazy(() =>\n  import('./pages/posts/PostThreadPage').then((m) => ({ default: m.PostThreadPage }))\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 pb-16 lg:pb-0\">\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=\"posts/:postId\" element={<PostThreadPage />} />\n\n          <Route path=\"profile\" element={<MyProfilePage />} />\n          <Route path=\"monetization\" element={<MonetizationPage />} />\n\n          <Route path=\"*\" element={<Navigate to=\"\" replace />} />\n        </Routes>\n      </Suspense>\n      <MobileBottomNav />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAkBA,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,GAGM,IAAmB,QACvB,OAAO,4CAAyC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAC/F,GAGM,IAAiB,QACrB,OAAO,mCAAgC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,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;YAAf,CACE,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;KAAgB,SAAS,kBAAC,GAAD,CAAiB,CAAA;IAAI,CAAA;IAE1D,kBAAC,GAAD;KAAO,MAAK;KAAU,SAAS,kBAAC,GAAD,CAAgB,CAAA;IAAI,CAAA;IACnD,kBAAC,GAAD;KAAO,MAAK;KAAe,SAAS,kBAAC,GAAD,CAAmB,CAAA;IAAI,CAAA;IAE3D,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAG;MAAG,SAAA;KAAS,CAAA;IAAI,CAAA;GAChD,EAAA,CAAA;EACA,CAAA,GACV,kBAAC,GAAD,CAAkB,CAAA,CACf;;AAET"}

package/dist/comradecircle/components/MobileBottomNav.js

@@ -2,7 +2,7 @@ import { useComradeCircle as e } from "../context/ComradeCircleContext.js";
 import "../context/index.js";
 import { cn as t } from "../utils/cn.js";
 import { CalendarDays as n, Contact as r, Newspaper as i, UserCircle as a, Users as o } from "lucide-react";
-import { useLocation as s } from "react-router-dom";
+import { useLocation as s } from "react-router";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/comradecircle/components/MobileBottomNav.tsx
 var u = [

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

@@ -1 +1 @@
-{"version":3,"file":"MobileBottomNav.js","names":[],"sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"sourcesContent":["/**\n * MobileBottomNav — ComradeCircle's product-specific mobile tab bar (BOFF-3957).\n * @module comradecircle/components\n *\n * The mobile mocks (`comradecircle-00-mobile-app-preview.png`,\n * `comradecircle-19/20/21-mobile-*.png`) show a fixed Home / Circles / Events /\n * Members / Profile bottom tab bar instead of the shared app-shell's\n * collapsible sidebar/hamburger menu. Mirrors the same five items registered\n * with the host shell in `ComradeCircleRoot` (id/path/icon/order) so the two\n * navs never drift.\n *\n * Fixed at the bottom of the viewport, hidden at and above the `lg` breakpoint\n * to match every other responsive split already used in this MFE (see the\n * `lg:hidden` mobile channel picker / `hidden lg:block` desktop rail in\n * `CircleDetailPage`). Uses `flex` with each tab `flex-1` rather than a CSS\n * grid: build-time MFE composition means only utility classes the host\n * shell's own Tailwind build already emits reach this MFE at runtime, and\n * `grid`/`grid-cols-*` is not reliably among them.\n */\n\nimport type { FC } from 'react';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { useLocation } from 'react-router-dom';\nimport { useComradeCircle } from '../context';\nimport { cn } from '../utils/cn';\n\ninterface TabDef {\n  id: string;\n  label: string;\n  /** Path relative to basePath, '' for the home feed. */\n  path: string;\n  icon: FC<{ className?: string }>;\n}\n\nconst TABS: TabDef[] = [\n  { id: 'feed', label: 'Home', path: '', icon: Newspaper },\n  { id: 'circles', label: 'Circles', path: 'circles', icon: Users },\n  { id: 'events', label: 'Events', path: 'events', icon: CalendarDays },\n  { id: 'members', label: 'Members', path: 'members', icon: Contact },\n  { id: 'profile', label: 'Profile', path: 'profile', icon: UserCircle },\n];\n\nexport const MobileBottomNav: FC = () => {\n  const { getPath, navigateTo } = useComradeCircle();\n  const location = useLocation();\n\n  return (\n    <nav\n      aria-label=\"ComradeCircle mobile navigation\"\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 lg:hidden',\n        'border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm',\n        'pb-[max(env(safe-area-inset-bottom),0px)]'\n      )}\n    >\n      <ul className=\"flex\">\n        {TABS.map((tab) => {\n          const target = getPath(tab.path);\n          const isActive =\n            tab.path === ''\n              ? location.pathname === target\n              : location.pathname === target || location.pathname.startsWith(`${target}/`);\n          const Icon = tab.icon;\n          return (\n            <li key={tab.id} className=\"flex-1\">\n              <button\n                type=\"button\"\n                aria-current={isActive ? 'page' : undefined}\n                onClick={() => navigateTo(tab.path)}\n                className={cn(\n                  'flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors',\n                  isActive ? 'text-accent' : 'text-text-tertiary hover:text-text-secondary'\n                )}\n              >\n                <Icon className={cn('h-5 w-5', isActive && 'text-accent')} />\n                {tab.label}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;AAkCA,IAAM,IAAiB;CACrB;EAAE,IAAI;EAAQ,OAAO;EAAQ,MAAM;EAAI,MAAM;CAAU;CACvD;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAM;CAChE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM;EAAU,MAAM;CAAa;CACpE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAQ;CAClE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAW;AACvE,GAEa,UAA4B;CACvC,IAAM,EAAE,YAAS,kBAAe,EAAiB,GAC3C,IAAW,EAAY;CAE7B,OACE,kBAAC,OAAD;EACE,cAAW;EACX,WAAW,EACT,2CACA,iEACA,2CACF;YAEA,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MAAQ;IACjB,IAAM,IAAS,EAAQ,EAAI,IAAI,GACzB,IACJ,EAAI,SAAS,KACT,EAAS,aAAa,IACtB,EAAS,aAAa,KAAU,EAAS,SAAS,WAAW,GAAG,EAAO,EAAE,GACzE,IAAO,EAAI;IACjB,OACE,kBAAC,MAAD;KAAiB,WAAU;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,gBAAc,IAAW,SAAS,KAAA;MAClC,eAAe,EAAW,EAAI,IAAI;MAClC,WAAW,EACT,4FACA,IAAW,gBAAgB,8CAC7B;gBAPF,CASE,kBAAC,GAAD,EAAM,WAAW,EAAG,WAAW,KAAY,aAAa,EAAI,CAAA,GAC3D,EAAI,KACC;;IACN,GAbK,EAAI,EAaT;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}
+{"version":3,"file":"MobileBottomNav.js","names":[],"sources":["../../../src/comradecircle/components/MobileBottomNav.tsx"],"sourcesContent":["/**\n * MobileBottomNav — ComradeCircle's product-specific mobile tab bar (BOFF-3957).\n * @module comradecircle/components\n *\n * The mobile mocks (`comradecircle-00-mobile-app-preview.png`,\n * `comradecircle-19/20/21-mobile-*.png`) show a fixed Home / Circles / Events /\n * Members / Profile bottom tab bar instead of the shared app-shell's\n * collapsible sidebar/hamburger menu. Mirrors the same five items registered\n * with the host shell in `ComradeCircleRoot` (id/path/icon/order) so the two\n * navs never drift.\n *\n * Fixed at the bottom of the viewport, hidden at and above the `lg` breakpoint\n * to match every other responsive split already used in this MFE (see the\n * `lg:hidden` mobile channel picker / `hidden lg:block` desktop rail in\n * `CircleDetailPage`). Uses `flex` with each tab `flex-1` rather than a CSS\n * grid: build-time MFE composition means only utility classes the host\n * shell's own Tailwind build already emits reach this MFE at runtime, and\n * `grid`/`grid-cols-*` is not reliably among them.\n */\n\nimport type { FC } from 'react';\nimport { Newspaper, Users, CalendarDays, Contact, UserCircle } from 'lucide-react';\nimport { useLocation } from 'react-router';\nimport { useComradeCircle } from '../context';\nimport { cn } from '../utils/cn';\n\ninterface TabDef {\n  id: string;\n  label: string;\n  /** Path relative to basePath, '' for the home feed. */\n  path: string;\n  icon: FC<{ className?: string }>;\n}\n\nconst TABS: TabDef[] = [\n  { id: 'feed', label: 'Home', path: '', icon: Newspaper },\n  { id: 'circles', label: 'Circles', path: 'circles', icon: Users },\n  { id: 'events', label: 'Events', path: 'events', icon: CalendarDays },\n  { id: 'members', label: 'Members', path: 'members', icon: Contact },\n  { id: 'profile', label: 'Profile', path: 'profile', icon: UserCircle },\n];\n\nexport const MobileBottomNav: FC = () => {\n  const { getPath, navigateTo } = useComradeCircle();\n  const location = useLocation();\n\n  return (\n    <nav\n      aria-label=\"ComradeCircle mobile navigation\"\n      className={cn(\n        'fixed inset-x-0 bottom-0 z-40 lg:hidden',\n        'border-t border-border-seam bg-bg-surface/95 backdrop-blur-sm',\n        'pb-[max(env(safe-area-inset-bottom),0px)]'\n      )}\n    >\n      <ul className=\"flex\">\n        {TABS.map((tab) => {\n          const target = getPath(tab.path);\n          const isActive =\n            tab.path === ''\n              ? location.pathname === target\n              : location.pathname === target || location.pathname.startsWith(`${target}/`);\n          const Icon = tab.icon;\n          return (\n            <li key={tab.id} className=\"flex-1\">\n              <button\n                type=\"button\"\n                aria-current={isActive ? 'page' : undefined}\n                onClick={() => navigateTo(tab.path)}\n                className={cn(\n                  'flex w-full flex-col items-center gap-1 py-2.5 text-[11px] font-medium transition-colors',\n                  isActive ? 'text-accent' : 'text-text-tertiary hover:text-text-secondary'\n                )}\n              >\n                <Icon className={cn('h-5 w-5', isActive && 'text-accent')} />\n                {tab.label}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;;;;AAkCA,IAAM,IAAiB;CACrB;EAAE,IAAI;EAAQ,OAAO;EAAQ,MAAM;EAAI,MAAM;CAAU;CACvD;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAM;CAChE;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM;EAAU,MAAM;CAAa;CACpE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAQ;CAClE;EAAE,IAAI;EAAW,OAAO;EAAW,MAAM;EAAW,MAAM;CAAW;AACvE,GAEa,UAA4B;CACvC,IAAM,EAAE,YAAS,kBAAe,EAAiB,GAC3C,IAAW,EAAY;CAE7B,OACE,kBAAC,OAAD;EACE,cAAW;EACX,WAAW,EACT,2CACA,iEACA,2CACF;YAEA,kBAAC,MAAD;GAAI,WAAU;aACX,EAAK,KAAK,MAAQ;IACjB,IAAM,IAAS,EAAQ,EAAI,IAAI,GACzB,IACJ,EAAI,SAAS,KACT,EAAS,aAAa,IACtB,EAAS,aAAa,KAAU,EAAS,SAAS,WAAW,GAAG,EAAO,EAAE,GACzE,IAAO,EAAI;IACjB,OACE,kBAAC,MAAD;KAAiB,WAAU;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,gBAAc,IAAW,SAAS,KAAA;MAClC,eAAe,EAAW,EAAI,IAAI;MAClC,WAAW,EACT,4FACA,IAAW,gBAAgB,8CAC7B;gBAPF,CASE,kBAAC,GAAD,EAAM,WAAW,EAAG,WAAW,KAAY,aAAa,EAAI,CAAA,GAC3D,EAAI,KACC;;IACN,GAbK,EAAI,EAaT;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/comradecircle/context/ComradeCircleContext.js

@@ -1,6 +1,6 @@
 import { joinPath as e } from "../utils/navigation.js";
 import { createContext as t, useCallback as n, useContext as r, useMemo as i } from "react";
-import { MemoryRouter as a, useNavigate as o } from "react-router-dom";
+import { MemoryRouter as a, useNavigate as o } from "react-router";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/comradecircle/context/ComradeCircleContext.tsx
 var c = t(null);

package/dist/comradecircle/context/ComradeCircleContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComradeCircleContext.js","names":[],"sources":["../../../src/comradecircle/context/ComradeCircleContext.tsx"],"sourcesContent":["/**\n * ComradeCircle Context Provider\n * @module comradecircle/context\n *\n * Splits standalone mode (wraps its own MemoryRouter + useNavigate) from\n * integrated mode (the host shell supplies `navigate`). Exposes gateway/auth\n * context + relative navigation helpers to every page.\n */\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo, useCallback } from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router-dom';\nimport type { ComradeCircleRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface ComradeCircleContextValue extends Omit<\n  ComradeCircleRootProps,\n  'registerNavItems' | 'registerFooterItems' | 'navigate'\n> {\n  isStandalone: boolean;\n  /** Shell's navigate function (only available in integrated mode). */\n  navigate?: (path: string) => void;\n  /** Navigate to a path relative to basePath. */\n  navigateTo: (relativePath: string) => void;\n  /** Get the full path for a relative path. */\n  getPath: (relativePath: string) => string;\n}\n\nconst ComradeCircleContext = createContext<ComradeCircleContextValue | null>(null);\n\nexport function useComradeCircle(): ComradeCircleContextValue {\n  const context = useContext(ComradeCircleContext);\n  if (!context) {\n    throw new Error('useComradeCircle must be used within a ComradeCircleProvider');\n  }\n  return context;\n}\n\ntype ProviderProps = Omit<ComradeCircleRootProps, 'registerNavItems' | 'registerFooterItems'> & {\n  isStandalone: boolean;\n};\n\nconst StandaloneProviderInner: FC<PropsWithChildren<ProviderProps>> = ({\n  children,\n  basePath,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const routerNavigate = useRouterNavigate();\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      routerNavigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, routerNavigate]\n  );\n\n  const contextValue = useMemo<ComradeCircleContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate: undefined,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: true,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <ComradeCircleContext.Provider value={contextValue}>{children}</ComradeCircleContext.Provider>\n  );\n};\n\nconst IntegratedProviderInner: FC<\n  PropsWithChildren<ProviderProps & { navigate: (path: string) => void }>\n> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      navigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, navigate]\n  );\n\n  const contextValue = useMemo<ComradeCircleContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: false,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <ComradeCircleContext.Provider value={contextValue}>{children}</ComradeCircleContext.Provider>\n  );\n};\n\nexport const ComradeCircleProvider: FC<PropsWithChildren<ComradeCircleRootProps>> = (props) => {\n  const { children, navigate } = props;\n  const isStandalone = !navigate;\n\n  if (isStandalone) {\n    return (\n      <MemoryRouter>\n        <StandaloneProviderInner {...props} isStandalone={true}>\n          {children}\n        </StandaloneProviderInner>\n      </MemoryRouter>\n    );\n  }\n\n  return (\n    <IntegratedProviderInner {...props} navigate={navigate} isStandalone={false}>\n      {children}\n    </IntegratedProviderInner>\n  );\n};\n"],"mappings":";;;;;AA4BA,IAAM,IAAuB,EAAgD,IAAI;AAEjF,SAAgB,IAA8C;CAC5D,IAAM,IAAU,EAAW,CAAoB;CAC/C,IAAI,CAAC,GACH,MAAU,MAAM,8DAA8D;CAEhF,OAAO;AACT;AAMA,IAAM,KAAiE,EACrE,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAiB,EAAkB,GACnC,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAe,EAAS,GAAmB,CAAY,CAAC;CAC1D,GACA,CAAC,GAAmB,CAAc,CACpC,GAEM,IAAe,SACZ;EACL,UAAU;EACV,UAAU,KAAA;EACV;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,EAAqB,UAAtB;EAA+B,OAAO;EAAe;CAAwC,CAAA;AAEjG,GAEM,KAED,EACH,aACA,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAS,EAAS,GAAmB,CAAY,CAAC;CACpD,GACA,CAAC,GAAmB,CAAQ,CAC9B,GAEM,IAAe,SACZ;EACL,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,EAAqB,UAAtB;EAA+B,OAAO;EAAe;CAAwC,CAAA;AAEjG,GAEa,KAAwE,MAAU;CAC7F,IAAM,EAAE,aAAU,gBAAa;CAa/B,OAZsB,IAapB,kBAAC,GAAD;EAAyB,GAAI;EAAiB;EAAU,cAAc;EACnE;CACsB,CAAA,IAXvB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAyB,GAAI;EAAO,cAAc;EAC/C;CACsB,CAAA,EACb,CAAA;AASpB"}
+{"version":3,"file":"ComradeCircleContext.js","names":[],"sources":["../../../src/comradecircle/context/ComradeCircleContext.tsx"],"sourcesContent":["/**\n * ComradeCircle Context Provider\n * @module comradecircle/context\n *\n * Splits standalone mode (wraps its own MemoryRouter + useNavigate) from\n * integrated mode (the host shell supplies `navigate`). Exposes gateway/auth\n * context + relative navigation helpers to every page.\n */\n\nimport type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo, useCallback } from 'react';\nimport { MemoryRouter, useNavigate as useRouterNavigate } from 'react-router';\nimport type { ComradeCircleRootProps } from '../types';\nimport { joinPath } from '../utils/navigation';\n\ninterface ComradeCircleContextValue extends Omit<\n  ComradeCircleRootProps,\n  'registerNavItems' | 'registerFooterItems' | 'navigate'\n> {\n  isStandalone: boolean;\n  /** Shell's navigate function (only available in integrated mode). */\n  navigate?: (path: string) => void;\n  /** Navigate to a path relative to basePath. */\n  navigateTo: (relativePath: string) => void;\n  /** Get the full path for a relative path. */\n  getPath: (relativePath: string) => string;\n}\n\nconst ComradeCircleContext = createContext<ComradeCircleContextValue | null>(null);\n\nexport function useComradeCircle(): ComradeCircleContextValue {\n  const context = useContext(ComradeCircleContext);\n  if (!context) {\n    throw new Error('useComradeCircle must be used within a ComradeCircleProvider');\n  }\n  return context;\n}\n\ntype ProviderProps = Omit<ComradeCircleRootProps, 'registerNavItems' | 'registerFooterItems'> & {\n  isStandalone: boolean;\n};\n\nconst StandaloneProviderInner: FC<PropsWithChildren<ProviderProps>> = ({\n  children,\n  basePath,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const routerNavigate = useRouterNavigate();\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      routerNavigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, routerNavigate]\n  );\n\n  const contextValue = useMemo<ComradeCircleContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate: undefined,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: true,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <ComradeCircleContext.Provider value={contextValue}>{children}</ComradeCircleContext.Provider>\n  );\n};\n\nconst IntegratedProviderInner: FC<\n  PropsWithChildren<ProviderProps & { navigate: (path: string) => void }>\n> = ({\n  children,\n  basePath,\n  navigate,\n  currentUser,\n  tenantId,\n  workspaceId,\n  apiGatewayUrl,\n  authToken,\n}) => {\n  const effectiveBasePath = basePath || '/';\n\n  const getPath = useCallback(\n    (relativePath: string) => joinPath(effectiveBasePath, relativePath),\n    [effectiveBasePath]\n  );\n\n  const navigateTo = useCallback(\n    (relativePath: string) => {\n      navigate(joinPath(effectiveBasePath, relativePath));\n    },\n    [effectiveBasePath, navigate]\n  );\n\n  const contextValue = useMemo<ComradeCircleContextValue>(\n    () => ({\n      basePath: effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      isStandalone: false,\n      navigateTo,\n      getPath,\n    }),\n    [\n      effectiveBasePath,\n      navigate,\n      currentUser,\n      tenantId,\n      workspaceId,\n      apiGatewayUrl,\n      authToken,\n      navigateTo,\n      getPath,\n    ]\n  );\n\n  return (\n    <ComradeCircleContext.Provider value={contextValue}>{children}</ComradeCircleContext.Provider>\n  );\n};\n\nexport const ComradeCircleProvider: FC<PropsWithChildren<ComradeCircleRootProps>> = (props) => {\n  const { children, navigate } = props;\n  const isStandalone = !navigate;\n\n  if (isStandalone) {\n    return (\n      <MemoryRouter>\n        <StandaloneProviderInner {...props} isStandalone={true}>\n          {children}\n        </StandaloneProviderInner>\n      </MemoryRouter>\n    );\n  }\n\n  return (\n    <IntegratedProviderInner {...props} navigate={navigate} isStandalone={false}>\n      {children}\n    </IntegratedProviderInner>\n  );\n};\n"],"mappings":";;;;;AA4BA,IAAM,IAAuB,EAAgD,IAAI;AAEjF,SAAgB,IAA8C;CAC5D,IAAM,IAAU,EAAW,CAAoB;CAC/C,IAAI,CAAC,GACH,MAAU,MAAM,8DAA8D;CAEhF,OAAO;AACT;AAMA,IAAM,KAAiE,EACrE,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAiB,EAAkB,GACnC,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAe,EAAS,GAAmB,CAAY,CAAC;CAC1D,GACA,CAAC,GAAmB,CAAc,CACpC,GAEM,IAAe,SACZ;EACL,UAAU;EACV,UAAU,KAAA;EACV;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,EAAqB,UAAtB;EAA+B,OAAO;EAAe;CAAwC,CAAA;AAEjG,GAEM,KAED,EACH,aACA,aACA,aACA,gBACA,aACA,gBACA,kBACA,mBACI;CACJ,IAAM,IAAoB,KAAY,KAEhC,IAAU,GACb,MAAyB,EAAS,GAAmB,CAAY,GAClE,CAAC,CAAiB,CACpB,GAEM,IAAa,GAChB,MAAyB;EACxB,EAAS,EAAS,GAAmB,CAAY,CAAC;CACpD,GACA,CAAC,GAAmB,CAAQ,CAC9B,GAEM,IAAe,SACZ;EACL,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,OACE,kBAAC,EAAqB,UAAtB;EAA+B,OAAO;EAAe;CAAwC,CAAA;AAEjG,GAEa,KAAwE,MAAU;CAC7F,IAAM,EAAE,aAAU,gBAAa;CAa/B,OAZsB,IAapB,kBAAC,GAAD;EAAyB,GAAI;EAAiB;EAAU,cAAc;EACnE;CACsB,CAAA,IAXvB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAyB,GAAI;EAAO,cAAc;EAC/C;CACsB,CAAA,EACb,CAAA;AASpB"}

package/dist/comradecircle/pages/circles/CircleDetailPage.js

@@ -22,7 +22,7 @@ import { PollCard as ie } from "../../components/PollCard.js";
 import { CreateEventDialog as ae } from "../../components/CreateEventDialog.js";
 import { useMemo as D, useState as O } from "react";
 import { ArrowLeft as oe, BarChart3 as se, CalendarDays as k, Hash as A, Info as ce, Megaphone as j, MessageCircle as le, MessagesSquare as ue, Mic as M, Plus as N, Search as de, Users as P } from "lucide-react";
-import { useParams as fe } from "react-router-dom";
+import { useParams as fe } from "react-router";
 import { Fragment as pe, jsx as F, jsxs as I } from "react/jsx-runtime";
 import { Button as L, GradientText as me, Input as R, Label as z, ResponsiveDialog as B, ResponsiveDialogContent as V, ResponsiveDialogDescription as H, ResponsiveDialogFooter as U, ResponsiveDialogHeader as W, ResponsiveDialogTitle as G, Select as K, SelectContent as q, SelectItem as J, SelectTrigger as Y, SelectValue as X, Switch as Z, Textarea as he } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/circles/CircleDetailPage.tsx

package/dist/comradecircle/pages/circles/CircleDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircleDetailPage.js","names":[],"sources":["../../../../src/comradecircle/pages/circles/CircleDetailPage.tsx"],"sourcesContent":["/**\n * CircleDetailPage — a single circle: channels & posts, members, events, polls.\n * @module comradecircle/pages/circles\n *\n * Reads `comCircle` (channels + memberships), `comListPosts`, `comListEvents`,\n * `comListPolls`. Writes join/leave, create channel, create poll, set member\n * role (via the shared cards/dialogs). The channel post feed is the heart of the\n * page; roles gate management actions (OWNER/ADMIN manage; members post).\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Users,\n  Hash,\n  CalendarDays,\n  BarChart3,\n  Info,\n  Plus,\n  Megaphone,\n  MessageCircle,\n  Mic,\n  MessagesSquare,\n  Search,\n} from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Switch,\n  GradientText,\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 { cn } from '../../utils/cn';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { Tabs, type TabItem } from '../../components/Tabs';\nimport { MemberIdentity } from '../../components/MemberIdentity';\nimport { PostCard } from '../../components/PostCard';\nimport { PostComposer } from '../../components/PostComposer';\nimport { EventCard } from '../../components/EventCard';\nimport { PollCard } from '../../components/PollCard';\nimport { CreateEventDialog } from '../../components/CreateEventDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useComCircle,\n  useComPosts,\n  useComPostAddedLive,\n  useComEvents,\n  useComPolls,\n  useComJoinCircle,\n  useComLeaveCircle,\n  useComCreateChannel,\n  useComCreatePoll,\n  useComSetMemberRole,\n  useCursorPager,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDate, formatEnumLabel, formatNumber } from '../../utils/formatters';\nimport { slugify } from '../../utils/slug';\nimport { notify, describeError } from '../../lib/toast';\nimport type {\n  ComChannel,\n  ComChannelType,\n  ComCircle,\n  ComMembership,\n  ComMemberRole,\n} from '../../types';\n\ntype TabKey = 'channels' | 'members' | 'events' | 'polls' | 'about';\n\nconst CHANNEL_ICON: Record<ComChannelType, typeof Hash> = {\n  TEXT: Hash,\n  FORUM: MessagesSquare,\n  ANNOUNCEMENT: Megaphone,\n  VOICE: Mic,\n};\n\nconst MANAGER_ROLES: ComMemberRole[] = ['OWNER', 'ADMIN'];\nconst ROLE_OPTIONS: ComMemberRole[] = ['OWNER', 'ADMIN', 'MODERATOR', 'MEMBER'];\nconst POST_PAGE = 15;\n\nexport function CircleDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { currentUser, navigateTo } = useComradeCircle();\n  const { data: circle, isLoading, isError, refetch } = useComCircle(id);\n  const join = useComJoinCircle();\n  const leave = useComLeaveCircle();\n  const [tab, setTab] = useState<TabKey>('channels');\n\n  const myMembership = useMemo<ComMembership | undefined>(\n    () => circle?.memberships?.find((m) => m.memberId === currentUser?.id && m.status === 'ACTIVE'),\n    [circle, currentUser]\n  );\n  const isMember = Boolean(myMembership);\n  const canManage = myMembership ? MANAGER_ROLES.includes(myMembership.role) : false;\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Circle\">\n        <LoadingView label=\"Loading circle…\" />\n      </PageLayout>\n    );\n  }\n  if (isError || !circle) {\n    return (\n      <PageLayout title=\"Circle\">\n        <ErrorView\n          title=\"Circle not found\"\n          message=\"This circle may have been archived or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const activeMembers = circle.memberships?.filter((m) => m.status === 'ACTIVE') ?? [];\n  const tabs: TabItem<TabKey>[] = [\n    {\n      value: 'channels',\n      label: 'Channels',\n      icon: <Hash className=\"h-4 w-4\" />,\n      count: circle.channels?.length ?? 0,\n    },\n    {\n      value: 'members',\n      label: 'Members',\n      icon: <Users className=\"h-4 w-4\" />,\n      count: activeMembers.length,\n    },\n    { value: 'events', label: 'Events', icon: <CalendarDays className=\"h-4 w-4\" /> },\n    { value: 'polls', label: 'Polls', icon: <BarChart3 className=\"h-4 w-4\" /> },\n    { value: 'about', label: 'About', icon: <Info className=\"h-4 w-4\" /> },\n  ];\n\n  return (\n    <PageLayout\n      title={\n        <span className=\"flex items-center gap-3\">\n          <Avatar name={circle.name} size=\"lg\" fileId={circle.avatar?.id} seed={circle.id} ring />\n          <GradientText as=\"span\" className=\"text-2xl font-semibold tracking-tight\">\n            {circle.name}\n          </GradientText>\n        </span>\n      }\n      description={circle.topic ?? undefined}\n      aurora\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('circles')}>\n            <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n          </Button>\n          {isMember ? (\n            <Button\n              variant=\"outline\"\n              onClick={() =>\n                leave\n                  .mutateAsync(circle.id)\n                  .then(() => notify.success('Left circle'))\n                  .catch((e) => notify.error('Could not leave', describeError(e)))\n              }\n              disabled={leave.isPending}\n            >\n              Leave\n            </Button>\n          ) : circle.status === 'ACTIVE' ? (\n            <Button\n              onClick={() =>\n                join\n                  .mutateAsync(circle.id)\n                  .then(() => notify.success('Joined circle'))\n                  .catch((e) => notify.error('Could not join', describeError(e)))\n              }\n              disabled={join.isPending}\n            >\n              Join circle\n            </Button>\n          ) : null}\n        </div>\n      }\n    >\n      <div className=\"mb-4 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={circle.visibility} />\n        {circle.status !== 'ACTIVE' && <StatusBadge status={circle.status} />}\n        {myMembership && <StatusBadge status={myMembership.role} />}\n        <span className=\"inline-flex items-center gap-1 text-sm text-text-tertiary\">\n          <Users className=\"h-4 w-4\" /> {formatNumber(circle.memberCount)} members\n        </span>\n      </div>\n\n      <Tabs items={tabs} value={tab} onChange={setTab} className=\"mb-5\" />\n\n      {tab === 'channels' && (\n        <ChannelsTab circle={circle} isMember={isMember} canManage={canManage} />\n      )}\n      {tab === 'members' && <MembersTab circle={circle} canManage={canManage} />}\n      {tab === 'events' && <EventsTab circle={circle} isMember={isMember} />}\n      {tab === 'polls' && <PollsTab circle={circle} isMember={isMember} canManage={canManage} />}\n      {tab === 'about' && <AboutTab circle={circle} />}\n    </PageLayout>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Channels tab — channel rail + selected channel post feed\n// ---------------------------------------------------------------------------\n\nfunction ChannelsTab({\n  circle,\n  isMember,\n  canManage,\n}: {\n  circle: ComCircle;\n  isMember: boolean;\n  canManage: boolean;\n}) {\n  const channels = useMemo(\n    () => [...(circle.channels ?? [])].sort((a, b) => a.position - b.position),\n    [circle.channels]\n  );\n  const [selectedId, setSelectedId] = useState<string | undefined>(channels[0]?.id);\n  const [createOpen, setCreateOpen] = useState(false);\n  const selected = channels.find((c) => c.id === selectedId) ?? channels[0];\n\n  if (channels.length === 0) {\n    return (\n      <>\n        <EmptyState\n          icon={<Hash className=\"h-10 w-10\" />}\n          title=\"No channels yet\"\n          description={\n            canManage\n              ? 'Create the first channel to start conversations in this circle.'\n              : 'This circle has no channels yet. Check back soon.'\n          }\n          action={\n            canManage ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New channel\n              </Button>\n            ) : undefined\n          }\n        />\n        <CreateChannelDialog\n          circleId={circle.id}\n          open={createOpen}\n          onOpenChange={setCreateOpen}\n          onCreated={(ch) => setSelectedId(ch.id)}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div className=\"grid gap-5 lg:grid-cols-[220px_1fr]\">\n      {/* Channel rail (desktop) */}\n      <aside className=\"hidden lg:block\">\n        <div className=\"mb-2 flex items-center justify-between\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n            Channels\n          </h3>\n          {canManage && (\n            <button\n              type=\"button\"\n              onClick={() => setCreateOpen(true)}\n              aria-label=\"New channel\"\n              className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <Plus className=\"h-4 w-4\" />\n            </button>\n          )}\n        </div>\n        <nav className=\"flex flex-col gap-0.5\">\n          {channels.map((ch) => {\n            const Icon = CHANNEL_ICON[ch.type];\n            const active = ch.id === selected?.id;\n            const isAnnouncement = ch.type === 'ANNOUNCEMENT';\n            return (\n              <button\n                key={ch.id}\n                type=\"button\"\n                onClick={() => setSelectedId(ch.id)}\n                aria-current={active ? 'true' : undefined}\n                className={cn(\n                  'flex items-center gap-2 rounded-lg border-l-2 px-2.5 py-1.5 text-left text-sm transition-all',\n                  active\n                    ? 'border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] font-medium text-text-primary shadow-sm'\n                    : isAnnouncement\n                      ? 'border-transparent font-medium text-accent hover:bg-bg-sunken motion-safe:hover:translate-x-0.5'\n                      : 'border-transparent text-text-secondary hover:bg-bg-sunken hover:text-text-primary motion-safe:hover:translate-x-0.5'\n                )}\n              >\n                <Icon\n                  className={cn(\n                    'h-4 w-4 shrink-0',\n                    active || isAnnouncement ? 'text-accent' : 'text-text-tertiary'\n                  )}\n                />\n                <span className=\"truncate\">{ch.name}</span>\n              </button>\n            );\n          })}\n        </nav>\n      </aside>\n\n      {/* Channel picker (mobile) */}\n      <div className=\"lg:hidden\">\n        <div className=\"flex items-center gap-2\">\n          <Select value={selected?.id} onValueChange={setSelectedId}>\n            <SelectTrigger>\n              <SelectValue placeholder=\"Select a channel\" />\n            </SelectTrigger>\n            <SelectContent>\n              {channels.map((ch) => (\n                <SelectItem key={ch.id} value={ch.id}>\n                  #{ch.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {canManage && (\n            <Button\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => setCreateOpen(true)}\n              aria-label=\"New channel\"\n            >\n              <Plus className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Selected channel feed */}\n      <div className=\"min-w-0\">\n        {selected && <ChannelFeed channel={selected} canPost={isMember} canManage={canManage} />}\n      </div>\n\n      <CreateChannelDialog\n        circleId={circle.id}\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(ch) => setSelectedId(ch.id)}\n      />\n    </div>\n  );\n}\n\nfunction ChannelFeed({\n  channel,\n  canPost,\n  canManage,\n}: {\n  channel: ComChannel;\n  canPost: boolean;\n  canManage: boolean;\n}) {\n  const pager = useCursorPager();\n  const { data, isLoading, isError, refetch } = useComPosts({\n    channelId: channel.id,\n    status: 'PUBLISHED',\n    pagination: { limit: POST_PAGE, cursor: pager.cursor },\n  });\n  // BOFF-4455: live-update this feed on new posts without a manual refresh.\n  // Subscribes over the shell's graphql-ws transport (falls back to polling\n  // when unavailable) and invalidates the posts cache above on each event.\n  useComPostAddedLive(channel.id);\n  const posts = data?.items ?? [];\n  const isAnnouncement = channel.type === 'ANNOUNCEMENT';\n  // Voice channels never take text posts; announcements are manager-only; every\n  // other channel type is open to any member.\n  const canWrite = channel.type === 'VOICE' ? false : isAnnouncement ? canManage : canPost;\n\n  // Broadcast layout (BOFF-3969): the mock lifts a single pinned — or, absent\n  // a pin, the most recent — announcement into a prominent card above the\n  // regular chronological list, only on the first page (later pages are pure\n  // history, no featured re-lift).\n  const featured =\n    isAnnouncement && pager.page === 0 && posts.length > 0\n      ? (posts.find((p) => p.isPinned) ?? posts[0])\n      : undefined;\n  const rest = featured ? posts.filter((p) => p.id !== featured.id) : posts;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center gap-3\">\n        {(() => {\n          const Icon = CHANNEL_ICON[channel.type];\n          return (\n            <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent\">\n              <Icon className=\"h-5 w-5\" />\n            </span>\n          );\n        })()}\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{channel.name}</h2>\n            {isAnnouncement && (\n              <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-accent\">\n                <Megaphone className=\"h-3 w-3\" /> Broadcast\n              </span>\n            )}\n          </div>\n          {channel.description && (\n            <p className=\"text-sm text-text-secondary\">{channel.description}</p>\n          )}\n        </div>\n      </div>\n\n      {canWrite && (\n        <PostComposer\n          channelId={channel.id}\n          channelName={channel.name}\n          onPosted={() => pager.reset()}\n          variant={isAnnouncement ? 'announcement' : 'default'}\n        />\n      )}\n\n      {isAnnouncement && !canWrite && (\n        <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n          <Megaphone className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n          Only circle managers can post in announcement channels.\n        </div>\n      )}\n\n      {channel.type === 'VOICE' && (\n        <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n          <Mic className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n          Voice channels are for live audio. Text posting is disabled here.\n        </div>\n      )}\n\n      {isLoading ? (\n        <LoadingView label=\"Loading posts…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load posts.\" onRetry={() => refetch()} />\n      ) : posts.length === 0 ? (\n        <EmptyState\n          icon={<MessageCircle className=\"h-9 w-9\" />}\n          title=\"No posts yet\"\n          description={\n            canWrite ? 'Be the first to post in this channel.' : 'Nothing has been posted here yet.'\n          }\n        />\n      ) : (\n        <div className=\"flex flex-col gap-4\">\n          {featured && (\n            <div className=\"rounded-2xl border-2 border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] p-1\">\n              <div className=\"mb-1 flex items-center gap-1.5 px-3 pt-2 text-xs font-semibold uppercase tracking-wide text-accent\">\n                <Megaphone className=\"h-3.5 w-3.5\" />\n                {featured.isPinned ? 'Pinned announcement' : 'Latest announcement'}\n              </div>\n              <PostCard post={featured} />\n            </div>\n          )}\n          {rest.length > 0 && (\n            <div className=\"flex flex-col gap-4\">\n              {featured && (\n                <p className=\"text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n                  Earlier announcements\n                </p>\n              )}\n              {rest.map((post) => (\n                <PostCard key={post.id} post={post} />\n              ))}\n            </div>\n          )}\n          <Pagination\n            page={pager.page}\n            pageSize={POST_PAGE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Members tab\n// ---------------------------------------------------------------------------\n\nfunction MembersTab({ circle, canManage }: { circle: ComCircle; canManage: boolean }) {\n  const setRole = useComSetMemberRole();\n  const [query, setQuery] = useState('');\n  const members = useMemo(\n    () =>\n      [...(circle.memberships ?? [])].sort(\n        (a, b) => ROLE_OPTIONS.indexOf(a.role) - ROLE_OPTIONS.indexOf(b.role)\n      ),\n    [circle.memberships]\n  );\n\n  // Names resolve asynchronously inside MemberIdentity, so the filter works over\n  // the data we hold here directly — role + membership status.\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return members;\n    return members.filter(\n      (m) =>\n        formatEnumLabel(m.role).toLowerCase().includes(q) ||\n        m.role.toLowerCase().includes(q) ||\n        formatEnumLabel(m.status).toLowerCase().includes(q) ||\n        m.status.toLowerCase().includes(q)\n    );\n  }, [members, query]);\n\n  if (members.length === 0) {\n    return <EmptyState icon={<Users className=\"h-9 w-9\" />} title=\"No members yet\" />;\n  }\n\n  const changeRole = async (membershipId: string, role: ComMemberRole) => {\n    try {\n      await setRole.mutateAsync({ membershipId, role, circleId: circle.id });\n      notify.success('Role updated');\n    } catch (err) {\n      notify.error('Could not update role', describeError(err));\n    }\n  };\n\n  const gridCols = canManage\n    ? 'lg:grid-cols-[minmax(0,1fr)_120px_120px_190px]'\n    : 'lg:grid-cols-[minmax(0,1fr)_120px_120px]';\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:max-w-xs\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <Input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Filter by role or status…\"\n            className=\"pl-9\"\n            aria-label=\"Filter members by role or status\"\n          />\n        </div>\n        <span className=\"text-sm text-text-tertiary\">\n          {filtered.length === members.length\n            ? `${formatNumber(members.length)} member${members.length === 1 ? '' : 's'}`\n            : `${formatNumber(filtered.length)} of ${formatNumber(members.length)}`}\n        </span>\n      </div>\n\n      <div className=\"overflow-hidden rounded-2xl border border-border-seam bg-bg-surface\">\n        <div\n          className={cn(\n            'hidden border-b border-border-seam px-5 py-3 text-xs font-semibold uppercase tracking-wide text-text-tertiary lg:grid lg:items-center lg:gap-4',\n            gridCols\n          )}\n        >\n          <span>Member</span>\n          <span>Status</span>\n          <span>Role</span>\n          {canManage && <span>Manage role</span>}\n        </div>\n\n        {filtered.length === 0 ? (\n          <div className=\"px-5 py-10 text-center text-sm text-text-secondary\">\n            No members match “{query.trim()}”.\n          </div>\n        ) : (\n          filtered.map((m) => (\n            <div\n              key={m.id}\n              className={cn(\n                'flex flex-col gap-3 border-b border-border-seam px-5 py-4 last:border-b-0 motion-safe:transition-colors hover:bg-bg-sunken/60 lg:grid lg:items-center lg:gap-4',\n                gridCols\n              )}\n            >\n              <MemberIdentity memberId={m.memberId} variant=\"row\" size=\"md\" showPresence />\n              <div className=\"flex flex-wrap items-center gap-2 lg:contents\">\n                <div>\n                  <StatusBadge status={m.status} />\n                </div>\n                <div>\n                  <StatusBadge status={m.role} />\n                </div>\n                {canManage && (\n                  <Select\n                    value={m.role}\n                    onValueChange={(v) => changeRole(m.id, v as ComMemberRole)}\n                  >\n                    <SelectTrigger className=\"h-9 w-40 lg:w-full\">\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {ROLE_OPTIONS.map((r) => (\n                        <SelectItem key={r} value={r}>\n                          {formatEnumLabel(r)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                )}\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Events tab\n// ---------------------------------------------------------------------------\n\nfunction EventsTab({ circle, isMember }: { circle: ComCircle; isMember: boolean }) {\n  const { navigateTo } = useComradeCircle();\n  const { data, isLoading, isError, refetch } = useComEvents({ circleId: circle.id });\n  const [createOpen, setCreateOpen] = useState(false);\n  const events = data?.items ?? [];\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        {isMember && (\n          <Button onClick={() => setCreateOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n          </Button>\n        )}\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading events…\" />\n      ) : isError ? (\n        <ErrorView onRetry={() => refetch()} />\n      ) : events.length === 0 ? (\n        <EmptyState\n          icon={<CalendarDays className=\"h-9 w-9\" />}\n          title=\"No events scheduled\"\n          description={\n            isMember ? 'Schedule the first event for this circle.' : 'No upcoming events.'\n          }\n          action={\n            isMember ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          {events.map((ev) => (\n            <EventCard key={ev.id} event={ev} onOpen={() => navigateTo(`events/${ev.id}`)} />\n          ))}\n        </div>\n      )}\n      <CreateEventDialog circleId={circle.id} open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Polls tab\n// ---------------------------------------------------------------------------\n\nfunction PollsTab({\n  circle,\n  isMember,\n  canManage,\n}: {\n  circle: ComCircle;\n  isMember: boolean;\n  canManage: boolean;\n}) {\n  const { data: polls, isLoading, isError, refetch } = useComPolls(circle.id);\n  const [createOpen, setCreateOpen] = useState(false);\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        {isMember && (\n          <Button onClick={() => setCreateOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New poll\n          </Button>\n        )}\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading polls…\" />\n      ) : isError ? (\n        <ErrorView onRetry={() => refetch()} />\n      ) : (polls ?? []).length === 0 ? (\n        <EmptyState\n          icon={<BarChart3 className=\"h-9 w-9\" />}\n          title=\"No polls yet\"\n          description={\n            isMember ? 'Ask the circle a question with a poll.' : 'No polls have been created.'\n          }\n          action={\n            isMember ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New poll\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {(polls ?? []).map((poll) => (\n            <PollCard key={poll.id} poll={poll} canManage={canManage} />\n          ))}\n        </div>\n      )}\n      <CreatePollDialog circleId={circle.id} open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// About tab\n// ---------------------------------------------------------------------------\n\nfunction AboutTab({ circle }: { circle: ComCircle }) {\n  return (\n    <div className=\"mx-auto max-w-2xl\">\n      <div className=\"rounded-2xl border border-border-seam bg-bg-surface p-6\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">About this circle</h2>\n        <p className=\"mt-2 whitespace-pre-wrap text-sm text-text-secondary\">\n          {circle.description || 'No description provided.'}\n        </p>\n        {circle.tags.length > 0 && (\n          <div className=\"mt-4 flex flex-wrap gap-1.5\">\n            {circle.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n              >\n                #{tag}\n              </span>\n            ))}\n          </div>\n        )}\n        <dl className=\"mt-6 grid grid-cols-2 gap-4 text-sm\">\n          <div>\n            <dt className=\"text-text-tertiary\">Visibility</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatEnumLabel(circle.visibility)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Status</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatEnumLabel(circle.status)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Members</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatNumber(circle.memberCount)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Created</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatDate(circle.createdAt)}</dd>\n          </div>\n        </dl>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Create channel dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nconst CHANNEL_TYPES: ComChannelType[] = ['TEXT', 'FORUM', 'ANNOUNCEMENT', 'VOICE'];\n\nfunction CreateChannelDialog({\n  circleId,\n  open,\n  onOpenChange,\n  onCreated,\n}: {\n  circleId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (channel: ComChannel) => void;\n}) {\n  const createChannel = useComCreateChannel();\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<ComChannelType>('TEXT');\n  const [error, setError] = useState<string | null>(null);\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('Channel name is required.');\n      return;\n    }\n    try {\n      const created = await createChannel.mutateAsync({\n        circleId,\n        name: name.trim(),\n        slug: slugify(name),\n        description: description.trim() || null,\n        type,\n      });\n      notify.success('Channel created', `#${created.name}`);\n      onOpenChange(false);\n      setName('');\n      setDescription('');\n      setType('TEXT');\n      setError(null);\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-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a channel</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Channels organise conversations by topic or format.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"channel-name\">Name</Label>\n            <Input\n              id=\"channel-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"general\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Type</Label>\n            <Select value={type} onValueChange={(v) => setType(v as ComChannelType)}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {CHANNEL_TYPES.map((tp) => (\n                  <SelectItem key={tp} value={tp}>\n                    {formatEnumLabel(tp)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"channel-desc\">Description</Label>\n            <Textarea\n              id=\"channel-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createChannel.isPending}>\n            Create channel\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Create poll dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nfunction CreatePollDialog({\n  circleId,\n  open,\n  onOpenChange,\n}: {\n  circleId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const createPoll = useComCreatePoll();\n  const [question, setQuestion] = useState('');\n  const [options, setOptions] = useState<string[]>(['', '']);\n  const [allowMultiple, setAllowMultiple] = useState(false);\n  const [isAnonymous, setIsAnonymous] = useState(false);\n  const [closesAt, setClosesAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  // Lower bound for the datetime-local picker: \"now\" in the viewer's local zone.\n  const minCloses = useMemo(() => {\n    const now = new Date();\n    now.setMinutes(now.getMinutes() - now.getTimezoneOffset());\n    return now.toISOString().slice(0, 16);\n  }, []);\n\n  const reset = () => {\n    setQuestion('');\n    setOptions(['', '']);\n    setAllowMultiple(false);\n    setIsAnonymous(false);\n    setClosesAt('');\n    setError(null);\n  };\n\n  const submit = async () => {\n    const cleaned = options.map((o) => o.trim()).filter(Boolean);\n    if (!question.trim()) {\n      setError('A question is required.');\n      return;\n    }\n    if (cleaned.length < 2) {\n      setError('Add at least two options.');\n      return;\n    }\n    try {\n      await createPoll.mutateAsync({\n        circleId,\n        question: question.trim(),\n        options: cleaned,\n        allowMultiple,\n        isAnonymous,\n        closesAt: closesAt ? new Date(closesAt).toISOString() : null,\n      });\n      notify.success('Poll created');\n      onOpenChange(false);\n      reset();\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a poll</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Gather the circle&apos;s opinion.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"poll-q\">Question</Label>\n            <Input\n              id=\"poll-q\"\n              value={question}\n              onChange={(e) => setQuestion(e.target.value)}\n              placeholder=\"What should we build next?\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Options</Label>\n            <div className=\"flex flex-col gap-2\">\n              {options.map((opt, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    value={opt}\n                    onChange={(e) =>\n                      setOptions((prev) => prev.map((o, idx) => (idx === i ? e.target.value : o)))\n                    }\n                    placeholder={`Option ${i + 1}`}\n                  />\n                  {options.length > 2 && (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => setOptions((prev) => prev.filter((_, idx) => idx !== i))}\n                      aria-label={`Remove option ${i + 1}`}\n                    >\n                      ✕\n                    </Button>\n                  )}\n                </div>\n              ))}\n              {options.length < 8 && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => setOptions((prev) => [...prev, ''])}\n                >\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Add option\n                </Button>\n              )}\n            </div>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"poll-closes\">Closes at</Label>\n            <Input\n              id=\"poll-closes\"\n              type=\"datetime-local\"\n              min={minCloses}\n              value={closesAt}\n              onChange={(e) => setClosesAt(e.target.value)}\n            />\n            <p className=\"text-xs text-text-tertiary\">\n              Optional — leave empty to keep voting open indefinitely.\n            </p>\n          </div>\n\n          <div className=\"flex flex-col divide-y divide-border-seam rounded-xl border border-border-seam\">\n            <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n              <div className=\"min-w-0\">\n                <Label htmlFor=\"poll-multi\">Allow multiple choices</Label>\n                <p className=\"text-xs text-text-tertiary\">Let voters pick more than one option.</p>\n              </div>\n              <Switch id=\"poll-multi\" checked={allowMultiple} onCheckedChange={setAllowMultiple} />\n            </div>\n            <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n              <div className=\"min-w-0\">\n                <Label htmlFor=\"poll-anon\">Anonymous voting</Label>\n                <p className=\"text-xs text-text-tertiary\">Hide who voted for each option.</p>\n              </div>\n              <Switch id=\"poll-anon\" checked={isAnonymous} onCheckedChange={setIsAnonymous} />\n            </div>\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createPoll.isPending}>\n            Create poll\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CircleDetailPage.js","names":[],"sources":["../../../../src/comradecircle/pages/circles/CircleDetailPage.tsx"],"sourcesContent":["/**\n * CircleDetailPage — a single circle: channels & posts, members, events, polls.\n * @module comradecircle/pages/circles\n *\n * Reads `comCircle` (channels + memberships), `comListPosts`, `comListEvents`,\n * `comListPolls`. Writes join/leave, create channel, create poll, set member\n * role (via the shared cards/dialogs). The channel post feed is the heart of the\n * page; roles gate management actions (OWNER/ADMIN manage; members post).\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport {\n  ArrowLeft,\n  Users,\n  Hash,\n  CalendarDays,\n  BarChart3,\n  Info,\n  Plus,\n  Megaphone,\n  MessageCircle,\n  Mic,\n  MessagesSquare,\n  Search,\n} from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Switch,\n  GradientText,\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 { cn } from '../../utils/cn';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { Tabs, type TabItem } from '../../components/Tabs';\nimport { MemberIdentity } from '../../components/MemberIdentity';\nimport { PostCard } from '../../components/PostCard';\nimport { PostComposer } from '../../components/PostComposer';\nimport { EventCard } from '../../components/EventCard';\nimport { PollCard } from '../../components/PollCard';\nimport { CreateEventDialog } from '../../components/CreateEventDialog';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { Pagination } from '../../components/Pagination';\nimport {\n  useComCircle,\n  useComPosts,\n  useComPostAddedLive,\n  useComEvents,\n  useComPolls,\n  useComJoinCircle,\n  useComLeaveCircle,\n  useComCreateChannel,\n  useComCreatePoll,\n  useComSetMemberRole,\n  useCursorPager,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDate, formatEnumLabel, formatNumber } from '../../utils/formatters';\nimport { slugify } from '../../utils/slug';\nimport { notify, describeError } from '../../lib/toast';\nimport type {\n  ComChannel,\n  ComChannelType,\n  ComCircle,\n  ComMembership,\n  ComMemberRole,\n} from '../../types';\n\ntype TabKey = 'channels' | 'members' | 'events' | 'polls' | 'about';\n\nconst CHANNEL_ICON: Record<ComChannelType, typeof Hash> = {\n  TEXT: Hash,\n  FORUM: MessagesSquare,\n  ANNOUNCEMENT: Megaphone,\n  VOICE: Mic,\n};\n\nconst MANAGER_ROLES: ComMemberRole[] = ['OWNER', 'ADMIN'];\nconst ROLE_OPTIONS: ComMemberRole[] = ['OWNER', 'ADMIN', 'MODERATOR', 'MEMBER'];\nconst POST_PAGE = 15;\n\nexport function CircleDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { currentUser, navigateTo } = useComradeCircle();\n  const { data: circle, isLoading, isError, refetch } = useComCircle(id);\n  const join = useComJoinCircle();\n  const leave = useComLeaveCircle();\n  const [tab, setTab] = useState<TabKey>('channels');\n\n  const myMembership = useMemo<ComMembership | undefined>(\n    () => circle?.memberships?.find((m) => m.memberId === currentUser?.id && m.status === 'ACTIVE'),\n    [circle, currentUser]\n  );\n  const isMember = Boolean(myMembership);\n  const canManage = myMembership ? MANAGER_ROLES.includes(myMembership.role) : false;\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Circle\">\n        <LoadingView label=\"Loading circle…\" />\n      </PageLayout>\n    );\n  }\n  if (isError || !circle) {\n    return (\n      <PageLayout title=\"Circle\">\n        <ErrorView\n          title=\"Circle not found\"\n          message=\"This circle may have been archived or you may not have access.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const activeMembers = circle.memberships?.filter((m) => m.status === 'ACTIVE') ?? [];\n  const tabs: TabItem<TabKey>[] = [\n    {\n      value: 'channels',\n      label: 'Channels',\n      icon: <Hash className=\"h-4 w-4\" />,\n      count: circle.channels?.length ?? 0,\n    },\n    {\n      value: 'members',\n      label: 'Members',\n      icon: <Users className=\"h-4 w-4\" />,\n      count: activeMembers.length,\n    },\n    { value: 'events', label: 'Events', icon: <CalendarDays className=\"h-4 w-4\" /> },\n    { value: 'polls', label: 'Polls', icon: <BarChart3 className=\"h-4 w-4\" /> },\n    { value: 'about', label: 'About', icon: <Info className=\"h-4 w-4\" /> },\n  ];\n\n  return (\n    <PageLayout\n      title={\n        <span className=\"flex items-center gap-3\">\n          <Avatar name={circle.name} size=\"lg\" fileId={circle.avatar?.id} seed={circle.id} ring />\n          <GradientText as=\"span\" className=\"text-2xl font-semibold tracking-tight\">\n            {circle.name}\n          </GradientText>\n        </span>\n      }\n      description={circle.topic ?? undefined}\n      aurora\n      actions={\n        <div className=\"flex items-center gap-2\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('circles')}>\n            <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n          </Button>\n          {isMember ? (\n            <Button\n              variant=\"outline\"\n              onClick={() =>\n                leave\n                  .mutateAsync(circle.id)\n                  .then(() => notify.success('Left circle'))\n                  .catch((e) => notify.error('Could not leave', describeError(e)))\n              }\n              disabled={leave.isPending}\n            >\n              Leave\n            </Button>\n          ) : circle.status === 'ACTIVE' ? (\n            <Button\n              onClick={() =>\n                join\n                  .mutateAsync(circle.id)\n                  .then(() => notify.success('Joined circle'))\n                  .catch((e) => notify.error('Could not join', describeError(e)))\n              }\n              disabled={join.isPending}\n            >\n              Join circle\n            </Button>\n          ) : null}\n        </div>\n      }\n    >\n      <div className=\"mb-4 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={circle.visibility} />\n        {circle.status !== 'ACTIVE' && <StatusBadge status={circle.status} />}\n        {myMembership && <StatusBadge status={myMembership.role} />}\n        <span className=\"inline-flex items-center gap-1 text-sm text-text-tertiary\">\n          <Users className=\"h-4 w-4\" /> {formatNumber(circle.memberCount)} members\n        </span>\n      </div>\n\n      <Tabs items={tabs} value={tab} onChange={setTab} className=\"mb-5\" />\n\n      {tab === 'channels' && (\n        <ChannelsTab circle={circle} isMember={isMember} canManage={canManage} />\n      )}\n      {tab === 'members' && <MembersTab circle={circle} canManage={canManage} />}\n      {tab === 'events' && <EventsTab circle={circle} isMember={isMember} />}\n      {tab === 'polls' && <PollsTab circle={circle} isMember={isMember} canManage={canManage} />}\n      {tab === 'about' && <AboutTab circle={circle} />}\n    </PageLayout>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Channels tab — channel rail + selected channel post feed\n// ---------------------------------------------------------------------------\n\nfunction ChannelsTab({\n  circle,\n  isMember,\n  canManage,\n}: {\n  circle: ComCircle;\n  isMember: boolean;\n  canManage: boolean;\n}) {\n  const channels = useMemo(\n    () => [...(circle.channels ?? [])].sort((a, b) => a.position - b.position),\n    [circle.channels]\n  );\n  const [selectedId, setSelectedId] = useState<string | undefined>(channels[0]?.id);\n  const [createOpen, setCreateOpen] = useState(false);\n  const selected = channels.find((c) => c.id === selectedId) ?? channels[0];\n\n  if (channels.length === 0) {\n    return (\n      <>\n        <EmptyState\n          icon={<Hash className=\"h-10 w-10\" />}\n          title=\"No channels yet\"\n          description={\n            canManage\n              ? 'Create the first channel to start conversations in this circle.'\n              : 'This circle has no channels yet. Check back soon.'\n          }\n          action={\n            canManage ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New channel\n              </Button>\n            ) : undefined\n          }\n        />\n        <CreateChannelDialog\n          circleId={circle.id}\n          open={createOpen}\n          onOpenChange={setCreateOpen}\n          onCreated={(ch) => setSelectedId(ch.id)}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div className=\"grid gap-5 lg:grid-cols-[220px_1fr]\">\n      {/* Channel rail (desktop) */}\n      <aside className=\"hidden lg:block\">\n        <div className=\"mb-2 flex items-center justify-between\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n            Channels\n          </h3>\n          {canManage && (\n            <button\n              type=\"button\"\n              onClick={() => setCreateOpen(true)}\n              aria-label=\"New channel\"\n              className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n            >\n              <Plus className=\"h-4 w-4\" />\n            </button>\n          )}\n        </div>\n        <nav className=\"flex flex-col gap-0.5\">\n          {channels.map((ch) => {\n            const Icon = CHANNEL_ICON[ch.type];\n            const active = ch.id === selected?.id;\n            const isAnnouncement = ch.type === 'ANNOUNCEMENT';\n            return (\n              <button\n                key={ch.id}\n                type=\"button\"\n                onClick={() => setSelectedId(ch.id)}\n                aria-current={active ? 'true' : undefined}\n                className={cn(\n                  'flex items-center gap-2 rounded-lg border-l-2 px-2.5 py-1.5 text-left text-sm transition-all',\n                  active\n                    ? 'border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] font-medium text-text-primary shadow-sm'\n                    : isAnnouncement\n                      ? 'border-transparent font-medium text-accent hover:bg-bg-sunken motion-safe:hover:translate-x-0.5'\n                      : 'border-transparent text-text-secondary hover:bg-bg-sunken hover:text-text-primary motion-safe:hover:translate-x-0.5'\n                )}\n              >\n                <Icon\n                  className={cn(\n                    'h-4 w-4 shrink-0',\n                    active || isAnnouncement ? 'text-accent' : 'text-text-tertiary'\n                  )}\n                />\n                <span className=\"truncate\">{ch.name}</span>\n              </button>\n            );\n          })}\n        </nav>\n      </aside>\n\n      {/* Channel picker (mobile) */}\n      <div className=\"lg:hidden\">\n        <div className=\"flex items-center gap-2\">\n          <Select value={selected?.id} onValueChange={setSelectedId}>\n            <SelectTrigger>\n              <SelectValue placeholder=\"Select a channel\" />\n            </SelectTrigger>\n            <SelectContent>\n              {channels.map((ch) => (\n                <SelectItem key={ch.id} value={ch.id}>\n                  #{ch.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {canManage && (\n            <Button\n              variant=\"outline\"\n              size=\"icon\"\n              onClick={() => setCreateOpen(true)}\n              aria-label=\"New channel\"\n            >\n              <Plus className=\"h-4 w-4\" />\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Selected channel feed */}\n      <div className=\"min-w-0\">\n        {selected && <ChannelFeed channel={selected} canPost={isMember} canManage={canManage} />}\n      </div>\n\n      <CreateChannelDialog\n        circleId={circle.id}\n        open={createOpen}\n        onOpenChange={setCreateOpen}\n        onCreated={(ch) => setSelectedId(ch.id)}\n      />\n    </div>\n  );\n}\n\nfunction ChannelFeed({\n  channel,\n  canPost,\n  canManage,\n}: {\n  channel: ComChannel;\n  canPost: boolean;\n  canManage: boolean;\n}) {\n  const pager = useCursorPager();\n  const { data, isLoading, isError, refetch } = useComPosts({\n    channelId: channel.id,\n    status: 'PUBLISHED',\n    pagination: { limit: POST_PAGE, cursor: pager.cursor },\n  });\n  // BOFF-4455: live-update this feed on new posts without a manual refresh.\n  // Subscribes over the shell's graphql-ws transport (falls back to polling\n  // when unavailable) and invalidates the posts cache above on each event.\n  useComPostAddedLive(channel.id);\n  const posts = data?.items ?? [];\n  const isAnnouncement = channel.type === 'ANNOUNCEMENT';\n  // Voice channels never take text posts; announcements are manager-only; every\n  // other channel type is open to any member.\n  const canWrite = channel.type === 'VOICE' ? false : isAnnouncement ? canManage : canPost;\n\n  // Broadcast layout (BOFF-3969): the mock lifts a single pinned — or, absent\n  // a pin, the most recent — announcement into a prominent card above the\n  // regular chronological list, only on the first page (later pages are pure\n  // history, no featured re-lift).\n  const featured =\n    isAnnouncement && pager.page === 0 && posts.length > 0\n      ? (posts.find((p) => p.isPinned) ?? posts[0])\n      : undefined;\n  const rest = featured ? posts.filter((p) => p.id !== featured.id) : posts;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center gap-3\">\n        {(() => {\n          const Icon = CHANNEL_ICON[channel.type];\n          return (\n            <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent\">\n              <Icon className=\"h-5 w-5\" />\n            </span>\n          );\n        })()}\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{channel.name}</h2>\n            {isAnnouncement && (\n              <span className=\"inline-flex items-center gap-1 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-accent\">\n                <Megaphone className=\"h-3 w-3\" /> Broadcast\n              </span>\n            )}\n          </div>\n          {channel.description && (\n            <p className=\"text-sm text-text-secondary\">{channel.description}</p>\n          )}\n        </div>\n      </div>\n\n      {canWrite && (\n        <PostComposer\n          channelId={channel.id}\n          channelName={channel.name}\n          onPosted={() => pager.reset()}\n          variant={isAnnouncement ? 'announcement' : 'default'}\n        />\n      )}\n\n      {isAnnouncement && !canWrite && (\n        <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n          <Megaphone className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n          Only circle managers can post in announcement channels.\n        </div>\n      )}\n\n      {channel.type === 'VOICE' && (\n        <div className=\"rounded-xl border border-dashed border-border-seam p-6 text-center text-sm text-text-secondary\">\n          <Mic className=\"mx-auto mb-2 h-6 w-6 text-text-tertiary\" />\n          Voice channels are for live audio. Text posting is disabled here.\n        </div>\n      )}\n\n      {isLoading ? (\n        <LoadingView label=\"Loading posts…\" />\n      ) : isError ? (\n        <ErrorView message=\"We couldn't load posts.\" onRetry={() => refetch()} />\n      ) : posts.length === 0 ? (\n        <EmptyState\n          icon={<MessageCircle className=\"h-9 w-9\" />}\n          title=\"No posts yet\"\n          description={\n            canWrite ? 'Be the first to post in this channel.' : 'Nothing has been posted here yet.'\n          }\n        />\n      ) : (\n        <div className=\"flex flex-col gap-4\">\n          {featured && (\n            <div className=\"rounded-2xl border-2 border-[color:var(--color-accent)] bg-[var(--color-accent-soft)] p-1\">\n              <div className=\"mb-1 flex items-center gap-1.5 px-3 pt-2 text-xs font-semibold uppercase tracking-wide text-accent\">\n                <Megaphone className=\"h-3.5 w-3.5\" />\n                {featured.isPinned ? 'Pinned announcement' : 'Latest announcement'}\n              </div>\n              <PostCard post={featured} />\n            </div>\n          )}\n          {rest.length > 0 && (\n            <div className=\"flex flex-col gap-4\">\n              {featured && (\n                <p className=\"text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n                  Earlier announcements\n                </p>\n              )}\n              {rest.map((post) => (\n                <PostCard key={post.id} post={post} />\n              ))}\n            </div>\n          )}\n          <Pagination\n            page={pager.page}\n            pageSize={POST_PAGE}\n            itemCount={posts.length}\n            hasMore={data?.pageInfo.hasMore ?? false}\n            onPageChange={(target) => pager.onPageChange(target, data?.pageInfo.cursor)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Members tab\n// ---------------------------------------------------------------------------\n\nfunction MembersTab({ circle, canManage }: { circle: ComCircle; canManage: boolean }) {\n  const setRole = useComSetMemberRole();\n  const [query, setQuery] = useState('');\n  const members = useMemo(\n    () =>\n      [...(circle.memberships ?? [])].sort(\n        (a, b) => ROLE_OPTIONS.indexOf(a.role) - ROLE_OPTIONS.indexOf(b.role)\n      ),\n    [circle.memberships]\n  );\n\n  // Names resolve asynchronously inside MemberIdentity, so the filter works over\n  // the data we hold here directly — role + membership status.\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return members;\n    return members.filter(\n      (m) =>\n        formatEnumLabel(m.role).toLowerCase().includes(q) ||\n        m.role.toLowerCase().includes(q) ||\n        formatEnumLabel(m.status).toLowerCase().includes(q) ||\n        m.status.toLowerCase().includes(q)\n    );\n  }, [members, query]);\n\n  if (members.length === 0) {\n    return <EmptyState icon={<Users className=\"h-9 w-9\" />} title=\"No members yet\" />;\n  }\n\n  const changeRole = async (membershipId: string, role: ComMemberRole) => {\n    try {\n      await setRole.mutateAsync({ membershipId, role, circleId: circle.id });\n      notify.success('Role updated');\n    } catch (err) {\n      notify.error('Could not update role', describeError(err));\n    }\n  };\n\n  const gridCols = canManage\n    ? 'lg:grid-cols-[minmax(0,1fr)_120px_120px_190px]'\n    : 'lg:grid-cols-[minmax(0,1fr)_120px_120px]';\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:max-w-xs\">\n          <Search className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary\" />\n          <Input\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Filter by role or status…\"\n            className=\"pl-9\"\n            aria-label=\"Filter members by role or status\"\n          />\n        </div>\n        <span className=\"text-sm text-text-tertiary\">\n          {filtered.length === members.length\n            ? `${formatNumber(members.length)} member${members.length === 1 ? '' : 's'}`\n            : `${formatNumber(filtered.length)} of ${formatNumber(members.length)}`}\n        </span>\n      </div>\n\n      <div className=\"overflow-hidden rounded-2xl border border-border-seam bg-bg-surface\">\n        <div\n          className={cn(\n            'hidden border-b border-border-seam px-5 py-3 text-xs font-semibold uppercase tracking-wide text-text-tertiary lg:grid lg:items-center lg:gap-4',\n            gridCols\n          )}\n        >\n          <span>Member</span>\n          <span>Status</span>\n          <span>Role</span>\n          {canManage && <span>Manage role</span>}\n        </div>\n\n        {filtered.length === 0 ? (\n          <div className=\"px-5 py-10 text-center text-sm text-text-secondary\">\n            No members match “{query.trim()}”.\n          </div>\n        ) : (\n          filtered.map((m) => (\n            <div\n              key={m.id}\n              className={cn(\n                'flex flex-col gap-3 border-b border-border-seam px-5 py-4 last:border-b-0 motion-safe:transition-colors hover:bg-bg-sunken/60 lg:grid lg:items-center lg:gap-4',\n                gridCols\n              )}\n            >\n              <MemberIdentity memberId={m.memberId} variant=\"row\" size=\"md\" showPresence />\n              <div className=\"flex flex-wrap items-center gap-2 lg:contents\">\n                <div>\n                  <StatusBadge status={m.status} />\n                </div>\n                <div>\n                  <StatusBadge status={m.role} />\n                </div>\n                {canManage && (\n                  <Select\n                    value={m.role}\n                    onValueChange={(v) => changeRole(m.id, v as ComMemberRole)}\n                  >\n                    <SelectTrigger className=\"h-9 w-40 lg:w-full\">\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {ROLE_OPTIONS.map((r) => (\n                        <SelectItem key={r} value={r}>\n                          {formatEnumLabel(r)}\n                        </SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                )}\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Events tab\n// ---------------------------------------------------------------------------\n\nfunction EventsTab({ circle, isMember }: { circle: ComCircle; isMember: boolean }) {\n  const { navigateTo } = useComradeCircle();\n  const { data, isLoading, isError, refetch } = useComEvents({ circleId: circle.id });\n  const [createOpen, setCreateOpen] = useState(false);\n  const events = data?.items ?? [];\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        {isMember && (\n          <Button onClick={() => setCreateOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n          </Button>\n        )}\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading events…\" />\n      ) : isError ? (\n        <ErrorView onRetry={() => refetch()} />\n      ) : events.length === 0 ? (\n        <EmptyState\n          icon={<CalendarDays className=\"h-9 w-9\" />}\n          title=\"No events scheduled\"\n          description={\n            isMember ? 'Schedule the first event for this circle.' : 'No upcoming events.'\n          }\n          action={\n            isMember ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New event\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          {events.map((ev) => (\n            <EventCard key={ev.id} event={ev} onOpen={() => navigateTo(`events/${ev.id}`)} />\n          ))}\n        </div>\n      )}\n      <CreateEventDialog circleId={circle.id} open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Polls tab\n// ---------------------------------------------------------------------------\n\nfunction PollsTab({\n  circle,\n  isMember,\n  canManage,\n}: {\n  circle: ComCircle;\n  isMember: boolean;\n  canManage: boolean;\n}) {\n  const { data: polls, isLoading, isError, refetch } = useComPolls(circle.id);\n  const [createOpen, setCreateOpen] = useState(false);\n\n  return (\n    <div>\n      <div className=\"mb-4 flex items-center justify-end\">\n        {isMember && (\n          <Button onClick={() => setCreateOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> New poll\n          </Button>\n        )}\n      </div>\n      {isLoading ? (\n        <LoadingView label=\"Loading polls…\" />\n      ) : isError ? (\n        <ErrorView onRetry={() => refetch()} />\n      ) : (polls ?? []).length === 0 ? (\n        <EmptyState\n          icon={<BarChart3 className=\"h-9 w-9\" />}\n          title=\"No polls yet\"\n          description={\n            isMember ? 'Ask the circle a question with a poll.' : 'No polls have been created.'\n          }\n          action={\n            isMember ? (\n              <Button onClick={() => setCreateOpen(true)}>\n                <Plus className=\"mr-1.5 h-4 w-4\" /> New poll\n              </Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"mx-auto flex max-w-2xl flex-col gap-4\">\n          {(polls ?? []).map((poll) => (\n            <PollCard key={poll.id} poll={poll} canManage={canManage} />\n          ))}\n        </div>\n      )}\n      <CreatePollDialog circleId={circle.id} open={createOpen} onOpenChange={setCreateOpen} />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// About tab\n// ---------------------------------------------------------------------------\n\nfunction AboutTab({ circle }: { circle: ComCircle }) {\n  return (\n    <div className=\"mx-auto max-w-2xl\">\n      <div className=\"rounded-2xl border border-border-seam bg-bg-surface p-6\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">About this circle</h2>\n        <p className=\"mt-2 whitespace-pre-wrap text-sm text-text-secondary\">\n          {circle.description || 'No description provided.'}\n        </p>\n        {circle.tags.length > 0 && (\n          <div className=\"mt-4 flex flex-wrap gap-1.5\">\n            {circle.tags.map((tag) => (\n              <span\n                key={tag}\n                className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n              >\n                #{tag}\n              </span>\n            ))}\n          </div>\n        )}\n        <dl className=\"mt-6 grid grid-cols-2 gap-4 text-sm\">\n          <div>\n            <dt className=\"text-text-tertiary\">Visibility</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatEnumLabel(circle.visibility)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Status</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatEnumLabel(circle.status)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Members</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatNumber(circle.memberCount)}</dd>\n          </div>\n          <div>\n            <dt className=\"text-text-tertiary\">Created</dt>\n            <dd className=\"mt-1 text-text-primary\">{formatDate(circle.createdAt)}</dd>\n          </div>\n        </dl>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Create channel dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nconst CHANNEL_TYPES: ComChannelType[] = ['TEXT', 'FORUM', 'ANNOUNCEMENT', 'VOICE'];\n\nfunction CreateChannelDialog({\n  circleId,\n  open,\n  onOpenChange,\n  onCreated,\n}: {\n  circleId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onCreated?: (channel: ComChannel) => void;\n}) {\n  const createChannel = useComCreateChannel();\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<ComChannelType>('TEXT');\n  const [error, setError] = useState<string | null>(null);\n\n  const submit = async () => {\n    if (!name.trim()) {\n      setError('Channel name is required.');\n      return;\n    }\n    try {\n      const created = await createChannel.mutateAsync({\n        circleId,\n        name: name.trim(),\n        slug: slugify(name),\n        description: description.trim() || null,\n        type,\n      });\n      notify.success('Channel created', `#${created.name}`);\n      onOpenChange(false);\n      setName('');\n      setDescription('');\n      setType('TEXT');\n      setError(null);\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-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a channel</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Channels organise conversations by topic or format.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"channel-name\">Name</Label>\n            <Input\n              id=\"channel-name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              placeholder=\"general\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Type</Label>\n            <Select value={type} onValueChange={(v) => setType(v as ComChannelType)}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {CHANNEL_TYPES.map((tp) => (\n                  <SelectItem key={tp} value={tp}>\n                    {formatEnumLabel(tp)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"channel-desc\">Description</Label>\n            <Textarea\n              id=\"channel-desc\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createChannel.isPending}>\n            Create channel\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Create poll dialog (local — only used here)\n// ---------------------------------------------------------------------------\n\nfunction CreatePollDialog({\n  circleId,\n  open,\n  onOpenChange,\n}: {\n  circleId: string;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const createPoll = useComCreatePoll();\n  const [question, setQuestion] = useState('');\n  const [options, setOptions] = useState<string[]>(['', '']);\n  const [allowMultiple, setAllowMultiple] = useState(false);\n  const [isAnonymous, setIsAnonymous] = useState(false);\n  const [closesAt, setClosesAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n\n  // Lower bound for the datetime-local picker: \"now\" in the viewer's local zone.\n  const minCloses = useMemo(() => {\n    const now = new Date();\n    now.setMinutes(now.getMinutes() - now.getTimezoneOffset());\n    return now.toISOString().slice(0, 16);\n  }, []);\n\n  const reset = () => {\n    setQuestion('');\n    setOptions(['', '']);\n    setAllowMultiple(false);\n    setIsAnonymous(false);\n    setClosesAt('');\n    setError(null);\n  };\n\n  const submit = async () => {\n    const cleaned = options.map((o) => o.trim()).filter(Boolean);\n    if (!question.trim()) {\n      setError('A question is required.');\n      return;\n    }\n    if (cleaned.length < 2) {\n      setError('Add at least two options.');\n      return;\n    }\n    try {\n      await createPoll.mutateAsync({\n        circleId,\n        question: question.trim(),\n        options: cleaned,\n        allowMultiple,\n        isAnonymous,\n        closesAt: closesAt ? new Date(closesAt).toISOString() : null,\n      });\n      notify.success('Poll created');\n      onOpenChange(false);\n      reset();\n    } catch (err) {\n      setError(describeError(err));\n    }\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"sm:max-w-md\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Create a poll</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Gather the circle&apos;s opinion.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"flex flex-col gap-4 py-2\">\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"poll-q\">Question</Label>\n            <Input\n              id=\"poll-q\"\n              value={question}\n              onChange={(e) => setQuestion(e.target.value)}\n              placeholder=\"What should we build next?\"\n            />\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label>Options</Label>\n            <div className=\"flex flex-col gap-2\">\n              {options.map((opt, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    value={opt}\n                    onChange={(e) =>\n                      setOptions((prev) => prev.map((o, idx) => (idx === i ? e.target.value : o)))\n                    }\n                    placeholder={`Option ${i + 1}`}\n                  />\n                  {options.length > 2 && (\n                    <Button\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      onClick={() => setOptions((prev) => prev.filter((_, idx) => idx !== i))}\n                      aria-label={`Remove option ${i + 1}`}\n                    >\n                      ✕\n                    </Button>\n                  )}\n                </div>\n              ))}\n              {options.length < 8 && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => setOptions((prev) => [...prev, ''])}\n                >\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Add option\n                </Button>\n              )}\n            </div>\n          </div>\n          <div className=\"grid gap-1.5\">\n            <Label htmlFor=\"poll-closes\">Closes at</Label>\n            <Input\n              id=\"poll-closes\"\n              type=\"datetime-local\"\n              min={minCloses}\n              value={closesAt}\n              onChange={(e) => setClosesAt(e.target.value)}\n            />\n            <p className=\"text-xs text-text-tertiary\">\n              Optional — leave empty to keep voting open indefinitely.\n            </p>\n          </div>\n\n          <div className=\"flex flex-col divide-y divide-border-seam rounded-xl border border-border-seam\">\n            <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n              <div className=\"min-w-0\">\n                <Label htmlFor=\"poll-multi\">Allow multiple choices</Label>\n                <p className=\"text-xs text-text-tertiary\">Let voters pick more than one option.</p>\n              </div>\n              <Switch id=\"poll-multi\" checked={allowMultiple} onCheckedChange={setAllowMultiple} />\n            </div>\n            <div className=\"flex items-center justify-between gap-4 px-3 py-3\">\n              <div className=\"min-w-0\">\n                <Label htmlFor=\"poll-anon\">Anonymous voting</Label>\n                <p className=\"text-xs text-text-tertiary\">Hide who voted for each option.</p>\n              </div>\n              <Switch id=\"poll-anon\" checked={isAnonymous} onCheckedChange={setIsAnonymous} />\n            </div>\n          </div>\n          {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={submit} disabled={createPoll.isPending}>\n            Create poll\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFA,IAAM,KAAoD;CACxD,MAAM;CACN,OAAO;CACP,cAAc;CACd,OAAO;AACT,GAEM,KAAiC,CAAC,SAAS,OAAO,GAClD,IAAgC;CAAC;CAAS;CAAS;CAAa;AAAQ,GACxE,KAAY;AAElB,SAAgB,KAAmB;CACjC,IAAM,EAAE,UAAO,GAA0B,GACnC,EAAE,gBAAa,kBAAe,EAAiB,GAC/C,EAAE,MAAM,GAAQ,cAAW,YAAS,eAAY,EAAa,CAAE,GAC/D,IAAO,EAAiB,GACxB,IAAQ,EAAkB,GAC1B,CAAC,GAAK,KAAU,EAAiB,UAAU,GAE3C,IAAe,QACb,GAAQ,aAAa,MAAM,MAAM,EAAE,aAAa,GAAa,MAAM,EAAE,WAAW,QAAQ,GAC9F,CAAC,GAAQ,CAAW,CACtB,GACM,IAAW,EAAQ,GACnB,IAAY,IAAe,GAAc,SAAS,EAAa,IAAI,IAAI;CAE7E,IAAI,GACF,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA;CAC5B,CAAA;CAGhB,IAAI,KAAW,CAAC,GACd,OACE,kBAAC,GAAD;EAAY,OAAM;YAChB,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,EAAQ;EACxB,CAAA;CACS,CAAA;CAIhB,IAAM,KAAgB,EAAO,aAAa,QAAQ,MAAM,EAAE,WAAW,QAAQ,KAAK,CAAC,GAC7E,IAA0B;EAC9B;GACE,OAAO;GACP,OAAO;GACP,MAAM,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;GACjC,OAAO,EAAO,UAAU,UAAU;EACpC;EACA;GACE,OAAO;GACP,OAAO;GACP,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;GAClC,OAAO,GAAc;EACvB;EACA;GAAE,OAAO;GAAU,OAAO;GAAU,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;EAAE;EAC/E;GAAE,OAAO;GAAS,OAAO;GAAS,MAAM,kBAAC,IAAD,EAAW,WAAU,UAAW,CAAA;EAAE;EAC1E;GAAE,OAAO;GAAS,OAAO;GAAS,MAAM,kBAAC,IAAD,EAAM,WAAU,UAAW,CAAA;EAAE;CACvE;CAEA,OACE,kBAAC,GAAD;EACE,OACE,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,GAAD;IAAQ,MAAM,EAAO;IAAM,MAAK;IAAK,QAAQ,EAAO,QAAQ;IAAI,MAAM,EAAO;IAAI,MAAA;GAAM,CAAA,GACvF,kBAAC,IAAD;IAAc,IAAG;IAAO,WAAU;cAC/B,EAAO;GACI,CAAA,CACV;;EAER,aAAa,EAAO,SAAS,KAAA;EAC7B,QAAA;EACA,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAK,eAAe,EAAW,SAAS;cAArE,CACE,kBAAC,IAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,OAClC;OACP,IACC,kBAAC,GAAD;IACE,SAAQ;IACR,eACE,EACG,YAAY,EAAO,EAAE,EACrB,WAAW,EAAO,QAAQ,aAAa,CAAC,EACxC,OAAO,MAAM,EAAO,MAAM,mBAAmB,EAAc,CAAC,CAAC,CAAC;IAEnE,UAAU,EAAM;cACjB;GAEO,CAAA,IACN,EAAO,WAAW,WACpB,kBAAC,GAAD;IACE,eACE,EACG,YAAY,EAAO,EAAE,EACrB,WAAW,EAAO,QAAQ,eAAe,CAAC,EAC1C,OAAO,MAAM,EAAO,MAAM,kBAAkB,EAAc,CAAC,CAAC,CAAC;IAElE,UAAU,EAAK;cAChB;GAEO,CAAA,IACN,IACD;;YA1CT;GA6CE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAa,QAAQ,EAAO,WAAa,CAAA;KACxC,EAAO,WAAW,YAAY,kBAAC,GAAD,EAAa,QAAQ,EAAO,OAAS,CAAA;KACnE,KAAgB,kBAAC,GAAD,EAAa,QAAQ,EAAa,KAAO,CAAA;KAC1D,kBAAC,QAAD;MAAM,WAAU;gBAAhB;OACE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;OAAC;OAAE,EAAa,EAAO,WAAW;OAAE;MAC5D;;IACH;;GAEL,kBAAC,IAAD;IAAM,OAAO;IAAM,OAAO;IAAK,UAAU;IAAQ,WAAU;GAAQ,CAAA;GAElE,MAAQ,cACP,kBAAC,IAAD;IAAqB;IAAkB;IAAqB;GAAY,CAAA;GAEzE,MAAQ,aAAa,kBAAC,IAAD;IAAoB;IAAmB;GAAY,CAAA;GACxE,MAAQ,YAAY,kBAAC,IAAD;IAAmB;IAAkB;GAAW,CAAA;GACpE,MAAQ,WAAW,kBAAC,IAAD;IAAkB;IAAkB;IAAqB;GAAY,CAAA;GACxF,MAAQ,WAAW,kBAAC,IAAD,EAAkB,UAAS,CAAA;EACrC;;AAEhB;AAMA,SAAS,GAAY,EACnB,WACA,aACA,gBAKC;CACD,IAAM,IAAW,QACT,CAAC,GAAI,EAAO,YAAY,CAAC,CAAE,EAAE,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,QAAQ,GACzE,CAAC,EAAO,QAAQ,CAClB,GACM,CAAC,GAAY,KAAiB,EAA6B,EAAS,IAAI,EAAE,GAC1E,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAW,EAAS,MAAM,MAAM,EAAE,OAAO,CAAU,KAAK,EAAS;CA+BvE,OA7BI,EAAS,WAAW,IAEpB,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM,kBAAC,GAAD,EAAM,WAAU,YAAa,CAAA;EACnC,OAAM;EACN,aACE,IACI,oEACA;EAEN,QACE,IACE,kBAAC,GAAD;GAAQ,eAAe,EAAc,EAAI;aAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,cAC7B;OACN,KAAA;CAEP,CAAA,GACD,kBAAC,GAAD;EACE,UAAU,EAAO;EACjB,MAAM;EACN,cAAc;EACd,YAAY,MAAO,EAAc,EAAG,EAAE;CACvC,CAAA,CACD,EAAA,CAAA,IAKJ,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAmE;KAE7E,CAAA,GACH,KACC,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAc,EAAI;MACjC,cAAW;MACX,WAAU;gBAEV,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACrB,CAAA,CAEP;QACL,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAS,KAAK,MAAO;MACpB,IAAM,IAAO,GAAa,EAAG,OACvB,IAAS,EAAG,OAAO,GAAU,IAC7B,IAAiB,EAAG,SAAS;MACnC,OACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAAc,EAAG,EAAE;OAClC,gBAAc,IAAS,SAAS,KAAA;OAChC,WAAW,EACT,gGACA,IACI,6GACA,IACE,oGACA,qHACR;iBAZF,CAcE,kBAAC,GAAD,EACE,WAAW,EACT,oBACA,KAAU,IAAiB,gBAAgB,oBAC7C,EACD,CAAA,GACD,kBAAC,QAAD;QAAM,WAAU;kBAAY,EAAG;OAAW,CAAA,CACpC;SApBD,EAAG,EAoBF;KAEZ,CAAC;IACE,CAAA,CACA;;GAGP,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,OAAO,GAAU;MAAI,eAAe;gBAA5C,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,aAAY,mBAAoB,CAAA,EAChC,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAS,KAAK,MACb,kBAAC,GAAD;OAAwB,OAAO,EAAG;iBAAlC,CAAsC,KAClC,EAAG,IACK;SAFK,EAAG,EAER,CACb,EACY,CAAA,CACT;SACP,KACC,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,eAAe,EAAc,EAAI;MACjC,cAAW;gBAEX,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACrB,CAAA,CAEP;;GACF,CAAA;GAGL,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAY,kBAAC,IAAD;KAAa,SAAS;KAAU,SAAS;KAAqB;IAAY,CAAA;GACpF,CAAA;GAEL,kBAAC,GAAD;IACE,UAAU,EAAO;IACjB,MAAM;IACN,cAAc;IACd,YAAY,MAAO,EAAc,EAAG,EAAE;GACvC,CAAA;EACE;;AAET;AAEA,SAAS,GAAY,EACnB,YACA,YACA,gBAKC;CACD,IAAM,IAAQ,EAAe,GACvB,EAAE,SAAM,cAAW,YAAS,eAAY,EAAY;EACxD,WAAW,EAAQ;EACnB,QAAQ;EACR,YAAY;GAAE,OAAO;GAAW,QAAQ,EAAM;EAAO;CACvD,CAAC;CAID,EAAoB,EAAQ,EAAE;CAC9B,IAAM,IAAQ,GAAM,SAAS,CAAC,GACxB,IAAiB,EAAQ,SAAS,gBAGlC,IAAW,EAAQ,SAAS,UAAU,KAAQ,IAAiB,IAAY,GAM3E,IACJ,KAAkB,EAAM,SAAS,KAAK,EAAM,SAAS,IAChD,EAAM,MAAM,MAAM,EAAE,QAAQ,KAAK,EAAM,KACxC,KAAA,GACA,IAAO,IAAW,EAAM,QAAQ,MAAM,EAAE,OAAO,EAAS,EAAE,IAAI;CAEpE,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,QACU;KACN,IAAM,IAAO,GAAa,EAAQ;KAClC,OACE,kBAAC,QAAD;MAAM,WAAU;gBACd,kBAAC,GAAD,EAAM,WAAU,UAAW,CAAA;KACvB,CAAA;IAEV,GAAG,GACH,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAA2C,EAAQ;MAAS,CAAA,GACzE,KACC,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,GAAC,YAC7B;QAEL;SACJ,EAAQ,eACP,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAQ;KAAe,CAAA,CAElE;MACF;;GAEJ,KACC,kBAAC,IAAD;IACE,WAAW,EAAQ;IACnB,aAAa,EAAQ;IACrB,gBAAgB,EAAM,MAAM;IAC5B,SAAS,IAAiB,iBAAiB;GAC5C,CAAA;GAGF,KAAkB,CAAC,KAClB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAW,WAAU,0CAA2C,CAAA,GAAC,yDAE9D;;GAGN,EAAQ,SAAS,WAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAK,WAAU,0CAA2C,CAAA,GAAC,mEAExD;;GAGN,IACC,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,IACnC,IACF,kBAAC,GAAD;IAAW,SAAQ;IAA0B,eAAe,EAAQ;GAAI,CAAA,IACtE,EAAM,WAAW,IACnB,kBAAC,GAAD;IACE,MAAM,kBAAC,IAAD,EAAe,WAAU,UAAW,CAAA;IAC1C,OAAM;IACN,aACE,IAAW,0CAA0C;GAExD,CAAA,IAED,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,KACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAW,WAAU,cAAe,CAAA,GACnC,EAAS,WAAW,wBAAwB,qBAC1C;UACL,kBAAC,GAAD,EAAU,MAAM,EAAW,CAAA,CACxB;;KAEN,EAAK,SAAS,KACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,KACC,kBAAC,KAAD;OAAG,WAAU;iBAAmE;MAE7E,CAAA,GAEJ,EAAK,KAAK,MACT,kBAAC,GAAD,EAA8B,QAAO,GAAtB,EAAK,EAAiB,CACtC,CACE;;KAEP,kBAAC,IAAD;MACE,MAAM,EAAM;MACZ,UAAU;MACV,WAAW,EAAM;MACjB,SAAS,GAAM,SAAS,WAAW;MACnC,eAAe,MAAW,EAAM,aAAa,GAAQ,GAAM,SAAS,MAAM;KAC3E,CAAA;IACE;;EAEJ;;AAET;AAMA,SAAS,GAAW,EAAE,WAAQ,gBAAwD;CACpF,IAAM,IAAU,EAAoB,GAC9B,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,IAAU,QAEZ,CAAC,GAAI,EAAO,eAAe,CAAC,CAAE,EAAE,MAC7B,GAAG,MAAM,EAAa,QAAQ,EAAE,IAAI,IAAI,EAAa,QAAQ,EAAE,IAAI,CACtE,GACF,CAAC,EAAO,WAAW,CACrB,GAIM,IAAW,QAAc;EAC7B,IAAM,IAAI,EAAM,KAAK,EAAE,YAAY;EAEnC,OADK,IACE,EAAQ,QACZ,MACC,EAAgB,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,KAChD,EAAE,KAAK,YAAY,EAAE,SAAS,CAAC,KAC/B,EAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAClD,EAAE,OAAO,YAAY,EAAE,SAAS,CAAC,CACrC,IAPe;CAQjB,GAAG,CAAC,GAAS,CAAK,CAAC;CAEnB,IAAI,EAAQ,WAAW,GACrB,OAAO,kBAAC,GAAD;EAAY,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;EAAG,OAAM;CAAkB,CAAA;CAGlF,IAAM,IAAa,OAAO,GAAsB,MAAwB;EACtE,IAAI;GAEF,AADA,MAAM,EAAQ,YAAY;IAAE;IAAc;IAAM,UAAU,EAAO;GAAG,CAAC,GACrE,EAAO,QAAQ,cAAc;EAC/B,SAAS,GAAK;GACZ,EAAO,MAAM,yBAAyB,EAAc,CAAG,CAAC;EAC1D;CACF,GAEM,IAAW,IACb,mDACA;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,IAAD,EAAQ,WAAU,0FAA2F,CAAA,GAC7G,kBAAC,GAAD;KACE,OAAO;KACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;KACxC,aAAY;KACZ,WAAU;KACV,cAAW;IACZ,CAAA,CACE;OACL,kBAAC,QAAD;IAAM,WAAU;cACb,EAAS,WAAW,EAAQ,SACzB,GAAG,EAAa,EAAQ,MAAM,EAAE,SAAS,EAAQ,WAAW,IAAI,KAAK,QACrE,GAAG,EAAa,EAAS,MAAM,EAAE,MAAM,EAAa,EAAQ,MAAM;GAClE,CAAA,CACH;MAEL,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAW,EACT,kJACA,CACF;cAJF;KAME,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;KAClB,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;KAClB,kBAAC,QAAD,EAAA,UAAM,OAAU,CAAA;KACf,KAAa,kBAAC,QAAD,EAAA,UAAM,cAAiB,CAAA;IAClC;OAEJ,EAAS,WAAW,IACnB,kBAAC,OAAD;IAAK,WAAU;cAAf;KAAoE;KAC/C,EAAM,KAAK;KAAE;IAC7B;QAEL,EAAS,KAAK,MACZ,kBAAC,OAAD;IAEE,WAAW,EACT,kKACA,CACF;cALF,CAOE,kBAAC,GAAD;KAAgB,UAAU,EAAE;KAAU,SAAQ;KAAM,MAAK;KAAK,cAAA;IAAc,CAAA,GAC5E,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAE,OAAS,CAAA,EAC7B,CAAA;MACL,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAa,QAAQ,EAAE,KAAO,CAAA,EAC3B,CAAA;MACJ,KACC,kBAAC,GAAD;OACE,OAAO,EAAE;OACT,gBAAgB,MAAM,EAAW,EAAE,IAAI,CAAkB;iBAF3D,CAIE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,CAAc,CAAA;OACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAa,KAAK,MACjB,kBAAC,GAAD;QAAoB,OAAO;kBACxB,EAAgB,CAAC;OACR,GAFK,CAEL,CACb,EACY,CAAA,CACT;;KAEP;MACF;MAhCE,EAAE,EAgCJ,CACN,CAEA;IACF;;AAET;AAMA,SAAS,GAAU,EAAE,WAAQ,eAAsD;CACjF,IAAM,EAAE,kBAAe,EAAiB,GAClC,EAAE,SAAM,cAAW,YAAS,eAAY,EAAa,EAAE,UAAU,EAAO,GAAG,CAAC,GAC5E,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAS,GAAM,SAAS,CAAC;CAE/B,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aACZ,KACC,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,YAC7B;;EAEP,CAAA;EACJ,IACC,kBAAC,GAAD,EAAa,OAAM,kBAAmB,CAAA,IACpC,IACF,kBAAC,GAAD,EAAW,eAAe,EAAQ,EAAI,CAAA,IACpC,EAAO,WAAW,IACpB,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;GACzC,OAAM;GACN,aACE,IAAW,8CAA8C;GAE3D,QACE,IACE,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,YAC7B;QACN,KAAA;EAEP,CAAA,IAED,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAO,KAAK,MACX,kBAAC,IAAD;IAAuB,OAAO;IAAI,cAAc,EAAW,UAAU,EAAG,IAAI;GAAI,GAAhE,EAAG,EAA6D,CACjF;EACE,CAAA;EAEP,kBAAC,IAAD;GAAmB,UAAU,EAAO;GAAI,MAAM;GAAY,cAAc;EAAgB,CAAA;CACrF,EAAA,CAAA;AAET;AAMA,SAAS,GAAS,EAChB,WACA,aACA,gBAKC;CACD,IAAM,EAAE,MAAM,GAAO,cAAW,YAAS,eAAY,EAAY,EAAO,EAAE,GACpE,CAAC,GAAY,KAAiB,EAAS,EAAK;CAElD,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aACZ,KACC,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,WAC7B;;EAEP,CAAA;EACJ,IACC,kBAAC,GAAD,EAAa,OAAM,iBAAkB,CAAA,IACnC,IACF,kBAAC,GAAD,EAAW,eAAe,EAAQ,EAAI,CAAA,KACnC,KAAS,CAAC,GAAG,WAAW,IAC3B,kBAAC,GAAD;GACE,MAAM,kBAAC,IAAD,EAAW,WAAU,UAAW,CAAA;GACtC,OAAM;GACN,aACE,IAAW,2CAA2C;GAExD,QACE,IACE,kBAAC,GAAD;IAAQ,eAAe,EAAc,EAAI;cAAzC,CACE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,WAC7B;QACN,KAAA;EAEP,CAAA,IAED,kBAAC,OAAD;GAAK,WAAU;cACX,KAAS,CAAC,GAAG,KAAK,MAClB,kBAAC,IAAD;IAA8B;IAAiB;GAAY,GAA5C,EAAK,EAAuC,CAC5D;EACE,CAAA;EAEP,kBAAC,IAAD;GAAkB,UAAU,EAAO;GAAI,MAAM;GAAY,cAAc;EAAgB,CAAA;CACpF,EAAA,CAAA;AAET;AAMA,SAAS,GAAS,EAAE,aAAiC;CACnD,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;IAAqB,CAAA;IAC7E,kBAAC,KAAD;KAAG,WAAU;eACV,EAAO,eAAe;IACtB,CAAA;IACF,EAAO,KAAK,SAAS,KACpB,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,QAAD;MAEE,WAAU;gBAFZ,CAGC,KACG,CACE;QAJC,CAID,CACP;IACE,CAAA;IAEP,kBAAC,MAAD;KAAI,WAAU;eAAd;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAc,CAAA,GACjD,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAgB,EAAO,UAAU;MAAM,CAAA,CAC5E,EAAA,CAAA;MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAU,CAAA,GAC7C,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAgB,EAAO,MAAM;MAAM,CAAA,CACxE,EAAA,CAAA;MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAW,CAAA,GAC9C,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAa,EAAO,WAAW;MAAM,CAAA,CAC1E,EAAA,CAAA;MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;MAAW,CAAA,GAC9C,kBAAC,MAAD;OAAI,WAAU;iBAA0B,EAAW,EAAO,SAAS;MAAM,CAAA,CACtE,EAAA,CAAA;KACH;;GACD;;CACF,CAAA;AAET;AAMA,IAAM,KAAkC;CAAC;CAAQ;CAAS;CAAgB;AAAO;AAEjF,SAAS,EAAoB,EAC3B,aACA,SACA,iBACA,gBAMC;CACD,IAAM,IAAgB,EAAoB,GACpC,CAAC,GAAM,KAAW,EAAS,EAAE,GAC7B,CAAC,GAAa,KAAkB,EAAS,EAAE,GAC3C,CAAC,GAAM,KAAW,EAAyB,MAAM,GACjD,CAAC,GAAO,KAAY,EAAwB,IAAI;CA2BtD,OACE,kBAAC,GAAD;EAAwB;EAAoB;YAC1C,kBAAC,GAAD;GAAyB,WAAU;aAAnC;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAuB,mBAAuC,CAAA,GAC9D,kBAAC,GAAD,EAAA,UAA6B,sDAEA,CAAA,CACP,EAAA,CAAA;IACxB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;kBAAe;OAAW,CAAA,GACzC,kBAAC,GAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MAAM,EAAQ,EAAE,OAAO,KAAK;QACvC,aAAY;OACb,CAAA,CACE;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,OAAW,CAAA,GAClB,kBAAC,GAAD;QAAQ,OAAO;QAAM,gBAAgB,MAAM,EAAQ,CAAmB;kBAAtE,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAc,CAAA,EACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,GAAc,KAAK,MAClB,kBAAC,GAAD;SAAqB,OAAO;mBACzB,EAAgB,CAAE;QACT,GAFK,CAEL,CACb,EACY,CAAA,CACT;SACL;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;kBAAe;OAAkB,CAAA,GAChD,kBAAC,IAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;QAC9C,MAAM;OACP,CAAA,CACE;;MACJ,KAAS,kBAAC,KAAD;OAAG,WAAU;iBAAkC;MAAS,CAAA;KAC/D;;IACL,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAa,EAAK;eAAG;IAEtD,CAAA,GACR,kBAAC,GAAD;KAAQ,SAAS,YA1EE;MACzB,IAAI,CAAC,EAAK,KAAK,GAAG;OAChB,EAAS,2BAA2B;OACpC;MACF;MACA,IAAI;OACF,IAAM,IAAU,MAAM,EAAc,YAAY;QAC9C;QACA,MAAM,EAAK,KAAK;QAChB,MAAM,EAAQ,CAAI;QAClB,aAAa,EAAY,KAAK,KAAK;QACnC;OACF,CAAC;OAOD,AANA,EAAO,QAAQ,mBAAmB,IAAI,EAAQ,MAAM,GACpD,EAAa,EAAK,GAClB,EAAQ,EAAE,GACV,EAAe,EAAE,GACjB,EAAQ,MAAM,GACd,EAAS,IAAI,GACb,IAAY,CAAO;MACrB,SAAS,GAAK;OACZ,EAAS,EAAc,CAAG,CAAC;MAC7B;KACF;KAmDiC,UAAU,EAAc;eAAW;IAEpD,CAAA,CACc,EAAA,CAAA;GACD;;CACT,CAAA;AAEtB;AAMA,SAAS,GAAiB,EACxB,aACA,SACA,mBAKC;CACD,IAAM,IAAa,EAAiB,GAC9B,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAS,KAAc,EAAmB,CAAC,IAAI,EAAE,CAAC,GACnD,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,CAAC,GAAa,KAAkB,EAAS,EAAK,GAC9C,CAAC,GAAU,KAAe,EAAS,EAAE,GACrC,CAAC,GAAO,KAAY,EAAwB,IAAI,GAGhD,IAAY,QAAc;EAC9B,IAAM,oBAAM,IAAI,KAAK;EAErB,OADA,EAAI,WAAW,EAAI,WAAW,IAAI,EAAI,kBAAkB,CAAC,GAClD,EAAI,YAAY,EAAE,MAAM,GAAG,EAAE;CACtC,GAAG,CAAC,CAAC,GAEC,UAAc;EAMlB,AALA,EAAY,EAAE,GACd,EAAW,CAAC,IAAI,EAAE,CAAC,GACnB,EAAiB,EAAK,GACtB,EAAe,EAAK,GACpB,EAAY,EAAE,GACd,EAAS,IAAI;CACf;CA6BA,OACE,kBAAC,GAAD;EAAwB;EAAoB;YAC1C,kBAAC,GAAD;GAAyB,WAAU;aAAnC;IACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAuB,gBAAoC,CAAA,GAC3D,kBAAC,GAAD,EAAA,UAA6B,+BAEA,CAAA,CACP,EAAA,CAAA;IACxB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;kBAAS;OAAe,CAAA,GACvC,kBAAC,GAAD;QACE,IAAG;QACH,OAAO;QACP,WAAW,MAAM,EAAY,EAAE,OAAO,KAAK;QAC3C,aAAY;OACb,CAAA,CACE;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA,GACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAQ,KAAK,GAAK,MACjB,kBAAC,OAAD;SAAa,WAAU;mBAAvB,CACE,kBAAC,GAAD;UACE,OAAO;UACP,WAAW,MACT,GAAY,MAAS,EAAK,KAAK,GAAG,MAAS,MAAQ,IAAI,EAAE,OAAO,QAAQ,CAAE,CAAC;UAE7E,aAAa,UAAU,IAAI;SAC5B,CAAA,GACA,EAAQ,SAAS,KAChB,kBAAC,GAAD;UACE,SAAQ;UACR,MAAK;UACL,eAAe,GAAY,MAAS,EAAK,QAAQ,GAAG,MAAQ,MAAQ,CAAC,CAAC;UACtE,cAAY,iBAAiB,IAAI;oBAClC;SAEO,CAAA,CAEP;WAlBK,CAkBL,CACN,GACA,EAAQ,SAAS,KAChB,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,eAAe,GAAY,MAAS,CAAC,GAAG,GAAM,EAAE,CAAC;mBAHnD,CAKE,kBAAC,GAAD,EAAM,WAAU,iBAAkB,CAAA,GAAC,aAC7B;UAEP;SACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD;SAAO,SAAQ;mBAAc;QAAgB,CAAA;QAC7C,kBAAC,GAAD;SACE,IAAG;SACH,MAAK;SACL,KAAK;SACL,OAAO;SACP,WAAW,MAAM,EAAY,EAAE,OAAO,KAAK;QAC5C,CAAA;QACD,kBAAC,KAAD;SAAG,WAAU;mBAA6B;QAEvC,CAAA;OACA;;MAEL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;oBAAa;SAA6B,CAAA,GACzD,kBAAC,KAAD;UAAG,WAAU;oBAA6B;SAAwC,CAAA,CAC/E;YACL,kBAAC,GAAD;SAAQ,IAAG;SAAa,SAAS;SAAe,iBAAiB;QAAmB,CAAA,CACjF;WACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UAAO,SAAQ;oBAAY;SAAuB,CAAA,GAClD,kBAAC,KAAD;UAAG,WAAU;oBAA6B;SAAkC,CAAA,CACzE;YACL,kBAAC,GAAD;SAAQ,IAAG;SAAY,SAAS;SAAa,iBAAiB;QAAiB,CAAA,CAC5E;SACF;;MACJ,KAAS,kBAAC,KAAD;OAAG,WAAU;iBAAkC;MAAS,CAAA;KAC/D;;IACL,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,eAAe,EAAa,EAAK;eAAG;IAEtD,CAAA,GACR,kBAAC,GAAD;KAAQ,SAAS,YArHE;MACzB,IAAM,IAAU,EAAQ,KAAK,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,OAAO;MAC3D,IAAI,CAAC,EAAS,KAAK,GAAG;OACpB,EAAS,yBAAyB;OAClC;MACF;MACA,IAAI,EAAQ,SAAS,GAAG;OACtB,EAAS,2BAA2B;OACpC;MACF;MACA,IAAI;OAWF,AAVA,MAAM,EAAW,YAAY;QAC3B;QACA,UAAU,EAAS,KAAK;QACxB,SAAS;QACT;QACA;QACA,UAAU,IAAW,IAAI,KAAK,CAAQ,EAAE,YAAY,IAAI;OAC1D,CAAC,GACD,EAAO,QAAQ,cAAc,GAC7B,EAAa,EAAK,GAClB,EAAM;MACR,SAAS,GAAK;OACZ,EAAS,EAAc,CAAG,CAAC;MAC7B;KACF;KA4FiC,UAAU,EAAW;eAAW;IAEjD,CAAA,CACc,EAAA,CAAA;GACD;;CACT,CAAA;AAEtB"}

package/dist/comradecircle/pages/events/EventDetailPage.js

@@ -12,7 +12,7 @@ import { ErrorView as f, LoadingView as p } from "../../components/StateViews.js
 import { StatusBadge as m } from "../../components/StatusBadge.js";
 import { MiniBar as h } from "../../components/MiniBar.js";
 import { ArrowLeft as ne, Ban as re, CalendarDays as ie, Check as g, CheckCircle2 as _, MapPin as v, Radio as y, Tag as ae, Users as b, Video as x } from "lucide-react";
-import { useParams as S } from "react-router-dom";
+import { useParams as S } from "react-router";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Button as E, GlassCard as oe } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/events/EventDetailPage.tsx

package/dist/comradecircle/pages/events/EventDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventDetailPage.js","names":[],"sources":["../../../../src/comradecircle/pages/events/EventDetailPage.tsx"],"sourcesContent":["/**\n * EventDetailPage — a single community event.\n * @module comradecircle/pages/events\n *\n * Reads `comEvent` (with its RSVPs). Members RSVP (GOING / INTERESTED /\n * WAITLISTED / NOT_GOING) while the event is SCHEDULED or LIVE; the host drives\n * the lifecycle (SCHEDULED → LIVE → COMPLETED, or CANCELLED). Person references\n * always resolve through {@link MemberIdentity} — never a raw actor id.\n */\n\nimport {\n  ArrowLeft,\n  CalendarDays,\n  MapPin,\n  Video,\n  Users,\n  Radio,\n  CheckCircle2,\n  Check,\n  Ban,\n  Tag,\n} from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { MemberIdentity } from '../../components/MemberIdentity';\nimport { MiniBar } from '../../components/MiniBar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComEvent, useComEventLive, useComRsvpEvent, useComTransitionEvent } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDateTime, formatNumber, formatEnumLabel } from '../../utils';\nimport { cn } from '../../utils/cn';\nimport { notify, describeError } from '../../lib/toast';\nimport { useParams } from 'react-router-dom';\nimport type { ComEventStatus, ComRsvpStatus } from '../../types';\n\nconst RSVP_OPTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n  { status: 'WAITLISTED', label: 'Waitlist' },\n  { status: 'NOT_GOING', label: \"Can't go\" },\n];\n\n/** Attendee display order: confirmed first, declines last. */\nconst RSVP_ORDER: Record<ComRsvpStatus, number> = {\n  GOING: 0,\n  INTERESTED: 1,\n  WAITLISTED: 2,\n  NOT_GOING: 3,\n};\n\n/** Facet labels for the one-line attendee summary. */\nconst RSVP_FACETS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'going' },\n  { status: 'INTERESTED', label: 'interested' },\n  { status: 'WAITLISTED', label: 'waitlisted' },\n  { status: 'NOT_GOING', label: \"can't go\" },\n];\n\nexport function EventDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { currentUser, navigateTo } = useComradeCircle();\n  const { data: event, isLoading, isError, refetch } = useComEvent(id);\n  // BOFF-4455: live status badge + attendee count without a manual refresh.\n  useComEventLive(id);\n  const rsvp = useComRsvpEvent();\n  const transition = useComTransitionEvent();\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('events')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Event\" actions={backButton}>\n        <LoadingView label=\"Loading event…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !event) {\n    return (\n      <PageLayout title=\"Event\" actions={backButton}>\n        <ErrorView\n          title=\"Event not found\"\n          message=\"This event may have been cancelled, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isHost = Boolean(currentUser?.id && currentUser.id === event.hostId);\n  const isLive = event.status === 'LIVE';\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n  const isOnlineish = event.mode === 'ONLINE' || event.mode === 'HYBRID';\n  const isInPersonish = event.mode === 'IN_PERSON' || event.mode === 'HYBRID';\n  const showJoin = isLive && isOnlineish && Boolean(event.joinUrl);\n  const myRsvp = currentUser?.id\n    ? event.rsvps.find((r) => r.memberId === currentUser.id)\n    : undefined;\n\n  // Attendance / capacity — derived from real rsvpCount + capacity only.\n  const capacity = event.capacity ?? null;\n  const fillPct =\n    capacity && capacity > 0 ? Math.min(100, (event.rsvpCount / capacity) * 100) : null;\n  const nearFull = fillPct != null && fillPct >= 80;\n  const isFull = fillPct != null && fillPct >= 100;\n  const capacityLabel = fillPct == null ? '' : isFull ? 'Full' : `${Math.round(fillPct)}% full`;\n  const capacityBar = isFull\n    ? 'bg-status-error-text'\n    : nearFull\n      ? 'bg-status-warning-text'\n      : 'bg-accent';\n  const capacityTone = isFull\n    ? 'text-status-error-text'\n    : nearFull\n      ? 'text-status-warning-text'\n      : 'text-text-tertiary';\n\n  // Attendees — sort GOING → INTERESTED → WAITLISTED → NOT_GOING; facet summary.\n  const rsvpCounts = event.rsvps.reduce<Record<ComRsvpStatus, number>>(\n    (acc, r) => {\n      acc[r.status] += 1;\n      return acc;\n    },\n    { GOING: 0, INTERESTED: 0, WAITLISTED: 0, NOT_GOING: 0 }\n  );\n  const sortedRsvps = [...event.rsvps].sort((a, b) => RSVP_ORDER[a.status] - RSVP_ORDER[b.status]);\n  const facetSummary = RSVP_FACETS.filter((f) => rsvpCounts[f.status] > 0)\n    .map((f) => `${formatNumber(rsvpCounts[f.status])} ${f.label}`)\n    .join(' · ');\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      notify.success('RSVP updated', `${formatEnumLabel(status)} · ${event.title}`);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const doTransition = async (status: ComEventStatus, successMessage: string) => {\n    try {\n      await transition.mutateAsync({ id: event.id, status });\n      notify.success(successMessage, event.title);\n    } catch (err) {\n      notify.error('Could not update the event', describeError(err));\n    }\n  };\n\n  const scheduleText = event.endsAt\n    ? `${formatDateTime(event.startsAt)} – ${formatDateTime(event.endsAt)}`\n    : formatDateTime(event.startsAt);\n\n  return (\n    <PageLayout title={event.title} actions={backButton}>\n      <div className=\"mx-auto flex max-w-3xl flex-col gap-6\">\n        {/* Overview */}\n        <GlassCard\n          treatment=\"plain\"\n          className={cn(\n            'flex flex-col gap-5 p-5 sm:p-6',\n            isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n          )}\n        >\n          {/* Motion-safe live ring — a pulsing accent halo, gated for reduced motion. */}\n          {isLive && (\n            <span\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 rounded-card ring-2 ring-accent/60 motion-safe:animate-pulse\"\n            />\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={event.status} />\n            <StatusBadge status={event.mode} />\n          </div>\n\n          {/* Prominent live-join CTA, promoted near the header. */}\n          {showJoin && event.joinUrl && (\n            <Button asChild size=\"lg\" className=\"w-full justify-center sm:w-auto sm:self-start\">\n              <a href={event.joinUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n                <Video className=\"h-4 w-4\" /> Join the live event\n              </a>\n            </Button>\n          )}\n\n          {event.description && (\n            <p className=\"whitespace-pre-wrap text-sm text-text-secondary\">{event.description}</p>\n          )}\n\n          <dl className=\"flex flex-col gap-3 text-sm\">\n            {/* Schedule */}\n            <div className=\"flex items-start gap-2.5\">\n              <CalendarDays className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <div>\n                <dt className=\"text-text-tertiary\">When</dt>\n                <dd className=\"mt-0.5 text-text-primary\">{scheduleText}</dd>\n              </div>\n            </div>\n\n            {/* Location (in-person / hybrid) */}\n            {isInPersonish && event.location && (\n              <div className=\"flex items-start gap-2.5\">\n                <MapPin className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n                <div>\n                  <dt className=\"text-text-tertiary\">Where</dt>\n                  <dd className=\"mt-0.5 text-text-primary\">{event.location}</dd>\n                </div>\n              </div>\n            )}\n\n            {/* Online join link (online / hybrid) */}\n            {isOnlineish && (\n              <div className=\"flex items-start gap-2.5\">\n                <Video className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n                <div className=\"min-w-0\">\n                  <dt className=\"text-text-tertiary\">Online</dt>\n                  <dd className=\"mt-0.5 text-text-primary\">\n                    {showJoin ? (\n                      <span className=\"font-medium text-accent\">\n                        The join link is live — use the button above.\n                      </span>\n                    ) : (\n                      <span className=\"text-text-secondary\">\n                        {isLive\n                          ? 'A join link has not been provided.'\n                          : 'The join link becomes available when the event goes live.'}\n                      </span>\n                    )}\n                  </dd>\n                </div>\n              </div>\n            )}\n\n            {/* Attendance */}\n            <div className=\"flex items-start gap-2.5\">\n              <Users className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <div className=\"min-w-0 flex-1\">\n                <dt className=\"text-text-tertiary\">Attending</dt>\n                <dd className=\"mt-0.5 flex flex-wrap items-baseline gap-x-2 text-text-primary\">\n                  <span>\n                    {formatNumber(event.rsvpCount)}\n                    {capacity ? ` / ${formatNumber(capacity)}` : ''}\n                  </span>\n                  {capacityLabel && (\n                    <span className={cn('text-xs font-semibold', capacityTone)}>\n                      {capacityLabel}\n                    </span>\n                  )}\n                </dd>\n                {fillPct != null && (\n                  <MiniBar value={fillPct} barClassName={capacityBar} className=\"mt-2 max-w-xs\" />\n                )}\n              </div>\n            </div>\n          </dl>\n\n          {/* Tags */}\n          {event.tags.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              <Tag className=\"h-3.5 w-3.5 text-text-tertiary\" aria-hidden=\"true\" />\n              {event.tags.map((tag) => (\n                <span\n                  key={tag}\n                  className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n                >\n                  #{tag}\n                </span>\n              ))}\n            </div>\n          )}\n\n          {/* Host */}\n          <div className=\"border-t border-border-seam pt-4\">\n            <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n              Hosted by\n            </p>\n            <MemberIdentity memberId={event.hostId} variant=\"row\" size=\"md\" showPresence />\n          </div>\n        </GlassCard>\n\n        {/* RSVP controls */}\n        {canRsvp && (\n          <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Your RSVP</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Let the host know whether you&apos;ll attend.\n            </p>\n            <div className=\"mt-4 flex flex-col gap-2 sm:flex-row sm:flex-wrap\">\n              {RSVP_OPTIONS.map((opt) => {\n                const active = myRsvp?.status === opt.status;\n                return (\n                  <Button\n                    key={opt.status}\n                    variant={active ? 'default' : 'outline'}\n                    onClick={() => doRsvp(opt.status)}\n                    disabled={rsvp.isPending}\n                    aria-pressed={active}\n                    className={cn(\n                      'w-full justify-center sm:w-auto',\n                      active && 'font-semibold shadow-elevation-1'\n                    )}\n                  >\n                    {active && <Check className=\"h-4 w-4\" />}\n                    {opt.label}\n                  </Button>\n                );\n              })}\n            </div>\n          </section>\n        )}\n\n        {/* Host lifecycle controls */}\n        {isHost && (event.status === 'SCHEDULED' || event.status === 'LIVE') && (\n          <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Host controls</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Move this event through its lifecycle.\n            </p>\n            <div className=\"mt-4 flex flex-wrap gap-2\">\n              {event.status === 'SCHEDULED' && (\n                <>\n                  <Button\n                    size=\"sm\"\n                    onClick={() => doTransition('LIVE', 'Event is now live')}\n                    disabled={transition.isPending}\n                  >\n                    <Radio className=\"mr-1.5 h-4 w-4\" /> Go live\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    variant=\"destructive\"\n                    onClick={() => doTransition('CANCELLED', 'Event cancelled')}\n                    disabled={transition.isPending}\n                  >\n                    <Ban className=\"mr-1.5 h-4 w-4\" /> Cancel\n                  </Button>\n                </>\n              )}\n              {event.status === 'LIVE' && (\n                <Button\n                  size=\"sm\"\n                  onClick={() => doTransition('COMPLETED', 'Event marked complete')}\n                  disabled={transition.isPending}\n                >\n                  <CheckCircle2 className=\"mr-1.5 h-4 w-4\" /> Mark complete\n                </Button>\n              )}\n            </div>\n          </section>\n        )}\n\n        {/* Attendees */}\n        <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n          <div className=\"mb-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Attendees</h2>\n              {facetSummary && (\n                <p className=\"mt-0.5 truncate text-xs text-text-tertiary\">{facetSummary}</p>\n              )}\n            </div>\n            <span className=\"inline-flex shrink-0 items-center gap-1 text-xs text-text-tertiary\">\n              <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvps.length)}\n            </span>\n          </div>\n          {event.rsvps.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-people\"\n              title=\"No RSVPs yet\"\n              description=\"Be the first to let the host know you're coming.\"\n            />\n          ) : (\n            <ul className=\"flex flex-col gap-2\">\n              {sortedRsvps.map((r) => (\n                <li\n                  key={r.id}\n                  className=\"flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-sunken px-4 py-2.5 transition-colors hover:border-[var(--color-accent-soft)]\"\n                >\n                  <MemberIdentity memberId={r.memberId} variant=\"row\" size=\"sm\" />\n                  <div className=\"flex min-w-0 items-center gap-2\">\n                    {r.note && (\n                      <span className=\"max-w-[16rem] truncate text-xs text-text-tertiary\">\n                        “{r.note}”\n                      </span>\n                    )}\n                    <StatusBadge status={r.status} />\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </section>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"EventDetailPage.js","names":[],"sources":["../../../../src/comradecircle/pages/events/EventDetailPage.tsx"],"sourcesContent":["/**\n * EventDetailPage — a single community event.\n * @module comradecircle/pages/events\n *\n * Reads `comEvent` (with its RSVPs). Members RSVP (GOING / INTERESTED /\n * WAITLISTED / NOT_GOING) while the event is SCHEDULED or LIVE; the host drives\n * the lifecycle (SCHEDULED → LIVE → COMPLETED, or CANCELLED). Person references\n * always resolve through {@link MemberIdentity} — never a raw actor id.\n */\n\nimport {\n  ArrowLeft,\n  CalendarDays,\n  MapPin,\n  Video,\n  Users,\n  Radio,\n  CheckCircle2,\n  Check,\n  Ban,\n  Tag,\n} from 'lucide-react';\nimport { GlassCard, Button } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { MemberIdentity } from '../../components/MemberIdentity';\nimport { MiniBar } from '../../components/MiniBar';\nimport { EmptyState } from '../../components/EmptyState';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComEvent, useComEventLive, useComRsvpEvent, useComTransitionEvent } from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { formatDateTime, formatNumber, formatEnumLabel } from '../../utils';\nimport { cn } from '../../utils/cn';\nimport { notify, describeError } from '../../lib/toast';\nimport { useParams } from 'react-router';\nimport type { ComEventStatus, ComRsvpStatus } from '../../types';\n\nconst RSVP_OPTIONS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'Going' },\n  { status: 'INTERESTED', label: 'Interested' },\n  { status: 'WAITLISTED', label: 'Waitlist' },\n  { status: 'NOT_GOING', label: \"Can't go\" },\n];\n\n/** Attendee display order: confirmed first, declines last. */\nconst RSVP_ORDER: Record<ComRsvpStatus, number> = {\n  GOING: 0,\n  INTERESTED: 1,\n  WAITLISTED: 2,\n  NOT_GOING: 3,\n};\n\n/** Facet labels for the one-line attendee summary. */\nconst RSVP_FACETS: { status: ComRsvpStatus; label: string }[] = [\n  { status: 'GOING', label: 'going' },\n  { status: 'INTERESTED', label: 'interested' },\n  { status: 'WAITLISTED', label: 'waitlisted' },\n  { status: 'NOT_GOING', label: \"can't go\" },\n];\n\nexport function EventDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { currentUser, navigateTo } = useComradeCircle();\n  const { data: event, isLoading, isError, refetch } = useComEvent(id);\n  // BOFF-4455: live status badge + attendee count without a manual refresh.\n  useComEventLive(id);\n  const rsvp = useComRsvpEvent();\n  const transition = useComTransitionEvent();\n\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('events')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Event\" actions={backButton}>\n        <LoadingView label=\"Loading event…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !event) {\n    return (\n      <PageLayout title=\"Event\" actions={backButton}>\n        <ErrorView\n          title=\"Event not found\"\n          message=\"This event may have been cancelled, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  const isHost = Boolean(currentUser?.id && currentUser.id === event.hostId);\n  const isLive = event.status === 'LIVE';\n  const canRsvp = event.status === 'SCHEDULED' || event.status === 'LIVE';\n  const isOnlineish = event.mode === 'ONLINE' || event.mode === 'HYBRID';\n  const isInPersonish = event.mode === 'IN_PERSON' || event.mode === 'HYBRID';\n  const showJoin = isLive && isOnlineish && Boolean(event.joinUrl);\n  const myRsvp = currentUser?.id\n    ? event.rsvps.find((r) => r.memberId === currentUser.id)\n    : undefined;\n\n  // Attendance / capacity — derived from real rsvpCount + capacity only.\n  const capacity = event.capacity ?? null;\n  const fillPct =\n    capacity && capacity > 0 ? Math.min(100, (event.rsvpCount / capacity) * 100) : null;\n  const nearFull = fillPct != null && fillPct >= 80;\n  const isFull = fillPct != null && fillPct >= 100;\n  const capacityLabel = fillPct == null ? '' : isFull ? 'Full' : `${Math.round(fillPct)}% full`;\n  const capacityBar = isFull\n    ? 'bg-status-error-text'\n    : nearFull\n      ? 'bg-status-warning-text'\n      : 'bg-accent';\n  const capacityTone = isFull\n    ? 'text-status-error-text'\n    : nearFull\n      ? 'text-status-warning-text'\n      : 'text-text-tertiary';\n\n  // Attendees — sort GOING → INTERESTED → WAITLISTED → NOT_GOING; facet summary.\n  const rsvpCounts = event.rsvps.reduce<Record<ComRsvpStatus, number>>(\n    (acc, r) => {\n      acc[r.status] += 1;\n      return acc;\n    },\n    { GOING: 0, INTERESTED: 0, WAITLISTED: 0, NOT_GOING: 0 }\n  );\n  const sortedRsvps = [...event.rsvps].sort((a, b) => RSVP_ORDER[a.status] - RSVP_ORDER[b.status]);\n  const facetSummary = RSVP_FACETS.filter((f) => rsvpCounts[f.status] > 0)\n    .map((f) => `${formatNumber(rsvpCounts[f.status])} ${f.label}`)\n    .join(' · ');\n\n  const doRsvp = async (status: ComRsvpStatus) => {\n    try {\n      await rsvp.mutateAsync({ eventId: event.id, status });\n      notify.success('RSVP updated', `${formatEnumLabel(status)} · ${event.title}`);\n    } catch (err) {\n      notify.error('Could not RSVP', describeError(err));\n    }\n  };\n\n  const doTransition = async (status: ComEventStatus, successMessage: string) => {\n    try {\n      await transition.mutateAsync({ id: event.id, status });\n      notify.success(successMessage, event.title);\n    } catch (err) {\n      notify.error('Could not update the event', describeError(err));\n    }\n  };\n\n  const scheduleText = event.endsAt\n    ? `${formatDateTime(event.startsAt)} – ${formatDateTime(event.endsAt)}`\n    : formatDateTime(event.startsAt);\n\n  return (\n    <PageLayout title={event.title} actions={backButton}>\n      <div className=\"mx-auto flex max-w-3xl flex-col gap-6\">\n        {/* Overview */}\n        <GlassCard\n          treatment=\"plain\"\n          className={cn(\n            'flex flex-col gap-5 p-5 sm:p-6',\n            isLive && 'ring-1 ring-[var(--color-accent-soft)]'\n          )}\n        >\n          {/* Motion-safe live ring — a pulsing accent halo, gated for reduced motion. */}\n          {isLive && (\n            <span\n              aria-hidden=\"true\"\n              className=\"pointer-events-none absolute inset-0 rounded-card ring-2 ring-accent/60 motion-safe:animate-pulse\"\n            />\n          )}\n\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={event.status} />\n            <StatusBadge status={event.mode} />\n          </div>\n\n          {/* Prominent live-join CTA, promoted near the header. */}\n          {showJoin && event.joinUrl && (\n            <Button asChild size=\"lg\" className=\"w-full justify-center sm:w-auto sm:self-start\">\n              <a href={event.joinUrl} target=\"_blank\" rel=\"noreferrer noopener\">\n                <Video className=\"h-4 w-4\" /> Join the live event\n              </a>\n            </Button>\n          )}\n\n          {event.description && (\n            <p className=\"whitespace-pre-wrap text-sm text-text-secondary\">{event.description}</p>\n          )}\n\n          <dl className=\"flex flex-col gap-3 text-sm\">\n            {/* Schedule */}\n            <div className=\"flex items-start gap-2.5\">\n              <CalendarDays className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <div>\n                <dt className=\"text-text-tertiary\">When</dt>\n                <dd className=\"mt-0.5 text-text-primary\">{scheduleText}</dd>\n              </div>\n            </div>\n\n            {/* Location (in-person / hybrid) */}\n            {isInPersonish && event.location && (\n              <div className=\"flex items-start gap-2.5\">\n                <MapPin className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n                <div>\n                  <dt className=\"text-text-tertiary\">Where</dt>\n                  <dd className=\"mt-0.5 text-text-primary\">{event.location}</dd>\n                </div>\n              </div>\n            )}\n\n            {/* Online join link (online / hybrid) */}\n            {isOnlineish && (\n              <div className=\"flex items-start gap-2.5\">\n                <Video className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n                <div className=\"min-w-0\">\n                  <dt className=\"text-text-tertiary\">Online</dt>\n                  <dd className=\"mt-0.5 text-text-primary\">\n                    {showJoin ? (\n                      <span className=\"font-medium text-accent\">\n                        The join link is live — use the button above.\n                      </span>\n                    ) : (\n                      <span className=\"text-text-secondary\">\n                        {isLive\n                          ? 'A join link has not been provided.'\n                          : 'The join link becomes available when the event goes live.'}\n                      </span>\n                    )}\n                  </dd>\n                </div>\n              </div>\n            )}\n\n            {/* Attendance */}\n            <div className=\"flex items-start gap-2.5\">\n              <Users className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\" />\n              <div className=\"min-w-0 flex-1\">\n                <dt className=\"text-text-tertiary\">Attending</dt>\n                <dd className=\"mt-0.5 flex flex-wrap items-baseline gap-x-2 text-text-primary\">\n                  <span>\n                    {formatNumber(event.rsvpCount)}\n                    {capacity ? ` / ${formatNumber(capacity)}` : ''}\n                  </span>\n                  {capacityLabel && (\n                    <span className={cn('text-xs font-semibold', capacityTone)}>\n                      {capacityLabel}\n                    </span>\n                  )}\n                </dd>\n                {fillPct != null && (\n                  <MiniBar value={fillPct} barClassName={capacityBar} className=\"mt-2 max-w-xs\" />\n                )}\n              </div>\n            </div>\n          </dl>\n\n          {/* Tags */}\n          {event.tags.length > 0 && (\n            <div className=\"flex flex-wrap items-center gap-1.5\">\n              <Tag className=\"h-3.5 w-3.5 text-text-tertiary\" aria-hidden=\"true\" />\n              {event.tags.map((tag) => (\n                <span\n                  key={tag}\n                  className=\"rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary\"\n                >\n                  #{tag}\n                </span>\n              ))}\n            </div>\n          )}\n\n          {/* Host */}\n          <div className=\"border-t border-border-seam pt-4\">\n            <p className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-text-tertiary\">\n              Hosted by\n            </p>\n            <MemberIdentity memberId={event.hostId} variant=\"row\" size=\"md\" showPresence />\n          </div>\n        </GlassCard>\n\n        {/* RSVP controls */}\n        {canRsvp && (\n          <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Your RSVP</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Let the host know whether you&apos;ll attend.\n            </p>\n            <div className=\"mt-4 flex flex-col gap-2 sm:flex-row sm:flex-wrap\">\n              {RSVP_OPTIONS.map((opt) => {\n                const active = myRsvp?.status === opt.status;\n                return (\n                  <Button\n                    key={opt.status}\n                    variant={active ? 'default' : 'outline'}\n                    onClick={() => doRsvp(opt.status)}\n                    disabled={rsvp.isPending}\n                    aria-pressed={active}\n                    className={cn(\n                      'w-full justify-center sm:w-auto',\n                      active && 'font-semibold shadow-elevation-1'\n                    )}\n                  >\n                    {active && <Check className=\"h-4 w-4\" />}\n                    {opt.label}\n                  </Button>\n                );\n              })}\n            </div>\n          </section>\n        )}\n\n        {/* Host lifecycle controls */}\n        {isHost && (event.status === 'SCHEDULED' || event.status === 'LIVE') && (\n          <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary\">Host controls</h2>\n            <p className=\"mt-0.5 text-sm text-text-secondary\">\n              Move this event through its lifecycle.\n            </p>\n            <div className=\"mt-4 flex flex-wrap gap-2\">\n              {event.status === 'SCHEDULED' && (\n                <>\n                  <Button\n                    size=\"sm\"\n                    onClick={() => doTransition('LIVE', 'Event is now live')}\n                    disabled={transition.isPending}\n                  >\n                    <Radio className=\"mr-1.5 h-4 w-4\" /> Go live\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    variant=\"destructive\"\n                    onClick={() => doTransition('CANCELLED', 'Event cancelled')}\n                    disabled={transition.isPending}\n                  >\n                    <Ban className=\"mr-1.5 h-4 w-4\" /> Cancel\n                  </Button>\n                </>\n              )}\n              {event.status === 'LIVE' && (\n                <Button\n                  size=\"sm\"\n                  onClick={() => doTransition('COMPLETED', 'Event marked complete')}\n                  disabled={transition.isPending}\n                >\n                  <CheckCircle2 className=\"mr-1.5 h-4 w-4\" /> Mark complete\n                </Button>\n              )}\n            </div>\n          </section>\n        )}\n\n        {/* Attendees */}\n        <section className=\"rounded-2xl border border-border-seam bg-bg-surface p-5\">\n          <div className=\"mb-3 flex items-center justify-between gap-3\">\n            <div className=\"min-w-0\">\n              <h2 className=\"text-base font-semibold text-text-primary\">Attendees</h2>\n              {facetSummary && (\n                <p className=\"mt-0.5 truncate text-xs text-text-tertiary\">{facetSummary}</p>\n              )}\n            </div>\n            <span className=\"inline-flex shrink-0 items-center gap-1 text-xs text-text-tertiary\">\n              <Users className=\"h-3.5 w-3.5\" /> {formatNumber(event.rsvps.length)}\n            </span>\n          </div>\n          {event.rsvps.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-people\"\n              title=\"No RSVPs yet\"\n              description=\"Be the first to let the host know you're coming.\"\n            />\n          ) : (\n            <ul className=\"flex flex-col gap-2\">\n              {sortedRsvps.map((r) => (\n                <li\n                  key={r.id}\n                  className=\"flex flex-wrap items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-sunken px-4 py-2.5 transition-colors hover:border-[var(--color-accent-soft)]\"\n                >\n                  <MemberIdentity memberId={r.memberId} variant=\"row\" size=\"sm\" />\n                  <div className=\"flex min-w-0 items-center gap-2\">\n                    {r.note && (\n                      <span className=\"max-w-[16rem] truncate text-xs text-text-tertiary\">\n                        “{r.note}”\n                      </span>\n                    )}\n                    <StatusBadge status={r.status} />\n                  </div>\n                </li>\n              ))}\n            </ul>\n          )}\n        </section>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/members/MemberProfilePage.js

@@ -10,7 +10,7 @@ import { EmptyState as p } from "../../components/EmptyState.js";
 import { ErrorView as m } from "../../components/StateViews.js";
 import { StatusBadge as h } from "../../components/StatusBadge.js";
 import { ArrowLeft as g, Coins as _, Gift as v, Package as y, Pencil as b, Ticket as x, UserCheck as S, UserMinus as C, UserPlus as w, UserX as T } from "lucide-react";
-import { useParams as E } from "react-router-dom";
+import { useParams as E } from "react-router";
 import { jsx as D, jsxs as O } from "react/jsx-runtime";
 import { AuroraBackground as k, Button as A, GlassCard as j, GradientText as M, Skeleton as N } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/members/MemberProfilePage.tsx

package/dist/comradecircle/pages/members/MemberProfilePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberProfilePage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MemberProfilePage.tsx"],"sourcesContent":["/**\n * MemberProfilePage — a single member's public social profile.\n * @module comradecircle/pages/members\n *\n * Reads `comProfile(memberId)` (the social-identity layer). The visitor can\n * follow / unfollow the member (state derived from `comMyFollows('MEMBER')`);\n * on their own profile the action becomes an \"Edit profile\" shortcut. Interests\n * and skills render as differentiated chips (accent-tinted vs. outlined) and\n * hide when empty. The identity card gets a social-hero treatment: a living\n * gloss/aurora cover strip with the avatar overlapping upward onto it.\n */\n\nimport {\n  ArrowLeft,\n  Coins,\n  Gift,\n  Package,\n  Ticket,\n  UserX,\n  UserMinus,\n  UserPlus,\n  UserCheck,\n  Pencil,\n} from 'lucide-react';\nimport { Button, GlassCard, GradientText, AuroraBackground, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport {\n  useComProfile,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useComListMembershipTiers,\n  useComListPaidEvents,\n  useComListDigitalProducts,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport { useParams } from 'react-router-dom';\n\nfunction formatMoney(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`;\n  }\n}\n\n/**\n * Fan-facing \"Support this creator\" panel — browses the creator's PUBLISHED\n * membership tiers / paid events / digital products (BOFF-4454 bounded\n * monetization CATALOG core). Every purchase CTA is disabled with a\n * \"Payment integration pending\" label: this ticket ships pricing/catalog\n * only, never a live checkout.\n */\nfunction SupportCreatorSection({ creatorId }: { creatorId: string }) {\n  const tiers = useComListMembershipTiers(creatorId);\n  const events = useComListPaidEvents(creatorId);\n  const products = useComListDigitalProducts(creatorId);\n\n  const tierItems = tiers.data?.items ?? [];\n  const eventItems = events.data?.items ?? [];\n  const productItems = products.data?.items ?? [];\n  const isLoading = tiers.isLoading || events.isLoading || products.isLoading;\n  const hasAnything = tierItems.length > 0 || eventItems.length > 0 || productItems.length > 0;\n\n  if (isLoading || !hasAnything) return null;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col gap-5 p-5 sm:p-6\">\n      <div className=\"flex items-center gap-2\">\n        <Coins className=\"h-4 w-4 text-accent\" />\n        <h3 className=\"text-base font-semibold text-text-primary\">Support this creator</h3>\n      </div>\n      <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text\">\n        <Gift className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n        Payment integration pending — these are catalog listings, not a live checkout yet.\n      </div>\n\n      {tierItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Membership tiers</p>\n          {tierItems.map((tier) => (\n            <div\n              key={tier.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{tier.name}</p>\n                {tier.description && (\n                  <p className=\"truncate text-xs text-text-secondary\">{tier.description}</p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(tier.priceAmount, tier.currency)}/\n                  {tier.billingInterval === 'YEARLY' ? 'yr' : 'mo'}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Support\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {eventItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Paid events</p>\n          {eventItems.map((event) => (\n            <div\n              key={event.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Ticket className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{event.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(event.priceAmount, event.currency)}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Get ticket\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {productItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Digital products</p>\n          {productItems.map((product) => (\n            <div\n              key={product.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Package className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{product.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(product.priceAmount, product.currency)}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Buy\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\n/**\n * A wrap of tag chips. `interest` chips read as accent-tinted affinities;\n * `skill` chips read as outlined competencies — a quiet visual grammar that\n * lets the two sets be told apart at a glance. Hover gives a tasteful lift.\n */\nfunction ChipList({ items, variant }: { items: string[]; variant: 'interest' | 'skill' }) {\n  return (\n    <ul className=\"flex flex-wrap gap-2\">\n      {items.map((item) => (\n        <li\n          key={item}\n          className={cn(\n            'rounded-full px-3 py-1 text-xs font-medium motion-safe:transition-transform motion-safe:duration-150 motion-safe:hover:-translate-y-0.5',\n            variant === 'interest'\n              ? 'bg-[var(--color-accent-soft)] text-accent'\n              : 'border border-border-seam text-text-primary hover:border-border-strong'\n          )}\n        >\n          {item}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/** Profile-shaped skeleton — mirrors the hero cover strip, overlapping avatar,\n *  identity block and the two chip sections so the layout doesn't jump. */\nfunction ProfileSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n      <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n        <Skeleton className=\"h-24 w-full rounded-none sm:h-28\" />\n        <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n          <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n            <Skeleton className=\"-mt-16 h-28 w-28 rounded-full sm:-mt-20\" />\n            <div className=\"w-full space-y-2 pb-1 text-center sm:text-left\">\n              <Skeleton className=\"mx-auto h-7 w-44 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-4 w-56 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-5 w-20 rounded-full sm:mx-0\" />\n            </div>\n          </div>\n          <div className=\"mt-5 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-3/4\" />\n          </div>\n        </div>\n      </GlassCard>\n      <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n        {[0, 1].map((s) => (\n          <div key={s} className=\"space-y-3\">\n            <Skeleton className=\"h-4 w-24\" />\n            <div className=\"flex flex-wrap gap-2\">\n              {[0, 1, 2, 3].map((c) => (\n                <Skeleton key={c} className=\"h-6 w-20 rounded-full\" />\n              ))}\n            </div>\n          </div>\n        ))}\n      </GlassCard>\n    </div>\n  );\n}\n\nexport function MemberProfilePage() {\n  const { memberId } = useParams<{ memberId: string }>();\n  const { navigateTo, currentUser } = useComradeCircle();\n  const { data: profile, isLoading, isError, refetch } = useComProfile(memberId);\n\n  const follows = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const back = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('members')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ProfileSkeleton />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ErrorView message=\"We couldn't load this member's profile.\" onRetry={() => refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!profile) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <EmptyState\n          icon={<UserX className=\"h-10 w-10\" />}\n          title=\"No profile\"\n          description=\"This member hasn't set up a ComradeCircle profile yet.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const isSelf = Boolean(memberId && currentUser?.id === memberId);\n  const isFollowing = (follows.data ?? []).some(\n    (f) => f.targetId === memberId && f.targetType === 'MEMBER'\n  );\n  const followPending = follow.isPending || unfollow.isPending;\n\n  const toggleFollow = async () => {\n    if (!memberId) return;\n    try {\n      if (isFollowing) {\n        await unfollow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Unfollowed', profile.displayName);\n      } else {\n        await follow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Following', profile.displayName);\n      }\n    } catch (err) {\n      notify.error('Could not update follow', describeError(err));\n    }\n  };\n\n  const action = isSelf ? (\n    <Button variant=\"outline\" onClick={() => navigateTo('profile')}>\n      <Pencil className=\"mr-1.5 h-4 w-4\" /> Edit profile\n    </Button>\n  ) : isFollowing ? (\n    <Button\n      variant=\"outline\"\n      onClick={toggleFollow}\n      disabled={followPending}\n      aria-label={`Following ${profile.displayName}. Activate to unfollow.`}\n      className=\"group/follow min-w-[8rem] justify-center motion-safe:transition-colors hover:border-status-error-border hover:bg-status-error-subtle hover:text-status-error-text\"\n    >\n      <UserCheck className=\"mr-1.5 h-4 w-4 group-hover/follow:hidden\" />\n      <UserMinus className=\"mr-1.5 hidden h-4 w-4 group-hover/follow:inline\" />\n      <span className=\"group-hover/follow:hidden\">Following</span>\n      <span className=\"hidden group-hover/follow:inline\">Unfollow</span>\n    </Button>\n  ) : (\n    <Button onClick={toggleFollow} disabled={followPending}>\n      <UserPlus className=\"mr-1.5 h-4 w-4\" /> Follow\n    </Button>\n  );\n\n  const hasTags = profile.interests.length > 0 || profile.skills.length > 0;\n\n  return (\n    <PageLayout title=\"Profile\" actions={back}>\n      <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n        {/* Identity hero */}\n        <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n          {/* Living cover strip — gloss + drifting aurora, reduced-motion safe */}\n          <div className=\"relative h-24 overflow-hidden bg-gloss-card sm:h-28\">\n            <AuroraBackground intensity=\"subtle\" />\n          </div>\n\n          <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\">\n              <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n                <Avatar\n                  name={profile.displayName}\n                  presence={profile.presence}\n                  size=\"2xl\"\n                  seed={profile.memberId}\n                  fileId={profile.avatar?.id}\n                  ring\n                  className=\"-mt-16 sm:-mt-20\"\n                />\n                <div className=\"min-w-0 pb-1 text-center sm:text-left\">\n                  <GradientText as=\"h2\" className=\"text-2xl font-semibold sm:text-[1.75rem]\">\n                    {profile.displayName}\n                  </GradientText>\n                  {profile.headline && (\n                    <p className=\"mt-1 text-sm text-text-secondary\">{profile.headline}</p>\n                  )}\n                  <div className=\"mt-3 flex justify-center sm:justify-start\">\n                    <StatusBadge status={profile.presence} />\n                  </div>\n                </div>\n              </div>\n              <div className=\"flex shrink-0 justify-center pb-1 sm:justify-end\">{action}</div>\n            </div>\n\n            {profile.bio && (\n              <p className=\"mt-5 whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {profile.bio}\n              </p>\n            )}\n          </div>\n        </GlassCard>\n\n        {/* Interests & skills — differentiated chip grammar */}\n        {hasTags && (\n          <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n            {profile.interests.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Interests</h3>\n                <ChipList items={profile.interests} variant=\"interest\" />\n              </div>\n            )}\n            {profile.skills.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Skills</h3>\n                <ChipList items={profile.skills} variant=\"skill\" />\n              </div>\n            )}\n          </GlassCard>\n        )}\n\n        {/* Creator monetization catalog — browse-only, payment pending (BOFF-4454) */}\n        {memberId && <SupportCreatorSection creatorId={memberId} />}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MemberProfilePage.js","names":[],"sources":["../../../../src/comradecircle/pages/members/MemberProfilePage.tsx"],"sourcesContent":["/**\n * MemberProfilePage — a single member's public social profile.\n * @module comradecircle/pages/members\n *\n * Reads `comProfile(memberId)` (the social-identity layer). The visitor can\n * follow / unfollow the member (state derived from `comMyFollows('MEMBER')`);\n * on their own profile the action becomes an \"Edit profile\" shortcut. Interests\n * and skills render as differentiated chips (accent-tinted vs. outlined) and\n * hide when empty. The identity card gets a social-hero treatment: a living\n * gloss/aurora cover strip with the avatar overlapping upward onto it.\n */\n\nimport {\n  ArrowLeft,\n  Coins,\n  Gift,\n  Package,\n  Ticket,\n  UserX,\n  UserMinus,\n  UserPlus,\n  UserCheck,\n  Pencil,\n} from 'lucide-react';\nimport { Button, GlassCard, GradientText, AuroraBackground, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { Avatar } from '../../components/Avatar';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView } from '../../components/StateViews';\nimport {\n  useComProfile,\n  useComMyFollows,\n  useComFollow,\n  useComUnfollow,\n  useComListMembershipTiers,\n  useComListPaidEvents,\n  useComListDigitalProducts,\n} from '../../hooks';\nimport { useComradeCircle } from '../../context';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport { useParams } from 'react-router';\n\nfunction formatMoney(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`;\n  }\n}\n\n/**\n * Fan-facing \"Support this creator\" panel — browses the creator's PUBLISHED\n * membership tiers / paid events / digital products (BOFF-4454 bounded\n * monetization CATALOG core). Every purchase CTA is disabled with a\n * \"Payment integration pending\" label: this ticket ships pricing/catalog\n * only, never a live checkout.\n */\nfunction SupportCreatorSection({ creatorId }: { creatorId: string }) {\n  const tiers = useComListMembershipTiers(creatorId);\n  const events = useComListPaidEvents(creatorId);\n  const products = useComListDigitalProducts(creatorId);\n\n  const tierItems = tiers.data?.items ?? [];\n  const eventItems = events.data?.items ?? [];\n  const productItems = products.data?.items ?? [];\n  const isLoading = tiers.isLoading || events.isLoading || products.isLoading;\n  const hasAnything = tierItems.length > 0 || eventItems.length > 0 || productItems.length > 0;\n\n  if (isLoading || !hasAnything) return null;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"flex flex-col gap-5 p-5 sm:p-6\">\n      <div className=\"flex items-center gap-2\">\n        <Coins className=\"h-4 w-4 text-accent\" />\n        <h3 className=\"text-base font-semibold text-text-primary\">Support this creator</h3>\n      </div>\n      <div className=\"flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-3 py-2 text-xs text-status-warning-text\">\n        <Gift className=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n        Payment integration pending — these are catalog listings, not a live checkout yet.\n      </div>\n\n      {tierItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Membership tiers</p>\n          {tierItems.map((tier) => (\n            <div\n              key={tier.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{tier.name}</p>\n                {tier.description && (\n                  <p className=\"truncate text-xs text-text-secondary\">{tier.description}</p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(tier.priceAmount, tier.currency)}/\n                  {tier.billingInterval === 'YEARLY' ? 'yr' : 'mo'}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Support\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {eventItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Paid events</p>\n          {eventItems.map((event) => (\n            <div\n              key={event.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Ticket className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{event.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(event.priceAmount, event.currency)}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Get ticket\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {productItems.length > 0 && (\n        <div className=\"grid gap-2\">\n          <p className=\"text-xs font-medium text-text-tertiary\">Digital products</p>\n          {productItems.map((product) => (\n            <div\n              key={product.id}\n              className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface p-3\"\n            >\n              <div className=\"flex min-w-0 items-center gap-2\">\n                <Package className=\"h-4 w-4 shrink-0 text-text-tertiary\" />\n                <p className=\"truncate text-sm font-medium text-text-primary\">{product.title}</p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(product.priceAmount, product.currency)}\n                </span>\n                <Button size=\"sm\" disabled title=\"Payment integration pending\">\n                  Buy\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </GlassCard>\n  );\n}\n\n/**\n * A wrap of tag chips. `interest` chips read as accent-tinted affinities;\n * `skill` chips read as outlined competencies — a quiet visual grammar that\n * lets the two sets be told apart at a glance. Hover gives a tasteful lift.\n */\nfunction ChipList({ items, variant }: { items: string[]; variant: 'interest' | 'skill' }) {\n  return (\n    <ul className=\"flex flex-wrap gap-2\">\n      {items.map((item) => (\n        <li\n          key={item}\n          className={cn(\n            'rounded-full px-3 py-1 text-xs font-medium motion-safe:transition-transform motion-safe:duration-150 motion-safe:hover:-translate-y-0.5',\n            variant === 'interest'\n              ? 'bg-[var(--color-accent-soft)] text-accent'\n              : 'border border-border-seam text-text-primary hover:border-border-strong'\n          )}\n        >\n          {item}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/** Profile-shaped skeleton — mirrors the hero cover strip, overlapping avatar,\n *  identity block and the two chip sections so the layout doesn't jump. */\nfunction ProfileSkeleton() {\n  return (\n    <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n      <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n        <Skeleton className=\"h-24 w-full rounded-none sm:h-28\" />\n        <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n          <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n            <Skeleton className=\"-mt-16 h-28 w-28 rounded-full sm:-mt-20\" />\n            <div className=\"w-full space-y-2 pb-1 text-center sm:text-left\">\n              <Skeleton className=\"mx-auto h-7 w-44 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-4 w-56 sm:mx-0\" />\n              <Skeleton className=\"mx-auto h-5 w-20 rounded-full sm:mx-0\" />\n            </div>\n          </div>\n          <div className=\"mt-5 space-y-2\">\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-3/4\" />\n          </div>\n        </div>\n      </GlassCard>\n      <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n        {[0, 1].map((s) => (\n          <div key={s} className=\"space-y-3\">\n            <Skeleton className=\"h-4 w-24\" />\n            <div className=\"flex flex-wrap gap-2\">\n              {[0, 1, 2, 3].map((c) => (\n                <Skeleton key={c} className=\"h-6 w-20 rounded-full\" />\n              ))}\n            </div>\n          </div>\n        ))}\n      </GlassCard>\n    </div>\n  );\n}\n\nexport function MemberProfilePage() {\n  const { memberId } = useParams<{ memberId: string }>();\n  const { navigateTo, currentUser } = useComradeCircle();\n  const { data: profile, isLoading, isError, refetch } = useComProfile(memberId);\n\n  const follows = useComMyFollows('MEMBER');\n  const follow = useComFollow();\n  const unfollow = useComUnfollow();\n\n  const back = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('members')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ProfileSkeleton />\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <ErrorView message=\"We couldn't load this member's profile.\" onRetry={() => refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!profile) {\n    return (\n      <PageLayout title=\"Profile\" actions={back}>\n        <EmptyState\n          icon={<UserX className=\"h-10 w-10\" />}\n          title=\"No profile\"\n          description=\"This member hasn't set up a ComradeCircle profile yet.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const isSelf = Boolean(memberId && currentUser?.id === memberId);\n  const isFollowing = (follows.data ?? []).some(\n    (f) => f.targetId === memberId && f.targetType === 'MEMBER'\n  );\n  const followPending = follow.isPending || unfollow.isPending;\n\n  const toggleFollow = async () => {\n    if (!memberId) return;\n    try {\n      if (isFollowing) {\n        await unfollow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Unfollowed', profile.displayName);\n      } else {\n        await follow.mutateAsync({ targetId: memberId, targetType: 'MEMBER' });\n        notify.success('Following', profile.displayName);\n      }\n    } catch (err) {\n      notify.error('Could not update follow', describeError(err));\n    }\n  };\n\n  const action = isSelf ? (\n    <Button variant=\"outline\" onClick={() => navigateTo('profile')}>\n      <Pencil className=\"mr-1.5 h-4 w-4\" /> Edit profile\n    </Button>\n  ) : isFollowing ? (\n    <Button\n      variant=\"outline\"\n      onClick={toggleFollow}\n      disabled={followPending}\n      aria-label={`Following ${profile.displayName}. Activate to unfollow.`}\n      className=\"group/follow min-w-[8rem] justify-center motion-safe:transition-colors hover:border-status-error-border hover:bg-status-error-subtle hover:text-status-error-text\"\n    >\n      <UserCheck className=\"mr-1.5 h-4 w-4 group-hover/follow:hidden\" />\n      <UserMinus className=\"mr-1.5 hidden h-4 w-4 group-hover/follow:inline\" />\n      <span className=\"group-hover/follow:hidden\">Following</span>\n      <span className=\"hidden group-hover/follow:inline\">Unfollow</span>\n    </Button>\n  ) : (\n    <Button onClick={toggleFollow} disabled={followPending}>\n      <UserPlus className=\"mr-1.5 h-4 w-4\" /> Follow\n    </Button>\n  );\n\n  const hasTags = profile.interests.length > 0 || profile.skills.length > 0;\n\n  return (\n    <PageLayout title=\"Profile\" actions={back}>\n      <div className=\"mx-auto flex max-w-2xl flex-col gap-6\">\n        {/* Identity hero */}\n        <GlassCard treatment=\"plain\" className=\"overflow-hidden p-0\">\n          {/* Living cover strip — gloss + drifting aurora, reduced-motion safe */}\n          <div className=\"relative h-24 overflow-hidden bg-gloss-card sm:h-28\">\n            <AuroraBackground intensity=\"subtle\" />\n          </div>\n\n          <div className=\"px-5 pb-5 sm:px-6 sm:pb-6\">\n            <div className=\"flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between\">\n              <div className=\"flex flex-col items-center gap-4 sm:flex-row sm:items-end\">\n                <Avatar\n                  name={profile.displayName}\n                  presence={profile.presence}\n                  size=\"2xl\"\n                  seed={profile.memberId}\n                  fileId={profile.avatar?.id}\n                  ring\n                  className=\"-mt-16 sm:-mt-20\"\n                />\n                <div className=\"min-w-0 pb-1 text-center sm:text-left\">\n                  <GradientText as=\"h2\" className=\"text-2xl font-semibold sm:text-[1.75rem]\">\n                    {profile.displayName}\n                  </GradientText>\n                  {profile.headline && (\n                    <p className=\"mt-1 text-sm text-text-secondary\">{profile.headline}</p>\n                  )}\n                  <div className=\"mt-3 flex justify-center sm:justify-start\">\n                    <StatusBadge status={profile.presence} />\n                  </div>\n                </div>\n              </div>\n              <div className=\"flex shrink-0 justify-center pb-1 sm:justify-end\">{action}</div>\n            </div>\n\n            {profile.bio && (\n              <p className=\"mt-5 whitespace-pre-wrap text-sm leading-relaxed text-text-secondary\">\n                {profile.bio}\n              </p>\n            )}\n          </div>\n        </GlassCard>\n\n        {/* Interests & skills — differentiated chip grammar */}\n        {hasTags && (\n          <GlassCard treatment=\"plain\" className=\"flex flex-col gap-6 p-5 sm:p-6\">\n            {profile.interests.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Interests</h3>\n                <ChipList items={profile.interests} variant=\"interest\" />\n              </div>\n            )}\n            {profile.skills.length > 0 && (\n              <div>\n                <h3 className=\"mb-3 text-base font-semibold text-text-primary\">Skills</h3>\n                <ChipList items={profile.skills} variant=\"skill\" />\n              </div>\n            )}\n          </GlassCard>\n        )}\n\n        {/* Creator monetization catalog — browse-only, payment pending (BOFF-4454) */}\n        {memberId && <SupportCreatorSection creatorId={memberId} />}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/posts/PostThreadPage.js

@@ -6,7 +6,7 @@ import "../../hooks/index.js";
 import { PostCard as i } from "../../components/PostCard.js";
 import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
 import { ArrowLeft as s } from "lucide-react";
-import { useParams as c } from "react-router-dom";
+import { useParams as c } from "react-router";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Button as d } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/posts/PostThreadPage.tsx

package/dist/comradecircle/pages/posts/PostThreadPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostThreadPage.js","names":[],"sources":["../../../../src/comradecircle/pages/posts/PostThreadPage.tsx"],"sourcesContent":["/**\n * PostThreadPage — a dedicated, focused view of a single post and its thread.\n * @module comradecircle/pages/posts\n *\n * BOFF-3955: the mocks (`comradecircle-14-channel-post-thread.png`) show a post\n * opened into its own surface — author, body, reactions, and comments — rather\n * than only the inline collapsible thread inside the channel feed. Reads\n * `comPost(id)` (post + its comments in one round trip) and renders the\n * existing {@link PostCard} (which already composes {@link ReactionBar} +\n * {@link CommentThread} when expanded) so the thread view stays in lock-step\n * with the inline one instead of duplicating rendering logic.\n */\n\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router-dom';\nimport { PageLayout } from '../../components/PageLayout';\nimport { PostCard } from '../../components/PostCard';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComPost, useComCommentAddedLive } from '../../hooks';\nimport { useComradeCircle } from '../../context';\n\nexport function PostThreadPage() {\n  const { postId } = useParams<{ postId: string }>();\n  const { navigateTo } = useComradeCircle();\n  const { data: post, isLoading, isError, refetch } = useComPost(postId);\n  // BOFF-4455: live-update this thread's comments without a manual refresh.\n  useComCommentAddedLive(postId);\n\n  // Home feed is the one destination every thread is always reachable from\n  // (channel feeds link here too), matching the fixed-destination back-button\n  // convention already used by EventDetailPage / MemberProfilePage rather\n  // than relying on browser history depth, which isn't reliable once this\n  // MFE is mounted inside the host shell's own router.\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <LoadingView label=\"Loading post…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !post) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <ErrorView\n          title=\"Post not found\"\n          message=\"This post may have been removed, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Thread\" actions={backButton}>\n      <div className=\"mx-auto max-w-2xl\">\n        <PostCard post={post} defaultExpanded hideThreadLink />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,cAAW,EAA8B,GAC3C,EAAE,kBAAe,EAAiB,GAClC,EAAE,MAAM,GAAM,cAAW,YAAS,eAAY,EAAW,CAAM;CAErE,EAAuB,CAAM;CAO7B,IAAM,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,EAAE;YAA9D,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,OAClC;;CAuBV,OApBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD,EAAa,OAAM,gBAAiB,CAAA;CAC1B,CAAA,IAIZ,KAAW,CAAC,IAEZ,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,EAAQ;EACxB,CAAA;CACS,CAAA,IAKd,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAgB;IAAM,iBAAA;IAAgB,gBAAA;GAAgB,CAAA;EACnD,CAAA;CACK,CAAA;AAEhB"}
+{"version":3,"file":"PostThreadPage.js","names":[],"sources":["../../../../src/comradecircle/pages/posts/PostThreadPage.tsx"],"sourcesContent":["/**\n * PostThreadPage — a dedicated, focused view of a single post and its thread.\n * @module comradecircle/pages/posts\n *\n * BOFF-3955: the mocks (`comradecircle-14-channel-post-thread.png`) show a post\n * opened into its own surface — author, body, reactions, and comments — rather\n * than only the inline collapsible thread inside the channel feed. Reads\n * `comPost(id)` (post + its comments in one round trip) and renders the\n * existing {@link PostCard} (which already composes {@link ReactionBar} +\n * {@link CommentThread} when expanded) so the thread view stays in lock-step\n * with the inline one instead of duplicating rendering logic.\n */\n\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router';\nimport { PageLayout } from '../../components/PageLayout';\nimport { PostCard } from '../../components/PostCard';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComPost, useComCommentAddedLive } from '../../hooks';\nimport { useComradeCircle } from '../../context';\n\nexport function PostThreadPage() {\n  const { postId } = useParams<{ postId: string }>();\n  const { navigateTo } = useComradeCircle();\n  const { data: post, isLoading, isError, refetch } = useComPost(postId);\n  // BOFF-4455: live-update this thread's comments without a manual refresh.\n  useComCommentAddedLive(postId);\n\n  // Home feed is the one destination every thread is always reachable from\n  // (channel feeds link here too), matching the fixed-destination back-button\n  // convention already used by EventDetailPage / MemberProfilePage rather\n  // than relying on browser history depth, which isn't reliable once this\n  // MFE is mounted inside the host shell's own router.\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <LoadingView label=\"Loading post…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !post) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <ErrorView\n          title=\"Post not found\"\n          message=\"This post may have been removed, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Thread\" actions={backButton}>\n      <div className=\"mx-auto max-w-2xl\">\n        <PostCard post={post} defaultExpanded hideThreadLink />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,cAAW,EAA8B,GAC3C,EAAE,kBAAe,EAAiB,GAClC,EAAE,MAAM,GAAM,cAAW,YAAS,eAAY,EAAW,CAAM;CAErE,EAAuB,CAAM;CAO7B,IAAM,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,EAAE;YAA9D,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,OAClC;;CAuBV,OApBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD,EAAa,OAAM,gBAAiB,CAAA;CAC1B,CAAA,IAIZ,KAAW,CAAC,IAEZ,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,EAAQ;EACxB,CAAA;CACS,CAAA,IAKd,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAgB;IAAM,iBAAA;IAAgB,gBAAA;GAAgB,CAAA;EACnD,CAAA;CACK,CAAA;AAEhB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-comradecircle",
-  "version": "2026.731.1",
+  "version": "2026.801.1",
   "description": "Burdenoff ComradeCircle Microfrontend",
   "type": "module",
   "files": [
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.713.6",
+    "@burdenoff/fe-libs": "2026.801.1",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
@@ -54,7 +54,7 @@
     "sonner": "^2.0.7",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.3",
+    "react-router": "^8.3.0",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3",
     "recharts": "^2.15.0",