strapi-plugin-bulk-updater 1.2.12 → 1.3.0

package/dist/_chunks/{BulkUpdater-CQ9zGdat.js → BulkUpdater-CRvwX326.js}

@@ -5,7 +5,7 @@ const React = require("react");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const ValidationRulesTab = require("./ValidationRulesTab-BoqhoTjo.js");
+const ValidationRulesTab = require("./ValidationRulesTab-BLZWPGrZ.js");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 function CsvManagerTab() {
@@ -118,7 +118,8 @@ function CsvManagerTab() {
       });
       return;
     }
-    const blob = new Blob([content], { type: "text/csv;charset=utf-8;" });
+    const safeContent = content.startsWith("\uFEFF") ? content : "\uFEFF" + content;
+    const blob = new Blob([safeContent], { type: "text/csv;charset=utf-8;" });
     const url = URL.createObjectURL(blob);
     const link = document.createElement("a");
     link.href = url;
@@ -507,7 +508,9 @@ function formatVal(v) {
   return String(v);
 }
 function downloadFile(content, filename, mimeType = "text/csv;charset=utf-8;") {
-  const blob = new Blob([content], { type: mimeType });
+  const isCsv = mimeType.includes("csv") || filename.endsWith(".csv");
+  const safeContent = isCsv && !content.startsWith("\uFEFF") ? "\uFEFF" + content : content;
+  const blob = new Blob([safeContent], { type: mimeType });
   const url = URL.createObjectURL(blob);
   const a = document.createElement("a");
   a.href = url;
@@ -629,7 +632,7 @@ function ProcessingDashboardModal({
             ].join(",")
           )
         ];
-        downloadFile(csvRows.join("\n"), `bulk_update_report_${targetId}.csv`);
+        downloadFile(csvRows.join("\r\n") + "\r\n", `bulk_update_report_${targetId}.csv`);
         toggleNotification({
           type: "success",
           message: "Execution report downloaded successfully"
@@ -1455,7 +1458,7 @@ function getNestedValue(obj, path) {
   if (!path.includes(".")) return obj[path];
   return path.split(".").reduce((acc, part) => acc && typeof acc === "object" ? acc[part] : void 0, obj);
 }
-function getAvailableColumnsForCollection(col, selectedAttribute) {
+function getAvailableColumnsForCollection(col, selectedAttribute, searchAttribute) {
   const cols = [
     {
       key: "select",
@@ -1472,7 +1475,7 @@ function getAvailableColumnsForCollection(col, selectedAttribute) {
   ];
   const candidateAttrs = col.attributes || [];
   candidateAttrs.forEach((attr) => {
-    if (attr === "name" || attr === "title" || attr === selectedAttribute) {
+    if (attr === "name" || attr === "title" || attr === selectedAttribute || searchAttribute && attr === searchAttribute) {
       return;
     }
     const formattedLabel = attr.includes(".") ? attr.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ") : attr.charAt(0).toUpperCase() + attr.slice(1);
@@ -1483,9 +1486,19 @@ function getAvailableColumnsForCollection(col, selectedAttribute) {
       defaultVisible: ["department", "email", "location"].includes(attr)
     });
   });
+  if (searchAttribute && searchAttribute !== selectedAttribute) {
+    const formattedSearchLabel = searchAttribute.includes(".") ? searchAttribute.split(".").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" > ") : searchAttribute;
+    cols.push({
+      key: "search_attr",
+      label: `Search: "${formattedSearchLabel}"`,
+      sortable: !col.isSingleType && col.attributes.includes(searchAttribute),
+      defaultVisible: true
+    });
+  }
+  const targetLabel = searchAttribute && searchAttribute !== selectedAttribute ? `Update Target: "${selectedAttribute}"` : `Current "${selectedAttribute}"`;
   cols.push({
     key: "target_attr",
-    label: `Current "${selectedAttribute}"`,
+    label: targetLabel,
     sortable: !col.isSingleType && col.attributes.includes(selectedAttribute),
     defaultVisible: true
   });
@@ -1497,17 +1510,19 @@ function getAvailableColumnsForCollection(col, selectedAttribute) {
   });
   return cols;
 }
-function renderHeaderCell(colDef, col, currentSort, selectedAttribute, onSort) {
+function renderHeaderCell(colDef, col, currentSort, selectedAttribute, searchAttribute, onSort) {
   if (colDef.key === "select") {
     return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { style: { width: 48 }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Select" }) }, "select");
   }
-  const isCurrentSorted = colDef.key === "identifier" && (currentSort.field === "name" || currentSort.field === "title") || colDef.key === "target_attr" && currentSort.field === selectedAttribute || colDef.key.startsWith("attr_") && currentSort.field === colDef.key.replace("attr_", "");
+  const isCurrentSorted = colDef.key === "identifier" && (currentSort.field === "name" || currentSort.field === "title") || colDef.key === "search_attr" && currentSort.field === searchAttribute || colDef.key === "target_attr" && currentSort.field === selectedAttribute || colDef.key.startsWith("attr_") && currentSort.field === colDef.key.replace("attr_", "");
   const sortArrow = isCurrentSorted ? currentSort.order === "asc" ? "▲" : "▼" : "⇅";
   const handleClick = () => {
     if (!colDef.sortable) return;
     if (colDef.key === "identifier") {
       const field = col.attributes.includes("name") ? "name" : col.attributes.includes("title") ? "title" : "createdAt";
       onSort(col.uid, field);
+    } else if (colDef.key === "search_attr") {
+      onSort(col.uid, searchAttribute);
     } else if (colDef.key === "target_attr") {
       onSort(col.uid, selectedAttribute);
     } else if (colDef.key.startsWith("attr_")) {
@@ -1543,7 +1558,7 @@ function formatDisplayValue(val) {
   }
   return String(val);
 }
-function renderCellContent(colDef, entry, col, selectedAttribute, isMatch, hasAttr, isSelected, onToggleSelect) {
+function renderCellContent(colDef, entry, col, selectedAttribute, searchAttribute, isMatch, hasAttr, isSelected, onToggleSelect) {
   switch (colDef.key) {
     case "select":
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1560,6 +1575,27 @@ function renderCellContent(colDef, entry, col, selectedAttribute, isMatch, hasAt
         entry.email && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", display: "block", children: entry.email })
       ] });
     }
+    case "search_attr": {
+      const val = getNestedValue(entry, searchAttribute);
+      const displayStr = formatDisplayValue(val);
+      const isUnset = displayStr === "(empty / not set)" || displayStr === "(empty / unlinked)";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Typography,
+        {
+          textColor: isUnset ? "neutral500" : "primary700",
+          fontWeight: "semiBold",
+          style: {
+            fontStyle: isUnset ? "italic" : "normal",
+            display: "inline-block",
+            maxWidth: 260,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          },
+          children: displayStr
+        }
+      );
+    }
     case "target_attr": {
       const val = getNestedValue(entry, selectedAttribute);
       const displayStr = formatDisplayValue(val);
@@ -1650,6 +1686,7 @@ const BulkUpdater = () => {
   const [showPublishConfirmModal, setShowPublishConfirmModal] = React.useState(false);
   const [publishing, setPublishing] = React.useState(false);
   const [publishMakerNotesInput, setPublishMakerNotesInput] = React.useState("");
+  const [bulkExporting, setBulkExporting] = React.useState(false);
   const MODELS_CACHE_KEY = "strapi_bulk_updater_models_cache";
   const LAST_ATTR_KEY = "strapi_bulk_updater_last_attr";
   const getInitialAttribute = () => {
@@ -1683,10 +1720,34 @@ const BulkUpdater = () => {
   };
   const [useRegex, setUseRegex] = React.useState(false);
   const [regexPattern, setRegexPattern] = React.useState("");
+  const DEPTH_STORAGE_KEY = "strapi_bulk_updater_component_depth";
+  const [componentDepth, setComponentDepth] = React.useState(() => {
+    try {
+      const stored = localStorage.getItem(DEPTH_STORAGE_KEY);
+      if (stored) {
+        const val = Number(stored);
+        if (val >= 1 && val <= 5) return val;
+      }
+    } catch {
+    }
+    return 3;
+  });
+  const handleComponentDepthChange = (depth) => {
+    const capped = Math.min(5, Math.max(1, depth));
+    setComponentDepth(capped);
+    try {
+      localStorage.setItem(DEPTH_STORAGE_KEY, String(capped));
+    } catch {
+    }
+  };
+  const [searchAttribute, setSearchAttribute] = React.useState("");
+  const [searchAttributeInput, setSearchAttributeInput] = React.useState("");
+  const [attributesMeta, setAttributesMeta] = React.useState({});
+  const effectiveSearchAttribute = searchAttribute || selectedAttribute;
   const [filterOperator, setFilterOperator] = React.useState("none");
   const [filterQuery, setFilterQuery] = React.useState("");
   const [entrySearch, setEntrySearch] = React.useState("");
-  const isFilterActive = filterOperator !== "none" && (["empty", "not_empty"].includes(filterOperator) || Boolean(filterQuery.trim())) || Boolean(entrySearch.trim());
+  const isFilterActive = Boolean(searchAttribute && searchAttribute !== selectedAttribute) || filterOperator !== "none" && (["empty", "not_empty"].includes(filterOperator) || Boolean(filterQuery.trim())) || Boolean(entrySearch.trim());
   const [lastResults, setLastResults] = React.useState(null);
   const [updateSummary, setUpdateSummary] = React.useState(null);
   const [collectionPages, setCollectionPages] = React.useState({});
@@ -1766,6 +1827,9 @@ const BulkUpdater = () => {
     if (data.relationsMeta) {
       setRelationsMeta(data.relationsMeta);
     }
+    if (data.attributesMeta) {
+      setAttributesMeta(data.attributesMeta);
+    }
     let storedAttr = null;
     try {
       storedAttr = localStorage.getItem(LAST_ATTR_KEY);
@@ -1813,7 +1877,7 @@ const BulkUpdater = () => {
       setLoading(false);
     }
   };
-  const loadCollectionPage = async (colUid, targetPage, customPageSize, customSortField, customSortOrder, overrideFilterOp, overrideFilterQuery, overrideEntrySearch, autoSelectReturned = true) => {
+  const loadCollectionPage = async (colUid, targetPage, customPageSize, customSortField, customSortOrder, overrideFilterOp, overrideFilterQuery, overrideEntrySearch, autoSelectReturned = true, overrideSearchAttr) => {
     const currentPageState = collectionPages[colUid];
     const size = customPageSize || currentPageState?.pageSize || defaultPageSize;
     const currentSort = collectionSorts[colUid] || { field: "createdAt", order: "desc" };
@@ -1822,6 +1886,7 @@ const BulkUpdater = () => {
     const op = overrideFilterOp !== void 0 ? overrideFilterOp : filterOperator;
     const q = overrideFilterQuery !== void 0 ? overrideFilterQuery : filterQuery;
     const s = overrideEntrySearch !== void 0 ? overrideEntrySearch : entrySearch;
+    const searchAttr = overrideSearchAttr !== void 0 ? overrideSearchAttr : searchAttribute;
     setCollectionPages((prev) => ({
       ...prev,
       [colUid]: {
@@ -1835,6 +1900,9 @@ const BulkUpdater = () => {
         pageSize: String(size)
       });
       if (selectedAttribute) params.set("attribute", selectedAttribute);
+      if (searchAttr && searchAttr !== selectedAttribute) {
+        params.set("searchAttribute", searchAttr);
+      }
       if (op && op !== "none") {
         params.set("filterOperator", op);
         if (q) params.set("filterQuery", q);
@@ -1864,7 +1932,7 @@ const BulkUpdater = () => {
             loading: false
           }
         }));
-        const isFilterActiveNow = op !== "none" && (["empty", "not_empty"].includes(op) || Boolean(q.trim())) || Boolean(s.trim());
+        const isFilterActiveNow = Boolean(searchAttr && searchAttr !== selectedAttribute) || op !== "none" && (["empty", "not_empty"].includes(op) || Boolean(q.trim())) || Boolean(s.trim());
         if (isFilterActiveNow && autoSelectReturned) {
           setSelectedEntries((prev) => {
             const next = { ...prev };
@@ -1951,13 +2019,14 @@ const BulkUpdater = () => {
     }
     const timer = setTimeout(() => {
       if (collections.length > 0) {
-        const isFilterActiveNow = filterOperator !== "none" && (["empty", "not_empty"].includes(filterOperator) || Boolean(filterQuery.trim())) || Boolean(entrySearch.trim());
+        const isFilterActiveNow = Boolean(searchAttribute && searchAttribute !== selectedAttribute) || filterOperator !== "none" && (["empty", "not_empty"].includes(filterOperator) || Boolean(filterQuery.trim())) || Boolean(entrySearch.trim());
         if (isFilterActiveNow) {
           setSelectedEntries({});
         }
+        const targetSearchAttr = searchAttribute || selectedAttribute;
         const targetCols = collections.filter((col) => {
           if (visibleTypeUids[col.uid] === false) return false;
-          if (filterOperator !== "none" && !col.attributes.includes(selectedAttribute)) return false;
+          if (filterOperator !== "none" && targetSearchAttr && !col.attributes.includes(targetSearchAttr)) return false;
           return true;
         });
         targetCols.forEach((col) => {
@@ -1970,13 +2039,14 @@ const BulkUpdater = () => {
             filterOperator,
             filterQuery,
             entrySearch,
-            true
+            true,
+            searchAttribute
           );
         });
       }
     }, 350);
     return () => clearTimeout(timer);
-  }, [filterOperator, filterQuery, entrySearch]);
+  }, [searchAttribute, filterOperator, filterQuery, entrySearch]);
   const KEY_SEP = "@@@";
   const handleAttributeChange = (newAttr) => {
     if (newAttr !== selectedAttribute) {
@@ -2045,39 +2115,119 @@ const BulkUpdater = () => {
     setVisibleTypeUids(newVis);
   };
   const [attributeSearch, setAttributeSearch] = React.useState("");
+  const [searchAttributeSearch, setSearchAttributeSearch] = React.useState("");
+  const getAttrDepth = (attr) => attributesMeta[attr]?.depth ?? (attr.includes(".") ? attr.split(".").length - 1 : 0);
+  const depthFilteredAttributes = React.useMemo(() => {
+    return attributes.filter((attr) => getAttrDepth(attr) <= componentDepth);
+  }, [attributes, componentDepth, attributesMeta]);
   const filteredAttributes = React.useMemo(() => {
     if (!attributeSearch.trim()) {
-      return attributes;
+      return depthFilteredAttributes;
     }
     const q = attributeSearch.toLowerCase().trim();
     const cleanQ = q.replace(/[^a-z0-9]/g, "");
-    return attributes.filter((attr) => {
+    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);
     });
-  }, [attributes, attributeSearch, relationsMeta]);
+  }, [depthFilteredAttributes, attributeSearch, relationsMeta]);
+  const filteredSearchAttributes = React.useMemo(() => {
+    if (!searchAttributeSearch.trim()) {
+      return depthFilteredAttributes;
+    }
+    const q = searchAttributeSearch.toLowerCase().trim();
+    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, relationsMeta]);
   const memoizedComboboxOptions = React.useMemo(() => {
     if (filteredAttributes.length === 0) {
       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: "__none__", disabled: true, textValue: "No matching attributes found", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: [
         'No matching attributes found for "',
         attributeSearch,
-        '"'
+        '" (Depth L',
+        componentDepth,
+        ")"
       ] }) });
     }
     return filteredAttributes.map((attr) => {
       const rel = relationsMeta[attr];
+      const depth = getAttrDepth(attr);
       return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: attr, textValue: attr, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: attr === selectedAttribute ? "bold" : "regular", children: attr }),
         rel ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: [
           "relation ➔ ",
           rel.targetDisplayName
-        ] }) : attr.includes(".") ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "neutral150", textColor: "neutral700", size: "S", children: "component" }) : null
+        ] }) : depth > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: depth === 1 ? "neutral150" : depth === 2 ? "primary100" : "secondary100", textColor: depth === 1 ? "neutral700" : depth === 2 ? "primary700" : "secondary700", size: "S", children: [
+          "L",
+          depth,
+          " component"
+        ] }) : null
       ] }) }, attr);
     });
-  }, [filteredAttributes, relationsMeta, selectedAttribute, attributeSearch]);
+  }, [filteredAttributes, relationsMeta, selectedAttribute, attributeSearch, componentDepth, attributesMeta]);
+  const memoizedSearchComboboxOptions = React.useMemo(() => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.ComboboxOption,
+        {
+          value: "__default__",
+          textValue: `Same as Update Attribute (${selectedAttribute || "None"})`,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { variant: "omega", fontStyle: "italic", textColor: "neutral600", children: [
+              "-- Same as Update Attribute (",
+              selectedAttribute || "None",
+              ") --"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { backgroundColor: "neutral150", textColor: "neutral600", size: "S", children: "Default" })
+          ] })
+        }
+      ),
+      filteredSearchAttributes.map((attr) => {
+        const rel = relationsMeta[attr];
+        const depth = getAttrDepth(attr);
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ComboboxOption, { value: attr, textValue: attr, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", width: "100%", gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: attr === searchAttribute ? "bold" : "regular", children: attr }),
+          rel ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", size: "S", children: [
+            "relation ➔ ",
+            rel.targetDisplayName
+          ] }) : depth > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: depth === 1 ? "neutral150" : depth === 2 ? "primary100" : "secondary100", textColor: depth === 1 ? "neutral700" : depth === 2 ? "primary700" : "secondary700", size: "S", children: [
+            "L",
+            depth,
+            " component"
+          ] }) : null
+        ] }) }, `search_${attr}`);
+      })
+    ] });
+  }, [filteredSearchAttributes, relationsMeta, searchAttribute, selectedAttribute, componentDepth, attributesMeta]);
+  const handleSearchAttributeChange = (newAttr) => {
+    const finalAttr = newAttr === "__default__" ? "" : newAttr;
+    setSearchAttribute(finalAttr);
+    if (collections.length > 0) {
+      collections.forEach((col) => {
+        loadCollectionPage(
+          col.uid,
+          1,
+          void 0,
+          void 0,
+          void 0,
+          filterOperator,
+          filterQuery,
+          entrySearch,
+          true,
+          finalAttr
+        );
+      });
+    }
+  };
   const handleGlobalPageSizeChange = (newSize) => {
     const capped = Math.min(500, Math.max(1, newSize));
     setDefaultPageSize(capped);
@@ -2168,12 +2318,14 @@ const BulkUpdater = () => {
     setSelectedEntries(updated);
   };
   const clearFilter = () => {
+    setSearchAttribute("");
+    setSearchAttributeSearch("");
     setFilterOperator("none");
     setFilterQuery("");
     setEntrySearch("");
     setSelectedEntries({});
     collections.forEach((col) => {
-      loadCollectionPage(col.uid, 1, void 0, void 0, void 0, "none", "", "", false);
+      loadCollectionPage(col.uid, 1, void 0, void 0, void 0, "none", "", "", false, "");
     });
   };
   const isCollectionFullySelected = (col) => {
@@ -2435,6 +2587,57 @@ const BulkUpdater = () => {
       setMakerNotesInput("");
     }
   };
+  const handleBulkExportSelected = async () => {
+    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 entry to export"
+      });
+      return;
+    }
+    try {
+      setBulkExporting(true);
+      const res = await post("/bulk-updater/csv/export-bulk", { selectedEntries: targets });
+      const csvStr = res.data?.csvContent || (typeof res.data === "string" ? res.data : "");
+      if (!csvStr) {
+        toggleNotification({
+          type: "warning",
+          message: "No CSV content returned for selected entries"
+        });
+        return;
+      }
+      const safeContent = csvStr.startsWith("\uFEFF") ? csvStr : "\uFEFF" + csvStr;
+      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 || `bulk_export_selected_${targets.length}.csv`);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+      toggleNotification({
+        type: "success",
+        message: `Successfully exported ${res.data?.count || targets.length} selected records to Excel CSV`
+      });
+    } catch (e) {
+      toggleNotification({
+        type: "danger",
+        message: e.message || "Failed exporting selected records to CSV"
+      });
+    } finally {
+      setBulkExporting(false);
+    }
+  };
   const handleOpenPublishModal = () => {
     const totalSelected = Object.values(selectedEntries).filter(Boolean).length;
     if (totalSelected === 0) {
@@ -2918,7 +3121,29 @@ const BulkUpdater = () => {
               marginBottom: 6,
               style: { width: "100%", maxWidth: "100%", minWidth: 0, boxSizing: "border-box" },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", marginBottom: 4, fontWeight: "semiBold", children: "1. Configure Attribute Update" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, wrap: "wrap", gap: 3, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", fontWeight: "semiBold", children: "1. Configure Attribute Update" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Select the target attribute to update across collections." })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral700", fontWeight: "bold", children: "Component Nesting Depth:" }),
+                    [1, 2, 3, 4, 5].map((lvl) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      designSystem.Button,
+                      {
+                        variant: componentDepth === lvl ? "default" : "tertiary",
+                        size: "S",
+                        onClick: () => handleComponentDepthChange(lvl),
+                        title: `Discover nested component attributes up to Level ${lvl}`,
+                        children: [
+                          "Level ",
+                          lvl
+                        ]
+                      },
+                      `depth_cfg_${lvl}`
+                    ))
+                  ] })
+                ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { minWidth: 280, flex: 1, maxWidth: 440 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Attribute to Update" }),
@@ -3078,6 +3303,23 @@ const BulkUpdater = () => {
                           ")"
                         ]
                       }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      designSystem.Button,
+                      {
+                        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Download, {}),
+                        variant: "tertiary",
+                        size: "L",
+                        onClick: handleBulkExportSelected,
+                        loading: bulkExporting,
+                        disabled: loading || totalSelectedCount === 0,
+                        title: "Export selected entries to Excel-compatible CSV with full nested component support",
+                        children: [
+                          "Export Selected (",
+                          totalSelectedCount,
+                          ")"
+                        ]
+                      }
                     )
                   ] })
                 ] }),
@@ -3232,26 +3474,83 @@ const BulkUpdater = () => {
                     style: { width: "100%", maxWidth: "100%", boxSizing: "border-box" },
                     children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 3, children: [
                       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", alignItems: "center", wrap: "wrap", gap: 2, children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "bold", children: "Search & Filter Targets:" }),
                           isFilterActive && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "primary100", textColor: "primary700", children: [
                             matchingEntriesCount,
                             " matching ",
                             matchingEntriesCount === 1 ? "entry" : "entries",
                             " found in database"
+                          ] }),
+                          searchAttribute && searchAttribute !== selectedAttribute && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: [
+                            "Searching by: ",
+                            searchAttribute,
+                            " → Target to update: ",
+                            selectedAttribute
                           ] })
                         ] }),
-                        isFilterActive && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", size: "S", onClick: clearFilter, children: "Clear Search & Filter" })
+                        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, alignItems: "center", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: "Depth:" }),
+                            [1, 2, 3, 4, 5].map((lvl) => /* @__PURE__ */ jsxRuntime.jsxs(
+                              designSystem.Button,
+                              {
+                                variant: componentDepth === lvl ? "default" : "tertiary",
+                                size: "S",
+                                onClick: () => handleComponentDepthChange(lvl),
+                                title: `Show component attributes up to Level ${lvl}`,
+                                style: { minWidth: 26, padding: "2px 6px" },
+                                children: [
+                                  "L",
+                                  lvl
+                                ]
+                              },
+                              `s2_depth_${lvl}`
+                            ))
+                          ] }),
+                          isFilterActive && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "ghost", size: "S", onClick: clearFilter, children: "Clear Search & Filter" })
+                        ] })
                       ] }),
                       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, alignItems: "flex-end", wrap: "wrap", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 220, minWidth: 180 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 280, minWidth: 230 }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "Search Attribute" }),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            designSystem.Combobox,
+                            {
+                              autocomplete: "none",
+                              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("");
+                                }
+                              },
+                              onChange: (val) => {
+                                if (val && typeof val === "string" && val !== "__none__") {
+                                  handleSearchAttributeChange(val);
+                                  setSearchAttributeSearch("");
+                                }
+                              },
+                              children: memoizedSearchComboboxOptions
+                            }
+                          )
+                        ] }) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { width: 200, minWidth: 170 }, children: /* @__PURE__ */ jsxRuntime.jsxs(
                           designSystem.SingleSelect,
                           {
-                            label: selectedAttribute ? `Filter condition for "${selectedAttribute}"` : "Filter condition",
+                            label: effectiveSearchAttribute ? `Condition for "${effectiveSearchAttribute}"` : "Filter condition",
                             value: filterOperator,
                             onChange: (val) => setFilterOperator(String(val)),
                             children: [
-                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "none", children: "Show All (No Attribute Filter)" }),
+                              /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "none", children: "Show All (No Value Filter)" }),
                               /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "empty", children: "Is Empty or Null" }),
                               /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "not_empty", children: "Is Not Empty" }),
                               /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: "equals", children: "Equals Exact Text" }),
@@ -3260,16 +3559,16 @@ const BulkUpdater = () => {
                             ]
                           }
                         ) }),
-                        (filterOperator === "equals" || filterOperator === "contains" || filterOperator === "starts_with") && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        (filterOperator === "equals" || filterOperator === "contains" || filterOperator === "starts_with") && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: 180 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.TextInput,
                           {
-                            label: selectedAttribute ? `Value for "${selectedAttribute}"` : "Value to match",
+                            label: effectiveSearchAttribute ? `Value for "${effectiveSearchAttribute}"` : "Value to match",
                             placeholder: "Type value to match...",
                             value: filterQuery,
                             onChange: (e) => setFilterQuery(e.target.value)
                           }
                         ) }),
-                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: 200 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { flex: 1, minWidth: 180 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                           designSystem.TextInput,
                           {
                             label: "Full-text Entry Search",
@@ -3467,11 +3766,11 @@ const BulkUpdater = () => {
                   const pageSize = pageState ? pageState.pageSize : defaultPageSize;
                   const hasAttr = selectedAttribute ? col.attributes.includes(selectedAttribute) : false;
                   const visibleEntries = getVisibleEntries(col);
-                  selectedAttribute ? entries.filter((e) => entryMatchesFilter(e, selectedAttribute)).length : 0;
+                  selectedAttribute ? entries.filter((e) => entryMatchesFilter(e, effectiveSearchAttribute)).length : 0;
                   const isFullySelected = isCollectionFullySelected(col);
                   const isPartiallySelected = isCollectionPartiallySelected(col);
                   const currentSort = collectionSorts[col.uid] || { field: "createdAt", order: "desc" };
-                  const availableColumns = getAvailableColumnsForCollection(col, selectedAttribute);
+                  const availableColumns = getAvailableColumnsForCollection(col, selectedAttribute, searchAttribute);
                   const savedColKeys = collectionColumnVisibility[col.uid];
                   const activeColumns = savedColKeys ? availableColumns.filter((c) => c.isPermanent || savedColKeys.includes(c.key)) : availableColumns.filter((c) => c.defaultVisible);
                   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3579,6 +3878,10 @@ const BulkUpdater = () => {
                                     if (entrySearch && entrySearch.trim()) {
                                       params.set("search", entrySearch.trim());
                                     }
+                                    const colSelectedDocIds = col.entries.filter((e) => selectedEntries[`${col.uid}${KEY_SEP}${e.documentId}`]).map((e) => e.documentId);
+                                    if (colSelectedDocIds.length > 0) {
+                                      params.set("documentIds", colSelectedDocIds.join(","));
+                                    }
                                     const res = await get(`/bulk-updater/csv/export/${col.uid}?${params.toString()}`);
                                     const csvStr = res.data?.csvContent || (typeof res.data === "string" ? res.data : "");
                                     if (!csvStr) {
@@ -3588,7 +3891,8 @@ const BulkUpdater = () => {
                                       });
                                       return;
                                     }
-                                    const blob = new Blob([csvStr], { type: "text/csv;charset=utf-8;" });
+                                    const safeContent = csvStr.startsWith("\uFEFF") ? csvStr : "\uFEFF" + csvStr;
+                                    const blob = new Blob([safeContent], { type: "text/csv;charset=utf-8;" });
                                     const url = URL.createObjectURL(blob);
                                     const link = document.createElement("a");
                                     link.href = url;
@@ -3599,7 +3903,7 @@ const BulkUpdater = () => {
                                     URL.revokeObjectURL(url);
                                     toggleNotification({
                                       type: "success",
-                                      message: `Exported ${col.displayName} entries to CSV`
+                                      message: `Exported ${res.data?.count ?? (colSelectedDocIds.length || col.entries.length)} ${col.displayName} entries to Excel CSV`
                                     });
                                   } catch (e) {
                                     toggleNotification({
@@ -3676,7 +3980,7 @@ const BulkUpdater = () => {
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { className: "bulk-updater-table-container", style: { width: "100%", maxWidth: "100%", minWidth: 0, overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: activeColumns.length, rowCount: visibleEntries.length + 1, style: { width: "100%" }, children: [
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: activeColumns.map(
-                            (colDef) => renderHeaderCell(colDef, col, currentSort, selectedAttribute, handleHeaderSortClick)
+                            (colDef) => renderHeaderCell(colDef, col, currentSort, selectedAttribute, searchAttribute, handleHeaderSortClick)
                           ) }) }),
                           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: visibleEntries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: activeColumns.length, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, style: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: "No entries in this content type match the active filter criteria." }) }) }) }) : visibleEntries.map((entry) => {
                             const key = `${col.uid}${KEY_SEP}${entry.documentId}`;
@@ -3694,6 +3998,7 @@ const BulkUpdater = () => {
                                   entry,
                                   col,
                                   selectedAttribute,
+                                  searchAttribute,
                                   isMatch,
                                   hasAttr,
                                   isSelected,
@@ -4667,4 +4972,4 @@ exports.default = BulkUpdater;
 exports.formatDisplayValue = formatDisplayValue;
 exports.getAvailableColumnsForCollection = getAvailableColumnsForCollection;
 exports.getNestedValue = getNestedValue;
-//# sourceMappingURL=BulkUpdater-CQ9zGdat.js.map
+//# sourceMappingURL=BulkUpdater-CRvwX326.js.map