strapi-plugin-bulk-updater 1.4.10 → 1.5.2

package/dist/_chunks/{BulkUpdater-CHdA0546.mjs → BulkUpdater-BiSkkAHF.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo, useRef } from "react";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
-import { Box, Flex, Typography, Button, SingleSelect, SingleSelectOption, Badge, Checkbox, Alert, Table, Thead, Tr, Th, Tbody, Td, TextInput, Loader, ComboboxOption, Field, Combobox } from "@strapi/design-system";
+import { Box, Flex, Typography, Button, Combobox, ComboboxOption, SingleSelect, SingleSelectOption, Badge, Checkbox, Alert, Table, Thead, Tr, Th, Tbody, Td, TextInput, Loader, Field } from "@strapi/design-system";
 import { ArrowClockwise, Download, Upload, ChevronLeft, ChevronRight, Eye, Check, Cog, Play } from "@strapi/icons";
 import { i as isAbortError, V as ValidationRulesTab } from "./ValidationRulesTab-BtOCWK8E.mjs";
 function parseCsvRows(csvText) {
@@ -162,8 +162,8 @@ function CsvManagerTab() {
   const [showConfirmModal, setShowConfirmModal] = useState(false);
   const [makerNotesInput, setMakerNotesInput] = useState("");
   const [submittingBatch, setSubmittingBatch] = useState(false);
-  const [publishStrategy, setPublishStrategy] = useState("safe");
-  const [unreviewedConsent, setUnreviewedConsent] = useState(false);
+  const [publishStrategy, setPublishStrategy] = useState("all");
+  const [unreviewedConsent, setUnreviewedConsent] = useState(true);
   useEffect(() => {
     fetchInitialData();
   }, []);
@@ -480,23 +480,36 @@ function CsvManagerTab() {
         /* @__PURE__ */ jsxs(Box, { style: { flex: 1 }, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", marginBottom: 2, children: "Target Collection Type" }),
           /* @__PURE__ */ jsx(
-            SingleSelect,
+            Combobox,
             {
-              value: selectedUid,
-              onChange: (val) => {
-                setSelectedUid(val);
+              value: selectedUid || void 0,
+              autocomplete: { type: "list", filter: "contains" },
+              placeholder: "Search & select a collection...",
+              disabled: loadingCollections,
+              clearLabel: "Clear collection selection",
+              onClear: () => {
+                setSelectedUid("");
                 setImportResult(null);
                 setImportProgress(null);
               },
-              disabled: loadingCollections,
-              placeholder: "Select a collection...",
-              children: collections.map((col) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: col.uid, children: [
+              onFocus: (e) => {
+                e.target.select();
+              },
+              onChange: (val) => {
+                if (val && typeof val === "string") {
+                  setSelectedUid(val);
+                  setImportResult(null);
+                  setImportProgress(null);
+                }
+              },
+              children: collections.map((col) => /* @__PURE__ */ jsxs(ComboboxOption, { value: col.uid, textValue: `${col.displayName} (${col.uid})`, children: [
                 col.displayName,
                 " (",
                 col.totalEntries ?? 0,
                 " records)"
               ] }, col.uid))
-            }
+            },
+            `csv-col-${selectedUid}`
           )
         ] }),
         /* @__PURE__ */ jsx(
@@ -591,7 +604,13 @@ function CsvManagerTab() {
               Checkbox,
               {
                 checked: publishOnImport,
-                onValueChange: (val) => setPublishOnImport(val),
+                onValueChange: (val) => {
+                  setPublishOnImport(val);
+                  if (val) {
+                    setPublishStrategy("all");
+                    setUnreviewedConsent(true);
+                  }
+                },
                 children: "Auto-publish on import"
               }
             )
@@ -854,8 +873,13 @@ function CsvManagerTab() {
                   size: "L",
                   startIcon: /* @__PURE__ */ jsx(Check, {}),
                   onClick: () => {
-                    setPublishStrategy("safe");
-                    setUnreviewedConsent(false);
+                    if (publishOnImport) {
+                      setPublishStrategy("all");
+                      setUnreviewedConsent(true);
+                    } else {
+                      setPublishStrategy("safe");
+                      setUnreviewedConsent(false);
+                    }
                     setShowConfirmModal(true);
                   },
                   loading: importing || submittingBatch,
@@ -1178,7 +1202,7 @@ function CsvManagerTab() {
                         ] })
                       }
                     ),
-                    publishOnImport && (preflightReport?.lifecycleStats?.unreviewedCount ?? 0) > 0 && /* @__PURE__ */ jsxs(
+                    publishOnImport && /* @__PURE__ */ jsxs(
                       Box,
                       {
                         padding: 4,
@@ -1187,7 +1211,7 @@ function CsvManagerTab() {
                         marginBottom: 4,
                         style: { border: "1px solid #d9d8ff" },
                         children: [
-                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 3, display: "block", children: "PUBLISHING STRATEGY & GOVERNANCE CONSENT" }),
+                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", marginBottom: 3, display: "block", children: "PUBLISHING STRATEGY & GOVERNANCE" }),
                           /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, children: [
                             /* @__PURE__ */ jsx(
                               Box,
@@ -1195,40 +1219,32 @@ function CsvManagerTab() {
                                 padding: 3,
                                 hasRadius: true,
                                 style: {
-                                  border: publishStrategy === "safe" ? "2px solid #4945ff" : "1px solid #eaeaef",
-                                  backgroundColor: publishStrategy === "safe" ? "#f0f0ff" : "#ffffff",
+                                  border: publishStrategy === "all" ? "2px solid #4945ff" : "1px solid #eaeaef",
+                                  backgroundColor: publishStrategy === "all" ? "#f0f0ff" : "#ffffff",
                                   cursor: "pointer"
                                 },
                                 onClick: () => {
-                                  setPublishStrategy("safe");
-                                  setUnreviewedConsent(false);
+                                  setPublishStrategy("all");
+                                  setUnreviewedConsent(true);
                                 },
                                 children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
                                   /* @__PURE__ */ jsx(
                                     "input",
                                     {
                                       type: "radio",
-                                      id: "csv-strategy-safe",
+                                      id: "csv-strategy-all",
                                       name: "csvPublishStrategy",
-                                      checked: publishStrategy === "safe",
+                                      checked: publishStrategy === "all",
                                       onChange: () => {
-                                        setPublishStrategy("safe");
-                                        setUnreviewedConsent(false);
+                                        setPublishStrategy("all");
+                                        setUnreviewedConsent(true);
                                       },
                                       style: { marginTop: 3 }
                                     }
                                   ),
                                   /* @__PURE__ */ jsxs(Box, { children: [
-                                    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", display: "block", children: "🛡️ Safe Publishing (Recommended)" }),
-                                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-                                      "Only publish records that are already approved & live (",
-                                      preflightReport?.lifecycleStats?.published ?? 0,
-                                      " record",
-                                      (preflightReport?.lifecycleStats?.published ?? 0) === 1 ? "" : "s",
-                                      "). The ",
-                                      preflightReport?.lifecycleStats?.unreviewedCount ?? 0,
-                                      " unreviewed or draft record(s) will receive the CSV update in Draft mode without publishing unreviewed draft revisions to visitors."
-                                    ] })
+                                    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "primary700", display: "block", children: "🚀 Publish All Imported Records Live (Immediate)" }),
+                                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Publish all affected records live to production immediately upon import execution." })
                                   ] })
                                 ] })
                               }
@@ -1239,56 +1255,32 @@ function CsvManagerTab() {
                                 padding: 3,
                                 hasRadius: true,
                                 style: {
-                                  border: publishStrategy === "all" ? "2px solid #d02b20" : "1px solid #eaeaef",
-                                  backgroundColor: publishStrategy === "all" ? "#fff5f5" : "#ffffff",
+                                  border: publishStrategy === "safe" ? "2px solid #4945ff" : "1px solid #eaeaef",
+                                  backgroundColor: publishStrategy === "safe" ? "#f0f0ff" : "#ffffff",
                                   cursor: "pointer"
                                 },
-                                onClick: () => setPublishStrategy("all"),
+                                onClick: () => {
+                                  setPublishStrategy("safe");
+                                  setUnreviewedConsent(false);
+                                },
                                 children: /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-start", children: [
                                   /* @__PURE__ */ jsx(
                                     "input",
                                     {
                                       type: "radio",
-                                      id: "csv-strategy-all",
+                                      id: "csv-strategy-safe",
                                       name: "csvPublishStrategy",
-                                      checked: publishStrategy === "all",
-                                      onChange: () => setPublishStrategy("all"),
+                                      checked: publishStrategy === "safe",
+                                      onChange: () => {
+                                        setPublishStrategy("safe");
+                                        setUnreviewedConsent(false);
+                                      },
                                       style: { marginTop: 3 }
                                     }
                                   ),
                                   /* @__PURE__ */ jsxs(Box, { children: [
-                                    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "⚠️ Publish All Imported Records (Includes Unreviewed Drafts)" }),
-                                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-                                      "Publish all affected records live to production immediately, pushing all pending unreviewed draft edits in the ",
-                                      preflightReport?.lifecycleStats?.unreviewedCount ?? 0,
-                                      " draft/modified record(s) live."
-                                    ] })
-                                  ] })
-                                ] })
-                              }
-                            ),
-                            publishStrategy === "all" && /* @__PURE__ */ jsx(
-                              Box,
-                              {
-                                padding: 3,
-                                background: "danger100",
-                                hasRadius: true,
-                                style: { border: "1px solid #f5c0b8" },
-                                children: /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "flex-start", children: [
-                                  /* @__PURE__ */ jsx(
-                                    Checkbox,
-                                    {
-                                      checked: unreviewedConsent,
-                                      onValueChange: (checked) => setUnreviewedConsent(Boolean(checked))
-                                    }
-                                  ),
-                                  /* @__PURE__ */ jsxs(Box, { style: { cursor: "pointer" }, onClick: () => setUnreviewedConsent(!unreviewedConsent), children: [
-                                    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", textColor: "danger700", display: "block", children: "Mandatory Risk Consent Required" }),
-                                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "danger700", children: [
-                                      "I understand and explicitly consent that ",
-                                      preflightReport?.lifecycleStats?.unreviewedCount ?? 0,
-                                      " record(s) with unreviewed draft revisions or saved draft states will be published live to production visitors."
-                                    ] })
+                                    /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", display: "block", children: "🛡️ Safe Publishing (Only Publish Pre-Approved Live Records)" }),
+                                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Only publish records that are already approved & live. Any unreviewed or draft records will receive the CSV update in Draft mode without publishing to visitors." })
                                   ] })
                                 ] })
                               }
@@ -2356,6 +2348,511 @@ const BulkUpdatePreviewModal = ({
     }
   );
 };
+const CheckerReviewModal = ({
+  isOpen,
+  onClose,
+  batch,
+  onApprove,
+  onReject,
+  approving,
+  rejecting
+}) => {
+  const { get } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [diffs, setDiffs] = useState([]);
+  const [summary, setSummary] = useState({
+    total: 0,
+    willUpdate: 0,
+    willCreate: 0,
+    unchanged: 0,
+    skipped: 0
+  });
+  const [filterTab, setFilterTab] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const [isExporting, setIsExporting] = useState(false);
+  const [showRejectInput, setShowRejectInput] = useState(false);
+  const [rejectionReason, setRejectionReason] = useState("");
+  const fetchBatchDiffs = async () => {
+    if (!batch || !batch.id) return;
+    try {
+      setLoading(true);
+      setError(null);
+      const res = await get(`/bulk-updater/batches/${batch.id}/diffs`);
+      if (res.data && res.data.success) {
+        setDiffs(res.data.diffs || []);
+        setSummary({
+          total: res.data.summary?.total ?? res.data.diffs?.length ?? 0,
+          willUpdate: res.data.summary?.willUpdate ?? 0,
+          willCreate: res.data.summary?.willCreate ?? 0,
+          unchanged: res.data.summary?.unchanged ?? 0,
+          skipped: res.data.summary?.skipped ?? 0
+        });
+      } else {
+        setError(res.data?.error || "Failed to inspect pending batch changes.");
+      }
+    } catch (err) {
+      setError(err.message || "An error occurred while fetching batch diffs.");
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect(() => {
+    if (isOpen && batch) {
+      setShowRejectInput(false);
+      setRejectionReason("");
+      setFilterTab("all");
+      setSearchQuery("");
+      fetchBatchDiffs();
+    }
+  }, [isOpen, batch?.id]);
+  const handleExportCsv = async () => {
+    if (!batch || !batch.id) return;
+    try {
+      setIsExporting(true);
+      const res = await get(`/bulk-updater/batches/${batch.id}/diffs/export`);
+      if (res.data && res.data.success && res.data.csvContent) {
+        const safeContent = res.data.csvContent.startsWith("\uFEFF") ? res.data.csvContent : "\uFEFF" + res.data.csvContent;
+        const blob = new Blob([safeContent], { type: "text/csv;charset=utf-8;" });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement("a");
+        link.href = url;
+        link.setAttribute("download", res.data.filename || `batch_${batch.id}_review.csv`);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+        toggleNotification({
+          type: "success",
+          message: `Exported ${res.data.count || diffs.length} batch changes to audit CSV.`
+        });
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: "Failed to generate review CSV export."
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Error downloading review CSV."
+      });
+    } finally {
+      setIsExporting(false);
+    }
+  };
+  const filteredDiffs = useMemo(() => {
+    let items = diffs;
+    if (filterTab === "changes") {
+      items = items.filter((d) => d.hasChange || d.status === "will_create");
+    } else if (filterTab === "will_update") {
+      items = items.filter((d) => d.status === "will_update");
+    } else if (filterTab === "will_create") {
+      items = items.filter((d) => d.status === "will_create");
+    } else if (filterTab === "unchanged") {
+      items = items.filter((d) => d.status === "unchanged");
+    } else if (filterTab === "will_skip") {
+      items = items.filter((d) => d.status === "will_skip");
+    }
+    if (searchQuery.trim()) {
+      const q = searchQuery.toLowerCase().trim();
+      items = items.filter(
+        (d) => d.label?.toLowerCase().includes(q) || d.documentId?.toLowerCase().includes(q) || d.collectionName?.toLowerCase().includes(q) || d.attribute?.toLowerCase().includes(q) || String(d.oldDisplay || "").toLowerCase().includes(q) || String(d.newDisplay || "").toLowerCase().includes(q)
+      );
+    }
+    return items;
+  }, [diffs, filterTab, searchQuery]);
+  if (!isOpen || !batch) return null;
+  const totalChanges = (summary.willUpdate || 0) + (summary.willCreate || 0);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(20, 20, 30, 0.75)",
+        backdropFilter: "blur(4px)",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        zIndex: 9999,
+        padding: 16,
+        boxSizing: "border-box"
+      },
+      onClick: onClose,
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          background: "neutral0",
+          hasRadius: true,
+          shadow: "popupShadow",
+          style: {
+            maxWidth: 1160,
+            width: "96%",
+            maxHeight: "calc(100vh - 40px)",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden",
+            position: "relative",
+            boxShadow: "0 24px 50px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.25)"
+          },
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                padding: 5,
+                background: "neutral100",
+                style: {
+                  borderBottom: "1px solid rgba(120, 120, 150, 0.2)",
+                  flexShrink: 0
+                },
+                children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "flex-start", wrap: "wrap", gap: 3, children: [
+                  /* @__PURE__ */ jsxs(Box, { children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", marginBottom: 1, children: [
+                      /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: "Checker Approval: Bulk Change Inspection" }),
+                      /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: batch.id }),
+                      (batch.payload?.action === "csv_import" || batch.id?.startsWith("csv_")) && /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "📊 CSV IMPORT" }),
+                      batch.payload?.action === "publish" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "🚀 BULK PUBLISH" })
+                    ] }),
+                    /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+                      "Submitted by ",
+                      /* @__PURE__ */ jsx("strong", { children: batch.createdBy?.email || "admin" }),
+                      " on ",
+                      new Date(batch.createdAt).toLocaleString()
+                    ] }),
+                    batch.makerNotes && /* @__PURE__ */ jsx(Box, { marginTop: 2, padding: 2, background: "neutral150", hasRadius: true, style: { borderLeft: "3px solid #4945ff" }, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral700", children: [
+                      /* @__PURE__ */ jsx("strong", { children: "Maker Notes:" }),
+                      " ",
+                      batch.makerNotes
+                    ] }) })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "tertiary",
+                        size: "S",
+                        startIcon: /* @__PURE__ */ jsx(Download, {}),
+                        onClick: handleExportCsv,
+                        loading: isExporting,
+                        children: "Export Audit CSV"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "tertiary",
+                        size: "S",
+                        startIcon: /* @__PURE__ */ jsx(ArrowClockwise, {}),
+                        onClick: fetchBatchDiffs,
+                        loading,
+                        children: "Refresh"
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                padding: 5,
+                style: {
+                  flex: "1 1 auto",
+                  minHeight: 0,
+                  overflowY: "auto",
+                  WebkitOverflowScrolling: "touch"
+                },
+                children: [
+                  loading ? /* @__PURE__ */ jsx(Box, { padding: 8, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 3, children: [
+                    /* @__PURE__ */ jsx(Loader, { children: "Inspecting target records from database..." }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "semiBold", children: "Generating Itemized Diffs..." }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Comparing proposed values against current database records." })
+                  ] }) }) : error ? /* @__PURE__ */ jsxs(Box, { padding: 6, style: { textAlign: "center" }, children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "danger700", fontWeight: "bold", children: "Failed to load change diffs" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", display: "block", marginTop: 1, children: error })
+                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs(Flex, { gap: 3, marginBottom: 4, wrap: "wrap", children: [
+                      /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          padding: 3,
+                          background: "neutral100",
+                          hasRadius: true,
+                          style: { flex: 1, minWidth: 130, border: "1px solid rgba(120, 120, 150, 0.15)" },
+                          children: [
+                            /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", display: "block", children: "TOTAL TARGETS" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "neutral800", children: summary.total })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          padding: 3,
+                          background: "warning100",
+                          hasRadius: true,
+                          style: { flex: 1, minWidth: 130, border: "1px solid #ffd591" },
+                          children: [
+                            /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "warning700", display: "block", children: "WILL UPDATE" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "warning700", children: summary.willUpdate })
+                          ]
+                        }
+                      ),
+                      (summary.willCreate ?? 0) > 0 && /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          padding: 3,
+                          background: "success100",
+                          hasRadius: true,
+                          style: { flex: 1, minWidth: 130, border: "1px solid #b7eb8f" },
+                          children: [
+                            /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "success700", display: "block", children: "WILL CREATE (NEW)" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "success700", children: summary.willCreate })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          padding: 3,
+                          background: "neutral100",
+                          hasRadius: true,
+                          style: { flex: 1, minWidth: 130, border: "1px solid rgba(120, 120, 150, 0.15)" },
+                          children: [
+                            /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", display: "block", children: "UNCHANGED" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "neutral600", children: summary.unchanged })
+                          ]
+                        }
+                      ),
+                      summary.skipped > 0 && /* @__PURE__ */ jsxs(
+                        Box,
+                        {
+                          padding: 3,
+                          background: "danger100",
+                          hasRadius: true,
+                          style: { flex: 1, minWidth: 130, border: "1px solid #ffa39e" },
+                          children: [
+                            /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "danger700", display: "block", children: "SKIPPED / ERRORS" }),
+                            /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "danger700", children: summary.skipped })
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 3, wrap: "wrap", gap: 3, children: [
+                      /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", children: [
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: filterTab === "all" ? "default" : "tertiary",
+                            size: "S",
+                            onClick: () => setFilterTab("all"),
+                            children: [
+                              "All Items (",
+                              diffs.length,
+                              ")"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: filterTab === "changes" ? "default" : "tertiary",
+                            size: "S",
+                            onClick: () => setFilterTab("changes"),
+                            children: [
+                              "Changes Only (",
+                              totalChanges,
+                              ")"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: filterTab === "will_update" ? "default" : "tertiary",
+                            size: "S",
+                            onClick: () => setFilterTab("will_update"),
+                            children: [
+                              "Updates (",
+                              summary.willUpdate,
+                              ")"
+                            ]
+                          }
+                        ),
+                        (summary.willCreate ?? 0) > 0 && /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: filterTab === "will_create" ? "default" : "tertiary",
+                            size: "S",
+                            onClick: () => setFilterTab("will_create"),
+                            children: [
+                              "Creates (",
+                              summary.willCreate,
+                              ")"
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: filterTab === "unchanged" ? "default" : "tertiary",
+                            size: "S",
+                            onClick: () => setFilterTab("unchanged"),
+                            children: [
+                              "Unchanged (",
+                              summary.unchanged,
+                              ")"
+                            ]
+                          }
+                        ),
+                        summary.skipped > 0 && /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: filterTab === "will_skip" ? "default" : "tertiary",
+                            size: "S",
+                            onClick: () => setFilterTab("will_skip"),
+                            children: [
+                              "Skipped (",
+                              summary.skipped,
+                              ")"
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx(Box, { style: { width: 260 }, children: /* @__PURE__ */ jsx(
+                        TextInput,
+                        {
+                          placeholder: "Search records or values...",
+                          size: "S",
+                          value: searchQuery,
+                          onChange: (e) => setSearchQuery(e.target.value)
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Box,
+                      {
+                        hasRadius: true,
+                        style: {
+                          border: "1px solid #eaeaef",
+                          maxHeight: 380,
+                          overflowY: "auto",
+                          overflowX: "auto"
+                        },
+                        children: /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: filteredDiffs.length + 1, style: { width: "100%", minWidth: 880 }, children: [
+                          /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                            /* @__PURE__ */ jsx(Th, { style: { width: 140 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "COLLECTION" }) }),
+                            /* @__PURE__ */ jsx(Th, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "RECORD IDENTIFIER" }) }),
+                            /* @__PURE__ */ jsx(Th, { style: { minWidth: 140 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "ATTRIBUTE" }) }),
+                            /* @__PURE__ */ jsx(Th, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "CURRENT VALUE (BEFORE)" }) }),
+                            /* @__PURE__ */ jsx(Th, { style: { minWidth: 180 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "PROPOSED VALUE (AFTER)" }) }),
+                            /* @__PURE__ */ jsx(Th, { style: { width: 130, textAlign: "right" }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "IMPACT" }) })
+                          ] }) }),
+                          /* @__PURE__ */ jsx(Tbody, { children: filteredDiffs.length === 0 ? /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: 6, style: { textAlign: "center", padding: "24px" }, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "No records match the current filter or search criteria." }) }) }) : filteredDiffs.map((diff, idx) => /* @__PURE__ */ jsxs(Tr, { children: [
+                            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral700", children: diff.collectionName }) }),
+                            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Box, { children: [
+                              /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", display: "block", children: diff.label }),
+                              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: /* @__PURE__ */ jsx("code", { children: diff.documentId }) })
+                            ] }) }),
+                            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: diff.attribute }) }),
+                            /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+                              Typography,
+                              {
+                                variant: "omega",
+                                style: {
+                                  color: diff.hasChange ? "#9254de" : "#272635",
+                                  textDecoration: diff.hasChange ? "line-through" : "none",
+                                  wordBreak: "break-all"
+                                },
+                                children: diff.oldDisplay || "(empty)"
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsx(Td, { children: diff.status === "will_create" ? /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "success700", style: { wordBreak: "break-all" }, children: diff.newDisplay || "(new value)" }) : diff.status === "will_skip" ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", children: "— Skipped —" }) : diff.hasChange ? /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "success700", style: { wordBreak: "break-all" }, children: diff.newDisplay || "(empty)" }) : /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: diff.newDisplay || "(matching)" }) }),
+                            /* @__PURE__ */ jsxs(Td, { style: { textAlign: "right" }, children: [
+                              diff.status === "will_create" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "+ Will Create" }),
+                              diff.status === "will_update" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "✎ Will Update" }),
+                              diff.status === "unchanged" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral600", children: "= Unchanged" }),
+                              diff.status === "will_skip" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "danger100", textColor: "danger700", children: "⚠ Will Skip" })
+                            ] })
+                          ] }, `${diff.uid}-${diff.documentId}-${diff.attribute}-${idx}`)) })
+                        ] })
+                      }
+                    )
+                  ] }),
+                  showRejectInput && /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 4, background: "danger100", hasRadius: true, style: { border: "1px solid #ffa39e" }, children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", textColor: "danger700", marginBottom: 2, children: "Reject Batch" }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger700", marginBottom: 2, display: "block", children: "Please provide a rejection note explaining why this batch was declined. The Maker will see this message." }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        placeholder: "Reason for rejection (e.g., incorrect localized prices in CSV rows 4-8)...",
+                        value: rejectionReason,
+                        onChange: (e) => setRejectionReason(e.target.value),
+                        style: { marginBottom: 12 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+                      /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "S", onClick: () => setShowRejectInput(false), children: "Cancel" }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          variant: "danger",
+                          size: "S",
+                          loading: rejecting,
+                          onClick: () => onReject(batch.id, rejectionReason || "Declined by Checker"),
+                          children: "Confirm Rejection"
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                padding: 4,
+                background: "neutral100",
+                style: {
+                  borderTop: "1px solid rgba(120, 120, 150, 0.2)",
+                  flexShrink: 0
+                },
+                children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
+                  /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onClose, disabled: approving || rejecting, children: "Close Preview" }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 3, children: [
+                    !showRejectInput && /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "danger-light",
+                        onClick: () => setShowRejectInput(true),
+                        disabled: approving || rejecting,
+                        children: "Reject Batch"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "success",
+                        startIcon: /* @__PURE__ */ jsx(Check, {}),
+                        onClick: () => onApprove(batch.id),
+                        loading: approving,
+                        disabled: rejecting,
+                        children: "Approve & Execute Batch"
+                      }
+                    )
+                  ] })
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
 function parseDynamicZonePath(path) {
   if (!path) return { cleanPath: "", rootKey: "", subPath: "" };
   const bracketMatch = path.match(/^([^.[]+)\[([^\]]+)\]\.(.+)$/);
@@ -3056,6 +3553,8 @@ const BulkUpdater = () => {
   const [pendingBatchesLoading, setPendingBatchesLoading] = useState(false);
   const [approvingBatchId, setApprovingBatchId] = useState(null);
   const [rejectingBatchId, setRejectingBatchId] = useState(null);
+  const [inspectingPendingBatch, setInspectingPendingBatch] = useState(null);
+  const [exportingPendingBatchId, setExportingPendingBatchId] = useState(null);
   const [makerNotesInput, setMakerNotesInput] = useState("");
   const [publishOnApproval, setPublishOnApproval] = useState(true);
   const [publishStrategy, setPublishStrategy] = useState("safe");
@@ -3528,8 +4027,6 @@ const BulkUpdater = () => {
   const filteredCollections = useMemo(() => {
     return selectedCol ? [selectedCol] : [];
   }, [selectedCol]);
-  const [attributeSearch, setAttributeSearch] = useState("");
-  const [searchAttributeSearch, setSearchAttributeSearch] = useState("");
   const getAttrDepth = (attr) => attributesMeta[attr]?.depth ?? (attr.includes(".") ? attr.split(".").length - 1 : 0);
   const availableColAttributes = useMemo(() => {
     return selectedCol?.attributes || attributes || [];
@@ -3537,48 +4034,20 @@ const BulkUpdater = () => {
   const depthFilteredAttributes = useMemo(() => {
     return availableColAttributes.filter((attr) => getAttrDepth(attr) <= componentDepth);
   }, [availableColAttributes, componentDepth, attributesMeta]);
-  const filteredAttributes = useMemo(() => {
-    const q = attributeSearch.toLowerCase().trim();
-    if (!q || q === (selectedAttribute || "").toLowerCase().trim()) {
-      return depthFilteredAttributes;
-    }
-    const cleanQ = q.replace(/[^a-z0-9]/g, "");
-    return depthFilteredAttributes.filter((attr) => {
-      const lower = attr.toLowerCase();
-      const cleanLower = lower.replace(/[^a-z0-9]/g, "");
-      const rel = relationsMeta[attr];
-      const relTarget = (rel?.targetDisplayName || "").toLowerCase();
-      return lower.includes(q) || cleanLower.includes(cleanQ) || relTarget.includes(q);
-    });
-  }, [depthFilteredAttributes, attributeSearch, selectedAttribute, relationsMeta]);
-  const filteredSearchAttributes = useMemo(() => {
-    const q = searchAttributeSearch.toLowerCase().trim();
-    if (!q || q === (searchAttribute || "").toLowerCase().trim()) {
-      return depthFilteredAttributes;
-    }
-    const cleanQ = q.replace(/[^a-z0-9]/g, "");
-    return depthFilteredAttributes.filter((attr) => {
-      const lower = attr.toLowerCase();
-      const cleanLower = lower.replace(/[^a-z0-9]/g, "");
-      const rel = relationsMeta[attr];
-      const relTarget = (rel?.targetDisplayName || "").toLowerCase();
-      return lower.includes(q) || cleanLower.includes(cleanQ) || relTarget.includes(q);
-    });
-  }, [depthFilteredAttributes, searchAttributeSearch, searchAttribute, relationsMeta]);
   const memoizedComboboxOptions = useMemo(() => {
-    if (filteredAttributes.length === 0) {
-      return /* @__PURE__ */ jsx(ComboboxOption, { value: "__none__", disabled: true, textValue: "No matching attributes found", children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
-        'No matching attributes found for "',
-        attributeSearch,
-        '" (Depth L',
+    if (depthFilteredAttributes.length === 0) {
+      return /* @__PURE__ */ jsx(ComboboxOption, { value: "__none__", disabled: true, textValue: "No attributes available", children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+        "No attributes available for this collection type (Depth L",
         componentDepth,
         ")"
       ] }) });
     }
-    return filteredAttributes.map((attr) => {
+    return depthFilteredAttributes.map((attr) => {
       const rel = relationsMeta[attr];
       const depth = getAttrDepth(attr);
-      return /* @__PURE__ */ jsx(ComboboxOption, { value: attr, textValue: attr, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
+      const badgeText = rel ? `relation ${rel.targetDisplayName}` : depth > 0 ? `L${depth} component` : "";
+      const textValue = badgeText ? `${attr} ${badgeText}` : attr;
+      return /* @__PURE__ */ jsx(ComboboxOption, { value: attr, textValue, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
         /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: attr === selectedAttribute ? "bold" : "regular", children: attr }),
         rel ? /* @__PURE__ */ jsxs(Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: [
           "relation ➔ ",
@@ -3590,14 +4059,14 @@ const BulkUpdater = () => {
         ] }) : null
       ] }) }, attr);
     });
-  }, [filteredAttributes, relationsMeta, selectedAttribute, attributeSearch, componentDepth, attributesMeta]);
+  }, [depthFilteredAttributes, relationsMeta, selectedAttribute, componentDepth, attributesMeta]);
   const memoizedSearchComboboxOptions = useMemo(() => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         ComboboxOption,
         {
           value: "__default__",
-          textValue: `Same as Update Attribute (${selectedAttribute || "None"})`,
+          textValue: `Same as Update Attribute (${selectedAttribute || "None"}) default`,
           children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
             /* @__PURE__ */ jsxs(Typography, { variant: "omega", fontStyle: "italic", textColor: "neutral600", children: [
               "-- Same as Update Attribute (",
@@ -3608,10 +4077,12 @@ const BulkUpdater = () => {
           ] })
         }
       ),
-      filteredSearchAttributes.map((attr) => {
+      depthFilteredAttributes.map((attr) => {
         const rel = relationsMeta[attr];
         const depth = getAttrDepth(attr);
-        return /* @__PURE__ */ jsx(ComboboxOption, { value: attr, textValue: attr, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
+        const badgeText = rel ? `relation ${rel.targetDisplayName}` : depth > 0 ? `L${depth} component` : "";
+        const textValue = badgeText ? `${attr} ${badgeText}` : attr;
+        return /* @__PURE__ */ jsx(ComboboxOption, { value: attr, textValue, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: attr === searchAttribute ? "bold" : "regular", children: attr }),
           rel ? /* @__PURE__ */ jsxs(Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: [
             "relation ➔ ",
@@ -3624,7 +4095,7 @@ const BulkUpdater = () => {
         ] }) }, `search_${attr}`);
       })
     ] });
-  }, [filteredSearchAttributes, relationsMeta, searchAttribute, selectedAttribute, componentDepth, attributesMeta]);
+  }, [depthFilteredAttributes, relationsMeta, searchAttribute, selectedAttribute, componentDepth, attributesMeta]);
   const handleSearchAttributeChange = (newAttr) => {
     const finalAttr = newAttr === "__default__" ? "" : newAttr;
     setSearchAttribute(finalAttr);
@@ -3751,7 +4222,7 @@ const BulkUpdater = () => {
         return val.some((item) => typeof item === "object" ? testEntityObject(item) : testString(item));
       }
       if (typeof val === "object" && val !== null) {
-        if (testEntityObject(val)) return true;
+        return testEntityObject(val);
       }
       return testString(displayStr);
     };
@@ -3799,7 +4270,6 @@ const BulkUpdater = () => {
   };
   const clearFilter = () => {
     setSearchAttribute("");
-    setSearchAttributeSearch("");
     setFilterOperator("none");
     setFilterQuery("");
     setEntrySearch("");
@@ -4344,6 +4814,7 @@ const BulkUpdater = () => {
           type: "success",
           message: res.data.message || `Batch ${batchId} approved and executed successfully!`
         });
+        setInspectingPendingBatch(null);
         await fetchPendingBatches();
         await fetchAuditHistory();
         await fetchModels();
@@ -4362,8 +4833,8 @@ const BulkUpdater = () => {
       setApprovingBatchId(null);
     }
   };
-  const handleRejectBatch = async (batchId) => {
-    const reason = window.prompt("Enter reason for rejection:", "Does not meet release criteria") || "Rejected by Checker";
+  const handleRejectBatch = async (batchId, customReason) => {
+    const reason = customReason || window.prompt("Enter reason for rejection:", "Does not meet release criteria") || "Rejected by Checker";
     try {
       setRejectingBatchId(batchId);
       const res = await post(`/bulk-updater/batches/${batchId}/reject`, { reason });
@@ -4372,6 +4843,7 @@ const BulkUpdater = () => {
           type: "info",
           message: `Batch ${batchId} rejected: ${reason}`
         });
+        setInspectingPendingBatch(null);
         await fetchPendingBatches();
       } else {
         toggleNotification({
@@ -4388,6 +4860,40 @@ const BulkUpdater = () => {
       setRejectingBatchId(null);
     }
   };
+  const handleExportPendingBatch = async (batchId) => {
+    try {
+      setExportingPendingBatchId(batchId);
+      const res = await get(`/bulk-updater/batches/${batchId}/diffs/export`);
+      if (res.data && res.data.success && res.data.csvContent) {
+        const safeContent = res.data.csvContent.startsWith("\uFEFF") ? res.data.csvContent : "\uFEFF" + res.data.csvContent;
+        const blob = new Blob([safeContent], { type: "text/csv;charset=utf-8;" });
+        const url = URL.createObjectURL(blob);
+        const link = document.createElement("a");
+        link.href = url;
+        link.setAttribute("download", res.data.filename || `batch_${batchId}_review.csv`);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(url);
+        toggleNotification({
+          type: "success",
+          message: `Exported ${res.data.count || ""} batch diffs to CSV.`
+        });
+      } else {
+        toggleNotification({
+          type: "danger",
+          message: "Failed to export batch diffs to CSV."
+        });
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Error exporting batch diffs."
+      });
+    } finally {
+      setExportingPendingBatchId(null);
+    }
+  };
   const handleExecuteNow = async (batchId) => {
     try {
       setExecutingNowBatchId(batchId);
@@ -4681,9 +5187,14 @@ const BulkUpdater = () => {
                     /* @__PURE__ */ jsx(
                       Combobox,
                       {
-                        autocomplete: "none",
-                        placeholder: "Select Collection Type...",
+                        autocomplete: { type: "list", filter: "contains" },
+                        placeholder: "Search Collection Type...",
                         value: selectedCollectionUid || void 0,
+                        clearLabel: "Clear collection selection",
+                        onClear: () => handleCollectionChange(""),
+                        onFocus: (e) => {
+                          e.target.select();
+                        },
                         onChange: (val) => {
                           if (val && typeof val === "string") {
                             handleCollectionChange(val);
@@ -4779,26 +5290,17 @@ const BulkUpdater = () => {
                           /* @__PURE__ */ jsx(
                             Combobox,
                             {
-                              autocomplete: "none",
+                              autocomplete: { type: "list", filter: "contains" },
                               placeholder: searchAttribute || `Same as Update (${selectedAttribute || "None"})`,
                               value: searchAttribute || "__default__",
                               clearLabel: "Reset search attribute",
-                              onClear: () => {
-                                handleSearchAttributeChange("");
-                                setSearchAttributeSearch("");
-                              },
-                              onInputChange: (e) => {
-                                setSearchAttributeSearch(e.target.value);
-                              },
-                              onOpenChange: (isOpen) => {
-                                if (!isOpen) {
-                                  setSearchAttributeSearch("");
-                                }
+                              onClear: () => handleSearchAttributeChange(""),
+                              onFocus: (e) => {
+                                e.target.select();
                               },
                               onChange: (val) => {
                                 if (val && typeof val === "string" && val !== "__none__") {
                                   handleSearchAttributeChange(val);
-                                  setSearchAttributeSearch("");
                                 }
                               },
                               children: memoizedSearchComboboxOptions
@@ -5576,28 +6078,19 @@ const BulkUpdater = () => {
                     /* @__PURE__ */ jsx(
                       Combobox,
                       {
-                        autocomplete: "none",
+                        autocomplete: { type: "list", filter: "contains" },
                         placeholder: "Search attribute by name or relation...",
                         value: selectedAttribute || void 0,
                         clearLabel: "Clear attribute selection",
-                        onClear: () => {
-                          handleAttributeChange("");
-                          setAttributeSearch("");
-                        },
-                        onInputChange: (e) => {
-                          setAttributeSearch(e.target.value);
-                        },
-                        onOpenChange: (isOpen) => {
-                          if (!isOpen) {
-                            setAttributeSearch("");
-                          }
+                        onClear: () => handleAttributeChange(""),
+                        onFocus: (e) => {
+                          e.target.select();
                         },
                         loading: loading && attributes.length === 0,
                         loadingMessage: "Discovering schema attributes...",
                         onChange: (val) => {
                           if (val && typeof val === "string" && val !== "__none__") {
                             handleAttributeChange(val);
-                            setAttributeSearch("");
                           }
                         },
                         children: memoizedComboboxOptions
@@ -6005,6 +6498,27 @@ const BulkUpdater = () => {
                       ] })
                     ] }) }),
                     /* @__PURE__ */ jsx(Td, { style: { textAlign: "right" }, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          size: "S",
+                          variant: "secondary",
+                          startIcon: /* @__PURE__ */ jsx(Eye, {}),
+                          onClick: () => setInspectingPendingBatch(batch),
+                          children: "Review Changes"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          size: "S",
+                          variant: "tertiary",
+                          startIcon: /* @__PURE__ */ jsx(Download, {}),
+                          onClick: () => handleExportPendingBatch(batch.id),
+                          loading: exportingPendingBatchId === batch.id,
+                          children: "Export CSV"
+                        }
+                      ),
                       batch.status === "pending_approval" && /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx(
                           Button,
@@ -6921,6 +7435,18 @@ const BulkUpdater = () => {
             initialJob: dashboardJob,
             isSubmitting: isSubmittingBatch
           }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckerReviewModal,
+          {
+            isOpen: Boolean(inspectingPendingBatch),
+            onClose: () => setInspectingPendingBatch(null),
+            batch: inspectingPendingBatch,
+            onApprove: handleApproveBatch,
+            onReject: handleRejectBatch,
+            approving: Boolean(inspectingPendingBatch && approvingBatchId === inspectingPendingBatch.id),
+            rejecting: Boolean(inspectingPendingBatch && rejectingBatchId === inspectingPendingBatch.id)
+          }
         )
       ]
     }
@@ -6939,4 +7465,4 @@ export {
   getSortOptionsForCollection,
   parseDynamicZonePath
 };
-//# sourceMappingURL=BulkUpdater-CHdA0546.mjs.map
+//# sourceMappingURL=BulkUpdater-BiSkkAHF.mjs.map