@jytextiles/medusa-plugin-faire-store-sync 0.2.2 → 0.2.4

package/.medusa/server/src/admin/index.js

@@ -232,7 +232,7 @@ const PAGE_SIZE$1 = 10;
 const STATUS_KEY$1 = ["faire", "status"];
 const FaireSettingsPage = () => {
   var _a, _b, _c;
-  const navigate2 = reactRouterDom.useNavigate();
+  const navigate = reactRouterDom.useNavigate();
   const queryClient = reactQuery.useQueryClient();
   const [pagination, setPagination] = react.useState({
     pageIndex: 0,
@@ -300,7 +300,7 @@ const FaireSettingsPage = () => {
     rowCount: ((_b = syncsQuery.data) == null ? void 0 : _b.count) ?? 0,
     getRowId: (row) => row.id,
     onRowClick: (_, row) => {
-      navigate2(`/settings/faire/${row.id}`);
+      navigate(`/settings/faire/${row.id}`);
     },
     isLoading: syncsQuery.isLoading,
     filters,
@@ -343,7 +343,16 @@ const FaireSettingsPage = () => {
             {
               size: "small",
               variant: "secondary",
-              onClick: () => navigate2("/settings/faire/settings"),
+              onClick: () => navigate("/settings/faire/bulk"),
+              children: "Bulk sync"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              size: "small",
+              variant: "secondary",
+              onClick: () => navigate("/settings/faire/settings"),
               children: "Sync settings"
             }
           ),
@@ -380,7 +389,6 @@ const FaireSettingsPage = () => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(BulkOperations, { connected }),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "divide-y p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable, { instance: table, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(ui.DataTable.Toolbar, { className: "flex flex-col md:flex-row justify-between gap-y-4 px-6 py-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -411,167 +419,133 @@ const InfoField = ({ label, value }) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
   /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
   /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: value })
 ] });
-const BulkOperations = ({ connected }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const [productIds, setProductIds] = react.useState("");
-  const [pushBatch, setPushBatch] = react.useState(null);
-  const [pullBatch, setPullBatch] = react.useState(null);
-  const pushMutation = reactQuery.useMutation({
-    mutationFn: (ids) => faireApi.syncBulk(ids),
-    onSuccess: (res) => {
-      setPushBatch(res.batch_id);
-      ui.toast.success("Bulk product sync started", {
-        description: "Running in the background. Polling progress…"
-      });
-    },
-    onError: (err) => ui.toast.error("Failed to start bulk sync", { description: err.message })
-  });
-  const pullMutation = reactQuery.useMutation({
-    mutationFn: () => faireApi.ingestOrders(),
-    onSuccess: (res) => {
-      setPullBatch(res.batch_id);
-      ui.toast.success("Faire order pull started", {
-        description: "Running in the background. Polling progress…"
-      });
-    },
-    onError: (err) => ui.toast.error("Failed to start order pull", { description: err.message })
-  });
-  const pushStatus = reactQuery.useQuery({
-    queryKey: ["faire", "bulk", pushBatch],
-    enabled: !!pushBatch,
-    refetchInterval: (q) => {
-      var _a2, _b2;
-      return ((_b2 = (_a2 = q.state.data) == null ? void 0 : _a2.progress) == null ? void 0 : _b2.finished) ? false : 3e3;
-    },
-    queryFn: () => faireApi.bulkStatus(pushBatch)
-  });
-  const pullStatus = reactQuery.useQuery({
-    queryKey: ["faire", "ingest", pullBatch],
-    enabled: !!pullBatch,
-    refetchInterval: (q) => {
-      var _a2, _b2;
-      return ((_b2 = (_a2 = q.state.data) == null ? void 0 : _a2.progress) == null ? void 0 : _b2.finished) ? false : 3e3;
-    },
-    queryFn: () => faireApi.ingestStatus(pullBatch)
-  });
-  const pushProgress = (_a = pushStatus.data) == null ? void 0 : _a.progress;
-  const pullProgress = (_b = pullStatus.data) == null ? void 0 : _b.progress;
-  const handlePush = () => {
-    const ids = productIds.split(/[\s,]+/).map((s) => s.trim()).filter(Boolean);
-    if (!ids.length) {
-      ui.toast.error("Enter at least one product id");
-      return;
+const config = adminSdk.defineRouteConfig({
+  label: "Faire",
+  icon: icons.BuildingStorefront
+});
+const handle$3 = {
+  breadcrumb: () => "Faire Sync"
+};
+const STATUS_COLORS = {
+  success: "green",
+  failed: "red",
+  draft: "orange",
+  pending: "grey",
+  syncing: "grey"
+};
+const FaireSyncDetailPage = () => {
+  const { id } = reactRouterDom.useParams();
+  const navigate = reactRouterDom.useNavigate();
+  const [record, setRecord] = react.useState(null);
+  const [loading, setLoading] = react.useState(true);
+  const [retrying, setRetrying] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  react.useEffect(() => {
+    if (!id) return;
+    setLoading(true);
+    faireApi.getSync(id).then((res) => {
+      setRecord(res.sync || res);
+    }).catch((err) => setError(err.message || "Failed to load sync record")).finally(() => setLoading(false));
+  }, [id]);
+  const handleRetry = async () => {
+    if (!record) return;
+    setRetrying(true);
+    setError(null);
+    try {
+      await faireApi.retrySync(record.id);
+      const updated = await faireApi.getSync(record.id).catch(() => null);
+      if (updated) setRecord(updated.sync || updated);
+    } catch (err) {
+      setError(err.message || "Retry failed");
+    } finally {
+      setRetrying(false);
     }
-    pushMutation.mutate(ids);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Bulk operations" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Push many products to Faire, or pull wholesale orders from Faire into Medusa. Both run as long-running background workflows." })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 flex flex-col gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-7 w-12 rounded-md" }) });
+  }
+  if (!record) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-6 flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record not found" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => navigate("/settings/faire"), children: "Back to Faire settings" })
+    ] });
+  }
+  const warnings = record.error_message ? record.error_message.split(" | ") : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    error && /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text", children: error }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Push products to Faire" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Comma- or line-separated Medusa product IDs." })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle font-mono text-xs", children: record.id })
         ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: STATUS_COLORS[record.status] || "grey", children: record.status }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", disabled: retrying, children: /* @__PURE__ */ jsxRuntime.jsx(icons.EllipsisHorizontal, {}) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu.Content, { align: "end", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenu.Item,
+                {
+                  className: "gap-x-2",
+                  onClick: handleRetry,
+                  disabled: retrying,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "text-ui-fg-subtle" }),
+                    retrying ? "Re-syncing…" : "Re-sync product"
+                  ]
+                }
+              ),
+              record.product_url && /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.DropdownMenu.Item,
+                {
+                  className: "gap-x-2",
+                  onClick: () => window.open(record.product_url, "_blank"),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "text-ui-fg-subtle" }),
+                    "Open on Faire"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Product", value: record.product_id, mono: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Action", value: record.action }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Faire product token", value: record.product_token || "—", mono: true }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "State", value: record.product_state || "—" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Published", value: record.published ? "Yes" : "No" }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          "textarea",
+          Detail,
           {
-            className: "border-ui-border-base rounded-lg border px-3 py-2 text-sm min-h-[72px]",
-            placeholder: "prod_01..., prod_02...",
-            value: productIds,
-            onChange: (e) => setProductIds(e.target.value),
-            disabled: !connected || pushMutation.isPending
+            label: "Synced at",
+            value: record.synced_at ? new Date(record.synced_at).toLocaleString() : "—"
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              variant: "secondary",
-              disabled: !connected,
-              onClick: () => navigate("/settings/faire/bulk"),
-              children: "Select products"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              onClick: handlePush,
-              disabled: !connected || pushMutation.isPending,
-              isLoading: pushMutation.isPending,
-              children: "Start bulk push"
-            }
-          ),
-          pushBatch && pushProgress && /* @__PURE__ */ jsxRuntime.jsx(
-            BulkProgress,
-            {
-              label: "Push",
-              progress: pushProgress,
-              status: (_d = (_c = pushStatus.data) == null ? void 0 : _c.batch) == null ? void 0 : _d.status
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: "Pull Faire orders into Medusa" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Ingests all available Faire orders as Medusa orders (idempotent)." })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
-            {
-              size: "small",
-              variant: "secondary",
-              onClick: () => pullMutation.mutate(),
-              disabled: !connected || pullMutation.isPending,
-              isLoading: pullMutation.isPending,
-              children: "Start order pull"
-            }
-          ),
-          pullBatch && pullProgress && /* @__PURE__ */ jsxRuntime.jsx(
-            BulkProgress,
-            {
-              label: "Pull",
-              progress: pullProgress,
-              status: (_f = (_e = pullStatus.data) == null ? void 0 : _e.batch) == null ? void 0 : _f.status
-            }
-          )
-        ] })
+        )
       ] })
-    ] })
+    ] }),
+    warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Issues" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex flex-col gap-2", children: warnings.map((w, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text text-sm", children: w }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
   ] });
 };
-const BulkProgress = ({
+const Detail = ({
   label,
-  progress,
-  status
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-  /* @__PURE__ */ jsxRuntime.jsxs(ui.StatusBadge, { color: progress.finished ? status === "failed" ? "red" : "green" : "orange", children: [
-    label,
-    ": ",
-    progress.done,
-    "/",
-    progress.total || "?",
-    " (",
-    progress.pct,
-    "%)"
-  ] }),
-  progress.finished && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: status === "failed" ? "Completed with errors" : "Done" })
+  value,
+  mono
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: mono ? "font-mono text-xs" : "", children: value })
 ] });
-const config = adminSdk.defineRouteConfig({
-  label: "Faire",
-  icon: icons.BuildingStorefront
-});
-const handle$3 = {
-  breadcrumb: () => "Faire Sync"
+const handle$2 = {
+  breadcrumb: () => "Sync record"
 };
 const Root = ({ prev = "..", children }) => {
-  const navigate2 = reactRouterDom.useNavigate();
+  const navigate = reactRouterDom.useNavigate();
   const [open, setOpen] = react.useState(false);
   react.useEffect(() => {
     setOpen(true);
@@ -580,7 +554,7 @@ const Root = ({ prev = "..", children }) => {
   const handleOpenChange = (next) => {
     if (!next) {
       document.body.style.pointerEvents = "auto";
-      navigate2(prev, { replace: true });
+      navigate(prev, { replace: true });
       return;
     }
     setOpen(next);
@@ -643,7 +617,7 @@ const listProducts = (query) => sdk.admin.product.list({
   ...query
 });
 const FaireBulkPage = () => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g;
   const queryClient = reactQuery.useQueryClient();
   const [pagination, setPagination] = react.useState({
     pageIndex: 0,
@@ -713,6 +687,27 @@ const FaireBulkPage = () => {
     },
     onError: (err) => ui.toast.error("Failed to start bulk sync", { description: err.message })
   });
+  const [pullBatch, setPullBatch] = react.useState(null);
+  const pullMutation = reactQuery.useMutation({
+    mutationFn: () => faireApi.ingestOrders(),
+    onSuccess: (res) => {
+      setPullBatch(res.batch_id);
+      ui.toast.success("Faire order pull started", {
+        description: "Running in the background. Polling progress…"
+      });
+    },
+    onError: (err) => ui.toast.error("Failed to start order pull", { description: err.message })
+  });
+  const pullStatus = reactQuery.useQuery({
+    queryKey: ["faire", "ingest", pullBatch],
+    enabled: !!pullBatch,
+    refetchInterval: (q) => {
+      var _a2, _b2;
+      return ((_b2 = (_a2 = q.state.data) == null ? void 0 : _a2.progress) == null ? void 0 : _b2.finished) ? false : 3e3;
+    },
+    queryFn: () => faireApi.ingestStatus(pullBatch)
+  });
+  const pullProgress = (_e = pullStatus.data) == null ? void 0 : _e.progress;
   const columns = useBulkProductColumns();
   const commands = react.useMemo(
     () => [
@@ -811,129 +806,42 @@ const FaireBulkPage = () => {
       productsQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 p-6", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-10 w-full" }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Table, {}),
       /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable.Pagination, {})
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
-  ] });
-};
-const handle$2 = {
-  breadcrumb: () => "Bulk sync"
-};
-const STATUS_COLORS = {
-  success: "green",
-  failed: "red",
-  draft: "orange",
-  pending: "grey",
-  syncing: "grey"
-};
-const FaireSyncDetailPage = () => {
-  const { id } = reactRouterDom.useParams();
-  const navigate2 = reactRouterDom.useNavigate();
-  const [record, setRecord] = react.useState(null);
-  const [loading, setLoading] = react.useState(true);
-  const [retrying, setRetrying] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  react.useEffect(() => {
-    if (!id) return;
-    setLoading(true);
-    faireApi.getSync(id).then((res) => {
-      setRecord(res.sync || res);
-    }).catch((err) => setError(err.message || "Failed to load sync record")).finally(() => setLoading(false));
-  }, [id]);
-  const handleRetry = async () => {
-    if (!record) return;
-    setRetrying(true);
-    setError(null);
-    try {
-      await faireApi.retrySync(record.id);
-      const updated = await faireApi.getSync(record.id).catch(() => null);
-      if (updated) setRecord(updated.sync || updated);
-    } catch (err) {
-      setError(err.message || "Retry failed");
-    } finally {
-      setRetrying(false);
-    }
-  };
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-7 w-12 rounded-md" }) });
-  }
-  if (!record) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "p-6 flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "secondary", onClick: () => navigate2("/settings/faire"), children: "Back to Faire settings" })
-    ] });
-  }
-  const warnings = record.error_message ? record.error_message.split(" | ") : [];
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-    error && /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text", children: error }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Sync record" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle font-mono text-xs", children: record.id })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.StatusBadge, { color: STATUS_COLORS[record.status] || "grey", children: record.status }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", variant: "transparent", disabled: retrying, children: /* @__PURE__ */ jsxRuntime.jsx(icons.EllipsisHorizontal, {}) }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu.Content, { align: "end", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.DropdownMenu.Item,
-                {
-                  className: "gap-x-2",
-                  onClick: handleRetry,
-                  disabled: retrying,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowPath, { className: "text-ui-fg-subtle" }),
-                    retrying ? "Re-syncing…" : "Re-sync product"
-                  ]
-                }
-              ),
-              record.product_url && /* @__PURE__ */ jsxRuntime.jsxs(
-                ui.DropdownMenu.Item,
-                {
-                  className: "gap-x-2",
-                  onClick: () => window.open(record.product_url, "_blank"),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowUpRightOnBox, { className: "text-ui-fg-subtle" }),
-                    "Open on Faire"
-                  ]
-                }
-              )
-            ] })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Product", value: record.product_id, mono: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Action", value: record.action }),
-        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Faire product token", value: record.product_token || "—", mono: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "State", value: record.product_state || "—" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Detail, { label: "Published", value: record.published ? "Yes" : "No" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Detail,
+    /* @__PURE__ */ jsxRuntime.jsx(RouteFocusModal.Footer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between gap-x-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "small", className: "text-ui-fg-subtle", children: "Pull Faire orders into Medusa (idempotent)" }),
+        pullBatch && pullProgress && /* @__PURE__ */ jsxRuntime.jsxs(
+          ui.StatusBadge,
           {
-            label: "Synced at",
-            value: record.synced_at ? new Date(record.synced_at).toLocaleString() : "—"
+            color: pullProgress.finished ? ((_g = (_f = pullStatus.data) == null ? void 0 : _f.batch) == null ? void 0 : _g.status) === "failed" ? "red" : "green" : "orange",
+            children: [
+              "Pull: ",
+              pullProgress.done,
+              "/",
+              pullProgress.total || "?",
+              " (",
+              pullProgress.pct,
+              "%)"
+            ]
           }
         )
-      ] })
-    ] }),
-    warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Issues" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex flex-col gap-2", children: warnings.map((w, i) => /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-tag-red-text text-sm", children: w }, i)) })
-    ] }),
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
+        {
+          size: "small",
+          variant: "secondary",
+          onClick: () => pullMutation.mutate(),
+          disabled: !connected || pullMutation.isPending,
+          isLoading: pullMutation.isPending,
+          children: "Pull orders"
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(ui.Toaster, {})
   ] });
 };
-const Detail = ({
-  label,
-  value,
-  mono
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { children: label }),
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: mono ? "font-mono text-xs" : "", children: value })
-] });
 const handle$1 = {
-  breadcrumb: () => "Sync record"
+  breadcrumb: () => "Bulk sync"
 };
 const STATUS_KEY = ["faire", "status"];
 const PARENT = "/settings/faire";
@@ -956,13 +864,13 @@ const cleanSettings = (form) => {
   return out;
 };
 const FaireSyncSettingsDrawer = () => {
-  const navigate2 = reactRouterDom.useNavigate();
+  const navigate = reactRouterDom.useNavigate();
   const queryClient = reactQuery.useQueryClient();
   const [open, setOpen] = react.useState(true);
   const [form, setForm] = react.useState({});
   const close = () => {
     setOpen(false);
-    navigate2(PARENT);
+    navigate(PARENT);
   };
   const statusQuery = reactQuery.useQuery({
     queryKey: STATUS_KEY,
@@ -1124,7 +1032,7 @@ const handle = {
 const EXCHANGED_PREFIX = "faire:oauth:exchanged:";
 const FaireOauthCallback = () => {
   const [params] = reactRouterDom.useSearchParams();
-  const navigate2 = reactRouterDom.useNavigate();
+  const navigate = reactRouterDom.useNavigate();
   const [error, setError] = react.useState(null);
   const [exchanging, setExchanging] = react.useState(true);
   react.useEffect(() => {
@@ -1144,7 +1052,7 @@ const FaireOauthCallback = () => {
       return;
     }
     if (sessionStorage.getItem(EXCHANGED_PREFIX + code)) {
-      navigate2("/settings/faire", { replace: true });
+      navigate("/settings/faire", { replace: true });
       return;
     }
     sessionStorage.setItem(EXCHANGED_PREFIX + code, "1");
@@ -1152,13 +1060,13 @@ const FaireOauthCallback = () => {
     const run = async () => {
       try {
         await faireApi.callback(code, state);
-        if (!cancelled) navigate2("/settings/faire", { replace: true });
+        if (!cancelled) navigate("/settings/faire", { replace: true });
       } catch (err) {
         if (!cancelled) {
           try {
             const status = await faireApi.status();
             if (status == null ? void 0 : status.connected) {
-              navigate2("/settings/faire", { replace: true });
+              navigate("/settings/faire", { replace: true });
               return;
             }
           } catch {
@@ -1172,7 +1080,7 @@ const FaireOauthCallback = () => {
     return () => {
       cancelled = true;
     };
-  }, [params, navigate2]);
+  }, [params, navigate]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "flex flex-col items-center gap-4 p-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h1", children: "Connecting Faire…" }),
     error ? /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: error }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: exchanging ? "Completing authorization, please wait…" : "Redirecting…" }),
@@ -1181,7 +1089,7 @@ const FaireOauthCallback = () => {
       {
         size: "small",
         variant: "secondary",
-        onClick: () => navigate2("/settings/faire", { replace: true }),
+        onClick: () => navigate("/settings/faire", { replace: true }),
         children: "Back to Faire settings"
       }
     )
@@ -1202,13 +1110,13 @@ const routeModule = {
       handle: handle$3
     },
     {
-      Component: FaireBulkPage,
-      path: "/settings/faire/bulk",
+      Component: FaireSyncDetailPage,
+      path: "/settings/faire/:id",
       handle: handle$2
     },
     {
-      Component: FaireSyncDetailPage,
-      path: "/settings/faire/:id",
+      Component: FaireBulkPage,
+      path: "/settings/faire/bulk",
       handle: handle$1
     },
     {