@open-mercato/core 0.4.7-develop-78d7541539 → 0.4.7-develop-74069040de

package/dist/modules/data_sync/backend/data-sync/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/data_sync/backend/data-sync/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\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 type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\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 { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype SyncRunRow = {\n  id: string\n  integrationId: string\n  entityType: string\n  direction: 'import' | 'export'\n  status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled' | 'paused'\n  createdCount: number\n  updatedCount: number\n  failedCount: number\n  createdAt: string\n}\n\ntype ResponsePayload = {\n  items: SyncRunRow[]\n  total: number\n  page: number\n  totalPages: number\n}\n\nconst STATUS_STYLES: Record<string, string> = {\n  pending: 'bg-gray-100 text-gray-800',\n  running: 'bg-blue-100 text-blue-800',\n  completed: 'bg-green-100 text-green-800',\n  failed: 'bg-red-100 text-red-800',\n  cancelled: 'bg-yellow-100 text-yellow-800',\n  paused: 'bg-orange-100 text-orange-800',\n}\n\nexport default function SyncRunsDashboardPage() {\n  const router = useRouter()\n  const [rows, setRows] = React.useState<SyncRunRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const scopeVersion = useOrganizationScopeVersion()\n  const t = useT()\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      const params = new URLSearchParams()\n      params.set('page', String(page))\n      params.set('pageSize', '20')\n      if (filterValues.status) params.set('status', filterValues.status as string)\n      if (filterValues.direction) params.set('direction', filterValues.direction as string)\n      const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n      const call = await apiCall<ResponsePayload>(\n        `/api/data_sync/runs?${params.toString()}`,\n        undefined,\n        { fallback },\n      )\n      if (!call.ok) {\n        flash(t('data_sync.dashboard.loadError'), 'error')\n        if (!cancelled) setIsLoading(false)\n        return\n      }\n      const payload = call.result ?? fallback\n      if (!cancelled) {\n        setRows(Array.isArray(payload.items) ? payload.items : [])\n        setTotal(payload.total || 0)\n        setTotalPages(payload.totalPages || 1)\n        setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [page, filterValues, reloadToken, scopeVersion, t])\n\n  const handleCancel = React.useCallback(async (row: SyncRunRow) => {\n    const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(row.id)}/cancel`, {\n      method: 'POST',\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('data_sync.runs.detail.cancelSuccess'), 'success')\n      setReloadToken((token) => token + 1)\n    } else {\n      flash(t('data_sync.runs.detail.cancelError'), 'error')\n    }\n  }, [t])\n\n  const handleRetry = React.useCallback(async (row: SyncRunRow) => {\n    const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(row.id)}/retry`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ fromBeginning: false }),\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('data_sync.runs.detail.retrySuccess'), 'success')\n      setReloadToken((token) => token + 1)\n    } else {\n      flash(t('data_sync.runs.detail.retryError'), 'error')\n    }\n  }, [t])\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: 'status',\n      type: 'select',\n      label: t('data_sync.dashboard.filters.status'),\n      options: [\n        { label: t('data_sync.dashboard.filters.allStatuses'), value: '' },\n        { label: t('data_sync.dashboard.status.pending'), value: 'pending' },\n        { label: t('data_sync.dashboard.status.running'), value: 'running' },\n        { label: t('data_sync.dashboard.status.completed'), value: 'completed' },\n        { label: t('data_sync.dashboard.status.failed'), value: 'failed' },\n        { label: t('data_sync.dashboard.status.cancelled'), value: 'cancelled' },\n      ],\n    },\n    {\n      id: 'direction',\n      type: 'select',\n      label: t('data_sync.dashboard.columns.direction'),\n      options: [\n        { label: t('data_sync.dashboard.filters.allDirections'), value: '' },\n        { label: t('data_sync.dashboard.direction.import'), value: 'import' },\n        { label: t('data_sync.dashboard.direction.export'), value: 'export' },\n      ],\n    },\n  ]\n\n  const columns = React.useMemo<ColumnDef<SyncRunRow>[]>(() => [\n    {\n      accessorKey: 'integrationId',\n      header: t('data_sync.dashboard.columns.integration'),\n      cell: ({ row }) => <span className=\"font-medium text-sm\">{row.original.integrationId}</span>,\n    },\n    {\n      accessorKey: 'entityType',\n      header: t('data_sync.dashboard.columns.entityType'),\n    },\n    {\n      accessorKey: 'direction',\n      header: t('data_sync.dashboard.columns.direction'),\n      cell: ({ row }) => (\n        <Badge variant=\"outline\">\n          {t(`data_sync.dashboard.direction.${row.original.direction}`)}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'status',\n      header: t('data_sync.dashboard.columns.status'),\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className={STATUS_STYLES[row.original.status] ?? ''}>\n          {t(`data_sync.dashboard.status.${row.original.status}`)}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'createdCount',\n      header: t('data_sync.dashboard.columns.created'),\n    },\n    {\n      accessorKey: 'updatedCount',\n      header: t('data_sync.dashboard.columns.updated'),\n    },\n    {\n      accessorKey: 'failedCount',\n      header: t('data_sync.dashboard.columns.failed'),\n    },\n    {\n      accessorKey: 'createdAt',\n      header: t('data_sync.dashboard.columns.createdAt'),\n      cell: ({ row }) => new Date(row.original.createdAt).toLocaleString(),\n    },\n  ], [t])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable\n          title={t('data_sync.dashboard.title')}\n          columns={columns}\n          data={rows}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          perspective={{ tableId: 'data_sync.runs' }}\n          onRowClick={(row) => {\n            router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`)\n          }}\n          rowActions={(row) => (\n            <RowActions items={[\n              {\n                id: 'view',\n                label: t('data_sync.dashboard.actions.view'),\n                onSelect: () => { router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`) },\n              },\n              ...(row.status === 'running' ? [{\n                id: 'cancel',\n                label: t('data_sync.runs.detail.cancel'),\n                destructive: true,\n                onSelect: () => { void handleCancel(row) },\n              }] : []),\n              ...(row.status === 'failed' ? [{\n                id: 'retry',\n                label: t('data_sync.runs.detail.retry'),\n                onSelect: () => { void handleRetry(row) },\n              }] : []),\n            ]} />\n          )}\n          pagination={{ page, pageSize: 20, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\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 type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { Badge, type BadgeProps } from '@open-mercato/ui/primitives/badge'\nimport { Card, CardContent, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Notice } from '@open-mercato/ui/primitives/Notice'\nimport { Separator } from '@open-mercato/ui/primitives/separator'\nimport { Switch } from '@open-mercato/ui/primitives/switch'\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 { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  ArrowRightLeft,\n  Boxes,\n  CalendarClock,\n  CircleAlert,\n  Clock3,\n  Gauge,\n  Play,\n  PlugZap,\n  Repeat,\n  Settings2,\n  ShieldCheck,\n} from 'lucide-react'\n\ntype SyncRunRow = {\n  id: string\n  integrationId: string\n  entityType: string\n  direction: 'import' | 'export'\n  status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled' | 'paused'\n  createdCount: number\n  updatedCount: number\n  failedCount: number\n  createdAt: string\n}\n\ntype ResponsePayload = {\n  items: SyncRunRow[]\n  total: number\n  page: number\n  totalPages: number\n}\n\ntype SyncOption = {\n  integrationId: string\n  title: string\n  description?: string | null\n  providerKey?: string | null\n  direction: 'import' | 'export' | 'bidirectional'\n  supportedEntities: string[]\n  hasCredentials: boolean\n  isEnabled: boolean\n  settingsPath: string\n}\n\ntype SyncOptionsResponse = {\n  items: SyncOption[]\n}\n\ntype SyncScheduleRecord = {\n  id: string\n  integrationId: string\n  entityType: string\n  direction: 'import' | 'export'\n  scheduleType: 'cron' | 'interval'\n  scheduleValue: string\n  timezone: string\n  fullSync: boolean\n  isEnabled: boolean\n  lastRunAt: string | null\n}\n\ntype SyncSchedulesResponse = {\n  items?: SyncScheduleRecord[]\n}\n\ntype SyncScheduleEditorState = {\n  id?: string\n  scheduleType: 'cron' | 'interval'\n  scheduleValue: string\n  timezone: string\n  fullSync: boolean\n  isEnabled: boolean\n  lastRunAt: string | null\n}\n\nconst STATUS_STYLES: Record<string, string> = {\n  pending: 'bg-gray-100 text-gray-800',\n  running: 'bg-blue-100 text-blue-800',\n  completed: 'bg-green-100 text-green-800',\n  failed: 'bg-red-100 text-red-800',\n  cancelled: 'bg-yellow-100 text-yellow-800',\n  paused: 'bg-orange-100 text-orange-800',\n}\n\nconst DEFAULT_TIMEZONE = Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC'\n\ntype SummaryBadgeStyle = {\n  variant: BadgeProps['variant']\n  className?: string\n}\n\nfunction getSummaryBadgeStyle(kind: 'enabled' | 'disabled' | 'ready' | 'missing' | 'scheduled' | 'paused' | 'none'): SummaryBadgeStyle {\n  if (kind === 'enabled' || kind === 'ready') {\n    return {\n      variant: 'outline',\n      className: 'border-emerald-500/30 bg-emerald-500/15 text-emerald-200',\n    }\n  }\n\n  if (kind === 'disabled' || kind === 'missing') {\n    return {\n      variant: 'outline',\n      className: 'border-red-500/30 bg-red-500/15 text-red-200',\n    }\n  }\n\n  if (kind === 'paused') {\n    return {\n      variant: 'outline',\n      className: 'border-amber-500/30 bg-amber-500/15 text-amber-200',\n    }\n  }\n\n  if (kind === 'scheduled') {\n    return {\n      variant: 'outline',\n      className: 'border-sky-500/30 bg-sky-500/15 text-sky-200',\n    }\n  }\n\n  return {\n    variant: 'outline',\n    className: 'border-muted-foreground/20 bg-muted/40 text-muted-foreground',\n  }\n}\n\nfunction formatEntityTypeLabel(entityType: string): string {\n  return entityType\n    .replace(/[_-]+/g, ' ')\n    .replace(/\\b\\w/g, (letter) => letter.toUpperCase())\n}\n\nfunction buildDefaultScheduleState(entityType: string): SyncScheduleEditorState {\n  const normalized = entityType.trim().toLowerCase()\n  const longerInterval = normalized === 'categories' || normalized === 'attributes'\n  return {\n    scheduleType: 'interval',\n    scheduleValue: longerInterval ? '6h' : '1h',\n    timezone: DEFAULT_TIMEZONE,\n    fullSync: normalized !== 'products',\n    isEnabled: true,\n    lastRunAt: null,\n  }\n}\n\nexport default function SyncRunsDashboardPage() {\n  const router = useRouter()\n  const [rows, setRows] = React.useState<SyncRunRow[]>([])\n  const [options, setOptions] = React.useState<SyncOption[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [isLoadingOptions, setIsLoadingOptions] = React.useState(true)\n  const [selectedIntegrationId, setSelectedIntegrationId] = React.useState('')\n  const [selectedEntityType, setSelectedEntityType] = React.useState('')\n  const [selectedDirection, setSelectedDirection] = React.useState<'import' | 'export'>('import')\n  const [batchSize, setBatchSize] = React.useState('100')\n  const [fullSync, setFullSync] = React.useState(false)\n  const [scheduleEditor, setScheduleEditor] = React.useState<SyncScheduleEditorState>(() => buildDefaultScheduleState(''))\n  const [isLoadingSchedule, setIsLoadingSchedule] = React.useState(false)\n  const [isSavingSchedule, setIsSavingSchedule] = React.useState(false)\n  const [isDeletingSchedule, setIsDeletingSchedule] = React.useState(false)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const scopeVersion = useOrganizationScopeVersion()\n  const t = useT()\n  const { runMutation } = useGuardedMutation<Record<string, unknown>>({\n    contextId: 'data_sync.dashboard',\n  })\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      setIsLoading(true)\n      const params = new URLSearchParams()\n      params.set('page', String(page))\n      params.set('pageSize', '20')\n      if (filterValues.status) params.set('status', filterValues.status as string)\n      if (filterValues.direction) params.set('direction', filterValues.direction as string)\n      const fallback: ResponsePayload = { items: [], total: 0, page, totalPages: 1 }\n      const call = await apiCall<ResponsePayload>(\n        `/api/data_sync/runs?${params.toString()}`,\n        undefined,\n        { fallback },\n      )\n      if (!call.ok) {\n        flash(t('data_sync.dashboard.loadError'), 'error')\n        if (!cancelled) setIsLoading(false)\n        return\n      }\n      const payload = call.result ?? fallback\n      if (!cancelled) {\n        setRows(Array.isArray(payload.items) ? payload.items : [])\n        setTotal(payload.total || 0)\n        setTotalPages(payload.totalPages || 1)\n        setIsLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [page, filterValues, reloadToken, scopeVersion, t])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadOptions() {\n      setIsLoadingOptions(true)\n      const fallback: SyncOptionsResponse = { items: [] }\n      const call = await apiCall<SyncOptionsResponse>('/api/data_sync/options', undefined, { fallback })\n      if (!cancelled) {\n        if (!call.ok) {\n          flash(t('data_sync.dashboard.loadError'), 'error')\n          setOptions([])\n          setIsLoadingOptions(false)\n          return\n        }\n\n        const nextItems = Array.isArray(call.result?.items) ? call.result.items : []\n        setOptions(nextItems)\n        setSelectedIntegrationId((current) => {\n          if (current && nextItems.some((item) => item.integrationId === current)) return current\n          return nextItems[0]?.integrationId ?? ''\n        })\n        setIsLoadingOptions(false)\n      }\n    }\n\n    void loadOptions()\n    return () => { cancelled = true }\n  }, [scopeVersion, t])\n\n  const selectedIntegration = React.useMemo(\n    () => options.find((item) => item.integrationId === selectedIntegrationId) ?? null,\n    [options, selectedIntegrationId],\n  )\n\n  const entityOptions = React.useMemo(\n    () => selectedIntegration?.supportedEntities ?? [],\n    [selectedIntegration],\n  )\n\n  React.useEffect(() => {\n    if (!selectedIntegration) {\n      setSelectedEntityType('')\n      return\n    }\n    setSelectedEntityType((current) => (\n      current && selectedIntegration.supportedEntities.includes(current)\n        ? current\n        : (selectedIntegration.supportedEntities[0] ?? '')\n    ))\n    setSelectedDirection(selectedIntegration.direction === 'export' ? 'export' : 'import')\n  }, [selectedIntegration])\n\n  React.useEffect(() => {\n    if (!selectedIntegration || !selectedEntityType) {\n      setScheduleEditor(buildDefaultScheduleState(selectedEntityType))\n      return\n    }\n\n    const currentIntegration = selectedIntegration\n    let cancelled = false\n    async function loadSchedule() {\n      setIsLoadingSchedule(true)\n      const integrationId = currentIntegration.integrationId\n      const params = new URLSearchParams({\n        integrationId,\n        entityType: selectedEntityType,\n        direction: selectedDirection,\n        page: '1',\n        pageSize: '1',\n      })\n      const fallback: SyncSchedulesResponse = { items: [] }\n      const call = await apiCall<SyncSchedulesResponse>(`/api/data_sync/schedules?${params.toString()}`, undefined, { fallback })\n\n      if (cancelled) return\n\n      if (!call.ok) {\n        setScheduleEditor(buildDefaultScheduleState(selectedEntityType))\n        setIsLoadingSchedule(false)\n        return\n      }\n\n      const record = Array.isArray(call.result?.items) ? call.result?.items[0] : undefined\n      if (!record) {\n        setScheduleEditor(buildDefaultScheduleState(selectedEntityType))\n        setIsLoadingSchedule(false)\n        return\n      }\n\n      setScheduleEditor({\n        id: record.id,\n        scheduleType: record.scheduleType,\n        scheduleValue: record.scheduleValue,\n        timezone: record.timezone,\n        fullSync: record.fullSync,\n        isEnabled: record.isEnabled,\n        lastRunAt: record.lastRunAt,\n      })\n      setIsLoadingSchedule(false)\n    }\n\n    void loadSchedule()\n    return () => { cancelled = true }\n  }, [selectedDirection, selectedEntityType, selectedIntegration, scopeVersion])\n\n  const updateScheduleEditor = React.useCallback((changes: Partial<SyncScheduleEditorState>) => {\n    setScheduleEditor((current) => ({ ...current, ...changes }))\n  }, [])\n\n  const handleCancel = React.useCallback(async (row: SyncRunRow) => {\n    const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(row.id)}/cancel`, {\n      method: 'POST',\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('data_sync.runs.detail.cancelSuccess'), 'success')\n      setReloadToken((token) => token + 1)\n    } else {\n      flash(t('data_sync.runs.detail.cancelError'), 'error')\n    }\n  }, [t])\n\n  const handleRetry = React.useCallback(async (row: SyncRunRow) => {\n    const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(row.id)}/retry`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ fromBeginning: false }),\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('data_sync.runs.detail.retrySuccess'), 'success')\n      setReloadToken((token) => token + 1)\n    } else {\n      flash(t('data_sync.runs.detail.retryError'), 'error')\n    }\n  }, [t])\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 handleStartSync = React.useCallback(async () => {\n    if (!selectedIntegration || !selectedEntityType) return\n\n    const parsedBatchSize = Number.parseInt(batchSize, 10)\n    if (!Number.isFinite(parsedBatchSize) || parsedBatchSize < 1 || parsedBatchSize > 1000) {\n      flash(t('data_sync.dashboard.start.invalidBatchSize', 'Batch size must be between 1 and 1000.'), 'error')\n      return\n    }\n\n    try {\n      const call = await runMutation({\n        operation: () => apiCall<{ id: string }>('/api/data_sync/run', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            integrationId: selectedIntegration.integrationId,\n            entityType: selectedEntityType,\n            direction: selectedDirection,\n            batchSize: parsedBatchSize,\n            fullSync,\n          }),\n        }, { fallback: null }),\n        mutationPayload: {\n          integrationId: selectedIntegration.integrationId,\n          entityType: selectedEntityType,\n          direction: selectedDirection,\n          batchSize: parsedBatchSize,\n          fullSync,\n        },\n        context: {\n          operation: 'create',\n          actionId: 'start-sync-run',\n          integrationId: selectedIntegration.integrationId,\n        },\n      })\n\n      if (!call.ok || !call.result?.id) {\n        flash((call.result as { error?: string } | null)?.error ?? t('data_sync.dashboard.start.error', 'Failed to start sync run'), 'error')\n        return\n      }\n\n      flash(t('data_sync.dashboard.start.success', 'Sync run started'), 'success')\n      setReloadToken((token) => token + 1)\n      router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`)\n    } catch (error) {\n      const message = error instanceof Error ? error.message : t('data_sync.dashboard.start.error', 'Failed to start sync run')\n      flash(message, 'error')\n    }\n  }, [batchSize, fullSync, router, runMutation, selectedDirection, selectedEntityType, selectedIntegration, t])\n\n  const handleSaveSchedule = React.useCallback(async () => {\n    if (!selectedIntegration || !selectedEntityType) return\n    if (scheduleEditor.scheduleValue.trim().length === 0) {\n      flash(t('data_sync.dashboard.schedule.invalidValue', 'Provide a schedule value before saving.'), 'error')\n      return\n    }\n\n    setIsSavingSchedule(true)\n    try {\n      const call = await runMutation({\n        operation: () => apiCall<SyncScheduleRecord>('/api/data_sync/schedules', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            integrationId: selectedIntegration.integrationId,\n            entityType: selectedEntityType,\n            direction: selectedDirection,\n            scheduleType: scheduleEditor.scheduleType,\n            scheduleValue: scheduleEditor.scheduleValue.trim(),\n            timezone: scheduleEditor.timezone.trim() || DEFAULT_TIMEZONE,\n            fullSync: scheduleEditor.fullSync,\n            isEnabled: scheduleEditor.isEnabled,\n          }),\n        }, { fallback: null }),\n        mutationPayload: {\n          integrationId: selectedIntegration.integrationId,\n          entityType: selectedEntityType,\n          direction: selectedDirection,\n          scheduleType: scheduleEditor.scheduleType,\n          scheduleValue: scheduleEditor.scheduleValue.trim(),\n          timezone: scheduleEditor.timezone.trim() || DEFAULT_TIMEZONE,\n          fullSync: scheduleEditor.fullSync,\n          isEnabled: scheduleEditor.isEnabled,\n        },\n        context: {\n          operation: 'update',\n          actionId: 'save-sync-schedule',\n          integrationId: selectedIntegration.integrationId,\n        },\n      })\n\n      if (!call.ok || !call.result) {\n        flash((call.result as { error?: string } | null)?.error ?? t('data_sync.dashboard.schedule.error', 'Failed to save recurring schedule'), 'error')\n        return\n      }\n\n      setScheduleEditor({\n        id: call.result.id,\n        scheduleType: call.result.scheduleType,\n        scheduleValue: call.result.scheduleValue,\n        timezone: call.result.timezone,\n        fullSync: call.result.fullSync,\n        isEnabled: call.result.isEnabled,\n        lastRunAt: call.result.lastRunAt,\n      })\n      flash(t('data_sync.dashboard.schedule.success', 'Recurring schedule saved'), 'success')\n    } catch (error) {\n      const message = error instanceof Error ? error.message : t('data_sync.dashboard.schedule.error', 'Failed to save recurring schedule')\n      flash(message, 'error')\n    } finally {\n      setIsSavingSchedule(false)\n    }\n  }, [runMutation, scheduleEditor, selectedDirection, selectedEntityType, selectedIntegration, t])\n\n  const handleDeleteSchedule = React.useCallback(async () => {\n    if (!scheduleEditor.id) return\n\n    setIsDeletingSchedule(true)\n    try {\n      const call = await runMutation({\n        operation: () => apiCall(`/api/data_sync/schedules/${encodeURIComponent(scheduleEditor.id as string)}`, {\n          method: 'DELETE',\n        }, { fallback: null }),\n        mutationPayload: {\n          scheduleId: scheduleEditor.id,\n        },\n        context: {\n          operation: 'delete',\n          actionId: 'delete-sync-schedule',\n        },\n      })\n\n      if (!call.ok) {\n        flash((call.result as { error?: string } | null)?.error ?? t('data_sync.dashboard.schedule.deleteError', 'Failed to remove recurring schedule'), 'error')\n        return\n      }\n\n      setScheduleEditor(buildDefaultScheduleState(selectedEntityType))\n      flash(t('data_sync.dashboard.schedule.deleteSuccess', 'Recurring schedule removed'), 'success')\n    } catch (error) {\n      const message = error instanceof Error ? error.message : t('data_sync.dashboard.schedule.deleteError', 'Failed to remove recurring schedule')\n      flash(message, 'error')\n    } finally {\n      setIsDeletingSchedule(false)\n    }\n  }, [runMutation, scheduleEditor.id, selectedEntityType, t])\n\n  const filters: FilterDef[] = [\n    {\n      id: 'status',\n      type: 'select',\n      label: t('data_sync.dashboard.filters.status'),\n      options: [\n        { label: t('data_sync.dashboard.filters.allStatuses'), value: '' },\n        { label: t('data_sync.dashboard.status.pending'), value: 'pending' },\n        { label: t('data_sync.dashboard.status.running'), value: 'running' },\n        { label: t('data_sync.dashboard.status.completed'), value: 'completed' },\n        { label: t('data_sync.dashboard.status.failed'), value: 'failed' },\n        { label: t('data_sync.dashboard.status.cancelled'), value: 'cancelled' },\n      ],\n    },\n    {\n      id: 'direction',\n      type: 'select',\n      label: t('data_sync.dashboard.columns.direction'),\n      options: [\n        { label: t('data_sync.dashboard.filters.allDirections'), value: '' },\n        { label: t('data_sync.dashboard.direction.import'), value: 'import' },\n        { label: t('data_sync.dashboard.direction.export'), value: 'export' },\n      ],\n    },\n  ]\n\n  const columns = React.useMemo<ColumnDef<SyncRunRow>[]>(() => [\n    {\n      accessorKey: 'integrationId',\n      header: t('data_sync.dashboard.columns.integration'),\n      cell: ({ row }) => <span className=\"font-medium text-sm\">{row.original.integrationId}</span>,\n    },\n    {\n      accessorKey: 'entityType',\n      header: t('data_sync.dashboard.columns.entityType'),\n    },\n    {\n      accessorKey: 'direction',\n      header: t('data_sync.dashboard.columns.direction'),\n      cell: ({ row }) => (\n        <Badge variant=\"outline\">\n          {t(`data_sync.dashboard.direction.${row.original.direction}`)}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'status',\n      header: t('data_sync.dashboard.columns.status'),\n      cell: ({ row }) => (\n        <Badge variant=\"secondary\" className={STATUS_STYLES[row.original.status] ?? ''}>\n          {t(`data_sync.dashboard.status.${row.original.status}`)}\n        </Badge>\n      ),\n    },\n    {\n      accessorKey: 'createdCount',\n      header: t('data_sync.dashboard.columns.created'),\n    },\n    {\n      accessorKey: 'updatedCount',\n      header: t('data_sync.dashboard.columns.updated'),\n    },\n    {\n      accessorKey: 'failedCount',\n      header: t('data_sync.dashboard.columns.failed'),\n    },\n    {\n      accessorKey: 'createdAt',\n      header: t('data_sync.dashboard.columns.createdAt'),\n      cell: ({ row }) => new Date(row.original.createdAt).toLocaleString(),\n    },\n  ], [t])\n\n  const canStartSelectedIntegration = Boolean(\n    selectedIntegration\n    && selectedEntityType\n    && selectedIntegration.isEnabled\n    && selectedIntegration.hasCredentials,\n  )\n  const hasSavedSchedule = Boolean(scheduleEditor.id)\n  const selectedEntityLabel = selectedEntityType ? formatEntityTypeLabel(selectedEntityType) : t('data_sync.dashboard.columns.entityType')\n  const integrationStateBadge = getSummaryBadgeStyle(selectedIntegration?.isEnabled ? 'enabled' : 'disabled')\n  const credentialsBadge = getSummaryBadgeStyle(selectedIntegration?.hasCredentials ? 'ready' : 'missing')\n  const scheduleBadge = getSummaryBadgeStyle(\n    hasSavedSchedule\n      ? (scheduleEditor.isEnabled ? 'scheduled' : 'paused')\n      : 'none',\n  )\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <Card>\n          <CardHeader className=\"space-y-4\">\n            <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n              <div className=\"space-y-2\">\n                <div className=\"flex items-center gap-2 text-xs font-medium uppercase tracking-[0.14em] text-muted-foreground\">\n                  <Repeat className=\"size-4\" />\n                  <span>{t('data_sync.dashboard.start.eyebrow', 'Run once or keep it recurring')}</span>\n                </div>\n                <div className=\"space-y-1\">\n                  <CardTitle>{t('data_sync.dashboard.start.title', 'Start or schedule a sync')}</CardTitle>\n                  <p className=\"max-w-3xl text-sm text-muted-foreground\">\n                    {t('data_sync.dashboard.start.description', 'Pick a sync target, launch an ad-hoc run, or save a recurring schedule for the same entity and direction from this page.')}\n                  </p>\n                </div>\n              </div>\n              {selectedIntegration ? (\n                <Button asChild variant=\"outline\">\n                  <Link href={selectedIntegration.settingsPath}>\n                    <Settings2 className=\"mr-2 size-4\" />\n                    {t('integrations.marketplace.configure')}\n                  </Link>\n                </Button>\n              ) : null}\n            </div>\n\n            {selectedIntegration ? (\n              <div className=\"flex flex-wrap gap-2\">\n                <Badge variant=\"outline\" className=\"gap-1.5\">\n                  <PlugZap className=\"size-3.5\" />\n                  {selectedIntegration.title}\n                </Badge>\n                <Badge variant=\"outline\" className=\"gap-1.5\">\n                  <ArrowRightLeft className=\"size-3.5\" />\n                  {t(`data_sync.dashboard.direction.${selectedDirection}`)}\n                </Badge>\n                <Badge variant={integrationStateBadge.variant} className={`gap-1.5 ${integrationStateBadge.className ?? ''}`}>\n                  <ShieldCheck className=\"size-3.5\" />\n                  {selectedIntegration.isEnabled\n                    ? t('data_sync.dashboard.start.status.enabled', 'Integration enabled')\n                    : t('data_sync.dashboard.start.status.disabled', 'Integration disabled')}\n                </Badge>\n                <Badge variant={credentialsBadge.variant} className={`gap-1.5 ${credentialsBadge.className ?? ''}`}>\n                  <PlugZap className=\"size-3.5\" />\n                  {selectedIntegration.hasCredentials\n                    ? t('data_sync.dashboard.start.status.credentialsReady', 'Credentials ready')\n                    : t('data_sync.dashboard.start.status.credentialsMissing', 'Credentials missing')}\n                </Badge>\n                <Badge variant={scheduleBadge.variant} className={`gap-1.5 ${scheduleBadge.className ?? ''}`}>\n                  <CalendarClock className=\"size-3.5\" />\n                  {hasSavedSchedule\n                    ? (scheduleEditor.isEnabled\n                      ? t('data_sync.dashboard.schedule.status.enabled', 'Recurring schedule active')\n                      : t('data_sync.dashboard.schedule.status.disabled', 'Recurring schedule paused'))\n                    : t('data_sync.dashboard.schedule.status.none', 'No recurring schedule')}\n                </Badge>\n              </div>\n            ) : null}\n          </CardHeader>\n          <CardContent className=\"space-y-6\">\n            <div className=\"grid gap-4 xl:grid-cols-3\">\n              <div className=\"space-y-2 xl:col-span-1\">\n                <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <PlugZap className=\"size-4 text-muted-foreground\" />\n                  <span>{t('data_sync.dashboard.columns.integration')}</span>\n                </Label>\n                <select\n                  className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                  value={selectedIntegrationId}\n                  onChange={(event) => setSelectedIntegrationId(event.target.value)}\n                  disabled={isLoadingOptions || options.length === 0}\n                >\n                  {options.length === 0 ? (\n                    <option value=\"\">{t('integrations.marketplace.noResults', 'No integrations found')}</option>\n                  ) : null}\n                  {options.map((item) => (\n                    <option key={item.integrationId} value={item.integrationId}>\n                      {item.title}\n                    </option>\n                  ))}\n                </select>\n              </div>\n              <div className=\"space-y-2\">\n                <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <Boxes className=\"size-4 text-muted-foreground\" />\n                  <span>{t('data_sync.dashboard.columns.entityType')}</span>\n                </Label>\n                <select\n                  className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                  value={selectedEntityType}\n                  onChange={(event) => setSelectedEntityType(event.target.value)}\n                  disabled={entityOptions.length === 0}\n                >\n                  {entityOptions.map((entityType) => (\n                    <option key={entityType} value={entityType}>\n                      {formatEntityTypeLabel(entityType)}\n                    </option>\n                  ))}\n                </select>\n              </div>\n              <div className=\"space-y-2\">\n                <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                  <ArrowRightLeft className=\"size-4 text-muted-foreground\" />\n                  <span>{t('data_sync.dashboard.columns.direction')}</span>\n                </Label>\n                <select\n                  className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                  value={selectedDirection}\n                  onChange={(event) => setSelectedDirection(event.target.value === 'export' ? 'export' : 'import')}\n                  disabled={selectedIntegration?.direction !== 'bidirectional'}\n                >\n                  <option value=\"import\">{t('data_sync.dashboard.direction.import')}</option>\n                  {(selectedIntegration?.direction === 'bidirectional' || selectedIntegration?.direction === 'export') ? (\n                    <option value=\"export\">{t('data_sync.dashboard.direction.export')}</option>\n                  ) : null}\n                </select>\n              </div>\n            </div>\n\n            {selectedIntegration?.description ? (\n              <p className=\"text-sm text-muted-foreground\">{selectedIntegration.description}</p>\n            ) : null}\n\n            <div className=\"grid gap-4 xl:grid-cols-2\">\n              <div className=\"rounded-xl border bg-muted/20 p-4\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div className=\"space-y-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <Play className=\"size-4 text-primary\" />\n                      <h3 className=\"text-sm font-semibold\">{t('data_sync.dashboard.start.runNowTitle', 'Run once now')}</h3>\n                    </div>\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('data_sync.dashboard.start.runNowDescription', 'Use this for the next immediate sync. Batch size and full-sync mode apply only to this manual run.')}\n                    </p>\n                  </div>\n                  <Badge variant=\"outline\">{selectedEntityLabel}</Badge>\n                </div>\n\n                <Separator className=\"my-4\" />\n\n                <div className=\"grid gap-4 sm:grid-cols-[minmax(0,180px)_1fr]\">\n                  <div className=\"space-y-2\">\n                    <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                      <Gauge className=\"size-4 text-muted-foreground\" />\n                      <span>{t('data_sync.dashboard.start.batchSize', 'Batch size')}</span>\n                    </Label>\n                    <Input\n                      value={batchSize}\n                      onChange={(event) => setBatchSize(event.target.value)}\n                      inputMode=\"numeric\"\n                    />\n                  </div>\n                  <div className=\"rounded-lg border bg-background p-3\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <div className=\"space-y-1\">\n                        <Label className=\"text-sm font-medium\">{t('data_sync.dashboard.start.fullSync', 'Run as full sync')}</Label>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {t('data_sync.dashboard.start.fullSyncHelp', 'Ignore the saved cursor and process the entire source again for this run.')}\n                        </p>\n                      </div>\n                      <Switch checked={fullSync} onCheckedChange={setFullSync} />\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"mt-4 flex flex-wrap items-center justify-between gap-3\">\n                  <p className=\"text-xs text-muted-foreground\">\n                    {t('data_sync.dashboard.start.runNowFootnote', 'Manual runs show progress immediately and land on the run detail page after launch.')}\n                  </p>\n                  <Button\n                    type=\"button\"\n                    onClick={() => void handleStartSync()}\n                    disabled={!canStartSelectedIntegration}\n                  >\n                    <Play className=\"mr-2 size-4\" />\n                    {t('data_sync.dashboard.start.submit', 'Start sync')}\n                  </Button>\n                </div>\n              </div>\n\n              <div className=\"rounded-xl border bg-muted/20 p-4\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <div className=\"space-y-1\">\n                    <div className=\"flex items-center gap-2\">\n                      <CalendarClock className=\"size-4 text-primary\" />\n                      <h3 className=\"text-sm font-semibold\">{t('data_sync.dashboard.schedule.title', 'Recurring schedule')}</h3>\n                    </div>\n                    <p className=\"text-sm text-muted-foreground\">\n                      {t('data_sync.dashboard.schedule.description', 'Save a repeating schedule for the selected integration, entity, and direction without leaving this dashboard.')}\n                    </p>\n                  </div>\n                  <Badge variant=\"outline\">\n                    {hasSavedSchedule\n                      ? (scheduleEditor.isEnabled\n                        ? t('data_sync.dashboard.schedule.status.shortEnabled', 'Scheduled')\n                        : t('data_sync.dashboard.schedule.status.shortDisabled', 'Paused'))\n                      : t('data_sync.dashboard.schedule.status.shortNone', 'One-time only')}\n                  </Badge>\n                </div>\n\n                <Separator className=\"my-4\" />\n\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <div className=\"space-y-2\">\n                    <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                      <Clock3 className=\"size-4 text-muted-foreground\" />\n                      <span>{t('data_sync.dashboard.schedule.type', 'Schedule type')}</span>\n                    </Label>\n                    <select\n                      className=\"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                      value={scheduleEditor.scheduleType}\n                      onChange={(event) => updateScheduleEditor({\n                        scheduleType: event.target.value === 'cron' ? 'cron' : 'interval',\n                      })}\n                      disabled={isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType}\n                    >\n                      <option value=\"interval\">{t('data_sync.dashboard.schedule.interval', 'Interval')}</option>\n                      <option value=\"cron\">{t('data_sync.dashboard.schedule.cron', 'Cron')}</option>\n                    </select>\n                  </div>\n                  <div className=\"space-y-2\">\n                    <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                      <CalendarClock className=\"size-4 text-muted-foreground\" />\n                      <span>\n                        {scheduleEditor.scheduleType === 'cron'\n                          ? t('data_sync.dashboard.schedule.cronValue', 'Cron expression')\n                          : t('data_sync.dashboard.schedule.intervalValue', 'Interval')}\n                      </span>\n                    </Label>\n                    <Input\n                      value={scheduleEditor.scheduleValue}\n                      onChange={(event) => updateScheduleEditor({ scheduleValue: event.target.value })}\n                      disabled={isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType}\n                      placeholder={scheduleEditor.scheduleType === 'cron' ? '0 * * * *' : '1h'}\n                    />\n                    <p className=\"text-xs text-muted-foreground\">\n                      {scheduleEditor.scheduleType === 'cron'\n                        ? t('data_sync.dashboard.schedule.cronHelp', 'Example: `0 * * * *` runs at the start of every hour.')\n                        : t('data_sync.dashboard.schedule.intervalHelp', 'Example: `1h`, `6h`, or `24h` for repeating intervals.')}\n                    </p>\n                  </div>\n                  <div className=\"space-y-2 sm:col-span-2\">\n                    <Label className=\"flex items-center gap-2 text-sm font-medium\">\n                      <Clock3 className=\"size-4 text-muted-foreground\" />\n                      <span>{t('data_sync.dashboard.schedule.timezone', 'Timezone')}</span>\n                    </Label>\n                    <Input\n                      value={scheduleEditor.timezone}\n                      onChange={(event) => updateScheduleEditor({ timezone: event.target.value })}\n                      disabled={isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"mt-4 grid gap-3\">\n                  <div className=\"rounded-lg border bg-background p-3\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <div className=\"space-y-1\">\n                        <Label className=\"text-sm font-medium\">{t('data_sync.dashboard.schedule.fullSync', 'Run scheduled jobs as full sync')}</Label>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {t('data_sync.dashboard.schedule.fullSyncHelp', 'When enabled, every recurring run starts from the beginning instead of the saved cursor.')}\n                        </p>\n                      </div>\n                      <Switch\n                        checked={scheduleEditor.fullSync}\n                        onCheckedChange={(checked) => updateScheduleEditor({ fullSync: checked })}\n                        disabled={isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType}\n                      />\n                    </div>\n                  </div>\n                  <div className=\"rounded-lg border bg-background p-3\">\n                    <div className=\"flex items-center justify-between gap-3\">\n                      <div className=\"space-y-1\">\n                        <Label className=\"text-sm font-medium\">{t('data_sync.dashboard.schedule.enabled', 'Schedule enabled')}</Label>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {t('data_sync.dashboard.schedule.enabledHelp', 'Pause the recurring job without deleting the schedule definition.')}\n                        </p>\n                      </div>\n                      <Switch\n                        checked={scheduleEditor.isEnabled}\n                        onCheckedChange={(checked) => updateScheduleEditor({ isEnabled: checked })}\n                        disabled={isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType}\n                      />\n                    </div>\n                  </div>\n                </div>\n\n                <div className=\"mt-4 flex flex-wrap items-center justify-between gap-3\">\n                  <div className=\"space-y-1 text-xs text-muted-foreground\">\n                    <div>\n                      {hasSavedSchedule\n                        ? (scheduleEditor.lastRunAt\n                          ? t('data_sync.dashboard.schedule.lastRun', 'Last scheduled run: {value}', {\n                              value: new Date(scheduleEditor.lastRunAt).toLocaleString(),\n                            })\n                          : t('data_sync.dashboard.schedule.neverRun', 'Saved, but no scheduled execution has completed yet.'))\n                        : t('data_sync.dashboard.schedule.none', 'No recurring schedule saved for this target yet.')}\n                    </div>\n                  </div>\n                  <div className=\"flex flex-wrap gap-2\">\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => void handleDeleteSchedule()}\n                      disabled={!hasSavedSchedule || isDeletingSchedule}\n                    >\n                      {isDeletingSchedule\n                        ? t('data_sync.dashboard.schedule.deleting', 'Removing...')\n                        : t('data_sync.dashboard.schedule.delete', 'Remove schedule')}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"outline\"\n                      onClick={() => void handleSaveSchedule()}\n                      disabled={isSavingSchedule || !selectedIntegration || !selectedEntityType}\n                    >\n                      <CalendarClock className=\"mr-2 size-4\" />\n                      {isSavingSchedule\n                        ? t('data_sync.dashboard.schedule.saving', 'Saving...')\n                        : t('data_sync.dashboard.schedule.save', 'Save recurring schedule')}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            {selectedIntegration && !selectedIntegration.isEnabled ? (\n              <Notice compact variant=\"warning\">\n                <span className=\"inline-flex items-center gap-2\">\n                  <CircleAlert className=\"size-4\" />\n                  <span>{t('integrations.detail.state.disabled', 'This integration is disabled. Enable it on the integration settings page before starting a sync.')}</span>\n                </span>\n              </Notice>\n            ) : null}\n            {selectedIntegration && !selectedIntegration.hasCredentials ? (\n              <Notice compact variant=\"warning\">\n                <span className=\"inline-flex items-center gap-2\">\n                  <CircleAlert className=\"size-4\" />\n                  <span>{t('integrations.detail.credentials.notConfigured', 'Credentials are not configured yet. Save the integration credentials before starting a sync.')}</span>\n                </span>\n              </Notice>\n            ) : null}\n          </CardContent>\n        </Card>\n\n        <DataTable\n          title={t('data_sync.dashboard.title')}\n          columns={columns}\n          data={rows}\n          filters={filters}\n          filterValues={filterValues}\n          onFiltersApply={handleFiltersApply}\n          onFiltersClear={handleFiltersClear}\n          searchValue={search}\n          onSearchChange={(value) => { setSearch(value); setPage(1) }}\n          perspective={{ tableId: 'data_sync.runs' }}\n          onRowClick={(row) => {\n            router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`)\n          }}\n          rowActions={(row) => (\n            <RowActions items={[\n              {\n                id: 'view',\n                label: t('data_sync.dashboard.actions.view'),\n                onSelect: () => { router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`) },\n              },\n              ...(row.status === 'running' ? [{\n                id: 'cancel',\n                label: t('data_sync.runs.detail.cancel'),\n                destructive: true,\n                onSelect: () => { void handleCancel(row) },\n              }] : []),\n              ...(row.status === 'failed' ? [{\n                id: 'retry',\n                label: t('data_sync.runs.detail.retry'),\n                onSelect: () => { void handleRetry(row) },\n              }] : []),\n            ]} />\n          )}\n          pagination={{ page, pageSize: 20, total, totalPages, onPageChange: setPage }}\n          isLoading={isLoading}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/data_sync/backend/data-sync/runs/[id]/page.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
 import { Card, CardHeader, CardTitle, CardContent } from "@open-mercato/ui/primitives/card";
 import { Badge } from "@open-mercato/ui/primitives/badge";
 import { Button } from "@open-mercato/ui/primitives/button";
@@ -14,6 +14,15 @@ import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { LoadingMessage } from "@open-mercato/ui/backend/detail";
 import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { useAppEvent } from "@open-mercato/ui/backend/injection/useAppEvent";
+import { RotateCcw, XCircle } from "lucide-react";
+function formatEtaSeconds(seconds) {
+  if (seconds < 60) return `${seconds}s`;
+  if (seconds < 3600) return `${Math.ceil(seconds / 60)}m`;
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.ceil(seconds % 3600 / 60);
+  return `${hours}h ${minutes}m`;
+}
 const STATUS_STYLES = {
   pending: "bg-gray-100 text-gray-800",
   running: "bg-blue-100 text-blue-800",
@@ -47,6 +56,7 @@ function SyncRunDetailPage({ params }) {
   const [error, setError] = React.useState(null);
   const [logs, setLogs] = React.useState([]);
   const [isLoadingLogs, setIsLoadingLogs] = React.useState(false);
+  const [expandedLogId, setExpandedLogId] = React.useState(null);
   const resolveCurrentRunId = React.useCallback(() => {
     return runId ?? (typeof window !== "undefined" ? resolvePathnameId(window.location.pathname) : void 0);
   }, [runId]);
@@ -89,13 +99,51 @@ function SyncRunDetailPage({ params }) {
     void loadRun();
     void loadLogs();
   }, [loadRun, loadLogs]);
-  React.useEffect(() => {
-    if (!run || run.status !== "running" && run.status !== "pending") return;
-    const interval = setInterval(() => {
-      void loadRun();
-    }, 4e3);
-    return () => clearInterval(interval);
-  }, [run?.status, loadRun]);
+  const handleProgressEvent = React.useCallback((payload) => {
+    const eventJobId = typeof payload.jobId === "string" ? payload.jobId : null;
+    if (!eventJobId) return;
+    setRun((current) => {
+      if (!current?.progressJobId || current.progressJobId !== eventJobId) return current;
+      return {
+        ...current,
+        status: payload.status ?? current.status,
+        progressJob: {
+          id: eventJobId,
+          status: payload.status ?? current.progressJob?.status ?? current.status,
+          progressPercent: payload.progressPercent ?? current.progressJob?.progressPercent ?? 0,
+          processedCount: payload.processedCount ?? current.progressJob?.processedCount ?? 0,
+          totalCount: payload.totalCount ?? current.progressJob?.totalCount ?? null,
+          etaSeconds: payload.etaSeconds ?? current.progressJob?.etaSeconds ?? null,
+          meta: payload.meta ?? current.progressJob?.meta ?? null
+        }
+      };
+    });
+  }, []);
+  useAppEvent("progress.job.updated", (event) => {
+    handleProgressEvent(event.payload);
+  }, [handleProgressEvent]);
+  useAppEvent("progress.job.started", (event) => {
+    handleProgressEvent(event.payload);
+  }, [handleProgressEvent]);
+  useAppEvent("progress.job.completed", (event) => {
+    handleProgressEvent(event.payload);
+    void loadRun();
+    void loadLogs();
+  }, [handleProgressEvent, loadLogs, loadRun]);
+  useAppEvent("progress.job.failed", (event) => {
+    handleProgressEvent(event.payload);
+    void loadRun();
+    void loadLogs();
+  }, [handleProgressEvent, loadLogs, loadRun]);
+  useAppEvent("progress.job.cancelled", (event) => {
+    handleProgressEvent(event.payload);
+    void loadRun();
+    void loadLogs();
+  }, [handleProgressEvent, loadLogs, loadRun]);
+  useAppEvent("om:bridge:reconnected", () => {
+    void loadRun();
+    void loadLogs();
+  }, [loadLogs, loadRun]);
   const handleCancel = React.useCallback(async () => {
     const currentRunId = resolveCurrentRunId();
     if (!currentRunId) return;
@@ -128,32 +176,55 @@ function SyncRunDetailPage({ params }) {
   if (error || !run) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? t("data_sync.runs.detail.loadError") }) }) });
   const totalProcessed = run.createdCount + run.updatedCount + run.skippedCount + run.failedCount;
   const progressPercent = run.progressJob?.progressPercent ?? (run.status === "completed" ? 100 : 0);
+  const progressStatus = run.progressJob?.status ?? run.status;
+  const processedCount = run.progressJob?.processedCount ?? totalProcessed;
+  const hasProgressTotal = typeof run.progressJob?.totalCount === "number" && run.progressJob.totalCount > 0;
+  const etaLabel = run.progressJob?.etaSeconds && run.progressJob.etaSeconds > 0 ? formatEtaSeconds(run.progressJob.etaSeconds) : null;
   return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Link, { href: "/backend/data-sync", className: "text-sm text-muted-foreground hover:underline", children: t("data_sync.runs.detail.back") }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("h1", { className: "text-2xl font-semibold", children: [
-          run.integrationId,
-          " \u2014 ",
-          run.entityType
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-2", children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        backHref: "/backend/data-sync",
+        backLabel: t("data_sync.runs.detail.back"),
+        entityTypeLabel: t("data_sync.runs.detail.title"),
+        title: `${run.integrationId} \u2014 ${run.entityType}`,
+        statusBadge: /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [
           /* @__PURE__ */ jsx(Badge, { variant: "outline", children: t(`data_sync.dashboard.direction.${run.direction}`) }),
           /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: STATUS_STYLES[run.status] ?? "", children: t(`data_sync.dashboard.status.${run.status}`) }),
-          run.triggeredBy && /* @__PURE__ */ jsx(Badge, { variant: "outline", children: run.triggeredBy })
+          run.triggeredBy ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: run.triggeredBy }) : null
+        ] }),
+        actionsContent: /* @__PURE__ */ jsxs(Fragment, { children: [
+          run.status === "running" || run.status === "pending" ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "destructive", size: "sm", onClick: () => void handleCancel(), children: [
+            /* @__PURE__ */ jsx(XCircle, { className: "mr-2 h-4 w-4" }),
+            t("data_sync.runs.detail.cancel")
+          ] }) : null,
+          run.status === "failed" ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleRetry(), children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }),
+            t("data_sync.runs.detail.retry")
+          ] }) : null
         ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        (run.status === "running" || run.status === "pending") && /* @__PURE__ */ jsx(Button, { type: "button", variant: "destructive", size: "sm", onClick: () => void handleCancel(), children: t("data_sync.runs.detail.cancel") }),
-        run.status === "failed" && /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void handleRetry(), children: t("data_sync.runs.detail.retry") })
-      ] })
-    ] }),
-    (run.status === "running" || run.status === "pending") && /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.progress") }) }),
+      }
+    ),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.progress") }),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: STATUS_STYLES[progressStatus] ?? "", children: t(`data_sync.dashboard.status.${progressStatus}`) })
+      ] }) }),
       /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx(Progress, { value: progressPercent, className: "h-3" }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("span", { children: t("data_sync.runs.detail.progress.itemsProcessed", { count: totalProcessed }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: hasProgressTotal ? t("data_sync.runs.detail.progress.percent", { percent: progressPercent }) : t("data_sync.runs.detail.progress.itemsProcessed", { count: processedCount }) }),
+          etaLabel ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("data_sync.runs.detail.progress.eta", { eta: etaLabel }) }) : null
+        ] }),
+        hasProgressTotal ? /* @__PURE__ */ jsx(Progress, { value: progressPercent, className: "h-3" }) : /* @__PURE__ */ jsxs("div", { className: "relative h-3 w-full overflow-hidden rounded-full bg-secondary", children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 left-0 w-1/2 animate-pulse rounded-full bg-primary/80" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 w-1/3 rounded-full bg-primary/40" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { children: hasProgressTotal ? t("data_sync.runs.detail.progress.itemsProcessedTotal", {
+            processed: processedCount,
+            total: run.progressJob?.totalCount ?? 0
+          }) : t("data_sync.runs.detail.progress.itemsProcessed", { count: processedCount }) }),
           /* @__PURE__ */ jsx("span", { children: t("data_sync.runs.detail.progress.batches", { count: run.batchesCompleted }) })
         ] })
       ] })
@@ -188,10 +259,21 @@ function SyncRunDetailPage({ params }) {
           /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("data_sync.runs.detail.logs.level") }),
           /* @__PURE__ */ jsx("th", { className: "px-4 py-2 text-left font-medium", children: t("data_sync.runs.detail.logs.message") })
         ] }) }),
-        /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2 text-muted-foreground whitespace-nowrap", children: new Date(log.createdAt).toLocaleString() }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: LOG_LEVEL_STYLES[log.level] ?? "", children: log.level }) }),
-          /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: log.message })
+        /* @__PURE__ */ jsx("tbody", { children: logs.map((log) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2 text-muted-foreground whitespace-nowrap", children: new Date(log.createdAt).toLocaleString() }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: LOG_LEVEL_STYLES[log.level] ?? "", children: log.level }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "w-full text-left",
+                onClick: () => setExpandedLogId((current) => current === log.id ? null : log.id),
+                children: log.message
+              }
+            ) })
+          ] }),
+          expandedLogId === log.id && log.payload ? /* @__PURE__ */ jsx("tr", { className: "border-b bg-muted/20 last:border-0", children: /* @__PURE__ */ jsx("td", { colSpan: 3, className: "px-4 py-4", children: /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs", children: JSON.stringify(log.payload, null, 2) }) }) }) : null
         ] }, log.id)) })
       ] }) }) })
     ] })

package/dist/modules/data_sync/backend/data-sync/runs/[id]/page.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/modules/data_sync/backend/data-sync/runs/%5Bid%5D/page.tsx"],
-  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { usePathname, useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\n\ntype SyncRunDetail = {\n  id: string\n  integrationId: string\n  entityType: string\n  direction: 'import' | 'export'\n  status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled' | 'paused'\n  createdCount: number\n  updatedCount: number\n  skippedCount: number\n  failedCount: number\n  batchesCompleted: number\n  lastError: string | null\n  progressJobId: string | null\n  progressJob: {\n    id: string\n    status: string\n    progressPercent: number\n    processedCount: number\n    totalCount: number | null\n    etaSeconds: number | null\n  } | null\n  triggeredBy: string | null\n  createdAt: string\n  updatedAt: string\n}\n\ntype LogEntry = {\n  id: string\n  level: 'info' | 'warn' | 'error'\n  message: string\n  createdAt: string\n}\n\nconst STATUS_STYLES: Record<string, string> = {\n  pending: 'bg-gray-100 text-gray-800',\n  running: 'bg-blue-100 text-blue-800',\n  completed: 'bg-green-100 text-green-800',\n  failed: 'bg-red-100 text-red-800',\n  cancelled: 'bg-yellow-100 text-yellow-800',\n  paused: 'bg-orange-100 text-orange-800',\n}\n\nconst LOG_LEVEL_STYLES: Record<string, string> = {\n  info: 'bg-blue-100 text-blue-800',\n  warn: 'bg-yellow-100 text-yellow-800',\n  error: 'bg-red-100 text-red-800',\n}\n\ntype SyncRunDetailPageProps = {\n  params?: {\n    id?: string | string[]\n  }\n}\n\nfunction resolveRouteId(value: string | string[] | undefined): string | undefined {\n  if (Array.isArray(value)) return value[0]\n  return value\n}\n\nfunction resolvePathnameId(pathname: string): string | undefined {\n  const parts = pathname.split('/').filter(Boolean)\n  const runId = parts.at(-1)\n  if (!runId || runId === 'runs' || runId === 'data-sync') return undefined\n  return decodeURIComponent(runId)\n}\n\nexport default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {\n  const pathname = usePathname()\n  const router = useRouter()\n  const runId = resolveRouteId(params?.id) ?? resolvePathnameId(pathname)\n  const t = useT()\n\n  const [run, setRun] = React.useState<SyncRunDetail | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [logs, setLogs] = React.useState<LogEntry[]>([])\n  const [isLoadingLogs, setIsLoadingLogs] = React.useState(false)\n\n  const resolveCurrentRunId = React.useCallback(() => {\n    return runId ?? (\n      typeof window !== 'undefined'\n        ? resolvePathnameId(window.location.pathname)\n        : undefined\n    )\n  }, [runId])\n\n  const loadRun = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) {\n      setError(t('data_sync.runs.detail.loadError'))\n      setIsLoading(false)\n      return\n    }\n    const call = await apiCall<SyncRunDetail>(\n      `/api/data_sync/runs/${encodeURIComponent(currentRunId)}`,\n      undefined,\n      { fallback: null },\n    )\n    if (!call.ok || !call.result) {\n      setError(t('data_sync.runs.detail.loadError'))\n      setIsLoading(false)\n      return\n    }\n    setRun(call.result)\n    setIsLoading(false)\n  }, [resolveCurrentRunId, t])\n\n  const loadLogs = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) return\n    setIsLoadingLogs(true)\n    const params = new URLSearchParams({ runId: currentRunId, pageSize: '50' })\n    const call = await apiCall<{ items: LogEntry[] }>(\n      `/api/integrations/logs?${params.toString()}`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    if (call.ok && call.result) {\n      setLogs(call.result.items)\n    }\n    setIsLoadingLogs(false)\n  }, [resolveCurrentRunId])\n\n  React.useEffect(() => {\n    void loadRun()\n    void loadLogs()\n  }, [loadRun, loadLogs])\n\n  React.useEffect(() => {\n    if (!run || (run.status !== 'running' && run.status !== 'pending')) return\n    const interval = setInterval(() => { void loadRun() }, 4000)\n    return () => clearInterval(interval)\n  }, [run?.status, loadRun])\n\n  const handleCancel = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) return\n    const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/cancel`, {\n      method: 'POST',\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('data_sync.runs.detail.cancelSuccess'), 'success')\n      void loadRun()\n    } else {\n      flash(t('data_sync.runs.detail.cancelError'), 'error')\n    }\n  }, [resolveCurrentRunId, t, loadRun])\n\n  const handleRetry = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) return\n    const call = await apiCall<{ id: string }>(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/retry`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ fromBeginning: false }),\n    }, { fallback: null })\n    if (call.ok && call.result) {\n      flash(t('data_sync.runs.detail.retrySuccess'), 'success')\n      router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`)\n    } else {\n      flash(t('data_sync.runs.detail.retryError'), 'error')\n    }\n  }, [resolveCurrentRunId, router, t])\n\n  if (isLoading) return <Page><PageBody><LoadingMessage label={t('data_sync.runs.detail.title')} /></PageBody></Page>\n  if (error || !run) return <Page><PageBody><ErrorMessage label={error ?? t('data_sync.runs.detail.loadError')} /></PageBody></Page>\n\n  const totalProcessed = run.createdCount + run.updatedCount + run.skippedCount + run.failedCount\n  const progressPercent = run.progressJob?.progressPercent ?? (run.status === 'completed' ? 100 : 0)\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <div>\n          <Link href=\"/backend/data-sync\" className=\"text-sm text-muted-foreground hover:underline\">\n            {t('data_sync.runs.detail.back')}\n          </Link>\n        </div>\n\n        <div className=\"flex items-center justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{run.integrationId} \u2014 {run.entityType}</h1>\n            <div className=\"flex gap-2 mt-2\">\n              <Badge variant=\"outline\">{t(`data_sync.dashboard.direction.${run.direction}`)}</Badge>\n              <Badge variant=\"secondary\" className={STATUS_STYLES[run.status] ?? ''}>\n                {t(`data_sync.dashboard.status.${run.status}`)}\n              </Badge>\n              {run.triggeredBy && <Badge variant=\"outline\">{run.triggeredBy}</Badge>}\n            </div>\n          </div>\n          <div className=\"flex gap-2\">\n            {(run.status === 'running' || run.status === 'pending') && (\n              <Button type=\"button\" variant=\"destructive\" size=\"sm\" onClick={() => void handleCancel()}>\n                {t('data_sync.runs.detail.cancel')}\n              </Button>\n            )}\n            {run.status === 'failed' && (\n              <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleRetry()}>\n                {t('data_sync.runs.detail.retry')}\n              </Button>\n            )}\n          </div>\n        </div>\n\n        {(run.status === 'running' || run.status === 'pending') && (\n          <Card>\n            <CardHeader>\n              <CardTitle>{t('data_sync.runs.detail.progress')}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <Progress value={progressPercent} className=\"h-3\" />\n              <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                <span>{t('data_sync.runs.detail.progress.itemsProcessed', { count: totalProcessed })}</span>\n                <span>{t('data_sync.runs.detail.progress.batches', { count: run.batchesCompleted })}</span>\n              </div>\n            </CardContent>\n          </Card>\n        )}\n\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-green-600\">{run.createdCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.created')}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-blue-600\">{run.updatedCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.updated')}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-gray-600\">{run.skippedCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.skipped')}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-red-600\">{run.failedCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.failed')}</p>\n            </CardContent>\n          </Card>\n        </div>\n\n        {run.lastError && (\n          <Card className=\"border-red-200 bg-red-50\">\n            <CardHeader>\n              <CardTitle className=\"text-red-800\">{t('data_sync.runs.detail.error')}</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <pre className=\"text-sm text-red-700 whitespace-pre-wrap\">{run.lastError}</pre>\n            </CardContent>\n          </Card>\n        )}\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('data_sync.runs.detail.logs')}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {isLoadingLogs ? (\n              <div className=\"flex justify-center py-4\"><Spinner /></div>\n            ) : logs.length === 0 ? (\n              <p className=\"text-muted-foreground text-sm\">{t('data_sync.runs.detail.noLogs')}</p>\n            ) : (\n              <div className=\"rounded-lg border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('data_sync.runs.detail.logs.time')}</th>\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('data_sync.runs.detail.logs.level')}</th>\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('data_sync.runs.detail.logs.message')}</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {logs.map((log) => (\n                      <tr key={log.id} className=\"border-b last:border-0\">\n                        <td className=\"px-4 py-2 text-muted-foreground whitespace-nowrap\">\n                          {new Date(log.createdAt).toLocaleString()}\n                        </td>\n                        <td className=\"px-4 py-2\">\n                          <Badge variant=\"secondary\" className={LOG_LEVEL_STYLES[log.level] ?? ''}>\n                            {log.level}\n                          </Badge>\n                        </td>\n                        <td className=\"px-4 py-2\">{log.message}</td>\n                      </tr>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { usePathname, useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { FormHeader } from '@open-mercato/ui/backend/forms'\nimport { Card, CardHeader, CardTitle, CardContent } from '@open-mercato/ui/primitives/card'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { useAppEvent } from '@open-mercato/ui/backend/injection/useAppEvent'\nimport { RotateCcw, XCircle } from 'lucide-react'\n\ntype SyncRunDetail = {\n  id: string\n  integrationId: string\n  entityType: string\n  direction: 'import' | 'export'\n  status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled' | 'paused'\n  createdCount: number\n  updatedCount: number\n  skippedCount: number\n  failedCount: number\n  batchesCompleted: number\n  lastError: string | null\n  progressJobId: string | null\n  progressJob: {\n    id: string\n    status: string\n    progressPercent: number\n    processedCount: number\n    totalCount: number | null\n    etaSeconds: number | null\n    meta?: Record<string, unknown> | null\n  } | null\n  triggeredBy: string | null\n  createdAt: string\n  updatedAt: string\n}\n\ntype ProgressEventPayload = {\n  jobId?: string\n  status?: string\n  progressPercent?: number\n  processedCount?: number\n  totalCount?: number | null\n  etaSeconds?: number | null\n  meta?: Record<string, unknown> | null\n}\n\ntype LogEntry = {\n  id: string\n  level: 'info' | 'warn' | 'error'\n  message: string\n  createdAt: string\n  payload?: Record<string, unknown> | null\n}\n\nfunction formatEtaSeconds(seconds: number): string {\n  if (seconds < 60) return `${seconds}s`\n  if (seconds < 3600) return `${Math.ceil(seconds / 60)}m`\n  const hours = Math.floor(seconds / 3600)\n  const minutes = Math.ceil((seconds % 3600) / 60)\n  return `${hours}h ${minutes}m`\n}\n\nconst STATUS_STYLES: Record<string, string> = {\n  pending: 'bg-gray-100 text-gray-800',\n  running: 'bg-blue-100 text-blue-800',\n  completed: 'bg-green-100 text-green-800',\n  failed: 'bg-red-100 text-red-800',\n  cancelled: 'bg-yellow-100 text-yellow-800',\n  paused: 'bg-orange-100 text-orange-800',\n}\n\nconst LOG_LEVEL_STYLES: Record<string, string> = {\n  info: 'bg-blue-100 text-blue-800',\n  warn: 'bg-yellow-100 text-yellow-800',\n  error: 'bg-red-100 text-red-800',\n}\n\ntype SyncRunDetailPageProps = {\n  params?: {\n    id?: string | string[]\n  }\n}\n\nfunction resolveRouteId(value: string | string[] | undefined): string | undefined {\n  if (Array.isArray(value)) return value[0]\n  return value\n}\n\nfunction resolvePathnameId(pathname: string): string | undefined {\n  const parts = pathname.split('/').filter(Boolean)\n  const runId = parts.at(-1)\n  if (!runId || runId === 'runs' || runId === 'data-sync') return undefined\n  return decodeURIComponent(runId)\n}\n\nexport default function SyncRunDetailPage({ params }: SyncRunDetailPageProps) {\n  const pathname = usePathname()\n  const router = useRouter()\n  const runId = resolveRouteId(params?.id) ?? resolvePathnameId(pathname)\n  const t = useT()\n\n  const [run, setRun] = React.useState<SyncRunDetail | null>(null)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n  const [logs, setLogs] = React.useState<LogEntry[]>([])\n  const [isLoadingLogs, setIsLoadingLogs] = React.useState(false)\n  const [expandedLogId, setExpandedLogId] = React.useState<string | null>(null)\n\n  const resolveCurrentRunId = React.useCallback(() => {\n    return runId ?? (\n      typeof window !== 'undefined'\n        ? resolvePathnameId(window.location.pathname)\n        : undefined\n    )\n  }, [runId])\n\n  const loadRun = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) {\n      setError(t('data_sync.runs.detail.loadError'))\n      setIsLoading(false)\n      return\n    }\n    const call = await apiCall<SyncRunDetail>(\n      `/api/data_sync/runs/${encodeURIComponent(currentRunId)}`,\n      undefined,\n      { fallback: null },\n    )\n    if (!call.ok || !call.result) {\n      setError(t('data_sync.runs.detail.loadError'))\n      setIsLoading(false)\n      return\n    }\n    setRun(call.result)\n    setIsLoading(false)\n  }, [resolveCurrentRunId, t])\n\n  const loadLogs = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) return\n    setIsLoadingLogs(true)\n    const params = new URLSearchParams({ runId: currentRunId, pageSize: '50' })\n    const call = await apiCall<{ items: LogEntry[] }>(\n      `/api/integrations/logs?${params.toString()}`,\n      undefined,\n      { fallback: { items: [] } },\n    )\n    if (call.ok && call.result) {\n      setLogs(call.result.items)\n    }\n    setIsLoadingLogs(false)\n  }, [resolveCurrentRunId])\n\n  React.useEffect(() => {\n    void loadRun()\n    void loadLogs()\n  }, [loadRun, loadLogs])\n\n  const handleProgressEvent = React.useCallback((payload: ProgressEventPayload) => {\n    const eventJobId = typeof payload.jobId === 'string' ? payload.jobId : null\n    if (!eventJobId) return\n\n    setRun((current) => {\n      if (!current?.progressJobId || current.progressJobId !== eventJobId) return current\n      return {\n        ...current,\n        status: (payload.status as SyncRunDetail['status']) ?? current.status,\n        progressJob: {\n          id: eventJobId,\n          status: payload.status ?? current.progressJob?.status ?? current.status,\n          progressPercent: payload.progressPercent ?? current.progressJob?.progressPercent ?? 0,\n          processedCount: payload.processedCount ?? current.progressJob?.processedCount ?? 0,\n          totalCount: payload.totalCount ?? current.progressJob?.totalCount ?? null,\n          etaSeconds: payload.etaSeconds ?? current.progressJob?.etaSeconds ?? null,\n          meta: payload.meta ?? current.progressJob?.meta ?? null,\n        },\n      }\n    })\n  }, [])\n\n  useAppEvent('progress.job.updated', (event) => {\n    handleProgressEvent(event.payload as ProgressEventPayload)\n  }, [handleProgressEvent])\n\n  useAppEvent('progress.job.started', (event) => {\n    handleProgressEvent(event.payload as ProgressEventPayload)\n  }, [handleProgressEvent])\n\n  useAppEvent('progress.job.completed', (event) => {\n    handleProgressEvent(event.payload as ProgressEventPayload)\n    void loadRun()\n    void loadLogs()\n  }, [handleProgressEvent, loadLogs, loadRun])\n\n  useAppEvent('progress.job.failed', (event) => {\n    handleProgressEvent(event.payload as ProgressEventPayload)\n    void loadRun()\n    void loadLogs()\n  }, [handleProgressEvent, loadLogs, loadRun])\n\n  useAppEvent('progress.job.cancelled', (event) => {\n    handleProgressEvent(event.payload as ProgressEventPayload)\n    void loadRun()\n    void loadLogs()\n  }, [handleProgressEvent, loadLogs, loadRun])\n\n  useAppEvent('om:bridge:reconnected', () => {\n    void loadRun()\n    void loadLogs()\n  }, [loadLogs, loadRun])\n\n  const handleCancel = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) return\n    const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/cancel`, {\n      method: 'POST',\n    }, { fallback: null })\n    if (call.ok) {\n      flash(t('data_sync.runs.detail.cancelSuccess'), 'success')\n      void loadRun()\n    } else {\n      flash(t('data_sync.runs.detail.cancelError'), 'error')\n    }\n  }, [resolveCurrentRunId, t, loadRun])\n\n  const handleRetry = React.useCallback(async () => {\n    const currentRunId = resolveCurrentRunId()\n    if (!currentRunId) return\n    const call = await apiCall<{ id: string }>(`/api/data_sync/runs/${encodeURIComponent(currentRunId)}/retry`, {\n      method: 'POST',\n      headers: { 'Content-Type': 'application/json' },\n      body: JSON.stringify({ fromBeginning: false }),\n    }, { fallback: null })\n    if (call.ok && call.result) {\n      flash(t('data_sync.runs.detail.retrySuccess'), 'success')\n      router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`)\n    } else {\n      flash(t('data_sync.runs.detail.retryError'), 'error')\n    }\n  }, [resolveCurrentRunId, router, t])\n\n  if (isLoading) return <Page><PageBody><LoadingMessage label={t('data_sync.runs.detail.title')} /></PageBody></Page>\n  if (error || !run) return <Page><PageBody><ErrorMessage label={error ?? t('data_sync.runs.detail.loadError')} /></PageBody></Page>\n\n  const totalProcessed = run.createdCount + run.updatedCount + run.skippedCount + run.failedCount\n  const progressPercent = run.progressJob?.progressPercent ?? (run.status === 'completed' ? 100 : 0)\n  const progressStatus = run.progressJob?.status ?? run.status\n  const processedCount = run.progressJob?.processedCount ?? totalProcessed\n  const hasProgressTotal = typeof run.progressJob?.totalCount === 'number' && run.progressJob.totalCount > 0\n  const etaLabel = run.progressJob?.etaSeconds && run.progressJob.etaSeconds > 0\n    ? formatEtaSeconds(run.progressJob.etaSeconds)\n    : null\n\n  return (\n    <Page>\n      <PageBody className=\"space-y-6\">\n        <FormHeader\n          mode=\"detail\"\n          backHref=\"/backend/data-sync\"\n          backLabel={t('data_sync.runs.detail.back')}\n          entityTypeLabel={t('data_sync.runs.detail.title')}\n          title={`${run.integrationId} \u2014 ${run.entityType}`}\n          statusBadge={(\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              <Badge variant=\"outline\">{t(`data_sync.dashboard.direction.${run.direction}`)}</Badge>\n              <Badge variant=\"secondary\" className={STATUS_STYLES[run.status] ?? ''}>\n                {t(`data_sync.dashboard.status.${run.status}`)}\n              </Badge>\n              {run.triggeredBy ? <Badge variant=\"outline\">{run.triggeredBy}</Badge> : null}\n            </div>\n          )}\n          actionsContent={(\n            <>\n              {(run.status === 'running' || run.status === 'pending') ? (\n                <Button type=\"button\" variant=\"destructive\" size=\"sm\" onClick={() => void handleCancel()}>\n                  <XCircle className=\"mr-2 h-4 w-4\" />\n                  {t('data_sync.runs.detail.cancel')}\n                </Button>\n              ) : null}\n              {run.status === 'failed' ? (\n                <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void handleRetry()}>\n                  <RotateCcw className=\"mr-2 h-4 w-4\" />\n                  {t('data_sync.runs.detail.retry')}\n                </Button>\n              ) : null}\n            </>\n          )}\n        />\n\n        <Card>\n          <CardHeader>\n            <div className=\"flex items-center justify-between gap-3\">\n              <CardTitle>{t('data_sync.runs.detail.progress')}</CardTitle>\n              <Badge variant=\"secondary\" className={STATUS_STYLES[progressStatus] ?? ''}>\n                {t(`data_sync.dashboard.status.${progressStatus}`)}\n              </Badge>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"flex items-center justify-between gap-3 text-sm\">\n              <span className=\"font-medium\">\n                {hasProgressTotal\n                  ? t('data_sync.runs.detail.progress.percent', { percent: progressPercent })\n                  : t('data_sync.runs.detail.progress.itemsProcessed', { count: processedCount })}\n              </span>\n              {etaLabel ? (\n                <span className=\"text-muted-foreground\">\n                  {t('data_sync.runs.detail.progress.eta', { eta: etaLabel })}\n                </span>\n              ) : null}\n            </div>\n            {hasProgressTotal ? (\n              <Progress value={progressPercent} className=\"h-3\" />\n            ) : (\n              <div className=\"relative h-3 w-full overflow-hidden rounded-full bg-secondary\">\n                <div className=\"absolute inset-y-0 left-0 w-1/2 animate-pulse rounded-full bg-primary/80\" />\n                <div className=\"absolute inset-y-0 right-0 w-1/3 rounded-full bg-primary/40\" />\n              </div>\n            )}\n            <div className=\"flex flex-wrap items-center justify-between gap-2 text-sm text-muted-foreground\">\n              <span>\n                {hasProgressTotal\n                  ? t('data_sync.runs.detail.progress.itemsProcessedTotal', {\n                      processed: processedCount,\n                      total: run.progressJob?.totalCount ?? 0,\n                    })\n                  : t('data_sync.runs.detail.progress.itemsProcessed', { count: processedCount })}\n              </span>\n              <span>{t('data_sync.runs.detail.progress.batches', { count: run.batchesCompleted })}</span>\n            </div>\n          </CardContent>\n        </Card>\n\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-green-600\">{run.createdCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.created')}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-blue-600\">{run.updatedCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.updated')}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-gray-600\">{run.skippedCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.skipped')}</p>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardContent className=\"pt-6 text-center\">\n              <div className=\"text-2xl font-bold text-red-600\">{run.failedCount}</div>\n              <p className=\"text-sm text-muted-foreground\">{t('data_sync.runs.detail.counters.failed')}</p>\n            </CardContent>\n          </Card>\n        </div>\n\n        {run.lastError && (\n          <Card className=\"border-red-200 bg-red-50\">\n            <CardHeader>\n              <CardTitle className=\"text-red-800\">{t('data_sync.runs.detail.error')}</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <pre className=\"text-sm text-red-700 whitespace-pre-wrap\">{run.lastError}</pre>\n            </CardContent>\n          </Card>\n        )}\n\n        <Card>\n          <CardHeader>\n            <CardTitle>{t('data_sync.runs.detail.logs')}</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {isLoadingLogs ? (\n              <div className=\"flex justify-center py-4\"><Spinner /></div>\n            ) : logs.length === 0 ? (\n              <p className=\"text-muted-foreground text-sm\">{t('data_sync.runs.detail.noLogs')}</p>\n            ) : (\n              <div className=\"rounded-lg border\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b bg-muted/50\">\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('data_sync.runs.detail.logs.time')}</th>\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('data_sync.runs.detail.logs.level')}</th>\n                      <th className=\"px-4 py-2 text-left font-medium\">{t('data_sync.runs.detail.logs.message')}</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {logs.map((log) => (\n                      <React.Fragment key={log.id}>\n                        <tr className=\"border-b last:border-0\">\n                          <td className=\"px-4 py-2 text-muted-foreground whitespace-nowrap\">\n                            {new Date(log.createdAt).toLocaleString()}\n                          </td>\n                          <td className=\"px-4 py-2\">\n                            <Badge variant=\"secondary\" className={LOG_LEVEL_STYLES[log.level] ?? ''}>\n                              {log.level}\n                            </Badge>\n                          </td>\n                          <td className=\"px-4 py-2\">\n                            <button\n                              type=\"button\"\n                              className=\"w-full text-left\"\n                              onClick={() => setExpandedLogId((current) => current === log.id ? null : log.id)}\n                            >\n                              {log.message}\n                            </button>\n                          </td>\n                        </tr>\n                        {expandedLogId === log.id && log.payload ? (\n                          <tr className=\"border-b bg-muted/20 last:border-0\">\n                            <td colSpan={3} className=\"px-4 py-4\">\n                              <pre className=\"overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs\">\n                                {JSON.stringify(log.payload, null, 2)}\n                              </pre>\n                            </td>\n                          </tr>\n                        ) : null}\n                      </React.Fragment>\n                    ))}\n                  </tbody>\n                </table>\n              </div>\n            )}\n          </CardContent>\n        </Card>\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["params"]
 }