@burdenoff/microfe-organization 2026.529.2 → 2026.601.1

package/dist/organization-management/AdminOrganizationRoutes.js

@@ -61,7 +61,11 @@ function w() {
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "invites",
-				element: /* @__PURE__ */ a(x, {})
+				element: /* @__PURE__ */ a(x, { activeTab: "workspace" })
+			}),
+			/* @__PURE__ */ a(c, {
+				path: "invites/organizations",
+				element: /* @__PURE__ */ a(x, { activeTab: "organization" })
 			}),
 			/* @__PURE__ */ o(c, {
 				path: ":organizationId",

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 workspacesDetails = useFeatureFlagDetails('organization.workspaces');\n  const membersDetails = useFeatureFlagDetails('organization.members');\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const workspacesEnabled = workspacesDetails ? Boolean(workspacesDetails.value) : true;\n  const membersEnabled = membersDetails ? Boolean(membersDetails.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        {workspacesEnabled && <Route path=\"workspaces\" element={<WorkspacesListPage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />}\n        {workspacesEnabled && <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 />} />\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          {membersEnabled && <Route path=\"members\" element={<MembersListPage />} />}\n          {membersEnabled && <Route path=\"members/:userId\" element={<MemberDetailPage />} />}\n        </Route>\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"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 workspacesDetails = useFeatureFlagDetails('organization.workspaces');\n  const membersDetails = useFeatureFlagDetails('organization.members');\n  const inviteDetails = useFeatureFlagDetails('organization.invite');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const workspacesEnabled = workspacesDetails ? Boolean(workspacesDetails.value) : true;\n  const membersEnabled = membersDetails ? Boolean(membersDetails.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        {workspacesEnabled && <Route path=\"workspaces\" element={<WorkspacesListPage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/new\" element={<WorkspaceCreatePage />} />}\n        {workspacesEnabled && <Route path=\"workspaces/:id\" element={<WorkspaceDetailPage />} />}\n        {workspacesEnabled && <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          {membersEnabled && <Route path=\"members\" element={<MembersListPage />} />}\n          {membersEnabled && <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

@@ -43,7 +43,11 @@ function w() {
 			}),
 			/* @__PURE__ */ i(s, {
 				path: "invites",
-				element: /* @__PURE__ */ i(b, {})
+				element: /* @__PURE__ */ i(b, { activeTab: "workspace" })
+			}),
+			/* @__PURE__ */ i(s, {
+				path: "invites/organizations",
+				element: /* @__PURE__ */ i(b, { activeTab: "organization" })
 			}),
 			/* @__PURE__ */ i(s, {
 				path: "invite",

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 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        {/* 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 />} />\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 />} />\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-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 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        {/* 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 />} />\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/hooks/useWorkspaceInvites.js

@@ -0,0 +1,113 @@
+import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
+import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { graphqlFetch as o } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/organization-management/modules/members/hooks/useWorkspaceInvites.ts
+var s = "\n  query GetMyPendingWorkspaceInvites($email: String!) {\n    myPendingInvitations(email: $email) {\n      id\n      email\n      status\n      roleIds\n      workspaceId\n      invitedById\n      expiresAt\n      createdAt\n      projectId\n      invitedUserId\n      updatedAt\n      deletedAt\n      context {\n        type\n        metadata\n      }\n    }\n  }\n", c = "\n  mutation AcceptWorkspaceInvite($id: ID!) {\n    acceptInvitation(id: $id) {\n      id\n      status\n      workspaceId\n      updatedAt\n    }\n  }\n", l = "\n  mutation RejectWorkspaceInvite($id: ID!) {\n    rejectInvitation(id: $id) {\n      id\n      status\n      workspaceId\n      updatedAt\n    }\n  }\n";
+function u(e, t) {
+	return e instanceof Error ? e : Error(t);
+}
+function d(c, l = !0) {
+	let { authToken: d } = e(), f = l && !!c, [p, m] = a([]), [h, g] = a(f), [_, v] = a(null), y = i(0), b = i(null), x = t(async (e) => {
+		if (!l || !c) return m([]), v(null), g(!1), [];
+		let t = ++y.current;
+		g(!0), v(null);
+		try {
+			let n = await o({
+				gateway: "workspace",
+				authToken: d || void 0,
+				query: s,
+				variables: { email: c },
+				signal: e,
+				workspaceToken: !1
+			});
+			if (n.errors?.length) throw Error(n.errors[0]?.message || "Failed to fetch workspace invites");
+			let r = n.data?.myPendingInvitations ?? [];
+			return y.current === t && m(r), r;
+		} catch (n) {
+			if (e?.aborted) return [];
+			let r = u(n, "Failed to fetch workspace invites");
+			throw y.current === t && (v(r), m([])), r;
+		} finally {
+			y.current === t && g(!1);
+		}
+	}, [
+		d,
+		c,
+		l
+	]);
+	n(() => {
+		let e = new AbortController();
+		return b.current?.abort(), b.current = e, x(e.signal).catch(() => void 0), () => {
+			b.current === e && (b.current = null), e.abort();
+		};
+	}, [x]);
+	let S = h || f && p.length === 0 && _ === null && y.current === 0;
+	return r(() => ({
+		invites: p,
+		total: p.length,
+		loading: S,
+		error: _,
+		refetch: x
+	}), [
+		_,
+		p,
+		S,
+		x
+	]);
+}
+function f() {
+	let { authToken: n } = e(), [r, i] = a(!1), [s, l] = a(null);
+	return {
+		acceptInvite: t(async (e) => {
+			i(!0), l(null);
+			try {
+				let t = await o({
+					gateway: "workspace",
+					authToken: n || void 0,
+					query: c,
+					variables: { id: e },
+					workspaceToken: !1
+				});
+				if (t.errors?.length) throw Error(t.errors[0]?.message || "Failed to accept workspace invite");
+				return t.data?.acceptInvitation ?? null;
+			} catch (e) {
+				let t = u(e, "Failed to accept workspace invite");
+				throw l(t), t;
+			} finally {
+				i(!1);
+			}
+		}, [n]),
+		loading: r,
+		error: s
+	};
+}
+function p() {
+	let { authToken: n } = e(), [r, i] = a(!1), [s, c] = a(null);
+	return {
+		rejectInvite: t(async (e) => {
+			i(!0), c(null);
+			try {
+				let t = await o({
+					gateway: "workspace",
+					authToken: n || void 0,
+					query: l,
+					variables: { id: e },
+					workspaceToken: !1
+				});
+				if (t.errors?.length) throw Error(t.errors[0]?.message || "Failed to reject workspace invite");
+				return t.data?.rejectInvitation ?? null;
+			} catch (e) {
+				let t = u(e, "Failed to reject workspace invite");
+				throw c(t), t;
+			} finally {
+				i(!1);
+			}
+		}, [n]),
+		loading: r,
+		error: s
+	};
+}
+//#endregion
+export { f as useAcceptWorkspaceInvite, d as useMyWorkspaceInvites, p as useRejectWorkspaceInvite };
+
+//# sourceMappingURL=useWorkspaceInvites.js.map

package/dist/organization-management/modules/members/hooks/useWorkspaceInvites.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkspaceInvites.js","names":[],"sources":["../../../../../src/organization-management/modules/members/hooks/useWorkspaceInvites.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport type { Invitation } from '../../../../generated/wspace-types';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\n\nconst GET_MY_PENDING_WORKSPACE_INVITES = `\n  query GetMyPendingWorkspaceInvites($email: String!) {\n    myPendingInvitations(email: $email) {\n      id\n      email\n      status\n      roleIds\n      workspaceId\n      invitedById\n      expiresAt\n      createdAt\n      projectId\n      invitedUserId\n      updatedAt\n      deletedAt\n      context {\n        type\n        metadata\n      }\n    }\n  }\n`;\n\nconst ACCEPT_WORKSPACE_INVITE = `\n  mutation AcceptWorkspaceInvite($id: ID!) {\n    acceptInvitation(id: $id) {\n      id\n      status\n      workspaceId\n      updatedAt\n    }\n  }\n`;\n\nconst REJECT_WORKSPACE_INVITE = `\n  mutation RejectWorkspaceInvite($id: ID!) {\n    rejectInvitation(id: $id) {\n      id\n      status\n      workspaceId\n      updatedAt\n    }\n  }\n`;\n\ninterface WorkspaceInvitesResponse {\n  myPendingInvitations: Invitation[];\n}\n\ninterface WorkspaceInviteMutationResponse {\n  acceptInvitation?: Pick<Invitation, 'id' | 'status' | 'workspaceId' | 'updatedAt'>;\n  rejectInvitation?: Pick<Invitation, 'id' | 'status' | 'workspaceId' | 'updatedAt'>;\n}\n\nfunction toError(error: unknown, fallback: string) {\n  return error instanceof Error ? error : new Error(fallback);\n}\n\nexport function useMyWorkspaceInvites(email?: string, enabled: boolean = true) {\n  const { authToken } = useOrgConsole();\n  const shouldFetch = enabled && Boolean(email);\n  const [invites, setInvites] = useState<Invitation[]>([]);\n  const [loading, setLoading] = useState(shouldFetch);\n  const [error, setError] = useState<Error | null>(null);\n  const requestIdRef = useRef(0);\n  const abortControllerRef = useRef<AbortController | null>(null);\n\n  const loadInvites = useCallback(\n    async (signal?: AbortSignal) => {\n      if (!enabled || !email) {\n        setInvites([]);\n        setError(null);\n        setLoading(false);\n        return [] as Invitation[];\n      }\n\n      const requestId = ++requestIdRef.current;\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await graphqlFetch<WorkspaceInvitesResponse>({\n          gateway: 'workspace',\n          authToken: authToken || undefined,\n          query: GET_MY_PENDING_WORKSPACE_INVITES,\n          variables: { email },\n          signal,\n          workspaceToken: false,\n        });\n\n        if (result.errors?.length) {\n          throw new Error(result.errors[0]?.message || 'Failed to fetch workspace invites');\n        }\n\n        const nextInvites = result.data?.myPendingInvitations ?? [];\n        if (requestIdRef.current === requestId) {\n          setInvites(nextInvites);\n        }\n        return nextInvites;\n      } catch (fetchError) {\n        if (signal?.aborted) {\n          return [] as Invitation[];\n        }\n\n        const normalizedError = toError(fetchError, 'Failed to fetch workspace invites');\n        if (requestIdRef.current === requestId) {\n          setError(normalizedError);\n          setInvites([]);\n        }\n        throw normalizedError;\n      } finally {\n        if (requestIdRef.current === requestId) {\n          setLoading(false);\n        }\n      }\n    },\n    [authToken, email, enabled]\n  );\n\n  useEffect(() => {\n    const abortController = new AbortController();\n    abortControllerRef.current?.abort();\n    abortControllerRef.current = abortController;\n\n    void loadInvites(abortController.signal).catch(() => undefined);\n\n    return () => {\n      if (abortControllerRef.current === abortController) {\n        abortControllerRef.current = null;\n      }\n      abortController.abort();\n    };\n  }, [loadInvites]);\n\n  const isLoading =\n    loading ||\n    (shouldFetch && invites.length === 0 && error === null && requestIdRef.current === 0);\n\n  return useMemo(\n    () => ({\n      invites,\n      total: invites.length,\n      loading: isLoading,\n      error,\n      refetch: loadInvites,\n    }),\n    [error, invites, isLoading, loadInvites]\n  );\n}\n\nexport function useAcceptWorkspaceInvite() {\n  const { authToken } = useOrgConsole();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const acceptInvite = useCallback(\n    async (inviteId: string) => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await graphqlFetch<WorkspaceInviteMutationResponse>({\n          gateway: 'workspace',\n          authToken: authToken || undefined,\n          query: ACCEPT_WORKSPACE_INVITE,\n          variables: { id: inviteId },\n          workspaceToken: false,\n        });\n\n        if (result.errors?.length) {\n          throw new Error(result.errors[0]?.message || 'Failed to accept workspace invite');\n        }\n\n        return result.data?.acceptInvitation ?? null;\n      } catch (mutationError) {\n        const normalizedError = toError(mutationError, 'Failed to accept workspace invite');\n        setError(normalizedError);\n        throw normalizedError;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [authToken]\n  );\n\n  return { acceptInvite, loading, error };\n}\n\nexport function useRejectWorkspaceInvite() {\n  const { authToken } = useOrgConsole();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const rejectInvite = useCallback(\n    async (inviteId: string) => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const result = await graphqlFetch<WorkspaceInviteMutationResponse>({\n          gateway: 'workspace',\n          authToken: authToken || undefined,\n          query: REJECT_WORKSPACE_INVITE,\n          variables: { id: inviteId },\n          workspaceToken: false,\n        });\n\n        if (result.errors?.length) {\n          throw new Error(result.errors[0]?.message || 'Failed to reject workspace invite');\n        }\n\n        return result.data?.rejectInvitation ?? null;\n      } catch (mutationError) {\n        const normalizedError = toError(mutationError, 'Failed to reject workspace invite');\n        setError(normalizedError);\n        throw normalizedError;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [authToken]\n  );\n\n  return { rejectInvite, loading, error };\n}\n"],"mappings":";;;;AAKA,IAAM,IAAmC,oXAuBnC,IAA0B,6JAW1B,IAA0B;AAoBhC,SAAS,EAAQ,GAAgB,GAAkB;AACjD,QAAO,aAAiB,QAAQ,IAAY,MAAM,EAAS;;AAG7D,SAAgB,EAAsB,GAAgB,IAAmB,IAAM;CAC7E,IAAM,EAAE,iBAAc,GAAe,EAC/B,IAAc,KAAW,EAAQ,GACjC,CAAC,GAAS,KAAc,EAAuB,EAAE,CAAC,EAClD,CAAC,GAAS,KAAc,EAAS,EAAY,EAC7C,CAAC,GAAO,KAAY,EAAuB,KAAK,EAChD,IAAe,EAAO,EAAE,EACxB,IAAqB,EAA+B,KAAK,EAEzD,IAAc,EAClB,OAAO,MAAyB;AAC9B,MAAI,CAAC,KAAW,CAAC,EAIf,QAHA,EAAW,EAAE,CAAC,EACd,EAAS,KAAK,EACd,EAAW,GAAM,EACV,EAAE;EAGX,IAAM,IAAY,EAAE,EAAa;AAEjC,EADA,EAAW,GAAK,EAChB,EAAS,KAAK;AAEd,MAAI;GACF,IAAM,IAAS,MAAM,EAAuC;IAC1D,SAAS;IACT,WAAW,KAAa,KAAA;IACxB,OAAO;IACP,WAAW,EAAE,UAAO;IACpB;IACA,gBAAgB;IACjB,CAAC;AAEF,OAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,oCAAoC;GAGnF,IAAM,IAAc,EAAO,MAAM,wBAAwB,EAAE;AAI3D,UAHI,EAAa,YAAY,KAC3B,EAAW,EAAY,EAElB;WACA,GAAY;AACnB,OAAI,GAAQ,QACV,QAAO,EAAE;GAGX,IAAM,IAAkB,EAAQ,GAAY,oCAAoC;AAKhF,SAJI,EAAa,YAAY,MAC3B,EAAS,EAAgB,EACzB,EAAW,EAAE,CAAC,GAEV;YACE;AACR,GAAI,EAAa,YAAY,KAC3B,EAAW,GAAM;;IAIvB;EAAC;EAAW;EAAO;EAAQ,CAC5B;AAED,SAAgB;EACd,IAAM,IAAkB,IAAI,iBAAiB;AAM7C,SALA,EAAmB,SAAS,OAAO,EACnC,EAAmB,UAAU,GAExB,EAAY,EAAgB,OAAO,CAAC,YAAY,KAAA,EAAU,QAElD;AAIX,GAHI,EAAmB,YAAY,MACjC,EAAmB,UAAU,OAE/B,EAAgB,OAAO;;IAExB,CAAC,EAAY,CAAC;CAEjB,IAAM,IACJ,KACC,KAAe,EAAQ,WAAW,KAAK,MAAU,QAAQ,EAAa,YAAY;AAErF,QAAO,SACE;EACL;EACA,OAAO,EAAQ;EACf,SAAS;EACT;EACA,SAAS;EACV,GACD;EAAC;EAAO;EAAS;EAAW;EAAY,CACzC;;AAGH,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,GAAe,EAC/B,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAuB,KAAK;AAgCtD,QAAO;EAAE,cA9BY,EACnB,OAAO,MAAqB;AAE1B,GADA,EAAW,GAAK,EAChB,EAAS,KAAK;AAEd,OAAI;IACF,IAAM,IAAS,MAAM,EAA8C;KACjE,SAAS;KACT,WAAW,KAAa,KAAA;KACxB,OAAO;KACP,WAAW,EAAE,IAAI,GAAU;KAC3B,gBAAgB;KACjB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,oCAAoC;AAGnF,WAAO,EAAO,MAAM,oBAAoB;YACjC,GAAe;IACtB,IAAM,IAAkB,EAAQ,GAAe,oCAAoC;AAEnF,UADA,EAAS,EAAgB,EACnB;aACE;AACR,MAAW,GAAM;;KAGrB,CAAC,EAAU,CACZ;EAEsB;EAAS;EAAO;;AAGzC,SAAgB,IAA2B;CACzC,IAAM,EAAE,iBAAc,GAAe,EAC/B,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAO,KAAY,EAAuB,KAAK;AAgCtD,QAAO;EAAE,cA9BY,EACnB,OAAO,MAAqB;AAE1B,GADA,EAAW,GAAK,EAChB,EAAS,KAAK;AAEd,OAAI;IACF,IAAM,IAAS,MAAM,EAA8C;KACjE,SAAS;KACT,WAAW,KAAa,KAAA;KACxB,OAAO;KACP,WAAW,EAAE,IAAI,GAAU;KAC3B,gBAAgB;KACjB,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,oCAAoC;AAGnF,WAAO,EAAO,MAAM,oBAAoB;YACjC,GAAe;IACtB,IAAM,IAAkB,EAAQ,GAAe,oCAAoC;AAEnF,UADA,EAAS,EAAgB,EACnB;aACE;AACR,MAAW,GAAM;;KAGrB,CAAC,EAAU,CACZ;EAEsB;EAAS;EAAO"}

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

@@ -1,107 +1,413 @@
-import { useAcceptInvite as e, useMyInvites as t, useRejectInvite as n } from "../hooks/useInvites.js";
-import { InviteStatus as r } from "../../../../generated/global-types.js";
-import { useTr as i } from "../../../shared/hooks/useTr.js";
-import { LoadingState as a } from "../../../shared/components/feedback/LoadingState.js";
-import { useOrganizationPageView as o } from "../../../hooks/useOrganizationPageView.js";
-import { MyInviteCard as s } from "../components/MyInviteCard.js";
-import { useState as c } from "react";
-import { AlertCircle as l, Loader2 as u, Mail as d } from "lucide-react";
-import { usePermissions as f } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useOrgConsole as e } from "../../../providers/OrgConsoleProvider.js";
+import { useAcceptInvite as t, useMyInvites as n, useRejectInvite as r } from "../hooks/useInvites.js";
+import { InviteStatus as i } from "../../../../generated/global-types.js";
+import { useTr as a } from "../../../shared/hooks/useTr.js";
+import { LoadingState as o } from "../../../shared/components/feedback/LoadingState.js";
+import { useOrganizationPageView as s } from "../../../hooks/useOrganizationPageView.js";
+import { useAcceptWorkspaceInvite as ee, useMyWorkspaceInvites as te, useRejectWorkspaceInvite as c } from "../hooks/useWorkspaceInvites.js";
+import { MyInviteCard as l } from "../components/MyInviteCard.js";
+import { getProjectDisplayNames as u, getRoleDisplayNames as ne, getWorkspaceDisplayName as d } from "../utils/workspaceInvitationDisplay.js";
+import { useMemo as f, useState as p } from "react";
+import { AlertCircle as re, BriefcaseBusiness as m, Building2 as h, Loader2 as g, Mail as _ } from "lucide-react";
+import { Badge as v } from "@burdenoff/fe-libs/ui";
+import { usePermissions as ie } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { NavLink as x } from "react-router-dom";
+import { ActorIdentity as S, useActorProfiles as C } from "@burdenoff/fe-libs/shared";
 //#region src/organization-management/modules/members/pages/MyInvitesPage.tsx
-function h() {
-	o("organizations.my-invites");
-	let h = i(), { isLoading: g } = f(), { invites: _, loading: v, error: y, total: b } = t(r.Pending), { acceptInvite: x, loading: S } = e(), { rejectInvite: C, loading: w } = n(), [T, E] = c(null), D = async (e) => {
+function w(e) {
+	if (!e) return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function T(e, t) {
+	return (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`);
+}
+function E({ activeTab: e, basePath: t, tr: n }) {
+	let r = (e) => ["border-b-2 px-4 py-2 text-sm font-medium transition-colors", e ? "border-[var(--color-border-focus)] text-[var(--color-text-primary)]" : "border-transparent text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]"].join(" ");
+	return /* @__PURE__ */ b("div", {
+		className: "mb-6 flex gap-2 border-b border-[var(--color-border-default)]",
+		children: [/* @__PURE__ */ y(x, {
+			to: T(t, "/invites"),
+			end: !0,
+			className: r(e === "workspace"),
+			children: n("members.myInvites.workspaceTab", "Workspace Invites")
+		}), /* @__PURE__ */ y(x, {
+			to: T(t, "/invites/organizations"),
+			className: r(e === "organization"),
+			children: n("members.myInvites.organizationTab", "Organization Invites")
+		})]
+	});
+}
+function D({ activeTab: x = "workspace" }) {
+	s(x === "workspace" ? "organizations.my-workspace-invites" : "organizations.my-organization-invites");
+	let T = a(), { isLoading: D } = ie(), { basePath: O = "/organizations", currentUser: k, authToken: ae, apiGatewayUrl: oe } = e(), A = x === "organization", j = x === "workspace", { invites: M, loading: N, error: P, total: F } = n(i.Pending, 20, 0, A), { invites: I, loading: L, error: R, total: z, refetch: B } = te(k?.email, j), { acceptInvite: V, loading: H } = t(), { rejectInvite: U, loading: W } = r(), { acceptInvite: G, loading: K } = ee(), { rejectInvite: se, loading: ce } = c(), [q, J] = p(null), Y = q?.tab === x ? q.message : null, [X, Z] = p(null), le = C(f(() => I.flatMap((e) => e.invitedById ? [{
+		actorId: e.invitedById,
+		actorType: "user"
+	}] : []), [I]), {
+		apiGatewayUrl: oe,
+		authToken: ae
+	}), Q = f(() => [...I].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [I]), $ = x === "workspace" ? z : F, ue = async (e) => {
 		try {
-			E(null), await x(e);
+			J(null), await V(e);
 		} catch (e) {
-			E(e instanceof Error ? e.message : h("members.myInvites.acceptFailed", "Failed to accept invite"));
+			J({
+				tab: "organization",
+				message: e instanceof Error ? e.message : T("members.myInvites.acceptFailed", "Failed to accept invite")
+			});
 		}
-	}, O = async (e) => {
+	}, de = async (e) => {
 		try {
-			E(null), await C(e);
+			J(null), await U(e);
 		} catch (e) {
-			E(e instanceof Error ? e.message : h("members.myInvites.rejectFailed", "Failed to reject invite"));
+			J({
+				tab: "organization",
+				message: e instanceof Error ? e.message : T("members.myInvites.rejectFailed", "Failed to reject invite")
+			});
+		}
+	}, fe = async (e) => {
+		try {
+			Z({
+				inviteId: e,
+				action: "accept"
+			}), J(null), await G(e), await B().catch(() => void 0);
+		} catch (e) {
+			J({
+				tab: "workspace",
+				message: e instanceof Error ? e.message : T("members.myInvites.workspaceAcceptFailed", "Failed to accept workspace invite")
+			});
+		} finally {
+			Z((t) => t?.inviteId === e && t.action === "accept" ? null : t);
+		}
+	}, pe = async (e) => {
+		try {
+			Z({
+				inviteId: e,
+				action: "reject"
+			}), J(null), await se(e), await B().catch(() => void 0);
+		} catch (e) {
+			J({
+				tab: "workspace",
+				message: e instanceof Error ? e.message : T("members.myInvites.workspaceRejectFailed", "Failed to reject workspace invite")
+			});
+		} finally {
+			Z((t) => t?.inviteId === e && t.action === "reject" ? null : t);
 		}
 	};
-	return g ? /* @__PURE__ */ p("div", {
+	return D ? /* @__PURE__ */ y("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] p-6",
-		children: /* @__PURE__ */ p(a, { message: h("common.loadingPermissions", "Loading permissions...") })
-	}) : v && _.length === 0 ? /* @__PURE__ */ p("div", {
-		className: "flex items-center justify-center min-h-[300px]",
-		children: /* @__PURE__ */ p(u, {
-			size: 24,
-			className: "animate-spin text-[var(--color-text-muted)]"
+		children: /* @__PURE__ */ y(o, { message: T("common.loadingPermissions", "Loading permissions...") })
+	}) : j && !k?.email ? /* @__PURE__ */ y("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ b("div", {
+			className: "max-w-4xl mx-auto",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "mb-6 flex items-center gap-3",
+					children: [/* @__PURE__ */ y(_, {
+						size: 24,
+						className: "text-[var(--color-text-primary)]"
+					}), /* @__PURE__ */ y("h1", {
+						className: "text-2xl font-bold text-[var(--color-text-primary)]",
+						children: T("members.myInvites.title", "My Invites")
+					})]
+				}),
+				/* @__PURE__ */ y(E, {
+					activeTab: x,
+					basePath: O,
+					tr: T
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 text-center",
+					children: /* @__PURE__ */ y("p", {
+						className: "text-[var(--color-text-secondary)]",
+						children: T("members.myInvites.signInWorkspace", "Sign in to view your workspace invites.")
+					})
+				})
+			]
+		})
+	}) : A && N && M.length === 0 || j && L && I.length === 0 ? /* @__PURE__ */ y("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ b("div", {
+			className: "max-w-4xl mx-auto",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "mb-6 flex items-center gap-3",
+					children: [/* @__PURE__ */ y(_, {
+						size: 24,
+						className: "text-[var(--color-text-primary)]"
+					}), /* @__PURE__ */ y("h1", {
+						className: "text-2xl font-bold text-[var(--color-text-primary)]",
+						children: T("members.myInvites.title", "My Invites")
+					})]
+				}),
+				/* @__PURE__ */ y(E, {
+					activeTab: x,
+					basePath: O,
+					tr: T
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "flex items-center justify-center min-h-[300px] rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)]",
+					children: /* @__PURE__ */ y(g, {
+						size: 24,
+						className: "animate-spin text-[var(--color-text-muted)]"
+					})
+				})
+			]
 		})
-	}) : y ? /* @__PURE__ */ p("div", {
+	}) : A && P ? /* @__PURE__ */ y("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ p("div", {
-			className: "max-w-3xl mx-auto text-center py-12",
-			children: /* @__PURE__ */ m("p", {
-				className: "text-[var(--color-status-error-text)]",
-				children: [
-					h("members.myInvites.loadFailed", "Failed to load invites"),
-					": ",
-					y.message
-				]
-			})
+		children: /* @__PURE__ */ b("div", {
+			className: "max-w-4xl mx-auto",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "mb-6 flex items-center gap-3",
+					children: [/* @__PURE__ */ y(_, {
+						size: 24,
+						className: "text-[var(--color-text-primary)]"
+					}), /* @__PURE__ */ y("h1", {
+						className: "text-2xl font-bold text-[var(--color-text-primary)]",
+						children: T("members.myInvites.title", "My Invites")
+					})]
+				}),
+				/* @__PURE__ */ y(E, {
+					activeTab: x,
+					basePath: O,
+					tr: T
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "rounded-xl border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-6 text-center",
+					children: /* @__PURE__ */ b("p", {
+						className: "text-[var(--color-status-error-text)]",
+						children: [
+							T("members.myInvites.loadFailed", "Failed to load invites"),
+							": ",
+							P.message
+						]
+					})
+				})
+			]
+		})
+	}) : j && R ? /* @__PURE__ */ y("div", {
+		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
+		children: /* @__PURE__ */ b("div", {
+			className: "max-w-4xl mx-auto",
+			children: [
+				/* @__PURE__ */ b("div", {
+					className: "mb-6 flex items-center gap-3",
+					children: [/* @__PURE__ */ y(_, {
+						size: 24,
+						className: "text-[var(--color-text-primary)]"
+					}), /* @__PURE__ */ y("h1", {
+						className: "text-2xl font-bold text-[var(--color-text-primary)]",
+						children: T("members.myInvites.title", "My Invites")
+					})]
+				}),
+				/* @__PURE__ */ y(E, {
+					activeTab: x,
+					basePath: O,
+					tr: T
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "rounded-xl border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-6 text-center",
+					children: /* @__PURE__ */ b("p", {
+						className: "text-[var(--color-status-error-text)]",
+						children: [
+							T("members.myInvites.workspaceLoadFailed", "Failed to load workspace invites"),
+							":",
+							" ",
+							R.message
+						]
+					})
+				})
+			]
 		})
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ y("div", {
 		className: "min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6",
-		children: /* @__PURE__ */ m("div", {
-			className: "max-w-3xl mx-auto",
+		children: /* @__PURE__ */ b("div", {
+			className: "max-w-4xl mx-auto",
 			children: [
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-3 mb-6",
 					children: [
-						/* @__PURE__ */ p(d, {
+						/* @__PURE__ */ y(_, {
 							size: 24,
 							className: "text-[var(--color-text-primary)]"
 						}),
-						/* @__PURE__ */ p("h1", {
+						/* @__PURE__ */ y("h1", {
 							className: "text-2xl font-bold text-[var(--color-text-primary)]",
-							children: h("members.myInvites.title", "My Invites")
+							children: T("members.myInvites.title", "My Invites")
 						}),
-						b > 0 && /* @__PURE__ */ p("span", {
+						$ > 0 && /* @__PURE__ */ y("span", {
 							className: "px-2.5 py-0.5 rounded-full text-xs font-medium bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]",
-							children: b
+							children: $
 						})
 					]
 				}),
-				T && /* @__PURE__ */ m("div", {
+				/* @__PURE__ */ y(E, {
+					activeTab: x,
+					basePath: O,
+					tr: T
+				}),
+				Y && /* @__PURE__ */ b("div", {
 					className: "mb-4 flex items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3",
-					children: [/* @__PURE__ */ p(l, {
+					children: [/* @__PURE__ */ y(re, {
 						size: 16,
 						className: "shrink-0 text-[var(--color-status-error-text)]"
-					}), /* @__PURE__ */ p("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-sm text-[var(--color-status-error-text)]",
-						children: T
+						children: Y
 					})]
 				}),
-				_.length === 0 ? /* @__PURE__ */ m("div", {
+				j ? Q.length === 0 ? /* @__PURE__ */ b("div", {
+					className: "text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]",
+					children: [
+						/* @__PURE__ */ y(m, {
+							size: 48,
+							className: "mx-auto mb-4 text-[var(--color-text-muted)] opacity-50"
+						}),
+						/* @__PURE__ */ y("h3", {
+							className: "text-lg font-medium text-[var(--color-text-primary)] mb-1",
+							children: T("members.myInvites.workspaceEmptyTitle", "No pending workspace invites")
+						}),
+						/* @__PURE__ */ y("p", {
+							className: "text-sm text-[var(--color-text-muted)]",
+							children: T("members.myInvites.workspaceEmptyDescription", "When someone invites you to a workspace, it will appear here.")
+						})
+					]
+				}) : /* @__PURE__ */ y("div", {
+					className: "space-y-3",
+					children: Q.map((e) => {
+						let t = d(e), n = ne(e), r = u(e), i = e.invitedById ? le[e.invitedById] : void 0, a = i?.displayName || i?.email || T("members.myInvites.invitedByFallback", "Someone"), o = X?.inviteId === e.id && X?.action === "accept" && K, s = X?.inviteId === e.id && X?.action === "reject" && ce;
+						return /* @__PURE__ */ y("div", {
+							className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-5",
+							children: /* @__PURE__ */ b("div", {
+								className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
+								children: [/* @__PURE__ */ b("div", {
+									className: "min-w-0 space-y-3",
+									children: [
+										/* @__PURE__ */ b("div", {
+											className: "flex items-start gap-3",
+											children: [/* @__PURE__ */ y("div", {
+												className: "rounded-lg bg-[var(--color-bg-subtle)] p-2",
+												children: /* @__PURE__ */ y(m, {
+													size: 20,
+													className: "text-[var(--color-text-secondary)]"
+												})
+											}), /* @__PURE__ */ b("div", {
+												className: "min-w-0",
+												children: [/* @__PURE__ */ y("h3", {
+													className: "font-semibold text-[var(--color-text-primary)] break-words",
+													children: t
+												}), /* @__PURE__ */ y("p", {
+													className: "mt-1 text-sm text-[var(--color-text-secondary)] break-all",
+													children: e.email
+												})]
+											})]
+										}),
+										/* @__PURE__ */ b("div", {
+											className: "flex flex-wrap items-center gap-2",
+											children: [/* @__PURE__ */ y(v, {
+												variant: "secondary",
+												children: e.status
+											}), n.map((t) => /* @__PURE__ */ y(v, {
+												variant: "outline",
+												children: t
+											}, `${e.id}-${t}`))]
+										}),
+										/* @__PURE__ */ b("dl", {
+											className: "grid gap-3 text-sm text-[var(--color-text-secondary)] sm:grid-cols-2",
+											children: [
+												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+													className: "font-medium text-[var(--color-text-primary)]",
+													children: T("members.myInvites.invitedByLabel", "Invited by")
+												}), /* @__PURE__ */ y("dd", {
+													className: "break-all",
+													children: i ? /* @__PURE__ */ y(S, {
+														profile: i,
+														variant: "inline",
+														hideIdDrilldown: !0
+													}) : a
+												})] }),
+												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+													className: "font-medium text-[var(--color-text-primary)]",
+													children: T("members.myInvites.receivedLabel", "Received")
+												}), /* @__PURE__ */ y("dd", { children: w(e.createdAt) ?? "—" })] }),
+												/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("dt", {
+													className: "font-medium text-[var(--color-text-primary)]",
+													children: T("members.myInvites.expiresLabel", "Expires")
+												}), /* @__PURE__ */ y("dd", { children: w(e.expiresAt) ?? "—" })] }),
+												r.length > 0 ? /* @__PURE__ */ b("div", {
+													className: "sm:col-span-2",
+													children: [/* @__PURE__ */ y("dt", {
+														className: "font-medium text-[var(--color-text-primary)]",
+														children: T("members.myInvites.projectsLabel", "Projects")
+													}), /* @__PURE__ */ y("dd", {
+														className: "mt-1 flex flex-wrap gap-2",
+														children: r.map((t) => /* @__PURE__ */ y(v, {
+															variant: "outline",
+															children: t
+														}, `${e.id}-${t}`))
+													})]
+												}) : null
+											]
+										})
+									]
+								}), /* @__PURE__ */ b("div", {
+									className: "flex flex-wrap items-center gap-2 shrink-0",
+									children: [/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => void fe(e.id),
+										disabled: o || s,
+										className: "inline-flex items-center gap-1.5 rounded-lg bg-[var(--color-status-success-bg)] px-4 py-2 text-sm font-medium text-[var(--color-text-inverse)] transition-all duration-200 hover:opacity-90 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50",
+										children: [o ? /* @__PURE__ */ y(g, {
+											size: 14,
+											className: "animate-spin"
+										}) : null, T("members.myInvites.accept", "Accept")]
+									}), /* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => void pe(e.id),
+										disabled: o || s,
+										className: "inline-flex items-center gap-1.5 rounded-lg border border-[var(--color-border-default)] bg-transparent px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-all duration-200 hover:border-[var(--color-status-error-border)] hover:bg-[var(--color-status-error-bgSubtle)] hover:text-[var(--color-status-error-text)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50",
+										children: [s ? /* @__PURE__ */ y(g, {
+											size: 14,
+											className: "animate-spin"
+										}) : null, T("members.myInvites.decline", "Decline")]
+									})]
+								})]
+							})
+						}, e.id);
+					})
+				}) : M.length === 0 ? /* @__PURE__ */ b("div", {
 					className: "text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]",
 					children: [
-						/* @__PURE__ */ p(d, {
+						/* @__PURE__ */ y(h, {
 							size: 48,
 							className: "mx-auto mb-4 text-[var(--color-text-muted)] opacity-50"
 						}),
-						/* @__PURE__ */ p("h3", {
+						/* @__PURE__ */ y("h3", {
 							className: "text-lg font-medium text-[var(--color-text-primary)] mb-1",
-							children: h("members.myInvites.emptyTitle", "No pending invites")
+							children: T("members.myInvites.emptyTitle", "No pending invites")
 						}),
-						/* @__PURE__ */ p("p", {
+						/* @__PURE__ */ y("p", {
 							className: "text-sm text-[var(--color-text-muted)]",
-							children: h("members.myInvites.emptyDescription", "When someone invites you to an organization, it will appear here.")
+							children: T("members.myInvites.emptyDescription", "When someone invites you to an organization, it will appear here.")
 						})
 					]
-				}) : /* @__PURE__ */ p("div", {
+				}) : /* @__PURE__ */ y("div", {
 					className: "space-y-3",
-					children: _.map((e) => /* @__PURE__ */ p(s, {
+					children: M.map((e) => /* @__PURE__ */ y(l, {
 						invite: e,
-						onAccept: D,
-						onReject: O,
-						accepting: S,
-						rejecting: w
+						onAccept: ue,
+						onReject: de,
+						accepting: H,
+						rejecting: W
 					}, e.id))
 				})
 			]
@@ -109,6 +415,6 @@ function h() {
 	});
 }
 //#endregion
-export { h as MyInvitesPage };
+export { D as MyInvitesPage };
 
 //# sourceMappingURL=MyInvitesPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MyInvitesPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MyInvitesPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Mail, Loader2, AlertCircle } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useMyInvites, useAcceptInvite, useRejectInvite } from '../hooks/useInvites';\nimport { MyInviteCard } from '../components/MyInviteCard';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\n\n/**\n * My Invites Page\n * Shows pending invites for the current user with accept/reject actions\n */\nexport function MyInvitesPage() {\n  useOrganizationPageView('organizations.my-invites');\n  const tr = useTr();\n  const { isLoading: permissionsLoading } = usePermissions();\n  const { invites, loading, error, total } = useMyInvites(InviteStatus.Pending);\n  const { acceptInvite, loading: accepting } = useAcceptInvite();\n  const { rejectInvite, loading: rejecting } = useRejectInvite();\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const handleAccept = async (inviteId: string) => {\n    try {\n      setActionError(null);\n      await acceptInvite(inviteId);\n    } catch (err) {\n      setActionError(\n        err instanceof Error\n          ? err.message\n          : tr('members.myInvites.acceptFailed', 'Failed to accept invite')\n      );\n    }\n  };\n\n  const handleReject = async (inviteId: string) => {\n    try {\n      setActionError(null);\n      await rejectInvite(inviteId);\n    } catch (err) {\n      setActionError(\n        err instanceof Error\n          ? err.message\n          : tr('members.myInvites.rejectFailed', 'Failed to reject invite')\n      );\n    }\n  };\n\n  // Own invites are always accessible — no permission denial needed.\n  // We still wait for permissions to load to ensure consistent UX.\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 (loading && invites.length === 0) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[300px]\">\n        <Loader2 size={24} className=\"animate-spin text-[var(--color-text-muted)]\" />\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        <div className=\"max-w-3xl mx-auto text-center py-12\">\n          <p className=\"text-[var(--color-status-error-text)]\">\n            {tr('members.myInvites.loadFailed', 'Failed to load invites')}: {error.message}\n          </p>\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=\"max-w-3xl mx-auto\">\n        {/* Header */}\n        <div className=\"flex items-center gap-3 mb-6\">\n          <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n          <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n            {tr('members.myInvites.title', 'My Invites')}\n          </h1>\n          {total > 0 && (\n            <span className=\"px-2.5 py-0.5 rounded-full text-xs font-medium bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]\">\n              {total}\n            </span>\n          )}\n        </div>\n\n        {actionError && (\n          <div className=\"mb-4 flex items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n            <AlertCircle size={16} className=\"shrink-0 text-[var(--color-status-error-text)]\" />\n            <p className=\"text-sm text-[var(--color-status-error-text)]\">{actionError}</p>\n          </div>\n        )}\n\n        {/* Invites list */}\n        {invites.length === 0 ? (\n          <div className=\"text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]\">\n            <Mail size={48} className=\"mx-auto mb-4 text-[var(--color-text-muted)] opacity-50\" />\n            <h3 className=\"text-lg font-medium text-[var(--color-text-primary)] mb-1\">\n              {tr('members.myInvites.emptyTitle', 'No pending invites')}\n            </h3>\n            <p className=\"text-sm text-[var(--color-text-muted)]\">\n              {tr(\n                'members.myInvites.emptyDescription',\n                'When someone invites you to an organization, it will appear here.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {invites.map((invite) => (\n              <MyInviteCard\n                key={invite.id}\n                invite={invite}\n                onAccept={handleAccept}\n                onReject={handleReject}\n                accepting={accepting}\n                rejecting={rejecting}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,IAAgB;AAC9B,GAAwB,2BAA2B;CACnD,IAAM,IAAK,GAAO,EACZ,EAAE,WAAW,MAAuB,GAAgB,EACpD,EAAE,YAAS,YAAS,UAAO,aAAU,EAAa,EAAa,QAAQ,EACvE,EAAE,iBAAc,SAAS,MAAc,GAAiB,EACxD,EAAE,iBAAc,SAAS,MAAc,GAAiB,EACxD,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,IAAe,OAAO,MAAqB;AAC/C,MAAI;AAEF,GADA,EAAe,KAAK,EACpB,MAAM,EAAa,EAAS;WACrB,GAAK;AACZ,KACE,aAAe,QACX,EAAI,UACJ,EAAG,kCAAkC,0BAA0B,CACpE;;IAIC,IAAe,OAAO,MAAqB;AAC/C,MAAI;AAEF,GADA,EAAe,KAAK,EACpB,MAAM,EAAa,EAAS;WACrB,GAAK;AACZ,KACE,aAAe,QACX,EAAI,UACJ,EAAG,kCAAkC,0BAA0B,CACpE;;;AAkCL,QA5BI,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAc,SAAS,EAAG,6BAA6B,yBAAyB,EAAI,CAAA;EAChF,CAAA,GAIN,KAAW,EAAQ,WAAW,IAE9B,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAS,MAAM;GAAI,WAAU;GAAgD,CAAA;EACzE,CAAA,GAIN,IAEA,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG,EAAG,gCAAgC,yBAAyB;KAAC;KAAG,EAAM;KACrE;;GACA,CAAA;EACF,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAAqC,CAAA;MAC/D,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,2BAA2B,aAAa;OACzC,CAAA;MACJ,IAAQ,KACP,kBAAC,QAAD;OAAM,WAAU;iBACb;OACI,CAAA;MAEL;;IAEL,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAa,MAAM;MAAI,WAAU;MAAmD,CAAA,EACpF,kBAAC,KAAD;MAAG,WAAU;gBAAiD;MAAgB,CAAA,CAC1E;;IAIP,EAAQ,WAAW,IAClB,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAM,MAAM;OAAI,WAAU;OAA2D,CAAA;MACrF,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAG,gCAAgC,qBAAqB;OACtD,CAAA;MACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,sCACA,oEACD;OACC,CAAA;MACA;SAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD;MAEU;MACR,UAAU;MACV,UAAU;MACC;MACA;MACX,EANK,EAAO,GAMZ,CACF;KACE,CAAA;IAEJ;;EACF,CAAA"}
+{"version":3,"file":"MyInvitesPage.js","names":[],"sources":["../../../../../src/organization-management/modules/members/pages/MyInvitesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { Mail, Loader2, AlertCircle, BriefcaseBusiness, Building2 } from 'lucide-react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { useMyInvites, useAcceptInvite, useRejectInvite } from '../hooks/useInvites';\nimport {\n  useAcceptWorkspaceInvite,\n  useMyWorkspaceInvites,\n  useRejectWorkspaceInvite,\n} from '../hooks/useWorkspaceInvites';\nimport { MyInviteCard } from '../components/MyInviteCard';\nimport { LoadingState } from '../../../shared/components/feedback/LoadingState';\nimport { InviteStatus as OrganizationInviteStatus } from '../../../../generated/global-types';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n  getProjectDisplayNames,\n  getRoleDisplayNames,\n  getWorkspaceDisplayName,\n} from '../utils/workspaceInvitationDisplay';\n\n/**\n * My Invites Page\n * Shows pending invites for the current user with accept/reject actions\n */\ntype MyInvitesTab = 'workspace' | 'organization';\n\ninterface MyInvitesPageProps {\n  activeTab?: MyInvitesTab;\n}\n\ninterface TabActionError {\n  tab: MyInvitesTab;\n  message: string;\n}\n\ninterface InvitesTabNavProps {\n  activeTab: MyInvitesTab;\n  basePath: string;\n  tr: ReturnType<typeof useTr>;\n}\n\nfunction formatDate(value?: string | null) {\n  if (!value) return null;\n\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return null;\n\n  return date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nfunction joinPath(base: string, path: string): string {\n  const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n  const cleanPath = path.startsWith('/') ? path : `/${path}`;\n  return cleanBase + cleanPath;\n}\n\nfunction InvitesTabNav({ activeTab, basePath, tr }: InvitesTabNavProps) {\n  const getTabClassName = (isActive: boolean) =>\n    [\n      'border-b-2 px-4 py-2 text-sm font-medium transition-colors',\n      isActive\n        ? 'border-[var(--color-border-focus)] text-[var(--color-text-primary)]'\n        : 'border-transparent text-[var(--color-text-muted)] hover:text-[var(--color-text-primary)]',\n    ].join(' ');\n\n  return (\n    <div className=\"mb-6 flex gap-2 border-b border-[var(--color-border-default)]\">\n      <NavLink\n        to={joinPath(basePath, '/invites')}\n        end\n        className={getTabClassName(activeTab === 'workspace')}\n      >\n        {tr('members.myInvites.workspaceTab', 'Workspace Invites')}\n      </NavLink>\n      <NavLink\n        to={joinPath(basePath, '/invites/organizations')}\n        className={getTabClassName(activeTab === 'organization')}\n      >\n        {tr('members.myInvites.organizationTab', 'Organization Invites')}\n      </NavLink>\n    </div>\n  );\n}\n\nexport function MyInvitesPage({ activeTab = 'workspace' }: MyInvitesPageProps) {\n  useOrganizationPageView(\n    activeTab === 'workspace'\n      ? 'organizations.my-workspace-invites'\n      : 'organizations.my-organization-invites'\n  );\n  const tr = useTr();\n  const { isLoading: permissionsLoading } = usePermissions();\n  const { basePath = '/organizations', currentUser, authToken, apiGatewayUrl } = useOrgConsole();\n  const orgInvitesEnabled = activeTab === 'organization';\n  const workspaceInvitesEnabled = activeTab === 'workspace';\n  const { invites, loading, error, total } = useMyInvites(\n    OrganizationInviteStatus.Pending,\n    20,\n    0,\n    orgInvitesEnabled\n  );\n  const {\n    invites: workspaceInvites,\n    loading: workspaceLoading,\n    error: workspaceError,\n    total: workspaceTotal,\n    refetch: refetchWorkspaceInvites,\n  } = useMyWorkspaceInvites(currentUser?.email, workspaceInvitesEnabled);\n  const { acceptInvite, loading: accepting } = useAcceptInvite();\n  const { rejectInvite, loading: rejecting } = useRejectInvite();\n  const { acceptInvite: acceptWorkspaceInvite, loading: acceptingWorkspace } =\n    useAcceptWorkspaceInvite();\n  const { rejectInvite: rejectWorkspaceInvite, loading: rejectingWorkspace } =\n    useRejectWorkspaceInvite();\n  const [actionError, setActionError] = useState<TabActionError | null>(null);\n\n  const visibleActionError = actionError?.tab === activeTab ? actionError.message : null;\n  const [processingWorkspaceAction, setProcessingWorkspaceAction] = useState<{\n    inviteId: string;\n    action: 'accept' | 'reject';\n  } | null>(null);\n\n  const workspaceInviteActors = useMemo<ActorInput[]>(\n    () =>\n      workspaceInvites.flatMap((invite) =>\n        invite.invitedById ? [{ actorId: invite.invitedById, actorType: 'user' as const }] : []\n      ),\n    [workspaceInvites]\n  );\n\n  const inviterProfiles: ActorProfileMap = useActorProfiles(workspaceInviteActors, {\n    apiGatewayUrl,\n    authToken,\n  });\n\n  const sortedWorkspaceInvites = useMemo(\n    () =>\n      [...workspaceInvites].sort(\n        (left: (typeof workspaceInvites)[number], right: (typeof workspaceInvites)[number]) =>\n          new Date(right.createdAt).getTime() - new Date(left.createdAt).getTime()\n      ),\n    [workspaceInvites]\n  );\n\n  const totalCount = activeTab === 'workspace' ? workspaceTotal : total;\n\n  const handleAccept = async (inviteId: string) => {\n    try {\n      setActionError(null);\n      await acceptInvite(inviteId);\n    } catch (err) {\n      setActionError({\n        tab: 'organization',\n        message:\n          err instanceof Error\n            ? err.message\n            : tr('members.myInvites.acceptFailed', 'Failed to accept invite'),\n      });\n    }\n  };\n\n  const handleReject = async (inviteId: string) => {\n    try {\n      setActionError(null);\n      await rejectInvite(inviteId);\n    } catch (err) {\n      setActionError({\n        tab: 'organization',\n        message:\n          err instanceof Error\n            ? err.message\n            : tr('members.myInvites.rejectFailed', 'Failed to reject invite'),\n      });\n    }\n  };\n\n  const handleAcceptWorkspace = async (inviteId: string) => {\n    try {\n      setProcessingWorkspaceAction({ inviteId, action: 'accept' });\n      setActionError(null);\n      await acceptWorkspaceInvite(inviteId);\n      await refetchWorkspaceInvites().catch(() => undefined);\n    } catch (err) {\n      setActionError({\n        tab: 'workspace',\n        message:\n          err instanceof Error\n            ? err.message\n            : tr('members.myInvites.workspaceAcceptFailed', 'Failed to accept workspace invite'),\n      });\n    } finally {\n      setProcessingWorkspaceAction((current) =>\n        current?.inviteId === inviteId && current.action === 'accept' ? null : current\n      );\n    }\n  };\n\n  const handleRejectWorkspace = async (inviteId: string) => {\n    try {\n      setProcessingWorkspaceAction({ inviteId, action: 'reject' });\n      setActionError(null);\n      await rejectWorkspaceInvite(inviteId);\n      await refetchWorkspaceInvites().catch(() => undefined);\n    } catch (err) {\n      setActionError({\n        tab: 'workspace',\n        message:\n          err instanceof Error\n            ? err.message\n            : tr('members.myInvites.workspaceRejectFailed', 'Failed to reject workspace invite'),\n      });\n    } finally {\n      setProcessingWorkspaceAction((current) =>\n        current?.inviteId === inviteId && current.action === 'reject' ? null : current\n      );\n    }\n  };\n\n  // Own invites are always accessible — no permission denial needed.\n  // We still wait for permissions to load to ensure consistent UX.\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 (workspaceInvitesEnabled && !currentUser?.email) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.myInvites.title', 'My Invites')}\n            </h1>\n          </div>\n\n          <InvitesTabNav activeTab={activeTab} basePath={basePath} tr={tr} />\n\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 text-center\">\n            <p className=\"text-[var(--color-text-secondary)]\">\n              {tr('members.myInvites.signInWorkspace', 'Sign in to view your workspace invites.')}\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (orgInvitesEnabled && loading && invites.length === 0) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.myInvites.title', 'My Invites')}\n            </h1>\n          </div>\n\n          <InvitesTabNav activeTab={activeTab} basePath={basePath} tr={tr} />\n\n          <div className=\"flex items-center justify-center min-h-[300px] rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)]\">\n            <Loader2 size={24} className=\"animate-spin text-[var(--color-text-muted)]\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (workspaceInvitesEnabled && workspaceLoading && workspaceInvites.length === 0) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.myInvites.title', 'My Invites')}\n            </h1>\n          </div>\n\n          <InvitesTabNav activeTab={activeTab} basePath={basePath} tr={tr} />\n\n          <div className=\"flex items-center justify-center min-h-[300px] rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)]\">\n            <Loader2 size={24} className=\"animate-spin text-[var(--color-text-muted)]\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (orgInvitesEnabled && error) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.myInvites.title', 'My Invites')}\n            </h1>\n          </div>\n\n          <InvitesTabNav activeTab={activeTab} basePath={basePath} tr={tr} />\n\n          <div className=\"rounded-xl border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-6 text-center\">\n            <p className=\"text-[var(--color-status-error-text)]\">\n              {tr('members.myInvites.loadFailed', 'Failed to load invites')}: {error.message}\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (workspaceInvitesEnabled && workspaceError) {\n    return (\n      <div className=\"min-h-full bg-[var(--color-bg-canvas)] px-4 py-6 sm:px-6\">\n        <div className=\"max-w-4xl mx-auto\">\n          <div className=\"mb-6 flex items-center gap-3\">\n            <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n            <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n              {tr('members.myInvites.title', 'My Invites')}\n            </h1>\n          </div>\n\n          <InvitesTabNav activeTab={activeTab} basePath={basePath} tr={tr} />\n\n          <div className=\"rounded-xl border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-6 text-center\">\n            <p className=\"text-[var(--color-status-error-text)]\">\n              {tr('members.myInvites.workspaceLoadFailed', 'Failed to load workspace invites')}:{' '}\n              {workspaceError.message}\n            </p>\n          </div>\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=\"max-w-4xl mx-auto\">\n        {/* Header */}\n        <div className=\"flex items-center gap-3 mb-6\">\n          <Mail size={24} className=\"text-[var(--color-text-primary)]\" />\n          <h1 className=\"text-2xl font-bold text-[var(--color-text-primary)]\">\n            {tr('members.myInvites.title', 'My Invites')}\n          </h1>\n          {totalCount > 0 && (\n            <span className=\"px-2.5 py-0.5 rounded-full text-xs font-medium bg-[var(--color-action-primary-bg)] text-[var(--color-action-primary-text)]\">\n              {totalCount}\n            </span>\n          )}\n        </div>\n\n        <InvitesTabNav activeTab={activeTab} basePath={basePath} tr={tr} />\n\n        {visibleActionError && (\n          <div className=\"mb-4 flex items-center gap-2 rounded-lg border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bgSubtle)] p-3\">\n            <AlertCircle size={16} className=\"shrink-0 text-[var(--color-status-error-text)]\" />\n            <p className=\"text-sm text-[var(--color-status-error-text)]\">{visibleActionError}</p>\n          </div>\n        )}\n\n        {workspaceInvitesEnabled ? (\n          sortedWorkspaceInvites.length === 0 ? (\n            <div className=\"text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]\">\n              <BriefcaseBusiness\n                size={48}\n                className=\"mx-auto mb-4 text-[var(--color-text-muted)] opacity-50\"\n              />\n              <h3 className=\"text-lg font-medium text-[var(--color-text-primary)] mb-1\">\n                {tr('members.myInvites.workspaceEmptyTitle', 'No pending workspace invites')}\n              </h3>\n              <p className=\"text-sm text-[var(--color-text-muted)]\">\n                {tr(\n                  'members.myInvites.workspaceEmptyDescription',\n                  'When someone invites you to a workspace, it will appear here.'\n                )}\n              </p>\n            </div>\n          ) : (\n            <div className=\"space-y-3\">\n              {sortedWorkspaceInvites.map((invite) => {\n                const workspaceName = getWorkspaceDisplayName(invite);\n                const roleNames = getRoleDisplayNames(invite);\n                const projectNames = getProjectDisplayNames(invite);\n                const inviterProfile = invite.invitedById\n                  ? inviterProfiles[invite.invitedById]\n                  : undefined;\n                const inviterLabel =\n                  inviterProfile?.displayName ||\n                  inviterProfile?.email ||\n                  tr('members.myInvites.invitedByFallback', 'Someone');\n                const isProcessingWorkspaceAccept =\n                  processingWorkspaceAction?.inviteId === invite.id &&\n                  processingWorkspaceAction?.action === 'accept' &&\n                  acceptingWorkspace;\n                const isProcessingWorkspaceReject =\n                  processingWorkspaceAction?.inviteId === invite.id &&\n                  processingWorkspaceAction?.action === 'reject' &&\n                  rejectingWorkspace;\n\n                return (\n                  <div\n                    key={invite.id}\n                    className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-5\"\n                  >\n                    <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n                      <div className=\"min-w-0 space-y-3\">\n                        <div className=\"flex items-start gap-3\">\n                          <div className=\"rounded-lg bg-[var(--color-bg-subtle)] p-2\">\n                            <BriefcaseBusiness\n                              size={20}\n                              className=\"text-[var(--color-text-secondary)]\"\n                            />\n                          </div>\n                          <div className=\"min-w-0\">\n                            <h3 className=\"font-semibold text-[var(--color-text-primary)] break-words\">\n                              {workspaceName}\n                            </h3>\n                            <p className=\"mt-1 text-sm text-[var(--color-text-secondary)] break-all\">\n                              {invite.email}\n                            </p>\n                          </div>\n                        </div>\n\n                        <div className=\"flex flex-wrap items-center gap-2\">\n                          <Badge variant=\"secondary\">{invite.status}</Badge>\n                          {roleNames.map((roleName) => (\n                            <Badge key={`${invite.id}-${roleName}`} variant=\"outline\">\n                              {roleName}\n                            </Badge>\n                          ))}\n                        </div>\n\n                        <dl className=\"grid gap-3 text-sm text-[var(--color-text-secondary)] sm:grid-cols-2\">\n                          <div>\n                            <dt className=\"font-medium text-[var(--color-text-primary)]\">\n                              {tr('members.myInvites.invitedByLabel', 'Invited by')}\n                            </dt>\n                            <dd className=\"break-all\">\n                              {inviterProfile ? (\n                                <ActorIdentity\n                                  profile={inviterProfile}\n                                  variant=\"inline\"\n                                  hideIdDrilldown\n                                />\n                              ) : (\n                                inviterLabel\n                              )}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"font-medium text-[var(--color-text-primary)]\">\n                              {tr('members.myInvites.receivedLabel', 'Received')}\n                            </dt>\n                            <dd>{formatDate(invite.createdAt) ?? '—'}</dd>\n                          </div>\n                          <div>\n                            <dt className=\"font-medium text-[var(--color-text-primary)]\">\n                              {tr('members.myInvites.expiresLabel', 'Expires')}\n                            </dt>\n                            <dd>{formatDate(invite.expiresAt) ?? '—'}</dd>\n                          </div>\n                          {projectNames.length > 0 ? (\n                            <div className=\"sm:col-span-2\">\n                              <dt className=\"font-medium text-[var(--color-text-primary)]\">\n                                {tr('members.myInvites.projectsLabel', 'Projects')}\n                              </dt>\n                              <dd className=\"mt-1 flex flex-wrap gap-2\">\n                                {projectNames.map((projectName) => (\n                                  <Badge key={`${invite.id}-${projectName}`} variant=\"outline\">\n                                    {projectName}\n                                  </Badge>\n                                ))}\n                              </dd>\n                            </div>\n                          ) : null}\n                        </dl>\n                      </div>\n\n                      <div className=\"flex flex-wrap items-center gap-2 shrink-0\">\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleAcceptWorkspace(invite.id)}\n                          disabled={isProcessingWorkspaceAccept || isProcessingWorkspaceReject}\n                          className=\"inline-flex items-center gap-1.5 rounded-lg bg-[var(--color-status-success-bg)] px-4 py-2 text-sm font-medium text-[var(--color-text-inverse)] transition-all duration-200 hover:opacity-90 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50\"\n                        >\n                          {isProcessingWorkspaceAccept ? (\n                            <Loader2 size={14} className=\"animate-spin\" />\n                          ) : null}\n                          {tr('members.myInvites.accept', 'Accept')}\n                        </button>\n                        <button\n                          type=\"button\"\n                          onClick={() => void handleRejectWorkspace(invite.id)}\n                          disabled={isProcessingWorkspaceAccept || isProcessingWorkspaceReject}\n                          className=\"inline-flex items-center gap-1.5 rounded-lg border border-[var(--color-border-default)] bg-transparent px-4 py-2 text-sm font-medium text-[var(--color-text-primary)] transition-all duration-200 hover:border-[var(--color-status-error-border)] hover:bg-[var(--color-status-error-bgSubtle)] hover:text-[var(--color-status-error-text)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50\"\n                        >\n                          {isProcessingWorkspaceReject ? (\n                            <Loader2 size={14} className=\"animate-spin\" />\n                          ) : null}\n                          {tr('members.myInvites.decline', 'Decline')}\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )\n        ) : invites.length === 0 ? (\n          <div className=\"text-center py-12 bg-[var(--color-bg-surface)] rounded-xl border border-[var(--color-border-default)]\">\n            <Building2\n              size={48}\n              className=\"mx-auto mb-4 text-[var(--color-text-muted)] opacity-50\"\n            />\n            <h3 className=\"text-lg font-medium text-[var(--color-text-primary)] mb-1\">\n              {tr('members.myInvites.emptyTitle', 'No pending invites')}\n            </h3>\n            <p className=\"text-sm text-[var(--color-text-muted)]\">\n              {tr(\n                'members.myInvites.emptyDescription',\n                'When someone invites you to an organization, it will appear here.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {invites.map((invite) => (\n              <MyInviteCard\n                key={invite.id}\n                invite={invite}\n                onAccept={handleAccept}\n                onReject={handleReject}\n                accepting={accepting}\n                rejecting={rejecting}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/organization-management/modules/members/utils/workspaceInvitationDisplay.js

@@ -0,0 +1,29 @@
+//#region src/organization-management/modules/members/utils/workspaceInvitationDisplay.ts
+function e(e) {
+	let t = e.context?.metadata;
+	return t && typeof t == "object" && !Array.isArray(t) ? t : null;
+}
+function t(t) {
+	if (t.workspaceName) return t.workspaceName;
+	let n = e(t)?.workspaceName;
+	return typeof n == "string" && n.trim().length > 0 ? n : t.workspaceId || "—";
+}
+function n(t) {
+	if (Array.isArray(t.roleNames) && t.roleNames.length > 0) return t.roleNames;
+	let n = e(t)?.roleNames;
+	return Array.isArray(n) && n.every((e) => typeof e == "string") ? n : [];
+}
+function r(t) {
+	let n = e(t), r = n?.projectNames;
+	if (Array.isArray(r) && r.every((e) => typeof e == "string")) return r;
+	let i = n?.projectIds, a = [
+		...Array.isArray(t.projectIds) ? t.projectIds : [],
+		...t.projectId ? [t.projectId] : [],
+		...Array.isArray(i) ? i.filter((e) => typeof e == "string") : []
+	], o = new Set(a).size;
+	return o === 0 ? [] : [`${o} project${o === 1 ? "" : "s"} selected`];
+}
+//#endregion
+export { r as getProjectDisplayNames, n as getRoleDisplayNames, t as getWorkspaceDisplayName };
+
+//# sourceMappingURL=workspaceInvitationDisplay.js.map

package/dist/organization-management/modules/members/utils/workspaceInvitationDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspaceInvitationDisplay.js","names":[],"sources":["../../../../../src/organization-management/modules/members/utils/workspaceInvitationDisplay.ts"],"sourcesContent":["import type { Invitation } from '../../../../generated/wspace-types';\n\ntype InvitationLike = Pick<Invitation, 'workspaceId' | 'roleIds' | 'projectId' | 'context'> & {\n  workspaceName?: string;\n  projectIds?: string[];\n  roleNames?: string[];\n};\n\nfunction readMetadata(invitation: InvitationLike): Record<string, unknown> | null {\n  const metadata = invitation.context?.metadata;\n  if (metadata && typeof metadata === 'object' && !Array.isArray(metadata)) {\n    return metadata as Record<string, unknown>;\n  }\n\n  return null;\n}\n\nexport function getWorkspaceDisplayName(invitation: InvitationLike): string {\n  if (invitation.workspaceName) {\n    return invitation.workspaceName;\n  }\n\n  const metadata = readMetadata(invitation);\n  const workspaceName = metadata?.workspaceName;\n  if (typeof workspaceName === 'string' && workspaceName.trim().length > 0) {\n    return workspaceName;\n  }\n\n  return invitation.workspaceId || '—';\n}\n\nexport function getRoleDisplayNames(invitation: InvitationLike): string[] {\n  if (Array.isArray(invitation.roleNames) && invitation.roleNames.length > 0) {\n    return invitation.roleNames;\n  }\n\n  const metadata = readMetadata(invitation);\n  const roleNames = metadata?.roleNames;\n  if (Array.isArray(roleNames) && roleNames.every((value) => typeof value === 'string')) {\n    return roleNames;\n  }\n\n  return [];\n}\n\nexport function getProjectDisplayNames(invitation: InvitationLike): string[] {\n  const metadata = readMetadata(invitation);\n  const projectNames = metadata?.projectNames;\n  if (Array.isArray(projectNames) && projectNames.every((value) => typeof value === 'string')) {\n    return projectNames;\n  }\n\n  const metadataProjectIds = metadata?.projectIds;\n  const projectIds = [\n    ...(Array.isArray(invitation.projectIds) ? invitation.projectIds : []),\n    ...(invitation.projectId ? [invitation.projectId] : []),\n    ...(Array.isArray(metadataProjectIds)\n      ? metadataProjectIds.filter((value): value is string => typeof value === 'string')\n      : []),\n  ];\n  const projectCount = new Set(projectIds).size;\n\n  if (projectCount === 0) {\n    return [];\n  }\n\n  return [`${projectCount} project${projectCount === 1 ? '' : 's'} selected`];\n}\n"],"mappings":";AAQA,SAAS,EAAa,GAA4D;CAChF,IAAM,IAAW,EAAW,SAAS;AAKrC,QAJI,KAAY,OAAO,KAAa,YAAY,CAAC,MAAM,QAAQ,EAAS,GAC/D,IAGF;;AAGT,SAAgB,EAAwB,GAAoC;AAC1E,KAAI,EAAW,cACb,QAAO,EAAW;CAIpB,IAAM,IADW,EAAa,EAAW,EACT;AAKhC,QAJI,OAAO,KAAkB,YAAY,EAAc,MAAM,CAAC,SAAS,IAC9D,IAGF,EAAW,eAAe;;AAGnC,SAAgB,EAAoB,GAAsC;AACxE,KAAI,MAAM,QAAQ,EAAW,UAAU,IAAI,EAAW,UAAU,SAAS,EACvE,QAAO,EAAW;CAIpB,IAAM,IADW,EAAa,EAAW,EACb;AAK5B,QAJI,MAAM,QAAQ,EAAU,IAAI,EAAU,OAAO,MAAU,OAAO,KAAU,SAAS,GAC5E,IAGF,EAAE;;AAGX,SAAgB,EAAuB,GAAsC;CAC3E,IAAM,IAAW,EAAa,EAAW,EACnC,IAAe,GAAU;AAC/B,KAAI,MAAM,QAAQ,EAAa,IAAI,EAAa,OAAO,MAAU,OAAO,KAAU,SAAS,CACzF,QAAO;CAGT,IAAM,IAAqB,GAAU,YAC/B,IAAa;EACjB,GAAI,MAAM,QAAQ,EAAW,WAAW,GAAG,EAAW,aAAa,EAAE;EACrE,GAAI,EAAW,YAAY,CAAC,EAAW,UAAU,GAAG,EAAE;EACtD,GAAI,MAAM,QAAQ,EAAmB,GACjC,EAAmB,QAAQ,MAA2B,OAAO,KAAU,SAAS,GAChF,EAAE;EACP,EACK,IAAe,IAAI,IAAI,EAAW,CAAC;AAMzC,QAJI,MAAiB,IACZ,EAAE,GAGJ,CAAC,GAAG,EAAa,UAAU,MAAiB,IAAI,KAAK,IAAI,WAAW"}

package/dist/organization-management/modules/organizations/pages/OrganizationsListPage.js

@@ -117,6 +117,7 @@ function D({ mode: D = "my" } = {}) {
 					className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
 					children: [/* @__PURE__ */ T("div", {
 						className: "space-y-2",
+						"data-tour": "organizations-page-header",
 						children: [/* @__PURE__ */ w("h1", {
 							className: "text-3xl font-bold text-[var(--color-text-primary)]",
 							children: O("organizations.list.title", "Organizations")
@@ -131,6 +132,7 @@ function D({ mode: D = "my" } = {}) {
 							onClick: () => k(`${A}/invites`),
 							className: "relative 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.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98]",
 							"aria-label": O("organizations.invitations.button", "Invitations"),
+							"data-tour": "organizations-invitations-button",
 							children: [
 								/* @__PURE__ */ w(ce, {
 									size: 18,
@@ -150,6 +152,7 @@ function D({ mode: D = "my" } = {}) {
 							type: "button",
 							onClick: () => k(`${A}/new`),
 							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 active:scale-[0.98]",
+							"data-tour": "organizations-create-button",
 							children: [/* @__PURE__ */ w(le, {
 								size: 18,
 								"aria-hidden": "true"
@@ -164,6 +167,7 @@ function D({ mode: D = "my" } = {}) {
 					className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]",
 					children: [/* @__PURE__ */ T("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-center",
+						"data-tour": "organizations-search-input",
 						children: [/* @__PURE__ */ w(ne, {
 							value: P,
 							onChange: F,
@@ -179,6 +183,7 @@ function D({ mode: D = "my" } = {}) {
 							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)] active:scale-95",
 							"aria-label": O("organizations.list.refresh", "Refresh organizations"),
 							title: O("organizations.list.refresh", "Refresh organizations"),
+							"data-tour": "organizations-refresh-button",
 							children: /* @__PURE__ */ w(ue, {
 								size: 18,
 								"aria-hidden": "true"
@@ -345,6 +350,7 @@ function D({ mode: D = "my" } = {}) {
 					}, e.id))
 				}), /* @__PURE__ */ w("div", {
 					className: "hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)] md:block",
+					"data-tour": "organizations-table",
 					children: /* @__PURE__ */ w("div", {
 						className: "overflow-x-auto",
 						children: /* @__PURE__ */ T("table", {
@@ -434,6 +440,7 @@ function D({ mode: D = "my" } = {}) {
 											className: "px-6 py-4 align-top",
 											children: /* @__PURE__ */ T("div", {
 												className: "flex items-center justify-end gap-2",
+												...e === G[0] ? { "data-tour": "organizations-table-actions" } : {},
 												children: [
 													/* @__PURE__ */ w("button", {
 														type: "button",

package/dist/organization-management/modules/organizations/pages/OrganizationsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building2, Eye, Mail, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n  useDeleteOrganization,\n  useMyOrganizations,\n  useOrganizations,\n} from '../hooks/useOrganizations';\nimport { useMyInvites } from '../../members/hooks/useInvites';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\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 { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../../../utils/nativeBridge';\n\nfunction formatDate(date: string) {\n  return new Date(date).toLocaleDateString();\n}\n\n/**\n * `mode` controls which scope of organizations the page renders:\n *\n * - `'my'` (default) calls `myOrganizations` (gateway @rbac(scopeType:\"self\")).\n *   Use this in product-app shells (e.g. vibecontrols) where the user should\n *   see only orgs they are a member of. Membership IS the access list, so no\n *   client-side permission gate is needed.\n *\n * - `'admin'` calls `allOrganizations` (gateway @rbac(scopeType: \"global\")).\n *   Restricted to actors with global `organization:read` (super admins /\n *   service / custom global-admin roles). Use this in the admin app where\n *   operators need the tenant-wide list.\n */\nexport interface OrganizationsListPageProps {\n  mode?: 'my' | 'admin';\n}\n\nexport function OrganizationsListPage({ mode = 'my' }: OrganizationsListPageProps = {}) {\n  useOrganizationPageView('organizations.list');\n  const tr = useTr();\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 CRUDL, while an explicit false value still gates create.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n  const [selectedOrganizationIds, setSelectedOrganizationIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  // Show a count badge of pending invites alongside the Invitations link.\n  // Skipped in 'admin' mode since admins land here via tenant-wide management\n  // rather than personal invites.\n  const { total: pendingInvitesCount } = useMyInvites(InviteStatus.Pending, 1, 0, mode === 'my');\n\n  // Page size is large enough to cover realistic memberships / tenant-wide\n  // org counts in one round-trip so the client-side search is exhaustive.\n  // If a tenant ever exceeds this, wire in fetchMore/pagination instead of\n  // silently truncating.\n  const ORGANIZATIONS_PAGE_SIZE = 200;\n  const myResult = useMyOrganizations(ORGANIZATIONS_PAGE_SIZE, 0, mode === 'my');\n  const adminResult = useOrganizations(undefined, ORGANIZATIONS_PAGE_SIZE, 0, mode === 'admin');\n  const {\n    organizations: allOrganizations,\n    loading,\n    error,\n    refetch,\n  } = mode === 'admin' ? adminResult : myResult;\n\n  const isSearchFiltered = debouncedSearchQuery.trim().length > 0;\n\n  const organizations = useMemo(() => {\n    const q = debouncedSearchQuery.trim().toLowerCase();\n    if (!q) return allOrganizations;\n    return allOrganizations.filter(\n      (org) => org.name?.toLowerCase().includes(q) || org.slug?.toLowerCase().includes(q)\n    );\n  }, [allOrganizations, debouncedSearchQuery]);\n\n  const { deleteOrganization, loading: deleteLoading } = useDeleteOrganization();\n\n  useEffect(() => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const visibleIds = new Set(organizations.map((organization) => organization.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((organizationId) => visibleIds.has(organizationId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [organizations]);\n\n  const selectedOrganizations = useMemo(\n    () => organizations.filter((organization) => selectedOrganizationIds.has(organization.id)),\n    [organizations, selectedOrganizationIds]\n  );\n\n  const allVisibleSelected =\n    organizations.length > 0 &&\n    organizations.every((organization) => selectedOrganizationIds.has(organization.id));\n  const partiallySelected =\n    organizations.some((organization) => selectedOrganizationIds.has(organization.id)) &&\n    !allVisibleSelected;\n\n  const executeDelete = async (organizationIds: string[]) => {\n    try {\n      const results = await Promise.allSettled(\n        organizationIds.map(async (organizationId) => {\n          const result = await deleteOrganization(organizationId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to delete organization');\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      setSelectedOrganizationIds(new Set());\n      await refetch();\n      const successMsg =\n        organizationIds.length === 1\n          ? tr('organizations.delete.successSingle', 'Organization deleted successfully')\n          : `${organizationIds.length} ${tr('organizations.delete.successMany', 'organizations deleted successfully')}`;\n      toast.success(successMsg);\n      void nativeNotify('success');\n      if (isNative()) void nativeToast(successMsg);\n    } catch (deleteError) {\n      const errorMsg =\n        deleteError instanceof Error\n          ? deleteError.message\n          : tr('organizations.delete.failed', 'Failed to delete organization');\n      toast.error(errorMsg);\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(errorMsg);\n    }\n  };\n\n  const handleDelete = (organizationId: string, organizationName: string) => {\n    nativeImpact('medium');\n    const title = tr('organizations.delete.title', 'Delete organization');\n    const description = `${tr('organizations.delete.confirmPrefix', 'Delete')} ${organizationName}? ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`;\n    void nativeConfirm({\n      title,\n      message: description,\n      okButtonTitle: tr('common.delete', 'Delete'),\n    }).then((nativeResult) => {\n      if (nativeResult === null) {\n        openConfirmDialog({\n          title,\n          description,\n          confirmText: tr('common.delete', 'Delete'),\n          variant: 'danger',\n          onConfirm: () => {\n            void executeDelete([organizationId]);\n          },\n        });\n      } else if (nativeResult) {\n        void executeDelete([organizationId]);\n      }\n    });\n  };\n\n  const handleBulkDelete = () => {\n    if (selectedOrganizations.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('organizations.delete.bulkTitle', 'Delete selected organizations'),\n      description: `${tr('organizations.delete.bulkPrefix', 'Delete')} ${selectedOrganizations.length} ${tr(\n        selectedOrganizations.length === 1\n          ? 'organizations.delete.bulkSuffixSingle'\n          : 'organizations.delete.bulkSuffixMany',\n        selectedOrganizations.length === 1 ? 'selected organization?' : 'selected organizations?'\n      )} ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`,\n      confirmText: `${tr('common.delete', 'Delete')} ${selectedOrganizations.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeDelete(selectedOrganizations.map((organization) => organization.id));\n      },\n    });\n  };\n\n  const toggleOrganizationSelection = (organizationId: string, checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(organizationId);\n      } else {\n        nextSelection.delete(organizationId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllOrganizations = (checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      organizations.forEach((organization) => {\n        if (checked) {\n          nextSelection.add(organization.id);\n        } else {\n          nextSelection.delete(organization.id);\n        }\n      });\n      return nextSelection;\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  // No client-side list gate: this page calls `myOrganizations`\n  // (@rbac(scopeType: \"self\")), so the data set IS the access list — if the\n  // user is in zero orgs the page renders the empty state, not a deny. The\n  // create/delete/edit buttons keep their own per-action `hasPermission`\n  // checks below to hide actions the user can't perform on a given org.\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('organizations.list.loading', 'Loading organizations...')} />\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-300\">\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('organizations.list.title', 'Organizations')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'organizations.list.subtitle',\n                'Manage tenant organizations and the workspaces that belong to them.'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {mode === 'my' && (\n              <button\n                type=\"button\"\n                onClick={() => navigate(`${basePath}/invites`)}\n                className=\"relative 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.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98]\"\n                aria-label={tr('organizations.invitations.button', 'Invitations')}\n              >\n                <Mail size={18} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr('organizations.invitations.button', 'Invitations')}\n                </span>\n                {pendingInvitesCount > 0 && (\n                  <span\n                    className=\"ml-1 inline-flex min-w-[1.25rem] items-center justify-center rounded-full bg-[var(--color-action-primary-bg)] px-1.5 py-0.5 text-xs font-semibold text-[var(--color-action-primary-text)]\"\n                    aria-label={`${pendingInvitesCount} pending`}\n                  >\n                    {pendingInvitesCount}\n                  </span>\n                )}\n              </button>\n            )}\n\n            {createEnabled && hasPermission(PERMISSIONS.ORG_CREATE) && (\n              <button\n                type=\"button\"\n                onClick={() => navigate(`${basePath}/new`)}\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 active:scale-[0.98]\"\n              >\n                <Plus size={18} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr('organizations.create.button', 'Create Organization')}\n                </span>\n              </button>\n            )}\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\">\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('organizations.list.searchPlaceholder', 'Search organizations...')}\n              label={tr('organizations.list.searchLabel', 'Search organizations')}\n              inputId=\"organizations-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)] active:scale-95\"\n              aria-label={tr('organizations.list.refresh', 'Refresh organizations')}\n              title={tr('organizations.list.refresh', 'Refresh organizations')}\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {organizations.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={toggleAllOrganizations}\n                    ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedOrganizationIds.size > 0 ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedOrganizationIds(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                  {selectedOrganizationIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                  <button\n                    type=\"button\"\n                    onClick={handleBulkDelete}\n                    disabled={selectedOrganizations.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.deleteSelected', 'Delete Selected')}</span>\n                    {selectedOrganizations.length > 0 ? (\n                      <span>({selectedOrganizations.length})</span>\n                    ) : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {organizations.length === 0 ? (\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 shadow-[var(--shadow-elevation-1)]\">\n            {isSearchFiltered && allOrganizations.length > 0 ? (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.noMatchesTitle', 'No matching organizations')}\n                description={tr(\n                  'organizations.list.noMatchesDescription',\n                  'No organizations match your search. Try a different name or slug, or clear the search.'\n                )}\n                action={{\n                  label: tr('common.clearSearch', 'Clear search'),\n                  onClick: () => setSearchQuery(''),\n                }}\n              />\n            ) : (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.emptyTitle', 'No organizations found')}\n                description={tr(\n                  'organizations.list.emptyDescription',\n                  'Create your first organization to start managing workspaces, members, and invites.'\n                )}\n                action={\n                  createEnabled && hasPermission(PERMISSIONS.ORG_CREATE)\n                    ? {\n                        label: tr('organizations.create.button', 'Create Organization'),\n                        onClick: () => navigate(`${basePath}/new`),\n                      }\n                    : undefined\n                }\n              />\n            )}\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {organizations.map((organization) => (\n                <article\n                  key={organization.id}\n                  className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedOrganizationIds.has(organization.id)}\n                      onChange={(checked) => toggleOrganizationSelection(organization.id, checked)}\n                      ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      {organization.logo ? (\n                        <img\n                          src={organization.logo}\n                          alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                          className=\"size-12 rounded-lg object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex size-12 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 text-base font-semibold text-[var(--color-action-primary-bg)]\">\n                          {organization.name[0]}\n                        </div>\n                      )}\n\n                      <div className=\"min-w-0 flex-1\">\n                        <div className=\"flex flex-wrap items-start gap-2\">\n                          <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n                            {organization.name}\n                          </h2>\n                          <OrganizationStatusBadge status={organization.status} />\n                        </div>\n                        <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                          /{organization.slug}\n                        </p>\n                        <dl className=\"mt-3 grid grid-cols-2 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('organizations.list.column.workspaces', 'Workspaces')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {organization.workspaceCount ?? 0}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('common.created', 'Created')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {formatDate(organization.createdAt)}\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={() => navigate(`${basePath}/${organization.id}`)}\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.ORG_UPDATE) && (\n                      <button\n                        type=\"button\"\n                        onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\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                        <SquarePen size={16} aria-hidden=\"true\" />\n                        {tr('common.edit', 'Edit')}\n                      </button>\n                    )}\n                    {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                      <button\n                        type=\"button\"\n                        onClick={() => handleDelete(organization.id, organization.name)}\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('common.delete', 'Delete')}\n                      </button>\n                    )}\n                  </div>\n                </article>\n              ))}\n            </div>\n\n            <div className=\"hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)] md:block\">\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={toggleAllOrganizations}\n                          ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\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('organizations.list.column.organization', 'Organization')}\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('common.status', 'Status')}\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('organizations.list.column.workspaces', 'Workspaces')}\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('common.created', 'Created')}\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-default)]\">\n                    {organizations.map((organization) => (\n                      <tr\n                        key={organization.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={selectedOrganizationIds.has(organization.id)}\n                            onChange={(checked) =>\n                              toggleOrganizationSelection(organization.id, checked)\n                            }\n                            ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            {organization.logo ? (\n                              <img\n                                src={organization.logo}\n                                alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                                className=\"size-10 rounded-lg object-cover\"\n                              />\n                            ) : (\n                              <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 font-semibold text-[var(--color-action-primary-bg)]\">\n                                {organization.name[0]}\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-[var(--color-text-primary)]\">\n                                {organization.name}\n                              </p>\n                              <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                                /{organization.slug}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <OrganizationStatusBadge status={organization.status} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-[var(--color-text-primary)]\">\n                          {organization.workspaceCount ?? 0}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(organization.createdAt)}\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={() => navigate(`${basePath}/${organization.id}`)}\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                              title={`${tr('common.view', 'View')} ${organization.name}`}\n                              aria-label={`${tr('common.view', 'View')} ${organization.name}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                              <button\n                                type=\"button\"\n                                onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\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                                title={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                                aria-label={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                              >\n                                <SquarePen size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                            {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                              <button\n                                type=\"button\"\n                                onClick={() => handleDelete(organization.id, organization.name)}\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                                title={`${tr('common.delete', 'Delete')} ${organization.name}`}\n                                aria-label={`${tr('common.delete', 'Delete')} ${organization.name}`}\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            </div>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../../../src/organization-management/modules/organizations/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { Building2, Eye, Mail, Plus, RefreshCw, SquarePen, Trash2 } from 'lucide-react';\nimport { toast } from 'sonner';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useFeatureFlagDetails } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useOrgConsole } from '../../../providers/OrgConsoleProvider';\nimport {\n  useDeleteOrganization,\n  useMyOrganizations,\n  useOrganizations,\n} from '../hooks/useOrganizations';\nimport { useMyInvites } from '../../members/hooks/useInvites';\nimport { InviteStatus } from '../../../../generated/global-types';\nimport { OrganizationStatusBadge } from '../components/OrganizationStatusBadge';\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 { EmptyState } from '../../../shared/components/feedback/EmptyState';\nimport { useDebouncedValue } from '../../../shared/hooks/useDebouncedValue';\nimport { useConfirmDialog } from '../../../shared/components/dialog/ConfirmDialog';\nimport { PERMISSIONS } from '../../../constants/permissions';\nimport { useTr } from '../../../shared/hooks/useTr';\nimport { useOrganizationPageView } from '../../../hooks/useOrganizationPageView';\nimport {\n  isNative,\n  nativeConfirm,\n  nativeImpact,\n  nativeNotify,\n  nativeToast,\n} from '../../../../utils/nativeBridge';\n\nfunction formatDate(date: string) {\n  return new Date(date).toLocaleDateString();\n}\n\n/**\n * `mode` controls which scope of organizations the page renders:\n *\n * - `'my'` (default) calls `myOrganizations` (gateway @rbac(scopeType:\"self\")).\n *   Use this in product-app shells (e.g. vibecontrols) where the user should\n *   see only orgs they are a member of. Membership IS the access list, so no\n *   client-side permission gate is needed.\n *\n * - `'admin'` calls `allOrganizations` (gateway @rbac(scopeType: \"global\")).\n *   Restricted to actors with global `organization:read` (super admins /\n *   service / custom global-admin roles). Use this in the admin app where\n *   operators need the tenant-wide list.\n */\nexport interface OrganizationsListPageProps {\n  mode?: 'my' | 'admin';\n}\n\nexport function OrganizationsListPage({ mode = 'my' }: OrganizationsListPageProps = {}) {\n  useOrganizationPageView('organizations.list');\n  const tr = useTr();\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 CRUDL, while an explicit false value still gates create.\n  const createDetails = useFeatureFlagDetails('organization.create');\n  const createEnabled = createDetails ? Boolean(createDetails.value) : true;\n  const [searchQuery, setSearchQuery] = useState('');\n  const debouncedSearchQuery = useDebouncedValue(searchQuery, 300);\n  const [selectedOrganizationIds, setSelectedOrganizationIds] = useState<Set<string>>(new Set());\n  const { openConfirmDialog, ConfirmDialog } = useConfirmDialog();\n\n  // Show a count badge of pending invites alongside the Invitations link.\n  // Skipped in 'admin' mode since admins land here via tenant-wide management\n  // rather than personal invites.\n  const { total: pendingInvitesCount } = useMyInvites(InviteStatus.Pending, 1, 0, mode === 'my');\n\n  // Page size is large enough to cover realistic memberships / tenant-wide\n  // org counts in one round-trip so the client-side search is exhaustive.\n  // If a tenant ever exceeds this, wire in fetchMore/pagination instead of\n  // silently truncating.\n  const ORGANIZATIONS_PAGE_SIZE = 200;\n  const myResult = useMyOrganizations(ORGANIZATIONS_PAGE_SIZE, 0, mode === 'my');\n  const adminResult = useOrganizations(undefined, ORGANIZATIONS_PAGE_SIZE, 0, mode === 'admin');\n  const {\n    organizations: allOrganizations,\n    loading,\n    error,\n    refetch,\n  } = mode === 'admin' ? adminResult : myResult;\n\n  const isSearchFiltered = debouncedSearchQuery.trim().length > 0;\n\n  const organizations = useMemo(() => {\n    const q = debouncedSearchQuery.trim().toLowerCase();\n    if (!q) return allOrganizations;\n    return allOrganizations.filter(\n      (org) => org.name?.toLowerCase().includes(q) || org.slug?.toLowerCase().includes(q)\n    );\n  }, [allOrganizations, debouncedSearchQuery]);\n\n  const { deleteOrganization, loading: deleteLoading } = useDeleteOrganization();\n\n  useEffect(() => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const visibleIds = new Set(organizations.map((organization) => organization.id));\n      const nextSelection = new Set(\n        [...previousSelection].filter((organizationId) => visibleIds.has(organizationId))\n      );\n\n      if (nextSelection.size === previousSelection.size) {\n        return previousSelection;\n      }\n\n      return nextSelection;\n    });\n  }, [organizations]);\n\n  const selectedOrganizations = useMemo(\n    () => organizations.filter((organization) => selectedOrganizationIds.has(organization.id)),\n    [organizations, selectedOrganizationIds]\n  );\n\n  const allVisibleSelected =\n    organizations.length > 0 &&\n    organizations.every((organization) => selectedOrganizationIds.has(organization.id));\n  const partiallySelected =\n    organizations.some((organization) => selectedOrganizationIds.has(organization.id)) &&\n    !allVisibleSelected;\n\n  const executeDelete = async (organizationIds: string[]) => {\n    try {\n      const results = await Promise.allSettled(\n        organizationIds.map(async (organizationId) => {\n          const result = await deleteOrganization(organizationId);\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message ?? 'Failed to delete organization');\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      setSelectedOrganizationIds(new Set());\n      await refetch();\n      const successMsg =\n        organizationIds.length === 1\n          ? tr('organizations.delete.successSingle', 'Organization deleted successfully')\n          : `${organizationIds.length} ${tr('organizations.delete.successMany', 'organizations deleted successfully')}`;\n      toast.success(successMsg);\n      void nativeNotify('success');\n      if (isNative()) void nativeToast(successMsg);\n    } catch (deleteError) {\n      const errorMsg =\n        deleteError instanceof Error\n          ? deleteError.message\n          : tr('organizations.delete.failed', 'Failed to delete organization');\n      toast.error(errorMsg);\n      void nativeNotify('error');\n      if (isNative()) void nativeToast(errorMsg);\n    }\n  };\n\n  const handleDelete = (organizationId: string, organizationName: string) => {\n    nativeImpact('medium');\n    const title = tr('organizations.delete.title', 'Delete organization');\n    const description = `${tr('organizations.delete.confirmPrefix', 'Delete')} ${organizationName}? ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`;\n    void nativeConfirm({\n      title,\n      message: description,\n      okButtonTitle: tr('common.delete', 'Delete'),\n    }).then((nativeResult) => {\n      if (nativeResult === null) {\n        openConfirmDialog({\n          title,\n          description,\n          confirmText: tr('common.delete', 'Delete'),\n          variant: 'danger',\n          onConfirm: () => {\n            void executeDelete([organizationId]);\n          },\n        });\n      } else if (nativeResult) {\n        void executeDelete([organizationId]);\n      }\n    });\n  };\n\n  const handleBulkDelete = () => {\n    if (selectedOrganizations.length === 0) return;\n\n    openConfirmDialog({\n      title: tr('organizations.delete.bulkTitle', 'Delete selected organizations'),\n      description: `${tr('organizations.delete.bulkPrefix', 'Delete')} ${selectedOrganizations.length} ${tr(\n        selectedOrganizations.length === 1\n          ? 'organizations.delete.bulkSuffixSingle'\n          : 'organizations.delete.bulkSuffixMany',\n        selectedOrganizations.length === 1 ? 'selected organization?' : 'selected organizations?'\n      )} ${tr('common.cannotBeUndone', 'This action cannot be undone.')}`,\n      confirmText: `${tr('common.delete', 'Delete')} ${selectedOrganizations.length}`,\n      variant: 'danger',\n      onConfirm: () => {\n        void executeDelete(selectedOrganizations.map((organization) => organization.id));\n      },\n    });\n  };\n\n  const toggleOrganizationSelection = (organizationId: string, checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      if (checked) {\n        nextSelection.add(organizationId);\n      } else {\n        nextSelection.delete(organizationId);\n      }\n      return nextSelection;\n    });\n  };\n\n  const toggleAllOrganizations = (checked: boolean) => {\n    setSelectedOrganizationIds((previousSelection) => {\n      const nextSelection = new Set(previousSelection);\n      organizations.forEach((organization) => {\n        if (checked) {\n          nextSelection.add(organization.id);\n        } else {\n          nextSelection.delete(organization.id);\n        }\n      });\n      return nextSelection;\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  // No client-side list gate: this page calls `myOrganizations`\n  // (@rbac(scopeType: \"self\")), so the data set IS the access list — if the\n  // user is in zero orgs the page renders the empty state, not a deny. The\n  // create/delete/edit buttons keep their own per-action `hasPermission`\n  // checks below to hide actions the user can't perform on a given org.\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('organizations.list.loading', 'Loading organizations...')} />\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-300\">\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\" data-tour=\"organizations-page-header\">\n            <h1 className=\"text-3xl font-bold text-[var(--color-text-primary)]\">\n              {tr('organizations.list.title', 'Organizations')}\n            </h1>\n            <p className=\"max-w-2xl text-[var(--color-text-secondary)]\">\n              {tr(\n                'organizations.list.subtitle',\n                'Manage tenant organizations and the workspaces that belong to them.'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex flex-wrap items-center gap-2\">\n            {mode === 'my' && (\n              <button\n                type=\"button\"\n                onClick={() => navigate(`${basePath}/invites`)}\n                className=\"relative 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.5 text-[var(--color-text-primary)] transition-all duration-200 hover:bg-[var(--color-bg-subtle)] active:scale-[0.98]\"\n                aria-label={tr('organizations.invitations.button', 'Invitations')}\n                data-tour=\"organizations-invitations-button\"\n              >\n                <Mail size={18} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr('organizations.invitations.button', 'Invitations')}\n                </span>\n                {pendingInvitesCount > 0 && (\n                  <span\n                    className=\"ml-1 inline-flex min-w-[1.25rem] items-center justify-center rounded-full bg-[var(--color-action-primary-bg)] px-1.5 py-0.5 text-xs font-semibold text-[var(--color-action-primary-text)]\"\n                    aria-label={`${pendingInvitesCount} pending`}\n                  >\n                    {pendingInvitesCount}\n                  </span>\n                )}\n              </button>\n            )}\n\n            {createEnabled && hasPermission(PERMISSIONS.ORG_CREATE) && (\n              <button\n                type=\"button\"\n                onClick={() => navigate(`${basePath}/new`)}\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 active:scale-[0.98]\"\n                data-tour=\"organizations-create-button\"\n              >\n                <Plus size={18} aria-hidden=\"true\" />\n                <span className=\"font-medium\">\n                  {tr('organizations.create.button', 'Create Organization')}\n                </span>\n              </button>\n            )}\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\">\n          <div\n            className=\"flex flex-col gap-3 sm:flex-row sm:items-center\"\n            data-tour=\"organizations-search-input\"\n          >\n            <SearchInput\n              value={searchQuery}\n              onChange={setSearchQuery}\n              placeholder={tr('organizations.list.searchPlaceholder', 'Search organizations...')}\n              label={tr('organizations.list.searchLabel', 'Search organizations')}\n              inputId=\"organizations-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)] active:scale-95\"\n              aria-label={tr('organizations.list.refresh', 'Refresh organizations')}\n              title={tr('organizations.list.refresh', 'Refresh organizations')}\n              data-tour=\"organizations-refresh-button\"\n            >\n              <RefreshCw size={18} aria-hidden=\"true\" />\n            </button>\n          </div>\n\n          {organizations.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={toggleAllOrganizations}\n                    ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\n                  />\n                  <span>{tr('common.selectAllVisible', 'Select all visible')}</span>\n                </label>\n\n                {selectedOrganizationIds.size > 0 ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => setSelectedOrganizationIds(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                  {selectedOrganizationIds.size} {tr('common.selected', 'selected')}\n                </span>\n                {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                  <button\n                    type=\"button\"\n                    onClick={handleBulkDelete}\n                    disabled={selectedOrganizations.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.deleteSelected', 'Delete Selected')}</span>\n                    {selectedOrganizations.length > 0 ? (\n                      <span>({selectedOrganizations.length})</span>\n                    ) : null}\n                  </button>\n                )}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {organizations.length === 0 ? (\n          <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-6 shadow-[var(--shadow-elevation-1)]\">\n            {isSearchFiltered && allOrganizations.length > 0 ? (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.noMatchesTitle', 'No matching organizations')}\n                description={tr(\n                  'organizations.list.noMatchesDescription',\n                  'No organizations match your search. Try a different name or slug, or clear the search.'\n                )}\n                action={{\n                  label: tr('common.clearSearch', 'Clear search'),\n                  onClick: () => setSearchQuery(''),\n                }}\n              />\n            ) : (\n              <EmptyState\n                icon={<Building2 size={40} aria-hidden=\"true\" />}\n                title={tr('organizations.list.emptyTitle', 'No organizations found')}\n                description={tr(\n                  'organizations.list.emptyDescription',\n                  'Create your first organization to start managing workspaces, members, and invites.'\n                )}\n                action={\n                  createEnabled && hasPermission(PERMISSIONS.ORG_CREATE)\n                    ? {\n                        label: tr('organizations.create.button', 'Create Organization'),\n                        onClick: () => navigate(`${basePath}/new`),\n                      }\n                    : undefined\n                }\n              />\n            )}\n          </div>\n        ) : (\n          <>\n            <div className=\"grid gap-4 md:hidden\">\n              {organizations.map((organization) => (\n                <article\n                  key={organization.id}\n                  className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] p-4 shadow-[var(--shadow-elevation-1)]\"\n                >\n                  <div className=\"flex items-start gap-3\">\n                    <SelectionCheckbox\n                      checked={selectedOrganizationIds.has(organization.id)}\n                      onChange={(checked) => toggleOrganizationSelection(organization.id, checked)}\n                      ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                    />\n\n                    <div className=\"flex min-w-0 flex-1 gap-3\">\n                      {organization.logo ? (\n                        <img\n                          src={organization.logo}\n                          alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                          className=\"size-12 rounded-lg object-cover\"\n                        />\n                      ) : (\n                        <div className=\"flex size-12 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 text-base font-semibold text-[var(--color-action-primary-bg)]\">\n                          {organization.name[0]}\n                        </div>\n                      )}\n\n                      <div className=\"min-w-0 flex-1\">\n                        <div className=\"flex flex-wrap items-start gap-2\">\n                          <h2 className=\"text-base font-semibold text-[var(--color-text-primary)]\">\n                            {organization.name}\n                          </h2>\n                          <OrganizationStatusBadge status={organization.status} />\n                        </div>\n                        <p className=\"mt-1 break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                          /{organization.slug}\n                        </p>\n                        <dl className=\"mt-3 grid grid-cols-2 gap-3 text-sm\">\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('organizations.list.column.workspaces', 'Workspaces')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {organization.workspaceCount ?? 0}\n                            </dd>\n                          </div>\n                          <div>\n                            <dt className=\"text-[var(--color-text-secondary)]\">\n                              {tr('common.created', 'Created')}\n                            </dt>\n                            <dd className=\"font-medium text-[var(--color-text-primary)]\">\n                              {formatDate(organization.createdAt)}\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={() => navigate(`${basePath}/${organization.id}`)}\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.ORG_UPDATE) && (\n                      <button\n                        type=\"button\"\n                        onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\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                        <SquarePen size={16} aria-hidden=\"true\" />\n                        {tr('common.edit', 'Edit')}\n                      </button>\n                    )}\n                    {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                      <button\n                        type=\"button\"\n                        onClick={() => handleDelete(organization.id, organization.name)}\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('common.delete', 'Delete')}\n                      </button>\n                    )}\n                  </div>\n                </article>\n              ))}\n            </div>\n\n            <div\n              className=\"hidden overflow-hidden rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-[var(--shadow-elevation-1)] md:block\"\n              data-tour=\"organizations-table\"\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={toggleAllOrganizations}\n                          ariaLabel={tr('organizations.list.selectAll', 'Select all organizations')}\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('organizations.list.column.organization', 'Organization')}\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('common.status', 'Status')}\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('organizations.list.column.workspaces', 'Workspaces')}\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('common.created', 'Created')}\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-default)]\">\n                    {organizations.map((organization) => (\n                      <tr\n                        key={organization.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={selectedOrganizationIds.has(organization.id)}\n                            onChange={(checked) =>\n                              toggleOrganizationSelection(organization.id, checked)\n                            }\n                            ariaLabel={`${tr('organizations.list.selectOne', 'Select organization')} ${organization.name}`}\n                          />\n                        </td>\n                        <td className=\"px-6 py-4\">\n                          <div className=\"flex items-start gap-3\">\n                            {organization.logo ? (\n                              <img\n                                src={organization.logo}\n                                alt={`${organization.name} ${tr('common.logo', 'logo')}`}\n                                className=\"size-10 rounded-lg object-cover\"\n                              />\n                            ) : (\n                              <div className=\"flex size-10 items-center justify-center rounded-lg bg-[var(--color-action-primary-bg)]/12 font-semibold text-[var(--color-action-primary-bg)]\">\n                                {organization.name[0]}\n                              </div>\n                            )}\n                            <div className=\"min-w-0\">\n                              <p className=\"font-medium text-[var(--color-text-primary)]\">\n                                {organization.name}\n                              </p>\n                              <p className=\"break-all font-mono text-sm text-[var(--color-text-muted)]\">\n                                /{organization.slug}\n                              </p>\n                            </div>\n                          </div>\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <OrganizationStatusBadge status={organization.status} />\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-[var(--color-text-primary)]\">\n                          {organization.workspaceCount ?? 0}\n                        </td>\n                        <td className=\"px-6 py-4 align-top text-sm text-[var(--color-text-secondary)]\">\n                          {formatDate(organization.createdAt)}\n                        </td>\n                        <td className=\"px-6 py-4 align-top\">\n                          <div\n                            className=\"flex items-center justify-end gap-2\"\n                            {...(organization === organizations[0]\n                              ? { 'data-tour': 'organizations-table-actions' }\n                              : {})}\n                          >\n                            <button\n                              type=\"button\"\n                              onClick={() => navigate(`${basePath}/${organization.id}`)}\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                              title={`${tr('common.view', 'View')} ${organization.name}`}\n                              aria-label={`${tr('common.view', 'View')} ${organization.name}`}\n                            >\n                              <Eye size={18} aria-hidden=\"true\" />\n                            </button>\n                            {hasPermission(PERMISSIONS.ORG_UPDATE) && (\n                              <button\n                                type=\"button\"\n                                onClick={() => navigate(`${basePath}/${organization.id}/edit`)}\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                                title={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                                aria-label={`${tr('common.edit', 'Edit')} ${organization.name}`}\n                              >\n                                <SquarePen size={18} aria-hidden=\"true\" />\n                              </button>\n                            )}\n                            {hasPermission(PERMISSIONS.ORG_DELETE) && (\n                              <button\n                                type=\"button\"\n                                onClick={() => handleDelete(organization.id, organization.name)}\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                                title={`${tr('common.delete', 'Delete')} ${organization.name}`}\n                                aria-label={`${tr('common.delete', 'Delete')} ${organization.name}`}\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            </div>\n          </>\n        )}\n      </div>\n\n      {ConfirmDialog}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-organization",
-  "version": "2026.529.2",
+  "version": "2026.601.1",
   "description": "Organization management microfrontend for Burdenoff products",
   "type": "module",
   "files": [