@burdenoff/microfe-workspaces 2026.530.2 → 2026.531.2

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  useUpdateProject,\n} from '../hooks/useProjectMutations';\nimport { formatDate } from '../utils/formatters';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { normalizeProjectTags, 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(() => normalizeProjectTags(project?.tags));\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: updateProject, isPending: isUpdatingProject } =\n    useUpdateProject(workspaceId);\n  const { data: projectMemberCount } = useProjectMembersCount(projectId || '', workspaceId);\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(normalizeProjectTags(project?.tags));\n  }, [project?.tags]);\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 persistProjectTags = async (nextTags: TagItem[]) => {\n    if (!project) {\n      return;\n    }\n\n    const normalizedNextTags = nextTags.map((tag) => toProjectTag(tag));\n    setProjectTags(normalizedNextTags);\n\n    try {\n      await updateProject({\n        id: project.id,\n        input: {\n          tags: normalizedNextTags,\n        },\n      });\n    } catch (err) {\n      setProjectTags(normalizeProjectTags(project.tags));\n      throw err;\n    }\n  };\n\n  const handleAddTag = async (tag: TagItem) => {\n    const nextTags = [...projectTags, toProjectTag(tag)];\n    await persistProjectTags(nextTags);\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    const nextTags = projectTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId);\n    await persistProjectTags(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={isUpdatingProject ? 'pointer-events-none opacity-75' : undefined}\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

@@ -4,7 +4,7 @@ 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 { normalizeProjectTags as ee } from "../utils/projectTags.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";
@@ -53,7 +53,7 @@ function D() {
 	}), K = p(() => {
 		let e = U?.items ?? [], t = (j.search ?? "").trim().toLowerCase(), n = j.tagIds ?? [], r = j.matchAllTags ?? !0, i = (e) => !O || e.workspaceId === O, a = (e) => !t || e.name.toLowerCase().includes(t) || e.key.toLowerCase().includes(t), o = (e) => !j.status || e.status === j.status, s = (e) => j.archived === void 0 || e.archived === j.archived, c = (e) => {
 			if (n.length === 0) return !0;
-			let t = new Set(ee(e.tags).map((e) => e.tagId));
+			let t = new Set(ee(e).map((e) => e.tagId));
 			return r ? n.every((e) => t.has(e)) : n.some((e) => t.has(e));
 		}, l = e.filter((e) => i(e) && a(e) && o(e) && s(e) && c(e)), u = U?.total ?? l.length, d = U?.hasMore ?? !1;
 		return {

package/dist/pages/ProjectsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectsListPage.js","names":[],"sources":["../../src/pages/ProjectsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { FolderKanban, Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useMyProjects } from '../hooks/useProjects';\nimport {\n  useArchiveProject,\n  useDeleteProject,\n  useUnarchiveProject,\n} from '../hooks/useProjectMutations';\nimport { ProjectCard } from '../components/ProjectCard';\nimport { CreateProjectDialog } from '../components/CreateProjectDialog';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { tWithFallback } from '../utils/i18n';\nimport { normalizeProjectTags } from '../utils/projectTags';\nimport type { ProjectTag, Workspace } from '../types';\n\nexport function ProjectsListPage() {\n  const { t } = useI18n();\n\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.projects', { workspaceId, requireParams: true });\n  const {\n    viewMode,\n    setViewMode,\n    projectFilters,\n    setProjectFilters,\n    clearProjectFilters,\n    selectedProjectIds,\n    toggleProjectSelection,\n    clearProjectSelection,\n    openCreateProjectDialog,\n    isCreateProjectDialogOpen,\n  } = useWorkspacesStore();\n\n  const [searchValue, setSearchValue] = useState(projectFilters.search || '');\n  const [activeTagFilters, setActiveTagFilters] = useState<ProjectTag[]>([]);\n  const [matchAllTagFilters, setMatchAllTagFilters] = useState(true);\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setProjectFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setProjectFilters]);\n\n  useEffect(() => {\n    if (activeTagFilters.length === 0) {\n      setProjectFilters({\n        tagIds: undefined,\n        tagHierarchyPaths: undefined,\n        matchAllTags: undefined,\n        includeDescendants: undefined,\n      });\n      return;\n    }\n\n    setProjectFilters({\n      tagIds: activeTagFilters.map((tag) => tag.tagId),\n      tagHierarchyPaths: activeTagFilters\n        .map((tag) => tag.hierarchyPath)\n        .filter((tagPath): tagPath is string => typeof tagPath === 'string' && tagPath.length > 0),\n      matchAllTags: matchAllTagFilters,\n      includeDescendants: true,\n    });\n  }, [activeTagFilters, matchAllTagFilters, setProjectFilters]);\n\n  useEffect(() => {\n    return () => clearProjectSelection();\n  }, [clearProjectSelection]);\n\n  // Membership-scoped query: backend filters by actorId, so no client-side\n  // permission gate is needed. Page is shared by `/workspaces/projects` and\n  // `/workspaces/:workspaceId/projects`; the latter narrows the list below.\n  const PROJECTS_PAGE_SIZE = 500;\n  const {\n    data: myData,\n    isLoading,\n    error,\n  } = useMyProjects({\n    limit: PROJECTS_PAGE_SIZE,\n    offset: 0,\n  });\n\n  const data = useMemo(() => {\n    const all = myData?.items ?? [];\n    const q = (projectFilters.search ?? '').trim().toLowerCase();\n    const tagIds = projectFilters.tagIds ?? [];\n    const matchAllTags = projectFilters.matchAllTags ?? true;\n\n    const matchesWorkspace = (project: (typeof all)[number]) =>\n      !workspaceId || project.workspaceId === workspaceId;\n    const matchesSearch = (project: (typeof all)[number]) =>\n      !q || project.name.toLowerCase().includes(q) || project.key.toLowerCase().includes(q);\n    const matchesStatus = (project: (typeof all)[number]) =>\n      !projectFilters.status || project.status === projectFilters.status;\n    const matchesArchived = (project: (typeof all)[number]) =>\n      typeof projectFilters.archived === 'undefined' ||\n      project.archived === projectFilters.archived;\n    const matchesTags = (project: (typeof all)[number]) => {\n      if (tagIds.length === 0) return true;\n      const projectTagIds = new Set(normalizeProjectTags(project.tags).map((t) => t.tagId));\n      return matchAllTags\n        ? tagIds.every((id) => projectTagIds.has(id))\n        : tagIds.some((id) => projectTagIds.has(id));\n    };\n\n    const filtered = all.filter(\n      (project) =>\n        matchesWorkspace(project) &&\n        matchesSearch(project) &&\n        matchesStatus(project) &&\n        matchesArchived(project) &&\n        matchesTags(project)\n    );\n\n    // Surface the real backend totals so the \"Showing X of Y\" footer can flag\n    // truncation. For narrowed views (workspace/tag filter), the backend total\n    // doesn't reflect the post-filter count, so we report the filtered size as\n    // total. But we MUST preserve `hasMore` from upstream — if the upstream\n    // query was capped (hasMore=true), matches outside the first page are\n    // silently hidden, and the footer needs to keep flagging that.\n    const apiTotal = myData?.total ?? filtered.length;\n    const apiHasMore = myData?.hasMore ?? false;\n    const isNarrowed = !!workspaceId || tagIds.length > 0;\n    return {\n      items: filtered,\n      total: isNarrowed ? filtered.length : apiTotal,\n      hasMore: apiHasMore,\n    };\n  }, [myData?.items, myData?.total, myData?.hasMore, projectFilters, workspaceId]);\n\n  const { mutateAsync: archiveProject } = useArchiveProject(workspaceId);\n  const { mutateAsync: unarchiveProject } = useUnarchiveProject(workspaceId);\n  const { mutateAsync: deleteProject } = useDeleteProject(workspaceId);\n\n  const selectedProjects = useMemo(\n    () => data?.items.filter((project) => selectedProjectIds.has(project.id)) ?? [],\n    [data?.items, selectedProjectIds]\n  );\n\n  const archivableProjects = useMemo(\n    () => selectedProjects.filter((project) => !project.archived),\n    [selectedProjects]\n  );\n\n  const unarchivableProjects = useMemo(\n    () => selectedProjects.filter((project) => project.archived),\n    [selectedProjects]\n  );\n\n  const allVisibleSelected =\n    (data?.items.length ?? 0) > 0 &&\n    (data?.items ?? []).every((project) => selectedProjectIds.has(project.id));\n  const partiallySelected =\n    (data?.items ?? []).some((project) => selectedProjectIds.has(project.id)) &&\n    !allVisibleSelected;\n\n  const {\n    canCreateProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <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      </div>\n    );\n  }\n\n  // No client-side list gate: this page calls `myProjects` which is\n  // membership-scoped — the resolver filters by actorId on the backend, so the\n  // data set returned IS the access list. If the user is in zero projects, the\n  // page renders the empty state below. Per-action checks (canCreateProject,\n  // canDeleteProject, canArchiveProject) remain in place to hide buttons the\n  // user isn't authorized for on their workspace.\n\n  const handleCreateProject = () => {\n    openCreateProjectDialog({} as Workspace);\n  };\n\n  const handleStatusFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.status;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ status: value as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' });\n    }\n  };\n\n  const handleArchivedFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.archived;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ archived: value === 'true' });\n    }\n  };\n\n  const toggleTagFilter = (tag: ProjectTag) => {\n    setActiveTagFilters((current) => {\n      const exists = current.some((entry) => entry.tagId === tag.tagId);\n      if (exists) {\n        return current.filter((entry) => entry.tagId !== tag.tagId);\n      }\n\n      return [...current, tag];\n    });\n  };\n\n  const clearAllProjectFilters = () => {\n    setSearchValue('');\n    setActiveTagFilters([]);\n    setMatchAllTagFilters(true);\n    clearProjectFilters();\n  };\n\n  const toggleAllProjects = (checked: boolean) => {\n    (data?.items ?? []).forEach((project) => {\n      const isSelected = selectedProjectIds.has(project.id);\n      if (checked !== isSelected) {\n        toggleProjectSelection(project.id);\n      }\n    });\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableProjects.length === 0) return;\n    await Promise.allSettled(archivableProjects.map((project) => archiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkUnarchive = async () => {\n    if (unarchivableProjects.length === 0) return;\n    await Promise.allSettled(unarchivableProjects.map((project) => unarchiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedProjects.length === 0) return;\n    void nativeImpact('medium');\n    const message =\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmPrefix', 'Delete ') +\n      selectedProjects.length +\n      ' ' +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmProject', 'selected project') +\n      (selectedProjects.length === 1\n        ? ''\n        : tWithFallback(t, 'projectsList.bulkDeleteConfirmPluralSuffix', 's')) +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmSuffix', '? This cannot be undone.');\n    const native = await nativeConfirm({\n      title: 'Delete projects',\n      message,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    await Promise.allSettled(selectedProjects.map((project) => deleteProject(project.id)));\n    clearProjectSelection();\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'projectsList.pageTitle', 'Projects')}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {tWithFallback(t, 'projectsList.pageSubtitle', 'Manage and organize your projects')}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {/* View mode toggle */}\n            <div className=\"flex items-center gap-1 border rounded-lg p-1\">\n              <Button\n                variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('grid')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.gridViewAriaLabel',\n                  'Show projects in grid view'\n                )}\n              >\n                <Grid3x3 size={16} />\n              </Button>\n              <Button\n                variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('list')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.listViewAriaLabel',\n                  'Show projects in list view'\n                )}\n              >\n                <List size={16} />\n              </Button>\n            </div>\n            {canCreateProject && (\n              <Button onClick={handleCreateProject}>\n                <Plus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Filters & Search */}\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          <div className=\"relative flex-1\">\n            <Search\n              className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground\"\n              size={18}\n            />\n            <Input\n              placeholder={tWithFallback(t, 'projectsList.searchPlaceholder', 'Search projects...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-[3.25rem]\"\n            />\n          </div>\n          <Select value={projectFilters.status || 'all'} onValueChange={handleStatusFilter}>\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByStatus', 'Filter by status')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.statusAll', 'All Statuses')}\n              </SelectItem>\n              <SelectItem value=\"ACTIVE\">\n                {tWithFallback(t, 'projectsList.statusActive', 'Active')}\n              </SelectItem>\n              <SelectItem value=\"INACTIVE\">\n                {tWithFallback(t, 'projectsList.statusInactive', 'Inactive')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          <Select\n            value={\n              projectFilters.archived === undefined\n                ? 'all'\n                : projectFilters.archived\n                  ? 'true'\n                  : 'false'\n            }\n            onValueChange={handleArchivedFilter}\n          >\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByArchive', 'Filter by archive')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.archiveAll', 'All Projects')}\n              </SelectItem>\n              <SelectItem value=\"false\">\n                {tWithFallback(t, 'projectsList.archiveActiveProjects', 'Active Projects')}\n              </SelectItem>\n              <SelectItem value=\"true\">\n                {tWithFallback(t, 'projectsList.archiveArchived', 'Archived')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          {(projectFilters.search ||\n            projectFilters.status ||\n            projectFilters.archived !== undefined ||\n            activeTagFilters.length > 0) && (\n            <Button variant=\"outline\" onClick={clearAllProjectFilters}>\n              {tWithFallback(t, 'projectsList.clearFilters', 'Clear Filters')}\n            </Button>\n          )}\n        </div>\n\n        {activeTagFilters.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3\">\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div>\n                <p className=\"text-sm font-medium\">\n                  {tWithFallback(t, 'projectsList.activeTagFilters', 'Active tag filters')}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'projectsList.activeTagFiltersDescription',\n                    'Click a project tag to add or remove it from the current filter set.'\n                  )}\n                </p>\n              </div>\n              <Select\n                value={matchAllTagFilters ? 'all' : 'any'}\n                onValueChange={(value) => setMatchAllTagFilters(value === 'all')}\n              >\n                <SelectTrigger className=\"w-full sm:w-[180px]\">\n                  <SelectValue\n                    placeholder={tWithFallback(t, 'projectsList.tagMatchMode', 'Tag match mode')}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'projectsList.tagMatchAll', 'Match all tags')}\n                  </SelectItem>\n                  <SelectItem value=\"any\">\n                    {tWithFallback(t, 'projectsList.tagMatchAny', 'Match any tag')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex flex-wrap gap-2\">\n              {activeTagFilters.map((tag) => (\n                <TagBadge\n                  key={tag.tagId}\n                  id={tag.tagId}\n                  label={tag.label}\n                  color={tag.color ?? undefined}\n                  icon={tag.icon ?? undefined}\n                  description={tag.description ?? undefined}\n                  removable\n                  onRemove={() => toggleTagFilter(tag)}\n                  size=\"sm\"\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Error State */}\n        {error && (\n          <Card className=\"border-destructive\">\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n                <p className=\"text-destructive font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.errorLoading', 'Error loading projects')}\n                </p>\n                <p className=\"text-sm text-muted-foreground\">\n                  {error instanceof Error\n                    ? error.message\n                    : tWithFallback(t, 'projectsList.unknownError', 'An unknown error occurred')}\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <Card key={i}>\n                <CardContent className=\"pt-6\">\n                  <div className=\"space-y-3\">\n                    <Skeleton className=\"size-12 rounded-lg\" />\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-4 w-1/2\" />\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        )}\n\n        {/* Empty State */}\n        {!isLoading && !error && data?.items.length === 0 && (\n          <Card>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <div className=\"rounded-full bg-muted p-6 mb-4\">\n                  <FolderKanban size={48} className=\"text-muted-foreground\" />\n                </div>\n                <h3 className=\"text-lg font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.noProjectsFound', 'No projects found')}\n                </h3>\n                <p className=\"text-muted-foreground max-w-sm mb-4\">\n                  {projectFilters.search\n                    ? tWithFallback(\n                        t,\n                        'projectsList.adjustSearchOrFilters',\n                        'Try adjusting your search or filters'\n                      )\n                    : tWithFallback(\n                        t,\n                        'projectsList.createFirstProject',\n                        'Create your first project to get started organizing your work'\n                      )}\n                </p>\n                {!projectFilters.search && canCreateProject && (\n                  <Button onClick={handleCreateProject}>\n                    <Plus size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                  </Button>\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Projects Grid */}\n        {!isLoading && !error && data && data.items.length > 0 && (\n          <>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate = partiallySelected && !allVisibleSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllProjects(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'projectsList.selectAllAriaLabel',\n                    'Select all projects'\n                  )}\n                  className=\"size-4 rounded border-border text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'projectsList.selectAllVisible', 'Select all visible')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {selectedProjectIds.size} {tWithFallback(t, 'projectsList.selected', 'selected')}\n                </span>\n                {selectedProjectIds.size > 0 && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={clearProjectSelection}>\n                    {tWithFallback(t, 'projectsList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {/* Bulk mutations are bound to a single workspaceId via the\n                  archive/unarchive/delete hooks. On the cross-workspace\n                  /workspaces/projects route (workspaceId is undefined),\n                  hide them — selections can span workspaces and the bound\n                  hook would fail authorization for projects outside the\n                  caller's context. The per-card actions in ProjectCard\n                  still work because they resolve per-project. */}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkArchive}\n                    disabled={archivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.archiveSelected', 'Archive Selected')}\n                    {archivableProjects.length > 0 ? ` (${archivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkUnarchive}\n                    disabled={unarchivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.unarchiveSelected', 'Unarchive Selected')}\n                    {unarchivableProjects.length > 0 ? ` (${unarchivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canDeleteProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkDelete}\n                    disabled={selectedProjects.length === 0}\n                    className=\"text-destructive\"\n                  >\n                    {tWithFallback(t, 'projectsList.deleteSelected', 'Delete Selected')}\n                    {selectedProjects.length > 0 ? ` (${selectedProjects.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            <div\n              className={\n                viewMode === 'list'\n                  ? 'space-y-3'\n                  : 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4'\n              }\n            >\n              {data.items.map((project) => (\n                <ProjectCard\n                  key={project.id}\n                  project={project}\n                  selected={selectedProjectIds.has(project.id)}\n                  canArchive={canArchiveProject}\n                  canDelete={canDeleteProject}\n                  onTagClick={toggleTagFilter}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedProjectIds.has(project.id);\n                    if (checked !== isSelected) {\n                      toggleProjectSelection(project.id);\n                    }\n                  }}\n                />\n              ))}\n            </div>\n\n            {/* Pagination Info */}\n            {data.total > data.items.length && (\n              <div className=\"text-center text-sm text-muted-foreground\">\n                {tWithFallback(t, 'projectsList.showingPrefix', 'Showing')} {data.items.length}{' '}\n                {tWithFallback(t, 'projectsList.showingOf', 'of')} {data.total}{' '}\n                {tWithFallback(t, 'projectsList.showingProjects', 'projects')}\n              </div>\n            )}\n          </>\n        )}\n\n        {/* Create Project Dialog */}\n        {isCreateProjectDialogOpen && <CreateProjectDialog workspaceId={workspaceId} />}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,IAAmB;CACjC,IAAM,EAAE,SAAM,IAAS,EAEjB,EAAE,mBAAgB,IAAoC;AAC5D,GAAsB,uBAAuB;EAAE;EAAa,eAAe;EAAM,CAAC;CAClF,IAAM,EACJ,aACA,gBACA,mBACA,sBACA,yBACA,uBACA,2BACA,0BACA,6BACA,kCACE,GAAoB,EAElB,CAAC,GAAa,KAAkB,EAAS,EAAe,UAAU,GAAG,EACrE,CAAC,GAAkB,KAAuB,EAAuB,EAAE,CAAC,EACpE,CAAC,GAAoB,KAAyB,EAAS,GAAK,EAC5D,IAAkB,GAAY,GAAa,IAAI;AA4BrD,CAzBA,QAAgB;AACd,IAAkB,EAAE,QAAQ,GAAiB,CAAC;IAC7C,CAAC,GAAiB,EAAkB,CAAC,EAExC,QAAgB;AACd,MAAI,EAAiB,WAAW,GAAG;AACjC,KAAkB;IAChB,QAAQ,KAAA;IACR,mBAAmB,KAAA;IACnB,cAAc,KAAA;IACd,oBAAoB,KAAA;IACrB,CAAC;AACF;;AAGF,IAAkB;GAChB,QAAQ,EAAiB,KAAK,MAAQ,EAAI,MAAM;GAChD,mBAAmB,EAChB,KAAK,MAAQ,EAAI,cAAc,CAC/B,QAAQ,MAA+B,OAAO,KAAY,YAAY,EAAQ,SAAS,EAAE;GAC5F,cAAc;GACd,oBAAoB;GACrB,CAAC;IACD;EAAC;EAAkB;EAAoB;EAAkB,CAAC,EAE7D,cACe,GAAuB,EACnC,CAAC,EAAsB,CAAC;CAM3B,IAAM,EACJ,MAAM,GACN,cACA,aACE,EAAc;EAChB,OANyB;EAOzB,QAAQ;EACT,CAAC,EAEI,IAAO,QAAc;EACzB,IAAM,IAAM,GAAQ,SAAS,EAAE,EACzB,KAAK,EAAe,UAAU,IAAI,MAAM,CAAC,aAAa,EACtD,IAAS,EAAe,UAAU,EAAE,EACpC,IAAe,EAAe,gBAAgB,IAE9C,KAAoB,MACxB,CAAC,KAAe,EAAQ,gBAAgB,GACpC,KAAiB,MACrB,CAAC,KAAK,EAAQ,KAAK,aAAa,CAAC,SAAS,EAAE,IAAI,EAAQ,IAAI,aAAa,CAAC,SAAS,EAAE,EACjF,KAAiB,MACrB,CAAC,EAAe,UAAU,EAAQ,WAAW,EAAe,QACxD,KAAmB,MAChB,EAAe,aAAa,UACnC,EAAQ,aAAa,EAAe,UAChC,KAAe,MAAkC;AACrD,OAAI,EAAO,WAAW,EAAG,QAAO;GAChC,IAAM,IAAgB,IAAI,IAAI,GAAqB,EAAQ,KAAK,CAAC,KAAK,MAAM,EAAE,MAAM,CAAC;AACrF,UAAO,IACH,EAAO,OAAO,MAAO,EAAc,IAAI,EAAG,CAAC,GAC3C,EAAO,MAAM,MAAO,EAAc,IAAI,EAAG,CAAC;KAG1C,IAAW,EAAI,QAClB,MACC,EAAiB,EAAQ,IACzB,EAAc,EAAQ,IACtB,EAAc,EAAQ,IACtB,EAAgB,EAAQ,IACxB,EAAY,EAAQ,CACvB,EAQK,IAAW,GAAQ,SAAS,EAAS,QACrC,IAAa,GAAQ,WAAW;AAEtC,SAAO;GACL,OAAO;GACP,OAHmB,KAAe,EAAO,SAAS,IAG9B,EAAS,SAAS;GACtC,SAAS;GACV;IACA;EAAC,GAAQ;EAAO,GAAQ;EAAO,GAAQ;EAAS;EAAgB;EAAY,CAAC,EAE1E,EAAE,aAAa,OAAmB,EAAkB,EAAY,EAChE,EAAE,aAAa,OAAqB,EAAoB,EAAY,EACpE,EAAE,aAAa,OAAkB,EAAiB,EAAY,EAE9D,IAAmB,QACjB,GAAM,MAAM,QAAQ,MAAY,EAAmB,IAAI,EAAQ,GAAG,CAAC,IAAI,EAAE,EAC/E,CAAC,GAAM,OAAO,EAAmB,CAClC,EAEK,IAAqB,QACnB,EAAiB,QAAQ,MAAY,CAAC,EAAQ,SAAS,EAC7D,CAAC,EAAiB,CACnB,EAEK,IAAuB,QACrB,EAAiB,QAAQ,MAAY,EAAQ,SAAS,EAC5D,CAAC,EAAiB,CACnB,EAEK,KACH,GAAM,MAAM,UAAU,KAAK,MAC3B,GAAM,SAAS,EAAE,EAAE,OAAO,MAAY,EAAmB,IAAI,EAAQ,GAAG,CAAC,EACtE,MACH,GAAM,SAAS,EAAE,EAAE,MAAM,MAAY,EAAmB,IAAI,EAAQ,GAAG,CAAC,IACzE,CAAC,GAEG,EACJ,sBACA,sBACA,sBACA,WAAW,OACT,GAAyB;AAE7B,KAAI,GACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA,EACnC,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA;IAC7B,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA;IAC7B,kBAAC,GAAD,EAAU,WAAU,QAAS,CAAA;IACzB;KACF;;CAWV,IAAM,UAA4B;AAChC,KAAwB,EAAE,CAAc;IAGpC,MAAsB,MAAkB;AAC5C,MAAI,MAAU,OAAO;GACnB,IAAM,IAAc,EAAE,GAAG,GAAgB;AAEzC,GADA,OAAO,EAAY,QACnB,EAAkB,EAAY;QAE9B,GAAkB,EAAE,QAAQ,GAA6C,CAAC;IAIxE,MAAwB,MAAkB;AAC9C,MAAI,MAAU,OAAO;GACnB,IAAM,IAAc,EAAE,GAAG,GAAgB;AAEzC,GADA,OAAO,EAAY,UACnB,EAAkB,EAAY;QAE9B,GAAkB,EAAE,UAAU,MAAU,QAAQ,CAAC;IAI/C,KAAmB,MAAoB;AAC3C,KAAqB,MACJ,EAAQ,MAAM,MAAU,EAAM,UAAU,EAAI,MAAM,GAExD,EAAQ,QAAQ,MAAU,EAAM,UAAU,EAAI,MAAM,GAGtD,CAAC,GAAG,GAAS,EAAI,CACxB;IAGE,WAA+B;AAInC,EAHA,EAAe,GAAG,EAClB,EAAoB,EAAE,CAAC,EACvB,EAAsB,GAAK,EAC3B,IAAqB;IAGjB,MAAqB,MAAqB;AAC9C,GAAC,GAAM,SAAS,EAAE,EAAE,SAAS,MAAY;AAEvC,GAAI,MADe,EAAmB,IAAI,EAAQ,GAAG,IAEnD,EAAuB,EAAQ,GAAG;IAEpC;;AAwCJ,QACE,kBAAC,IAAD;EAAe,QAAQ;YACrB,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAc,GAAG,0BAA0B,WAAW;MACpD,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAc,GAAG,6BAA6B,oCAAoC;MACjF,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,SAAS,MAAa,SAAS,cAAc;QAC7C,MAAK;QACL,eAAe,EAAY,OAAO;QAClC,WAAU;QACV,cAAY,EACV,GACA,kCACA,6BACD;kBAED,kBAAC,IAAD,EAAS,MAAM,IAAM,CAAA;QACd,CAAA,EACT,kBAAC,GAAD;QACE,SAAS,MAAa,SAAS,cAAc;QAC7C,MAAK;QACL,eAAe,EAAY,OAAO;QAClC,WAAU;QACV,cAAY,EACV,GACA,kCACA,6BACD;kBAED,kBAAC,IAAD,EAAM,MAAM,IAAM,CAAA;QACX,CAAA,CACL;UACL,MACC,kBAAC,GAAD;OAAQ,SAAS;iBAAjB,CACE,kBAAC,GAAD,EAAM,WAAU,kBAAmB,CAAA,EACnC,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAc,GAAG,8BAA8B,iBAAiB;QAC5D,CAAA,CACA;SAEP;QACF;;IAGN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD;QACE,WAAU;QACV,MAAM;QACN,CAAA,EACF,kBAAC,IAAD;QACE,aAAa,EAAc,GAAG,kCAAkC,qBAAqB;QACrF,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;QAC/C,WAAU;QACV,CAAA,CACE;;MACN,kBAAC,GAAD;OAAQ,OAAO,EAAe,UAAU;OAAO,eAAe;iBAA9D,CACE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EACE,aAAa,EAAc,GAAG,+BAA+B,mBAAmB,EAChF,CAAA;QACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,0BAA0B,eAAe;SAChD,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,6BAA6B,SAAS;SAC7C,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,+BAA+B,WAAW;SACjD,CAAA;QACC,EAAA,CAAA,CACT;;MACT,kBAAC,GAAD;OACE,OACE,EAAe,aAAa,KAAA,IACxB,QACA,EAAe,WACb,SACA;OAER,eAAe;iBARjB,CAUE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EACE,aAAa,EAAc,GAAG,gCAAgC,oBAAoB,EAClF,CAAA;QACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA;QACE,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,2BAA2B,eAAe;SACjD,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,sCAAsC,kBAAkB;SAC/D,CAAA;QACb,kBAAC,GAAD;SAAY,OAAM;mBACf,EAAc,GAAG,gCAAgC,WAAW;SAClD,CAAA;QACC,EAAA,CAAA,CACT;;OACP,EAAe,UACf,EAAe,UACf,EAAe,aAAa,KAAA,KAC5B,EAAiB,SAAS,MAC1B,kBAAC,GAAD;OAAQ,SAAQ;OAAU,SAAS;iBAChC,EAAc,GAAG,6BAA6B,gBAAgB;OACxD,CAAA;MAEP;;IAEL,EAAiB,SAAS,KACzB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAc,GAAG,iCAAiC,qBAAqB;OACtE,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EACC,GACA,4CACA,uEACD;OACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;OACE,OAAO,IAAqB,QAAQ;OACpC,gBAAgB,MAAU,EAAsB,MAAU,MAAM;iBAFlE,CAIE,kBAAC,GAAD;QAAe,WAAU;kBACvB,kBAAC,GAAD,EACE,aAAa,EAAc,GAAG,6BAA6B,iBAAiB,EAC5E,CAAA;QACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;QAAY,OAAM;kBACf,EAAc,GAAG,4BAA4B,iBAAiB;QACpD,CAAA,EACb,kBAAC,GAAD;QAAY,OAAM;kBACf,EAAc,GAAG,4BAA4B,gBAAgB;QACnD,CAAA,CACC,EAAA,CAAA,CACT;SACL;SAEN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAiB,KAAK,MACrB,kBAAC,IAAD;OAEE,IAAI,EAAI;OACR,OAAO,EAAI;OACX,OAAO,EAAI,SAAS,KAAA;OACpB,MAAM,EAAI,QAAQ,KAAA;OAClB,aAAa,EAAI,eAAe,KAAA;OAChC,WAAA;OACA,gBAAgB,EAAgB,EAAI;OACpC,MAAK;OACL,EATK,EAAI,MAST,CACF;MACE,CAAA,CACF;;IAIP,KACC,kBAAC,GAAD;KAAM,WAAU;eACd,kBAAC,GAAD;MAAa,WAAU;gBACrB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAc,GAAG,6BAA6B,yBAAyB;QACtE,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBACV,aAAiB,QACd,EAAM,UACN,EAAc,GAAG,6BAA6B,4BAA4B;QAC5E,CAAA,CACA;;MACM,CAAA;KACT,CAAA;IAIR,KACC,kBAAC,OAAD;KAAK,WAAU;eACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBACrB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAU,WAAU,sBAAuB,CAAA;QAC3C,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;QAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA;QAC9B;;MACM,CAAA,EACT,EARI,EAQJ,CACP;KACE,CAAA;IAIP,CAAC,KAAa,CAAC,KAAS,GAAM,MAAM,WAAW,KAC9C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eACrB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,IAAD;SAAc,MAAM;SAAI,WAAU;SAA0B,CAAA;QACxD,CAAA;OACN,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAc,GAAG,gCAAgC,oBAAoB;QACnE,CAAA;OACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAe,SACZ,EACE,GACA,sCACA,uCACD,GACD,EACE,GACA,mCACA,gEACD;QACH,CAAA;OACH,CAAC,EAAe,UAAU,MACzB,kBAAC,GAAD;QAAQ,SAAS;kBAAjB,CACE,kBAAC,GAAD;SAAM,MAAM;SAAI,WAAU;SAAS,CAAA,EAClC,EAAc,GAAG,8BAA8B,iBAAiB,CAC1D;;OAEP;;KACM,CAAA,EACT,CAAA;IAIR,CAAC,KAAa,CAAC,KAAS,KAAQ,EAAK,MAAM,SAAS,KACnD,kBAAA,IAAA,EAAA,UAAA;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,SAAD;QACE,MAAK;QACL,SAAS;QACT,MAAM,MAAU;AACd,SAAI,MACF,EAAM,gBAAgB,MAAqB,CAAC;;QAGhD,WAAW,MAAU,GAAkB,EAAM,OAAO,QAAQ;QAC5D,cAAY,EACV,GACA,mCACA,sBACD;QACD,WAAU;QACV,CAAA,EACF,kBAAC,QAAD,EAAA,UACG,EAAc,GAAG,iCAAiC,qBAAqB,EACnE,CAAA,CACD;UAER,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAmB;UAAK;UAAE,EAAc,GAAG,yBAAyB,WAAW;UAC3E;;QACN,EAAmB,OAAO,KACzB,kBAAC,GAAD;SAAQ,SAAQ;SAAQ,MAAK;SAAK,SAAS;mBACxC,EAAc,GAAG,+BAA+B,kBAAkB;SAC5D,CAAA;QASV,KAAe,KACd,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,SAzUQ,YAAY;AAChC,YAAmB,WAAW,MAClC,MAAM,QAAQ,WAAW,EAAmB,KAAK,MAAY,GAAe,EAAQ,GAAG,CAAC,CAAC,EACzF,GAAuB;;SAuUP,UAAU,EAAmB,WAAW;mBAJ1C,CAMG,EAAc,GAAG,gCAAgC,mBAAmB,EACpE,EAAmB,SAAS,IAAI,KAAK,EAAmB,OAAO,KAAK,GAC9D;;QAEV,KAAe,KACd,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,SA9UU,YAAY;AAClC,YAAqB,WAAW,MACpC,MAAM,QAAQ,WAAW,EAAqB,KAAK,MAAY,GAAiB,EAAQ,GAAG,CAAC,CAAC,EAC7F,GAAuB;;SA4UP,UAAU,EAAqB,WAAW;mBAJ5C,CAMG,EAAc,GAAG,kCAAkC,qBAAqB,EACxE,EAAqB,SAAS,IAAI,KAAK,EAAqB,OAAO,KAAK,GAClE;;QAEV,KAAe,MACd,kBAAC,GAAD;SACE,SAAQ;SACR,MAAK;SACL,SAnVO,YAAY;AACnC,cAAI,EAAiB,WAAW,EAAG;AAC9B,YAAa,SAAS;UAC3B,IAAM,IACJ,EAAc,GAAG,wCAAwC,UAAU,GACnE,EAAiB,SACjB,MACA,EAAc,GAAG,yCAAyC,mBAAmB,IAC5E,EAAiB,WAAW,IACzB,KACA,EAAc,GAAG,8CAA8C,IAAI,IACvE,EAAc,GAAG,wCAAwC,2BAA2B,EAChF,IAAS,MAAM,EAAc;WACjC,OAAO;WACP;WACA,eAAe;WACf,mBAAmB;WACpB,CAAC;AACgB,iBAAW,OAAO,OAAO,QAAQ,EAAQ,GAAG,OAG9D,MAAM,QAAQ,WAAW,EAAiB,KAAK,MAAY,GAAc,EAAQ,GAAG,CAAC,CAAC,EACtF,GAAuB;;SA8TP,UAAU,EAAiB,WAAW;SACtC,WAAU;mBALZ,CAOG,EAAc,GAAG,+BAA+B,kBAAkB,EAClE,EAAiB,SAAS,IAAI,KAAK,EAAiB,OAAO,KAAK,GAC1D;;QAEP;SACF;;KAEN,kBAAC,OAAD;MACE,WACE,MAAa,SACT,cACA;gBAGL,EAAK,MAAM,KAAK,MACf,kBAAC,GAAD;OAEW;OACT,UAAU,EAAmB,IAAI,EAAQ,GAAG;OAC5C,YAAY;OACZ,WAAW;OACX,YAAY;OACZ,iBAAiB,MAAY;AAE3B,QAAI,MADe,EAAmB,IAAI,EAAQ,GAAG,IAEnD,EAAuB,EAAQ,GAAG;;OAGtC,EAZK,EAAQ,GAYb,CACF;MACE,CAAA;KAGL,EAAK,QAAQ,EAAK,MAAM,UACvB,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACG,EAAc,GAAG,8BAA8B,UAAU;OAAC;OAAE,EAAK,MAAM;OAAQ;OAC/E,EAAc,GAAG,0BAA0B,KAAK;OAAC;OAAE,EAAK;OAAO;OAC/D,EAAc,GAAG,gCAAgC,WAAW;OACzD;;KAEP,EAAA,CAAA;IAIJ,MAA6B,kBAAC,GAAD,EAAkC,gBAAe,CAAA;IAC3E;;EACQ,CAAA"}
+{"version":3,"file":"ProjectsListPage.js","names":[],"sources":["../../src/pages/ProjectsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { FolderKanban, Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n} from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useMyProjects } from '../hooks/useProjects';\nimport {\n  useArchiveProject,\n  useDeleteProject,\n  useUnarchiveProject,\n} from '../hooks/useProjectMutations';\nimport { ProjectCard } from '../components/ProjectCard';\nimport { CreateProjectDialog } from '../components/CreateProjectDialog';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { tWithFallback } from '../utils/i18n';\nimport { getProjectDisplayTags } from '../utils/projectTags';\nimport type { ProjectTag, Workspace } from '../types';\n\nexport function ProjectsListPage() {\n  const { t } = useI18n();\n\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.projects', { workspaceId, requireParams: true });\n  const {\n    viewMode,\n    setViewMode,\n    projectFilters,\n    setProjectFilters,\n    clearProjectFilters,\n    selectedProjectIds,\n    toggleProjectSelection,\n    clearProjectSelection,\n    openCreateProjectDialog,\n    isCreateProjectDialogOpen,\n  } = useWorkspacesStore();\n\n  const [searchValue, setSearchValue] = useState(projectFilters.search || '');\n  const [activeTagFilters, setActiveTagFilters] = useState<ProjectTag[]>([]);\n  const [matchAllTagFilters, setMatchAllTagFilters] = useState(true);\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setProjectFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setProjectFilters]);\n\n  useEffect(() => {\n    if (activeTagFilters.length === 0) {\n      setProjectFilters({\n        tagIds: undefined,\n        tagHierarchyPaths: undefined,\n        matchAllTags: undefined,\n        includeDescendants: undefined,\n      });\n      return;\n    }\n\n    setProjectFilters({\n      tagIds: activeTagFilters.map((tag) => tag.tagId),\n      tagHierarchyPaths: activeTagFilters\n        .map((tag) => tag.hierarchyPath)\n        .filter((tagPath): tagPath is string => typeof tagPath === 'string' && tagPath.length > 0),\n      matchAllTags: matchAllTagFilters,\n      includeDescendants: true,\n    });\n  }, [activeTagFilters, matchAllTagFilters, setProjectFilters]);\n\n  useEffect(() => {\n    return () => clearProjectSelection();\n  }, [clearProjectSelection]);\n\n  // Membership-scoped query: backend filters by actorId, so no client-side\n  // permission gate is needed. Page is shared by `/workspaces/projects` and\n  // `/workspaces/:workspaceId/projects`; the latter narrows the list below.\n  const PROJECTS_PAGE_SIZE = 500;\n  const {\n    data: myData,\n    isLoading,\n    error,\n  } = useMyProjects({\n    limit: PROJECTS_PAGE_SIZE,\n    offset: 0,\n  });\n\n  const data = useMemo(() => {\n    const all = myData?.items ?? [];\n    const q = (projectFilters.search ?? '').trim().toLowerCase();\n    const tagIds = projectFilters.tagIds ?? [];\n    const matchAllTags = projectFilters.matchAllTags ?? true;\n\n    const matchesWorkspace = (project: (typeof all)[number]) =>\n      !workspaceId || project.workspaceId === workspaceId;\n    const matchesSearch = (project: (typeof all)[number]) =>\n      !q || project.name.toLowerCase().includes(q) || project.key.toLowerCase().includes(q);\n    const matchesStatus = (project: (typeof all)[number]) =>\n      !projectFilters.status || project.status === projectFilters.status;\n    const matchesArchived = (project: (typeof all)[number]) =>\n      typeof projectFilters.archived === 'undefined' ||\n      project.archived === projectFilters.archived;\n    const matchesTags = (project: (typeof all)[number]) => {\n      if (tagIds.length === 0) return true;\n      const projectTagIds = new Set(getProjectDisplayTags(project).map((t) => t.tagId));\n      return matchAllTags\n        ? tagIds.every((id) => projectTagIds.has(id))\n        : tagIds.some((id) => projectTagIds.has(id));\n    };\n\n    const filtered = all.filter(\n      (project) =>\n        matchesWorkspace(project) &&\n        matchesSearch(project) &&\n        matchesStatus(project) &&\n        matchesArchived(project) &&\n        matchesTags(project)\n    );\n\n    // Surface the real backend totals so the \"Showing X of Y\" footer can flag\n    // truncation. For narrowed views (workspace/tag filter), the backend total\n    // doesn't reflect the post-filter count, so we report the filtered size as\n    // total. But we MUST preserve `hasMore` from upstream — if the upstream\n    // query was capped (hasMore=true), matches outside the first page are\n    // silently hidden, and the footer needs to keep flagging that.\n    const apiTotal = myData?.total ?? filtered.length;\n    const apiHasMore = myData?.hasMore ?? false;\n    const isNarrowed = !!workspaceId || tagIds.length > 0;\n    return {\n      items: filtered,\n      total: isNarrowed ? filtered.length : apiTotal,\n      hasMore: apiHasMore,\n    };\n  }, [myData?.items, myData?.total, myData?.hasMore, projectFilters, workspaceId]);\n\n  const { mutateAsync: archiveProject } = useArchiveProject(workspaceId);\n  const { mutateAsync: unarchiveProject } = useUnarchiveProject(workspaceId);\n  const { mutateAsync: deleteProject } = useDeleteProject(workspaceId);\n\n  const selectedProjects = useMemo(\n    () => data?.items.filter((project) => selectedProjectIds.has(project.id)) ?? [],\n    [data?.items, selectedProjectIds]\n  );\n\n  const archivableProjects = useMemo(\n    () => selectedProjects.filter((project) => !project.archived),\n    [selectedProjects]\n  );\n\n  const unarchivableProjects = useMemo(\n    () => selectedProjects.filter((project) => project.archived),\n    [selectedProjects]\n  );\n\n  const allVisibleSelected =\n    (data?.items.length ?? 0) > 0 &&\n    (data?.items ?? []).every((project) => selectedProjectIds.has(project.id));\n  const partiallySelected =\n    (data?.items ?? []).some((project) => selectedProjectIds.has(project.id)) &&\n    !allVisibleSelected;\n\n  const {\n    canCreateProject,\n    canDeleteProject,\n    canArchiveProject,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <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      </div>\n    );\n  }\n\n  // No client-side list gate: this page calls `myProjects` which is\n  // membership-scoped — the resolver filters by actorId on the backend, so the\n  // data set returned IS the access list. If the user is in zero projects, the\n  // page renders the empty state below. Per-action checks (canCreateProject,\n  // canDeleteProject, canArchiveProject) remain in place to hide buttons the\n  // user isn't authorized for on their workspace.\n\n  const handleCreateProject = () => {\n    openCreateProjectDialog({} as Workspace);\n  };\n\n  const handleStatusFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.status;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ status: value as 'ACTIVE' | 'INACTIVE' | 'ARCHIVED' });\n    }\n  };\n\n  const handleArchivedFilter = (value: string) => {\n    if (value === 'all') {\n      const nextFilters = { ...projectFilters };\n      delete nextFilters.archived;\n      setProjectFilters(nextFilters);\n    } else {\n      setProjectFilters({ archived: value === 'true' });\n    }\n  };\n\n  const toggleTagFilter = (tag: ProjectTag) => {\n    setActiveTagFilters((current) => {\n      const exists = current.some((entry) => entry.tagId === tag.tagId);\n      if (exists) {\n        return current.filter((entry) => entry.tagId !== tag.tagId);\n      }\n\n      return [...current, tag];\n    });\n  };\n\n  const clearAllProjectFilters = () => {\n    setSearchValue('');\n    setActiveTagFilters([]);\n    setMatchAllTagFilters(true);\n    clearProjectFilters();\n  };\n\n  const toggleAllProjects = (checked: boolean) => {\n    (data?.items ?? []).forEach((project) => {\n      const isSelected = selectedProjectIds.has(project.id);\n      if (checked !== isSelected) {\n        toggleProjectSelection(project.id);\n      }\n    });\n  };\n\n  const handleBulkArchive = async () => {\n    if (archivableProjects.length === 0) return;\n    await Promise.allSettled(archivableProjects.map((project) => archiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkUnarchive = async () => {\n    if (unarchivableProjects.length === 0) return;\n    await Promise.allSettled(unarchivableProjects.map((project) => unarchiveProject(project.id)));\n    clearProjectSelection();\n  };\n\n  const handleBulkDelete = async () => {\n    if (selectedProjects.length === 0) return;\n    void nativeImpact('medium');\n    const message =\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmPrefix', 'Delete ') +\n      selectedProjects.length +\n      ' ' +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmProject', 'selected project') +\n      (selectedProjects.length === 1\n        ? ''\n        : tWithFallback(t, 'projectsList.bulkDeleteConfirmPluralSuffix', 's')) +\n      tWithFallback(t, 'projectsList.bulkDeleteConfirmSuffix', '? This cannot be undone.');\n    const native = await nativeConfirm({\n      title: 'Delete projects',\n      message,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    await Promise.allSettled(selectedProjects.map((project) => deleteProject(project.id)));\n    clearProjectSelection();\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'projectsList.pageTitle', 'Projects')}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {tWithFallback(t, 'projectsList.pageSubtitle', 'Manage and organize your projects')}\n            </p>\n          </div>\n          <div className=\"flex items-center gap-2\">\n            {/* View mode toggle */}\n            <div className=\"flex items-center gap-1 border rounded-lg p-1\">\n              <Button\n                variant={viewMode === 'grid' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('grid')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.gridViewAriaLabel',\n                  'Show projects in grid view'\n                )}\n              >\n                <Grid3x3 size={16} />\n              </Button>\n              <Button\n                variant={viewMode === 'list' ? 'secondary' : 'ghost'}\n                size=\"sm\"\n                onClick={() => setViewMode('list')}\n                className=\"size-8 p-0\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectsList.listViewAriaLabel',\n                  'Show projects in list view'\n                )}\n              >\n                <List size={16} />\n              </Button>\n            </div>\n            {canCreateProject && (\n              <Button onClick={handleCreateProject}>\n                <Plus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {/* Filters & Search */}\n        <div className=\"flex flex-col sm:flex-row gap-3\">\n          <div className=\"relative flex-1\">\n            <Search\n              className=\"absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground\"\n              size={18}\n            />\n            <Input\n              placeholder={tWithFallback(t, 'projectsList.searchPlaceholder', 'Search projects...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-[3.25rem]\"\n            />\n          </div>\n          <Select value={projectFilters.status || 'all'} onValueChange={handleStatusFilter}>\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByStatus', 'Filter by status')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.statusAll', 'All Statuses')}\n              </SelectItem>\n              <SelectItem value=\"ACTIVE\">\n                {tWithFallback(t, 'projectsList.statusActive', 'Active')}\n              </SelectItem>\n              <SelectItem value=\"INACTIVE\">\n                {tWithFallback(t, 'projectsList.statusInactive', 'Inactive')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          <Select\n            value={\n              projectFilters.archived === undefined\n                ? 'all'\n                : projectFilters.archived\n                  ? 'true'\n                  : 'false'\n            }\n            onValueChange={handleArchivedFilter}\n          >\n            <SelectTrigger className=\"w-full sm:w-[180px]\">\n              <SelectValue\n                placeholder={tWithFallback(t, 'projectsList.filterByArchive', 'Filter by archive')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"all\">\n                {tWithFallback(t, 'projectsList.archiveAll', 'All Projects')}\n              </SelectItem>\n              <SelectItem value=\"false\">\n                {tWithFallback(t, 'projectsList.archiveActiveProjects', 'Active Projects')}\n              </SelectItem>\n              <SelectItem value=\"true\">\n                {tWithFallback(t, 'projectsList.archiveArchived', 'Archived')}\n              </SelectItem>\n            </SelectContent>\n          </Select>\n          {(projectFilters.search ||\n            projectFilters.status ||\n            projectFilters.archived !== undefined ||\n            activeTagFilters.length > 0) && (\n            <Button variant=\"outline\" onClick={clearAllProjectFilters}>\n              {tWithFallback(t, 'projectsList.clearFilters', 'Clear Filters')}\n            </Button>\n          )}\n        </div>\n\n        {activeTagFilters.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card px-4 py-3\">\n            <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div>\n                <p className=\"text-sm font-medium\">\n                  {tWithFallback(t, 'projectsList.activeTagFilters', 'Active tag filters')}\n                </p>\n                <p className=\"text-xs text-muted-foreground\">\n                  {tWithFallback(\n                    t,\n                    'projectsList.activeTagFiltersDescription',\n                    'Click a project tag to add or remove it from the current filter set.'\n                  )}\n                </p>\n              </div>\n              <Select\n                value={matchAllTagFilters ? 'all' : 'any'}\n                onValueChange={(value) => setMatchAllTagFilters(value === 'all')}\n              >\n                <SelectTrigger className=\"w-full sm:w-[180px]\">\n                  <SelectValue\n                    placeholder={tWithFallback(t, 'projectsList.tagMatchMode', 'Tag match mode')}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"all\">\n                    {tWithFallback(t, 'projectsList.tagMatchAll', 'Match all tags')}\n                  </SelectItem>\n                  <SelectItem value=\"any\">\n                    {tWithFallback(t, 'projectsList.tagMatchAny', 'Match any tag')}\n                  </SelectItem>\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"flex flex-wrap gap-2\">\n              {activeTagFilters.map((tag) => (\n                <TagBadge\n                  key={tag.tagId}\n                  id={tag.tagId}\n                  label={tag.label}\n                  color={tag.color ?? undefined}\n                  icon={tag.icon ?? undefined}\n                  description={tag.description ?? undefined}\n                  removable\n                  onRemove={() => toggleTagFilter(tag)}\n                  size=\"sm\"\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Error State */}\n        {error && (\n          <Card className=\"border-destructive\">\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n                <p className=\"text-destructive font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.errorLoading', 'Error loading projects')}\n                </p>\n                <p className=\"text-sm text-muted-foreground\">\n                  {error instanceof Error\n                    ? error.message\n                    : tWithFallback(t, 'projectsList.unknownError', 'An unknown error occurred')}\n                </p>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <Card key={i}>\n                <CardContent className=\"pt-6\">\n                  <div className=\"space-y-3\">\n                    <Skeleton className=\"size-12 rounded-lg\" />\n                    <Skeleton className=\"h-4 w-3/4\" />\n                    <Skeleton className=\"h-4 w-1/2\" />\n                  </div>\n                </CardContent>\n              </Card>\n            ))}\n          </div>\n        )}\n\n        {/* Empty State */}\n        {!isLoading && !error && data?.items.length === 0 && (\n          <Card>\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n                <div className=\"rounded-full bg-muted p-6 mb-4\">\n                  <FolderKanban size={48} className=\"text-muted-foreground\" />\n                </div>\n                <h3 className=\"text-lg font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.noProjectsFound', 'No projects found')}\n                </h3>\n                <p className=\"text-muted-foreground max-w-sm mb-4\">\n                  {projectFilters.search\n                    ? tWithFallback(\n                        t,\n                        'projectsList.adjustSearchOrFilters',\n                        'Try adjusting your search or filters'\n                      )\n                    : tWithFallback(\n                        t,\n                        'projectsList.createFirstProject',\n                        'Create your first project to get started organizing your work'\n                      )}\n                </p>\n                {!projectFilters.search && canCreateProject && (\n                  <Button onClick={handleCreateProject}>\n                    <Plus size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectsList.createProject', 'Create Project')}\n                  </Button>\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* Projects Grid */}\n        {!isLoading && !error && data && data.items.length > 0 && (\n          <>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate = partiallySelected && !allVisibleSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllProjects(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'projectsList.selectAllAriaLabel',\n                    'Select all projects'\n                  )}\n                  className=\"size-4 rounded border-border text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'projectsList.selectAllVisible', 'Select all visible')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {selectedProjectIds.size} {tWithFallback(t, 'projectsList.selected', 'selected')}\n                </span>\n                {selectedProjectIds.size > 0 && (\n                  <Button variant=\"ghost\" size=\"sm\" onClick={clearProjectSelection}>\n                    {tWithFallback(t, 'projectsList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {/* Bulk mutations are bound to a single workspaceId via the\n                  archive/unarchive/delete hooks. On the cross-workspace\n                  /workspaces/projects route (workspaceId is undefined),\n                  hide them — selections can span workspaces and the bound\n                  hook would fail authorization for projects outside the\n                  caller's context. The per-card actions in ProjectCard\n                  still work because they resolve per-project. */}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkArchive}\n                    disabled={archivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.archiveSelected', 'Archive Selected')}\n                    {archivableProjects.length > 0 ? ` (${archivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canArchiveProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkUnarchive}\n                    disabled={unarchivableProjects.length === 0}\n                  >\n                    {tWithFallback(t, 'projectsList.unarchiveSelected', 'Unarchive Selected')}\n                    {unarchivableProjects.length > 0 ? ` (${unarchivableProjects.length})` : ''}\n                  </Button>\n                )}\n                {workspaceId && canDeleteProject && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkDelete}\n                    disabled={selectedProjects.length === 0}\n                    className=\"text-destructive\"\n                  >\n                    {tWithFallback(t, 'projectsList.deleteSelected', 'Delete Selected')}\n                    {selectedProjects.length > 0 ? ` (${selectedProjects.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n\n            <div\n              className={\n                viewMode === 'list'\n                  ? 'space-y-3'\n                  : 'grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4'\n              }\n            >\n              {data.items.map((project) => (\n                <ProjectCard\n                  key={project.id}\n                  project={project}\n                  selected={selectedProjectIds.has(project.id)}\n                  canArchive={canArchiveProject}\n                  canDelete={canDeleteProject}\n                  onTagClick={toggleTagFilter}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedProjectIds.has(project.id);\n                    if (checked !== isSelected) {\n                      toggleProjectSelection(project.id);\n                    }\n                  }}\n                />\n              ))}\n            </div>\n\n            {/* Pagination Info */}\n            {data.total > data.items.length && (\n              <div className=\"text-center text-sm text-muted-foreground\">\n                {tWithFallback(t, 'projectsList.showingPrefix', 'Showing')} {data.items.length}{' '}\n                {tWithFallback(t, 'projectsList.showingOf', 'of')} {data.total}{' '}\n                {tWithFallback(t, 'projectsList.showingProjects', 'projects')}\n              </div>\n            )}\n          </>\n        )}\n\n        {/* Create Project Dialog */}\n        {isCreateProjectDialogOpen && <CreateProjectDialog workspaceId={workspaceId} />}\n      </div>\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}