@burdenoff/microfe-workspaces 2026.623.1 → 2026.624.2

package/dist/pages/InviteAcceptancePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteAcceptancePage.js","names":[],"sources":["../../src/pages/InviteAcceptancePage.tsx"],"sourcesContent":["import { useParams, useNavigate, useLocation } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Button,\n  Badge,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Mail,\n  CheckCircle,\n  XCircle,\n  Clock,\n  AlertTriangle,\n  Ban,\n  Home,\n  RefreshCw,\n} from 'lucide-react';\nimport { useInvitation } from '../hooks/useWorkspaceMembers';\nimport { useAcceptInvitation, useRejectInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport type { WorkspaceInvitation } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport {\n  getProjectDisplayNames,\n  getRoleDisplayNames,\n  getWorkspaceDisplayName,\n} from '../utils/invitationDisplay';\n\n/**\n * Page for accepting or rejecting workspace invitations\n * Accessible via /workspaces/invite/:invitationId\n */\nexport function InviteAcceptancePage() {\n  useWorkspacesPageView('workspaces.invite');\n  const { t } = useI18n();\n  const { invitationId: routeInvitationId } = useParams<{ invitationId: string }>();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { authToken } = useWorkspacesContext();\n  const invitationId =\n    routeInvitationId || location.pathname.split('/').filter(Boolean).at(-1) || '';\n  const isAuthenticated = Boolean(authToken);\n\n  const inviteLoginPath = invitationId\n    ? `/auth/login?returnTo=${encodeURIComponent(`/workspaces/invite/${invitationId}`)}`\n    : '/auth/login?returnTo=%2Fworkspaces%2Flist';\n\n  // Fetch invitation details\n  const {\n    data: invitation,\n    isLoading,\n    error,\n    refetch,\n  } = useInvitation(invitationId || '', isAuthenticated);\n\n  // Mutations\n  const { mutate: acceptInvitation, isPending: isAccepting } = useAcceptInvitation();\n  const { mutate: rejectInvitation, isPending: isRejecting } = useRejectInvitation();\n  const workspaceDisplayName = invitation ? getWorkspaceDisplayName(invitation) : null;\n  const roleDisplayNames = invitation ? getRoleDisplayNames(invitation) : [];\n  const projectDisplayNames = invitation ? getProjectDisplayNames(invitation) : [];\n\n  // Handler for accepting invitation\n  const handleAccept = () => {\n    if (!invitationId) return;\n\n    acceptInvitation(invitationId, {\n      onSuccess: (acceptedInvitation) => {\n        // Redirect to workspace members page\n        const workspaceId = acceptedInvitation.workspaceId || invitation?.workspaceId;\n        if (workspaceId) {\n          navigate(`/workspaces/${workspaceId}/members`);\n        } else {\n          navigate('/workspaces/list');\n        }\n      },\n      onError: (error) => {\n        console.error('Failed to accept invitation:', error);\n      },\n    });\n  };\n\n  if (!isAuthenticated) {\n    return (\n      <div className=\"min-h-screen flex items-center justify-center bg-muted/30 p-4\">\n        <Card className=\"max-w-xl w-full\">\n          <CardHeader>\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-primary/10 p-3\">\n                <Mail className=\"text-primary\" size={24} />\n              </div>\n              <div>\n                <CardTitle>\n                  {tWithFallback(\n                    t,\n                    'inviteAcceptance.signInRequired',\n                    'Sign in to view your invitation'\n                  )}\n                </CardTitle>\n                <CardDescription>\n                  {tWithFallback(\n                    t,\n                    'inviteAcceptance.signInDescription',\n                    'Workspace invitations require an authenticated Burdenoff account before you can review or accept them.'\n                  )}\n                </CardDescription>\n              </div>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <p className=\"text-sm text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'inviteAcceptance.signInHint',\n                'Use the same email address that received the invitation, then come back here to accept or reject it.'\n              )}\n            </p>\n            <div className=\"flex flex-col gap-3 sm:flex-row\">\n              <Button asChild>\n                <a href={inviteLoginPath}>\n                  {tWithFallback(t, 'inviteAcceptance.signInButton', 'Sign In')}\n                </a>\n              </Button>\n              <Button variant=\"outline\" onClick={() => navigate('/workspaces/list')}>\n                <Home className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'inviteAcceptance.backToWorkspaces', 'Back to Workspaces')}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  // Handler for rejecting invitation\n  const handleReject = () => {\n    if (!invitationId) return;\n\n    rejectInvitation(invitationId, {\n      onSuccess: () => {\n        // Redirect to workspaces list\n        navigate('/workspaces/list');\n      },\n      onError: (error) => {\n        console.error('Failed to reject invitation:', error);\n      },\n    });\n  };\n\n  // Loading state\n  if (isLoading) {\n    return <LoadingSkeleton />;\n  }\n\n  // Error state (network error or other issues)\n  if (error) {\n    return <ErrorState error={error} onRetry={() => refetch()} />;\n  }\n\n  // Not found state\n  if (!invitation) {\n    return <NotFoundState />;\n  }\n\n  // Check invitation status and show appropriate UI\n  switch (invitation.status) {\n    case 'ACCEPTED':\n      return <AlreadyAcceptedState invitation={invitation} />;\n    case 'REJECTED':\n      return <AlreadyRejectedState invitation={invitation} />;\n    case 'EXPIRED':\n      return <ExpiredState invitation={invitation} />;\n    case 'CANCELLED':\n      return <CancelledState invitation={invitation} />;\n    case 'PENDING':\n      // Check if invitation has expired based on expiresAt\n      if (invitation.expiresAt && new Date(invitation.expiresAt) < new Date()) {\n        return <ExpiredState invitation={invitation} />;\n      }\n\n      // Show main acceptance UI\n      return (\n        <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n          <Card className=\"max-w-2xl w-full\">\n            <CardHeader>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"p-3 rounded-lg bg-primary/10\">\n                  <Mail className=\"text-primary\" size={24} />\n                </div>\n                <div className=\"flex-1\">\n                  <CardTitle>\n                    {tWithFallback(t, 'inviteAcceptance.pageTitle', 'Workspace Invitation')}\n                  </CardTitle>\n                  <CardDescription>\n                    {tWithFallback(\n                      t,\n                      'inviteAcceptance.pageSubtitle',\n                      \"You've been invited to join a workspace\"\n                    )}\n                  </CardDescription>\n                </div>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-6\">\n              {/* Invitation Details */}\n              <div className=\"space-y-4 p-4 rounded-lg bg-muted/50\">\n                <div>\n                  <p className=\"text-sm font-medium text-muted-foreground\">\n                    {tWithFallback(t, 'inviteAcceptance.emailAddressLabel', 'Email Address')}\n                  </p>\n                  <p className=\"text-lg font-medium mt-1\">{invitation.email}</p>\n                </div>\n\n                <div>\n                  <p className=\"text-sm font-medium text-muted-foreground\">\n                    {tWithFallback(t, 'inviteAcceptance.workspaceLabel', 'Workspace')}\n                  </p>\n                  <p className=\"text-lg font-medium mt-1 break-words\">{workspaceDisplayName}</p>\n                  {invitation.workspaceId ? (\n                    <p className=\"mt-1 font-mono text-xs text-muted-foreground break-all\">\n                      {invitation.workspaceId}\n                    </p>\n                  ) : null}\n                </div>\n\n                {invitation.expiresAt && (\n                  <div>\n                    <p className=\"text-sm font-medium text-muted-foreground\">\n                      {tWithFallback(t, 'inviteAcceptance.expiresLabel', 'Expires')}\n                    </p>\n                    <p className=\"text-lg font-medium mt-1 flex items-center gap-2\">\n                      <Clock size={16} className=\"text-muted-foreground\" />\n                      {new Date(invitation.expiresAt).toLocaleDateString('en-US', {\n                        year: 'numeric',\n                        month: 'long',\n                        day: 'numeric',\n                        hour: '2-digit',\n                        minute: '2-digit',\n                      })}\n                    </p>\n                  </div>\n                )}\n\n                {roleDisplayNames.length > 0 && (\n                  <div>\n                    <p className=\"text-sm font-medium text-muted-foreground mb-2\">\n                      {tWithFallback(t, 'inviteAcceptance.rolesLabel', 'Roles')}\n                    </p>\n                    <div className=\"flex flex-wrap gap-2\">\n                      {roleDisplayNames.map((roleName, index) => (\n                        <Badge\n                          key={`${invitation.id}-${invitation.roleIds[index] ?? roleName}`}\n                          variant=\"secondary\"\n                        >\n                          {roleName}\n                        </Badge>\n                      ))}\n                    </div>\n                  </div>\n                )}\n\n                <div>\n                  <p className=\"text-sm font-medium text-muted-foreground mb-2\">\n                    {tWithFallback(t, 'inviteAcceptance.projectsLabel', 'Projects')}\n                  </p>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {projectDisplayNames.length > 0 ? (\n                      projectDisplayNames.map((projectName, index) => (\n                        <Badge\n                          key={`${invitation.id}-project-${projectName}-${index}`}\n                          variant=\"outline\"\n                        >\n                          {projectName}\n                        </Badge>\n                      ))\n                    ) : (\n                      <p className=\"text-sm text-muted-foreground\">\n                        {tWithFallback(\n                          t,\n                          'inviteAcceptance.noProjects',\n                          'No project memberships will be granted automatically with this invitation.'\n                        )}\n                      </p>\n                    )}\n                  </div>\n                </div>\n\n                <div>\n                  <p className=\"text-sm font-medium text-muted-foreground\">\n                    {tWithFallback(t, 'inviteAcceptance.invitationIdLabel', 'Invitation ID')}\n                  </p>\n                  <p className=\"text-sm font-mono mt-1 text-muted-foreground\">{invitation.id}</p>\n                </div>\n              </div>\n\n              {/* Actions */}\n              <div className=\"flex flex-col sm:flex-row gap-3 pt-4 border-t\">\n                <Button\n                  onClick={handleAccept}\n                  disabled={isAccepting || isRejecting}\n                  className=\"flex-1\"\n                  size=\"lg\"\n                >\n                  {isAccepting ? (\n                    <>\n                      <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                      {tWithFallback(t, 'inviteAcceptance.accepting', 'Accepting...')}\n                    </>\n                  ) : (\n                    <>\n                      <CheckCircle className=\"mr-2 size-4\" />\n                      {tWithFallback(t, 'inviteAcceptance.acceptButton', 'Accept Invitation')}\n                    </>\n                  )}\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  onClick={handleReject}\n                  disabled={isAccepting || isRejecting}\n                  className=\"flex-1\"\n                  size=\"lg\"\n                >\n                  {isRejecting ? (\n                    <>\n                      <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                      {tWithFallback(t, 'inviteAcceptance.rejecting', 'Rejecting...')}\n                    </>\n                  ) : (\n                    <>\n                      <XCircle className=\"mr-2 size-4\" />\n                      {tWithFallback(t, 'inviteAcceptance.rejectButton', 'Reject')}\n                    </>\n                  )}\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      );\n\n    default:\n      return <NotFoundState />;\n  }\n}\n\n/**\n * Loading skeleton while fetching invitation\n */\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <Skeleton className=\"size-12 rounded-lg\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-6 w-48\" />\n              <Skeleton className=\"h-4 w-64\" />\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-6\">\n          <div className=\"space-y-4 p-4 rounded-lg bg-muted/50\">\n            <div className=\"space-y-2\">\n              <Skeleton className=\"h-4 w-24\" />\n              <Skeleton className=\"h-6 w-48\" />\n            </div>\n            <div className=\"space-y-2\">\n              <Skeleton className=\"h-4 w-24\" />\n              <Skeleton className=\"h-6 w-64\" />\n            </div>\n          </div>\n          <div className=\"flex gap-3 pt-4\">\n            <Skeleton className=\"h-12 flex-1\" />\n            <Skeleton className=\"h-12 flex-1\" />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Error state with retry option\n */\nfunction ErrorState({ error, onRetry }: { error: Error; onRetry: () => void }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-destructive/10\">\n              <AlertTriangle className=\"text-destructive\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.errorTitle', 'Error Loading Invitation')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.errorDescription',\n                  \"We couldn't load this invitation. Please try again.\"\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-destructive/50 bg-destructive/10\">\n            <AlertTriangle className=\"size-5 text-destructive flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-destructive\">\n                {tWithFallback(t, 'inviteAcceptance.errorDetailsLabel', 'Error Details')}\n              </p>\n              <p className=\"text-sm mt-1 text-destructive/90\">{error.message}</p>\n            </div>\n          </div>\n\n          <div className=\"flex gap-3\">\n            <Button onClick={onRetry} className=\"flex-1\">\n              <RefreshCw className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'inviteAcceptance.tryAgain', 'Try Again')}\n            </Button>\n            <Button\n              variant=\"outline\"\n              onClick={() => navigate('/workspaces/list')}\n              className=\"flex-1\"\n            >\n              <Home className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Not found state (invalid invitation ID)\n */\nfunction NotFoundState() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-muted\">\n              <AlertTriangle className=\"text-muted-foreground\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.notFoundTitle', 'Invitation Not Found')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.notFoundDescription',\n                  'This invitation link is invalid or has been removed'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-border bg-muted/50\">\n            <AlertTriangle className=\"size-5 text-muted-foreground flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium\">\n                {tWithFallback(t, 'inviteAcceptance.invalidLinkHeading', 'Invalid Invitation Link')}\n              </p>\n              <p className=\"text-sm mt-1 text-muted-foreground\">\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.invalidLinkBody',\n                  \"The invitation you're trying to access doesn't exist. It may have been deleted or the link is incorrect.\"\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Already accepted state\n */\nfunction AlreadyAcceptedState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-status-success/10 transition-colors\">\n              <CheckCircle className=\"text-status-success\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.alreadyAcceptedTitle',\n                  'Invitation Already Accepted'\n                )}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.alreadyAcceptedDescription',\n                  'This invitation has already been accepted'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-status-success/30 bg-status-success/10 transition-colors\">\n            <CheckCircle className=\"size-5 text-status-success flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-status-success\">\n                {tWithFallback(t, 'inviteAcceptance.alreadyMember', \"You're already a member\")}\n              </p>\n              <p className=\"text-sm mt-1 text-status-success/80\">\n                {tWithFallback(t, 'inviteAcceptance.alreadyAcceptedPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.alreadyAcceptedSuffix',\n                  ' has already been accepted.'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button\n            onClick={() => navigate(`/workspaces/${invitation.workspaceId}/members`)}\n            className=\"w-full\"\n          >\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspace', 'Go to Workspace')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Already rejected state\n */\nfunction AlreadyRejectedState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-muted\">\n              <XCircle className=\"text-muted-foreground\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.rejectedTitle', 'Invitation Rejected')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.rejectedDescription',\n                  \"You've already declined this invitation\"\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-border bg-muted/50\">\n            <XCircle className=\"size-5 text-muted-foreground flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium\">\n                {tWithFallback(t, 'inviteAcceptance.invitationDeclined', 'Invitation Declined')}\n              </p>\n              <p className=\"text-sm mt-1 text-muted-foreground\">\n                {tWithFallback(t, 'inviteAcceptance.rejectedPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(t, 'inviteAcceptance.rejectedSuffix', ' was previously rejected.')}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Expired state\n */\nfunction ExpiredState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-status-warning/10 transition-colors\">\n              <Clock className=\"text-status-warning\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.expiredTitle', 'Invitation Expired')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.expiredDescription',\n                  'This invitation has expired'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-status-warning/30 bg-status-warning/10 transition-colors\">\n            <Clock className=\"size-5 text-status-warning flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-status-warning\">\n                {tWithFallback(t, 'inviteAcceptance.expiredHeading', 'Invitation No Longer Valid')}\n              </p>\n              <p className=\"text-sm mt-1 text-status-warning/80\">\n                {tWithFallback(t, 'inviteAcceptance.expiredPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(t, 'inviteAcceptance.expiredMiddle', ' expired on ')}\n                {invitation.expiresAt &&\n                  new Date(invitation.expiresAt).toLocaleDateString('en-US', {\n                    year: 'numeric',\n                    month: 'long',\n                    day: 'numeric',\n                  })}\n                .\n              </p>\n              <p className=\"text-sm mt-2 text-status-warning/80\">\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.expiredContactAdmin',\n                  'Please contact the workspace admin to request a new invitation.'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Cancelled state\n */\nfunction CancelledState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-muted/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-destructive/10\">\n              <Ban className=\"text-destructive\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.cancelledTitle', 'Invitation Cancelled')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.cancelledDescription',\n                  'This invitation has been cancelled by the sender'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-destructive/50 bg-destructive/10\">\n            <Ban className=\"size-5 text-destructive flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-destructive\">\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.cancelledHeading',\n                  'Invitation No Longer Available'\n                )}\n              </p>\n              <p className=\"text-sm mt-1 text-destructive/90\">\n                {tWithFallback(t, 'inviteAcceptance.cancelledPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.cancelledSuffix',\n                  ' was cancelled by the workspace admin and is no longer valid.'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"InviteAcceptancePage.js","names":[],"sources":["../../src/pages/InviteAcceptancePage.tsx"],"sourcesContent":["import { useParams, useNavigate, useLocation } from 'react-router-dom';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  Button,\n  Badge,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Mail,\n  CheckCircle,\n  XCircle,\n  Clock,\n  AlertTriangle,\n  Ban,\n  Home,\n  RefreshCw,\n} from 'lucide-react';\nimport { useInvitation } from '../hooks/useWorkspaceMembers';\nimport { useAcceptInvitation, useRejectInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport type { WorkspaceInvitation } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport {\n  getProjectDisplayNames,\n  getRoleDisplayNames,\n  getWorkspaceDisplayName,\n} from '../utils/invitationDisplay';\n\n/**\n * Page for accepting or rejecting workspace invitations\n * Accessible via /workspaces/invite/:invitationId\n */\nexport function InviteAcceptancePage() {\n  useWorkspacesPageView('workspaces.invite');\n  const { t } = useI18n();\n  const { invitationId: routeInvitationId } = useParams<{ invitationId: string }>();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { authToken } = useWorkspacesContext();\n  const invitationId =\n    routeInvitationId || location.pathname.split('/').filter(Boolean).at(-1) || '';\n  const isAuthenticated = Boolean(authToken);\n\n  const inviteLoginPath = invitationId\n    ? `/auth/login?returnTo=${encodeURIComponent(`/workspaces/invite/${invitationId}`)}`\n    : '/auth/login?returnTo=%2Fworkspaces%2Flist';\n\n  // Fetch invitation details\n  const {\n    data: invitation,\n    isLoading,\n    error,\n    refetch,\n  } = useInvitation(invitationId || '', isAuthenticated);\n\n  // Mutations\n  const { mutate: acceptInvitation, isPending: isAccepting } = useAcceptInvitation();\n  const { mutate: rejectInvitation, isPending: isRejecting } = useRejectInvitation();\n  const workspaceDisplayName = invitation ? getWorkspaceDisplayName(invitation) : null;\n  const roleDisplayNames = invitation ? getRoleDisplayNames(invitation) : [];\n  const projectDisplayNames = invitation ? getProjectDisplayNames(invitation) : [];\n\n  // Handler for accepting invitation\n  const handleAccept = () => {\n    if (!invitationId) return;\n\n    acceptInvitation(invitationId, {\n      onSuccess: (acceptedInvitation) => {\n        // Redirect to workspace members page\n        const workspaceId = acceptedInvitation.workspaceId || invitation?.workspaceId;\n        if (workspaceId) {\n          navigate(`/workspaces/${workspaceId}/members`);\n        } else {\n          navigate('/workspaces/list');\n        }\n      },\n      onError: (error) => {\n        console.error('Failed to accept invitation:', error);\n      },\n    });\n  };\n\n  if (!isAuthenticated) {\n    return (\n      <div className=\"min-h-screen flex items-center justify-center bg-bg-sunken/30 p-4\">\n        <Card className=\"max-w-xl w-full\">\n          <CardHeader>\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-action-primary-bg/10 p-3\">\n                <Mail className=\"text-primary\" size={24} />\n              </div>\n              <div>\n                <CardTitle>\n                  {tWithFallback(\n                    t,\n                    'inviteAcceptance.signInRequired',\n                    'Sign in to view your invitation'\n                  )}\n                </CardTitle>\n                <CardDescription>\n                  {tWithFallback(\n                    t,\n                    'inviteAcceptance.signInDescription',\n                    'Workspace invitations require an authenticated Burdenoff account before you can review or accept them.'\n                  )}\n                </CardDescription>\n              </div>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <p className=\"text-sm text-text-secondary\">\n              {tWithFallback(\n                t,\n                'inviteAcceptance.signInHint',\n                'Use the same email address that received the invitation, then come back here to accept or reject it.'\n              )}\n            </p>\n            <div className=\"flex flex-col gap-3 sm:flex-row\">\n              <Button asChild>\n                <a href={inviteLoginPath}>\n                  {tWithFallback(t, 'inviteAcceptance.signInButton', 'Sign In')}\n                </a>\n              </Button>\n              <Button variant=\"outline\" onClick={() => navigate('/workspaces/list')}>\n                <Home className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'inviteAcceptance.backToWorkspaces', 'Back to Workspaces')}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  // Handler for rejecting invitation\n  const handleReject = () => {\n    if (!invitationId) return;\n\n    rejectInvitation(invitationId, {\n      onSuccess: () => {\n        // Redirect to workspaces list\n        navigate('/workspaces/list');\n      },\n      onError: (error) => {\n        console.error('Failed to reject invitation:', error);\n      },\n    });\n  };\n\n  // Loading state\n  if (isLoading) {\n    return <LoadingSkeleton />;\n  }\n\n  // Error state (network error or other issues)\n  if (error) {\n    return <ErrorState error={error} onRetry={() => refetch()} />;\n  }\n\n  // Not found state\n  if (!invitation) {\n    return <NotFoundState />;\n  }\n\n  // Check invitation status and show appropriate UI\n  switch (invitation.status) {\n    case 'ACCEPTED':\n      return <AlreadyAcceptedState invitation={invitation} />;\n    case 'REJECTED':\n      return <AlreadyRejectedState invitation={invitation} />;\n    case 'EXPIRED':\n      return <ExpiredState invitation={invitation} />;\n    case 'CANCELLED':\n      return <CancelledState invitation={invitation} />;\n    case 'PENDING':\n      // Check if invitation has expired based on expiresAt\n      if (invitation.expiresAt && new Date(invitation.expiresAt) < new Date()) {\n        return <ExpiredState invitation={invitation} />;\n      }\n\n      // Show main acceptance UI\n      return (\n        <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n          <Card className=\"max-w-2xl w-full\">\n            <CardHeader>\n              <div className=\"flex items-center gap-3\">\n                <div className=\"p-3 rounded-lg bg-action-primary-bg/10\">\n                  <Mail className=\"text-primary\" size={24} />\n                </div>\n                <div className=\"flex-1\">\n                  <CardTitle>\n                    {tWithFallback(t, 'inviteAcceptance.pageTitle', 'Workspace Invitation')}\n                  </CardTitle>\n                  <CardDescription>\n                    {tWithFallback(\n                      t,\n                      'inviteAcceptance.pageSubtitle',\n                      \"You've been invited to join a workspace\"\n                    )}\n                  </CardDescription>\n                </div>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-6\">\n              {/* Invitation Details */}\n              <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50\">\n                <div>\n                  <p className=\"text-sm font-medium text-text-secondary\">\n                    {tWithFallback(t, 'inviteAcceptance.emailAddressLabel', 'Email Address')}\n                  </p>\n                  <p className=\"text-lg font-medium mt-1\">{invitation.email}</p>\n                </div>\n\n                <div>\n                  <p className=\"text-sm font-medium text-text-secondary\">\n                    {tWithFallback(t, 'inviteAcceptance.workspaceLabel', 'Workspace')}\n                  </p>\n                  <p className=\"text-lg font-medium mt-1 break-words\">{workspaceDisplayName}</p>\n                  {invitation.workspaceId ? (\n                    <p className=\"mt-1 font-mono text-xs text-text-secondary break-all\">\n                      {invitation.workspaceId}\n                    </p>\n                  ) : null}\n                </div>\n\n                {invitation.expiresAt && (\n                  <div>\n                    <p className=\"text-sm font-medium text-text-secondary\">\n                      {tWithFallback(t, 'inviteAcceptance.expiresLabel', 'Expires')}\n                    </p>\n                    <p className=\"text-lg font-medium mt-1 flex items-center gap-2\">\n                      <Clock size={16} className=\"text-text-secondary\" />\n                      {new Date(invitation.expiresAt).toLocaleDateString('en-US', {\n                        year: 'numeric',\n                        month: 'long',\n                        day: 'numeric',\n                        hour: '2-digit',\n                        minute: '2-digit',\n                      })}\n                    </p>\n                  </div>\n                )}\n\n                {roleDisplayNames.length > 0 && (\n                  <div>\n                    <p className=\"text-sm font-medium text-text-secondary mb-2\">\n                      {tWithFallback(t, 'inviteAcceptance.rolesLabel', 'Roles')}\n                    </p>\n                    <div className=\"flex flex-wrap gap-2\">\n                      {roleDisplayNames.map((roleName, index) => (\n                        <Badge\n                          key={`${invitation.id}-${invitation.roleIds[index] ?? roleName}`}\n                          variant=\"secondary\"\n                        >\n                          {roleName}\n                        </Badge>\n                      ))}\n                    </div>\n                  </div>\n                )}\n\n                <div>\n                  <p className=\"text-sm font-medium text-text-secondary mb-2\">\n                    {tWithFallback(t, 'inviteAcceptance.projectsLabel', 'Projects')}\n                  </p>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {projectDisplayNames.length > 0 ? (\n                      projectDisplayNames.map((projectName, index) => (\n                        <Badge\n                          key={`${invitation.id}-project-${projectName}-${index}`}\n                          variant=\"outline\"\n                        >\n                          {projectName}\n                        </Badge>\n                      ))\n                    ) : (\n                      <p className=\"text-sm text-text-secondary\">\n                        {tWithFallback(\n                          t,\n                          'inviteAcceptance.noProjects',\n                          'No project memberships will be granted automatically with this invitation.'\n                        )}\n                      </p>\n                    )}\n                  </div>\n                </div>\n\n                <div>\n                  <p className=\"text-sm font-medium text-text-secondary\">\n                    {tWithFallback(t, 'inviteAcceptance.invitationIdLabel', 'Invitation ID')}\n                  </p>\n                  <p className=\"text-sm font-mono mt-1 text-text-secondary\">{invitation.id}</p>\n                </div>\n              </div>\n\n              {/* Actions */}\n              <div className=\"flex flex-col sm:flex-row gap-3 pt-4 border-t\">\n                <Button\n                  onClick={handleAccept}\n                  disabled={isAccepting || isRejecting}\n                  className=\"flex-1\"\n                  size=\"lg\"\n                >\n                  {isAccepting ? (\n                    <>\n                      <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                      {tWithFallback(t, 'inviteAcceptance.accepting', 'Accepting...')}\n                    </>\n                  ) : (\n                    <>\n                      <CheckCircle className=\"mr-2 size-4\" />\n                      {tWithFallback(t, 'inviteAcceptance.acceptButton', 'Accept Invitation')}\n                    </>\n                  )}\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  onClick={handleReject}\n                  disabled={isAccepting || isRejecting}\n                  className=\"flex-1\"\n                  size=\"lg\"\n                >\n                  {isRejecting ? (\n                    <>\n                      <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                      {tWithFallback(t, 'inviteAcceptance.rejecting', 'Rejecting...')}\n                    </>\n                  ) : (\n                    <>\n                      <XCircle className=\"mr-2 size-4\" />\n                      {tWithFallback(t, 'inviteAcceptance.rejectButton', 'Reject')}\n                    </>\n                  )}\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      );\n\n    default:\n      return <NotFoundState />;\n  }\n}\n\n/**\n * Loading skeleton while fetching invitation\n */\nfunction LoadingSkeleton() {\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <Skeleton className=\"size-12 rounded-lg\" />\n            <div className=\"flex-1 space-y-2\">\n              <Skeleton className=\"h-6 w-48\" />\n              <Skeleton className=\"h-4 w-64\" />\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-6\">\n          <div className=\"space-y-4 p-4 rounded-lg bg-bg-sunken/50\">\n            <div className=\"space-y-2\">\n              <Skeleton className=\"h-4 w-24\" />\n              <Skeleton className=\"h-6 w-48\" />\n            </div>\n            <div className=\"space-y-2\">\n              <Skeleton className=\"h-4 w-24\" />\n              <Skeleton className=\"h-6 w-64\" />\n            </div>\n          </div>\n          <div className=\"flex gap-3 pt-4\">\n            <Skeleton className=\"h-12 flex-1\" />\n            <Skeleton className=\"h-12 flex-1\" />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Error state with retry option\n */\nfunction ErrorState({ error, onRetry }: { error: Error; onRetry: () => void }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-status-error-bg/10\">\n              <AlertTriangle className=\"text-status-error-text\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.errorTitle', 'Error Loading Invitation')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.errorDescription',\n                  \"We couldn't load this invitation. Please try again.\"\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-status-error-border/50 bg-status-error-bg/10\">\n            <AlertTriangle className=\"size-5 text-status-error-text flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-status-error-text\">\n                {tWithFallback(t, 'inviteAcceptance.errorDetailsLabel', 'Error Details')}\n              </p>\n              <p className=\"text-sm mt-1 text-status-error-text/90\">{error.message}</p>\n            </div>\n          </div>\n\n          <div className=\"flex gap-3\">\n            <Button onClick={onRetry} className=\"flex-1\">\n              <RefreshCw className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'inviteAcceptance.tryAgain', 'Try Again')}\n            </Button>\n            <Button\n              variant=\"outline\"\n              onClick={() => navigate('/workspaces/list')}\n              className=\"flex-1\"\n            >\n              <Home className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Not found state (invalid invitation ID)\n */\nfunction NotFoundState() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-bg-sunken\">\n              <AlertTriangle className=\"text-text-secondary\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.notFoundTitle', 'Invitation Not Found')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.notFoundDescription',\n                  'This invitation link is invalid or has been removed'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-border-subtle bg-bg-sunken/50\">\n            <AlertTriangle className=\"size-5 text-text-secondary flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium\">\n                {tWithFallback(t, 'inviteAcceptance.invalidLinkHeading', 'Invalid Invitation Link')}\n              </p>\n              <p className=\"text-sm mt-1 text-text-secondary\">\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.invalidLinkBody',\n                  \"The invitation you're trying to access doesn't exist. It may have been deleted or the link is incorrect.\"\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Already accepted state\n */\nfunction AlreadyAcceptedState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-status-success/10 transition-colors\">\n              <CheckCircle className=\"text-status-success\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.alreadyAcceptedTitle',\n                  'Invitation Already Accepted'\n                )}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.alreadyAcceptedDescription',\n                  'This invitation has already been accepted'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-status-success/30 bg-status-success/10 transition-colors\">\n            <CheckCircle className=\"size-5 text-status-success flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-status-success\">\n                {tWithFallback(t, 'inviteAcceptance.alreadyMember', \"You're already a member\")}\n              </p>\n              <p className=\"text-sm mt-1 text-status-success/80\">\n                {tWithFallback(t, 'inviteAcceptance.alreadyAcceptedPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.alreadyAcceptedSuffix',\n                  ' has already been accepted.'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button\n            onClick={() => navigate(`/workspaces/${invitation.workspaceId}/members`)}\n            className=\"w-full\"\n          >\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspace', 'Go to Workspace')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Already rejected state\n */\nfunction AlreadyRejectedState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-bg-sunken\">\n              <XCircle className=\"text-text-secondary\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.rejectedTitle', 'Invitation Rejected')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.rejectedDescription',\n                  \"You've already declined this invitation\"\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-border-subtle bg-bg-sunken/50\">\n            <XCircle className=\"size-5 text-text-secondary flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium\">\n                {tWithFallback(t, 'inviteAcceptance.invitationDeclined', 'Invitation Declined')}\n              </p>\n              <p className=\"text-sm mt-1 text-text-secondary\">\n                {tWithFallback(t, 'inviteAcceptance.rejectedPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(t, 'inviteAcceptance.rejectedSuffix', ' was previously rejected.')}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Expired state\n */\nfunction ExpiredState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-status-warning/10 transition-colors\">\n              <Clock className=\"text-status-warning\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.expiredTitle', 'Invitation Expired')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.expiredDescription',\n                  'This invitation has expired'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-status-warning/30 bg-status-warning/10 transition-colors\">\n            <Clock className=\"size-5 text-status-warning flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-status-warning\">\n                {tWithFallback(t, 'inviteAcceptance.expiredHeading', 'Invitation No Longer Valid')}\n              </p>\n              <p className=\"text-sm mt-1 text-status-warning/80\">\n                {tWithFallback(t, 'inviteAcceptance.expiredPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(t, 'inviteAcceptance.expiredMiddle', ' expired on ')}\n                {invitation.expiresAt &&\n                  new Date(invitation.expiresAt).toLocaleDateString('en-US', {\n                    year: 'numeric',\n                    month: 'long',\n                    day: 'numeric',\n                  })}\n                .\n              </p>\n              <p className=\"text-sm mt-2 text-status-warning/80\">\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.expiredContactAdmin',\n                  'Please contact the workspace admin to request a new invitation.'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n\n/**\n * Cancelled state\n */\nfunction CancelledState({ invitation }: { invitation: WorkspaceInvitation }) {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  return (\n    <div className=\"min-h-screen flex items-center justify-center p-4 bg-bg-sunken/30\">\n      <Card className=\"max-w-2xl w-full\">\n        <CardHeader>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-status-error-bg/10\">\n              <Ban className=\"text-status-error-text\" size={24} />\n            </div>\n            <div className=\"flex-1\">\n              <CardTitle>\n                {tWithFallback(t, 'inviteAcceptance.cancelledTitle', 'Invitation Cancelled')}\n              </CardTitle>\n              <CardDescription>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.cancelledDescription',\n                  'This invitation has been cancelled by the sender'\n                )}\n              </CardDescription>\n            </div>\n          </div>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"flex gap-3 p-4 rounded-lg border border-status-error-border/50 bg-status-error-bg/10\">\n            <Ban className=\"size-5 text-status-error-text flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"font-medium text-status-error-text\">\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.cancelledHeading',\n                  'Invitation No Longer Available'\n                )}\n              </p>\n              <p className=\"text-sm mt-1 text-status-error-text/90\">\n                {tWithFallback(t, 'inviteAcceptance.cancelledPrefix', 'This invitation to ')}\n                <span className=\"font-medium\">{invitation.email}</span>\n                {tWithFallback(\n                  t,\n                  'inviteAcceptance.cancelledSuffix',\n                  ' was cancelled by the workspace admin and is no longer valid.'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <Button onClick={() => navigate('/workspaces/list')} className=\"w-full\">\n            <Home className=\"mr-2 size-4\" />\n            {tWithFallback(t, 'inviteAcceptance.goToWorkspaces', 'Go to Workspaces')}\n          </Button>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/MembersListPage.js

@@ -81,7 +81,7 @@ function y() {
 				className: "text-lg font-semibold",
 				children: i(y, "membersList.accessDenied", "Access Denied")
 			}), /* @__PURE__ */ f("p", {
-				className: "text-sm text-muted-foreground",
+				className: "text-sm text-text-secondary",
 				children: i(y, "membersList.noPermissionToViewMembers", "You don't have permission to view workspace members.")
 			})]
 		})
@@ -137,7 +137,7 @@ function y() {
 						className: "text-2xl sm:text-3xl font-bold",
 						children: i(y, "membersList.pageTitle", "Members")
 					}), /* @__PURE__ */ f("p", {
-						className: "text-muted-foreground text-sm sm:text-base",
+						className: "text-text-secondary text-sm sm:text-base",
 						children: i(y, "membersList.pageSubtitle", "Manage workspace members and invitations")
 					})] }), /* @__PURE__ */ f("div", {
 						className: "flex gap-2",
@@ -160,7 +160,7 @@ function y() {
 					className: "flex flex-col sm:flex-row gap-3 sm:gap-4",
 					children: [/* @__PURE__ */ p("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ f(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }), /* @__PURE__ */ f(ue, {
+						children: [/* @__PURE__ */ f(l, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-text-secondary" }), /* @__PURE__ */ f(ue, {
 							placeholder: i(y, "membersList.searchPlaceholder", "Search members..."),
 							value: O,
 							onChange: (e) => be(e.target.value),
@@ -180,9 +180,9 @@ function y() {
 					})]
 				}),
 				W.length > 0 && /* @__PURE__ */ p("div", {
-					className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
+					className: "flex flex-col gap-3 rounded-lg border 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-foreground",
+						className: "flex items-center gap-2 text-sm text-text-primary",
 						children: [/* @__PURE__ */ f("input", {
 							type: "checkbox",
 							checked: q,
@@ -191,13 +191,13 @@ function y() {
 							},
 							onChange: (e) => Pe(e.target.checked),
 							"aria-label": i(y, "membersList.selectAllMembersAriaLabel", "Select all workspace members"),
-							className: "size-4 rounded border-border text-primary"
+							className: "size-4 rounded border-border-subtle text-primary"
 						}), /* @__PURE__ */ f("span", { children: i(y, "membersList.selectAllVisibleMembers", "Select all visible members") })]
 					}), /* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [
 							/* @__PURE__ */ p("span", {
-								className: "text-sm text-muted-foreground",
+								className: "text-sm text-text-secondary",
 								children: [
 									x.size,
 									" ",
@@ -215,7 +215,7 @@ function y() {
 								size: "sm",
 								onClick: Le,
 								disabled: G.length === 0 || we,
-								className: "text-destructive",
+								className: "text-status-error-text",
 								children: [i(y, "membersList.removeSelected", "Remove Selected"), G.length > 0 ? ` (${G.length})` : ""]
 							})
 						]
@@ -235,10 +235,10 @@ function y() {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
 						/* @__PURE__ */ f("div", {
-							className: "rounded-full bg-destructive/10 p-6 mb-4",
+							className: "rounded-full bg-status-error-bg/10 p-6 mb-4",
 							children: /* @__PURE__ */ f(ce, {
 								size: 48,
-								className: "text-destructive"
+								className: "text-status-error-text"
 							})
 						}),
 						/* @__PURE__ */ f("h3", {
@@ -246,7 +246,7 @@ function y() {
 							children: i(y, "membersList.failedToLoad", "Failed to Load Members")
 						}),
 						/* @__PURE__ */ f("p", {
-							className: "text-muted-foreground max-w-sm",
+							className: "text-text-secondary max-w-sm",
 							children: j instanceof Error ? j.message : i(y, "membersList.errorLoadingMembers", "An error occurred while loading members")
 						})
 					]
@@ -255,10 +255,10 @@ function y() {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
 						/* @__PURE__ */ f("div", {
-							className: "rounded-full bg-muted p-6 mb-4",
+							className: "rounded-full bg-bg-sunken p-6 mb-4",
 							children: /* @__PURE__ */ f(d, {
 								size: 48,
-								className: "text-muted-foreground"
+								className: "text-text-secondary"
 							})
 						}),
 						/* @__PURE__ */ f("h3", {
@@ -266,7 +266,7 @@ function y() {
 							children: i(y, "membersList.noWorkspaceSelected", "No Workspace Selected")
 						}),
 						/* @__PURE__ */ f("p", {
-							className: "text-muted-foreground max-w-sm",
+							className: "text-text-secondary max-w-sm",
 							children: i(y, "membersList.selectWorkspacePrompt", "Select a workspace to view and manage its members")
 						})
 					]
@@ -275,10 +275,10 @@ function y() {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
 						/* @__PURE__ */ f("div", {
-							className: "rounded-full bg-muted p-6 mb-4",
+							className: "rounded-full bg-bg-sunken p-6 mb-4",
 							children: /* @__PURE__ */ f(d, {
 								size: 48,
-								className: "text-muted-foreground"
+								className: "text-text-secondary"
 							})
 						}),
 						/* @__PURE__ */ f("h3", {
@@ -286,7 +286,7 @@ function y() {
 							children: i(y, "membersList.noMembersYet", "No Members Yet")
 						}),
 						/* @__PURE__ */ f("p", {
-							className: "text-muted-foreground max-w-sm mb-4",
+							className: "text-text-secondary max-w-sm mb-4",
 							children: i(y, "membersList.noMembersPrompt", "Start building your team by inviting members to this workspace")
 						}),
 						/* @__PURE__ */ f(_, {
@@ -304,10 +304,10 @@ function y() {
 					className: "flex flex-col items-center justify-center py-12 text-center",
 					children: [
 						/* @__PURE__ */ f("div", {
-							className: "rounded-full bg-muted p-6 mb-4",
+							className: "rounded-full bg-bg-sunken p-6 mb-4",
 							children: /* @__PURE__ */ f(l, {
 								size: 48,
-								className: "text-muted-foreground"
+								className: "text-text-secondary"
 							})
 						}),
 						/* @__PURE__ */ f("h3", {
@@ -315,7 +315,7 @@ function y() {
 							children: i(y, "membersList.noMembersFound", "No Members Found")
 						}),
 						/* @__PURE__ */ f("p", {
-							className: "text-muted-foreground max-w-sm",
+							className: "text-text-secondary max-w-sm",
 							children: i(y, "membersList.noMembersFoundPrompt", "No members match your search criteria. Try adjusting your search.")
 						})
 					]
@@ -353,9 +353,9 @@ function y() {
 							children: i(y, "membersList.pendingInvitationsHeader", "Pending Invitations")
 						}),
 						/* @__PURE__ */ p("div", {
-							className: "flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between",
+							className: "flex flex-col gap-3 rounded-lg border 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-foreground",
+								className: "flex items-center gap-2 text-sm text-text-primary",
 								children: [/* @__PURE__ */ f("input", {
 									type: "checkbox",
 									checked: J,
@@ -364,13 +364,13 @@ function y() {
 									},
 									onChange: (e) => Ie(e.target.checked),
 									"aria-label": i(y, "membersList.selectAllInvitationsAriaLabel", "Select all pending invitations"),
-									className: "size-4 rounded border-border text-primary"
+									className: "size-4 rounded border-border-subtle text-primary"
 								}), /* @__PURE__ */ f("span", { children: i(y, "membersList.selectAllInvitations", "Select all invitations") })]
 							}), /* @__PURE__ */ p("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [
 									/* @__PURE__ */ p("span", {
-										className: "text-sm text-muted-foreground",
+										className: "text-sm text-text-secondary",
 										children: [
 											L.size,
 											" ",
@@ -396,7 +396,7 @@ function y() {
 						/* @__PURE__ */ f("div", {
 							className: "space-y-2",
 							children: B.map((e) => /* @__PURE__ */ p("div", {
-								className: "flex items-center justify-between p-4 border rounded-lg bg-card",
+								className: "flex items-center justify-between p-4 border rounded-lg bg-bg-surface",
 								children: [/* @__PURE__ */ p("div", {
 									className: "flex items-center gap-3",
 									children: [
@@ -405,7 +405,7 @@ function y() {
 											checked: L.has(e.id),
 											onChange: (t) => Fe(e.id, t.target.checked),
 											"aria-label": `${i(y, "membersList.selectInvitationAriaLabel", "Select invitation")} ${e.email}`,
-											className: "size-4 rounded border-border text-primary"
+											className: "size-4 rounded border-border-subtle text-primary"
 										}),
 										/* @__PURE__ */ f("div", {
 											className: "size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors",
@@ -415,7 +415,7 @@ function y() {
 											className: "font-medium text-sm",
 											children: e.email
 										}), /* @__PURE__ */ p("p", {
-											className: "text-xs text-muted-foreground",
+											className: "text-xs text-text-secondary",
 											children: [
 												i(y, "membersList.invited", "Invited"),
 												" ",