strapi-plugin-bulk-updater 1.2.8 → 1.2.10

package/dist/_chunks/{BulkUpdater-DR8Z9z95.mjs → BulkUpdater-Cg9utqzm.mjs}

@@ -2,7 +2,7 @@ import { jsx, jsxs, 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, Checkbox, Badge, Alert, Table, Thead, Tr, Th, Tbody, Td, Loader, TextInput, ComboboxOption, Field, Combobox } from "@strapi/design-system";
-import { ArrowClockwise, Download, Upload, Check, Play } from "@strapi/icons";
+import { ArrowClockwise, Download, Upload, Check, Eye, Play } from "@strapi/icons";
 import { V as ValidationRulesTab } from "./ValidationRulesTab-BGcqM9cN.mjs";
 function CsvManagerTab() {
   const { get, post } = useFetchClient();
@@ -1113,6 +1113,330 @@ function ProcessingDashboardModal({
     }
   );
 }
+const BulkUpdatePreviewModal = ({
+  isOpen,
+  onClose,
+  onProceed,
+  loading,
+  previewData,
+  attribute,
+  targetValueDisplay
+}) => {
+  const [filterTab, setFilterTab] = useState("all");
+  const [searchQuery, setSearchQuery] = useState("");
+  const filteredDiffs = useMemo(() => {
+    if (!previewData || !previewData.diffs) return [];
+    let items = previewData.diffs;
+    if (filterTab !== "all") {
+      items = items.filter((d) => d.status === filterTab);
+    }
+    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) || String(d.oldDisplay || "").toLowerCase().includes(q) || String(d.newDisplay || "").toLowerCase().includes(q)
+      );
+    }
+    return items;
+  }, [previewData, filterTab, searchQuery]);
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        backgroundColor: "rgba(20, 20, 30, 0.7)",
+        backdropFilter: "blur(3px)",
+        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: 1040,
+            width: "95%",
+            maxHeight: "calc(100vh - 48px)",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden",
+            position: "relative",
+            boxShadow: "0 24px 48px rgba(0, 0, 0, 0.35), 0 0 1px rgba(0, 0, 0, 0.2)"
+          },
+          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: "center", 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: "Pre-Update Change Preview" }),
+                      /* @__PURE__ */ jsxs(Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
+                        "Target: ",
+                        attribute
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Inspect exact before & after values across target records before applying changes to the database." })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+                    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "New Value:" }),
+                    /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: targetValueDisplay || "(empty)" })
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              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: "Inspecting Target Records..." }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Computing proposed diffs and verifying against database schema." })
+                ] }) }) : !previewData ? /* @__PURE__ */ jsx(Box, { padding: 6, style: { textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "No preview data available." }) }) : /* @__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: 140, 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: previewData.summary.total })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        padding: 3,
+                        background: "success100",
+                        hasRadius: true,
+                        style: { flex: 1, minWidth: 140, border: "1px solid #b7eb8f" },
+                        children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "success700", display: "block", children: "WILL UPDATE" }),
+                          /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "success700", children: previewData.summary.willUpdate })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        padding: 3,
+                        background: "neutral100",
+                        hasRadius: true,
+                        style: { flex: 1, minWidth: 140, border: "1px solid rgba(120, 120, 150, 0.15)" },
+                        children: [
+                          /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", display: "block", children: "ALREADY UP-TO-DATE" }),
+                          /* @__PURE__ */ jsx(Typography, { variant: "beta", fontWeight: "bold", textColor: "neutral600", children: previewData.summary.unchanged })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        padding: 3,
+                        background: previewData.summary.skipped > 0 ? "warning100" : "neutral100",
+                        hasRadius: true,
+                        style: { flex: 1, minWidth: 140, border: "1px solid rgba(120, 120, 150, 0.15)" },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              variant: "sigma",
+                              textColor: previewData.summary.skipped > 0 ? "warning700" : "neutral600",
+                              display: "block",
+                              children: "WILL SKIP (NO FIELD)"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            Typography,
+                            {
+                              variant: "beta",
+                              fontWeight: "bold",
+                              textColor: previewData.summary.skipped > 0 ? "warning700" : "neutral600",
+                              children: previewData.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 (",
+                            previewData.summary.total,
+                            ")"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: filterTab === "will_update" ? "default" : "tertiary",
+                          size: "S",
+                          onClick: () => setFilterTab("will_update"),
+                          children: [
+                            "Will Update (",
+                            previewData.summary.willUpdate,
+                            ")"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: filterTab === "unchanged" ? "default" : "tertiary",
+                          size: "S",
+                          onClick: () => setFilterTab("unchanged"),
+                          children: [
+                            "Unchanged (",
+                            previewData.summary.unchanged,
+                            ")"
+                          ]
+                        }
+                      ),
+                      previewData.summary.skipped > 0 && /* @__PURE__ */ jsxs(
+                        Button,
+                        {
+                          variant: filterTab === "will_skip" ? "default" : "tertiary",
+                          size: "S",
+                          onClick: () => setFilterTab("will_skip"),
+                          children: [
+                            "Skipped (",
+                            previewData.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: 5, rowCount: filteredDiffs.length + 1, style: { width: "100%", minWidth: 780 }, children: [
+                        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+                          /* @__PURE__ */ jsx(Th, { style: { width: 150 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "COLLECTION" }) }),
+                          /* @__PURE__ */ jsx(Th, { style: { minWidth: 200 }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: "RECORD IDENTIFIER" }) }),
+                          /* @__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: "NEW VALUE (AFTER)" }) }),
+                          /* @__PURE__ */ jsx(Th, { style: { width: 140, 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: 5, style: { textAlign: "center", padding: "24px" }, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "No records match the current filter or search criteria." }) }) }) : filteredDiffs.map((diff) => /* @__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",
+                              style: {
+                                color: diff.hasChange ? "#666687" : "#272635",
+                                textDecoration: diff.hasChange ? "line-through" : "none",
+                                wordBreak: "break-all"
+                              },
+                              children: diff.oldDisplay || "(empty)"
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx(Td, { children: diff.status === "will_skip" ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "warning700", children: "— Skipped (field absent) —" }) : 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 || "(already matching)" }) }),
+                          /* @__PURE__ */ jsxs(Td, { style: { textAlign: "right" }, children: [
+                            diff.status === "will_update" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: "✓ Will Update" }),
+                            diff.status === "unchanged" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral600", children: "= Unchanged" }),
+                            diff.status === "will_skip" && /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: "⚠ Will Skip" })
+                          ] })
+                        ] }, `${diff.uid}-${diff.documentId}`)) })
+                      ] })
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__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", children: [
+                  /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "M", onClick: onClose, children: "Close Preview" }),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: "default",
+                      size: "M",
+                      startIcon: /* @__PURE__ */ jsx(Check, {}),
+                      onClick: () => {
+                        onClose();
+                        onProceed();
+                      },
+                      disabled: loading || !previewData || previewData.summary.total === 0,
+                      children: [
+                        "Proceed to Execute (",
+                        previewData?.summary.willUpdate || 0,
+                        " updates)"
+                      ]
+                    }
+                  )
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
 function getNestedValue(obj, path) {
   if (!obj || !path) return void 0;
   if (!path.includes(".")) return obj[path];
@@ -1307,6 +1631,9 @@ const BulkUpdater = () => {
   const [dashboardBatchId, setDashboardBatchId] = useState("");
   const [dashboardJob, setDashboardJob] = useState(null);
   const [isSubmittingBatch, setIsSubmittingBatch] = useState(false);
+  const [showPreviewModal, setShowPreviewModal] = useState(false);
+  const [previewLoading, setPreviewLoading] = useState(false);
+  const [previewData, setPreviewData] = useState(null);
   const MODELS_CACHE_KEY = "strapi_bulk_updater_models_cache";
   const LAST_ATTR_KEY = "strapi_bulk_updater_last_attr";
   const getInitialAttribute = () => {
@@ -1428,7 +1755,7 @@ const BulkUpdater = () => {
       storedAttr = localStorage.getItem(LAST_ATTR_KEY);
     } catch {
     }
-    const resolvedAttr = storedAttr && attrs.includes(storedAttr) ? storedAttr : attrs.includes(selectedAttribute) ? selectedAttribute : attrs[0] || "metaDescription";
+    const resolvedAttr = storedAttr && attrs.includes(storedAttr) ? storedAttr : selectedAttribute && attrs.includes(selectedAttribute) ? selectedAttribute : "";
     setSelectedAttribute(resolvedAttr);
     if (resolvedAttr && data.relationsMeta && data.relationsMeta[resolvedAttr]) {
       fetchRelationOptions(data.relationsMeta[resolvedAttr].targetUid);
@@ -1626,7 +1953,11 @@ const BulkUpdater = () => {
     if (newAttr !== selectedAttribute) {
       setSelectedAttribute(newAttr);
       try {
-        localStorage.setItem(LAST_ATTR_KEY, newAttr);
+        if (newAttr) {
+          localStorage.setItem(LAST_ATTR_KEY, newAttr);
+        } else {
+          localStorage.removeItem(LAST_ATTR_KEY);
+        }
       } catch {
       }
       setSelectedEntries({});
@@ -1635,17 +1966,19 @@ const BulkUpdater = () => {
       setEntrySearch("");
       setSelectedRelationDocId("");
       setAttributeValue("");
-      if (relationsMeta[newAttr]) {
+      if (newAttr && relationsMeta[newAttr]) {
         fetchRelationOptions(relationsMeta[newAttr].targetUid);
       } else {
         setRelationOptions([]);
       }
-      const collectionsToLoad = collections.filter(
-        (col) => visibleTypeUids[col.uid] !== false && col.attributes.includes(newAttr) && (!collectionPages[col.uid]?.entries || collectionPages[col.uid].entries.length === 0)
-      );
-      collectionsToLoad.forEach((col) => {
-        loadCollectionPage(col.uid, 1);
-      });
+      if (newAttr) {
+        const collectionsToLoad = collections.filter(
+          (col) => visibleTypeUids[col.uid] !== false && col.attributes.includes(newAttr) && (!collectionPages[col.uid]?.entries || collectionPages[col.uid].entries.length === 0)
+        );
+        collectionsToLoad.forEach((col) => {
+          loadCollectionPage(col.uid, 1);
+        });
+      }
     }
   };
   const filteredCollections = collections.filter(
@@ -1682,8 +2015,30 @@ const BulkUpdater = () => {
     });
     setVisibleTypeUids(newVis);
   };
+  const [attributeSearch, setAttributeSearch] = useState("");
+  const filteredAttributes = useMemo(() => {
+    if (!attributeSearch.trim()) {
+      return attributes;
+    }
+    const q = attributeSearch.toLowerCase().trim();
+    const cleanQ = q.replace(/[^a-z0-9]/g, "");
+    return attributes.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);
+    });
+  }, [attributes, attributeSearch, relationsMeta]);
   const memoizedComboboxOptions = useMemo(() => {
-    return attributes.map((attr) => {
+    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,
+        '"'
+      ] }) });
+    }
+    return filteredAttributes.map((attr) => {
       const rel = relationsMeta[attr];
       return /* @__PURE__ */ jsx(ComboboxOption, { value: attr, textValue: attr, 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 }),
@@ -1693,7 +2048,7 @@ const BulkUpdater = () => {
         ] }) : attr.includes(".") ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral700", size: "S", children: "component" }) : null
       ] }) }, attr);
     });
-  }, [attributes, relationsMeta, selectedAttribute]);
+  }, [filteredAttributes, relationsMeta, selectedAttribute, attributeSearch]);
   const handleGlobalPageSizeChange = (newSize) => {
     const capped = Math.min(500, Math.max(1, newSize));
     setDefaultPageSize(capped);
@@ -1865,6 +2220,56 @@ const BulkUpdater = () => {
     }
     setShowConfirmModal(true);
   };
+  const handleOpenPreviewModal = async () => {
+    if (!selectedAttribute) {
+      toggleNotification({
+        type: "warning",
+        message: "Please select an attribute from the dropdown"
+      });
+      return;
+    }
+    const targets = [];
+    Object.keys(selectedEntries).forEach((key) => {
+      if (selectedEntries[key]) {
+        const parts = key.split(KEY_SEP);
+        if (parts.length === 2) {
+          targets.push({ uid: parts[0], documentId: parts[1] });
+        }
+      }
+    });
+    if (targets.length === 0) {
+      toggleNotification({
+        type: "warning",
+        message: "Please select at least one collection type or entry to preview"
+      });
+      return;
+    }
+    setShowPreviewModal(true);
+    setPreviewLoading(true);
+    try {
+      const res = await post("/bulk-updater/preview", {
+        attribute: selectedAttribute,
+        value: attributeValue,
+        selectedEntries: targets,
+        isRegex: useRegex,
+        regexPattern,
+        publishOnApproval
+      });
+      if (res.data && res.data.success) {
+        setPreviewData(res.data);
+      } else {
+        throw new Error(res.data?.error || "Failed to generate preview");
+      }
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: err.message || "Failed to fetch preview diffs"
+      });
+      setShowPreviewModal(false);
+    } finally {
+      setPreviewLoading(false);
+    }
+  };
   const executeBatchWithMode = async (executionMode, forceImmediate = false) => {
     const targets = [];
     Object.keys(selectedEntries).forEach((key) => {
@@ -2349,15 +2754,28 @@ const BulkUpdater = () => {
                     /* @__PURE__ */ jsx(
                       Combobox,
                       {
-                        autocomplete: { type: "list", filter: "contains" },
+                        autocomplete: "none",
                         placeholder: "Search attribute by name or relation...",
-                        value: selectedAttribute,
-                        textValue: selectedAttribute,
+                        value: selectedAttribute || void 0,
+                        clearLabel: "Clear attribute selection",
+                        onClear: () => {
+                          handleAttributeChange("");
+                          setAttributeSearch("");
+                        },
+                        onInputChange: (e) => {
+                          setAttributeSearch(e.target.value);
+                        },
+                        onOpenChange: (isOpen) => {
+                          if (!isOpen) {
+                            setAttributeSearch("");
+                          }
+                        },
                         loading: loading && attributes.length === 0,
                         loadingMessage: "Discovering schema attributes...",
                         onChange: (val) => {
-                          if (val && typeof val === "string") {
+                          if (val && typeof val === "string" && val !== "__none__") {
                             handleAttributeChange(val);
+                            setAttributeSearch("");
                           }
                         },
                         children: memoizedComboboxOptions
@@ -2440,22 +2858,40 @@ const BulkUpdater = () => {
                       onChange: (e) => setAttributeValue(e.target.value)
                     }
                   ) }),
-                  /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      startIcon: /* @__PURE__ */ jsx(Play, {}),
-                      variant: "default",
-                      size: "L",
-                      onClick: handleOpenConfirmModal,
-                      loading: updating,
-                      disabled: loading || totalSelectedCount === 0,
-                      children: [
-                        "Update Selected (",
-                        totalSelectedCount,
-                        ")"
-                      ]
-                    }
-                  ) })
+                  /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        startIcon: /* @__PURE__ */ jsx(Eye, {}),
+                        variant: "secondary",
+                        size: "L",
+                        onClick: handleOpenPreviewModal,
+                        loading: previewLoading,
+                        disabled: loading || totalSelectedCount === 0 || !selectedAttribute,
+                        children: [
+                          "Preview Changes (",
+                          totalSelectedCount,
+                          ")"
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      Button,
+                      {
+                        startIcon: /* @__PURE__ */ jsx(Play, {}),
+                        variant: "default",
+                        size: "L",
+                        onClick: handleOpenConfirmModal,
+                        loading: updating,
+                        disabled: loading || totalSelectedCount === 0 || !selectedAttribute,
+                        children: [
+                          "Update Selected (",
+                          totalSelectedCount,
+                          ")"
+                        ]
+                      }
+                    )
+                  ] })
                 ] }),
                 /* @__PURE__ */ jsx(Box, { marginTop: 4, padding: 4, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 3, children: [
                   /* @__PURE__ */ jsx(Flex, { gap: 2, alignItems: "center", children: /* @__PURE__ */ jsx(
@@ -2602,7 +3038,7 @@ const BulkUpdater = () => {
                         /* @__PURE__ */ jsx(Box, { style: { width: 220, minWidth: 180 }, children: /* @__PURE__ */ jsxs(
                           SingleSelect,
                           {
-                            label: `Filter condition for "${selectedAttribute}"`,
+                            label: selectedAttribute ? `Filter condition for "${selectedAttribute}"` : "Filter condition",
                             value: filterOperator,
                             onChange: (val) => setFilterOperator(String(val)),
                             children: [
@@ -2618,7 +3054,7 @@ const BulkUpdater = () => {
                         (filterOperator === "equals" || filterOperator === "contains" || filterOperator === "starts_with") && /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsx(
                           TextInput,
                           {
-                            label: `Value for "${selectedAttribute}"`,
+                            label: selectedAttribute ? `Value for "${selectedAttribute}"` : "Value to match",
                             placeholder: "Type value to match...",
                             value: filterQuery,
                             onChange: (e) => setFilterQuery(e.target.value)
@@ -2746,7 +3182,7 @@ const BulkUpdater = () => {
                             (col) => !typeVisibilitySearch.trim() || col.displayName.toLowerCase().includes(typeVisibilitySearch.toLowerCase().trim()) || col.uid.toLowerCase().includes(typeVisibilitySearch.toLowerCase().trim())
                           ).map((col) => {
                             const isVisible = visibleTypeUids[col.uid] !== false;
-                            const hasAttr = col.attributes.includes(selectedAttribute);
+                            const hasAttr = selectedAttribute ? col.attributes.includes(selectedAttribute) : false;
                             return /* @__PURE__ */ jsx(
                               Box,
                               {
@@ -2820,9 +3256,9 @@ const BulkUpdater = () => {
                   const page = pageState ? pageState.page : 1;
                   const pageCount = pageState ? pageState.pageCount : 1;
                   const pageSize = pageState ? pageState.pageSize : defaultPageSize;
-                  const hasAttr = col.attributes.includes(selectedAttribute);
+                  const hasAttr = selectedAttribute ? col.attributes.includes(selectedAttribute) : false;
                   const visibleEntries = getVisibleEntries(col);
-                  entries.filter((e) => entryMatchesFilter(e, selectedAttribute)).length;
+                  selectedAttribute ? entries.filter((e) => entryMatchesFilter(e, selectedAttribute)).length : 0;
                   const isFullySelected = isCollectionFullySelected(col);
                   const isPartiallySelected = isCollectionPartiallySelected(col);
                   const currentSort = collectionSorts[col.uid] || { field: "createdAt", order: "desc" };
@@ -2856,14 +3292,14 @@ const BulkUpdater = () => {
                                 ] })
                               }
                             ),
-                            col.isSingleType ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "Single Type" }) : /* @__PURE__ */ jsx(
+                            col.isSingleType ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: "Single Type" }) : selectedAttribute ? /* @__PURE__ */ jsx(
                               Badge,
                               {
                                 backgroundColor: hasAttr ? "success100" : "warning100",
                                 textColor: hasAttr ? "success700" : "warning700",
                                 children: hasAttr ? `Schema has "${selectedAttribute}"` : `Schema lacks "${selectedAttribute}" (will skip)`
                               }
-                            )
+                            ) : null
                           ] }),
                           /* @__PURE__ */ jsxs(Flex, { gap: 3, alignItems: "center", wrap: "wrap", children: [
                             !col.isSingleType && /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
@@ -3632,6 +4068,22 @@ const BulkUpdater = () => {
                                   children: publishOnApproval ? "Publish Immediately" : "Keep as Draft"
                                 }
                               )
+                            ] }),
+                            /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 2, paddingTop: 2, style: { borderTop: "1px solid #eaeaef" }, children: [
+                              /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: "Need to inspect before & after values?" }),
+                              /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "secondary",
+                                  size: "S",
+                                  startIcon: /* @__PURE__ */ jsx(Eye, {}),
+                                  onClick: () => {
+                                    setShowConfirmModal(false);
+                                    handleOpenPreviewModal();
+                                  },
+                                  children: "Open Change Preview"
+                                }
+                              )
                             ] })
                           ] })
                         ] }),
@@ -3768,6 +4220,21 @@ const BulkUpdater = () => {
             )
           }
         ),
+        /* @__PURE__ */ jsx(
+          BulkUpdatePreviewModal,
+          {
+            isOpen: showPreviewModal,
+            onClose: () => setShowPreviewModal(false),
+            onProceed: () => {
+              setShowPreviewModal(false);
+              handleOpenConfirmModal();
+            },
+            loading: previewLoading,
+            previewData,
+            attribute: selectedAttribute,
+            targetValueDisplay: relationsMeta[selectedAttribute] ? selectedRelationDocId === "__clear__" ? "Clear / Unlink Relation" : relationOptions.find((o) => o.documentId === selectedRelationDocId)?.label || selectedRelationDocId || "(none)" : useRegex ? `Replace /${regexPattern}/g with "${attributeValue}"` : attributeValue
+          }
+        ),
         /* @__PURE__ */ jsx(
           ProcessingDashboardModal,
           {
@@ -3788,4 +4255,4 @@ export {
   getAvailableColumnsForCollection,
   getNestedValue
 };
-//# sourceMappingURL=BulkUpdater-DR8Z9z95.mjs.map
+//# sourceMappingURL=BulkUpdater-Cg9utqzm.mjs.map