@open-mercato/core 0.8.1-develop.7296.1.2111d779db → 0.8.1-develop.7441.1.b42958b98c

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

@@ -1,5 +1,5 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useRouter } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
@@ -18,8 +18,14 @@ import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { LoadingMessage, ErrorMessage, RecordNotFoundState } from "@open-mercato/ui/backend/detail";
 import { useAppEvent } from "@open-mercato/ui/backend/injection/useAppEvent";
-import { RotateCcw, XCircle } from "lucide-react";
+import { Bookmark, Lock, Play, RotateCcw, XCircle } from "lucide-react";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
 import { getSyncRunStatusVariant } from "../../../../lib/syncRunStatus.js";
+import { resolveResumePoint } from "../../../../lib/resume-point.js";
+import { applicableStartControls } from "../../../../lib/start-controls.js";
+import { useDataSyncRunAccess } from "../../../../components/useDataSyncRunAccess.js";
+import { ActionsDropdown } from "@open-mercato/ui/backend/forms/ActionsDropdown";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import {
   buildRetryFailureMessage,
   resolveRunParameterText
@@ -49,8 +55,13 @@ function SyncRunDetailPage({ params }) {
   const [logsPage, setLogsPage] = React.useState(1);
   const logsPageRef = React.useRef(1);
   const [parameterLabels, setParameterLabels] = React.useState({});
+  const [startControls, setStartControls] = React.useState(null);
+  const { canRunSync } = useDataSyncRunAccess();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [staleParameters, setStaleParameters] = React.useState(false);
+  const resumePointDescriptionId = React.useId();
   const parameterLabelsIntegrationRef = React.useRef(null);
-  const loadParameterLabels = React.useCallback(async (integrationId) => {
+  const loadIntegrationOptions = React.useCallback(async (integrationId) => {
     if (parameterLabelsIntegrationRef.current === integrationId) return;
     parameterLabelsIntegrationRef.current = integrationId;
     const call = await apiCall(
@@ -58,7 +69,9 @@ function SyncRunDetailPage({ params }) {
       void 0,
       { fallback: { items: [] } }
     );
-    const declared = (call.result?.items ?? []).find((item) => item.integrationId === integrationId)?.runParameters ?? [];
+    const item = (call.result?.items ?? []).find((entry) => entry.integrationId === integrationId);
+    setStartControls(item?.startControls ?? {});
+    const declared = item?.runParameters ?? [];
     const labels = {};
     for (const param of declared) {
       const resolved = resolveRunParameterText(t, param.labelKey, param.label);
@@ -89,10 +102,8 @@ function SyncRunDetailPage({ params }) {
     }
     setRun(call.result);
     setIsLoading(false);
-    if (call.result.parameters && Object.keys(call.result.parameters).length > 0) {
-      void loadParameterLabels(call.result.integrationId);
-    }
-  }, [loadParameterLabels, runId, t]);
+    void loadIntegrationOptions(call.result.integrationId);
+  }, [loadIntegrationOptions, runId, t]);
   const loadLogs = React.useCallback(async (page) => {
     if (!runId) return;
     const targetPage = page ?? logsPageRef.current;
@@ -201,9 +212,48 @@ function SyncRunDetailPage({ params }) {
       flash(t("data_sync.runs.detail.retrySuccess"), "success");
       router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`);
     } else {
-      flash(buildRetryFailureMessage(call.result, t), "error");
+      const failure = call.result;
+      setStaleParameters(failure?.code === "parametersStale");
+      flash(buildRetryFailureMessage(failure, t), "error");
     }
   }, [runId, router, runMutation, t]);
+  const handleRetryFromBeginning = React.useCallback(async () => {
+    if (!runId || !run) return;
+    const resumePoint2 = resolveResumePoint(run);
+    const recordEstimate = run.progressJob?.totalCount ?? null;
+    const text = [
+      recordEstimate ? t("data_sync.runs.detail.retryFromBeginning.confirmWithEstimate", "This ignores the saved cursor and reads the entire source again \u2014 about {count} records \u2014 instead of continuing.", { count: recordEstimate }) : t("data_sync.runs.detail.retryFromBeginning.confirm", "This ignores the saved cursor and reads the entire source again, instead of continuing."),
+      resumePoint2.kind === "resumes" ? t("data_sync.runs.detail.retryFromBeginning.confirmResumePoint", "A resumable retry would start at batch {batch}; this one starts at the beginning.", { batch: resumePoint2.batchesCompleted }) : t("data_sync.runs.detail.retryFromBeginning.confirmNoResumePoint", "This run committed no batch, so only a from-the-beginning retry has a start position you can rely on."),
+      t("data_sync.runs.detail.retryFromBeginning.confirmMatched", "Existing records are matched and updated, not duplicated.")
+    ].join(" ");
+    const confirmed = await confirm({
+      title: t("data_sync.runs.detail.retryFromBeginning.title", "Retry from the beginning?"),
+      text,
+      confirmText: t("data_sync.runs.detail.retryFromBeginning.action", "Retry from the beginning"),
+      // Not destructive: a full replay updates matched records rather than
+      // deleting anything, and the red budget belongs to Cancel run.
+      variant: "default"
+    });
+    if (!confirmed) return;
+    const call = await runMutation({
+      // optimistic-lock-exempt: starts a new retry run (create), not a concurrent record edit
+      operation: () => apiCall(`/api/data_sync/runs/${encodeURIComponent(runId)}/retry`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ fromBeginning: true })
+      }, { fallback: null }),
+      mutationPayload: { runId, fromBeginning: true },
+      context: { operation: "create", actionId: "retry-sync-run-from-beginning", runId }
+    });
+    if (call.ok && call.result) {
+      flash(t("data_sync.runs.detail.retrySuccess"), "success");
+      router.push(`/backend/data-sync/runs/${encodeURIComponent(call.result.id)}`);
+    } else {
+      const failure = call.result;
+      setStaleParameters(failure?.code === "parametersStale");
+      flash(buildRetryFailureMessage(failure, t), "error");
+    }
+  }, [confirm, run, runId, router, runMutation, t]);
   if (isLoading) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("data_sync.runs.detail.title") }) }) });
   if (isNotFound) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
@@ -216,121 +266,206 @@ 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 resumePoint = resolveResumePoint(run);
+  const canReplayFromStart = applicableStartControls(startControls, run.entityType).fullSync;
+  const overflowActions = canRunSync && resumePoint.kind !== "none" && canReplayFromStart ? [{
+    id: "retry-from-beginning",
+    label: run.status === "cancelled" ? t("data_sync.runs.detail.retryFromBeginning.actionCancelled", "Start from the beginning") : t("data_sync.runs.detail.retryFromBeginning.action", "Retry from the beginning"),
+    onSelect: () => {
+      void handleRetryFromBeginning();
+    }
+  }] : [];
   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(
-      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(StatusBadge, { variant: getSyncRunStatusVariant(run.status), children: t(`data_sync.dashboard.status.${run.status}`) }),
-          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(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(StatusBadge, { variant: getSyncRunStatusVariant(progressStatus), children: t(`data_sync.dashboard.status.${progressStatus}`) })
-      ] }) }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
-        /* @__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/10" })
-        ] }),
-        /* @__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 }) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4", children: [
-      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-status-success-text", children: run.createdCount }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.created") })
-      ] }) }),
-      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-status-info-text", children: run.updatedCount }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.updated") })
-      ] }) }),
-      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-muted-foreground", children: run.skippedCount }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.skipped") })
-      ] }) }),
-      /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-status-error-text", children: run.failedCount }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.failed") })
-      ] }) })
-    ] }),
-    run.parameters && Object.keys(run.parameters).length > 0 ? /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.parameters", "Run parameters") }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: Object.entries(run.parameters).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2 text-sm", children: [
-        /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: parameterLabels[key] ?? key }),
-        /* @__PURE__ */ jsx("dd", { className: "font-mono text-foreground", children: typeof value === "boolean" ? String(value) : String(value ?? "") })
-      ] }, key)) }) })
-    ] }) : null,
-    run.lastError && /* @__PURE__ */ jsxs(Card, { className: "border-status-error-border bg-status-error-bg", children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-status-error-text", children: t("data_sync.runs.detail.error") }) }),
-      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-status-error-text whitespace-pre-wrap", children: run.lastError }) })
-    ] }),
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.logs") }) }),
-      /* @__PURE__ */ jsxs(CardContent, { children: [
-        isLoadingLogs ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
-          LogList,
-          {
-            entries: logs.map((log) => ({
-              id: log.id,
-              time: new Date(log.createdAt).toLocaleString(),
-              level: log.level,
-              message: log.message,
-              body: log.payload ? /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs", children: log.payload.kind === "export-item-failure" && typeof log.payload.summary === "string" ? log.payload.summary : JSON.stringify(log.payload, null, 2) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.logs.noPayload", "No payload recorded for this log entry.") })
-            })),
-            emptyMessage: t("data_sync.runs.detail.noLogs")
-          }
-        ),
-        logsTotal > LOG_PAGE_SIZE && /* @__PURE__ */ jsx(
-          Pagination,
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    ConfirmDialogElement,
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", 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(StatusBadge, { variant: getSyncRunStatusVariant(run.status), children: t(`data_sync.dashboard.status.${run.status}`) }),
+            run.triggeredBy ? /* @__PURE__ */ jsx(Badge, { variant: "outline", children: run.triggeredBy }) : null
+          ] }),
+          actionsContent: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end gap-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+              canRunSync && (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,
+              canRunSync && run.status === "completed" ? /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => {
+                    router.push(`/backend/data-sync?from=${encodeURIComponent(run.id)}`);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(Play, { className: "mr-2 h-4 w-4" }),
+                    t("data_sync.runs.detail.runAgain", "Run again")
+                  ]
+                }
+              ) : null,
+              canRunSync && resumePoint.kind !== "none" ? /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "sm",
+                  "aria-describedby": resumePointDescriptionId,
+                  onClick: () => void handleRetry(),
+                  children: [
+                    /* @__PURE__ */ jsx(RotateCcw, { className: "mr-2 h-4 w-4" }),
+                    run.status === "cancelled" ? t("data_sync.runs.detail.resume", "Resume") : t("data_sync.runs.detail.retry")
+                  ]
+                }
+              ) : null,
+              /* @__PURE__ */ jsx(ActionsDropdown, { items: overflowActions, triggerMode: "icon" })
+            ] }),
+            resumePoint.kind === "resumes" ? /* @__PURE__ */ jsxs("p", { id: resumePointDescriptionId, className: "flex flex-wrap items-center justify-end gap-1 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Bookmark, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { children: t("data_sync.runs.detail.resumePoint.resumes", "Resumes from batch {batch} \u2014", { batch: resumePoint.batchesCompleted }) }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono break-all", children: resumePoint.cursor })
+            ] }) : null,
+            canRunSync && run.status === "completed" ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.runs.detail.runAgain.hint", "Opens the start form with this run's settings") }) : null,
+            canRunSync && resumePoint.kind !== "none" && !canReplayFromStart ? /* @__PURE__ */ jsxs("p", { className: "flex max-w-prose items-start justify-end gap-1 text-right text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Lock, { className: "mt-0.5 h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { children: t("data_sync.runs.detail.retryFromBeginning.unsupported", "This feed cannot be replayed from the start \u2014 {integration} does not support a full sync of {entityType}.", {
+                integration: run.integrationId,
+                entityType: run.entityType
+              }) })
+            ] }) : null,
+            resumePoint.kind === "noCommittedBatch" ? /* @__PURE__ */ jsxs("p", { id: resumePointDescriptionId, className: "flex max-w-prose items-start justify-end gap-1 text-right text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Bookmark, { className: "mt-0.5 h-3.5 w-3.5 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { children: t("data_sync.runs.detail.resumePoint.noCommittedBatch", "This run committed no batch. Retry starts from this feed's last saved position, which may be earlier than this run began.") })
+            ] }) : null
+          ] })
+        }
+      ),
+      staleParameters ? /* @__PURE__ */ jsx(Alert, { status: "error", children: /* @__PURE__ */ jsxs(AlertDescription, { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx("p", { children: buildRetryFailureMessage({ code: "parametersStale" }, t) }),
+        /* @__PURE__ */ jsxs(
+          Button,
           {
-            className: "mt-4",
-            page: logsPage,
-            pageSize: LOG_PAGE_SIZE,
-            total: logsTotal,
-            onPageChange: (next) => {
-              void loadLogs(next);
-            }
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => {
+              router.push(`/backend/data-sync?from=${encodeURIComponent(run.id)}`);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Play, { className: "mr-2 h-4 w-4" }),
+              t("data_sync.runs.detail.startNewRunFromHere", "Start a new run with these settings\u2026")
+            ]
           }
         )
+      ] }) }) : null,
+      /* @__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(StatusBadge, { variant: getSyncRunStatusVariant(progressStatus), children: t(`data_sync.dashboard.status.${progressStatus}`) })
+        ] }) }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
+          /* @__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/10" })
+          ] }),
+          /* @__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 }) })
+          ] }),
+          /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2 text-sm", children: [
+              /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("data_sync.runs.detail.cursor.startedFrom", "Started from") }),
+              /* @__PURE__ */ jsx("dd", { className: run.initialCursor ? "font-mono break-all text-right" : "text-muted-foreground", children: run.initialCursor ?? t("data_sync.runs.detail.cursor.beginningOfSource", "beginning of source") })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2 text-sm", children: [
+              /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("data_sync.runs.detail.cursor.committedThrough", "Committed through") }),
+              /* @__PURE__ */ jsx("dd", { className: run.cursor ? "font-mono break-all text-right" : "text-muted-foreground", children: run.cursor ?? t("data_sync.runs.detail.cursor.nothingCommitted", "nothing committed") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4", children: [
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-status-success-text", children: run.createdCount }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.created") })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-status-info-text", children: run.updatedCount }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.updated") })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-muted-foreground", children: run.skippedCount }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.skipped") })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "pt-6 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-status-error-text", children: run.failedCount }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.counters.failed") })
+        ] }) })
+      ] }),
+      run.parameters && Object.keys(run.parameters).length > 0 ? /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.parameters", "Run parameters") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: Object.entries(run.parameters).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 rounded-md border bg-card px-3 py-2 text-sm", children: [
+          /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: parameterLabels[key] ?? key }),
+          /* @__PURE__ */ jsx("dd", { className: "font-mono text-foreground", children: typeof value === "boolean" ? String(value) : String(value ?? "") })
+        ] }, key)) }) })
+      ] }) : null,
+      run.lastError && /* @__PURE__ */ jsxs(Card, { className: "border-status-error-border bg-status-error-bg", children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-status-error-text", children: t("data_sync.runs.detail.error") }) }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-status-error-text whitespace-pre-wrap", children: run.lastError }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.runs.detail.logs") }) }),
+        /* @__PURE__ */ jsxs(CardContent, { children: [
+          isLoadingLogs ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(
+            LogList,
+            {
+              entries: logs.map((log) => ({
+                id: log.id,
+                time: new Date(log.createdAt).toLocaleString(),
+                level: log.level,
+                message: log.message,
+                body: log.payload ? /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md border bg-card p-3 text-xs", children: log.payload.kind === "export-item-failure" && typeof log.payload.summary === "string" ? log.payload.summary : JSON.stringify(log.payload, null, 2) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.runs.detail.logs.noPayload", "No payload recorded for this log entry.") })
+              })),
+              emptyMessage: t("data_sync.runs.detail.noLogs")
+            }
+          ),
+          logsTotal > LOG_PAGE_SIZE && /* @__PURE__ */ jsx(
+            Pagination,
+            {
+              className: "mt-4",
+              page: logsPage,
+              pageSize: LOG_PAGE_SIZE,
+              total: logsTotal,
+              onPageChange: (next) => {
+                void loadLogs(next);
+              }
+            }
+          )
+        ] })
       ] })
     ] })
-  ] }) });
+  ] });
 }
 export {
   SyncRunDetailPage as default