@burdenoff/microfe-workspaces 2026.731.1 → 2026.802.1

package/dist/pages/ProjectMembersPage.js.map

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

package/dist/pages/ProjectsListPage.js

@@ -12,7 +12,7 @@ import { useEffect as f, useMemo as p, useState as m } from "react";
 import { Grid3x3 as te, List as ne, Plus as h, Search as re } from "lucide-react";
 import { Fragment as ie, jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Button as v, Card as ae, CardContent as y, GlassCard as b, IllustratedEmptyState as oe, Input as se, PageContainer as ce, PagePurpose as le, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Skeleton as E } from "@burdenoff/fe-libs/ui";
-import { useParams as ue } from "react-router-dom";
+import { useParams as ue } from "react-router";
 import { useDebounce as de } from "@burdenoff/fe-libs/shared/hooks";
 import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { TagBadge as pe } from "@burdenoff/fe-libs/tag";

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 { Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  GlassCard,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  IllustratedEmptyState,\n  PagePurpose,\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  // The URL path `:workspaceId` (when present) intentionally OVERRIDES the active\n  // context — it scopes this page to a specific workspace for deep-links/drill-in.\n  // The cross-workspace route (`/workspaces/projects`, no path param) leaves it\n  // undefined so the list stays cross-workspace. The stale-path-after-context-switch\n  // problem is handled by WorkspaceContextPathSync (it rewrites this segment when the\n  // active context changes), so the override never points at a stale workspace.\n  // (BOFF-2805 follow-up)\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    canUpdateProject,\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-text-secondary\">\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        <PagePurpose>\n          {tWithFallback(\n            t,\n            'projectsList.purpose',\n            'Projects are the individual streams of work inside your workspaces — a launch, a client engagement, a feature. Each carries its own members, tags and activity. Use search, status and tag filters to find the one you need, or create a new project to start tracking work.'\n          )}\n        </PagePurpose>\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-text-secondary\"\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-seam bg-bg-surface 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-text-secondary\">\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          <GlassCard treatment=\"plain\" className=\"border-status-error-border\">\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n                <p className=\"text-status-error-text font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.errorLoading', 'Error loading projects')}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {error instanceof Error\n                    ? error.message\n                    : tWithFallback(t, 'projectsList.unknownError', 'An unknown error occurred')}\n                </p>\n              </div>\n            </CardContent>\n          </GlassCard>\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} className=\"border-border-seam\">\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          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardContent className=\"pt-6\">\n              <IllustratedEmptyState\n                illustration={projectFilters.search ? 'empty-search' : 'empty-data'}\n                title={tWithFallback(t, 'projectsList.noProjectsFound', 'No projects found')}\n                description={\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                }\n                action={\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                  ) : undefined\n                }\n              />\n            </CardContent>\n          </GlassCard>\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 border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={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-subtle 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-text-secondary\">\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-status-error-text\"\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                  canRename={canUpdateProject}\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-text-secondary\">\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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"}
+{"version":3,"file":"ProjectsListPage.js","names":[],"sources":["../../src/pages/ProjectsListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport { Plus, Grid3x3, List, Search } from 'lucide-react';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Button,\n  Input,\n  Card,\n  CardContent,\n  GlassCard,\n  PageContainer,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  IllustratedEmptyState,\n  PagePurpose,\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  // The URL path `:workspaceId` (when present) intentionally OVERRIDES the active\n  // context — it scopes this page to a specific workspace for deep-links/drill-in.\n  // The cross-workspace route (`/workspaces/projects`, no path param) leaves it\n  // undefined so the list stays cross-workspace. The stale-path-after-context-switch\n  // problem is handled by WorkspaceContextPathSync (it rewrites this segment when the\n  // active context changes), so the override never points at a stale workspace.\n  // (BOFF-2805 follow-up)\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    canUpdateProject,\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-text-secondary\">\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        <PagePurpose>\n          {tWithFallback(\n            t,\n            'projectsList.purpose',\n            'Projects are the individual streams of work inside your workspaces — a launch, a client engagement, a feature. Each carries its own members, tags and activity. Use search, status and tag filters to find the one you need, or create a new project to start tracking work.'\n          )}\n        </PagePurpose>\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-text-secondary\"\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-seam bg-bg-surface 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-text-secondary\">\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          <GlassCard treatment=\"plain\" className=\"border-status-error-border\">\n            <CardContent className=\"pt-6\">\n              <div className=\"flex flex-col items-center justify-center py-8 text-center\">\n                <p className=\"text-status-error-text font-semibold mb-2\">\n                  {tWithFallback(t, 'projectsList.errorLoading', 'Error loading projects')}\n                </p>\n                <p className=\"text-sm text-text-secondary\">\n                  {error instanceof Error\n                    ? error.message\n                    : tWithFallback(t, 'projectsList.unknownError', 'An unknown error occurred')}\n                </p>\n              </div>\n            </CardContent>\n          </GlassCard>\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} className=\"border-border-seam\">\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          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardContent className=\"pt-6\">\n              <IllustratedEmptyState\n                illustration={projectFilters.search ? 'empty-search' : 'empty-data'}\n                title={tWithFallback(t, 'projectsList.noProjectsFound', 'No projects found')}\n                description={\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                }\n                action={\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                  ) : undefined\n                }\n              />\n            </CardContent>\n          </GlassCard>\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 border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n                <input\n                  type=\"checkbox\"\n                  checked={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-subtle 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-text-secondary\">\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-status-error-text\"\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                  canRename={canUpdateProject}\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-text-secondary\">\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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"}

package/dist/pages/WorkspaceDetailPage.js

@@ -10,7 +10,7 @@ import { useWorkspaceActivity as c } from "../hooks/useWorkspaceActivity.js";
 import { Activity as l, ArrowLeft as u, ChevronRight as d, FolderKanban as f, Settings as p, UserPlus as m, Users as h } from "lucide-react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Badge as y, Button as b, CTAOverflowMenu as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as T, IllustratedEmptyState as E, NextSteps as D, PagePurpose as O, Skeleton as k } from "@burdenoff/fe-libs/ui";
-import { useNavigate as A, useParams as j } from "react-router-dom";
+import { useNavigate as A, useParams as j } from "react-router";
 import { useI18n as M } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/WorkspaceDetailPage.tsx
 function N() {

package/dist/pages/WorkspaceDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceDetailPage.js","names":[],"sources":["../../src/pages/WorkspaceDetailPage.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router-dom';\nimport {\n  Settings,\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  Activity,\n  ChevronRight,\n  UserPlus,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useProjects } from '../hooks/useProjects';\nimport { useWorkspaceMembers } from '../hooks/useWorkspaceMembers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspaceDetailPage() {\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.detail', { workspaceId, requireParams: true });\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: workspace, isLoading, error } = useWorkspace(workspaceId || '');\n  const { data: projects } = useProjects({ workspaceId }, { limit: 1 }, workspaceId);\n  const { data: members } = useWorkspaceMembers(workspaceId || '', { limit: 1 });\n  const { data: activities } = useWorkspaceActivity(workspaceId);\n  const {\n    canViewWorkspace,\n    canUpdateWorkspace,\n    canInviteMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm: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  if (!canViewWorkspace) {\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, 'workspaceDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'workspaceDetail.accessDeniedDesc',\n              \"You don't have permission to view this workspace.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-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  if (error || !workspace) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button\n          variant=\"ghost\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n          className=\"gap-2\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n        </Button>\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={tWithFallback(t, 'workspaceDetail.notFound', 'Workspace not found')}\n          description={tWithFallback(\n            t,\n            'workspaceDetail.notFoundDescription',\n            \"This workspace doesn't exist or you don't have permission to view it.\"\n          )}\n        />\n      </div>\n    );\n  }\n\n  const handleCardKeyDown = (e: React.KeyboardEvent, path: string) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      navigate(path);\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-center sm:justify-between gap-3\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">{workspace.name}</h1>\n          <div className=\"flex items-center gap-2 mt-2\">\n            <Badge variant=\"outline\">{workspace.type}</Badge>\n            <Badge>{workspace.status}</Badge>\n          </div>\n        </div>\n        <CTAOverflowMenu\n          primary={\n            canUpdateWorkspace\n              ? {\n                  label: tWithFallback(t, 'workspaceDetail.settings', 'Settings'),\n                  icon: <Settings size={18} />,\n                  onSelect: () =>\n                    navigate(withCurrentSearch(`${basePath}/${workspaceId}/settings`)),\n                }\n              : canInviteMember\n                ? {\n                    label: tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member'),\n                    icon: <UserPlus size={18} />,\n                    onSelect: () =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                  }\n                : undefined\n          }\n          actions={[\n            ...(canUpdateWorkspace && canInviteMember\n              ? [\n                  {\n                    label: tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member'),\n                    icon: <UserPlus size={16} />,\n                    onSelect: () =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                  },\n                ]\n              : []),\n          ]}\n        />\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'workspaceDetail.purpose',\n          'This is the home for a single workspace — the hub that ties together its projects, the people who collaborate in it, and everything that happens inside. Use the cards below to jump into work, manage who has access, or review recent activity.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"workspaces-workspace-detail\"\n        steps={[\n          {\n            id: 'open-projects',\n            label: tWithFallback(t, 'workspaceDetail.stepProjects', 'Open the projects board'),\n            description: tWithFallback(\n              t,\n              'workspaceDetail.stepProjectsDesc',\n              'Projects are where the actual work lives — start or pick one up.'\n            ),\n            icon: <FolderKanban size={16} />,\n            onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`)),\n          },\n          ...(canInviteMember\n            ? [\n                {\n                  id: 'invite-member',\n                  label: tWithFallback(t, 'workspaceDetail.stepInvite', 'Invite a teammate'),\n                  description: tWithFallback(\n                    t,\n                    'workspaceDetail.stepInviteDesc',\n                    'Bring people into this workspace so they can collaborate.'\n                  ),\n                  icon: <UserPlus size={16} />,\n                  onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                },\n              ]\n            : []),\n          {\n            id: 'review-members',\n            label: tWithFallback(t, 'workspaceDetail.stepMembers', 'Review who has access'),\n            description: tWithFallback(\n              t,\n              'workspaceDetail.stepMembersDesc',\n              'Check the current members and their roles.'\n            ),\n            icon: <Users size={16} />,\n            onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`)),\n          },\n          ...(canUpdateWorkspace\n            ? [\n                {\n                  id: 'configure-settings',\n                  label: tWithFallback(\n                    t,\n                    'workspaceDetail.stepSettings',\n                    'Configure workspace settings'\n                  ),\n                  description: tWithFallback(\n                    t,\n                    'workspaceDetail.stepSettingsDesc',\n                    'Set the name, domain and contact details for this workspace.'\n                  ),\n                  icon: <Settings size={16} />,\n                  onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/settings`)),\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      {/* Main + detail rail */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6\">\n        {/* Main: stat metrics */}\n        <div className=\"lg:col-span-2 space-y-4 sm:space-y-6\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n            <GlassCard\n              treatment=\"metric\"\n              glow\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/projects`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <FolderKanban size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.projects', 'Projects')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">\n                  {projects?.total ?? workspace.projectCount ?? 0}\n                </p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.projectsDesc', 'Projects in this workspace')}\n                </p>\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/members`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <Users size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.members', 'Members')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">\n                  {members?.total ?? workspace.memberCount ?? 0}\n                </p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.membersDesc', 'Workspace members')}\n                </p>\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/activity`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <Activity size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.activity', 'Activity')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">{activities?.length ?? 0}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.activityDesc', 'Recent activity items')}\n                </p>\n              </CardContent>\n            </GlassCard>\n          </div>\n        </div>\n\n        {/* Detail rail: workspace info */}\n        <aside className=\"lg:sticky lg:top-6 lg:self-start\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>\n                {tWithFallback(t, 'workspaceDetail.workspaceInformation', 'Workspace Information')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <div className=\"grid grid-cols-2 gap-2 text-sm\">\n                <span className=\"text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.id', 'ID:')}\n                </span>\n                <span className=\"font-mono text-xs break-all\">{workspace.id}</span>\n\n                {workspace.domain && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.domain', 'Domain:')}\n                    </span>\n                    <span>{workspace.domain}</span>\n                  </>\n                )}\n\n                {workspace.contactEmail && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.contactEmail', 'Contact Email:')}\n                    </span>\n                    <span className=\"break-all\">{workspace.contactEmail}</span>\n                  </>\n                )}\n\n                {workspace.website && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.website', 'Website:')}\n                    </span>\n                    <a\n                      href={workspace.website}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"text-primary hover:underline transition-colors duration-200 break-all\"\n                    >\n                      {workspace.website}\n                    </a>\n                  </>\n                )}\n\n                <span className=\"text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.created', 'Created:')}\n                </span>\n                <span>{new Date(workspace.createdAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </GlassCard>\n        </aside>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"WorkspaceDetailPage.js","names":[],"sources":["../../src/pages/WorkspaceDetailPage.tsx"],"sourcesContent":["import { useParams, useNavigate } from 'react-router';\nimport {\n  Settings,\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  Activity,\n  ChevronRight,\n  UserPlus,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport {\n  Button,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  CTAOverflowMenu,\n  IllustratedEmptyState,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspace } from '../hooks/useWorkspaces';\nimport { useProjects } from '../hooks/useProjects';\nimport { useWorkspaceMembers } from '../hooks/useWorkspaceMembers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\n\nexport function WorkspaceDetailPage() {\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.detail', { workspaceId, requireParams: true });\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: workspace, isLoading, error } = useWorkspace(workspaceId || '');\n  const { data: projects } = useProjects({ workspaceId }, { limit: 1 }, workspaceId);\n  const { data: members } = useWorkspaceMembers(workspaceId || '', { limit: 1 });\n  const { data: activities } = useWorkspaceActivity(workspaceId);\n  const {\n    canViewWorkspace,\n    canUpdateWorkspace,\n    canInviteMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm: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  if (!canViewWorkspace) {\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, 'workspaceDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'workspaceDetail.accessDeniedDesc',\n              \"You don't have permission to view this workspace.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-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  if (error || !workspace) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button\n          variant=\"ghost\"\n          onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n          className=\"gap-2\"\n        >\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n        </Button>\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={tWithFallback(t, 'workspaceDetail.notFound', 'Workspace not found')}\n          description={tWithFallback(\n            t,\n            'workspaceDetail.notFoundDescription',\n            \"This workspace doesn't exist or you don't have permission to view it.\"\n          )}\n        />\n      </div>\n    );\n  }\n\n  const handleCardKeyDown = (e: React.KeyboardEvent, path: string) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      navigate(path);\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-center sm:justify-between gap-3\">\n        <div>\n          <Button\n            variant=\"ghost\"\n            onClick={() => navigate(withCurrentSearch(`${basePath}/list`))}\n            className=\"gap-2 mb-2 -ml-2\"\n          >\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'workspaceDetail.backToWorkspaces', 'Back to Workspaces')}\n          </Button>\n          <h1 className=\"text-2xl sm:text-3xl font-bold\">{workspace.name}</h1>\n          <div className=\"flex items-center gap-2 mt-2\">\n            <Badge variant=\"outline\">{workspace.type}</Badge>\n            <Badge>{workspace.status}</Badge>\n          </div>\n        </div>\n        <CTAOverflowMenu\n          primary={\n            canUpdateWorkspace\n              ? {\n                  label: tWithFallback(t, 'workspaceDetail.settings', 'Settings'),\n                  icon: <Settings size={18} />,\n                  onSelect: () =>\n                    navigate(withCurrentSearch(`${basePath}/${workspaceId}/settings`)),\n                }\n              : canInviteMember\n                ? {\n                    label: tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member'),\n                    icon: <UserPlus size={18} />,\n                    onSelect: () =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                  }\n                : undefined\n          }\n          actions={[\n            ...(canUpdateWorkspace && canInviteMember\n              ? [\n                  {\n                    label: tWithFallback(t, 'workspaceDetail.inviteMembers', 'Invite Member'),\n                    icon: <UserPlus size={16} />,\n                    onSelect: () =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                  },\n                ]\n              : []),\n          ]}\n        />\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'workspaceDetail.purpose',\n          'This is the home for a single workspace — the hub that ties together its projects, the people who collaborate in it, and everything that happens inside. Use the cards below to jump into work, manage who has access, or review recent activity.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"workspaces-workspace-detail\"\n        steps={[\n          {\n            id: 'open-projects',\n            label: tWithFallback(t, 'workspaceDetail.stepProjects', 'Open the projects board'),\n            description: tWithFallback(\n              t,\n              'workspaceDetail.stepProjectsDesc',\n              'Projects are where the actual work lives — start or pick one up.'\n            ),\n            icon: <FolderKanban size={16} />,\n            onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`)),\n          },\n          ...(canInviteMember\n            ? [\n                {\n                  id: 'invite-member',\n                  label: tWithFallback(t, 'workspaceDetail.stepInvite', 'Invite a teammate'),\n                  description: tWithFallback(\n                    t,\n                    'workspaceDetail.stepInviteDesc',\n                    'Bring people into this workspace so they can collaborate.'\n                  ),\n                  icon: <UserPlus size={16} />,\n                  onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/invite`)),\n                },\n              ]\n            : []),\n          {\n            id: 'review-members',\n            label: tWithFallback(t, 'workspaceDetail.stepMembers', 'Review who has access'),\n            description: tWithFallback(\n              t,\n              'workspaceDetail.stepMembersDesc',\n              'Check the current members and their roles.'\n            ),\n            icon: <Users size={16} />,\n            onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`)),\n          },\n          ...(canUpdateWorkspace\n            ? [\n                {\n                  id: 'configure-settings',\n                  label: tWithFallback(\n                    t,\n                    'workspaceDetail.stepSettings',\n                    'Configure workspace settings'\n                  ),\n                  description: tWithFallback(\n                    t,\n                    'workspaceDetail.stepSettingsDesc',\n                    'Set the name, domain and contact details for this workspace.'\n                  ),\n                  icon: <Settings size={16} />,\n                  onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/settings`)),\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      {/* Main + detail rail */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4 sm:gap-6\">\n        {/* Main: stat metrics */}\n        <div className=\"lg:col-span-2 space-y-4 sm:space-y-6\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\n            <GlassCard\n              treatment=\"metric\"\n              glow\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/projects`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <FolderKanban size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.projects', 'Projects')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">\n                  {projects?.total ?? workspace.projectCount ?? 0}\n                </p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.projectsDesc', 'Projects in this workspace')}\n                </p>\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/members`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <Users size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.members', 'Members')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">\n                  {members?.total ?? workspace.memberCount ?? 0}\n                </p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.membersDesc', 'Workspace members')}\n                </p>\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard\n              treatment=\"metric\"\n              className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n              onClick={() => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={(e) =>\n                handleCardKeyDown(e, withCurrentSearch(`${basePath}/${workspaceId}/activity`))\n              }\n            >\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-text-secondary text-sm font-medium\">\n                  <Activity size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'workspaceDetail.activity', 'Activity')}\n                </CardTitle>\n                <ChevronRight size={18} className=\"text-text-muted\" />\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">{activities?.length ?? 0}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.activityDesc', 'Recent activity items')}\n                </p>\n              </CardContent>\n            </GlassCard>\n          </div>\n        </div>\n\n        {/* Detail rail: workspace info */}\n        <aside className=\"lg:sticky lg:top-6 lg:self-start\">\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>\n                {tWithFallback(t, 'workspaceDetail.workspaceInformation', 'Workspace Information')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <div className=\"grid grid-cols-2 gap-2 text-sm\">\n                <span className=\"text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.id', 'ID:')}\n                </span>\n                <span className=\"font-mono text-xs break-all\">{workspace.id}</span>\n\n                {workspace.domain && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.domain', 'Domain:')}\n                    </span>\n                    <span>{workspace.domain}</span>\n                  </>\n                )}\n\n                {workspace.contactEmail && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.contactEmail', 'Contact Email:')}\n                    </span>\n                    <span className=\"break-all\">{workspace.contactEmail}</span>\n                  </>\n                )}\n\n                {workspace.website && (\n                  <>\n                    <span className=\"text-text-muted\">\n                      {tWithFallback(t, 'workspaceDetail.website', 'Website:')}\n                    </span>\n                    <a\n                      href={workspace.website}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"text-primary hover:underline transition-colors duration-200 break-all\"\n                    >\n                      {workspace.website}\n                    </a>\n                  </>\n                )}\n\n                <span className=\"text-text-muted\">\n                  {tWithFallback(t, 'workspaceDetail.created', 'Created:')}\n                </span>\n                <span>{new Date(workspace.createdAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </GlassCard>\n        </aside>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/WorkspaceInvitePage.js

@@ -15,7 +15,7 @@ import { AlertCircle as l, ArrowLeft as de, CheckCircle2 as u, Download as fe, L
 import { PermissionProvider as _e } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as ve, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { AlertDialog as ye, AlertDialogAction as be, AlertDialogCancel as xe, AlertDialogContent as Se, AlertDialogDescription as Ce, AlertDialogFooter as we, AlertDialogHeader as Te, AlertDialogTitle as Ee, Badge as g, Button as _, CardContent as v, CardHeader as y, CardTitle as b, Checkbox as x, GlassCard as S, IllustratedEmptyState as De, Input as Oe, NextSteps as ke, PagePurpose as Ae, ResponsiveTable as je, Skeleton as C, Tabs as Me, TabsContent as Ne, TabsList as Pe, TabsTrigger as Fe, Tooltip as w, TooltipContent as T, TooltipProvider as Ie, TooltipTrigger as E } from "@burdenoff/fe-libs/ui";
-import { useNavigate as Le, useParams as Re } from "react-router-dom";
+import { useNavigate as Le, useParams as Re } from "react-router";
 import { useI18n as ze } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/WorkspaceInvitePage.tsx
 var Be = 1024 * 1024, D = 500, Ve = [