@burdenoff/microfe-workspaces 2026.625.1 → 2026.625.2

package/dist/pages/ProjectDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../src/pages/ProjectDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  UserPlus,\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  EntityIdModal,\n  useEntityIdModal,\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';\nimport { ProjectMemberPickerDialog } from '../components/ProjectMemberPickerDialog';\n\nexport function ProjectDetailPage() {\n  const { t } = useI18n();\n  const idModal = useEntityIdModal();\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 [showAddMemberDialog, setShowAddMemberDialog] = useState(false);\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 {\n    canViewProject,\n    canDeleteProject,\n    canArchiveProject,\n    canListProjectMembers,\n    canAddProjectMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\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  const widgetTags: TagItem[] = displayTags;\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-text-secondary\">\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 handleViewProjectMembers = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects/${projectId}/members`));\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    try {\n      await tagProject({\n        entityId: project.id,\n        tagId: tag.id,\n      });\n\n      await syncLegacyProjectTags([...displayTags, toProjectTag(tag)]);\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    if (!project) {\n      return;\n    }\n\n    const assignmentId = project.tagAssignments?.find(\n      (assignment) => assignment.tagId === tagId\n    )?.id;\n    try {\n      await untagProject({\n        entityId: project.id,\n        tagId,\n        assignmentId,\n      });\n\n      await syncLegacyProjectTags(\n        displayTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId)\n      );\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\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-bg-sunken p-6 mb-4 inline-block\">\n            <FolderKanban size={48} className=\"text-text-secondary\" />\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-text-secondary 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-action-primary-bg/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-text-secondary 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-status-error-text\"\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-text-secondary\" />\n              {tWithFallback(t, 'projectDetail.membersCardTitle', 'Members')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            <p className=\"text-3xl font-bold\">{projectMemberCount ?? 0}</p>\n            <p className=\"text-sm text-text-secondary\">\n              {tWithFallback(t, 'projectDetail.projectMembers', 'Project members')}\n            </p>\n\n            {canAddProjectMember || canListProjectMembers ? (\n              <div className=\"flex flex-wrap gap-2\">\n                {canAddProjectMember ? (\n                  <Button size=\"sm\" onClick={() => setShowAddMemberDialog(true)}>\n                    <UserPlus size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectDetail.addProjectMember', 'Add Member')}\n                  </Button>\n                ) : null}\n\n                {canListProjectMembers ? (\n                  <Button variant=\"outline\" size=\"sm\" onClick={handleViewProjectMembers}>\n                    <Users size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectDetail.manageProjectMembers', 'Manage Members')}\n                  </Button>\n                ) : null}\n              </div>\n            ) : null}\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-text-secondary\" />\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-text-secondary\">\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-text-secondary\">\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-text-secondary flex items-center gap-2\">\n                <FolderKanban size={14} />\n                {tWithFallback(t, 'projectDetail.projectId', 'Project ID')}\n              </span>\n              <button\n                type=\"button\"\n                onClick={() =>\n                  idModal.show({\n                    id: project.id,\n                    name: project.name,\n                    type: 'Project',\n                    details: project.key ? [{ label: 'Key', value: project.key }] : undefined,\n                  })\n                }\n                className=\"inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded\"\n              >\n                {tWithFallback(t, 'projectDetail.getId', 'Get ID')}\n              </button>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-text-secondary 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-text-secondary 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-text-secondary 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-text-secondary 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-text-secondary 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-bg-sunken 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            {canListProjectMembers ? (\n              <Button variant=\"outline\" size=\"sm\" onClick={handleViewProjectMembers}>\n                <Users size={16} className=\"mr-2\" />\n                {tWithFallback(t, 'projectDetail.projectMembersPage', 'Project Members')}\n              </Button>\n            ) : null}\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-status-error-bg text-status-error-text hover:bg-status-error-bg/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\n      {workspaceId && projectId && showAddMemberDialog ? (\n        <ProjectMemberPickerDialog\n          open={showAddMemberDialog}\n          onOpenChange={setShowAddMemberDialog}\n          workspaceId={workspaceId}\n          projectId={projectId}\n          projectName={project.name}\n        />\n      ) : null}\n      <EntityIdModal control={idModal} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../src/pages/ProjectDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  UserPlus,\n  Activity,\n  Archive,\n  MoreVertical,\n  Clock,\n} from 'lucide-react';\nimport {\n  Button,\n  ShowMore,\n  GlassCard,\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  EntityIdModal,\n  useEntityIdModal,\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';\nimport { ProjectMemberPickerDialog } from '../components/ProjectMemberPickerDialog';\n\nexport function ProjectDetailPage() {\n  const { t } = useI18n();\n  const idModal = useEntityIdModal();\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 [showAddMemberDialog, setShowAddMemberDialog] = useState(false);\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 {\n    canViewProject,\n    canDeleteProject,\n    canArchiveProject,\n    canListProjectMembers,\n    canAddProjectMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\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  const widgetTags: TagItem[] = displayTags;\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-text-secondary\">\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 handleViewProjectMembers = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects/${projectId}/members`));\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    try {\n      await tagProject({\n        entityId: project.id,\n        tagId: tag.id,\n      });\n\n      await syncLegacyProjectTags([...displayTags, toProjectTag(tag)]);\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    if (!project) {\n      return;\n    }\n\n    const assignmentId = project.tagAssignments?.find(\n      (assignment) => assignment.tagId === tagId\n    )?.id;\n    try {\n      await untagProject({\n        entityId: project.id,\n        tagId,\n        assignmentId,\n      });\n\n      await syncLegacyProjectTags(\n        displayTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId)\n      );\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\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-bg-sunken p-6 mb-4 inline-block\">\n            <FolderKanban size={48} className=\"text-text-secondary\" />\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-text-secondary 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-action-primary-bg/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-text-secondary 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-status-error-text\"\n                >\n                  {tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      {/* Main + detail rail */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6\">\n        {/* Main column */}\n        <div className=\"lg:col-span-2 space-y-4 sm:space-y-6\">\n          {/* Stat metrics */}\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <GlassCard treatment=\"metric\">\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-sm font-medium text-text-secondary\">\n                  <Users size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'projectDetail.membersCardTitle', 'Members')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <p className=\"text-3xl font-bold tabular-nums\">{projectMemberCount ?? 0}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'projectDetail.projectMembers', 'Project members')}\n                </p>\n\n                {canAddProjectMember || canListProjectMembers ? (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {canAddProjectMember ? (\n                      <Button size=\"sm\" onClick={() => setShowAddMemberDialog(true)}>\n                        <UserPlus size={16} className=\"mr-2\" />\n                        {tWithFallback(t, 'projectDetail.addProjectMember', 'Add Member')}\n                      </Button>\n                    ) : null}\n\n                    {canListProjectMembers ? (\n                      <Button variant=\"outline\" size=\"sm\" onClick={handleViewProjectMembers}>\n                        <Users size={16} className=\"mr-2\" />\n                        {tWithFallback(t, 'projectDetail.manageProjectMembers', 'Manage Members')}\n                      </Button>\n                    ) : null}\n                  </div>\n                ) : null}\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard treatment=\"metric\">\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-sm font-medium text-text-secondary\">\n                  <Activity size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'projectDetail.activityCardTitle', 'Activity')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">{relatedActivityCount}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'projectDetail.recentActivityItems', 'Recent activity items')}\n                </p>\n              </CardContent>\n            </GlassCard>\n          </div>\n\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'projectDetail.tagsTitle', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-muted\">\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          </GlassCard>\n        </div>\n\n        {/* Detail rail */}\n        <aside className=\"lg:sticky lg:top-6 lg:self-start\">\n      {/* Project Information */}\n      <GlassCard treatment=\"plain\" className=\"border-border-seam\">\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 gap-4 text-sm\">\n            <div className=\"space-y-1\">\n              <span className=\"text-text-muted flex items-center gap-2\">\n                <FolderKanban size={14} />\n                {tWithFallback(t, 'projectDetail.projectId', 'Project ID')}\n              </span>\n              <button\n                type=\"button\"\n                onClick={() =>\n                  idModal.show({\n                    id: project.id,\n                    name: project.name,\n                    type: 'Project',\n                    details: project.key ? [{ label: 'Key', value: project.key }] : undefined,\n                  })\n                }\n                className=\"inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded\"\n              >\n                {tWithFallback(t, 'projectDetail.getId', 'Get ID')}\n              </button>\n            </div>\n\n            <div className=\"space-y-1\">\n              <span className=\"text-text-secondary 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-text-secondary 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-text-secondary 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-text-secondary 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-text-secondary 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 border-border-seam\">\n              <h4 className=\"text-sm font-medium mb-2\">\n                {tWithFallback(t, 'projectDetail.configuration', 'Configuration')}\n              </h4>\n              <pre className=\"text-xs bg-bg-sunken p-3 rounded-lg overflow-auto\">\n                {JSON.stringify(project.config, null, 2)}\n              </pre>\n            </div>\n          )}\n\n          {/* Quick Actions — progressive disclosure (secondary navigation) */}\n          <ShowMore\n            collapsedHeight={0}\n            label={tWithFallback(t, 'projectDetail.quickActions', 'Quick Actions')}\n          >\n            <div className=\"flex flex-col gap-2 pt-2\">\n              {canListProjectMembers ? (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"justify-start\"\n                  onClick={handleViewProjectMembers}\n                >\n                  <Users size={16} className=\"mr-2\" />\n                  {tWithFallback(t, 'projectDetail.projectMembersPage', 'Project Members')}\n                </Button>\n              ) : null}\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                className=\"justify-start\"\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                className=\"justify-start\"\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          </ShowMore>\n        </CardContent>\n      </GlassCard>\n        </aside>\n      </div>\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-status-error-bg text-status-error-text hover:bg-status-error-bg/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\n      {workspaceId && projectId && showAddMemberDialog ? (\n        <ProjectMemberPickerDialog\n          open={showAddMemberDialog}\n          onOpenChange={setShowAddMemberDialog}\n          workspaceId={workspaceId}\n          projectId={projectId}\n          projectName={project.name}\n        />\n      ) : null}\n      <EntityIdModal control={idModal} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/ProjectMembersPage.js

@@ -148,14 +148,14 @@ function T() {
 				B || fe ? /* @__PURE__ */ f("div", {
 					className: "space-y-4",
 					children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ p("div", {
-						className: "rounded-lg border bg-bg-surface p-4",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-4",
 						children: [/* @__PURE__ */ f(v, { className: "h-5 w-40" }), /* @__PURE__ */ f(v, { className: "mt-2 h-4 w-56" })]
 					}, t))
 				}) : V || U ? /* @__PURE__ */ f("div", {
 					className: "rounded-lg border border-status-error-border/20 bg-status-error-bg/10 p-4 text-sm text-status-error-text",
 					children: U instanceof Error && U.message || V instanceof Error && V.message || n(T, "projectMembers.loadError", "Failed to load project members")
 				}) : $.length === 0 ? /* @__PURE__ */ p("div", {
-					className: "rounded-lg border bg-bg-surface p-10 text-center",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-10 text-center",
 					children: [
 						/* @__PURE__ */ f(se, { className: "mx-auto mb-4 size-12 text-text-secondary" }),
 						/* @__PURE__ */ f("h2", {
@@ -188,7 +188,7 @@ function T() {
 					children: [$.map((e) => {
 						let t = Q[e.userId], r = w(Q, e), i = q && F === e.userId;
 						return /* @__PURE__ */ p("div", {
-							className: "flex items-center justify-between gap-4 rounded-lg border bg-bg-surface p-4",
+							className: "flex items-center justify-between gap-4 rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1 transition-[box-shadow,transform] duration-200 ease-[var(--motion-easing-out)] motion-safe:hover:translate-y-[var(--pop-lift-y)] hover:shadow-elevation-2 [@media(hover:none)]:hover:translate-y-0",
 							children: [/* @__PURE__ */ p("div", {
 								className: "min-w-0 flex-1",
 								children: [t ? /* @__PURE__ */ f(S, {
@@ -230,7 +230,7 @@ function T() {
 							}) : null]
 						}, e.id);
 					}), W ? /* @__PURE__ */ p("div", {
-						className: "flex flex-col items-center gap-2 rounded-lg border border-dashed bg-bg-sunken/20 p-4 text-center",
+						className: "flex flex-col items-center gap-2 rounded-lg border border-dashed border-border-seam bg-bg-sunken/20 p-4 text-center",
 						children: [/* @__PURE__ */ p("p", {
 							className: "text-sm text-text-secondary",
 							children: [

package/dist/pages/ProjectMembersPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMembersPage.js","names":[],"sources":["../../src/pages/ProjectMembersPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft, Search, UserMinus, UserPlus, Users } from 'lucide-react';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport { Badge, Button, Input, PageContainer, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ProjectMemberPickerDialog } from '../components/ProjectMemberPickerDialog';\nimport { useInfiniteProjectMembers } from '../hooks/useProjectMembers';\nimport { useProject } from '../hooks/useProjects';\nimport { useRemoveProjectMember } from '../hooks/useProjectMemberMutations';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { tWithFallback } from '../utils/i18n';\nimport { nativeConfirm, nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport type { ProjectMember } from '../types';\n\nconst PROJECT_MEMBER_PAGE_SIZE = 100;\n\nfunction getMemberFallback(profileMap: ActorProfileMap, member: ProjectMember) {\n  const profile = profileMap[member.userId];\n  if (profile) {\n    return {\n      name: profile.displayName,\n      email: profile.email ?? undefined,\n    };\n  }\n\n  return {\n    name: member.userId,\n    email: undefined,\n  };\n}\n\nexport function ProjectMembersPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { workspaceId, projectId } = useParams<{ workspaceId: string; projectId: string }>();\n  const {\n    basePath = '/workspaces',\n    apiGatewayUrl,\n    authToken,\n    organizationId,\n  } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const [searchValue, setSearchValue] = useState('');\n  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);\n  const [removingUserId, setRemovingUserId] = useState<string | null>(null);\n  const [removeError, setRemoveError] = useState<string | null>(null);\n\n  useWorkspacesPageView('workspaces.project-members', {\n    workspaceId,\n    projectId,\n    requireParams: true,\n  });\n\n  const {\n    data: project,\n    isLoading: isLoadingProject,\n    error: projectError,\n  } = useProject(projectId || '', workspaceId);\n  const {\n    data: projectMembersPages,\n    isLoading: isLoadingMembers,\n    error: membersError,\n    hasNextPage: hasMoreProjectMembers,\n    fetchNextPage: fetchNextProjectMembersPage,\n    isFetchingNextPage: isFetchingNextProjectMembersPage,\n  } = useInfiniteProjectMembers(projectId || '', workspaceId, PROJECT_MEMBER_PAGE_SIZE);\n  const { mutate: removeProjectMember, isPending: isRemovingProjectMember } =\n    useRemoveProjectMember(workspaceId);\n\n  const {\n    canViewProject,\n    canListProjectMembers,\n    canAddProjectMember,\n    canRemoveProjectMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  const projectMembers = useMemo(\n    () => projectMembersPages?.pages.flatMap((page) => page.items) ?? [],\n    [projectMembersPages?.pages]\n  );\n  const totalProjectMembers = projectMembersPages?.pages[0]?.total ?? projectMembers.length;\n  const actors = useMemo<ActorInput[]>(\n    () => projectMembers.map((member) => ({ actorId: member.userId, actorType: 'user' })),\n    [projectMembers]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  const filteredMembers = useMemo(() => {\n    const needle = searchValue.trim().toLowerCase();\n    if (!needle) {\n      return projectMembers;\n    }\n\n    return projectMembers.filter((member) => {\n      const fallback = getMemberFallback(profileMap, member);\n      return (\n        fallback.name.toLowerCase().includes(needle) ||\n        fallback.email?.toLowerCase().includes(needle) ||\n        member.userId.toLowerCase().includes(needle)\n      );\n    });\n  }, [profileMap, projectMembers, searchValue]);\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-40\" />\n        <Skeleton className=\"h-10 w-64\" />\n        <Skeleton className=\"h-40 w-full\" />\n      </div>\n    );\n  }\n\n  if (!canViewProject || !canListProjectMembers) {\n    return (\n      <div className=\"flex min-h-[400px] items-center justify-center\">\n        <div className=\"space-y-2 text-center\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'projectMembers.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'projectMembers.noPermission',\n              \"You don't have permission to manage project members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects/${projectId}`));\n  };\n\n  const handleRemoveMember = async (member: ProjectMember) => {\n    const fallback = getMemberFallback(profileMap, member);\n    void nativeImpact('medium');\n    setRemoveError(null);\n    const message = `${tWithFallback(t, 'projectMembers.removeConfirmPrefix', 'Remove')} ${fallback.name} ${tWithFallback(t, 'projectMembers.removeConfirmSuffix', 'from this project?')}`;\n    const native = await nativeConfirm({\n      title: tWithFallback(t, 'projectMembers.removeConfirmTitle', 'Remove project member'),\n      message,\n      okButtonTitle: tWithFallback(t, 'projectMembers.removeAction', 'Remove'),\n      cancelButtonTitle: tWithFallback(t, 'projectMembers.cancel', 'Cancel'),\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) {\n      return;\n    }\n\n    setRemovingUserId(member.userId);\n    removeProjectMember(\n      { projectId: member.projectId, userId: member.userId },\n      {\n        onSuccess: () => {\n          void nativeNotify('success');\n          setRemovingUserId(null);\n        },\n        onError: () => {\n          void nativeNotify('error');\n          setRemoveError(\n            tWithFallback(\n              t,\n              'projectMembers.removeError',\n              'Failed to remove project member. Please try again.'\n            )\n          );\n          setRemovingUserId(null);\n        },\n      }\n    );\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 p-3 sm:space-y-6 sm:p-6\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n          <div>\n            <Button variant=\"ghost\" onClick={handleBack} className=\"mb-2 -ml-2 gap-2\">\n              <ArrowLeft size={20} />\n              {tWithFallback(t, 'projectMembers.backToProject', 'Back to Project')}\n            </Button>\n            <h1 className=\"text-2xl font-bold sm:text-3xl\">\n              {tWithFallback(t, 'projectMembers.pageTitle', 'Project Members')}\n            </h1>\n            <p className=\"text-sm text-text-secondary sm:text-base\">\n              {project?.name\n                ? `${project.name} · ${tWithFallback(\n                    t,\n                    'projectMembers.pageSubtitle',\n                    'Only existing workspace members can be added to this project.'\n                  )}`\n                : tWithFallback(\n                    t,\n                    'projectMembers.pageSubtitle',\n                    'Only existing workspace members can be added to this project.'\n                  )}\n            </p>\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <Badge variant=\"secondary\">{totalProjectMembers}</Badge>\n            {canAddProjectMember ? (\n              <Button\n                onClick={() => setIsAddDialogOpen(true)}\n                disabled={!workspaceId || !projectId}\n              >\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'projectMembers.addMember', 'Add Member')}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            value={searchValue}\n            onChange={(event) => setSearchValue(event.target.value)}\n            placeholder={tWithFallback(\n              t,\n              'projectMembers.searchPlaceholder',\n              'Search project members'\n            )}\n            className=\"pl-9\"\n          />\n        </div>\n\n        {removeError ? (\n          <div className=\"rounded-lg border border-status-error-border/20 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n            {removeError}\n          </div>\n        ) : null}\n\n        {isLoadingProject || isLoadingMembers ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 4 }).map((_, index) => (\n              <div key={index} className=\"rounded-lg border bg-bg-surface p-4\">\n                <Skeleton className=\"h-5 w-40\" />\n                <Skeleton className=\"mt-2 h-4 w-56\" />\n              </div>\n            ))}\n          </div>\n        ) : projectError || membersError ? (\n          <div className=\"rounded-lg border border-status-error-border/20 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n            {(membersError instanceof Error && membersError.message) ||\n              (projectError instanceof Error && projectError.message) ||\n              tWithFallback(t, 'projectMembers.loadError', 'Failed to load project members')}\n          </div>\n        ) : filteredMembers.length === 0 ? (\n          <div className=\"rounded-lg border bg-bg-surface p-10 text-center\">\n            <Users className=\"mx-auto mb-4 size-12 text-text-secondary\" />\n            <h2 className=\"text-xl font-semibold\">\n              {searchValue\n                ? tWithFallback(t, 'projectMembers.noResultsTitle', 'No matching members found')\n                : tWithFallback(t, 'projectMembers.emptyTitle', 'No project members yet')}\n            </h2>\n            <p className=\"mt-2 text-text-secondary\">\n              {searchValue\n                ? tWithFallback(\n                    t,\n                    'projectMembers.noResultsSubtitle',\n                    'Try a different search to find a project member.'\n                  )\n                : tWithFallback(\n                    t,\n                    'projectMembers.emptySubtitle',\n                    'Add workspace members to this project so they can collaborate here.'\n                  )}\n            </p>\n            {hasMoreProjectMembers ? (\n              <div className=\"mt-4\">\n                <Button\n                  variant=\"outline\"\n                  onClick={() => void fetchNextProjectMembersPage()}\n                  disabled={isFetchingNextProjectMembersPage}\n                >\n                  {isFetchingNextProjectMembersPage ? 'Loading more…' : 'Load More Members'}\n                </Button>\n              </div>\n            ) : null}\n            {!searchValue && canAddProjectMember ? (\n              <div className=\"mt-4\">\n                <Button onClick={() => setIsAddDialogOpen(true)}>\n                  <UserPlus className=\"mr-2 size-4\" />\n                  {tWithFallback(t, 'projectMembers.addFirstMember', 'Add First Member')}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {filteredMembers.map((member) => {\n              const profile = profileMap[member.userId];\n              const fallback = getMemberFallback(profileMap, member);\n              const isRemoving = isRemovingProjectMember && removingUserId === member.userId;\n\n              return (\n                <div\n                  key={member.id}\n                  className=\"flex items-center justify-between gap-4 rounded-lg border bg-bg-surface p-4\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    {profile ? (\n                      <ActorIdentity profile={profile} variant=\"cell\" />\n                    ) : (\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate font-medium\">{fallback.name}</p>\n                        {fallback.email ? (\n                          <p className=\"truncate text-sm text-text-secondary\">{fallback.email}</p>\n                        ) : (\n                          <p className=\"truncate text-xs text-text-secondary\">{member.userId}</p>\n                        )}\n                      </div>\n                    )}\n\n                    <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {tWithFallback(t, 'projectMembers.memberBadge', 'Project member')}\n                      </Badge>\n                      <span className=\"text-xs text-text-secondary\">\n                        {tWithFallback(t, 'projectMembers.addedLabel', 'Added')}{' '}\n                        {formatRelativeTime(member.createdAt)}\n                      </span>\n                    </div>\n                  </div>\n\n                  {canRemoveProjectMember ? (\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      onClick={() => void handleRemoveMember(member)}\n                      disabled={isRemovingProjectMember}\n                    >\n                      <UserMinus className=\"mr-2 size-4\" />\n                      {isRemoving\n                        ? tWithFallback(t, 'projectMembers.removing', 'Removing...')\n                        : tWithFallback(t, 'projectMembers.removeAction', 'Remove')}\n                    </Button>\n                  ) : null}\n                </div>\n              );\n            })}\n\n            {hasMoreProjectMembers ? (\n              <div className=\"flex flex-col items-center gap-2 rounded-lg border border-dashed bg-bg-sunken/20 p-4 text-center\">\n                <p className=\"text-sm text-text-secondary\">\n                  Showing {projectMembers.length} of {totalProjectMembers} project members.\n                </p>\n                <Button\n                  variant=\"outline\"\n                  onClick={() => void fetchNextProjectMembersPage()}\n                  disabled={isFetchingNextProjectMembersPage}\n                >\n                  {isFetchingNextProjectMembersPage ? 'Loading more…' : 'Load More Members'}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )}\n\n        {workspaceId && projectId && isAddDialogOpen ? (\n          <ProjectMemberPickerDialog\n            open={isAddDialogOpen}\n            onOpenChange={setIsAddDialogOpen}\n            workspaceId={workspaceId}\n            projectId={projectId}\n            projectName={project?.name}\n          />\n        ) : null}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectMembersPage.js","names":[],"sources":["../../src/pages/ProjectMembersPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useNavigate, useParams } from 'react-router-dom';\nimport { ArrowLeft, Search, UserMinus, UserPlus, Users } from 'lucide-react';\nimport {\n  ActorIdentity,\n  useActorProfiles,\n  type ActorInput,\n  type ActorProfileMap,\n} from '@burdenoff/fe-libs/shared';\nimport { Badge, Button, Input, PageContainer, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ProjectMemberPickerDialog } from '../components/ProjectMemberPickerDialog';\nimport { useInfiniteProjectMembers } from '../hooks/useProjectMembers';\nimport { useProject } from '../hooks/useProjects';\nimport { useRemoveProjectMember } from '../hooks/useProjectMemberMutations';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { tWithFallback } from '../utils/i18n';\nimport { nativeConfirm, nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport type { ProjectMember } from '../types';\n\nconst PROJECT_MEMBER_PAGE_SIZE = 100;\n\nfunction getMemberFallback(profileMap: ActorProfileMap, member: ProjectMember) {\n  const profile = profileMap[member.userId];\n  if (profile) {\n    return {\n      name: profile.displayName,\n      email: profile.email ?? undefined,\n    };\n  }\n\n  return {\n    name: member.userId,\n    email: undefined,\n  };\n}\n\nexport function ProjectMembersPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { workspaceId, projectId } = useParams<{ workspaceId: string; projectId: string }>();\n  const {\n    basePath = '/workspaces',\n    apiGatewayUrl,\n    authToken,\n    organizationId,\n  } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const [searchValue, setSearchValue] = useState('');\n  const [isAddDialogOpen, setIsAddDialogOpen] = useState(false);\n  const [removingUserId, setRemovingUserId] = useState<string | null>(null);\n  const [removeError, setRemoveError] = useState<string | null>(null);\n\n  useWorkspacesPageView('workspaces.project-members', {\n    workspaceId,\n    projectId,\n    requireParams: true,\n  });\n\n  const {\n    data: project,\n    isLoading: isLoadingProject,\n    error: projectError,\n  } = useProject(projectId || '', workspaceId);\n  const {\n    data: projectMembersPages,\n    isLoading: isLoadingMembers,\n    error: membersError,\n    hasNextPage: hasMoreProjectMembers,\n    fetchNextPage: fetchNextProjectMembersPage,\n    isFetchingNextPage: isFetchingNextProjectMembersPage,\n  } = useInfiniteProjectMembers(projectId || '', workspaceId, PROJECT_MEMBER_PAGE_SIZE);\n  const { mutate: removeProjectMember, isPending: isRemovingProjectMember } =\n    useRemoveProjectMember(workspaceId);\n\n  const {\n    canViewProject,\n    canListProjectMembers,\n    canAddProjectMember,\n    canRemoveProjectMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  const projectMembers = useMemo(\n    () => projectMembersPages?.pages.flatMap((page) => page.items) ?? [],\n    [projectMembersPages?.pages]\n  );\n  const totalProjectMembers = projectMembersPages?.pages[0]?.total ?? projectMembers.length;\n  const actors = useMemo<ActorInput[]>(\n    () => projectMembers.map((member) => ({ actorId: member.userId, actorType: 'user' })),\n    [projectMembers]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n    workspaceId,\n  });\n\n  const filteredMembers = useMemo(() => {\n    const needle = searchValue.trim().toLowerCase();\n    if (!needle) {\n      return projectMembers;\n    }\n\n    return projectMembers.filter((member) => {\n      const fallback = getMemberFallback(profileMap, member);\n      return (\n        fallback.name.toLowerCase().includes(needle) ||\n        fallback.email?.toLowerCase().includes(needle) ||\n        member.userId.toLowerCase().includes(needle)\n      );\n    });\n  }, [profileMap, projectMembers, searchValue]);\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-40\" />\n        <Skeleton className=\"h-10 w-64\" />\n        <Skeleton className=\"h-40 w-full\" />\n      </div>\n    );\n  }\n\n  if (!canViewProject || !canListProjectMembers) {\n    return (\n      <div className=\"flex min-h-[400px] items-center justify-center\">\n        <div className=\"space-y-2 text-center\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'projectMembers.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'projectMembers.noPermission',\n              \"You don't have permission to manage project members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects/${projectId}`));\n  };\n\n  const handleRemoveMember = async (member: ProjectMember) => {\n    const fallback = getMemberFallback(profileMap, member);\n    void nativeImpact('medium');\n    setRemoveError(null);\n    const message = `${tWithFallback(t, 'projectMembers.removeConfirmPrefix', 'Remove')} ${fallback.name} ${tWithFallback(t, 'projectMembers.removeConfirmSuffix', 'from this project?')}`;\n    const native = await nativeConfirm({\n      title: tWithFallback(t, 'projectMembers.removeConfirmTitle', 'Remove project member'),\n      message,\n      okButtonTitle: tWithFallback(t, 'projectMembers.removeAction', 'Remove'),\n      cancelButtonTitle: tWithFallback(t, 'projectMembers.cancel', 'Cancel'),\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) {\n      return;\n    }\n\n    setRemovingUserId(member.userId);\n    removeProjectMember(\n      { projectId: member.projectId, userId: member.userId },\n      {\n        onSuccess: () => {\n          void nativeNotify('success');\n          setRemovingUserId(null);\n        },\n        onError: () => {\n          void nativeNotify('error');\n          setRemoveError(\n            tWithFallback(\n              t,\n              'projectMembers.removeError',\n              'Failed to remove project member. Please try again.'\n            )\n          );\n          setRemovingUserId(null);\n        },\n      }\n    );\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 p-3 sm:space-y-6 sm:p-6\">\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n          <div>\n            <Button variant=\"ghost\" onClick={handleBack} className=\"mb-2 -ml-2 gap-2\">\n              <ArrowLeft size={20} />\n              {tWithFallback(t, 'projectMembers.backToProject', 'Back to Project')}\n            </Button>\n            <h1 className=\"text-2xl font-bold sm:text-3xl\">\n              {tWithFallback(t, 'projectMembers.pageTitle', 'Project Members')}\n            </h1>\n            <p className=\"text-sm text-text-secondary sm:text-base\">\n              {project?.name\n                ? `${project.name} · ${tWithFallback(\n                    t,\n                    'projectMembers.pageSubtitle',\n                    'Only existing workspace members can be added to this project.'\n                  )}`\n                : tWithFallback(\n                    t,\n                    'projectMembers.pageSubtitle',\n                    'Only existing workspace members can be added to this project.'\n                  )}\n            </p>\n          </div>\n\n          <div className=\"flex items-center gap-2\">\n            <Badge variant=\"secondary\">{totalProjectMembers}</Badge>\n            {canAddProjectMember ? (\n              <Button\n                onClick={() => setIsAddDialogOpen(true)}\n                disabled={!workspaceId || !projectId}\n              >\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'projectMembers.addMember', 'Add Member')}\n              </Button>\n            ) : null}\n          </div>\n        </div>\n\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            value={searchValue}\n            onChange={(event) => setSearchValue(event.target.value)}\n            placeholder={tWithFallback(\n              t,\n              'projectMembers.searchPlaceholder',\n              'Search project members'\n            )}\n            className=\"pl-9\"\n          />\n        </div>\n\n        {removeError ? (\n          <div className=\"rounded-lg border border-status-error-border/20 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n            {removeError}\n          </div>\n        ) : null}\n\n        {isLoadingProject || isLoadingMembers ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 4 }).map((_, index) => (\n              <div key={index} className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n                <Skeleton className=\"h-5 w-40\" />\n                <Skeleton className=\"mt-2 h-4 w-56\" />\n              </div>\n            ))}\n          </div>\n        ) : projectError || membersError ? (\n          <div className=\"rounded-lg border border-status-error-border/20 bg-status-error-bg/10 p-4 text-sm text-status-error-text\">\n            {(membersError instanceof Error && membersError.message) ||\n              (projectError instanceof Error && projectError.message) ||\n              tWithFallback(t, 'projectMembers.loadError', 'Failed to load project members')}\n          </div>\n        ) : filteredMembers.length === 0 ? (\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-10 text-center\">\n            <Users className=\"mx-auto mb-4 size-12 text-text-secondary\" />\n            <h2 className=\"text-xl font-semibold\">\n              {searchValue\n                ? tWithFallback(t, 'projectMembers.noResultsTitle', 'No matching members found')\n                : tWithFallback(t, 'projectMembers.emptyTitle', 'No project members yet')}\n            </h2>\n            <p className=\"mt-2 text-text-secondary\">\n              {searchValue\n                ? tWithFallback(\n                    t,\n                    'projectMembers.noResultsSubtitle',\n                    'Try a different search to find a project member.'\n                  )\n                : tWithFallback(\n                    t,\n                    'projectMembers.emptySubtitle',\n                    'Add workspace members to this project so they can collaborate here.'\n                  )}\n            </p>\n            {hasMoreProjectMembers ? (\n              <div className=\"mt-4\">\n                <Button\n                  variant=\"outline\"\n                  onClick={() => void fetchNextProjectMembersPage()}\n                  disabled={isFetchingNextProjectMembersPage}\n                >\n                  {isFetchingNextProjectMembersPage ? 'Loading more…' : 'Load More Members'}\n                </Button>\n              </div>\n            ) : null}\n            {!searchValue && canAddProjectMember ? (\n              <div className=\"mt-4\">\n                <Button onClick={() => setIsAddDialogOpen(true)}>\n                  <UserPlus className=\"mr-2 size-4\" />\n                  {tWithFallback(t, 'projectMembers.addFirstMember', 'Add First Member')}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            {filteredMembers.map((member) => {\n              const profile = profileMap[member.userId];\n              const fallback = getMemberFallback(profileMap, member);\n              const isRemoving = isRemovingProjectMember && removingUserId === member.userId;\n\n              return (\n                <div\n                  key={member.id}\n                  className=\"flex items-center justify-between gap-4 rounded-card border border-border-seam bg-bg-surface p-4 shadow-elevation-1 transition-[box-shadow,transform] duration-200 ease-[var(--motion-easing-out)] motion-safe:hover:translate-y-[var(--pop-lift-y)] hover:shadow-elevation-2 [@media(hover:none)]:hover:translate-y-0\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    {profile ? (\n                      <ActorIdentity profile={profile} variant=\"cell\" />\n                    ) : (\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate font-medium\">{fallback.name}</p>\n                        {fallback.email ? (\n                          <p className=\"truncate text-sm text-text-secondary\">{fallback.email}</p>\n                        ) : (\n                          <p className=\"truncate text-xs text-text-secondary\">{member.userId}</p>\n                        )}\n                      </div>\n                    )}\n\n                    <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n                      <Badge variant=\"secondary\" className=\"text-xs\">\n                        {tWithFallback(t, 'projectMembers.memberBadge', 'Project member')}\n                      </Badge>\n                      <span className=\"text-xs text-text-secondary\">\n                        {tWithFallback(t, 'projectMembers.addedLabel', 'Added')}{' '}\n                        {formatRelativeTime(member.createdAt)}\n                      </span>\n                    </div>\n                  </div>\n\n                  {canRemoveProjectMember ? (\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      onClick={() => void handleRemoveMember(member)}\n                      disabled={isRemovingProjectMember}\n                    >\n                      <UserMinus className=\"mr-2 size-4\" />\n                      {isRemoving\n                        ? tWithFallback(t, 'projectMembers.removing', 'Removing...')\n                        : tWithFallback(t, 'projectMembers.removeAction', 'Remove')}\n                    </Button>\n                  ) : null}\n                </div>\n              );\n            })}\n\n            {hasMoreProjectMembers ? (\n              <div className=\"flex flex-col items-center gap-2 rounded-lg border border-dashed border-border-seam bg-bg-sunken/20 p-4 text-center\">\n                <p className=\"text-sm text-text-secondary\">\n                  Showing {projectMembers.length} of {totalProjectMembers} project members.\n                </p>\n                <Button\n                  variant=\"outline\"\n                  onClick={() => void fetchNextProjectMembersPage()}\n                  disabled={isFetchingNextProjectMembersPage}\n                >\n                  {isFetchingNextProjectMembersPage ? 'Loading more…' : 'Load More Members'}\n                </Button>\n              </div>\n            ) : null}\n          </div>\n        )}\n\n        {workspaceId && projectId && isAddDialogOpen ? (\n          <ProjectMemberPickerDialog\n            open={isAddDialogOpen}\n            onOpenChange={setIsAddDialogOpen}\n            workspaceId={workspaceId}\n            projectId={projectId}\n            projectName={project?.name}\n          />\n        ) : null}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}