@burdenoff/microfe-workspaces 2026.531.3 → 2026.601.1

package/dist/WorkspacesRoutes.js

@@ -5,14 +5,14 @@ import { FeatureGate as i } from "@burdenoff/fe-libs/shared/feature-flags";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Navigate as s, Route as c, Routes as l } from "react-router-dom";
 //#region src/WorkspacesRoutes.tsx
-var u = r(() => import("./pages/CreateWorkspacePage.js").then((e) => ({ default: e.CreateWorkspacePage }))), d = r(() => import("./pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), f = r(() => import("./pages/WorkspaceSettingsPage.js").then((e) => ({ default: e.WorkspaceSettingsPage }))), p = r(() => import("./pages/ProjectsListPage.js").then((e) => ({ default: e.ProjectsListPage }))), m = r(() => import("./pages/ProjectDetailPage.js").then((e) => ({ default: e.ProjectDetailPage }))), h = r(() => import("./pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), g = r(() => import("./pages/ActivityListPage.js").then((e) => ({ default: e.ActivityListPage }))), _ = r(() => import("./pages/InviteAcceptancePage.js").then((e) => ({ default: e.InviteAcceptancePage }))), v = r(() => import("./pages/PendingInvitesPage.js").then((e) => ({ default: e.PendingInvitesPage }))), y = r(() => import("./pages/WorkspaceInvitePage.js").then((e) => ({ default: e.WorkspaceInvitePage })));
-function b() {
+var u = r(() => import("./pages/CreateWorkspacePage.js").then((e) => ({ default: e.CreateWorkspacePage }))), d = r(() => import("./pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), f = r(() => import("./pages/WorkspaceSettingsPage.js").then((e) => ({ default: e.WorkspaceSettingsPage }))), p = r(() => import("./pages/ProjectsListPage.js").then((e) => ({ default: e.ProjectsListPage }))), m = r(() => import("./pages/ProjectDetailPage.js").then((e) => ({ default: e.ProjectDetailPage }))), h = r(() => import("./pages/ProjectMembersPage.js").then((e) => ({ default: e.ProjectMembersPage }))), g = r(() => import("./pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), _ = r(() => import("./pages/ActivityListPage.js").then((e) => ({ default: e.ActivityListPage }))), v = r(() => import("./pages/InviteAcceptancePage.js").then((e) => ({ default: e.InviteAcceptancePage }))), y = r(() => import("./pages/PendingInvitesPage.js").then((e) => ({ default: e.PendingInvitesPage }))), b = r(() => import("./pages/WorkspaceInvitePage.js").then((e) => ({ default: e.WorkspaceInvitePage })));
+function x() {
 	return /* @__PURE__ */ a("div", {
 		className: "flex items-center justify-center h-64",
 		children: /* @__PURE__ */ a("div", { className: "animate-spin rounded-full size-8 border-b-2 border-primary" })
 	});
 }
-function x() {
+function S() {
 	return /* @__PURE__ */ a("div", {
 		className: "flex h-full items-center justify-center p-8 text-center",
 		children: /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h2", {
@@ -24,31 +24,31 @@ function x() {
 		})] })
 	});
 }
-function S(e, t, n = !1) {
+function C(e, t, n = !1) {
 	return /* @__PURE__ */ a(i, {
 		flag: e,
 		defaultValue: n,
-		fallback: /* @__PURE__ */ a(x, {}),
+		fallback: /* @__PURE__ */ a(S, {}),
 		children: t
 	});
 }
-function C() {
+function w() {
 	let { basePath: t = "/workspaces" } = e();
 	return /* @__PURE__ */ a(s, {
 		to: `${t}/list`,
 		replace: !0
 	});
 }
-function w() {
+function T() {
 	let { basePath: t = "/workspaces", workspaceId: n } = e();
 	return n ? /* @__PURE__ */ a(s, {
 		to: `${t}/${n}/invite`,
 		replace: !0
-	}) : /* @__PURE__ */ a(y, {});
+	}) : /* @__PURE__ */ a(b, {});
 }
-function T() {
+function E() {
 	return /* @__PURE__ */ a(n, {
-		fallback: /* @__PURE__ */ a(b, {}),
+		fallback: /* @__PURE__ */ a(x, {}),
 		children: /* @__PURE__ */ o(l, { children: [
 			/* @__PURE__ */ a(c, {
 				index: !0,
@@ -67,15 +67,15 @@ function T() {
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "invites",
-				element: /* @__PURE__ */ a(v, {})
+				element: /* @__PURE__ */ a(y, {})
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "invite",
-				element: /* @__PURE__ */ a(w, {})
+				element: /* @__PURE__ */ a(T, {})
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "invite/:invitationId",
-				element: /* @__PURE__ */ a(_, {})
+				element: /* @__PURE__ */ a(v, {})
 			}),
 			/* @__PURE__ */ a(c, {
 				path: ":workspaceId",
@@ -83,11 +83,11 @@ function T() {
 			}),
 			/* @__PURE__ */ a(c, {
 				path: ":workspaceId/settings",
-				element: S("workspaces.settings", /* @__PURE__ */ a(f, {}), !0)
+				element: C("workspaces.settings", /* @__PURE__ */ a(f, {}), !0)
 			}),
 			/* @__PURE__ */ a(c, {
 				path: ":workspaceId/invite",
-				element: /* @__PURE__ */ a(y, {})
+				element: /* @__PURE__ */ a(b, {})
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "projects",
@@ -101,30 +101,34 @@ function T() {
 				path: ":workspaceId/projects/:projectId",
 				element: /* @__PURE__ */ a(m, {})
 			}),
+			/* @__PURE__ */ a(c, {
+				path: ":workspaceId/projects/:projectId/members",
+				element: C("workspaces.members", /* @__PURE__ */ a(h, {}), !0)
+			}),
 			/* @__PURE__ */ a(c, {
 				path: "members",
-				element: S("workspaces.members", /* @__PURE__ */ a(h, {}), !0)
+				element: C("workspaces.members", /* @__PURE__ */ a(g, {}), !0)
 			}),
 			/* @__PURE__ */ a(c, {
 				path: ":workspaceId/members",
-				element: S("workspaces.members", /* @__PURE__ */ a(h, {}), !0)
+				element: C("workspaces.members", /* @__PURE__ */ a(g, {}), !0)
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "activity",
-				element: S("workspaces.activity", /* @__PURE__ */ a(g, {}))
+				element: C("workspaces.activity", /* @__PURE__ */ a(_, {}))
 			}),
 			/* @__PURE__ */ a(c, {
 				path: ":workspaceId/activity",
-				element: S("workspaces.activity", /* @__PURE__ */ a(g, {}))
+				element: C("workspaces.activity", /* @__PURE__ */ a(_, {}))
 			}),
 			/* @__PURE__ */ a(c, {
 				path: "*",
-				element: /* @__PURE__ */ a(C, {})
+				element: /* @__PURE__ */ a(w, {})
 			})
 		] })
 	});
 }
 //#endregion
-export { T as WorkspacesRoutes };
+export { E as WorkspacesRoutes };
 
 //# sourceMappingURL=WorkspacesRoutes.js.map

package/dist/WorkspacesRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesRoutes.js","names":[],"sources":["../src/WorkspacesRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useWorkspacesContext } from './providers/WorkspacesProvider';\n\n// Eager load - main entry point\nimport { WorkspacesListPage } from './pages/WorkspacesListPage';\n\n// Lazy load - secondary pages\nconst CreateWorkspacePage = lazy(() =>\n  import('./pages/CreateWorkspacePage').then((m) => ({ default: m.CreateWorkspacePage }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./pages/WorkspaceDetailPage').then((m) => ({ default: m.WorkspaceDetailPage }))\n);\nconst WorkspaceSettingsPage = lazy(() =>\n  import('./pages/WorkspaceSettingsPage').then((m) => ({ default: m.WorkspaceSettingsPage }))\n);\nconst ProjectsListPage = lazy(() =>\n  import('./pages/ProjectsListPage').then((m) => ({ default: m.ProjectsListPage }))\n);\nconst ProjectDetailPage = lazy(() =>\n  import('./pages/ProjectDetailPage').then((m) => ({ default: m.ProjectDetailPage }))\n);\nconst MembersListPage = lazy(() =>\n  import('./pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst ActivityListPage = lazy(() =>\n  import('./pages/ActivityListPage').then((m) => ({ default: m.ActivityListPage }))\n);\nconst InviteAcceptancePage = lazy(() =>\n  import('./pages/InviteAcceptancePage').then((m) => ({ default: m.InviteAcceptancePage }))\n);\nconst PendingInvitesPage = lazy(() =>\n  import('./pages/PendingInvitesPage').then((m) => ({ default: m.PendingInvitesPage }))\n);\nconst WorkspaceInvitePage = lazy(() =>\n  import('./pages/WorkspaceInvitePage').then((m) => ({ default: m.WorkspaceInvitePage }))\n);\n\n/**\n * Loading fallback for lazy-loaded components\n */\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center h-64\">\n      <div className=\"animate-spin rounded-full size-8 border-b-2 border-primary\" />\n    </div>\n  );\n}\n\n/**\n * Fallback shown when a feature-gated route is disabled.\n */\nfunction FeatureDisabledFallback() {\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\">\n      <div>\n        <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n        <p className=\"text-sm text-text-secondary\">\n          This feature is not currently available. Enable it under Feature Previews to access this\n          functionality.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n * defaultValue=false → hidden until explicitly enabled (unreleased feature).\n */\nfunction gated(flag: string, element: React.ReactNode, defaultValue = false): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\n/**\n * Catch-all redirect component that uses the basePath from context\n * to navigate to an absolute path, preventing infinite redirect loops.\n */\nfunction CatchAllRedirect() {\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  return <Navigate to={`${basePath}/list`} replace />;\n}\n\nfunction CurrentWorkspaceInviteRedirect() {\n  const { basePath = '/workspaces', workspaceId } = useWorkspacesContext();\n\n  if (!workspaceId) {\n    return <WorkspaceInvitePage />;\n  }\n\n  return <Navigate to={`${basePath}/${workspaceId}/invite`} replace />;\n}\n\n/**\n * Internal routing for the Workspaces microfrontend.\n * Defines all routes and their corresponding page components.\n *\n * - WorkspacesListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better performance\n * - Projects, Members, Activity: gated by feature flags (unreleased)\n */\nexport function WorkspacesRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        {/* Default redirect */}\n        <Route index element={<Navigate to=\"list\" replace />} />\n\n        {/* Workspaces List - Eager loaded */}\n        <Route path=\"list\" element={<WorkspacesListPage />} />\n\n        {/* Create Workspace (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"new\" element={<CreateWorkspacePage />} />\n\n        {/* Pending Invites (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invites\" element={<PendingInvitesPage />} />\n\n        {/* Workspace Invite */}\n        <Route path=\"invite\" element={<CurrentWorkspaceInviteRedirect />} />\n\n        {/* Invitation Acceptance (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invite/:invitationId\" element={<InviteAcceptancePage />} />\n\n        {/* Workspace Detail */}\n        <Route path=\":workspaceId\" element={<WorkspaceDetailPage />} />\n        <Route\n          path=\":workspaceId/settings\"\n          element={gated('workspaces.settings', <WorkspaceSettingsPage />, true)}\n        />\n        <Route path=\":workspaceId/invite\" element={<WorkspaceInvitePage />} />\n\n        {/* Projects — core feature, never gated */}\n        <Route path=\"projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects/:projectId\" element={<ProjectDetailPage />} />\n\n        {/* Members — gated by workspaces.members */}\n        <Route path=\"members\" element={gated('workspaces.members', <MembersListPage />, true)} />\n        <Route\n          path=\":workspaceId/members\"\n          element={gated('workspaces.members', <MembersListPage />, true)}\n        />\n\n        {/* Activity — gated by workspaces.activity */}\n        <Route path=\"activity\" element={gated('workspaces.activity', <ActivityListPage />)} />\n        <Route\n          path=\":workspaceId/activity\"\n          element={gated('workspaces.activity', <ActivityListPage />)}\n        />\n\n        {/* Catch-all redirect - uses absolute path to prevent infinite loops */}\n        <Route path=\"*\" element={<CatchAllRedirect />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspacesRoutes.js","names":[],"sources":["../src/WorkspacesRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useWorkspacesContext } from './providers/WorkspacesProvider';\n\n// Eager load - main entry point\nimport { WorkspacesListPage } from './pages/WorkspacesListPage';\n\n// Lazy load - secondary pages\nconst CreateWorkspacePage = lazy(() =>\n  import('./pages/CreateWorkspacePage').then((m) => ({ default: m.CreateWorkspacePage }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n  import('./pages/WorkspaceDetailPage').then((m) => ({ default: m.WorkspaceDetailPage }))\n);\nconst WorkspaceSettingsPage = lazy(() =>\n  import('./pages/WorkspaceSettingsPage').then((m) => ({ default: m.WorkspaceSettingsPage }))\n);\nconst ProjectsListPage = lazy(() =>\n  import('./pages/ProjectsListPage').then((m) => ({ default: m.ProjectsListPage }))\n);\nconst ProjectDetailPage = lazy(() =>\n  import('./pages/ProjectDetailPage').then((m) => ({ default: m.ProjectDetailPage }))\n);\nconst ProjectMembersPage = lazy(() =>\n  import('./pages/ProjectMembersPage').then((m) => ({ default: m.ProjectMembersPage }))\n);\nconst MembersListPage = lazy(() =>\n  import('./pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst ActivityListPage = lazy(() =>\n  import('./pages/ActivityListPage').then((m) => ({ default: m.ActivityListPage }))\n);\nconst InviteAcceptancePage = lazy(() =>\n  import('./pages/InviteAcceptancePage').then((m) => ({ default: m.InviteAcceptancePage }))\n);\nconst PendingInvitesPage = lazy(() =>\n  import('./pages/PendingInvitesPage').then((m) => ({ default: m.PendingInvitesPage }))\n);\nconst WorkspaceInvitePage = lazy(() =>\n  import('./pages/WorkspaceInvitePage').then((m) => ({ default: m.WorkspaceInvitePage }))\n);\n\n/**\n * Loading fallback for lazy-loaded components\n */\nfunction PageLoader() {\n  return (\n    <div className=\"flex items-center justify-center h-64\">\n      <div className=\"animate-spin rounded-full size-8 border-b-2 border-primary\" />\n    </div>\n  );\n}\n\n/**\n * Fallback shown when a feature-gated route is disabled.\n */\nfunction FeatureDisabledFallback() {\n  return (\n    <div className=\"flex h-full items-center justify-center p-8 text-center\">\n      <div>\n        <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n        <p className=\"text-sm text-text-secondary\">\n          This feature is not currently available. Enable it under Feature Previews to access this\n          functionality.\n        </p>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n * defaultValue=false → hidden until explicitly enabled (unreleased feature).\n */\nfunction gated(flag: string, element: React.ReactNode, defaultValue = false): React.ReactElement {\n  return (\n    <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n      {element}\n    </FeatureGate>\n  );\n}\n\n/**\n * Catch-all redirect component that uses the basePath from context\n * to navigate to an absolute path, preventing infinite redirect loops.\n */\nfunction CatchAllRedirect() {\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  return <Navigate to={`${basePath}/list`} replace />;\n}\n\nfunction CurrentWorkspaceInviteRedirect() {\n  const { basePath = '/workspaces', workspaceId } = useWorkspacesContext();\n\n  if (!workspaceId) {\n    return <WorkspaceInvitePage />;\n  }\n\n  return <Navigate to={`${basePath}/${workspaceId}/invite`} replace />;\n}\n\n/**\n * Internal routing for the Workspaces microfrontend.\n * Defines all routes and their corresponding page components.\n *\n * - WorkspacesListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better performance\n * - Projects, Members, Activity: gated by feature flags (unreleased)\n */\nexport function WorkspacesRoutes() {\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        {/* Default redirect */}\n        <Route index element={<Navigate to=\"list\" replace />} />\n\n        {/* Workspaces List - Eager loaded */}\n        <Route path=\"list\" element={<WorkspacesListPage />} />\n\n        {/* Create Workspace (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"new\" element={<CreateWorkspacePage />} />\n\n        {/* Pending Invites (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invites\" element={<PendingInvitesPage />} />\n\n        {/* Workspace Invite */}\n        <Route path=\"invite\" element={<CurrentWorkspaceInviteRedirect />} />\n\n        {/* Invitation Acceptance (must come before :workspaceId to avoid conflicts) */}\n        <Route path=\"invite/:invitationId\" element={<InviteAcceptancePage />} />\n\n        {/* Workspace Detail */}\n        <Route path=\":workspaceId\" element={<WorkspaceDetailPage />} />\n        <Route\n          path=\":workspaceId/settings\"\n          element={gated('workspaces.settings', <WorkspaceSettingsPage />, true)}\n        />\n        <Route path=\":workspaceId/invite\" element={<WorkspaceInvitePage />} />\n\n        {/* Projects — core feature, never gated */}\n        <Route path=\"projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects\" element={<ProjectsListPage />} />\n        <Route path=\":workspaceId/projects/:projectId\" element={<ProjectDetailPage />} />\n        <Route\n          path=\":workspaceId/projects/:projectId/members\"\n          element={gated('workspaces.members', <ProjectMembersPage />, true)}\n        />\n\n        {/* Members — gated by workspaces.members */}\n        <Route path=\"members\" element={gated('workspaces.members', <MembersListPage />, true)} />\n        <Route\n          path=\":workspaceId/members\"\n          element={gated('workspaces.members', <MembersListPage />, true)}\n        />\n\n        {/* Activity — gated by workspaces.activity */}\n        <Route path=\"activity\" element={gated('workspaces.activity', <ActivityListPage />)} />\n        <Route\n          path=\":workspaceId/activity\"\n          element={gated('workspaces.activity', <ActivityListPage />)}\n        />\n\n        {/* Catch-all redirect - uses absolute path to prevent infinite loops */}\n        <Route path=\"*\" element={<CatchAllRedirect />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}

package/dist/components/MemberListItem.js

@@ -15,7 +15,8 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 	}], [k.userId]), {
 		apiGatewayUrl: L,
 		authToken: R,
-		orgId: z
+		orgId: z,
+		workspaceId: k.workspaceId
 	})[k.userId];
 	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(S, {
 		className: `hover:bg-bg-canvas transition-all duration-200 ${A ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,

package/dist/components/MemberListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  Button,\n  Badge,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal, UserMinus } from 'lucide-react';\nimport { ActorIdentity, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useRemoveWorkspaceMember } from '../hooks/useMemberMutations';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport type { WorkspaceMember } from '../types';\n\nexport interface MemberListItemProps {\n  member: WorkspaceMember;\n  onUpdateRoles?: (memberId: string, roleIds: string[]) => void;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  canRemove?: boolean;\n}\n\nexport function MemberListItem({\n  member,\n  selected = false,\n  onToggleSelect,\n  canRemove = false,\n}: MemberListItemProps) {\n  const [showRemoveDialog, setShowRemoveDialog] = useState(false);\n  const { mutate: removeMember, isPending: isRemoving } = useRemoveWorkspaceMember(\n    member.workspaceId\n  );\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n\n  // Resolve userId → displayName + email via the shared actor profile cache.\n  // UUIDs must never headline a row — the resolved identity goes in primary\n  // position; the raw ID lives in the drill-down inside ActorIdentity.\n  const actors = useMemo<ActorInput[]>(\n    () => [{ actorId: member.userId, actorType: 'user' }],\n    [member.userId]\n  );\n  const profileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n  const profile = profileMap[member.userId];\n\n  const handleRemove = () => {\n    void nativeImpact('medium');\n    removeMember(member.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowRemoveDialog(false);\n      },\n      onError: () => {\n        void nativeNotify('error');\n      },\n    });\n  };\n\n  return (\n    <>\n      <Card\n        className={`hover:bg-bg-canvas transition-all duration-200 ${\n          selected ? 'ring-2 ring-action-primary-bg/25 border-action-primary-bg/50' : ''\n        }`}\n      >\n        <CardContent className=\"p-4\">\n          <div className=\"flex items-center justify-between gap-4\">\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg\"\n                  aria-label={`Select member ${profile?.displayName ?? ''}`}\n                />\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                {profile ? <ActorIdentity profile={profile} variant=\"cell\" /> : null}\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    Workspace member\n                  </Badge>\n                  <span className=\"text-xs text-text-secondary\">\n                    Joined {formatRelativeTime(member.createdAt)}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {canRemove && (\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"icon\" className=\"size-8 flex-shrink-0\">\n                    <MoreHorizontal className=\"size-4\" />\n                    <span className=\"sr-only\">Open member actions</span>\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowRemoveDialog(true)}\n                    className=\"flex w-full items-center rounded-sm px-2 py-1.5 text-sm text-status-danger-text outline-none transition-colors hover:bg-action-ghost-bg-hover focus:bg-action-ghost-bg-hover\"\n                  >\n                    <UserMinus className=\"mr-2 size-4\" />\n                    Remove Member\n                  </button>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n\n      <AlertDialog open={showRemoveDialog} onOpenChange={setShowRemoveDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Remove Member</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to remove {profile?.displayName ?? 'this member'} from the\n              workspace? This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleRemove}\n              disabled={isRemoving}\n              className=\"bg-status-danger-bg text-status-danger-text hover:bg-status-danger-bg/90\"\n            >\n              {isRemoving ? 'Removing...' : 'Remove Member'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,mBACA,eAAY,MACU;CACtB,IAAM,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,EAAE,QAAQ,GAAc,WAAW,MAAe,EACtD,EAAO,YACR,EACK,EAAE,kBAAe,cAAW,sBAAmB,GAAsB,EAcrE,IALa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACR,CAAC,CACyB,EAAO;AAelC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW,kDACT,IAAW,iEAAiE;YAG9E,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,MAAU,EAAe,EAAM,OAAO,QAAQ;MACzD,WAAU;MACV,cAAY,iBAAiB,GAAS,eAAe;MACrD,CAAA,EAGJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IAAU,kBAAC,GAAD;OAAwB;OAAS,SAAQ;OAAS,CAAA,GAAG,MAChE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAAU;QAEvC,CAAA,EACR,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA8C,WACpC,EAAmB,EAAO,UAAU,CACvC;UACH;SACF;QACF;QAEL,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,SAAA;eACnB,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAO,WAAU;gBAA9C,CACE,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAA0B,CAAA,CAC7C;;KACW,CAAA,EACtB,kBAAC,GAAD;KAAqB,OAAM;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAoB,GAAK;MACxC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,gBAE9B;;KACW,CAAA,CACT,EAAA,CAAA,CAEb;;GACM,CAAA;EACT,CAAA,EAEP,kBAAC,GAAD;EAAa,MAAM;EAAkB,cAAc;YACjD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAkB,iBAAgC,CAAA,EAClD,kBAAC,GAAD,EAAA,UAAA;GAAwB;GACW,GAAS,eAAe;GAAc;GAEhD,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAmB,UAAU;aAAY;GAA0B,CAAA,EACnE,kBAAC,GAAD;GACE,eAlFe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GAyEQ,UAAU;GACV,WAAU;aAET,IAAa,gBAAgB;GACZ,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}
+{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  Button,\n  Badge,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal, UserMinus } from 'lucide-react';\nimport { ActorIdentity, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useRemoveWorkspaceMember } from '../hooks/useMemberMutations';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport type { WorkspaceMember } from '../types';\n\nexport interface MemberListItemProps {\n  member: WorkspaceMember;\n  onUpdateRoles?: (memberId: string, roleIds: string[]) => void;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  canRemove?: boolean;\n}\n\nexport function MemberListItem({\n  member,\n  selected = false,\n  onToggleSelect,\n  canRemove = false,\n}: MemberListItemProps) {\n  const [showRemoveDialog, setShowRemoveDialog] = useState(false);\n  const { mutate: removeMember, isPending: isRemoving } = useRemoveWorkspaceMember(\n    member.workspaceId\n  );\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n\n  // Resolve userId → displayName + email via the shared actor profile cache.\n  // UUIDs must never headline a row — the resolved identity goes in primary\n  // position; the raw ID lives in the drill-down inside ActorIdentity.\n  const actors = useMemo<ActorInput[]>(\n    () => [{ actorId: member.userId, actorType: 'user' }],\n    [member.userId]\n  );\n  const profileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId: member.workspaceId,\n  });\n  const profile = profileMap[member.userId];\n\n  const handleRemove = () => {\n    void nativeImpact('medium');\n    removeMember(member.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowRemoveDialog(false);\n      },\n      onError: () => {\n        void nativeNotify('error');\n      },\n    });\n  };\n\n  return (\n    <>\n      <Card\n        className={`hover:bg-bg-canvas transition-all duration-200 ${\n          selected ? 'ring-2 ring-action-primary-bg/25 border-action-primary-bg/50' : ''\n        }`}\n      >\n        <CardContent className=\"p-4\">\n          <div className=\"flex items-center justify-between gap-4\">\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg\"\n                  aria-label={`Select member ${profile?.displayName ?? ''}`}\n                />\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                {profile ? <ActorIdentity profile={profile} variant=\"cell\" /> : null}\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    Workspace member\n                  </Badge>\n                  <span className=\"text-xs text-text-secondary\">\n                    Joined {formatRelativeTime(member.createdAt)}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {canRemove && (\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"icon\" className=\"size-8 flex-shrink-0\">\n                    <MoreHorizontal className=\"size-4\" />\n                    <span className=\"sr-only\">Open member actions</span>\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowRemoveDialog(true)}\n                    className=\"flex w-full items-center rounded-sm px-2 py-1.5 text-sm text-status-danger-text outline-none transition-colors hover:bg-action-ghost-bg-hover focus:bg-action-ghost-bg-hover\"\n                  >\n                    <UserMinus className=\"mr-2 size-4\" />\n                    Remove Member\n                  </button>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n\n      <AlertDialog open={showRemoveDialog} onOpenChange={setShowRemoveDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Remove Member</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to remove {profile?.displayName ?? 'this member'} from the\n              workspace? This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleRemove}\n              disabled={isRemoving}\n              className=\"bg-status-danger-bg text-status-danger-text hover:bg-status-danger-bg/90\"\n            >\n              {isRemoving ? 'Removing...' : 'Remove Member'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,mBACA,eAAY,MACU;CACtB,IAAM,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,EAAE,QAAQ,GAAc,WAAW,MAAe,EACtD,EAAO,YACR,EACK,EAAE,kBAAe,cAAW,sBAAmB,GAAsB,EAerE,IANa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACP,aAAa,EAAO;EACrB,CAAC,CACyB,EAAO;AAelC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW,kDACT,IAAW,iEAAiE;YAG9E,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,MAAU,EAAe,EAAM,OAAO,QAAQ;MACzD,WAAU;MACV,cAAY,iBAAiB,GAAS,eAAe;MACrD,CAAA,EAGJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IAAU,kBAAC,GAAD;OAAwB;OAAS,SAAQ;OAAS,CAAA,GAAG,MAChE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAAU;QAEvC,CAAA,EACR,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA8C,WACpC,EAAmB,EAAO,UAAU,CACvC;UACH;SACF;QACF;QAEL,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,SAAA;eACnB,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAO,WAAU;gBAA9C,CACE,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAA0B,CAAA,CAC7C;;KACW,CAAA,EACtB,kBAAC,GAAD;KAAqB,OAAM;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAoB,GAAK;MACxC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,gBAE9B;;KACW,CAAA,CACT,EAAA,CAAA,CAEb;;GACM,CAAA;EACT,CAAA,EAEP,kBAAC,GAAD;EAAa,MAAM;EAAkB,cAAc;YACjD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAkB,iBAAgC,CAAA,EAClD,kBAAC,GAAD,EAAA,UAAA;GAAwB;GACW,GAAS,eAAe;GAAc;GAEhD,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAmB,UAAU;aAAY;GAA0B,CAAA,EACnE,kBAAC,GAAD;GACE,eAlFe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GAyEQ,UAAU;GACV,WAAU;aAET,IAAa,gBAAgB;GACZ,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}

package/dist/components/ProjectMemberPickerDialog.js

@@ -0,0 +1,211 @@
+import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
+import { nativeImpact as t, nativeNotify as n } from "../utils/nativeBridge.js";
+import { useInfiniteWorkspaceMembers as r } from "../hooks/useWorkspaceMembers.js";
+import { useAddProjectMember as ee } from "../hooks/useProjectMemberMutations.js";
+import { useInfiniteProjectMembers as te } from "../hooks/useProjectMembers.js";
+import { useEffect as ne, useMemo as i, useState as a } from "react";
+import { AlertCircle as o, Search as re, UserPlus as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as ie, Button as d, Input as f, ResponsiveDialog as p, ResponsiveDialogContent as ae, ResponsiveDialogDescription as m, ResponsiveDialogHeader as h, ResponsiveDialogTitle as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
+import { ActorIdentity as v, useActorProfiles as y } from "@burdenoff/fe-libs/shared";
+//#region src/components/ProjectMemberPickerDialog.tsx
+var b = 100, x = 10;
+function S(e) {
+	let t = e.context?.metadata;
+	return {
+		name: typeof t?.displayName == "string" ? t.displayName : typeof t?.name == "string" ? t.name : e.userId,
+		email: typeof t?.email == "string" ? t.email : void 0
+	};
+}
+function C({ open: C, onOpenChange: w, workspaceId: T, projectId: E, projectName: D }) {
+	let { apiGatewayUrl: O, authToken: oe, organizationId: se } = e(), { mutate: ce, isPending: k } = ee(T), [A, j] = a(""), [le, M] = a(null), [N, P] = a(null), { data: F, isLoading: I, isError: L, error: R, hasNextPage: z, fetchNextPage: B, isFetchingNextPage: V, refetch: H } = r(T, b, C), { data: U, isLoading: ue, isError: W, error: G, hasNextPage: K, fetchNextPage: q, isFetchingNextPage: J } = te(E, T, b, C);
+	ne(() => {
+		!C || !K || J || W || (U?.pages.length ?? 0) >= x || q();
+	}, [
+		q,
+		K,
+		W,
+		J,
+		C,
+		U?.pages.length
+	]);
+	let Y = i(() => F?.pages.flatMap((e) => e.items) ?? [], [F?.pages]), X = i(() => new Set(U?.pages.flatMap((e) => e.items.map((e) => e.userId)) ?? []), [U?.pages]), de = F?.pages[0]?.total ?? Y.length, Z = (U?.pages.length ?? 0) >= x, fe = !W && K && !Z, Q = y(i(() => Y.map((e) => ({
+		actorId: e.userId,
+		actorType: "user"
+	})), [Y]), {
+		apiGatewayUrl: O,
+		authToken: oe,
+		orgId: se,
+		workspaceId: T
+	}), $ = i(() => {
+		let e = A.trim().toLowerCase();
+		return Y.filter((t) => {
+			if (X.has(t.userId)) return !1;
+			if (!e) return !0;
+			let n = Q[t.userId];
+			if (n && (n.displayName.toLowerCase().includes(e) || n.email?.toLowerCase().includes(e))) return !0;
+			let r = S(t);
+			return r.name.toLowerCase().includes(e) || r.email?.toLowerCase().includes(e) || t.userId.toLowerCase().includes(e);
+		});
+	}, [
+		X,
+		Q,
+		A,
+		Y
+	]), pe = (e) => {
+		t("medium"), M(e), P(null), ce({
+			projectId: E,
+			userId: e
+		}, {
+			onSuccess: () => {
+				n("success"), M(null), w(!1);
+			},
+			onError: (e) => {
+				n("error"), M(null), P(e instanceof Error ? e.message : "Failed to add member to project");
+			}
+		});
+	};
+	return /* @__PURE__ */ l(p, {
+		open: C,
+		onOpenChange: w,
+		children: /* @__PURE__ */ u(ae, {
+			className: "z-[120] flex h-[min(85vh,760px)] flex-col overflow-hidden sm:max-w-[720px]",
+			children: [/* @__PURE__ */ u(h, { children: [/* @__PURE__ */ l(g, { children: "Add member to project" }), /* @__PURE__ */ u(m, { children: [
+				"Add an existing workspace member to ",
+				D || "this project",
+				". Only current workspace members are eligible."
+			] })] }), /* @__PURE__ */ u("div", {
+				className: "space-y-4 overflow-hidden",
+				children: [
+					N ? /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+						children: [/* @__PURE__ */ l(o, { className: "size-4 shrink-0" }), /* @__PURE__ */ l("span", { children: N })]
+					}) : null,
+					G instanceof Error ? /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+						children: [/* @__PURE__ */ l(o, { className: "size-4 shrink-0" }), /* @__PURE__ */ l("span", { children: G.message })]
+					}) : null,
+					R instanceof Error ? /* @__PURE__ */ u("div", {
+						className: "space-y-3 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ l(o, { className: "size-4 shrink-0" }), /* @__PURE__ */ l("span", { children: R.message })]
+						}), /* @__PURE__ */ l(d, {
+							variant: "outline",
+							onClick: () => void H(),
+							children: "Retry Loading Members"
+						})]
+					}) : null,
+					/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ u("div", {
+							className: "relative flex-1",
+							children: [/* @__PURE__ */ l(re, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ l(f, {
+								value: A,
+								onChange: (e) => j(e.target.value),
+								placeholder: "Search workspace members",
+								className: "pl-9",
+								disabled: k
+							})]
+						}), /* @__PURE__ */ u(ie, {
+							variant: "secondary",
+							children: [
+								z ? `${$.length}+` : $.length,
+								" ",
+								"eligible"
+							]
+						})]
+					}),
+					/* @__PURE__ */ l("div", {
+						className: "max-h-[480px] space-y-3 overflow-y-auto pr-1",
+						children: L ? null : I || ue || fe || J ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ u("div", {
+							className: "rounded-lg border bg-card p-4",
+							children: [/* @__PURE__ */ l(_, { className: "h-5 w-40" }), /* @__PURE__ */ l(_, { className: "mt-2 h-4 w-56" })]
+						}, t)) : G instanceof Error ? null : $.length === 0 ? /* @__PURE__ */ u("div", {
+							className: "rounded-lg border bg-card p-8 text-center",
+							children: [
+								/* @__PURE__ */ l(s, { className: "mx-auto mb-3 size-10 text-muted-foreground" }),
+								/* @__PURE__ */ l("h3", {
+									className: "text-lg font-semibold",
+									children: "No eligible members found"
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "mt-2 text-sm text-muted-foreground",
+									children: "All workspace members are already part of this project, or nothing matched your search."
+								}),
+								Z ? /* @__PURE__ */ u("p", {
+									className: "mt-3 text-xs text-muted-foreground",
+									children: [
+										"Loaded the first ",
+										x * b,
+										" ",
+										"project members to avoid an excessively long blocking load."
+									]
+								}) : null,
+								z ? /* @__PURE__ */ l("div", {
+									className: "mt-4",
+									children: /* @__PURE__ */ l(d, {
+										variant: "outline",
+										onClick: () => void B(),
+										disabled: V || k,
+										children: V ? "Loading more…" : "Load More Members"
+									})
+								}) : null
+							]
+						}) : /* @__PURE__ */ u(c, { children: [$.map((e) => {
+							let t = Q[e.userId], n = S(e), r = k && le === e.userId;
+							return /* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between gap-4 rounded-lg border bg-card p-4",
+								children: [/* @__PURE__ */ l("div", {
+									className: "min-w-0 flex-1",
+									children: t ? /* @__PURE__ */ l(v, {
+										profile: t,
+										variant: "cell"
+									}) : /* @__PURE__ */ u("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ l("p", {
+											className: "truncate font-medium",
+											children: n.name
+										}), n.email ? /* @__PURE__ */ l("p", {
+											className: "truncate text-sm text-muted-foreground",
+											children: n.email
+										}) : /* @__PURE__ */ l("p", {
+											className: "truncate text-xs text-muted-foreground",
+											children: e.userId
+										})]
+									})
+								}), /* @__PURE__ */ u(d, {
+									size: "sm",
+									onClick: () => pe(e.userId),
+									disabled: k,
+									children: [/* @__PURE__ */ l(s, { className: "mr-2 size-4" }), r ? "Adding..." : "Add"]
+								})]
+							}, e.id);
+						}), z ? /* @__PURE__ */ u("div", {
+							className: "flex flex-col items-center gap-2 rounded-lg border border-dashed bg-muted/20 p-4 text-center",
+							children: [/* @__PURE__ */ u("p", {
+								className: "text-sm text-muted-foreground",
+								children: [
+									"Showing ",
+									Y.length,
+									" of ",
+									de,
+									" workspace members."
+								]
+							}), /* @__PURE__ */ l(d, {
+								variant: "outline",
+								onClick: () => void B(),
+								disabled: V || k,
+								children: V ? "Loading more…" : "Load More Members"
+							})]
+						}) : null] })
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { C as ProjectMemberPickerDialog };
+
+//# sourceMappingURL=ProjectMemberPickerDialog.js.map

package/dist/components/ProjectMemberPickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectMemberPickerDialog.js","names":[],"sources":["../../src/components/ProjectMemberPickerDialog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { AlertCircle, Search, UserPlus } from 'lucide-react';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport {\n  Badge,\n  Button,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useAddProjectMember } from '../hooks/useProjectMemberMutations';\nimport { useInfiniteProjectMembers } from '../hooks/useProjectMembers';\nimport { useInfiniteWorkspaceMembers } from '../hooks/useWorkspaceMembers';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport type { WorkspaceMember } from '../types';\n\nconst MEMBER_PAGE_SIZE = 100;\nconst MAX_AUTOLOADED_PROJECT_MEMBER_PAGES = 10;\n\nfunction getFallbackDisplay(member: WorkspaceMember): { name: string; email?: string } {\n  const meta = member.context?.metadata;\n  const name =\n    typeof meta?.displayName === 'string'\n      ? meta.displayName\n      : typeof meta?.name === 'string'\n        ? meta.name\n        : member.userId;\n  const email = typeof meta?.email === 'string' ? meta.email : undefined;\n  return { name, email };\n}\n\nexport interface ProjectMemberPickerDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  workspaceId: string;\n  projectId: string;\n  projectName?: string;\n}\n\nexport function ProjectMemberPickerDialog({\n  open,\n  onOpenChange,\n  workspaceId,\n  projectId,\n  projectName,\n}: ProjectMemberPickerDialogProps) {\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n  const { mutate: addProjectMember, isPending: isAdding } = useAddProjectMember(workspaceId);\n  const [searchValue, setSearchValue] = useState('');\n  const [addingUserId, setAddingUserId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n\n  const {\n    data: workspaceMembersPages,\n    isLoading: isLoadingMembers,\n    isError: isErrorWorkspaceMembers,\n    error: workspaceMembersError,\n    hasNextPage: hasMoreWorkspaceMembers,\n    fetchNextPage: fetchNextWorkspaceMembersPage,\n    isFetchingNextPage: isFetchingNextWorkspaceMembersPage,\n    refetch: refetchWorkspaceMembers,\n  } = useInfiniteWorkspaceMembers(workspaceId, MEMBER_PAGE_SIZE, open);\n\n  const {\n    data: projectMembersPages,\n    isLoading: isLoadingProjectMembers,\n    isError: isErrorProjectMembers,\n    error: projectMembersError,\n    hasNextPage: hasMoreProjectMembers,\n    fetchNextPage: fetchNextProjectMembersPage,\n    isFetchingNextPage: isFetchingNextProjectMembersPage,\n  } = useInfiniteProjectMembers(projectId, workspaceId, MEMBER_PAGE_SIZE, open);\n\n  useEffect(() => {\n    if (\n      !open ||\n      !hasMoreProjectMembers ||\n      isFetchingNextProjectMembersPage ||\n      isErrorProjectMembers ||\n      (projectMembersPages?.pages.length ?? 0) >= MAX_AUTOLOADED_PROJECT_MEMBER_PAGES\n    ) {\n      return;\n    }\n\n    void fetchNextProjectMembersPage();\n  }, [\n    fetchNextProjectMembersPage,\n    hasMoreProjectMembers,\n    isErrorProjectMembers,\n    isFetchingNextProjectMembersPage,\n    open,\n    projectMembersPages?.pages.length,\n  ]);\n\n  const workspaceMembers = useMemo(\n    () => workspaceMembersPages?.pages.flatMap((page) => page.items) ?? [],\n    [workspaceMembersPages?.pages]\n  );\n  const existingUserIdSet = useMemo(\n    () =>\n      new Set(\n        projectMembersPages?.pages.flatMap((page) => page.items.map((member) => member.userId)) ??\n          []\n      ),\n    [projectMembersPages?.pages]\n  );\n  const totalWorkspaceMembers = workspaceMembersPages?.pages[0]?.total ?? workspaceMembers.length;\n  const reachedProjectMemberAutoloadCap =\n    (projectMembersPages?.pages.length ?? 0) >= MAX_AUTOLOADED_PROJECT_MEMBER_PAGES;\n  const isAutoloadingProjectMembers =\n    !isErrorProjectMembers && hasMoreProjectMembers && !reachedProjectMemberAutoloadCap;\n\n  const actors = useMemo<ActorInput[]>(\n    () => workspaceMembers.map((member) => ({ actorId: member.userId, actorType: 'user' })),\n    [workspaceMembers]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  const eligibleMembers = useMemo(() => {\n    const needle = searchValue.trim().toLowerCase();\n\n    return workspaceMembers.filter((member) => {\n      if (existingUserIdSet.has(member.userId)) {\n        return false;\n      }\n\n      if (!needle) {\n        return true;\n      }\n\n      const profile = profileMap[member.userId];\n      if (profile) {\n        if (profile.displayName.toLowerCase().includes(needle)) return true;\n        if (profile.email?.toLowerCase().includes(needle)) return true;\n      }\n\n      const fallback = getFallbackDisplay(member);\n      return (\n        fallback.name.toLowerCase().includes(needle) ||\n        fallback.email?.toLowerCase().includes(needle) ||\n        member.userId.toLowerCase().includes(needle)\n      );\n    });\n  }, [existingUserIdSet, profileMap, searchValue, workspaceMembers]);\n\n  const handleAddMember = (userId: string) => {\n    void nativeImpact('medium');\n    setAddingUserId(userId);\n    setError(null);\n\n    addProjectMember(\n      { projectId, userId },\n      {\n        onSuccess: () => {\n          void nativeNotify('success');\n          setAddingUserId(null);\n          onOpenChange(false);\n        },\n        onError: (mutationError) => {\n          void nativeNotify('error');\n          setAddingUserId(null);\n          setError(\n            mutationError instanceof Error\n              ? mutationError.message\n              : 'Failed to add member to project'\n          );\n        },\n      }\n    );\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"z-[120] flex h-[min(85vh,760px)] flex-col overflow-hidden sm:max-w-[720px]\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Add member to project</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Add an existing workspace member to {projectName || 'this project'}. Only current\n            workspace members are eligible.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"space-y-4 overflow-hidden\">\n          {error ? (\n            <div className=\"flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive\">\n              <AlertCircle className=\"size-4 shrink-0\" />\n              <span>{error}</span>\n            </div>\n          ) : null}\n\n          {projectMembersError instanceof Error ? (\n            <div className=\"flex items-center gap-2 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive\">\n              <AlertCircle className=\"size-4 shrink-0\" />\n              <span>{projectMembersError.message}</span>\n            </div>\n          ) : null}\n\n          {workspaceMembersError instanceof Error ? (\n            <div className=\"space-y-3 rounded-md border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive\">\n              <div className=\"flex items-center gap-2\">\n                <AlertCircle className=\"size-4 shrink-0\" />\n                <span>{workspaceMembersError.message}</span>\n              </div>\n              <Button variant=\"outline\" onClick={() => void refetchWorkspaceMembers()}>\n                Retry Loading Members\n              </Button>\n            </div>\n          ) : null}\n\n          <div className=\"flex items-center gap-2\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                value={searchValue}\n                onChange={(event) => setSearchValue(event.target.value)}\n                placeholder=\"Search workspace members\"\n                className=\"pl-9\"\n                disabled={isAdding}\n              />\n            </div>\n            <Badge variant=\"secondary\">\n              {hasMoreWorkspaceMembers ? `${eligibleMembers.length}+` : eligibleMembers.length}{' '}\n              eligible\n            </Badge>\n          </div>\n\n          <div className=\"max-h-[480px] space-y-3 overflow-y-auto pr-1\">\n            {isErrorWorkspaceMembers ? null : isLoadingMembers ||\n              isLoadingProjectMembers ||\n              isAutoloadingProjectMembers ||\n              isFetchingNextProjectMembersPage ? (\n              Array.from({ length: 5 }).map((_, index) => (\n                <div key={index} className=\"rounded-lg border bg-card p-4\">\n                  <Skeleton className=\"h-5 w-40\" />\n                  <Skeleton className=\"mt-2 h-4 w-56\" />\n                </div>\n              ))\n            ) : projectMembersError instanceof Error ? null : eligibleMembers.length === 0 ? (\n              <div className=\"rounded-lg border bg-card p-8 text-center\">\n                <UserPlus className=\"mx-auto mb-3 size-10 text-muted-foreground\" />\n                <h3 className=\"text-lg font-semibold\">No eligible members found</h3>\n                <p className=\"mt-2 text-sm text-muted-foreground\">\n                  All workspace members are already part of this project, or nothing matched your\n                  search.\n                </p>\n                {reachedProjectMemberAutoloadCap ? (\n                  <p className=\"mt-3 text-xs text-muted-foreground\">\n                    Loaded the first {MAX_AUTOLOADED_PROJECT_MEMBER_PAGES * MEMBER_PAGE_SIZE}{' '}\n                    project members to avoid an excessively long blocking load.\n                  </p>\n                ) : null}\n                {hasMoreWorkspaceMembers ? (\n                  <div className=\"mt-4\">\n                    <Button\n                      variant=\"outline\"\n                      onClick={() => void fetchNextWorkspaceMembersPage()}\n                      disabled={isFetchingNextWorkspaceMembersPage || isAdding}\n                    >\n                      {isFetchingNextWorkspaceMembersPage ? 'Loading more…' : 'Load More Members'}\n                    </Button>\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <>\n                {eligibleMembers.map((member) => {\n                  const profile = profileMap[member.userId];\n                  const fallback = getFallbackDisplay(member);\n                  const isSubmitting = isAdding && addingUserId === member.userId;\n\n                  return (\n                    <div\n                      key={member.id}\n                      className=\"flex items-center justify-between gap-4 rounded-lg border bg-card p-4\"\n                    >\n                      <div className=\"min-w-0 flex-1\">\n                        {profile ? (\n                          <ActorIdentity profile={profile} variant=\"cell\" />\n                        ) : (\n                          <div className=\"min-w-0\">\n                            <p className=\"truncate font-medium\">{fallback.name}</p>\n                            {fallback.email ? (\n                              <p className=\"truncate text-sm text-muted-foreground\">\n                                {fallback.email}\n                              </p>\n                            ) : (\n                              <p className=\"truncate text-xs text-muted-foreground\">\n                                {member.userId}\n                              </p>\n                            )}\n                          </div>\n                        )}\n                      </div>\n\n                      <Button\n                        size=\"sm\"\n                        onClick={() => handleAddMember(member.userId)}\n                        disabled={isAdding}\n                      >\n                        <UserPlus className=\"mr-2 size-4\" />\n                        {isSubmitting ? 'Adding...' : 'Add'}\n                      </Button>\n                    </div>\n                  );\n                })}\n\n                {hasMoreWorkspaceMembers ? (\n                  <div className=\"flex flex-col items-center gap-2 rounded-lg border border-dashed bg-muted/20 p-4 text-center\">\n                    <p className=\"text-sm text-muted-foreground\">\n                      Showing {workspaceMembers.length} of {totalWorkspaceMembers} workspace\n                      members.\n                    </p>\n                    <Button\n                      variant=\"outline\"\n                      onClick={() => void fetchNextWorkspaceMembersPage()}\n                      disabled={isFetchingNextWorkspaceMembersPage || isAdding}\n                    >\n                      {isFetchingNextWorkspaceMembersPage ? 'Loading more…' : 'Load More Members'}\n                    </Button>\n                  </div>\n                ) : null}\n              </>\n            )}\n          </div>\n        </div>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/generated/wspace-operations.js

@@ -531,8 +531,8 @@ var j = e`
   }
 }
     ${a}`, I = e`
-    query GetMyPendingInvitations($email: String!) {
-  myPendingInvitations(email: $email) {
+    query GetMyPendingInvitations {
+  myPendingInvitations {
     ...InvitationCardFields
     deletedAt
   }