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

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

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { extensionPoints } from "@open-mercato/core/modules/data_sync/extension-points";
 import Link from "next/link";
-import { useRouter } from "next/navigation";
+import { useRouter, useSearchParams } from "next/navigation";
 import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { DataTable } from "@open-mercato/ui/backend/DataTable";
 import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
@@ -46,6 +46,9 @@ import {
   ShieldCheck
 } from "lucide-react";
 import { getSyncRunStatusVariant, getSyncSummaryVariant } from "../../lib/syncRunStatus.js";
+import { isRetryableRunStatus } from "../../lib/resume-point.js";
+import { useDataSyncRunAccess } from "../../components/useDataSyncRunAccess.js";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
 import { getApplicableRunParameters } from "../../lib/run-parameters.js";
 import {
   applicableStartControls
@@ -57,6 +60,9 @@ import {
   buildRunFailureMessage,
   buildRunParametersPayload
 } from "../../components/RunParameterFields.js";
+function fromBeginningLabel(status, t) {
+  return status === "cancelled" ? t("data_sync.runs.detail.retryFromBeginning.actionCancelled", "Start from the beginning") : t("data_sync.runs.detail.retryFromBeginning.action", "Retry from the beginning");
+}
 const DEFAULT_TIMEZONE = Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
 const SCHEDULE_VALUE_ERROR_ID = "data-sync-dashboard-schedule-value-error";
 function detectScheduleValueError(scheduleType, scheduleValue) {
@@ -110,6 +116,21 @@ function SyncRunsDashboardPage() {
   const [isDeletingSchedule, setIsDeletingSchedule] = React.useState(false);
   const [scheduleValueError, setScheduleValueError] = React.useState(null);
   const [reloadToken, setReloadToken] = React.useState(0);
+  const { canRunSync, canConfigureSync } = useDataSyncRunAccess();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const searchParams = useSearchParams();
+  const fromRunId = searchParams?.get("from") ?? null;
+  const seedRef = React.useRef(null);
+  const seedConsumedRef = React.useRef({ selection: null, parameters: null });
+  const seedAttemptedRef = React.useRef(null);
+  const seedMountedRef = React.useRef(true);
+  const seedSequenceRef = React.useRef(0);
+  const [seedToken, setSeedToken] = React.useState(null);
+  const retireSeed = React.useCallback(() => {
+    seedRef.current = null;
+    setSeedSource(null);
+  }, []);
+  const [seedSource, setSeedSource] = React.useState(null);
   const scopeVersion = useOrganizationScopeVersion();
   const t = useT();
   const { runMutation } = useGuardedMutation({
@@ -202,8 +223,21 @@ function SyncRunsDashboardPage() {
     [selectedIntegration, selectedEntityType]
   );
   React.useEffect(() => {
-    setParamValues(buildDefaultRunParameterValues(runParameters));
-  }, [runParameters]);
+    const defaults = buildDefaultRunParameterValues(runParameters);
+    const seed = seedRef.current;
+    if (!seed || seedConsumedRef.current.parameters === seed.token) {
+      setParamValues(defaults);
+      return;
+    }
+    seedConsumedRef.current.parameters = seed.token;
+    const seeded = { ...defaults };
+    for (const param of runParameters) {
+      const raw = seed.parameters[param.key];
+      if (raw === void 0 || raw === null) continue;
+      seeded[param.key] = param.type === "boolean" ? raw === true : String(raw);
+    }
+    setParamValues(seeded);
+  }, [runParameters, seedToken]);
   React.useEffect(() => {
     if (!startControls.fullSync) setFullSync(false);
   }, [startControls.fullSync]);
@@ -218,6 +252,13 @@ function SyncRunsDashboardPage() {
       setSelectedEntityType("");
       return;
     }
+    const seed = seedRef.current;
+    if (seed && seedConsumedRef.current.selection !== seed.token && selectedIntegration.supportedEntities.includes(seed.entityType)) {
+      seedConsumedRef.current.selection = seed.token;
+      setSelectedEntityType(seed.entityType);
+      setSelectedDirection(seed.direction);
+      return;
+    }
     setSelectedEntityType((current) => current && selectedIntegration.supportedEntities.includes(current) ? current : selectedIntegration.supportedEntities[0] ?? "");
     setSelectedDirection(selectedIntegration.direction === "export" ? "export" : "import");
   }, [selectedIntegration]);
@@ -301,6 +342,105 @@ function SyncRunsDashboardPage() {
       flash(buildRetryFailureMessage(call.result, t), "error");
     }
   }, [t]);
+  React.useEffect(() => {
+    if (!fromRunId) {
+      seedAttemptedRef.current = null;
+      return;
+    }
+    if (isLoadingOptions) return;
+    if (seedAttemptedRef.current === fromRunId) return;
+    seedAttemptedRef.current = fromRunId;
+    const seed = async () => {
+      const call = await apiCall(`/api/data_sync/runs/${encodeURIComponent(fromRunId)}`, void 0, { fallback: null });
+      if (!seedMountedRef.current || !call.ok || !call.result) return;
+      if (seedAttemptedRef.current !== fromRunId) return;
+      const source = call.result;
+      const integration = options.find((option) => option.integrationId === source.integrationId);
+      if (!integration || !integration.supportedEntities.includes(source.entityType)) return;
+      const declaredKeys = new Set(
+        getApplicableRunParameters(integration.runParameters, source.direction, source.entityType).map((param) => param.key)
+      );
+      const stored = source.parameters ?? {};
+      const carried = {};
+      const dropped = [];
+      for (const [key, value] of Object.entries(stored)) {
+        if (declaredKeys.has(key)) carried[key] = value;
+        else dropped.push(key);
+      }
+      seedSequenceRef.current += 1;
+      const token = `${fromRunId}:${seedSequenceRef.current}`;
+      seedRef.current = {
+        token,
+        entityType: source.entityType,
+        direction: source.direction,
+        parameters: carried
+      };
+      seedConsumedRef.current = { selection: null, parameters: null };
+      setSelectedIntegrationId(source.integrationId);
+      setSelectedEntityType(source.entityType);
+      setSelectedDirection(source.direction);
+      setSeedSource({ integrationId: source.integrationId, entityType: source.entityType, droppedKeys: dropped });
+      setSeedToken(token);
+      router.replace("/backend/data-sync");
+    };
+    void seed();
+  }, [fromRunId, isLoadingOptions, options, router]);
+  React.useEffect(() => {
+    seedMountedRef.current = true;
+    return () => {
+      seedMountedRef.current = false;
+    };
+  }, []);
+  const handleRetryFromBeginning = React.useCallback(async (row) => {
+    const confirmed = await confirm({
+      title: t("data_sync.runs.detail.retryFromBeginning.title", "Retry from the beginning?"),
+      text: [
+        t("data_sync.runs.detail.retryFromBeginning.confirm", "This ignores the saved cursor and reads the entire source again, instead of continuing."),
+        t("data_sync.runs.detail.retryFromBeginning.confirmMatched", "Existing records are matched and updated, not duplicated.")
+      ].join(" "),
+      confirmText: t("data_sync.runs.detail.retryFromBeginning.action", "Retry from the beginning"),
+      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(row.id)}/retry`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ fromBeginning: true })
+      }, { fallback: null }),
+      mutationPayload: { runId: row.id, fromBeginning: true },
+      context: { operation: "create", actionId: "retry-sync-run-from-beginning", runId: row.id }
+    });
+    if (call.ok) {
+      flash(t("data_sync.runs.detail.retrySuccess"), "success");
+      setReloadToken((token) => token + 1);
+    } else {
+      flash(buildRetryFailureMessage(call.result, t), "error");
+    }
+  }, [confirm, runMutation, t]);
+  const buildRetryActions = React.useCallback((row) => {
+    if (!canRunSync) return [];
+    if (!isRetryableRunStatus(row.status)) return [];
+    const actions = [{
+      id: "retry",
+      label: row.status === "cancelled" ? t("data_sync.dashboard.actions.resume", "Resume") : t("data_sync.runs.detail.retry", "Retry"),
+      onSelect: () => {
+        void handleRetry(row);
+      }
+    }];
+    const integration = options.find((option) => option.integrationId === row.integrationId);
+    if (applicableStartControls(integration?.startControls, row.entityType).fullSync) {
+      actions.push({
+        id: "retry-from-beginning",
+        label: fromBeginningLabel(row.status, t),
+        onSelect: () => {
+          void handleRetryFromBeginning(row);
+        }
+      });
+    }
+    return actions;
+  }, [canRunSync, handleRetry, handleRetryFromBeginning, options, t]);
   const handleFiltersApply = React.useCallback((values) => {
     const next = {};
     Object.entries(values).forEach(([key, value]) => {
@@ -543,378 +683,406 @@ function SyncRunsDashboardPage() {
     }
   ], [t]);
   const canStartSelectedIntegration = Boolean(
-    selectedIntegration && selectedEntityType && selectedIntegration.isEnabled && selectedIntegration.canStartRun !== false && selectedIntegration.hasCredentials
+    canRunSync && selectedIntegration && selectedEntityType && selectedIntegration.isEnabled && selectedIntegration.canStartRun !== false && selectedIntegration.hasCredentials
   );
   const hasSavedSchedule = Boolean(scheduleEditor.id);
+  const scheduleControlsDisabled = !canConfigureSync || isLoadingSchedule || isSavingSchedule || isDeletingSchedule;
   const selectedEntityLabel = selectedEntityType ? formatEntityTypeLabel(selectedEntityType) : t("data_sync.dashboard.columns.entityType");
   const integrationStateVariant = getSyncSummaryVariant(selectedIntegration?.isEnabled ? "enabled" : "disabled");
   const credentialsVariant = getSyncSummaryVariant(selectedIntegration?.hasCredentials ? "ready" : "missing");
   const scheduleVariant = getSyncSummaryVariant(
     hasSavedSchedule ? scheduleEditor.isEnabled ? "scheduled" : "paused" : "none"
   );
-  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs font-medium uppercase tracking-widest text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(Repeat, { className: "size-4" }),
-              /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.start.eyebrow", "Run once or keep it recurring") })
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    ConfirmDialogElement,
+    /* @__PURE__ */ jsxs(PageBody, { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs(Card, { children: [
+        /* @__PURE__ */ jsxs(CardHeader, { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs font-medium uppercase tracking-widest text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(Repeat, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.start.eyebrow", "Run once or keep it recurring") })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.dashboard.start.title", "Start or schedule a sync") }),
+                /* @__PURE__ */ jsx("p", { className: "max-w-3xl text-sm text-muted-foreground", children: 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.") })
+              ] })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: t("data_sync.dashboard.start.title", "Start or schedule a sync") }),
-              /* @__PURE__ */ jsx("p", { className: "max-w-3xl text-sm text-muted-foreground", children: 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.") })
-            ] })
-          ] }),
-          selectedIntegration ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: selectedIntegration.settingsPath, children: [
-            /* @__PURE__ */ jsx(Settings2, { className: "mr-2 size-4" }),
-            t("integrations.marketplace.configure")
-          ] }) }) : null
-        ] }),
-        selectedIntegration ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-          /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-1.5", children: [
-            /* @__PURE__ */ jsx(PlugZap, { className: "size-3.5" }),
-            selectedIntegration.title
-          ] }),
-          /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-1.5", children: [
-            /* @__PURE__ */ jsx(ArrowRightLeft, { className: "size-3.5" }),
-            t(`data_sync.dashboard.direction.${selectedDirection}`)
-          ] }),
-          /* @__PURE__ */ jsxs(Badge, { variant: integrationStateVariant, className: "gap-1.5", children: [
-            /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3.5" }),
-            selectedIntegration.isEnabled ? t("data_sync.dashboard.start.status.enabled", "Integration enabled") : t("data_sync.dashboard.start.status.disabled", "Integration disabled")
-          ] }),
-          /* @__PURE__ */ jsxs(Badge, { variant: credentialsVariant, className: "gap-1.5", children: [
-            /* @__PURE__ */ jsx(PlugZap, { className: "size-3.5" }),
-            selectedIntegration.hasCredentials ? t("data_sync.dashboard.start.status.credentialsReady", "Credentials ready") : t("data_sync.dashboard.start.status.credentialsMissing", "Credentials missing")
+            selectedIntegration ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: "outline", children: /* @__PURE__ */ jsxs(Link, { href: selectedIntegration.settingsPath, children: [
+              /* @__PURE__ */ jsx(Settings2, { className: "mr-2 size-4" }),
+              t("integrations.marketplace.configure")
+            ] }) }) : null
           ] }),
-          /* @__PURE__ */ jsxs(Badge, { variant: scheduleVariant, className: "gap-1.5", children: [
-            /* @__PURE__ */ jsx(CalendarClock, { className: "size-3.5" }),
-            hasSavedSchedule ? scheduleEditor.isEnabled ? t("data_sync.dashboard.schedule.status.enabled", "Recurring schedule active") : t("data_sync.dashboard.schedule.status.disabled", "Recurring schedule paused") : t("data_sync.dashboard.schedule.status.none", "No recurring schedule")
-          ] })
-        ] }) : null
-      ] }),
-      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2 xl:col-span-1", children: [
-            /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-              /* @__PURE__ */ jsx(PlugZap, { className: "size-4 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.columns.integration") })
+          selectedIntegration ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(PlugZap, { className: "size-3.5" }),
+              selectedIntegration.title
             ] }),
-            /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: selectedIntegrationId || void 0,
-                onValueChange: (value) => setSelectedIntegrationId(value ?? ""),
-                disabled: isLoadingOptions || options.length === 0,
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(
-                    SelectValue,
-                    {
-                      placeholder: options.length === 0 ? t("integrations.marketplace.noResults", "No integrations found") : void 0
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: options.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.integrationId, children: item.title }, item.integrationId)) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-              /* @__PURE__ */ jsx(Boxes, { className: "size-4 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.columns.entityType") })
+            /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(ArrowRightLeft, { className: "size-3.5" }),
+              t(`data_sync.dashboard.direction.${selectedDirection}`)
             ] }),
-            /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: selectedEntityType || void 0,
-                onValueChange: (value) => setSelectedEntityType(value ?? ""),
-                disabled: entityOptions.length === 0,
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsx(SelectContent, { children: entityOptions.map((entityType) => /* @__PURE__ */ jsx(SelectItem, { value: entityType, children: formatEntityTypeLabel(entityType) }, entityType)) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-              /* @__PURE__ */ jsx(ArrowRightLeft, { className: "size-4 text-muted-foreground" }),
-              /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.columns.direction") })
+            /* @__PURE__ */ jsxs(Badge, { variant: integrationStateVariant, className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(ShieldCheck, { className: "size-3.5" }),
+              selectedIntegration.isEnabled ? t("data_sync.dashboard.start.status.enabled", "Integration enabled") : t("data_sync.dashboard.start.status.disabled", "Integration disabled")
             ] }),
-            /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: selectedDirection,
-                onValueChange: (value) => setSelectedDirection(value === "export" ? "export" : "import"),
-                disabled: selectedIntegration?.direction !== "bidirectional",
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsxs(SelectContent, { children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "import", children: t("data_sync.dashboard.direction.import") }),
-                    selectedIntegration?.direction === "bidirectional" || selectedIntegration?.direction === "export" ? /* @__PURE__ */ jsx(SelectItem, { value: "export", children: t("data_sync.dashboard.direction.export") }) : null
-                  ] })
-                ]
-              }
-            )
-          ] })
+            /* @__PURE__ */ jsxs(Badge, { variant: credentialsVariant, className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(PlugZap, { className: "size-3.5" }),
+              selectedIntegration.hasCredentials ? t("data_sync.dashboard.start.status.credentialsReady", "Credentials ready") : t("data_sync.dashboard.start.status.credentialsMissing", "Credentials missing")
+            ] }),
+            /* @__PURE__ */ jsxs(Badge, { variant: scheduleVariant, className: "gap-1.5", children: [
+              /* @__PURE__ */ jsx(CalendarClock, { className: "size-3.5" }),
+              hasSavedSchedule ? scheduleEditor.isEnabled ? t("data_sync.dashboard.schedule.status.enabled", "Recurring schedule active") : t("data_sync.dashboard.schedule.status.disabled", "Recurring schedule paused") : t("data_sync.dashboard.schedule.status.none", "No recurring schedule")
+            ] })
+          ] }) : null
         ] }),
-        selectedIntegration?.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: selectedIntegration.description }) : null,
-        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/30 p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(Play, { className: "size-4 text-primary" }),
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("data_sync.dashboard.start.runNowTitle", "Run once now") })
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: startControls.batchSize && startControls.fullSync ? 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.") : t("data_sync.dashboard.start.runNowDescriptionScoped", "Use this for the next immediate sync. Anything set here applies only to this manual run.") })
+        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
+          seedSource ? /* @__PURE__ */ jsx(Alert, { status: "information", children: /* @__PURE__ */ jsxs(AlertDescription, { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("p", { children: t("data_sync.dashboard.start.seededFrom", "Integration, entity type, direction and run parameters copied from {integration} \u2014 {entityType}. Batch size and full sync are at their defaults: a past run does not record them.", {
+              integration: seedSource.integrationId,
+              entityType: seedSource.entityType
+            }) }),
+            seedSource.droppedKeys.length > 0 ? /* @__PURE__ */ jsx("p", { children: t(
+              seedSource.droppedKeys.length === 1 ? "data_sync.dashboard.start.seededDropped" : "data_sync.dashboard.start.seededDroppedPlural",
+              seedSource.droppedKeys.length === 1 ? "One stored parameter was not carried over: {keys} is no longer declared by {integration}." : "Some stored parameters were not carried over: {keys} are no longer declared by {integration}.",
+              { keys: seedSource.droppedKeys.join(", "), integration: seedSource.integrationId }
+            ) }) : null
+          ] }) }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 xl:col-span-1", children: [
+              /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                /* @__PURE__ */ jsx(PlugZap, { className: "size-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.columns.integration") })
               ] }),
-              /* @__PURE__ */ jsx(Badge, { variant: "outline", children: selectedEntityLabel })
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: selectedIntegrationId || void 0,
+                  onValueChange: (value) => {
+                    retireSeed();
+                    setSelectedIntegrationId(value ?? "");
+                  },
+                  disabled: isLoadingOptions || options.length === 0,
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(
+                      SelectValue,
+                      {
+                        placeholder: options.length === 0 ? t("integrations.marketplace.noResults", "No integrations found") : void 0
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: options.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.integrationId, children: item.title }, item.integrationId)) })
+                  ]
+                }
+              )
             ] }),
-            /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
-            startControls.batchSize || startControls.fullSync ? /* @__PURE__ */ jsxs("div", { className: cn("grid gap-4", startControlsGridClass(startControls)), children: [
-              startControls.batchSize ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-                  /* @__PURE__ */ jsx(Gauge, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.start.batchSize", "Batch size") })
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    value: batchSize,
-                    onChange: (event) => setBatchSize(event.target.value),
-                    inputMode: "numeric"
-                  }
-                )
-              ] }) : null,
-              startControls.fullSync ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("data_sync.dashboard.start.fullSync", "Run as full sync") }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.start.fullSyncHelp", "Ignore the saved cursor and process the entire source again for this run.") })
-                ] }),
-                /* @__PURE__ */ jsx(Switch, { checked: fullSync, onCheckedChange: setFullSync })
-              ] }) }) : null
-            ] }) : null,
-            runParameters.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Settings2, { className: "size-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: t("data_sync.dashboard.start.parameters", "Run parameters") })
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                /* @__PURE__ */ jsx(Boxes, { className: "size-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.columns.entityType") })
               ] }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.start.parametersHelp", "Optional values this integration accepts for the manual run.") }),
-              /* @__PURE__ */ jsx(
-                RunParameterFields,
+              /* @__PURE__ */ jsxs(
+                Select,
                 {
-                  params: runParameters,
-                  values: paramValues,
-                  onChange: updateParamValue
+                  value: selectedEntityType || void 0,
+                  onValueChange: (value) => {
+                    retireSeed();
+                    setSelectedEntityType(value ?? "");
+                  },
+                  disabled: entityOptions.length === 0,
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsx(SelectContent, { children: entityOptions.map((entityType) => /* @__PURE__ */ jsx(SelectItem, { value: entityType, children: formatEntityTypeLabel(entityType) }, entityType)) })
+                  ]
                 }
               )
-            ] }) : null,
-            /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.start.runNowFootnote", "Manual runs show progress immediately and land on the run detail page after launch.") }),
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                /* @__PURE__ */ jsx(ArrowRightLeft, { className: "size-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.columns.direction") })
+              ] }),
               /* @__PURE__ */ jsxs(
-                Button,
+                Select,
                 {
-                  type: "button",
-                  onClick: () => void handleStartSync(),
-                  disabled: !canStartSelectedIntegration,
+                  value: selectedDirection,
+                  onValueChange: (value) => {
+                    retireSeed();
+                    setSelectedDirection(value === "export" ? "export" : "import");
+                  },
+                  disabled: selectedIntegration?.direction !== "bidirectional",
                   children: [
-                    /* @__PURE__ */ jsx(Play, { className: "mr-2 size-4" }),
-                    t("data_sync.dashboard.start.submit", "Start sync")
+                    /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsxs(SelectContent, { children: [
+                      /* @__PURE__ */ jsx(SelectItem, { value: "import", children: t("data_sync.dashboard.direction.import") }),
+                      selectedIntegration?.direction === "bidirectional" || selectedIntegration?.direction === "export" ? /* @__PURE__ */ jsx(SelectItem, { value: "export", children: t("data_sync.dashboard.direction.export") }) : null
+                    ] })
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/30 p-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(CalendarClock, { className: "size-4 text-primary" }),
-                  /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("data_sync.dashboard.schedule.title", "Recurring schedule") })
-                ] }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.dashboard.schedule.description", "Save a repeating schedule for the selected integration, entity, and direction without leaving this dashboard.") })
-              ] }),
-              /* @__PURE__ */ jsx(Badge, { variant: "outline", children: hasSavedSchedule ? scheduleEditor.isEnabled ? t("data_sync.dashboard.schedule.status.shortEnabled", "Scheduled") : t("data_sync.dashboard.schedule.status.shortDisabled", "Paused") : t("data_sync.dashboard.schedule.status.shortNone", "One-time only") })
-            ] }),
-            /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
-            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-                  /* @__PURE__ */ jsx(Clock3, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.schedule.type", "Schedule type") })
-                ] }),
-                /* @__PURE__ */ jsxs(
-                  Select,
-                  {
-                    value: scheduleEditor.scheduleType,
-                    onValueChange: (value) => updateScheduleEditor({
-                      scheduleType: value === "cron" ? "cron" : "interval"
-                    }),
-                    disabled: isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType,
-                    children: [
-                      /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                      /* @__PURE__ */ jsxs(SelectContent, { children: [
-                        /* @__PURE__ */ jsx(SelectItem, { value: "interval", children: t("data_sync.dashboard.schedule.interval", "Interval") }),
-                        /* @__PURE__ */ jsx(SelectItem, { value: "cron", children: t("data_sync.dashboard.schedule.cron", "Cron") })
-                      ] })
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-                  /* @__PURE__ */ jsx(CalendarClock, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx("span", { children: scheduleEditor.scheduleType === "cron" ? t("data_sync.dashboard.schedule.cronValue", "Cron expression") : t("data_sync.dashboard.schedule.intervalValue", "Interval") })
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    value: scheduleEditor.scheduleValue,
-                    onChange: (event) => updateScheduleEditor({ scheduleValue: event.target.value }),
-                    disabled: isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType,
-                    placeholder: scheduleEditor.scheduleType === "cron" ? "0 * * * *" : "1h",
-                    "aria-invalid": scheduleValueError ? true : void 0,
-                    "aria-describedby": scheduleValueError ? SCHEDULE_VALUE_ERROR_ID : void 0
-                  }
-                ),
-                scheduleValueError ? /* @__PURE__ */ jsx("p", { id: SCHEDULE_VALUE_ERROR_ID, className: "text-xs text-status-error-text", children: scheduleValueErrorMessage }) : null,
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scheduleEditor.scheduleType === "cron" ? t("data_sync.dashboard.schedule.cronHelp", "Example: `0 * * * *` runs at the start of every hour.") : t("data_sync.dashboard.schedule.intervalHelp", "Example: `1h`, `6h`, or `24h` for repeating intervals.") })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "space-y-2 sm:col-span-2", children: [
-                /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
-                  /* @__PURE__ */ jsx(Clock3, { className: "size-4 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.schedule.timezone", "Timezone") })
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    value: scheduleEditor.timezone,
-                    onChange: (event) => updateScheduleEditor({ timezone: event.target.value }),
-                    disabled: isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          selectedIntegration?.description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: selectedIntegration.description }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/30 p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("data_sync.dashboard.schedule.fullSync", "Run scheduled jobs as full sync") }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.schedule.fullSyncHelp", "When enabled, every recurring run starts from the beginning instead of the saved cursor.") })
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(Play, { className: "size-4 text-primary" }),
+                    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("data_sync.dashboard.start.runNowTitle", "Run once now") })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: startControls.batchSize && startControls.fullSync ? 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.") : t("data_sync.dashboard.start.runNowDescriptionScoped", "Use this for the next immediate sync. Anything set here applies only to this manual run.") })
                 ] }),
-                /* @__PURE__ */ jsx(
-                  Switch,
-                  {
-                    checked: scheduleEditor.fullSync,
-                    onCheckedChange: (checked) => updateScheduleEditor({ fullSync: checked }),
-                    disabled: isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType
-                  }
-                )
-              ] }) }),
-              /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-                  /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("data_sync.dashboard.schedule.enabled", "Schedule enabled") }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.schedule.enabledHelp", "Pause the recurring job without deleting the schedule definition.") })
+                /* @__PURE__ */ jsx(Badge, { variant: "outline", children: selectedEntityLabel })
+              ] }),
+              /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+              startControls.batchSize || startControls.fullSync ? /* @__PURE__ */ jsxs("div", { className: cn("grid gap-4", startControlsGridClass(startControls)), children: [
+                startControls.batchSize ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                    /* @__PURE__ */ jsx(Gauge, { className: "size-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.start.batchSize", "Batch size") })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      value: batchSize,
+                      onChange: (event) => setBatchSize(event.target.value),
+                      inputMode: "numeric"
+                    }
+                  )
+                ] }) : null,
+                startControls.fullSync ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("data_sync.dashboard.start.fullSync", "Run as full sync") }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.start.fullSyncHelp", "Ignore the saved cursor and process the entire source again for this run.") })
+                  ] }),
+                  /* @__PURE__ */ jsx(Switch, { checked: fullSync, onCheckedChange: setFullSync })
+                ] }) }) : null
+              ] }) : null,
+              runParameters.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(Settings2, { className: "size-4 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: t("data_sync.dashboard.start.parameters", "Run parameters") })
                 ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.start.parametersHelp", "Optional values this integration accepts for the manual run.") }),
                 /* @__PURE__ */ jsx(
-                  Switch,
+                  RunParameterFields,
                   {
-                    checked: scheduleEditor.isEnabled,
-                    onCheckedChange: (checked) => updateScheduleEditor({ isEnabled: checked }),
-                    disabled: isLoadingSchedule || isSavingSchedule || isDeletingSchedule || !selectedIntegration || !selectedEntityType
+                    params: runParameters,
+                    values: paramValues,
+                    onChange: updateParamValue
                   }
                 )
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-between gap-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "space-y-1 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx("div", { children: hasSavedSchedule ? scheduleEditor.lastRunAt ? t("data_sync.dashboard.schedule.lastRun", "Last scheduled run: {value}", {
-                value: new Date(scheduleEditor.lastRunAt).toLocaleString()
-              }) : t("data_sync.dashboard.schedule.neverRun", "Saved, but no scheduled execution has completed yet.") : t("data_sync.dashboard.schedule.none", "No recurring schedule saved for this target yet.") }) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    onClick: () => void handleDeleteSchedule(),
-                    disabled: !hasSavedSchedule || isDeletingSchedule,
-                    children: isDeletingSchedule ? t("data_sync.dashboard.schedule.deleting", "Removing...") : t("data_sync.dashboard.schedule.delete", "Remove schedule")
-                  }
-                ),
+              ] }) : null,
+              /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-between gap-3", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.start.runNowFootnote", "Manual runs show progress immediately and land on the run detail page after launch.") }),
                 /* @__PURE__ */ jsxs(
                   Button,
                   {
                     type: "button",
-                    variant: "outline",
-                    onClick: () => void handleSaveSchedule(),
-                    disabled: isSavingSchedule || !selectedIntegration || !selectedEntityType,
+                    onClick: () => void handleStartSync(),
+                    disabled: !canStartSelectedIntegration,
                     children: [
-                      /* @__PURE__ */ jsx(CalendarClock, { className: "mr-2 size-4" }),
-                      isSavingSchedule ? t("data_sync.dashboard.schedule.saving", "Saving...") : t("data_sync.dashboard.schedule.save", "Save recurring schedule")
+                      /* @__PURE__ */ jsx(Play, { className: "mr-2 size-4" }),
+                      t("data_sync.dashboard.start.submit", "Start sync")
                     ]
                   }
                 )
               ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-muted/30 p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx(CalendarClock, { className: "size-4 text-primary" }),
+                    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: t("data_sync.dashboard.schedule.title", "Recurring schedule") })
+                  ] }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("data_sync.dashboard.schedule.description", "Save a repeating schedule for the selected integration, entity, and direction without leaving this dashboard.") })
+                ] }),
+                /* @__PURE__ */ jsx(Badge, { variant: "outline", children: hasSavedSchedule ? scheduleEditor.isEnabled ? t("data_sync.dashboard.schedule.status.shortEnabled", "Scheduled") : t("data_sync.dashboard.schedule.status.shortDisabled", "Paused") : t("data_sync.dashboard.schedule.status.shortNone", "One-time only") })
+              ] }),
+              /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+              /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                    /* @__PURE__ */ jsx(Clock3, { className: "size-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.schedule.type", "Schedule type") })
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    Select,
+                    {
+                      value: scheduleEditor.scheduleType,
+                      onValueChange: (value) => updateScheduleEditor({
+                        scheduleType: value === "cron" ? "cron" : "interval"
+                      }),
+                      disabled: scheduleControlsDisabled || !selectedIntegration || !selectedEntityType,
+                      children: [
+                        /* @__PURE__ */ jsx(SelectTrigger, { size: "lg", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                        /* @__PURE__ */ jsxs(SelectContent, { children: [
+                          /* @__PURE__ */ jsx(SelectItem, { value: "interval", children: t("data_sync.dashboard.schedule.interval", "Interval") }),
+                          /* @__PURE__ */ jsx(SelectItem, { value: "cron", children: t("data_sync.dashboard.schedule.cron", "Cron") })
+                        ] })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                    /* @__PURE__ */ jsx(CalendarClock, { className: "size-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: scheduleEditor.scheduleType === "cron" ? t("data_sync.dashboard.schedule.cronValue", "Cron expression") : t("data_sync.dashboard.schedule.intervalValue", "Interval") })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      value: scheduleEditor.scheduleValue,
+                      onChange: (event) => updateScheduleEditor({ scheduleValue: event.target.value }),
+                      disabled: scheduleControlsDisabled || !selectedIntegration || !selectedEntityType,
+                      placeholder: scheduleEditor.scheduleType === "cron" ? "0 * * * *" : "1h",
+                      "aria-invalid": scheduleValueError ? true : void 0,
+                      "aria-describedby": scheduleValueError ? SCHEDULE_VALUE_ERROR_ID : void 0
+                    }
+                  ),
+                  scheduleValueError ? /* @__PURE__ */ jsx("p", { id: SCHEDULE_VALUE_ERROR_ID, className: "text-xs text-status-error-text", children: scheduleValueErrorMessage }) : null,
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: scheduleEditor.scheduleType === "cron" ? t("data_sync.dashboard.schedule.cronHelp", "Example: `0 * * * *` runs at the start of every hour.") : t("data_sync.dashboard.schedule.intervalHelp", "Example: `1h`, `6h`, or `24h` for repeating intervals.") })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2 sm:col-span-2", children: [
+                  /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-2 text-sm font-medium", children: [
+                    /* @__PURE__ */ jsx(Clock3, { className: "size-4 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx("span", { children: t("data_sync.dashboard.schedule.timezone", "Timezone") })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      value: scheduleEditor.timezone,
+                      onChange: (event) => updateScheduleEditor({ timezone: event.target.value }),
+                      disabled: scheduleControlsDisabled || !selectedIntegration || !selectedEntityType
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-4 grid gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("data_sync.dashboard.schedule.fullSync", "Run scheduled jobs as full sync") }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.schedule.fullSyncHelp", "When enabled, every recurring run starts from the beginning instead of the saved cursor.") })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      checked: scheduleEditor.fullSync,
+                      onCheckedChange: (checked) => updateScheduleEditor({ fullSync: checked }),
+                      disabled: scheduleControlsDisabled || !selectedIntegration || !selectedEntityType
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsx("div", { className: "rounded-lg border bg-background p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                    /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium", children: t("data_sync.dashboard.schedule.enabled", "Schedule enabled") }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("data_sync.dashboard.schedule.enabledHelp", "Pause the recurring job without deleting the schedule definition.") })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    Switch,
+                    {
+                      checked: scheduleEditor.isEnabled,
+                      onCheckedChange: (checked) => updateScheduleEditor({ isEnabled: checked }),
+                      disabled: scheduleControlsDisabled || !selectedIntegration || !selectedEntityType
+                    }
+                  )
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-between gap-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "space-y-1 text-xs text-muted-foreground", children: /* @__PURE__ */ jsx("div", { children: hasSavedSchedule ? scheduleEditor.lastRunAt ? t("data_sync.dashboard.schedule.lastRun", "Last scheduled run: {value}", {
+                  value: new Date(scheduleEditor.lastRunAt).toLocaleString()
+                }) : t("data_sync.dashboard.schedule.neverRun", "Saved, but no scheduled execution has completed yet.") : t("data_sync.dashboard.schedule.none", "No recurring schedule saved for this target yet.") }) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => void handleDeleteSchedule(),
+                      disabled: scheduleControlsDisabled || !hasSavedSchedule,
+                      children: isDeletingSchedule ? t("data_sync.dashboard.schedule.deleting", "Removing...") : t("data_sync.dashboard.schedule.delete", "Remove schedule")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "outline",
+                      onClick: () => void handleSaveSchedule(),
+                      disabled: scheduleControlsDisabled || !selectedIntegration || !selectedEntityType,
+                      children: [
+                        /* @__PURE__ */ jsx(CalendarClock, { className: "mr-2 size-4" }),
+                        isSavingSchedule ? t("data_sync.dashboard.schedule.saving", "Saving...") : t("data_sync.dashboard.schedule.save", "Save recurring schedule")
+                      ]
+                    }
+                  )
+                ] })
+              ] })
             ] })
-          ] })
-        ] }),
-        selectedIntegration && !selectedIntegration.isEnabled ? /* @__PURE__ */ jsx(Alert, { status: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("integrations.detail.state.disabled", "This integration is disabled. Enable it on the integration settings page before starting a sync.") }) }) : null,
-        selectedIntegration && !selectedIntegration.hasCredentials ? /* @__PURE__ */ jsx(Alert, { status: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("integrations.detail.credentials.notConfigured", "Credentials are not configured yet. Save the integration credentials before starting a sync.") }) }) : null,
-        selectedIntegration && selectedIntegration.canStartRun === false ? /* @__PURE__ */ jsx(Alert, { status: "information", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("data_sync.dashboard.start.providerManaged", "This integration starts sync runs from its own setup flow. Open the integration settings page to continue.") }) }) : null
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        stickyActionsColumn: true,
-        title: t("data_sync.dashboard.title"),
-        titleHeadingLevel: 1,
-        columns,
-        data: rows,
-        filters,
-        filterValues,
-        onFiltersApply: handleFiltersApply,
-        onFiltersClear: handleFiltersClear,
-        searchValue: search,
-        onSearchChange: (value) => {
-          setSearch(value);
-          setPage(1);
-        },
-        searchPlaceholder: t("data_sync.dashboard.searchPlaceholder"),
-        perspective: { tableId: extensionPoints.hosts.runsTable.tableId },
-        onRowClick: (row) => {
-          router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`);
-        },
-        rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: [
-          {
-            id: "view",
-            label: t("data_sync.dashboard.actions.view"),
-            onSelect: () => {
-              router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`);
-            }
+          ] }),
+          selectedIntegration && !selectedIntegration.isEnabled ? /* @__PURE__ */ jsx(Alert, { status: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("integrations.detail.state.disabled", "This integration is disabled. Enable it on the integration settings page before starting a sync.") }) }) : null,
+          selectedIntegration && !selectedIntegration.hasCredentials ? /* @__PURE__ */ jsx(Alert, { status: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("integrations.detail.credentials.notConfigured", "Credentials are not configured yet. Save the integration credentials before starting a sync.") }) }) : null,
+          selectedIntegration && selectedIntegration.canStartRun === false ? /* @__PURE__ */ jsx(Alert, { status: "information", children: /* @__PURE__ */ jsx(AlertDescription, { children: t("data_sync.dashboard.start.providerManaged", "This integration starts sync runs from its own setup flow. Open the integration settings page to continue.") }) }) : null
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          stickyActionsColumn: true,
+          title: t("data_sync.dashboard.title"),
+          titleHeadingLevel: 1,
+          columns,
+          data: rows,
+          filters,
+          filterValues,
+          onFiltersApply: handleFiltersApply,
+          onFiltersClear: handleFiltersClear,
+          searchValue: search,
+          onSearchChange: (value) => {
+            setSearch(value);
+            setPage(1);
           },
-          ...row.status === "running" ? [{
-            id: "cancel",
-            label: t("data_sync.runs.detail.cancel"),
-            destructive: true,
-            onSelect: () => {
-              void handleCancel(row);
-            }
-          }] : [],
-          ...row.status === "failed" ? [{
-            id: "retry",
-            label: t("data_sync.runs.detail.retry"),
-            onSelect: () => {
-              void handleRetry(row);
-            }
-          }] : []
-        ] }),
-        pagination: { page, pageSize: 20, total, totalPages, totalIsCapped, onPageChange: setPage },
-        isLoading
-      }
-    )
-  ] }) });
+          searchPlaceholder: t("data_sync.dashboard.searchPlaceholder"),
+          perspective: { tableId: extensionPoints.hosts.runsTable.tableId },
+          onRowClick: (row) => {
+            router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`);
+          },
+          rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: [
+            {
+              id: "view",
+              label: t("data_sync.dashboard.actions.view"),
+              onSelect: () => {
+                router.push(`/backend/data-sync/runs/${encodeURIComponent(row.id)}`);
+              }
+            },
+            ...canRunSync && row.status === "running" ? [{
+              id: "cancel",
+              label: t("data_sync.runs.detail.cancel"),
+              destructive: true,
+              onSelect: () => {
+                void handleCancel(row);
+              }
+            }] : [],
+            ...buildRetryActions(row),
+            // Completed only: on a failed run this differs from the
+            // from-scratch retry solely in offering an edit step, which does
+            // not earn a second near-identical item.
+            ...canRunSync && row.status === "completed" ? [{
+              id: "run-again",
+              label: t("data_sync.dashboard.actions.runAgain", "Run again\u2026"),
+              onSelect: () => {
+                router.push(`/backend/data-sync?from=${encodeURIComponent(row.id)}`);
+              }
+            }] : []
+          ] }),
+          pagination: { page, pageSize: 20, total, totalPages, totalIsCapped, onPageChange: setPage },
+          isLoading
+        }
+      )
+    ] })
+  ] });
 }
 export {
   SyncRunsDashboardPage as default