@burdenoff/microfe-workspaces 2026.830.1 → 2026.915.1

package/dist/pages/ProjectDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../src/pages/ProjectDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router';\nimport {\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  UserPlus,\n  Activity,\n  Archive,\n  MoreVertical,\n  Clock,\n  Pencil,\n} from 'lucide-react';\nimport {\n  Button,\n  ShowMore,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  EntityIdModal,\n  useEntityIdModal,\n  IllustratedEmptyState,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport { type TagItem } from '@burdenoff/fe-libs/tag';\nimport { ProjectTagsWidget } from '../components/tags/ProjectTagsWidget';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useProject, useProjectMembersCount } from '../hooks/useProjects';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n  useTagProject,\n  useUntagProject,\n  useUpdateProject,\n} from '../hooks/useProjectMutations';\nimport { formatDate } from '../utils/formatters';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { getProjectDisplayTags, toProjectTag } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { ProjectMemberPickerDialog } from '../components/ProjectMemberPickerDialog';\nimport { RenameProjectDialog } from '../components/RenameProjectDialog';\n\nexport function ProjectDetailPage() {\n  const { t } = useI18n();\n  const idModal = useEntityIdModal();\n\n  const { workspaceId, projectId } = useParams<{ workspaceId: string; projectId: string }>();\n  useWorkspacesPageView('workspaces.project-detail', {\n    workspaceId,\n    projectId,\n    requireParams: true,\n  });\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: project, isLoading, error } = useProject(projectId || '', workspaceId);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showAddMemberDialog, setShowAddMemberDialog] = useState(false);\n  const [showRenameDialog, setShowRenameDialog] = useState(false);\n\n  const { mutate: archiveProject, isPending: isArchiving } = useArchiveProject(workspaceId);\n  const { mutate: unarchiveProject, isPending: isUnarchiving } = useUnarchiveProject(workspaceId);\n  const { mutate: deleteProject, isPending: isDeleting } = useDeleteProject(workspaceId);\n  const { mutateAsync: tagProject, isPending: isTaggingProject } = useTagProject(workspaceId);\n  const { mutateAsync: untagProject, isPending: isUntaggingProject } = useUntagProject(workspaceId);\n  const { mutateAsync: updateProject, isPending: isUpdatingProject } =\n    useUpdateProject(workspaceId);\n  const {\n    canViewProject,\n    canUpdateProject,\n    canDeleteProject,\n    canArchiveProject,\n    canListProjectMembers,\n    canAddProjectMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n  const { data: projectMemberCount } = useProjectMembersCount(projectId || '', workspaceId);\n  const displayTags = useMemo(\n    () =>\n      getProjectDisplayTags({\n        tags: project?.tags ?? [],\n        tagAssignments: project?.tagAssignments,\n      }),\n    [project?.tags, project?.tagAssignments]\n  );\n  const { data: workspaceActivity } = useWorkspaceActivity(workspaceId);\n  const relatedActivityCount = (workspaceActivity ?? []).filter(\n    (item) => item.resourceId === projectId || item.resourceType?.toLowerCase() === 'project'\n  ).length;\n  const widgetTags: TagItem[] = displayTags;\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewProject) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'projectDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'projectDetail.noPermissionToViewProject',\n              \"You don't have permission to view this project.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n  };\n\n  const handleArchive = () => {\n    if (!project) return;\n    if (project.archived) {\n      unarchiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to unarchive project:', err);\n        },\n      });\n    } else {\n      archiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to archive project:', err);\n        },\n      });\n    }\n  };\n\n  const handleDelete = () => {\n    if (!project) return;\n    void nativeImpact('medium');\n    deleteProject(project.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowDeleteDialog(false);\n        navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n      },\n      onError: (err) => {\n        void nativeNotify('error');\n        console.error('Failed to delete project:', err);\n      },\n    });\n  };\n\n  const handleViewProjectMembers = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects/${projectId}/members`));\n  };\n\n  const syncLegacyProjectTags = async (nextTags: TagItem[]) => {\n    if (!project) {\n      return;\n    }\n\n    const normalizedNextTags = nextTags.map((tag) => toProjectTag(tag));\n\n    try {\n      await updateProject({\n        id: project.id,\n        input: {\n          tags: normalizedNextTags,\n        },\n      });\n    } catch (err) {\n      void nativeNotify('warning');\n      console.error(\n        'Failed to sync legacy project tag mirror after updating structured project tags:',\n        err\n      );\n    }\n  };\n\n  const handleAddTag = async (tag: TagItem) => {\n    if (!project) {\n      return;\n    }\n\n    try {\n      await tagProject({\n        entityId: project.id,\n        tagId: tag.id,\n      });\n\n      await syncLegacyProjectTags([...displayTags, toProjectTag(tag)]);\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    if (!project) {\n      return;\n    }\n\n    const assignmentId = project.tagAssignments?.find(\n      (assignment) => assignment.tagId === tagId\n    )?.id;\n    try {\n      await untagProject({\n        entityId: project.id,\n        tagId,\n        assignmentId,\n      });\n\n      await syncLegacyProjectTags(\n        displayTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId)\n      );\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-32\" />\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n        <Skeleton className=\"h-48\" />\n      </div>\n    );\n  }\n\n  if (error || !project) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2\">\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n        </Button>\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={tWithFallback(t, 'projectDetail.projectNotFound', 'Project not found')}\n          description={tWithFallback(\n            t,\n            'projectDetail.projectNotFoundDescription',\n            \"The project you're looking for doesn't exist or you don't have permission to view it.\"\n          )}\n          action={\n            <Button onClick={handleBack}>\n              <ArrowLeft size={16} className=\"mr-2\" />\n              {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3\">\n        <div>\n          <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2 mb-2 -ml-2\">\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n          </Button>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-action-primary-bg/10\">\n              <FolderKanban className=\"text-primary\" size={28} />\n            </div>\n            <div>\n              <h1 className=\"text-2xl sm:text-3xl font-bold\">{project.name}</h1>\n              <p className=\"text-sm text-text-secondary font-mono\">{project.key}</p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 mt-3\">\n            <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n              {project.status}\n            </Badge>\n            {project.archived && (\n              <Badge\n                variant=\"outline\"\n                className=\"border-workspace-archived-border text-workspace-archived-text\"\n              >\n                <Archive size={12} className=\"mr-1\" />\n                {tWithFallback(t, 'projectDetail.archived', 'Archived')}\n              </Badge>\n            )}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectDetail.openProjectActionsAriaLabel',\n                  'Open project actions'\n                )}\n              >\n                <MoreVertical size={20} />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              {canUpdateProject && (\n                <DropdownMenuItem onClick={() => setShowRenameDialog(true)}>\n                  <Pencil size={16} className=\"mr-2\" />\n                  {tWithFallback(t, 'projectDetail.renameProject', 'Rename Project')}\n                </DropdownMenuItem>\n              )}\n              {canUpdateProject && (canArchiveProject || canDeleteProject) && (\n                <DropdownMenuSeparator />\n              )}\n              {canArchiveProject && (\n                <DropdownMenuItem onClick={handleArchive} disabled={isArchiving || isUnarchiving}>\n                  <Archive size={16} className=\"mr-2\" />\n                  {isArchiving || isUnarchiving\n                    ? tWithFallback(t, 'projectDetail.processing', 'Processing...')\n                    : project.archived\n                      ? tWithFallback(t, 'projectDetail.unarchive', 'Unarchive')\n                      : tWithFallback(t, 'projectDetail.archive', 'Archive')}\n                </DropdownMenuItem>\n              )}\n              {canArchiveProject && canDeleteProject && <DropdownMenuSeparator />}\n              {canDeleteProject && (\n                <DropdownMenuItem\n                  onClick={() => setShowDeleteDialog(true)}\n                  className=\"text-status-error-text\"\n                >\n                  {tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'projectDetail.purpose',\n          'This is a single project — a focused stream of work within its workspace. From here you can manage the people working on it, organise it with tags so it surfaces in filters and reports, and keep track of related activity. Use the menu in the top-right to archive or delete it when it wraps up.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"workspaces-project-detail\"\n        steps={[\n          ...(canAddProjectMember\n            ? [\n                {\n                  id: 'add-member',\n                  label: tWithFallback(\n                    t,\n                    'projectDetail.stepAddMember',\n                    'Add people to the project'\n                  ),\n                  description: tWithFallback(\n                    t,\n                    'projectDetail.stepAddMemberDesc',\n                    'Pull in the teammates who will actually work on this project.'\n                  ),\n                  icon: <UserPlus size={16} />,\n                  onClick: () => setShowAddMemberDialog(true),\n                },\n              ]\n            : []),\n          {\n            id: 'tag-project',\n            label: tWithFallback(t, 'projectDetail.stepTag', 'Tag the project'),\n            description: tWithFallback(\n              t,\n              'projectDetail.stepTagDesc',\n              'Add tags so this project shows up in the right filters and views.'\n            ),\n            icon: <FolderKanban size={16} />,\n            onClick: () => {\n              document\n                .getElementById('project-tags-section')\n                ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            },\n          },\n          ...(canListProjectMembers\n            ? [\n                {\n                  id: 'manage-members',\n                  label: tWithFallback(\n                    t,\n                    'projectDetail.stepManageMembers',\n                    'Review project members'\n                  ),\n                  description: tWithFallback(\n                    t,\n                    'projectDetail.stepManageMembersDesc',\n                    'See who has access and adjust their project roles.'\n                  ),\n                  icon: <Users size={16} />,\n                  onClick: handleViewProjectMembers,\n                },\n              ]\n            : []),\n          {\n            id: 'review-activity',\n            label: tWithFallback(t, 'projectDetail.stepActivity', 'Check recent activity'),\n            description: tWithFallback(\n              t,\n              'projectDetail.stepActivityDesc',\n              'Catch up on what has changed across the workspace.'\n            ),\n            icon: <Activity size={16} />,\n            onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`)),\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 column */}\n        <div className=\"lg:col-span-2 space-y-4 sm:space-y-6\">\n          {/* Stat metrics */}\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <GlassCard treatment=\"metric\" glow>\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-sm font-medium text-text-secondary\">\n                  <Users size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'projectDetail.membersCardTitle', 'Members')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <p className=\"text-3xl font-bold tabular-nums\">{projectMemberCount ?? 0}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'projectDetail.projectMembers', 'Project members')}\n                </p>\n\n                {canAddProjectMember || canListProjectMembers ? (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {canAddProjectMember ? (\n                      <Button size=\"sm\" onClick={() => setShowAddMemberDialog(true)}>\n                        <UserPlus size={16} className=\"mr-2\" />\n                        {tWithFallback(t, 'projectDetail.addProjectMember', 'Add Member')}\n                      </Button>\n                    ) : null}\n\n                    {canListProjectMembers ? (\n                      <Button variant=\"outline\" size=\"sm\" onClick={handleViewProjectMembers}>\n                        <Users size={16} className=\"mr-2\" />\n                        {tWithFallback(t, 'projectDetail.manageProjectMembers', 'Manage Members')}\n                      </Button>\n                    ) : null}\n                  </div>\n                ) : null}\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard treatment=\"metric\">\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-sm font-medium text-text-secondary\">\n                  <Activity size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'projectDetail.activityCardTitle', 'Activity')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">{relatedActivityCount}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'projectDetail.recentActivityItems', 'Recent activity items')}\n                </p>\n              </CardContent>\n            </GlassCard>\n          </div>\n\n          <GlassCard treatment=\"plain\" id=\"project-tags-section\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'projectDetail.tagsTitle', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-muted\">\n                {tWithFallback(\n                  t,\n                  'projectDetail.tagsDescription',\n                  'Use universal tags to classify and filter this project across the workspace.'\n                )}\n              </p>\n              <ProjectTagsWidget\n                entityType=\"Project\"\n                entityId={project.id}\n                workspaceId={workspaceId}\n                tags={widgetTags}\n                onAdd={handleAddTag}\n                onRemove={handleRemoveTag}\n                className={\n                  isTaggingProject || isUntaggingProject || isUpdatingProject\n                    ? 'pointer-events-none opacity-75'\n                    : undefined\n                }\n              />\n            </CardContent>\n          </GlassCard>\n        </div>\n\n        {/* Detail rail */}\n        <aside className=\"lg:sticky lg:top-6 lg:self-start\">\n          {/* Project Information */}\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>\n                {tWithFallback(t, 'projectDetail.projectInformation', 'Project Information')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"grid grid-cols-1 gap-4 text-sm\">\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-muted flex items-center gap-2\">\n                    <FolderKanban size={14} />\n                    {tWithFallback(t, 'projectDetail.projectId', 'Project ID')}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      idModal.show({\n                        id: project.id,\n                        name: project.name,\n                        type: 'Project',\n                        details: project.key ? [{ label: 'Key', value: project.key }] : undefined,\n                      })\n                    }\n                    className=\"inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded\"\n                  >\n                    {tWithFallback(t, 'projectDetail.getId', 'Get ID')}\n                  </button>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <FolderKanban size={14} />\n                    {tWithFallback(t, 'projectDetail.projectKey', 'Project Key')}\n                  </span>\n                  <span className=\"font-medium\">{project.key}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Clock size={14} />\n                    {tWithFallback(t, 'projectDetail.created', 'Created')}\n                  </span>\n                  <span>{formatDate(project.createdAt)}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Clock size={14} />\n                    {tWithFallback(t, 'projectDetail.lastUpdated', 'Last Updated')}\n                  </span>\n                  <span>{formatDate(project.updatedAt)}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Users size={14} />\n                    {tWithFallback(t, 'projectDetail.workspaceId', 'Workspace ID')}\n                  </span>\n                  <span className=\"font-mono text-xs block\">{project.workspaceId}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Users size={14} />\n                    {tWithFallback(t, 'projectDetail.creatorId', 'Creator ID')}\n                  </span>\n                  <span className=\"font-mono text-xs block\">{project.creatorId}</span>\n                </div>\n              </div>\n\n              {project.config && Object.keys(project.config).length > 0 && (\n                <div className=\"pt-4 border-t border-border-seam\">\n                  <h4 className=\"text-sm font-medium mb-2\">\n                    {tWithFallback(t, 'projectDetail.configuration', 'Configuration')}\n                  </h4>\n                  <pre className=\"text-xs bg-bg-sunken p-3 rounded-lg overflow-auto\">\n                    {JSON.stringify(project.config, null, 2)}\n                  </pre>\n                </div>\n              )}\n\n              {/* Quick Actions — progressive disclosure (secondary navigation) */}\n              <ShowMore\n                collapsedHeight={0}\n                label={tWithFallback(t, 'projectDetail.quickActions', 'Quick Actions')}\n              >\n                <div className=\"flex flex-col gap-2 pt-2\">\n                  {canListProjectMembers ? (\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"justify-start\"\n                      onClick={handleViewProjectMembers}\n                    >\n                      <Users size={16} className=\"mr-2\" />\n                      {tWithFallback(t, 'projectDetail.projectMembersPage', 'Project Members')}\n                    </Button>\n                  ) : null}\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"justify-start\"\n                    onClick={() =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))\n                    }\n                  >\n                    <Users size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectDetail.workspaceMembers', 'Workspace Members')}\n                  </Button>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"justify-start\"\n                    onClick={() =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))\n                    }\n                  >\n                    <Activity size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectDetail.workspaceActivity', 'Workspace Activity')}\n                  </Button>\n                </div>\n              </ShowMore>\n            </CardContent>\n          </GlassCard>\n        </aside>\n      </div>\n\n      {/* Delete Confirmation Dialog */}\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {tWithFallback(t, 'projectDetail.deleteDialogTitle', 'Delete Project')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {tWithFallback(\n                t,\n                'projectDetail.deleteConfirmPrefix',\n                'Are you sure you want to delete \"'\n              ) +\n                project.name +\n                tWithFallback(\n                  t,\n                  'projectDetail.deleteConfirmSuffix',\n                  '\"? This action cannot be undone and all project data will be permanently removed.'\n                )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isDeleting}>\n              {tWithFallback(t, 'projectDetail.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleDelete}\n              disabled={isDeleting}\n              className=\"bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90\"\n            >\n              {isDeleting\n                ? tWithFallback(t, 'projectDetail.deleting', 'Deleting...')\n                : tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n\n      {workspaceId && projectId && showAddMemberDialog ? (\n        <ProjectMemberPickerDialog\n          open={showAddMemberDialog}\n          onOpenChange={setShowAddMemberDialog}\n          workspaceId={workspaceId}\n          projectId={projectId}\n          projectName={project.name}\n        />\n      ) : null}\n      {showRenameDialog && (\n        <RenameProjectDialog\n          project={{ id: project.id, name: project.name, workspaceId: project.workspaceId }}\n          open={showRenameDialog}\n          onOpenChange={setShowRenameDialog}\n        />\n      )}\n      <EntityIdModal control={idModal} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectDetailPage.js","names":[],"sources":["../../src/pages/ProjectDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams, useNavigate } from 'react-router';\nimport {\n  ArrowLeft,\n  FolderKanban,\n  Users,\n  UserPlus,\n  Activity,\n  Archive,\n  MoreVertical,\n  Clock,\n  Pencil,\n} from 'lucide-react';\nimport {\n  Button,\n  ShowMore,\n  GlassCard,\n  CardHeader,\n  CardTitle,\n  CardContent,\n  Badge,\n  Skeleton,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  DropdownMenuSeparator,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  EntityIdModal,\n  useEntityIdModal,\n  IllustratedEmptyState,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport { type TagItem } from '@burdenoff/fe-libs/tag';\nimport { ProjectTagsWidget } from '../components/tags/ProjectTagsWidget';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\nimport { useProject, useProjectMembersCount } from '../hooks/useProjects';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n  useTagProject,\n  useUntagProject,\n  useUpdateProject,\n} from '../hooks/useProjectMutations';\nimport { formatDate } from '../utils/formatters';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { getProjectDisplayTags, toProjectTag } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { ProjectMemberPickerDialog } from '../components/ProjectMemberPickerDialog';\nimport { RenameProjectDialog } from '../components/RenameProjectDialog';\n\nexport function ProjectDetailPage() {\n  const { t } = useI18n();\n  const idModal = useEntityIdModal();\n\n  const { workspaceId, projectId } = useParams<{ workspaceId: string; projectId: string }>();\n  useWorkspacesPageView('workspaces.project-detail', {\n    workspaceId,\n    projectId,\n    requireParams: true,\n  });\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { data: project, isLoading, error } = useProject(projectId || '', workspaceId);\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\n  const [showAddMemberDialog, setShowAddMemberDialog] = useState(false);\n  const [showRenameDialog, setShowRenameDialog] = useState(false);\n\n  const { mutate: archiveProject, isPending: isArchiving } = useArchiveProject(workspaceId);\n  const { mutate: unarchiveProject, isPending: isUnarchiving } = useUnarchiveProject(workspaceId);\n  const { mutate: deleteProject, isPending: isDeleting } = useDeleteProject(workspaceId);\n  const { mutateAsync: tagProject, isPending: isTaggingProject } = useTagProject(workspaceId);\n  const { mutateAsync: untagProject, isPending: isUntaggingProject } = useUntagProject(workspaceId);\n  const { mutateAsync: updateProject, isPending: isUpdatingProject } =\n    useUpdateProject(workspaceId);\n  const {\n    canViewProject,\n    canUpdateProject,\n    canDeleteProject,\n    canArchiveProject,\n    canListProjectMembers,\n    canAddProjectMember,\n    isLoading: permissionsLoading,\n  } = useWorkspacePermissions();\n  const { data: projectMemberCount } = useProjectMembersCount(projectId || '', workspaceId);\n  const displayTags = useMemo(\n    () =>\n      getProjectDisplayTags({\n        tags: project?.tags ?? [],\n        tagAssignments: project?.tagAssignments,\n      }),\n    [project?.tags, project?.tagAssignments]\n  );\n  const { data: workspaceActivity } = useWorkspaceActivity(workspaceId);\n  const relatedActivityCount = (workspaceActivity ?? []).filter(\n    (item) => item.resourceId === projectId || item.resourceType?.toLowerCase() === 'project'\n  ).length;\n  const widgetTags: TagItem[] = displayTags;\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewProject) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'projectDetail.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'projectDetail.noPermissionToViewProject',\n              \"You don't have permission to view this project.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const handleBack = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n  };\n\n  const handleArchive = () => {\n    if (!project) return;\n    if (project.archived) {\n      unarchiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to unarchive project:', err);\n        },\n      });\n    } else {\n      archiveProject(project.id, {\n        onError: (err) => {\n          console.error('Failed to archive project:', err);\n        },\n      });\n    }\n  };\n\n  const handleDelete = () => {\n    if (!project) return;\n    void nativeImpact('medium');\n    deleteProject(project.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowDeleteDialog(false);\n        navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects`));\n      },\n      onError: (err) => {\n        void nativeNotify('error');\n        console.error('Failed to delete project:', err);\n      },\n    });\n  };\n\n  const handleViewProjectMembers = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspaceId}/projects/${projectId}/members`));\n  };\n\n  const syncLegacyProjectTags = async (nextTags: TagItem[]) => {\n    if (!project) {\n      return;\n    }\n\n    const normalizedNextTags = nextTags.map((tag) => toProjectTag(tag));\n\n    try {\n      await updateProject({\n        id: project.id,\n        input: {\n          tags: normalizedNextTags,\n        },\n      });\n    } catch (err) {\n      void nativeNotify('warning');\n      console.error(\n        'Failed to sync legacy project tag mirror after updating structured project tags:',\n        err\n      );\n    }\n  };\n\n  const handleAddTag = async (tag: TagItem) => {\n    if (!project) {\n      return;\n    }\n\n    try {\n      await tagProject({\n        entityId: project.id,\n        tagId: tag.id,\n      });\n\n      await syncLegacyProjectTags([...displayTags, toProjectTag(tag)]);\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  const handleRemoveTag = async (tagId: string) => {\n    if (!project) {\n      return;\n    }\n\n    const assignmentId = project.tagAssignments?.find(\n      (assignment) => assignment.tagId === tagId\n    )?.id;\n    try {\n      await untagProject({\n        entityId: project.id,\n        tagId,\n        assignmentId,\n      });\n\n      await syncLegacyProjectTags(\n        displayTags.filter((tag) => tag.tagId !== tagId && tag.id !== tagId)\n      );\n    } catch (err) {\n      void nativeNotify('error');\n      throw err;\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n        <Skeleton className=\"h-10 w-32\" />\n        <Skeleton className=\"h-10 w-1/3\" />\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n          <Skeleton className=\"h-32\" />\n        </div>\n        <Skeleton className=\"h-48\" />\n      </div>\n    );\n  }\n\n  if (error || !project) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2\">\n          <ArrowLeft size={20} />\n          {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n        </Button>\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title={tWithFallback(t, 'projectDetail.projectNotFound', 'Project not found')}\n          description={tWithFallback(\n            t,\n            'projectDetail.projectNotFoundDescription',\n            \"The project you're looking for doesn't exist or you don't have permission to view it.\"\n          )}\n          action={\n            <Button onClick={handleBack}>\n              <ArrowLeft size={16} className=\"mr-2\" />\n              {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n            </Button>\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3\">\n        <div>\n          <Button variant=\"ghost\" onClick={handleBack} className=\"gap-2 mb-2 -ml-2\">\n            <ArrowLeft size={20} />\n            {tWithFallback(t, 'projectDetail.backToProjects', 'Back to Projects')}\n          </Button>\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-3 rounded-lg bg-action-primary-bg/10\">\n              <FolderKanban className=\"text-primary\" size={28} />\n            </div>\n            <div>\n              <h1 className=\"text-2xl sm:text-3xl font-bold\">{project.name}</h1>\n              <p className=\"text-sm text-text-secondary font-mono\">{project.key}</p>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 mt-3\">\n            <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n              {project.status}\n            </Badge>\n            {project.archived && (\n              <Badge\n                variant=\"outline\"\n                className=\"border-workspace-archived-border text-workspace-archived-text\"\n              >\n                <Archive size={12} className=\"mr-1\" />\n                {tWithFallback(t, 'projectDetail.archived', 'Archived')}\n              </Badge>\n            )}\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button\n                variant=\"outline\"\n                size=\"icon\"\n                aria-label={tWithFallback(\n                  t,\n                  'projectDetail.openProjectActionsAriaLabel',\n                  'Open project actions'\n                )}\n              >\n                <MoreVertical size={20} />\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              {canUpdateProject && (\n                <DropdownMenuItem onClick={() => setShowRenameDialog(true)}>\n                  <Pencil size={16} className=\"mr-2\" />\n                  {tWithFallback(t, 'projectDetail.renameProject', 'Rename Project')}\n                </DropdownMenuItem>\n              )}\n              {canUpdateProject && (canArchiveProject || canDeleteProject) && (\n                <DropdownMenuSeparator />\n              )}\n              {canArchiveProject && (\n                <DropdownMenuItem onClick={handleArchive} disabled={isArchiving || isUnarchiving}>\n                  <Archive size={16} className=\"mr-2\" />\n                  {isArchiving || isUnarchiving\n                    ? tWithFallback(t, 'projectDetail.processing', 'Processing...')\n                    : project.archived\n                      ? tWithFallback(t, 'projectDetail.unarchive', 'Unarchive')\n                      : tWithFallback(t, 'projectDetail.archive', 'Archive')}\n                </DropdownMenuItem>\n              )}\n              {canArchiveProject && canDeleteProject && <DropdownMenuSeparator />}\n              {canDeleteProject && (\n                <DropdownMenuItem\n                  onClick={() => setShowDeleteDialog(true)}\n                  className=\"text-status-error-text\"\n                >\n                  {tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </div>\n\n      <PagePurpose>\n        {tWithFallback(\n          t,\n          'projectDetail.purpose',\n          'This is a single project — a focused stream of work within its workspace. From here you can manage the people working on it, organise it with tags so it surfaces in filters and reports, and keep track of related activity. Use the menu in the top-right to archive or delete it when it wraps up.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"workspaces-project-detail\"\n        steps={[\n          ...(canAddProjectMember\n            ? [\n                {\n                  id: 'add-member',\n                  label: tWithFallback(\n                    t,\n                    'projectDetail.stepAddMember',\n                    'Add people to the project'\n                  ),\n                  description: tWithFallback(\n                    t,\n                    'projectDetail.stepAddMemberDesc',\n                    'Pull in the teammates who will actually work on this project.'\n                  ),\n                  icon: <UserPlus size={16} />,\n                  onClick: () => setShowAddMemberDialog(true),\n                },\n              ]\n            : []),\n          {\n            id: 'tag-project',\n            label: tWithFallback(t, 'projectDetail.stepTag', 'Tag the project'),\n            description: tWithFallback(\n              t,\n              'projectDetail.stepTagDesc',\n              'Add tags so this project shows up in the right filters and views.'\n            ),\n            icon: <FolderKanban size={16} />,\n            onClick: () => {\n              document\n                .getElementById('project-tags-section')\n                ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n            },\n          },\n          ...(canListProjectMembers\n            ? [\n                {\n                  id: 'manage-members',\n                  label: tWithFallback(\n                    t,\n                    'projectDetail.stepManageMembers',\n                    'Review project members'\n                  ),\n                  description: tWithFallback(\n                    t,\n                    'projectDetail.stepManageMembersDesc',\n                    'See who has access and adjust their project roles.'\n                  ),\n                  icon: <Users size={16} />,\n                  onClick: handleViewProjectMembers,\n                },\n              ]\n            : []),\n          {\n            id: 'review-activity',\n            label: tWithFallback(t, 'projectDetail.stepActivity', 'Check recent activity'),\n            description: tWithFallback(\n              t,\n              'projectDetail.stepActivityDesc',\n              'Catch up on what has changed across the workspace.'\n            ),\n            icon: <Activity size={16} />,\n            onClick: () => navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`)),\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 column */}\n        <div className=\"lg:col-span-2 space-y-4 sm:space-y-6\">\n          {/* Stat metrics */}\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n            <GlassCard treatment=\"metric\" glow>\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-sm font-medium text-text-secondary\">\n                  <Users size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'projectDetail.membersCardTitle', 'Members')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <p className=\"text-3xl font-bold tabular-nums\">{projectMemberCount ?? 0}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'projectDetail.projectMembers', 'Project members')}\n                </p>\n\n                {canAddProjectMember || canListProjectMembers ? (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {canAddProjectMember ? (\n                      <Button size=\"sm\" onClick={() => setShowAddMemberDialog(true)}>\n                        <UserPlus size={16} className=\"mr-2\" />\n                        {tWithFallback(t, 'projectDetail.addProjectMember', 'Add Member')}\n                      </Button>\n                    ) : null}\n\n                    {canListProjectMembers ? (\n                      <Button variant=\"outline\" size=\"sm\" onClick={handleViewProjectMembers}>\n                        <Users size={16} className=\"mr-2\" />\n                        {tWithFallback(t, 'projectDetail.manageProjectMembers', 'Manage Members')}\n                      </Button>\n                    ) : null}\n                  </div>\n                ) : null}\n              </CardContent>\n            </GlassCard>\n\n            <GlassCard treatment=\"metric\">\n              <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n                <CardTitle className=\"flex items-center gap-2 text-sm font-medium text-text-secondary\">\n                  <Activity size={18} className=\"text-text-muted\" />\n                  {tWithFallback(t, 'projectDetail.activityCardTitle', 'Activity')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-3xl font-bold tabular-nums\">{relatedActivityCount}</p>\n                <p className=\"text-sm text-text-muted\">\n                  {tWithFallback(t, 'projectDetail.recentActivityItems', 'Recent activity items')}\n                </p>\n              </CardContent>\n            </GlassCard>\n          </div>\n\n          <GlassCard treatment=\"plain\" id=\"project-tags-section\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>{tWithFallback(t, 'projectDetail.tagsTitle', 'Tags')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-text-muted\">\n                {tWithFallback(\n                  t,\n                  'projectDetail.tagsDescription',\n                  'Use universal tags to classify and filter this project across the workspace.'\n                )}\n              </p>\n              <ProjectTagsWidget\n                entityType=\"Project\"\n                entityId={project.id}\n                workspaceId={workspaceId}\n                tags={widgetTags}\n                onAdd={handleAddTag}\n                onRemove={handleRemoveTag}\n                className={\n                  isTaggingProject || isUntaggingProject || isUpdatingProject\n                    ? 'pointer-events-none opacity-75'\n                    : undefined\n                }\n              />\n            </CardContent>\n          </GlassCard>\n        </div>\n\n        {/* Detail rail */}\n        <aside className=\"lg:sticky lg:top-6 lg:self-start\">\n          {/* Project Information */}\n          <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle>\n                {tWithFallback(t, 'projectDetail.projectInformation', 'Project Information')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div className=\"grid grid-cols-1 gap-4 text-sm\">\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-muted flex items-center gap-2\">\n                    <FolderKanban size={14} />\n                    {tWithFallback(t, 'projectDetail.projectId', 'Project ID')}\n                  </span>\n                  <button\n                    type=\"button\"\n                    onClick={() =>\n                      idModal.show({\n                        id: project.id,\n                        name: project.name,\n                        type: 'Project',\n                        details: project.key ? [{ label: 'Key', value: project.key }] : undefined,\n                      })\n                    }\n                    className=\"inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded\"\n                  >\n                    {tWithFallback(t, 'projectDetail.getId', 'Get ID')}\n                  </button>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <FolderKanban size={14} />\n                    {tWithFallback(t, 'projectDetail.projectKey', 'Project Key')}\n                  </span>\n                  <span className=\"font-medium\">{project.key}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Clock size={14} />\n                    {tWithFallback(t, 'projectDetail.created', 'Created')}\n                  </span>\n                  <span>{formatDate(project.createdAt)}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Clock size={14} />\n                    {tWithFallback(t, 'projectDetail.lastUpdated', 'Last Updated')}\n                  </span>\n                  <span>{formatDate(project.updatedAt)}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Users size={14} />\n                    {tWithFallback(t, 'projectDetail.workspaceId', 'Workspace ID')}\n                  </span>\n                  <span className=\"font-mono text-xs block\">{project.workspaceId}</span>\n                </div>\n\n                <div className=\"space-y-1\">\n                  <span className=\"text-text-secondary flex items-center gap-2\">\n                    <Users size={14} />\n                    {tWithFallback(t, 'projectDetail.creatorId', 'Creator ID')}\n                  </span>\n                  <span className=\"font-mono text-xs block\">{project.creatorId}</span>\n                </div>\n              </div>\n\n              {project.config && Object.keys(project.config).length > 0 && (\n                <div className=\"pt-4 border-t border-border-seam\">\n                  <h4 className=\"text-sm font-medium mb-2\">\n                    {tWithFallback(t, 'projectDetail.configuration', 'Configuration')}\n                  </h4>\n                  <pre className=\"text-xs bg-bg-sunken p-3 rounded-lg overflow-auto\">\n                    {JSON.stringify(project.config, null, 2)}\n                  </pre>\n                </div>\n              )}\n\n              {/* Quick Actions — progressive disclosure (secondary navigation) */}\n              <ShowMore\n                collapsedHeight={0}\n                label={tWithFallback(t, 'projectDetail.quickActions', 'Quick Actions')}\n              >\n                <div className=\"flex flex-col gap-2 pt-2\">\n                  {canListProjectMembers ? (\n                    <Button\n                      variant=\"outline\"\n                      size=\"sm\"\n                      className=\"justify-start\"\n                      onClick={handleViewProjectMembers}\n                    >\n                      <Users size={16} className=\"mr-2\" />\n                      {tWithFallback(t, 'projectDetail.projectMembersPage', 'Project Members')}\n                    </Button>\n                  ) : null}\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"justify-start\"\n                    onClick={() =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/members`))\n                    }\n                  >\n                    <Users size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectDetail.workspaceMembers', 'Workspace Members')}\n                  </Button>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"justify-start\"\n                    onClick={() =>\n                      navigate(withCurrentSearch(`${basePath}/${workspaceId}/activity`))\n                    }\n                  >\n                    <Activity size={16} className=\"mr-2\" />\n                    {tWithFallback(t, 'projectDetail.workspaceActivity', 'Workspace Activity')}\n                  </Button>\n                </div>\n              </ShowMore>\n            </CardContent>\n          </GlassCard>\n        </aside>\n      </div>\n\n      {/* Delete Confirmation Dialog */}\n      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {tWithFallback(t, 'projectDetail.deleteDialogTitle', 'Delete Project')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {tWithFallback(\n                t,\n                'projectDetail.deleteConfirmPrefix',\n                'Are you sure you want to delete \"'\n              ) +\n                project.name +\n                tWithFallback(\n                  t,\n                  'projectDetail.deleteConfirmSuffix',\n                  '\"? This action cannot be undone and all project data will be permanently removed.'\n                )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isDeleting}>\n              {tWithFallback(t, 'projectDetail.cancel', 'Cancel')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleDelete}\n              disabled={isDeleting}\n              className=\"bg-status-error-bg text-status-error-text hover:bg-status-error-bg/90\"\n            >\n              {isDeleting\n                ? tWithFallback(t, 'projectDetail.deleting', 'Deleting...')\n                : tWithFallback(t, 'projectDetail.deleteProject', 'Delete Project')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n\n      {workspaceId && projectId && showAddMemberDialog ? (\n        <ProjectMemberPickerDialog\n          open={showAddMemberDialog}\n          onOpenChange={setShowAddMemberDialog}\n          workspaceId={workspaceId}\n          projectId={projectId}\n          projectName={project.name}\n        />\n      ) : null}\n      {showRenameDialog && (\n        <RenameProjectDialog\n          project={{ id: project.id, name: project.name, workspaceId: project.workspaceId }}\n          open={showRenameDialog}\n          onOpenChange={setShowRenameDialog}\n        />\n      )}\n      <EntityIdModal control={idModal} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/ProjectMembersPage.js

@@ -13,8 +13,8 @@ import { useMemo as d, useState as f } from "react";
 import { ArrowLeft as ne, Search as re, UserMinus as ie, UserPlus as p } from "lucide-react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Badge as g, Button as _, IllustratedEmptyState as v, Input as y, PageContainer as b, PagePurpose as x, Skeleton as S } from "@burdenoff/fe-libs/ui";
-import { useNavigate as ae, useParams as oe } from "react-router";
-import { useI18n as se } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as oe, useParams as se } from "react-router";
 import { ActorIdentity as ce, useActorProfiles as le } from "@burdenoff/fe-libs/shared";
 //#region src/pages/ProjectMembersPage.tsx
 var ue = 100;
@@ -29,7 +29,7 @@ function C(e, t) {
 	};
 }
 function w() {
-	let { t: w } = se(), de = ae(), { workspaceId: T, projectId: E } = oe(), { basePath: fe = "/workspaces", apiGatewayUrl: D, authToken: O, organizationId: k } = e(), { withCurrentSearch: A } = t(), [j, M] = f(""), [N, P] = f(!1), [F, I] = f(null), [L, R] = f(null);
+	let { t: w } = ae(), de = oe(), { workspaceId: T, projectId: E } = se(), { basePath: fe = "/workspaces", apiGatewayUrl: D, authToken: O, organizationId: k } = e(), { withCurrentSearch: A } = t(), [j, M] = f(""), [N, P] = f(!1), [F, I] = f(null), [L, R] = f(null);
 	r("workspaces.project-members", {
 		workspaceId: T,
 		projectId: E,

package/dist/pages/ProjectsListPage.js

@@ -12,18 +12,18 @@ 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";
-import { useDebounce as de } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useParams as de } from "react-router";
+import { useDebounce as fe } from "@burdenoff/fe-libs/shared/hooks";
 import { TagBadge as pe } from "@burdenoff/fe-libs/tag";
 //#region src/pages/ProjectsListPage.tsx
 function D() {
-	let { t: D } = fe(), { workspaceId: O } = ue();
+	let { t: D } = ue(), { workspaceId: O } = de();
 	n("workspaces.projects", {
 		workspaceId: O,
 		requireParams: !0
 	});
-	let { viewMode: k, setViewMode: A, projectFilters: j, setProjectFilters: M, clearProjectFilters: me, selectedProjectIds: N, toggleProjectSelection: P, clearProjectSelection: F, openCreateProjectDialog: he, isCreateProjectDialogOpen: ge } = e(), [I, L] = m(j.search || ""), [R, z] = m([]), [B, V] = m(!0), H = de(I, 500);
+	let { viewMode: k, setViewMode: A, projectFilters: j, setProjectFilters: M, clearProjectFilters: me, selectedProjectIds: N, toggleProjectSelection: P, clearProjectSelection: F, openCreateProjectDialog: he, isCreateProjectDialogOpen: ge } = e(), [I, L] = m(j.search || ""), [R, z] = m([]), [B, V] = m(!0), H = fe(I, 500);
 	f(() => {
 		M({ search: H });
 	}, [H, M]), f(() => {

package/dist/pages/WorkspaceDetailPage.js

@@ -12,16 +12,16 @@ import { useState as s } from "react";
 import { Activity as c, Archive 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 { AlertDialog as y, AlertDialogAction as b, AlertDialogCancel as x, AlertDialogContent as S, AlertDialogDescription as re, AlertDialogFooter as C, AlertDialogHeader as w, AlertDialogTitle as T, Badge as E, Button as D, CTAOverflowMenu as ie, CardContent as O, CardHeader as k, CardTitle as A, GlassCard as j, IllustratedEmptyState as M, NextSteps as N, PagePurpose as P, Skeleton as F } from "@burdenoff/fe-libs/ui";
-import { useNavigate as I, useParams as L } from "react-router";
-import { useI18n as R } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as I } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as L, useParams as R } from "react-router";
 //#region src/pages/WorkspaceDetailPage.tsx
 function z() {
-	let { workspaceId: z } = L();
+	let { workspaceId: z } = R();
 	ee("workspaces.detail", {
 		workspaceId: z,
 		requireParams: !0
 	});
-	let { t: B } = R(), V = I(), { basePath: H = "/" } = e(), { withCurrentSearch: U } = n(), [W, G] = s(!1), [K, q] = s(null), { mutate: J, isPending: Y } = a(), { data: X, isLoading: ae, error: oe } = t(z || ""), { data: se } = i({ workspaceId: z }, { limit: 1 }, z), { data: ce } = te(z || "", { limit: 1 }), { data: le } = o(z), { canViewWorkspace: ue, canUpdateWorkspace: Z, canArchiveWorkspace: de, canInviteMember: Q, isLoading: fe } = ne();
+	let { t: B } = I(), V = L(), { basePath: H = "/" } = e(), { withCurrentSearch: U } = n(), [W, G] = s(!1), [K, q] = s(null), { mutate: J, isPending: Y } = a(), { data: X, isLoading: ae, error: oe } = t(z || ""), { data: se } = i({ workspaceId: z }, { limit: 1 }, z), { data: ce } = te(z || "", { limit: 1 }), { data: le } = o(z), { canViewWorkspace: ue, canUpdateWorkspace: Z, canArchiveWorkspace: de, canInviteMember: Q, isLoading: fe } = ne();
 	if (fe) return /* @__PURE__ */ v("div", {
 		className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
 		children: [/* @__PURE__ */ _(F, { className: "h-10 w-1/3" }), /* @__PURE__ */ v("div", {

package/dist/pages/WorkspaceInvitePage.js

@@ -15,8 +15,8 @@ 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";
-import { useI18n as ze } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as Le } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as Re, useParams as ze } from "react-router";
 //#region src/pages/WorkspaceInvitePage.tsx
 var Be = 1024 * 1024, D = 500, Ve = [
 	{
@@ -220,7 +220,7 @@ function Ke({ selectedRoleIds: e, onRoleToggle: t, selectedProjectIds: n, onProj
 	});
 }
 function k() {
-	let { workspaceId: _e } = Re(), { t: x } = ze(), w = Le(), { basePath: T = "/workspaces", workspaceId: Ie } = e(), { withCurrentSearch: E } = n(), k = _e || Ie || "";
+	let { workspaceId: _e } = ze(), { t: x } = Le(), w = Re(), { basePath: T = "/workspaces", workspaceId: Ie } = e(), { withCurrentSearch: E } = n(), k = _e || Ie || "";
 	i("workspaces.invite", { workspaceId: k || void 0 });
 	let { canInviteMember: qe, isLoading: Je } = ae(), { data: Ye, isLoading: Xe, error: Ze } = t(k), { data: A = [], isLoading: Qe } = oe(k), { data: j, isLoading: $e } = se({ archived: !1 }, { limit: 100 }, k), { data: et, isLoading: tt, isFetching: M, error: nt, refetch: rt } = a(k, "PENDING", { limit: 50 }, { retry: !1 }), N = s(() => (j?.items ?? []).filter((e) => !e.archived), [j?.items]), [it, at] = c("single"), [P, ot] = c(""), [F, st] = c([]), [I, ct] = c([]), [lt, L] = c(null), [ut, dt] = c(null), [ft, R] = c(null), [pt, z] = c(null), [B, V] = c(null), [H, U] = c([]), [mt, ht] = c(null), [gt, W] = c(!1), [G, _t] = c(!1), vt = ue(null), [K, yt] = c(null), { mutateAsync: bt, isPending: q } = o(k), { mutateAsync: xt, isPending: St } = ee(), { mutate: Ct, isPending: J } = ne(k), { mutate: wt, isPending: Y } = te(k), [Tt, X] = c(null), Z = et?.items ?? [], Et = q || St || G, Dt = s(() => A.filter((e) => F.includes(e.id)).map((e) => e.name), [A, F]), Ot = s(() => N.filter((e) => I.includes(e.id)).map((e) => e.name), [N, I]), Q = s(() => H.filter((e) => e.errors.length === 0 && e.status.kind !== "invited"), [H]), $ = s(() => H.filter((e) => e.errors.length > 0), [H]);
 	if (!k) return /* @__PURE__ */ m("div", {
@@ -849,7 +849,7 @@ function k() {
 	})] });
 }
 function qe() {
-	let { workspaceId: t } = Re(), { workspaceId: n } = e();
+	let { workspaceId: t } = ze(), { workspaceId: n } = e();
 	return /* @__PURE__ */ m(_e, {
 		scopeId: t || n || null,
 		gateway: "workspace",

package/dist/pages/WorkspaceSettingsPage.js

@@ -9,9 +9,9 @@ import { useMemo as c } from "react";
 import { ArrowLeft as l, Save as u } from "lucide-react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { Button as p, CardContent as m, CardHeader as h, CardTitle as g, GlassCard as _, OptionalFields as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
-import { useNavigate as b, useParams as x } from "react-router";
-import { AccessDenied as S, PermissionGate as C } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as x, useParams as S } from "react-router";
+import { AccessDenied as C, PermissionGate as w } from "@burdenoff/fe-libs/shared/components";
 import { Form as T, FormControl as E, FormField as D, FormItem as O, FormLabel as k, FormMessage as A, Input as j, z as M } from "@burdenoff/fe-libs/form";
 import { TagsWidget as N } from "@burdenoff/fe-libs/tag";
 //#region src/pages/WorkspaceSettingsPage.tsx
@@ -22,12 +22,12 @@ var P = M.object({
 	website: M.string().url().optional().or(M.literal(""))
 });
 function F() {
-	let { t: M } = w(), { workspaceId: F } = x();
+	let { t: M } = b(), { workspaceId: F } = S();
 	o("workspaces.settings", {
 		workspaceId: F,
 		requireParams: !0
 	});
-	let I = b(), { basePath: L = "/" } = e(), { data: R, isLoading: z } = r(F || ""), { mutate: B, isPending: V } = s(), { data: H, refetch: U } = t({
+	let I = x(), { basePath: L = "/" } = e(), { data: R, isLoading: z } = r(F || ""), { mutate: B, isPending: V } = s(), { data: H, refetch: U } = t({
 		variables: { input: { workspaceId: F ?? "" } },
 		skip: !F,
 		fetchPolicy: "cache-and-network"
@@ -51,7 +51,7 @@ function F() {
 	return z ? /* @__PURE__ */ d("div", {
 		className: "p-6",
 		children: a(M, "workspaceSettings.loading", "Loading...")
-	}) : R ? /* @__PURE__ */ d(C, {
+	}) : R ? /* @__PURE__ */ d(w, {
 		permission: i.WORKSPACE_UPDATE,
 		fallback: /* @__PURE__ */ f("div", {
 			className: "p-6",
@@ -60,7 +60,7 @@ function F() {
 				onClick: () => I(`${L}/${F}`),
 				className: "gap-2 mb-6 -ml-2",
 				children: [/* @__PURE__ */ d(l, { size: 20 }), a(M, "workspaceSettings.backToWorkspace", "Back to Workspace")]
-			}), /* @__PURE__ */ d(S, {
+			}), /* @__PURE__ */ d(C, {
 				variant: "card",
 				title: a(M, "workspaceSettings.permissionRequired", "Permission Required"),
 				description: a(M, "workspaceSettings.permissionRequiredDesc", "You don't have permission to edit workspace settings."),

package/dist/pages/WorkspacesListPage.js

@@ -11,16 +11,16 @@ import { useEffect as l, useState as u } from "react";
 import { Grid3X3 as d, List as f, Mail as p, MoreHorizontal as m, Plus as h, Search as g, UserPlus as _ } from "lucide-react";
 import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { AuroraBackground as x, Badge as S, Button as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuItem as E, DropdownMenuTrigger as ee, GradientText as te, IllustratedEmptyState as D, Input as O, PagePurpose as k, Skeleton as A } from "@burdenoff/fe-libs/ui";
-import { useNavigate as j } from "react-router";
-import { useDebounce as M } from "@burdenoff/fe-libs/shared/hooks";
-import { PermissionButton as N } from "@burdenoff/fe-libs/shared/components";
-import { useI18n as P } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as j } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useNavigate as M } from "react-router";
+import { useDebounce as N } from "@burdenoff/fe-libs/shared/hooks";
+import { PermissionButton as P } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/WorkspacesListPage.tsx
 function F() {
 	c("workspaces.list");
-	let { t: F } = P(), I = j(), { basePath: L = "/", currentUser: R, workspaceId: z } = e(), { withCurrentSearch: B } = i(), { viewMode: V, setViewMode: H, workspaceFilters: U, setWorkspaceFilters: W } = t(), G = () => {
+	let { t: F } = j(), I = M(), { basePath: L = "/", currentUser: R, workspaceId: z } = e(), { withCurrentSearch: B } = i(), { viewMode: V, setViewMode: H, workspaceFilters: U, setWorkspaceFilters: W } = t(), G = () => {
 		I(B(`${L}/new`));
-	}, [K, q] = u(U.search || ""), J = M(K, 500);
+	}, [K, q] = u(U.search || ""), J = N(K, 500);
 	l(() => {
 		J !== U.search && W({ search: J });
 	}, [
@@ -97,7 +97,7 @@ function F() {
 								})
 							}), /* @__PURE__ */ b(T, {
 								align: "end",
-								children: [/* @__PURE__ */ y(N, {
+								children: [/* @__PURE__ */ y(P, {
 									permission: o.MEMBER_CREATE,
 									deniedBehavior: "disable",
 									deniedTooltip: s(F, "workspacesList.inviteDeniedTooltip", "You don't have permission to invite members into the current workspace"),
@@ -123,7 +123,7 @@ function F() {
 									]
 								})]
 							})] }),
-							/* @__PURE__ */ y(N, {
+							/* @__PURE__ */ y(P, {
 								permission: o.WORKSPACE_CREATE,
 								deniedBehavior: "disable",
 								deniedTooltip: s(F, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),
@@ -183,7 +183,7 @@ function F() {
 					illustration: U.search ? "empty-search" : "onboarding",
 					title: s(F, "workspacesList.emptyTitle", "No workspaces found"),
 					description: U.search ? s(F, "workspacesList.emptySearchHint", "Try adjusting your search criteria") : s(F, "workspacesList.emptyCreateHint", "Get started by creating your first workspace"),
-					action: U.search ? void 0 : /* @__PURE__ */ y(N, {
+					action: U.search ? void 0 : /* @__PURE__ */ y(P, {
 						permission: o.WORKSPACE_CREATE,
 						deniedBehavior: "disable",
 						deniedTooltip: s(F, "workspacesList.createDeniedTooltip", "You don't have permission to create workspaces"),

package/dist/pages/dashboard/widgets/RecentActivityWidget.js

@@ -3,8 +3,8 @@ import { WidgetWrapper as t } from "../WidgetWrapper.js";
 import { Activity as n, ArrowRight as r } from "lucide-react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Button as o, IllustratedEmptyState as s } from "@burdenoff/fe-libs/ui";
-import { formatRelativeTime as c } from "@burdenoff/fe-libs/shared/utils";
-import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { formatRelativeTime as l } from "@burdenoff/fe-libs/shared/utils";
 //#region src/pages/dashboard/widgets/RecentActivityWidget.tsx
 function u(t, n) {
 	switch (n) {
@@ -34,7 +34,7 @@ var d = {
 	calendar: "bg-accent-pink-subtle text-accent-pink"
 };
 function f({ workspaceData: f, isLoading: p, navigate: m }) {
-	let { t: h } = l(), g = f?.recentActivities ?? [];
+	let { t: h } = c(), g = f?.recentActivities ?? [];
 	return /* @__PURE__ */ i(t, {
 		title: e(h, "dashboard.recentActivity.title", "Recent Activity"),
 		icon: /* @__PURE__ */ i(n, { className: "size-4" }),
@@ -60,7 +60,7 @@ function f({ workspaceData: f, isLoading: p, navigate: m }) {
 		}) : /* @__PURE__ */ i("div", {
 			className: "space-y-1",
 			children: g.map((e, t) => {
-				let n = e.resourceType || "workspace", r = d[n] || "bg-bg-sunken text-text-secondary", o = c(new Date(e.timestamp)), s = u(h, e.action);
+				let n = e.resourceType || "workspace", r = d[n] || "bg-bg-sunken text-text-secondary", o = l(new Date(e.timestamp)), s = u(h, e.action);
 				return /* @__PURE__ */ a("div", {
 					className: "flex items-start gap-3 p-2 rounded-md hover:bg-accent/5 transition-colors",
 					children: [/* @__PURE__ */ i("div", {

package/dist/pages/dashboard/widgets/StorageWidget.js

@@ -2,8 +2,8 @@ import { tWithFallback as e } from "../../../utils/i18n.js";
 import { WidgetWrapper as t } from "../WidgetWrapper.js";
 import { HardDrive as n } from "lucide-react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useUpgradePrompt as a } from "@burdenoff/fe-libs/shared/hooks";
-import { useI18n as o } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useUpgradePrompt as o } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/pages/dashboard/widgets/StorageWidget.tsx
 var s = 50 * 1024 * 1024, c = 5 * 1024 * 1024 * 1024;
 function l(t) {
@@ -27,7 +27,7 @@ function d(e, t, n) {
 	return `${Number.isInteger(o) ? o.toString() : o.toFixed(1)} ${i[a]}`;
 }
 function f({ workspaceData: l, isLoading: f }) {
-	let { t: p } = o(), { isFree: m } = a({ resource: "storage" }), h = l?.storageUsage, g = m ? s : c, _ = h?.usedBytes ?? 0, v = h?.totalBytes && h.totalBytes > 0 ? h.totalBytes : g, y = v > 0 ? Math.min(_ / v * 100, 100) : 0, b = y > 80 ? "bg-status-error-bg" : y > 60 ? "bg-status-warning-bg" : "bg-status-success-bg";
+	let { t: p } = a(), { isFree: m } = o({ resource: "storage" }), h = l?.storageUsage, g = m ? s : c, _ = h?.usedBytes ?? 0, v = h?.totalBytes && h.totalBytes > 0 ? h.totalBytes : g, y = v > 0 ? Math.min(_ / v * 100, 100) : 0, b = y > 80 ? "bg-status-error-bg" : y > 60 ? "bg-status-warning-bg" : "bg-status-success-bg";
 	return /* @__PURE__ */ r(t, {
 		title: e(p, "dashboard.storage.title", "Storage"),
 		icon: /* @__PURE__ */ r(n, { className: "size-4" }),

package/dist/pages/dashboard/widgets/WelcomeWidget.js

@@ -5,10 +5,16 @@ import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { GlassCard as l, GradientText as u } from "@burdenoff/fe-libs/ui";
 import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/dashboard/widgets/WelcomeWidget.tsx
-function f({ icon: e, label: t, value: n }) {
+function f({ icon: e, label: t, value: n, onClick: r }) {
 	return /* @__PURE__ */ s(l, {
 		treatment: "metric",
-		className: "p-3",
+		className: `p-3${r ? " cursor-pointer hover:shadow-[var(--shadow-pop-hover)] hover:border-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]" : ""}`,
+		onClick: r,
+		onKeyDown: r ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r?.());
+		} : void 0,
+		role: r ? "button" : void 0,
+		tabIndex: r ? 0 : void 0,
 		children: /* @__PURE__ */ c("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ s("div", {
@@ -24,10 +30,10 @@ function f({ icon: e, label: t, value: n }) {
 		})
 	});
 }
-function p({ workspaceData: p, globalData: m, isLoading: h }) {
-	let { t: g } = d(), _ = m?.currentUser, v = _?.firstName || _?.name?.split(" ")[0] || e(g, "dashboard.welcome.fallbackName", "there"), y = (/* @__PURE__ */ new Date()).getHours(), b = y < 12 ? e(g, "dashboard.welcome.greetingMorning", "Good morning") : y < 18 ? e(g, "dashboard.welcome.greetingAfternoon", "Good afternoon") : e(g, "dashboard.welcome.greetingEvening", "Good evening"), x = p?.workspaces.total ?? 0, S = p?.projects.total ?? 0, C = p?.groups.totalCount ?? 0, w = p?.recentActivities.length ?? 0;
+function p({ workspaceData: p, globalData: m, isLoading: h, navigate: g }) {
+	let { t: _ } = d(), v = m?.currentUser, y = v?.firstName || v?.name?.split(" ")[0] || e(_, "dashboard.welcome.fallbackName", "there"), b = (/* @__PURE__ */ new Date()).getHours(), x = b < 12 ? e(_, "dashboard.welcome.greetingMorning", "Good morning") : b < 18 ? e(_, "dashboard.welcome.greetingAfternoon", "Good afternoon") : e(_, "dashboard.welcome.greetingEvening", "Good evening"), S = p?.workspaces.total ?? 0, C = p?.projects.total ?? 0, w = p?.groups.totalCount ?? 0, T = p?.recentActivities.length ?? 0;
 	return /* @__PURE__ */ s(t, {
-		title: e(g, "dashboard.welcome.title", "Dashboard"),
+		title: e(_, "dashboard.welcome.title", "Dashboard"),
 		icon: /* @__PURE__ */ s(a, { className: "size-4" }),
 		size: "large",
 		isLoading: h,
@@ -40,37 +46,41 @@ function p({ workspaceData: p, globalData: m, isLoading: h }) {
 				children: [/* @__PURE__ */ c("h2", {
 					className: "text-xl font-bold text-text-primary",
 					children: [
-						b,
+						x,
 						", ",
-						/* @__PURE__ */ s(u, { children: v }),
+						/* @__PURE__ */ s(u, { children: y }),
 						"!"
 					]
 				}), /* @__PURE__ */ s("p", {
 					className: "text-sm text-text-secondary mt-1",
-					children: e(g, "dashboard.welcome.subtitle", "Here's what's happening across your workspaces today.")
+					children: e(_, "dashboard.welcome.subtitle", "Here's what's happening across your workspaces today.")
 				})]
 			}), /* @__PURE__ */ c("div", {
 				className: "grid grid-cols-2 sm:grid-cols-4 gap-3",
 				children: [
 					/* @__PURE__ */ s(f, {
 						icon: /* @__PURE__ */ s(r, { className: "size-4" }),
-						label: e(g, "dashboard.welcome.statWorkspaces", "Workspaces"),
-						value: x
+						label: e(_, "dashboard.welcome.statWorkspaces", "Workspaces"),
+						value: S,
+						onClick: () => g("/workspaces/list")
 					}),
 					/* @__PURE__ */ s(f, {
 						icon: /* @__PURE__ */ s(i, { className: "size-4" }),
-						label: e(g, "dashboard.welcome.statProjects", "Projects"),
-						value: S
+						label: e(_, "dashboard.welcome.statProjects", "Projects"),
+						value: C,
+						onClick: () => g("/workspaces/projects")
 					}),
 					/* @__PURE__ */ s(f, {
 						icon: /* @__PURE__ */ s(o, { className: "size-4" }),
-						label: e(g, "dashboard.welcome.statGroups", "Groups"),
-						value: C
+						label: e(_, "dashboard.welcome.statGroups", "Groups"),
+						value: w,
+						onClick: () => g("/groups")
 					}),
 					/* @__PURE__ */ s(f, {
 						icon: /* @__PURE__ */ s(n, { className: "size-4" }),
-						label: e(g, "dashboard.welcome.statRecentActivity", "Recent Activity"),
-						value: w
+						label: e(_, "dashboard.welcome.statRecentActivity", "Recent Activity"),
+						value: T,
+						onClick: () => g("/workspaces/activity")
 					})
 				]
 			})]

package/dist/pages/dashboard/widgets/WelcomeWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"WelcomeWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"sourcesContent":["import { LayoutDashboard, Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  value: number | string;\n}) {\n  return (\n    <GlassCard treatment=\"metric\" className=\"p-3\">\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{icon}</div>\n        <div>\n          <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n          <p className=\"text-xs text-text-muted\">{label}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function WelcomeWidget({ workspaceData, globalData, isLoading }: WidgetProps) {\n  const { t } = useI18n();\n  const user = globalData?.currentUser;\n  const firstName =\n    user?.firstName ||\n    user?.name?.split(' ')[0] ||\n    tWithFallback(t, 'dashboard.welcome.fallbackName', 'there');\n  const hour = new Date().getHours();\n  const greeting =\n    hour < 12\n      ? tWithFallback(t, 'dashboard.welcome.greetingMorning', 'Good morning')\n      : hour < 18\n        ? tWithFallback(t, 'dashboard.welcome.greetingAfternoon', 'Good afternoon')\n        : tWithFallback(t, 'dashboard.welcome.greetingEvening', 'Good evening');\n\n  const totalWorkspaces = workspaceData?.workspaces.total ?? 0;\n  const totalProjects = workspaceData?.projects.total ?? 0;\n  const totalGroups = workspaceData?.groups.totalCount ?? 0;\n  const activityCount = workspaceData?.recentActivities.length ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.welcome.title', 'Dashboard')}\n      icon={<LayoutDashboard className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-4\">\n        <GlassCard treatment=\"glass\" glow className=\"relative overflow-hidden p-4\">\n          <h2 className=\"text-xl font-bold text-text-primary\">\n            {greeting}, <GradientText>{firstName}</GradientText>!\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {tWithFallback(\n              t,\n              'dashboard.welcome.subtitle',\n              \"Here's what's happening across your workspaces today.\"\n            )}\n          </p>\n        </GlassCard>\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <StatCard\n            icon={<Building2 className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statWorkspaces', 'Workspaces')}\n            value={totalWorkspaces}\n          />\n          <StatCard\n            icon={<FolderKanban className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statProjects', 'Projects')}\n            value={totalProjects}\n          />\n          <StatCard\n            icon={<Users className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statGroups', 'Groups')}\n            value={totalGroups}\n          />\n          <StatCard\n            icon={<Activity className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statRecentActivity', 'Recent Activity')}\n            value={activityCount}\n          />\n        </div>\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAS,EAChB,SACA,UACA,YAKC;AACD,QACE,kBAAC,GAAD;EAAW,WAAU;EAAS,WAAU;YACtC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuD;IAAW,CAAA,EACjF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAA2B;IAAU,CAAA,CAC9C,EAAA,CAAA,CACF;;EACI,CAAA;;AAIhB,SAAgB,EAAc,EAAE,kBAAe,eAAY,gBAA0B;CACnF,IAAM,EAAE,SAAM,GAAS,EACjB,IAAO,GAAY,aACnB,IACJ,GAAM,aACN,GAAM,MAAM,MAAM,IAAI,CAAC,MACvB,EAAc,GAAG,kCAAkC,QAAQ,EACvD,qBAAO,IAAI,MAAM,EAAC,UAAU,EAC5B,IACJ,IAAO,KACH,EAAc,GAAG,qCAAqC,eAAe,GACrE,IAAO,KACL,EAAc,GAAG,uCAAuC,iBAAiB,GACzE,EAAc,GAAG,qCAAqC,eAAe,EAEvE,IAAkB,GAAe,WAAW,SAAS,GACrD,IAAgB,GAAe,SAAS,SAAS,GACjD,IAAc,GAAe,OAAO,cAAc,GAClD,IAAgB,GAAe,iBAAiB,UAAU;AAEhE,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,2BAA2B,YAAY;EAC/D,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EAC5C,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACG;MAAS;MAAE,kBAAC,GAAD,EAAA,UAAe,GAAyB,CAAA;;MACjD;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,GACA,8BACA,wDACD;KACC,CAAA,CACM;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACtC,OAAO,EAAc,GAAG,oCAAoC,aAAa;MACzE,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;MACzC,OAAO,EAAc,GAAG,kCAAkC,WAAW;MACrE,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAClC,OAAO,EAAc,GAAG,gCAAgC,SAAS;MACjE,OAAO;MACP,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,OAAO,EAAc,GAAG,wCAAwC,kBAAkB;MAClF,OAAO;MACP,CAAA;KACE;MACF;;EACQ,CAAA"}
+{"version":3,"file":"WelcomeWidget.js","names":[],"sources":["../../../../src/pages/dashboard/widgets/WelcomeWidget.tsx"],"sourcesContent":["import { LayoutDashboard, Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { WidgetWrapper } from '../WidgetWrapper';\nimport { tWithFallback } from '../../../utils/i18n';\nimport type { WidgetProps } from '../types';\n\nfunction StatCard({\n  icon,\n  label,\n  value,\n  onClick,\n}: {\n  icon: React.ReactNode;\n  label: string;\n  value: number | string;\n  onClick?: () => void;\n}) {\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      onClick?.();\n    }\n  };\n\n  return (\n    <GlassCard\n      treatment=\"metric\"\n      className={`p-3${onClick ? ' cursor-pointer hover:shadow-[var(--shadow-pop-hover)] hover:border-border-strong focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]' : ''}`}\n      onClick={onClick}\n      onKeyDown={onClick ? handleKeyDown : undefined}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n    >\n      <div className=\"flex items-center gap-3\">\n        <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{icon}</div>\n        <div>\n          <p className=\"text-2xl font-bold text-text-primary tabular-nums\">{value}</p>\n          <p className=\"text-xs text-text-muted\">{label}</p>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function WelcomeWidget({ workspaceData, globalData, isLoading, navigate }: WidgetProps) {\n  const { t } = useI18n();\n  const user = globalData?.currentUser;\n  const firstName =\n    user?.firstName ||\n    user?.name?.split(' ')[0] ||\n    tWithFallback(t, 'dashboard.welcome.fallbackName', 'there');\n  const hour = new Date().getHours();\n  const greeting =\n    hour < 12\n      ? tWithFallback(t, 'dashboard.welcome.greetingMorning', 'Good morning')\n      : hour < 18\n        ? tWithFallback(t, 'dashboard.welcome.greetingAfternoon', 'Good afternoon')\n        : tWithFallback(t, 'dashboard.welcome.greetingEvening', 'Good evening');\n\n  const totalWorkspaces = workspaceData?.workspaces.total ?? 0;\n  const totalProjects = workspaceData?.projects.total ?? 0;\n  const totalGroups = workspaceData?.groups.totalCount ?? 0;\n  const activityCount = workspaceData?.recentActivities.length ?? 0;\n\n  return (\n    <WidgetWrapper\n      title={tWithFallback(t, 'dashboard.welcome.title', 'Dashboard')}\n      icon={<LayoutDashboard className=\"size-4\" />}\n      size=\"large\"\n      isLoading={isLoading}\n    >\n      <div className=\"space-y-4\">\n        <GlassCard treatment=\"glass\" glow className=\"relative overflow-hidden p-4\">\n          <h2 className=\"text-xl font-bold text-text-primary\">\n            {greeting}, <GradientText>{firstName}</GradientText>!\n          </h2>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            {tWithFallback(\n              t,\n              'dashboard.welcome.subtitle',\n              \"Here's what's happening across your workspaces today.\"\n            )}\n          </p>\n        </GlassCard>\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-3\">\n          <StatCard\n            icon={<Building2 className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statWorkspaces', 'Workspaces')}\n            value={totalWorkspaces}\n            onClick={() => navigate('/workspaces/list')}\n          />\n          <StatCard\n            icon={<FolderKanban className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statProjects', 'Projects')}\n            value={totalProjects}\n            onClick={() => navigate('/workspaces/projects')}\n          />\n          <StatCard\n            icon={<Users className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statGroups', 'Groups')}\n            value={totalGroups}\n            onClick={() => navigate('/groups')}\n          />\n          <StatCard\n            icon={<Activity className=\"size-4\" />}\n            label={tWithFallback(t, 'dashboard.welcome.statRecentActivity', 'Recent Activity')}\n            value={activityCount}\n            onClick={() => navigate('/workspaces/activity')}\n          />\n        </div>\n      </div>\n    </WidgetWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAS,EAChB,SACA,UACA,UACA,cAMC;AAQD,QACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,MAAM,IAAU,mLAAmL;EACrM;EACT,WAAW,KAZQ,MAA2B;AAChD,IAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,KAAW;MAS0B,KAAA;EACrC,MAAM,IAAU,WAAW,KAAA;EAC3B,UAAU,IAAU,IAAI,KAAA;YAExB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAuD;IAAW,CAAA,EACjF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;IAAG,WAAU;cAAqD;IAAU,CAAA,EAC5E,kBAAC,KAAD;IAAG,WAAU;cAA2B;IAAU,CAAA,CAC9C,EAAA,CAAA,CACF;;EACI,CAAA;;AAIhB,SAAgB,EAAc,EAAE,kBAAe,eAAY,cAAW,eAAyB;CAC7F,IAAM,EAAE,SAAM,GAAS,EACjB,IAAO,GAAY,aACnB,IACJ,GAAM,aACN,GAAM,MAAM,MAAM,IAAI,CAAC,MACvB,EAAc,GAAG,kCAAkC,QAAQ,EACvD,qBAAO,IAAI,MAAM,EAAC,UAAU,EAC5B,IACJ,IAAO,KACH,EAAc,GAAG,qCAAqC,eAAe,GACrE,IAAO,KACL,EAAc,GAAG,uCAAuC,iBAAiB,GACzE,EAAc,GAAG,qCAAqC,eAAe,EAEvE,IAAkB,GAAe,WAAW,SAAS,GACrD,IAAgB,GAAe,SAAS,SAAS,GACjD,IAAc,GAAe,OAAO,cAAc,GAClD,IAAgB,GAAe,iBAAiB,UAAU;AAEhE,QACE,kBAAC,GAAD;EACE,OAAO,EAAc,GAAG,2BAA2B,YAAY;EAC/D,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;EAC5C,MAAK;EACM;YAEX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd;MACG;MAAS;MAAE,kBAAC,GAAD,EAAA,UAAe,GAAyB,CAAA;;MACjD;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,GACA,8BACA,wDACD;KACC,CAAA,CACM;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA;MACtC,OAAO,EAAc,GAAG,oCAAoC,aAAa;MACzE,OAAO;MACP,eAAe,EAAS,mBAAmB;MAC3C,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAc,WAAU,UAAW,CAAA;MACzC,OAAO,EAAc,GAAG,kCAAkC,WAAW;MACrE,OAAO;MACP,eAAe,EAAS,uBAAuB;MAC/C,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA;MAClC,OAAO,EAAc,GAAG,gCAAgC,SAAS;MACjE,OAAO;MACP,eAAe,EAAS,UAAU;MAClC,CAAA;KACF,kBAAC,GAAD;MACE,MAAM,kBAAC,GAAD,EAAU,WAAU,UAAW,CAAA;MACrC,OAAO,EAAc,GAAG,wCAAwC,kBAAkB;MAClF,OAAO;MACP,eAAe,EAAS,uBAAuB;MAC/C,CAAA;KACE;MACF;;EACQ,CAAA"}