@burdenoff/microfe-workspaces 2026.625.1 → 2026.625.3

package/dist/pages/MembersListPage.js

@@ -180,7 +180,7 @@ function y() {
 					})]
 				}),
 				W.length > 0 && /* @__PURE__ */ p("div", {
-					className: "flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
+					className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
 					children: [/* @__PURE__ */ p("label", {
 						className: "flex items-center gap-2 text-sm text-text-primary",
 						children: [/* @__PURE__ */ f("input", {
@@ -353,7 +353,7 @@ function y() {
 							children: i(y, "membersList.pendingInvitationsHeader", "Pending Invitations")
 						}),
 						/* @__PURE__ */ p("div", {
-							className: "flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
+							className: "flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between",
 							children: [/* @__PURE__ */ p("label", {
 								className: "flex items-center gap-2 text-sm text-text-primary",
 								children: [/* @__PURE__ */ f("input", {

package/dist/pages/MembersListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../src/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useNavigate, useParams, useSearchParams } from 'react-router-dom';\nimport { Users, UserPlus, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { Button, Input, Skeleton, Badge, PageContainer } from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useActorProfiles, type ActorInput, type ActorProfileMap } from '@burdenoff/fe-libs/shared';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useWorkspaceMembers, useWorkspaceInvitations } from '../hooks/useWorkspaceMembers';\nimport { useRemoveUserFromWorkspace, useResendInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { MemberListItem } from '../components/MemberListItem';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\nexport function MembersListPage() {\n  const { t } = useI18n();\n\n  const {\n    memberFilters,\n    setMemberFilters,\n    selectedMemberIds,\n    toggleMemberSelection,\n    clearMemberSelection,\n  } = useWorkspacesStore();\n  const navigate = useNavigate();\n  const { workspaceId: contextWorkspaceId } = useWorkspacesContext();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { workspaceId: urlWorkspaceId } = useParams<{ workspaceId: string }>();\n\n  // Prefer URL workspaceId over context (user navigated to specific workspace).\n  // WorkspaceContextPathSync keeps this URL segment in step with the active context\n  // on a context switch, so the override can't point at a stale workspace.\n  // (BOFF-2805 follow-up)\n  const workspaceId = urlWorkspaceId || contextWorkspaceId;\n\n  useWorkspacesPageView('workspaces.members', { workspaceId, requireParams: true });\n\n  const [searchValue, setSearchValue] = useState(memberFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setMemberFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setMemberFilters]);\n\n  // Fetch members and invitations\n  const {\n    data: membersData,\n    isLoading: isLoadingMembers,\n    error: membersError,\n  } = useWorkspaceMembers(workspaceId || '');\n\n  const { data: invitationsData, isLoading: isLoadingInvitations } = useWorkspaceInvitations(\n    workspaceId || '',\n    'PENDING'\n  );\n\n  const { mutate: resendInvitation, isPending: isResending } = useResendInvitation();\n  const { mutate: removeUserFromWorkspace, isPending: isRemovingMembers } =\n    useRemoveUserFromWorkspace();\n  const [resendingId, setResendingId] = useState<string | null>(null);\n  const [selectedInvitationIds, setSelectedInvitationIds] = useState<Set<string>>(new Set());\n\n  const handleResendInvitation = (invitationId: string) => {\n    setResendingId(invitationId);\n    resendInvitation(invitationId, {\n      onSuccess: () => {\n        setResendingId(null);\n      },\n      onError: (error) => {\n        console.error('Failed to resend invitation:', error);\n        setResendingId(null);\n      },\n    });\n  };\n\n  const members = useMemo(() => membersData?.items || [], [membersData?.items]);\n  const pendingInvitations = useMemo(() => invitationsData?.items || [], [invitationsData?.items]);\n  const isLoading = isLoadingMembers || isLoadingInvitations;\n  const hasMembers = members.length > 0;\n  const hasPendingInvitations = pendingInvitations.length > 0;\n\n  // Resolve every member's userId to displayName + email via the shared\n  // ActorProfile cache so search can match human-friendly fields instead of\n  // raw UUIDs.\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  // Filter members by resolved identity (displayName, email) — fall back to\n  // raw userId only if the profile hasn't resolved yet so search still works\n  // during the brief loading window.\n  const filteredMembers = members.filter((member) => {\n    if (!debouncedSearch) return true;\n    const needle = debouncedSearch.toLowerCase();\n\n    // Primary: the shared ActorProfile cache — canonical, works for every\n    // member regardless of how they joined.\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    // Fallback: the denormalized identity surfaced by the backend through\n    // `WorkspaceMember.context.metadata` (populated from\n    // `WorkspaceMember.email` for members who joined via invitation — PR #66).\n    // Available synchronously, so search still matches during the brief window\n    // before the ActorProfile lookup resolves.\n    //\n    // The metadata field is typed `Record<string, unknown>`, so we MUST guard\n    // every read with `typeof === 'string'`. A non-string value (e.g. a number,\n    // null, or a nested object accidentally surfaced by a future backend\n    // mapper) would otherwise crash the page on `.toLowerCase()`. Reviewed:\n    // PR #24 codex (P2).\n    const meta = member.context?.metadata;\n    const metaEmail = typeof meta?.email === 'string' ? meta.email : '';\n    const metaDisplayRaw =\n      typeof meta?.displayName === 'string'\n        ? meta.displayName\n        : typeof meta?.name === 'string'\n          ? meta.name\n          : '';\n    if (metaEmail.toLowerCase().includes(needle)) return true;\n    if (metaDisplayRaw.toLowerCase().includes(needle)) return true;\n\n    // Last resort: raw userId — keeps the previous behaviour for members with\n    // neither a resolved profile nor a denormalized identity yet.\n    return member.userId.toLowerCase().includes(needle);\n  });\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const selectedInvitations = useMemo(\n    () => pendingInvitations.filter((invitation) => selectedInvitationIds.has(invitation.id)),\n    [pendingInvitations, selectedInvitationIds]\n  );\n\n  const allVisibleMembersSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelectedMembers =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) &&\n    !allVisibleMembersSelected;\n\n  const allVisibleInvitationsSelected =\n    pendingInvitations.length > 0 &&\n    pendingInvitations.every((invitation) => selectedInvitationIds.has(invitation.id));\n  const partiallySelectedInvitations =\n    pendingInvitations.some((invitation) => selectedInvitationIds.has(invitation.id)) &&\n    !allVisibleInvitationsSelected;\n\n  // Clear selection on unmount\n  useEffect(() => {\n    return () => clearMemberSelection();\n  }, [clearMemberSelection]);\n\n  // Redirect to the canonical workspace invite page when arriving through\n  // older members deep links that used ?invite=true.\n  const [searchParams, setSearchParams] = useSearchParams();\n  useEffect(() => {\n    if (searchParams.get('invite') === 'true' && workspaceId) {\n      const next = new URLSearchParams(searchParams);\n      next.delete('invite');\n      setSearchParams(next, { replace: true });\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`), { replace: true });\n    }\n  }, [searchParams, setSearchParams, workspaceId, navigate, withCurrentSearch, basePath]);\n\n  const {\n    canListMembers,\n    canInviteMember,\n    canRemoveMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canListMembers && !canInviteMember) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'membersList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'membersList.noPermissionToViewMembers',\n              \"You don't have permission to view workspace members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleInviteMember = () => {\n    if (workspaceId) {\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`));\n    }\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    filteredMembers.forEach((member) => {\n      const isSelected = selectedMemberIds.has(member.id);\n      if (checked !== isSelected) {\n        toggleMemberSelection(member.id);\n      }\n    });\n  };\n\n  const toggleInvitationSelection = (invitationId: string, checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(invitationId);\n      } else {\n        next.delete(invitationId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllInvitations = (checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      pendingInvitations.forEach((invitation) => {\n        if (checked) {\n          next.add(invitation.id);\n        } else {\n          next.delete(invitation.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const handleBulkRemoveMembers = async () => {\n    if (selectedMembers.length === 0) return;\n    void nativeImpact('medium');\n    const message = `${tWithFallback(t, 'membersList.bulkRemoveConfirmPrefix', 'Remove')} ${selectedMembers.length} ${\n      selectedMembers.length === 1\n        ? tWithFallback(t, 'membersList.bulkRemoveConfirmSingular', 'selected member')\n        : tWithFallback(t, 'membersList.bulkRemoveConfirmPlural', 'selected members')\n    } ${tWithFallback(t, 'membersList.bulkRemoveConfirmSuffix', 'from this workspace?')}`;\n    const native = await nativeConfirm({\n      title: 'Remove members',\n      message,\n      okButtonTitle: 'Remove',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    selectedMembers.forEach((member) => {\n      removeUserFromWorkspace(member.userId);\n    });\n    clearMemberSelection();\n  };\n\n  const handleBulkResendInvitations = () => {\n    if (selectedInvitations.length === 0) return;\n    selectedInvitations.forEach((invitation) => {\n      resendInvitation(invitation.id, {\n        onSuccess: () => {\n          setSelectedInvitationIds((prev) => {\n            const next = new Set(prev);\n            next.delete(invitation.id);\n            return next;\n          });\n        },\n      });\n    });\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'membersList.pageTitle', 'Members')}\n            </h1>\n            <p className=\"text-text-secondary text-sm sm:text-base\">\n              {tWithFallback(\n                t,\n                'membersList.pageSubtitle',\n                'Manage workspace members and invitations'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember} disabled={!workspaceId}>\n                <UserPlus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'membersList.inviteMember', 'Invite Member')}\n                </span>\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n\n        {/* Search & Stats */}\n        <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary\" />\n            <Input\n              placeholder={tWithFallback(t, 'membersList.searchPlaceholder', 'Search members...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {hasPendingInvitations && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\" className=\"text-sm\">\n                {pendingInvitations.length}{' '}\n                {pendingInvitations.length !== 1\n                  ? tWithFallback(t, 'membersList.pendingInvitations', 'Pending Invitations')\n                  : tWithFallback(t, 'membersList.pendingInvitation', 'Pending Invitation')}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {filteredMembers.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleMembersSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelectedMembers && !allVisibleMembersSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllMembers(event.target.checked)}\n                aria-label={tWithFallback(\n                  t,\n                  'membersList.selectAllMembersAriaLabel',\n                  'Select all workspace members'\n                )}\n                className=\"size-4 rounded border-border-subtle text-primary\"\n              />\n              <span>\n                {tWithFallback(\n                  t,\n                  'membersList.selectAllVisibleMembers',\n                  'Select all visible members'\n                )}\n              </span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-text-secondary\">\n                {selectedMemberIds.size} {tWithFallback(t, 'membersList.selected', 'selected')}\n              </span>\n              {selectedMemberIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearMemberSelection}>\n                  {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canRemoveMember && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkRemoveMembers}\n                  disabled={selectedMembers.length === 0 || isRemovingMembers}\n                  className=\"text-status-error-text\"\n                >\n                  {tWithFallback(t, 'membersList.removeSelected', 'Remove Selected')}\n                  {selectedMembers.length > 0 ? ` (${selectedMembers.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"space-y-3\">\n            {[...Array(5)].map((_, i) => (\n              <Skeleton key={i} className=\"h-20 w-full\" />\n            ))}\n          </div>\n        )}\n\n        {/* Error State */}\n        {!isLoading && membersError && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-status-error-bg/10 p-6 mb-4\">\n              <AlertCircle size={48} className=\"text-status-error-text\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.failedToLoad', 'Failed to Load Members')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {membersError instanceof Error\n                ? membersError.message\n                : tWithFallback(\n                    t,\n                    'membersList.errorLoadingMembers',\n                    'An error occurred while loading members'\n                  )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Workspace */}\n        {!isLoading && !membersError && !workspaceId && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noWorkspaceSelected', 'No Workspace Selected')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {tWithFallback(\n                t,\n                'membersList.selectWorkspacePrompt',\n                'Select a workspace to view and manage its members'\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Members */}\n        {!isLoading && !membersError && workspaceId && !hasMembers && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noMembersYet', 'No Members Yet')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm mb-4\">\n              {tWithFallback(\n                t,\n                'membersList.noMembersPrompt',\n                'Start building your team by inviting members to this workspace'\n              )}\n            </p>\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember}>\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'membersList.inviteFirstMember', 'Invite Your First Member')}\n              </Button>\n            </PermissionButton>\n          </div>\n        )}\n\n        {/* Empty State - No Search Results */}\n        {!isLoading &&\n          !membersError &&\n          workspaceId &&\n          hasMembers &&\n          filteredMembers.length === 0 && (\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n                <Search size={48} className=\"text-text-secondary\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tWithFallback(t, 'membersList.noMembersFound', 'No Members Found')}\n              </h3>\n              <p className=\"text-text-secondary max-w-sm\">\n                {tWithFallback(\n                  t,\n                  'membersList.noMembersFoundPrompt',\n                  'No members match your search criteria. Try adjusting your search.'\n                )}\n              </p>\n            </div>\n          )}\n\n        {/* Members List */}\n        {!isLoading && filteredMembers.length > 0 && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold\">\n                {tWithFallback(t, 'membersList.activeMembers', 'Active Members')} (\n                {filteredMembers.length})\n              </h2>\n            </div>\n            <div className=\"space-y-2\">\n              {filteredMembers.map((member) => (\n                <MemberListItem\n                  key={member.id}\n                  member={member}\n                  selected={selectedMemberIds.has(member.id)}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedMemberIds.has(member.id);\n                    if (checked !== isSelected) {\n                      toggleMemberSelection(member.id);\n                    }\n                  }}\n                  canRemove={canRemoveMember}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Pending Invitations Section - Now at bottom */}\n        {!isLoading && hasPendingInvitations && (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">\n              {tWithFallback(t, 'membersList.pendingInvitationsHeader', 'Pending Invitations')}\n            </h2>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleInvitationsSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate =\n                        partiallySelectedInvitations && !allVisibleInvitationsSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllInvitations(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'membersList.selectAllInvitationsAriaLabel',\n                    'Select all pending invitations'\n                  )}\n                  className=\"size-4 rounded border-border-subtle text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'membersList.selectAllInvitations', 'Select all invitations')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">\n                  {selectedInvitationIds.size}{' '}\n                  {tWithFallback(t, 'membersList.selected', 'selected')}\n                </span>\n                {selectedInvitationIds.size > 0 && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => setSelectedInvitationIds(new Set())}\n                  >\n                    {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {canInviteMember && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkResendInvitations}\n                    disabled={selectedInvitations.length === 0 || isResending}\n                  >\n                    {tWithFallback(t, 'membersList.resendSelected', 'Resend Selected')}\n                    {selectedInvitations.length > 0 ? ` (${selectedInvitations.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              {pendingInvitations.map((invitation) => (\n                <div\n                  key={invitation.id}\n                  className=\"flex items-center justify-between p-4 border rounded-lg bg-bg-surface\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedInvitationIds.has(invitation.id)}\n                      onChange={(event) =>\n                        toggleInvitationSelection(invitation.id, event.target.checked)\n                      }\n                      aria-label={`${tWithFallback(t, 'membersList.selectInvitationAriaLabel', 'Select invitation')} ${invitation.email}`}\n                      className=\"size-4 rounded border-border-subtle text-primary\"\n                    />\n                    <div className=\"size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors\">\n                      <Users className=\"size-5 text-status-warning\" />\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{invitation.email}</p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {tWithFallback(t, 'membersList.invited', 'Invited')}{' '}\n                        {new Date(invitation.createdAt).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionButton\n                      permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                      deniedBehavior=\"disable\"\n                      deniedTooltip={tWithFallback(\n                        t,\n                        'membersList.noPermissionToResend',\n                        \"You don't have permission to resend invitations\"\n                      )}\n                    >\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleResendInvitation(invitation.id)}\n                        disabled={isResending && resendingId === invitation.id}\n                      >\n                        <RefreshCw\n                          className={`size-4 mr-1 ${isResending && resendingId === invitation.id ? 'animate-spin' : ''}`}\n                        />\n                        {isResending && resendingId === invitation.id\n                          ? tWithFallback(t, 'membersList.sending', 'Sending...')\n                          : tWithFallback(t, 'membersList.resend', 'Resend')}\n                      </Button>\n                    </PermissionButton>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors\"\n                    >\n                      {tWithFallback(t, 'membersList.pending', 'Pending')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../src/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useNavigate, useParams, useSearchParams } from 'react-router-dom';\nimport { Users, UserPlus, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { Button, Input, Skeleton, Badge, PageContainer } from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useActorProfiles, type ActorInput, type ActorProfileMap } from '@burdenoff/fe-libs/shared';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useWorkspaceMembers, useWorkspaceInvitations } from '../hooks/useWorkspaceMembers';\nimport { useRemoveUserFromWorkspace, useResendInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { MemberListItem } from '../components/MemberListItem';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\nexport function MembersListPage() {\n  const { t } = useI18n();\n\n  const {\n    memberFilters,\n    setMemberFilters,\n    selectedMemberIds,\n    toggleMemberSelection,\n    clearMemberSelection,\n  } = useWorkspacesStore();\n  const navigate = useNavigate();\n  const { workspaceId: contextWorkspaceId } = useWorkspacesContext();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { workspaceId: urlWorkspaceId } = useParams<{ workspaceId: string }>();\n\n  // Prefer URL workspaceId over context (user navigated to specific workspace).\n  // WorkspaceContextPathSync keeps this URL segment in step with the active context\n  // on a context switch, so the override can't point at a stale workspace.\n  // (BOFF-2805 follow-up)\n  const workspaceId = urlWorkspaceId || contextWorkspaceId;\n\n  useWorkspacesPageView('workspaces.members', { workspaceId, requireParams: true });\n\n  const [searchValue, setSearchValue] = useState(memberFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setMemberFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setMemberFilters]);\n\n  // Fetch members and invitations\n  const {\n    data: membersData,\n    isLoading: isLoadingMembers,\n    error: membersError,\n  } = useWorkspaceMembers(workspaceId || '');\n\n  const { data: invitationsData, isLoading: isLoadingInvitations } = useWorkspaceInvitations(\n    workspaceId || '',\n    'PENDING'\n  );\n\n  const { mutate: resendInvitation, isPending: isResending } = useResendInvitation();\n  const { mutate: removeUserFromWorkspace, isPending: isRemovingMembers } =\n    useRemoveUserFromWorkspace();\n  const [resendingId, setResendingId] = useState<string | null>(null);\n  const [selectedInvitationIds, setSelectedInvitationIds] = useState<Set<string>>(new Set());\n\n  const handleResendInvitation = (invitationId: string) => {\n    setResendingId(invitationId);\n    resendInvitation(invitationId, {\n      onSuccess: () => {\n        setResendingId(null);\n      },\n      onError: (error) => {\n        console.error('Failed to resend invitation:', error);\n        setResendingId(null);\n      },\n    });\n  };\n\n  const members = useMemo(() => membersData?.items || [], [membersData?.items]);\n  const pendingInvitations = useMemo(() => invitationsData?.items || [], [invitationsData?.items]);\n  const isLoading = isLoadingMembers || isLoadingInvitations;\n  const hasMembers = members.length > 0;\n  const hasPendingInvitations = pendingInvitations.length > 0;\n\n  // Resolve every member's userId to displayName + email via the shared\n  // ActorProfile cache so search can match human-friendly fields instead of\n  // raw UUIDs.\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  // Filter members by resolved identity (displayName, email) — fall back to\n  // raw userId only if the profile hasn't resolved yet so search still works\n  // during the brief loading window.\n  const filteredMembers = members.filter((member) => {\n    if (!debouncedSearch) return true;\n    const needle = debouncedSearch.toLowerCase();\n\n    // Primary: the shared ActorProfile cache — canonical, works for every\n    // member regardless of how they joined.\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    // Fallback: the denormalized identity surfaced by the backend through\n    // `WorkspaceMember.context.metadata` (populated from\n    // `WorkspaceMember.email` for members who joined via invitation — PR #66).\n    // Available synchronously, so search still matches during the brief window\n    // before the ActorProfile lookup resolves.\n    //\n    // The metadata field is typed `Record<string, unknown>`, so we MUST guard\n    // every read with `typeof === 'string'`. A non-string value (e.g. a number,\n    // null, or a nested object accidentally surfaced by a future backend\n    // mapper) would otherwise crash the page on `.toLowerCase()`. Reviewed:\n    // PR #24 codex (P2).\n    const meta = member.context?.metadata;\n    const metaEmail = typeof meta?.email === 'string' ? meta.email : '';\n    const metaDisplayRaw =\n      typeof meta?.displayName === 'string'\n        ? meta.displayName\n        : typeof meta?.name === 'string'\n          ? meta.name\n          : '';\n    if (metaEmail.toLowerCase().includes(needle)) return true;\n    if (metaDisplayRaw.toLowerCase().includes(needle)) return true;\n\n    // Last resort: raw userId — keeps the previous behaviour for members with\n    // neither a resolved profile nor a denormalized identity yet.\n    return member.userId.toLowerCase().includes(needle);\n  });\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const selectedInvitations = useMemo(\n    () => pendingInvitations.filter((invitation) => selectedInvitationIds.has(invitation.id)),\n    [pendingInvitations, selectedInvitationIds]\n  );\n\n  const allVisibleMembersSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelectedMembers =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) &&\n    !allVisibleMembersSelected;\n\n  const allVisibleInvitationsSelected =\n    pendingInvitations.length > 0 &&\n    pendingInvitations.every((invitation) => selectedInvitationIds.has(invitation.id));\n  const partiallySelectedInvitations =\n    pendingInvitations.some((invitation) => selectedInvitationIds.has(invitation.id)) &&\n    !allVisibleInvitationsSelected;\n\n  // Clear selection on unmount\n  useEffect(() => {\n    return () => clearMemberSelection();\n  }, [clearMemberSelection]);\n\n  // Redirect to the canonical workspace invite page when arriving through\n  // older members deep links that used ?invite=true.\n  const [searchParams, setSearchParams] = useSearchParams();\n  useEffect(() => {\n    if (searchParams.get('invite') === 'true' && workspaceId) {\n      const next = new URLSearchParams(searchParams);\n      next.delete('invite');\n      setSearchParams(next, { replace: true });\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`), { replace: true });\n    }\n  }, [searchParams, setSearchParams, workspaceId, navigate, withCurrentSearch, basePath]);\n\n  const {\n    canListMembers,\n    canInviteMember,\n    canRemoveMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canListMembers && !canInviteMember) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'membersList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'membersList.noPermissionToViewMembers',\n              \"You don't have permission to view workspace members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleInviteMember = () => {\n    if (workspaceId) {\n      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`));\n    }\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    filteredMembers.forEach((member) => {\n      const isSelected = selectedMemberIds.has(member.id);\n      if (checked !== isSelected) {\n        toggleMemberSelection(member.id);\n      }\n    });\n  };\n\n  const toggleInvitationSelection = (invitationId: string, checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(invitationId);\n      } else {\n        next.delete(invitationId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllInvitations = (checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      pendingInvitations.forEach((invitation) => {\n        if (checked) {\n          next.add(invitation.id);\n        } else {\n          next.delete(invitation.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const handleBulkRemoveMembers = async () => {\n    if (selectedMembers.length === 0) return;\n    void nativeImpact('medium');\n    const message = `${tWithFallback(t, 'membersList.bulkRemoveConfirmPrefix', 'Remove')} ${selectedMembers.length} ${\n      selectedMembers.length === 1\n        ? tWithFallback(t, 'membersList.bulkRemoveConfirmSingular', 'selected member')\n        : tWithFallback(t, 'membersList.bulkRemoveConfirmPlural', 'selected members')\n    } ${tWithFallback(t, 'membersList.bulkRemoveConfirmSuffix', 'from this workspace?')}`;\n    const native = await nativeConfirm({\n      title: 'Remove members',\n      message,\n      okButtonTitle: 'Remove',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    selectedMembers.forEach((member) => {\n      removeUserFromWorkspace(member.userId);\n    });\n    clearMemberSelection();\n  };\n\n  const handleBulkResendInvitations = () => {\n    if (selectedInvitations.length === 0) return;\n    selectedInvitations.forEach((invitation) => {\n      resendInvitation(invitation.id, {\n        onSuccess: () => {\n          setSelectedInvitationIds((prev) => {\n            const next = new Set(prev);\n            next.delete(invitation.id);\n            return next;\n          });\n        },\n      });\n    });\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'membersList.pageTitle', 'Members')}\n            </h1>\n            <p className=\"text-text-secondary text-sm sm:text-base\">\n              {tWithFallback(\n                t,\n                'membersList.pageSubtitle',\n                'Manage workspace members and invitations'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember} disabled={!workspaceId}>\n                <UserPlus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'membersList.inviteMember', 'Invite Member')}\n                </span>\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n\n        {/* Search & Stats */}\n        <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary\" />\n            <Input\n              placeholder={tWithFallback(t, 'membersList.searchPlaceholder', 'Search members...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {hasPendingInvitations && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\" className=\"text-sm\">\n                {pendingInvitations.length}{' '}\n                {pendingInvitations.length !== 1\n                  ? tWithFallback(t, 'membersList.pendingInvitations', 'Pending Invitations')\n                  : tWithFallback(t, 'membersList.pendingInvitation', 'Pending Invitation')}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {filteredMembers.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleMembersSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelectedMembers && !allVisibleMembersSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllMembers(event.target.checked)}\n                aria-label={tWithFallback(\n                  t,\n                  'membersList.selectAllMembersAriaLabel',\n                  'Select all workspace members'\n                )}\n                className=\"size-4 rounded border-border-subtle text-primary\"\n              />\n              <span>\n                {tWithFallback(\n                  t,\n                  'membersList.selectAllVisibleMembers',\n                  'Select all visible members'\n                )}\n              </span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-text-secondary\">\n                {selectedMemberIds.size} {tWithFallback(t, 'membersList.selected', 'selected')}\n              </span>\n              {selectedMemberIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearMemberSelection}>\n                  {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canRemoveMember && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkRemoveMembers}\n                  disabled={selectedMembers.length === 0 || isRemovingMembers}\n                  className=\"text-status-error-text\"\n                >\n                  {tWithFallback(t, 'membersList.removeSelected', 'Remove Selected')}\n                  {selectedMembers.length > 0 ? ` (${selectedMembers.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"space-y-3\">\n            {[...Array(5)].map((_, i) => (\n              <Skeleton key={i} className=\"h-20 w-full\" />\n            ))}\n          </div>\n        )}\n\n        {/* Error State */}\n        {!isLoading && membersError && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-status-error-bg/10 p-6 mb-4\">\n              <AlertCircle size={48} className=\"text-status-error-text\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.failedToLoad', 'Failed to Load Members')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {membersError instanceof Error\n                ? membersError.message\n                : tWithFallback(\n                    t,\n                    'membersList.errorLoadingMembers',\n                    'An error occurred while loading members'\n                  )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Workspace */}\n        {!isLoading && !membersError && !workspaceId && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noWorkspaceSelected', 'No Workspace Selected')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm\">\n              {tWithFallback(\n                t,\n                'membersList.selectWorkspacePrompt',\n                'Select a workspace to view and manage its members'\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Members */}\n        {!isLoading && !membersError && workspaceId && !hasMembers && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n              <Users size={48} className=\"text-text-secondary\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noMembersYet', 'No Members Yet')}\n            </h3>\n            <p className=\"text-text-secondary max-w-sm mb-4\">\n              {tWithFallback(\n                t,\n                'membersList.noMembersPrompt',\n                'Start building your team by inviting members to this workspace'\n              )}\n            </p>\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember}>\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'membersList.inviteFirstMember', 'Invite Your First Member')}\n              </Button>\n            </PermissionButton>\n          </div>\n        )}\n\n        {/* Empty State - No Search Results */}\n        {!isLoading &&\n          !membersError &&\n          workspaceId &&\n          hasMembers &&\n          filteredMembers.length === 0 && (\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n                <Search size={48} className=\"text-text-secondary\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tWithFallback(t, 'membersList.noMembersFound', 'No Members Found')}\n              </h3>\n              <p className=\"text-text-secondary max-w-sm\">\n                {tWithFallback(\n                  t,\n                  'membersList.noMembersFoundPrompt',\n                  'No members match your search criteria. Try adjusting your search.'\n                )}\n              </p>\n            </div>\n          )}\n\n        {/* Members List */}\n        {!isLoading && filteredMembers.length > 0 && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold\">\n                {tWithFallback(t, 'membersList.activeMembers', 'Active Members')} (\n                {filteredMembers.length})\n              </h2>\n            </div>\n            <div className=\"space-y-2\">\n              {filteredMembers.map((member) => (\n                <MemberListItem\n                  key={member.id}\n                  member={member}\n                  selected={selectedMemberIds.has(member.id)}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedMemberIds.has(member.id);\n                    if (checked !== isSelected) {\n                      toggleMemberSelection(member.id);\n                    }\n                  }}\n                  canRemove={canRemoveMember}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Pending Invitations Section - Now at bottom */}\n        {!isLoading && hasPendingInvitations && (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">\n              {tWithFallback(t, 'membersList.pendingInvitationsHeader', 'Pending Invitations')}\n            </h2>\n            <div className=\"flex flex-col gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleInvitationsSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate =\n                        partiallySelectedInvitations && !allVisibleInvitationsSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllInvitations(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'membersList.selectAllInvitationsAriaLabel',\n                    'Select all pending invitations'\n                  )}\n                  className=\"size-4 rounded border-border-subtle text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'membersList.selectAllInvitations', 'Select all invitations')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-text-secondary\">\n                  {selectedInvitationIds.size}{' '}\n                  {tWithFallback(t, 'membersList.selected', 'selected')}\n                </span>\n                {selectedInvitationIds.size > 0 && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => setSelectedInvitationIds(new Set())}\n                  >\n                    {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {canInviteMember && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkResendInvitations}\n                    disabled={selectedInvitations.length === 0 || isResending}\n                  >\n                    {tWithFallback(t, 'membersList.resendSelected', 'Resend Selected')}\n                    {selectedInvitations.length > 0 ? ` (${selectedInvitations.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              {pendingInvitations.map((invitation) => (\n                <div\n                  key={invitation.id}\n                  className=\"flex items-center justify-between p-4 border rounded-lg bg-bg-surface\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedInvitationIds.has(invitation.id)}\n                      onChange={(event) =>\n                        toggleInvitationSelection(invitation.id, event.target.checked)\n                      }\n                      aria-label={`${tWithFallback(t, 'membersList.selectInvitationAriaLabel', 'Select invitation')} ${invitation.email}`}\n                      className=\"size-4 rounded border-border-subtle text-primary\"\n                    />\n                    <div className=\"size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors\">\n                      <Users className=\"size-5 text-status-warning\" />\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{invitation.email}</p>\n                      <p className=\"text-xs text-text-secondary\">\n                        {tWithFallback(t, 'membersList.invited', 'Invited')}{' '}\n                        {new Date(invitation.createdAt).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionButton\n                      permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                      deniedBehavior=\"disable\"\n                      deniedTooltip={tWithFallback(\n                        t,\n                        'membersList.noPermissionToResend',\n                        \"You don't have permission to resend invitations\"\n                      )}\n                    >\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleResendInvitation(invitation.id)}\n                        disabled={isResending && resendingId === invitation.id}\n                      >\n                        <RefreshCw\n                          className={`size-4 mr-1 ${isResending && resendingId === invitation.id ? 'animate-spin' : ''}`}\n                        />\n                        {isResending && resendingId === invitation.id\n                          ? tWithFallback(t, 'membersList.sending', 'Sending...')\n                          : tWithFallback(t, 'membersList.resend', 'Resend')}\n                      </Button>\n                    </PermissionButton>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors\"\n                    >\n                      {tWithFallback(t, 'membersList.pending', 'Pending')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/PendingInvitesPage.js

@@ -7,12 +7,12 @@ import { getProjectDisplayNames as o, getRoleDisplayNames as s, getWorkspaceDisp
 import { useMemo as l, useState as u } from "react";
 import { AlertTriangle as d, CheckCircle as f, Home as p, Inbox as m, Mail as h, RefreshCw as g, XCircle as _ } from "lucide-react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Badge as b, Button as x, PageContainer as S, Skeleton as C } from "@burdenoff/fe-libs/ui";
-import { useNavigate as w } from "react-router-dom";
-import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ActorIdentity as E, useActorProfiles as D } from "@burdenoff/fe-libs/shared";
+import { Badge as b, Button as x, GlassCard as S, PageContainer as C, Skeleton as w } from "@burdenoff/fe-libs/ui";
+import { useNavigate as T } from "react-router-dom";
+import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ActorIdentity as D, useActorProfiles as O } from "@burdenoff/fe-libs/shared";
 //#region src/pages/PendingInvitesPage.tsx
-function O(e) {
+function k(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString(void 0, {
@@ -23,64 +23,64 @@ function O(e) {
 		minute: "2-digit"
 	});
 }
-function k() {
+function A() {
 	r("workspaces.pending-invites");
-	let { t: k } = T(), A = w(), { currentUser: j, authToken: M, apiGatewayUrl: N, organizationId: P, basePath: F = "/workspaces" } = e(), [I, L] = u(null), [R, z] = u(null), { data: B = [], isLoading: V, error: H } = t(j?.email), U = l(() => [...B].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [B]), W = D(l(() => U.flatMap((e) => e.invitedById ? [{
+	let { t: A } = E(), j = T(), { currentUser: M, authToken: N, apiGatewayUrl: P, organizationId: F, basePath: I = "/workspaces" } = e(), [L, R] = u(null), [z, B] = u(null), { data: V = [], isLoading: H, error: U } = t(M?.email), W = l(() => [...V].sort((e, t) => new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime()), [V]), G = O(l(() => W.flatMap((e) => e.invitedById ? [{
 		actorId: e.invitedById,
 		actorType: "user"
-	}] : []), [U]), {
-		apiGatewayUrl: N,
-		authToken: M,
-		orgId: P
-	}), { mutate: G, isPending: K } = i(), { mutate: q, isPending: J } = a(), Y = K || J, X = () => {
-		A(`${F}/list`);
-	}, Z = (e) => {
-		L(e), z(null), G(e, {
+	}] : []), [W]), {
+		apiGatewayUrl: P,
+		authToken: N,
+		orgId: F
+	}), { mutate: K, isPending: q } = i(), { mutate: J, isPending: Y } = a(), X = q || Y, Z = () => {
+		j(`${I}/list`);
+	}, Q = (e) => {
+		R(e), B(null), K(e, {
 			onSuccess: () => {
-				L(null);
+				R(null);
 			},
 			onError: (e) => {
-				L(null), z(e instanceof Error ? e.message : n(k, "pendingInvites.acceptError", "Failed to accept invitation"));
+				R(null), B(e instanceof Error ? e.message : n(A, "pendingInvites.acceptError", "Failed to accept invitation"));
 			}
 		});
-	}, Q = (e) => {
-		L(e), z(null), q(e, {
+	}, $ = (e) => {
+		R(e), B(null), J(e, {
 			onSuccess: () => {
-				L(null);
+				R(null);
 			},
 			onError: (e) => {
-				L(null), z(e instanceof Error ? e.message : n(k, "pendingInvites.rejectError", "Failed to reject invitation"));
+				R(null), B(e instanceof Error ? e.message : n(A, "pendingInvites.rejectError", "Failed to reject invitation"));
 			}
 		});
 	};
-	return !M || !j?.email ? /* @__PURE__ */ v(S, {
+	return !N || !M?.email ? /* @__PURE__ */ v(C, {
 		padded: !1,
 		children: /* @__PURE__ */ v("div", {
 			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 			children: /* @__PURE__ */ y("div", {
-				className: "rounded-lg border bg-bg-surface p-6 text-center",
+				className: "rounded-lg border border-border-seam bg-bg-surface p-6 text-center",
 				children: [
 					/* @__PURE__ */ v(d, { className: "mx-auto mb-3 size-10 text-text-secondary" }),
 					/* @__PURE__ */ v("h1", {
 						className: "text-2xl font-bold",
-						children: n(k, "pendingInvites.signInTitle", "Sign in to view your pending invites")
+						children: n(A, "pendingInvites.signInTitle", "Sign in to view your pending invites")
 					}),
 					/* @__PURE__ */ v("p", {
 						className: "mt-2 text-text-secondary",
-						children: n(k, "pendingInvites.signInDescription", "You need an authenticated account before you can review or respond to workspace invitations.")
+						children: n(A, "pendingInvites.signInDescription", "You need an authenticated account before you can review or respond to workspace invitations.")
 					}),
 					/* @__PURE__ */ v("div", {
 						className: "mt-4 flex justify-center",
 						children: /* @__PURE__ */ y(x, {
-							onClick: X,
+							onClick: Z,
 							variant: "outline",
-							children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), n(k, "pendingInvites.backToWorkspaces", "Back to Workspaces")]
+							children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), n(A, "pendingInvites.backToWorkspaces", "Back to Workspaces")]
 						})
 					})
 				]
 			})
 		})
-	}) : /* @__PURE__ */ v(S, {
+	}) : /* @__PURE__ */ v(C, {
 		padded: !1,
 		children: /* @__PURE__ */ y("div", {
 			className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
@@ -89,63 +89,64 @@ function k() {
 					className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 					children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
 						className: "text-2xl sm:text-3xl font-bold",
-						children: n(k, "pendingInvites.pageTitle", "Pending Invites")
+						children: n(A, "pendingInvites.pageTitle", "Pending Invites")
 					}), /* @__PURE__ */ v("p", {
 						className: "text-sm sm:text-base text-text-secondary",
-						children: n(k, "pendingInvites.pageSubtitle", "Review and respond to workspace invitations sent to your account.")
+						children: n(A, "pendingInvites.pageSubtitle", "Review and respond to workspace invitations sent to your account.")
 					})] }), /* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
 						children: [/* @__PURE__ */ v(b, {
 							variant: "secondary",
-							children: U.length
+							children: W.length
 						}), /* @__PURE__ */ y(x, {
 							variant: "outline",
-							onClick: X,
-							children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), n(k, "pendingInvites.viewWorkspaces", "View Workspaces")]
+							onClick: Z,
+							children: [/* @__PURE__ */ v(p, { className: "mr-2 size-4" }), n(A, "pendingInvites.viewWorkspaces", "View Workspaces")]
 						})]
 					})]
 				}),
-				R ? /* @__PURE__ */ y("div", {
+				z ? /* @__PURE__ */ y("div", {
 					className: "flex items-start gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
-					children: [/* @__PURE__ */ v(d, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ v("span", { children: R })]
+					children: [/* @__PURE__ */ v(d, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ v("span", { children: z })]
 				}) : null,
-				H ? /* @__PURE__ */ v("div", {
+				U ? /* @__PURE__ */ v("div", {
 					className: "rounded-lg border border-status-error-border/30 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
-					children: H instanceof Error ? H.message : n(k, "pendingInvites.loadError", "Failed to load pending invitations")
+					children: U instanceof Error ? U.message : n(A, "pendingInvites.loadError", "Failed to load pending invitations")
 				}) : null,
-				V ? /* @__PURE__ */ v("div", {
+				H ? /* @__PURE__ */ v("div", {
 					className: "space-y-4",
 					children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ y("div", {
-						className: "rounded-lg border bg-bg-surface p-5 space-y-3",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 space-y-3",
 						children: [
-							/* @__PURE__ */ v(C, { className: "h-5 w-40" }),
-							/* @__PURE__ */ v(C, { className: "h-4 w-64" }),
-							/* @__PURE__ */ v(C, { className: "h-4 w-52" }),
+							/* @__PURE__ */ v(w, { className: "h-5 w-40" }),
+							/* @__PURE__ */ v(w, { className: "h-4 w-64" }),
+							/* @__PURE__ */ v(w, { className: "h-4 w-52" }),
 							/* @__PURE__ */ y("div", {
 								className: "flex gap-2 pt-2",
-								children: [/* @__PURE__ */ v(C, { className: "h-10 w-36" }), /* @__PURE__ */ v(C, { className: "h-10 w-28" })]
+								children: [/* @__PURE__ */ v(w, { className: "h-10 w-36" }), /* @__PURE__ */ v(w, { className: "h-10 w-28" })]
 							})
 						]
 					}, t))
-				}) : U.length === 0 ? /* @__PURE__ */ y("div", {
-					className: "rounded-lg border bg-bg-surface p-10 text-center",
+				}) : W.length === 0 ? /* @__PURE__ */ y("div", {
+					className: "rounded-lg border border-border-seam bg-bg-surface p-10 text-center",
 					children: [
 						/* @__PURE__ */ v(m, { className: "mx-auto mb-4 size-12 text-text-secondary" }),
 						/* @__PURE__ */ v("h2", {
 							className: "text-xl font-semibold",
-							children: n(k, "pendingInvites.emptyTitle", "No pending invites")
+							children: n(A, "pendingInvites.emptyTitle", "No pending invites")
 						}),
 						/* @__PURE__ */ v("p", {
 							className: "mt-2 text-text-secondary",
-							children: n(k, "pendingInvites.emptyDescription", "When someone invites you to a workspace, it will appear here.")
+							children: n(A, "pendingInvites.emptyDescription", "When someone invites you to a workspace, it will appear here.")
 						})
 					]
 				}) : /* @__PURE__ */ v("div", {
 					className: "space-y-4",
-					children: U.map((e) => {
-						let t = e.invitedById ? W[e.invitedById] : void 0, r = t?.displayName || t?.email || e.invitedById || "—", i = O(e.expiresAt), a = O(e.createdAt), l = c(e), u = s(e), d = o(e), p = I === e.id && Y;
-						return /* @__PURE__ */ v("div", {
-							className: "rounded-lg border bg-bg-surface p-5",
+					children: W.map((e) => {
+						let t = e.invitedById ? G[e.invitedById] : void 0, r = t?.displayName || t?.email || e.invitedById || "—", i = k(e.expiresAt), a = k(e.createdAt), l = c(e), u = s(e), d = o(e), p = L === e.id && X;
+						return /* @__PURE__ */ v(S, {
+							treatment: "insight",
+							className: "border-border-seam p-5",
 							children: /* @__PURE__ */ y("div", {
 								className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",
 								children: [/* @__PURE__ */ y("div", {
@@ -167,7 +168,7 @@ function k() {
 												/* @__PURE__ */ y("div", { children: [
 													/* @__PURE__ */ v("dt", {
 														className: "font-medium text-text-primary",
-														children: n(k, "pendingInvites.workspaceLabel", "Workspace")
+														children: n(A, "pendingInvites.workspaceLabel", "Workspace")
 													}),
 													/* @__PURE__ */ v("dd", {
 														className: "break-words font-medium text-text-primary",
@@ -180,10 +181,10 @@ function k() {
 												] }),
 												/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 													className: "font-medium text-text-primary",
-													children: n(k, "pendingInvites.invitedByLabel", "Invited by")
+													children: n(A, "pendingInvites.invitedByLabel", "Invited by")
 												}), /* @__PURE__ */ v("dd", {
 													className: "break-all",
-													children: t ? /* @__PURE__ */ v(E, {
+													children: t ? /* @__PURE__ */ v(D, {
 														profile: t,
 														variant: "inline",
 														hideIdDrilldown: !0
@@ -194,17 +195,17 @@ function k() {
 												})] }),
 												/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 													className: "font-medium text-text-primary",
-													children: n(k, "pendingInvites.receivedLabel", "Received")
+													children: n(A, "pendingInvites.receivedLabel", "Received")
 												}), /* @__PURE__ */ v("dd", { children: a ?? "—" })] }),
 												/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("dt", {
 													className: "font-medium text-text-primary",
-													children: n(k, "pendingInvites.expiresLabel", "Expires")
+													children: n(A, "pendingInvites.expiresLabel", "Expires")
 												}), /* @__PURE__ */ v("dd", { children: i ?? "—" })] })
 											]
 										}),
 										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary mb-2",
-											children: n(k, "pendingInvites.rolesLabel", "Roles")
+											children: n(A, "pendingInvites.rolesLabel", "Roles")
 										}), /* @__PURE__ */ v("div", {
 											className: "flex flex-wrap gap-2",
 											children: u.length > 0 ? u.map((t, n) => /* @__PURE__ */ v(b, {
@@ -212,12 +213,12 @@ function k() {
 												children: t
 											}, `${e.id}-${e.roleIds[n] ?? t}`)) : /* @__PURE__ */ v("span", {
 												className: "text-sm text-text-secondary",
-												children: n(k, "pendingInvites.noRoles", "No explicit roles assigned")
+												children: n(A, "pendingInvites.noRoles", "No explicit roles assigned")
 											})
 										})] }),
 										/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 											className: "text-sm font-medium text-text-primary mb-2",
-											children: n(k, "pendingInvites.projectsLabel", "Projects")
+											children: n(A, "pendingInvites.projectsLabel", "Projects")
 										}), /* @__PURE__ */ v("div", {
 											className: "flex flex-wrap gap-2",
 											children: d.length > 0 ? d.map((t, n) => /* @__PURE__ */ v(b, {
@@ -225,23 +226,23 @@ function k() {
 												children: t
 											}, `${e.id}-project-${t}-${n}`)) : /* @__PURE__ */ v("span", {
 												className: "text-sm text-text-secondary",
-												children: n(k, "pendingInvites.noProjects", "No project access will be granted automatically")
+												children: n(A, "pendingInvites.noProjects", "No project access will be granted automatically")
 											})
 										})] })
 									]
 								}), /* @__PURE__ */ y("div", {
 									className: "flex flex-col gap-2 sm:flex-row lg:flex-col lg:min-w-44",
 									children: [/* @__PURE__ */ y(x, {
-										onClick: () => Z(e.id),
-										disabled: Y,
+										onClick: () => Q(e.id),
+										disabled: X,
 										className: "w-full",
-										children: [p && K ? /* @__PURE__ */ v(g, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ v(f, { className: "mr-2 size-4" }), n(k, "pendingInvites.acceptButton", "Accept")]
+										children: [p && q ? /* @__PURE__ */ v(g, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ v(f, { className: "mr-2 size-4" }), n(A, "pendingInvites.acceptButton", "Accept")]
 									}), /* @__PURE__ */ y(x, {
 										variant: "outline",
-										onClick: () => Q(e.id),
-										disabled: Y,
+										onClick: () => $(e.id),
+										disabled: X,
 										className: "w-full",
-										children: [p && J ? /* @__PURE__ */ v(g, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ v(_, { className: "mr-2 size-4" }), n(k, "pendingInvites.rejectButton", "Reject")]
+										children: [p && Y ? /* @__PURE__ */ v(g, { className: "mr-2 size-4 animate-spin" }) : /* @__PURE__ */ v(_, { className: "mr-2 size-4" }), n(A, "pendingInvites.rejectButton", "Reject")]
 									})]
 								})]
 							})
@@ -253,6 +254,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as PendingInvitesPage };
+export { A as PendingInvitesPage };
 
 //# sourceMappingURL=PendingInvitesPage.js.map