npm - @open-mercato/core - Versions diffs - 0.4.6-develop-ce2a0728a5 → 0.4.6-develop-4d77832982 - Mend

@open-mercato/core 0.4.6-develop-ce2a0728a5 → 0.4.6-develop-4d77832982

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 (47) 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 dynamic from 'next/dynamic'\nimport type { PluggableList } from 'unified'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\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 } from '@open-mercato/shared/lib/i18n/context'\nimport { Users } from 'lucide-react'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\n\nconst PAGE_SIZE = 50\nconst isTestEnv = typeof process !== 'undefined' && process.env.NODE_ENV === 'test'\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\ntype MarkdownPreviewProps = { children: string; className?: string; remarkPlugins?: PluggableList }\n\nconst MarkdownPreview: React.ComponentType<MarkdownPreviewProps> = isTestEnv\n  ? ({ children, className }) => <div className={className}>{children}</div>\n  : (dynamic(() => import('react-markdown').then((mod) => mod.default as React.ComponentType<MarkdownPreviewProps>), {\n      ssr: false,\n      loading: () => null,\n    }) as unknown as React.ComponentType<MarkdownPreviewProps>)\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\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}\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 [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  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n\n  React.useEffect(() => {\n    void loadMarkdownPlugins().then((plugins) => setMarkdownPlugins(plugins))\n  }, [])\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            <MarkdownPreview\n              remarkPlugins={markdownPlugins}\n              className={`${MARKDOWN_CLASSNAME} text-xs text-muted-foreground line-clamp-2`}\n            >\n              {row.original.description}\n            </MarkdownPreview>\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          <MarkdownPreview remarkPlugins={markdownPlugins} className={MARKDOWN_CLASSNAME}>\n            {row.original.description}\n          </MarkdownPreview>\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    markdownPlugins,\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    } catch (error) {\n      console.error('staff.teams.list', 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 deleteCrud('staff/teams', entry.id, { errorMessage: labels.errors.delete })\n      flash(labels.messages.deleted, 'success')\n      handleRefresh()\n    } catch (error) {\n      console.error('staff.teams.delete', 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])\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={<p className=\"py-8 text-center text-sm text-muted-foreground\">{labels.table.empty}</p>}\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            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 { id, name, description, isActive, updatedAt, memberCount }\n}\n\n\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport dynamic from 'next/dynamic'\nimport type { PluggableList } from 'unified'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef, 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 { Button } from '@open-mercato/ui/primitives/button'\nimport { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\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 } from '@open-mercato/shared/lib/i18n/context'\nimport { Users } from 'lucide-react'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\n\nconst PAGE_SIZE = 50\nconst isTestEnv = typeof process !== 'undefined' && process.env.NODE_ENV === 'test'\nconst MARKDOWN_CLASSNAME =\n  'text-sm text-foreground break-words [&>*]:mb-2 [&>*:last-child]:mb-0 [&_ul]:ml-4 [&_ul]:list-disc [&_ol]:ml-4 [&_ol]:list-decimal [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:text-xs'\n\ntype MarkdownPreviewProps = { children: string; className?: string; remarkPlugins?: PluggableList }\n\nconst MarkdownPreview: React.ComponentType<MarkdownPreviewProps> = isTestEnv\n  ? ({ children, className }) => <div className={className}>{children}</div>\n  : (dynamic(() => import('react-markdown').then((mod) => mod.default as React.ComponentType<MarkdownPreviewProps>), {\n      ssr: false,\n      loading: () => null,\n    }) as unknown as React.ComponentType<MarkdownPreviewProps>)\n\nlet markdownPluginsPromise: Promise<PluggableList> | null = null\n\nasync function loadMarkdownPlugins(): Promise<PluggableList> {\n  if (isTestEnv) return []\n  if (!markdownPluginsPromise) {\n    markdownPluginsPromise = import('remark-gfm')\n      .then((mod) => [mod.default ?? mod] as PluggableList)\n      .catch(() => [])\n  }\n  return markdownPluginsPromise\n}\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}\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 [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  const [markdownPlugins, setMarkdownPlugins] = React.useState<PluggableList>([])\n\n  React.useEffect(() => {\n    void loadMarkdownPlugins().then((plugins) => setMarkdownPlugins(plugins))\n  }, [])\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            <MarkdownPreview\n              remarkPlugins={markdownPlugins}\n              className={`${MARKDOWN_CLASSNAME} text-xs text-muted-foreground line-clamp-2`}\n            >\n              {row.original.description}\n            </MarkdownPreview>\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          <MarkdownPreview remarkPlugins={markdownPlugins} className={MARKDOWN_CLASSNAME}>\n            {row.original.description}\n          </MarkdownPreview>\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    markdownPlugins,\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    } catch (error) {\n      console.error('staff.teams.list', 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 deleteCrud('staff/teams', entry.id, { errorMessage: labels.errors.delete })\n      flash(labels.messages.deleted, 'success')\n      handleRefresh()\n    } catch (error) {\n      console.error('staff.teams.delete', 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])\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={<p className=\"py-8 text-center text-sm text-muted-foreground\">{labels.table.empty}</p>}\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            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\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.4.6-develop-ce2a0728a5",
+  "version": "0.4.6-develop-4d77832982",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -207,7 +207,7 @@
     }
   },
   "dependencies": {
-    "@open-mercato/shared": "0.4.6-develop-ce2a0728a5",
+    "@open-mercato/shared": "0.4.6-develop-4d77832982",
     "@types/html-to-text": "^9.0.4",
     "@types/semver": "^7.5.8",
     "@xyflow/react": "^12.6.0",

package/src/modules/customers/backend/customers/companies/page.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import * as React from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, type DataTableExportFormat, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import type { ColumnDef } from '@tanstack/react-table'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
@@ -85,7 +85,7 @@ function mapApiItem(item: Record<string, unknown>): CompanyRow | null {
       customFields[key] = value
     }
   }
-  return {
+  return withDataTableNamespaces({
     id,
     name,
     description,
@@ -100,7 +100,7 @@ function mapApiItem(item: Record<string, unknown>): CompanyRow | null {
     organizationId,
     source,
     ...customFields,
-  }
+  }, item)
 }
 export default function CustomersCompaniesPage() {

package/src/modules/customers/backend/customers/deals/page.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import { useQueryClient } from '@tanstack/react-query'
 import type { ColumnDef } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, type DataTableExportFormat, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'
 import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
 import { buildCrudExportUrl, deleteCrud } from '@open-mercato/ui/backend/utils/crud'
@@ -1026,7 +1026,7 @@ function mapDeal(item: Record<string, unknown>): DealRow | null {
   for (const [key, value] of Object.entries(item)) {
     if (key.startsWith('cf_')) customFields[key] = value
   }
-  return {
+  return withDataTableNamespaces({
     id,
     title,
     status,
@@ -1041,5 +1041,5 @@ function mapDeal(item: Record<string, unknown>): DealRow | null {
     people,
     companies,
     ...customFields,
-  }
+  }, item)
 }

package/src/modules/customers/backend/customers/people/page.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import * as React from 'react'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, type DataTableExportFormat, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import type { ColumnDef } from '@tanstack/react-table'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
@@ -101,7 +101,7 @@ function mapApiItem(item: Record<string, unknown>): PersonRow | null {
       customFields[key] = value
     }
   }
-  return {
+  return withDataTableNamespaces({
     id,
     name,
     description,
@@ -116,7 +116,7 @@ function mapApiItem(item: Record<string, unknown>): PersonRow | null {
     organizationId,
     source,
     ...customFields,
-  }
+  }, item)
 }
 export default function CustomersPeoplePage() {

package/src/modules/planner/backend/planner/availability-rulesets/page.tsx CHANGED Viewed

@@ -8,7 +8,7 @@ import type { PluggableList } from 'unified'
 import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
@@ -233,13 +233,12 @@ function mapRuleSet(item: Record<string, unknown>): RuleSetRow {
       : typeof item.updated_at === 'string'
         ? item.updated_at
         : null
-  return {
+  return withDataTableNamespaces({
     id,
     name,
     description,
     timezone,
     updatedAt,
-  }
+  }, item)
 }

package/src/modules/resources/backend/resources/resource-types/page.tsx CHANGED Viewed

@@ -8,7 +8,7 @@ import type { PluggableList } from 'unified'
 import ReactMarkdown from 'react-markdown'
 import remarkGfm from 'remark-gfm'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { flash } from '@open-mercato/ui/backend/FlashMessages'
@@ -317,7 +317,6 @@ function mapApiResourceType(item: Record<string, unknown>): ResourceTypeRow {
     : typeof item.resource_count === 'number'
       ? item.resource_count
       : 0
-  return { id, name, description, appearanceIcon, appearanceColor, updatedAt, resourceCount }
+  return withDataTableNamespaces({ id, name, description, appearanceIcon, appearanceColor, updatedAt, resourceCount }, item)
 }

package/src/modules/resources/backend/resources/resources/page.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import type { ColumnDef } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
@@ -534,7 +534,7 @@ function mapApiResource(item: Record<string, unknown>): ResourceRow {
       ? item.appearance_color
       : null
   const tags = Array.isArray(item.tags) ? item.tags as TagOption[] : []
-  return {
+  return withDataTableNamespaces({
     id,
     name,
     resourceTypeId,
@@ -543,5 +543,5 @@ function mapApiResource(item: Record<string, unknown>): ResourceRow {
     isActive,
     appearanceIcon,
     appearanceColor,
-  }
+  }, item)
 }

package/src/modules/sales/backend/sales/channels/page.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import { useRouter } from 'next/navigation'
 import Link from 'next/link'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
@@ -217,7 +217,7 @@ export default function SalesChannelsPage() {
 function mapApiChannel(item: Record<string, unknown>): ChannelRow {
   const id = typeof item.id === 'string' ? item.id : ''
-  return {
+  return withDataTableNamespaces({
     id,
     name: typeof item.name === 'string' ? item.name : id,
     code: typeof item.code === 'string' && item.code.length ? item.code : null,
@@ -233,5 +233,5 @@ function mapApiChannel(item: Record<string, unknown>): ChannelRow {
       : typeof item.updated_at === 'string'
         ? item.updated_at
         : null,
-  }
+  }, item)
 }

package/src/modules/sales/components/channels/offerTableUtils.tsx CHANGED Viewed

@@ -1,4 +1,5 @@
 import * as React from 'react'
+import { withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 type Translator = (key: string, fallback: string, vars?: Record<string, unknown>) => string
@@ -45,7 +46,7 @@ export function mapOfferRow(item: Record<string, unknown>): OfferRow {
       : item.product_channel_price && typeof item.product_channel_price === 'object'
         ? item.product_channel_price as Record<string, unknown>
         : null
-  return {
+  return withDataTableNamespaces({
     id: typeof item.id === 'string' ? item.id : '',
     channelId: typeof item.channelId === 'string'
       ? item.channelId
@@ -80,7 +81,7 @@ export function mapOfferRow(item: Record<string, unknown>): OfferRow {
       : typeof item.updated_at === 'string'
         ? item.updated_at
         : null,
-  }
+  }, item)
 }
 export function renderOfferPriceSummary(

package/src/modules/sales/components/documents/SalesDocumentsTable.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, type DataTableExportFormat, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
@@ -449,7 +449,7 @@ export function SalesDocumentsTable({ kind }: { kind: SalesDocumentKind }) {
       const validUntil = doc.validUntil ?? null
       const createdAt = doc.createdAt ?? null
       const date = placedAt ?? validUntil ?? createdAt ?? null
-      return {
+      return withDataTableNamespaces({
         id,
         number,
         status: doc.status ?? null,
@@ -461,7 +461,7 @@ export function SalesDocumentsTable({ kind }: { kind: SalesDocumentKind }) {
         totalGross,
         currency: doc.currencyCode ?? null,
         date,
-      }
+      }, item)
     },
     [kind]
   )

package/src/modules/staff/backend/staff/leave-requests/page.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { Badge } from '@open-mercato/ui/primitives/badge'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
@@ -209,7 +209,7 @@ function mapLeaveRequest(item: Record<string, unknown>): LeaveRequestRow {
     : typeof item.updated_at === 'string'
       ? item.updated_at
       : null
-  return {
+  return withDataTableNamespaces({
     id,
     memberName,
     startDate,
@@ -217,7 +217,7 @@ function mapLeaveRequest(item: Record<string, unknown>): LeaveRequestRow {
     status,
     reason,
     updatedAt,
-  }
+  }, item)
 }
 function formatDateRange(start?: string | null, end?: string | null): string {

package/src/modules/staff/backend/staff/my-leave-requests/page.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { Badge } from '@open-mercato/ui/primitives/badge'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
@@ -215,14 +215,14 @@ function mapLeaveRequest(item: Record<string, unknown>): LeaveRequestRow {
     : typeof item.updated_at === 'string'
       ? item.updated_at
       : null
-  return {
+  return withDataTableNamespaces({
     id,
     startDate,
     endDate,
     status,
     reason,
     updatedAt,
-  }
+  }, item)
 }
 function formatDateRange(start?: string | null, end?: string | null): string {

package/src/modules/staff/backend/staff/team-members/page.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'
 import type { ColumnDef, SortingFn, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
@@ -505,7 +505,7 @@ function mapApiTeamMember(item: Record<string, unknown>): TeamMemberApiRow {
       : null
   const team = item.team && typeof item.team === 'object' ? item.team as { name?: unknown } : null
   const teamName = typeof team?.name === 'string' ? team.name : null
-  return {
+  return withDataTableNamespaces({
     id,
     displayName,
     description,
@@ -517,7 +517,7 @@ function mapApiTeamMember(item: Record<string, unknown>): TeamMemberApiRow {
     updatedAt,
     teamId,
     teamName,
-  }
+  }, item)
 }
 function compareGroupedRows(

package/src/modules/staff/backend/staff/team-roles/page.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import type { PluggableList } from 'unified'
 import { useRouter } from 'next/navigation'
 import type { ColumnDef } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { readApiResultOrThrow, apiCall } from '@open-mercato/ui/backend/utils/apiCall'
@@ -394,7 +394,7 @@ function mapApiTeamRole(item: Record<string, unknown>): TeamRoleApiRow {
     : null
   const teamName = typeof team?.name === 'string' ? team.name : null
   const memberCount = typeof item.memberCount === 'number' ? item.memberCount : 0
-  return { id, name, description, updatedAt, teamId, teamName, memberCount }
+  return withDataTableNamespaces({ id, name, description, updatedAt, teamId, teamName, memberCount }, item)
 }
 function buildTeamRoleRows(items: TeamRoleApiRow[], unassignedLabel: string): TeamRoleRow[] {

package/src/modules/staff/backend/staff/teams/[id]/edit/page.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
 import { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
@@ -424,7 +424,7 @@ function mapApiTeamMember(item: Record<string, unknown>): TeamMemberRow {
     : typeof item.team_id === 'string'
       ? item.team_id
       : null
-  return {
+  return withDataTableNamespaces({
     id,
     displayName,
     description,
@@ -434,7 +434,6 @@ function mapApiTeamMember(item: Record<string, unknown>): TeamMemberRow {
     isActive,
     updatedAt,
     teamId,
-  }
+  }, item)
 }

package/src/modules/staff/backend/staff/teams/page.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import type { PluggableList } from 'unified'
 import { useRouter } from 'next/navigation'
 import type { ColumnDef, SortingState } from '@tanstack/react-table'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { DataTable } from '@open-mercato/ui/backend/DataTable'
+import { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { BooleanIcon } from '@open-mercato/ui/backend/ValueIcons'
@@ -317,7 +317,6 @@ function mapApiTeam(item: Record<string, unknown>): TeamRow {
     : typeof item.member_count === 'number'
       ? item.member_count
       : 0
-  return { id, name, description, isActive, updatedAt, memberCount }
+  return withDataTableNamespaces({ id, name, description, isActive, updatedAt, memberCount }, item)
 }