npm - @open-mercato/core - Versions diffs - 0.7.1-develop.7152.1.a69e92f9c9 → 0.7.1-develop.7153.1.7145d295e6 - Mend

@open-mercato/core 0.7.1-develop.7152.1.a69e92f9c9 → 0.7.1-develop.7153.1.7145d295e6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (439) hide show

package/dist/modules/staff/backend/staff/teams/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/staff/backend/staff/teams/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport type { SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { markdownToPlainText } from '@open-mercato/ui/backend/markdown/markdownToPlainText'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Users } from 'lucide-react'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('staff')\n\nconst PAGE_SIZE = 50\n\ntype TeamRow = {\n  id: string\n  name: string\n  description: string | null\n  isActive: boolean\n  updatedAt: string | null\n  memberCount: number\n}\n\ntype TeamsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n  totalIsCapped?: boolean\n}\n\nexport default function StaffTeamsPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<TeamRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'name', desc: false }])\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const labels = React.useMemo(() => ({\n    title: t('staff.teams.page.title', 'Teams'),\n    description: t('staff.teams.page.description', 'Group team members and roles.'),\n    table: {\n      name: t('staff.teams.table.name', 'Name'),\n      description: t('staff.teams.table.description', 'Description'),\n      active: t('staff.teams.table.active', 'Active'),\n      members: t('staff.teams.table.members', 'Team members'),\n      updatedAt: t('staff.teams.table.updatedAt', 'Updated'),\n      empty: t('staff.teams.table.empty', 'No teams yet.'),\n      search: t('staff.teams.table.search', 'Search teams...'),\n    },\n    actions: {\n      add: t('staff.teams.actions.add', 'Add team'),\n      edit: t('staff.teams.actions.edit', 'Edit'),\n      delete: t('staff.teams.actions.delete', 'Delete'),\n      deleteConfirm: t('staff.teams.actions.deleteConfirm', 'Delete team \"{{name}}\"?'),\n      showMembers: t('staff.teams.actions.showMembers', 'Show team members ({{count}})'),\n      refresh: t('staff.teams.actions.refresh', 'Refresh'),\n    },\n    messages: {\n      deleted: t('staff.teams.messages.deleted', 'Team deleted.'),\n    },\n    errors: {\n      load: t('staff.teams.errors.load', 'Failed to load teams.'),\n      delete: t('staff.teams.errors.delete', 'Failed to delete team.'),\n      deleteAssigned: t('staff.teams.errors.deleteAssigned', 'Team has assigned members and cannot be deleted.'),\n    },\n  }), [t])\n\n  const columns = React.useMemo<ColumnDef<TeamRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: labels.table.name,\n      meta: { priority: 1, sticky: true },\n      cell: ({ row }) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium\">{row.original.name}</span>\n          {row.original.description ? (\n            <span className=\"text-xs text-muted-foreground line-clamp-2\">\n              {markdownToPlainText(row.original.description)}\n            </span>\n          ) : null}\n        </div>\n      ),\n    },\n    {\n      accessorKey: 'description',\n      header: labels.table.description,\n      meta: { priority: 4 },\n      cell: ({ row }) => row.original.description\n        ? (\n          <span className=\"text-xs text-muted-foreground line-clamp-2\">\n            {markdownToPlainText(row.original.description)}\n          </span>\n        )\n        : <span className=\"text-xs text-muted-foreground\">-</span>,\n    },\n    {\n      accessorKey: 'isActive',\n      header: labels.table.active,\n      meta: { priority: 2 },\n      cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n    },\n    {\n      accessorKey: 'memberCount',\n      header: () => <span className=\"inline-block min-w-[250px]\">{labels.table.members}</span>,\n      meta: { priority: 3 },\n      enableSorting: false,\n      cell: ({ row }) => (\n        <Link\n          className=\"inline-flex min-w-[220px] items-center gap-2 text-sm text-muted-foreground hover:text-foreground\"\n          href={`/backend/staff/team-members?teamId=${encodeURIComponent(row.original.id)}`}\n          onClick={(event) => event.stopPropagation()}\n        >\n          <Users className=\"h-4 w-4\" aria-hidden />\n          {labels.actions.showMembers.replace('{{count}}', String(row.original.memberCount))}\n        </Link>\n      ),\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: labels.table.updatedAt,\n      meta: { priority: 5 },\n      cell: ({ row }) => row.original.updatedAt\n        ? <span className=\"text-xs text-muted-foreground\">{formatDateTime(row.original.updatedAt)}</span>\n        : <span className=\"text-xs text-muted-foreground\">-</span>,\n    },\n  ], [\n    labels.actions.showMembers,\n    labels.table.active,\n    labels.table.description,\n    labels.table.members,\n    labels.table.name,\n    labels.table.updatedAt,\n  ])\n\n  const loadTeams = React.useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim()) params.set('search', search.trim())\n      const payload = await readApiResultOrThrow<TeamsResponse>(\n        `/api/staff/teams?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiTeam))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n      setTotalIsCapped(payload?.totalIsCapped === true)\n    } catch (error) {\n      logger.error('staff.teams.list', { err: error })\n      flash(labels.errors.load, 'error')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [labels.errors.load, page, search, sorting])\n\n  React.useEffect(() => {\n    void loadTeams()\n  }, [loadTeams, scopeVersion, reloadToken])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (entry: TeamRow) => {\n    if (entry.memberCount > 0) {\n      flash(labels.errors.deleteAssigned, 'error')\n      return\n    }\n    const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n    const confirmed = await confirm({\n      title: labels.actions.delete,\n      text: message,\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(entry.updatedAt),\n        () => deleteCrud('staff/teams', entry.id, { errorMessage: labels.errors.delete }),\n      )\n      flash(labels.messages.deleted, 'success')\n      handleRefresh()\n    } catch (error) {\n      if (surfaceRecordConflict(error, t)) { handleRefresh(); return }\n      logger.error('staff.teams.delete', { err: error })\n      flash(labels.errors.delete, 'error')\n    }\n  }, [confirm, handleRefresh, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.errors.deleteAssigned, labels.messages.deleted, t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<TeamRow>\n          title={labels.title}\n          data={rows}\n          columns={columns}\n          isLoading={isLoading}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={labels.table.search}\n          emptyState={(\n            <ListEmptyState\n              entityName={labels.title}\n              createHref=\"/backend/staff/teams/create\"\n              createLabel={labels.actions.add}\n            />\n          )}\n          actions={(\n            <Button asChild size=\"sm\">\n              <Link href=\"/backend/staff/teams/create\">\n                {labels.actions.add}\n              </Link>\n            </Button>\n          )}\n          refreshButton={{\n            label: labels.actions.refresh,\n            onRefresh: handleRefresh,\n            isRefreshing: isLoading,\n          }}\n          sortable\n          sorting={sorting}\n          onSortingChange={setSorting}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            totalIsCapped,\n            onPageChange: setPage,\n          }}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                { id: 'edit', label: labels.actions.edit, href: `/backend/staff/teams/${row.id}/edit` },\n                ...(row.memberCount > 0\n                  ? []\n                  : [{ id: 'delete', label: labels.actions.delete, destructive: true, onSelect: () => { void handleDelete(row) } }]),\n              ]}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/staff/teams/${row.id}/edit`)}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n\nfunction mapApiTeam(item: Record<string, unknown>): TeamRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const name = typeof item.name === 'string' ? item.name : id\n  const description = typeof item.description === 'string' && item.description.trim().length ? item.description.trim() : null\n  const updatedAt = typeof item.updatedAt === 'string'\n    ? item.updatedAt\n    : typeof item.updated_at === 'string'\n      ? item.updated_at\n      : null\n  const isActive = typeof item.isActive === 'boolean'\n    ? item.isActive\n    : typeof item.is_active === 'boolean'\n      ? item.is_active\n      : true\n  const memberCount = typeof item.memberCount === 'number'\n    ? item.memberCount\n    : typeof item.member_count === 'number'\n      ? item.member_count\n      : 0\n  return withDataTableNamespaces({ id, name, description, isActive, updatedAt, memberCount }, item)\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport type { SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { markdownToPlainText } from '@open-mercato/ui/backend/markdown/markdownToPlainText'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Users } from 'lucide-react'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('staff')\n\nconst PAGE_SIZE = 50\n\ntype TeamRow = {\n  id: string\n  name: string\n  description: string | null\n  isActive: boolean\n  updatedAt: string | null\n  memberCount: number\n}\n\ntype TeamsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n  totalIsCapped?: boolean\n}\n\nexport default function StaffTeamsPage() {\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<TeamRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'name', desc: false }])\n  const [search, setSearch] = React.useState('')\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n\n  const labels = React.useMemo(() => ({\n    title: t('staff.teams.page.title', 'Teams'),\n    description: t('staff.teams.page.description', 'Group team members and roles.'),\n    table: {\n      name: t('staff.teams.table.name', 'Name'),\n      description: t('staff.teams.table.description', 'Description'),\n      active: t('staff.teams.table.active', 'Active'),\n      members: t('staff.teams.table.members', 'Team members'),\n      updatedAt: t('staff.teams.table.updatedAt', 'Updated'),\n      empty: t('staff.teams.table.empty', 'No teams yet.'),\n      search: t('staff.teams.table.search', 'Search teams...'),\n    },\n    actions: {\n      add: t('staff.teams.actions.add', 'Add team'),\n      edit: t('staff.teams.actions.edit', 'Edit'),\n      delete: t('staff.teams.actions.delete', 'Delete'),\n      deleteConfirm: t('staff.teams.actions.deleteConfirm', 'Delete team \"{{name}}\"?'),\n      showMembers: t('staff.teams.actions.showMembers', 'Show team members ({{count}})'),\n      refresh: t('staff.teams.actions.refresh', 'Refresh'),\n    },\n    messages: {\n      deleted: t('staff.teams.messages.deleted', 'Team deleted.'),\n    },\n    errors: {\n      load: t('staff.teams.errors.load', 'Failed to load teams.'),\n      delete: t('staff.teams.errors.delete', 'Failed to delete team.'),\n      deleteAssigned: t('staff.teams.errors.deleteAssigned', 'Team has assigned members and cannot be deleted.'),\n    },\n  }), [t])\n\n  const columns = React.useMemo<ColumnDef<TeamRow>[]>(() => [\n    {\n      accessorKey: 'name',\n      header: labels.table.name,\n      meta: { priority: 1, sticky: true },\n      cell: ({ row }) => (\n        <div className=\"flex flex-col\">\n          <span className=\"font-medium\">{row.original.name}</span>\n          {row.original.description ? (\n            <span className=\"text-xs text-muted-foreground line-clamp-2\">\n              {markdownToPlainText(row.original.description)}\n            </span>\n          ) : null}\n        </div>\n      ),\n    },\n    {\n      accessorKey: 'description',\n      header: labels.table.description,\n      meta: { priority: 4 },\n      cell: ({ row }) => row.original.description\n        ? (\n          <span className=\"text-xs text-muted-foreground line-clamp-2\">\n            {markdownToPlainText(row.original.description)}\n          </span>\n        )\n        : <span className=\"text-xs text-muted-foreground\">-</span>,\n    },\n    {\n      accessorKey: 'isActive',\n      header: labels.table.active,\n      meta: { priority: 2 },\n      cell: ({ row }) => <BooleanIcon value={row.original.isActive} />,\n    },\n    {\n      accessorKey: 'memberCount',\n      header: () => <span className=\"inline-block min-w-[250px]\">{labels.table.members}</span>,\n      meta: { priority: 3 },\n      enableSorting: false,\n      cell: ({ row }) => (\n        <Link\n          className=\"inline-flex min-w-[220px] items-center gap-2 text-sm text-muted-foreground hover:text-foreground\"\n          href={`/backend/staff/team-members?teamId=${encodeURIComponent(row.original.id)}`}\n          onClick={(event) => event.stopPropagation()}\n        >\n          <Users className=\"h-4 w-4\" aria-hidden />\n          {labels.actions.showMembers.replace('{{count}}', String(row.original.memberCount))}\n        </Link>\n      ),\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: labels.table.updatedAt,\n      meta: { priority: 5 },\n      cell: ({ row }) => row.original.updatedAt\n        ? <span className=\"text-xs text-muted-foreground\">{formatDateTime(row.original.updatedAt)}</span>\n        : <span className=\"text-xs text-muted-foreground\">-</span>,\n    },\n  ], [\n    labels.actions.showMembers,\n    labels.table.active,\n    labels.table.description,\n    labels.table.members,\n    labels.table.name,\n    labels.table.updatedAt,\n  ])\n\n  const loadTeams = React.useCallback(async () => {\n    setIsLoading(true)\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim()) params.set('search', search.trim())\n      const payload = await readApiResultOrThrow<TeamsResponse>(\n        `/api/staff/teams?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiTeam))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : Math.max(1, Math.ceil(items.length / PAGE_SIZE)))\n      setTotalIsCapped(payload?.totalIsCapped === true)\n    } catch (error) {\n      logger.error('staff.teams.list', { err: error })\n      flash(labels.errors.load, 'error')\n    } finally {\n      setIsLoading(false)\n    }\n  }, [labels.errors.load, page, search, sorting])\n\n  React.useEffect(() => {\n    void loadTeams()\n  }, [loadTeams, scopeVersion, reloadToken])\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (entry: TeamRow) => {\n    if (entry.memberCount > 0) {\n      flash(labels.errors.deleteAssigned, 'error')\n      return\n    }\n    const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n    const confirmed = await confirm({\n      title: labels.actions.delete,\n      text: message,\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n    try {\n      await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(entry.updatedAt),\n        () => deleteCrud('staff/teams', entry.id, { errorMessage: labels.errors.delete }),\n      )\n      flash(labels.messages.deleted, 'success')\n      handleRefresh()\n    } catch (error) {\n      if (surfaceRecordConflict(error, t)) { handleRefresh(); return }\n      logger.error('staff.teams.delete', { err: error })\n      flash(labels.errors.delete, 'error')\n    }\n  }, [confirm, handleRefresh, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.errors.deleteAssigned, labels.messages.deleted, t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<TeamRow>\n        title={labels.title}\n        titleHeadingLevel={1}\n          data={rows}\n          columns={columns}\n          isLoading={isLoading}\n          searchValue={search}\n          onSearchChange={handleSearchChange}\n          searchPlaceholder={labels.table.search}\n          emptyState={(\n            <ListEmptyState\n              entityName={labels.title}\n              createHref=\"/backend/staff/teams/create\"\n              createLabel={labels.actions.add}\n            />\n          )}\n          actions={(\n            <Button asChild size=\"sm\">\n              <Link href=\"/backend/staff/teams/create\">\n                {labels.actions.add}\n              </Link>\n            </Button>\n          )}\n          refreshButton={{\n            label: labels.actions.refresh,\n            onRefresh: handleRefresh,\n            isRefreshing: isLoading,\n          }}\n          sortable\n          sorting={sorting}\n          onSortingChange={setSorting}\n          pagination={{\n            page,\n            pageSize: PAGE_SIZE,\n            total,\n            totalPages,\n            totalIsCapped,\n            onPageChange: setPage,\n          }}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                { id: 'edit', label: labels.actions.edit, href: `/backend/staff/teams/${row.id}/edit` },\n                ...(row.memberCount > 0\n                  ? []\n                  : [{ id: 'delete', label: labels.actions.delete, destructive: true, onSelect: () => { void handleDelete(row) } }]),\n              ]}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/staff/teams/${row.id}/edit`)}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n\nfunction mapApiTeam(item: Record<string, unknown>): TeamRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const name = typeof item.name === 'string' ? item.name : id\n  const description = typeof item.description === 'string' && item.description.trim().length ? item.description.trim() : null\n  const updatedAt = typeof item.updatedAt === 'string'\n    ? item.updatedAt\n    : typeof item.updated_at === 'string'\n      ? item.updated_at\n      : null\n  const isActive = typeof item.isActive === 'boolean'\n    ? item.isActive\n    : typeof item.is_active === 'boolean'\n      ? item.is_active\n      : true\n  const memberCount = typeof item.memberCount === 'number'\n    ? item.memberCount\n    : typeof item.member_count === 'number'\n      ? item.member_count\n      : 0\n  return withDataTableNamespaces({ id, name, description, isActive, updatedAt, memberCount }, item)\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/backend/staff/timesheets/projects/[id]/edit/page.js CHANGED Viewed

@@ -93,6 +93,7 @@ function TimesheetProjectEditPage({ params }) {
     CrudForm,
     {
       title: t("staff.timesheets.projects.form.editTitle", "Edit project"),
+      titleHeadingLevel: 1,
       backHref: detailHref,
       cancelHref: detailHref,
       fields,

package/dist/modules/staff/backend/staff/timesheets/projects/[id]/edit/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/modules/staff/backend/staff/timesheets/projects/%5Bid%5D/edit/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport {\n  buildProjectPayload,\n  createProjectFormFields,\n  createProjectFormGroups,\n  createProjectFormSchema,\n  type ProjectFormValues,\n} from '../../projectFormConfig'\n\nconst LIST_HREF = '/backend/staff/timesheets/projects'\n\nexport default function TimesheetProjectEditPage({ params }: { params?: { id?: string } }) {\n  const projectId = params?.id\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n\n  const [initialValues, setInitialValues] = React.useState<ProjectFormValues | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n\n  const formSchema = React.useMemo(() => createProjectFormSchema(), [])\n  const fields = React.useMemo(() => createProjectFormFields(t), [t])\n  const groups = React.useMemo(() => createProjectFormGroups(t), [t])\n\n  React.useEffect(() => {\n    if (!projectId) return\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const payload = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-projects?ids=${projectId}&pageSize=1`,\n          undefined,\n          { errorMessage: t('staff.timesheets.projects.errors.load', 'Failed to load project.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        if (!cancelled) {\n          setInitialValues({\n            id: String(record.id ?? ''),\n            name: String(record.name ?? ''),\n            code: String(record.code ?? ''),\n            description: typeof record.description === 'string' ? record.description : null,\n            projectType: typeof (record.projectType ?? record.project_type) === 'string'\n              ? String(record.projectType ?? record.project_type)\n              : null,\n            startDate: typeof (record.startDate ?? record.start_date) === 'string'\n              ? String(record.startDate ?? record.start_date)\n              : null,\n            costCenter: typeof (record.costCenter ?? record.cost_center) === 'string'\n              ? String(record.costCenter ?? record.cost_center)\n              : null,\n            status: typeof record.status === 'string' ? record.status : 'active',\n          })\n        }\n      } catch (err) {\n        if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load project.')\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [projectId, t, scopeVersion])\n\n  if (loading) {\n    return <Page><PageBody><LoadingMessage label={t('staff.timesheets.projects.loading', 'Loading project...')} /></PageBody></Page>\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.timesheets.projects.errors.notFound', 'Project not found.')}\n            backHref={LIST_HREF}\n            backLabel={t('staff.timesheets.projects.actions.backToList', 'Back to projects')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !initialValues) {\n    return <Page><PageBody><ErrorMessage label={error ?? t('staff.timesheets.projects.errors.load', 'Failed to load project.')} /></PageBody></Page>\n  }\n\n  const detailHref = `/backend/staff/timesheets/projects/${projectId}`\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ProjectFormValues>\n          title={t('staff.timesheets.projects.form.editTitle', 'Edit project')}\n          backHref={detailHref}\n          cancelHref={detailHref}\n          fields={fields}\n          groups={groups}\n          schema={formSchema}\n          initialValues={initialValues}\n          entityIds={[E.staff.staff_time_project]}\n          submitLabel={t('staff.timesheets.projects.form.actions.save', 'Save')}\n          onDelete={async () => {\n            await deleteCrud('staff/timesheets/time-projects', projectId!, {\n              errorMessage: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n            })\n            flash(t('staff.timesheets.projects.messages.deleted', 'Project deleted.'), 'success')\n            router.push(LIST_HREF)\n          }}\n          onSubmit={async (values) => {\n            if (!values.name?.trim() || !values.code?.trim()) {\n              const fieldErrors: Record<string, string> = {}\n              if (!values.name?.trim()) fieldErrors.name = 'Required'\n              if (!values.code?.trim()) fieldErrors.code = 'Required'\n              throw createCrudFormError(\n                t('staff.timesheets.projects.errors.required', 'Name and code are required.'),\n                fieldErrors,\n              )\n            }\n\n            const payload = buildProjectPayload({ ...values, id: projectId })\n\n            await updateCrud('staff/timesheets/time-projects', payload, {\n              errorMessage: t('staff.timesheets.projects.errors.save', 'Failed to save project.'),\n            })\n\n            flash(t('staff.timesheets.projects.messages.saved', 'Project saved.'), 'success')\n            router.push(detailHref)\n          }}\n          versionHistory={{\n            resourceKind: 'staff.timesheets.time_project',\n            resourceId: projectId!,\n            canUndoRedo: true,\n            autoCheckAcl: true,\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport {\n  buildProjectPayload,\n  createProjectFormFields,\n  createProjectFormGroups,\n  createProjectFormSchema,\n  type ProjectFormValues,\n} from '../../projectFormConfig'\n\nconst LIST_HREF = '/backend/staff/timesheets/projects'\n\nexport default function TimesheetProjectEditPage({ params }: { params?: { id?: string } }) {\n  const projectId = params?.id\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n\n  const [initialValues, setInitialValues] = React.useState<ProjectFormValues | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isNotFound, setIsNotFound] = React.useState(false)\n\n  const formSchema = React.useMemo(() => createProjectFormSchema(), [])\n  const fields = React.useMemo(() => createProjectFormFields(t), [t])\n  const groups = React.useMemo(() => createProjectFormGroups(t), [t])\n\n  React.useEffect(() => {\n    if (!projectId) return\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const payload = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-projects?ids=${projectId}&pageSize=1`,\n          undefined,\n          { errorMessage: t('staff.timesheets.projects.errors.load', 'Failed to load project.') },\n        )\n        const record = Array.isArray(payload.items) ? payload.items[0] : null\n        if (!record) {\n          if (!cancelled) setIsNotFound(true)\n          return\n        }\n        if (!cancelled) {\n          setInitialValues({\n            id: String(record.id ?? ''),\n            name: String(record.name ?? ''),\n            code: String(record.code ?? ''),\n            description: typeof record.description === 'string' ? record.description : null,\n            projectType: typeof (record.projectType ?? record.project_type) === 'string'\n              ? String(record.projectType ?? record.project_type)\n              : null,\n            startDate: typeof (record.startDate ?? record.start_date) === 'string'\n              ? String(record.startDate ?? record.start_date)\n              : null,\n            costCenter: typeof (record.costCenter ?? record.cost_center) === 'string'\n              ? String(record.costCenter ?? record.cost_center)\n              : null,\n            status: typeof record.status === 'string' ? record.status : 'active',\n          })\n        }\n      } catch (err) {\n        if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load project.')\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [projectId, t, scopeVersion])\n\n  if (loading) {\n    return <Page><PageBody><LoadingMessage label={t('staff.timesheets.projects.loading', 'Loading project...')} /></PageBody></Page>\n  }\n\n  if (isNotFound) {\n    return (\n      <Page>\n        <PageBody>\n          <RecordNotFoundState\n            label={t('staff.timesheets.projects.errors.notFound', 'Project not found.')}\n            backHref={LIST_HREF}\n            backLabel={t('staff.timesheets.projects.actions.backToList', 'Back to projects')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !initialValues) {\n    return <Page><PageBody><ErrorMessage label={error ?? t('staff.timesheets.projects.errors.load', 'Failed to load project.')} /></PageBody></Page>\n  }\n\n  const detailHref = `/backend/staff/timesheets/projects/${projectId}`\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ProjectFormValues>\n          title={t('staff.timesheets.projects.form.editTitle', 'Edit project')}\n          titleHeadingLevel={1}\n          backHref={detailHref}\n          cancelHref={detailHref}\n          fields={fields}\n          groups={groups}\n          schema={formSchema}\n          initialValues={initialValues}\n          entityIds={[E.staff.staff_time_project]}\n          submitLabel={t('staff.timesheets.projects.form.actions.save', 'Save')}\n          onDelete={async () => {\n            await deleteCrud('staff/timesheets/time-projects', projectId!, {\n              errorMessage: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n            })\n            flash(t('staff.timesheets.projects.messages.deleted', 'Project deleted.'), 'success')\n            router.push(LIST_HREF)\n          }}\n          onSubmit={async (values) => {\n            if (!values.name?.trim() || !values.code?.trim()) {\n              const fieldErrors: Record<string, string> = {}\n              if (!values.name?.trim()) fieldErrors.name = 'Required'\n              if (!values.code?.trim()) fieldErrors.code = 'Required'\n              throw createCrudFormError(\n                t('staff.timesheets.projects.errors.required', 'Name and code are required.'),\n                fieldErrors,\n              )\n            }\n\n            const payload = buildProjectPayload({ ...values, id: projectId })\n\n            await updateCrud('staff/timesheets/time-projects', payload, {\n              errorMessage: t('staff.timesheets.projects.errors.save', 'Failed to save project.'),\n            })\n\n            flash(t('staff.timesheets.projects.messages.saved', 'Project saved.'), 'success')\n            router.push(detailHref)\n          }}\n          versionHistory={{\n            resourceKind: 'staff.timesheets.time_project',\n            resourceId: projectId!,\n            canUndoRedo: true,\n            autoCheckAcl: true,\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAsF2B;AApF3B,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,YAAY,kBAAkB;AACvC,SAAS,4BAA4B;AACrC,SAAS,2BAA2B;AACpC,SAAS,SAAS;AAClB,SAAS,aAAa;AACtB,SAAS,gBAAgB,cAAc,2BAA2B;AAClE,SAAS,YAAY;AACrB,SAAS,mCAAmC;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,MAAM,YAAY;AAEH,SAAR,yBAA0C,EAAE,OAAO,GAAiC;AACzF,QAAM,YAAY,QAAQ;AAC1B,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,eAAe,4BAA4B;AAEjD,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAmC,IAAI;AACvF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,IAAI;AACjD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAwB,IAAI;AAC5D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AAExD,QAAM,aAAa,MAAM,QAAQ,MAAM,wBAAwB,GAAG,CAAC,CAAC;AACpE,QAAM,SAAS,MAAM,QAAQ,MAAM,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;AAClE,QAAM,SAAS,MAAM,QAAQ,MAAM,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;AAElE,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,UAAW;AAChB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,iBAAW,IAAI;AACf,eAAS,IAAI;AACb,oBAAc,KAAK;AACnB,UAAI;AACF,cAAM,UAAU,MAAM;AAAA,UACpB,2CAA2C,SAAS;AAAA,UACpD;AAAA,UACA,EAAE,cAAc,EAAE,yCAAyC,yBAAyB,EAAE;AAAA,QACxF;AACA,cAAM,SAAS,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ,MAAM,CAAC,IAAI;AACjE,YAAI,CAAC,QAAQ;AACX,cAAI,CAAC,UAAW,eAAc,IAAI;AAClC;AAAA,QACF;AACA,YAAI,CAAC,WAAW;AACd,2BAAiB;AAAA,YACf,IAAI,OAAO,OAAO,MAAM,EAAE;AAAA,YAC1B,MAAM,OAAO,OAAO,QAAQ,EAAE;AAAA,YAC9B,MAAM,OAAO,OAAO,QAAQ,EAAE;AAAA,YAC9B,aAAa,OAAO,OAAO,gBAAgB,WAAW,OAAO,cAAc;AAAA,YAC3E,aAAa,QAAQ,OAAO,eAAe,OAAO,kBAAkB,WAChE,OAAO,OAAO,eAAe,OAAO,YAAY,IAChD;AAAA,YACJ,WAAW,QAAQ,OAAO,aAAa,OAAO,gBAAgB,WAC1D,OAAO,OAAO,aAAa,OAAO,UAAU,IAC5C;AAAA,YACJ,YAAY,QAAQ,OAAO,cAAc,OAAO,iBAAiB,WAC7D,OAAO,OAAO,cAAc,OAAO,WAAW,IAC9C;AAAA,YACJ,QAAQ,OAAO,OAAO,WAAW,WAAW,OAAO,SAAS;AAAA,UAC9D,CAAC;AAAA,QACH;AAAA,MACF,SAAS,KAAK;AACZ,YAAI,CAAC,UAAW,UAAS,eAAe,QAAQ,IAAI,UAAU,yBAAyB;AAAA,MACzF,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF;AACA,SAAK;AACL,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,WAAW,GAAG,YAAY,CAAC;AAE/B,MAAI,SAAS;AACX,WAAO,oBAAC,QAAK,8BAAC,YAAS,8BAAC,kBAAe,OAAO,EAAE,qCAAqC,oBAAoB,GAAG,GAAE,GAAW;AAAA,EAC3H;AAEA,MAAI,YAAY;AACd,WACE,oBAAC,QACC,8BAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,6CAA6C,oBAAoB;AAAA,QAC1E,UAAU;AAAA,QACV,WAAW,EAAE,gDAAgD,kBAAkB;AAAA;AAAA,IACjF,GACF,GACF;AAAA,EAEJ;AAEA,MAAI,SAAS,CAAC,eAAe;AAC3B,WAAO,oBAAC,QAAK,8BAAC,YAAS,8BAAC,gBAAa,OAAO,SAAS,EAAE,yCAAyC,yBAAyB,GAAG,GAAE,GAAW;AAAA,EAC3I;AAEA,QAAM,aAAa,sCAAsC,SAAS;AAElE,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,4CAA4C,cAAc;AAAA,MACnE,mBAAmB;AAAA,MACnB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,WAAW,CAAC,EAAE,MAAM,kBAAkB;AAAA,MACtC,aAAa,EAAE,+CAA+C,MAAM;AAAA,MACpE,UAAU,YAAY;AACpB,cAAM,WAAW,kCAAkC,WAAY;AAAA,UAC7D,cAAc,EAAE,2CAA2C,2BAA2B;AAAA,QACxF,CAAC;AACD,cAAM,EAAE,8CAA8C,kBAAkB,GAAG,SAAS;AACpF,eAAO,KAAK,SAAS;AAAA,MACvB;AAAA,MACA,UAAU,OAAO,WAAW;AAC1B,YAAI,CAAC,OAAO,MAAM,KAAK,KAAK,CAAC,OAAO,MAAM,KAAK,GAAG;AAChD,gBAAM,cAAsC,CAAC;AAC7C,cAAI,CAAC,OAAO,MAAM,KAAK,EAAG,aAAY,OAAO;AAC7C,cAAI,CAAC,OAAO,MAAM,KAAK,EAAG,aAAY,OAAO;AAC7C,gBAAM;AAAA,YACJ,EAAE,6CAA6C,6BAA6B;AAAA,YAC5E;AAAA,UACF;AAAA,QACF;AAEA,cAAM,UAAU,oBAAoB,EAAE,GAAG,QAAQ,IAAI,UAAU,CAAC;AAEhE,cAAM,WAAW,kCAAkC,SAAS;AAAA,UAC1D,cAAc,EAAE,yCAAyC,yBAAyB;AAAA,QACpF,CAAC;AAED,cAAM,EAAE,4CAA4C,gBAAgB,GAAG,SAAS;AAChF,eAAO,KAAK,UAAU;AAAA,MACxB;AAAA,MACA,gBAAgB;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,cAAc;AAAA,MAChB;AAAA;AAAA,EACF,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/staff/backend/staff/timesheets/projects/create/page.js CHANGED Viewed

@@ -27,6 +27,7 @@ function TimesheetProjectCreatePage() {
     CrudForm,
     {
       title: t("staff.timesheets.projects.form.createTitle", "Create project"),
+      titleHeadingLevel: 1,
       backHref: BACK_HREF,
       cancelHref: BACK_HREF,
       fields,

package/dist/modules/staff/backend/staff/timesheets/projects/create/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/staff/backend/staff/timesheets/projects/create/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { createCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  buildProjectPayload,\n  createProjectFormFields,\n  createProjectFormGroups,\n  createProjectFormSchema,\n  type ProjectFormValues,\n} from '../projectFormConfig'\n\nconst BACK_HREF = '/backend/staff/timesheets/projects'\n\nexport default function TimesheetProjectCreatePage() {\n  const t = useT()\n  const router = useRouter()\n\n  const formSchema = React.useMemo(() => createProjectFormSchema(), [])\n  const fields = React.useMemo(() => createProjectFormFields(t), [t])\n  const groups = React.useMemo(() => createProjectFormGroups(t), [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ProjectFormValues>\n          title={t('staff.timesheets.projects.form.createTitle', 'Create project')}\n          backHref={BACK_HREF}\n          cancelHref={BACK_HREF}\n          fields={fields}\n          groups={groups}\n          schema={formSchema}\n          initialValues={{}}\n          entityIds={[E.staff.staff_time_project]}\n          submitLabel={t('staff.timesheets.projects.form.actions.create', 'Create')}\n          onSubmit={async (values) => {\n            if (!values.name?.trim() || !values.code?.trim()) {\n              const fieldErrors: Record<string, string> = {}\n              if (!values.name?.trim()) fieldErrors.name = 'Required'\n              if (!values.code?.trim()) fieldErrors.code = 'Required'\n              throw createCrudFormError(\n                t('staff.timesheets.projects.errors.required', 'Name and code are required.'),\n                fieldErrors,\n              )\n            }\n\n            const payload = buildProjectPayload(values)\n\n            const { result: created } = await createCrud<{ id?: string }>(\n              'staff/timesheets/time-projects',\n              payload,\n              { errorMessage: t('staff.timesheets.projects.errors.save', 'Failed to save project.') },\n            )\n\n            const newId = created?.id\n\n            // Auto-assign creator to the project\n            if (newId) {\n              try {\n                const selfRes = await apiCall<{ member?: { id?: string } | null }>('/api/staff/team-members/self')\n                const staffMemberId = selfRes.result?.member?.id\n                if (staffMemberId) {\n                  await createCrud('staff/timesheets/time-projects/' + newId + '/employees', {\n                    staffMemberId,\n                    assignedStartDate: new Date().toISOString().slice(0, 10),\n                    status: 'active',\n                  }, { errorMessage: '' })\n                }\n              } catch {\n                // non-critical \u2014 project created, self-assignment is best-effort\n              }\n            }\n\n            flash(t('staff.timesheets.projects.messages.saved', 'Project saved.'), 'success')\n            if (newId) router.push(`/backend/staff/timesheets/projects/${newId}`)\n            else router.push(BACK_HREF)\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": ";AAiCQ;AA/BR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,2BAA2B;AACpC,SAAS,SAAS;AAClB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,MAAM,YAAY;AAEH,SAAR,6BAA8C;AACnD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AAEzB,QAAM,aAAa,MAAM,QAAQ,MAAM,wBAAwB,GAAG,CAAC,CAAC;AACpE,QAAM,SAAS,MAAM,QAAQ,MAAM,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;AAClE,QAAM,SAAS,MAAM,QAAQ,MAAM,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;AAElE,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,8CAA8C,gBAAgB;AAAA,MACvE,UAAU;AAAA,MACV,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,eAAe,CAAC;AAAA,MAChB,WAAW,CAAC,EAAE,MAAM,kBAAkB;AAAA,MACtC,aAAa,EAAE,iDAAiD,QAAQ;AAAA,MACxE,UAAU,OAAO,WAAW;AAC1B,YAAI,CAAC,OAAO,MAAM,KAAK,KAAK,CAAC,OAAO,MAAM,KAAK,GAAG;AAChD,gBAAM,cAAsC,CAAC;AAC7C,cAAI,CAAC,OAAO,MAAM,KAAK,EAAG,aAAY,OAAO;AAC7C,cAAI,CAAC,OAAO,MAAM,KAAK,EAAG,aAAY,OAAO;AAC7C,gBAAM;AAAA,YACJ,EAAE,6CAA6C,6BAA6B;AAAA,YAC5E;AAAA,UACF;AAAA,QACF;AAEA,cAAM,UAAU,oBAAoB,MAAM;AAE1C,cAAM,EAAE,QAAQ,QAAQ,IAAI,MAAM;AAAA,UAChC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,EAAE,yCAAyC,yBAAyB,EAAE;AAAA,QACxF;AAEA,cAAM,QAAQ,SAAS;AAGvB,YAAI,OAAO;AACT,cAAI;AACF,kBAAM,UAAU,MAAM,QAA6C,8BAA8B;AACjG,kBAAM,gBAAgB,QAAQ,QAAQ,QAAQ;AAC9C,gBAAI,eAAe;AACjB,oBAAM,WAAW,oCAAoC,QAAQ,cAAc;AAAA,gBACzE;AAAA,gBACA,oBAAmB,oBAAI,KAAK,GAAE,YAAY,EAAE,MAAM,GAAG,EAAE;AAAA,gBACvD,QAAQ;AAAA,cACV,GAAG,EAAE,cAAc,GAAG,CAAC;AAAA,YACzB;AAAA,UACF,QAAQ;AAAA,UAER;AAAA,QACF;AAEA,cAAM,EAAE,4CAA4C,gBAAgB,GAAG,SAAS;AAChF,YAAI,MAAO,QAAO,KAAK,sCAAsC,KAAK,EAAE;AAAA,YAC/D,QAAO,KAAK,SAAS;AAAA,MAC5B;AAAA;AAAA,EACF,GACF,GACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { createCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  buildProjectPayload,\n  createProjectFormFields,\n  createProjectFormGroups,\n  createProjectFormSchema,\n  type ProjectFormValues,\n} from '../projectFormConfig'\n\nconst BACK_HREF = '/backend/staff/timesheets/projects'\n\nexport default function TimesheetProjectCreatePage() {\n  const t = useT()\n  const router = useRouter()\n\n  const formSchema = React.useMemo(() => createProjectFormSchema(), [])\n  const fields = React.useMemo(() => createProjectFormFields(t), [t])\n  const groups = React.useMemo(() => createProjectFormGroups(t), [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ProjectFormValues>\n          title={t('staff.timesheets.projects.form.createTitle', 'Create project')}\n          titleHeadingLevel={1}\n          backHref={BACK_HREF}\n          cancelHref={BACK_HREF}\n          fields={fields}\n          groups={groups}\n          schema={formSchema}\n          initialValues={{}}\n          entityIds={[E.staff.staff_time_project]}\n          submitLabel={t('staff.timesheets.projects.form.actions.create', 'Create')}\n          onSubmit={async (values) => {\n            if (!values.name?.trim() || !values.code?.trim()) {\n              const fieldErrors: Record<string, string> = {}\n              if (!values.name?.trim()) fieldErrors.name = 'Required'\n              if (!values.code?.trim()) fieldErrors.code = 'Required'\n              throw createCrudFormError(\n                t('staff.timesheets.projects.errors.required', 'Name and code are required.'),\n                fieldErrors,\n              )\n            }\n\n            const payload = buildProjectPayload(values)\n\n            const { result: created } = await createCrud<{ id?: string }>(\n              'staff/timesheets/time-projects',\n              payload,\n              { errorMessage: t('staff.timesheets.projects.errors.save', 'Failed to save project.') },\n            )\n\n            const newId = created?.id\n\n            // Auto-assign creator to the project\n            if (newId) {\n              try {\n                const selfRes = await apiCall<{ member?: { id?: string } | null }>('/api/staff/team-members/self')\n                const staffMemberId = selfRes.result?.member?.id\n                if (staffMemberId) {\n                  await createCrud('staff/timesheets/time-projects/' + newId + '/employees', {\n                    staffMemberId,\n                    assignedStartDate: new Date().toISOString().slice(0, 10),\n                    status: 'active',\n                  }, { errorMessage: '' })\n                }\n              } catch {\n                // non-critical \u2014 project created, self-assignment is best-effort\n              }\n            }\n\n            flash(t('staff.timesheets.projects.messages.saved', 'Project saved.'), 'success')\n            if (newId) router.push(`/backend/staff/timesheets/projects/${newId}`)\n            else router.push(BACK_HREF)\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": ";AAiCQ;AA/BR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,2BAA2B;AACpC,SAAS,SAAS;AAClB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,MAAM,YAAY;AAEH,SAAR,6BAA8C;AACnD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AAEzB,QAAM,aAAa,MAAM,QAAQ,MAAM,wBAAwB,GAAG,CAAC,CAAC;AACpE,QAAM,SAAS,MAAM,QAAQ,MAAM,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;AAClE,QAAM,SAAS,MAAM,QAAQ,MAAM,wBAAwB,CAAC,GAAG,CAAC,CAAC,CAAC;AAElE,SACE,oBAAC,QACC,8BAAC,YACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,8CAA8C,gBAAgB;AAAA,MACvE,mBAAmB;AAAA,MACnB,UAAU;AAAA,MACV,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,MACR,eAAe,CAAC;AAAA,MAChB,WAAW,CAAC,EAAE,MAAM,kBAAkB;AAAA,MACtC,aAAa,EAAE,iDAAiD,QAAQ;AAAA,MACxE,UAAU,OAAO,WAAW;AAC1B,YAAI,CAAC,OAAO,MAAM,KAAK,KAAK,CAAC,OAAO,MAAM,KAAK,GAAG;AAChD,gBAAM,cAAsC,CAAC;AAC7C,cAAI,CAAC,OAAO,MAAM,KAAK,EAAG,aAAY,OAAO;AAC7C,cAAI,CAAC,OAAO,MAAM,KAAK,EAAG,aAAY,OAAO;AAC7C,gBAAM;AAAA,YACJ,EAAE,6CAA6C,6BAA6B;AAAA,YAC5E;AAAA,UACF;AAAA,QACF;AAEA,cAAM,UAAU,oBAAoB,MAAM;AAE1C,cAAM,EAAE,QAAQ,QAAQ,IAAI,MAAM;AAAA,UAChC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,EAAE,yCAAyC,yBAAyB,EAAE;AAAA,QACxF;AAEA,cAAM,QAAQ,SAAS;AAGvB,YAAI,OAAO;AACT,cAAI;AACF,kBAAM,UAAU,MAAM,QAA6C,8BAA8B;AACjG,kBAAM,gBAAgB,QAAQ,QAAQ,QAAQ;AAC9C,gBAAI,eAAe;AACjB,oBAAM,WAAW,oCAAoC,QAAQ,cAAc;AAAA,gBACzE;AAAA,gBACA,oBAAmB,oBAAI,KAAK,GAAE,YAAY,EAAE,MAAM,GAAG,EAAE;AAAA,gBACvD,QAAQ;AAAA,cACV,GAAG,EAAE,cAAc,GAAG,CAAC;AAAA,YACzB;AAAA,UACF,QAAQ;AAAA,UAER;AAAA,QACF;AAEA,cAAM,EAAE,4CAA4C,gBAAgB,GAAG,SAAS;AAChF,YAAI,MAAO,QAAO,KAAK,sCAAsC,KAAK,EAAE;AAAA,YAC/D,QAAO,KAAK,SAAS;AAAA,MAC5B;AAAA;AAAA,EACF,GACF,GACF;AAEJ;",
   "names": []
 }

package/dist/modules/staff/backend/staff/timesheets/projects/page.js CHANGED Viewed

@@ -550,6 +550,7 @@ function TimesheetProjectsPage() {
         DataTable,
         {
           title: labels.title,
+          titleHeadingLevel: 1,
           data: rows,
           columns,
           isLoading,

package/dist/modules/staff/backend/staff/timesheets/projects/page.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/staff/backend/staff/timesheets/projects/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport type { SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterOverlay'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\nimport { ProjectColorDot } from '../../../../lib/timesheets-ui/ProjectColorDot'\nimport { resolveProjectColorHex } from '../../../../lib/timesheets-ui/colors'\nimport {\n  ProjectsKpiStrip,\n  type PmKpis,\n  type CollabKpis,\n} from '../../../../lib/timesheets-projects-ui/ProjectsKpiStrip'\nimport { SavedViewTabs } from '../../../../lib/timesheets-projects-ui/SavedViewTabs'\nimport { HoursSparkline } from '../../../../lib/timesheets-projects-ui/HoursSparkline'\nimport {\n  ProjectMembersAvatarStack,\n  type AvatarMember,\n} from '../../../../lib/timesheets-projects-ui/ProjectMembersAvatarStack'\nimport { ViewModeToggle } from '../../../../lib/timesheets-projects-ui/ViewModeToggle'\nimport {\n  useProjectsViewMode,\n  type ProjectsViewMode,\n} from '../../../../lib/timesheets-projects-ui/useProjectsViewMode'\nimport {\n  ProjectCard,\n  type ProjectCardData,\n  type ProjectCardLabels,\n} from '../../../../lib/timesheets-projects-ui/ProjectCard'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('staff')\n\nconst PAGE_SIZE = 50\nconst INCLUDE_FIELDS = 'hoursWeek,hoursTrend,members,myRole'\n\ntype StaffEnrichment = {\n  hoursWeek?: number\n  hoursTrend?: number[]\n  myRole?: string | null\n  members?: AvatarMember[]\n  memberCount?: number\n}\n\ntype ProjectRow = {\n  id: string\n  name: string\n  code: string | null\n  customerId: string | null\n  customerName: string | null\n  status: string\n  projectType: string | null\n  color: string | null\n  startDate: string | null\n  updatedAt: string | null\n  hoursWeek: number\n  hoursTrend: number[]\n  myRole: string | null\n  members: AvatarMember[]\n  memberCount: number\n}\n\ntype ProjectsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n  totalIsCapped?: boolean\n}\n\ntype KpisResponse = PmKpis | CollabKpis\n\nfunction formatRelativeTime(iso: string | null, fallback: string, t: TranslateFn): string {\n  if (!iso) return fallback\n  const parsed = new Date(iso)\n  if (Number.isNaN(parsed.getTime())) return fallback\n  const diffMs = Date.now() - parsed.getTime()\n  const minutes = Math.round(diffMs / 60000)\n  if (minutes < 1) return t('staff.timesheets.projects.portfolio.relativeTime.justNow', 'just now')\n  if (minutes < 60) return t('staff.timesheets.projects.portfolio.relativeTime.minutesAgo', '{minutes}m ago', { minutes })\n  const hours = Math.round(minutes / 60)\n  if (hours < 24) return t('staff.timesheets.projects.portfolio.relativeTime.hoursAgo', '{hours}h ago', { hours })\n  const days = Math.round(hours / 24)\n  if (days < 14) return t('staff.timesheets.projects.portfolio.relativeTime.daysAgo', '{days}d ago', { days })\n  return formatDateTime(iso) ?? fallback\n}\n\nfunction mapApiProject(item: Record<string, unknown>): ProjectRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const name = typeof item.name === 'string' ? item.name : id\n  const code = typeof item.code === 'string' && item.code.trim().length ? item.code.trim() : null\n  const customerId =\n    typeof item.customerId === 'string'\n      ? item.customerId\n      : typeof item.customer_id === 'string'\n        ? item.customer_id\n        : null\n  const customerName =\n    typeof item.customerName === 'string'\n      ? item.customerName\n      : typeof item.customer_name === 'string'\n        ? item.customer_name\n        : null\n  const status = typeof item.status === 'string' ? item.status : 'active'\n  const projectType =\n    typeof item.projectType === 'string'\n      ? item.projectType\n      : typeof item.project_type === 'string'\n        ? item.project_type\n        : null\n  const color = typeof item.color === 'string' ? item.color : null\n  const startDate =\n    typeof item.startDate === 'string'\n      ? item.startDate\n      : typeof item.start_date === 'string'\n        ? item.start_date\n        : null\n  const updatedAt =\n    typeof item.updatedAt === 'string'\n      ? item.updatedAt\n      : typeof item.updated_at === 'string'\n        ? item.updated_at\n        : null\n  const enrichment =\n    (item as { _staff?: StaffEnrichment })._staff ?? ({} as StaffEnrichment)\n  const hoursWeek = typeof enrichment.hoursWeek === 'number' ? enrichment.hoursWeek : 0\n  const hoursTrend = Array.isArray(enrichment.hoursTrend)\n    ? enrichment.hoursTrend.filter((v): v is number => typeof v === 'number')\n    : []\n  const members = Array.isArray(enrichment.members)\n    ? enrichment.members\n        .filter((m): m is AvatarMember => !!m && typeof m === 'object' && typeof (m as AvatarMember).id === 'string')\n        .map((m) => ({\n          id: m.id,\n          name: m.name ?? '',\n          initials: m.initials ?? '',\n          avatarUrl: m.avatarUrl ?? null,\n        }))\n    : []\n  const memberCount = typeof enrichment.memberCount === 'number' ? enrichment.memberCount : members.length\n  const myRole = typeof enrichment.myRole === 'string' ? enrichment.myRole : null\n\n  return withDataTableNamespaces(\n    {\n      id,\n      name,\n      code,\n      customerId,\n      customerName,\n      status,\n      projectType,\n      color,\n      startDate,\n      updatedAt,\n      hoursWeek,\n      hoursTrend,\n      myRole,\n      members,\n      memberCount,\n    },\n    item,\n  )\n}\n\nexport default function TimesheetProjectsPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [rows, setRows] = React.useState<ProjectRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'updatedAt', desc: true }])\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [isRefreshing, setIsRefreshing] = React.useState(false)\n  const hasLoadedOnceRef = React.useRef(false)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [kpis, setKpis] = React.useState<KpisResponse | null>(null)\n  const [isLoadingKpis, setIsLoadingKpis] = React.useState(true)\n\n  const activeTab = searchParams.get('tab') ?? 'all'\n  const urlViewMode = searchParams.get('view')\n  const [viewMode, setViewMode] = useProjectsViewMode({\n    userKey: null,\n    urlOverride: urlViewMode,\n  })\n\n  const labels = React.useMemo(\n    () => ({\n      title: t('staff.timesheets.projects.page.title', 'Projects'),\n      table: {\n        name: t('staff.timesheets.projects.table.name', 'Project'),\n        status: t('staff.timesheets.projects.table.status', 'Status'),\n        type: t('staff.timesheets.projects.table.type', 'Type'),\n        updatedAt: t('staff.timesheets.projects.table.updatedAt', 'Updated'),\n        empty: t('staff.timesheets.projects.table.empty', 'No projects yet.'),\n        search: t('staff.timesheets.projects.table.search', 'Search projects...'),\n        team: t('staff.timesheets.projects.portfolio.team', 'Team'),\n        myRole: t('staff.timesheets.projects.portfolio.myRole', 'My role'),\n        hoursWeek: t('staff.timesheets.projects.portfolio.hoursWeek', 'Hours / week'),\n        myHoursWeek: t('staff.timesheets.projects.portfolio.myHoursWeek', 'My hours / week'),\n      },\n      actions: {\n        add: t('staff.timesheets.projects.actions.add', 'Add Project'),\n        addFirst: t('staff.timesheets.projects.actions.addFirst', '+ Add first project'),\n        viewDetails: t('staff.timesheets.projects.actions.viewDetails', 'View Details'),\n        delete: t('staff.timesheets.projects.actions.delete', 'Delete'),\n        deleteConfirm: t('staff.timesheets.projects.actions.deleteConfirm', 'Delete project \"{{name}}\"?'),\n        refresh: t('staff.timesheets.projects.actions.refresh', 'Refresh'),\n      },\n      messages: {\n        deleted: t('staff.timesheets.projects.messages.deleted', 'Project deleted.'),\n      },\n      errors: {\n        load: t('staff.timesheets.projects.errors.load', 'Failed to load projects.'),\n        delete: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n      },\n      statuses: {\n        all: t('staff.timesheets.projects.statuses.all', 'All'),\n        active: t('staff.timesheets.projects.statuses.active', 'Active'),\n        on_hold: t('staff.timesheets.projects.statuses.onHold', 'On Hold'),\n        completed: t('staff.timesheets.projects.statuses.completed', 'Completed'),\n      },\n      tabs: {\n        all: t('staff.timesheets.projects.portfolio.tabs.all', 'All'),\n        active: t('staff.timesheets.projects.portfolio.tabs.active', 'Active'),\n        onHold: t('staff.timesheets.projects.portfolio.tabs.onHold', 'On Hold'),\n        completed: t('staff.timesheets.projects.portfolio.tabs.completed', 'Completed'),\n        mine: t('staff.timesheets.projects.portfolio.tabs.mine', 'Mine'),\n      },\n      viewMode: {\n        table: t('staff.timesheets.projects.portfolio.viewMode.table', 'Table'),\n        cards: t('staff.timesheets.projects.portfolio.viewMode.cards', 'Cards'),\n      },\n      kpi: {\n        totalProjects: t('staff.timesheets.projects.portfolio.kpi.totalProjects', 'Total Projects'),\n        hoursWeek: t('staff.timesheets.projects.portfolio.kpi.hoursWeek', 'Hours this week'),\n        hoursWeekSub: t('staff.timesheets.projects.portfolio.kpi.hoursWeekSub', 'vs previous week'),\n        assignedToMe: t('staff.timesheets.projects.portfolio.kpi.assignedToMe', 'Assigned to me'),\n        hoursMonth: t('staff.timesheets.projects.portfolio.kpi.hoursMonth', 'Hours this month'),\n        hoursMonthSub: t('staff.timesheets.projects.portfolio.kpi.hoursMonthSub', 'vs previous month'),\n        teamActive: t('staff.timesheets.projects.portfolio.kpi.teamActive', 'Active team'),\n        teamActiveSub: t('staff.timesheets.projects.portfolio.kpi.teamActiveSub', 'Members with entries this month'),\n        myProjects: t('staff.timesheets.projects.portfolio.kpi.myProjects', 'My projects'),\n        myHoursWeek: t('staff.timesheets.projects.portfolio.kpi.myHoursWeek', 'My hours this week'),\n        myHoursMonth: t('staff.timesheets.projects.portfolio.kpi.myHoursMonth', 'My hours this month'),\n        deltaFlat: t('staff.timesheets.projects.portfolio.kpi.deltaFlat', 'no change'),\n        noPrevious: t('staff.timesheets.projects.portfolio.kpi.noPrevious', 'no previous data'),\n      },\n      card: {\n        hoursPanelPm: t('staff.timesheets.projects.portfolio.card.hoursPanelPm', 'Team hours \u00B7 last 7w'),\n        hoursPanelCollab: t('staff.timesheets.projects.portfolio.card.hoursPanelCollab', 'My hours \u00B7 last 7w'),\n        sparklineAria: t('staff.timesheets.projects.portfolio.sparkline.ariaLabel', 'Hours per week, last 7 weeks'),\n        role: t('staff.timesheets.projects.portfolio.card.role', 'Role'),\n      },\n      emptyState: {\n        noProjects: t('staff.timesheets.projects.portfolio.emptyState.noProjects', 'No projects yet.'),\n        noAssignments: t(\n          'staff.timesheets.projects.portfolio.emptyState.noAssignments',\n          \"You aren't assigned to any projects yet. Ask a PM to add you.\",\n        ),\n        noMatches: t('staff.timesheets.projects.portfolio.emptyState.noMatches', 'No projects match these filters.'),\n      },\n    }),\n    [t],\n  )\n\n  const kpiLabels = React.useMemo(\n    () => ({\n      totalProjects: labels.kpi.totalProjects,\n      totalProjectsSub: ({ active, onHold }: { active: number; onHold: number }) =>\n        `${active} ${labels.statuses.active.toLowerCase()} \u00B7 ${onHold} ${labels.statuses.on_hold.toLowerCase()}`,\n      hoursWeek: labels.kpi.hoursWeek,\n      hoursWeekSub: labels.kpi.hoursWeekSub,\n      assignedToMe: labels.kpi.assignedToMe,\n      assignedToMeSub: (active: number) => `${active} ${labels.statuses.active.toLowerCase()}`,\n      hoursMonth: labels.kpi.hoursMonth,\n      hoursMonthSub: labels.kpi.hoursMonthSub,\n      teamActive: labels.kpi.teamActive,\n      teamActiveSub: labels.kpi.teamActiveSub,\n      myProjects: labels.kpi.myProjects,\n      myProjectsSub: (active: number) => `${active} ${labels.statuses.active.toLowerCase()}`,\n      myHoursWeek: labels.kpi.myHoursWeek,\n      myHoursMonth: labels.kpi.myHoursMonth,\n      deltaUp: (pct: number) => `up ${pct}%`,\n      deltaDown: (pct: number) => `down ${pct}%`,\n      deltaFlat: labels.kpi.deltaFlat,\n      noPrevious: labels.kpi.noPrevious,\n    }),\n    [labels],\n  )\n\n  const isPmRole = kpis?.role === 'pm'\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: labels.table.status,\n        type: 'select',\n        options: [\n          { value: 'active', label: labels.statuses.active },\n          { value: 'on_hold', label: labels.statuses.on_hold },\n          { value: 'completed', label: labels.statuses.completed },\n        ],\n      },\n    ],\n    [labels.table.status, labels.statuses],\n  )\n\n  const tabs = React.useMemo(() => {\n    const base = [\n      { id: 'all', label: labels.tabs.all },\n      { id: 'active', label: labels.tabs.active },\n    ]\n    if (isPmRole) {\n      base.push({ id: 'on_hold', label: labels.tabs.onHold })\n    }\n    base.push({ id: 'completed', label: labels.tabs.completed })\n    if (isPmRole) {\n      base.push({ id: 'mine', label: labels.tabs.mine })\n    }\n    return base\n  }, [labels.tabs, isPmRole])\n\n  const statusFromTab = (tabId: string): string | null => {\n    if (tabId === 'active' || tabId === 'on_hold' || tabId === 'completed') return tabId\n    return null\n  }\n  const mineFromTab = (tabId: string): boolean => tabId === 'mine' || !isPmRole\n\n  const loadKpis = React.useCallback(async () => {\n    setIsLoadingKpis(true)\n    try {\n      const payload = await readApiResultOrThrow<KpisResponse>(\n        '/api/staff/timesheets/projects/kpis',\n        undefined,\n        {\n          errorMessage: labels.errors.load,\n          fallback: null as unknown as KpisResponse,\n        },\n      )\n      setKpis(payload)\n    } catch {\n      setKpis(null)\n    } finally {\n      setIsLoadingKpis(false)\n    }\n  }, [labels.errors.load])\n\n  const loadProjects = React.useCallback(async () => {\n    if (hasLoadedOnceRef.current) {\n      setIsRefreshing(true)\n    } else {\n      setIsLoading(true)\n    }\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n        include: INCLUDE_FIELDS,\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim()) params.set('q', search.trim())\n      const tabStatus = statusFromTab(activeTab)\n      if (tabStatus) params.set('status', tabStatus)\n      else if (typeof filterValues.status === 'string' && filterValues.status.length > 0) {\n        params.set('status', filterValues.status)\n      }\n      if (mineFromTab(activeTab)) params.set('mine', '1')\n\n      const payload = await readApiResultOrThrow<ProjectsResponse>(\n        `/api/staff/timesheets/time-projects?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiProject))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(\n        typeof payload.totalPages === 'number'\n          ? payload.totalPages\n          : Math.max(1, Math.ceil(items.length / PAGE_SIZE)),\n      )\n      setTotalIsCapped(payload.totalIsCapped === true)\n    } catch (error) {\n      logger.error('staff.timesheets.projects.list', { err: error })\n      flash(labels.errors.load, 'error')\n    } finally {\n      setIsLoading(false)\n      setIsRefreshing(false)\n      hasLoadedOnceRef.current = true\n    }\n  }, [labels.errors.load, page, search, sorting, filterValues.status, activeTab, isPmRole])\n\n  React.useEffect(() => {\n    void loadKpis()\n  }, [loadKpis, scopeVersion, reloadToken])\n\n  React.useEffect(() => {\n    void loadProjects()\n  }, [loadProjects, scopeVersion, reloadToken])\n\n  const handleTabSelect = React.useCallback(\n    (id: string) => {\n      const params = new URLSearchParams(searchParams.toString())\n      if (id === 'all') params.delete('tab')\n      else params.set('tab', id)\n      router.replace(`?${params.toString()}`)\n      setPage(1)\n    },\n    [router, searchParams],\n  )\n\n  const handleViewModeChange = React.useCallback(\n    (next: ProjectsViewMode) => {\n      setViewMode(next)\n      const params = new URLSearchParams(searchParams.toString())\n      if (next === 'table') params.delete('view')\n      else params.set('view', next)\n      router.replace(`?${params.toString()}`)\n    },\n    [router, searchParams, setViewMode],\n  )\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(\n    async (entry: ProjectRow) => {\n      const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n      const confirmed = await confirm({\n        title: labels.actions.delete,\n        text: message,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      try {\n        await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(entry.updatedAt),\n          () => deleteCrud('staff/timesheets/time-projects', entry.id, { errorMessage: labels.errors.delete }),\n        )\n        flash(labels.messages.deleted, 'success')\n        handleRefresh()\n      } catch (error) {\n        if (surfaceRecordConflict(error, t)) { handleRefresh(); return }\n        logger.error('staff.timesheets.projects.delete', { err: error })\n        flash(labels.errors.delete, 'error')\n      }\n    },\n    [confirm, handleRefresh, t, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.messages.deleted],\n  )\n\n  const columns = React.useMemo<ColumnDef<ProjectRow>[]>(\n    () => [\n      {\n        accessorKey: 'name',\n        header: labels.table.name,\n        meta: { priority: 1, sticky: true },\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-2.5\">\n            <ProjectColorDot colorKey={row.original.color} projectName={row.original.name} size=\"sm\" />\n            <div className=\"flex min-w-0 flex-col\">\n              <span className=\"truncate text-sm font-medium text-foreground\">{row.original.name}</span>\n              <span className=\"truncate font-mono text-[11px] text-muted-foreground\">\n                {row.original.code ?? '\u2014'}\n                {row.original.customerName ? ` \u00B7 ${row.original.customerName}` : ''}\n              </span>\n            </div>\n          </div>\n        ),\n      },\n      {\n        accessorKey: 'status',\n        header: labels.table.status,\n        meta: { priority: 2 },\n        cell: ({ row }) => {\n          const badgeClass =\n            row.original.status === 'active'\n              ? 'bg-lime-100 text-lime-800 dark:bg-lime-900/30 dark:text-lime-300'\n              : row.original.status === 'on_hold'\n                ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300'\n                : 'bg-muted text-muted-foreground'\n          const statusLabel =\n            labels.statuses[row.original.status as keyof typeof labels.statuses] ?? row.original.status\n          return (\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${badgeClass}`}\n            >\n              {statusLabel}\n            </span>\n          )\n        },\n      },\n      {\n        accessorKey: 'projectType',\n        header: labels.table.type,\n        meta: { priority: 3 },\n        cell: ({ row }) =>\n          row.original.projectType ? (\n            <span className=\"text-sm text-foreground\">{row.original.projectType}</span>\n          ) : (\n            <span className=\"text-xs text-muted-foreground/70\">\u2014</span>\n          ),\n      },\n      isPmRole\n        ? {\n            accessorKey: 'members',\n            id: 'members',\n            header: labels.table.team,\n            enableSorting: false,\n            meta: { priority: 4 },\n            cell: ({ row }) => (\n              <ProjectMembersAvatarStack\n                members={row.original.members}\n                total={row.original.memberCount}\n                peopleCountLabel={`${row.original.memberCount}`}\n              />\n            ),\n          }\n        : {\n            accessorKey: 'myRole',\n            header: labels.table.myRole,\n            enableSorting: false,\n            meta: { priority: 4 },\n            cell: ({ row }) =>\n              row.original.myRole ? (\n                <span className=\"text-sm text-foreground\">{row.original.myRole}</span>\n              ) : (\n                <span className=\"text-xs text-muted-foreground/70\">\u2014</span>\n              ),\n          },\n      {\n        accessorKey: 'hoursWeek',\n        header: isPmRole ? labels.table.hoursWeek : labels.table.myHoursWeek,\n        enableSorting: false,\n        meta: { priority: 5 },\n        cell: ({ row }) => {\n          const stripe = resolveProjectColorHex(row.original.color, row.original.name)\n          return (\n            <div className=\"flex items-center justify-end gap-2\">\n              <HoursSparkline\n                values={row.original.hoursTrend}\n                color={stripe}\n                ariaLabel={labels.card.sparklineAria}\n              />\n              <span className=\"text-xs font-medium tabular-nums text-foreground\">\n                {row.original.hoursWeek > 0 ? `${row.original.hoursWeek}h` : '\u2014'}\n              </span>\n            </div>\n          )\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: labels.table.updatedAt,\n        meta: { priority: 6 },\n        cell: ({ row }) => (\n          <span className=\"text-xs text-muted-foreground\">\n            {formatRelativeTime(row.original.updatedAt, '\u2014', t)}\n          </span>\n        ),\n      },\n    ],\n    [labels.table, labels.statuses, labels.card.sparklineAria, isPmRole],\n  )\n\n  const cardLabels = React.useMemo<ProjectCardLabels>(\n    () => ({\n      hoursPanelPm: labels.card.hoursPanelPm,\n      hoursPanelCollab: labels.card.hoursPanelCollab,\n      sparklineAria: labels.card.sparklineAria,\n      peopleCount: (count: number) => `${count}`,\n      role: labels.card.role,\n      noCustomer: '\u2014',\n      statuses: labels.statuses,\n    }),\n    [labels.card, labels.statuses],\n  )\n\n  const canManage = isPmRole\n\n  const emptyStateCopy = React.useMemo(() => {\n    const hasFiltersApplied = activeTab !== 'all' || search.trim().length > 0 || Object.values(filterValues).some(Boolean)\n    if (hasFiltersApplied) return labels.emptyState.noMatches\n    if (!canManage) return labels.emptyState.noAssignments\n    return labels.emptyState.noProjects\n  }, [activeTab, search, filterValues, canManage, labels.emptyState])\n\n  const cardsData: ProjectCardData[] = rows.map((row) => ({\n    id: row.id,\n    name: row.name,\n    code: row.code,\n    customerName: row.customerName,\n    color: row.color,\n    status: row.status,\n    hoursWeek: row.hoursWeek,\n    hoursTrend: row.hoursTrend,\n    members: row.members,\n    memberCount: row.memberCount,\n    myRole: row.myRole,\n    updatedAt: row.updatedAt,\n  }))\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-4\">\n          <ProjectsKpiStrip kpis={kpis} labels={kpiLabels} isLoading={isLoadingKpis} />\n        </div>\n\n        <div className=\"mb-3 flex flex-wrap items-center justify-between gap-3\">\n          <SavedViewTabs\n            tabs={tabs}\n            activeId={activeTab}\n            onSelect={handleTabSelect}\n            ariaLabel={t('staff.timesheets.projects.portfolio.savedViews.ariaLabel', 'Saved views')}\n          />\n          <ViewModeToggle\n            mode={viewMode}\n            onChange={handleViewModeChange}\n            tableLabel={labels.viewMode.table}\n            cardsLabel={labels.viewMode.cards}\n            ariaLabel={t('staff.timesheets.projects.portfolio.viewMode.ariaLabel', 'View mode')}\n          />\n        </div>\n\n        {viewMode === 'cards' ? (\n          <div>\n            {isLoading ? (\n              <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3\">\n                {Array.from({ length: 6 }).map((_, idx) => (\n                  <div key={idx} className=\"h-48 animate-pulse rounded-lg border border-border bg-muted/40\" />\n                ))}\n              </div>\n            ) : rows.length === 0 ? (\n              <div className=\"rounded-lg border border-dashed border-border bg-card p-10 text-center\">\n                <p className=\"text-sm text-muted-foreground\">{emptyStateCopy}</p>\n                {canManage ? (\n                  <div className=\"mt-3\">\n                    <Button asChild size=\"sm\">\n                      <Link href=\"/backend/staff/timesheets/projects/create\">\n                        {labels.actions.addFirst}\n                      </Link>\n                    </Button>\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3\">\n                {cardsData.map((card) => (\n                  <ProjectCard\n                    key={card.id}\n                    data={card}\n                    labels={cardLabels}\n                    showTeam={isPmRole}\n                    href={`/backend/staff/timesheets/projects/${card.id}`}\n                  />\n                ))}\n              </div>\n            )}\n          </div>\n        ) : (\n          <DataTable<ProjectRow>\n            title={labels.title}\n            data={rows}\n            columns={columns}\n            isLoading={isLoading}\n            searchValue={search}\n            onSearchChange={handleSearchChange}\n            searchPlaceholder={labels.table.search}\n            filters={filters}\n            filterValues={filterValues}\n            onFiltersApply={handleFiltersApply}\n            onFiltersClear={handleFiltersClear}\n            emptyState={\n              <div className=\"py-12 text-center\">\n                <p className=\"text-sm text-muted-foreground mb-4\">{emptyStateCopy}</p>\n                {canManage ? (\n                  <Button asChild size=\"sm\">\n                    <Link href=\"/backend/staff/timesheets/projects/create\">{labels.actions.addFirst}</Link>\n                  </Button>\n                ) : null}\n              </div>\n            }\n            actions={\n              canManage ? (\n                <Button asChild size=\"sm\">\n                  <Link href=\"/backend/staff/timesheets/projects/create\">{labels.actions.add}</Link>\n                </Button>\n              ) : undefined\n            }\n            refreshButton={{\n              label: labels.actions.refresh,\n              onRefresh: handleRefresh,\n              isRefreshing: isLoading || isRefreshing,\n            }}\n            sortable\n            sorting={sorting}\n            onSortingChange={setSorting}\n            pagination={{\n              page,\n              pageSize: PAGE_SIZE,\n              total,\n              totalPages,\n              totalIsCapped,\n              onPageChange: setPage,\n            }}\n            rowActions={(row) => (\n              <RowActions\n                items={[\n                  {\n                    id: 'view',\n                    label: labels.actions.viewDetails,\n                    href: `/backend/staff/timesheets/projects/${row.id}`,\n                  },\n                  ...(canManage\n                    ? [\n                        {\n                          id: 'delete',\n                          label: labels.actions.delete,\n                          destructive: true,\n                          onSelect: () => {\n                            void handleDelete(row)\n                          },\n                        },\n                      ]\n                    : []),\n                ]}\n              />\n            )}\n            onRowClick={(row) => router.push(`/backend/staff/timesheets/projects/${row.id}`)}\n          />\n        )}\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport type { SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterOverlay'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\nimport { ProjectColorDot } from '../../../../lib/timesheets-ui/ProjectColorDot'\nimport { resolveProjectColorHex } from '../../../../lib/timesheets-ui/colors'\nimport {\n  ProjectsKpiStrip,\n  type PmKpis,\n  type CollabKpis,\n} from '../../../../lib/timesheets-projects-ui/ProjectsKpiStrip'\nimport { SavedViewTabs } from '../../../../lib/timesheets-projects-ui/SavedViewTabs'\nimport { HoursSparkline } from '../../../../lib/timesheets-projects-ui/HoursSparkline'\nimport {\n  ProjectMembersAvatarStack,\n  type AvatarMember,\n} from '../../../../lib/timesheets-projects-ui/ProjectMembersAvatarStack'\nimport { ViewModeToggle } from '../../../../lib/timesheets-projects-ui/ViewModeToggle'\nimport {\n  useProjectsViewMode,\n  type ProjectsViewMode,\n} from '../../../../lib/timesheets-projects-ui/useProjectsViewMode'\nimport {\n  ProjectCard,\n  type ProjectCardData,\n  type ProjectCardLabels,\n} from '../../../../lib/timesheets-projects-ui/ProjectCard'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\n\nconst logger = createLogger('staff')\n\nconst PAGE_SIZE = 50\nconst INCLUDE_FIELDS = 'hoursWeek,hoursTrend,members,myRole'\n\ntype StaffEnrichment = {\n  hoursWeek?: number\n  hoursTrend?: number[]\n  myRole?: string | null\n  members?: AvatarMember[]\n  memberCount?: number\n}\n\ntype ProjectRow = {\n  id: string\n  name: string\n  code: string | null\n  customerId: string | null\n  customerName: string | null\n  status: string\n  projectType: string | null\n  color: string | null\n  startDate: string | null\n  updatedAt: string | null\n  hoursWeek: number\n  hoursTrend: number[]\n  myRole: string | null\n  members: AvatarMember[]\n  memberCount: number\n}\n\ntype ProjectsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n  totalIsCapped?: boolean\n}\n\ntype KpisResponse = PmKpis | CollabKpis\n\nfunction formatRelativeTime(iso: string | null, fallback: string, t: TranslateFn): string {\n  if (!iso) return fallback\n  const parsed = new Date(iso)\n  if (Number.isNaN(parsed.getTime())) return fallback\n  const diffMs = Date.now() - parsed.getTime()\n  const minutes = Math.round(diffMs / 60000)\n  if (minutes < 1) return t('staff.timesheets.projects.portfolio.relativeTime.justNow', 'just now')\n  if (minutes < 60) return t('staff.timesheets.projects.portfolio.relativeTime.minutesAgo', '{minutes}m ago', { minutes })\n  const hours = Math.round(minutes / 60)\n  if (hours < 24) return t('staff.timesheets.projects.portfolio.relativeTime.hoursAgo', '{hours}h ago', { hours })\n  const days = Math.round(hours / 24)\n  if (days < 14) return t('staff.timesheets.projects.portfolio.relativeTime.daysAgo', '{days}d ago', { days })\n  return formatDateTime(iso) ?? fallback\n}\n\nfunction mapApiProject(item: Record<string, unknown>): ProjectRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const name = typeof item.name === 'string' ? item.name : id\n  const code = typeof item.code === 'string' && item.code.trim().length ? item.code.trim() : null\n  const customerId =\n    typeof item.customerId === 'string'\n      ? item.customerId\n      : typeof item.customer_id === 'string'\n        ? item.customer_id\n        : null\n  const customerName =\n    typeof item.customerName === 'string'\n      ? item.customerName\n      : typeof item.customer_name === 'string'\n        ? item.customer_name\n        : null\n  const status = typeof item.status === 'string' ? item.status : 'active'\n  const projectType =\n    typeof item.projectType === 'string'\n      ? item.projectType\n      : typeof item.project_type === 'string'\n        ? item.project_type\n        : null\n  const color = typeof item.color === 'string' ? item.color : null\n  const startDate =\n    typeof item.startDate === 'string'\n      ? item.startDate\n      : typeof item.start_date === 'string'\n        ? item.start_date\n        : null\n  const updatedAt =\n    typeof item.updatedAt === 'string'\n      ? item.updatedAt\n      : typeof item.updated_at === 'string'\n        ? item.updated_at\n        : null\n  const enrichment =\n    (item as { _staff?: StaffEnrichment })._staff ?? ({} as StaffEnrichment)\n  const hoursWeek = typeof enrichment.hoursWeek === 'number' ? enrichment.hoursWeek : 0\n  const hoursTrend = Array.isArray(enrichment.hoursTrend)\n    ? enrichment.hoursTrend.filter((v): v is number => typeof v === 'number')\n    : []\n  const members = Array.isArray(enrichment.members)\n    ? enrichment.members\n        .filter((m): m is AvatarMember => !!m && typeof m === 'object' && typeof (m as AvatarMember).id === 'string')\n        .map((m) => ({\n          id: m.id,\n          name: m.name ?? '',\n          initials: m.initials ?? '',\n          avatarUrl: m.avatarUrl ?? null,\n        }))\n    : []\n  const memberCount = typeof enrichment.memberCount === 'number' ? enrichment.memberCount : members.length\n  const myRole = typeof enrichment.myRole === 'string' ? enrichment.myRole : null\n\n  return withDataTableNamespaces(\n    {\n      id,\n      name,\n      code,\n      customerId,\n      customerName,\n      status,\n      projectType,\n      color,\n      startDate,\n      updatedAt,\n      hoursWeek,\n      hoursTrend,\n      myRole,\n      members,\n      memberCount,\n    },\n    item,\n  )\n}\n\nexport default function TimesheetProjectsPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [rows, setRows] = React.useState<ProjectRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [totalIsCapped, setTotalIsCapped] = React.useState(false)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'updatedAt', desc: true }])\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [isRefreshing, setIsRefreshing] = React.useState(false)\n  const hasLoadedOnceRef = React.useRef(false)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [kpis, setKpis] = React.useState<KpisResponse | null>(null)\n  const [isLoadingKpis, setIsLoadingKpis] = React.useState(true)\n\n  const activeTab = searchParams.get('tab') ?? 'all'\n  const urlViewMode = searchParams.get('view')\n  const [viewMode, setViewMode] = useProjectsViewMode({\n    userKey: null,\n    urlOverride: urlViewMode,\n  })\n\n  const labels = React.useMemo(\n    () => ({\n      title: t('staff.timesheets.projects.page.title', 'Projects'),\n      table: {\n        name: t('staff.timesheets.projects.table.name', 'Project'),\n        status: t('staff.timesheets.projects.table.status', 'Status'),\n        type: t('staff.timesheets.projects.table.type', 'Type'),\n        updatedAt: t('staff.timesheets.projects.table.updatedAt', 'Updated'),\n        empty: t('staff.timesheets.projects.table.empty', 'No projects yet.'),\n        search: t('staff.timesheets.projects.table.search', 'Search projects...'),\n        team: t('staff.timesheets.projects.portfolio.team', 'Team'),\n        myRole: t('staff.timesheets.projects.portfolio.myRole', 'My role'),\n        hoursWeek: t('staff.timesheets.projects.portfolio.hoursWeek', 'Hours / week'),\n        myHoursWeek: t('staff.timesheets.projects.portfolio.myHoursWeek', 'My hours / week'),\n      },\n      actions: {\n        add: t('staff.timesheets.projects.actions.add', 'Add Project'),\n        addFirst: t('staff.timesheets.projects.actions.addFirst', '+ Add first project'),\n        viewDetails: t('staff.timesheets.projects.actions.viewDetails', 'View Details'),\n        delete: t('staff.timesheets.projects.actions.delete', 'Delete'),\n        deleteConfirm: t('staff.timesheets.projects.actions.deleteConfirm', 'Delete project \"{{name}}\"?'),\n        refresh: t('staff.timesheets.projects.actions.refresh', 'Refresh'),\n      },\n      messages: {\n        deleted: t('staff.timesheets.projects.messages.deleted', 'Project deleted.'),\n      },\n      errors: {\n        load: t('staff.timesheets.projects.errors.load', 'Failed to load projects.'),\n        delete: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n      },\n      statuses: {\n        all: t('staff.timesheets.projects.statuses.all', 'All'),\n        active: t('staff.timesheets.projects.statuses.active', 'Active'),\n        on_hold: t('staff.timesheets.projects.statuses.onHold', 'On Hold'),\n        completed: t('staff.timesheets.projects.statuses.completed', 'Completed'),\n      },\n      tabs: {\n        all: t('staff.timesheets.projects.portfolio.tabs.all', 'All'),\n        active: t('staff.timesheets.projects.portfolio.tabs.active', 'Active'),\n        onHold: t('staff.timesheets.projects.portfolio.tabs.onHold', 'On Hold'),\n        completed: t('staff.timesheets.projects.portfolio.tabs.completed', 'Completed'),\n        mine: t('staff.timesheets.projects.portfolio.tabs.mine', 'Mine'),\n      },\n      viewMode: {\n        table: t('staff.timesheets.projects.portfolio.viewMode.table', 'Table'),\n        cards: t('staff.timesheets.projects.portfolio.viewMode.cards', 'Cards'),\n      },\n      kpi: {\n        totalProjects: t('staff.timesheets.projects.portfolio.kpi.totalProjects', 'Total Projects'),\n        hoursWeek: t('staff.timesheets.projects.portfolio.kpi.hoursWeek', 'Hours this week'),\n        hoursWeekSub: t('staff.timesheets.projects.portfolio.kpi.hoursWeekSub', 'vs previous week'),\n        assignedToMe: t('staff.timesheets.projects.portfolio.kpi.assignedToMe', 'Assigned to me'),\n        hoursMonth: t('staff.timesheets.projects.portfolio.kpi.hoursMonth', 'Hours this month'),\n        hoursMonthSub: t('staff.timesheets.projects.portfolio.kpi.hoursMonthSub', 'vs previous month'),\n        teamActive: t('staff.timesheets.projects.portfolio.kpi.teamActive', 'Active team'),\n        teamActiveSub: t('staff.timesheets.projects.portfolio.kpi.teamActiveSub', 'Members with entries this month'),\n        myProjects: t('staff.timesheets.projects.portfolio.kpi.myProjects', 'My projects'),\n        myHoursWeek: t('staff.timesheets.projects.portfolio.kpi.myHoursWeek', 'My hours this week'),\n        myHoursMonth: t('staff.timesheets.projects.portfolio.kpi.myHoursMonth', 'My hours this month'),\n        deltaFlat: t('staff.timesheets.projects.portfolio.kpi.deltaFlat', 'no change'),\n        noPrevious: t('staff.timesheets.projects.portfolio.kpi.noPrevious', 'no previous data'),\n      },\n      card: {\n        hoursPanelPm: t('staff.timesheets.projects.portfolio.card.hoursPanelPm', 'Team hours \u00B7 last 7w'),\n        hoursPanelCollab: t('staff.timesheets.projects.portfolio.card.hoursPanelCollab', 'My hours \u00B7 last 7w'),\n        sparklineAria: t('staff.timesheets.projects.portfolio.sparkline.ariaLabel', 'Hours per week, last 7 weeks'),\n        role: t('staff.timesheets.projects.portfolio.card.role', 'Role'),\n      },\n      emptyState: {\n        noProjects: t('staff.timesheets.projects.portfolio.emptyState.noProjects', 'No projects yet.'),\n        noAssignments: t(\n          'staff.timesheets.projects.portfolio.emptyState.noAssignments',\n          \"You aren't assigned to any projects yet. Ask a PM to add you.\",\n        ),\n        noMatches: t('staff.timesheets.projects.portfolio.emptyState.noMatches', 'No projects match these filters.'),\n      },\n    }),\n    [t],\n  )\n\n  const kpiLabels = React.useMemo(\n    () => ({\n      totalProjects: labels.kpi.totalProjects,\n      totalProjectsSub: ({ active, onHold }: { active: number; onHold: number }) =>\n        `${active} ${labels.statuses.active.toLowerCase()} \u00B7 ${onHold} ${labels.statuses.on_hold.toLowerCase()}`,\n      hoursWeek: labels.kpi.hoursWeek,\n      hoursWeekSub: labels.kpi.hoursWeekSub,\n      assignedToMe: labels.kpi.assignedToMe,\n      assignedToMeSub: (active: number) => `${active} ${labels.statuses.active.toLowerCase()}`,\n      hoursMonth: labels.kpi.hoursMonth,\n      hoursMonthSub: labels.kpi.hoursMonthSub,\n      teamActive: labels.kpi.teamActive,\n      teamActiveSub: labels.kpi.teamActiveSub,\n      myProjects: labels.kpi.myProjects,\n      myProjectsSub: (active: number) => `${active} ${labels.statuses.active.toLowerCase()}`,\n      myHoursWeek: labels.kpi.myHoursWeek,\n      myHoursMonth: labels.kpi.myHoursMonth,\n      deltaUp: (pct: number) => `up ${pct}%`,\n      deltaDown: (pct: number) => `down ${pct}%`,\n      deltaFlat: labels.kpi.deltaFlat,\n      noPrevious: labels.kpi.noPrevious,\n    }),\n    [labels],\n  )\n\n  const isPmRole = kpis?.role === 'pm'\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: labels.table.status,\n        type: 'select',\n        options: [\n          { value: 'active', label: labels.statuses.active },\n          { value: 'on_hold', label: labels.statuses.on_hold },\n          { value: 'completed', label: labels.statuses.completed },\n        ],\n      },\n    ],\n    [labels.table.status, labels.statuses],\n  )\n\n  const tabs = React.useMemo(() => {\n    const base = [\n      { id: 'all', label: labels.tabs.all },\n      { id: 'active', label: labels.tabs.active },\n    ]\n    if (isPmRole) {\n      base.push({ id: 'on_hold', label: labels.tabs.onHold })\n    }\n    base.push({ id: 'completed', label: labels.tabs.completed })\n    if (isPmRole) {\n      base.push({ id: 'mine', label: labels.tabs.mine })\n    }\n    return base\n  }, [labels.tabs, isPmRole])\n\n  const statusFromTab = (tabId: string): string | null => {\n    if (tabId === 'active' || tabId === 'on_hold' || tabId === 'completed') return tabId\n    return null\n  }\n  const mineFromTab = (tabId: string): boolean => tabId === 'mine' || !isPmRole\n\n  const loadKpis = React.useCallback(async () => {\n    setIsLoadingKpis(true)\n    try {\n      const payload = await readApiResultOrThrow<KpisResponse>(\n        '/api/staff/timesheets/projects/kpis',\n        undefined,\n        {\n          errorMessage: labels.errors.load,\n          fallback: null as unknown as KpisResponse,\n        },\n      )\n      setKpis(payload)\n    } catch {\n      setKpis(null)\n    } finally {\n      setIsLoadingKpis(false)\n    }\n  }, [labels.errors.load])\n\n  const loadProjects = React.useCallback(async () => {\n    if (hasLoadedOnceRef.current) {\n      setIsRefreshing(true)\n    } else {\n      setIsLoading(true)\n    }\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n        include: INCLUDE_FIELDS,\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim()) params.set('q', search.trim())\n      const tabStatus = statusFromTab(activeTab)\n      if (tabStatus) params.set('status', tabStatus)\n      else if (typeof filterValues.status === 'string' && filterValues.status.length > 0) {\n        params.set('status', filterValues.status)\n      }\n      if (mineFromTab(activeTab)) params.set('mine', '1')\n\n      const payload = await readApiResultOrThrow<ProjectsResponse>(\n        `/api/staff/timesheets/time-projects?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiProject))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(\n        typeof payload.totalPages === 'number'\n          ? payload.totalPages\n          : Math.max(1, Math.ceil(items.length / PAGE_SIZE)),\n      )\n      setTotalIsCapped(payload.totalIsCapped === true)\n    } catch (error) {\n      logger.error('staff.timesheets.projects.list', { err: error })\n      flash(labels.errors.load, 'error')\n    } finally {\n      setIsLoading(false)\n      setIsRefreshing(false)\n      hasLoadedOnceRef.current = true\n    }\n  }, [labels.errors.load, page, search, sorting, filterValues.status, activeTab, isPmRole])\n\n  React.useEffect(() => {\n    void loadKpis()\n  }, [loadKpis, scopeVersion, reloadToken])\n\n  React.useEffect(() => {\n    void loadProjects()\n  }, [loadProjects, scopeVersion, reloadToken])\n\n  const handleTabSelect = React.useCallback(\n    (id: string) => {\n      const params = new URLSearchParams(searchParams.toString())\n      if (id === 'all') params.delete('tab')\n      else params.set('tab', id)\n      router.replace(`?${params.toString()}`)\n      setPage(1)\n    },\n    [router, searchParams],\n  )\n\n  const handleViewModeChange = React.useCallback(\n    (next: ProjectsViewMode) => {\n      setViewMode(next)\n      const params = new URLSearchParams(searchParams.toString())\n      if (next === 'table') params.delete('view')\n      else params.set('view', next)\n      router.replace(`?${params.toString()}`)\n    },\n    [router, searchParams, setViewMode],\n  )\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(\n    async (entry: ProjectRow) => {\n      const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n      const confirmed = await confirm({\n        title: labels.actions.delete,\n        text: message,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      try {\n        await withScopedApiRequestHeaders(\n          buildOptimisticLockHeader(entry.updatedAt),\n          () => deleteCrud('staff/timesheets/time-projects', entry.id, { errorMessage: labels.errors.delete }),\n        )\n        flash(labels.messages.deleted, 'success')\n        handleRefresh()\n      } catch (error) {\n        if (surfaceRecordConflict(error, t)) { handleRefresh(); return }\n        logger.error('staff.timesheets.projects.delete', { err: error })\n        flash(labels.errors.delete, 'error')\n      }\n    },\n    [confirm, handleRefresh, t, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.messages.deleted],\n  )\n\n  const columns = React.useMemo<ColumnDef<ProjectRow>[]>(\n    () => [\n      {\n        accessorKey: 'name',\n        header: labels.table.name,\n        meta: { priority: 1, sticky: true },\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-2.5\">\n            <ProjectColorDot colorKey={row.original.color} projectName={row.original.name} size=\"sm\" />\n            <div className=\"flex min-w-0 flex-col\">\n              <span className=\"truncate text-sm font-medium text-foreground\">{row.original.name}</span>\n              <span className=\"truncate font-mono text-[11px] text-muted-foreground\">\n                {row.original.code ?? '\u2014'}\n                {row.original.customerName ? ` \u00B7 ${row.original.customerName}` : ''}\n              </span>\n            </div>\n          </div>\n        ),\n      },\n      {\n        accessorKey: 'status',\n        header: labels.table.status,\n        meta: { priority: 2 },\n        cell: ({ row }) => {\n          const badgeClass =\n            row.original.status === 'active'\n              ? 'bg-lime-100 text-lime-800 dark:bg-lime-900/30 dark:text-lime-300'\n              : row.original.status === 'on_hold'\n                ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300'\n                : 'bg-muted text-muted-foreground'\n          const statusLabel =\n            labels.statuses[row.original.status as keyof typeof labels.statuses] ?? row.original.status\n          return (\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${badgeClass}`}\n            >\n              {statusLabel}\n            </span>\n          )\n        },\n      },\n      {\n        accessorKey: 'projectType',\n        header: labels.table.type,\n        meta: { priority: 3 },\n        cell: ({ row }) =>\n          row.original.projectType ? (\n            <span className=\"text-sm text-foreground\">{row.original.projectType}</span>\n          ) : (\n            <span className=\"text-xs text-muted-foreground/70\">\u2014</span>\n          ),\n      },\n      isPmRole\n        ? {\n            accessorKey: 'members',\n            id: 'members',\n            header: labels.table.team,\n            enableSorting: false,\n            meta: { priority: 4 },\n            cell: ({ row }) => (\n              <ProjectMembersAvatarStack\n                members={row.original.members}\n                total={row.original.memberCount}\n                peopleCountLabel={`${row.original.memberCount}`}\n              />\n            ),\n          }\n        : {\n            accessorKey: 'myRole',\n            header: labels.table.myRole,\n            enableSorting: false,\n            meta: { priority: 4 },\n            cell: ({ row }) =>\n              row.original.myRole ? (\n                <span className=\"text-sm text-foreground\">{row.original.myRole}</span>\n              ) : (\n                <span className=\"text-xs text-muted-foreground/70\">\u2014</span>\n              ),\n          },\n      {\n        accessorKey: 'hoursWeek',\n        header: isPmRole ? labels.table.hoursWeek : labels.table.myHoursWeek,\n        enableSorting: false,\n        meta: { priority: 5 },\n        cell: ({ row }) => {\n          const stripe = resolveProjectColorHex(row.original.color, row.original.name)\n          return (\n            <div className=\"flex items-center justify-end gap-2\">\n              <HoursSparkline\n                values={row.original.hoursTrend}\n                color={stripe}\n                ariaLabel={labels.card.sparklineAria}\n              />\n              <span className=\"text-xs font-medium tabular-nums text-foreground\">\n                {row.original.hoursWeek > 0 ? `${row.original.hoursWeek}h` : '\u2014'}\n              </span>\n            </div>\n          )\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: labels.table.updatedAt,\n        meta: { priority: 6 },\n        cell: ({ row }) => (\n          <span className=\"text-xs text-muted-foreground\">\n            {formatRelativeTime(row.original.updatedAt, '\u2014', t)}\n          </span>\n        ),\n      },\n    ],\n    [labels.table, labels.statuses, labels.card.sparklineAria, isPmRole],\n  )\n\n  const cardLabels = React.useMemo<ProjectCardLabels>(\n    () => ({\n      hoursPanelPm: labels.card.hoursPanelPm,\n      hoursPanelCollab: labels.card.hoursPanelCollab,\n      sparklineAria: labels.card.sparklineAria,\n      peopleCount: (count: number) => `${count}`,\n      role: labels.card.role,\n      noCustomer: '\u2014',\n      statuses: labels.statuses,\n    }),\n    [labels.card, labels.statuses],\n  )\n\n  const canManage = isPmRole\n\n  const emptyStateCopy = React.useMemo(() => {\n    const hasFiltersApplied = activeTab !== 'all' || search.trim().length > 0 || Object.values(filterValues).some(Boolean)\n    if (hasFiltersApplied) return labels.emptyState.noMatches\n    if (!canManage) return labels.emptyState.noAssignments\n    return labels.emptyState.noProjects\n  }, [activeTab, search, filterValues, canManage, labels.emptyState])\n\n  const cardsData: ProjectCardData[] = rows.map((row) => ({\n    id: row.id,\n    name: row.name,\n    code: row.code,\n    customerName: row.customerName,\n    color: row.color,\n    status: row.status,\n    hoursWeek: row.hoursWeek,\n    hoursTrend: row.hoursTrend,\n    members: row.members,\n    memberCount: row.memberCount,\n    myRole: row.myRole,\n    updatedAt: row.updatedAt,\n  }))\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-4\">\n          <ProjectsKpiStrip kpis={kpis} labels={kpiLabels} isLoading={isLoadingKpis} />\n        </div>\n\n        <div className=\"mb-3 flex flex-wrap items-center justify-between gap-3\">\n          <SavedViewTabs\n            tabs={tabs}\n            activeId={activeTab}\n            onSelect={handleTabSelect}\n            ariaLabel={t('staff.timesheets.projects.portfolio.savedViews.ariaLabel', 'Saved views')}\n          />\n          <ViewModeToggle\n            mode={viewMode}\n            onChange={handleViewModeChange}\n            tableLabel={labels.viewMode.table}\n            cardsLabel={labels.viewMode.cards}\n            ariaLabel={t('staff.timesheets.projects.portfolio.viewMode.ariaLabel', 'View mode')}\n          />\n        </div>\n\n        {viewMode === 'cards' ? (\n          <div>\n            {isLoading ? (\n              <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3\">\n                {Array.from({ length: 6 }).map((_, idx) => (\n                  <div key={idx} className=\"h-48 animate-pulse rounded-lg border border-border bg-muted/40\" />\n                ))}\n              </div>\n            ) : rows.length === 0 ? (\n              <div className=\"rounded-lg border border-dashed border-border bg-card p-10 text-center\">\n                <p className=\"text-sm text-muted-foreground\">{emptyStateCopy}</p>\n                {canManage ? (\n                  <div className=\"mt-3\">\n                    <Button asChild size=\"sm\">\n                      <Link href=\"/backend/staff/timesheets/projects/create\">\n                        {labels.actions.addFirst}\n                      </Link>\n                    </Button>\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3\">\n                {cardsData.map((card) => (\n                  <ProjectCard\n                    key={card.id}\n                    data={card}\n                    labels={cardLabels}\n                    showTeam={isPmRole}\n                    href={`/backend/staff/timesheets/projects/${card.id}`}\n                  />\n                ))}\n              </div>\n            )}\n          </div>\n        ) : (\n          <DataTable<ProjectRow>\n        title={labels.title}\n        titleHeadingLevel={1}\n            data={rows}\n            columns={columns}\n            isLoading={isLoading}\n            searchValue={search}\n            onSearchChange={handleSearchChange}\n            searchPlaceholder={labels.table.search}\n            filters={filters}\n            filterValues={filterValues}\n            onFiltersApply={handleFiltersApply}\n            onFiltersClear={handleFiltersClear}\n            emptyState={\n              <div className=\"py-12 text-center\">\n                <p className=\"text-sm text-muted-foreground mb-4\">{emptyStateCopy}</p>\n                {canManage ? (\n                  <Button asChild size=\"sm\">\n                    <Link href=\"/backend/staff/timesheets/projects/create\">{labels.actions.addFirst}</Link>\n                  </Button>\n                ) : null}\n              </div>\n            }\n            actions={\n              canManage ? (\n                <Button asChild size=\"sm\">\n                  <Link href=\"/backend/staff/timesheets/projects/create\">{labels.actions.add}</Link>\n                </Button>\n              ) : undefined\n            }\n            refreshButton={{\n              label: labels.actions.refresh,\n              onRefresh: handleRefresh,\n              isRefreshing: isLoading || isRefreshing,\n            }}\n            sortable\n            sorting={sorting}\n            onSortingChange={setSorting}\n            pagination={{\n              page,\n              pageSize: PAGE_SIZE,\n              total,\n              totalPages,\n              totalIsCapped,\n              onPageChange: setPage,\n            }}\n            rowActions={(row) => (\n              <RowActions\n                items={[\n                  {\n                    id: 'view',\n                    label: labels.actions.viewDetails,\n                    href: `/backend/staff/timesheets/projects/${row.id}`,\n                  },\n                  ...(canManage\n                    ? [\n                        {\n                          id: 'delete',\n                          label: labels.actions.delete,\n                          destructive: true,\n                          onSelect: () => {\n                            void handleDelete(row)\n                          },\n                        },\n                      ]\n                    : []),\n                ]}\n              />\n            )}\n            onRowClick={(row) => router.push(`/backend/staff/timesheets/projects/${row.id}`)}\n          />\n        )}\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/components/LeaveRequestForm.js CHANGED Viewed

@@ -255,6 +255,7 @@ function LeaveRequestForm(props) {
     CrudForm,
     {
       title,
+      titleHeadingLevel: 1,
       fields,
       initialValues: normalizedInitialValues,
       optimisticLockUpdatedAt: normalizedInitialValues.updatedAt,

package/dist/modules/staff/components/LeaveRequestForm.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/staff/components/LeaveRequestForm.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { LookupSelect, type LookupSelectItem } from '@open-mercato/ui/backend/inputs'\nimport { DictionaryEntrySelect, type DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport {\n  createUnavailabilityReasonEntry,\n  loadUnavailabilityReasonEntries,\n  type UnavailabilityReasonEntry,\n} from '@open-mercato/core/modules/planner/components/unavailabilityReasons'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\n\ntype TeamMemberResponse = {\n  items?: Array<Record<string, unknown>>\n}\n\ntype FeatureCheckResponse = {\n  ok?: boolean\n  granted?: string[]\n}\n\nexport type LeaveRequestFormValues = {\n  id?: string\n  memberId?: string | null\n  memberLabel?: string | null\n  startDate?: string | Date | null\n  endDate?: string | Date | null\n  timezone?: string | null\n  unavailabilityReasonEntryId?: string | null\n  unavailabilityReasonValue?: string | null\n  note?: string | null\n  updatedAt?: string | null\n}\n\nexport type LeaveRequestFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  initialValues: LeaveRequestFormValues\n  onSubmit: (values: LeaveRequestFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  allowMemberSelect?: boolean\n  memberLabel?: string | null\n  extraActions?: React.ReactNode\n}\n\nconst DEFAULT_TIMEZONE = 'UTC'\n\nimport { toDateInputValue } from '@open-mercato/shared/lib/date/format'\n\nexport function buildLeaveRequestPayload(\n  values: LeaveRequestFormValues,\n  options: { id?: string } = {},\n): Record<string, unknown> {\n  const timezone = values.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? DEFAULT_TIMEZONE\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    memberId: values.memberId ?? null,\n    startDate: values.startDate ?? null,\n    endDate: values.endDate ?? null,\n    timezone,\n    unavailabilityReasonEntryId: values.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: values.unavailabilityReasonValue ?? null,\n    note: values.note ?? null,\n  }\n}\n\nexport function LeaveRequestForm(props: LeaveRequestFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    allowMemberSelect = true,\n    memberLabel,\n    extraActions,\n  } = props\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [memberOptions, setMemberOptions] = React.useState<LookupSelectItem[]>([])\n  const [reasonEntriesById, setReasonEntriesById] = React.useState<Record<string, UnavailabilityReasonEntry>>({})\n  const [canManageReasons, setCanManageReasons] = React.useState(false)\n  const resolvedMemberLabel = memberLabel ?? initialValues.memberLabel ?? null\n  const normalizedInitialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    ...initialValues,\n    startDate: toDateInputValue(initialValues.startDate),\n    endDate: toDateInputValue(initialValues.endDate),\n  }), [initialValues])\n\n  const labels = React.useMemo(() => ({\n    member: t('staff.leaveRequests.form.fields.member', 'Team member'),\n    startDate: t('staff.leaveRequests.form.fields.startDate', 'Start date'),\n    endDate: t('staff.leaveRequests.form.fields.endDate', 'End date'),\n    reason: t('staff.leaveRequests.form.fields.reason', 'Reason'),\n    note: t('staff.leaveRequests.form.fields.note', 'Note'),\n    notePlaceholder: t('staff.leaveRequests.form.fields.notePlaceholder', 'Optional note'),\n  }), [t])\n\n  const reasonLabels = React.useMemo<DictionarySelectLabels>(() => ({\n    placeholder: t('staff.leaveRequests.form.reason.placeholder', 'Select a reason'),\n    addLabel: t('staff.leaveRequests.form.reason.add', 'Add reason'),\n    addPrompt: t('staff.leaveRequests.form.reason.prompt', 'Name the reason'),\n    dialogTitle: t('staff.leaveRequests.form.reason.dialogTitle', 'Add reason'),\n    valueLabel: t('staff.leaveRequests.form.reason.valueLabel', 'Reason'),\n    valuePlaceholder: t('staff.leaveRequests.form.reason.valuePlaceholder', 'Reason name'),\n    labelLabel: t('staff.leaveRequests.form.reason.labelLabel', 'Label'),\n    labelPlaceholder: t('staff.leaveRequests.form.reason.labelPlaceholder', 'Display label (optional)'),\n    emptyError: t('staff.leaveRequests.form.reason.emptyError', 'Please enter a reason'),\n    cancelLabel: t('staff.leaveRequests.form.reason.cancel', 'Cancel'),\n    saveLabel: t('staff.leaveRequests.form.reason.save', 'Save'),\n    saveShortcutHint: t('staff.leaveRequests.form.reason.saveShortcut', 'Cmd/Ctrl + Enter'),\n    errorLoad: t('staff.leaveRequests.form.reason.errorLoad', 'Failed to load reasons'),\n    errorSave: t('staff.leaveRequests.form.reason.errorSave', 'Failed to save reason'),\n    loadingLabel: t('staff.leaveRequests.form.reason.loading', 'Loading\u2026'),\n    manageTitle: t('staff.leaveRequests.form.reason.manage', 'Manage reasons'),\n  }), [t])\n\n  const fetchReasonOptions = React.useCallback(async () => {\n    const entries = await loadUnavailabilityReasonEntries('member')\n    const map: Record<string, UnavailabilityReasonEntry> = {}\n    entries.forEach((entry) => {\n      map[entry.id] = entry\n    })\n    setReasonEntriesById(map)\n    return entries.map((entry) => ({\n      value: entry.id,\n      label: entry.label ?? entry.value,\n      color: entry.color,\n      icon: entry.icon,\n    }))\n  }, [])\n\n  const createReasonOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\n      const entry = await createUnavailabilityReasonEntry('member', input)\n      if (!entry) return null\n      setReasonEntriesById((prev) => ({ ...prev, [entry.id]: entry }))\n      return {\n        value: entry.id,\n        label: entry.label ?? entry.value,\n        color: entry.color,\n        icon: entry.icon,\n      }\n    },\n    [],\n  )\n\n  const fetchMemberOptions = React.useCallback(async (query?: string): Promise<LookupSelectItem[]> => {\n    const params = new URLSearchParams({ page: '1', pageSize: '50' })\n    if (query && query.trim().length) params.set('search', query.trim())\n    const call = await apiCall<TeamMemberResponse>(`/api/staff/team-members?${params.toString()}`)\n    const items = Array.isArray(call.result?.items) ? call.result.items : []\n    const options = items\n      .map((item) => {\n        const id = typeof item?.id === 'string' ? item.id : null\n        const displayName = typeof item?.displayName === 'string'\n          ? item.displayName\n          : typeof item?.display_name === 'string'\n            ? item.display_name\n            : null\n        if (!id || !displayName) return null\n        return { id, title: displayName }\n      })\n      .filter((option): option is LookupSelectItem => option !== null)\n    setMemberOptions(options)\n    return options\n  }, [])\n\n  React.useEffect(() => {\n    if (!allowMemberSelect) return\n    fetchMemberOptions().catch(() => {})\n  }, [allowMemberSelect, fetchMemberOptions, scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadPermissions() {\n      try {\n        const call = await apiCall<FeatureCheckResponse>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ features: ['dictionaries.manage'] }),\n        })\n        const granted = Array.isArray(call.result?.granted) ? call.result?.granted ?? [] : []\n        if (!cancelled) {\n          setCanManageReasons(granted.includes('dictionaries.manage'))\n        }\n      } catch {\n        if (!cancelled) setCanManageReasons(false)\n      }\n    }\n    void loadPermissions()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    const selected = typeof initialValues.memberId === 'string' ? initialValues.memberId : null\n    if (!selected || !allowMemberSelect) return\n    if (memberOptions.some((option) => option.id === selected)) return\n    const selectedId = selected\n    let cancelled = false\n    async function loadMember() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1' })\n        params.set('ids', selectedId)\n        const call = await apiCall<TeamMemberResponse>(`/api/staff/team-members?${params.toString()}`)\n        const item = Array.isArray(call.result?.items) ? call.result.items[0] : null\n        const id = typeof item?.id === 'string' ? item.id : null\n        const displayName = typeof item?.displayName === 'string'\n          ? item.displayName\n          : typeof item?.display_name === 'string'\n            ? item.display_name\n            : null\n        if (!id || !displayName) return\n        if (!cancelled) {\n          setMemberOptions((prev) => {\n            if (prev.some((option) => option.id === id)) return prev\n            return [{ id, title: displayName }, ...prev]\n          })\n        }\n      } catch {\n        if (!cancelled) setMemberOptions((prev) => prev)\n      }\n    }\n    loadMember()\n    return () => { cancelled = true }\n  }, [allowMemberSelect, initialValues.memberId, memberOptions])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = []\n    baseFields.push({\n      id: 'memberId',\n      label: labels.member,\n      type: 'custom',\n      disabled: !allowMemberSelect,\n      component: ({ value, setValue, disabled }) => {\n        if (!allowMemberSelect) {\n          return (\n            <div className=\"text-sm text-muted-foreground\">\n              {resolvedMemberLabel ?? t('staff.leaveRequests.form.fields.member.self', 'Your profile')}\n            </div>\n          )\n        }\n        return (\n          <LookupSelect\n            value={typeof value === 'string' ? value : null}\n            onChange={(next) => setValue(next)}\n            fetchOptions={fetchMemberOptions}\n            options={memberOptions}\n            placeholder={labels.member}\n            disabled={disabled}\n          />\n        )\n      },\n    })\n    baseFields.push(\n      { id: 'startDate', label: labels.startDate, type: 'date', required: true, layout: 'half' },\n      { id: 'endDate', label: labels.endDate, type: 'date', required: true, layout: 'half' },\n      {\n        id: 'unavailabilityReasonEntryId',\n        label: labels.reason,\n        type: 'custom',\n        component: ({ value, setValue, setFormValue }) => (\n          <DictionaryEntrySelect\n            value={typeof value === 'string' ? value : undefined}\n            onChange={(next) => {\n              setValue(next ?? null)\n              if (setFormValue) {\n                const entry = next ? reasonEntriesById[next] : null\n                setFormValue('unavailabilityReasonValue', entry?.value ?? null)\n              }\n            }}\n            fetchOptions={fetchReasonOptions}\n            createOption={canManageReasons ? createReasonOption : undefined}\n            labels={reasonLabels}\n            selectClassName=\"w-full\"\n            sortOptions=\"none\"\n            manageHref={canManageReasons ? '/backend/config/dictionaries' : undefined}\n            allowInlineCreate={canManageReasons}\n            showManage={canManageReasons}\n          />\n        ),\n      },\n      {\n        id: 'note',\n        label: labels.note,\n        type: 'textarea',\n        placeholder: labels.notePlaceholder,\n      },\n    )\n    return baseFields\n  }, [\n    allowMemberSelect,\n    fetchMemberOptions,\n    fetchReasonOptions,\n    createReasonOption,\n    labels,\n    memberOptions,\n    reasonEntriesById,\n    reasonLabels,\n    resolvedMemberLabel,\n    t,\n    canManageReasons,\n  ])\n\n  return (\n    <CrudForm\n      title={title}\n      fields={fields}\n      initialValues={normalizedInitialValues}\n      optimisticLockUpdatedAt={normalizedInitialValues.updatedAt}\n      submitLabel={submitLabel}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      extraActions={extraActions}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { LookupSelect, type LookupSelectItem } from '@open-mercato/ui/backend/inputs'\nimport { DictionaryEntrySelect, type DictionarySelectLabels } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport {\n  createUnavailabilityReasonEntry,\n  loadUnavailabilityReasonEntries,\n  type UnavailabilityReasonEntry,\n} from '@open-mercato/core/modules/planner/components/unavailabilityReasons'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\n\ntype TeamMemberResponse = {\n  items?: Array<Record<string, unknown>>\n}\n\ntype FeatureCheckResponse = {\n  ok?: boolean\n  granted?: string[]\n}\n\nexport type LeaveRequestFormValues = {\n  id?: string\n  memberId?: string | null\n  memberLabel?: string | null\n  startDate?: string | Date | null\n  endDate?: string | Date | null\n  timezone?: string | null\n  unavailabilityReasonEntryId?: string | null\n  unavailabilityReasonValue?: string | null\n  note?: string | null\n  updatedAt?: string | null\n}\n\nexport type LeaveRequestFormProps = {\n  title: string\n  submitLabel?: string\n  backHref: string\n  cancelHref: string\n  initialValues: LeaveRequestFormValues\n  onSubmit: (values: LeaveRequestFormValues) => Promise<void>\n  onDelete?: () => Promise<void>\n  isLoading?: boolean\n  loadingMessage?: string\n  allowMemberSelect?: boolean\n  memberLabel?: string | null\n  extraActions?: React.ReactNode\n}\n\nconst DEFAULT_TIMEZONE = 'UTC'\n\nimport { toDateInputValue } from '@open-mercato/shared/lib/date/format'\n\nexport function buildLeaveRequestPayload(\n  values: LeaveRequestFormValues,\n  options: { id?: string } = {},\n): Record<string, unknown> {\n  const timezone = values.timezone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? DEFAULT_TIMEZONE\n  return {\n    ...(options.id ? { id: options.id } : {}),\n    memberId: values.memberId ?? null,\n    startDate: values.startDate ?? null,\n    endDate: values.endDate ?? null,\n    timezone,\n    unavailabilityReasonEntryId: values.unavailabilityReasonEntryId ?? null,\n    unavailabilityReasonValue: values.unavailabilityReasonValue ?? null,\n    note: values.note ?? null,\n  }\n}\n\nexport function LeaveRequestForm(props: LeaveRequestFormProps) {\n  const {\n    title,\n    submitLabel,\n    backHref,\n    cancelHref,\n    initialValues,\n    onSubmit,\n    onDelete,\n    isLoading,\n    loadingMessage,\n    allowMemberSelect = true,\n    memberLabel,\n    extraActions,\n  } = props\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [memberOptions, setMemberOptions] = React.useState<LookupSelectItem[]>([])\n  const [reasonEntriesById, setReasonEntriesById] = React.useState<Record<string, UnavailabilityReasonEntry>>({})\n  const [canManageReasons, setCanManageReasons] = React.useState(false)\n  const resolvedMemberLabel = memberLabel ?? initialValues.memberLabel ?? null\n  const normalizedInitialValues = React.useMemo<LeaveRequestFormValues>(() => ({\n    ...initialValues,\n    startDate: toDateInputValue(initialValues.startDate),\n    endDate: toDateInputValue(initialValues.endDate),\n  }), [initialValues])\n\n  const labels = React.useMemo(() => ({\n    member: t('staff.leaveRequests.form.fields.member', 'Team member'),\n    startDate: t('staff.leaveRequests.form.fields.startDate', 'Start date'),\n    endDate: t('staff.leaveRequests.form.fields.endDate', 'End date'),\n    reason: t('staff.leaveRequests.form.fields.reason', 'Reason'),\n    note: t('staff.leaveRequests.form.fields.note', 'Note'),\n    notePlaceholder: t('staff.leaveRequests.form.fields.notePlaceholder', 'Optional note'),\n  }), [t])\n\n  const reasonLabels = React.useMemo<DictionarySelectLabels>(() => ({\n    placeholder: t('staff.leaveRequests.form.reason.placeholder', 'Select a reason'),\n    addLabel: t('staff.leaveRequests.form.reason.add', 'Add reason'),\n    addPrompt: t('staff.leaveRequests.form.reason.prompt', 'Name the reason'),\n    dialogTitle: t('staff.leaveRequests.form.reason.dialogTitle', 'Add reason'),\n    valueLabel: t('staff.leaveRequests.form.reason.valueLabel', 'Reason'),\n    valuePlaceholder: t('staff.leaveRequests.form.reason.valuePlaceholder', 'Reason name'),\n    labelLabel: t('staff.leaveRequests.form.reason.labelLabel', 'Label'),\n    labelPlaceholder: t('staff.leaveRequests.form.reason.labelPlaceholder', 'Display label (optional)'),\n    emptyError: t('staff.leaveRequests.form.reason.emptyError', 'Please enter a reason'),\n    cancelLabel: t('staff.leaveRequests.form.reason.cancel', 'Cancel'),\n    saveLabel: t('staff.leaveRequests.form.reason.save', 'Save'),\n    saveShortcutHint: t('staff.leaveRequests.form.reason.saveShortcut', 'Cmd/Ctrl + Enter'),\n    errorLoad: t('staff.leaveRequests.form.reason.errorLoad', 'Failed to load reasons'),\n    errorSave: t('staff.leaveRequests.form.reason.errorSave', 'Failed to save reason'),\n    loadingLabel: t('staff.leaveRequests.form.reason.loading', 'Loading\u2026'),\n    manageTitle: t('staff.leaveRequests.form.reason.manage', 'Manage reasons'),\n  }), [t])\n\n  const fetchReasonOptions = React.useCallback(async () => {\n    const entries = await loadUnavailabilityReasonEntries('member')\n    const map: Record<string, UnavailabilityReasonEntry> = {}\n    entries.forEach((entry) => {\n      map[entry.id] = entry\n    })\n    setReasonEntriesById(map)\n    return entries.map((entry) => ({\n      value: entry.id,\n      label: entry.label ?? entry.value,\n      color: entry.color,\n      icon: entry.icon,\n    }))\n  }, [])\n\n  const createReasonOption = React.useCallback(\n    async (input: { value: string; label?: string; color?: string | null; icon?: string | null }) => {\n      const entry = await createUnavailabilityReasonEntry('member', input)\n      if (!entry) return null\n      setReasonEntriesById((prev) => ({ ...prev, [entry.id]: entry }))\n      return {\n        value: entry.id,\n        label: entry.label ?? entry.value,\n        color: entry.color,\n        icon: entry.icon,\n      }\n    },\n    [],\n  )\n\n  const fetchMemberOptions = React.useCallback(async (query?: string): Promise<LookupSelectItem[]> => {\n    const params = new URLSearchParams({ page: '1', pageSize: '50' })\n    if (query && query.trim().length) params.set('search', query.trim())\n    const call = await apiCall<TeamMemberResponse>(`/api/staff/team-members?${params.toString()}`)\n    const items = Array.isArray(call.result?.items) ? call.result.items : []\n    const options = items\n      .map((item) => {\n        const id = typeof item?.id === 'string' ? item.id : null\n        const displayName = typeof item?.displayName === 'string'\n          ? item.displayName\n          : typeof item?.display_name === 'string'\n            ? item.display_name\n            : null\n        if (!id || !displayName) return null\n        return { id, title: displayName }\n      })\n      .filter((option): option is LookupSelectItem => option !== null)\n    setMemberOptions(options)\n    return options\n  }, [])\n\n  React.useEffect(() => {\n    if (!allowMemberSelect) return\n    fetchMemberOptions().catch(() => {})\n  }, [allowMemberSelect, fetchMemberOptions, scopeVersion])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadPermissions() {\n      try {\n        const call = await apiCall<FeatureCheckResponse>('/api/auth/feature-check', {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ features: ['dictionaries.manage'] }),\n        })\n        const granted = Array.isArray(call.result?.granted) ? call.result?.granted ?? [] : []\n        if (!cancelled) {\n          setCanManageReasons(granted.includes('dictionaries.manage'))\n        }\n      } catch {\n        if (!cancelled) setCanManageReasons(false)\n      }\n    }\n    void loadPermissions()\n    return () => { cancelled = true }\n  }, [scopeVersion])\n\n  React.useEffect(() => {\n    const selected = typeof initialValues.memberId === 'string' ? initialValues.memberId : null\n    if (!selected || !allowMemberSelect) return\n    if (memberOptions.some((option) => option.id === selected)) return\n    const selectedId = selected\n    let cancelled = false\n    async function loadMember() {\n      try {\n        const params = new URLSearchParams({ page: '1', pageSize: '1' })\n        params.set('ids', selectedId)\n        const call = await apiCall<TeamMemberResponse>(`/api/staff/team-members?${params.toString()}`)\n        const item = Array.isArray(call.result?.items) ? call.result.items[0] : null\n        const id = typeof item?.id === 'string' ? item.id : null\n        const displayName = typeof item?.displayName === 'string'\n          ? item.displayName\n          : typeof item?.display_name === 'string'\n            ? item.display_name\n            : null\n        if (!id || !displayName) return\n        if (!cancelled) {\n          setMemberOptions((prev) => {\n            if (prev.some((option) => option.id === id)) return prev\n            return [{ id, title: displayName }, ...prev]\n          })\n        }\n      } catch {\n        if (!cancelled) setMemberOptions((prev) => prev)\n      }\n    }\n    loadMember()\n    return () => { cancelled = true }\n  }, [allowMemberSelect, initialValues.memberId, memberOptions])\n\n  const fields = React.useMemo<CrudField[]>(() => {\n    const baseFields: CrudField[] = []\n    baseFields.push({\n      id: 'memberId',\n      label: labels.member,\n      type: 'custom',\n      disabled: !allowMemberSelect,\n      component: ({ value, setValue, disabled }) => {\n        if (!allowMemberSelect) {\n          return (\n            <div className=\"text-sm text-muted-foreground\">\n              {resolvedMemberLabel ?? t('staff.leaveRequests.form.fields.member.self', 'Your profile')}\n            </div>\n          )\n        }\n        return (\n          <LookupSelect\n            value={typeof value === 'string' ? value : null}\n            onChange={(next) => setValue(next)}\n            fetchOptions={fetchMemberOptions}\n            options={memberOptions}\n            placeholder={labels.member}\n            disabled={disabled}\n          />\n        )\n      },\n    })\n    baseFields.push(\n      { id: 'startDate', label: labels.startDate, type: 'date', required: true, layout: 'half' },\n      { id: 'endDate', label: labels.endDate, type: 'date', required: true, layout: 'half' },\n      {\n        id: 'unavailabilityReasonEntryId',\n        label: labels.reason,\n        type: 'custom',\n        component: ({ value, setValue, setFormValue }) => (\n          <DictionaryEntrySelect\n            value={typeof value === 'string' ? value : undefined}\n            onChange={(next) => {\n              setValue(next ?? null)\n              if (setFormValue) {\n                const entry = next ? reasonEntriesById[next] : null\n                setFormValue('unavailabilityReasonValue', entry?.value ?? null)\n              }\n            }}\n            fetchOptions={fetchReasonOptions}\n            createOption={canManageReasons ? createReasonOption : undefined}\n            labels={reasonLabels}\n            selectClassName=\"w-full\"\n            sortOptions=\"none\"\n            manageHref={canManageReasons ? '/backend/config/dictionaries' : undefined}\n            allowInlineCreate={canManageReasons}\n            showManage={canManageReasons}\n          />\n        ),\n      },\n      {\n        id: 'note',\n        label: labels.note,\n        type: 'textarea',\n        placeholder: labels.notePlaceholder,\n      },\n    )\n    return baseFields\n  }, [\n    allowMemberSelect,\n    fetchMemberOptions,\n    fetchReasonOptions,\n    createReasonOption,\n    labels,\n    memberOptions,\n    reasonEntriesById,\n    reasonLabels,\n    resolvedMemberLabel,\n    t,\n    canManageReasons,\n  ])\n\n  return (\n    <CrudForm\n      title={title}\n      titleHeadingLevel={1}\n      fields={fields}\n      initialValues={normalizedInitialValues}\n      optimisticLockUpdatedAt={normalizedInitialValues.updatedAt}\n      submitLabel={submitLabel}\n      backHref={backHref}\n      cancelHref={cancelHref}\n      onSubmit={onSubmit}\n      onDelete={onDelete}\n      extraActions={extraActions}\n      isLoading={isLoading}\n      loadingMessage={loadingMessage}\n    />\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/components/TeamForm.js CHANGED Viewed

@@ -49,6 +49,7 @@ function TeamForm(props) {
     CrudForm,
     {
       title,
+      titleHeadingLevel: 1,
       backHref,
       cancelHref,
       versionHistory: initialValues.id ? { resourceKind: "staff.team", resourceId: String(initialValues.id) } : void 0,