@burdenoff/microfe-workspaces 2026.520.1 → 2026.528.1

package/dist/pages/MembersListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../src/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { Users, UserPlus, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { Button, Input, Skeleton, Badge } from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useWorkspaceMembers, useWorkspaceInvitations } from '../hooks/useWorkspaceMembers';\nimport { useRemoveUserFromWorkspace, useResendInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { MemberListItem } from '../components/MemberListItem';\nimport { InviteMemberDialog } from '../components/InviteMemberDialog';\nimport type { Workspace } from '../types';\n\nexport function MembersListPage() {\n  const { t } = useI18n();\n\n  const {\n    memberFilters,\n    setMemberFilters,\n    selectedMemberIds,\n    toggleMemberSelection,\n    clearMemberSelection,\n    openInviteMemberDialog,\n  } = useWorkspacesStore();\n  const { workspaceId: contextWorkspaceId } = useWorkspacesContext();\n  const { workspaceId: urlWorkspaceId } = useParams<{ workspaceId: string }>();\n\n  // Prefer URL workspaceId over context (user navigated to specific workspace)\n  const workspaceId = urlWorkspaceId || contextWorkspaceId;\n\n  useWorkspacesPageView('workspaces.members', { workspaceId, requireParams: true });\n\n  const [searchValue, setSearchValue] = useState(memberFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setMemberFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setMemberFilters]);\n\n  // Fetch members and invitations\n  const {\n    data: membersData,\n    isLoading: isLoadingMembers,\n    error: membersError,\n  } = useWorkspaceMembers(workspaceId || '');\n\n  const { data: invitationsData, isLoading: isLoadingInvitations } = useWorkspaceInvitations(\n    workspaceId || '',\n    'PENDING'\n  );\n\n  const { mutate: resendInvitation, isPending: isResending } = useResendInvitation();\n  const { mutate: removeUserFromWorkspace, isPending: isRemovingMembers } =\n    useRemoveUserFromWorkspace();\n  const [resendingId, setResendingId] = useState<string | null>(null);\n  const [selectedInvitationIds, setSelectedInvitationIds] = useState<Set<string>>(new Set());\n\n  const handleResendInvitation = (invitationId: string) => {\n    setResendingId(invitationId);\n    resendInvitation(invitationId, {\n      onSuccess: () => {\n        setResendingId(null);\n      },\n      onError: (error) => {\n        console.error('Failed to resend invitation:', error);\n        setResendingId(null);\n      },\n    });\n  };\n\n  const members = useMemo(() => membersData?.items || [], [membersData?.items]);\n  const pendingInvitations = useMemo(() => invitationsData?.items || [], [invitationsData?.items]);\n  const isLoading = isLoadingMembers || isLoadingInvitations;\n  const hasMembers = members.length > 0;\n  const hasPendingInvitations = pendingInvitations.length > 0;\n\n  // Filter members based on search\n  const filteredMembers = members.filter((member) => {\n    if (!debouncedSearch) return true;\n    return member.userId.toLowerCase().includes(debouncedSearch.toLowerCase());\n  });\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const selectedInvitations = useMemo(\n    () => pendingInvitations.filter((invitation) => selectedInvitationIds.has(invitation.id)),\n    [pendingInvitations, selectedInvitationIds]\n  );\n\n  const allVisibleMembersSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelectedMembers =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) &&\n    !allVisibleMembersSelected;\n\n  const allVisibleInvitationsSelected =\n    pendingInvitations.length > 0 &&\n    pendingInvitations.every((invitation) => selectedInvitationIds.has(invitation.id));\n  const partiallySelectedInvitations =\n    pendingInvitations.some((invitation) => selectedInvitationIds.has(invitation.id)) &&\n    !allVisibleInvitationsSelected;\n\n  // Clear selection on unmount\n  useEffect(() => {\n    return () => clearMemberSelection();\n  }, [clearMemberSelection]);\n\n  const {\n    canListMembers,\n    canInviteMember,\n    canRemoveMember,\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        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canListMembers && !canInviteMember) {\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, 'membersList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'membersList.noPermissionToViewMembers',\n              \"You don't have permission to view workspace members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleInviteMember = () => {\n    if (workspaceId) {\n      openInviteMemberDialog({ id: workspaceId } as Workspace);\n    }\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    filteredMembers.forEach((member) => {\n      const isSelected = selectedMemberIds.has(member.id);\n      if (checked !== isSelected) {\n        toggleMemberSelection(member.id);\n      }\n    });\n  };\n\n  const toggleInvitationSelection = (invitationId: string, checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(invitationId);\n      } else {\n        next.delete(invitationId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllInvitations = (checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      pendingInvitations.forEach((invitation) => {\n        if (checked) {\n          next.add(invitation.id);\n        } else {\n          next.delete(invitation.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const handleBulkRemoveMembers = async () => {\n    if (selectedMembers.length === 0) return;\n    void nativeImpact('medium');\n    const message = `${tWithFallback(t, 'membersList.bulkRemoveConfirmPrefix', 'Remove')} ${selectedMembers.length} ${\n      selectedMembers.length === 1\n        ? tWithFallback(t, 'membersList.bulkRemoveConfirmSingular', 'selected member')\n        : tWithFallback(t, 'membersList.bulkRemoveConfirmPlural', 'selected members')\n    } ${tWithFallback(t, 'membersList.bulkRemoveConfirmSuffix', 'from this workspace?')}`;\n    const native = await nativeConfirm({\n      title: 'Remove members',\n      message,\n      okButtonTitle: 'Remove',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    selectedMembers.forEach((member) => {\n      removeUserFromWorkspace(member.userId);\n    });\n    clearMemberSelection();\n  };\n\n  const handleBulkResendInvitations = () => {\n    if (selectedInvitations.length === 0) return;\n    selectedInvitations.forEach((invitation) => {\n      resendInvitation(invitation.id, {\n        onSuccess: () => {\n          setSelectedInvitationIds((prev) => {\n            const next = new Set(prev);\n            next.delete(invitation.id);\n            return next;\n          });\n        },\n      });\n    });\n  };\n\n  return (\n    <>\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-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'membersList.pageTitle', 'Members')}\n            </h1>\n            <p className=\"text-muted-foreground text-sm sm:text-base\">\n              {tWithFallback(\n                t,\n                'membersList.pageSubtitle',\n                'Manage workspace members and invitations'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember} disabled={!workspaceId}>\n                <UserPlus className=\"h-4 w-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'membersList.inviteMember', 'Invite Member')}\n                </span>\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n\n        {/* Search & Stats */}\n        <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n            <Input\n              placeholder={tWithFallback(t, 'membersList.searchPlaceholder', 'Search members...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {hasPendingInvitations && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\" className=\"text-sm\">\n                {pendingInvitations.length}{' '}\n                {pendingInvitations.length !== 1\n                  ? tWithFallback(t, 'membersList.pendingInvitations', 'Pending Invitations')\n                  : tWithFallback(t, 'membersList.pendingInvitation', 'Pending Invitation')}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {filteredMembers.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-foreground\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleMembersSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelectedMembers && !allVisibleMembersSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllMembers(event.target.checked)}\n                aria-label={tWithFallback(\n                  t,\n                  'membersList.selectAllMembersAriaLabel',\n                  'Select all workspace members'\n                )}\n                className=\"h-4 w-4 rounded border-border text-primary\"\n              />\n              <span>\n                {tWithFallback(\n                  t,\n                  'membersList.selectAllVisibleMembers',\n                  'Select all visible members'\n                )}\n              </span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-muted-foreground\">\n                {selectedMemberIds.size} {tWithFallback(t, 'membersList.selected', 'selected')}\n              </span>\n              {selectedMemberIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearMemberSelection}>\n                  {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canRemoveMember && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkRemoveMembers}\n                  disabled={selectedMembers.length === 0 || isRemovingMembers}\n                  className=\"text-destructive\"\n                >\n                  {tWithFallback(t, 'membersList.removeSelected', 'Remove Selected')}\n                  {selectedMembers.length > 0 ? ` (${selectedMembers.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"space-y-3\">\n            {[...Array(5)].map((_, i) => (\n              <Skeleton key={i} className=\"h-20 w-full\" />\n            ))}\n          </div>\n        )}\n\n        {/* Error State */}\n        {!isLoading && membersError && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-destructive/10 p-6 mb-4\">\n              <AlertCircle size={48} className=\"text-destructive\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.failedToLoad', 'Failed to Load Members')}\n            </h3>\n            <p className=\"text-muted-foreground max-w-sm\">\n              {membersError instanceof Error\n                ? membersError.message\n                : tWithFallback(\n                    t,\n                    'membersList.errorLoadingMembers',\n                    'An error occurred while loading members'\n                  )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Workspace */}\n        {!isLoading && !membersError && !workspaceId && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-muted p-6 mb-4\">\n              <Users size={48} className=\"text-muted-foreground\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noWorkspaceSelected', 'No Workspace Selected')}\n            </h3>\n            <p className=\"text-muted-foreground max-w-sm\">\n              {tWithFallback(\n                t,\n                'membersList.selectWorkspacePrompt',\n                'Select a workspace to view and manage its members'\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Members */}\n        {!isLoading && !membersError && workspaceId && !hasMembers && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-muted p-6 mb-4\">\n              <Users size={48} className=\"text-muted-foreground\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noMembersYet', 'No Members Yet')}\n            </h3>\n            <p className=\"text-muted-foreground max-w-sm mb-4\">\n              {tWithFallback(\n                t,\n                'membersList.noMembersPrompt',\n                'Start building your team by inviting members to this workspace'\n              )}\n            </p>\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember}>\n                <UserPlus className=\"mr-2 h-4 w-4\" />\n                {tWithFallback(t, 'membersList.inviteFirstMember', 'Invite Your First Member')}\n              </Button>\n            </PermissionButton>\n          </div>\n        )}\n\n        {/* Empty State - No Search Results */}\n        {!isLoading &&\n          !membersError &&\n          workspaceId &&\n          hasMembers &&\n          filteredMembers.length === 0 && (\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-muted p-6 mb-4\">\n                <Search size={48} className=\"text-muted-foreground\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tWithFallback(t, 'membersList.noMembersFound', 'No Members Found')}\n              </h3>\n              <p className=\"text-muted-foreground max-w-sm\">\n                {tWithFallback(\n                  t,\n                  'membersList.noMembersFoundPrompt',\n                  'No members match your search criteria. Try adjusting your search.'\n                )}\n              </p>\n            </div>\n          )}\n\n        {/* Members List */}\n        {!isLoading && filteredMembers.length > 0 && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold\">\n                {tWithFallback(t, 'membersList.activeMembers', 'Active Members')} (\n                {filteredMembers.length})\n              </h2>\n            </div>\n            <div className=\"space-y-2\">\n              {filteredMembers.map((member) => (\n                <MemberListItem\n                  key={member.id}\n                  member={member}\n                  selected={selectedMemberIds.has(member.id)}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedMemberIds.has(member.id);\n                    if (checked !== isSelected) {\n                      toggleMemberSelection(member.id);\n                    }\n                  }}\n                  canRemove={canRemoveMember}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Pending Invitations Section - Now at bottom */}\n        {!isLoading && hasPendingInvitations && (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">\n              {tWithFallback(t, 'membersList.pendingInvitationsHeader', 'Pending Invitations')}\n            </h2>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleInvitationsSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate =\n                        partiallySelectedInvitations && !allVisibleInvitationsSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllInvitations(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'membersList.selectAllInvitationsAriaLabel',\n                    'Select all pending invitations'\n                  )}\n                  className=\"h-4 w-4 rounded border-border text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'membersList.selectAllInvitations', 'Select all invitations')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {selectedInvitationIds.size}{' '}\n                  {tWithFallback(t, 'membersList.selected', 'selected')}\n                </span>\n                {selectedInvitationIds.size > 0 && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => setSelectedInvitationIds(new Set())}\n                  >\n                    {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {canInviteMember && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkResendInvitations}\n                    disabled={selectedInvitations.length === 0 || isResending}\n                  >\n                    {tWithFallback(t, 'membersList.resendSelected', 'Resend Selected')}\n                    {selectedInvitations.length > 0 ? ` (${selectedInvitations.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              {pendingInvitations.map((invitation) => (\n                <div\n                  key={invitation.id}\n                  className=\"flex items-center justify-between p-4 border rounded-lg bg-card\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedInvitationIds.has(invitation.id)}\n                      onChange={(event) =>\n                        toggleInvitationSelection(invitation.id, event.target.checked)\n                      }\n                      aria-label={`${tWithFallback(t, 'membersList.selectInvitationAriaLabel', 'Select invitation')} ${invitation.email}`}\n                      className=\"h-4 w-4 rounded border-border text-primary\"\n                    />\n                    <div className=\"w-10 h-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors\">\n                      <Users className=\"h-5 w-5 text-status-warning\" />\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{invitation.email}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {tWithFallback(t, 'membersList.invited', 'Invited')}{' '}\n                        {new Date(invitation.createdAt).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionButton\n                      permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                      deniedBehavior=\"disable\"\n                      deniedTooltip={tWithFallback(\n                        t,\n                        'membersList.noPermissionToResend',\n                        \"You don't have permission to resend invitations\"\n                      )}\n                    >\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleResendInvitation(invitation.id)}\n                        disabled={isResending && resendingId === invitation.id}\n                      >\n                        <RefreshCw\n                          className={`h-4 w-4 mr-1 ${isResending && resendingId === invitation.id ? 'animate-spin' : ''}`}\n                        />\n                        {isResending && resendingId === invitation.id\n                          ? tWithFallback(t, 'membersList.sending', 'Sending...')\n                          : tWithFallback(t, 'membersList.resend', 'Resend')}\n                      </Button>\n                    </PermissionButton>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors\"\n                    >\n                      {tWithFallback(t, 'membersList.pending', 'Pending')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Dialogs */}\n      <InviteMemberDialog workspaceId={workspaceId} />\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MembersListPage.js","names":[],"sources":["../../src/pages/MembersListPage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { Users, UserPlus, Search, AlertCircle, RefreshCw } from 'lucide-react';\nimport { Button, Input, Skeleton, Badge, PageContainer } from '@burdenoff/fe-libs/ui';\nimport { useDebounce } from '@burdenoff/fe-libs/shared/hooks';\nimport { useActorProfiles, type ActorInput, type ActorProfileMap } from '@burdenoff/fe-libs/shared';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { WORKSPACE_PERMISSIONS } from '../constants/permissions';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useWorkspaceMembers, useWorkspaceInvitations } from '../hooks/useWorkspaceMembers';\nimport { useRemoveUserFromWorkspace, useResendInvitation } from '../hooks/useMemberMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { MemberListItem } from '../components/MemberListItem';\nimport { InviteMemberDialog } from '../components/InviteMemberDialog';\nimport type { Workspace } from '../types';\n\nexport function MembersListPage() {\n  const { t } = useI18n();\n\n  const {\n    memberFilters,\n    setMemberFilters,\n    selectedMemberIds,\n    toggleMemberSelection,\n    clearMemberSelection,\n    openInviteMemberDialog,\n  } = useWorkspacesStore();\n  const { workspaceId: contextWorkspaceId } = useWorkspacesContext();\n  const { workspaceId: urlWorkspaceId } = useParams<{ workspaceId: string }>();\n\n  // Prefer URL workspaceId over context (user navigated to specific workspace)\n  const workspaceId = urlWorkspaceId || contextWorkspaceId;\n\n  useWorkspacesPageView('workspaces.members', { workspaceId, requireParams: true });\n\n  const [searchValue, setSearchValue] = useState(memberFilters.search || '');\n  const debouncedSearch = useDebounce(searchValue, 500);\n\n  // Update filters when debounced search changes\n  useEffect(() => {\n    setMemberFilters({ search: debouncedSearch });\n  }, [debouncedSearch, setMemberFilters]);\n\n  // Fetch members and invitations\n  const {\n    data: membersData,\n    isLoading: isLoadingMembers,\n    error: membersError,\n  } = useWorkspaceMembers(workspaceId || '');\n\n  const { data: invitationsData, isLoading: isLoadingInvitations } = useWorkspaceInvitations(\n    workspaceId || '',\n    'PENDING'\n  );\n\n  const { mutate: resendInvitation, isPending: isResending } = useResendInvitation();\n  const { mutate: removeUserFromWorkspace, isPending: isRemovingMembers } =\n    useRemoveUserFromWorkspace();\n  const [resendingId, setResendingId] = useState<string | null>(null);\n  const [selectedInvitationIds, setSelectedInvitationIds] = useState<Set<string>>(new Set());\n\n  const handleResendInvitation = (invitationId: string) => {\n    setResendingId(invitationId);\n    resendInvitation(invitationId, {\n      onSuccess: () => {\n        setResendingId(null);\n      },\n      onError: (error) => {\n        console.error('Failed to resend invitation:', error);\n        setResendingId(null);\n      },\n    });\n  };\n\n  const members = useMemo(() => membersData?.items || [], [membersData?.items]);\n  const pendingInvitations = useMemo(() => invitationsData?.items || [], [invitationsData?.items]);\n  const isLoading = isLoadingMembers || isLoadingInvitations;\n  const hasMembers = members.length > 0;\n  const hasPendingInvitations = pendingInvitations.length > 0;\n\n  // Resolve every member's userId to displayName + email via the shared\n  // ActorProfile cache so search can match human-friendly fields instead of\n  // raw UUIDs.\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n  const memberActors = useMemo<ActorInput[]>(\n    () => members.map((m) => ({ actorId: m.userId, actorType: 'user' })),\n    [members]\n  );\n  const profileMap: ActorProfileMap = useActorProfiles(memberActors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n\n  // Filter members by resolved identity (displayName, email) — fall back to\n  // raw userId only if the profile hasn't resolved yet so search still works\n  // during the brief loading window.\n  const filteredMembers = members.filter((member) => {\n    if (!debouncedSearch) return true;\n    const needle = debouncedSearch.toLowerCase();\n    const profile = profileMap[member.userId];\n    if (profile) {\n      if (profile.displayName.toLowerCase().includes(needle)) return true;\n      if (profile.email?.toLowerCase().includes(needle)) return true;\n    }\n    return member.userId.toLowerCase().includes(needle);\n  });\n\n  const selectedMembers = useMemo(\n    () => filteredMembers.filter((member) => selectedMemberIds.has(member.id)),\n    [filteredMembers, selectedMemberIds]\n  );\n\n  const selectedInvitations = useMemo(\n    () => pendingInvitations.filter((invitation) => selectedInvitationIds.has(invitation.id)),\n    [pendingInvitations, selectedInvitationIds]\n  );\n\n  const allVisibleMembersSelected =\n    filteredMembers.length > 0 &&\n    filteredMembers.every((member) => selectedMemberIds.has(member.id));\n  const partiallySelectedMembers =\n    filteredMembers.some((member) => selectedMemberIds.has(member.id)) &&\n    !allVisibleMembersSelected;\n\n  const allVisibleInvitationsSelected =\n    pendingInvitations.length > 0 &&\n    pendingInvitations.every((invitation) => selectedInvitationIds.has(invitation.id));\n  const partiallySelectedInvitations =\n    pendingInvitations.some((invitation) => selectedInvitationIds.has(invitation.id)) &&\n    !allVisibleInvitationsSelected;\n\n  // Clear selection on unmount\n  useEffect(() => {\n    return () => clearMemberSelection();\n  }, [clearMemberSelection]);\n\n  // Auto-open the invite dialog when arriving via /workspaces/members?invite=true\n  // (used by dashboard widgets and deep links). Strip the param after opening so\n  // the back button returns to the previous page rather than re-opening.\n  const [searchParams, setSearchParams] = useSearchParams();\n  useEffect(() => {\n    if (searchParams.get('invite') === 'true' && workspaceId) {\n      openInviteMemberDialog({ id: workspaceId } as Workspace);\n      const next = new URLSearchParams(searchParams);\n      next.delete('invite');\n      setSearchParams(next, { replace: true });\n    }\n  }, [searchParams, setSearchParams, workspaceId, openInviteMemberDialog]);\n\n  const {\n    canListMembers,\n    canInviteMember,\n    canRemoveMember,\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        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canListMembers && !canInviteMember) {\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, 'membersList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-muted-foreground\">\n            {tWithFallback(\n              t,\n              'membersList.noPermissionToViewMembers',\n              \"You don't have permission to view workspace members.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleInviteMember = () => {\n    if (workspaceId) {\n      openInviteMemberDialog({ id: workspaceId } as Workspace);\n    }\n  };\n\n  const toggleAllMembers = (checked: boolean) => {\n    filteredMembers.forEach((member) => {\n      const isSelected = selectedMemberIds.has(member.id);\n      if (checked !== isSelected) {\n        toggleMemberSelection(member.id);\n      }\n    });\n  };\n\n  const toggleInvitationSelection = (invitationId: string, checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      if (checked) {\n        next.add(invitationId);\n      } else {\n        next.delete(invitationId);\n      }\n      return next;\n    });\n  };\n\n  const toggleAllInvitations = (checked: boolean) => {\n    setSelectedInvitationIds((prev) => {\n      const next = new Set(prev);\n      pendingInvitations.forEach((invitation) => {\n        if (checked) {\n          next.add(invitation.id);\n        } else {\n          next.delete(invitation.id);\n        }\n      });\n      return next;\n    });\n  };\n\n  const handleBulkRemoveMembers = async () => {\n    if (selectedMembers.length === 0) return;\n    void nativeImpact('medium');\n    const message = `${tWithFallback(t, 'membersList.bulkRemoveConfirmPrefix', 'Remove')} ${selectedMembers.length} ${\n      selectedMembers.length === 1\n        ? tWithFallback(t, 'membersList.bulkRemoveConfirmSingular', 'selected member')\n        : tWithFallback(t, 'membersList.bulkRemoveConfirmPlural', 'selected members')\n    } ${tWithFallback(t, 'membersList.bulkRemoveConfirmSuffix', 'from this workspace?')}`;\n    const native = await nativeConfirm({\n      title: 'Remove members',\n      message,\n      okButtonTitle: 'Remove',\n      cancelButtonTitle: 'Cancel',\n    });\n    const confirmed = native === null ? window.confirm(message) : native;\n    if (!confirmed) return;\n\n    selectedMembers.forEach((member) => {\n      removeUserFromWorkspace(member.userId);\n    });\n    clearMemberSelection();\n  };\n\n  const handleBulkResendInvitations = () => {\n    if (selectedInvitations.length === 0) return;\n    selectedInvitations.forEach((invitation) => {\n      resendInvitation(invitation.id, {\n        onSuccess: () => {\n          setSelectedInvitationIds((prev) => {\n            const next = new Set(prev);\n            next.delete(invitation.id);\n            return next;\n          });\n        },\n      });\n    });\n  };\n\n  return (\n    <PageContainer padded={false}>\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        {/* Header */}\n        <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4\">\n          <div>\n            <h1 className=\"text-2xl sm:text-3xl font-bold\">\n              {tWithFallback(t, 'membersList.pageTitle', 'Members')}\n            </h1>\n            <p className=\"text-muted-foreground text-sm sm:text-base\">\n              {tWithFallback(\n                t,\n                'membersList.pageSubtitle',\n                'Manage workspace members and invitations'\n              )}\n            </p>\n          </div>\n\n          <div className=\"flex gap-2\">\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember} disabled={!workspaceId}>\n                <UserPlus className=\"size-4 sm:mr-2\" />\n                <span className=\"hidden sm:inline\">\n                  {tWithFallback(t, 'membersList.inviteMember', 'Invite Member')}\n                </span>\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n\n        {/* Search & Stats */}\n        <div className=\"flex flex-col sm:flex-row gap-3 sm:gap-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground\" />\n            <Input\n              placeholder={tWithFallback(t, 'membersList.searchPlaceholder', 'Search members...')}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className=\"pl-9\"\n            />\n          </div>\n\n          {hasPendingInvitations && (\n            <div className=\"flex items-center gap-2\">\n              <Badge variant=\"secondary\" className=\"text-sm\">\n                {pendingInvitations.length}{' '}\n                {pendingInvitations.length !== 1\n                  ? tWithFallback(t, 'membersList.pendingInvitations', 'Pending Invitations')\n                  : tWithFallback(t, 'membersList.pendingInvitation', 'Pending Invitation')}\n              </Badge>\n            </div>\n          )}\n        </div>\n\n        {filteredMembers.length > 0 && (\n          <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n            <label className=\"flex items-center gap-2 text-sm text-foreground\">\n              <input\n                type=\"checkbox\"\n                checked={allVisibleMembersSelected}\n                ref={(input) => {\n                  if (input) {\n                    input.indeterminate = partiallySelectedMembers && !allVisibleMembersSelected;\n                  }\n                }}\n                onChange={(event) => toggleAllMembers(event.target.checked)}\n                aria-label={tWithFallback(\n                  t,\n                  'membersList.selectAllMembersAriaLabel',\n                  'Select all workspace members'\n                )}\n                className=\"size-4 rounded border-border text-primary\"\n              />\n              <span>\n                {tWithFallback(\n                  t,\n                  'membersList.selectAllVisibleMembers',\n                  'Select all visible members'\n                )}\n              </span>\n            </label>\n\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <span className=\"text-sm text-muted-foreground\">\n                {selectedMemberIds.size} {tWithFallback(t, 'membersList.selected', 'selected')}\n              </span>\n              {selectedMemberIds.size > 0 && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={clearMemberSelection}>\n                  {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                </Button>\n              )}\n              {canRemoveMember && (\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleBulkRemoveMembers}\n                  disabled={selectedMembers.length === 0 || isRemovingMembers}\n                  className=\"text-destructive\"\n                >\n                  {tWithFallback(t, 'membersList.removeSelected', 'Remove Selected')}\n                  {selectedMembers.length > 0 ? ` (${selectedMembers.length})` : ''}\n                </Button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Loading State */}\n        {isLoading && (\n          <div className=\"space-y-3\">\n            {[...Array(5)].map((_, i) => (\n              <Skeleton key={i} className=\"h-20 w-full\" />\n            ))}\n          </div>\n        )}\n\n        {/* Error State */}\n        {!isLoading && membersError && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-destructive/10 p-6 mb-4\">\n              <AlertCircle size={48} className=\"text-destructive\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.failedToLoad', 'Failed to Load Members')}\n            </h3>\n            <p className=\"text-muted-foreground max-w-sm\">\n              {membersError instanceof Error\n                ? membersError.message\n                : tWithFallback(\n                    t,\n                    'membersList.errorLoadingMembers',\n                    'An error occurred while loading members'\n                  )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Workspace */}\n        {!isLoading && !membersError && !workspaceId && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-muted p-6 mb-4\">\n              <Users size={48} className=\"text-muted-foreground\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noWorkspaceSelected', 'No Workspace Selected')}\n            </h3>\n            <p className=\"text-muted-foreground max-w-sm\">\n              {tWithFallback(\n                t,\n                'membersList.selectWorkspacePrompt',\n                'Select a workspace to view and manage its members'\n              )}\n            </p>\n          </div>\n        )}\n\n        {/* Empty State - No Members */}\n        {!isLoading && !membersError && workspaceId && !hasMembers && (\n          <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n            <div className=\"rounded-full bg-muted p-6 mb-4\">\n              <Users size={48} className=\"text-muted-foreground\" />\n            </div>\n            <h3 className=\"text-lg font-semibold mb-2\">\n              {tWithFallback(t, 'membersList.noMembersYet', 'No Members Yet')}\n            </h3>\n            <p className=\"text-muted-foreground max-w-sm mb-4\">\n              {tWithFallback(\n                t,\n                'membersList.noMembersPrompt',\n                'Start building your team by inviting members to this workspace'\n              )}\n            </p>\n            <PermissionButton\n              permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n              deniedBehavior=\"disable\"\n              deniedTooltip={tWithFallback(\n                t,\n                'membersList.noPermissionToInvite',\n                \"You don't have permission to invite members\"\n              )}\n            >\n              <Button onClick={handleInviteMember}>\n                <UserPlus className=\"mr-2 size-4\" />\n                {tWithFallback(t, 'membersList.inviteFirstMember', 'Invite Your First Member')}\n              </Button>\n            </PermissionButton>\n          </div>\n        )}\n\n        {/* Empty State - No Search Results */}\n        {!isLoading &&\n          !membersError &&\n          workspaceId &&\n          hasMembers &&\n          filteredMembers.length === 0 && (\n            <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n              <div className=\"rounded-full bg-muted p-6 mb-4\">\n                <Search size={48} className=\"text-muted-foreground\" />\n              </div>\n              <h3 className=\"text-lg font-semibold mb-2\">\n                {tWithFallback(t, 'membersList.noMembersFound', 'No Members Found')}\n              </h3>\n              <p className=\"text-muted-foreground max-w-sm\">\n                {tWithFallback(\n                  t,\n                  'membersList.noMembersFoundPrompt',\n                  'No members match your search criteria. Try adjusting your search.'\n                )}\n              </p>\n            </div>\n          )}\n\n        {/* Members List */}\n        {!isLoading && filteredMembers.length > 0 && (\n          <div className=\"space-y-3\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-lg font-semibold\">\n                {tWithFallback(t, 'membersList.activeMembers', 'Active Members')} (\n                {filteredMembers.length})\n              </h2>\n            </div>\n            <div className=\"space-y-2\">\n              {filteredMembers.map((member) => (\n                <MemberListItem\n                  key={member.id}\n                  member={member}\n                  selected={selectedMemberIds.has(member.id)}\n                  onToggleSelect={(checked) => {\n                    const isSelected = selectedMemberIds.has(member.id);\n                    if (checked !== isSelected) {\n                      toggleMemberSelection(member.id);\n                    }\n                  }}\n                  canRemove={canRemoveMember}\n                />\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Pending Invitations Section - Now at bottom */}\n        {!isLoading && hasPendingInvitations && (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">\n              {tWithFallback(t, 'membersList.pendingInvitationsHeader', 'Pending Invitations')}\n            </h2>\n            <div className=\"flex flex-col gap-3 rounded-lg border bg-card p-4 sm:flex-row sm:items-center sm:justify-between\">\n              <label className=\"flex items-center gap-2 text-sm text-foreground\">\n                <input\n                  type=\"checkbox\"\n                  checked={allVisibleInvitationsSelected}\n                  ref={(input) => {\n                    if (input) {\n                      input.indeterminate =\n                        partiallySelectedInvitations && !allVisibleInvitationsSelected;\n                    }\n                  }}\n                  onChange={(event) => toggleAllInvitations(event.target.checked)}\n                  aria-label={tWithFallback(\n                    t,\n                    'membersList.selectAllInvitationsAriaLabel',\n                    'Select all pending invitations'\n                  )}\n                  className=\"size-4 rounded border-border text-primary\"\n                />\n                <span>\n                  {tWithFallback(t, 'membersList.selectAllInvitations', 'Select all invitations')}\n                </span>\n              </label>\n\n              <div className=\"flex flex-wrap items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {selectedInvitationIds.size}{' '}\n                  {tWithFallback(t, 'membersList.selected', 'selected')}\n                </span>\n                {selectedInvitationIds.size > 0 && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => setSelectedInvitationIds(new Set())}\n                  >\n                    {tWithFallback(t, 'membersList.clearSelection', 'Clear selection')}\n                  </Button>\n                )}\n                {canInviteMember && (\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={handleBulkResendInvitations}\n                    disabled={selectedInvitations.length === 0 || isResending}\n                  >\n                    {tWithFallback(t, 'membersList.resendSelected', 'Resend Selected')}\n                    {selectedInvitations.length > 0 ? ` (${selectedInvitations.length})` : ''}\n                  </Button>\n                )}\n              </div>\n            </div>\n            <div className=\"space-y-2\">\n              {pendingInvitations.map((invitation) => (\n                <div\n                  key={invitation.id}\n                  className=\"flex items-center justify-between p-4 border rounded-lg bg-card\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedInvitationIds.has(invitation.id)}\n                      onChange={(event) =>\n                        toggleInvitationSelection(invitation.id, event.target.checked)\n                      }\n                      aria-label={`${tWithFallback(t, 'membersList.selectInvitationAriaLabel', 'Select invitation')} ${invitation.email}`}\n                      className=\"size-4 rounded border-border text-primary\"\n                    />\n                    <div className=\"size-10 rounded-full bg-status-warning/10 flex items-center justify-center transition-colors\">\n                      <Users className=\"size-5 text-status-warning\" />\n                    </div>\n                    <div>\n                      <p className=\"font-medium text-sm\">{invitation.email}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {tWithFallback(t, 'membersList.invited', 'Invited')}{' '}\n                        {new Date(invitation.createdAt).toLocaleDateString()}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <PermissionButton\n                      permission={WORKSPACE_PERMISSIONS.MEMBER_CREATE}\n                      deniedBehavior=\"disable\"\n                      deniedTooltip={tWithFallback(\n                        t,\n                        'membersList.noPermissionToResend',\n                        \"You don't have permission to resend invitations\"\n                      )}\n                    >\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleResendInvitation(invitation.id)}\n                        disabled={isResending && resendingId === invitation.id}\n                      >\n                        <RefreshCw\n                          className={`size-4 mr-1 ${isResending && resendingId === invitation.id ? 'animate-spin' : ''}`}\n                        />\n                        {isResending && resendingId === invitation.id\n                          ? tWithFallback(t, 'membersList.sending', 'Sending...')\n                          : tWithFallback(t, 'membersList.resend', 'Resend')}\n                      </Button>\n                    </PermissionButton>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"bg-status-warning/10 text-status-warning border-status-warning/30 transition-colors\"\n                    >\n                      {tWithFallback(t, 'membersList.pending', 'Pending')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Dialogs */}\n      <InviteMemberDialog workspaceId={workspaceId} />\n    </PageContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/ProjectDetailPage.js

@@ -4,32 +4,32 @@ import { useScopedNavigation as ee } from "../hooks/useScopedNavigation.js";
 import { tWithFallback as n } from "../utils/i18n.js";
 import { useWorkspacesPageView as te } from "../hooks/useWorkspacesPageView.js";
 import { nativeImpact as ne, nativeNotify as r } from "../utils/nativeBridge.js";
-import { useProject as re, useProjectMembersCount as i } from "../hooks/useProjects.js";
-import { useArchiveProject as a, useDeleteProject as o, useUnarchiveProject as s, useUpdateProject as c } from "../hooks/useProjectMutations.js";
-import { formatDate as l } from "../utils/formatters.js";
-import { normalizeProjectTags as u, toProjectTag as d } from "../utils/projectTags.js";
-import { useWorkspaceActivity as ie } from "../hooks/useWorkspaceActivity.js";
-import { useWorkspacePermissions as ae } from "../hooks/useWorkspacePermissions.js";
-import { useEffect as oe, useMemo as se, useState as f } from "react";
-import { Activity as p, Archive as m, ArrowLeft as h, Clock as g, FolderKanban as _, MoreVertical as ce, Users as v } from "lucide-react";
+import { useProject as i, useProjectMembersCount as a } from "../hooks/useProjects.js";
+import { useArchiveProject as o, useDeleteProject as s, useUnarchiveProject as re, useUpdateProject as ie } from "../hooks/useProjectMutations.js";
+import { formatDate as c } from "../utils/formatters.js";
+import { normalizeProjectTags as l, toProjectTag as u } from "../utils/projectTags.js";
+import { useWorkspaceActivity as ae } from "../hooks/useWorkspaceActivity.js";
+import { useWorkspacePermissions as oe } from "../hooks/useWorkspacePermissions.js";
+import { ProjectTagsWidget as se } from "../components/tags/ProjectTagsWidget.js";
+import { useEffect as ce, useMemo as d, useState as f } from "react";
+import { Activity as p, Archive as m, ArrowLeft as h, Clock as g, FolderKanban as _, MoreVertical as le, Users as v } from "lucide-react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { AlertDialog as le, AlertDialogAction as ue, AlertDialogCancel as de, AlertDialogContent as fe, AlertDialogDescription as pe, AlertDialogFooter as me, AlertDialogHeader as he, AlertDialogTitle as ge, Badge as x, Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuSeparator as A, DropdownMenuTrigger as j, Skeleton as M } from "@burdenoff/fe-libs/ui";
+import { AlertDialog as ue, AlertDialogAction as de, AlertDialogCancel as fe, AlertDialogContent as pe, AlertDialogDescription as me, AlertDialogFooter as he, AlertDialogHeader as ge, AlertDialogTitle as _e, Badge as x, Button as S, Card as C, CardContent as w, CardHeader as T, CardTitle as E, DropdownMenu as D, DropdownMenuContent as O, DropdownMenuItem as k, DropdownMenuSeparator as A, DropdownMenuTrigger as j, Skeleton as M } from "@burdenoff/fe-libs/ui";
 import { useNavigate as N, useParams as P } from "react-router-dom";
 import { useI18n as F } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { TagsWidget as I } from "@burdenoff/fe-libs/tag";
 //#region src/pages/ProjectDetailPage.tsx
-function L() {
-	let { t: L } = F(), { workspaceId: R, projectId: z } = P();
+function I() {
+	let { t: I } = F(), { workspaceId: L, projectId: R } = P();
 	te("workspaces.project-detail", {
-		workspaceId: R,
-		projectId: z,
+		workspaceId: L,
+		projectId: R,
 		requireParams: !0
 	});
-	let B = N(), { basePath: V = "/workspaces" } = e(), { withCurrentSearch: H } = ee(), { data: U, isLoading: _e, error: ve } = re(z || "", R), [ye, W] = f(!1), [G, K] = f(() => u(U?.tags)), { mutate: be, isPending: q } = a(R), { mutate: xe, isPending: J } = s(R), { mutate: Se, isPending: Y } = o(R), { mutateAsync: Ce, isPending: we } = c(R), { data: Te } = i(z || "", R), { data: Ee } = ie(R), De = (Ee ?? []).filter((e) => e.resourceId === z || e.resourceType?.toLowerCase() === "project").length, { canViewProject: Oe, canDeleteProject: X, canArchiveProject: Z, isLoading: ke } = ae();
-	oe(() => {
-		K(u(U?.tags));
-	}, [U?.tags]);
-	let Ae = se(() => G, [G]);
+	let z = N(), { basePath: B = "/workspaces" } = e(), { withCurrentSearch: V } = ee(), { data: H, isLoading: ve, error: ye } = i(R || "", L), [be, U] = f(!1), [W, G] = f(() => l(H?.tags)), { mutate: xe, isPending: K } = o(L), { mutate: Se, isPending: q } = re(L), { mutate: Ce, isPending: J } = s(L), { mutateAsync: we, isPending: Te } = ie(L), { data: Ee } = a(R || "", L), { data: De } = ae(L), Y = (De ?? []).filter((e) => e.resourceId === R || e.resourceType?.toLowerCase() === "project").length, { canViewProject: Oe, canDeleteProject: X, canArchiveProject: Z, isLoading: ke } = oe();
+	ce(() => {
+		G(l(H?.tags));
+	}, [H?.tags]);
+	let Ae = d(() => W, [W]);
 	if (ke) return /* @__PURE__ */ b("div", {
 		className: "space-y-4 p-6",
 		children: [/* @__PURE__ */ y(M, { className: "h-10 w-1/3" }), /* @__PURE__ */ y(M, { className: "h-64" })]
@@ -40,44 +40,44 @@ function L() {
 			className: "text-center space-y-2",
 			children: [/* @__PURE__ */ y("h2", {
 				className: "text-lg font-semibold",
-				children: n(L, "projectDetail.accessDenied", "Access Denied")
+				children: n(I, "projectDetail.accessDenied", "Access Denied")
 			}), /* @__PURE__ */ y("p", {
 				className: "text-sm text-muted-foreground",
-				children: n(L, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
+				children: n(I, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
 			})]
 		})
 	});
 	let Q = () => {
-		B(H(`${V}/${R}/projects`));
+		z(V(`${B}/${L}/projects`));
 	}, je = () => {
-		U && (U.archived ? xe(U.id, { onError: (e) => {
+		H && (H.archived ? Se(H.id, { onError: (e) => {
 			console.error("Failed to unarchive project:", e);
-		} }) : be(U.id, { onError: (e) => {
+		} }) : xe(H.id, { onError: (e) => {
 			console.error("Failed to archive project:", e);
 		} }));
 	}, Me = () => {
-		U && (ne("medium"), Se(U.id, {
+		H && (ne("medium"), Ce(H.id, {
 			onSuccess: () => {
-				r("success"), W(!1), B(H(`${V}/${R}/projects`));
+				r("success"), U(!1), z(V(`${B}/${L}/projects`));
 			},
 			onError: (e) => {
 				r("error"), console.error("Failed to delete project:", e);
 			}
 		}));
 	}, $ = async (e) => {
-		if (!U) return;
-		let t = e.map((e) => d(e));
-		K(t);
+		if (!H) return;
+		let t = e.map((e) => u(e));
+		G(t);
 		try {
-			await Ce({
-				id: U.id,
+			await we({
+				id: H.id,
 				input: { tags: t }
 			});
 		} catch (e) {
-			throw K(u(U.tags)), e;
+			throw G(l(H.tags)), e;
 		}
 	};
-	return _e ? /* @__PURE__ */ b("div", {
+	return ve ? /* @__PURE__ */ b("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [
 			/* @__PURE__ */ y(M, { className: "h-10 w-32" }),
@@ -92,13 +92,13 @@ function L() {
 			}),
 			/* @__PURE__ */ y(M, { className: "h-48" })
 		]
-	}) : ve || !U ? /* @__PURE__ */ b("div", {
+	}) : ye || !H ? /* @__PURE__ */ b("div", {
 		className: "space-y-4 p-6",
 		children: [/* @__PURE__ */ b(S, {
 			variant: "ghost",
 			onClick: Q,
 			className: "gap-2",
-			children: [/* @__PURE__ */ y(h, { size: 20 }), n(L, "projectDetail.backToProjects", "Back to Projects")]
+			children: [/* @__PURE__ */ y(h, { size: 20 }), n(I, "projectDetail.backToProjects", "Back to Projects")]
 		}), /* @__PURE__ */ b("div", {
 			className: "text-center py-12",
 			children: [
@@ -111,18 +111,18 @@ function L() {
 				}),
 				/* @__PURE__ */ y("h3", {
 					className: "text-lg font-semibold mb-2",
-					children: n(L, "projectDetail.projectNotFound", "Project not found")
+					children: n(I, "projectDetail.projectNotFound", "Project not found")
 				}),
 				/* @__PURE__ */ y("p", {
 					className: "text-muted-foreground max-w-sm mx-auto mb-4",
-					children: n(L, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it.")
+					children: n(I, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it.")
 				}),
 				/* @__PURE__ */ b(S, {
 					onClick: Q,
 					children: [/* @__PURE__ */ y(h, {
 						size: 16,
 						className: "mr-2"
-					}), n(L, "projectDetail.backToProjects", "Back to Projects")]
+					}), n(I, "projectDetail.backToProjects", "Back to Projects")]
 				})
 			]
 		})]
@@ -136,7 +136,7 @@ function L() {
 						variant: "ghost",
 						onClick: Q,
 						className: "gap-2 mb-2 -ml-2",
-						children: [/* @__PURE__ */ y(h, { size: 20 }), n(L, "projectDetail.backToProjects", "Back to Projects")]
+						children: [/* @__PURE__ */ y(h, { size: 20 }), n(I, "projectDetail.backToProjects", "Back to Projects")]
 					}),
 					/* @__PURE__ */ b("div", {
 						className: "flex items-center gap-3",
@@ -148,24 +148,24 @@ function L() {
 							})
 						}), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h1", {
 							className: "text-2xl sm:text-3xl font-bold",
-							children: U.name
+							children: H.name
 						}), /* @__PURE__ */ y("p", {
 							className: "text-sm text-muted-foreground font-mono",
-							children: U.key
+							children: H.key
 						})] })]
 					}),
 					/* @__PURE__ */ b("div", {
 						className: "flex items-center gap-2 mt-3",
 						children: [/* @__PURE__ */ y(x, {
-							className: `border ${t(U.status)}`,
-							children: U.status
-						}), U.archived && /* @__PURE__ */ b(x, {
+							className: `border ${t(H.status)}`,
+							children: H.status
+						}), H.archived && /* @__PURE__ */ b(x, {
 							variant: "outline",
 							className: "border-workspace-archived-border text-workspace-archived-text",
 							children: [/* @__PURE__ */ y(m, {
 								size: 12,
 								className: "mr-1"
-							}), n(L, "projectDetail.archived", "Archived")]
+							}), n(I, "projectDetail.archived", "Archived")]
 						})]
 					})
 				] }), /* @__PURE__ */ y("div", {
@@ -175,25 +175,25 @@ function L() {
 						children: /* @__PURE__ */ y(S, {
 							variant: "outline",
 							size: "icon",
-							"aria-label": n(L, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
-							children: /* @__PURE__ */ y(ce, { size: 20 })
+							"aria-label": n(I, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
+							children: /* @__PURE__ */ y(le, { size: 20 })
 						})
 					}), /* @__PURE__ */ b(O, {
 						align: "end",
 						children: [
 							Z && /* @__PURE__ */ b(k, {
 								onClick: je,
-								disabled: q || J,
+								disabled: K || q,
 								children: [/* @__PURE__ */ y(m, {
 									size: 16,
 									className: "mr-2"
-								}), q || J ? n(L, "projectDetail.processing", "Processing...") : U.archived ? n(L, "projectDetail.unarchive", "Unarchive") : n(L, "projectDetail.archive", "Archive")]
+								}), K || q ? n(I, "projectDetail.processing", "Processing...") : H.archived ? n(I, "projectDetail.unarchive", "Unarchive") : n(I, "projectDetail.archive", "Archive")]
 							}),
 							Z && X && /* @__PURE__ */ y(A, {}),
 							X && /* @__PURE__ */ y(k, {
-								onClick: () => W(!0),
+								onClick: () => U(!0),
 								className: "text-destructive",
-								children: n(L, "projectDetail.deleteProject", "Delete Project")
+								children: n(I, "projectDetail.deleteProject", "Delete Project")
 							})
 						]
 					})] })
@@ -208,14 +208,14 @@ function L() {
 						children: [/* @__PURE__ */ y(v, {
 							size: 20,
 							className: "text-muted-foreground"
-						}), n(L, "projectDetail.membersCardTitle", "Members")]
+						}), n(I, "projectDetail.membersCardTitle", "Members")]
 					})
 				}), /* @__PURE__ */ b(w, { children: [/* @__PURE__ */ y("p", {
 					className: "text-3xl font-bold",
-					children: Te ?? 0
+					children: Ee ?? 0
 				}), /* @__PURE__ */ y("p", {
 					className: "text-sm text-muted-foreground",
-					children: n(L, "projectDetail.projectMembers", "Project members")
+					children: n(I, "projectDetail.projectMembers", "Project members")
 				})] })] }), /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, {
 					className: "flex flex-row items-center justify-between pb-2",
 					children: /* @__PURE__ */ b(E, {
@@ -223,37 +223,36 @@ function L() {
 						children: [/* @__PURE__ */ y(p, {
 							size: 20,
 							className: "text-muted-foreground"
-						}), n(L, "projectDetail.activityCardTitle", "Activity")]
+						}), n(I, "projectDetail.activityCardTitle", "Activity")]
 					})
 				}), /* @__PURE__ */ b(w, { children: [/* @__PURE__ */ y("p", {
 					className: "text-3xl font-bold",
-					children: De
+					children: Y
 				}), /* @__PURE__ */ y("p", {
 					className: "text-sm text-muted-foreground",
-					children: n(L, "projectDetail.recentActivityItems", "Recent activity items")
+					children: n(I, "projectDetail.recentActivityItems", "Recent activity items")
 				})] })] })]
 			}),
-			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: n(L, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ b(w, {
+			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: n(I, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ b(w, {
 				className: "space-y-3",
 				children: [/* @__PURE__ */ y("p", {
 					className: "text-sm text-muted-foreground",
-					children: n(L, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
-				}), /* @__PURE__ */ y(I, {
+					children: n(I, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
+				}), /* @__PURE__ */ y(se, {
 					entityType: "Project",
-					entityId: U.id,
-					workspaceId: R,
+					entityId: H.id,
+					workspaceId: L,
 					tags: Ae,
 					onAdd: async (e) => {
-						await $([...G, d(e)]);
+						await $([...W, u(e)]);
 					},
 					onRemove: async (e) => {
-						await $(G.filter((t) => t.tagId !== e && t.id !== e));
+						await $(W.filter((t) => t.tagId !== e && t.id !== e));
 					},
-					syncGraphNotifications: !1,
-					className: we ? "pointer-events-none opacity-75" : void 0
+					className: Te ? "pointer-events-none opacity-75" : void 0
 				})]
 			})] }),
-			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: n(L, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ b(w, {
+			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: n(I, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ b(w, {
 				className: "space-y-4",
 				children: [/* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
@@ -262,105 +261,105 @@ function L() {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ y(_, { size: 14 }), n(L, "projectDetail.projectId", "Project ID")]
+								children: [/* @__PURE__ */ y(_, { size: 14 }), n(I, "projectDetail.projectId", "Project ID")]
 							}), /* @__PURE__ */ y("span", {
 								className: "font-mono text-xs block",
-								children: U.id
+								children: H.id
 							})]
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ y(_, { size: 14 }), n(L, "projectDetail.projectKey", "Project Key")]
+								children: [/* @__PURE__ */ y(_, { size: 14 }), n(I, "projectDetail.projectKey", "Project Key")]
 							}), /* @__PURE__ */ y("span", {
 								className: "font-medium",
-								children: U.key
+								children: H.key
 							})]
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ y(g, { size: 14 }), n(L, "projectDetail.created", "Created")]
-							}), /* @__PURE__ */ y("span", { children: l(U.createdAt) })]
+								children: [/* @__PURE__ */ y(g, { size: 14 }), n(I, "projectDetail.created", "Created")]
+							}), /* @__PURE__ */ y("span", { children: c(H.createdAt) })]
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ y(g, { size: 14 }), n(L, "projectDetail.lastUpdated", "Last Updated")]
-							}), /* @__PURE__ */ y("span", { children: l(U.updatedAt) })]
+								children: [/* @__PURE__ */ y(g, { size: 14 }), n(I, "projectDetail.lastUpdated", "Last Updated")]
+							}), /* @__PURE__ */ y("span", { children: c(H.updatedAt) })]
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ y(v, { size: 14 }), n(L, "projectDetail.workspaceId", "Workspace ID")]
+								children: [/* @__PURE__ */ y(v, { size: 14 }), n(I, "projectDetail.workspaceId", "Workspace ID")]
 							}), /* @__PURE__ */ y("span", {
 								className: "font-mono text-xs block",
-								children: U.workspaceId
+								children: H.workspaceId
 							})]
 						}),
 						/* @__PURE__ */ b("div", {
 							className: "space-y-1",
 							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground flex items-center gap-2",
-								children: [/* @__PURE__ */ y(v, { size: 14 }), n(L, "projectDetail.creatorId", "Creator ID")]
+								children: [/* @__PURE__ */ y(v, { size: 14 }), n(I, "projectDetail.creatorId", "Creator ID")]
 							}), /* @__PURE__ */ y("span", {
 								className: "font-mono text-xs block",
-								children: U.creatorId
+								children: H.creatorId
 							})]
 						})
 					]
-				}), U.config && Object.keys(U.config).length > 0 && /* @__PURE__ */ b("div", {
+				}), H.config && Object.keys(H.config).length > 0 && /* @__PURE__ */ b("div", {
 					className: "pt-4 border-t",
 					children: [/* @__PURE__ */ y("h4", {
 						className: "text-sm font-medium mb-2",
-						children: n(L, "projectDetail.configuration", "Configuration")
+						children: n(I, "projectDetail.configuration", "Configuration")
 					}), /* @__PURE__ */ y("pre", {
 						className: "text-xs bg-muted p-3 rounded-lg overflow-auto",
-						children: JSON.stringify(U.config, null, 2)
+						children: JSON.stringify(H.config, null, 2)
 					})]
 				})]
 			})] }),
-			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: n(L, "projectDetail.quickActions", "Quick Actions") }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ b("div", {
+			/* @__PURE__ */ b(C, { children: [/* @__PURE__ */ y(T, { children: /* @__PURE__ */ y(E, { children: n(I, "projectDetail.quickActions", "Quick Actions") }) }), /* @__PURE__ */ y(w, { children: /* @__PURE__ */ b("div", {
 				className: "flex flex-wrap gap-2",
 				children: [/* @__PURE__ */ b(S, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => B(H(`${V}/${R}/members`)),
+					onClick: () => z(V(`${B}/${L}/members`)),
 					children: [/* @__PURE__ */ y(v, {
 						size: 16,
 						className: "mr-2"
-					}), n(L, "projectDetail.workspaceMembers", "Workspace Members")]
+					}), n(I, "projectDetail.workspaceMembers", "Workspace Members")]
 				}), /* @__PURE__ */ b(S, {
 					variant: "outline",
 					size: "sm",
-					onClick: () => B(H(`${V}/${R}/activity`)),
+					onClick: () => z(V(`${B}/${L}/activity`)),
 					children: [/* @__PURE__ */ y(p, {
 						size: 16,
 						className: "mr-2"
-					}), n(L, "projectDetail.workspaceActivity", "Workspace Activity")]
+					}), n(I, "projectDetail.workspaceActivity", "Workspace Activity")]
 				})]
 			}) })] }),
-			/* @__PURE__ */ y(le, {
-				open: ye,
-				onOpenChange: W,
-				children: /* @__PURE__ */ b(fe, { children: [/* @__PURE__ */ b(he, { children: [/* @__PURE__ */ y(ge, { children: n(L, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ y(pe, { children: n(L, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + U.name + n(L, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ b(me, { children: [/* @__PURE__ */ y(de, {
-					disabled: Y,
-					children: n(L, "projectDetail.cancel", "Cancel")
-				}), /* @__PURE__ */ y(ue, {
+			/* @__PURE__ */ y(ue, {
+				open: be,
+				onOpenChange: U,
+				children: /* @__PURE__ */ b(pe, { children: [/* @__PURE__ */ b(ge, { children: [/* @__PURE__ */ y(_e, { children: n(I, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ y(me, { children: n(I, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + H.name + n(I, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ b(he, { children: [/* @__PURE__ */ y(fe, {
+					disabled: J,
+					children: n(I, "projectDetail.cancel", "Cancel")
+				}), /* @__PURE__ */ y(de, {
 					onClick: Me,
-					disabled: Y,
+					disabled: J,
 					className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-					children: Y ? n(L, "projectDetail.deleting", "Deleting...") : n(L, "projectDetail.deleteProject", "Delete Project")
+					children: J ? n(I, "projectDetail.deleting", "Deleting...") : n(I, "projectDetail.deleteProject", "Delete Project")
 				})] })] })
 			})
 		]
 	});
 }
 //#endregion
-export { L as ProjectDetailPage };
+export { I as ProjectDetailPage };
 
 //# sourceMappingURL=ProjectDetailPage.js.map