@open-mercato/core 0.6.8-develop.6911.1.f853dd04a9 → 0.6.8-develop.6912.1.36161dc9ac

package/dist/modules/workflows/backend/definitions/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/backend/definitions/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { apiCall, 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 { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport { Trash2 } from 'lucide-react'\n\ntype WorkflowDefinitionSource = 'code' | 'code_override' | 'user'\n\ntype WorkflowDefinition = {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  definition: Record<string, unknown>\n  enabled: boolean\n  effectiveFrom: string | null\n  effectiveTo: string | null\n  metadata: {\n    tags?: string[]\n    category?: string\n    icon?: string\n  } | null\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n  createdBy: string | null\n  source?: WorkflowDefinitionSource\n  isCodeBased?: boolean\n}\n\ntype DefinitionsResponse = {\n  data: WorkflowDefinition[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\ntype CreateDefinitionResponse = {\n  data?: {\n    id?: string\n  }\n  error?: string\n}\n\nconst WORKFLOW_ID_MAX_LENGTH = 100\n\nfunction buildDuplicateWorkflowId(sourceWorkflowId: string, attempt: number): string {\n  const suffix = attempt === 0 ? '_copy' : `_copy_${attempt + 1}`\n  const maxBaseLength = Math.max(1, WORKFLOW_ID_MAX_LENGTH - suffix.length)\n  const base = sourceWorkflowId.slice(0, maxBaseLength)\n  return `${base}${suffix}`\n}\n\nexport default function WorkflowDefinitionsListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(20)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [deleteTarget, setDeleteTarget] = React.useState<{ id: string; name: string; updatedAt: string | null } | null>(null)\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-definitions', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.enabled !== undefined && filterValues.enabled !== '') {\n        params.set('enabled', filterValues.enabled as string)\n      }\n      if (filterValues.workflowId) params.set('workflowId', filterValues.workflowId as string)\n      if (filterValues.search) params.set('search', filterValues.search as string)\n\n      const result = await apiCall<DefinitionsResponse>(\n        `/api/workflows/definitions?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow definitions')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleDelete = (id: string, workflowName: string, updatedAt: string | null) => {\n    setDeleteTarget({ id, name: workflowName, updatedAt })\n  }\n\n  const confirmDelete = async () => {\n    if (!deleteTarget) return\n\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(deleteTarget.updatedAt),\n      () => apiCall(`/api/workflows/definitions/${deleteTarget.id}`, {\n        method: 'DELETE',\n      }),\n    )\n\n    if (result.ok) {\n      flash(t('workflows.messages.deleted'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      const conflictError = Object.assign(new Error(t('workflows.messages.deleteFailed')), {\n        status: result.status,\n        ...(result.result && typeof result.result === 'object' ? result.result : {}),\n      })\n      if (!surfaceRecordConflict(conflictError, t)) {\n        flash(t('workflows.messages.deleteFailed'), 'error')\n      }\n    }\n    setDeleteTarget(null)\n  }\n\n  const handleToggleEnabled = async (id: string, currentEnabled: boolean, updatedAt: string | null) => {\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(updatedAt),\n      () => apiCall(`/api/workflows/definitions/${id}`, {\n        method: 'PUT',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          enabled: !currentEnabled,\n        }),\n      }),\n    )\n\n    if (result.ok) {\n      flash(t('workflows.messages.updated'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      const conflictError = Object.assign(new Error(t('workflows.messages.updateFailed')), {\n        status: result.status,\n        ...(result.result && typeof result.result === 'object' ? result.result : {}),\n      })\n      if (!surfaceRecordConflict(conflictError, t)) {\n        flash(t('workflows.messages.updateFailed'), 'error')\n      }\n    }\n  }\n\n  const handleDuplicate = async (definition: WorkflowDefinition) => {\n    for (let attempt = 0; attempt < 10; attempt += 1) {\n      const duplicateWorkflowId = buildDuplicateWorkflowId(definition.workflowId, attempt)\n      const result = await apiCall<CreateDefinitionResponse>('/api/workflows/definitions', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          workflowId: duplicateWorkflowId,\n          workflowName: definition.workflowName,\n          description: definition.description,\n          version: definition.version,\n          definition: definition.definition,\n          metadata: definition.metadata,\n          enabled: definition.enabled,\n        }),\n      })\n\n      if (result.ok) {\n        flash(t('workflows.messages.workflowDuplicated'), 'success')\n        queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n        return\n      }\n\n      if (result.status !== 409) {\n        break\n      }\n    }\n\n    flash(t('workflows.errors.createFailed'), 'error')\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'search',\n      type: 'text',\n      label: t('workflows.filters.search'),\n      placeholder: t('workflows.filters.searchPlaceholder'),\n    },\n    {\n      id: 'enabled',\n      type: 'select',\n      label: t('workflows.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('common.enabled'), value: 'true' },\n        { label: t('common.disabled'), value: 'false' },\n      ],\n    },\n    {\n      id: 'workflowId',\n      type: 'text',\n      label: t('workflows.filters.workflowId'),\n      placeholder: t('workflows.filters.workflowIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<WorkflowDefinition>[] = [\n    {\n      id: 'workflowId',\n      header: t('workflows.fields.workflowId'),\n      accessorKey: 'workflowId',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <span className=\"font-mono text-sm\">{row.original.workflowId}</span>\n      ),\n    },\n    {\n      id: 'workflowName',\n      header: t('workflows.fields.workflowName'),\n      accessorKey: 'workflowName',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-medium\">{row.original.workflowName}</span>\n            {row.original.source === 'code' && (\n              <Badge variant=\"secondary\">{t('workflows.source.code')}</Badge>\n            )}\n            {row.original.source === 'code_override' && (\n              <Badge variant=\"outline\">{t('workflows.source.code_override')}</Badge>\n            )}\n          </div>\n          {row.original.description && (\n            <div className=\"text-xs text-muted-foreground\">\n              {row.original.description}\n            </div>\n          )}\n          {row.original.metadata?.category && (\n            <div className=\"text-xs text-muted-foreground mt-0.5\">\n              {row.original.metadata.category}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'version',\n      header: t('workflows.fields.version'),\n      accessorKey: 'version',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className=\"font-mono\">\n          v{row.original.version}\n        </Badge>\n      ),\n    },\n    {\n      id: 'enabled',\n      header: t('workflows.fields.enabled'),\n      accessorKey: 'enabled',\n      cell: ({ row }) => (\n        <button\n          onClick={() => handleToggleEnabled(row.original.id, row.original.enabled, row.original.updatedAt)}\n          className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium cursor-pointer ${\n            row.original.enabled\n              ? 'bg-status-success-bg text-status-success-text hover:bg-status-success-border'\n              : 'bg-status-neutral-bg text-status-neutral-text hover:bg-status-neutral-border'\n          }`}\n          title={t('workflows.actions.toggleEnabled')}\n        >\n          {row.original.enabled ? t('common.yes') : t('common.no')}\n        </button>\n      ),\n    },\n    {\n      id: 'tags',\n      header: t('workflows.fields.tags'),\n      cell: ({ row }) => {\n        const tags = row.original.metadata?.tags || []\n        if (tags.length === 0) return <span className=\"text-muted-foreground\">-</span>\n        return (\n          <div className=\"flex flex-wrap gap-1\">\n            {tags.slice(0, 2).map((tag, idx) => (\n              <Badge key={idx} variant=\"secondary\">\n                {tag}\n              </Badge>\n            ))}\n            {tags.length > 2 && (\n              <Badge variant=\"outline\">+{tags.length - 2}</Badge>\n            )}\n          </div>\n        )\n      },\n    },\n    {\n      id: 'createdAt',\n      header: t('workflows.fields.createdAt'),\n      accessorKey: 'createdAt',\n      cell: ({ row }) => {\n        const date = new Date(row.original.createdAt)\n        return <span className=\"text-sm text-muted-foreground\">{date.toLocaleDateString()}</span>\n      },\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const isCodeOnly = row.original.source === 'code'\n        const items = [\n          {\n            id: 'edit',\n            label: isCodeOnly ? t('common.view') : t('common.edit'),\n            href: `/backend/definitions/${row.original.id}`,\n          },\n          ...(!isCodeOnly ? [{\n            id: 'edit-visual',\n            label: t('workflows.actions.editVisually'),\n            href: `/backend/definitions/visual-editor?id=${row.original.id}`,\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: row.original.enabled ? 'disable' : 'enable',\n            label: row.original.enabled ? t('common.disable') : t('common.enable'),\n            onSelect: () => handleToggleEnabled(row.original.id, row.original.enabled, row.original.updatedAt),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'duplicate',\n            label: t('common.duplicate'),\n            onSelect: () => handleDuplicate(row.original),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'delete',\n            label: t('common.delete'),\n            onSelect: () => handleDelete(row.original.id, row.original.workflowName, row.original.updatedAt),\n            destructive: true,\n          }] : []),\n        ]\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t('workflows.messages.loadFailed')}\n            description={error.message}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.list.title')}\n          actions={(\n            <div className=\"flex items-center gap-2\">\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/definitions/visual-editor\">\n                  {t('workflows.actions.createVisual')}\n                </Link>\n              </Button>\n              <Button asChild>\n                <Link href=\"/backend/definitions/create\">\n                  {t('workflows.actions.create')}\n                </Link>\n              </Button>\n            </div>\n          )}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          onRowClick={(row) => router.push(`/backend/definitions/visual-editor?id=${row.id}`)}\n          perspective={{\n            tableId: extensionPoints.hosts.definitionsTable.tableId,\n          }}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('workflows.list.title')}\n              createHref=\"/backend/definitions/create\"\n              createLabel={t('workflows.actions.create')}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n        <Dialog open={!!deleteTarget} onOpenChange={(open) => !open && setDeleteTarget(null)}>\n          <DialogContent className=\"sm:max-w-md\">\n            <DialogHeader>\n              <DialogTitle>{t('workflows.confirm.deleteTitle')}</DialogTitle>\n              <DialogDescription>\n                {t('workflows.confirm.delete', { name: deleteTarget?.name ?? '' })}\n              </DialogDescription>\n            </DialogHeader>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setDeleteTarget(null)}>\n                {t('common.cancel')}\n              </Button>\n              <Button variant=\"destructive-solid\" onClick={confirmDelete}>\n                <Trash2/>\n                {t('common.delete')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport { apiCall, 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 { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport { Trash2 } from 'lucide-react'\n\ntype WorkflowDefinitionSource = 'code' | 'code_override' | 'user'\n\ntype WorkflowDefinition = {\n  id: string\n  workflowId: string\n  workflowName: string\n  description: string | null\n  version: number\n  definition: Record<string, unknown>\n  enabled: boolean\n  effectiveFrom: string | null\n  effectiveTo: string | null\n  metadata: {\n    tags?: string[]\n    category?: string\n    icon?: string\n  } | null\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n  createdBy: string | null\n  source?: WorkflowDefinitionSource\n  isCodeBased?: boolean\n}\n\ntype DefinitionsResponse = {\n  data: WorkflowDefinition[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\ntype CreateDefinitionResponse = {\n  data?: {\n    id?: string\n  }\n  error?: string\n}\n\nconst WORKFLOW_ID_MAX_LENGTH = 100\n\nfunction buildDuplicateWorkflowId(sourceWorkflowId: string, attempt: number): string {\n  const suffix = attempt === 0 ? '_copy' : `_copy_${attempt + 1}`\n  const maxBaseLength = Math.max(1, WORKFLOW_ID_MAX_LENGTH - suffix.length)\n  const base = sourceWorkflowId.slice(0, maxBaseLength)\n  return `${base}${suffix}`\n}\n\nexport default function WorkflowDefinitionsListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(20)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [deleteTarget, setDeleteTarget] = React.useState<{ id: string; name: string; updatedAt: string | null } | null>(null)\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-definitions', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.enabled !== undefined && filterValues.enabled !== '') {\n        params.set('enabled', filterValues.enabled as string)\n      }\n      if (filterValues.workflowId) params.set('workflowId', filterValues.workflowId as string)\n      if (filterValues.search) params.set('search', filterValues.search as string)\n\n      const result = await apiCall<DefinitionsResponse>(\n        `/api/workflows/definitions?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow definitions')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleDelete = (id: string, workflowName: string, updatedAt: string | null) => {\n    setDeleteTarget({ id, name: workflowName, updatedAt })\n  }\n\n  const confirmDelete = async () => {\n    if (!deleteTarget) return\n\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(deleteTarget.updatedAt),\n      () => apiCall(`/api/workflows/definitions/${deleteTarget.id}`, {\n        method: 'DELETE',\n      }),\n    )\n\n    if (result.ok) {\n      flash(t('workflows.messages.deleted'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      const conflictError = Object.assign(new Error(t('workflows.messages.deleteFailed')), {\n        status: result.status,\n        ...(result.result && typeof result.result === 'object' ? result.result : {}),\n      })\n      if (!surfaceRecordConflict(conflictError, t)) {\n        flash(t('workflows.messages.deleteFailed'), 'error')\n      }\n    }\n    setDeleteTarget(null)\n  }\n\n  const handleToggleEnabled = async (id: string, currentEnabled: boolean, updatedAt: string | null) => {\n    const result = await withScopedApiRequestHeaders(\n      buildOptimisticLockHeader(updatedAt),\n      () => apiCall(`/api/workflows/definitions/${id}`, {\n        method: 'PUT',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          enabled: !currentEnabled,\n        }),\n      }),\n    )\n\n    if (result.ok) {\n      flash(t('workflows.messages.updated'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n    } else {\n      const conflictError = Object.assign(new Error(t('workflows.messages.updateFailed')), {\n        status: result.status,\n        ...(result.result && typeof result.result === 'object' ? result.result : {}),\n      })\n      if (!surfaceRecordConflict(conflictError, t)) {\n        flash(t('workflows.messages.updateFailed'), 'error')\n      }\n    }\n  }\n\n  const handleDuplicate = async (definition: WorkflowDefinition) => {\n    for (let attempt = 0; attempt < 10; attempt += 1) {\n      const duplicateWorkflowId = buildDuplicateWorkflowId(definition.workflowId, attempt)\n      const result = await apiCall<CreateDefinitionResponse>('/api/workflows/definitions', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json' },\n        body: JSON.stringify({\n          workflowId: duplicateWorkflowId,\n          workflowName: definition.workflowName,\n          description: definition.description,\n          version: definition.version,\n          definition: definition.definition,\n          metadata: definition.metadata,\n          enabled: definition.enabled,\n        }),\n      })\n\n      if (result.ok) {\n        flash(t('workflows.messages.workflowDuplicated'), 'success')\n        queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })\n        return\n      }\n\n      if (result.status !== 409) {\n        break\n      }\n    }\n\n    flash(t('workflows.errors.createFailed'), 'error')\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'search',\n      type: 'text',\n      label: t('workflows.filters.search'),\n      placeholder: t('workflows.filters.searchPlaceholder'),\n    },\n    {\n      id: 'enabled',\n      type: 'select',\n      label: t('workflows.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('common.enabled'), value: 'true' },\n        { label: t('common.disabled'), value: 'false' },\n      ],\n    },\n    {\n      id: 'workflowId',\n      type: 'text',\n      label: t('workflows.filters.workflowId'),\n      placeholder: t('workflows.filters.workflowIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<WorkflowDefinition>[] = [\n    {\n      id: 'workflowId',\n      header: t('workflows.fields.workflowId'),\n      accessorKey: 'workflowId',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <span className=\"font-mono text-sm\">{row.original.workflowId}</span>\n      ),\n    },\n    {\n      id: 'workflowName',\n      header: t('workflows.fields.workflowName'),\n      accessorKey: 'workflowName',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <span className=\"font-medium\">{row.original.workflowName}</span>\n            {row.original.source === 'code' && (\n              <Badge variant=\"secondary\">{t('workflows.source.code')}</Badge>\n            )}\n            {row.original.source === 'code_override' && (\n              <Badge variant=\"outline\">{t('workflows.source.code_override')}</Badge>\n            )}\n          </div>\n          {row.original.description && (\n            <div className=\"text-xs text-muted-foreground\">\n              {row.original.description}\n            </div>\n          )}\n          {row.original.metadata?.category && (\n            <div className=\"text-xs text-muted-foreground mt-0.5\">\n              {row.original.metadata.category}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'version',\n      header: t('workflows.fields.version'),\n      accessorKey: 'version',\n      meta: { truncate: false },\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className=\"font-mono\">\n          v{row.original.version}\n        </Badge>\n      ),\n    },\n    {\n      id: 'enabled',\n      header: t('workflows.fields.enabled'),\n      accessorKey: 'enabled',\n      cell: ({ row }) => (\n        <button\n          onClick={() => handleToggleEnabled(row.original.id, row.original.enabled, row.original.updatedAt)}\n          className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium cursor-pointer ${\n            row.original.enabled\n              ? 'bg-status-success-bg text-status-success-text hover:bg-status-success-border'\n              : 'bg-status-neutral-bg text-status-neutral-text hover:bg-status-neutral-border'\n          }`}\n          title={t('workflows.actions.toggleEnabled')}\n        >\n          {row.original.enabled ? t('common.yes') : t('common.no')}\n        </button>\n      ),\n    },\n    {\n      id: 'tags',\n      header: t('workflows.fields.tags'),\n      cell: ({ row }) => {\n        const tags = row.original.metadata?.tags || []\n        if (tags.length === 0) return <span className=\"text-muted-foreground\">-</span>\n        return (\n          <div className=\"flex flex-wrap gap-1\">\n            {tags.slice(0, 2).map((tag, idx) => (\n              <Badge key={idx} variant=\"secondary\">\n                {tag}\n              </Badge>\n            ))}\n            {tags.length > 2 && (\n              <Badge variant=\"outline\">+{tags.length - 2}</Badge>\n            )}\n          </div>\n        )\n      },\n    },\n    {\n      id: 'createdAt',\n      header: t('workflows.fields.createdAt'),\n      accessorKey: 'createdAt',\n      cell: ({ row }) => {\n        const date = new Date(row.original.createdAt)\n        return <span className=\"text-sm text-muted-foreground\">{date.toLocaleDateString()}</span>\n      },\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const isCodeOnly = row.original.source === 'code'\n        const items = [\n          {\n            id: 'edit',\n            label: isCodeOnly ? t('common.view') : t('common.edit'),\n            href: `/backend/definitions/${row.original.id}`,\n          },\n          ...(!isCodeOnly ? [{\n            id: 'edit-visual',\n            label: t('workflows.actions.editVisually'),\n            href: `/backend/definitions/visual-editor?id=${row.original.id}`,\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: row.original.enabled ? 'disable' : 'enable',\n            label: row.original.enabled ? t('common.disable') : t('common.enable'),\n            onSelect: () => handleToggleEnabled(row.original.id, row.original.enabled, row.original.updatedAt),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'duplicate',\n            label: t('common.duplicate'),\n            onSelect: () => handleDuplicate(row.original),\n          }] : []),\n          ...(!isCodeOnly ? [{\n            id: 'delete',\n            label: t('common.delete'),\n            onSelect: () => handleDelete(row.original.id, row.original.workflowName, row.original.updatedAt),\n            destructive: true,\n          }] : []),\n        ]\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t('workflows.messages.loadFailed')}\n            description={error.message}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-definitions'] })}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.list.title')}\n          actions={(\n            <div className=\"flex items-center gap-2\">\n              <Button asChild variant=\"outline\">\n                <Link href=\"/backend/definitions/visual-editor\">\n                  {t('workflows.actions.createVisual')}\n                </Link>\n              </Button>\n              <Button asChild>\n                <Link href=\"/backend/definitions/create\">\n                  {t('workflows.actions.create')}\n                </Link>\n              </Button>\n            </div>\n          )}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          onRowClick={(row) => router.push(`/backend/definitions/visual-editor?id=${row.id}`)}\n          perspective={{\n            tableId: extensionPoints.hosts.definitionsTable.tableId,\n          }}\n          emptyState={(\n            <ListEmptyState\n              entityName={t('workflows.list.title')}\n              createHref=\"/backend/definitions/create\"\n              createLabel={t('workflows.actions.create')}\n            />\n          )}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n        <Dialog open={!!deleteTarget} onOpenChange={(open) => !open && setDeleteTarget(null)}>\n          <DialogContent className=\"sm:max-w-md\">\n            <DialogHeader>\n              <DialogTitle>{t('workflows.confirm.deleteTitle')}</DialogTitle>\n              <DialogDescription>\n                {t('workflows.confirm.delete', { name: deleteTarget?.name ?? '' })}\n              </DialogDescription>\n            </DialogHeader>\n            <DialogFooter>\n              <Button variant=\"outline\" onClick={() => setDeleteTarget(null)}>\n                {t('common.cancel')}\n              </Button>\n              <Button variant=\"destructive-solid\" onClick={confirmDelete}>\n                <Trash2/>\n                {t('common.delete')}\n              </Button>\n            </DialogFooter>\n          </DialogContent>\n        </Dialog>\n      </PageBody>\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/backend/events/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/backend/events/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype WorkflowEvent = {\n  id: string\n  workflowInstanceId: string\n  stepInstanceId: string | null\n  eventType: string\n  eventData: any\n  occurredAt: string\n  userId: string | null\n  workflowInstance: {\n    id: string\n    workflowId: string\n    workflowName: string\n    status: string\n  } | null\n}\n\ntype EventsResponse = {\n  items: WorkflowEvent[]\n  total: number\n  page: number\n  pageSize: number\n  totalPages: number\n}\n\nexport default function WorkflowEventsPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n\n  const { data, isLoading, error, refetch } = useQuery({\n    queryKey: ['workflows', 'events', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      params.set('page', page.toString())\n      params.set('pageSize', pageSize.toString())\n      params.set('sortField', 'occurredAt')\n      params.set('sortDir', 'desc')\n\n      if (filterValues.eventType) params.set('eventType', filterValues.eventType as string)\n      if (filterValues.workflowInstanceId) params.set('workflowInstanceId', filterValues.workflowInstanceId as string)\n      if (filterValues.userId) params.set('userId', filterValues.userId as string)\n      if (filterValues.occurredAtFrom) params.set('occurredAtFrom', filterValues.occurredAtFrom as string)\n      if (filterValues.occurredAtTo) params.set('occurredAtTo', filterValues.occurredAtTo as string)\n\n      const result = await apiCall<EventsResponse>(\n        `/api/workflows/events?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow events')\n      }\n\n      const response = result.result\n      if (response) {\n        setTotal(response.total || 0)\n        setTotalPages(response.totalPages || 1)\n      }\n\n      return response?.items || []\n    },\n  })\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined) next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'eventType',\n      type: 'select',\n      label: t('workflows.events.filters.eventType'),\n      options: [\n        { value: '', label: t('common.all') },\n        { value: 'WORKFLOW_STARTED', label: t('workflows.events.types.workflow_started') },\n        { value: 'WORKFLOW_COMPLETED', label: t('workflows.events.types.workflow_completed') },\n        { value: 'WORKFLOW_FAILED', label: t('workflows.events.types.workflow_failed') },\n        { value: 'WORKFLOW_CANCELLED', label: t('workflows.events.types.workflow_cancelled') },\n        { value: 'STEP_ENTERED', label: t('workflows.events.types.step_entered') },\n        { value: 'STEP_EXITED', label: t('workflows.events.types.step_exited') },\n        { value: 'TRANSITION_EXECUTED', label: t('workflows.events.types.transition_executed') },\n        { value: 'TRANSITION_REJECTED', label: t('workflows.events.types.transition_rejected') },\n        { value: 'ACTIVITY_STARTED', label: t('workflows.events.types.activity_started') },\n        { value: 'ACTIVITY_COMPLETED', label: t('workflows.events.types.activity_completed') },\n        { value: 'ACTIVITY_FAILED', label: t('workflows.events.types.activity_failed') },\n      ],\n    },\n    {\n      id: 'workflowInstanceId',\n      type: 'text',\n      label: t('workflows.events.filters.workflowInstanceId'),\n      placeholder: t('workflows.events.filters.workflowInstanceIdPlaceholder'),\n    },\n    {\n      id: 'userId',\n      type: 'text',\n      label: t('workflows.events.filters.userId'),\n      placeholder: t('workflows.events.filters.userIdPlaceholder'),\n    },\n  ]\n\n  const getEventTypeBadgeClass = (eventType: string) => {\n    if (eventType.includes('STARTED')) return 'bg-status-info-bg text-status-info-text'\n    if (eventType.includes('COMPLETED')) return 'bg-status-success-bg text-status-success-text'\n    if (eventType.includes('FAILED') || eventType.includes('REJECTED')) return 'bg-status-error-bg text-status-error-text'\n    if (eventType.includes('CANCELLED')) return 'bg-muted text-foreground'\n    if (eventType.includes('ENTERED') || eventType.includes('EXITED')) return 'bg-status-neutral-bg text-status-neutral-text'\n    return 'bg-muted text-foreground'\n  }\n\n  const columns: ColumnDef<WorkflowEvent>[] = [\n    {\n      id: 'occurredAt',\n      header: t('workflows.events.fields.occurredAt'),\n      accessorKey: 'occurredAt',\n      cell: ({ row }) => (\n        <div className=\"text-sm\">\n          {new Date(row.original.occurredAt).toLocaleString()}\n        </div>\n      ),\n    },\n    {\n      id: 'eventType',\n      header: t('workflows.events.fields.eventType'),\n      accessorKey: 'eventType',\n      cell: ({ row }) => (\n        <span\n          className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getEventTypeBadgeClass(\n            row.original.eventType\n          )}`}\n        >\n          {row.original.eventType}\n        </span>\n      ),\n    },\n    {\n      id: 'workflow',\n      header: t('workflows.events.fields.workflow'),\n      cell: ({ row }) => (\n        <div>\n          {row.original.workflowInstance ? (\n            <>\n              <Link\n                href={`/backend/instances/${row.original.workflowInstance.id}`}\n                className=\"text-primary hover:text-primary/80 hover:underline font-medium\"\n              >\n                {row.original.workflowInstance.workflowName}\n              </Link>\n              <div className=\"text-xs text-muted-foreground mt-0.5\">\n                {row.original.workflowInstance.workflowId}\n              </div>\n            </>\n          ) : (\n            <span className=\"text-muted-foreground text-sm\">\n              {t('workflows.events.workflowNotFound')}\n            </span>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'instance',\n      header: t('workflows.events.fields.instance'),\n      cell: ({ row }) => (\n        <div className=\"text-sm\">\n          <Link\n            href={`/backend/instances/${row.original.workflowInstanceId}`}\n            className=\"text-primary hover:text-primary/80 hover:underline font-mono text-xs\"\n          >\n            {row.original.workflowInstanceId.substring(0, 8)}...\n          </Link>\n        </div>\n      ),\n    },\n    {\n      id: 'status',\n      header: t('workflows.events.fields.status'),\n      cell: ({ row }) => (\n        <div>\n          {row.original.workflowInstance && (\n            <span\n              className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${\n                row.original.workflowInstance.status === 'COMPLETED'\n                  ? 'bg-status-success-bg text-status-success-text'\n                  : row.original.workflowInstance.status === 'RUNNING'\n                  ? 'bg-status-info-bg text-status-info-text'\n                  : row.original.workflowInstance.status === 'FAILED'\n                  ? 'bg-status-error-bg text-status-error-text'\n                  : 'bg-muted text-foreground'\n              }`}\n            >\n              {row.original.workflowInstance.status}\n            </span>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'userId',\n      header: t('workflows.events.fields.userId'),\n      accessorKey: 'userId',\n      cell: ({ row }) => (\n        <div className=\"text-sm text-muted-foreground font-mono text-xs\">\n          {row.original.userId ? row.original.userId.substring(0, 8) + '...' : '-'}\n        </div>\n      ),\n    },\n    {\n      id: 'eventData',\n      header: t('workflows.events.fields.eventData'),\n      cell: ({ row }) => (\n        <div className=\"text-xs text-muted-foreground max-w-xs truncate\">\n          {JSON.stringify(row.original.eventData).substring(0, 50)}...\n        </div>\n      ),\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => (\n        <Link\n          href={`/backend/events/${row.original.id}`}\n          className=\"text-sm text-primary hover:text-primary/80 hover:underline\"\n        >\n          {t('common.details')}\n        </Link>\n      ),\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t('workflows.events.messages.loadFailed')}\n            description={error.message}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => refetch()}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.events.list.title')}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          isLoading={isLoading}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          actions={\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => refetch()}\n              disabled={isLoading}\n            >\n              {isLoading ? t('common.refreshing') : t('common.refresh')}\n            </Button>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useQuery } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype WorkflowEvent = {\n  id: string\n  workflowInstanceId: string\n  stepInstanceId: string | null\n  eventType: string\n  eventData: any\n  occurredAt: string\n  userId: string | null\n  workflowInstance: {\n    id: string\n    workflowId: string\n    workflowName: string\n    status: string\n  } | null\n}\n\ntype EventsResponse = {\n  items: WorkflowEvent[]\n  total: number\n  page: number\n  pageSize: number\n  totalPages: number\n}\n\nexport default function WorkflowEventsPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n\n  const { data, isLoading, error, refetch } = useQuery({\n    queryKey: ['workflows', 'events', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      params.set('page', page.toString())\n      params.set('pageSize', pageSize.toString())\n      params.set('sortField', 'occurredAt')\n      params.set('sortDir', 'desc')\n\n      if (filterValues.eventType) params.set('eventType', filterValues.eventType as string)\n      if (filterValues.workflowInstanceId) params.set('workflowInstanceId', filterValues.workflowInstanceId as string)\n      if (filterValues.userId) params.set('userId', filterValues.userId as string)\n      if (filterValues.occurredAtFrom) params.set('occurredAtFrom', filterValues.occurredAtFrom as string)\n      if (filterValues.occurredAtTo) params.set('occurredAtTo', filterValues.occurredAtTo as string)\n\n      const result = await apiCall<EventsResponse>(\n        `/api/workflows/events?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow events')\n      }\n\n      const response = result.result\n      if (response) {\n        setTotal(response.total || 0)\n        setTotalPages(response.totalPages || 1)\n      }\n\n      return response?.items || []\n    },\n  })\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined) next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'eventType',\n      type: 'select',\n      label: t('workflows.events.filters.eventType'),\n      options: [\n        { value: '', label: t('common.all') },\n        { value: 'WORKFLOW_STARTED', label: t('workflows.events.types.workflow_started') },\n        { value: 'WORKFLOW_COMPLETED', label: t('workflows.events.types.workflow_completed') },\n        { value: 'WORKFLOW_FAILED', label: t('workflows.events.types.workflow_failed') },\n        { value: 'WORKFLOW_CANCELLED', label: t('workflows.events.types.workflow_cancelled') },\n        { value: 'STEP_ENTERED', label: t('workflows.events.types.step_entered') },\n        { value: 'STEP_EXITED', label: t('workflows.events.types.step_exited') },\n        { value: 'TRANSITION_EXECUTED', label: t('workflows.events.types.transition_executed') },\n        { value: 'TRANSITION_REJECTED', label: t('workflows.events.types.transition_rejected') },\n        { value: 'ACTIVITY_STARTED', label: t('workflows.events.types.activity_started') },\n        { value: 'ACTIVITY_COMPLETED', label: t('workflows.events.types.activity_completed') },\n        { value: 'ACTIVITY_FAILED', label: t('workflows.events.types.activity_failed') },\n      ],\n    },\n    {\n      id: 'workflowInstanceId',\n      type: 'text',\n      label: t('workflows.events.filters.workflowInstanceId'),\n      placeholder: t('workflows.events.filters.workflowInstanceIdPlaceholder'),\n    },\n    {\n      id: 'userId',\n      type: 'text',\n      label: t('workflows.events.filters.userId'),\n      placeholder: t('workflows.events.filters.userIdPlaceholder'),\n    },\n  ]\n\n  const getEventTypeBadgeClass = (eventType: string) => {\n    if (eventType.includes('STARTED')) return 'bg-status-info-bg text-status-info-text'\n    if (eventType.includes('COMPLETED')) return 'bg-status-success-bg text-status-success-text'\n    if (eventType.includes('FAILED') || eventType.includes('REJECTED')) return 'bg-status-error-bg text-status-error-text'\n    if (eventType.includes('CANCELLED')) return 'bg-muted text-foreground'\n    if (eventType.includes('ENTERED') || eventType.includes('EXITED')) return 'bg-status-neutral-bg text-status-neutral-text'\n    return 'bg-muted text-foreground'\n  }\n\n  const columns: ColumnDef<WorkflowEvent>[] = [\n    {\n      id: 'occurredAt',\n      header: t('workflows.events.fields.occurredAt'),\n      accessorKey: 'occurredAt',\n      cell: ({ row }) => (\n        <div className=\"text-sm\">\n          {new Date(row.original.occurredAt).toLocaleString()}\n        </div>\n      ),\n    },\n    {\n      id: 'eventType',\n      header: t('workflows.events.fields.eventType'),\n      accessorKey: 'eventType',\n      cell: ({ row }) => (\n        <span\n          className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getEventTypeBadgeClass(\n            row.original.eventType\n          )}`}\n        >\n          {row.original.eventType}\n        </span>\n      ),\n    },\n    {\n      id: 'workflow',\n      header: t('workflows.events.fields.workflow'),\n      cell: ({ row }) => (\n        <div>\n          {row.original.workflowInstance ? (\n            <>\n              <Link\n                href={`/backend/instances/${row.original.workflowInstance.id}`}\n                className=\"text-primary hover:text-primary/80 hover:underline font-medium\"\n              >\n                {row.original.workflowInstance.workflowName}\n              </Link>\n              <div className=\"text-xs text-muted-foreground mt-0.5\">\n                {row.original.workflowInstance.workflowId}\n              </div>\n            </>\n          ) : (\n            <span className=\"text-muted-foreground text-sm\">\n              {t('workflows.events.workflowNotFound')}\n            </span>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'instance',\n      header: t('workflows.events.fields.instance'),\n      cell: ({ row }) => (\n        <div className=\"text-sm\">\n          <Link\n            href={`/backend/instances/${row.original.workflowInstanceId}`}\n            className=\"text-primary hover:text-primary/80 hover:underline font-mono text-xs\"\n          >\n            {row.original.workflowInstanceId.substring(0, 8)}...\n          </Link>\n        </div>\n      ),\n    },\n    {\n      id: 'status',\n      header: t('workflows.events.fields.status'),\n      cell: ({ row }) => (\n        <div>\n          {row.original.workflowInstance && (\n            <span\n              className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${\n                row.original.workflowInstance.status === 'COMPLETED'\n                  ? 'bg-status-success-bg text-status-success-text'\n                  : row.original.workflowInstance.status === 'RUNNING'\n                  ? 'bg-status-info-bg text-status-info-text'\n                  : row.original.workflowInstance.status === 'FAILED'\n                  ? 'bg-status-error-bg text-status-error-text'\n                  : 'bg-muted text-foreground'\n              }`}\n            >\n              {row.original.workflowInstance.status}\n            </span>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'userId',\n      header: t('workflows.events.fields.userId'),\n      accessorKey: 'userId',\n      cell: ({ row }) => (\n        <div className=\"text-sm text-muted-foreground font-mono text-xs\">\n          {row.original.userId ? row.original.userId.substring(0, 8) + '...' : '-'}\n        </div>\n      ),\n    },\n    {\n      id: 'eventData',\n      header: t('workflows.events.fields.eventData'),\n      cell: ({ row }) => (\n        <div className=\"text-xs text-muted-foreground max-w-xs truncate\">\n          {JSON.stringify(row.original.eventData).substring(0, 50)}...\n        </div>\n      ),\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => (\n        <Link\n          href={`/backend/events/${row.original.id}`}\n          className=\"text-sm text-primary hover:text-primary/80 hover:underline\"\n        >\n          {t('common.details')}\n        </Link>\n      ),\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage\n            label={t('workflows.events.messages.loadFailed')}\n            description={error.message}\n            action={(\n              <Button variant=\"outline\" size=\"sm\" onClick={() => refetch()}>\n                {t('common.retry', 'Retry')}\n              </Button>\n            )}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.events.list.title')}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          isLoading={isLoading}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n          actions={\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => refetch()}\n              disabled={isLoading}\n            >\n              {isLoading ? t('common.refreshing') : t('common.refresh')}\n            </Button>\n          }\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/backend/instances/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/backend/instances/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\ntype WorkflowInstance = {\n  id: string\n  definitionId: string\n  workflowId: string\n  version: number\n  status: 'RUNNING' | 'PAUSED' | 'COMPLETED' | 'FAILED' | 'CANCELLED' | 'COMPENSATING' | 'COMPENSATED'\n  currentStepId: string\n  correlationKey: string | null\n  startedAt: string\n  completedAt: string | null\n  cancelledAt: string | null\n  errorMessage: string | null\n  retryCount: number\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype InstancesResponse = {\n  data: WorkflowInstance[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\nexport default function WorkflowInstancesListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-instances', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.status) params.set('status', filterValues.status as string)\n      if (filterValues.workflowId) params.set('workflowId', filterValues.workflowId as string)\n      if (filterValues.correlationKey) params.set('correlationKey', filterValues.correlationKey as string)\n      if (filterValues.entityType) params.set('entityType', filterValues.entityType as string)\n      if (filterValues.entityId) params.set('entityId', filterValues.entityId as string)\n\n      const result = await apiCall<InstancesResponse>(\n        `/api/workflows/instances?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow instances')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleCancel = async (id: string, workflowId: string) => {\n    const confirmed = await confirmDialog({\n      title: t('workflows.instances.confirm.cancel', { id: workflowId }),\n      variant: 'destructive',\n    })\n    if (!confirmed) {\n      return\n    }\n\n    const result = await apiCall(`/api/workflows/instances/${id}/cancel`, {\n      method: 'POST',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.instances.messages.cancelled'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })\n    } else {\n      flash(t('workflows.instances.messages.cancelFailed'), 'error')\n    }\n  }\n\n  const handleRetry = async (id: string, workflowId: string) => {\n    const ok = await confirmDialog({\n      title: t('workflows.instances.confirm.retry', { id: workflowId }),\n      variant: 'default',\n    })\n    if (!ok) {\n      return\n    }\n\n    const result = await apiCall(`/api/workflows/instances/${id}/retry`, {\n      method: 'POST',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.instances.messages.retried'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })\n    } else {\n      flash(t('workflows.instances.messages.retryFailed'), 'error')\n    }\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const getStatusBadgeClass = (status: WorkflowInstance['status']) => {\n    switch (status) {\n      case 'RUNNING':\n        return 'bg-status-info-bg text-status-info-text'\n      case 'PAUSED':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'COMPLETED':\n        return 'bg-status-success-bg text-status-success-text'\n      case 'FAILED':\n        return 'bg-status-error-bg text-status-error-text'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      case 'COMPENSATING':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'COMPENSATED':\n        return 'bg-status-neutral-bg text-status-neutral-text'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  const filters: FilterDef[] = [\n    {\n      id: 'status',\n      type: 'select',\n      label: t('workflows.instances.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('workflows.instances.status.RUNNING'), value: 'RUNNING' },\n        { label: t('workflows.instances.status.PAUSED'), value: 'PAUSED' },\n        { label: t('workflows.instances.status.COMPLETED'), value: 'COMPLETED' },\n        { label: t('workflows.instances.status.FAILED'), value: 'FAILED' },\n        { label: t('workflows.instances.status.CANCELLED'), value: 'CANCELLED' },\n        { label: t('workflows.instances.status.COMPENSATING'), value: 'COMPENSATING' },\n        { label: t('workflows.instances.status.COMPENSATED'), value: 'COMPENSATED' },\n      ],\n    },\n    {\n      id: 'workflowId',\n      type: 'text',\n      label: t('workflows.instances.filters.workflowId'),\n      placeholder: t('workflows.instances.filters.workflowIdPlaceholder'),\n    },\n    {\n      id: 'correlationKey',\n      type: 'text',\n      label: t('workflows.instances.filters.correlationKey'),\n      placeholder: t('workflows.instances.filters.correlationKeyPlaceholder'),\n    },\n    {\n      id: 'entityType',\n      type: 'text',\n      label: t('workflows.instances.filters.entityType'),\n      placeholder: t('workflows.instances.filters.entityTypePlaceholder'),\n    },\n    {\n      id: 'entityId',\n      type: 'text',\n      label: t('workflows.instances.filters.entityId'),\n      placeholder: t('workflows.instances.filters.entityIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<WorkflowInstance>[] = [\n    {\n      id: 'workflowId',\n      header: t('workflows.instances.fields.workflowId'),\n      accessorKey: 'workflowId',\n      cell: ({ row }) => (\n        <Link href={`/backend/instances/${row.original.id}`} className=\"block hover:underline\">\n          <div className=\"font-mono text-sm font-medium\">{row.original.workflowId}</div>\n          {row.original.correlationKey && (\n            <div className=\"text-xs text-muted-foreground\">\n              {t('workflows.instances.fields.correlationKey')}: {row.original.correlationKey}\n            </div>\n          )}\n        </Link>\n      ),\n    },\n    {\n      id: 'status',\n      header: t('workflows.instances.fields.status'),\n      accessorKey: 'status',\n      cell: ({ row }) => (\n        <span className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(row.original.status)}`}>\n          {t(`workflows.instances.status.${row.original.status}`)}\n        </span>\n      ),\n    },\n    {\n      id: 'currentStep',\n      header: t('workflows.instances.fields.currentStep'),\n      accessorKey: 'currentStepId',\n      cell: ({ row }) => (\n        <span className=\"text-sm text-muted-foreground\">{row.original.currentStepId}</span>\n      ),\n    },\n    {\n      id: 'timing',\n      header: t('workflows.instances.fields.timing'),\n      cell: ({ row }) => {\n        const started = new Date(row.original.startedAt)\n        const completed = row.original.completedAt ? new Date(row.original.completedAt) : null\n        const duration = completed ? completed.getTime() - started.getTime() : Date.now() - started.getTime()\n        const durationText = duration < 60000\n          ? `${Math.floor(duration / 1000)}s`\n          : `${Math.floor(duration / 60000)}m`\n\n        return (\n          <div className=\"text-sm\">\n            <div className=\"text-foreground\">{started.toLocaleString()}</div>\n            <div className=\"text-xs text-muted-foreground\">\n              {completed ? t('workflows.instances.duration') : t('workflows.instances.elapsed')}: {durationText}\n            </div>\n          </div>\n        )\n      },\n    },\n    {\n      id: 'retryCount',\n      header: t('workflows.instances.fields.retryCount'),\n      accessorKey: 'retryCount',\n      cell: ({ row }) => (\n        <span className={`text-sm ${row.original.retryCount > 0 ? 'text-status-warning-text font-medium' : 'text-muted-foreground'}`}>\n          {row.original.retryCount}\n        </span>\n      ),\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const items: Array<{ id: string; label: string; href?: string; onSelect?: () => void }> = [\n          {\n            id: 'view',\n            label: t('workflows.instances.actions.viewDetails'),\n            href: `/backend/instances/${row.original.id}`,\n          },\n        ]\n\n        if (row.original.status === 'RUNNING' || row.original.status === 'PAUSED') {\n          items.push({\n            id: 'cancel',\n            label: t('workflows.instances.actions.cancel'),\n            onSelect: () => void handleCancel(row.original.id, row.original.workflowId),\n          })\n        }\n\n        if (row.original.status === 'FAILED') {\n          items.push({\n            id: 'retry',\n            label: t('workflows.instances.actions.retry'),\n            onSelect: () => void handleRetry(row.original.id, row.original.workflowId),\n          })\n        }\n\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">{t('workflows.instances.messages.loadFailed')}</p>\n            <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })} className=\"mt-4\">\n              {t('common.retry')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.instances.list.title')}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          perspective={{\n            tableId: extensionPoints.hosts.instancesTable.tableId,\n          }}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\ntype WorkflowInstance = {\n  id: string\n  definitionId: string\n  workflowId: string\n  version: number\n  status: 'RUNNING' | 'PAUSED' | 'COMPLETED' | 'FAILED' | 'CANCELLED' | 'COMPENSATING' | 'COMPENSATED'\n  currentStepId: string\n  correlationKey: string | null\n  startedAt: string\n  completedAt: string | null\n  cancelledAt: string | null\n  errorMessage: string | null\n  retryCount: number\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype InstancesResponse = {\n  data: WorkflowInstance[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\nexport default function WorkflowInstancesListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-instances', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.status) params.set('status', filterValues.status as string)\n      if (filterValues.workflowId) params.set('workflowId', filterValues.workflowId as string)\n      if (filterValues.correlationKey) params.set('correlationKey', filterValues.correlationKey as string)\n      if (filterValues.entityType) params.set('entityType', filterValues.entityType as string)\n      if (filterValues.entityId) params.set('entityId', filterValues.entityId as string)\n\n      const result = await apiCall<InstancesResponse>(\n        `/api/workflows/instances?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch workflow instances')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleCancel = async (id: string, workflowId: string) => {\n    const confirmed = await confirmDialog({\n      title: t('workflows.instances.confirm.cancel', { id: workflowId }),\n      variant: 'destructive',\n    })\n    if (!confirmed) {\n      return\n    }\n\n    const result = await apiCall(`/api/workflows/instances/${id}/cancel`, {\n      method: 'POST',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.instances.messages.cancelled'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })\n    } else {\n      flash(t('workflows.instances.messages.cancelFailed'), 'error')\n    }\n  }\n\n  const handleRetry = async (id: string, workflowId: string) => {\n    const ok = await confirmDialog({\n      title: t('workflows.instances.confirm.retry', { id: workflowId }),\n      variant: 'default',\n    })\n    if (!ok) {\n      return\n    }\n\n    const result = await apiCall(`/api/workflows/instances/${id}/retry`, {\n      method: 'POST',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.instances.messages.retried'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })\n    } else {\n      flash(t('workflows.instances.messages.retryFailed'), 'error')\n    }\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const getStatusBadgeClass = (status: WorkflowInstance['status']) => {\n    switch (status) {\n      case 'RUNNING':\n        return 'bg-status-info-bg text-status-info-text'\n      case 'PAUSED':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'COMPLETED':\n        return 'bg-status-success-bg text-status-success-text'\n      case 'FAILED':\n        return 'bg-status-error-bg text-status-error-text'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      case 'COMPENSATING':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'COMPENSATED':\n        return 'bg-status-neutral-bg text-status-neutral-text'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  const filters: FilterDef[] = [\n    {\n      id: 'status',\n      type: 'select',\n      label: t('workflows.instances.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('workflows.instances.status.RUNNING'), value: 'RUNNING' },\n        { label: t('workflows.instances.status.PAUSED'), value: 'PAUSED' },\n        { label: t('workflows.instances.status.COMPLETED'), value: 'COMPLETED' },\n        { label: t('workflows.instances.status.FAILED'), value: 'FAILED' },\n        { label: t('workflows.instances.status.CANCELLED'), value: 'CANCELLED' },\n        { label: t('workflows.instances.status.COMPENSATING'), value: 'COMPENSATING' },\n        { label: t('workflows.instances.status.COMPENSATED'), value: 'COMPENSATED' },\n      ],\n    },\n    {\n      id: 'workflowId',\n      type: 'text',\n      label: t('workflows.instances.filters.workflowId'),\n      placeholder: t('workflows.instances.filters.workflowIdPlaceholder'),\n    },\n    {\n      id: 'correlationKey',\n      type: 'text',\n      label: t('workflows.instances.filters.correlationKey'),\n      placeholder: t('workflows.instances.filters.correlationKeyPlaceholder'),\n    },\n    {\n      id: 'entityType',\n      type: 'text',\n      label: t('workflows.instances.filters.entityType'),\n      placeholder: t('workflows.instances.filters.entityTypePlaceholder'),\n    },\n    {\n      id: 'entityId',\n      type: 'text',\n      label: t('workflows.instances.filters.entityId'),\n      placeholder: t('workflows.instances.filters.entityIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<WorkflowInstance>[] = [\n    {\n      id: 'workflowId',\n      header: t('workflows.instances.fields.workflowId'),\n      accessorKey: 'workflowId',\n      cell: ({ row }) => (\n        <Link href={`/backend/instances/${row.original.id}`} className=\"block hover:underline\">\n          <div className=\"font-mono text-sm font-medium\">{row.original.workflowId}</div>\n          {row.original.correlationKey && (\n            <div className=\"text-xs text-muted-foreground\">\n              {t('workflows.instances.fields.correlationKey')}: {row.original.correlationKey}\n            </div>\n          )}\n        </Link>\n      ),\n    },\n    {\n      id: 'status',\n      header: t('workflows.instances.fields.status'),\n      accessorKey: 'status',\n      cell: ({ row }) => (\n        <span className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(row.original.status)}`}>\n          {t(`workflows.instances.status.${row.original.status}`)}\n        </span>\n      ),\n    },\n    {\n      id: 'currentStep',\n      header: t('workflows.instances.fields.currentStep'),\n      accessorKey: 'currentStepId',\n      cell: ({ row }) => (\n        <span className=\"text-sm text-muted-foreground\">{row.original.currentStepId}</span>\n      ),\n    },\n    {\n      id: 'timing',\n      header: t('workflows.instances.fields.timing'),\n      cell: ({ row }) => {\n        const started = new Date(row.original.startedAt)\n        const completed = row.original.completedAt ? new Date(row.original.completedAt) : null\n        const duration = completed ? completed.getTime() - started.getTime() : Date.now() - started.getTime()\n        const durationText = duration < 60000\n          ? `${Math.floor(duration / 1000)}s`\n          : `${Math.floor(duration / 60000)}m`\n\n        return (\n          <div className=\"text-sm\">\n            <div className=\"text-foreground\">{started.toLocaleString()}</div>\n            <div className=\"text-xs text-muted-foreground\">\n              {completed ? t('workflows.instances.duration') : t('workflows.instances.elapsed')}: {durationText}\n            </div>\n          </div>\n        )\n      },\n    },\n    {\n      id: 'retryCount',\n      header: t('workflows.instances.fields.retryCount'),\n      accessorKey: 'retryCount',\n      cell: ({ row }) => (\n        <span className={`text-sm ${row.original.retryCount > 0 ? 'text-status-warning-text font-medium' : 'text-muted-foreground'}`}>\n          {row.original.retryCount}\n        </span>\n      ),\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const items: Array<{ id: string; label: string; href?: string; onSelect?: () => void }> = [\n          {\n            id: 'view',\n            label: t('workflows.instances.actions.viewDetails'),\n            href: `/backend/instances/${row.original.id}`,\n          },\n        ]\n\n        if (row.original.status === 'RUNNING' || row.original.status === 'PAUSED') {\n          items.push({\n            id: 'cancel',\n            label: t('workflows.instances.actions.cancel'),\n            onSelect: () => void handleCancel(row.original.id, row.original.workflowId),\n          })\n        }\n\n        if (row.original.status === 'FAILED') {\n          items.push({\n            id: 'retry',\n            label: t('workflows.instances.actions.retry'),\n            onSelect: () => void handleRetry(row.original.id, row.original.workflowId),\n          })\n        }\n\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">{t('workflows.instances.messages.loadFailed')}</p>\n            <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-instances'] })} className=\"mt-4\">\n              {t('common.retry')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.instances.list.title')}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          perspective={{\n            tableId: extensionPoints.hosts.instancesTable.tableId,\n          }}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
   "mappings": ";AAyNU,cAEE,YAFF;AAvNV,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAChC,OAAO,UAAU;AACjB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,gBAAgB;AAC/B,SAAS,iBAAiB;AAE1B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,UAAU,sBAAsB;AACzC,SAAS,YAAY;AAErB,SAAS,wBAAwB;AA+BlB,SAAR,4BAA6C;AAClD,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,CAAC;AACxC,QAAM,CAAC,QAAQ,IAAI,MAAM,SAAS,EAAE;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,CAAC;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AACpD,QAAM,IAAI,KAAK;AACf,QAAM,SAAS,UAAU;AACzB,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,SAAS,eAAe,qBAAqB,IAAI,iBAAiB;AAC1E,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAuB,CAAC,CAAC;AAEvE,QAAM,EAAE,MAAM,WAAW,MAAM,IAAI,SAAS;AAAA,IAC1C,UAAU,CAAC,sBAAsB,QAAQ,cAAc,IAAI;AAAA,IAC3D,SAAS,YAAY;AACnB,YAAM,SAAS,IAAI,gBAAgB;AACnC,YAAM,UAAU,OAAO,KAAK;AAC5B,aAAO,IAAI,SAAS,SAAS,SAAS,CAAC;AACvC,aAAO,IAAI,UAAU,OAAO,SAAS,CAAC;AAEtC,UAAI,aAAa,OAAQ,QAAO,IAAI,UAAU,aAAa,MAAgB;AAC3E,UAAI,aAAa,WAAY,QAAO,IAAI,cAAc,aAAa,UAAoB;AACvF,UAAI,aAAa,eAAgB,QAAO,IAAI,kBAAkB,aAAa,cAAwB;AACnG,UAAI,aAAa,WAAY,QAAO,IAAI,cAAc,aAAa,UAAoB;AACvF,UAAI,aAAa,SAAU,QAAO,IAAI,YAAY,aAAa,QAAkB;AAEjF,YAAM,SAAS,MAAM;AAAA,QACnB,4BAA4B,OAAO,SAAS,CAAC;AAAA,MAC/C;AAEA,UAAI,CAAC,OAAO,IAAI;AACd,cAAM,IAAI,MAAM,oCAAoC;AAAA,MACtD;AAEA,YAAM,WAAW,OAAO;AACxB,UAAI,UAAU,YAAY;AACxB,iBAAS,SAAS,WAAW,SAAS,CAAC;AACvC,cAAM,kBAAkB,KAAK,MAAM,SAAS,WAAW,SAAS,KAAK,QAAQ;AAC7E,sBAAc,mBAAmB,CAAC;AAAA,MACpC;AAEA,aAAO,UAAU,QAAQ,CAAC;AAAA,IAC5B;AAAA,EACF,CAAC;AAED,QAAM,eAAe,OAAO,IAAY,eAAuB;AAC7D,UAAM,YAAY,MAAM,cAAc;AAAA,MACpC,OAAO,EAAE,sCAAsC,EAAE,IAAI,WAAW,CAAC;AAAA,MACjE,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,WAAW;AACd;AAAA,IACF;AAEA,UAAM,SAAS,MAAM,QAAQ,4BAA4B,EAAE,WAAW;AAAA,MACpE,QAAQ;AAAA,IACV,CAAC;AAED,QAAI,OAAO,IAAI;AACb,YAAM,EAAE,wCAAwC,GAAG,SAAS;AAC5D,kBAAY,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAC;AAAA,IACpE,OAAO;AACL,YAAM,EAAE,2CAA2C,GAAG,OAAO;AAAA,IAC/D;AAAA,EACF;AAEA,QAAM,cAAc,OAAO,IAAY,eAAuB;AAC5D,UAAM,KAAK,MAAM,cAAc;AAAA,MAC7B,OAAO,EAAE,qCAAqC,EAAE,IAAI,WAAW,CAAC;AAAA,MAChE,SAAS;AAAA,IACX,CAAC;AACD,QAAI,CAAC,IAAI;AACP;AAAA,IACF;AAEA,UAAM,SAAS,MAAM,QAAQ,4BAA4B,EAAE,UAAU;AAAA,MACnE,QAAQ;AAAA,IACV,CAAC;AAED,QAAI,OAAO,IAAI;AACb,YAAM,EAAE,sCAAsC,GAAG,SAAS;AAC1D,kBAAY,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAC;AAAA,IACpE,OAAO;AACL,YAAM,EAAE,0CAA0C,GAAG,OAAO;AAAA,IAC9D;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM,YAAY,CAAC,WAAyB;AACrE,UAAM,OAAqB,CAAC;AAC5B,WAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC/C,UAAI,UAAU,UAAa,UAAU,GAAI,MAAK,GAAG,IAAI;AAAA,IACvD,CAAC;AACD,oBAAgB,IAAI;AACpB,YAAQ,CAAC;AAAA,EACX,GAAG,CAAC,CAAC;AAEL,QAAM,qBAAqB,MAAM,YAAY,MAAM;AACjD,oBAAgB,CAAC,CAAC;AAClB,YAAQ,CAAC;AAAA,EACX,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,CAAC,WAAuC;AAClE,YAAQ,QAAQ;AAAA,MACd,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IACX;AAAA,EACF;AAEA,QAAM,UAAuB;AAAA,IAC3B;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,oCAAoC;AAAA,MAC7C,SAAS;AAAA,QACP,EAAE,OAAO,EAAE,YAAY,GAAG,OAAO,GAAG;AAAA,QACpC,EAAE,OAAO,EAAE,oCAAoC,GAAG,OAAO,UAAU;AAAA,QACnE,EAAE,OAAO,EAAE,mCAAmC,GAAG,OAAO,SAAS;AAAA,QACjE,EAAE,OAAO,EAAE,sCAAsC,GAAG,OAAO,YAAY;AAAA,QACvE,EAAE,OAAO,EAAE,mCAAmC,GAAG,OAAO,SAAS;AAAA,QACjE,EAAE,OAAO,EAAE,sCAAsC,GAAG,OAAO,YAAY;AAAA,QACvE,EAAE,OAAO,EAAE,yCAAyC,GAAG,OAAO,eAAe;AAAA,QAC7E,EAAE,OAAO,EAAE,wCAAwC,GAAG,OAAO,cAAc;AAAA,MAC7E;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,wCAAwC;AAAA,MACjD,aAAa,EAAE,mDAAmD;AAAA,IACpE;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,4CAA4C;AAAA,MACrD,aAAa,EAAE,uDAAuD;AAAA,IACxE;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,wCAAwC;AAAA,MACjD,aAAa,EAAE,mDAAmD;AAAA,IACpE;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,OAAO,EAAE,sCAAsC;AAAA,MAC/C,aAAa,EAAE,iDAAiD;AAAA,IAClE;AAAA,EACF;AAEA,QAAM,UAAyC;AAAA,IAC7C;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ,EAAE,uCAAuC;AAAA,MACjD,aAAa;AAAA,MACb,MAAM,CAAC,EAAE,IAAI,MACX,qBAAC,QAAK,MAAM,sBAAsB,IAAI,SAAS,EAAE,IAAI,WAAU,yBAC7D;AAAA,4BAAC,SAAI,WAAU,iCAAiC,cAAI,SAAS,YAAW;AAAA,QACvE,IAAI,SAAS,kBACZ,qBAAC,SAAI,WAAU,iCACZ;AAAA,YAAE,2CAA2C;AAAA,UAAE;AAAA,UAAG,IAAI,SAAS;AAAA,WAClE;AAAA,SAEJ;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ,EAAE,mCAAmC;AAAA,MAC7C,aAAa;AAAA,MACb,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAW,kEAAkE,oBAAoB,IAAI,SAAS,MAAM,CAAC,IACxH,YAAE,8BAA8B,IAAI,SAAS,MAAM,EAAE,GACxD;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ,EAAE,wCAAwC;AAAA,MAClD,aAAa;AAAA,MACb,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,iCAAiC,cAAI,SAAS,eAAc;AAAA,IAEhF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ,EAAE,mCAAmC;AAAA,MAC7C,MAAM,CAAC,EAAE,IAAI,MAAM;AACjB,cAAM,UAAU,IAAI,KAAK,IAAI,SAAS,SAAS;AAC/C,cAAM,YAAY,IAAI,SAAS,cAAc,IAAI,KAAK,IAAI,SAAS,WAAW,IAAI;AAClF,cAAM,WAAW,YAAY,UAAU,QAAQ,IAAI,QAAQ,QAAQ,IAAI,KAAK,IAAI,IAAI,QAAQ,QAAQ;AACpG,cAAM,eAAe,WAAW,MAC5B,GAAG,KAAK,MAAM,WAAW,GAAI,CAAC,MAC9B,GAAG,KAAK,MAAM,WAAW,GAAK,CAAC;AAEnC,eACE,qBAAC,SAAI,WAAU,WACb;AAAA,8BAAC,SAAI,WAAU,mBAAmB,kBAAQ,eAAe,GAAE;AAAA,UAC3D,qBAAC,SAAI,WAAU,iCACZ;AAAA,wBAAY,EAAE,8BAA8B,IAAI,EAAE,6BAA6B;AAAA,YAAE;AAAA,YAAG;AAAA,aACvF;AAAA,WACF;AAAA,MAEJ;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ,EAAE,uCAAuC;AAAA,MACjD,aAAa;AAAA,MACb,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAW,WAAW,IAAI,SAAS,aAAa,IAAI,yCAAyC,uBAAuB,IACvH,cAAI,SAAS,YAChB;AAAA,IAEJ;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,MAAM,CAAC,EAAE,IAAI,MAAM;AACjB,cAAM,QAAoF;AAAA,UACxF;AAAA,YACE,IAAI;AAAA,YACJ,OAAO,EAAE,yCAAyC;AAAA,YAClD,MAAM,sBAAsB,IAAI,SAAS,EAAE;AAAA,UAC7C;AAAA,QACF;AAEA,YAAI,IAAI,SAAS,WAAW,aAAa,IAAI,SAAS,WAAW,UAAU;AACzE,gBAAM,KAAK;AAAA,YACT,IAAI;AAAA,YACJ,OAAO,EAAE,oCAAoC;AAAA,YAC7C,UAAU,MAAM,KAAK,aAAa,IAAI,SAAS,IAAI,IAAI,SAAS,UAAU;AAAA,UAC5E,CAAC;AAAA,QACH;AAEA,YAAI,IAAI,SAAS,WAAW,UAAU;AACpC,gBAAM,KAAK;AAAA,YACT,IAAI;AAAA,YACJ,OAAO,EAAE,mCAAmC;AAAA,YAC5C,UAAU,MAAM,KAAK,YAAY,IAAI,SAAS,IAAI,IAAI,SAAS,UAAU;AAAA,UAC3E,CAAC;AAAA,QACH;AAEA,eAAO,oBAAC,cAAW,OAAc;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AAEA,MAAI,OAAO;AACT,WACE,oBAAC,QACC,8BAAC,YACC,+BAAC,SAAI,WAAU,mBACb;AAAA,0BAAC,OAAE,WAAU,0BAA0B,YAAE,yCAAyC,GAAE;AAAA,MACpF,oBAAC,UAAO,SAAS,MAAM,YAAY,kBAAkB,EAAE,UAAU,CAAC,oBAAoB,EAAE,CAAC,GAAG,WAAU,QACnG,YAAE,cAAc,GACnB;AAAA,OACF,GACF,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,QACC;AAAA,wBAAC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,EAAE,gCAAgC;AAAA,QACzC;AAAA,QACA,MAAM,QAAQ,CAAC;AAAA,QACf;AAAA,QACA;AAAA,QACA,gBAAgB;AAAA,QAChB,gBAAgB;AAAA,QAChB,aAAa;AAAA,UACX,SAAS,gBAAgB,MAAM,eAAe;AAAA,QAChD;AAAA,QACA,YAAY,EAAE,MAAM,UAAU,OAAO,YAAY,cAAc,QAAQ;AAAA;AAAA,IACzE,GACF;AAAA,IACC;AAAA,KACH;AAEJ;",
   "names": []
 }

package/dist/modules/workflows/backend/tasks/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/workflows/backend/tasks/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\ntype UserTaskStatus = 'PENDING' | 'IN_PROGRESS' | 'COMPLETED' | 'CANCELLED'\n\ntype UserTask = {\n  id: string\n  workflowInstanceId: string\n  stepInstanceId: string\n  taskName: string\n  description: string | null\n  status: UserTaskStatus\n  formSchema: any | null\n  formData: any | null\n  assignedTo: string | null\n  assignedToRoles: string[] | null\n  claimedBy: string | null\n  claimedAt: string | null\n  dueDate: string | null\n  escalatedAt: string | null\n  escalatedTo: string | null\n  completedBy: string | null\n  completedAt: string | null\n  comments: string | null\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype TasksResponse = {\n  data: UserTask[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\nexport default function UserTasksListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({\n    myTasks: 'true', // Default to \"My Tasks\" view\n  })\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-tasks', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.status) params.set('status', filterValues.status as string)\n      if (filterValues.overdue === 'true') params.set('overdue', 'true')\n      if (filterValues.workflowInstanceId) params.set('workflowInstanceId', filterValues.workflowInstanceId as string)\n\n      const result = await apiCall<TasksResponse>(\n        `/api/workflows/tasks?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch user tasks')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleClaim = async (id: string, taskName: string) => {\n    const confirmed = await confirmDialog({\n      title: t('workflows.tasks.confirm.claim', { name: taskName }),\n      variant: 'default',\n    })\n    if (!confirmed) {\n      return\n    }\n\n    const result = await apiCall(`/api/workflows/tasks/${id}/claim`, {\n      method: 'POST',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.tasks.messages.claimed'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-tasks'] })\n    } else {\n      flash(t('workflows.tasks.messages.claimFailed'), 'error')\n    }\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({ myTasks: 'true' })\n    setPage(1)\n  }, [])\n\n  const getStatusBadgeClass = (status: UserTaskStatus) => {\n    switch (status) {\n      case 'PENDING':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'IN_PROGRESS':\n        return 'bg-status-info-bg text-status-info-text'\n      case 'COMPLETED':\n        return 'bg-status-success-bg text-status-success-text'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  const isOverdue = (task: UserTask) => {\n    if (!task.dueDate || task.status === 'COMPLETED' || task.status === 'CANCELLED') {\n      return false\n    }\n    return new Date(task.dueDate) < new Date()\n  }\n\n  const filters: FilterDef[] = [\n    {\n      id: 'status',\n      type: 'select',\n      label: t('workflows.tasks.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('workflows.tasks.statuses.PENDING'), value: 'PENDING' },\n        { label: t('workflows.tasks.statuses.IN_PROGRESS'), value: 'IN_PROGRESS' },\n        { label: t('workflows.tasks.statuses.COMPLETED'), value: 'COMPLETED' },\n        { label: t('workflows.tasks.statuses.CANCELLED'), value: 'CANCELLED' },\n      ],\n    },\n    {\n      id: 'myTasks',\n      type: 'select',\n      label: t('workflows.tasks.filters.view'),\n      options: [\n        { label: t('workflows.tasks.filters.myTasks'), value: 'true' },\n        { label: t('workflows.tasks.filters.allTasks'), value: '' },\n      ],\n    },\n    {\n      id: 'overdue',\n      type: 'select',\n      label: t('workflows.tasks.filters.overdue'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('workflows.tasks.filters.overdueOnly'), value: 'true' },\n      ],\n    },\n    {\n      id: 'workflowInstanceId',\n      type: 'text',\n      label: t('workflows.tasks.filters.workflowInstanceId'),\n      placeholder: t('workflows.tasks.filters.workflowInstanceIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<UserTask>[] = [\n    {\n      id: 'taskName',\n      header: t('workflows.tasks.fields.taskName'),\n      accessorKey: 'taskName',\n      cell: ({ row }) => (\n        <div>\n          <div className=\"font-medium text-sm\">{row.original.taskName}</div>\n          {row.original.description && (\n            <div className=\"text-xs text-muted-foreground line-clamp-1\">\n              {row.original.description}\n            </div>\n          )}\n          {isOverdue(row.original) && (\n            <div className=\"text-xs text-status-error-text font-medium mt-1\">\n              {t('workflows.tasks.overdue')}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'status',\n      header: t('workflows.tasks.fields.status'),\n      accessorKey: 'status',\n      cell: ({ row }) => (\n        <span className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(row.original.status)}`}>\n          {t(`workflows.tasks.statuses.${row.original.status}`)}\n        </span>\n      ),\n    },\n    {\n      id: 'assignment',\n      header: t('workflows.tasks.fields.assignment'),\n      cell: ({ row }) => {\n        if (row.original.claimedBy) {\n          return (\n            <div className=\"text-sm\">\n              <div className=\"text-foreground\">{t('workflows.tasks.claimedBy')}: {row.original.claimedBy}</div>\n            </div>\n          )\n        }\n        if (row.original.assignedTo) {\n          return <div className=\"text-sm text-foreground\">{row.original.assignedTo}</div>\n        }\n        if (row.original.assignedToRoles && row.original.assignedToRoles.length > 0) {\n          return (\n            <div className=\"text-sm text-muted-foreground\">\n              {t('workflows.tasks.roles')}: {row.original.assignedToRoles.join(', ')}\n            </div>\n          )\n        }\n        return <span className=\"text-sm text-muted-foreground\">-</span>\n      },\n    },\n    {\n      id: 'dueDate',\n      header: t('workflows.tasks.fields.dueDate'),\n      accessorKey: 'dueDate',\n      cell: ({ row }) => {\n        if (!row.original.dueDate) {\n          return <span className=\"text-sm text-muted-foreground\">-</span>\n        }\n        const dueDate = new Date(row.original.dueDate)\n        const overdue = isOverdue(row.original)\n        return (\n          <div className={`text-sm ${overdue ? 'text-status-error-text font-medium' : 'text-foreground'}`}>\n            {dueDate.toLocaleString()}\n          </div>\n        )\n      },\n    },\n    {\n      id: 'createdAt',\n      header: t('workflows.tasks.fields.createdAt'),\n      accessorKey: 'createdAt',\n      cell: ({ row }) => (\n        <span className=\"text-sm text-muted-foreground\">\n          {new Date(row.original.createdAt).toLocaleString()}\n        </span>\n      ),\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const items: Array<{ id: string; label: string; href?: string; onSelect?: () => void }> = [\n          {\n            id: 'view',\n            label: t('workflows.tasks.actions.viewDetails'),\n            href: `/backend/tasks/${row.original.id}`,\n          },\n        ]\n\n        // Allow claiming if task is PENDING and assigned to roles (not specific user)\n        if (\n          row.original.status === 'PENDING' &&\n          !row.original.assignedTo &&\n          row.original.assignedToRoles &&\n          row.original.assignedToRoles.length > 0\n        ) {\n          items.push({\n            id: 'claim',\n            label: t('workflows.tasks.actions.claim'),\n            onSelect: () => void handleClaim(row.original.id, row.original.taskName),\n          })\n        }\n\n        // Allow completing if task is in progress or pending\n        if (row.original.status === 'PENDING' || row.original.status === 'IN_PROGRESS') {\n          items.push({\n            id: 'complete',\n            label: t('workflows.tasks.actions.complete'),\n            href: `/backend/tasks/${row.original.id}`,\n          })\n        }\n\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">{t('workflows.tasks.messages.loadFailed')}</p>\n            <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-tasks'] })} className=\"mt-4\">\n              {t('common.retry')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.tasks.list.title')}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          perspective={{\n            tableId: extensionPoints.hosts.tasksTable.tableId,\n          }}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { extensionPoints } from '@open-mercato/core/modules/workflows/extension-points'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\n\ntype UserTaskStatus = 'PENDING' | 'IN_PROGRESS' | 'COMPLETED' | 'CANCELLED'\n\ntype UserTask = {\n  id: string\n  workflowInstanceId: string\n  stepInstanceId: string\n  taskName: string\n  description: string | null\n  status: UserTaskStatus\n  formSchema: any | null\n  formData: any | null\n  assignedTo: string | null\n  assignedToRoles: string[] | null\n  claimedBy: string | null\n  claimedAt: string | null\n  dueDate: string | null\n  escalatedAt: string | null\n  escalatedTo: string | null\n  completedBy: string | null\n  completedAt: string | null\n  comments: string | null\n  tenantId: string\n  organizationId: string\n  createdAt: string\n  updatedAt: string\n}\n\ntype TasksResponse = {\n  data: UserTask[]\n  pagination: {\n    total: number\n    limit: number\n    offset: number\n    hasMore: boolean\n  }\n}\n\nexport default function UserTasksListPage() {\n  const [page, setPage] = React.useState(1)\n  const [pageSize] = React.useState(50)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const { confirm: confirmDialog, ConfirmDialogElement } = useConfirmDialog()\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({\n    myTasks: 'true', // Default to \"My Tasks\" view\n  })\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['workflow-tasks', 'list', filterValues, page],\n    queryFn: async () => {\n      const params = new URLSearchParams()\n      const offset = (page - 1) * pageSize\n      params.set('limit', pageSize.toString())\n      params.set('offset', offset.toString())\n\n      if (filterValues.status) params.set('status', filterValues.status as string)\n      if (filterValues.overdue === 'true') params.set('overdue', 'true')\n      if (filterValues.workflowInstanceId) params.set('workflowInstanceId', filterValues.workflowInstanceId as string)\n\n      const result = await apiCall<TasksResponse>(\n        `/api/workflows/tasks?${params.toString()}`\n      )\n\n      if (!result.ok) {\n        throw new Error('Failed to fetch user tasks')\n      }\n\n      const response = result.result\n      if (response?.pagination) {\n        setTotal(response.pagination.total || 0)\n        const calculatedPages = Math.ceil((response.pagination.total || 0) / pageSize)\n        setTotalPages(calculatedPages || 1)\n      }\n\n      return response?.data || []\n    },\n  })\n\n  const handleClaim = async (id: string, taskName: string) => {\n    const confirmed = await confirmDialog({\n      title: t('workflows.tasks.confirm.claim', { name: taskName }),\n      variant: 'default',\n    })\n    if (!confirmed) {\n      return\n    }\n\n    const result = await apiCall(`/api/workflows/tasks/${id}/claim`, {\n      method: 'POST',\n    })\n\n    if (result.ok) {\n      flash(t('workflows.tasks.messages.claimed'), 'success')\n      queryClient.invalidateQueries({ queryKey: ['workflow-tasks'] })\n    } else {\n      flash(t('workflows.tasks.messages.claimFailed'), 'error')\n    }\n  }\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    const next: FilterValues = {}\n    Object.entries(values).forEach(([key, value]) => {\n      if (value !== undefined && value !== '') next[key] = value\n    })\n    setFilterValues(next)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({ myTasks: 'true' })\n    setPage(1)\n  }, [])\n\n  const getStatusBadgeClass = (status: UserTaskStatus) => {\n    switch (status) {\n      case 'PENDING':\n        return 'bg-status-warning-bg text-status-warning-text'\n      case 'IN_PROGRESS':\n        return 'bg-status-info-bg text-status-info-text'\n      case 'COMPLETED':\n        return 'bg-status-success-bg text-status-success-text'\n      case 'CANCELLED':\n        return 'bg-muted text-foreground'\n      default:\n        return 'bg-muted text-muted-foreground'\n    }\n  }\n\n  const isOverdue = (task: UserTask) => {\n    if (!task.dueDate || task.status === 'COMPLETED' || task.status === 'CANCELLED') {\n      return false\n    }\n    return new Date(task.dueDate) < new Date()\n  }\n\n  const filters: FilterDef[] = [\n    {\n      id: 'status',\n      type: 'select',\n      label: t('workflows.tasks.filters.status'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('workflows.tasks.statuses.PENDING'), value: 'PENDING' },\n        { label: t('workflows.tasks.statuses.IN_PROGRESS'), value: 'IN_PROGRESS' },\n        { label: t('workflows.tasks.statuses.COMPLETED'), value: 'COMPLETED' },\n        { label: t('workflows.tasks.statuses.CANCELLED'), value: 'CANCELLED' },\n      ],\n    },\n    {\n      id: 'myTasks',\n      type: 'select',\n      label: t('workflows.tasks.filters.view'),\n      options: [\n        { label: t('workflows.tasks.filters.myTasks'), value: 'true' },\n        { label: t('workflows.tasks.filters.allTasks'), value: '' },\n      ],\n    },\n    {\n      id: 'overdue',\n      type: 'select',\n      label: t('workflows.tasks.filters.overdue'),\n      options: [\n        { label: t('common.all'), value: '' },\n        { label: t('workflows.tasks.filters.overdueOnly'), value: 'true' },\n      ],\n    },\n    {\n      id: 'workflowInstanceId',\n      type: 'text',\n      label: t('workflows.tasks.filters.workflowInstanceId'),\n      placeholder: t('workflows.tasks.filters.workflowInstanceIdPlaceholder'),\n    },\n  ]\n\n  const columns: ColumnDef<UserTask>[] = [\n    {\n      id: 'taskName',\n      header: t('workflows.tasks.fields.taskName'),\n      accessorKey: 'taskName',\n      cell: ({ row }) => (\n        <div>\n          <div className=\"font-medium text-sm\">{row.original.taskName}</div>\n          {row.original.description && (\n            <div className=\"text-xs text-muted-foreground line-clamp-1\">\n              {row.original.description}\n            </div>\n          )}\n          {isOverdue(row.original) && (\n            <div className=\"text-xs text-status-error-text font-medium mt-1\">\n              {t('workflows.tasks.overdue')}\n            </div>\n          )}\n        </div>\n      ),\n    },\n    {\n      id: 'status',\n      header: t('workflows.tasks.fields.status'),\n      accessorKey: 'status',\n      cell: ({ row }) => (\n        <span className={`inline-flex items-center px-2 py-1 rounded text-xs font-medium ${getStatusBadgeClass(row.original.status)}`}>\n          {t(`workflows.tasks.statuses.${row.original.status}`)}\n        </span>\n      ),\n    },\n    {\n      id: 'assignment',\n      header: t('workflows.tasks.fields.assignment'),\n      cell: ({ row }) => {\n        if (row.original.claimedBy) {\n          return (\n            <div className=\"text-sm\">\n              <div className=\"text-foreground\">{t('workflows.tasks.claimedBy')}: {row.original.claimedBy}</div>\n            </div>\n          )\n        }\n        if (row.original.assignedTo) {\n          return <div className=\"text-sm text-foreground\">{row.original.assignedTo}</div>\n        }\n        if (row.original.assignedToRoles && row.original.assignedToRoles.length > 0) {\n          return (\n            <div className=\"text-sm text-muted-foreground\">\n              {t('workflows.tasks.roles')}: {row.original.assignedToRoles.join(', ')}\n            </div>\n          )\n        }\n        return <span className=\"text-sm text-muted-foreground\">-</span>\n      },\n    },\n    {\n      id: 'dueDate',\n      header: t('workflows.tasks.fields.dueDate'),\n      accessorKey: 'dueDate',\n      cell: ({ row }) => {\n        if (!row.original.dueDate) {\n          return <span className=\"text-sm text-muted-foreground\">-</span>\n        }\n        const dueDate = new Date(row.original.dueDate)\n        const overdue = isOverdue(row.original)\n        return (\n          <div className={`text-sm ${overdue ? 'text-status-error-text font-medium' : 'text-foreground'}`}>\n            {dueDate.toLocaleString()}\n          </div>\n        )\n      },\n    },\n    {\n      id: 'createdAt',\n      header: t('workflows.tasks.fields.createdAt'),\n      accessorKey: 'createdAt',\n      cell: ({ row }) => (\n        <span className=\"text-sm text-muted-foreground\">\n          {new Date(row.original.createdAt).toLocaleString()}\n        </span>\n      ),\n    },\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }) => {\n        const items: Array<{ id: string; label: string; href?: string; onSelect?: () => void }> = [\n          {\n            id: 'view',\n            label: t('workflows.tasks.actions.viewDetails'),\n            href: `/backend/tasks/${row.original.id}`,\n          },\n        ]\n\n        // Allow claiming if task is PENDING and assigned to roles (not specific user)\n        if (\n          row.original.status === 'PENDING' &&\n          !row.original.assignedTo &&\n          row.original.assignedToRoles &&\n          row.original.assignedToRoles.length > 0\n        ) {\n          items.push({\n            id: 'claim',\n            label: t('workflows.tasks.actions.claim'),\n            onSelect: () => void handleClaim(row.original.id, row.original.taskName),\n          })\n        }\n\n        // Allow completing if task is in progress or pending\n        if (row.original.status === 'PENDING' || row.original.status === 'IN_PROGRESS') {\n          items.push({\n            id: 'complete',\n            label: t('workflows.tasks.actions.complete'),\n            href: `/backend/tasks/${row.original.id}`,\n          })\n        }\n\n        return <RowActions items={items} />\n      },\n    },\n  ]\n\n  if (error) {\n    return (\n      <Page>\n        <PageBody>\n          <div className=\"p-8 text-center\">\n            <p className=\"text-status-error-text\">{t('workflows.tasks.messages.loadFailed')}</p>\n            <Button onClick={() => queryClient.invalidateQueries({ queryKey: ['workflow-tasks'] })} className=\"mt-4\">\n              {t('common.retry')}\n            </Button>\n          </div>\n        </PageBody>\n      </Page>\n    )\n  }\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('workflows.tasks.list.title')}\n          columns={columns}\n          data={data || []}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          perspective={{\n            tableId: extensionPoints.hosts.tasksTable.tableId,\n          }}\n          pagination={{ page, pageSize, total, totalPages, onPageChange: setPage }}\n        />\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
   "mappings": "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",
   "names": []
 }

package/jest.config.cjs

@@ -40,7 +40,7 @@ module.exports = {
   },
   setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
   transformIgnorePatterns: [
-    'node_modules/(?!(@mikro-orm|kysely|ai|@ai-sdk|ai-sdk-ollama|@workflow|@standard-schema)/)',
+    'node_modules/(?!(@mikro-orm|kysely|ai|@ai-sdk|ai-sdk-ollama|@workflow|@standard-schema|@tanstack/react-table|@tanstack/table-core|@tanstack/react-store|@tanstack/store)/)',
   ],
   testMatch: ['<rootDir>/src/**/__tests__/**/*.test.(ts|tsx)'],
   passWithNoTests: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-mercato/core",
-  "version": "0.6.8-develop.6911.1.f853dd04a9",
+  "version": "0.6.8-develop.6912.1.36161dc9ac",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -254,16 +254,16 @@
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "@open-mercato/ai-assistant": "0.6.8-develop.6911.1.f853dd04a9",
-    "@open-mercato/shared": "0.6.8-develop.6911.1.f853dd04a9",
-    "@open-mercato/ui": "0.6.8-develop.6911.1.f853dd04a9",
+    "@open-mercato/ai-assistant": "0.6.8-develop.6912.1.36161dc9ac",
+    "@open-mercato/shared": "0.6.8-develop.6912.1.36161dc9ac",
+    "@open-mercato/ui": "0.6.8-develop.6912.1.36161dc9ac",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@open-mercato/ai-assistant": "0.6.8-develop.6911.1.f853dd04a9",
-    "@open-mercato/shared": "0.6.8-develop.6911.1.f853dd04a9",
-    "@open-mercato/ui": "0.6.8-develop.6911.1.f853dd04a9",
+    "@open-mercato/ai-assistant": "0.6.8-develop.6912.1.36161dc9ac",
+    "@open-mercato/shared": "0.6.8-develop.6912.1.36161dc9ac",
+    "@open-mercato/ui": "0.6.8-develop.6912.1.36161dc9ac",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.1",

package/src/modules/api_keys/backend/api-keys/page.tsx

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'

package/src/modules/attachments/components/AttachmentLibrary.tsx

@@ -1,7 +1,8 @@
 "use client"
 
 import * as React from 'react'
-import type { ColumnDef, SortingState } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
+import type { SortingState } from '@tanstack/react-table'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'

package/src/modules/attachments/components/AttachmentPartitionSettings.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from 'react'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'

package/src/modules/audit_logs/components/AccessLogsTable.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { extensionPoints } from '@open-mercato/core/modules/audit_logs/extension-points'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { DataTable, type PaginationProps } from '@open-mercato/ui/backend/DataTable'
 import { useT } from '@open-mercato/shared/lib/i18n/context'
 

package/src/modules/audit_logs/components/AuditLogsActions.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { extensionPoints } from '@open-mercato/core/modules/audit_logs/extension-points'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { DataTable, type PaginationProps } from '@open-mercato/ui/backend/DataTable'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'

package/src/modules/auth/backend/roles/page.tsx

@@ -4,7 +4,8 @@ import { extensionPoints } from '@open-mercato/core/modules/auth/extension-point
 import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
-import type { ColumnDef, SortingState } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
+import type { SortingState } from '@tanstack/react-table'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { apiCall, readApiResultOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'

package/src/modules/auth/backend/users/page.tsx

@@ -5,7 +5,8 @@ import Link from 'next/link'
 import { useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
-import type { ColumnDef, SortingState } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
+import type { SortingState } from '@tanstack/react-table'
 import type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'

package/src/modules/business_rules/backend/logs/page.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { apiCall } from '@open-mercato/ui/backend/utils/apiCall'
 import { useQuery } from '@tanstack/react-query'
 import { useT } from '@open-mercato/shared/lib/i18n/context'

package/src/modules/business_rules/backend/rules/page.tsx

@@ -6,7 +6,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'

package/src/modules/business_rules/backend/sets/page.tsx

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'

package/src/modules/catalog/components/PriceKindSettings.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from 'react'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'

package/src/modules/catalog/components/categories/CategoriesDataTable.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import { extensionPoints } from '@open-mercato/core/modules/catalog/extension-points'
 import Link from 'next/link'
 import { useQuery, useQueryClient } from '@tanstack/react-query'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
 import type { FilterValues } from '@open-mercato/ui/backend/FilterBar'

package/src/modules/catalog/components/products/ProductsDataTable.tsx

@@ -3,7 +3,8 @@
 import * as React from 'react'
 import { extensionPoints } from '@open-mercato/core/modules/catalog/extension-points'
 import Link from 'next/link'
-import type { ColumnDef, SortingState } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
+import type { SortingState } from '@tanstack/react-table'
 import { DataTable, type DataTableExportFormat } from '@open-mercato/ui/backend/DataTable'
 import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
 import { Button } from '@open-mercato/ui/primitives/button'

package/src/modules/communication_channels/backend/communication_channels/channels/page.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { extensionPoints } from '@open-mercato/core/modules/communication_channels/extension-points'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { Tag } from '@open-mercato/ui/primitives/tag'

package/src/modules/communication_channels/backend/profile/communication-channels/page.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react'
 import { extensionPoints } from '@open-mercato/core/modules/communication_channels/extension-points'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'

package/src/modules/currencies/backend/currencies/page.tsx

@@ -6,7 +6,7 @@ import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Badge } from '@open-mercato/ui/primitives/badge'
 import { Button } from '@open-mercato/ui/primitives/button'

package/src/modules/currencies/backend/exchange-rates/page.tsx

@@ -6,7 +6,7 @@ import Link from 'next/link'
 import { Page, PageBody } from '@open-mercato/ui/backend/Page'
 import { DataTable } from '@open-mercato/ui/backend/DataTable'
 import { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'
-import type { ColumnDef } from '@tanstack/react-table'
+import type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'
 import { RowActions } from '@open-mercato/ui/backend/RowActions'
 import { Button } from '@open-mercato/ui/primitives/button'
 import { Badge } from '@open-mercato/ui/primitives/badge'