@burdenoff/microfe-workspaces 2026.531.2 → 2026.531.3

package/dist/pages/PendingInvitesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PendingInvitesPage.js","names":[],"sources":["../../src/pages/PendingInvitesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Mail, RefreshCw, CheckCircle, XCircle, Inbox, AlertTriangle, Home } from 'lucide-react';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport { Badge, Button, PageContainer, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useAcceptInvitation, useRejectInvitation } from '../hooks/useMemberMutations';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nfunction formatDate(value?: string) {\n  if (!value) return null;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return null;\n\n  return date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nfunction getWorkspaceDisplayName(invitation: {\n  workspaceName?: string;\n  workspaceId?: string;\n  context?: { metadata?: Record<string, unknown> | null } | null;\n}) {\n  if (invitation.workspaceName) {\n    return invitation.workspaceName;\n  }\n\n  const metadataWorkspaceName = invitation.context?.metadata?.workspaceName;\n  if (typeof metadataWorkspaceName === 'string' && metadataWorkspaceName.trim().length > 0) {\n    return metadataWorkspaceName;\n  }\n\n  return invitation.workspaceId || '—';\n}\n\nfunction getRoleDisplayNames(invitation: {\n  roleNames?: string[];\n  roleIds: string[];\n  context?: { metadata?: Record<string, unknown> | null } | null;\n}) {\n  if (Array.isArray(invitation.roleNames) && invitation.roleNames.length > 0) {\n    return invitation.roleNames;\n  }\n\n  const metadataRoleNames = invitation.context?.metadata?.roleNames;\n  if (\n    Array.isArray(metadataRoleNames) &&\n    metadataRoleNames.every((value) => typeof value === 'string')\n  ) {\n    return metadataRoleNames;\n  }\n\n  return invitation.roleIds;\n}\n\nexport function PendingInvitesPage() {\n  useWorkspacesPageView('workspaces.pending-invites');\n\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const {\n    currentUser,\n    authToken,\n    apiGatewayUrl,\n    organizationId,\n    basePath = '/workspaces',\n  } = useWorkspacesContext();\n  const [processingInviteId, setProcessingInviteId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const {\n    data: pendingInvitations = [],\n    isLoading,\n    error,\n  } = useMyPendingInvitations(currentUser?.email);\n\n  const sortedInvitations = useMemo(\n    () =>\n      [...pendingInvitations].sort(\n        (left, right) => new Date(right.createdAt).getTime() - new Date(left.createdAt).getTime()\n      ),\n    [pendingInvitations]\n  );\n\n  const inviterActors = useMemo<ActorInput[]>(\n    () =>\n      sortedInvitations.flatMap((invitation) =>\n        invitation.invitedById\n          ? [{ actorId: invitation.invitedById, actorType: 'user' as const }]\n          : []\n      ),\n    [sortedInvitations]\n  );\n\n  const inviterProfiles: ActorProfileMap = useActorProfiles(inviterActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n\n  const { mutate: acceptInvitation, isPending: isAccepting } = useAcceptInvitation();\n  const { mutate: rejectInvitation, isPending: isRejecting } = useRejectInvitation();\n\n  const isMutating = isAccepting || isRejecting;\n\n  const handleBackToWorkspaces = () => {\n    navigate(`${basePath}/list`);\n  };\n\n  const handleAccept = (invitationId: string) => {\n    setProcessingInviteId(invitationId);\n    setActionError(null);\n\n    acceptInvitation(invitationId, {\n      onSuccess: () => {\n        setProcessingInviteId(null);\n      },\n      onError: (mutationError) => {\n        setProcessingInviteId(null);\n        setActionError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : tWithFallback(t, 'pendingInvites.acceptError', 'Failed to accept invitation')\n        );\n      },\n    });\n  };\n\n  const handleReject = (invitationId: string) => {\n    setProcessingInviteId(invitationId);\n    setActionError(null);\n\n    rejectInvitation(invitationId, {\n      onSuccess: () => {\n        setProcessingInviteId(null);\n      },\n      onError: (mutationError) => {\n        setProcessingInviteId(null);\n        setActionError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : tWithFallback(t, 'pendingInvites.rejectError', 'Failed to reject invitation')\n        );\n      },\n    });\n  };\n\n  if (!authToken || !currentUser?.email) {\n    return (\n      <PageContainer padded={false}>\n        <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n          <div className=\"rounded-lg border bg-card p-6 text-center\">\n            <AlertTriangle className=\"mx-auto mb-3 size-10 text-muted-foreground\" />\n            <h1 className=\"text-2xl font-bold\">\n              {tWithFallback(\n                t,\n                'pendingInvites.signInTitle',\n                'Sign in to view your pending invites'\n              )}\n            </h1>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.signInDescription',\n                'You need an authenticated account before you can review or respond to workspace invitations.'\n              )}\n            </p>\n            <div className=\"mt-4 flex justify-center\">\n              <Button onClick={handleBackToWorkspaces} variant=\"outline\">\n                <Home className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'pendingInvites.backToWorkspaces', 'Back to Workspaces')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </PageContainer>\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        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'pendingInvites.pageTitle', 'Pending Invites')}\n            </h1>\n            <p className=\"text-sm sm:text-base text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.pageSubtitle',\n                'Review and respond to workspace invitations sent to your account.'\n              )}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Badge variant=\"secondary\">{sortedInvitations.length}</Badge>\n            <Button variant=\"outline\" onClick={handleBackToWorkspaces}>\n              <Home className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'pendingInvites.viewWorkspaces', 'View Workspaces')}\n            </Button>\n          </div>\n        </div>\n\n        {actionError ? (\n          <div className=\"flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n            <AlertTriangle className=\"mt-0.5 size-4 shrink-0\" />\n            <span>{actionError}</span>\n          </div>\n        ) : null}\n\n        {error ? (\n          <div className=\"rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'pendingInvites.loadError', 'Failed to load pending invitations')}\n          </div>\n        ) : null}\n\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 3 }).map((_, index) => (\n              <div key={index} className=\"rounded-lg border bg-card p-5 space-y-3\">\n                <Skeleton className=\"h-5 w-40\" />\n                <Skeleton className=\"h-4 w-64\" />\n                <Skeleton className=\"h-4 w-52\" />\n                <div className=\"flex gap-2 pt-2\">\n                  <Skeleton className=\"h-10 w-36\" />\n                  <Skeleton className=\"h-10 w-28\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : sortedInvitations.length === 0 ? (\n          <div className=\"rounded-lg border bg-card p-10 text-center\">\n            <Inbox className=\"mx-auto mb-4 size-12 text-muted-foreground\" />\n            <h2 className=\"text-xl font-semibold\">\n              {tWithFallback(t, 'pendingInvites.emptyTitle', 'No pending invites')}\n            </h2>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.emptyDescription',\n                'When someone invites you to a workspace, it will appear here.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {sortedInvitations.map((invitation) => {\n              const inviterProfile = invitation.invitedById\n                ? inviterProfiles[invitation.invitedById]\n                : undefined;\n              const inviterLabel =\n                inviterProfile?.displayName ||\n                inviterProfile?.email ||\n                invitation.invitedById ||\n                '—';\n              const expiresAt = formatDate(invitation.expiresAt);\n              const createdAt = formatDate(invitation.createdAt);\n              const workspaceDisplayName = getWorkspaceDisplayName(invitation);\n              const roleDisplayNames = getRoleDisplayNames(invitation);\n              const isProcessingThisInvite = processingInviteId === invitation.id && isMutating;\n\n              return (\n                <div key={invitation.id} className=\"rounded-lg border bg-card p-5\">\n                  <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n                    <div className=\"space-y-3 min-w-0\">\n                      <div className=\"flex flex-wrap items-center gap-2\">\n                        <div className=\"flex items-center gap-2 font-semibold text-lg\">\n                          <Mail className=\"size-4 text-primary\" />\n                          <span>{invitation.email}</span>\n                        </div>\n                        <Badge variant=\"secondary\">{invitation.status}</Badge>\n                      </div>\n\n                      <dl className=\"grid gap-2 text-sm text-muted-foreground sm:grid-cols-2\">\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.workspaceLabel', 'Workspace')}\n                          </dt>\n                          <dd className=\"break-words font-medium text-foreground\">\n                            {workspaceDisplayName}\n                          </dd>\n                          {invitation.workspaceId ? (\n                            <dd className=\"mt-1 break-all font-mono text-xs text-muted-foreground\">\n                              {invitation.workspaceId}\n                            </dd>\n                          ) : null}\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.invitedByLabel', 'Invited by')}\n                          </dt>\n                          <dd className=\"break-all\">\n                            {inviterProfile ? (\n                              <ActorIdentity\n                                profile={inviterProfile}\n                                variant=\"inline\"\n                                hideIdDrilldown\n                              />\n                            ) : (\n                              <span className=\"font-medium text-foreground\">{inviterLabel}</span>\n                            )}\n                          </dd>\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.receivedLabel', 'Received')}\n                          </dt>\n                          <dd>{createdAt ?? '—'}</dd>\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.expiresLabel', 'Expires')}\n                          </dt>\n                          <dd>{expiresAt ?? '—'}</dd>\n                        </div>\n                      </dl>\n\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground mb-2\">\n                          {tWithFallback(t, 'pendingInvites.rolesLabel', 'Roles')}\n                        </p>\n                        <div className=\"flex flex-wrap gap-2\">\n                          {roleDisplayNames.length > 0 ? (\n                            roleDisplayNames.map((roleName, index) => (\n                              <Badge\n                                key={`${invitation.id}-${invitation.roleIds[index] ?? roleName}`}\n                                variant=\"outline\"\n                              >\n                                {roleName}\n                              </Badge>\n                            ))\n                          ) : (\n                            <span className=\"text-sm text-muted-foreground\">\n                              {tWithFallback(\n                                t,\n                                'pendingInvites.noRoles',\n                                'No explicit roles assigned'\n                              )}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                    </div>\n\n                    <div className=\"flex flex-col gap-2 sm:flex-row lg:flex-col lg:min-w-44\">\n                      <Button\n                        onClick={() => handleAccept(invitation.id)}\n                        disabled={isMutating}\n                        className=\"w-full\"\n                      >\n                        {isProcessingThisInvite && isAccepting ? (\n                          <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                        ) : (\n                          <CheckCircle className=\"mr-2 size-4\" />\n                        )}\n                        {tWithFallback(t, 'pendingInvites.acceptButton', 'Accept')}\n                      </Button>\n                      <Button\n                        variant=\"outline\"\n                        onClick={() => handleReject(invitation.id)}\n                        disabled={isMutating}\n                        className=\"w-full\"\n                      >\n                        {isProcessingThisInvite && isRejecting ? (\n                          <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                        ) : (\n                          <XCircle className=\"mr-2 size-4\" />\n                        )}\n                        {tWithFallback(t, 'pendingInvites.rejectButton', 'Reject')}\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PendingInvitesPage.js","names":[],"sources":["../../src/pages/PendingInvitesPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Mail, RefreshCw, CheckCircle, XCircle, Inbox, AlertTriangle, Home } from 'lucide-react';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport { Badge, Button, PageContainer, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  getProjectDisplayNames,\n  getRoleDisplayNames,\n  getWorkspaceDisplayName,\n} from '../utils/invitationDisplay';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useAcceptInvitation, useRejectInvitation } from '../hooks/useMemberMutations';\nimport { useMyPendingInvitations } from '../hooks/usePendingInvitations';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nfunction formatDate(value?: string) {\n  if (!value) return null;\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return null;\n\n  return date.toLocaleDateString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function PendingInvitesPage() {\n  useWorkspacesPageView('workspaces.pending-invites');\n\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const {\n    currentUser,\n    authToken,\n    apiGatewayUrl,\n    organizationId,\n    basePath = '/workspaces',\n  } = useWorkspacesContext();\n  const [processingInviteId, setProcessingInviteId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const {\n    data: pendingInvitations = [],\n    isLoading,\n    error,\n  } = useMyPendingInvitations(currentUser?.email);\n\n  const sortedInvitations = useMemo(\n    () =>\n      [...pendingInvitations].sort(\n        (left, right) => new Date(right.createdAt).getTime() - new Date(left.createdAt).getTime()\n      ),\n    [pendingInvitations]\n  );\n\n  const inviterActors = useMemo<ActorInput[]>(\n    () =>\n      sortedInvitations.flatMap((invitation) =>\n        invitation.invitedById\n          ? [{ actorId: invitation.invitedById, actorType: 'user' as const }]\n          : []\n      ),\n    [sortedInvitations]\n  );\n\n  const inviterProfiles: ActorProfileMap = useActorProfiles(inviterActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n\n  const { mutate: acceptInvitation, isPending: isAccepting } = useAcceptInvitation();\n  const { mutate: rejectInvitation, isPending: isRejecting } = useRejectInvitation();\n\n  const isMutating = isAccepting || isRejecting;\n\n  const handleBackToWorkspaces = () => {\n    navigate(`${basePath}/list`);\n  };\n\n  const handleAccept = (invitationId: string) => {\n    setProcessingInviteId(invitationId);\n    setActionError(null);\n\n    acceptInvitation(invitationId, {\n      onSuccess: () => {\n        setProcessingInviteId(null);\n      },\n      onError: (mutationError) => {\n        setProcessingInviteId(null);\n        setActionError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : tWithFallback(t, 'pendingInvites.acceptError', 'Failed to accept invitation')\n        );\n      },\n    });\n  };\n\n  const handleReject = (invitationId: string) => {\n    setProcessingInviteId(invitationId);\n    setActionError(null);\n\n    rejectInvitation(invitationId, {\n      onSuccess: () => {\n        setProcessingInviteId(null);\n      },\n      onError: (mutationError) => {\n        setProcessingInviteId(null);\n        setActionError(\n          mutationError instanceof Error\n            ? mutationError.message\n            : tWithFallback(t, 'pendingInvites.rejectError', 'Failed to reject invitation')\n        );\n      },\n    });\n  };\n\n  if (!authToken || !currentUser?.email) {\n    return (\n      <PageContainer padded={false}>\n        <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n          <div className=\"rounded-lg border bg-card p-6 text-center\">\n            <AlertTriangle className=\"mx-auto mb-3 size-10 text-muted-foreground\" />\n            <h1 className=\"text-2xl font-bold\">\n              {tWithFallback(\n                t,\n                'pendingInvites.signInTitle',\n                'Sign in to view your pending invites'\n              )}\n            </h1>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.signInDescription',\n                'You need an authenticated account before you can review or respond to workspace invitations.'\n              )}\n            </p>\n            <div className=\"mt-4 flex justify-center\">\n              <Button onClick={handleBackToWorkspaces} variant=\"outline\">\n                <Home className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'pendingInvites.backToWorkspaces', 'Back to Workspaces')}\n              </Button>\n            </div>\n          </div>\n        </div>\n      </PageContainer>\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        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'pendingInvites.pageTitle', 'Pending Invites')}\n            </h1>\n            <p className=\"text-sm sm:text-base text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.pageSubtitle',\n                'Review and respond to workspace invitations sent to your account.'\n              )}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            <Badge variant=\"secondary\">{sortedInvitations.length}</Badge>\n            <Button variant=\"outline\" onClick={handleBackToWorkspaces}>\n              <Home className=\"mr-2 size-4\" />\n              {tWithFallback(t, 'pendingInvites.viewWorkspaces', 'View Workspaces')}\n            </Button>\n          </div>\n        </div>\n\n        {actionError ? (\n          <div className=\"flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n            <AlertTriangle className=\"mt-0.5 size-4 shrink-0\" />\n            <span>{actionError}</span>\n          </div>\n        ) : null}\n\n        {error ? (\n          <div className=\"rounded-lg border border-destructive/30 bg-destructive/10 p-4 text-sm text-destructive\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'pendingInvites.loadError', 'Failed to load pending invitations')}\n          </div>\n        ) : null}\n\n        {isLoading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 3 }).map((_, index) => (\n              <div key={index} className=\"rounded-lg border bg-card p-5 space-y-3\">\n                <Skeleton className=\"h-5 w-40\" />\n                <Skeleton className=\"h-4 w-64\" />\n                <Skeleton className=\"h-4 w-52\" />\n                <div className=\"flex gap-2 pt-2\">\n                  <Skeleton className=\"h-10 w-36\" />\n                  <Skeleton className=\"h-10 w-28\" />\n                </div>\n              </div>\n            ))}\n          </div>\n        ) : sortedInvitations.length === 0 ? (\n          <div className=\"rounded-lg border bg-card p-10 text-center\">\n            <Inbox className=\"mx-auto mb-4 size-12 text-muted-foreground\" />\n            <h2 className=\"text-xl font-semibold\">\n              {tWithFallback(t, 'pendingInvites.emptyTitle', 'No pending invites')}\n            </h2>\n            <p className=\"mt-2 text-muted-foreground\">\n              {tWithFallback(\n                t,\n                'pendingInvites.emptyDescription',\n                'When someone invites you to a workspace, it will appear here.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {sortedInvitations.map((invitation) => {\n              const inviterProfile = invitation.invitedById\n                ? inviterProfiles[invitation.invitedById]\n                : undefined;\n              const inviterLabel =\n                inviterProfile?.displayName ||\n                inviterProfile?.email ||\n                invitation.invitedById ||\n                '—';\n              const expiresAt = formatDate(invitation.expiresAt);\n              const createdAt = formatDate(invitation.createdAt);\n              const workspaceDisplayName = getWorkspaceDisplayName(invitation);\n              const roleDisplayNames = getRoleDisplayNames(invitation);\n              const projectDisplayNames = getProjectDisplayNames(invitation);\n              const isProcessingThisInvite = processingInviteId === invitation.id && isMutating;\n\n              return (\n                <div key={invitation.id} className=\"rounded-lg border bg-card p-5\">\n                  <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n                    <div className=\"space-y-3 min-w-0\">\n                      <div className=\"flex flex-wrap items-center gap-2\">\n                        <div className=\"flex items-center gap-2 font-semibold text-lg\">\n                          <Mail className=\"size-4 text-primary\" />\n                          <span>{invitation.email}</span>\n                        </div>\n                        <Badge variant=\"secondary\">{invitation.status}</Badge>\n                      </div>\n\n                      <dl className=\"grid gap-2 text-sm text-muted-foreground sm:grid-cols-2\">\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.workspaceLabel', 'Workspace')}\n                          </dt>\n                          <dd className=\"break-words font-medium text-foreground\">\n                            {workspaceDisplayName}\n                          </dd>\n                          {invitation.workspaceId ? (\n                            <dd className=\"mt-1 break-all font-mono text-xs text-muted-foreground\">\n                              {invitation.workspaceId}\n                            </dd>\n                          ) : null}\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.invitedByLabel', 'Invited by')}\n                          </dt>\n                          <dd className=\"break-all\">\n                            {inviterProfile ? (\n                              <ActorIdentity\n                                profile={inviterProfile}\n                                variant=\"inline\"\n                                hideIdDrilldown\n                              />\n                            ) : (\n                              <span className=\"font-medium text-foreground\">{inviterLabel}</span>\n                            )}\n                          </dd>\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.receivedLabel', 'Received')}\n                          </dt>\n                          <dd>{createdAt ?? '—'}</dd>\n                        </div>\n                        <div>\n                          <dt className=\"font-medium text-foreground\">\n                            {tWithFallback(t, 'pendingInvites.expiresLabel', 'Expires')}\n                          </dt>\n                          <dd>{expiresAt ?? '—'}</dd>\n                        </div>\n                      </dl>\n\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground mb-2\">\n                          {tWithFallback(t, 'pendingInvites.rolesLabel', 'Roles')}\n                        </p>\n                        <div className=\"flex flex-wrap gap-2\">\n                          {roleDisplayNames.length > 0 ? (\n                            roleDisplayNames.map((roleName, index) => (\n                              <Badge\n                                key={`${invitation.id}-${invitation.roleIds[index] ?? roleName}`}\n                                variant=\"outline\"\n                              >\n                                {roleName}\n                              </Badge>\n                            ))\n                          ) : (\n                            <span className=\"text-sm text-muted-foreground\">\n                              {tWithFallback(\n                                t,\n                                'pendingInvites.noRoles',\n                                'No explicit roles assigned'\n                              )}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n\n                      <div>\n                        <p className=\"text-sm font-medium text-foreground mb-2\">\n                          {tWithFallback(t, 'pendingInvites.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=\"secondary\"\n                              >\n                                {projectName}\n                              </Badge>\n                            ))\n                          ) : (\n                            <span className=\"text-sm text-muted-foreground\">\n                              {tWithFallback(\n                                t,\n                                'pendingInvites.noProjects',\n                                'No project access will be granted automatically'\n                              )}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                    </div>\n\n                    <div className=\"flex flex-col gap-2 sm:flex-row lg:flex-col lg:min-w-44\">\n                      <Button\n                        onClick={() => handleAccept(invitation.id)}\n                        disabled={isMutating}\n                        className=\"w-full\"\n                      >\n                        {isProcessingThisInvite && isAccepting ? (\n                          <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                        ) : (\n                          <CheckCircle className=\"mr-2 size-4\" />\n                        )}\n                        {tWithFallback(t, 'pendingInvites.acceptButton', 'Accept')}\n                      </Button>\n                      <Button\n                        variant=\"outline\"\n                        onClick={() => handleReject(invitation.id)}\n                        disabled={isMutating}\n                        className=\"w-full\"\n                      >\n                        {isProcessingThisInvite && isRejecting ? (\n                          <RefreshCw className=\"mr-2 size-4 animate-spin\" />\n                        ) : (\n                          <XCircle className=\"mr-2 size-4\" />\n                        )}\n                        {tWithFallback(t, 'pendingInvites.rejectButton', 'Reject')}\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAS,EAAW,GAAgB;AAClC,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAO,IAAI,KAAK,EAAM;AAG5B,QAFI,OAAO,MAAM,EAAK,SAAS,CAAC,GAAS,OAElC,EAAK,mBAAmB,KAAA,GAAW;EACxC,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACT,CAAC;;AAGJ,SAAgB,IAAqB;AACnC,GAAsB,6BAA6B;CAEnD,IAAM,EAAE,SAAM,GAAS,EACjB,IAAW,GAAa,EACxB,EACJ,gBACA,cACA,kBACA,mBACA,cAAW,kBACT,GAAsB,EACpB,CAAC,GAAoB,KAAyB,EAAwB,KAAK,EAC3E,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,EACJ,MAAM,IAAqB,EAAE,EAC7B,cACA,aACE,EAAwB,GAAa,MAAM,EAEzC,IAAoB,QAEtB,CAAC,GAAG,EAAmB,CAAC,MACrB,GAAM,MAAU,IAAI,KAAK,EAAM,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAK,UAAU,CAAC,SAAS,CAC1F,EACH,CAAC,EAAmB,CACrB,EAYK,IAAmC,EAVnB,QAElB,EAAkB,SAAS,MACzB,EAAW,cACP,CAAC;EAAE,SAAS,EAAW;EAAa,WAAW;EAAiB,CAAC,GACjE,EAAE,CACP,EACH,CAAC,EAAkB,CACpB,EAEwE;EACvE;EACA;EACA,OAAO;EACR,CAAC,EAEI,EAAE,QAAQ,GAAkB,WAAW,MAAgB,GAAqB,EAC5E,EAAE,QAAQ,GAAkB,WAAW,MAAgB,GAAqB,EAE5E,IAAa,KAAe,GAE5B,UAA+B;AACnC,IAAS,GAAG,EAAS,OAAO;IAGxB,KAAgB,MAAyB;AAI7C,EAHA,EAAsB,EAAa,EACnC,EAAe,KAAK,EAEpB,EAAiB,GAAc;GAC7B,iBAAiB;AACf,MAAsB,KAAK;;GAE7B,UAAU,MAAkB;AAE1B,IADA,EAAsB,KAAK,EAC3B,EACE,aAAyB,QACrB,EAAc,UACd,EAAc,GAAG,8BAA8B,8BAA8B,CAClF;;GAEJ,CAAC;IAGE,KAAgB,MAAyB;AAI7C,EAHA,EAAsB,EAAa,EACnC,EAAe,KAAK,EAEpB,EAAiB,GAAc;GAC7B,iBAAiB;AACf,MAAsB,KAAK;;GAE7B,UAAU,MAAkB;AAE1B,IADA,EAAsB,KAAK,EAC3B,EACE,aAAyB,QACrB,EAAc,UACd,EAAc,GAAG,8BAA8B,8BAA8B,CAClF;;GAEJ,CAAC;;AAmCJ,QAhCI,CAAC,KAAa,CAAC,GAAa,QAE5B,kBAAC,GAAD;EAAe,QAAQ;YACrB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAe,WAAU,8CAA+C,CAAA;KACxE,kBAAC,MAAD;MAAI,WAAU;gBACX,EACC,GACA,8BACA,uCACD;MACE,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,GACA,oCACA,+FACD;MACC,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAQ,SAAS;OAAwB,SAAQ;iBAAjD,CACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAC/B,EAAc,GAAG,mCAAmC,qBAAqB,CACnE;;MACL,CAAA;KACF;;GACF,CAAA;EACQ,CAAA,GAKlB,kBAAC,GAAD;EAAe,QAAQ;YACrB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAc,GAAG,4BAA4B,kBAAkB;MAC7D,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,GACA,+BACA,oEACD;MACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAO,SAAQ;iBAAa,EAAkB;OAAe,CAAA,EAC7D,kBAAC,GAAD;OAAQ,SAAQ;OAAU,SAAS;iBAAnC,CACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAC/B,EAAc,GAAG,iCAAiC,kBAAkB,CAC9D;SACL;QACF;;IAEL,IACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAe,WAAU,0BAA2B,CAAA,EACpD,kBAAC,QAAD,EAAA,UAAO,GAAmB,CAAA,CACtB;SACJ;IAEH,IACC,kBAAC,OAAD;KAAK,WAAU;eACZ,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,4BAA4B,qCAAqC;KAClF,CAAA,GACJ;IAEH,IACC,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,OAAD;MAAiB,WAAU;gBAA3B;OACE,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA;OACjC,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA;OACjC,kBAAC,GAAD,EAAU,WAAU,YAAa,CAAA;OACjC,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;;OACF;QARI,EAQJ,CACN;KACE,CAAA,GACJ,EAAkB,WAAW,IAC/B,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAO,WAAU,8CAA+C,CAAA;MAChE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAc,GAAG,6BAA6B,qBAAqB;OACjE,CAAA;MACL,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,GACA,mCACA,gEACD;OACC,CAAA;MACA;SAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAkB,KAAK,MAAe;MACrC,IAAM,IAAiB,EAAW,cAC9B,EAAgB,EAAW,eAC3B,KAAA,GACE,IACJ,GAAgB,eAChB,GAAgB,SAChB,EAAW,eACX,KACI,IAAY,EAAW,EAAW,UAAU,EAC5C,IAAY,EAAW,EAAW,UAAU,EAC5C,IAAuB,EAAwB,EAAW,EAC1D,IAAmB,EAAoB,EAAW,EAClD,IAAsB,EAAuB,EAAW,EACxD,IAAyB,MAAuB,EAAW,MAAM;AAEvE,aACE,kBAAC,OAAD;OAAyB,WAAU;iBACjC,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,uBAAwB,CAAA,EACxC,kBAAC,QAAD,EAAA,UAAO,EAAW,OAAa,CAAA,CAC3B;eACN,kBAAC,GAAD;YAAO,SAAQ;sBAAa,EAAW;YAAe,CAAA,CAClD;;UAEN,kBAAC,MAAD;WAAI,WAAU;qBAAd;YACE,kBAAC,OAAD,EAAA,UAAA;aACE,kBAAC,MAAD;cAAI,WAAU;wBACX,EAAc,GAAG,iCAAiC,YAAY;cAC5D,CAAA;aACL,kBAAC,MAAD;cAAI,WAAU;wBACX;cACE,CAAA;aACJ,EAAW,cACV,kBAAC,MAAD;cAAI,WAAU;wBACX,EAAW;cACT,CAAA,GACH;aACA,EAAA,CAAA;YACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;aAAI,WAAU;uBACX,EAAc,GAAG,iCAAiC,aAAa;aAC7D,CAAA,EACL,kBAAC,MAAD;aAAI,WAAU;uBACX,IACC,kBAAC,GAAD;cACE,SAAS;cACT,SAAQ;cACR,iBAAA;cACA,CAAA,GAEF,kBAAC,QAAD;cAAM,WAAU;wBAA+B;cAAoB,CAAA;aAElE,CAAA,CACD,EAAA,CAAA;YACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;aAAI,WAAU;uBACX,EAAc,GAAG,gCAAgC,WAAW;aAC1D,CAAA,EACL,kBAAC,MAAD,EAAA,UAAK,KAAa,KAAS,CAAA,CACvB,EAAA,CAAA;YACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;aAAI,WAAU;uBACX,EAAc,GAAG,+BAA+B,UAAU;aACxD,CAAA,EACL,kBAAC,MAAD,EAAA,UAAK,KAAa,KAAS,CAAA,CACvB,EAAA,CAAA;YACH;;UAEL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAc,GAAG,6BAA6B,QAAQ;WACrD,CAAA,EACJ,kBAAC,OAAD;WAAK,WAAU;qBACZ,EAAiB,SAAS,IACzB,EAAiB,KAAK,GAAU,MAC9B,kBAAC,GAAD;YAEE,SAAQ;sBAEP;YACK,EAJD,GAAG,EAAW,GAAG,GAAG,EAAW,QAAQ,MAAU,IAIhD,CACR,GAEF,kBAAC,QAAD;YAAM,WAAU;sBACb,EACC,GACA,0BACA,6BACD;YACI,CAAA;WAEL,CAAA,CACF,EAAA,CAAA;UAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAc,GAAG,gCAAgC,WAAW;WAC3D,CAAA,EACJ,kBAAC,OAAD;WAAK,WAAU;qBACZ,EAAoB,SAAS,IAC5B,EAAoB,KAAK,GAAa,MACpC,kBAAC,GAAD;YAEE,SAAQ;sBAEP;YACK,EAJD,GAAG,EAAW,GAAG,WAAW,EAAY,GAAG,IAI1C,CACR,GAEF,kBAAC,QAAD;YAAM,WAAU;sBACb,EACC,GACA,6BACA,kDACD;YACI,CAAA;WAEL,CAAA,CACF,EAAA,CAAA;UACF;YAEN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD;UACE,eAAe,EAAa,EAAW,GAAG;UAC1C,UAAU;UACV,WAAU;oBAHZ,CAKG,KAA0B,IACzB,kBAAC,GAAD,EAAW,WAAU,4BAA6B,CAAA,GAElD,kBAAC,GAAD,EAAa,WAAU,eAAgB,CAAA,EAExC,EAAc,GAAG,+BAA+B,SAAS,CACnD;aACT,kBAAC,GAAD;UACE,SAAQ;UACR,eAAe,EAAa,EAAW,GAAG;UAC1C,UAAU;UACV,WAAU;oBAJZ,CAMG,KAA0B,IACzB,kBAAC,GAAD,EAAW,WAAU,4BAA6B,CAAA,GAElD,kBAAC,GAAD,EAAS,WAAU,eAAgB,CAAA,EAEpC,EAAc,GAAG,+BAA+B,SAAS,CACnD;YACL;WACF;;OACF,EAxII,EAAW,GAwIf;OAER;KACE,CAAA;IAEJ;;EACQ,CAAA"}

package/dist/pages/ProjectDetailPage.js

@@ -4,12 +4,12 @@ import { useScopedNavigation as n } from "../hooks/useScopedNavigation.js";
 import { tWithFallback as r } from "../utils/i18n.js";
 import { useWorkspacesPageView as ee } from "../hooks/useWorkspacesPageView.js";
 import { nativeImpact as te, nativeNotify as i } from "../utils/nativeBridge.js";
-import { useProject as ne, useProjectMembersCount as re } from "../hooks/useProjects.js";
-import { useArchiveProject as a, useDeleteProject as o, useTagProject as s, useUnarchiveProject as c, useUntagProject as ie, useUpdateProject as ae } from "../hooks/useProjectMutations.js";
+import { useWorkspacePermissions as ne } from "../hooks/useWorkspacePermissions.js";
+import { useProject as re, useProjectMembersCount as a } from "../hooks/useProjects.js";
+import { useArchiveProject as o, useDeleteProject as s, useTagProject as c, useUnarchiveProject as ie, useUntagProject as ae, useUpdateProject as oe } from "../hooks/useProjectMutations.js";
 import { formatDate as l } from "../utils/formatters.js";
 import { getProjectDisplayTags as u, toProjectTag as d } from "../utils/projectTags.js";
-import { useWorkspaceActivity as oe } from "../hooks/useWorkspaceActivity.js";
-import { useWorkspacePermissions as se } from "../hooks/useWorkspacePermissions.js";
+import { useWorkspaceActivity as se } from "../hooks/useWorkspaceActivity.js";
 import { ProjectTagsWidget as ce } from "../components/tags/ProjectTagsWidget.js";
 import { useEffect as le, useMemo as f, useState as p } from "react";
 import { Activity as m, Archive as h, ArrowLeft as g, Clock as _, FolderKanban as v, MoreVertical as ue, Users as y } from "lucide-react";
@@ -25,10 +25,10 @@ function I() {
 		projectId: R,
 		requireParams: !0
 	});
-	let z = P(), { basePath: B = "/workspaces" } = e(), { withCurrentSearch: V } = n(), { data: H, isLoading: be, error: xe } = ne(R || "", L), [Se, U] = p(!1), [W, G] = p(() => u(H)), { mutate: Ce, isPending: K } = a(L), { mutate: we, isPending: q } = c(L), { mutate: Te, isPending: J } = o(L), { mutateAsync: Ee, isPending: De } = s(L), { mutateAsync: Oe, isPending: ke } = ie(L), { mutateAsync: Ae, isPending: je } = ae(L), { data: Me } = re(R || "", L), Y = f(() => u({
+	let z = P(), { basePath: B = "/workspaces" } = e(), { withCurrentSearch: V } = n(), { data: H, isLoading: be, error: xe } = re(R || "", L), [Se, U] = p(!1), [W, G] = p(() => u(H)), { mutate: Ce, isPending: K } = o(L), { mutate: we, isPending: q } = ie(L), { mutate: Te, isPending: J } = s(L), { mutateAsync: Ee, isPending: De } = c(L), { mutateAsync: Oe, isPending: ke } = ae(L), { mutateAsync: Ae, isPending: je } = oe(L), { data: Me } = a(R || "", L), Y = f(() => u({
 		tags: H?.tags ?? [],
 		tagAssignments: H?.tagAssignments
-	}), [H?.tags, H?.tagAssignments]), { data: Ne } = oe(L), Pe = (Ne ?? []).filter((e) => e.resourceId === R || e.resourceType?.toLowerCase() === "project").length, { canViewProject: Fe, canDeleteProject: X, canArchiveProject: Z, isLoading: Ie } = se();
+	}), [H?.tags, H?.tagAssignments]), { data: Ne } = se(L), Pe = (Ne ?? []).filter((e) => e.resourceId === R || e.resourceType?.toLowerCase() === "project").length, { canViewProject: Fe, canDeleteProject: X, canArchiveProject: Z, isLoading: Ie } = ne();
 	le(() => {
 		G(Y);
 	}, [Y]);

package/dist/pages/ProjectDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../src/pages/ProjectDetailPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  Activity,\n  Archive,\n  MoreVertical,\n  Clock,\n} from 'lucide-react';\nimport {\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { type TagItem } from '@burdenoff/fe-libs/tag';\nimport { ProjectTagsWidget } from '../components/tags/ProjectTagsWidget';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useProject, useProjectMembersCount } from '../hooks/useProjects';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n  useTagProject,\n  useUntagProject,\n  useUpdateProject,\n} from '../hooks/useProjectMutations';\nimport { formatDate } from '../utils/formatters';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { getProjectDisplayTags, toProjectTag } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function ProjectDetailPage() {\n  const { t } = useI18n();\n\n  const { workspaceId, projectId } = useParams<{ workspaceId: string; projectId: string }>();\n  useWorkspacesPageView('workspaces.project-detail', {\n    workspaceId,\n    projectId,\n    requireParams: true,\n  });\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: project, isLoading, error } = useProject(projectId || '', workspaceId);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [projectTags, setProjectTags] = useState(() => getProjectDisplayTags(project));\n\n  const { mutate: archiveProject, isPending: isArchiving } = useArchiveProject(workspaceId);\n  const { mutate: unarchiveProject, isPending: isUnarchiving } = useUnarchiveProject(workspaceId);\n  const { mutate: deleteProject, isPending: isDeleting } = useDeleteProject(workspaceId);\n  const { mutateAsync: tagProject, isPending: isTaggingProject } = useTagProject(workspaceId);\n  const { mutateAsync: untagProject, isPending: isUntaggingProject } = useUntagProject(workspaceId);\n  const { mutateAsync: updateProject, isPending: isUpdatingProject } =\n    useUpdateProject(workspaceId);\n  const { data: projectMemberCount } = useProjectMembersCount(projectId || '', workspaceId);\n  const displayTags = useMemo(\n    () =>\n      getProjectDisplayTags({\n        tags: project?.tags ?? [],\n        tagAssignments: project?.tagAssignments,\n      }),\n    [project?.tags, project?.tagAssignments]\n  );\n  const { data: workspaceActivity } = useWorkspaceActivity(workspaceId);\n  const relatedActivityCount = (workspaceActivity ?? []).filter(\n    (item) => item.resourceId === projectId || item.resourceType?.toLowerCase() === 'project'\n  ).length;\n\n  const {\n    canViewProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  useEffect(() => {\n    setProjectTags(displayTags);\n  }, [displayTags]);\n\n  const widgetTags = useMemo<TagItem[]>(() => projectTags, [projectTags]);\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 (!canViewProject) {\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, 'projectDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'projectDetail.noPermissionToViewProject',\n              \"You don't have permission to view this project.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n  };\n\n  const handleArchive = () => {\n    if (!project) return;\n    if (project.archived) {\n      unarchiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to unarchive project:', err);\n        },\n      });\n    } else {\n      archiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to archive project:', err);\n        },\n      });\n    }\n  };\n\n  const handleDelete = () => {\n    if (!project) return;\n    void nativeImpact('medium');\n    deleteProject(project.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowDeleteDialog(false);\n        navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n      },\n      onError: (err) => {\n        void nativeNotify('error');\n        console.error('Failed to delete project:', err);\n      },\n    });\n  };\n\n  const syncLegacyProjectTags = async (nextTags: TagItem[]) => {\n    if (!project) {\n      return;\n    }\n\n    const normalizedNextTags = nextTags.map((tag) => toProjectTag(tag));\n\n    try {\n      await updateProject({\n        id: project.id,\n        input: {\n          tags: normalizedNextTags,\n        },\n      });\n    } catch (err) {\n      void nativeNotify('warning');\n      console.error(\n        'Failed to sync legacy project tag mirror after updating structured project tags:',\n        err\n      );\n    }\n  };\n\n  const handleAddTag = async (tag: TagItem) => {\n    if (!project) {\n      return;\n    }\n\n    const previousTags = projectTags;\n    const nextTags = [...projectTags, toProjectTag(tag)];\n    setProjectTags(nextTags);\n\n    try {\n      await tagProject({\n        entityId: project.id,\n        tagId: tag.id,\n      });\n    } catch (err) {\n      setProjectTags(previousTags);\n      throw err;\n    }\n\n    await syncLegacyProjectTags(nextTags);\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    if (!project) {\n      return;\n    }\n\n    const previousTags = projectTags;\n    const nextTags = projectTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId);\n    setProjectTags(nextTags);\n\n    try {\n      const assignmentId = project.tagAssignments?.find(\n        (assignment) => assignment.tagId === tagId\n      )?.id;\n      await untagProject({\n        entityId: project.id,\n        tagId,\n        assignmentId,\n      });\n    } catch (err) {\n      setProjectTags(previousTags);\n      throw err;\n    }\n\n    await syncLegacyProjectTags(nextTags);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-32\" />\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n        <Skeleton className=\"h-48\" />\n      </div>\n    );\n  }\n\n  if (error || !project) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2\">\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n        </Button>\n        <div className=\"text-center py-12\">\n          <div className=\"rounded-full bg-muted p-6 mb-4 inline-block\">\n            <FolderKanban size={48} className=\"text-muted-foreground\" />\n          </div>\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tWithFallback(t, 'projectDetail.projectNotFound', 'Project not found')}\n          </h3>\n          <p className=\"text-muted-foreground max-w-sm mx-auto mb-4\">\n            {tWithFallback(\n              t,\n              'projectDetail.projectNotFoundDescription',\n              \"The project you're looking for doesn't exist or you don't have permission to view it.\"\n            )}\n          </p>\n          <Button onClick={handleBack}>\n            <ArrowLeft size={16} className=\"mr-2\" />\n            {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\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-start sm:justify-between gap-3\">\n        <div>\n          <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2 mb-2 -ml-2\">\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n          </Button>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-primary/10\">\n              <FolderKanban className=\"text-primary\" size={28} />\n            </div>\n            <div>\n              <h1 className=\"text-2xl sm:text-3xl font-bold\">{project.name}</h1>\n              <p className=\"text-sm text-muted-foreground font-mono\">{project.key}</p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 mt-3\">\n            <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n              {project.status}\n            </Badge>\n            {project.archived && (\n              <Badge\n                variant=\"outline\"\n                className=\"border-workspace-archived-border text-workspace-archived-text\"\n              >\n                <Archive size={12} className=\"mr-1\" />\n                {tWithFallback(t, 'projectDetail.archived', 'Archived')}\n              </Badge>\n            )}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectDetail.openProjectActionsAriaLabel',\n                  'Open project actions'\n                )}\n              >\n                <MoreVertical size={20} />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              {canArchiveProject && (\n                <DropdownMenuItem onClick={handleArchive} disabled={isArchiving || isUnarchiving}>\n                  <Archive size={16} className=\"mr-2\" />\n                  {isArchiving || isUnarchiving\n                    ? tWithFallback(t, 'projectDetail.processing', 'Processing...')\n                    : project.archived\n                      ? tWithFallback(t, 'projectDetail.unarchive', 'Unarchive')\n                      : tWithFallback(t, 'projectDetail.archive', 'Archive')}\n                </DropdownMenuItem>\n              )}\n              {canArchiveProject && canDeleteProject && <DropdownMenuSeparator />}\n              {canDeleteProject && (\n                <DropdownMenuItem\n                  onClick={() => setShowDeleteDialog(true)}\n                  className=\"text-destructive\"\n                >\n                  {tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      {/* Stats Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Users size={20} className=\"text-muted-foreground\" />\n              {tWithFallback(t, 'projectDetail.membersCardTitle', 'Members')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{projectMemberCount ?? 0}</p>\n            <p className=\"text-sm text-muted-foreground\">\n              {tWithFallback(t, 'projectDetail.projectMembers', 'Project members')}\n            </p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Activity size={20} className=\"text-muted-foreground\" />\n              {tWithFallback(t, 'projectDetail.activityCardTitle', 'Activity')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{relatedActivityCount}</p>\n            <p className=\"text-sm text-muted-foreground\">\n              {tWithFallback(t, 'projectDetail.recentActivityItems', 'Recent activity items')}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'projectDetail.tagsTitle', 'Tags')}</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'projectDetail.tagsDescription',\n              'Use universal tags to classify and filter this project across the workspace.'\n            )}\n          </p>\n          <ProjectTagsWidget\n            entityType=\"Project\"\n            entityId={project.id}\n            workspaceId={workspaceId}\n            tags={widgetTags}\n            onAdd={handleAddTag}\n            onRemove={handleRemoveTag}\n            className={\n              isTaggingProject || isUntaggingProject || isUpdatingProject\n                ? 'pointer-events-none opacity-75'\n                : undefined\n            }\n          />\n        </CardContent>\n      </Card>\n\n      {/* Project Information */}\n      <Card>\n        <CardHeader>\n          <CardTitle>\n            {tWithFallback(t, 'projectDetail.projectInformation', 'Project Information')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <FolderKanban size={14} />\n                {tWithFallback(t, 'projectDetail.projectId', 'Project ID')}\n              </span>\n              <span className=\"font-mono text-xs block\">{project.id}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <FolderKanban size={14} />\n                {tWithFallback(t, 'projectDetail.projectKey', 'Project Key')}\n              </span>\n              <span className=\"font-medium\">{project.key}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Clock size={14} />\n                {tWithFallback(t, 'projectDetail.created', 'Created')}\n              </span>\n              <span>{formatDate(project.createdAt)}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Clock size={14} />\n                {tWithFallback(t, 'projectDetail.lastUpdated', 'Last Updated')}\n              </span>\n              <span>{formatDate(project.updatedAt)}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Users size={14} />\n                {tWithFallback(t, 'projectDetail.workspaceId', 'Workspace ID')}\n              </span>\n              <span className=\"font-mono text-xs block\">{project.workspaceId}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Users size={14} />\n                {tWithFallback(t, 'projectDetail.creatorId', 'Creator ID')}\n              </span>\n              <span className=\"font-mono text-xs block\">{project.creatorId}</span>\n            </div>\n          </div>\n\n          {project.config && Object.keys(project.config).length > 0 && (\n            <div className=\"pt-4 border-t\">\n              <h4 className=\"text-sm font-medium mb-2\">\n                {tWithFallback(t, 'projectDetail.configuration', 'Configuration')}\n              </h4>\n              <pre className=\"text-xs bg-muted p-3 rounded-lg overflow-auto\">\n                {JSON.stringify(project.config, null, 2)}\n              </pre>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      {/* Quick Actions */}\n      <Card>\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'projectDetail.quickActions', 'Quick Actions')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex flex-wrap gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))}\n            >\n              <Users size={16} className=\"mr-2\" />\n              {tWithFallback(t, 'projectDetail.workspaceMembers', 'Workspace Members')}\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))}\n            >\n              <Activity size={16} className=\"mr-2\" />\n              {tWithFallback(t, 'projectDetail.workspaceActivity', 'Workspace Activity')}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Delete Confirmation Dialog */}\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {tWithFallback(t, 'projectDetail.deleteDialogTitle', 'Delete Project')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {tWithFallback(\n                t,\n                'projectDetail.deleteConfirmPrefix',\n                'Are you sure you want to delete \"'\n              ) +\n                project.name +\n                tWithFallback(\n                  t,\n                  'projectDetail.deleteConfirmSuffix',\n                  '\"? This action cannot be undone and all project data will be permanently removed.'\n                )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isDeleting}>\n              {tWithFallback(t, 'projectDetail.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleDelete}\n              disabled={isDeleting}\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n            >\n              {isDeleting\n                ? tWithFallback(t, 'projectDetail.deleting', 'Deleting...')\n                : tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../src/pages/ProjectDetailPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  Activity,\n  Archive,\n  MoreVertical,\n  Clock,\n} from 'lucide-react';\nimport {\n  Button,\n  Card,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { type TagItem } from '@burdenoff/fe-libs/tag';\nimport { ProjectTagsWidget } from '../components/tags/ProjectTagsWidget';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useProject, useProjectMembersCount } from '../hooks/useProjects';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n  useTagProject,\n  useUntagProject,\n  useUpdateProject,\n} from '../hooks/useProjectMutations';\nimport { formatDate } from '../utils/formatters';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { getProjectDisplayTags, toProjectTag } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function ProjectDetailPage() {\n  const { t } = useI18n();\n\n  const { workspaceId, projectId } = useParams<{ workspaceId: string; projectId: string }>();\n  useWorkspacesPageView('workspaces.project-detail', {\n    workspaceId,\n    projectId,\n    requireParams: true,\n  });\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: project, isLoading, error } = useProject(projectId || '', workspaceId);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [projectTags, setProjectTags] = useState(() => getProjectDisplayTags(project));\n\n  const { mutate: archiveProject, isPending: isArchiving } = useArchiveProject(workspaceId);\n  const { mutate: unarchiveProject, isPending: isUnarchiving } = useUnarchiveProject(workspaceId);\n  const { mutate: deleteProject, isPending: isDeleting } = useDeleteProject(workspaceId);\n  const { mutateAsync: tagProject, isPending: isTaggingProject } = useTagProject(workspaceId);\n  const { mutateAsync: untagProject, isPending: isUntaggingProject } = useUntagProject(workspaceId);\n  const { mutateAsync: updateProject, isPending: isUpdatingProject } =\n    useUpdateProject(workspaceId);\n  const { data: projectMemberCount } = useProjectMembersCount(projectId || '', workspaceId);\n  const displayTags = useMemo(\n    () =>\n      getProjectDisplayTags({\n        tags: project?.tags ?? [],\n        tagAssignments: project?.tagAssignments,\n      }),\n    [project?.tags, project?.tagAssignments]\n  );\n  const { data: workspaceActivity } = useWorkspaceActivity(workspaceId);\n  const relatedActivityCount = (workspaceActivity ?? []).filter(\n    (item) => item.resourceId === projectId || item.resourceType?.toLowerCase() === 'project'\n  ).length;\n\n  const {\n    canViewProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  useEffect(() => {\n    setProjectTags(displayTags);\n  }, [displayTags]);\n\n  const widgetTags = useMemo<TagItem[]>(() => projectTags, [projectTags]);\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 (!canViewProject) {\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, 'projectDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'projectDetail.noPermissionToViewProject',\n              \"You don't have permission to view this project.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n  };\n\n  const handleArchive = () => {\n    if (!project) return;\n    if (project.archived) {\n      unarchiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to unarchive project:', err);\n        },\n      });\n    } else {\n      archiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to archive project:', err);\n        },\n      });\n    }\n  };\n\n  const handleDelete = () => {\n    if (!project) return;\n    void nativeImpact('medium');\n    deleteProject(project.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowDeleteDialog(false);\n        navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n      },\n      onError: (err) => {\n        void nativeNotify('error');\n        console.error('Failed to delete project:', err);\n      },\n    });\n  };\n\n  const syncLegacyProjectTags = async (nextTags: TagItem[]) => {\n    if (!project) {\n      return;\n    }\n\n    const normalizedNextTags = nextTags.map((tag) => toProjectTag(tag));\n\n    try {\n      await updateProject({\n        id: project.id,\n        input: {\n          tags: normalizedNextTags,\n        },\n      });\n    } catch (err) {\n      void nativeNotify('warning');\n      console.error(\n        'Failed to sync legacy project tag mirror after updating structured project tags:',\n        err\n      );\n    }\n  };\n\n  const handleAddTag = async (tag: TagItem) => {\n    if (!project) {\n      return;\n    }\n\n    const previousTags = projectTags;\n    const nextTags = [...projectTags, toProjectTag(tag)];\n    setProjectTags(nextTags);\n\n    try {\n      await tagProject({\n        entityId: project.id,\n        tagId: tag.id,\n      });\n    } catch (err) {\n      setProjectTags(previousTags);\n      throw err;\n    }\n\n    await syncLegacyProjectTags(nextTags);\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    if (!project) {\n      return;\n    }\n\n    const previousTags = projectTags;\n    const nextTags = projectTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId);\n    setProjectTags(nextTags);\n\n    try {\n      const assignmentId = project.tagAssignments?.find(\n        (assignment) => assignment.tagId === tagId\n      )?.id;\n      await untagProject({\n        entityId: project.id,\n        tagId,\n        assignmentId,\n      });\n    } catch (err) {\n      setProjectTags(previousTags);\n      throw err;\n    }\n\n    await syncLegacyProjectTags(nextTags);\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-32\" />\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n        <Skeleton className=\"h-48\" />\n      </div>\n    );\n  }\n\n  if (error || !project) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2\">\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n        </Button>\n        <div className=\"text-center py-12\">\n          <div className=\"rounded-full bg-muted p-6 mb-4 inline-block\">\n            <FolderKanban size={48} className=\"text-muted-foreground\" />\n          </div>\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tWithFallback(t, 'projectDetail.projectNotFound', 'Project not found')}\n          </h3>\n          <p className=\"text-muted-foreground max-w-sm mx-auto mb-4\">\n            {tWithFallback(\n              t,\n              'projectDetail.projectNotFoundDescription',\n              \"The project you're looking for doesn't exist or you don't have permission to view it.\"\n            )}\n          </p>\n          <Button onClick={handleBack}>\n            <ArrowLeft size={16} className=\"mr-2\" />\n            {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\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-start sm:justify-between gap-3\">\n        <div>\n          <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2 mb-2 -ml-2\">\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n          </Button>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-primary/10\">\n              <FolderKanban className=\"text-primary\" size={28} />\n            </div>\n            <div>\n              <h1 className=\"text-2xl sm:text-3xl font-bold\">{project.name}</h1>\n              <p className=\"text-sm text-muted-foreground font-mono\">{project.key}</p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 mt-3\">\n            <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n              {project.status}\n            </Badge>\n            {project.archived && (\n              <Badge\n                variant=\"outline\"\n                className=\"border-workspace-archived-border text-workspace-archived-text\"\n              >\n                <Archive size={12} className=\"mr-1\" />\n                {tWithFallback(t, 'projectDetail.archived', 'Archived')}\n              </Badge>\n            )}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectDetail.openProjectActionsAriaLabel',\n                  'Open project actions'\n                )}\n              >\n                <MoreVertical size={20} />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              {canArchiveProject && (\n                <DropdownMenuItem onClick={handleArchive} disabled={isArchiving || isUnarchiving}>\n                  <Archive size={16} className=\"mr-2\" />\n                  {isArchiving || isUnarchiving\n                    ? tWithFallback(t, 'projectDetail.processing', 'Processing...')\n                    : project.archived\n                      ? tWithFallback(t, 'projectDetail.unarchive', 'Unarchive')\n                      : tWithFallback(t, 'projectDetail.archive', 'Archive')}\n                </DropdownMenuItem>\n              )}\n              {canArchiveProject && canDeleteProject && <DropdownMenuSeparator />}\n              {canDeleteProject && (\n                <DropdownMenuItem\n                  onClick={() => setShowDeleteDialog(true)}\n                  className=\"text-destructive\"\n                >\n                  {tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      {/* Stats Cards */}\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Users size={20} className=\"text-muted-foreground\" />\n              {tWithFallback(t, 'projectDetail.membersCardTitle', 'Members')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{projectMemberCount ?? 0}</p>\n            <p className=\"text-sm text-muted-foreground\">\n              {tWithFallback(t, 'projectDetail.projectMembers', 'Project members')}\n            </p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Activity size={20} className=\"text-muted-foreground\" />\n              {tWithFallback(t, 'projectDetail.activityCardTitle', 'Activity')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            <p className=\"text-3xl font-bold\">{relatedActivityCount}</p>\n            <p className=\"text-sm text-muted-foreground\">\n              {tWithFallback(t, 'projectDetail.recentActivityItems', 'Recent activity items')}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'projectDetail.tagsTitle', 'Tags')}</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'projectDetail.tagsDescription',\n              'Use universal tags to classify and filter this project across the workspace.'\n            )}\n          </p>\n          <ProjectTagsWidget\n            entityType=\"Project\"\n            entityId={project.id}\n            workspaceId={workspaceId}\n            tags={widgetTags}\n            onAdd={handleAddTag}\n            onRemove={handleRemoveTag}\n            className={\n              isTaggingProject || isUntaggingProject || isUpdatingProject\n                ? 'pointer-events-none opacity-75'\n                : undefined\n            }\n          />\n        </CardContent>\n      </Card>\n\n      {/* Project Information */}\n      <Card>\n        <CardHeader>\n          <CardTitle>\n            {tWithFallback(t, 'projectDetail.projectInformation', 'Project Information')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm\">\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <FolderKanban size={14} />\n                {tWithFallback(t, 'projectDetail.projectId', 'Project ID')}\n              </span>\n              <span className=\"font-mono text-xs block\">{project.id}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <FolderKanban size={14} />\n                {tWithFallback(t, 'projectDetail.projectKey', 'Project Key')}\n              </span>\n              <span className=\"font-medium\">{project.key}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Clock size={14} />\n                {tWithFallback(t, 'projectDetail.created', 'Created')}\n              </span>\n              <span>{formatDate(project.createdAt)}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Clock size={14} />\n                {tWithFallback(t, 'projectDetail.lastUpdated', 'Last Updated')}\n              </span>\n              <span>{formatDate(project.updatedAt)}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Users size={14} />\n                {tWithFallback(t, 'projectDetail.workspaceId', 'Workspace ID')}\n              </span>\n              <span className=\"font-mono text-xs block\">{project.workspaceId}</span>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-muted-foreground flex items-center gap-2\">\n                <Users size={14} />\n                {tWithFallback(t, 'projectDetail.creatorId', 'Creator ID')}\n              </span>\n              <span className=\"font-mono text-xs block\">{project.creatorId}</span>\n            </div>\n          </div>\n\n          {project.config && Object.keys(project.config).length > 0 && (\n            <div className=\"pt-4 border-t\">\n              <h4 className=\"text-sm font-medium mb-2\">\n                {tWithFallback(t, 'projectDetail.configuration', 'Configuration')}\n              </h4>\n              <pre className=\"text-xs bg-muted p-3 rounded-lg overflow-auto\">\n                {JSON.stringify(project.config, null, 2)}\n              </pre>\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      {/* Quick Actions */}\n      <Card>\n        <CardHeader>\n          <CardTitle>{tWithFallback(t, 'projectDetail.quickActions', 'Quick Actions')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex flex-wrap gap-2\">\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))}\n            >\n              <Users size={16} className=\"mr-2\" />\n              {tWithFallback(t, 'projectDetail.workspaceMembers', 'Workspace Members')}\n            </Button>\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))}\n            >\n              <Activity size={16} className=\"mr-2\" />\n              {tWithFallback(t, 'projectDetail.workspaceActivity', 'Workspace Activity')}\n            </Button>\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Delete Confirmation Dialog */}\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {tWithFallback(t, 'projectDetail.deleteDialogTitle', 'Delete Project')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {tWithFallback(\n                t,\n                'projectDetail.deleteConfirmPrefix',\n                'Are you sure you want to delete \"'\n              ) +\n                project.name +\n                tWithFallback(\n                  t,\n                  'projectDetail.deleteConfirmSuffix',\n                  '\"? This action cannot be undone and all project data will be permanently removed.'\n                )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isDeleting}>\n              {tWithFallback(t, 'projectDetail.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleDelete}\n              disabled={isDeleting}\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n            >\n              {isDeleting\n                ? tWithFallback(t, 'projectDetail.deleting', 'Deleting...')\n                : tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/ProjectsListPage.js

@@ -2,12 +2,12 @@ import { useWorkspacesStore as e } from "../store/workspacesStore.js";
 import { tWithFallback as t } from "../utils/i18n.js";
 import { useWorkspacesPageView as n } from "../hooks/useWorkspacesPageView.js";
 import { nativeConfirm as r, nativeImpact as i } from "../utils/nativeBridge.js";
-import { useMyProjects as a } from "../hooks/useProjects.js";
-import { useArchiveProject as o, useDeleteProject as s, useUnarchiveProject as c } from "../hooks/useProjectMutations.js";
+import { useWorkspacePermissions as a } from "../hooks/useWorkspacePermissions.js";
+import { useMyProjects as o } from "../hooks/useProjects.js";
+import { useArchiveProject as s, useDeleteProject as c, useUnarchiveProject as l } from "../hooks/useProjectMutations.js";
 import { getProjectDisplayTags as ee } from "../utils/projectTags.js";
-import { ProjectCard as l } from "../components/ProjectCard.js";
-import { CreateProjectDialog as u } from "../components/CreateProjectDialog.js";
-import { useWorkspacePermissions as d } from "../hooks/useWorkspacePermissions.js";
+import { ProjectCard as u } from "../components/ProjectCard.js";
+import { CreateProjectDialog as d } from "../components/CreateProjectDialog.js";
 import { useEffect as f, useMemo as p, useState as m } from "react";
 import { FolderKanban as te, Grid3x3 as ne, List as re, Plus as h, Search as ie } from "lucide-react";
 import { Fragment as ae, jsx as g, jsxs as _ } from "react/jsx-runtime";
@@ -47,7 +47,7 @@ function D() {
 		B,
 		M
 	]), f(() => () => F(), [F]);
-	let { data: U, isLoading: W, error: G } = a({
+	let { data: U, isLoading: W, error: G } = o({
 		limit: 500,
 		offset: 0
 	}), K = p(() => {
@@ -67,7 +67,7 @@ function D() {
 		U?.hasMore,
 		j,
 		O
-	]), { mutateAsync: he } = o(O), { mutateAsync: ge } = c(O), { mutateAsync: _e } = s(O), q = p(() => K?.items.filter((e) => N.has(e.id)) ?? [], [K?.items, N]), J = p(() => q.filter((e) => !e.archived), [q]), Y = p(() => q.filter((e) => e.archived), [q]), X = (K?.items.length ?? 0) > 0 && (K?.items ?? []).every((e) => N.has(e.id)), ve = (K?.items ?? []).some((e) => N.has(e.id)) && !X, { canCreateProject: ye, canDeleteProject: be, canArchiveProject: Z, isLoading: xe } = d();
+	]), { mutateAsync: he } = s(O), { mutateAsync: ge } = l(O), { mutateAsync: _e } = c(O), q = p(() => K?.items.filter((e) => N.has(e.id)) ?? [], [K?.items, N]), J = p(() => q.filter((e) => !e.archived), [q]), Y = p(() => q.filter((e) => e.archived), [q]), X = (K?.items.length ?? 0) > 0 && (K?.items ?? []).every((e) => N.has(e.id)), ve = (K?.items ?? []).some((e) => N.has(e.id)) && !X, { canCreateProject: ye, canDeleteProject: be, canArchiveProject: Z, isLoading: xe } = a();
 	if (xe) return /* @__PURE__ */ _("div", {
 		className: "space-y-4 p-6",
 		children: [/* @__PURE__ */ g(E, { className: "h-10 w-1/3" }), /* @__PURE__ */ _("div", {
@@ -376,7 +376,7 @@ function D() {
 					}),
 					/* @__PURE__ */ g("div", {
 						className: k === "list" ? "space-y-3" : "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4",
-						children: K.items.map((e) => /* @__PURE__ */ g(l, {
+						children: K.items.map((e) => /* @__PURE__ */ g(u, {
 							project: e,
 							selected: N.has(e.id),
 							canArchive: Z,
@@ -402,7 +402,7 @@ function D() {
 						]
 					})
 				] }),
-				me && /* @__PURE__ */ g(u, { workspaceId: O })
+				me && /* @__PURE__ */ g(d, { workspaceId: O })
 			]
 		})
 	});