@burdenoff/microfe-organization 2026.626.1 → 2026.801.1

package/dist/organization-management/AdminOrganizationRoutes.js

@@ -3,7 +3,7 @@ import { OrgScopedPermissions as t } from "./providers/OrgScopedPermissions.js";
 import { Suspense as n, lazy as r } from "react";
 import { useFeatureFlagDetails as i } from "@burdenoff/fe-libs/shared/feature-flags";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Outlet as s, Route as c, Routes as l, useParams as u } from "react-router-dom";
+import { Outlet as s, Route as c, Routes as l, useParams as u } from "react-router";
 //#region src/organization-management/AdminOrganizationRoutes.tsx
 var d = r(() => import("./modules/organizations/pages/OrganizationCreatePage.js").then((e) => ({ default: e.OrganizationCreatePage }))), f = r(() => import("./modules/organizations/pages/OrganizationDetailPage.js").then((e) => ({ default: e.OrganizationDetailPage }))), p = r(() => import("./modules/organizations/pages/OrganizationEditPage.js").then((e) => ({ default: e.OrganizationEditPage }))), m = r(() => import("./modules/workspaces/pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), h = r(() => import("./modules/workspaces/pages/WorkspaceCreatePage.js").then((e) => ({ default: e.WorkspaceCreatePage }))), g = r(() => import("./modules/workspaces/pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), _ = r(() => import("./modules/workspaces/pages/WorkspaceEditPage.js").then((e) => ({ default: e.WorkspaceEditPage }))), v = r(() => import("./modules/members/pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), y = r(() => import("./modules/members/pages/MemberDetailPage.js").then((e) => ({ default: e.MemberDetailPage }))), b = r(() => import("./modules/members/pages/InviteMemberPage.js").then((e) => ({ default: e.InviteMemberPage }))), x = r(() => import("./modules/members/pages/MyInvitesPage.js").then((e) => ({ default: e.MyInvitesPage })));
 function S({ paramName: e }) {

package/dist/organization-management/AdminOrganizationRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/AdminOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Outlet, Route, Routes, useParams } from 'react-router-dom';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { OrgScopedPermissions } from './providers/OrgScopedPermissions';\n\n// Eager load - main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\n\n// Lazy load - secondary pages\nconst OrganizationCreatePage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationCreatePage').then((m) => ({\n    default: m.OrganizationCreatePage,\n  }))\n);\nconst OrganizationDetailPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationDetailPage').then((m) => ({\n    default: m.OrganizationDetailPage,\n  }))\n);\nconst OrganizationEditPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationEditPage').then((m) => ({\n    default: m.OrganizationEditPage,\n  }))\n);\n\n// Workspaces - lazy load all\nconst WorkspacesListPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspacesListPage').then((m) => ({\n    default: m.WorkspacesListPage,\n  }))\n);\nconst WorkspaceCreatePage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceCreatePage').then((m) => ({\n    default: m.WorkspaceCreatePage,\n  }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceDetailPage').then((m) => ({\n    default: m.WorkspaceDetailPage,\n  }))\n);\nconst WorkspaceEditPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceEditPage').then((m) => ({\n    default: m.WorkspaceEditPage,\n  }))\n);\n\n// Members - lazy load all\nconst MembersListPage = lazy(() =>\n  import('./modules/members/pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst MemberDetailPage = lazy(() =>\n  import('./modules/members/pages/MemberDetailPage').then((m) => ({ default: m.MemberDetailPage }))\n);\nconst InviteMemberPage = lazy(() =>\n  import('./modules/members/pages/InviteMemberPage').then((m) => ({ default: m.InviteMemberPage }))\n);\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\n);\n\n/**\n * Layout wrapper that scopes the PermissionProvider to the current\n * organization's id. This layout owns the `:id` or `:organizationId` URL\n * segment directly (see route declarations below) so\n * `useParams()[paramName]` is guaranteed to be populated and the\n * `OrgScopedPermissions` provider always wraps its descendants. Mirrors\n * the helper in UserOrganizationRoutes — keep them aligned.\n */\nfunction OrgScopedRouteLayout({ paramName }: { paramName: 'id' | 'organizationId' }) {\n  const params = useParams<Record<string, string | undefined>>();\n  const orgId = params[paramName];\n  if (!orgId) return <Outlet />;\n  return (\n    <OrgScopedPermissions organizationId={orgId}>\n      <Outlet />\n    </OrgScopedPermissions>\n  );\n}\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoadingFallback() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <div className=\"size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]\" />\n    </div>\n  );\n}\n\n/**\n * AdminOrganizationRoutes\n *\n * Full admin routing surface for the organization management MFE,\n * mounted by the admin application. Exposes all pages:\n * organizations CRUD, workspaces CRUD, members management, and\n * user-level invites.\n *\n * Routes start from root (/) since parent route is /organizations/*\n *\n * Lazy loading strategy:\n * - OrganizationsListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better initial bundle size\n */\nexport function AdminOrganizationRoutes() {\n  // Keep aligned with the platform feature-flag default-allow policy: an\n  // unseeded flag must not disable shipped CRUDL. Explicit false still gates a\n  // surface off when admins configure the flag.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const inviteEnabled = inviteDetails ? Boolean(inviteDetails.value) : true;\n\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations - index is the list (eager loaded). Admin app\n            renders the platform-wide list (organizations query); product-app\n            shells mounting this page should leave the default `mode=\"my\"`. */}\n        <Route index element={<OrganizationsListPage mode=\"admin\" />} />\n        {createEnabled && <Route path=\"new\" element={<OrganizationCreatePage />} />}\n\n        {/* Per-org routes — the layout OWNS the `:id` segment so\n            useParams().id is guaranteed to be set inside\n            OrgScopedPermissions. */}\n        <Route path=\":id\" element={<OrgScopedRouteLayout paramName=\"id\" />}>\n          <Route index element={<OrganizationDetailPage />} />\n          <Route path=\"edit\" element={<OrganizationEditPage />} />\n        </Route>\n\n        {/* Workspaces — literal \"workspaces\" prefix ranks above the bare\n            dynamic `:id` / `:organizationId` segments. */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage mode=\"admin\" />} />\n        <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />\n        <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />\n        <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />\n\n        {/* My Invites - user-level, not org-scoped. Declared before the\n            `:organizationId` block so the literal \"invites\" wins the rank\n            match. */}\n        <Route path=\"invites\" element={<MyInvitesPage activeTab=\"workspace\" />} />\n        <Route path=\"invites/organizations\" element={<MyInvitesPage activeTab=\"organization\" />} />\n\n        {/* Member routes — layout OWNS the `:organizationId` segment for\n            the same reason as the detail block above. */}\n        <Route path=\":organizationId\" element={<OrgScopedRouteLayout paramName=\"organizationId\" />}>\n          {inviteEnabled && <Route path=\"members/invite\" element={<InviteMemberPage />} />}\n          <Route path=\"members\" element={<MembersListPage />} />\n          <Route path=\"members/:userId\" element={<MemberDetailPage />} />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;;AASA,IAAM,IAAyB,QAC7B,OAAO,2DAAwD,MAAM,OAAO,EAC1E,SAAS,EAAE,wBACZ,EAAE,CACJ,EACK,IAAyB,QAC7B,OAAO,2DAAwD,MAAM,OAAO,EAC1E,SAAS,EAAE,wBACZ,EAAE,CACJ,EACK,IAAuB,QAC3B,OAAO,yDAAsD,MAAM,OAAO,EACxE,SAAS,EAAE,sBACZ,EAAE,CACJ,EAGK,IAAqB,QACzB,OAAO,oDAAiD,MAAM,OAAO,EACnE,SAAS,EAAE,oBACZ,EAAE,CACJ,EACK,IAAsB,QAC1B,OAAO,qDAAkD,MAAM,OAAO,EACpE,SAAS,EAAE,qBACZ,EAAE,CACJ,EACK,IAAsB,QAC1B,OAAO,qDAAkD,MAAM,OAAO,EACpE,SAAS,EAAE,qBACZ,EAAE,CACJ,EACK,IAAoB,QACxB,OAAO,mDAAgD,MAAM,OAAO,EAClE,SAAS,EAAE,mBACZ,EAAE,CACJ,EAGK,IAAkB,QACtB,OAAO,8CAA2C,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAChG,EACK,IAAmB,QACvB,OAAO,+CAA4C,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAClG,EACK,IAAmB,QACvB,OAAO,+CAA4C,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAClG,EACK,IAAgB,QACpB,OAAO,4CAAyC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC5F;AAUD,SAAS,EAAqB,EAAE,gBAAqD;CAEnF,IAAM,IADS,GAA+C,CACzC;AAErB,QADK,IAEH,kBAAC,GAAD;EAAsB,gBAAgB;YACpC,kBAAC,GAAD,EAAU,CAAA;EACW,CAAA,GAJN,kBAAC,GAAD,EAAU,CAAA;;AAW/B,SAAS,IAAsB;AAC7B,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,4HAA6H,CAAA;EACxI,CAAA;;AAkBV,SAAgB,IAA0B;CAIxC,IAAM,IAAgB,EAAsB,sBAAsB,EAC5D,IAAgB,EAAsB,sBAAsB,EAC5D,IAAgB,IAAgB,EAAQ,EAAc,QAAS,IAC/D,IAAgB,IAAgB,EAAQ,EAAc,QAAS;AAErE,QACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAuB,CAAA;YACzC,kBAAC,GAAD,EAAA,UAAA;GAIE,kBAAC,GAAD;IAAO,OAAA;IAAM,SAAS,kBAAC,GAAD,EAAuB,MAAK,SAAU,CAAA;IAAI,CAAA;GAC/D,KAAiB,kBAAC,GAAD;IAAO,MAAK;IAAM,SAAS,kBAAC,GAAD,EAA0B,CAAA;IAAI,CAAA;GAK3E,kBAAC,GAAD;IAAO,MAAK;IAAM,SAAS,kBAAC,GAAD,EAAsB,WAAU,MAAO,CAAA;cAAlE,CACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,EAA0B,CAAA;KAAI,CAAA,EACpD,kBAAC,GAAD;KAAO,MAAK;KAAO,SAAS,kBAAC,GAAD,EAAwB,CAAA;KAAI,CAAA,CAClD;;GAIR,kBAAC,GAAD;IAAO,MAAK;IAAa,SAAS,kBAAC,GAAD,EAAoB,MAAK,SAAU,CAAA;IAAI,CAAA;GACzE,kBAAC,GAAD;IAAO,MAAK;IAAiB,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAiB,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAsB,SAAS,kBAAC,GAAD,EAAqB,CAAA;IAAI,CAAA;GAKpE,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAe,WAAU,aAAc,CAAA;IAAI,CAAA;GAC1E,kBAAC,GAAD;IAAO,MAAK;IAAwB,SAAS,kBAAC,GAAD,EAAe,WAAU,gBAAiB,CAAA;IAAI,CAAA;GAI3F,kBAAC,GAAD;IAAO,MAAK;IAAkB,SAAS,kBAAC,GAAD,EAAsB,WAAU,kBAAmB,CAAA;cAA1F;KACG,KAAiB,kBAAC,GAAD;MAAO,MAAK;MAAiB,SAAS,kBAAC,GAAD,EAAoB,CAAA;MAAI,CAAA;KAChF,kBAAC,GAAD;MAAO,MAAK;MAAU,SAAS,kBAAC,GAAD,EAAmB,CAAA;MAAI,CAAA;KACtD,kBAAC,GAAD;MAAO,MAAK;MAAkB,SAAS,kBAAC,GAAD,EAAoB,CAAA;MAAI,CAAA;KACzD;;GACD,EAAA,CAAA;EACA,CAAA"}
+{"version":3,"file":"AdminOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/AdminOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Outlet, Route, Routes, useParams } from 'react-router';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { OrgScopedPermissions } from './providers/OrgScopedPermissions';\n\n// Eager load - main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\n\n// Lazy load - secondary pages\nconst OrganizationCreatePage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationCreatePage').then((m) => ({\n    default: m.OrganizationCreatePage,\n  }))\n);\nconst OrganizationDetailPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationDetailPage').then((m) => ({\n    default: m.OrganizationDetailPage,\n  }))\n);\nconst OrganizationEditPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationEditPage').then((m) => ({\n    default: m.OrganizationEditPage,\n  }))\n);\n\n// Workspaces - lazy load all\nconst WorkspacesListPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspacesListPage').then((m) => ({\n    default: m.WorkspacesListPage,\n  }))\n);\nconst WorkspaceCreatePage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceCreatePage').then((m) => ({\n    default: m.WorkspaceCreatePage,\n  }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceDetailPage').then((m) => ({\n    default: m.WorkspaceDetailPage,\n  }))\n);\nconst WorkspaceEditPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceEditPage').then((m) => ({\n    default: m.WorkspaceEditPage,\n  }))\n);\n\n// Members - lazy load all\nconst MembersListPage = lazy(() =>\n  import('./modules/members/pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst MemberDetailPage = lazy(() =>\n  import('./modules/members/pages/MemberDetailPage').then((m) => ({ default: m.MemberDetailPage }))\n);\nconst InviteMemberPage = lazy(() =>\n  import('./modules/members/pages/InviteMemberPage').then((m) => ({ default: m.InviteMemberPage }))\n);\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\n);\n\n/**\n * Layout wrapper that scopes the PermissionProvider to the current\n * organization's id. This layout owns the `:id` or `:organizationId` URL\n * segment directly (see route declarations below) so\n * `useParams()[paramName]` is guaranteed to be populated and the\n * `OrgScopedPermissions` provider always wraps its descendants. Mirrors\n * the helper in UserOrganizationRoutes — keep them aligned.\n */\nfunction OrgScopedRouteLayout({ paramName }: { paramName: 'id' | 'organizationId' }) {\n  const params = useParams<Record<string, string | undefined>>();\n  const orgId = params[paramName];\n  if (!orgId) return <Outlet />;\n  return (\n    <OrgScopedPermissions organizationId={orgId}>\n      <Outlet />\n    </OrgScopedPermissions>\n  );\n}\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoadingFallback() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <div className=\"size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]\" />\n    </div>\n  );\n}\n\n/**\n * AdminOrganizationRoutes\n *\n * Full admin routing surface for the organization management MFE,\n * mounted by the admin application. Exposes all pages:\n * organizations CRUD, workspaces CRUD, members management, and\n * user-level invites.\n *\n * Routes start from root (/) since parent route is /organizations/*\n *\n * Lazy loading strategy:\n * - OrganizationsListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better initial bundle size\n */\nexport function AdminOrganizationRoutes() {\n  // Keep aligned with the platform feature-flag default-allow policy: an\n  // unseeded flag must not disable shipped CRUDL. Explicit false still gates a\n  // surface off when admins configure the flag.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const inviteEnabled = inviteDetails ? Boolean(inviteDetails.value) : true;\n\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations - index is the list (eager loaded). Admin app\n            renders the platform-wide list (organizations query); product-app\n            shells mounting this page should leave the default `mode=\"my\"`. */}\n        <Route index element={<OrganizationsListPage mode=\"admin\" />} />\n        {createEnabled && <Route path=\"new\" element={<OrganizationCreatePage />} />}\n\n        {/* Per-org routes — the layout OWNS the `:id` segment so\n            useParams().id is guaranteed to be set inside\n            OrgScopedPermissions. */}\n        <Route path=\":id\" element={<OrgScopedRouteLayout paramName=\"id\" />}>\n          <Route index element={<OrganizationDetailPage />} />\n          <Route path=\"edit\" element={<OrganizationEditPage />} />\n        </Route>\n\n        {/* Workspaces — literal \"workspaces\" prefix ranks above the bare\n            dynamic `:id` / `:organizationId` segments. */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage mode=\"admin\" />} />\n        <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />\n        <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />\n        <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />\n\n        {/* My Invites - user-level, not org-scoped. Declared before the\n            `:organizationId` block so the literal \"invites\" wins the rank\n            match. */}\n        <Route path=\"invites\" element={<MyInvitesPage activeTab=\"workspace\" />} />\n        <Route path=\"invites/organizations\" element={<MyInvitesPage activeTab=\"organization\" />} />\n\n        {/* Member routes — layout OWNS the `:organizationId` segment for\n            the same reason as the detail block above. */}\n        <Route path=\":organizationId\" element={<OrgScopedRouteLayout paramName=\"organizationId\" />}>\n          {inviteEnabled && <Route path=\"members/invite\" element={<InviteMemberPage />} />}\n          <Route path=\"members\" element={<MembersListPage />} />\n          <Route path=\"members/:userId\" element={<MemberDetailPage />} />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/UserOrganizationRoutes.js

@@ -2,7 +2,7 @@ import { OrganizationsListPage as e } from "./modules/organizations/pages/Organi
 import { OrgScopedPermissions as t } from "./providers/OrgScopedPermissions.js";
 import { Suspense as n, lazy as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Outlet as o, Route as s, Routes as c, useParams as l } from "react-router-dom";
+import { Outlet as o, Route as s, Routes as c, useParams as l } from "react-router";
 //#region src/organization-management/UserOrganizationRoutes.tsx
 var u = r(() => import("./modules/organizations/pages/OrganizationCreatePage.js").then((e) => ({ default: e.OrganizationCreatePage }))), d = r(() => import("./modules/organizations/pages/OrganizationDetailPage.js").then((e) => ({ default: e.OrganizationDetailPage }))), f = r(() => import("./modules/organizations/pages/OrganizationEditPage.js").then((e) => ({ default: e.OrganizationEditPage }))), p = r(() => import("./modules/workspaces/pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), m = r(() => import("./modules/workspaces/pages/WorkspaceCreatePage.js").then((e) => ({ default: e.WorkspaceCreatePage }))), h = r(() => import("./modules/workspaces/pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), g = r(() => import("./modules/workspaces/pages/WorkspaceEditPage.js").then((e) => ({ default: e.WorkspaceEditPage }))), _ = r(() => import("./modules/members/pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), v = r(() => import("./modules/members/pages/MemberDetailPage.js").then((e) => ({ default: e.MemberDetailPage }))), y = r(() => import("./modules/members/pages/InviteMemberPage.js").then((e) => ({ default: e.InviteMemberPage }))), b = r(() => import("./modules/members/pages/MyInvitesPage.js").then((e) => ({ default: e.MyInvitesPage }))), x = r(() => import("./modules/members/pages/OrganizationInviteAcceptancePage.js").then((e) => ({ default: e.OrganizationInviteAcceptancePage }))), S = r(() => import("./modules/members/pages/InvitePeoplePage.js").then((e) => ({ default: e.InvitePeoplePage })));
 function C({ paramName: e }) {

package/dist/organization-management/UserOrganizationRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Outlet, Route, Routes, useParams } from 'react-router-dom';\n\n// Eager load — main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\nimport { OrgScopedPermissions } from './providers/OrgScopedPermissions';\n\n// Lazy load — secondary pages. Same set as the admin surface but the list\n// page below renders in `mode=\"my\"` (membership-scoped), and per-action\n// permission gates inside each page (hasPermission(PERMISSIONS.ORG_*))\n// already hide buttons the user can't use.\nconst OrganizationCreatePage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationCreatePage').then((m) => ({\n    default: m.OrganizationCreatePage,\n  }))\n);\nconst OrganizationDetailPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationDetailPage').then((m) => ({\n    default: m.OrganizationDetailPage,\n  }))\n);\nconst OrganizationEditPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationEditPage').then((m) => ({\n    default: m.OrganizationEditPage,\n  }))\n);\nconst WorkspacesListPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspacesListPage').then((m) => ({\n    default: m.WorkspacesListPage,\n  }))\n);\nconst WorkspaceCreatePage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceCreatePage').then((m) => ({\n    default: m.WorkspaceCreatePage,\n  }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceDetailPage').then((m) => ({\n    default: m.WorkspaceDetailPage,\n  }))\n);\nconst WorkspaceEditPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceEditPage').then((m) => ({\n    default: m.WorkspaceEditPage,\n  }))\n);\nconst MembersListPage = lazy(() =>\n  import('./modules/members/pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst MemberDetailPage = lazy(() =>\n  import('./modules/members/pages/MemberDetailPage').then((m) => ({ default: m.MemberDetailPage }))\n);\nconst InviteMemberPage = lazy(() =>\n  import('./modules/members/pages/InviteMemberPage').then((m) => ({ default: m.InviteMemberPage }))\n);\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\n);\nconst OrganizationInviteAcceptancePage = lazy(() =>\n  import('./modules/members/pages/OrganizationInviteAcceptancePage').then((m) => ({\n    default: m.OrganizationInviteAcceptancePage,\n  }))\n);\nconst InvitePeoplePage = lazy(() =>\n  import('./modules/members/pages/InvitePeoplePage').then((m) => ({\n    default: m.InvitePeoplePage,\n  }))\n);\n\n/**\n * Layout wrapper that scopes the PermissionProvider to the current\n * organization's id (read from the URL). This layout owns the `:id` or\n * `:organizationId` URL segment directly (see route declarations below),\n * so `useParams()[paramName]` is guaranteed to be populated and the\n * `OrgScopedPermissions` provider always wraps its descendants. The\n * previous shape mounted this on a pathless parent and relied on child\n * routes to declare the param, which could silently fall through to\n * tenant-scoped permissions if a future refactor moved the layout above\n * a tree that doesn't own the segment.\n */\nfunction OrgScopedRouteLayout({ paramName }: { paramName: 'id' | 'organizationId' }) {\n  const params = useParams<Record<string, string | undefined>>();\n  const orgId = params[paramName];\n  if (!orgId) return <Outlet />;\n  return (\n    <OrgScopedPermissions organizationId={orgId}>\n      <Outlet />\n    </OrgScopedPermissions>\n  );\n}\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoadingFallback() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <div className=\"size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]\" />\n    </div>\n  );\n}\n\n/**\n * UserOrganizationRoutes\n *\n * User-facing routing surface for the organization MFE, mounted by product\n * application shells (vibecontrols, etc.). Exposes the same shape as the\n * admin routing surface but the list page renders membership-scoped via\n * `mode=\"my\"` (calls `myOrganizations` with `@rbac(scopeType: \"self\")`).\n *\n * Per-action authorisation lives inside each page (`hasPermission` checks\n * for create / update / delete), so users with elevated permissions on an\n * org still see those controls; users without them only see view actions.\n *\n * All routes are unconditionally mounted. Feature flags\n * (`organization.create`, `organization.workspaces`, `organization.members`,\n * `organization.invite`) are applied at the call site — buttons, nav\n * items, section headers inside the pages — not on the route graph. This\n * avoids a class of route/nav mismatches where a page unconditionally\n * navigates to a URL that has been gated off (the previous flag-gated\n * routes produced dead URLs from `OrganizationDetailPage`'s workspace\n * cards, \"Create Workspace\" CTA, \"Manage Members\" button, etc.).\n *\n * Access control:\n * - Per-action `hasPermission` checks inside each page hide controls the\n *   user can't use.\n * - Backend resolvers (`organization`, `organizationMembers`, etc.)\n *   enforce membership server-side via `userHasAccessToOrganization`, so\n *   deep-linking to a URL the user has no access to 403s at the resolver.\n *\n * Lazy loading strategy:\n * - OrganizationsListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better initial bundle size\n */\nexport function UserOrganizationRoutes() {\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations — index is the membership-scoped list (eager loaded) */}\n        <Route index element={<OrganizationsListPage mode=\"my\" />} />\n        <Route path=\"new\" element={<OrganizationCreatePage />} />\n\n        {/* Per-org routes — the layout OWNS the `:id` segment so\n            `useParams().id` is guaranteed to be set inside\n            OrgScopedPermissions and per-page hasPermission() resolves at\n            the org's scope, not the outer tenant scope. */}\n        <Route path=\":id\" element={<OrgScopedRouteLayout paramName=\"id\" />}>\n          <Route index element={<OrganizationDetailPage />} />\n          <Route path=\"edit\" element={<OrganizationEditPage />} />\n        </Route>\n\n        {/* Per-invite acceptance page reached from the invite email link\n            (`/organizations/invite/:inviteId`). Declared before the dynamic\n            `:id` / `:organizationId` blocks so the literal \"invite\" segment\n            wins the rank match. */}\n        <Route path=\"invite/:inviteId\" element={<OrganizationInviteAcceptancePage />} />\n\n        {/* My Invites — user-level, not org-scoped. Declared before the\n            `:organizationId` block so the literal \"invites\" wins the rank\n            match against the dynamic segment. */}\n        <Route path=\"invites\" element={<MyInvitesPage activeTab=\"workspace\" />} />\n        <Route path=\"invites/organizations\" element={<MyInvitesPage activeTab=\"organization\" />} />\n\n        {/* Invite People — globally discoverable chooser. Lists orgs the\n            user can invite into, then deep-links to per-org invite page. */}\n        <Route path=\"invite\" element={<InvitePeoplePage />} />\n\n        {/* Workspaces — `OrganizationDetailPage` navigates here on workspace\n            card click and the \"Create Workspace\" CTA. Declared with literal\n            \"workspaces\" prefix so it ranks above the bare `:organizationId`\n            dynamic-segment routes below. */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage mode=\"my\" />} />\n        <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />\n        <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />\n        <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />\n\n        {/* Members — layout OWNS the `:organizationId` segment for the\n            same reason as the detail block above. The inner pages already\n            read `useParams().organizationId`, so we keep the segment name\n            distinct from `:id` even though both resolve to an org id. */}\n        <Route path=\":organizationId\" element={<OrgScopedRouteLayout paramName=\"organizationId\" />}>\n          <Route path=\"members/invite\" element={<InviteMemberPage />} />\n          <Route path=\"members\" element={<MembersListPage />} />\n          <Route path=\"members/:userId\" element={<MemberDetailPage />} />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"UserOrganizationRoutes.js","names":[],"sources":["../../src/organization-management/UserOrganizationRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Outlet, Route, Routes, useParams } from 'react-router';\n\n// Eager load — main entry point page\nimport { OrganizationsListPage } from './modules/organizations/pages/OrganizationsListPage';\nimport { OrgScopedPermissions } from './providers/OrgScopedPermissions';\n\n// Lazy load — secondary pages. Same set as the admin surface but the list\n// page below renders in `mode=\"my\"` (membership-scoped), and per-action\n// permission gates inside each page (hasPermission(PERMISSIONS.ORG_*))\n// already hide buttons the user can't use.\nconst OrganizationCreatePage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationCreatePage').then((m) => ({\n    default: m.OrganizationCreatePage,\n  }))\n);\nconst OrganizationDetailPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationDetailPage').then((m) => ({\n    default: m.OrganizationDetailPage,\n  }))\n);\nconst OrganizationEditPage = lazy(() =>\n  import('./modules/organizations/pages/OrganizationEditPage').then((m) => ({\n    default: m.OrganizationEditPage,\n  }))\n);\nconst WorkspacesListPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspacesListPage').then((m) => ({\n    default: m.WorkspacesListPage,\n  }))\n);\nconst WorkspaceCreatePage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceCreatePage').then((m) => ({\n    default: m.WorkspaceCreatePage,\n  }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceDetailPage').then((m) => ({\n    default: m.WorkspaceDetailPage,\n  }))\n);\nconst WorkspaceEditPage = lazy(() =>\n  import('./modules/workspaces/pages/WorkspaceEditPage').then((m) => ({\n    default: m.WorkspaceEditPage,\n  }))\n);\nconst MembersListPage = lazy(() =>\n  import('./modules/members/pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst MemberDetailPage = lazy(() =>\n  import('./modules/members/pages/MemberDetailPage').then((m) => ({ default: m.MemberDetailPage }))\n);\nconst InviteMemberPage = lazy(() =>\n  import('./modules/members/pages/InviteMemberPage').then((m) => ({ default: m.InviteMemberPage }))\n);\nconst MyInvitesPage = lazy(() =>\n  import('./modules/members/pages/MyInvitesPage').then((m) => ({ default: m.MyInvitesPage }))\n);\nconst OrganizationInviteAcceptancePage = lazy(() =>\n  import('./modules/members/pages/OrganizationInviteAcceptancePage').then((m) => ({\n    default: m.OrganizationInviteAcceptancePage,\n  }))\n);\nconst InvitePeoplePage = lazy(() =>\n  import('./modules/members/pages/InvitePeoplePage').then((m) => ({\n    default: m.InvitePeoplePage,\n  }))\n);\n\n/**\n * Layout wrapper that scopes the PermissionProvider to the current\n * organization's id (read from the URL). This layout owns the `:id` or\n * `:organizationId` URL segment directly (see route declarations below),\n * so `useParams()[paramName]` is guaranteed to be populated and the\n * `OrgScopedPermissions` provider always wraps its descendants. The\n * previous shape mounted this on a pathless parent and relied on child\n * routes to declare the param, which could silently fall through to\n * tenant-scoped permissions if a future refactor moved the layout above\n * a tree that doesn't own the segment.\n */\nfunction OrgScopedRouteLayout({ paramName }: { paramName: 'id' | 'organizationId' }) {\n  const params = useParams<Record<string, string | undefined>>();\n  const orgId = params[paramName];\n  if (!orgId) return <Outlet />;\n  return (\n    <OrgScopedPermissions organizationId={orgId}>\n      <Outlet />\n    </OrgScopedPermissions>\n  );\n}\n\n/**\n * Loading fallback for lazy-loaded pages\n */\nfunction PageLoadingFallback() {\n  return (\n    <div className=\"flex items-center justify-center min-h-[200px]\">\n      <div className=\"size-8 animate-spin rounded-full border-2 border-[var(--color-border-default)] border-t-[var(--color-action-primary-bg)]\" />\n    </div>\n  );\n}\n\n/**\n * UserOrganizationRoutes\n *\n * User-facing routing surface for the organization MFE, mounted by product\n * application shells (vibecontrols, etc.). Exposes the same shape as the\n * admin routing surface but the list page renders membership-scoped via\n * `mode=\"my\"` (calls `myOrganizations` with `@rbac(scopeType: \"self\")`).\n *\n * Per-action authorisation lives inside each page (`hasPermission` checks\n * for create / update / delete), so users with elevated permissions on an\n * org still see those controls; users without them only see view actions.\n *\n * All routes are unconditionally mounted. Feature flags\n * (`organization.create`, `organization.workspaces`, `organization.members`,\n * `organization.invite`) are applied at the call site — buttons, nav\n * items, section headers inside the pages — not on the route graph. This\n * avoids a class of route/nav mismatches where a page unconditionally\n * navigates to a URL that has been gated off (the previous flag-gated\n * routes produced dead URLs from `OrganizationDetailPage`'s workspace\n * cards, \"Create Workspace\" CTA, \"Manage Members\" button, etc.).\n *\n * Access control:\n * - Per-action `hasPermission` checks inside each page hide controls the\n *   user can't use.\n * - Backend resolvers (`organization`, `organizationMembers`, etc.)\n *   enforce membership server-side via `userHasAccessToOrganization`, so\n *   deep-linking to a URL the user has no access to 403s at the resolver.\n *\n * Lazy loading strategy:\n * - OrganizationsListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better initial bundle size\n */\nexport function UserOrganizationRoutes() {\n  return (\n    <Suspense fallback={<PageLoadingFallback />}>\n      <Routes>\n        {/* Organizations — index is the membership-scoped list (eager loaded) */}\n        <Route index element={<OrganizationsListPage mode=\"my\" />} />\n        <Route path=\"new\" element={<OrganizationCreatePage />} />\n\n        {/* Per-org routes — the layout OWNS the `:id` segment so\n            `useParams().id` is guaranteed to be set inside\n            OrgScopedPermissions and per-page hasPermission() resolves at\n            the org's scope, not the outer tenant scope. */}\n        <Route path=\":id\" element={<OrgScopedRouteLayout paramName=\"id\" />}>\n          <Route index element={<OrganizationDetailPage />} />\n          <Route path=\"edit\" element={<OrganizationEditPage />} />\n        </Route>\n\n        {/* Per-invite acceptance page reached from the invite email link\n            (`/organizations/invite/:inviteId`). Declared before the dynamic\n            `:id` / `:organizationId` blocks so the literal \"invite\" segment\n            wins the rank match. */}\n        <Route path=\"invite/:inviteId\" element={<OrganizationInviteAcceptancePage />} />\n\n        {/* My Invites — user-level, not org-scoped. Declared before the\n            `:organizationId` block so the literal \"invites\" wins the rank\n            match against the dynamic segment. */}\n        <Route path=\"invites\" element={<MyInvitesPage activeTab=\"workspace\" />} />\n        <Route path=\"invites/organizations\" element={<MyInvitesPage activeTab=\"organization\" />} />\n\n        {/* Invite People — globally discoverable chooser. Lists orgs the\n            user can invite into, then deep-links to per-org invite page. */}\n        <Route path=\"invite\" element={<InvitePeoplePage />} />\n\n        {/* Workspaces — `OrganizationDetailPage` navigates here on workspace\n            card click and the \"Create Workspace\" CTA. Declared with literal\n            \"workspaces\" prefix so it ranks above the bare `:organizationId`\n            dynamic-segment routes below. */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage mode=\"my\" />} />\n        <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />\n        <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />\n        <Route path=\"workspaces/:id/edit\" element={<WorkspaceEditPage />} />\n\n        {/* Members — layout OWNS the `:organizationId` segment for the\n            same reason as the detail block above. The inner pages already\n            read `useParams().organizationId`, so we keep the segment name\n            distinct from `:id` even though both resolve to an org id. */}\n        <Route path=\":organizationId\" element={<OrgScopedRouteLayout paramName=\"organizationId\" />}>\n          <Route path=\"members/invite\" element={<InviteMemberPage />} />\n          <Route path=\"members\" element={<MembersListPage />} />\n          <Route path=\"members/:userId\" element={<MemberDetailPage />} />\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/InviteMemberPage.js

@@ -12,7 +12,7 @@ import { ArrowLeft as u, UserPlus as d } from "lucide-react";
 import { GlassCard as f, PagePurpose as p, ShowMore as m } from "@burdenoff/fe-libs/ui";
 import { usePermissions as h } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { useParams as v } from "react-router-dom";
+import { useParams as v } from "react-router";
 //#region src/organization-management/modules/members/pages/InviteMemberPage.tsx
 function y() {
 	let y = r(), { organizationId: b } = v(), { navigate: x, basePath: S = "/organizations" } = e(), { hasPermission: C, isLoading: w } = h(), { inviteMember: T, loading: E, error: D } = n(), [O, k] = l("single"), A = async (e) => {

package/dist/organization-management/modules/members/pages/InviteMemberPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteMemberPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/InviteMemberPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, UserPlus } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { GlassCard, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useInviteMember } from '../hooks/useInvites';\nimport { InviteMemberForm } from '../components/InviteMemberForm';\nimport { BulkInviteForm } from '../components/BulkInviteForm';\nimport { PendingInvitesList } from '../components/PendingInvitesList';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype InviteMode = 'single' | 'bulk';\n\n/**\n * Invite Member Page\n * Email-based invite form with pending invites list below\n */\nexport function InviteMemberPage() {\n  const tr = useTr();\n  const { organizationId } = useParams<{ organizationId: string }>();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { inviteMember, loading, error } = useInviteMember();\n  const [mode, setMode] = useState<InviteMode>('single');\n\n  const handleSubmit = async (data: {\n    organizationId: string;\n    email: string;\n    message?: string;\n  }) => {\n    await inviteMember(data);\n    toast.success(`${tr('members.invite.success', 'Invitation sent to')} ${data.email}`);\n  };\n\n  const handleCancel = () => {\n    navigate(`${basePath}/${organizationId}/members`);\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.MEMBER_INVITE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('members.invite.noPermission', \"You don't have permission to invite members.\")}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n      <div className=\"mx-auto max-w-3xl space-y-8\">\n        {/* Header */}\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"rounded-lg p-2 transition-colors hover:bg-[var(--color-bg-subtle)]\"\n            aria-label={tr('members.invite.backToMembers', 'Back to members')}\n          >\n            <ArrowLeft size={20} className=\"text-[var(--color-text-secondary)]\" />\n          </button>\n          <div className=\"flex items-center gap-2\">\n            <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.invite.title', 'Invite Member')}\n            </h1>\n          </div>\n        </div>\n\n        <PagePurpose className=\"max-w-2xl\">\n          {tr(\n            'members.invite.purpose',\n            'Send someone an invitation to join this organization. Invite one person by email, or upload a CSV to invite a whole team at once — invitees accept from their own account and instantly gain access to the organization.'\n          )}\n        </PagePurpose>\n\n        {/* Mode toggle */}\n        <div\n          className=\"inline-flex rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-1\"\n          role=\"tablist\"\n          aria-label={tr('members.invite.modeToggle', 'Invite mode')}\n        >\n          {(['single', 'bulk'] as const).map((m) => {\n            const isActive = mode === m;\n            const label =\n              m === 'single'\n                ? tr('members.invite.modeSingle', 'Single')\n                : tr('members.invite.modeBulk', 'Bulk (CSV)');\n            return (\n              <button\n                key={m}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => setMode(m)}\n                className={`min-h-9 rounded-md px-4 py-1.5 text-sm font-medium transition-colors ${\n                  isActive\n                    ? 'bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]'\n                    : 'text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n                }`}\n              >\n                {label}\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Invite Form Card */}\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n          <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n            {mode === 'single'\n              ? tr('members.invite.send', 'Send Invite')\n              : tr('members.bulkInvite.title', 'Bulk Invite from CSV')}\n          </h2>\n          <p className=\"text-sm text-[var(--color-text-muted)] mb-6\">\n            {mode === 'single'\n              ? tr(\n                  'members.invite.description',\n                  'Enter the email address of the person you want to invite. They will receive an email notification and can accept or decline from their account.'\n                )\n              : tr(\n                  'members.bulkInvite.pageDescription',\n                  'Upload a CSV to invite many people at once. Download the template below to see the expected format.'\n                )}\n          </p>\n\n          {mode === 'single' && error && (\n            <div className=\"mb-4 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n              <p className=\"text-sm text-[var(--color-status-error-text)]\">\n                {error.message.includes('CONFLICT')\n                  ? tr(\n                      'members.invite.error.conflict',\n                      'An invite already exists for this email address.'\n                    )\n                  : error.message.includes('already a member')\n                    ? tr(\n                        'members.invite.error.alreadyMember',\n                        'This user is already a member of the organization.'\n                      )\n                    : error.message}\n              </p>\n            </div>\n          )}\n\n          {mode === 'single' ? (\n            <InviteMemberForm\n              organizationId={organizationId!}\n              onSubmit={handleSubmit}\n              onCancel={handleCancel}\n              loading={loading}\n            />\n          ) : (\n            <BulkInviteForm\n              organizationId={organizationId!}\n              inviteMember={inviteMember}\n              onCancel={handleCancel}\n              loading={loading}\n            />\n          )}\n        </GlassCard>\n\n        {/* Pending Invites */}\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n          <ShowMore collapsedHeight={260}>\n            <PendingInvitesList organizationId={organizationId!} />\n          </ShowMore>\n        </GlassCard>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InviteMemberPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/InviteMemberPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, UserPlus } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { GlassCard, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useInviteMember } from '../hooks/useInvites';\nimport { InviteMemberForm } from '../components/InviteMemberForm';\nimport { BulkInviteForm } from '../components/BulkInviteForm';\nimport { PendingInvitesList } from '../components/PendingInvitesList';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\ntype InviteMode = 'single' | 'bulk';\n\n/**\n * Invite Member Page\n * Email-based invite form with pending invites list below\n */\nexport function InviteMemberPage() {\n  const tr = useTr();\n  const { organizationId } = useParams<{ organizationId: string }>();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { inviteMember, loading, error } = useInviteMember();\n  const [mode, setMode] = useState<InviteMode>('single');\n\n  const handleSubmit = async (data: {\n    organizationId: string;\n    email: string;\n    message?: string;\n  }) => {\n    await inviteMember(data);\n    toast.success(`${tr('members.invite.success', 'Invitation sent to')} ${data.email}`);\n  };\n\n  const handleCancel = () => {\n    navigate(`${basePath}/${organizationId}/members`);\n  };\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.MEMBER_INVITE)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('members.invite.noPermission', \"You don't have permission to invite members.\")}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n      <div className=\"mx-auto max-w-3xl space-y-8\">\n        {/* Header */}\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"rounded-lg p-2 transition-colors hover:bg-[var(--color-bg-subtle)]\"\n            aria-label={tr('members.invite.backToMembers', 'Back to members')}\n          >\n            <ArrowLeft size={20} className=\"text-[var(--color-text-secondary)]\" />\n          </button>\n          <div className=\"flex items-center gap-2\">\n            <UserPlus size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.invite.title', 'Invite Member')}\n            </h1>\n          </div>\n        </div>\n\n        <PagePurpose className=\"max-w-2xl\">\n          {tr(\n            'members.invite.purpose',\n            'Send someone an invitation to join this organization. Invite one person by email, or upload a CSV to invite a whole team at once — invitees accept from their own account and instantly gain access to the organization.'\n          )}\n        </PagePurpose>\n\n        {/* Mode toggle */}\n        <div\n          className=\"inline-flex rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-1\"\n          role=\"tablist\"\n          aria-label={tr('members.invite.modeToggle', 'Invite mode')}\n        >\n          {(['single', 'bulk'] as const).map((m) => {\n            const isActive = mode === m;\n            const label =\n              m === 'single'\n                ? tr('members.invite.modeSingle', 'Single')\n                : tr('members.invite.modeBulk', 'Bulk (CSV)');\n            return (\n              <button\n                key={m}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={isActive}\n                onClick={() => setMode(m)}\n                className={`min-h-9 rounded-md px-4 py-1.5 text-sm font-medium transition-colors ${\n                  isActive\n                    ? 'bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]'\n                    : 'text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)]'\n                }`}\n              >\n                {label}\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Invite Form Card */}\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-6\">\n          <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n            {mode === 'single'\n              ? tr('members.invite.send', 'Send Invite')\n              : tr('members.bulkInvite.title', 'Bulk Invite from CSV')}\n          </h2>\n          <p className=\"text-sm text-[var(--color-text-muted)] mb-6\">\n            {mode === 'single'\n              ? tr(\n                  'members.invite.description',\n                  'Enter the email address of the person you want to invite. They will receive an email notification and can accept or decline from their account.'\n                )\n              : tr(\n                  'members.bulkInvite.pageDescription',\n                  'Upload a CSV to invite many people at once. Download the template below to see the expected format.'\n                )}\n          </p>\n\n          {mode === 'single' && error && (\n            <div className=\"mb-4 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n              <p className=\"text-sm text-[var(--color-status-error-text)]\">\n                {error.message.includes('CONFLICT')\n                  ? tr(\n                      'members.invite.error.conflict',\n                      'An invite already exists for this email address.'\n                    )\n                  : error.message.includes('already a member')\n                    ? tr(\n                        'members.invite.error.alreadyMember',\n                        'This user is already a member of the organization.'\n                      )\n                    : error.message}\n              </p>\n            </div>\n          )}\n\n          {mode === 'single' ? (\n            <InviteMemberForm\n              organizationId={organizationId!}\n              onSubmit={handleSubmit}\n              onCancel={handleCancel}\n              loading={loading}\n            />\n          ) : (\n            <BulkInviteForm\n              organizationId={organizationId!}\n              inviteMember={inviteMember}\n              onCancel={handleCancel}\n              loading={loading}\n            />\n          )}\n        </GlassCard>\n\n        {/* Pending Invites */}\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n          <ShowMore collapsedHeight={260}>\n            <PendingInvitesList organizationId={organizationId!} />\n          </ShowMore>\n        </GlassCard>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/MemberDetailPage.js

@@ -10,7 +10,7 @@ import { ArrowLeft as c, Shield as l } from "lucide-react";
 import { EmphasisPanel as u, GlassCard as d, PagePurpose as f } from "@burdenoff/fe-libs/ui";
 import { usePermissions as p } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useParams as g } from "react-router-dom";
+import { useParams as g } from "react-router";
 import { buildActorFallback as _, useActorProfiles as v } from "@burdenoff/fe-libs/shared";
 //#region src/organization-management/modules/members/pages/MemberDetailPage.tsx
 function y() {

package/dist/organization-management/modules/members/pages/MemberDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MemberDetailPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { buildActorFallback, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n/**\n * Member Detail Page\n * Simplified version showing available member fields\n */\nexport function MemberDetailPage() {\n  const tr = useTr();\n  const { organizationId, userId } = useParams<{ organizationId: string; userId: string }>();\n  const { navigate, basePath = '/organizations', apiGatewayUrl, authToken } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { member, loading, error } = useMember(organizationId!, userId!);\n\n  const memberActors = useMemo<ActorInput[]>(\n    () => (userId ? [{ actorId: userId, actorType: 'user' }] : []),\n    [userId]\n  );\n  const profileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n  const memberProfile =\n    userId && member\n      ? (profileMap[member.userId] ??\n        buildActorFallback({ actorId: member.userId, actorType: 'user' }))\n      : null;\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.MEMBER_READ)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('members.detail.noPermission', \"You don't have permission to view member details.\")}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('members.detail.loading', 'Loading member...')} />\n      </div>\n    );\n  }\n\n  if (error || !member) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error?.message || tr('members.detail.notFound', 'Member not found')}\n          action={{\n            label: tr('common.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/${organizationId}/members`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      {/* Header */}\n      <div className=\"mb-6\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(`${basePath}/${organizationId}/members`)}\n          className=\"inline-flex items-center gap-2 text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-all duration-200 mb-4\"\n        >\n          <ArrowLeft size={20} />\n          {tr('members.detail.backToMembers', 'Back to Members')}\n        </button>\n\n        <EmphasisPanel className=\"flex items-start gap-4\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-info-muted)] flex items-center justify-center\">\n            <Shield size={32} className=\"text-[var(--color-status-info)]\" />\n          </div>\n          <div>\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {memberProfile?.displayName ?? tr('members.detail.titlePrefix', 'Member')}\n            </h1>\n            {memberProfile?.email ? (\n              <p className=\"text-[var(--color-text-secondary)] mt-1 break-all\">\n                {memberProfile.email}\n              </p>\n            ) : null}\n            <p className=\"text-[var(--color-text-secondary)] mt-1\">{member.role}</p>\n            <PagePurpose className=\"mt-3 max-w-2xl\">\n              {tr(\n                'members.detail.purpose',\n                \"This page shows one person's membership in the organization — their role, when they joined, and who invited them. Use it to confirm a member has the right level of access.\"\n              )}\n            </PagePurpose>\n            <details className=\"mt-2 text-xs text-[var(--color-text-secondary)]\">\n              <summary className=\"cursor-pointer\">\n                {tr('members.detail.showIds', 'Show technical IDs')}\n              </summary>\n              <dl className=\"mt-1 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1\">\n                <dt>{tr('members.detail.userId', 'User ID')}</dt>\n                <dd className=\"break-all font-mono\">{member.userId}</dd>\n                <dt>{tr('members.list.memberId', 'Member ID')}</dt>\n                <dd className=\"break-all font-mono\">{member.id}</dd>\n              </dl>\n            </details>\n          </div>\n        </EmphasisPanel>\n      </div>\n\n      {/* Details */}\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n        <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n          {tr('members.detail.info', 'Member Information')}\n        </h2>\n\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"text-sm text-[var(--color-text-secondary)]\">\n              {tr('members.list.column.role', 'Role')}\n            </p>\n            <div className=\"mt-1\">\n              <MemberRoleBadge role={member.role} />\n            </div>\n          </div>\n\n          {member.invitedBy && (\n            <div>\n              <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                {tr('members.detail.invitedBy', 'Invited By')}\n              </p>\n              <p className=\"text-[var(--color-text-primary)] font-medium\">{member.invitedBy}</p>\n            </div>\n          )}\n\n          {member.joinedAt && (\n            <div>\n              <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                {tr('members.detail.joinedAt', 'Joined At')}\n              </p>\n              <p className=\"text-[var(--color-text-primary)] font-medium\">\n                {new Date(member.joinedAt).toLocaleString()}\n              </p>\n            </div>\n          )}\n        </div>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MemberDetailPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MemberDetailPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, Shield } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { buildActorFallback, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\n/**\n * Member Detail Page\n * Simplified version showing available member fields\n */\nexport function MemberDetailPage() {\n  const tr = useTr();\n  const { organizationId, userId } = useParams<{ organizationId: string; userId: string }>();\n  const { navigate, basePath = '/organizations', apiGatewayUrl, authToken } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const { member, loading, error } = useMember(organizationId!, userId!);\n\n  const memberActors = useMemo<ActorInput[]>(\n    () => (userId ? [{ actorId: userId, actorType: 'user' }] : []),\n    [userId]\n  );\n  const profileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n  const memberProfile =\n    userId && member\n      ? (profileMap[member.userId] ??\n        buildActorFallback({ actorId: member.userId, actorType: 'user' }))\n      : null;\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.MEMBER_READ)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('members.detail.noPermission', \"You don't have permission to view member details.\")}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('members.detail.loading', 'Loading member...')} />\n      </div>\n    );\n  }\n\n  if (error || !member) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error?.message || tr('members.detail.notFound', 'Member not found')}\n          action={{\n            label: tr('common.goBack', 'Go Back'),\n            onClick: () => navigate(`${basePath}/${organizationId}/members`),\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      {/* Header */}\n      <div className=\"mb-6\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(`${basePath}/${organizationId}/members`)}\n          className=\"inline-flex items-center gap-2 text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-all duration-200 mb-4\"\n        >\n          <ArrowLeft size={20} />\n          {tr('members.detail.backToMembers', 'Back to Members')}\n        </button>\n\n        <EmphasisPanel className=\"flex items-start gap-4\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-info-muted)] flex items-center justify-center\">\n            <Shield size={32} className=\"text-[var(--color-status-info)]\" />\n          </div>\n          <div>\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {memberProfile?.displayName ?? tr('members.detail.titlePrefix', 'Member')}\n            </h1>\n            {memberProfile?.email ? (\n              <p className=\"text-[var(--color-text-secondary)] mt-1 break-all\">\n                {memberProfile.email}\n              </p>\n            ) : null}\n            <p className=\"text-[var(--color-text-secondary)] mt-1\">{member.role}</p>\n            <PagePurpose className=\"mt-3 max-w-2xl\">\n              {tr(\n                'members.detail.purpose',\n                \"This page shows one person's membership in the organization — their role, when they joined, and who invited them. Use it to confirm a member has the right level of access.\"\n              )}\n            </PagePurpose>\n            <details className=\"mt-2 text-xs text-[var(--color-text-secondary)]\">\n              <summary className=\"cursor-pointer\">\n                {tr('members.detail.showIds', 'Show technical IDs')}\n              </summary>\n              <dl className=\"mt-1 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1\">\n                <dt>{tr('members.detail.userId', 'User ID')}</dt>\n                <dd className=\"break-all font-mono\">{member.userId}</dd>\n                <dt>{tr('members.list.memberId', 'Member ID')}</dt>\n                <dd className=\"break-all font-mono\">{member.id}</dd>\n              </dl>\n            </details>\n          </div>\n        </EmphasisPanel>\n      </div>\n\n      {/* Details */}\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-6\">\n        <h2 className=\"text-lg font-semibold text-[var(--color-text-primary)] mb-4\">\n          {tr('members.detail.info', 'Member Information')}\n        </h2>\n\n        <div className=\"space-y-4\">\n          <div>\n            <p className=\"text-sm text-[var(--color-text-secondary)]\">\n              {tr('members.list.column.role', 'Role')}\n            </p>\n            <div className=\"mt-1\">\n              <MemberRoleBadge role={member.role} />\n            </div>\n          </div>\n\n          {member.invitedBy && (\n            <div>\n              <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                {tr('members.detail.invitedBy', 'Invited By')}\n              </p>\n              <p className=\"text-[var(--color-text-primary)] font-medium\">{member.invitedBy}</p>\n            </div>\n          )}\n\n          {member.joinedAt && (\n            <div>\n              <p className=\"text-sm text-[var(--color-text-secondary)]\">\n                {tr('members.detail.joinedAt', 'Joined At')}\n              </p>\n              <p className=\"text-[var(--color-text-primary)] font-medium\">\n                {new Date(member.joinedAt).toLocaleString()}\n              </p>\n            </div>\n          )}\n        </div>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/MembersListPage.js

@@ -16,7 +16,7 @@ import { GlassCard as b, IllustratedEmptyState as te, PagePurpose as ne } from "
 import { useFeatureFlagDetails as re } from "@burdenoff/fe-libs/shared/feature-flags";
 import { usePermissions as ie } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as ae, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useParams as C } from "react-router-dom";
+import { useParams as C } from "react-router";
 import { ActorIdentity as w, buildActorFallback as oe, useActorProfiles as se } from "@burdenoff/fe-libs/shared";
 //#region src/organization-management/modules/members/pages/MembersListPage.tsx
 function ce() {

package/dist/organization-management/modules/members/pages/MembersListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Eye, Mail, RefreshCw, Shield, Trash2 } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { toast } from 'sonner';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport {\n  ActorIdentity,\n  buildActorFallback,\n  useActorProfiles,\n  type ActorInput,\n} from '@burdenoff/fe-libs/shared';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMembers, useRemoveMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\nfunction useFormatDate() {\n  const tr = useTr();\n  return (date?: string) => {\n    if (!date) return tr('common.status.pending', 'Pending');\n    return new Date(date).toLocaleDateString();\n  };\n}\n\nexport function MembersListPage() {\n  const tr = useTr();\n  const formatDate = useFormatDate();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  // Follow the platform default-allow feature flag policy: unseeded flags must\n  // not disable shipped invite actions, while explicit false still gates them.\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const inviteEnabled = inviteDetails ? Boolean(inviteDetails.value) : true;\n  const { organizationId } = useParams<{ organizationId: string }>();\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 250);\n  const [selectedMemberIds, setSelectedMemberIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  const { members, loading, error, refetch } = useMembers(organizationId ?? '', 50, 0);\n  const { removeMember, loading: deleteLoading } = useRemoveMember();\n\n  const { apiGatewayUrl, authToken } = useOrgConsole();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n\n  const filteredMembers = useMemo(() => {\n    if (!debouncedSearchQuery) {\n      return members;\n    }\n\n    const normalizedQuery = debouncedSearchQuery.toLowerCase();\n    return members.filter((member) => {\n      const profile = profileMap[member.userId];\n      if (profile?.displayName.toLowerCase().includes(normalizedQuery)) return true;\n      if (profile?.email?.toLowerCase().includes(normalizedQuery)) return true;\n      return (\n        member.userId.toLowerCase().includes(normalizedQuery) ||\n        member.role.toLowerCase().includes(normalizedQuery)\n      );\n    });\n  }, [debouncedSearchQuery, members, profileMap]);\n\n  useEffect(() => {\n    setSelectedMemberIds((previousSelection) => {\n      const visibleIds = new Set(filteredMembers.map((member) => member.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((memberId) => visibleIds.has(memberId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [filteredMembers]);\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const allVisibleSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelected =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) && !allVisibleSelected;\n\n  const executeRemoveMembers = async (userIds: string[]) => {\n    if (!organizationId) return;\n\n    try {\n      const results = await Promise.allSettled(\n        userIds.map(async (userId) => {\n          const result = await removeMember(organizationId, userId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to remove member');\n          }\n        })\n      );\n\n      const rejectedResult = results.find((result) => result.status === 'rejected');\n      if (rejectedResult?.status === 'rejected') {\n        throw rejectedResult.reason;\n      }\n\n      setSelectedMemberIds(new Set());\n      await refetch();\n      toast.success(\n        userIds.length === 1\n          ? tr('members.remove.successSingle', 'Member removed successfully')\n          : `${userIds.length} ${tr('members.remove.successMany', 'members removed successfully')}`\n      );\n    } catch (removeError) {\n      toast.error(\n        removeError instanceof Error\n          ? removeError.message\n          : tr('members.remove.failed', 'Failed to remove member')\n      );\n    }\n  };\n\n  const handleRemove = (userId: string) => {\n    openConfirmDialog({\n      title: tr('members.remove.title', 'Remove member'),\n      description: `${tr('members.remove.descriptionPrefix', 'Remove')} ${userId} ${tr('members.remove.descriptionSuffix', 'from this organization? Workspace access inherited from this membership will be impacted.')}`,\n      confirmText: tr('members.remove.confirm', 'Remove'),\n      variant: 'danger',\n      onConfirm: () => {\n        void executeRemoveMembers([userId]);\n      },\n    });\n  };\n\n  const handleBulkRemove = () => {\n    if (selectedMembers.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('members.remove.bulkTitle', 'Remove selected members'),\n      description: `${tr('members.remove.bulkPrefix', 'Remove')} ${selectedMembers.length} ${tr(\n        selectedMembers.length === 1\n          ? 'members.remove.bulkSuffixSingle'\n          : 'members.remove.bulkSuffixMany',\n        selectedMembers.length === 1\n          ? 'selected member from this organization?'\n          : 'selected members from this organization?'\n      )}`,\n      confirmText: `${tr('members.remove.confirm', 'Remove')} ${selectedMembers.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeRemoveMembers(selectedMembers.map((member) => member.userId));\n      },\n    });\n  };\n\n  const toggleMemberSelection = (memberId: string, checked: boolean) => {\n    setSelectedMemberIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(memberId);\n      } else {\n        nextSelection.delete(memberId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    setSelectedMemberIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      filteredMembers.forEach((member) => {\n        if (checked) {\n          nextSelection.add(member.id);\n        } else {\n          nextSelection.delete(member.id);\n        }\n      });\n      return nextSelection;\n    });\n  };\n\n  if (!organizationId) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={tr('members.list.missingOrg', 'Organization ID is required to view members')}\n          action={{\n            label: tr('members.list.goToOrganizations', 'Go to Organizations'),\n            onClick: () => navigate(basePath),\n          }}\n        />\n      </div>\n    );\n  }\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.MEMBER_LIST)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('members.list.noPermission', \"You don't have permission to view members.\")}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('members.list.loading', 'Loading members...')} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error.message}\n          action={{\n            label: tr('common.retry', 'Retry'),\n            onClick: () => {\n              void refetch();\n            },\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.list.title', 'Members')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'members.list.subtitle',\n                'Manage organization members, inspect their roles, and invite more people into this organization.'\n              )}\n            </p>\n            <PagePurpose className=\"max-w-2xl\">\n              {tr(\n                'members.list.purpose',\n                'Members are the people who belong to this organization and inherit access to its workspaces. Use this page to see who has access, check their roles, invite new people, or remove anyone who should no longer be here.'\n              )}\n            </PagePurpose>\n          </div>\n\n          {inviteEnabled && hasPermission(PERMISSIONS.MEMBER_INVITE) && (\n            <button\n              type=\"button\"\n              onClick={() => navigate(`${basePath}/${organizationId}/members/invite`)}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90\"\n            >\n              <Mail size={18} aria-hidden=\"true\" />\n              <span className=\"font-medium\">{tr('members.invite.button', 'Invite Member')}</span>\n            </button>\n          )}\n        </div>\n\n        {members.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-4\">\n            <GlassCard treatment=\"glass\" glow className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">{tr('members.list.title', 'Members')}</p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {members.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr('members.list.column.role', 'Role')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {new Set(members.map((m) => m.role)).size}\n              </p>\n            </GlassCard>\n          </div>\n        ) : null}\n\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-4\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('members.list.searchPlaceholder', 'Search by member ID or role...')}\n              label={tr('members.list.searchLabel', 'Search organization members')}\n              inputId=\"organization-members-search\"\n              className=\"flex-1\"\n            />\n\n            <button\n              type=\"button\"\n              onClick={() => {\n                void refetch();\n              }}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n              aria-label={tr('members.list.refresh', 'Refresh members')}\n              title={tr('members.list.refresh', 'Refresh members')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {filteredMembers.length > 0 ? (\n            <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllMembers}\n                    ariaLabel={tr('members.list.selectAll', 'Select all members')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedMemberIds.size > 0 ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedMemberIds(new Set())}\n                    className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n                  >\n                    {tr('common.clearSelection', 'Clear selection')}\n                  </button>\n                ) : null}\n              </div>\n\n              <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n                <span className=\"text-sm text-[var(--color-text-secondary)]\">\n                  {selectedMemberIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                  <button\n                    type=\"button\"\n                    onClick={handleBulkRemove}\n                    disabled={selectedMembers.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('common.removeSelected', 'Remove Selected')}</span>\n                    {selectedMembers.length > 0 ? <span>({selectedMembers.length})</span> : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </GlassCard>\n\n        {filteredMembers.length === 0 ? (\n          <GlassCard\n            treatment=\"glass\"\n            glow={members.length === 0}\n            className=\"border-border-seam p-6\"\n          >\n            <IllustratedEmptyState\n              illustration=\"empty-people\"\n              title={tr('members.list.emptyTitle', 'No members found')}\n              description={tr(\n                'members.list.emptyDescription',\n                'Invite someone to this organization to grant them access and assign their role.'\n              )}\n              action={\n                inviteEnabled && hasPermission(PERMISSIONS.MEMBER_INVITE) ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`${basePath}/${organizationId}/members/invite`)}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]\"\n                  >\n                    {tr('members.invite.button', 'Invite Member')}\n                  </button>\n                ) : undefined\n              }\n            />\n          </GlassCard>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {filteredMembers.map((member) => (\n                <GlassCard key={member.id} treatment=\"insight\" className=\"border-border-seam p-4\">\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedMemberIds.has(member.id)}\n                      onChange={(checked) => toggleMemberSelection(member.id, checked)}\n                      ariaLabel={`${tr('members.list.selectMember', 'Select member')} ${member.userId}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      <div className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                        <Shield size={18} aria-hidden=\"true\" />\n                      </div>\n\n                      <div className=\"min-w-0 flex-1 space-y-3\">\n                        <div>\n                          <div className=\"flex flex-wrap items-start gap-2\">\n                            <h2 className=\"break-all text-base font-semibold text-[var(--color-text-primary)]\">\n                              {profileMap[member.userId]?.displayName ??\n                                `User ${member.userId.slice(0, 8)}…`}\n                            </h2>\n                            <MemberRoleBadge role={member.role} />\n                          </div>\n                          {profileMap[member.userId]?.email ? (\n                            <p className=\"mt-0.5 break-all text-xs text-[var(--color-text-secondary)]\">\n                              {profileMap[member.userId]?.email}\n                            </p>\n                          ) : null}\n                          <details className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n                            <summary className=\"cursor-pointer\">\n                              {tr('members.list.showIds', 'Show IDs')}\n                            </summary>\n                            <p className=\"mt-1 break-all font-mono\">\n                              {tr('members.detail.userId', 'User ID')}: {member.userId}\n                            </p>\n                            <p className=\"mt-0.5 break-all font-mono\">\n                              {tr('members.list.memberId', 'Member ID')}: {member.id}\n                            </p>\n                          </details>\n                        </div>\n\n                        <dl className=\"grid grid-cols-1 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('members.list.invitedBy', 'Invited by')}\n                            </dt>\n                            <dd className=\"mt-1 break-all font-mono text-[var(--color-text-primary)]\">\n                              {member.invitedBy || tr('common.notAvailable', 'N/A')}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('members.list.joined', 'Joined')}\n                            </dt>\n                            <dd className=\"mt-1 text-[var(--color-text-primary)]\">\n                              {formatDate(member.joinedAt)}\n                            </dd>\n                          </div>\n                        </dl>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n                    <button\n                      type=\"button\"\n                      onClick={() =>\n                        navigate(`${basePath}/${organizationId}/members/${member.userId}`)\n                      }\n                      className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                    >\n                      <Eye size={16} aria-hidden=\"true\" />\n                      {tr('common.view', 'View')}\n                    </button>\n                    {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                      <button\n                        type=\"button\"\n                        onClick={() => handleRemove(member.userId)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('members.remove.confirm', 'Remove')}\n                      </button>\n                    )}\n                  </div>\n                </GlassCard>\n              ))}\n            </div>\n\n            <GlassCard\n              treatment=\"plain\"\n              className=\"hidden overflow-hidden border-border-seam p-0 md:block\"\n            >\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full\">\n                  <thead className=\"bg-[var(--color-bg-subtle)]\">\n                    <tr>\n                      <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        <SelectionCheckbox\n                          checked={allVisibleSelected}\n                          indeterminate={partiallySelected}\n                          onChange={toggleAllMembers}\n                          ariaLabel={tr('members.list.selectAll', 'Select all members')}\n                        />\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.column.user', 'User')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.column.role', 'Role')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.invitedBy', 'Invited by')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.joined', 'Joined')}\n                      </th>\n                      <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.actions', 'Actions')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"divide-y divide-[var(--color-border-seam)]\">\n                    {filteredMembers.map((member) => (\n                      <tr\n                        key={member.id}\n                        className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <td className=\"px-6 py-4 align-top\">\n                          <SelectionCheckbox\n                            checked={selectedMemberIds.has(member.id)}\n                            onChange={(checked) => toggleMemberSelection(member.id, checked)}\n                            ariaLabel={`${tr('members.list.selectMember', 'Select member')} ${member.userId}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            <div className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                              <Shield size={18} aria-hidden=\"true\" />\n                            </div>\n                            <div className=\"min-w-0\">\n                              <ActorIdentity\n                                profile={\n                                  profileMap[member.userId] ??\n                                  buildActorFallback({\n                                    actorId: member.userId,\n                                    actorType: 'user',\n                                  })\n                                }\n                                variant=\"cell\"\n                              />\n                              <p className=\"break-all font-mono text-xs text-[var(--color-text-muted)]\">\n                                {tr('common.idLabel', 'ID')}: {member.id}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <MemberRoleBadge role={member.role} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {member.invitedBy || tr('common.notAvailable', 'N/A')}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(member.joinedAt)}\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <div className=\"flex items-center justify-end gap-2\">\n                            <button\n                              type=\"button\"\n                              onClick={() =>\n                                navigate(`${basePath}/${organizationId}/members/${member.userId}`)\n                              }\n                              className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                              aria-label={`${tr('members.list.viewMember', 'View member')} ${member.userId}`}\n                              title={`${tr('members.list.viewMember', 'View member')} ${member.userId}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                              <button\n                                type=\"button\"\n                                onClick={() => handleRemove(member.userId)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                aria-label={`${tr('members.list.removeMember', 'Remove member')} ${member.userId}`}\n                                title={`${tr('members.list.removeMember', 'Remove member')} ${member.userId}`}\n                              >\n                                <Trash2 size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                          </div>\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </GlassCard>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Eye, Mail, RefreshCw, Shield, Trash2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { toast } from 'sonner';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport {\n  ActorIdentity,\n  buildActorFallback,\n  useActorProfiles,\n  type ActorInput,\n} from '@burdenoff/fe-libs/shared';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport { useMembers, useRemoveMember } from '../hooks/useMembers';\nimport { MemberRoleBadge } from '../components/MemberRoleBadge';\nimport { SearchInput } from '../../../shared/components/input/SearchInput';\nimport { SelectionCheckbox } from '../../../shared/components/input/SelectionCheckbox';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { ErrorState } from '../../../shared/components/feedback/ErrorState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\n\nfunction useFormatDate() {\n  const tr = useTr();\n  return (date?: string) => {\n    if (!date) return tr('common.status.pending', 'Pending');\n    return new Date(date).toLocaleDateString();\n  };\n}\n\nexport function MembersListPage() {\n  const tr = useTr();\n  const formatDate = useFormatDate();\n  const { navigate, basePath = '/organizations' } = useOrgConsole();\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  // Follow the platform default-allow feature flag policy: unseeded flags must\n  // not disable shipped invite actions, while explicit false still gates them.\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const inviteEnabled = inviteDetails ? Boolean(inviteDetails.value) : true;\n  const { organizationId } = useParams<{ organizationId: string }>();\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 250);\n  const [selectedMemberIds, setSelectedMemberIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  const { members, loading, error, refetch } = useMembers(organizationId ?? '', 50, 0);\n  const { removeMember, loading: deleteLoading } = useRemoveMember();\n\n  const { apiGatewayUrl, authToken } = useOrgConsole();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n\n  const filteredMembers = useMemo(() => {\n    if (!debouncedSearchQuery) {\n      return members;\n    }\n\n    const normalizedQuery = debouncedSearchQuery.toLowerCase();\n    return members.filter((member) => {\n      const profile = profileMap[member.userId];\n      if (profile?.displayName.toLowerCase().includes(normalizedQuery)) return true;\n      if (profile?.email?.toLowerCase().includes(normalizedQuery)) return true;\n      return (\n        member.userId.toLowerCase().includes(normalizedQuery) ||\n        member.role.toLowerCase().includes(normalizedQuery)\n      );\n    });\n  }, [debouncedSearchQuery, members, profileMap]);\n\n  useEffect(() => {\n    setSelectedMemberIds((previousSelection) => {\n      const visibleIds = new Set(filteredMembers.map((member) => member.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((memberId) => visibleIds.has(memberId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [filteredMembers]);\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const allVisibleSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelected =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) && !allVisibleSelected;\n\n  const executeRemoveMembers = async (userIds: string[]) => {\n    if (!organizationId) return;\n\n    try {\n      const results = await Promise.allSettled(\n        userIds.map(async (userId) => {\n          const result = await removeMember(organizationId, userId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to remove member');\n          }\n        })\n      );\n\n      const rejectedResult = results.find((result) => result.status === 'rejected');\n      if (rejectedResult?.status === 'rejected') {\n        throw rejectedResult.reason;\n      }\n\n      setSelectedMemberIds(new Set());\n      await refetch();\n      toast.success(\n        userIds.length === 1\n          ? tr('members.remove.successSingle', 'Member removed successfully')\n          : `${userIds.length} ${tr('members.remove.successMany', 'members removed successfully')}`\n      );\n    } catch (removeError) {\n      toast.error(\n        removeError instanceof Error\n          ? removeError.message\n          : tr('members.remove.failed', 'Failed to remove member')\n      );\n    }\n  };\n\n  const handleRemove = (userId: string) => {\n    openConfirmDialog({\n      title: tr('members.remove.title', 'Remove member'),\n      description: `${tr('members.remove.descriptionPrefix', 'Remove')} ${userId} ${tr('members.remove.descriptionSuffix', 'from this organization? Workspace access inherited from this membership will be impacted.')}`,\n      confirmText: tr('members.remove.confirm', 'Remove'),\n      variant: 'danger',\n      onConfirm: () => {\n        void executeRemoveMembers([userId]);\n      },\n    });\n  };\n\n  const handleBulkRemove = () => {\n    if (selectedMembers.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('members.remove.bulkTitle', 'Remove selected members'),\n      description: `${tr('members.remove.bulkPrefix', 'Remove')} ${selectedMembers.length} ${tr(\n        selectedMembers.length === 1\n          ? 'members.remove.bulkSuffixSingle'\n          : 'members.remove.bulkSuffixMany',\n        selectedMembers.length === 1\n          ? 'selected member from this organization?'\n          : 'selected members from this organization?'\n      )}`,\n      confirmText: `${tr('members.remove.confirm', 'Remove')} ${selectedMembers.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeRemoveMembers(selectedMembers.map((member) => member.userId));\n      },\n    });\n  };\n\n  const toggleMemberSelection = (memberId: string, checked: boolean) => {\n    setSelectedMemberIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(memberId);\n      } else {\n        nextSelection.delete(memberId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    setSelectedMemberIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      filteredMembers.forEach((member) => {\n        if (checked) {\n          nextSelection.add(member.id);\n        } else {\n          nextSelection.delete(member.id);\n        }\n      });\n      return nextSelection;\n    });\n  };\n\n  if (!organizationId) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={tr('members.list.missingOrg', 'Organization ID is required to view members')}\n          action={{\n            label: tr('members.list.goToOrganizations', 'Go to Organizations'),\n            onClick: () => navigate(basePath),\n          }}\n        />\n      </div>\n    );\n  }\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <LoadingState message={tr('common.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (!hasPermission(PERMISSIONS.MEMBER_LIST)) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] p-6\">\n        <div className=\"p-8 text-center text-[var(--color-text-secondary)]\">\n          {tr('members.list.noPermission', \"You don't have permission to view members.\")}\n        </div>\n      </div>\n    );\n  }\n\n  if (loading) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <LoadingState message={tr('members.list.loading', 'Loading members...')} />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <ErrorState\n          message={error.message}\n          action={{\n            label: tr('common.retry', 'Retry'),\n            onClick: () => {\n              void refetch();\n            },\n          }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6 animate-in fade-in duration-200\">\n      <div className=\"mx-auto flex w-full max-w-7xl flex-col gap-6\">\n        <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n          <div className=\"space-y-2\">\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.list.title', 'Members')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'members.list.subtitle',\n                'Manage organization members, inspect their roles, and invite more people into this organization.'\n              )}\n            </p>\n            <PagePurpose className=\"max-w-2xl\">\n              {tr(\n                'members.list.purpose',\n                'Members are the people who belong to this organization and inherit access to its workspaces. Use this page to see who has access, check their roles, invite new people, or remove anyone who should no longer be here.'\n              )}\n            </PagePurpose>\n          </div>\n\n          {inviteEnabled && hasPermission(PERMISSIONS.MEMBER_INVITE) && (\n            <button\n              type=\"button\"\n              onClick={() => navigate(`${basePath}/${organizationId}/members/invite`)}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2.5 text-[var(--color-action-primary-text)] transition-all duration-200 hover:opacity-90\"\n            >\n              <Mail size={18} aria-hidden=\"true\" />\n              <span className=\"font-medium\">{tr('members.invite.button', 'Invite Member')}</span>\n            </button>\n          )}\n        </div>\n\n        {members.length > 0 ? (\n          <div className=\"grid grid-cols-2 gap-4\">\n            <GlassCard treatment=\"glass\" glow className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">{tr('members.list.title', 'Members')}</p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {members.length}\n              </p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-4\">\n              <p className=\"text-sm text-text-secondary\">\n                {tr('members.list.column.role', 'Role')}\n              </p>\n              <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n                {new Set(members.map((m) => m.role)).size}\n              </p>\n            </GlassCard>\n          </div>\n        ) : null}\n\n        <GlassCard treatment=\"plain\" className=\"border-border-seam p-4\">\n          <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center\">\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('members.list.searchPlaceholder', 'Search by member ID or role...')}\n              label={tr('members.list.searchLabel', 'Search organization members')}\n              inputId=\"organization-members-search\"\n              className=\"flex-1\"\n            />\n\n            <button\n              type=\"button\"\n              onClick={() => {\n                void refetch();\n              }}\n              className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] px-4 py-2 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n              aria-label={tr('members.list.refresh', 'Refresh members')}\n              title={tr('members.list.refresh', 'Refresh members')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {filteredMembers.length > 0 ? (\n            <div className=\"mt-4 flex flex-col gap-3 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-canvas)] p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <label className=\"flex items-center gap-2 text-sm text-[var(--color-text-primary)]\">\n                  <SelectionCheckbox\n                    checked={allVisibleSelected}\n                    indeterminate={partiallySelected}\n                    onChange={toggleAllMembers}\n                    ariaLabel={tr('members.list.selectAll', 'Select all members')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedMemberIds.size > 0 ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedMemberIds(new Set())}\n                    className=\"text-sm text-[var(--color-text-secondary)] transition-colors hover:text-[var(--color-text-primary)]\"\n                  >\n                    {tr('common.clearSelection', 'Clear selection')}\n                  </button>\n                ) : null}\n              </div>\n\n              <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n                <span className=\"text-sm text-[var(--color-text-secondary)]\">\n                  {selectedMemberIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                  <button\n                    type=\"button\"\n                    onClick={handleBulkRemove}\n                    disabled={selectedMembers.length === 0 || deleteLoading}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                  >\n                    <Trash2 size={16} aria-hidden=\"true\" />\n                    <span>{tr('common.removeSelected', 'Remove Selected')}</span>\n                    {selectedMembers.length > 0 ? <span>({selectedMembers.length})</span> : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </GlassCard>\n\n        {filteredMembers.length === 0 ? (\n          <GlassCard\n            treatment=\"glass\"\n            glow={members.length === 0}\n            className=\"border-border-seam p-6\"\n          >\n            <IllustratedEmptyState\n              illustration=\"empty-people\"\n              title={tr('members.list.emptyTitle', 'No members found')}\n              description={tr(\n                'members.list.emptyDescription',\n                'Invite someone to this organization to grant them access and assign their role.'\n              )}\n              action={\n                inviteEnabled && hasPermission(PERMISSIONS.MEMBER_INVITE) ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => navigate(`${basePath}/${organizationId}/members/invite`)}\n                    className=\"inline-flex min-h-11 items-center justify-center gap-2 rounded-lg bg-[var(--color-action-primary-bg)] px-4 py-2 font-medium text-[var(--color-action-primary-text)] transition-all duration-200 hover:bg-[var(--color-action-primary-bgHover)]\"\n                  >\n                    {tr('members.invite.button', 'Invite Member')}\n                  </button>\n                ) : undefined\n              }\n            />\n          </GlassCard>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {filteredMembers.map((member) => (\n                <GlassCard key={member.id} treatment=\"insight\" className=\"border-border-seam p-4\">\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedMemberIds.has(member.id)}\n                      onChange={(checked) => toggleMemberSelection(member.id, checked)}\n                      ariaLabel={`${tr('members.list.selectMember', 'Select member')} ${member.userId}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      <div className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                        <Shield size={18} aria-hidden=\"true\" />\n                      </div>\n\n                      <div className=\"min-w-0 flex-1 space-y-3\">\n                        <div>\n                          <div className=\"flex flex-wrap items-start gap-2\">\n                            <h2 className=\"break-all text-base font-semibold text-[var(--color-text-primary)]\">\n                              {profileMap[member.userId]?.displayName ??\n                                `User ${member.userId.slice(0, 8)}…`}\n                            </h2>\n                            <MemberRoleBadge role={member.role} />\n                          </div>\n                          {profileMap[member.userId]?.email ? (\n                            <p className=\"mt-0.5 break-all text-xs text-[var(--color-text-secondary)]\">\n                              {profileMap[member.userId]?.email}\n                            </p>\n                          ) : null}\n                          <details className=\"mt-1 text-xs text-[var(--color-text-muted)]\">\n                            <summary className=\"cursor-pointer\">\n                              {tr('members.list.showIds', 'Show IDs')}\n                            </summary>\n                            <p className=\"mt-1 break-all font-mono\">\n                              {tr('members.detail.userId', 'User ID')}: {member.userId}\n                            </p>\n                            <p className=\"mt-0.5 break-all font-mono\">\n                              {tr('members.list.memberId', 'Member ID')}: {member.id}\n                            </p>\n                          </details>\n                        </div>\n\n                        <dl className=\"grid grid-cols-1 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('members.list.invitedBy', 'Invited by')}\n                            </dt>\n                            <dd className=\"mt-1 break-all font-mono text-[var(--color-text-primary)]\">\n                              {member.invitedBy || tr('common.notAvailable', 'N/A')}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('members.list.joined', 'Joined')}\n                            </dt>\n                            <dd className=\"mt-1 text-[var(--color-text-primary)]\">\n                              {formatDate(member.joinedAt)}\n                            </dd>\n                          </div>\n                        </dl>\n                      </div>\n                    </div>\n                  </div>\n\n                  <div className=\"mt-4 flex flex-wrap gap-2 border-t border-[var(--color-border-default)] pt-4\">\n                    <button\n                      type=\"button\"\n                      onClick={() =>\n                        navigate(`${basePath}/${organizationId}/members/${member.userId}`)\n                      }\n                      className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-border-default)] px-3 py-2 text-sm text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)]\"\n                    >\n                      <Eye size={16} aria-hidden=\"true\" />\n                      {tr('common.view', 'View')}\n                    </button>\n                    {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                      <button\n                        type=\"button\"\n                        onClick={() => handleRemove(member.userId)}\n                        disabled={deleteLoading}\n                        className=\"inline-flex min-h-10 items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] px-3 py-2 text-sm text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                      >\n                        <Trash2 size={16} aria-hidden=\"true\" />\n                        {tr('members.remove.confirm', 'Remove')}\n                      </button>\n                    )}\n                  </div>\n                </GlassCard>\n              ))}\n            </div>\n\n            <GlassCard\n              treatment=\"plain\"\n              className=\"hidden overflow-hidden border-border-seam p-0 md:block\"\n            >\n              <div className=\"overflow-x-auto\">\n                <table className=\"min-w-full\">\n                  <thead className=\"bg-[var(--color-bg-subtle)]\">\n                    <tr>\n                      <th className=\"w-12 px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        <SelectionCheckbox\n                          checked={allVisibleSelected}\n                          indeterminate={partiallySelected}\n                          onChange={toggleAllMembers}\n                          ariaLabel={tr('members.list.selectAll', 'Select all members')}\n                        />\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.column.user', 'User')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.column.role', 'Role')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.invitedBy', 'Invited by')}\n                      </th>\n                      <th className=\"px-6 py-3 text-left text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('members.list.joined', 'Joined')}\n                      </th>\n                      <th className=\"px-6 py-3 text-right text-xs font-semibold uppercase tracking-wide text-[var(--color-text-secondary)]\">\n                        {tr('common.actions', 'Actions')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody className=\"divide-y divide-[var(--color-border-seam)]\">\n                    {filteredMembers.map((member) => (\n                      <tr\n                        key={member.id}\n                        className=\"transition-colors hover:bg-[var(--color-bg-subtle)]\"\n                      >\n                        <td className=\"px-6 py-4 align-top\">\n                          <SelectionCheckbox\n                            checked={selectedMemberIds.has(member.id)}\n                            onChange={(checked) => toggleMemberSelection(member.id, checked)}\n                            ariaLabel={`${tr('members.list.selectMember', 'Select member')} ${member.userId}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            <div className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-status-info-bgSubtle)] text-[var(--color-status-info-text)]\">\n                              <Shield size={18} aria-hidden=\"true\" />\n                            </div>\n                            <div className=\"min-w-0\">\n                              <ActorIdentity\n                                profile={\n                                  profileMap[member.userId] ??\n                                  buildActorFallback({\n                                    actorId: member.userId,\n                                    actorType: 'user',\n                                  })\n                                }\n                                variant=\"cell\"\n                              />\n                              <p className=\"break-all font-mono text-xs text-[var(--color-text-muted)]\">\n                                {tr('common.idLabel', 'ID')}: {member.id}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <MemberRoleBadge role={member.role} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {member.invitedBy || tr('common.notAvailable', 'N/A')}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(member.joinedAt)}\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <div className=\"flex items-center justify-end gap-2\">\n                            <button\n                              type=\"button\"\n                              onClick={() =>\n                                navigate(`${basePath}/${organizationId}/members/${member.userId}`)\n                              }\n                              className=\"rounded-lg p-2 text-[var(--color-text-secondary)] transition-all duration-200 hover:bg-[var(--color-bg-muted)] hover:text-[var(--color-text-primary)]\"\n                              aria-label={`${tr('members.list.viewMember', 'View member')} ${member.userId}`}\n                              title={`${tr('members.list.viewMember', 'View member')} ${member.userId}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.MEMBER_REMOVE) && (\n                              <button\n                                type=\"button\"\n                                onClick={() => handleRemove(member.userId)}\n                                disabled={deleteLoading}\n                                className=\"rounded-lg p-2 text-[var(--color-status-error-text)] transition-all duration-200 hover:bg-[var(--color-status-error-bgSubtle)] disabled:cursor-not-allowed disabled:opacity-50\"\n                                aria-label={`${tr('members.list.removeMember', 'Remove member')} ${member.userId}`}\n                                title={`${tr('members.list.removeMember', 'Remove member')} ${member.userId}`}\n                              >\n                                <Trash2 size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                          </div>\n                        </td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            </GlassCard>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/pages/MyInvitesPage.js

@@ -12,7 +12,7 @@ import { AlertCircle as te, BriefcaseBusiness as ne, Loader2 as g, Mail as _ } f
 import { Badge as v, GlassCard as y, IllustratedEmptyState as b, PagePurpose as re } from "@burdenoff/fe-libs/ui";
 import { usePermissions as x } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { NavLink as w } from "react-router-dom";
+import { NavLink as w } from "react-router";
 import { ActorIdentity as ie, useActorProfiles as T } from "@burdenoff/fe-libs/shared";
 //#region src/organization-management/modules/members/pages/MyInvitesPage.tsx
 function E(e) {